div#container
{
   width: 994px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: transparent;
   color: #000000;
   font-family: Verdana;
   font-weight: normal;
   font-size: 21px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid1 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .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: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 20px 0 0 0 ;
}
#LayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0 25px 0 25px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2, #LayoutGrid2 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2, #LayoutGrid2 > .col-3
{
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 4px solid transparent;
   border-radius: 20px;
   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;
}
#LayoutGrid2 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 4px solid transparent;
   border-radius: 20px;
   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;
}
#LayoutGrid2 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 4px solid transparent;
   border-radius: 20px;
   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: 480px)
{
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2, #LayoutGrid2 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 5px 10px 5px;
   text-align: left;
}
#wb_Text1
{
   color: #000000;
   font-family: Verdana;
   font-weight: 400;
   font-size: 21px;
   line-height: 26px;
}
#wb_Text1 p, #wb_Text1 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   display: block;
   margin: 0 5px 10px 5px;
   box-sizing: border-box;
   width: calc(100% - 10px);
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2
{
   color: #000000;
   font-family: Verdana;
   font-weight: bold;
   font-style: italic;
   font-size: 21px;
   line-height: 26px;
}
#wb_Text2 p, #wb_Text2 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text3
{
   color: #000000;
   font-family: Verdana;
   font-weight: bold;
   font-style: italic;
   font-size: 21px;
   line-height: 26px;
}
#wb_Text3 p, #wb_Text3 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 5px 10px 5px;
   text-align: left;
}
#wb_Text4
{
   color: #000000;
   font-family: Verdana;
   font-weight: 400;
   font-size: 21px;
   line-height: 26px;
}
#wb_Text4 p, #wb_Text4 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text4
{
   display: block;
   margin: 0 5px 10px 5px;
   box-sizing: border-box;
   width: calc(100% - 10px);
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text5
{
   color: #000000;
   font-family: Verdana;
   font-weight: bold;
   font-style: italic;
   font-size: 21px;
   line-height: 26px;
}
#wb_Text5 p, #wb_Text5 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text5
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 5px 10px 5px;
   text-align: left;
}
#wb_Text6
{
   color: #000000;
   font-family: Verdana;
   font-weight: 400;
   font-size: 21px;
   line-height: 26px;
}
#wb_Text6 p, #wb_Text6 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text6
{
   display: block;
   margin: 0 5px 10px 5px;
   box-sizing: border-box;
   width: calc(100% - 10px);
}
#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 #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid3 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: #FFFFFF;
   background-image: none;
   border: 4px solid #C09A00;
   border-radius: 20px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid3 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 5px 0 0;
}
@media (max-width: 480px)
{
#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%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid4 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid4 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid4 > .col-1
{
   background-color: #FFFFFF;
   background-image: none;
   border: 4px solid #808000;
   border-radius: 20px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid4 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 5px 0 5px;
}
@media (max-width: 480px)
{
#LayoutGrid4 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid5 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid5 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid5 > .col-1
{
   background-color: #FFFFFF;
   background-image: none;
   border: 4px solid #800000;
   border-radius: 20px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid5 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 0 5px;
}
@media (max-width: 480px)
{
#LayoutGrid5 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Image2
{
   margin: 20px 0 0 0 ;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: transform-wobble-center 1000ms linear 0ms infinite normal both;
   display: block;
   width: 100%;
   height: auto;
   max-width: 398px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 5px solid #BDB76B;
   border-radius: 20px;
   box-sizing: border-box;
   padding: 0;
   animation: clip-path-spotlight 10000ms linear 1000ms infinite normal both;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text7
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   line-height: 36px;
}
#wb_Text7 p, #wb_Text7 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text7
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_LayoutGrid6
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 20px 0 50px 0 ;
}
#LayoutGrid6
{
   box-sizing: border-box;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid6 > .row
{
   margin-right: 25px;
   margin-left: 25px;
}
#LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2
{
   float: left;
}
#LayoutGrid6 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid6 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid6:before,
#LayoutGrid6:after,
#LayoutGrid6 .row:before,
#LayoutGrid6 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid6:after,
#LayoutGrid6 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid7
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid7
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid7 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid7 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid7 > .col-1
{
   background-color: #808000;
   background-image: none;
   border: 4px solid #800000;
   border-radius: 20px;
   flex-basis: 100%;
   max-width: 100%;
   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: 480px)
{
#LayoutGrid7 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 10px 5px 10px 5px;
   text-align: center;
}
#wb_Text8
{
   color: #F5F5F5;
   font-family: Verdana;
   font-weight: 400;
   font-size: 21px;
   line-height: 26px;
}
#wb_Text8 p, #wb_Text8 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text8
{
   display: block;
   margin: 10px 5px 10px 5px;
   box-sizing: border-box;
   width: calc(100% - 10px);
}
    /* Background & Reset */
    body {
      min-height: 100vh;
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', Arial, sans-serif;
      background-image: 
    repeating-linear-gradient(45deg, rgba(0,0,0,0.2) 2px, transparent 2.5px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,0.2) 2px, transparent 2.5px),
    linear-gradient(to bottom, rgba(255,255,255,0.5) 1px, transparent 0), 
    linear-gradient(to bottom, rgba(255,255,255,0.5) 1px, transparent 0), 
    linear-gradient(to right, rgba(255,255,255,0.5) 1px, transparent 0), 
    linear-gradient(to right, rgba(255,255,255,0.5) 1px, transparent 0), 
    linear-gradient(to right, #d6d5d1 40px, transparent 0), 
    linear-gradient(to right, rgba(255,255,255,0.5) 2px, transparent 0);
  background-size:
    auto,
    auto,
    5px 5px, 
    5px 5px, 
    5px 5px, 
    5px 5px, 
    8px 8px, 
    5px 5px;
  background-position:
    0 0, 
    0 0,
    0 0, 
    0 1px, 
    0 0, 
    1px 0, 
    0 1px, 
    0.5px 0;
	
      position: relative;
      color: #fff;
    }

    /* Animated Garment Cards */
    .card {
      position: absolute;
      width: 72px;
      height: 102px;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0.85;
      animation: floatCard 12s linear infinite;
    }
    /* Different animation delays for garments */
    .card1 { left: 2vw; top: 40vh; animation-delay: 0s;}
    .card2 { left: 4vw; top: 42vh; animation-delay: 3s;}
    .card3 { left: 6vw; top: 50vh; animation-delay: 1s;}
    .card4 { left: 8vw; top: 65vh; animation-delay: 2.5s;}
    .card5 { left: 69vw; top: 96vh; animation-delay: 3s;}
    .card6 { left: 12vw; top: 76vh; animation-delay: 3.5s;}
	.card7 { left: 80vw; top: 84vh; animation-delay: 4s;}
	.card8 { left: 16vw; top: 12vh; animation-delay: 4.5s;}
	.card9 { left: 18vw; top: 64vh; animation-delay: 5s;}
	.card10 { left: 20vw; top: 34vh; animation-delay: 5.5s;}
	.card11 { left: 24vw; top: 67vh; animation-delay: 6s;}
	.card12 { left: 28vw; top: 26vh; animation-delay: 2s;}
	.card13 { left: 32vw; top: 33vh; animation-delay: 6.5s;}
	.card14 { left: 45vw; top: 48vh; animation-delay: 3s;}
	.card15 { left: 50vw; top: 69vh; animation-delay: 4s;}
	.card16 { left: 52vw; top: 15vh; animation-delay: 5s;}
	.card17 { left: 54vw; top: 37vh; animation-delay: 6s;}
	.card18 { left: 56vw; top: 72vh; animation-delay: 7s;}
	.card19 { left: 58vw; top: 91vh; animation-delay: 5.5s;}
	.card20 { left: 60vw; top: 85vh; animation-delay: 4.5s;}
	.card21 { left: 62vw; top: 64vh; animation-delay: 3.5s;}
	.card21 { left: 64vw; top: 46vh; animation-delay: 2.5s;}
	.card22 { left: 66vw; top: 23vh; animation-delay: 1.5s;}
	.card23 { left: 68vw; top: 98vh; animation-delay: 0.5s;}
	.card24 { left: 70vw; top: 75vh; animation-delay: 1s;}
	.card25 { left: 72vw; top: 57vh; animation-delay: 1.2s;}

    /* Animate garment cards upwards with gentle rotation */
    @keyframes floatCard {
      0% {
        transform: translateY(0) rotateZ(0deg);
        opacity: 0.85;
      }
      70% {
        opacity: 0.9;
      }
      100% {
        transform: translateY(-100vh) rotateZ(30deg);
        opacity: 0;
      }
    }

    /* Gradient, animated headline */
    .headline {
      font-size: 2.0rem;
      font-weight: bold;
      margin-bottom: 10px;
      text-align: center;
      background: linear-gradient(90deg, #3b3011, #87721e #b0ad9d, #452e06);
      background-size: 200% 200%;
      color: #FEFEFE;
      -webkit-background-clip: text;
      background-clip: text;
      animation: gradientMove 3.5s ease-in-out infinite alternate;
      filter: drop-shadow(0 4px 10px #8000ff70);
    }
    @keyframes gradientMove {
      0% {background-position: 0% 50%;}
      100% {background-position: 100% 50%;}
    }

    /* Table styles */
    .message-table {
      border-radius: 20px;
      border: 4px solid #db8f14;
      background: #758f7a;
      box-shadow: 0 8px 32px #a3a3a3;
      margin: 0 auto 30px auto;
      max-width: 74%;
      padding: 10px 10px;
      transition: box-shadow 0.3s;
      animation: fadeIn 1.2s cubic-bezier(0.4,0,0.2,1);
    }

    /* Fade in animation */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(40px);}
      to { opacity: 1; transform: translateY(0);}
    }

    .cta {
      display: inline-block;
      margin-top: 10px;
      padding: 14px 36px;
      background: linear-gradient(90deg, #6d856b, #91916d 70%);
      color: #c7c7c7;
      border: none;
      border-radius: 999px;
      font-size: 1.3rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      cursor: pointer;
      box-shadow: 0 2px 10px #8000ff65;
      transition: background 0.23s, transform 0.12s;
      text-decoration: none;
      animation: fadeIn 1.7s cubic-bezier(0.4,0,0.2,1) 0.7s both;
    }
    .cta:hover {
      background: linear-gradient(90deg, #91916d, #6d856b 80%);
      transform: scale(1.05);
    }

    /* Responsive */
    @media (max-width: 700px) {
      .headline { font-size: 1.5rem; }
      .message-table { padding: 20px 8px; max-width: 96vw; }
      .cta { width: 100%; font-size: 1rem; }
      .card { width: 40px; height: 56px; font-size: 1.2rem; }
    }

    /* Overlay for page content */
    .content-overlay {
      position: relative;
      z-index: 11;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    /* Optional: page logo at the top */
    .logo {
      width: 100%;
      filter: drop-shadow(0 2px 12px #000000);
    }