/*********************************************************************************

	Template Name: Salina - Construction Bootstrap 5 Template
	Template URI: https: //themeforest.net/user/
	Description: A perfect construction template for build beautiful and unique construction websites. It comes with nice and clean design.
	Author: Author Name
	Author URI: Author URI
	Version: 1.0

	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/
/*-- Banner --*/
.banner-area {position: relative;min-height: 300px;color: #000;background-position: 50% 50%;background-size: cover; background: url('../images/banner.jpg');}
.banner-title {color: #000;font-size: 38px;font-weight: 800;}
@media (max-width: 767px) {.banner-title {font-size: 28px;}}
@media (max-width: 575px) {.banner-title {font-size: 32px;}}
.banner-text {position: absolute;top: 50%;left: 0;right: 0;max-width: 1170px;margin: 0 auto;width: 100%;z-index: 1;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.banner-heading {text-align: center;}
.breadcrumb {padding: 0;background: none;font-weight: 700;text-transform: uppercase;font-size: 12px;}
.breadcrumb li a,
.breadcrumb .breadcrumb-item,
.breadcrumb li a:focus,
.breadcrumb li a:hover {color: #000 !important;}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {color: #000;}
.section-detail{padding-bottom:70px;}
.ser-padd{padding: 50px 30px 0 30px;}
.div-height{background:#00397a2e;padding: 35px;height: 150vh;box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;}
.menu-item{list-style:none;font-size: 16px;padding: 5px 20px;color:#00387a;}
.menu-item:hover{background: #00387a;border-radius: 20px;color: #fff;}
.text-black{font-size:15px;}
.footer-area-top{background: #212121; padding: 20px;}
.footer-area-top .footer-box {margin-bottom: 30px;}
.footer-area-top p {color: #f5f5f5;}
.footer-area-top h3 {font-size: 20px;margin-bottom: 30px;color: #FFFFFF;}
.footer-area-top .footer-about {margin: 20px 0 35px;}
.footer-area-top .footer-about p {font-size: 16px;}
.footer-area-top .featured-links {margin-bottom: 50px; list-style-type: none;}
.footer-area-top .featured-links > li {display: inline-block;}
.footer-area-top .featured-links > li:first-child {margin-right: 30px;}
a:focus,input:focus,textarea:focus,button:focus {text-decoration: none;outline: none;}
a:focus,a:hover{text-decoration: none;}
i,span,a{display: inline-block;}
ul,ol {margin: 0px;padding: 0px;list-style-type: none;}
p {font-size: 16px;font-weight: 400;line-height: 28px;color: #505050;margin: 0px;}
@media (min-width: 992px) and (max-width: 1199px) {.footer-area-top .featured-links > li:first-child {margin-right: 10px;}}
.footer-area-top .featured-links > li ul li {margin-bottom: 12px;position: relative;padding-left: 15px;font-size: 16px;}
.footer-area-top .featured-links > li ul li:before {position: absolute;left: 0;color: #fdc800;top: 0;}
.footer-area-top .featured-links > li ul li a {color: #f5f5f5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; text-decoration: none;}
.footer-area-top .featured-links > li ul li a:hover {color: #fdc800;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.footer-area-top .corporate-address {margin-bottom: 20px; list-style-type: none;}
.footer-area-top .corporate-address li {margin-bottom: 10px;color: #f5f5f5;position: relative;padding-left: 30px;font-size: 16px;}
.footer-area-top .corporate-address li i {color: #fdc800;padding-right: 15px;position: absolute;left: 0;top: 3px;z-index: 1;font-size: 14px;}
.footer-area-top .corporate-address li a {color: #f5f5f5; text-decoration: none;}
.footer-area-top .corporate-address li:last-child {margin-bottom: 0;}
.footer-area-top .newsletter-area .stylish-input-group {border: none;padding: 0;}
.footer-area-top .newsletter-area .stylish-input-group .form-control {border: none;box-shadow: 0 0 0;border-radius: 0;text-transform: lowercase;color: #717a7f;height: 42px;font-size: 13px;background-color: rgba(0, 8, 46, 0.3);}
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon {background: transparent;border: none;border-radius: 0;padding: 0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon button {border: 0;padding: 13px 17px 14px 17px;background-color: rgba(0, 8, 46, 0.3);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon button i {color: #fdc800;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon button:hover {background: #fdc800;}
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon button:hover i {color: #002147;}
.footer-area-top .footer-social li {display: inline-block;margin-right: 5px;}
@media (min-width: 992px) and (max-width: 1199px) {.footer-area-top .footer-social li {margin-right: 2px;}}
.footer-area-top .footer-social li a {width: 30px;height: 30px;border: 1px solid #2b5788;display: block;text-align: center;line-height: 27px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.footer-area-top .footer-social li a i {color: #b3b3b3;font-size: 13px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.footer-area-top .footer-social li a:hover {border: 1px solid #fdc800;background: #fdc800;}
.footer-area-top .footer-social li a:hover i {color: #002147;}
.footer-area-top .footer-social li:last-child {margin-right: 0;}
.footer-area-top .flickr-photos li {display: inline-block;width: 32%;margin-bottom: 4px;}
.footer-area-top .flickr-photos li img:hover {opacity: 0.5;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.footer-area-bottom {background: #001a39;padding: 20px 0 0;text-transform: capitalize;font-size: 14px;}
@media only screen and (max-width: 767px) {.footer-area-bottom {text-align: center;padding: 17px 0;}}
.footer-area-bottom p {color: #999999;}
@media only screen and (max-width: 767px) {.footer-area-bottom p {margin-bottom: 10px;}}
.footer-area-bottom p a {color: #FFFFFF;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;text-decoration: none;}
.footer-area-bottom p a:hover {color: #fdc800;}
.footer-area-bottom .payment-method {text-align: right;}
@media only screen and (max-width: 767px) {.footer-area-bottom .payment-method {text-align: center;}}
.clientimage{height:200px;width:200px; border:1px solid #ccc;padding:10px;}
.clientimage img{height:180px;width:220px;}
.certificate img{height:220px;width:100%;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}