

/* header-sec */


.header-sec { width:100%; background:#fff; box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); margin:25px 0; display:flex;
justify-content:space-between; align-items: center;  }


.header-sec .site-logo { padding:18px 0; }

.head-social { list-style:none; display:flex; }
.head-social li { list-style:none; padding:6px; }
.head-social li a  { width:44px; height:44px; color:#fff; line-height:45px; display:block; font-weight:400; font-size:22px; 
background:#1f2d85; text-align: center; border-radius:50%; transition: all .5s ease-out;  }
.head-social li a:hover  { background:#e84e85; transition: all .5s ease-out; }

.header-sec .nav-bar { width:100%; background:#01b400; align-items:center; text-align:center; color:#fff; display:block;
width:106px; height:106px; display: flex; justify-content: center; transition: all .5s ease-out; }
.header-sec .nav-bar:hover { background:#1f2d85; transition: all .5s ease-out; }

/* footer-sec */

.footer-sec { width:100%; border-top:1px solid #aeaeb0; padding:20px 0; color:#1a266e; text-transform:uppercase; 
font-size:18px; font-weight:500; text-align:center; }

.footer-sec ul.foot-nav { display:flex;}
.footer-sec ul.foot-nav li { margin:0; padding:0 12px; }
.footer-sec ul.foot-nav li a { color:#1a266e; transition: all .5s ease-out; }
.footer-sec ul.foot-nav li a:hover { color:#01b400; transition: all .5s ease-out; }

/* body-bottom-form-sec */

.body-b-form-sec { background:#01b400; padding:40px 24px; }
.body-b-form-sec .container > div { padding:0 12px; }

/* banner-top-sec */

.banner-top-sec {  }

/* body-sec-01 */

.article-sec {  }
.article-sec p { margin-bottom:10px; }


/* body-sec-02 */


.table-con { width:100%; }
.table-con .cus-row { width:100%; display:flex; justify-content: space-between; }
.table-con .cus-row .cus-col {  padding:0; width:33.33%; margin-bottom:9px; padding-right:calc(var(--bs-gutter-x)/ 2); 
    padding-left:calc(var(--bs-gutter-x)/ 2); }
.table-con .cus-row .cus-col .bl-cur-con, .table-con .cus-row .cus-col-2 .bl-cur-con { padding:6px; background:#2b3991; color:#fff; 
    font-weight:700; font-size:14px; text-align:center; border-radius:15px; word-break:break-all;  }
.table-con .cus-row .cus-col-2 {  padding:0; width:100%; margin-bottom:9px; padding-right:calc(var(--bs-gutter-x)/ 2); 
    padding-left:calc(var(--bs-gutter-x)/ 2); }
.table-con .cus-row .cus-col-2 .bl-cur-con span { font-weight:400; }

.blue-box-sec .top-head-sec { margin-bottom:20px; }
.blue-box-sec .top-head-sec .cus-row2 { width:100%; display:flex; justify-content:space-between; align-items:center; }
.blue-box-sec .top-head-sec .cus-row2 >* { padding-right:calc(var(--bs-gutter-x)/ 2);  padding-left:calc(var(--bs-gutter-x)/ 2); }
.blue-box-sec .top-head-sec .cus-row2

.blue-box-sec .top-head-sec .cus-row2 .col-01 {  }
.blue-box-sec .top-head-sec .cus-row2 .col-02 {  }
.blue-box-sec .top-head-sec .cus-row2 .col-01 .caption-sec { color:#fff; line-height:normal; display:block; font-weight:700; 
 font-size:20px; }
.blue-box-sec .top-head-sec .cus-row2 .col-01 .date { color:#98a7ff; line-height:20px; font-weight:400; font-size:15px;
font-style: normal; }
.blue-box-sec .top-head-sec .cus-row2 .col-03 .link {  padding:15px; color:#fff; line-height:20px; display:block; font-weight:700; 
font-size:16px; border-radius:15px; background:#00b400; text-align:center; text-transform: uppercase; transition: all .5s ease-out;
word-break: break-all; }
.blue-box-sec .top-head-sec .cus-row2 .col-03 .link.pink { background: #e84e85; transition: all .5s ease-out; }
.blue-box-sec .top-head-sec .cus-row2 .col-03 a.link:hover, .blue-box-sec .top-head-sec .cus-row2 .col-03 a.link.pink 
{ background:#3040a2; transition: all .5s ease-out; }

.blue-box-sec .top-head-sec .cus-row2 .col-02 .share-icon { width:42px; height:42px; color:#fff; line-height:42px; 
display:block; font-weight:400; font-size:23px; background:#e84e85; text-align: center; border-radius:50%; 
transition: all .5s ease-out;  }
.blue-box-sec .top-head-sec .cus-row2 .col-02 .share-icon:hover  { background:#3040a2; transition: all .5s ease-out; }

.slicknav_nav li { padding-top:10px; padding-bottom:10px; }
.slicknav_nav li.active a  { color:#e84e85; }