body
{
   border-width: 0 !important;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
.wb-theme-header
{
   background-color: #F8F8F8;
   background-image: none;
   border: 1px solid #D2D2D2;
   border-radius: 0px;
   color: #212529;
   --background-color: rgba(248,248,248,1.00);
   --border-color: #D2D2D2;
   --border-width: 1px;
   --color: #212529;
}
.wb-theme-content
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 0px;
   color: #212529;
   --background-color: rgba(255,255,255,1.00);
   --border-color: #DEE2E6;
   --border-width: 1px;
   --color: #212529;
   --icon-color: #0D6EFD;
   --colorize: invert(24%) sepia(98%) saturate(2018%) hue-rotate(209deg) brightness(108%) contrast(99%);
}
.wb-theme-button, .wb-theme-static
{
   background-color: #0D6EFD;
   background-image: none;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(13,110,253,1.00);
   --border-color: #0D6EFD;
   --border-width: 1px;
   --color: #FFFFFF;
}
.wb-theme-button:hover
{
   background-color: #0B5ED7;
   background-image: none;
   border: 1px solid #0A58CA;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(11,94,215,1.00);
   --border-color: #0A58CA;
   --border-width: 1px;
   --color: #FFFFFF;
}
.wb-theme-button.active, .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #0A58CA;
   background-image: none;
   border: 1px solid #0A53BE;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(10,88,202,1.00);
   --border-color: #0A53BE;
   --border-width: 1px;
   --color: #FFFFFF;
}
.darktheme .wb-theme-header
{
   background-color: #272B2F;
   background-image: none;
   border: 1px solid #424549;
   border-radius: 0px;
   color: #DEE2E6;
   --background-color: rgba(39,43,47,1.00);
   --border-color: #424549;
   --border-width: 1px;
   --color: #DEE2E6;
}
.darktheme .wb-theme-content
{
   background-color: #212529;
   background-image: none;
   border: 1px solid #495057;
   border-radius: 0px;
   color: #DEE2E6;
   --background-color: rgba(33,37,41,1.00);
   --border-color: #495057;
   --border-width: 1px;
   --color: #DEE2E6;
   --icon-color: #0D6EFD;
   --colorize: invert(27%) sepia(86%) saturate(2979%) hue-rotate(211deg) brightness(102%) contrast(99%);
}
.darktheme .wb-theme-button, .darktheme .wb-theme-static
{
   background-color: #0D6EFD;
   background-image: none;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(13,110,253,1.00);
   --border-color: #0D6EFD;
   --border-width: 1px;
   --color: #FFFFFF;
}
.darktheme .wb-theme-button:hover
{
   background-color: #0B5ED7;
   background-image: none;
   border: 1px solid #0A58CA;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(11,94,215,1.00);
   --border-color: #0A58CA;
   --border-width: 1px;
   --color: #FFFFFF;
}
.darktheme .wb-theme-button.active, .darktheme .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #0A58CA;
   background-image: none;
   border: 1px solid #0A53BE;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(10,88,202,1.00);
   --border-color: #0A53BE;
   --border-width: 1px;
   --color: #FFFFFF;
}
#wb_Text16 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 10px 0;
   margin: 30px 0 0 0 ;
   text-align: left;
}
#wb_Text16 div
{
   text-align: left;
}
#wb_Text16
{
   display: block;
   margin: 30px 0 0 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 10px 0;
   margin: 0;
   text-align: left;
}
#wb_indexText2 div
{
   text-align: left;
}
#wb_indexText2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexCssMenu1
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
   position: relative;
   z-index: 1111 !important;
}
#wb_indexCssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
   width: 100%;
}
#wb_indexCssMenu1 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 0px 4px 0px;
   width: 100%;
}
#wb_indexCssMenu1 a
{
   display: block;
   color: #BDC3C8;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: left;
   vertical-align: middle;
}
#wb_indexCssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 20px;
   padding: 0 5px 0px 10px;
   line-height: 20px;
}
#wb_indexCssMenu1 li:hover a, #wb_indexCssMenu1 a:hover
{
   color: #FFFFFF;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_indexCssMenu1 .firstmain a
{
   margin-top: 0px;
}
#wb_indexCssMenu1 li.lastmain
{
   padding-bottom: 0px;
}
#wb_indexCssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_indexCssMenu4
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
   position: relative;
   z-index: 1111 !important;
}
#wb_indexCssMenu4 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
   width: 100%;
}
#wb_indexCssMenu4 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 0px 4px 0px;
   width: 100%;
}
#wb_indexCssMenu4 a
{
   display: block;
   color: #CECECE;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: left;
   vertical-align: middle;
}
#wb_indexCssMenu4 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 20px;
   padding: 0 5px 0px 0px;
   line-height: 20px;
}
#wb_indexCssMenu4 li:hover a, #wb_indexCssMenu4 a:hover
{
   color: #FFFFFF;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_indexCssMenu4 .firstmain a
{
   margin-top: 0px;
}
#wb_indexCssMenu4 li.lastmain
{
   padding-bottom: 0px;
}
#wb_indexCssMenu4 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_Text17 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 10px 0;
   margin: 0;
   text-align: left;
}
#wb_Text17 div
{
   text-align: left;
}
#wb_Text17
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_IconFont7
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 5px 5px 5px 5px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont7
{
   height: 47px;
   width: 47px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont7 i
{
   color: #CECECE;
   display: inline-block;
   font-size: 47px;
   line-height: 47px;
   vertical-align: middle;
}
#wb_IconFont7:hover #IconFont7 i
{
   color: #FFFFFF;
}
#wb_IconFont8
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 5px 5px 5px 5px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont8
{
   height: 47px;
   width: 47px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont8 i
{
   color: #CECECE;
   display: inline-block;
   font-size: 47px;
   line-height: 47px;
   vertical-align: middle;
}
#wb_IconFont8:hover #IconFont8 i
{
   color: #FFFFFF;
}
#wb_IconFont9
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 5px 5px 5px 5px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont9
{
   height: 47px;
   width: 47px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont9 i
{
   color: #CECECE;
   display: inline-block;
   font-size: 47px;
   line-height: 47px;
   vertical-align: middle;
}
#wb_IconFont9:hover #IconFont9 i
{
   color: #FFFFFF;
}
#wb_IconFont10
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 5px 5px 5px 5px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont10
{
   height: 47px;
   width: 47px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont10 i
{
   color: #CECECE;
   display: inline-block;
   font-size: 47px;
   line-height: 47px;
   vertical-align: middle;
}
#wb_IconFont10:hover #IconFont10 i
{
   color: #FFFFFF;
}
#wb_Text20 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 10px 0;
   margin: 0;
   text-align: left;
}
#wb_Text20 div
{
   text-align: left;
}
#wb_Text20
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_IconFont11
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 5px 5px 5px 5px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont11
{
   height: 47px;
   width: 47px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont11 i
{
   color: #CECECE;
   display: inline-block;
   font-size: 47px;
   line-height: 47px;
   vertical-align: middle;
}
#wb_IconFont11:hover #IconFont11 i
{
   color: #FFFFFF;
}
#wb_IconFont12
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 5px 5px 5px 5px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont12
{
   height: 47px;
   width: 47px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont12 i
{
   color: #CECECE;
   display: inline-block;
   font-size: 47px;
   line-height: 47px;
   vertical-align: middle;
}
#wb_IconFont12:hover #IconFont12 i
{
   color: #FFFFFF;
}
#wb_IconFont13
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 5px 5px 5px 5px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont13
{
   height: 47px;
   width: 47px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont13 i
{
   color: #CECECE;
   display: inline-block;
   font-size: 47px;
   line-height: 47px;
   vertical-align: middle;
}
#wb_IconFont13:hover #IconFont13 i
{
   color: #FFFFFF;
}
#wb_IconFont14
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 5px 5px 5px 5px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont14 a
{
   text-decoration: none;
}
#wb_IconFont14 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#IconFont14
{
   height: 47px;
   width: 47px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont14 i
{
   color: #CECECE;
   display: inline-block;
   font-size: 47px;
   line-height: 47px;
   vertical-align: middle;
}
#wb_IconFont14:hover #IconFont14 i
{
   color: #FFFFFF;
}
#wb_footer_bottom
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #2F3337;
   background-image: none;
   border: 0px solid #233140;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footer_bottom
{
   box-sizing: border-box;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#footer_bottom > .row
{
   margin-right: 0;
   margin-left: 0;
}
#footer_bottom > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#footer_bottom > .row > .col-1
{
   float: left;
}
#footer_bottom > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#footer_bottom:before,
#footer_bottom:after,
#footer_bottom .row:before,
#footer_bottom .row:after
{
   display: table;
   content: " ";
}
#footer_bottom:after,
#footer_bottom .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#footer_bottom > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#indexLine1
{
   border-color: #2E2E2E;
   border-style: solid;
   border-bottom-width: 1px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0;
   padding: 0;
}
#wb_Contact
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #17297B;
   background-image: none;
   border: 0px solid #2F3337;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Contact
{
   box-sizing: border-box;
   padding: 5px 5px 5px 5px;
   margin-right: auto;
   margin-left: auto;
   max-width: 9999999999999999px;
}
#Contact > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#Contact > .row > .col-1, #Contact > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#Contact > .row > .col-1, #Contact > .row > .col-2
{
   float: left;
}
#Contact > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#Contact > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 75%;
   text-align: left;
}
#Contact:before,
#Contact:after,
#Contact .row:before,
#Contact .row:after
{
   display: table;
   content: " ";
}
#Contact:after,
#Contact .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Contact > .row > .col-1, #Contact > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_menu12LayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(255,255,255,0.80);
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#menu12LayoutGrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 10px 0 10px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#menu12LayoutGrid > .col-1, #menu12LayoutGrid > .col-2, #menu12LayoutGrid > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#menu12LayoutGrid > .col-1, #menu12LayoutGrid > .col-2, #menu12LayoutGrid > .col-3
{
   flex: 0 0 auto;
}
#menu12LayoutGrid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#menu12LayoutGrid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#menu12LayoutGrid > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#menu12LayoutGrid > .col-1, #menu12LayoutGrid > .col-2, #menu12LayoutGrid > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Card1
{
   position: relative;
   display: inline-block;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   vertical-align: top;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: left;
}
#Card1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card1-card-item0
{
   display: inline-block;
   height: 68px;
   box-sizing: border-box;
   margin: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #2E8B57;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
   animation: fall 2000ms linear 0ms infinite normal both;
}
#Card1-card-item0 a
{
   color: inherit;
   display: block;
   padding: 10px 10px 10px 10px;
   text-decoration: none;
}
#Card1-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 48px;
   width: 48px;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: -50px 0 0 0 ;
   padding: 0 10px 6px 80px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#Card1-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#Card1-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 10px 80px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   text-align: left;
}
#Card1-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#wb_serviceCard2
{
   position: relative;
   display: inline-block;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   vertical-align: top;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: left;
}
#serviceCard2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#serviceCard2-card-item0
{
   display: inline-block;
   height: 68px;
   box-sizing: border-box;
   margin: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #2E8B57;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
   animation: fall 2000ms linear 0ms infinite normal both;
}
#serviceCard2-card-item0 a
{
   color: inherit;
   display: block;
   padding: 10px 10px 10px 10px;
   text-decoration: none;
}
#serviceCard2-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 48px;
   width: 48px;
}
#serviceCard2-card-item1
{
   box-sizing: border-box;
   margin: -50px 0 0 0 ;
   padding: 0 10px 6px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#serviceCard2-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard2-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 10px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   text-align: left;
}
#serviceCard2-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard2-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 10px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   text-align: left;
}
#serviceCard2-card-item3 a
{
   color: inherit;
   text-decoration: none;
}
#wb_serviceCard4
{
   position: relative;
   display: inline-block;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   vertical-align: top;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: left;
}
#serviceCard4-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#serviceCard4-card-item0
{
   display: inline-block;
   height: 68px;
   box-sizing: border-box;
   margin: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #006400;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
}
#serviceCard4-card-item0 a
{
   color: inherit;
   display: block;
   padding: 10px 10px 10px 10px;
   text-decoration: none;
}
#serviceCard4-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 48px;
   width: 48px;
}
#serviceCard4-card-item1
{
   box-sizing: border-box;
   margin: -50px 0 0 0 ;
   padding: 0 10px 6px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#serviceCard4-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard4-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 10px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   text-align: justify;
}
#serviceCard4-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 460px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 2px 15px 9px 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1
{
   float: left;
}
#LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid2:before,
#LayoutGrid2:after,
#LayoutGrid2 .row:before,
#LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2:after,
#LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid2 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_CssMenu1
{
   margin: 0;
   text-align: center;
   position: relative;
   z-index: 1111 !important;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
   position: relative;
   display: inline-block;
}
#wb_CssMenu1 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 4px 0px 0px;
}
#wb_CssMenu1 a
{
   display: block;
   font-family: Arial;
   font-weight: bold;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_CssMenu1 > ul > li > a
{
   height: 48px;
   line-height: 48px;
   padding: 0px 5px 0px 5px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover, #wb_CssMenu1 .active
{
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
@media all and (max-width:799px) 
{
#wb_CssMenu1 ul
{
   width: 100%;
}
#wb_CssMenu1 li
{
   padding: 0 0px 4px 0px !important;
   width: 100% !important;
}
#wb_CssMenu1 a
{
   box-sizing: border-box;
   float: none !important;
   width: 100% !important;
}

}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid3 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid3 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid4 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid4 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4 > .row > .col-1
{
   float: left;
}
#LayoutGrid4 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid4:before,
#LayoutGrid4:after,
#LayoutGrid4 .row:before,
#LayoutGrid4 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid4:after,
#LayoutGrid4 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid4 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#list8Accordion *, #list8Accordion *::before, #list8Accordion *::after
{
   box-sizing: border-box;
}
#list8Accordion .accordion-item
{
   background-color: #D3D3D3;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 8px;
   box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
   margin-bottom: 1px;
   overflow: hidden;
   text-align: left;
}
#list8Accordion .accordion-item
{
   border-color: #C5C5C5;
}
#list8Accordion.accordion-group .accordion-item
{
   margin-bottom: -1px;
   overflow: hidden;
   border-radius: 8px;
}
#list8Accordion .accordion-header
{
   border-bottom: 1px solid transparent;
   border-top-right-radius: 8px;
   border-top-left-radius: 8px;
}
#list8Accordion .accordion-item > .accordion-header
{
   background-color: #3370B7;
   background-image: none;
}
#list8Accordion .accordion-item.active
{
   border-color: rgba(221,221,221,1.00);
}
#list8Accordion .accordion-item.active > .accordion-header
{
   background-color: #3370B7;
   background-image: none;
}
#list8Accordion .accordion-item:hover > .accordion-header
{
   background-color: #1E90FF;
   background-image: none;
}
#list8Accordion .accordion-body
{
   padding: 0;
   font-size: 0;
   text-align: left;
   position: relative;
}
#list8Accordion .accordion-body::before, #list8Accordion .accordion-body::after
{
   display: table;
   content: " ";
}
#list8Accordion .accordion-body::after
{
   clear: both;
}
#list8Accordion .accordion-item > .accordion-header + .accordion-collapse .accordion-body
{
   border-top-color: rgba(197,197,197,1.00);
}
#list8Accordion .accordion-title
{
   margin-top: 0;
   margin-bottom: 0;
   display: block;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px !important;
   font-style: normal;
   text-align: left;
}
#list8Accordion .accordion-title > a
{
   color: inherit;
   position: relative;
   display: block;
   padding: 19px 20px 19px 60px;
   text-decoration: none;
}
#list8Accordion .active .accordion-title > a
{
   color: #FFFFFF;
}
#list8Accordion .collapse 
{
   display: none;
}
#list8Accordion .collapse.show
{
   display: block;
}
#list8Accordion .collapsing
{
   position: relative;
   height: 0;
   overflow: hidden;
   transition: height 0.35s linear;
}
#list8Accordion .accordion-item .accordion-header .accordion-arrow
{
   right: 20px;
   width: 24px;
   height: 100%;
   box-sizing: content-box;
   display: inline-flex;
   align-content: center;
   align-items: center;
   position: absolute;
   text-indent: -99999px;
   top: 0;
   overflow: hidden;
   fill: currentColor;
}
#list8Accordion .accordion-item .accordion-header .accordion-arrow .icon-default
{
   display: block;
   flex: 1;
   padding: 2px;
}
#list8Accordion .accordion-item .accordion-header .accordion-arrow .icon-active
{
   display: none;
   flex: 1;
   padding: 2px;
}
#list8Accordion .accordion-item.active .accordion-header .accordion-arrow .icon-default
{
   display: none;
}
#list8Accordion .accordion-item.active .accordion-header .accordion-arrow .icon-active
{
   display: block;
}
#wb_list8Accordion
{
   margin: 0;
}
#wb_LayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('images/reins-cutout.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid5 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid5 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5
{
   width: 938px;
}
#LayoutGrid5 > .row > .col-1
{
   float: left;
}
#LayoutGrid5 > .row > .col-1
{
   background-color: transparent;
   border: 0px solid transparent;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid5:before,
#LayoutGrid5:after,
#LayoutGrid5 .row:before,
#LayoutGrid5 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid5:after,
#LayoutGrid5 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid5
{
   width: 100%;
}
#LayoutGrid5 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Contact
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #17297B;
   background-image: none;
   border: 0px solid #2F3337;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Contact
{
   box-sizing: border-box;
   padding: 5px 5px 5px 5px;
   margin-right: auto;
   margin-left: auto;
   max-width: 9999999999999999px;
}
#Contact > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#Contact > .row > .col-1, #Contact > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#Contact > .row > .col-1, #Contact > .row > .col-2
{
   float: left;
}
#Contact > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#Contact > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 75%;
   text-align: left;
}
#Contact:before,
#Contact:after,
#Contact .row:before,
#Contact .row:after
{
   display: table;
   content: " ";
}
#Contact:after,
#Contact .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Contact > .row > .col-1, #Contact > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#wb_CssMenu1
{
   display: block;
   width: 100%;
   z-index: 5;
}
#wb_serviceCard2
{
   display: inline-block;
   width: 293px;
   height: 90px;
   z-index: 3;
}
#wb_indexCssMenu1
{
   display: block;
   width: 100%;
   z-index: 38;
}
#Html11
{
   display: inline-block;
   width: 100%;
   height: 460px;
   overflow: auto;
   z-index: 22;
}
#Html3
{
   display: inline-block;
   width: 100%;
   height: 708px;
   overflow: auto;
   z-index: 11;
}
#wb_Card1
{
   display: inline-block;
   width: 293px;
   height: 90px;
   z-index: 2;
}
#Html10
{
   display: inline-block;
   width: 100%;
   height: 427px;
   overflow: auto;
   z-index: 21;
}
#wb_Image1
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 1;
}
#Html1
{
   display: inline-block;
   width: 100%;
   height: 522px;
   z-index: 44;
}
#Html6
{
   display: inline-block;
   width: 100%;
   height: 550px;
   overflow: auto;
   z-index: 17;
}
#Html12
{
   display: inline-block;
   width: 100%;
   height: 460px;
   overflow: auto;
   z-index: 12;
}
#Html7
{
   display: inline-block;
   width: 100%;
   height: 510px;
   overflow: auto;
   z-index: 18;
}
#Html4
{
   display: inline-block;
   width: 100%;
   height: 810px;
   overflow: auto;
   z-index: 15;
}
#Html14
{
   display: inline-block;
   width: 100%;
   height: 920px;
   overflow: auto;
   z-index: 13;
}
#Html5
{
   display: inline-block;
   width: 100%;
   height: 810px;
   overflow: auto;
   z-index: 16;
}
#Html8
{
   display: inline-block;
   width: 100%;
   height: 390px;
   overflow: auto;
   z-index: 19;
}
#Html9
{
   display: inline-block;
   width: 100%;
   height: 440px;
   overflow: auto;
   z-index: 20;
}
#indexLine1
{
   display: block;
   width: 100%;
   z-index: 0;
}
#wb_IconFont14
{
   display: inline-block;
   width: 47px;
   height: 47px;
   text-align: center;
   z-index: 43;
}
#wb_IconFont13
{
   display: inline-block;
   width: 47px;
   height: 47px;
   text-align: center;
   z-index: 42;
}
#wb_IconFont12
{
   display: inline-block;
   width: 47px;
   height: 47px;
   text-align: center;
   z-index: 41;
}
#wb_IconFont11
{
   display: inline-block;
   width: 47px;
   height: 47px;
   text-align: center;
   z-index: 40;
}
#wb_serviceCard4
{
   display: inline-block;
   width: 293px;
   height: 90px;
   z-index: 4;
}
#Html2
{
   display: inline-block;
   width: 100%;
   height: 670px;
   overflow: auto;
   z-index: 14;
}
#wb_list8Accordion
{
   display: block;
   width: 100%;
   z-index: 23;
}
@media only screen and (max-width: 969px)
{
#MasterPage1
{
   left: 0px;
   top: 0px;
   width: 320px;
   height: 2033px;
   visibility: visible;
   display: inline;
}
#wb_Text16
{
   visibility: visible;
   display: block;
}
#wb_Text16
{
   margin: 30px 0 0 0 ;
   padding: 20px 0 10px 0;
}
#wb_indexText2
{
   visibility: visible;
   display: block;
}
#wb_indexText2
{
   margin: 0;
   padding: 20px 0 10px 0;
}
#wb_indexCssMenu1
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: left;
}
#wb_indexCssMenu1 li
{
   width: 100%;
}
#wb_indexCssMenu1 a
{
   color: #BDC3C8;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: left;
}
#wb_indexCssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 20px;
   padding: 0 5px 0px 10px;
   line-height: 20px;
}
#wb_indexCssMenu1 li:hover a, #wb_indexCssMenu1 a:hover
{
   color: #FFFFFF;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_indexCssMenu1 li
{
   padding-bottom: 4px !important;
}
#wb_indexCssMenu4
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: left;
}
#wb_indexCssMenu4 li
{
   width: 100%;
}
#wb_indexCssMenu4 a
{
   color: #CECECE;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: left;
}
#wb_indexCssMenu4 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 20px;
   padding: 0 5px 0px 0px;
   line-height: 20px;
}
#wb_indexCssMenu4 li:hover a, #wb_indexCssMenu4 a:hover
{
   color: #FFFFFF;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_indexCssMenu4 li
{
   padding-bottom: 4px !important;
}
#wb_Text17
{
   visibility: visible;
   display: block;
}
#wb_Text17
{
   margin: 0;
   padding: 20px 0 10px 0;
}
#wb_IconFont7
{
   width: 47px;
   height: 47px;
   visibility: visible;
   display: inline-block;
   margin: 5px 5px 5px 5px;
   padding: 0;
}
#IconFont7
{
   width: 47px;
   height: 47px;
}
#IconFont7 i
{
   line-height: 47px;
   font-size: 47px;
   width: 46px;
}
#wb_IconFont8
{
   width: 47px;
   height: 47px;
   visibility: visible;
   display: inline-block;
   margin: 5px 5px 5px 5px;
   padding: 0;
}
#IconFont8
{
   width: 47px;
   height: 47px;
}
#IconFont8 i
{
   line-height: 47px;
   font-size: 47px;
   width: 42px;
}
#wb_IconFont9
{
   width: 47px;
   height: 47px;
   visibility: visible;
   display: inline-block;
   margin: 5px 5px 5px 5px;
   padding: 0;
}
#IconFont9
{
   width: 47px;
   height: 47px;
}
#IconFont9 i
{
   line-height: 47px;
   font-size: 47px;
   width: 39px;
}
#wb_IconFont10
{
   width: 47px;
   height: 47px;
   visibility: visible;
   display: inline-block;
   margin: 5px 5px 5px 5px;
   padding: 0;
}
#IconFont10
{
   width: 47px;
   height: 47px;
}
#IconFont10 i
{
   line-height: 47px;
   font-size: 47px;
   width: 42px;
}
#wb_Text20
{
   visibility: visible;
   display: block;
}
#wb_Text20
{
   margin: 0;
   padding: 20px 0 10px 0;
}
#wb_IconFont11
{
   width: 47px;
   height: 47px;
   visibility: visible;
   display: inline-block;
   margin: 5px 5px 5px 5px;
   padding: 0;
   background-color: transparent;
   background-image: none;
}
#IconFont11
{
   width: 47px;
   height: 47px;
}
#IconFont11 i
{
   line-height: 47px;
   font-size: 47px;
   width: 51px;
}
#wb_IconFont11:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_IconFont12
{
   width: 47px;
   height: 47px;
   visibility: visible;
   display: inline-block;
   margin: 5px 5px 5px 5px;
   padding: 0;
   background-color: transparent;
   background-image: none;
}
#IconFont12
{
   width: 47px;
   height: 47px;
}
#IconFont12 i
{
   line-height: 47px;
   font-size: 47px;
   width: 48px;
}
#wb_IconFont12:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_IconFont13
{
   width: 47px;
   height: 47px;
   visibility: visible;
   display: inline-block;
   margin: 5px 5px 5px 5px;
   padding: 0;
   background-color: transparent;
   background-image: none;
}
#IconFont13
{
   width: 47px;
   height: 47px;
}
#IconFont13 i
{
   line-height: 47px;
   font-size: 47px;
   width: 48px;
}
#wb_IconFont13:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_IconFont14
{
   width: 47px;
   height: 47px;
   visibility: visible;
   display: inline-block;
   margin: 5px 5px 5px 5px;
   padding: 0;
   background-color: transparent;
   background-image: none;
}
#IconFont14
{
   width: 47px;
   height: 47px;
}
#IconFont14 i
{
   line-height: 47px;
   font-size: 47px;
   width: 48px;
}
#wb_IconFont14:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_footer_bottom
{
   visibility: visible;
   display: table;
}
#wb_footer_bottom
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footer_bottom
{
   height: auto;
   padding: 0;
}
#footer_bottom .row
{
   margin-right: 0px;
   margin-left: 0px;
}
#footer_bottom > .row > .col-1
{
   padding-right: 0px;
   padding-left: 0px;
}
#footer_bottom > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#indexLine1
{
   width: 100%;
   height: 1px;
   visibility: visible;
   display: block;
   margin: 0;
}
#indexLine1
{
   border-color: #2E2E2E;
   border-bottom-width: 1px;
}
#wb_Contact
{
   visibility: visible;
   display: table;
}
#wb_Contact
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#Contact
{
   height: auto;
   padding: 5px 5px 5px 5px;
}
#Contact .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#Contact > .row > .col-1, #Contact > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#Contact > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Contact > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Html1
{
   visibility: visible;
   display: block;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_menu12LayoutGrid
{
   visibility: visible;
   display: table;
}
#wb_menu12LayoutGrid
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#menu12LayoutGrid
{
   height: auto;
   padding: 10px 0 10px 0;
}
#wb_Card1
{
   width: 283px;
   height: 90px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 10px 0 ;
}
#Card1-card-item0
{
   display: inline-block;
   height: 68px;
   box-sizing: border-box;
   margin: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #2E8B57;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
   animation: fall 2000ms linear 0ms infinite normal both;
}
#Card1-card-item0 a
{
   color: inherit;
   display: block;
   padding: 10px 10px 10px 10px;
   text-decoration: none;
}
#Card1-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 48px;
   width: 48px;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: -50px 0 0 0 ;
   padding: 0 10px 6px 80px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#Card1-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#Card1-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 10px 80px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   text-align: left;
}
#Card1-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Card1
{
   text-align: left;
}
#wb_serviceCard2
{
   width: 205px;
   height: 90px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 10px 0 ;
}
#serviceCard2-card-item0
{
   display: inline-block;
   height: 68px;
   box-sizing: border-box;
   margin: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #2E8B57;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
   animation: fall 2000ms linear 0ms infinite normal both;
}
#serviceCard2-card-item0 a
{
   color: inherit;
   display: block;
   padding: 10px 10px 10px 10px;
   text-decoration: none;
}
#serviceCard2-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 48px;
   width: 48px;
}
#serviceCard2-card-item1
{
   box-sizing: border-box;
   margin: -50px 0 0 0 ;
   padding: 0 10px 6px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#serviceCard2-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard2-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 10px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   text-align: left;
}
#serviceCard2-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard2-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 10px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   text-align: left;
}
#serviceCard2-card-item3 a
{
   color: inherit;
   text-decoration: none;
}
#wb_serviceCard2
{
   text-align: left;
}
#wb_serviceCard4
{
   width: 290px;
   height: 90px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 10px 0 ;
}
#serviceCard4-card-item0
{
   display: inline-block;
   height: 68px;
   box-sizing: border-box;
   margin: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #006400;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
}
#serviceCard4-card-item0 a
{
   color: inherit;
   display: block;
   padding: 10px 10px 10px 10px;
   text-decoration: none;
}
#serviceCard4-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 48px;
   width: 48px;
}
#serviceCard4-card-item1
{
   box-sizing: border-box;
   margin: -50px 0 0 0 ;
   padding: 0 10px 6px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#serviceCard4-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard4-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 10px 80px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   text-align: justify;
}
#serviceCard4-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#wb_serviceCard4
{
   text-align: left;
}
#wb_Image1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image1
{
   margin-left: auto;
   margin-right: auto;
}
#wb_LayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid2 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid2 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_CssMenu1
{
   width: 288px;
   height: 192px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: center;
}
#wb_CssMenu1 li
{
}
#wb_CssMenu1 a
{
   font-family: Arial;
   font-weight: bold;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_CssMenu1 > ul > li > a
{
   height: 26px;
   line-height: 26px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover, #wb_CssMenu1 .active
{
}
#wb_CssMenu1 li
{
   padding-bottom: 4px !important;
}
#wb_LayoutGrid3
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid3
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   height: auto;
   padding: 50px 0 0 0;
}
#LayoutGrid3 > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid3 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: flex-start;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#wb_LayoutGrid4
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid4
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid4
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid4 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid4 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid4 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_list8Accordion
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#list8Accordion .accordion-title
{
   font-size: 13px !important;
}
#Html2
{
   visibility: visible;
   display: block;
}
#Html4
{
   visibility: visible;
   display: block;
}
#Html6
{
   visibility: visible;
   display: block;
}
#Html8
{
   visibility: visible;
   display: block;
}
#Html9
{
   visibility: visible;
   display: block;
}
#Html7
{
   visibility: visible;
   display: block;
}
#Html10
{
   visibility: visible;
   display: block;
}
#Html11
{
   visibility: visible;
   display: block;
}
#wb_LayoutGrid5
{
   visibility: visible;
   display: table;
   background-color: transparent;
   background-image: url('images/reins-cutout.png');
   background-repeat: no-repeat;
   background-position: left top !important;
   background-attachment: scroll;
   background-size: auto;
}
#wb_LayoutGrid5
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid5
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid5 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid5
{
   width: 100%;
}
#LayoutGrid5 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid5 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: left;
}
#Html3
{
   visibility: visible;
   display: block;
}
#Html12
{
   visibility: visible;
   display: block;
}
#Html5
{
   visibility: visible;
   display: block;
}
#Html14
{
   visibility: visible;
   display: block;
}
}
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
    line-height: 1.7;
}

