a:link,
a:visited {
    text-decoration: none;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

body {
    
    color: #2B2D3B;
    font-size: 18px;
    background: #FEF4E6;
    
    font-family: "Inter", sans-serif;
    font-style: normal;
    

}

a, .nav-link {
    color: #3D0006;
}

a:hover, a:active, .nav-link:focus, .nav-link:hover{
    color: #7C000D;
}
.text-neutral-01{
    color: #511A20;
}
.text-neutral-02{
    color: #643338;
}
#scroll-fix-top {
    width: 100%;
}

#scroll-fix-top.fixed {
    opacity: 0.95;
}

.text-gradient{
    background: #73010D;
    background: linear-gradient(90deg,rgba(115, 1, 13, 1) 17%, rgba(132, 4, 17, 1) 35%, rgba(189, 0, 20, 1) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent; 
}
.btn-gradient, .btn-gradient:hover{
    background-image: linear-gradient(to right, #73010D, #BD0014);
    color: #fff;
    border: none;
    font-weight: 500;
}
.t-yell{
    color: #DA7C07;
}
.t-red{
    color: #BD0014;
}
.text-dark{
    color: #2B2D3B !important;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
hr{
    opacity: .15 !important;
}
.text-justify{
    text-align: justify !important;
}
.text-tag{
    color: #989BB3;
}
@media (min-width:1680px) {
    .container-xxxl{
        max-width: 1600px;
        
    }
}
.container-xxxl{
    --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
}
.navbar-toggler{
    width: 40px;
    height: 40px;
    padding: 0;
}
/**/
#about{
    padding-top: 145px;
    padding-bottom: 160px;
}
#legal{
    padding-top: 100px;
    padding-bottom: 200px;
}
/*header=================================*/

#header {
    border: none;
    z-index: 9999;
   
    background-color: #FEF7E6;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.navbar-brand {
    padding: 20px 0px;
    position: absolute;
    top: 0;
}
.nav-link, #navbars .dropdown-toggle{
    font-weight: 500;
    color: #3D0006;
}
.nav-link:hover, .navbar-nav .active a{
    color: #93101D;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    webkit-overflow-scrolling: touch;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    moz-box-shadow: none;
    float: right
}
header .text-end .btn, #navbars .btn{
    background-color: #BD0014;
    color: #fff;
}
#navbars .dropdown-menu{
    width: 230px;
    border: none;
    background-color: #FFFCF5;
}
#navbars .dropdown-menu .nav-link{
    padding: 12px 24px;
    font-weight: 500;
    font-size: 16px;
}
.dropdown-toggle[aria-expanded="true"]{
    color: #7C000D !important;
}
.dropdown-toggle{
    font-weight: 600;
}
#navbrand{
    padding-right: 24px;
    
}
#navbrand:after, .order-lg-last .d-none::before{
     content: "";
    height: 32px;
    top: 50%;
    margin-top: -16px;
    position: absolute;
}
#navbrand:after{right: 0;
    border-right: 1px solid #D8CCCD;
}
.order-lg-last .d-none{
    padding-left: 24px;
}
.order-lg-last .d-none::before{
    left: 0;
    border-left: 1px solid #D8CCCD;
}
/**/
#hero{
    background: url(../imgs/bg_hero.png) no-repeat 50% 0%;
    background-size: 100% auto;
}
#hero .text{
    background-color: rgba(255, 255, 255, 0.5);
    border:2px solid  rgba(255, 255, 255, 0.85);
    
}

