.preview{
      height: 144px;
      width: 230px;
      
      margin-bottom:10px;
      border-radius: 10px;
    }
    
  a{
    text-decoration:none;
    color: #014d9f;
  }



/*------------------------------------------*/
/*  CONTENT BOX
/*------------------------------------------*/

.cbox-1,
.cbox-2,
.cbox-3 {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: stretch!important;
  justify-content: flex-start;
}

.cbox-5 {
  position: relative;
}

.cbox-5-content {
  background-color: #fff;
  border: 1px solid #f5f6f6;
  padding: 40px;
  margin: 0 12%;
  z-index: 1;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.cbox-5-content .divider {
  margin-top: 25px;
  margin-bottom: 25px;
}

#cb-6-1, #cb-6-2 {
  margin-bottom: 35px;
}

/*------------------------------------------*/
/*  CONTENT BOX TITLE
/*------------------------------------------*/ 

.box-title h6,
.box-title h5 {  
  display: inline-block;
  line-height: 2.35rem!important;
  margin-bottom: 15px;
}

.box-title span {   
  position: relative;
  top: 12px;
  margin-right: 10px;
}

.box-title span[class*="flaticon-"]:before,
.box-title span[class*="flaticon-"]:after {   
  font-size: 2.35rem;
}

.txt-block .cbox-5-title h2 {
  font-size: 3.5rem;
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 10px;
}

.cbox-5-title .statistic-number sup {
  font-size: 3rem;
  top: -5px;
  right: 6px;
}

.cbox-5-title .ico-15 [class*="flaticon-"]:before, 
.cbox-5-title .ico-15 [class*="flaticon-"]:after {
  font-size: 0.875rem;
  line-height: 1!important; 
}

.cbox-5-title p.p-lg {
  margin-bottom: 10px;
}

/*------------------------------------------*/
/*  CONTENT BOX ICON
/*------------------------------------------*/

.cbox-1 .ico-wrap { 
  margin-left: 8px; 
}

.cbox-1.ico-10 span {
  position: relative;
  top: 0;
  right: 7px;
}

.cbox-1.ico-15 span {
  position: relative;
  top: 1px;
  right: 8px;
}

.cbox-1.ico-10 [class*="flaticon-"]:before,
.cbox-1.ico-10 [class*="flaticon-"]:after {  
  font-size: 0.6rem;
}

.cbox-1.ico-15 [class*="flaticon-"]:before,
.cbox-1.ico-15 [class*="flaticon-"]:after {   
  font-size: 0.75rem;
}

/*------------------------------------------*/
/*  CBOX #2
/*------------------------------------------*/

.cbox-2 .ico-wrap {
  position: relative;
  margin-right: 1.625rem;
}

.cbox-2-ico {
  position: relative;
  width: 2.625rem;
  height: 2.625rem;
  text-align: center;
  border-radius: 100%;
  font-size: 1.1875rem;
  font-weight: 500;
  line-height: 2.375rem;
  border: 2px solid transparent;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out; 
}

.ct-03 .cbox-2-ico {
  position: relative;
  width: 2.35rem;
  height: 2.35rem;
  font-size: 1.15rem;
  line-height: 2.15rem;
}

.cbox-2-line {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 2px;
  background-color: #e4e4e4;
  height: calc(100% - 90px);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cbox-2:hover .cbox-2-ico {
  background-color: transparent;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; }
.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; }
.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; }

.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; }
.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; }
.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; }

.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; }
.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; }
.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; }

.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; }
.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; }
.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; }

.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; }
.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; }
.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; }

.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; }
.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; }
.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; }

.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; }
.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; }
.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; }

/*------------------------------------------*/
/*  CBOX #3
/*------------------------------------------*/

.cbox-3 .ico-wrap {
  position: relative;
  text-align: center;
  margin-top: 0;
  margin-right: 1.15rem;
}

.cbox-3 .cbox-3-ico {
  position: relative;
  top: 3px;
}

.cbox-3-ico span[class*="flaticon-"]:before,
.cbox-3-ico span[class*="flaticon-"]:after {  
  font-size: 2.85rem;
}

/*------------------------------------------*/
/*  CONTENT BOX TEXT
/*------------------------------------------*/

.cbox-1-txt,
.cbox-2-txt,
.cbox-3-txt {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
}

.cbox-2-txt,
.cbox-3-txt {
  margin-bottom: 35px;
}

.ct-03 .cbox-2-txt {
  margin-bottom: 30px;
}

.cbox-4-txt {
  margin-bottom: 25px;
}

.cbox-2:last-child .cbox-2-txt,
.cbox-3:last-child .cbox-3-txt,
.cbox-4:last-child .cbox-4-txt {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  CONTENT BOX FEATURE
/*------------------------------------------*/  

.cbox-5-fea {
  padding: 20px 25px;
  margin-top: 25px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.txt-block .cbox-5-fea h4 {
  line-height: 1;
  margin-bottom: 3px;
}

.cbox-5-fea p {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  CONTENT BOX TYPOGRAPHY
/*------------------------------------------*/

.cbox-2-txt h5,
.cbox-3-txt h5 {
  margin-bottom: 15px;
}

.ct-03 .cbox-2-txt h5 {
  margin-bottom: 10px;
}

.cbox-6 h6 {
  margin-bottom: 15px;
}

.cbox-1-txt p { 
  margin-bottom: 8px;
}

.cbox-1-last .cbox-1-txt p { 
  margin-bottom: 1rem;
}

.cbox-6 p,
.cbox-2-txt p,
.cbox-3-txt p,
.cbox-4-txt p {
  margin-bottom: 0;
}

.bc-6-txt {
  padding: 0 10px;
}

.bc-6-txt h5 {
  margin-bottom: 15px;
}