.mt-4-1,.my-4-1 {  margin-top: 2.5rem !important;}
.mt-6,.my-6 {  margin-top: 3.5rem !important;}
.mt-7,.my-7 {  margin-top: 4rem !important;}
.mt-8,.my-8 {  margin-top: 4.5rem !important;}
.mt-9,.my-9 {  margin-top: 5rem !important;}
.bg-ligt-grey {  background-color: #e9ecef !important;border-color: #dee2e6!important;}
.light-background {  background-color: #f7f7f7;}
/* Works on Firefox */
.carousel-content, .item-content {scrollbar-width:6px;scrollbar-color: #988686 rgba(4, 4, 4, 0.6);}
/* Works on Chrome, Edge, and Safari */
.carousel-content::-webkit-scrollbar,.item-content::-webkit-scrollbar{width: 6px;}
.carousel-content::-webkit-scrollbar-track,.item-content:-webkit-scrollbar-track {background: #5C4E4E);}
.carousel-content::-webkit-scrollbar-thumb,.item-content::-webkit-scrollbar-thumb {background-color: #988686;border-radius: 20px;border: 0px solid #5C4E4E;}
a:active,a:focus {color:#007bff;display:inline-block;} 
.photostack figcaption h2 {margin: 5px 0 0 0;color: #000;font-size: 15px;display:block;text-transform: capitalize;} 
.photostack figure { margin-bottom: 2.5rem;box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;overflow: hidden;}
.photostack figure { position: relative; padding: 8px 8px 0px 8px; background: #FAD906;}
.photostack figure figcaption { background: #FAD906;  bottom: 0;  box-sizing: border-box;  position: relative;  width: 100%;  padding: 0px 5px 5px 5px;  -webkit-transition: max-height 0.3s ease-out;  overflow: hidden;}
/* .photostack figure:hover img {opacity: 1;	-webkit-animation: flash 1.5s;animation: flash 1.5s;}
@-webkit-keyframes flash {	0% {opacity: .6;}	100% {opacity: 1;}}
@keyframes flash {0% {opacity: .6;}	100% {opacity: 1;}}*/
/* figure {  float: right;  width: 100%;  text-align: center;  font-style: italic;  font-size: smaller;  text-indent: 0;  border: thin silver solid; border-radius: 0.25rem ; margin: 0.5em; margin-bottom: 1.5rem;  padding: 0.5em;} */
ul.list-tool li a {margin-right: 15px;}
.header .toolbar .topp .hover_search {display: none;}
.header .toolbar .left .left-1:after {display: none;} 
.header .toolbar { top: 50px;}
.header .topbar {background-color: #1e1e1e;color: #fff;height: 40px;padding: 0;transition: all 0.5s;z-index: 9999;position: relative;}
@media (max-width: 991px){.header .topbar {display:none!important;}}
.top-container {text-align: center;}
.top-container .top-list {display: inline-block;margin-right:15px;}
.top-container .top-list a {color:#fff;}
/*.top-container .top-list a:hover {color:rgba(255, 255, 255, 0.6);}*/
.me-1 { margin-right: .25rem!important;}
@media (max-width: 1440px) {.header .toolbar { top: 50px;}}
@media (max-width: 1300px)  {.service_detail-imglist .item_img a p { display: block; }}
@media (max-width: 1366px)  {.header .toolbar { top: 50px;}}
.breadcrumbs { padding: 15px 0;	background: #FAD906; min-height: 40px;	margin-top: 0px;}
ul.ullist {-webkit-padding-start: 0px; padding-inline-start: 0px;}
.service_detail-imglist .item_img h5 { font-size: 18px;}
.breadcrumbs h1 {color: #000000;font-family: FolioStd-Bold;font-size: 40px; }
.contact .info-wrap { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);padding: 30px;}
.contact .info h4 { padding: 0 0 0 60px;font-size: 22px;font-weight: 600;	margin-bottom: 5px;color: #111;}
.contact .info p { padding: 0 0 0 60px; margin-bottom: 0;font-size: 14px;color: #444444;}
.contact .info a { color: #444444;}
.contact .info .loc-icon {font-size: 20px;color: #FAD906;float: left;width: 44px;	height: 44px;border: 1px solid #FAD906;display: flex;justify-content: center;
	align-items: center;border-radius: 50px;transition: all 0.3s;}
.contact .form-contact-us {	width: 100%;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);	padding: 30px;background: #fff;}
.contact .form-contact-us input, .contact .form-contact-us textarea {border-radius: 0;box-shadow: none;font-size: 14px;border-radius: 4px;padding: .375rem .75rem;}
.contact .justify-content-center {padding-top: 0px;}
.submit-btn {color: #343a40 !important;text-transform: uppercase; font-weight: bold !important; margin-top: 22px !important;}
.contact-banner {padding-top: 230px;background-color: #fff4e3;}
.justify-content-center input {height: 50px;-webkit-text-fill-color: rgb( 0, 0, 0, 0.4) !important;color: rgb( 0, 0, 0, 0.4) !important;border: 1px solid #ced4da !important;}
.form-contact-us .policy {margin-top: 30px;}
.form-group {margin-bottom: 0px;}
.form-contact-us .form-group textarea {margin-top: 30px;}
.form-impact .form-group input {margin-top: 5px;}
 @media (max-width: 767px) {.form-contact-us .form-group textarea { margin: 10px 0;}}
.short-desc {width: 80%;margin: 0 auto;font-size:22px;}
 @media (max-width: 767px) {.short-desc {width: 100%;}}
 @media (max-width: 991px) {.form-contact-us {margin-left: 0%;}}
.bg-grey {background-color:#f7f7f7;}
.bg-white {background-color:#ffffff;}
.fst-italic {font-style: italic !important;}
.text-bold {font-weight:bold;}
.service-detail-banner .left {	padding-left:5%; } 
.service_detail-imglist .item_img h5 { color: #FAD906;}
.service_detail-imglist .item-title { margin-bottom: 10px;display: block;background: rgba(4, 4, 4, 0.7);padding: 10px 5px 10px 5px;} 
.service_detail-imglist .item-content { display: block;padding: 10px 5px 10px 5px;background: rgba(255, 255, 255, 0.7);color: #000;max-height: 154px;overflow-y: auto;}
.service_detail-imglist .item-content p {margin-bottom: 10px;line-height: 23px;}
.solution-row { margin-top: 33px; margin-bottom: 32px;}
.ullist{ margin-bottom: 1rem; }
.ullist li{ list-style: none; position: relative; padding: 5px 0 2px 35px;}
.ullist li::before { content: '\f058'; font-family: 'Font Awesome 5 Pro';font-size: 22px;position: absolute; top: 0px; left: 0;color: #FAD906;}
.solution-entry-title-h2 {	font-size: 28px;font-weight: bold;padding: 0;margin: 0 0 20px 0;}
.solution-entry-title-h3 {font-size: 22px;margin-top: 10px;margin-bottom:.5rem;font-weight: bold;}
.heading-title-col {width: 85%;position: relative;display: block;margin: 0 auto;}
.heading-title-col h3 {font-size: 32px;margin-top: 10px;margin-bottom: .5rem;	font-weight: bold;text-align: center;text-transform: capitalize;line-height: 1.2;    padding-bottom:25px;}
.heading-title-col h3::after {content: '';margin: 0 5px 0 -15px;background: #FAD906;vertical-align: 0em;font-size: 24px;position: absolute;left:0;right:0;bottom:0;display:block;width:80px;height:4px;margin:0 auto;}
@media (max-width: 768px){.heading-title-col h3 {font-size: 22px;margin-top: 5px;margin-bottom: 5px;font-weight: bold;text-align: left;text-transform:capitalize;line-height: 26px;}.heading-title-col h3::after {display:none;}.heading-title-col {width: 100%;position: relative;display: block;margin: 20px 0px 0px 0px;}.form-contact-us .form-group input {margin-top: 10px;}}
.heading-style-h4 .card-body h4 { margin-left:15px}
.heading-style-h4 h4::before { font-family: 'Font Awesome 5 Pro';content: '\f7a5';	margin: 0 5px 0 -18px;color: #FAD906;vertical-align: 0em;font-size: 24px;	position: relative;top: 3px;}
.pdf-img img {/*max-width:170px;margin:0 auto;text-align: center;display: block;*/}
.carousel-content a { color: #FAD906;}
.carousel-content a:hover  { color: #000; opacity:0.9}
.general-section .item .box-img {width: 40%;}
.general-section .item .content { width: 60%;}
.comm-desc-style h4 {font-size: 18px;margin: 0 0 5px 0;padding: 0;line-height: 1.3;font-weight: 600;color: #14365C;}
.section-title h2 {font-size: 32px;font-weight: bold;text-transform: uppercase;	margin-bottom: 20px;padding-bottom: 16px;position: relative;color: #000000;}
/* .section-title h4 {font-size: 18px;font-weight: normal;margin-bottom: 0px;padding-bottom: 16px;position: relative;color: #000000;font-style: italic;}*/
.section-title h4 {font-size: 18px;font-weight: normal;margin-bottom: 0px;padding-bottom: 16px;position: relative;color: #000000;font-style: italic;width: 80%;margin: 0 auto;line-height: 28px;}
@media (max-width: 768px) {.section-title h4 { width: 100%;}}
.section-title {text-align: center;padding-bottom: 5px;}
.section-title span {font-size: 21px;display: inline-block;top: -6px;position: relative;}
span.r-title {font-size: 21px;display: inline-block;top: -6px;position: relative;}
#link-cart { display: none;}
.header_list li:first-child { display: none; }
.list-tool li:nth-child(3) { display: none; }
#product_info .info form { display: none;}
/* Style the tab */
.tab { float: left;border: 1px solid #FFFFFF;background-color: #FFFFFF; width: 30%; height: auto;}
/* Style the buttons that are used to open the tab content */
.tab button { display: block;background-color: inherit;color: black;padding: 16px 16px;width: 100%;border: none;outline: none;text-align: left;cursor: pointer;  transition: 0.3s;background: #FAD906;margin-bottom:3px;}
/* Change background color of buttons on hover */
.tab button:hover {font-weight:bold;}
/* Create an active/current "tab button" class */
.tab button.active { font-weight:bold; }
/* Style the tab content */
.tabcontent { float: left; padding: 0px 12px;border: 0px solid #ccc;width: 70%;  border-left: none;height: auto;}
.tabcontent h4 { font-size: 20px; margin: 0 0 20px 0;padding: 0;line-height: 1;font-weight: 600; color: #14365C;text-transform:capitalize;letter-spacing: 0.1px;}
.what-we-do { padding-bottom: 70px;padding-top: 57px;background-color:#f7f7f7;}
.what-we-do-service { padding-bottom: 0px;padding-top: 0px;background-color:#fff;}
.what-we-do .card { border-radius: 3px;border: 0;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);margin-bottom: 50px;}
.what-we-do-service .card { min-height: 314px;}
.what-we-do .card-icon { text-align: center; margin-top: -32px;}
.what-we-do .card-icon i { font-size: 32px; color: #000;width: 64px;height: 64px;  padding-top: 10px;text-align: center;background-color: #FAD906;border-radius: 50%;  text-align: center;border: 4px solid #fff;transition: 0.3s;display: inline-block;}
.what-we-do .card-body {padding-top: 12px;}
.what-we-do .card-body p {font-size:15px;}
.what-we-do .card-title {font-weight: 700;text-align: center; font-size:18px;color: #14365C;}
.what-we-do .card-title a {color: #14365C;}
.what-we-do .card-title a:hover {color: #743e1d;}
.what-we-do .card-text {color: #262626;}
.what-we-do .card:hover .card-icon i {background: #FAD906;color: #000;}
@media (max-width: 1024px) {.what-we-do {background-attachment: scroll;}}
.about-w-beam-content p {font-style: italic;}
.arm-btn {color: #343a40;border-radius: 0px;padding: 7px 65px 8px 25px;white-space: nowrap;transition: 0.3s;font-size: 14px;display: inline-block;border: 2px solid #ffc451;font-size: 15px;text-transform: uppercase;font-weight: bold;    position: relative;}
.arm-btn:hover,.arm-btn:active,.arm-btn:focus {	background: #ffbb38;color:#343a40;}
.arm-btn i {position: absolute;right: 25px;font-size:24px;}
#details { margin-top: -15px;}
/*--------------------------------------------------------------
# Header Social Links
--------------------------------------------------------------*/
.search_mobie { display: none;}
.header .toolbar {	box-shadow: 0px 0px 0px #ddd;}
.header .toolbar .left {	padding: 8px 0px  8px 8px;}
.header .toolbar .right {	background: #fff; padding: 19px 0;}
.header .toolbar .left .left-1::after {	left: calc(100% + 12px);}
.header .toolbar .right a { padding-left: 12px;}
.header .toolbar .right a i { font-size: 15px;	padding: 0 0px;font-weight: 500;	color: #000;}
.header .toolbar .right a i:hover {color: rgb(0, 0, 0,0.7);}
.header .toolbar .left .left-1 span:hover {color: rgb(0, 0, 0,0.7);}
.header .toolbar .left .left-1 a i {font-size: 15px;color: #000;}
@media (max-width: 991px){.header .toolbar {display:none;}}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer__logo {margin-bottom: 10px;}
.footer__image {margin-top: 10px;  float: left;}
.footer__image img {max-width: 74px;}
#footer .footer-top .footer-col-3 ul li:first-child , #footer .footer-top .footer-col-4 ul li:first-child {display: none;}
@media (min-width: 768px) {.text-md-start {text-align: left !important;}}
@media (min-width: 768px){.me-md-auto {  margin-right: auto !important;}}
#footer { color: #fff;  font-size: 14px;  background: #111;}
#footer .footer-top {  padding: 60px 0 30px 0;  background: #1e1e1e;}
#footer .footer-top a {  color: rgba(255, 255, 255, 0.6);  transition: 0.3s;  display: inline-block;  line-height: 1;}
#footer .footer-top  a:hover {  text-decoration: none;  color: #fff;}
#footer .footer-top .footer-contact {  margin-bottom: 30px;}
#footer .footer-top .footer-contact h3 {  font-size: 22px;  margin: 0 0 10px 0;  padding: 2px 0 2px 0;  line-height: 1;  font-weight: 500;  letter-spacing: 1px;  text-transform: uppercase;  color: #fff;}
#footer .footer-top .footer-contact p {  font-size: 14px;  line-height: 24px;  margin-bottom: 0;  font-family: "Roboto", sans-serif;  color: rgba(255, 255, 255, 0.7);}
#footer .footer-top h4 {  font-size: 16px;  font-weight: bold;  color: #fff;  position: relative;  padding-bottom: 12px;}
#footer .footer-top .footer-links {  margin-bottom: 30px;}
#footer .footer-top .footer-links ul {  list-style: none;  padding: 0;  margin: 0;}
#footer .footer-top .footer-links ul i {  padding-right: 8px;  color: #FAD906;  font-size: 10px;  line-height: 1;}
#footer .footer-top .footer-links ul li {  padding: 8px 0;  display: flex;  align-items: center;}
#footer .footer-top .footer-links ul li:first-child {  padding-top: 0;}
#footer .footer-top .footer-links ul a {  color: rgba(255, 255, 255, 0.6);  transition: 0.3s;  display: inline-block;  line-height: 1.4;}
#footer .footer-top .footer-links ul a:hover {  text-decoration: none;  color: #fff;}
#footer .footer-newsletter {  font-size: 15px;  color: rgba(255, 255, 255, 0.7);}
#footer .footer-newsletter h4 {  font-size: 16px;  font-weight: bold;  color: #fff;  position: relative;  padding-bottom: 12px;}
#footer .footer-newsletter form {  margin-top: 30px;  background: #fff;  padding: 6px 10px;  position: relative;  border-radius: 4px 0 0 4px;  text-align: left;}
#footer .footer-newsletter form input[type=email] {  border: 0;  padding: 4px 8px;  width: calc(100% - 100px);}
#footer .footer-newsletter form input[type=submit] {  position: absolute;  top: 0;  right: -4px;  bottom: 0;  border: 0;  background: none;  font-size: 16px;  padding: 0 20px;  background: #1bbd36;  color: #fff;  transition: 0.3s;  border-radius: 0 4px 4px 0;  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
#footer .footer-newsletter form input[type=submit]:hover {  background: #2ae149;}
#footer .credits {  padding-top: 5px;  font-size: 13px;  color: #fff;}
#footer .social-links a {   font-size: 18px;  display: inline-block;  background: rgba(255, 255, 255, 0.08);  color: #fff;  line-height: 1;  padding: 8px 0;  margin-right: 4px;  border-radius: 4px;  text-align: center;  width: 36px;  height: 36px;  transition: 0.3s;}
#footer .social-links a:hover {  background: #FAD906;  color: #000;  text-decoration: none;}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px;  bottom: 15px;  z-index: 996;  background: #FAD906;  width: 40px;  height: 40px;  border-radius: 4px;  transition: all 0.4s;padding-top: 0;}
.back-to-top i {  font-size: 16px;  color: #000;  line-height: 0;}
.back-to-top:hover {  background: rgb(250, 217, 6,0.8);  color: #000;}
.back-to-top.active {  visibility: visible;  opacity: 1;}
/*--------------------------------------------------------------
# Banner Content Section
---------------------
-----------------------------------------*/
.carousel-content { background: rgba(4, 4, 4, 0.6); padding: 20px;color: #fff;  border-top: 5px solid #FAD906;margin: 0 auto;overflow-y: auto;max-height:318px;}
.carousel-content h2 {color: #fff;margin-bottom: 20px;font-size: 28px;font-weight: 700;}
.btn-get-started {font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 32px;border-radius: px;transition: 0.5s;line-height:1;

  margin: 10px;color: #fff;animation-delay: 0.8s;border: 2px solid #FAD906;}
.btn-get-started:hover { background: #FAD906;color: #000;text-decoration: none;}
@media (min-width: 1024px) { .carousel-content { width: 60%;}}
@media (min-width: 1024px) {.mySwiper-home .carousel-container  .carousel-content { width: 515px;overflow-y: hidden;}}
@media (min-width: 1024px) {.content-solutions .carousel-content {	max-height: 324px;}}
@media (max-width: 992px) {.carousel-content h2 { margin-bottom: 15px; font-size: 22px; }
.carousel-content p { font-size: 15px;}}
@media (max-width: 991px) {.breadcrumbs h1 {font-size: 35px;}}
@media (max-width: 500px) {.breadcrumbs h1 {font-size: 28px;}.section-armco__titleSmall h1 {font-size: 28px;}.section-armco__sub__title {font-size: 16px;}}
@media (max-width: 420px) {.carousel-content {	padding: 7px; }.home-carousel-content h2 {font-size: 16px;}}
.footer { margin-top: 0px !important;}
@media (max-width: 1700px){.page-content {padding-top: 110px;padding-bottom:86px;}}
@media (max-width: 1400px){.page-content{padding-top: 102px;padding-bottom:70px;}}
@media (max-width: 991px){.page-content {padding-top: 63px;padding-bottom:53px;}}
@media (max-width: 567px){.page-content {padding-top: 50px;padding-bottom:40px;}}
.home-carousel-content h2 {text-transform:capitalize; }
.mySwiper-home .carousel-container { display: flex;align-items: flex-end;	justify-content: center;position: absolute;bottom: 55%;top: 70px;left: 55px;right: 55px;}
@media (max-width: 991px) {.mySwiper-home .carousel-container {bottom:60%;}}
@media (max-width: 768px) {.mySwiper-home .carousel-container {bottom:60%;}}
@media (max-width: 420px) {.mySwiper-home .carousel-container {bottom:46%;}}
.portfolio .portfolio-wrap { box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);  border-radius: 10px;height: 100%;overflow: hidden;}
.portfolio .portfolio-wrap img { transition: 0.3s; position: relative;z-index: 1;}
.portfolio .portfolio-wrap .portfolio-info {padding: 25px 20px;background: #fff;position: relative;border-top: 1px solid #f3f3f3;z-index: 2;}
.portfolio .portfolio-wrap .portfolio-info h4 { font-size: 18px;font-weight: 600;
  padding-right: 50px;color:#14365C;}
.portfolio .portfolio-wrap .portfolio-info h4 a {color: #111111;  transition: 0.3s;}
.portfolio .portfolio-wrap .portfolio-info h4 a:hover {color: var(--color-primary);}
.portfolio .portfolio-wrap .portfolio-info p {color: #6c757d;font-size: 14px;  margin-bottom: 0;padding-right: 50px;}
.portfolio .portfolio-wrap:hover img {transform: scale(1.1);}
why-edit {margin:40px 0;background-image:url(../images/pentagon.jpg); height:auto; background-attachment:fixed;background-position:top;background-repeat:no-repeat;background-size:cover;padding:97px 0;background:#aed8f0;}
.why-edit-box {background:#fff;padding:37px;box-shadow:0 0 10px 0 #ddd;margin-bottom:30px;height:100%}
.why-edit-box img {position:absolute;bottom:0;right:37px;width:137px;opacity:.1}
.why-edit-box h3 {margin:0;padding-top:10px;line-height: 1.1em;color: #14365C;
;font-weight: 600;font-size: 18px;}
.why-edit-box h3::after { position:absolute;content:'';height:10px;margin:0 auto;
 left:0;top:4%;width:50%;background:#FAD906}
.why-edit-box p { margin: 0;margin-top: 0px;font-size: 15px;line-height: 26px;  margin-top: 20px;}
.why-edit .row .col-md-4 {margin-bottom: 30px;}
@media (max-width: 420px) {.section-title h2 {	font-size: 24px;}}
.header { z-index: 11;}
.featured-slider .carousel-inner .card-title a {color:#111111}
.featured-slider .carousel-inner .card-title a:hover {color:#b09904}
.featured-slider .carousel-inner .entry-header .entry-meta a {color:#111111;margin-right:10px;border:2px solid #ffc451 !important; }
.featured-slider .carousel-inner .entry-footer .entry-meta a {color:color-mix(in srgb,#444444,transparent 40%);}
a.carousel-control-prev:active, a.carousel-control-next:focus , a.carousel-control-next:active, a.carousel-control-prev:focus {	display: flex;align-items: center;justify-content: center;} 


/*--------------------------------------------------------------
# Solutions List Page
--------------------------------------------------------------*/
.services .service-item {background-color: #ffffff;box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);height: 100%;padding: 60px 30px;text-align: center;transition: 0.3s;border-radius: 5px;}
.services .service-item .icon {    margin: 0 auto;    width: 100px;    height: 100px;    display: flex;    align-items: center;    justify-content: center;    transition: ease-in-out 0.3s;    position: relative;}
.stretched-link::after {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 1;    content: "";}
.services .service-item .icon img {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
.services .service-item h3 {    font-weight: 700;    margin: 10px 0 15px 0;    font-size: 22px;}
.services .service-item a {color: color-mix(in srgb, #111111, transparent 20%);}
a.readmore:hover {    color: color-mix(in srgb, #b09904, transparent 20%);}
.readmore i {    line-height: 0;    margin-left: 6px;    font-size: 16px;}
.services .service-item:hover {    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.1);}
.services .service-item.item-cyan:hover .icon path { fill: #0dcaf0;}
.services .service-item.item-orange:hover .icon path {  fill: #fd7e14;}
.services .service-item.item-teal:hover .icon path {  fill: #20c997;}
.services .service-item.item-red:hover .icon path {  fill: #df1529;}
.services .service-item.item-indigo:hover .icon path {  fill: #6610f2;}
.services .service-item.item-pink:hover .icon path {  fill: #f3268c;}
.services .service-item.item-yellow:hover .icon path {  fill: #FAD906;}
.readmore {display: relative;    align-items: center;	justify-content: center;    font-weight: 600;    line-height: 1;    transition: 0.3s;    color: color-mix(in srgb, #111111, transparent 20%);}
/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .features-item{background-color:#fff;display:flex;align-items:center;padding:20px;transition:.3s;border:1px solid;position:relative;margin-bottom:1.5rem}
.features .features-item i{font-size:32px;padding-right:10px;line-height:0}
.features .features-item h3{font-weight:700;margin:0;padding:0;line-height:1.3;font-size:16px}
.features .features-item h3 a{color:#111;transition:.3s}
.features .features-item:hover{border-color:#b09904}
.features .features-item:hover h3 a{color:#b09904}

/*--------------------------------------------------------------
# Blog Posts Section
--------------------------------------------------------------*/
.blog-posts article{background-color:#ffffff;box-shadow:0 2px 20px rgba(0,0,0,.1);transition:.3s}
.blog-posts .post-img img{min-height: 235px;transition:.5s}
.blog-posts .post-date{background-color:#FAD906;color:#111111;position:absolute;right:0;bottom:0;text-transform:uppercase;font-size:13px;padding:6px 12px;font-weight:600}
.blog-posts .post-content{padding:30px}
.blog-posts .post-title{font-size:20px;color:#111111;font-weight:700;transition:.3s;margin-bottom:15px}
.blog-posts .meta i{font-size:16px;color:#FAD906}
.blog-posts .meta span{font-size:15px;color:color-mix(in srgb,#111111,transparent 40%)}
.blog-posts p{margin-top:20px}
.blog-posts hr{margin-bottom:15px;width:100%}
.blog-posts .readmore{display:relative;align-items:center;font-weight:600;line-height:1;transition:.3s;color:color-mix(in srgb,#111111,transparent 20%)}
.blog-posts .readmore i{line-height:0;margin-left:6px;font-size:16px}
.blog-posts article:hover .post-title,.blog-posts article:hover .readmore{color:#111111;}
.blog-posts article:hover .readmore{color:#b09904}
.blog-posts article:hover .post-img img{transform:scale(1.1)}
/
/*--------------------------------------------------------------
# Blog Details Section
--------------------------------------------------------------*/
.blog-details{padding-bottom:30px}
.blog-details .article{background-color:#ffffff;padding:30px;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.blog-details .post-img{margin:-30px -30px 20px;overflow:hidden}
.blog-details .title{color:#111111;font-size:28px;font-weight:700;padding:0;margin:30px 0}
.blog-details .content{margin-top:20px}
.blog-details .content h3{font-size:22px;margin-top:30px;font-weight:700}
.blog-details .content blockquote{overflow:hidden;background-color:color-mix(in srgb,#444444,transparent 95%);padding:60px;position:relative;text-align:center;margin:20px 0}
.blog-details .content blockquote p{color:#444444;line-height:1.6;margin-bottom:0;font-style:italic;font-weight:500;font-size:22px}
.blog-details .content blockquote:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#1bbd36;margin-top:20px;margin-bottom:20px}
.blog-details .meta-top{margin-top:20px;color:color-mix(in srgb,#444444,transparent 40%)}
.blog-details .meta-top ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:0;margin:0}
.blog-details .meta-top ul li+li{padding-left:20px}
.blog-details .meta-top i{font-size:16px;margin-right:8px;line-height:0;color:color-mix(in srgb,#444444,transparent 40%)}
.blog-details .meta-top a{color:color-mix(in srgb,#444444,transparent 40%);font-size:14px;display:inline-block;line-height:1}
.blog-details .meta-bottom{padding-top:10px;border-top:1px solid color-mix(in srgb,#444444,transparent 90%)}
.blog-details .meta-bottom i{color:color-mix(in srgb,#444444,transparent 40%);display:inline}
.blog-details .meta-bottom a{color:color-mix(in srgb,#444444,transparent 40%);transition:.3s}
.blog-details .meta-bottom a:hover{color:#1bbd36;}
.blog-details .meta-bottom .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px}
.blog-details .meta-bottom .cats li{display:inline-block}
.blog-details .meta-bottom .tags{list-style:none;display:inline;padding:0;font-size:14px}
.blog-details .meta-bottom .tags li{display:inline-block}
.blog-details .meta-bottom .tags li+li::before{padding-right:6px;color:#444444;content:","}
.blog-details .meta-bottom .share{font-size:16px}
.blog-details .meta-bottom .share i{padding-left:5px}
.blog-details .meta-bottom .btn-share { background-color: #FAD906;margin-left: 20px;padding: 5px 20px;display: inline-block; width: 100px;}
.pagination_style1 .pagination .page-item a,.pagination_style1 .pagination .page-item span{width:40px;height:40px;color:#343a40;text-align:center;line-height:40px;padding:0;display:inline-block;font-weight:700;border-radius:0;box-shadow:0 0 0 0 #d4c6c6;border:2px solid #ffc451}
.pagination_style1 .pagination .page-link-last{box-shadow:0 0 0 0 #d4c6c6;border:2px solid #ffc451;width:90px;height:40px;line-height:40px;color:#262626;font-size:16px;font-weight:700;text-align:center;font-family:Arial;border-radius:0}
.pagination_style1 .pagination .page-link-last:hover{background-color:#ffc451;opacity:1}
.pagination_style1 .pagination .page-link-last:hover a{color:#343a40;transition:.5s}
.pagination_style1 .pagination .page-item.active .page-link{background-color:#ffc451;color:#343a40}
.pagination_style1 .pagination .page-link:hover{background-color:#ffc451;color:#343a40;transition:.5s}

/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/
.blog-posts .blog-filters{padding:0;margin:0 auto 20px;list-style:none;text-align:center}
.pages-news-media #tile-1 .nav-tabs li{margin:0 5px 0 0 !important;text-align:center;}
.blog-posts .blog-filters li{cursor:pointer;display:inline-block;padding:8px 20px 10px;margin:0 0 5px;font-size:15px;font-weight:500;line-height:1;border-radius:4px;transition:.3s ease-in-out;font-family:var(--heading-font)}
.blog-posts .blog-filters li.filter-active,.blog-posts .blog-filters li:hover{color:#fff;background-color:#fad906}
.blog-posts .blog-filters li:first-child{margin-left:0}
.blog-posts .blog-filters li:last-child{margin-right:0}
@media (max-width:575px){.blog-posts .blog-filters li{font-size:14px;margin:0 0 10px}}
.pages-news-media #tile-1 .nav-tabs li a{position:unset;margin-right:unset;padding:unset;border:unset;color:unset;font-family:unset;opacity:unset;font-size:unset}
.pages-news-media #tile-1 .nav-tabs a:hover{background-color:unset!important;border:unset}
div#tile-1 ul{justify-content:center}
.pages-news-media #tile-1 .nav-tabs{position:relative;background-color:#fff;border-radius:0;border-bottom:unset;margin-bottom:30px}
.pagination_style1 .pagination .page-item { padding: 0 0px; }
/*--------------------------------------------------------------
# Impact Force
--------------------------------------------------------------*/
div#calcResult h3 {text-align: center;color: #fff;background-color: #1b6997;padding-top: 10px;padding-bottom: 12px;border-top-left-radius: .25rem;border-top-right-radius: .25rem;margin-bottom: 4px;margin-top: 0;line-height: 1.1;}
div#calcResult span i {color:#F9CF00}
div#calcResult .results{font-weight:bold;}
span.error p {color: #ff3333;font-style: italic;font-weight: 500;margin-left: 10px;}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container{background-color:#fff;padding:30px;margin:0 0 30px;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.widget-title{color:#111;font-size:20px;font-weight:700;padding:0;margin:0 0 20px}
.widget-item{margin-bottom:40px}
.widget-item:last-child{margin-bottom:0}
.recent-posts-widget .post-item {display: flex;flex-direction: column;margin-bottom: 20px;}
.recent-posts-widget .post-item:last-child{margin-bottom:0}
.recent-posts-widget .post-item h4{font-size:16px;font-weight:600;margin-bottom:5px}
.recent-posts-widget .post-item h4 a{font-weight:500;color:#111;transition:.3s}
.recent-posts-widget .post-item h4 a:hover{color: #b09904}
.recent-posts-widget .post-item time{display:block;font-style:italic;font-size:14px;color:color-mix(in srgb,#444,transparent 50%)}