#visits{
    color: #3D0006;
    font-size: 12px;
    font-weight: 500;
}
#visits label{
    font-weight: 600;
    margin-right: 8px;
}
#visits span{
    display: inline-block;
    margin-left: 4px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    background-color: rgba(255, 255, 255, 0.5);
    border:1px solid  rgba(255, 255, 255, 1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#visits span:nth-last-child(3n){
    margin-left: 8px;
}
/**/
.bg01{
    background: #FEF5E9 url(../imgs/bg_01.png) no-repeat 50% 0;
    
}
#about{
    background: url(../imgs/bg-about.png) no-repeat 50% 0;
}
#about .note .ps-4{   
    border-left-width: 4px;
    border-left-style: solid;
    border-image:  linear-gradient( to bottom,  #E0881A, #F1C58E) 1 100%;

}
#about .t-yell{
    font-size: 40px;
}
#about .note .text-neutral-02{
    font-size: 20px;
}
/**/
#legal .inner, #commit .p-5{
    background: #FFFFFF;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.02) 70%);
    
}
/**/
#features{
    
    background-color: #FDDFBA;
    background: linear-gradient(180deg,rgba(253, 223, 186, 1) 0%, rgba(255, 243, 228, 1) 100%);
}
#features .bg{
    padding-top: 80px;
    padding-bottom: 25px;
    background-image: url(../imgs/bg-about.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
#features .img{
    margin-left: -180px;
}
#features .inner, #technology .inner{
    height: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    padding: 32px;
}

.small{
    font-size: 16px !important;
}
/**/
#benefit{
    padding-top: 168px;
    padding-bottom: 150px;
}
#benefit .inner{
    background: #FFFFFF;
    height: 100%;
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.39) 75%);
}
#benefit .text{
    height: 100%;
    padding: 28px 32px;
}
#benefit .text.nhanuoc li:nth-last-child(1), #benefit .text.nhanuoc li:nth-last-child(2), #benefit .text.doanhnghiep li:nth-last-child(1), #benefit .text.doanhnghiep li:nth-last-child(2){
    width: 350px;
}
#benefit li{
    margin-bottom: 16px;
    list-style: none;
    padding-left: 28px;
    background: url(../imgs/icon_tick.svg) no-repeat 0 50%;
}


#benefit .text.nhanuoc{
   
    background: url(../imgs/nhanuoc.png) no-repeat 100% 100%;
}
#benefit .text.doanhnghiep{
    background: url(../imgs/doanhnghiep.png) no-repeat 100% 100%;
}
#benefit .text.nld{
    background: url(../imgs/nguoilaodong.png) no-repeat 100% 100%;
}
/**/
#business .rounded-5, #footer{
    background: #6D3E03;
    background: linear-gradient(90deg,rgba(109, 62, 3, 1) 0%, rgba(164, 93, 5, 1) 100%);
}
#business .rounded-5 .inner{
    padding: 80px 85px;
    background: url(../imgs/bg-circle-step.png) no-repeat 100% 100%;
    background-size: 50% auto;
}

#business ol{
    margin-left: 40px;
    padding: 0;
   
    list-style: none;
}
#business li{
    padding-bottom: 50px;
    position: relative;
}
#business li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    bottom: 0;
    border-left: 2px dashed #F8971E;
}
#business li:last-child::before{
    border: none;
}
#business li:last-child{
    padding-bottom: 0;
}
#business li .h1{
    color: #FCDEA6;
    
    text-shadow: 0px 10px 15px #C67511;
}
#business li{
    
    position: relative;
    padding-left: 60px;
}

#business li .number {
    width: 80px;
    height: 80px;
    color: #DA7C07;
    font-size: 32px;
    line-height: 80px;
    text-align: center;
    display: block;
    font-weight: bold;
    position: absolute;
    left: -40px;
    background: url(../imgs/bg_step-number.png) no-repeat 50% 50%;
  }
