div#container
{
   width: 970px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
   overflow-x: hidden;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FC4C1F;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1920px;
}
#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: 320px)
{
#LayoutGrid2 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_logoLayoutGrid
{
   clear: both;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FC4C1F;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#logoLayoutGrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 1px 0 1px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1440px;
}
#logoLayoutGrid > .col-1, #logoLayoutGrid > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#logoLayoutGrid > .col-1, #logoLayoutGrid > .col-2
{
   flex: 0 0 auto;
}
#logoLayoutGrid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#logoLayoutGrid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
@media (max-width: 144px)
{
#logoLayoutGrid > .col-1, #logoLayoutGrid > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid10
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid10
{
   box-sizing: border-box;
   padding: 10px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid10 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid10 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid10 > .row > .col-1
{
   float: left;
}
#LayoutGrid10 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid10:before,
#LayoutGrid10:after,
#LayoutGrid10 .row:before,
#LayoutGrid10 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid10:after,
#LayoutGrid10 .row:after
{
   clear: both;
}
@media (max-width: 360px)
{
#LayoutGrid10 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   padding: 1px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid3 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .row > .col-1
{
   float: left;
}
#LayoutGrid3 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid3:before,
#LayoutGrid3:after,
#LayoutGrid3 .row:before,
#LayoutGrid3 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid3:after,
#LayoutGrid3 .row:after
{
   clear: both;
}
@media (max-width: 144px)
{
#LayoutGrid3 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 1px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#LayoutGrid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   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: 144px)
{
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_contactLayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F4F5F9;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#contactLayoutGrid
{
   box-sizing: border-box;
   padding: 5px 5px 5px 5px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1440px;
}
#contactLayoutGrid > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#contactLayoutGrid > .row > .col-1, #contactLayoutGrid > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#contactLayoutGrid > .row > .col-1, #contactLayoutGrid > .row > .col-2
{
   float: left;
}
#contactLayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: center;
}
#contactLayoutGrid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 25px 0 25px 0;
}
#contactLayoutGrid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 75%;
   text-align: center;
}
#contactLayoutGrid > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 25px 0 25px 0;
}
#contactLayoutGrid:before,
#contactLayoutGrid:after,
#contactLayoutGrid .row:before,
#contactLayoutGrid .row:after
{
   display: table;
   content: " ";
}
#contactLayoutGrid:after,
#contactLayoutGrid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#contactLayoutGrid > .row > .col-1, #contactLayoutGrid > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_footer
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FC4C1F;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footer
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#footer > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#footer > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#footer > .row > .col-1
{
   float: left;
}
#footer > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#footer:before,
#footer:after,
#footer .row:before,
#footer .row:after
{
   display: table;
   content: " ";
}
#footer:after,
#footer .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#footer > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#wb_footer-text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_footer-text
{
   color: #000000;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 13px;
}
#wb_footer-text div
{
   text-align: center;
}
#wb_footer-text
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_contactHeading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 10px 0 ;
   padding: 0;
   text-align: center;
}
#contactHeading
{
   color: #FC4C1F;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#contactButton
{
   border: 1px solid #FF8C00;
   border-radius: 10px;
   background-image: linear-gradient(135deg, #FF8C00 0%, #FC4C1F 100%);
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#contactButton:focus
{
   outline: 0;
}
#contactName
{
   box-sizing: border-box;
   line-height: 26px;
   margin: 0 0 20px 0 ;
   border: 1px solid #CCCCCC;
   border-radius: 0px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#contactName:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#contactEmail
{
   box-sizing: border-box;
   line-height: 26px;
   margin: 0 0 20px 0 ;
   border: 1px solid #CCCCCC;
   border-radius: 0px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#contactEmail:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#contactMessage
{
   box-sizing: border-box;
   border: 1px solid #CCCCCC;
   border-radius: 0px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: left;
   padding: 4px 4px 4px 4px;
   margin: 0 0 20px 0 ;
   overflow: auto;
   resize: none;
}
#contactMessage:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#wb_IconFont14
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont14
{
   height: 48px;
   width: 46px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont14 i
{
   color: #FC4C1F;
   display: inline-block;
   font-size: 46px;
   line-height: 48px;
   vertical-align: middle;
}
#wb_IconFont14:hover #IconFont14 i
{
   color: #000000;
}
#wb_IconFont16
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont16
{
   height: 48px;
   width: 46px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont16 i
{
   color: #FC4C1F;
   display: inline-block;
   font-size: 46px;
   line-height: 48px;
   vertical-align: middle;
}
#wb_IconFont16:hover #IconFont16 i
{
   color: #000000;
}
#wb_IconFont17
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont17
{
   height: 48px;
   width: 46px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont17 i
{
   color: #FC4C1F;
   display: inline-block;
   font-size: 46px;
   line-height: 48px;
   vertical-align: middle;
}
#wb_IconFont17:hover #IconFont17 i
{
   color: #000000;
}
#wb_Heading9
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
}
#Heading9
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Heading10
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
}
#Heading10
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Heading11
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
}
#Heading11
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Heading12
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
}
#Heading12
{
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Heading13
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
}
#Heading13
{
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Heading14
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
}
#Heading14
{
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_ResponsiveMenu1
{
   display: block;
   background-color: rgba(246,246,246,0.00);
   font-family: Arial;
   font-weight: normal;
   text-align: center;
   width: 100%;
   margin: 0;
   z-index: 1111 !important;
}
#ResponsiveMenu1
{
   display: inline-block;
   background-color: rgba(246,246,246,0.00);
   height: 65px;
}
#wb_ResponsiveMenu1 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_ResponsiveMenu1 ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_ResponsiveMenu1 ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_ResponsiveMenu1 ul li i
{
   font-size: 24px;
   width: 24px;
   margin-bottom: 2px;
}
#wb_ResponsiveMenu1 ul li a
{
   background-color: rgba(246,246,246,0.00);
   color: #F6F6F6;
   font-family: Arial;
   font-weight: normal;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 15px 30px 15px 30px;
   text-align: center;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   height: 35px;
}
.ResponsiveMenu1 a 
{
   display: block;
}
#wb_ResponsiveMenu1 li:hover > a, #wb_ResponsiveMenu1 li .active
{
   background-color: rgba(0,0,0,0.00);
   color: #000000;
}
#wb_ResponsiveMenu1 ul ul
{
   display: none;
   position: absolute;
   top: 65px;
}
#wb_ResponsiveMenu1 ul li:hover > ul
{
   display: list-item;
}
#wb_ResponsiveMenu1 ul ul li 
{
   float: none;
   position: relative;
   width: 134px;
}
#wb_ResponsiveMenu1 ul ul li a
{
   background-color: #FC4C1F;
   border: 0px solid #C5C5C5;
   color: #F6F6F6;
}
#wb_ResponsiveMenu1 ul ul li:hover > a, #wb_ResponsiveMenu1 ul ul li .active
{
   background-color: rgba(237,237,237,0.00);
   color: #000000;
}
#wb_ResponsiveMenu1 ul ul li i 
{
   margin-right: 8px;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul li a 
{
   padding-top: 15px;
   padding-right: 20px;
   padding-bottom: 15px;
   text-align: left;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   left: 134px;
   position: relative;
   top: -65px;
}
#wb_ResponsiveMenu1 .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #F6F6F6;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_ResponsiveMenu1 .arrow-left 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-left: 4px solid #F6F6F6;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_ResponsiveMenu1 li:hover > a .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{ 
   border-top-color: #000000;
}
#wb_ResponsiveMenu1 ul ul li:hover > a .arrow-left, #wb_ResponsiveMenu1 ul ul li .active .arrow-left
{ 
   border-left-color: #000000;
}
#wb_ResponsiveMenu1 .toggle,[id^=ResponsiveMenu1-submenu]
{
   display: none;
}
@media all and (max-width:768px) 
{
#wb_ResponsiveMenu1
{
   margin: 0;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   font-size: 8px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 15px 20px 15px 20px;
}
#wb_ResponsiveMenu1 .toggle + a
{
   display: none !important;
}
.ResponsiveMenu1 
{
   display: none;
   z-index: 9999;
}
#ResponsiveMenu1 
{
   background-color: transparent;
   display: none;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   height: auto !important;
   margin: 0;
}
#wb_ResponsiveMenu1 .toggle 
{
   display: block;
   background-color: rgba(246,246,246,0.00);
   color: #F6F6F6;
   padding: 0 20px 0 20px;
   line-height: 54px;
   text-decoration: none;
   border: none;
   position: relative;
}
#wb_ResponsiveMenu1 .toggle:hover
{
   background-color: rgba(0,0,0,0.00);
   color: #000000;
}
[id^=ResponsiveMenu1-submenu]:checked + ul 
{
   display: block !important;
}
#ResponsiveMenu1-title
{
   height: 65px !important;
   line-height: 65px !important;
   text-align: center;
}
#wb_ResponsiveMenu1 ul li 
{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_ResponsiveMenu1 ul ul .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   padding: 0 40px;
}
#wb_ResponsiveMenu1 a:hover,
#wb_ResponsiveMenu1 ul ul ul a 
{
   background-color: #FC4C1F;
   color: #F6F6F6;
}
#wb_ResponsiveMenu1 ul li ul li .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   background-color: #FC4C1F;
   color: #F6F6F6;
}
#wb_ResponsiveMenu1 ul ul ul a 
{
   padding: 15px 20px 15px 60px;
}
#wb_ResponsiveMenu1 ul li a 
{
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a br 
{
   display: none;
}
#wb_ResponsiveMenu1 ul li i 
{
   margin-right: 8px;
}
#wb_ResponsiveMenu1 ul ul 
{
   float: none;
   position: static;
}
#wb_ResponsiveMenu1 ul ul li:hover > ul,
#wb_ResponsiveMenu1 ul li:hover > ul 
{
   display: none;
}
#wb_ResponsiveMenu1 ul ul li 
{
   display: block;
   width: 100%;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   position: static;
}
#ResponsiveMenu1-icon 
{
   display: block;
   position: absolute;
   left: 30px;
   top: 20px;
   user-select: none;
}
#ResponsiveMenu1-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #F6F6F6;
   color: #F6F6F6;
   width: 24px;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover
{
   background-color: #EDEDED;
   color: #000000;
}
#wb_ResponsiveMenu1 .toggle .arrow-down 
{
   border-top-color: #F6F6F6;
}
#wb_ResponsiveMenu1 .toggle:hover .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{
   border-top-color: #000000;
}
#wb_ResponsiveMenu1 ul li ul li .toggle .arrow-down 
{
   border-top-color: #F6F6F6;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu1 ul li ul li .active .arrow-down
{
   border-top-color: #000000;
}
}
#MediaPlayer1
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
}
#wb_MediaPlayer1
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 177.78%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#MediaPlayer2
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
}
#wb_MediaPlayer2
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 177.78%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#MediaPlayer3
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
}
#wb_MediaPlayer3
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 177.78%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#MediaPlayer4
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
}
#wb_MediaPlayer4
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 56.24%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#MediaPlayer5
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
}
#wb_MediaPlayer5
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 177.78%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#MediaPlayer6
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
}
#wb_MediaPlayer6
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 177.78%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#imageSearchInput
{
   display: none;
}
#contactEmail
{
   display: block;
   width: 100%;
   height: 36px;
   z-index: 18;
}
#contactButton
{
   display: inline-block;
   width: 95px;
   height: 36px;
   line-height: 1.0;
   z-index: 20;
}
#wb_ResponsiveMenu1
{
   display: block;
   width: 100%;
   z-index: 1;
}
#contactMessage
{
   display: block;
   width: 100%;
   height: 144px;
   z-index: 19;
}
#wb_Heading9
{
   display: block;
   width: 100%;
   z-index: 8;
}
#wb_IconFont17
{
   display: inline-block;
   width: 46px;
   height: 48px;
   text-align: center;
   z-index: 13;
}
#wb_IconFont16
{
   display: inline-block;
   width: 46px;
   height: 48px;
   text-align: center;
   z-index: 10;
}
#wb_IconFont14
{
   display: inline-block;
   width: 46px;
   height: 48px;
   text-align: center;
   z-index: 7;
}
#wb_contactHeading
{
   display: block;
   width: 100%;
   z-index: 16;
}
#wb_Heading14
{
   display: block;
   width: 100%;
   z-index: 15;
}
#wb_Heading11
{
   display: block;
   width: 100%;
   z-index: 14;
}
#wb_Heading13
{
   display: block;
   width: 100%;
   z-index: 12;
}
#wb_Heading10
{
   display: block;
   width: 100%;
   z-index: 11;
}
#wb_Heading12
{
   display: block;
   width: 100%;
   z-index: 9;
}
#wb_MediaPlayer4
{
   display: block;
   width: 100%;
   z-index: 3;
}
#wb_MediaPlayer3
{
   display: block;
   width: 100%;
   z-index: 6;
}
#contactName
{
   display: block;
   width: 100%;
   height: 36px;
   z-index: 17;
}
#wb_MediaPlayer2
{
   display: block;
   width: 100%;
   z-index: 5;
}
#wb_MediaPlayer1
{
   display: block;
   width: 100%;
   z-index: 4;
}
#Html2
{
   display: inline-block;
   width: 100%;
   height: auto;
   overflow: visible;
   z-index: 0;
}
@media only screen and (max-width: 969px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#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: center;
}
#wb_logoLayoutGrid
{
   visibility: visible;
   display: table;
}
#wb_logoLayoutGrid
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#logoLayoutGrid
{
   height: auto;
   padding: 1px 0 1px 0;
}
#wb_LayoutGrid10
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid10
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid10
{
   height: auto;
   padding: 10px 15px 0 15px;
}
#LayoutGrid10 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid10 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid10 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_LayoutGrid3
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid3
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   height: auto;
   padding: 1px 15px 10px 15px;
}
#LayoutGrid3 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid3 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid3 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 1px 15px 10px 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid1 > .row > .col-1
{
   display: block;
   width: 33.33333333%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#LayoutGrid1 > .row > .col-2
{
   display: block;
   width: 33.33333333%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#LayoutGrid1 > .row > .col-3
{
   display: block;
   width: 33.33333333%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_contactLayoutGrid
{
   visibility: visible;
   display: table;
}
#wb_contactLayoutGrid
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#contactLayoutGrid
{
   height: auto;
   padding: 5px 5px 5px 5px;
}
#contactLayoutGrid .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#wb_footer
{
   visibility: visible;
   display: table;
}
#wb_footer
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footer
{
   height: auto;
   padding: 10px 15px 10px 15px;
}
#footer .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#footer > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#footer > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_footer-text
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footer-text
{
   font-size: 11px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_contactHeading
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0 0 10px 0 ;
   padding: 0;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_contactHeading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#contactHeading
{
   color: #FC4C1F;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 11px;
   text-align: center;
   text-transform: none;
}
#contactButton
{
   width: 95px;
   height: 36px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 1px 6px 1px 6px;
   font-size: 11px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#contactName
{
   width: 100%;
   height: 36px;
   visibility: visible;
   display: block;
   margin: 0 0 20px 0 ;
   padding: 4px 4px 4px 4px;
   text-align: left;
   font-size: 11px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#contactName
{
   line-height: 6px;
}
#contactEmail
{
   width: 100%;
   height: 36px;
   visibility: visible;
   display: block;
   margin: 0 0 20px 0 ;
   padding: 4px 4px 4px 4px;
   text-align: left;
   font-size: 11px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#contactEmail
{
   line-height: 6px;
}
#contactMessage
{
   width: 100%;
   height: 144px;
   visibility: visible;
   display: block;
   margin: 0 0 20px 0 ;
   padding: 4px 4px 4px 4px;
   text-align: left;
   font-size: 11px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_IconFont14
{
   width: 46px;
   height: 48px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#IconFont14
{
   width: 46px;
   height: 48px;
}
#IconFont14 i
{
   line-height: 48px;
   font-size: 46px;
   width: 45px;
}
#wb_IconFont16
{
   width: 46px;
   height: 48px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#IconFont16
{
   width: 46px;
   height: 48px;
}
#IconFont16 i
{
   line-height: 48px;
   font-size: 46px;
   width: 45px;
}
#wb_IconFont17
{
   width: 46px;
   height: 48px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#IconFont17
{
   width: 46px;
   height: 48px;
}
#IconFont17 i
{
   line-height: 48px;
   font-size: 46px;
   width: 45px;
}
#wb_Heading9
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 10px 0;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading9
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading9
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 11px;
   text-align: center;
   text-transform: none;
}
#wb_Heading10
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 10px 0;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading10
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading10
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 11px;
   text-align: center;
   text-transform: none;
}
#wb_Heading11
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 10px 0;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading11
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading11
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 11px;
   text-align: center;
   text-transform: none;
}
#wb_Heading12
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 10px 0;
   font-size: 11px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading12
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading12
{
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 11px;
   text-align: center;
   text-transform: none;
}
#wb_Heading13
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 10px 0;
   font-size: 11px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading13
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading13
{
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 11px;
   text-align: center;
   text-transform: none;
}
#wb_Heading14
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 10px 0;
   font-size: 11px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading14
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading14
{
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 11px;
   text-align: center;
   text-transform: none;
}
#BuildWith1
{
   left: 441px;
   top: 3785px;
   width: 88px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#Html2
{
   visibility: visible;
   display: block;
}
#wb_ResponsiveMenu1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   text-align: center;
}
#wb_MediaPlayer1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_MediaPlayer2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_MediaPlayer3
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_MediaPlayer4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_MediaPlayer5
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_MediaPlayer6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
}
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }

        /* Gradient background ya header */
        .main-header {
            background: linear-gradient(to right, #FC4C1F, #FC4C1F, #FC4C1F);
            padding: 15px 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 4px 0px rgba(0,0,0,0.1);
        }

        /* Sehemu ya Logo & Jina */
        .brand-section {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
        }

        .brand-logo {
            font-size: 28px;
            color: #ffffff;
        }

        .brand-name {
            color: #ffffff;
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 1px;
        }

        /* Sehemu ya Kulia (TZ Flag & WhatsApp) */
        .right-section {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        /* Badge ya Bendera ya Tanzania na TZ */
        .tz-badge {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #ffffff;
            font-weight: bold;
            font-size: 15px;
            background: rgba(255, 255, 255, 0.2);
            padding: 6px 12px;
            border-radius: 6px;
        }

        .tz-flag-img {
            width: 24px;
            height: 16px;
            object-fit: cover;
            border-radius: 2px;
            box-shadow: 0 0 2px rgba(0,0,0,0.3);
        }

        /* WhatsApp Button */
        .whatsapp-link {
            display: flex;
            align-items: center;
            gap: 8px;
            background-color: #25D366;
            color: white;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 14px;
            transition: transform 0.2s, background 0.2s;
        }

        .whatsapp-link:hover {
            background-color: #20ba5a;
            transform: translateY(-2px);
        }

        /* Responsive kwa simu */
        @media (max-width: 600px) {
            .main-header {
                padding: 12px 15px;
            }

            .brand-name {
                font-size: 20px;
            }

            .whatsapp-link span {
                display: none; /* Inaficha namba kwenye kioo kidogo na kuacha icon ya WhatsApp pekee */
            }
        }
    /* Container inayofunga kila kitu ndani ya kisanduku kimoja */
.search-box-wrapper {
  display: flex !important;
  align-items: center !important;
  background-color: #ffffff !important;
  border: 2px solid #ff6600 !important; /* Border ya orange kuzunguka vyote */
  border-radius: 30px !important;
  padding: 3px 4px 3px 12px !important;
  width: 100% !important;
  max-width: 500px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Icon ya Kamera kushoto */
.search-box-wrapper .cam-btn {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
  margin-right: 4px !important;
  flex-shrink: 0 !important;
}

/* Sehemu ya kuandika maandishi katikati */
.search-box-wrapper input[type="text"] {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  padding: 8px 6px !important;
  font-size: 15px !important;
  color: #333 !important;
  background: transparent !important;
  min-width: 0 !important;
}

/* Kitufe cha Search kulia */
.search-box-wrapper .search-btn {
  background: linear-gradient(135deg, #ff8c00, #ff4500) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 8px 18px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
        :root {
            --primary-color: #E05315;
            --primary-hover: #c4420c;
            --dark-color: #1C1C1C;
            --light-bg: #F8F9FA;
            --text-color: #333333;
            --text-muted: #666666;
            --white: #FFFFFF;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            color: var(--text-color);
            background-color: var(--white);
            line-height: 1.6;
        }

        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        /* Hero Banner (Bila Navigation Header) */
        .hero-banner {
            background: linear-gradient(rgba(28, 28, 28, 0.85), rgba(28, 28, 28, 0.85)),
                        url('https://habarileo.co.tz/wp-content/uploads/2025/03/madini2.jpg') center/cover no-repeat;
            color: var(--white);
            padding: 80px 0;
            text-align: center;
        }

        .hero-banner h1 {
            font-size: 2.8rem;
            margin-bottom: 15px;
            color: var(--primary-color);
            text-transform: uppercase;
        }

        .hero-banner p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto;
            color: #ddd;
        }

        /* About Section */
        .about-section {
            padding: 80px 0;
        }

        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

        .about-image {
            position: relative;
        }

        .about-image img {
            width: 100%;
            border-radius: 8px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
        }

        .about-image::before {
            content: '';
            position: absolute;
            top: -15px;
            left: -15px;
            width: 100%;
            height: 100%;
            border: 4px solid var(--primary-color);
            border-radius: 8px;
            z-index: -1;
        }

        .section-title {
            font-size: 2rem;
            color: var(--dark-color);
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background-color: var(--primary-color);
        }

        .about-text p {
            margin-bottom: 15px;
            color: var(--text-muted);
        }

        /* Stats Section */
        .stats-section {
            background-color: var(--light-bg);
            padding: 60px 0;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            text-align: center;
        }

        .stat-card {
            background: var(--white);
            padding: 30px 20px;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
        }

        .stat-card:hover {
            transform: translateY(-5px);
        }

        .stat-card i {
            font-size: 2.5rem;
            color: var(--primary-color);
            margin-bottom: 15px;
        }

        .stat-number {
            font-size: 2.2rem;
            font-weight: bold;
            color: var(--dark-color);
        }

        .stat-label {
            color: var(--text-muted);
            font-size: 0.95rem;
        }

        /* Services Grid */
        .services-section {
            padding: 80px 0;
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 40px;
        }

        .service-card {
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 30px;
            transition: all 0.3s ease;
            background: var(--white);
        }

        .service-card:hover {
            border-color: var(--primary-color);
            box-shadow: 0 8px 20px rgba(224, 83, 21, 0.15);
        }

        .service-card i {
            font-size: 2rem;
            color: var(--primary-color);
            margin-bottom: 20px;
        }

        .service-card h3 {
            margin-bottom: 15px;
            color: var(--dark-color);
        }

        /* Gallery Section */
        .gallery-section {
            padding: 60px 0 80px;
            background-color: var(--light-bg);
        }

        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 40px;
        }

        .gallery-item {
            overflow: hidden;
            border-radius: 8px;
            height: 220px;
            position: relative;
        }

        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .gallery-item:hover img {
            transform: scale(1.1);
        }

        /* Responsive Design */
        @media (max-width: 992px) {
            .about-grid { grid-template-columns: 1fr; }
            .stats-grid { grid-template-columns: repeat(2, 1fr); }
            .services-grid { grid-template-columns: 1fr; }
            .gallery-grid { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 576px) {
            .stats-grid { grid-template-columns: 1fr; }
            .gallery-grid { grid-template-columns: 1fr; }
            .hero-banner h1 { font-size: 2rem; }
        }