﻿/*#region reset*/
@media(min-width:1366px) {
    .container-xl {
        max-width: 1300px
    }
}
body {color: #333;}
.primary-color{ color: #252f3f !important;}
.primary-background{ background: #252f3f !important;}
.search-group{max-width:200px}
.search-group .form-control{border-right-width: 0;border-radius: 10px 0 0 10px;border-color: transparent;background: #f2f2f2;padding: .25rem .75rem;height: auto;font-size:0.75rem}
.search-group .btn {border: 1px solid transparent;border-left-width: 0;border-radius: 0 10px 10px 0;color: #fff;background: #e76e00;padding: .25rem .5rem;}
.form-feedback label {font-weight: 400;text-transform: uppercase;font-size: 0.75rem;}
.web-language li {list-style:none;padding-right:10px;}
.web-language {margin:0;width: 100%;}
.banner-nav{ padding-top: 130px;padding-bottom: 130px;}
.banner-nav .title{ font-weight: 600;}
.side-share{bottom:100px}
.swiper-slide-child{}
/*#region banner*/
/*#endregion*/
.header{ top: 0;}
.top-bar{ padding:6px 0;color:#fff;}
.top-bar a{color:#fff}
.top-bar .icon{ margin-right: 0.25rem;}
.header{ background: #fff;overflow: visible;top: 0;z-index:2}
.navbar-custom{top: 0;z-index: 10; border-bottom: 1px solid #eee;}
.navbar-custom .navbar-nav{  }
.navbar-custom .navbar-nav .nav-link {font-size:16px; padding: 1rem 2rem;text-align: center;text-transform: uppercase;font-weight: 600;position: relative;}
.navbar-custom  .nav-link:before{content: "/";color: #1367AF;left: 0;position: absolute;}
.navbar-custom .navbar-nav .nav-item:first-child .nav-link:before{ display: none;}
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus {color: #e76e00}
.navbar-custom .navbar-nav .nav-link.disabled {color: rgba(0, 0, 0, 0.3);}
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.active {color: #e76e00}
.navbar-custom .navbar-nav .dropdown-item{ padding: 0.75rem 1.25rem;}
.navbar-custom .navbar-nav .dropdown-item:hover{ color: #e76e00}
.navbar-brand img {margin:auto;}
.form-control:focus {border-color: #252f3f;}

@media(max-width:992px) {
    .navbar-custom .navbar-nav{background: rgba(255, 255, 255,0.95);}
    .navbar-custom .navbar-nav .nav-link{ padding: 0.75rem 1rem;}
    .navbar-custom .navbar-nav .nav-link:before{ content: none;}
    .navbar-custom .navbar-nav .dropdown-menu{ background: transparent;}
   .navbar-custom .navbar-nav .dropdown-item{ padding: 0.875rem 1.5rem;text-align: center;}
}
@media(max-width:576px) {
    .navbar-nav{border-top:1px solid #f2f2f2}
    .navbar-brand{ padding: 12px 0px; }
    .navbar-brand>.img-fluid{ max-width: 260px;max-height: 50px;margin:0;}
}
/*#endregion*/
.inner-content{ background: rgba(0, 0, 0, 0.1);padding: 2rem;border-radius: 1rem;text-align: left;color: #1367AF;font-size: 1rem;}
@media(max-width: 576px) {
    .banner-text{ display: none;}
}
.banner .overlay{background: rgba(0,0,0,.3);}
.banner-nav .title{ text-transform: uppercase;}

.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border: 1px solid #e9eef4;margin-bottom:30px}
.layout-wrapper h5{ font-size: 1.5rem;margin-bottom: 1.25rem;color:#252f3f}
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}
#region collapse menu
.menu-collapse{/*border-radius: 6px 6px 0 0;border: 1px solid #e7e7e7*/}
.menu-collapse .collapse-title{padding: 1rem;font-weight: 500;text-transform: uppercase;background:  #e76e00;margin-bottom: 5px;}
.menu-collapse .collapse-title h5{ font-size: 1.25rem;font-weight: 500;color: #fff;}
.menu-collapse .collapse-title .navbar-toggler{color: #fff;}
.menu-collapse .menu-link{ transition: background-color ease 0.4s;background: #F7F7F7;color: #666;padding: 1rem;margin-bottom: 2px;}
.menu-collapse .menu-link:before{ content: "●";font-size:0.75rem;margin-right: 8px;}
.menu-collapse .menu-link:hover{ background: #e76e00;color: #fff;}
.menu-collapse  .drop{ top: 10px;}

.menu-collapse .menu-link.active{background: #e76e00;color: #fff;}
.menu-collapse ul ul .menu-link{padding: 16px 16px 16px 30px;}


.menu-collapse  .drop{ }

#endregion
/*#region horizontal menu*/
.menu-horizontal .nav-item{margin: 0 0.25rem;}
.menu-horizontal .nav-link{ padding: 0.875rem 1rem;background: #f2f2f2;border-radius: 0;color: #444;font-size:2rem}
.menu-horizontal .nav-link.active{ background: #E20001;color: #fff;}
.menu-horizontal-child {background: #f2f2f2;}
@media(max-width:768px) {
    .menu-horizontal .nav-item{ margin: 0;}
    .menu-horizontal-child{ justify-content: left;}
    .menu-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}
/*#endregion*/
.side-wrapper{ background: #F5F5F5;padding: 25px 20px;margin-bottom: 1.5rem;}
.side-wrapper .title{ margin-bottom: 1rem;font-size: 1rem;font-weight: 600;color: #1f365c;text-transform: uppercase}
.media-article{ margin-top: 1.25rem;}
.media-article img{ max-width: 60px;margin-right: 12px;}
.media-article .post-title{ font-size: 0.875rem;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-article .post-title a{ transition: color ease 0.2s;}
.media-article .post-title a:hover{color:#C42729}
.media-article time{ font-size: 0.75rem;color:#8c95a2}
.side-wrapper .product-col .card-title{ padding: 0.5rem 0.25rem;font-size: 0.75rem;}
.side-wrapper .product-col .card-thumb{ border: 1px solid #fff;}
@media(max-width:992px) {
    .side-wrapper{ padding: 25px 20px;}
    .media-article img{max-width:90px}
}
/*#region page-title*/
.page-title{padding: 1rem 0;background: #F7F7F7 no-repeat center center;background-size: cover;line-height: 1;}
.page-title .container-xl{ display: -ms-flexbox;display: flex;justify-content:space-between}
.page-title .title{margin-bottom: 0;font-size: 1.5rem;font-weight: 300;text-align: center;align-self: center;}
.page-title .breadcrumb{ justify-content: center;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
.page-main-title{ font-size: 1.75rem;padding: 0.75rem 0;margin-bottom: 1.5rem;font-weight: 600;border-bottom: 1px solid #eee;padding-left: 0.5rem;}
.page-sub-title{position: relative;padding: 0.5rem 0;font-size: 1.25rem;margin-bottom: 20px;font-weight: 500;font-size: 1.5rem;}
@media(max-width:768px) {
    .page-title{padding:0.875rem 0}
    .page-title .container-xl{ flex-direction: column}
    .page-title .title{font-size: 1.25rem;margin-bottom: 0.5rem;}
    .page-title .breadcrumb:before{ display: none;margin-right: 0;}
    .page-main-title{ font-size: 1.25rem;}
}
/*#endregion*/
/*#region sort*/
.sort-box{ display: flex;display: -ms-flexbox;margin-bottom: 1rem;border: 1px solid #f2f2f2;background: #f6f6f6;}
.sort-box a{ display: flex;display: -ms-flexbox;padding: 8px 12px;align-items: center;border-right: 1px solid #f2f2f2;font-size:12px}
.sort-box a:hover{ background: #f8f8f8;transition: all 0.2s ease;}
.sort-box a>.icon{ padding: 0 0 0 5px;color: #999;}
.sort-box a.active{ color: #dd0804;background: #f2f2f2;}
.sort-box a.active>.icon{color:#dd0804}
/*#endregion*/
/*page*/
.nav-page-wrapper {display: -ms-flexbox;display: flex;justify-content: center;margin-top: 2rem;}
.nav-page-wrapper a {background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}
.nav-page-wrapper a:last-child{ margin-right: 0;}
/*#endregion*/
/*#region*/
.form-feedback .btn{color: #777;color: #fff;background:#c82333}
/*.breadcrumb{ margin-bottom: 0;padding-left: 0;padding-right: 0;font-size:0.875rem}*/
.main-container{ padding-top: 50px;padding-bottom: 50px;}
@media(max-width:768px) {
    .main-container{ padding-top: 30px;padding-bottom: 30px;}
}

/*#endregion*/
/*#region product list style*/
.product-row{display: block;margin-bottom: 2rem;}
.product-row .card-thumb{border: 1px solid #9F9F9E;padding: 3px;}
.product-row .card-body{padding: 0rem 1.25rem;}
.product-row .card-title{margin-bottom: 0.75rem;font-size: 1.5rem;font-weight: 300}
.product-row .card-text{ font-size: 0.875rem;}
.product-row time{ display: block;font-size:1.5rem;font-weight: 600;}
.product-row .more{ display: block;align-items: end;justify-content: flex-end}
.product-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .product-row .card-body{ padding: 1.25rem 0 0;}
}

.product-col{ margin-bottom: 1.25rem;}
.product-col .card{height: 100%;background: #fff;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);transition: all ease 0.4s;}
.product-col .card:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);}
.product-col .card-title {text-align: center;flex-grow: 1;font-size: 14px;font-weight: 500;margin: 0;padding: 0.75rem 0.5rem;}
.product-col .card-title a {color: #1F365C;transition: all ease 0.2s;}
.product-col .card-title a:hover{color:#e76e00}
/*.product-col .card-thumb{border: 2px solid #eee;}*/
.product-col .card-body{ font-size: 0.75rem;padding: 0.75rem;flex-grow: 0;}
/*#endregion*/
/*#region article list style*/
.article-row{ margin-bottom: 2rem;}
.article-row .card-body{ padding: 0 0 0 16px ;}
.article-row .order-md-0 .card-body{ padding: 0 16px 0 0;}
.article-row .title{font-size: 1.25rem;font-weight: 400;margin-bottom: 0.75rem;}
.article-row .title a{ color: #1F365C;transition: color 0.2s ease;font-weight: 500;}
.article-row .title a:hover{color:#C42829}
.article-row p{ padding: 15px 0;margin-bottom: 0;color: #666;border-top: 1px solid #ececec;line-height: 1.7}
.article-row .card-text{ font-size: 1rem;}
.article-row time{ display: block;font-size:1em;margin-bottom: 1rem;}
.article-row time span{ font-size: 1.5rem;font-weight: 500;color:#db261b}
.article-row .more{ display: block;align-items: end;justify-content: flex-end}
.article-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .article-row .card-body{ padding: 1.25rem 0 0;}
    .article-row h3{ font-size: 1rem;}
}

.article-col{ margin-bottom: 1.25rem;}
.article-col .card{height: 100%;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.article-col .card-body{ flex-grow: 1;padding: 15px 15px;}
.article-col .card-title{font-size: 0.875rem;font-weight: 400;margin: 0;padding: 0.5rem 0rem;color: #0c2e60;transition: all ease 0.2s;}
.article-col .card-title:hover{color:#ef470d}
.article-col time {display: block;font-size: 0.75rem;color: #83868c;text-transform: uppercase;}

/*#endregion*/
/*#region img list style*/
.img-col{ margin-bottom: 1.25rem;}
.img-col .card{border: 1px solid #ccc;height: 100%;}
.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;background: #EEE;text-align: center;}

.cert-row{ margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid #5E5A59;}
.cert-row .card-body{ padding: 0 1.25rem;}
.cert-row .card-thumb{background: #EEEEEE;padding: 1rem;text-align: center}
.cert-row .card-title{ font-weight: 600;font-size: 1.5rem;}
.cert-row:hover{color:#274373}

@media(max-width:576px) {
    .cert-row .card-body{ padding: 1.25rem 0rem;}
    .cert-row .card-title{ font-size: 1.25rem;}
}

.cert-col{ margin-bottom: 1.25rem;}
.cert-col .card{ height: 100%;}
.cert-col .card-thumb{border: 1px solid #bbb;}
.cert-col .card-title{display: -ms-flexbox;display: flex;justify-content: center;align-items: center;flex-grow: 1;margin: 0;background: #EEE;padding: 0.5rem 0.75rem;margin-top: 0.5rem;text-align: center;}

.down-col{ margin-bottom: 1.5rem;}
.down-col .card{border: 1px solid #f2f2f2;}
.down-col .card-title{flex-grow:1;background: #EEEEEE;padding: 1rem;margin: 0;transition: all ease 0.2s;}
.down-col .card-thumb:hover img {filter: hue-rotate(120deg);opacity: 0.8;}
.down-col:hover .card-title{ background: #E9F6FE;color:#204480}

.video-col{margin-bottom: 1.5rem;}
.video-col .card{height: 100%;border: 1px solid #f2f2f2;}
.video-col .card-title{ display: flex;display: -ms-flexbox;justify-content: center;align-items: center;flex-grow: 1;margin: 0;padding: 0.75rem 0.5rem;text-align: center;background: #342C2A;color: #fff;font-size: 0.875rem;}
/*#endregion*/
/*#region category index*/
.category-wrapper{}
.category-wrapper .more{ text-transform: uppercase;color:#c82333}
.category-title{padding:0.75rem 1rem;background: #f2f2f2;margin-bottom: 1.5em;}
.category-title h3{ font-size: 1.25rem;margin-bottom: 0;}
.category-title h3 a{color:#1367AF}
/*#endregion*/

/*#region content wrapper*/
.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper h2{font-size: 1rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper h3{ font-size: 0.875rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper img{ max-width: 100% !important;height: auto !important;}
.content-wrapper ol{margin-left: 1em;padding-left: 1em;}
.content-wrapper video{ max-width: 100% !important;height: auto !important;}
.content-wrapper iframe{ max-width: 100%;}
.content-wrapper table {width: 100%;margin-bottom: 1rem;color: #212529;}
.content-wrapper table th,.content-wrapper table td {padding: 0.5rem;vertical-align: middle;border: 1px solid #dee2e6;text-align: center;}
.content-wrapper table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.content-wrapper table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
/*.content-wrapper table p{ margin-bottom: 0;}*/
.content-wrapper .nav-tabs {background:#FAFCFF;}
.content-wrapper .nav-link{ padding: 0.75rem 1.75rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;border-top: solid 2px #e76e00 !important;}

.content-wrapper.product{border:1px solid #e9eef4}
.content-wrapper.product .content{padding: 1.5rem 1rem;}
.content-wrapper.product .content h2,.content-wrapper.product .content h3{font-size: 1.25rem;font-weight: 500 !important;color:#0c2e60}

.content-wrapper.article .content{color:#777}

.content-wrapper header{text-align: center;margin-bottom: 1rem;}
.content-wrapper header span{ margin-right: 15px;}
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}

.content-wrapper.article .content{ color: #777}
.content-wrapper.article .title{ color: #0c2e60;font-size: 1.5rem;font-weight: 500;}
.content-wrapper.article .summary{padding-bottom: 20px;margin: 30px 0;font-size: 0.75rem;text-transform: uppercase;color: #83868c;border-bottom: 1px solid #e0e4e6;}
.content-wrapper.article .summary span{ margin-right: 15px;}
@media(max-width:768px) {
    .content-wrapper .title{ font-size: 1.25rem;}
    .content-wrapper.product .content{padding:1.5rem 1rem;}
}

.post-navigation {padding: 20px 0;margin-top: 30px;margin-bottom: 15px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.post-navigation .col-12{ padding-bottom:0.5rem}
.post-navigation span{ margin-bottom: 5px;font-size: 0.75rem;display: block;text-transform: uppercase;color: #333;font-weight: 600;}
.post-navigation .icon{ font-size: 1.25rem;color:#aaa}
.post-navigation a{ color: #1F365C;}
.post-navigation .last{text-align: right}
@media(max-width:992px) {
    .post-navigation .col-12{ text-align: center;}
}
.share-box{ text-align: center;}
.share-box p{ font-weight: 500;}
.page-link{padding: .5rem 0.875rem;}
.page-item.active .page-link {color: #fff;background-color: #444;border-color: #444;}
/*.nav-wrapper a{background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}*/
/*#end content wrapper*/
.item-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;}
.item-list li {border-bottom: 1px dashed #eee;padding:12px 0;}
.item-list>li>a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item-list>li>a:hover {color: #FE8301;}
.item-list li a:before{font-family:cmsfont;content:"\f122";margin-right:8px;margin-left: 4px;}
.item-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/
/*#region content-head-container*/
.product-head { margin-bottom: 1.5rem;;background:#fff}
.product-head .title {font-size: 1rem;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .btn-main{ display: block;background: #252f3f;color: #fff;font-size: 1rem;padding: .4rem .75rem;}
.product-head .btn-main .icon{ margin-right: 0.25rem;}
/*.product-head .content{ line-height: 1.6;font-size: 0.875rem;}
.product-head .content h2,.product-head .content h3{ font-size: 1.25rem;font-weight: 600;}*/
.product-service{ text-align: center;padding: 20px 0;}
.product-service>a:first-child{ margin-right: 15px;}
.product-feedback{ display: inline-block;background: #F3912C;color: #fff;padding: 6px 16px;}
.product-down{ display: inline-block;background: #DD0804;color: #fff;padding: 6px 16px;}
/*#endregion*/


/*#region footer*/
footer {color: #fff;padding-top: 60px;background: #252f3f;line-height: 1.7;}
footer .container-xl  [class*="col-"]{margin-bottom:20px;}
footer .logo{ max-height: 40px;margin-bottom: 20px;}
footer h6{font-size:1rem;margin-bottom:15px;font-weight: 600;color:#e76e00}
footer a{color:#fff}
footer a:hover {color: #fff}

footer .contact li{margin:10px 0 0;}
footer .category li{ padding: 4px 0;}
footer .footer-bottom{text-align: center;padding-top:15px;padding-bottom:15px;color: #fff;background: #e76e00}

/*#endregion*/
/*#region company page*/
.about-wrapper { margin-bottom: 40px;line-height: 1.8}
.about-wrapper h2,.about-wrapper h3 {margin-bottom: 20px;text-transform: uppercase;color: #0b3655;font-weight: 600;}

.about-features {background: #F5FCFF;padding: 5em 6%;line-height: 1.7;margin-bottom: 40px;}
.about-features h3{ font-size: 2.5rem;font-weight: 700;text-transform: uppercase;margin-bottom: 50px;text-align: center;color:#0b3655}
.about-features .icon-wrapper{ width: 70px;height: 70px;border: 2px solid #009fe3;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 20px;}
.about-features .icon {display: block;font-size: 2rem;color: #209eea;width: 1em;}

.about-features h4{ color: #3d66ae;margin-bottom: 20px;}
.about-features p{ margin-bottom: 0;}
@media(max-width:992px) {
    .about-wrapper .content-wrapper{font-size: 0.875rem;}
    .about-features{ padding: 4rem 0;}
    .about-features h3{ font-size: 1.75rem;}
}

/*#endregion*/
/*#region contact page*/
 .contact-info{ text-align: center;padding: 30px 6%;}
.contact-info .row>.col-12{ padding: 20px 15px;border-right: 1px solid #eee;}
.contact-info .row>.col-12:last-child{ border-right-width: 0;}
.contact-info h4{ font-size: 1.25rem;margin-top: 1.25rem;margin-bottom: 1rem;font-weight: 500;}
.contact-info p{ margin-bottom: 0.75rem;font-size: 1rem;}
.contact-info .icon {font-size: 2.5rem;color: #e76e00;transition: all 0.2s ease;}

.contact-wrapper{ padding: 30px 0;}
.contact-wrapper .title {font-size: 2rem;font-weight: 600;color: #0b3655;margin-bottom: 1.5rem;text-align: center;}
.contact-wrapper .title:after {display: block;margin: 0.5rem auto 0;content: "";width: 60px;height: 3px;background: #E1474D;}
.contact-wrapper p {margin-bottom: 0.875rem;text-align: center;}
.contact-wrapper .form-control {border-radius: 5px;}
/*.contact-wrapper .btn{ display: inline-block !important;font-weight: 600;}*/
@media (max-width: 768px) {
    .contact-info{ margin-bottom: 0;border-bottom-width: 0;padding: 30px 0;}
    .contact-info .icon{ font-size: 2rem;}
    .contact-info .row>.col-12 {padding: 10px 15px;border-right-width: 0;border-bottom: 1px solid #ddd;}
    .contact-wrapper .title{ font-size: 1.5rem;}
}
@media(max-width:976px) {
    .contact-info .row>.col-12:nth-of-type(even){ border-right-width: 0;}
}
/*#endregion*/
#faq-page .card{ margin-bottom: 1rem;}
#faq-page .card-header{ background: #f6f6f6;font-size: 1rem;font-weight: 300;padding: 1rem 0.75rem;margin-bottom: 0;cursor: pointer}
#faq-page .card-header:hover{ background: #f2f2f2;}
#faq-page .card-body{ padding: 1rem;border: 1px solid #eee;}
/*home page*/
.home-title{ position: relative;text-align: center;margin-bottom: 15px;font-weight: 500;}
.home-title:after{ display: block;content: "";width: 40px;height: 4px;background: #e76e00;margin: 3px auto 0;}

.home-products{ padding: 2rem 0;}
.home-products .summary{ text-align: center;font-weight: 400;color: #666;}

.home-company{ background: #f2f2f2;color: #666;padding: 50px 0 40px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;line-height: 1.8;}
.home-company h2{ font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1F365C;}
.home-company h2:after{ display: block;content: "";width: 80px;height: 3px;background-color:#e76e00;margin-top: 5px;}
.home-company h4{ font-size: 1rem;color: #444;line-height:1.8}
.home-company ul li:before{ font-family: cmsfont;content: "\f005";margin-right: 5px;color:#0069b0}
.home-company .more{ display: inline-block;background: #e76e00;color:#fff; padding: 12px 40px;border-radius: 6px;font-weight: 500;}

.home-news{ padding: 2rem 0;}
.home-news h2{ font-size: 1.75rem;text-align: center;}
.home-news h2:after{display: block;content: "";width: 80px;height: 3px;background-color:#e76e00;margin: 5px auto 0;}
.home-news .article-col .card{border:1px solid #efefef; }
.home-news .article-col .card-title{ font-size: 0.875rem;}
.home-news .article-cil .card-title a{color:#1F365C}
.home-news .article-col time{display: block;}

.range-wrapper{ background: #252f3f;color: #fff;padding: 20px 0;}
.range-wrapper h5{ font-size: 1.5rem;}
.link{ display: inline-block;padding: 10px 18px;color:#fff; border-radius: 15px;color: #fff;font-size: 1rem;background: #e76e00;margin-right: 30px;font-size: 0.75rem;}
.link .icon{ margin-right: 5px;}
.link.link-enquiry{ margin-right: 0;background: #fff;background: #fff;color: #444;}
@media(max-width:576px) {
    .range-wrapper h5{font-size:1rem}
    .range-wrapper p{ display: none;}
}