.bg_all{
    background: url(../imgs/bg_technology.png) no-repeat 50% -150px;
}
#technology{
    padding-top: 180px;
    padding-bottom: 220px;
}
#commit{
    padding-bottom: 170px;
}
#commit .col .number{
    font-size: 48px;
    color: #BD0014;
}
#commit .col .inner{
    padding-left: 32px;
    border-left-width: 4px;
    border-left-style: solid;
    border-image: linear-gradient( to bottom, #BD0014, #F9BCC2) 1 100%;
}
#commit .container-xxxl{
    background: url(../imgs/commit-lable.png) no-repeat 100% 0;
}
/**/
footer .inner{
    color: #fff;
    background: url(../imgs/trongdong.png) no-repeat 50% 50%;
}
footer .inner a, footer address{
    color: #FCDEA6;
    
}
footer address p{
    font-size: 14px;
}
footer .inner li{
    margin-bottom: .5rem;
    list-style: none;
}
#copyright{
    font-size: 14px;
    color: #F5F2F2;
}
/**/
#cover{
    color: #fff;
    padding-top: 160px;
    padding-bottom: 270px;
    z-index: 3;
    background: url(../imgs/bg_cover.png) no-repeat 50% 50%;
}
#cover .fw-bold{
    font-size: 48px;
}
#news{
    padding-bottom: 260px;
    z-index: 9;
    position: relative;
    
    background: url(../imgs/bg_01.png) no-repeat 50% 130px;
    background-color: transparent;
}
#news .inner{
    background-color: #FFFCF5; 
    padding: 48px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    margin-top: -130px;
}
#news img{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.readmore{
    color: #DA7C07;
    font-weight: 500;
    font-size: 20px;
    padding-right: 32px;
    background: url(../imgs/arrow-readmore.svg) no-repeat 100% 50%;
}
.listnews{
    margin: 0 0 0 10px;
    padding: 0;
}
.listnews li{
    border-bottom: 1px solid #D8CCCD;
    list-style-type: none;
    padding: 24px 12px;
}
.listnews li:last-child{
    border: none;
}
.listnews li .h5{
    font-weight: 600;
}
/**/
#newsdetail{
    padding: 70px 0;
    background-color: #FFFBF6;
    text-align: justify;
}
#newsdetail .h1{
    font-size: 48px;

}
#newsdetail .article{
    padding-right: 30px;
}
.newsInfo{
    font-size: 16px;
    color: #4C4F67;
}
.datepost, .views{
    padding-left: 28px;
        color: #4C4F67 !important;
}
.datepost{
    background: url(../imgs/icon_calendar.svg) no-repeat 0 50%;
}
.views{
    background: url(../imgs/icon_eye.svg) no-repeat 0 50%;
}
.newsInfo >div{
    margin-right: 24px;
    padding-right: 24px;
    
    position: relative;
}
.newsInfo > div::after{
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: 4px;
    border-right: 1px solid #C4C6D4;
}
.newsInfo div.views::after{
    border: none;
    margin-right: 0;
    padding-right: 0;
    display: none;
}
figcaption{
    color: #6C7093;
    font-size: 14px;
    margin-top: 16px;
    font-style: italic;
}
.tags .badge{
    color: #2B2D3B;
    font-size: 14px;
    font-weight: 400;
    background-color: #F0F1F4;
}
.newsOther .inner{
    padding: 12px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    color: #2B2D3B;
    text-decoration: none;
}
.newsOther .inner:hover{
    background-color: #FEEFD2;
}
.newsOther .inner .h5{
    color: #16161D;
}
.latest li{
    list-style: none;
    margin-bottom: 8px;
    
}
.latest li a{
    padding: 8px;
    display: flex;
    color: #16161D;
}
.latest li .thumb{
    flex: 0 0 140px;
    margin-right: 16px;
}
.latest li .datepost{
    font-size: 14px;
    margin-bottom: 8px;
    padding-left: 24px;
    background-size: 20px;
}
.cta{
    padding: 12px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
.cta .inner{
    padding: 20px;
    color: #000D49;
    background-color: #FEEFD2;
    
}
.cta .inner .name{
    font-size: 18px;
}
.cta img{
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
}
.cta .inner{
    -webkit-border-radius: 0 0 12px 12px;
    -moz-border-radius:0 0 12px 12px;
    border-radius: 10 0 12px 12px;
}
.cta .inner .mb-4{
    font-size: 14px;
}
/**/
#contact{
    padding: 86px 0 110px 0;
    background: url(../imgs/bg_contact.png) no-repeat 50% 0;
}
.contactForm{
    background-color: #fff;
    padding: 40px 64px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
.contactForm .form-control{
    border-color: #ECE5E6;
    padding: 11px 12px;
}
.contactForm .form-label{
    font-size: 12px;
}
.contactForm .btn{
    
    width: 250px;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    
}
.btn.submit, .contactForm .btn{
    background-color: #BD0014;
    color: #fff;
}
#contact .text-gradient{
    font-size: 54px;
    line-height: 70px
}
#contact address{
    color: #7C000D;
}
.bg-gradient-top{
    background-image: url(../imgs/bg_gradient-top.png);
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-color: #FEF8F0;
}
.title .h1{
    font-size: 54px;
}
#eContract, #documents{
     padding-top: 150px;
    padding-bottom: 70px;
}
#documents{
   
    background: url(../imgs/bg_tailieu.png) no-repeat 50% 0;
}
#search{
    
    padding: 40px;
    
}
#search, #documentList .inner, .eContractList{
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
#search .btn.submit{
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}
#search .form-control{
    position: relative;
    padding-left: 52px;
    color: #B1999B;
    background: url(../imgs/icon_search.svg) no-repeat 16px 50%;
}
#tabs .nav-item{
    margin-right: 8px;
}
#tabs .nav-link{
    background-color: #FFFFFF;
    border: 1px solid #ECE5E6;
    color: #8B666A;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-weight: 500;
    padding: 10px 24px;
    min-width: 160px;
    text-align: center;
}
#tabs .nav-link.active{
    color: #fff;
    background-color: #DA7C07;
    border-color: #DA7C07;
}
#documentList .inner{
    padding: 20px 32px 20px 20px;
}
#documentList .inner .flex-fill{
    padding: 0 12px;
}
#documentList .inner .info{
    font-size: 14px;
}
#documentList .inner .info .mx-4{
    color: #C4C6D4;
}
#eContract{
    background: url(../imgs/bg_ncc.png) no-repeat 50% 0;
}
.eContractList{
    padding: 16px;
    font-size: 16px;
    overflow-y: auto;
}
.eContractList th, .eContractList td{
    padding: 12px;
}
.eContractList thead th{
    color: #fff;
    font-size: 500;
    background-color: #DA7C07;
    
}
.eContractList thead th:first-child, .eContractList tbody td:first-child{
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.eContractList thead th:last-child, .eContractList  tbody td:last-child{
    -webkit-border-radius:  0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.eContractList td a{
    color: #7C000D;
    text-decoration: underline;
}
.eContractList tbody tr:nth-child(2n) td{
    background-color: #FEF7E6;
}
.eContractList table{
    min-width: 860px;
    margin: 0;
}

/**/

.pagination > li > a, .pagination > li > span{
	margin:0 4px;
	width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
	color:#511A20;
	outline:none;
	font-size: 16px;
    border-color: #E2E2E9;
	-moz-border-radius:10px !important;
	-webkit-border-radius:10px!important;
	-o-border-radius:10px!important;
	border-radius:10px!important;
	}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .pagination > li.active > a{
	background:#6D3E03;
	color:#fff;
	border-color: #6D3E03;
	}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{
    border: none;
    background: transparent;
}
#breadcrumb{
    padding: 12px 0;
    color: #3D0006;
    background-color: #FEEFD2;

}
.breadcrumb-item + .breadcrumb-item::before{
	content:url(../imgs/DoubleRight1.svg);
    margin-top: 3px;
    height: 24px;
	
}
.breadcrumb a, .breadcrumb .active{
	color: #3D0006;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;

}
/*owl-carousel*/
.carousel-control-next{
	justify-content: end;
}
.carousel-control-prev{
	justify-content: start;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
	width: 3rem;
	height: 3rem;
	border: 1px solid #166BE8;
	background-color: rgba(0,0,0,0.3);
	background-size: 2rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	fill: #000;
	background-size: 24px;
}
.owl-carousel, .courselist-item{}
.owl-carousel.owl-loaded, .courselist-item.owl-loaded, .testsetlist-item.owl-loaded{
  display: block;
  position:relative;
  
}
.owl-carousel .owl-stage-outer, .courselist-item .owl-stage-outer, .testsetlist-item .owl-stage-outer{
  position: relative;
  overflow:hidden;
  padding-bottom: 1.5rem;
  -moz-transform: translate3d(0px,0,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate3d(0px,0,0);
}
.owl-carousel .owl-item, .courselist-item .owl-item, .testsetlist-item .owl-item{
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .item, .courselist-item .item, .testsetlist-item .item{
	padding:0 10px;
    height: 340px;
	}
.owl-carousel .item .inner, .courselist-item .item .inner{
	background:#fff;
	}
.owl-theme .owl-controls {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
.owl-prev, .owl-next{
	top:50%;
    margin-top: -37px;
	width:56px;
	height:56px;
	position:absolute;
	text-indent:-1000em;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
.owl-prev{
	left:-20px;
    background: url(../imgs/icon_prev.svg) no-repeat 50% 50%;
}
.owl-next{
	right:-20px;
    background: url(../imgs/icon_next.svg) no-repeat 50% 50%;
}
.owl-dots{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
}
.owl-dots .owl-dot{
	width: 12px;
	height: 12px;
	background: #ccc;
	margin: 0 .25rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.owl-dots .owl-dot.active{background:#A61D37}
.courselist-item .owl-dots, .testsetlist-item .owl-dots{
	display: none;
}

/**/



/**/
img{
    max-width: 100%;
}
@media (max-width: 1600px){
    #navbrand,.order-lg-last .d-none{
        padding-right: 0;
        padding-left: 0;
    }
    #navbrand::after, .order-lg-last .d-none::before{
        display: none;
    }
    .nav-link.px-3{
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }
    header .text-end .btn, #navbars .btn{
        padding-right: .75rem !important;
        padding-left: .75rem !important;
    }
    #navbrand img{
        max-width: 300px;
    }
}
@media (max-width:1336px) {
    #commit .container-xxxl{
        background-size: 150px auto;
    }
    .navbar-expand-lg .navbar-toggler{
        display: block;
    }
    #navbars{
        flex-wrap: wrap;
        align-content: start;
    }
    
    #navbars.show .navbar-toggler{
        display: block !important;
    }
    .owl-prev{
        left: 0;
    }
    .owl-next{
        right: 0;
    }
}
@media (max-width: 1199px) {
	.container{
		max-width: 100% !important;
	}
.navbar-expand-lg .navbar-nav {
    flex-direction: column;
    width: 100%;
    }
	#navbars, #navbars::before{
		transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		position: fixed;
		top: 0;
		bottom: 0;
	}
	#navbars{
		
		background:#fff ;
		left: -270px;
		width: 260px;
		
		z-index: 9999;
		
	}
	#navbars.show{
		left: 00px;
	}
	#navbars::before{
		content: "";
		background-color: rgba(0,0,0,.8);
		left: 00px;
		right:100%;
		z-index: 999;
	}
	#navbars.show::before{
		left: 260px;
        right: 0;
	}
	#navbars .navbar-toggler{
		color: #A61D37;
		position: fixed;
		left: 260px;
		top: 10px;
		border: 0;
        z-index: 999999;

	}
    
    #navbrand:after{
        display: none;
    }
    .contactForm{
        padding: 24px;
    }
    .newsOther .inner{
        padding: 0;
    }

}

@media (max-width:768px) {
    #header, #header .affix {
        min-height: 56px;
    }
    #hero .h1{
        font-size: 30px;
    }
    #business .rounded-5 .inner{
        
        background: transparent;
        padding: 20px;
    }
    #hero{
        background-size:auto  100% ;
    }
    #commit .col .number{
        font-size: 32px;
    }
    #newsdetail .h1{
        font-size: 24px;
    }
    #shareArticle{
        display: flex;
    }
    #newsdetail .article {
    padding-right: 0;
    }
    #search {
        padding: 16px;
    }
    #search .form-control{
        padding-top: 13px;
        padding-bottom: 13px;
        width: 100%;
        margin-bottom: .75rem;
        margin-right: 0 !important;
    }
    
    
}