body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_LayoutGrid3
{
   clear: both;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 7777;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #39231E;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .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;
}
#LayoutGrid3 > .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-start;
   text-align: left;
}
@media (max-width: 480px)
{
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Image2
{
   margin: 0;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 84px;
   height: 100px;
   vertical-align: top;
}
#wb_Image4
{
   margin: 0;
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 140px;
   height: 58px;
   vertical-align: top;
}
#wb_headerMenu
{
   border: 1px solid #39231E;
   background-color: transparent;
   margin: 0;
   text-align: center;
   z-index: 1111 !important;
}
#wb_headerMenu ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
}
#wb_headerMenu li
{
   float: left;
   margin: 0;
   padding: 8px 20px 8px 0px;
}
#wb_headerMenu a
{
   display: block;
   float: left;
   color: #B6965F;
   border: 1px solid rgba(255,255,255,0.00);
   background-color: transparent;
   background-image: none;
   font-family: "Merienda One";
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   height: 26px;
   line-height: 26px;
   padding: 0px 10px 0px 10px;
   vertical-align: middle;
   text-align: center;
}
#wb_headerMenu li:hover a, #wb_headerMenu a:hover
{
   color: #ECE0D2;
   border: 1px solid #4F4F4F;
   background-color: transparent;
   background-image: none;
}
#wb_headerMenu li.firstmain
{
   padding-left: 8px;
}
#wb_headerMenu li.lastmain
{
   padding-right: 8px;
}
#wb_headerMenu li:hover, #wb_headerMenu li a:hover
{
   position: relative;
}
#wb_headerMenu a.withsubmenu
{
   padding: 0 15px 0 15px;
   background-image: none;
}
#wb_headerMenu li:hover a.withsubmenu, #wb_headerMenu a.withsubmenu:hover
{
   background-image: none;
}
#wb_headerMenu ul ul
{
   position: absolute;
   z-index: 9999;
   left: 0;
   top: 0;
   visibility: hidden;
   width: 127px;
   height: auto;
   border: none;
   background-color: #FFFFFF;
   box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
}
#wb_headerMenu ul :hover ul
{
   left: 1px;
   top: 44px;
   padding-top: 0px;
   visibility: visible;
}
#wb_headerMenu .firstmain:hover ul
{
   left: 9px;
}
#wb_headerMenu li li
{
   width: 125px;
   padding: 0 0px 0px 0px;
   border: 1px #C0C0C0 solid;
   border-width: 0 1px;
}
#wb_headerMenu li li.firstitem
{
   border-top: 1px #C0C0C0 solid;
}
#wb_headerMenu li li.lastitem
{
   border-bottom: 1px #C0C0C0 solid;
}
#wb_headerMenu ul ul a, #wb_headerMenu ul :hover ul a
{
   float: none;
   margin: 0;
   width: 100px;
   height: auto;
   white-space: normal;
   padding: 7px 15px 6px 10px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   color: #2A1711;
   font-family: Tajawal;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   line-height: 15px;
   text-align: center;
   text-decoration: none;
}
#wb_headerMenu ul :hover ul .firstitem a
{
   margin-top: 0px;
}
#wb_headerMenu ul ul :hover a, #wb_headerMenu ul ul a:hover, #wb_headerMenu ul ul :hover ul :hover a, #wb_headerMenu ul ul :hover ul a:hover
{
   background-color: #4F4F4F;
   background-image: none;
   border: 0px solid #4F4F4F;
   color: #FFFFFF;
}
#wb_headerMenu br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#headerMenu li i
{
   font-size: 19px;
   margin-right: 5px;
   width: 21px;
}
#Shape8
{
   border-width: 0;
   vertical-align: top;
}
#Layer1
{
   background-color: #39231E;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#Layer2
{
   background-color: transparent;
   background-image: url('images/shipam.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-size: cover;
   border-radius: 0px;
   margin: 0;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text3 div
{
   text-align: center;
}
#wb_Image10
{
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image7
{
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image8
{
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image9
{
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_IconFont7
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont7
{
   height: 52px;
   width: 24px;
}
#IconFont7 i
{
   color: #B6965F;
   display: inline-block;
   font-size: 24px;
   line-height: 52px;
   vertical-align: middle;
   width: 23px;
}
#IconFont7:hover i
{
   color: #ECDEC4;
}
#wb_IconFont1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont1
{
   height: 52px;
   width: 24px;
}
#IconFont1 i
{
   color: #B6965F;
   display: inline-block;
   font-size: 24px;
   line-height: 52px;
   vertical-align: middle;
   width: 23px;
}
#IconFont1:hover i
{
   color: #ECDEC4;
}
#wb_IconFont2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont2
{
   height: 52px;
   width: 24px;
}
#IconFont2 i
{
   color: #B6965F;
   display: inline-block;
   font-size: 24px;
   line-height: 52px;
   vertical-align: middle;
   width: 23px;
}
#IconFont2:hover i
{
   color: #ECDEC4;
}
#wb_IconFont4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont4
{
   height: 52px;
   width: 24px;
}
#IconFont4 i
{
   color: #B6965F;
   display: inline-block;
   font-size: 24px;
   line-height: 52px;
   vertical-align: middle;
   width: 23px;
}
#IconFont4:hover i
{
   color: #ECDEC4;
}
#wb_IconFont3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont3
{
   height: 52px;
   width: 24px;
}
#IconFont3 i
{
   color: #B6965F;
   display: inline-block;
   font-size: 24px;
   line-height: 52px;
   vertical-align: middle;
   width: 23px;
}
#IconFont3:hover i
{
   color: #ECDEC4;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#Layer3
{
   background-color: #FEFBF6;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#wb_Image16
{
   vertical-align: top;
}
#Image16
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text4 div
{
   text-align: justify;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Image11
{
   vertical-align: top;
}
#Image11
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image12
{
   vertical-align: top;
}
#Image12
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_CardContainer7
{
   background-color: #FEFBF6;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   position: absolute;
}
#CardContainer7
{
   padding: 0 100px 0 100px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 3000px;
   box-sizing: border-box;
   font-size: 0;
}
#CardContainer7 .owl-dots, #CardContainer7 .owl-nav
{
   text-align: center;
}
#CardContainer7 .owl-nav
{
   margin-top: 10px;
}
#CardContainer7 .owl-nav [class*=owl-]
{
   color: #D5B67A;
   font-size: 14px;
   margin: 5px;
   padding: 4px 7px;
   background: #4F4F4F;
   display: inline-block;
   cursor: pointer;
   border-radius: 3px;
}
#CardContainer7 .owl-nav [class*=owl-]:hover
{
   background: #D5B67A;
   color: #4F4F4F;
   text-decoration: none;
}
#CardContainer7 .owl-nav .disabled
{
   opacity: .5;
   cursor: default;
}
#CardContainer7 .owl-nav.disabled+.owl-dots
{
   margin-top: 10px;
}
#CardContainer7 .owl-nav
{
   position:  relative;
   top: -190px;
   display:  none;
   justify-content: space-between;
   margin: 0 20px;
   color: #000;
}
#CardContainer7 .owl-nav button.owl-prev, #CardContainer7 .owl-nav button.owl-next
{
   height: 30px;
   width: 30px;
   border-radius: 50%;
   background-color: rgba(255,255,255, 0.5);
}
#CardContainer7 .owl-dots .owl-dot
{
   display: inline-block;
   zoom: 1;
}
#CardContainer7 .owl-dots .owl-dot span
{
   width: 12px;
   height: 12px;
   margin: 10px 10px;
   background: #4F4F4F;
   display: block;
   -webkit-backface-visibility: visible;
   transition: opacity 200ms ease;
   border-radius: 50%;
}
#CardContainer7 .owl-dots .owl-dot.active span, #CardContainer7 .owl-dots .owl-dot:hover span
{
   background: #D5B67A;
}
#wb_Card22
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 15px 0 15px;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 3px;
   text-align: left;
}
#Card22-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card22-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card22-card-item0:hover
{
   -webkit-transform: rotate(0deg) scale(2.0,2.0) ;
   transform: rotate(0deg) scale(2.0,2.0) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card22-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card22-card-item1
{
   box-sizing: border-box;
   margin: 0 25px 20px 25px;
   padding: 10px 0 0 0;
   color: #000000;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#wb_Card23
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 15px 0 15px;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 3px;
   text-align: left;
}
#Card23-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card23-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card23-card-item0:hover
{
   -webkit-transform: rotate(0deg) scale(2.0,2.0) ;
   transform: rotate(0deg) scale(2.0,2.0) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card23-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card23-card-item1
{
   box-sizing: border-box;
   margin: 0 25px 20px 25px;
   padding: 10px 0 0 0;
   color: #000000;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#wb_Card24
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 15px 0 15px;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 3px;
   text-align: left;
}
#Card24-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card24-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card24-card-item0:hover
{
   -webkit-transform: rotate(0deg) scale(2.0,2.0) ;
   transform: rotate(0deg) scale(2.0,2.0) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card24-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card24-card-item1
{
   box-sizing: border-box;
   margin: 0 25px 20px 25px;
   padding: 10px 0 0 0;
   color: #000000;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#wb_Card25
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 15px 0 15px;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 3px;
   text-align: left;
}
#Card25-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card25-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card25-card-item0:hover
{
   -webkit-transform: rotate(0deg) scale(2.0,2.0) ;
   transform: rotate(0deg) scale(2.0,2.0) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card25-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card25-card-item1
{
   box-sizing: border-box;
   margin: 0 25px 20px 25px;
   padding: 10px 0 0 0;
   color: #000000;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#wb_Card26
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 15px 0 15px;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 3px;
   text-align: left;
}
#Card26-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card26-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card26-card-item0:hover
{
   -webkit-transform: rotate(0deg) scale(2.0,2.0) ;
   transform: rotate(0deg) scale(2.0,2.0) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card26-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card26-card-item1
{
   box-sizing: border-box;
   margin: 0 25px 20px 25px;
   padding: 10px 0 0 0;
   color: #000000;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#wb_Card27
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 15px 0 15px;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 3px;
   text-align: left;
}
#Card27-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card27-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card27-card-item0:hover
{
   -webkit-transform: rotate(0deg) scale(2.0,2.0) ;
   transform: rotate(0deg) scale(2.0,2.0) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card27-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card27-card-item1
{
   box-sizing: border-box;
   margin: 0 25px 20px 25px;
   padding: 10px 0 0 0;
   color: #000000;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#wb_Card28
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 15px 0 15px;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 3px;
   text-align: left;
}
#Card28-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card28-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card28-card-item0:hover
{
   -webkit-transform: rotate(0deg) scale(2.0,2.0) ;
   transform: rotate(0deg) scale(2.0,2.0) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card28-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 500ms ease-out 0ms;
   transition: transform 500ms ease-out 0ms;
}
#Card28-card-item1
{
   box-sizing: border-box;
   margin: 0 25px 20px 25px;
   padding: 10px 0 0 0;
   color: #000000;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Layer5
{
   background-color: transparent;
   background-image: url('images/IMG_20230108_125815.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-size: cover;
   border-radius: 0px;
}
#Layer5-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: #000000;
   opacity: 0.6;
}
#wb_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text10 div
{
   text-align: left;
}
#wb_Image22
{
   vertical-align: top;
}
#Image22
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image33
{
   vertical-align: top;
}
#Image33
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text28 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text28 div
{
   text-align: center;
}
#wb_Image55
{
   vertical-align: top;
}
#Image55
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape30
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#Layer19
{
   background-color: rgba(236,224,210,0.60);
   background-image: none;
   border-radius: 0px;
}
#wb_IconFont33
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont33
{
   height: 32px;
   width: 24px;
}
#IconFont33 i
{
   color: #39231E;
   display: inline-block;
   font-size: 24px;
   line-height: 32px;
   vertical-align: middle;
   width: 23px;
}
#IconFont33:hover i
{
   color: #FEFBF6;
}
#wb_Text45 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text45 div
{
   text-align: left;
}
#wb_Text46 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text46 div
{
   text-align: left;
}
#wb_Text47 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text47 div
{
   text-align: left;
}
#wb_Text49 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text49 div
{
   text-align: left;
}
#wb_Text48 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text48 div
{
   text-align: left;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FEFBF6;
   background-image: none;
   border: 0px solid #CCCCCC;
   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;
}
}
#Layer6
{
   background-color: #39231E;
   background-image: none;
   border-radius: 0px;
}
#wb_Image21
{
   vertical-align: top;
}
#Image21
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image20
{
   vertical-align: top;
}
#Image20
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image15
{
   vertical-align: top;
}
#Image15
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image19
{
   vertical-align: top;
}
#Image19
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape7
{
   border-width: 0;
   vertical-align: top;
}
#Shape5
{
   border-width: 0;
   vertical-align: top;
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FEFBF6;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 0 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: left;
}
#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;
}
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image17
{
   vertical-align: top;
}
#Image17
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image18
{
   vertical-align: top;
}
#Image18
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text20 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text20 div
{
   text-align: center;
}
#contactName
{
   border: 2px solid #ECF0F1;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #999999;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   line-height: 34px;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   text-align: left;
}
#contactName:focus
{
   border-color: #ECF0F1;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(236,240,241,0.60);
   outline: 0;
}
#contactEmail
{
   border: 2px solid #ECF0F1;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #999999;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   line-height: 34px;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   text-align: left;
}
#contactEmail:focus
{
   border-color: #ECF0F1;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(236,240,241,0.60);
   outline: 0;
}
#contactMessage
{
   border: 2px solid #ECF0F1;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #999999;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   text-align: left;
   overflow: auto;
   resize: none;
}
#contactMessage:focus
{
   border-color: #ECF0F1;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(236,240,241,0.60);
   outline: 0;
}
#contactButton
{
   box-sizing: border-box;
   line-height: 39px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #1ABC9C;
   border-radius: 16px;
   background-color: #FFFFFF;
   background-image: none;
   color: #4F4F4F;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   padding: 0;
   text-align: center;
   -webkit-appearance: none;
   margin: 10px 0 40px 0 ;
}
#wb_Text19 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text19 div
{
   text-align: center;
}
#wb_Text18 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text18 div
{
   text-align: left;
}
#wb_Image44
{
   vertical-align: top;
}
#Image44
{
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#wb_IconFont9
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont9
{
   height: 32px;
   width: 24px;
}
#IconFont9 i
{
   color: #39231E;
   display: inline-block;
   font-size: 24px;
   line-height: 32px;
   vertical-align: middle;
   width: 23px;
}
#IconFont9:hover i
{
   color: #FEFBF6;
}
#wb_IconFont6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont6
{
   height: 32px;
   width: 24px;
}
#IconFont6 i
{
   color: #39231E;
   display: inline-block;
   font-size: 24px;
   line-height: 32px;
   vertical-align: middle;
   width: 23px;
}
#IconFont6:hover i
{
   color: #FEFBF6;
}
#wb_IconFont11
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont11
{
   height: 32px;
   width: 24px;
}
#IconFont11 i
{
   color: #39231E;
   display: inline-block;
   font-size: 24px;
   line-height: 32px;
   vertical-align: middle;
   width: 23px;
}
#IconFont11:hover i
{
   color: #FEFBF6;
}
#Shape9
{
   border-width: 0;
   vertical-align: top;
}
#wb_IconFont12
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont12
{
   height: 32px;
   width: 24px;
}
#IconFont12 i
{
   color: #39231E;
   display: inline-block;
   font-size: 24px;
   line-height: 32px;
   vertical-align: middle;
   width: 23px;
}
#IconFont12:hover i
{
   color: #FEFBF6;
}
#wb_IconFont13
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont13
{
   height: 32px;
   width: 24px;
}
#IconFont13 i
{
   color: #39231E;
   display: inline-block;
   font-size: 24px;
   line-height: 32px;
   vertical-align: middle;
   width: 23px;
}
#IconFont13:hover i
{
   color: #FEFBF6;
}
#wb_Text50 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text50 div
{
   text-align: center;
}
#wb_Text52 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text52 div
{
   text-align: left;
}
#wb_Text51 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text51 div
{
   text-align: left;
}