:root {
      --template-color-1: #2C3E50;
      --template-color-2: #3D5B7A;
      --template-color-3: #18222E;
      --template-color-4: #A3C6AA;
      --template-color-5: #FFFFFF;
      --template-color-6: #F6F6F6;
      --template-color-7: #858585;
      --template-color-8: #F57894;
      --template-color-9: #F6F6F6;
      --template-color-10: #2C3E50;
      --template-color-11: #A3C6AA;
  }

      .template-color-1 { color: #2C3E50 !important; }
      .template-color-2 { color: #3D5B7A !important; }
      .template-color-3 { color: #18222E !important; }
      .template-color-4 { color: #A3C6AA !important; }
      .template-color-5 { color: #FFFFFF !important; }
      .template-color-6 { color: #F6F6F6 !important; }
      .template-color-7 { color: #858585 !important; }
      .template-color-8 { color: #F57894 !important; }
      .template-color-9 { color: #F6F6F6 !important; }
      .template-color-10 { color: #2C3E50 !important; }
      .template-color-11 { color: #A3C6AA !important; }
  
      .template-background-color-1 { background-color: #2C3E50 !important; }
      .template-background-color-2 { background-color: #3D5B7A !important; }
      .template-background-color-3 { background-color: #18222E !important; }
      .template-background-color-4 { background-color: #A3C6AA !important; }
      .template-background-color-5 { background-color: #FFFFFF !important; }
      .template-background-color-6 { background-color: #F6F6F6 !important; }
      .template-background-color-7 { background-color: #858585 !important; }
      .template-background-color-8 { background-color: #F57894 !important; }
      .template-background-color-9 { background-color: #F6F6F6 !important; }
      .template-background-color-10 { background-color: #2C3E50 !important; }
      .template-background-color-11 { background-color: #A3C6AA !important; }
  
      .template-border-color-1 { border-color: #2C3E50 !important; }
      .template-border-color-2 { border-color: #3D5B7A !important; }
      .template-border-color-3 { border-color: #18222E !important; }
      .template-border-color-4 { border-color: #A3C6AA !important; }
      .template-border-color-5 { border-color: #FFFFFF !important; }
      .template-border-color-6 { border-color: #F6F6F6 !important; }
      .template-border-color-7 { border-color: #858585 !important; }
      .template-border-color-8 { border-color: #F57894 !important; }
      .template-border-color-9 { border-color: #F6F6F6 !important; }
      .template-border-color-10 { border-color: #2C3E50 !important; }
      .template-border-color-11 { border-color: #A3C6AA !important; }
  
      .template-border-top-color-1 { border-top-color: #2C3E50 !important; }
      .template-border-top-color-2 { border-top-color: #3D5B7A !important; }
      .template-border-top-color-3 { border-top-color: #18222E !important; }
      .template-border-top-color-4 { border-top-color: #A3C6AA !important; }
      .template-border-top-color-5 { border-top-color: #FFFFFF !important; }
      .template-border-top-color-6 { border-top-color: #F6F6F6 !important; }
      .template-border-top-color-7 { border-top-color: #858585 !important; }
      .template-border-top-color-8 { border-top-color: #F57894 !important; }
      .template-border-top-color-9 { border-top-color: #F6F6F6 !important; }
      .template-border-top-color-10 { border-top-color: #2C3E50 !important; }
      .template-border-top-color-11 { border-top-color: #A3C6AA !important; }
  
      .template-border-right-color-1 { border-right-color: #2C3E50 !important; }
      .template-border-right-color-2 { border-right-color: #3D5B7A !important; }
      .template-border-right-color-3 { border-right-color: #18222E !important; }
      .template-border-right-color-4 { border-right-color: #A3C6AA !important; }
      .template-border-right-color-5 { border-right-color: #FFFFFF !important; }
      .template-border-right-color-6 { border-right-color: #F6F6F6 !important; }
      .template-border-right-color-7 { border-right-color: #858585 !important; }
      .template-border-right-color-8 { border-right-color: #F57894 !important; }
      .template-border-right-color-9 { border-right-color: #F6F6F6 !important; }
      .template-border-right-color-10 { border-right-color: #2C3E50 !important; }
      .template-border-right-color-11 { border-right-color: #A3C6AA !important; }
  
      .template-border-bottom-color-1 { border-bottom-color: #2C3E50 !important; }
      .template-border-bottom-color-2 { border-bottom-color: #3D5B7A !important; }
      .template-border-bottom-color-3 { border-bottom-color: #18222E !important; }
      .template-border-bottom-color-4 { border-bottom-color: #A3C6AA !important; }
      .template-border-bottom-color-5 { border-bottom-color: #FFFFFF !important; }
      .template-border-bottom-color-6 { border-bottom-color: #F6F6F6 !important; }
      .template-border-bottom-color-7 { border-bottom-color: #858585 !important; }
      .template-border-bottom-color-8 { border-bottom-color: #F57894 !important; }
      .template-border-bottom-color-9 { border-bottom-color: #F6F6F6 !important; }
      .template-border-bottom-color-10 { border-bottom-color: #2C3E50 !important; }
      .template-border-bottom-color-11 { border-bottom-color: #A3C6AA !important; }
  
      .template-border-left-color-1 { border-left-color: #2C3E50 !important; }
      .template-border-left-color-2 { border-left-color: #3D5B7A !important; }
      .template-border-left-color-3 { border-left-color: #18222E !important; }
      .template-border-left-color-4 { border-left-color: #A3C6AA !important; }
      .template-border-left-color-5 { border-left-color: #FFFFFF !important; }
      .template-border-left-color-6 { border-left-color: #F6F6F6 !important; }
      .template-border-left-color-7 { border-left-color: #858585 !important; }
      .template-border-left-color-8 { border-left-color: #F57894 !important; }
      .template-border-left-color-9 { border-left-color: #F6F6F6 !important; }
      .template-border-left-color-10 { border-left-color: #2C3E50 !important; }
      .template-border-left-color-11 { border-left-color: #A3C6AA !important; }
  


      .active.template-active-color-1 { color: #2C3E50 !important; }
      .active.template-active-color-2 { color: #3D5B7A !important; }
      .active.template-active-color-3 { color: #18222E !important; }
      .active.template-active-color-4 { color: #A3C6AA !important; }
      .active.template-active-color-5 { color: #FFFFFF !important; }
      .active.template-active-color-6 { color: #F6F6F6 !important; }
      .active.template-active-color-7 { color: #858585 !important; }
      .active.template-active-color-8 { color: #F57894 !important; }
      .active.template-active-color-9 { color: #F6F6F6 !important; }
      .active.template-active-color-10 { color: #2C3E50 !important; }
      .active.template-active-color-11 { color: #A3C6AA !important; }
  
      .active.template-active-background-color-1 { background-color: #2C3E50 !important; }
      .active.template-active-background-color-2 { background-color: #3D5B7A !important; }
      .active.template-active-background-color-3 { background-color: #18222E !important; }
      .active.template-active-background-color-4 { background-color: #A3C6AA !important; }
      .active.template-active-background-color-5 { background-color: #FFFFFF !important; }
      .active.template-active-background-color-6 { background-color: #F6F6F6 !important; }
      .active.template-active-background-color-7 { background-color: #858585 !important; }
      .active.template-active-background-color-8 { background-color: #F57894 !important; }
      .active.template-active-background-color-9 { background-color: #F6F6F6 !important; }
      .active.template-active-background-color-10 { background-color: #2C3E50 !important; }
      .active.template-active-background-color-11 { background-color: #A3C6AA !important; }
  
      .active.template-active-border-color-1 { border-color: #2C3E50 !important; }
      .active.template-active-border-color-2 { border-color: #3D5B7A !important; }
      .active.template-active-border-color-3 { border-color: #18222E !important; }
      .active.template-active-border-color-4 { border-color: #A3C6AA !important; }
      .active.template-active-border-color-5 { border-color: #FFFFFF !important; }
      .active.template-active-border-color-6 { border-color: #F6F6F6 !important; }
      .active.template-active-border-color-7 { border-color: #858585 !important; }
      .active.template-active-border-color-8 { border-color: #F57894 !important; }
      .active.template-active-border-color-9 { border-color: #F6F6F6 !important; }
      .active.template-active-border-color-10 { border-color: #2C3E50 !important; }
      .active.template-active-border-color-11 { border-color: #A3C6AA !important; }
  
      .active.template-active-border-top-color-1 { border-top-color: #2C3E50 !important; }
      .active.template-active-border-top-color-2 { border-top-color: #3D5B7A !important; }
      .active.template-active-border-top-color-3 { border-top-color: #18222E !important; }
      .active.template-active-border-top-color-4 { border-top-color: #A3C6AA !important; }
      .active.template-active-border-top-color-5 { border-top-color: #FFFFFF !important; }
      .active.template-active-border-top-color-6 { border-top-color: #F6F6F6 !important; }
      .active.template-active-border-top-color-7 { border-top-color: #858585 !important; }
      .active.template-active-border-top-color-8 { border-top-color: #F57894 !important; }
      .active.template-active-border-top-color-9 { border-top-color: #F6F6F6 !important; }
      .active.template-active-border-top-color-10 { border-top-color: #2C3E50 !important; }
      .active.template-active-border-top-color-11 { border-top-color: #A3C6AA !important; }
  
      .active.template-active-border-right-color-1 { border-right-color: #2C3E50 !important; }
      .active.template-active-border-right-color-2 { border-right-color: #3D5B7A !important; }
      .active.template-active-border-right-color-3 { border-right-color: #18222E !important; }
      .active.template-active-border-right-color-4 { border-right-color: #A3C6AA !important; }
      .active.template-active-border-right-color-5 { border-right-color: #FFFFFF !important; }
      .active.template-active-border-right-color-6 { border-right-color: #F6F6F6 !important; }
      .active.template-active-border-right-color-7 { border-right-color: #858585 !important; }
      .active.template-active-border-right-color-8 { border-right-color: #F57894 !important; }
      .active.template-active-border-right-color-9 { border-right-color: #F6F6F6 !important; }
      .active.template-active-border-right-color-10 { border-right-color: #2C3E50 !important; }
      .active.template-active-border-right-color-11 { border-right-color: #A3C6AA !important; }
  
      .active.template-active-border-bottom-color-1 { border-bottom-color: #2C3E50 !important; }
      .active.template-active-border-bottom-color-2 { border-bottom-color: #3D5B7A !important; }
      .active.template-active-border-bottom-color-3 { border-bottom-color: #18222E !important; }
      .active.template-active-border-bottom-color-4 { border-bottom-color: #A3C6AA !important; }
      .active.template-active-border-bottom-color-5 { border-bottom-color: #FFFFFF !important; }
      .active.template-active-border-bottom-color-6 { border-bottom-color: #F6F6F6 !important; }
      .active.template-active-border-bottom-color-7 { border-bottom-color: #858585 !important; }
      .active.template-active-border-bottom-color-8 { border-bottom-color: #F57894 !important; }
      .active.template-active-border-bottom-color-9 { border-bottom-color: #F6F6F6 !important; }
      .active.template-active-border-bottom-color-10 { border-bottom-color: #2C3E50 !important; }
      .active.template-active-border-bottom-color-11 { border-bottom-color: #A3C6AA !important; }
  
      .active.template-active-border-left-color-1 { border-left-color: #2C3E50 !important; }
      .active.template-active-border-left-color-2 { border-left-color: #3D5B7A !important; }
      .active.template-active-border-left-color-3 { border-left-color: #18222E !important; }
      .active.template-active-border-left-color-4 { border-left-color: #A3C6AA !important; }
      .active.template-active-border-left-color-5 { border-left-color: #FFFFFF !important; }
      .active.template-active-border-left-color-6 { border-left-color: #F6F6F6 !important; }
      .active.template-active-border-left-color-7 { border-left-color: #858585 !important; }
      .active.template-active-border-left-color-8 { border-left-color: #F57894 !important; }
      .active.template-active-border-left-color-9 { border-left-color: #F6F6F6 !important; }
      .active.template-active-border-left-color-10 { border-left-color: #2C3E50 !important; }
      .active.template-active-border-left-color-11 { border-left-color: #A3C6AA !important; }
  


      .template-hover-color-1:hover, .template-hover-color-1:focus { color: #2C3E50 !important; }
      .template-hover-color-2:hover, .template-hover-color-2:focus { color: #3D5B7A !important; }
      .template-hover-color-3:hover, .template-hover-color-3:focus { color: #18222E !important; }
      .template-hover-color-4:hover, .template-hover-color-4:focus { color: #A3C6AA !important; }
      .template-hover-color-5:hover, .template-hover-color-5:focus { color: #FFFFFF !important; }
      .template-hover-color-6:hover, .template-hover-color-6:focus { color: #F6F6F6 !important; }
      .template-hover-color-7:hover, .template-hover-color-7:focus { color: #858585 !important; }
      .template-hover-color-8:hover, .template-hover-color-8:focus { color: #F57894 !important; }
      .template-hover-color-9:hover, .template-hover-color-9:focus { color: #F6F6F6 !important; }
      .template-hover-color-10:hover, .template-hover-color-10:focus { color: #2C3E50 !important; }
      .template-hover-color-11:hover, .template-hover-color-11:focus { color: #A3C6AA !important; }
  
      .template-hover-background-color-1:hover, .template-hover-background-color-1:focus { background-color: #2C3E50 !important; }
      .template-hover-background-color-2:hover, .template-hover-background-color-2:focus { background-color: #3D5B7A !important; }
      .template-hover-background-color-3:hover, .template-hover-background-color-3:focus { background-color: #18222E !important; }
      .template-hover-background-color-4:hover, .template-hover-background-color-4:focus { background-color: #A3C6AA !important; }
      .template-hover-background-color-5:hover, .template-hover-background-color-5:focus { background-color: #FFFFFF !important; }
      .template-hover-background-color-6:hover, .template-hover-background-color-6:focus { background-color: #F6F6F6 !important; }
      .template-hover-background-color-7:hover, .template-hover-background-color-7:focus { background-color: #858585 !important; }
      .template-hover-background-color-8:hover, .template-hover-background-color-8:focus { background-color: #F57894 !important; }
      .template-hover-background-color-9:hover, .template-hover-background-color-9:focus { background-color: #F6F6F6 !important; }
      .template-hover-background-color-10:hover, .template-hover-background-color-10:focus { background-color: #2C3E50 !important; }
      .template-hover-background-color-11:hover, .template-hover-background-color-11:focus { background-color: #A3C6AA !important; }
  
      .template-hover-border-color-1:hover, .template-hover-border-color-1:focus { border-color: #2C3E50 !important; }
      .template-hover-border-color-2:hover, .template-hover-border-color-2:focus { border-color: #3D5B7A !important; }
      .template-hover-border-color-3:hover, .template-hover-border-color-3:focus { border-color: #18222E !important; }
      .template-hover-border-color-4:hover, .template-hover-border-color-4:focus { border-color: #A3C6AA !important; }
      .template-hover-border-color-5:hover, .template-hover-border-color-5:focus { border-color: #FFFFFF !important; }
      .template-hover-border-color-6:hover, .template-hover-border-color-6:focus { border-color: #F6F6F6 !important; }
      .template-hover-border-color-7:hover, .template-hover-border-color-7:focus { border-color: #858585 !important; }
      .template-hover-border-color-8:hover, .template-hover-border-color-8:focus { border-color: #F57894 !important; }
      .template-hover-border-color-9:hover, .template-hover-border-color-9:focus { border-color: #F6F6F6 !important; }
      .template-hover-border-color-10:hover, .template-hover-border-color-10:focus { border-color: #2C3E50 !important; }
      .template-hover-border-color-11:hover, .template-hover-border-color-11:focus { border-color: #A3C6AA !important; }
  
      .template-hover-border-top-color-1:hover, .template-hover-border-top-color-1:focus { border-top-color: #2C3E50 !important; }
      .template-hover-border-top-color-2:hover, .template-hover-border-top-color-2:focus { border-top-color: #3D5B7A !important; }
      .template-hover-border-top-color-3:hover, .template-hover-border-top-color-3:focus { border-top-color: #18222E !important; }
      .template-hover-border-top-color-4:hover, .template-hover-border-top-color-4:focus { border-top-color: #A3C6AA !important; }
      .template-hover-border-top-color-5:hover, .template-hover-border-top-color-5:focus { border-top-color: #FFFFFF !important; }
      .template-hover-border-top-color-6:hover, .template-hover-border-top-color-6:focus { border-top-color: #F6F6F6 !important; }
      .template-hover-border-top-color-7:hover, .template-hover-border-top-color-7:focus { border-top-color: #858585 !important; }
      .template-hover-border-top-color-8:hover, .template-hover-border-top-color-8:focus { border-top-color: #F57894 !important; }
      .template-hover-border-top-color-9:hover, .template-hover-border-top-color-9:focus { border-top-color: #F6F6F6 !important; }
      .template-hover-border-top-color-10:hover, .template-hover-border-top-color-10:focus { border-top-color: #2C3E50 !important; }
      .template-hover-border-top-color-11:hover, .template-hover-border-top-color-11:focus { border-top-color: #A3C6AA !important; }
  
      .template-hover-border-right-color-1:hover, .template-hover-border-right-color-1:focus { border-right-color: #2C3E50 !important; }
      .template-hover-border-right-color-2:hover, .template-hover-border-right-color-2:focus { border-right-color: #3D5B7A !important; }
      .template-hover-border-right-color-3:hover, .template-hover-border-right-color-3:focus { border-right-color: #18222E !important; }
      .template-hover-border-right-color-4:hover, .template-hover-border-right-color-4:focus { border-right-color: #A3C6AA !important; }
      .template-hover-border-right-color-5:hover, .template-hover-border-right-color-5:focus { border-right-color: #FFFFFF !important; }
      .template-hover-border-right-color-6:hover, .template-hover-border-right-color-6:focus { border-right-color: #F6F6F6 !important; }
      .template-hover-border-right-color-7:hover, .template-hover-border-right-color-7:focus { border-right-color: #858585 !important; }
      .template-hover-border-right-color-8:hover, .template-hover-border-right-color-8:focus { border-right-color: #F57894 !important; }
      .template-hover-border-right-color-9:hover, .template-hover-border-right-color-9:focus { border-right-color: #F6F6F6 !important; }
      .template-hover-border-right-color-10:hover, .template-hover-border-right-color-10:focus { border-right-color: #2C3E50 !important; }
      .template-hover-border-right-color-11:hover, .template-hover-border-right-color-11:focus { border-right-color: #A3C6AA !important; }
  
      .template-hover-border-bottom-color-1:hover, .template-hover-border-bottom-color-1:focus { border-bottom-color: #2C3E50 !important; }
      .template-hover-border-bottom-color-2:hover, .template-hover-border-bottom-color-2:focus { border-bottom-color: #3D5B7A !important; }
      .template-hover-border-bottom-color-3:hover, .template-hover-border-bottom-color-3:focus { border-bottom-color: #18222E !important; }
      .template-hover-border-bottom-color-4:hover, .template-hover-border-bottom-color-4:focus { border-bottom-color: #A3C6AA !important; }
      .template-hover-border-bottom-color-5:hover, .template-hover-border-bottom-color-5:focus { border-bottom-color: #FFFFFF !important; }
      .template-hover-border-bottom-color-6:hover, .template-hover-border-bottom-color-6:focus { border-bottom-color: #F6F6F6 !important; }
      .template-hover-border-bottom-color-7:hover, .template-hover-border-bottom-color-7:focus { border-bottom-color: #858585 !important; }
      .template-hover-border-bottom-color-8:hover, .template-hover-border-bottom-color-8:focus { border-bottom-color: #F57894 !important; }
      .template-hover-border-bottom-color-9:hover, .template-hover-border-bottom-color-9:focus { border-bottom-color: #F6F6F6 !important; }
      .template-hover-border-bottom-color-10:hover, .template-hover-border-bottom-color-10:focus { border-bottom-color: #2C3E50 !important; }
      .template-hover-border-bottom-color-11:hover, .template-hover-border-bottom-color-11:focus { border-bottom-color: #A3C6AA !important; }
  
      .template-hover-border-left-color-1:hover, .template-hover-border-left-color-1:focus { border-left-color: #2C3E50 !important; }
      .template-hover-border-left-color-2:hover, .template-hover-border-left-color-2:focus { border-left-color: #3D5B7A !important; }
      .template-hover-border-left-color-3:hover, .template-hover-border-left-color-3:focus { border-left-color: #18222E !important; }
      .template-hover-border-left-color-4:hover, .template-hover-border-left-color-4:focus { border-left-color: #A3C6AA !important; }
      .template-hover-border-left-color-5:hover, .template-hover-border-left-color-5:focus { border-left-color: #FFFFFF !important; }
      .template-hover-border-left-color-6:hover, .template-hover-border-left-color-6:focus { border-left-color: #F6F6F6 !important; }
      .template-hover-border-left-color-7:hover, .template-hover-border-left-color-7:focus { border-left-color: #858585 !important; }
      .template-hover-border-left-color-8:hover, .template-hover-border-left-color-8:focus { border-left-color: #F57894 !important; }
      .template-hover-border-left-color-9:hover, .template-hover-border-left-color-9:focus { border-left-color: #F6F6F6 !important; }
      .template-hover-border-left-color-10:hover, .template-hover-border-left-color-10:focus { border-left-color: #2C3E50 !important; }
      .template-hover-border-left-color-11:hover, .template-hover-border-left-color-11:focus { border-left-color: #A3C6AA !important; }