/************************************************************************************
Global Settings: T R B L or  TB  LR (2025-07 SKP)
*************************************************************************************/
html {font-size: 16px;} html, body {margin: 0; padding: 0;} *, *::after, *::before {-webkit-box-sizing: border-box; box-sizing: border-box;} 
body {font-size: 16px; line-height: 1.7; font-family: "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue"; color: #000;}

a:focus-visible { outline: 2px solid #007BFF; outline-offset: 2px; } a:link { text-decoration: none; } a { outline: none; }
ul, ol, li {list-style-type: none; margin-top: 0; margin-bottom: 0;padding-left:0;}
.posi-rel {position: relative;}.posi-abs {position: absolute;}.posi-fix {position: fixed;}
.clearIt {clear: both;}.pushLeft {float: left;}.pushRight {float: right;}
.cf:before,.cf:after {content: " "; display: table;}.cf:after {clear: both;}
.blockMe {display: block;}.hidden {display: none;}
.noMargin{margin-top:0;margin-bottom:0;} .noMargin p {margin-top:0;margin-bottom:0;}
.sticky{top: 0;z-index: 10;position: sticky;}
.wrapMe{overflow-wrap: break-word;}
.cursor-none {pointer-events: none;}.cursor-hand {cursor: pointer;}.cursor-zoom {cursor: zoom-in;}
.overflow-h {overflow: hidden;} .hidden {display: none;}
/************************************************************************************
General Form Settings
*************************************************************************************/	
/**Interface Settings**/
BUTTON, button {-webkit-appearance: none;appearance: none;border: none;outline: none;cursor: pointer;border-radius: 5px;transition: background-color 0.3s ease;}
input[type="submit"],input[type="button"] {-webkit-appearance: none;appearance: none;}
/************************************************************************************
Container or Wrap Layouts
*************************************************************************************/	
.wide-img, .wide-max { width: 100%; }
.imgBox { width: 100%; max-height: 100%; display: block; }
.img-block img { display: block; }
.maxWRail { max-width: 100%; margin: 0 auto;} 
.maxXLRail { max-width: 1600px; margin: 0 auto; padding-left:10px; padding-right:10px;}
.maxLRail { max-width: 1320px; margin: 0 auto; padding-left:10px; padding-right:10px;}
.maxMRail { max-width: 980px; margin: 0 auto; padding-left:10px; padding-right:10px;}
.maxSRail { max-width: 720px; margin: 0 auto; padding-left:10px; padding-right:10px;}
.rails, .xpress, .rails-max {margin: 0 auto; width: 87.5%; box-sizing: border-box;}
.xpress-max{width:95%;max-width:920px;margin: 0 auto;}
/************************************************************************************
Format Add-ons: p(adding) m(argin) L(eft) R(ight) T(op) B(ottom) L(eft)
*************************************************************************************/	
.mb0 {margin-bottom: 0;} .mb05 {margin-bottom: 5px;} .mb07 {margin-bottom: 7px;} .mb10 {margin-bottom: 10px;} .mb15 {margin-bottom: 15px;} .mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb60 {margin-bottom: 60px;} .mb70 {margin-bottom: 70px;} .mb80 {margin-bottom: 80px;} .mb100 {margin-bottom: 100px;}
.mTop0 {margin-top: 0;} .mTop05 {margin-top: 5px;} .mTop7 {margin-top: 7px;} .mTop10 {margin-top: 10px;} .mTop20 {margin-top: 20px;} .mTop30 {margin-top: 30px;} .mTop40 {margin-top: 40px;} .mTop50 {margin-top: 50px;} .mTop60 {margin-top: 60px;} .mTop70 {margin-top: 70px;} .mTop80 {margin-top: 80px;} .mTop100 {margin-top: 100px;}
.mTB0 {margin-top: 0; margin-bottom: 0;} .mTB10 {margin-top: 10px; margin-bottom: 10px;} .mTB20 {margin-top: 20px; margin-bottom: 20px;} .mTB30 {margin-top: 30px; margin-bottom: 30px;} .mTB40 {margin-top: 40px; margin-bottom: 40px;} .mTB50 {margin-top: 50px; margin-bottom: 50px;} .mTB80 {margin-top: 80px; margin-bottom: 80px;}
.mL02 {margin-left: 2px;} .mL03 {margin-left: 3px;} .mL04 {margin-left: 4px;} .mL05 {margin-left: 5px;} .mL06 {margin-left: 6px;} .mL07 {margin-left: 7px;} .mL08 {margin-left: 8px;} .mL10 {margin-left: 10px;} .mL20 {margin-left: 20px;} .mL30 {margin-left: 30px;} .mL40 {margin-left: 40px;} .mL50 {margin-left: 50px;} .mL60 {margin-left: 60px;} .mL70 {margin-left: 70px;} .mL80 {margin-left: 80px;} .mL100 {margin-left: 100px;}
.mR02 {margin-right: 2px;} .mR03 {margin-right: 3px;} .mR04 {margin-right: 4px;} .mR05 {margin-right: 5px;} .mR06 {margin-right: 6px;} .mR07 {margin-right: 7px;} .mR08 {margin-right: 8px;}
.mLR0 {margin-left: 0px; margin-right: 0px;} .mLR05 {margin-left: 5px; margin-right: 5px;} .mLR02 {margin-left: 2%; margin-right: 2%;} .mLR10 {margin-left: 10px; margin-right: 10px;} .mLR15 {margin-left: 15px; margin-right: 15px;} .mLR20 {margin-left: 20px; margin-right: 20px;}.mLR50{margin-left:50px;margin-right:50px;}
.pb0 {padding-bottom: 0px;} .pb02 {padding-bottom: 2px;} .pb05 {padding-bottom: 5px;} .pb07 {padding-bottom: 7px;} .pb08 {padding-bottom: 8px;} .pb10 {padding-bottom: 10px;} .pb15 {padding-bottom: 15px;} .pb20 {padding-bottom: 20px;} .pb30 {padding-bottom: 30px;} .pb40 {padding-bottom: 40px;} .pb50 {padding-bottom: 50px;} .pb60 {padding-bottom: 60px;} .pb70 {padding-bottom: 70px;} .pb80 {padding-bottom: 80px;} .pb100 {padding-bottom: 100px;} .pb125 {padding-bottom: 125px;} .pb140 {padding-bottom: 140px;} .pb150 {padding-bottom: 150px;} .pb180 {padding-bottom: 180px;} .pb200 {padding-bottom: 200px;}
.pTop0 {padding-top: 0px;} .pTop02 {padding-top: 2px;} .pTop05 {padding-top: 5px;} .pTop07 {padding-top: 7px;} .pTop08 {padding-top: 8px;} .pTop10 {padding-top: 10px;} .pTop15 {padding-top: 15px;} .pTop20 {padding-top: 20px;} .pTop30 {padding-top: 30px;} .pTop40 {padding-top: 40px;} .pTop50 {padding-top: 50px;} .pTop60 {padding-top: 60px;} .pTop70 {padding-top: 70px;} .pTop80 {padding-top: 80px;} .pTop100 {padding-top: 100px;} .pTop125 {padding-top: 125px;} .pTop140 {padding-top: 140px;} .pTop150 {padding-top: 150px;} .pTop180 {padding-top: 180px;} .pTop200 {padding-top: 200px;}
.pTB0 {padding-top: 0px; padding-bottom: 0px;} .pTB05 {padding-top: 5px; padding-bottom: 5px;} .pTB10 {padding-top: 10px; padding-bottom: 10px;} .pTB12 {padding-top: 12px; padding-bottom: 12px;} .pTB15 {padding-top: 15px; padding-bottom: 15px;} .pTB16 {padding-top: 1rem; padding-bottom: 1rem;} .pTB20 {padding-top: 20px; padding-bottom: 20px;} .pTB25 {padding-top: 25px; padding-bottom: 25px;} .pTB30 {padding-top: 30px; padding-bottom: 30px;} .pTB40 {padding-top: 40px; padding-bottom: 40px;} .pTB50 {padding-top: 50px; padding-bottom: 50px;} .pTB60 {padding-top: 60px; padding-bottom: 60px;} .pTB70 {padding-top: 70px; padding-bottom: 70px;} .pTB80 {padding-top: 80px; padding-bottom: 80px;} .pTB100 {padding-top: 100px; padding-bottom: 100px;} .pTB120 {padding-top: 120px; padding-bottom: 120px;} .pTB150 {padding-top: 150px; padding-bottom: 150px;} .pTB180 {padding-top: 180px; padding-bottom: 180px;} .pTB200 {padding-top: 200px; padding-bottom: 200px;} .pTB240 {padding-top: 240px; padding-bottom: 240px;}
.pL0 {padding-left: 0px;} .pL05 {padding-left: 5px;} .pL08 {padding-left: 8px;} .pL10 {padding-left: 10px;} .pL12 {padding-left: 12px;} .pL15 {padding-left: 15px;} .pL20 {padding-left: 20px;} .pL25 {padding-left: 25px;} .pL30 {padding-left: 30px;} .pL35 {padding-left: 35px;} .pL40 {padding-left: 40px;} .pL45 {padding-left: 45px;} .pL50 {padding-left: 50px;}
.pLR0 {padding-left: 0px; padding-right: 0px;} .pLR05 {padding-left: 5px; padding-right: 5px;} .pLR08 {padding-left: 8px; padding-right: 8px;} .pLR10 {padding-left: 10px; padding-right: 10px;} .pLR15 {padding-left: 15px; padding-right: 15px;} .pLR20 {padding-left: 20px; padding-right: 20px;} .pLR30 {padding-left: 30px; padding-right: 30px;} .pLR40 {padding-left: 40px; padding-right: 40px;} .pLR50 {padding-left: 50px; padding-right: 50px;} .pLR60 {padding-left: 60px; padding-right: 60px;} .pLR70 {padding-left: 70px; padding-right: 70px;} .pLR80 {padding-left: 80px; padding-right: 80px;} .pLR100 {padding-left: 100px; padding-right: 100px;}
.pR0 {padding-right: 0px;} .pR05 {padding-right: 5px;} .pR08 {padding-right: 8px;} .pR10 {padding-right: 10px;} .pR15 {padding-right: 15px;} .pR20 {padding-right: 20px;} .pR25 {padding-right: 25px;} .pR30 {padding-right: 30px;} .pR35 {padding-right: 35px;} .pR40 {padding-right: 40px;} .pR45 {padding-right: 45px;} .pR50 {padding-right: 50px;} .pR60 {padding-right: 60px;} .pR70 {padding-right: 70px;} .pR80 {padding-right: 80px;} .pR100 {padding-right: 100px;} .pR200 {padding-right: 200px;}
.xpress-TB01 {padding-top: 2.5%; padding-bottom: 2.5%;}
/************************************************************************************
 Format: Add-ons - Text and Images Views
*************************************************************************************/
.txtC{text-align: center;}.txtL{text-align:left;}.txtR{text-align:right;}.m-VC{margin-top:auto;margin-bottom:auto;}
.insideVC {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);} /*Inside a POSITION Relative or Navigation*/
/**Code Display**/
pre{font-family:Consolas,Monaco,Lucida Console,monospace;}
pre{padding:10px 20px;margin:15px 15px;background-color:#DDDFE1;border-radius:3px;line-height:1.45;color:#24292e;font-size:100%;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
/**Effects**/
strong{color:RED;}
.text-black em { color: #000000; font-style: normal; }.text-blue em { color: #4B7DCD; font-style: normal; }.text-green em { color: #149414; font-style: normal; }.text-pink em { color: #FFC0CB; font-style: normal; }.text-gold em { color: #FFA500; font-style: normal; }.text-cloud em { color: #FFFFFF; font-style: normal; }.text-purple em { color: #551A8B; font-style: normal; }.text-slate em { color: #455A64; font-style: normal; }
.fat { font-weight: bold; }
.all-border { border: 2px solid var(--border-color, var(--steel-blue));}
.imgRound {border-radius: 14px;}
/**Indents**/
.indent-01{text-indent:10px;}.indent-02{text-indent:15px;}.indent-03{text-indent:20px;}.indent-04{text-indent:25px;}.indent-05{text-indent:30px;}
.textSpace3 {letter-spacing: .3em;text-indent: .3em;} /*One SPACE Between Letters*/
/**Punctuations**/
.digiList li { list-style-type: decimal; padding-left: 7px; } /* List Marker: 123 (With Left Padding) */
.clrList li { list-style-type: circle; padding-left: 5px; } /* List Marker: Clear Circle Dot */
.alpList li { list-style-type: lower-alpha; padding-left: 5px; } /* List Marker: Lowercase Alphabet */
.dotList li { list-style-type: initial; padding-left: 5px; }
/**RadioCheckDrop Options**/
.opts label input{display: initial;}
/**Select and Show**/
.displaySelect{display:none;}
/**Details**/
summary{cursor: pointer;font-weight:700;padding-left:0.625rem;}summary:focus{outline: none;}
details {background:#EEE;margin-bottom:1rem;padding-left:2px;padding-top:2px;padding-bottom:2px;padding-right:2px;}
details p{padding-left:.825rem;padding-right:.625rem;margin-top:0px;margin-bottom:0px;background:#FFFFFF;color:#36454F;font-size:0.875rem;}
/************************************************************************************
Core Fonts [Smartphone | memoPad | iPad | PC  LineHeight]
*************************************************************************************/ 
/**Universal**/
[class^='font-'] {letter-spacing:0.07rem;}
/**Japanese Fonts**/
.font-jpn {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans JP', sans-serif;letter-spacing: 0.07rem;}
.font-jpn-print {font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Serif JP', serif;}
.font-jpn-min {font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, 'Shippori Mincho', serif;}
.font-jpn-zen {font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, 'Zen Old Mincho', serif;}
.font-jpn-biz {font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, 'BIZ UDMincho', serif;}
.font-jpn-tok {font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, 'Kaisei Tokumin', serif;}
/**English Fonts**/
.font-eng {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', sans-serif;}
.font-robo {font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}
.font-lato {font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, 'Lato', sans-serif;}
.font-mont {font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, 'Montserrat', sans-serif;}
.font-rale {font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, 'Raleway', sans-serif;}
/**AddOn Fonts**/
.w500{font-weight:500;}.w600{font-weight:600;}.w900{font-weight:900;}
/**Static Fonts**/
.baseFont{font-size:1.0rem;}
.xsFont{font-size:0.75rem;}/*12*/
.menuFont{font-size:1.188rem;} /*18*/
.smFont{font-size:0.875rem;line-height:1.2;}/*14LH18*/
.mdFont{font-size:1.1rem;} /*18*/
.lgFont{font-size:1.5rem;} /*24*/
.dblFont{font-size:2rem;} /*32*/
/**Functional Fonts**/
.copyRight{font-size:0.75rem;font-family: Arial, sans-serif;}
/*****************************************************************
Fonts:ClampIt
******************************************************************/
.clamp-reg{font-size:clamp(1.0625rem, 1.5909vw, 1.3125rem);}/*Min 320px Max 1600px | 17px 21px*/ 
.clamp-basic {font-size: clamp(1.1250rem, 1.6667vw, 1.3750rem);} /*Min 320px Max 1320px | 18px 22px*/ 
.clamp-md{font-size:clamp(1.1250rem, 1.9697vw, 1.6250rem);} /*18px 26px*/
.clamp-jpn {font-size: clamp(1.125rem, 1.0562rem + 0.3437vw, 1.4rem);}/*18px 22px*/
.clamp-info {font-size: clamp(1.6250rem, 4.2857vw, 3.7500rem);} /*26px 60px*/
.clamp-title{font-size: clamp(1.0625rem, 3.2000vw, 3.0000rem);}/*17px 48px*/
.clamp-title-sm{font-size: clamp(1.6250rem, 4.5333vw, 4.2500rem);} /*26px 68px*/
.clamp-title-md{font-size: clamp(1.6875rem, 6.0000vw, 5.6250rem);} /*27px 90px*/
.clamp-title-lg{font-size: clamp(2.0000rem, 7.3333vw, 6.8750rem);}/*32px 110px*/ 
.clamp-h-sm{font-size:clamp(1.1875rem, 1.8750vw, 1.8750rem);}/*19px 30px*/
.clamp-h-md{font-size: clamp(1.3750rem, 2.6250vw, 2.6250rem);} /*22px 42px*/
.clamp-h-lg{font-size: clamp(1.6250rem, 3.0000vw, 3.0000rem);} /*26px 48px*/
.clamp-h2 {font-size: clamp(2.1250rem, 5.7143vw, 5.0000rem);margin-top:0;margin-bottom:0;line-height: 1.2;}
.clamp-h3{font-size: clamp(1.1250rem, 3.5714vw, 3.1250rem);margin-top:0;margin-bottom:0;}
.clamp-copy{font-size: clamp(12px, calc(2vw + 8px), 16px);font-family: Arial, sans-serif;}
/************************************************************************************
Basic Colors
*************************************************************************************/
.noColor {color: transparent;}
/* Black Colors */
.coolBlack {color: #1F2024;}.coolBBlack {background-color: #1F2024;}
.gentleBlack {color: #818386;}.gentleBBlack {background-color: #818386;}
.fancyBlack {color: #202020;}.fancyBBlack {background-color: #202020;}
.justBlack {color: #000000;}.justBBlack {background-color: #000000;}
.charcoal{color:#2E4052;} .charcoalB {background-color:#2E4052;}
.shinyBlack{color:#4F5A44;}.shinyBBlack{background-color:#4F5A44;}
/* Blue Colors */
.darkBlue {color: #191970;}.darkBBlue {background-color: #191970;}
.jeansBlue {color: #23395D;}.jeansBBlue {background-color: #23395D;}
.skyBlue {color: #87CEEB;}.skyBBlue {background-color: #87CEEB;}
.steelBlue {color:#B0C4DE}.steelBBlue{background-color:#B0C4DE}
.lightBlue {color: #ECECEC;}.lightBBlue {background-color: #ECECEC;}
.lighterBlue{color:#F0F8FF;} .lighterBBlue{background-color: #F0F8FF;}
.coolBlue {color: #4B7DCD;}.coolBBlue {background-color: #4B7DCD;}
.blueGreen {color: #3CAEA3;}.blueBGreen {background-color: #3CAEA3;}
.vaniBlue{color:#1C489C;}.vaniBBlue{background-color:#1C489C;}
/* Green Colors */
.bankGreen {color: #008A00;}.bankBGreen {background-color: #008A00;}
.greenTea {color: #5EBE2D;}.greenBTea {background-color: #5EBE2D;}
.teaGreen{color: #BDD9BF;}.teaBGreen {background-color:#BDD9BF;}
.signGreen {color: #285A27;}.signBGreen {background-color: #285A27;}
.lightGreen{color:#90EE90;}.lightBGreen{background:#90EE90;}
/* Grey Colors */
.btnGrey{color:#F7F5F3;} .btnBGrey{background:#F7F5F3;}
.greyBlue {color:#E7EEF2;}.greyBBlue {background-color: #E7EEF2;}
.cloudGrey {color: #F2F0E7;}.cloudBGrey {background-color: #F2F0E7;}
.silverGrey{color:#748BA7;}	.silverBGrey {background-color:#748BA7;}
.lightGrey{background-color:#F3F4F6;}.lightBGrey{background-color:#F3F4F6;}
/* Orange Colors */
.orange {color: #FFA500;}.orangeB {background-color: #FFA500;}
.orangeBTouch {background-color: #EB6045;}.flatOrange {color: #D3651C;}
.flatBOrange {background-color: #D3651C;}
/* Pink Colors */
.pink {color: #FFC0CB;}.pinkB {background-color: #FFC0CB;}
/* Red Colors */
.powerRed {color: #BA2636;}.powerBRed {background-color: #BA2636;}
.tomatoRed {color: #FF6347;}.tomatoBRed {background-color: #FF6347;}
.electricRed {color:#E61E1E;}.electricBRed {background-color:#E61E1E;}
.jpnRed {color:#E60012;} .jpnBRed {background-color:#E60012;}
/* Yellow Colors */
.yellowGold {color: #FDD007;}.yellowBGold {background-color: #FDD007;}
.yellowSun {color: #FFEF62;}.yellowBsun {background-color: #FFEF62;}
.sunglow {color:#FFC857;}.sunBglow {background-color:#FFC857;}
/* White Color */
.cloud {color: #FFFFFF;}.cloudB {background-color: #FFFFFF;}
/* Darker Colors */
.darkpurple {color:#412234;}.darkBPurple{background-color:#412234;}
.purple{color:#551A8B;}.purpleB{background-color:#551A8B;}
.violet{color:#6B21A8;} .violetB {background-color:#6B21A8;}
/* Fade Black Colors */
.ftBlack {color: #303030;}.ftBBlack {background-color: #303030;}
.ftBlack-fade {color: #454545;}.ftBBlack-fade {background-color: #454545;}
/**Special Effects**/
.shadowBlue{color: white;text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;}
.shadowBlack{color: white;text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;}
.shadowRed{color: white;text-shadow: 1px 1px 2px RED, 0 0 25px RED, 0 0 5px RED;}
.shadowYellow{color: white;text-shadow: 1px 1px 2px YELLOW, 0 0 25px YELLOW, 0 0 5px YELLOW;}
.shadowPurple{color: white;text-shadow: 1px 1px 2px PURPLE, 0 0 25px PURPLE, 0 0 5px PURPLE;}
.shadowLime{color: white;text-shadow: 1px 1px 2px LIME, 0 0 25px LIME, 0 0 5px LIME;}
.shadowGreen{color: white;text-shadow: 1px 1px 2px GREEN, 0 0 25px GREEN, 0 0 5px GREEN;}
.overHiBlue {background-color:rgba(75,125,205,0.95);}
.overMidBlue {background-color:rgba(75,125,205,0.7);}
.overLoBlue {background-color:rgba(75,125,205,0.5);}
/************************************************************************************
Universal Root Settings: 
*************************************************************************************/
:root {
/**Logo**/
 --logo-img-url: url("../../images/skplogo.gif"); 
/**Base Colors**/
  --blue: #0000ff;
  --black: #000000;
  --yellow: #FFCC00;
  --green: #00FF00;
  --purple: #800080;
  --red: #FF0000;
  --white: #fff;
/**Black Colors**/
  --cool-black: #1F2024;
  --gentle-black: #818386;
  --fancy-black: #202020;
  --just-black: #000000;
  --charcoal: #2E4052;
  --shiny-black: #4F5A44;
  --ft-black: #303030;
  --ftBlack-fade: #454545;
/**Blue Colors**/
  --dark-blue: #191970;
  --jeans-blue: #23395D;
  --sky-blue: #87CEEB;
  --steel-blue: #B0C4DE;
  --light-blue: #ECECEC;
  --lighter-blue: #F0F8FF;
  --cool-blue: #4B7DCD;
  --blue-green: #3CAEA3;
  --vani-blue: #1C489C;
/**Green Colors**/
  --bank-green: #008A00;
  --green-tea: #5EBE2D;
  --tea-green: #BDD9BF;
  --sign-green: #285A27;
  --light-green: #90EE90;
/**Grey Colors**/
  --btn-grey: #F7F5F3;
  --grey-blue: #E7EEF2;
  --cloud-grey: #F2F0E7;
  --silver-grey: #748BA7;
  --light-grey:#F3F4F6;
/**Orange Colors**/
  --orange: #FFA500;
  --orange-touch: #EB6045;
  --flat-orange: #D3651C;
/**Pink Colors**/
  --pink: #FFC0CB;
/**Red Colors**/
  --power-red: #BA2636;
  --tomato-red: #FF6347;
  --electric-red: #E61E1E;
  --jpn-red: #E60012;
/**Yellow Colors**/
  --yellow-gold: #FDD007;
  --yellow-sun: #FFEF62;
  --sunglow: #FFC857;
/**White Colors**/
  --cloud: #FFFFFF;
/**Purple Colors**/
  --dark-purple: #412234;
/**Padding**/
  --pad-0: 0rem;
  --pad-1: 0.25rem;
  --pad-2: 0.5rem;
  --pad-3: 1rem;
  --pad-4: 1.5rem;
  --pad-5: 3rem;
  --pad-default: 15px; /* For .line and .lineNest default padding */
/**Gaps**/
  --gap-0: 0rem;
  --gap-1: 0.25rem;
  --gap-2: 0.5rem;
  --gap-3: 1rem;
  --gap-4: 1.5rem;
  --gap-5: 3rem;
/**Border Widths**/
  --border-width-sm: 1px;
  --border-width-lo: 2px;
  --border-width-md: 0.25rem;
  --border-width-hi: 0.5rem;
/**Border Radius**/
  --border-radius: 0.25rem;
  --radius-md: 5px;
/**Guides: Line**/
  --toggle-color: black;


}