/* Pleine largeur */
.container {
    max-width: 100%;
    margin: 0;
    padding: 15px;
}

h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 25px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 6px;
}

/* Grille multi-colonnes */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 colonnes PC */
    gap: 15px;
}

/* Tablette */
@media (max-width: 1200px) {
    .cards-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Mobile large */
@media (max-width: 900px) {
    .cards-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile */
@media (max-width: 480px) {
    .cards-grid { grid-template-columns: 1fr; }
}

.carde {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    padding: 14px;
    transition: 0.3s ease;
}

.carde:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.carde h2 {
    margin: 0 0 8px 0;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

.carde p {
    margin: 0 0 8px 0;
    font-size: 0.95rem;
}

/* Couleurs */
.definition { border-left: 4px solid #0b5394; }
.prise { border-left: 4px solid #0b9354; }
.prostatite { border-left: 4px solid #bf9000; }

.carde ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 5px;
    font-size: 0.95rem;
}

.carde ul li::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}
/* ---------- Global ---------- */
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
     
    line-height: 1.7;
}

/* ---------- Container ---------- */
.container {
    max-width: 1100px;
    margin: auto;
    padding: 20px;
}

/* ---------- Title ---------- */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 35px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 6px;
}

/* ---------- Cards Grid ---------- */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 22px;
}

/* ---------- Card ---------- */
.carde {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 22px;
    transition: all 0.3s ease;
}

.carde:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.35rem;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.carde p {
    margin-bottom: 12px;
    font-size: 1rem;
}

/* ---------- Card Colors ---------- */
.hbp { border-left: 6px solid #1c4587; }
.cancer { border-left: 6px solid #a61c00; }
.prostatite { border-left: 6px solid #bf9000; }

/* ---------- LISTES ISOLÉES (SANS CONFLIT) ---------- */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
    font-size: 1rem;
}

.carde ul li::before {
    content: "\f105"; /* chevron-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* ---------- Responsive ---------- */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.15rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
/* ---------- Global ---------- */
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
  
    line-height: 1.7;
}

/* ---------- Container ---------- */
.container {
    max-width: 1100px;
    margin: auto;
    padding: 20px;
}

/* ---------- Title ---------- */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 35px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 6px;
}

/* ---------- Cards Grid ---------- */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 22px;
}

/* ---------- Card ---------- */
.carde {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 22px;
    transition: all 0.3s ease;
}

.carde:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.35rem;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.carde p {
    margin-bottom: 12px;
    font-size: 1rem;
}

/* Section colors */
.localisation { border-left: 5px solid #1c4587; }
.signes { border-left: 5px solid #a61c00; }
.diagnostic { border-left: 5px solid #bf9000; }
.traitement { border-left: 5px solid #0b5394; }
.prevention { border-left: 5px solid #0b9354; }




/* ---------- LISTES ISOLÉES (SANS CONFLIT) ---------- */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
    font-size: 1rem;
}

.carde ul li::before {
    content: "\f105"; /* chevron-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* ---------- Responsive ---------- */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.15rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
     
    line-height: 1.7;
}

/* Container */
.container {
    max-width: 1100px;
    margin: auto;
    padding: 20px;
}

/* Page Title */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 30px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 5px;
}

/* Grid for cards */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Card style */
.carde {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.carde:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.3rem;
    margin-bottom: 12px;
}

.carde p, .carde ul li {
    font-size: 1rem;
    line-height: 1.6;
}

/* Section colors */
.causes { border-left: 5px solid #1c4587; }
.types { border-left: 5px solid #0b5394; }
.signes { border-left: 5px solid #a61c00; }
.traitement { border-left: 5px solid #bf9000; }
.complications { border-left: 5px solid #8a0000; }

/* LISTES – isolées uniquement dans les cartes */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}

/* Icône principale */
.carde ul li::before {
    content: "\f0da"; /* chevron */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* Sous-listes (ex: facteurs favorisant) */
.carde ul ul {
    margin-top: 6px;
}

.carde ul ul li {
    padding-left: 20px;
}

.carde ul ul li::before {
    content: "\f111"; /* petit point */
    font-size: 0.45rem;
    top: 7px;
    color: #666;
}

/* Important */
.important { font-weight: bold; color: #a61c00; }

/* Responsive */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.1rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
     
    line-height: 1.7;
}

/* Container */
.container {
    max-width: 1100px;
    margin: auto;
    padding: 20px;
}

/* Page Title */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 30px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 5px;
}

/* Grid for cards */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Card style */
.carde {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.carde:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.3rem;
    margin-bottom: 12px;
}

.carde p, .carde ul li {
    font-size: 1rem;
    line-height: 1.6;
}

/* Section colors */
.definition { border-left: 5px solid #0b5394; }
.cancers { border-left: 5px solid #8a0000; }
.diagnostic { border-left: 5px solid #bf9000; }
.traitements { border-left: 5px solid #1c4587; }
.depistage { border-left: 5px solid #0b9354; }

/* LISTES – isolées uniquement dans les cartes */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}

/* Icône principale */
.carde ul li::before {
    content: "\f0da"; /* chevron */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* Sous-listes éventuelles */
.carde ul ul {
    margin-top: 6px;
}

.carde ul ul li {
    padding-left: 20px;
}

.carde ul ul li::before {
    content: "\f111"; /* petit point */
    font-size: 0.45rem;
    top: 7px;
    color: #666;
}

/* Important */
.important { font-weight: bold; color: #a61c00; }

/* Responsive */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.1rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
     
    line-height: 1.7;
}

/* Container */
.container {
    max-width: 1100px;
    margin: auto;
    padding: 0px;
}

/* Page Title */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 30px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 5px;
}

/* Grid for cards */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Card style */
.carde {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.carde:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.3rem;
    margin-bottom: 12px;
}

/* Section colors */
.definition { border-left: 5px solid #0b5394; }
.causes { border-left: 5px solid #8a0000; }
.diagnostic { border-left: 5px solid #bf9000; }
.traitement { border-left: 5px solid #1c4587; }
.points { border-left: 5px solid #0b9354; }

/* Listes isolées uniquement dans les cartes */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}

/* Icône principale */
.carde ul li::before {
    content: "\f0da"; /* FontAwesome chevron */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* Sous-listes éventuelles */
.carde ul ul {
    margin-top: 6px;
}

.carde ul ul li {
    padding-left: 20px;
}

.carde ul ul li::before {
    content: "\f111"; /* petit point */
    font-size: 0.45rem;
    top: 7px;
    color: #666;
}

/* Important */
.important { font-weight: bold; color: #a61c00; }

/* Responsive */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.1rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
    
    line-height: 1.7;
}

.container {
    max-width: 1100px;
    margin: auto;
    padding: 0px;
}

/* Page Title */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 30px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 5px;
}

/* Grid for cards */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Card style */
.carde {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.carde:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.3rem;
    margin-bottom: 12px;
}

/* Section colors */
.description { border-left: 5px solid #0b5394; }
.pathologies { border-left: 5px solid #8a0000; }
.message { border-left: 5px solid #0b9354; }

/* Listes isolées dans les cartes */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}

.carde ul li::before {
    content: "\f0da"; /* FontAwesome chevron */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* Sous-listes éventuelles */
.carde ul ul {
    margin-top: 6px;
}

.carde ul ul li {
    padding-left: 20px;
}

.carde ul ul li::before {
    content: "\f111"; /* petit point */
    font-size: 0.45rem;
    top: 7px;
    color: #666;
}

/* Important */
.important { font-weight: bold; color: #a61c00; }

/* Responsive */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.1rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
    
    line-height: 1.7;
}

.container {
    max-width: 1100px;
    margin: auto;
    padding: 0px;
}

/* Page Title */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 30px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 5px;
}

/* Grid for cards */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Card style */
.carde {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.carde:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.3rem;
    margin-bottom: 12px;
}

/* Section colors */
.definition { border-left: 5px solid #0b5394; }
.impact { border-left: 5px solid #8a0000; }
.conseils { border-left: 5px solid #0b9354; }

/* Listes isolées dans les cartes */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}

.carde ul li::before {
    content: "\f0da"; /* FontAwesome chevron */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* Important */
.important { font-weight: bold; color: #a61c00; }

/* Responsive */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.1rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
     
    line-height: 1.7;
}

.container {
    max-width: 1100px;
    margin: auto;
    padding: 20px;
}

/* Page Title */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 30px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 5px;
}

/* Grid for cards */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Card style */
.carde {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.carde:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.3rem;
    margin-bottom: 12px;
}

/* Section colors */
.definition { border-left: 5px solid #0b5394; }
.facteurs { border-left: 5px solid #8a0000; }
.traitement { border-left: 5px solid #0b9354; }

/* Listes isolées dans les cartes */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}

.carde ul li::before {
    content: "\f0da"; /* FontAwesome chevron */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* Important */
.important { font-weight: bold; color: #a61c00; }

/* Responsive */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.1rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
 
    line-height: 1.7;
}

.container {
    max-width: 1100px;
    margin: auto;
    padding: 0px;
}

/* Page Title */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 30px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 5px;
}

/* Grid for cards */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Card style */
.carde {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.carde:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.3rem;
    margin-bottom: 12px;
}

/* Section colors */
.definition { border-left: 5px solid #0b5394; }
.consultation { border-left: 5px solid #8a0000; }
.traitement { border-left: 5px solid #0b9354; }

/* List styling */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}

.carde ul li::before {
    content: "\f0da"; /* FontAwesome chevron */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* Important text */
.important { font-weight: bold; color: #a61c00; }

/* Responsive */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.1rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
/* ---------- Global ---------- */
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;
     
    line-height: 1.7;
}

/* ---------- Container ---------- */
.container {
    max-width: 1100px;
    margin: auto;
    padding: 0px;
}

/* ---------- Title ---------- */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 35px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 6px;
}

/* ---------- Cards Grid ---------- */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 22px;
}

/* ---------- Card ---------- */
.carde {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 22px;
    transition: all 0.3s ease;
}

.carde:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.35rem;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.carde p {
    margin-bottom: 12px;
    font-size: 1rem;
}

/* ---------- Card Colors ---------- */
.hbp { border-left: 6px solid #1c4587; }
.cancer { border-left: 6px solid #a61c00; }
.prostatite { border-left: 6px solid #bf9000; }

/* Section colors */
.definition { border-left: 5px solid #0b5394; }
.pathologies { border-left: 5px solid #8a0000; }
.prise { border-left: 5px solid #0b9354; }


/* ---------- LISTES ISOLÉES (SANS CONFLIT) ---------- */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
    font-size: 1rem;
}

.carde ul li::before {
    content: "\f105"; /* chevron-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* ---------- Responsive ---------- */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.15rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
/* ---------- Global ---------- */
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #f2f5f8;
    color: #333;
    margin: 0;

    line-height: 1.7;
}

/* ---------- Container ---------- */
.container {
    max-width: 1100px;
    margin: auto;
    padding: 0px;
}

/* ---------- Title ---------- */
h1 {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b5394;
    margin-bottom: 35px;
    border-bottom: 4px solid #0b5394;
    display: inline-block;
    padding-bottom: 6px;
}

/* ---------- Cards Grid ---------- */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 22px;
}

/* ---------- Card ---------- */
.carde {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    padding: 22px;
    transition: all 0.3s ease;
}

.carde:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.12);
}

.carde h2 {
    margin-top: 0;
    font-size: 1.35rem;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.carde p {
    margin-bottom: 12px;
    font-size: 1rem;
}

/* Couleurs des sections */
.endoscopie { border-left: 5px solid #0b5394; }
.debimetrie { border-left: 5px solid #8a0000; }
.materiel { border-left: 5px solid #0b9354; }



/* ---------- LISTES ISOLÉES (SANS CONFLIT) ---------- */
.carde ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.carde ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
    font-size: 1rem;
}

.carde ul li::before {
    content: "\f105"; /* chevron-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b5394;
}

/* ---------- Responsive ---------- */
@media (max-width: 480px) {
    h1 { font-size: 1.6rem; }
    .carde h2 { font-size: 1.15rem; }
    .carde p, .carde ul li { font-size: 0.95rem; }
}
.mape-section { max-width: 1100px; margin: 50px auto; font-family: "Segoe UI", Arial, sans-serif; }
.mape-title { text-align:center; font-size:26px; color:#f6faff; margin-bottom:30px; position:relative; }
.mape-title::after { content:""; width:90px; height:4px; background:#0d6efd; display:block; margin:10px auto 0; border-radius:4px; }
.mape-card { background:#ffffff; border-radius:18px; box-shadow:0 10px 25px rgba(0,0,0,0.10); overflow:hidden; border:1px solid #e6eef8; }
.mape-info { padding:20px 25px; background:linear-gradient(135deg,#0d6efd,#0b5394); color:#ffffff; }
.mape-info h3 { margin:0 0 6px 0; font-size:18px; }
.mape-info p { margin:0; font-size:14.5px; opacity:0.95; }
.mape-iframe { width:100%; height:450px; border:0; display:block; }
@media(max-width:768px){ .mape-title{ font-size:22px;} .mape-iframe{ height:320px; } }

.presentation-seo { max-width: 1100px; margin:40px auto 10px; text-align:center; opacity:0.85; }
.presentation-seo h1 { font-size:15px; color:#bfc9d9; margin-bottom:4px; font-weight:600; }
.presentation-seo h2 { font-size:13px; color:#aab4c3; margin-bottom:3px; font-weight:500; }
.presentation-seo h3 { font-size:11.5px; color:#9aa3b2; font-weight:400; }