/*
  Flexible Box
  For Parent
  - display: flex => To Start Flexible Box
  - flex-direction: row => Default Value
  - flex-wrap: nowrap => Default Value
  - flex-flow: [Flex-Direction] + [Flex-Wrap]
  - justify-content: flex-start => Default Value
  - align-items: stretch => Default Value
  - align-content: stretch => Default Value
  For Child
  - flex-grow: 0 => Default Value
  - flex-shrink: 1 => Default Value
  - order: 0 => Default Value
  - flex-basis: auto => Default Value
  - flex: [Flex Grow] [Flex Shrink] [Flex Basis] 0 1 Auto
  - align-self: auto => Default Value
*/

body{ }

/*fill color product */
.product-zero{width:400px;margin:20px auto;box-shadow:0 0 10px #ddd;padding:20px;text-align:center;overflow:hidden}
.product-zero .number{background-color:#009688;color:#fff;width:60px;height:60px;border-radius:50%;margin:auto;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:26px;transition:.6s}
.product-zero h3{margin:15px 0;font-size:26px;transition:.6s}
.product-zero p{line-height:1.6;transition:.6s;font-size:18px}
.product-zero:hover .number{box-shadow:0 0 0 500px #009688}
.product-zero:hover h3,.product-zero:hover p{color:white}


/*fill color text */
.fill{margin:20px auto;text-align:center;font-weight:bold;font-size:70px;width:fit-content;-webkit-text-fill-color:white;-webkit-text-stroke:1px #333;position:relative}
.fill:before{content:attr(data-text);position:absolute;left:0;top:0;-webkit-text-fill-color:#ff5722;transition:.5s;width:0;overflow:hidden}
.fill:hover:before{width:100%}



@media (min-width: 1200px){
.container {
    max-width: 1150px !important;
}
}



.nav-handle {

  right: 10px !important;

}




.sq120 {
    width: 8.8rem !important;
    height: 8.9rem;
}



.enfont1{   font-family: 'Ubuntu', sans-serif;}
.enfont2{   font-family: 'Muli', sans-serif;}
.enfont3{   font-family: 'Anton', sans-serif;}
.enfont4{   font-family: 'Nanum Gothic', sans-serif;}
.enfont5{   font-family: 'Fira Sans', sans-serif;}
.enfont6{   font-family: 'Nunito', sans-serif;}
.enfont7{   font-family: 'Noto Serif', serif;}
.enfont8{   font-family: 'PT Sans Narrow', sans-serif;}
.enfont9{   font-family: 'Arimo', sans-serif;}
.enfont10{  font-family: 'Open Sans Condensed', sans-serif;}
.enfont11{   font-family: 'Open Sans', sans-serif;}
.enfont12{    font-family: 'Sunflower', sans-serif;}
.enfont13{   font-family: 'Roboto', sans-serif;}
.enfont14{  font-family: 'Cabin', sans-serif;}
.enfont15{  font-family: 'Hind', sans-serif;}
.enfont16{  font-family: 'Fjalla One', sans-serif;}
.enfont17{  font-family: 'Black Han Sans', sans-serif;}