/* ============ header =========== */

header .header-top {
    padding: 5px 0;
}

.header-social-icons li a:hover {
    color: #3b9eee !important;
}


header .header-bottom {
    padding: 20px 0;
}

header .logo img {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.col.order-lg-1.bg-primary.text-white.wow.fadeInLeft {
    background-color: #fcc329!important;
    color: #000!important;
}
.disc li {
    background: url(https://rs.elevateomdev.com/DWScaffoldingLtd/wp-content/uploads/2024/07/icons8-tick-26.png) no-repeat left center !important;
    padding-left: 32px !important;
    list-style: none;
    margin-bottom: 15px;
}
.disc2 li {
    background: url(https://rs.elevateomdev.com/DWScaffoldingLtd/wp-content/uploads/2024/07/icons8-tick-26-1.png) no-repeat left center !important;
    padding-left: 32px !important;
    list-style: none;
    margin-bottom: 15px;
}
.disc3 li {
    background: url(https://rs.elevateomdev.com/DWScaffoldingLtd/wp-content/uploads/2024/07/icons8-tick-26-2.png) no-repeat left center !important;
    padding-left: 32px !important;
    list-style: none;
    margin-bottom: 15px;
}
.w-75{
	width:75%!important;
	margin:auto;	
}

/* ============= banner ========== */
.wp-container {
    gap: 0rem!important;
}


#MainBanner .banner-form {
    top: 0%;
    width: 100%;
    right: 0;
    z-index: 9;
}

#MainBanner .banner-form .form-wrapper {
    padding: 40px 60px;
    max-width: 520px;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0.45);
}

#MainBanner .banner-form .form-group {
    margin-bottom: 10px;
}
#MainBanner.inner-banner .banner-img {
    height: 400px;
}


/* ContactInfo  ============= */

#ContactInfo {
    padding-top: 50px;
}

#ContactInfo .contact {
    min-height: 140px;
    padding: 10px;
	box-shadow: 2px 2px 8px rgba(0,0,0,.3);
}

#ContactInfo .contact .icon {
    min-width: 40px;
}


/* services =========*/

#services {
    padding: 50px 0px 100px 0;
}

#services .service-box {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #d7d7d7;
}

#services .service-box .content {
    padding: 0 10px 40px 10px;
}


/* Welcome =========*/

#Welcome h2 {
    line-height: 1;
}

#Welcome h2 span {
    letter-spacing: 2px;
}

#Welcome .welcome-img {background:url(../images/image13.jpg) no-repeat center center; background-size:cover; height:100%; width:100%;}


#Welcome .btn-primary:hover {
    background-color: #ffffff !important;
    color: #032b55 !important;
}

#Welcome .working {background:url(../images/image18.jpg) no-repeat center center; background-size:cover; height:100%; width:100%;}
#Welcome .special {background:url(../images/image55.jpg) no-repeat center center; background-size:cover; height:100%; width:100%;}

.fs-80 {
    font-size: 25px;
}
.bg-light.text-dark.rounded.p-3.mb-3.text-center.border.border-dark.fs-22.fw-medium {
    height: 165px;
}
h1.text-center.text-primary.text-uppercase.fs-35.my-3 {
    margin-top: 36px!important;
    margin-bottom: 36px!important;
}
/* contact us ============= */

#ContactUs {
    padding: 90px 0;
}

#ContactUs .form-group {
    margin-bottom: 20px;
}

#ContactUs .action {
    margin-top: 20px;
}

#ContactUs textarea.form-control {
    height: 192px !important;
}
/* footer ===== */

footer .footer-top {
    padding: 50px 0 100px;
}

footer .text-info:hover {
    color: #ffffff !important;
}

footer .footer-social-links li+li {
    margin-left: 12px;
}

footer .footer-social-links li a {
    display: inline-block;
}

footer .footer-social-links li a:hover {
    transform: translateY(-5px);
}

footer .copyright {
    border-top: 1px solid #fcc329;
    padding: 20px 0;
}

.list {list-style:disc; padding-left:25px;}


/* ==================== media queries ============= */


/* ***********  Format start **************** */

@media (min-width:1920px) {
    .container-fluid {
        max-width: 1920px;
    }
}

@media (min-width:1600px) {
    .gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
	.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
}

@media (min-width:992px) {
    header.shrink .header-bottom {
        padding:5px 0;
    }
    header.shrink .logo img {
        /* max-width: 125px; */
    }
	#MainBanner .banner-img {
    height: 585px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
}


/************************************************************************/
@media (min-width: 768px) and (max-width: 1199.98px) {
h4, .h4 {
  font-size: 15px;
  line-height: 19px;
}	
}

@media (min-width:768px) and (max-width:991.98px) {
	.header-bottom .logo,.header-bottom .collapse,#ContactInfo h4 {zoom:0.82;}
	#Navigation{justify-content: center; width:100%;margin:10px 0px 0px;}
	
}

@media (max-width:991.98px) {
    #services {
        padding: 50px 0;
    }
    #ContactUs {
        padding: 50px 0;
    }
	#Welcome .working,#Welcome .special,#Welcome .welcome-img {
		height:400px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
header .header-bottom {padding:5px 0;}	
#MainBanner .banner-img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
#MainBanner .banner-form .form-wrapper {
    padding: 20px 20px;
    max-width: 60%;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0.45);
}
.form-control, input.form-control, input.form-control:focus {
  height: calc(1.9em + 0.9rem);}
  
#MainBanner .banner-form h1, .h1 {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 10px;}
  
  #ContactInfo .contact {
  min-height: 100px;
}


}
.innerpages p{font-size:16px ;}
/*********************************************************************/

@media (max-width:767.98px) {
    header .header-bottom {padding:5px 0;}
    footer .footer-top {padding: 50px 0 ;}
	
	
	#ContactInfo .contact {
  min-height: 100px;}
	
	#MainBanner .banner-img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
#MainBanner .banner-form .form-wrapper {
    padding: 20px 20px;
    max-width: 60%;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0.45);
}
.form-control, input.form-control, input.form-control:focus {
  height: calc(1.9em + 0.9rem);}
  
#MainBanner .banner-form h1, .h1 {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 10px;}
 h4, .h4 {
  font-size: 14px;
  line-height: 16px;
} 
  
	
	/**********    Navbar Css   *********************/
	
	.logo{height:50px;}
	.navbar-brand{margin:auto;}
	
	.mobile-nav-toggle {
  background: none;
  border: 0;
  cursor: pointer;
  outline: none !important;
  padding: 16px 30px 30px 11px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  z-index: 9999;
  box-shadow: none !important;
}

  .mobile-nav-active .mobile-nav-toggle.active {
  position: absolute;
  left: 240px;
  top: 20px;
  background: #000 !important;
  padding: 0px 5px 15px 0px !important;
  margin-bottom: 15px;
}

    .mobile-nav-toggle span,.mobile-nav-toggle span:before,.mobile-nav-toggle span:after {
        cursor: pointer;height: 4px;width: 23px;background: #000;position: absolute;display: block;content: '';transition: all 500ms ease-in-out;border-radius: 5px;}
    .mobile-nav-toggle span:before {top: -7px;width: 23px;}
    .mobile-nav-toggle span:after {bottom: -7px;width: 23px;}
    .mobile-nav-toggle.text-white span,.mobile-nav-toggle.text-white span:before,.mobile-nav-toggle.text-white span:after {background: #fff;}

    .mobile-nav-overlay {width: 100%;height: 100%;z-index: 1038;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.5);overflow: hidden;display: none;}
    .mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 1040;overflow-y: auto;left: -280px;width: 280px !important;
        padding: 20px;background:#002b54;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
    .mobile-nav * {list-style: none;color: #fff !important;}
	.mobile-nav {height: auto!important;}
	
    .mobile-nav .dropdown-menu {position: static !important;transform: none !important;background: none !important;padding-left: 25px;}
    .mobile-nav .dropdown-menu .dropdown-item-text {margin: 5px 0px;padding: 2px 10px;}
    .mobile-nav .dropdown-menu .dropdown-item {margin: 10px 0px;}
	.mobile-nav .dropdown-menu .dropdown-item .fa {display: none;}
    .mobile-nav .dropdown-menu .dropdown-item:before {content: "\00BB";margin-right: 5px;font-size: 20px;line-height: 1;}

	.mobile-nav ul{border:none!important;}
	.mobile-nav ul > .nav-item:not(.list-inline-item) {padding: 5px;width: 100%;}
	.mobile-nav ul > .nav-item > .nav-link {display: block;position: relative;color: #fff !important;
		padding: 0px !important;font-weight: 500;font-size: 16px;text-transform: uppercase;text-align: left !important;
		text-decoration: none !important;background: none;border: none;}
    .mobile-nav ul > .nav-item > button.nav-link {font-size: 16px;}
	.mobile-nav ul > .nav-item > button.nav-link.active span {color: #3DAA34 !important;}
	.mobile-nav ul > .nav-item > .nav-link > img {width: 20px;margin-right: 10px;}
	
    .mobile-nav-active {overflow: hidden;}
	.mobile-nav-active #Header {background-color: transparent !important;z-index: 1040;}
	.mobile-nav-active #Header a {visibility: hidden;}
	.mobile-nav-active .mobile-nav-toggle.active span:after {width: 23px;}
	.mobile-nav-active .mobile-nav-toggle.active span {background-color: transparent;}
    .mobile-nav-active .mobile-nav-toggle.active span:before,.mobile-nav-active .mobile-nav-toggle.active span:after {top: 7px;}
    .mobile-nav-active .mobile-nav-toggle.active span:before {bottom: 0px;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
	.mobile-nav-active .mobile-nav-toggle.active span:after {background: #fff;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	.mobile-nav-active .mobile-nav.active {left: 0;}
	.mobile-nav-active .mobile-nav-toggle {margin-top: -15px;}
	.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
            

    .mobile-nav ul.navbar-nav > li.nav-item > .megamenu,
    .mobile-nav ul.navbar-nav > li.nav-item > .sub-menu {
        font-size: 15px;font-weight: 400;position: static;background: none;color: #fff;padding: 0px;border: none;display: none;}

	.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a,
	.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a {
		display: block;padding: 10px 20px;color: #fff;}

	.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a:before,
	.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a:before {
		display: inline;content: "\00bb";margin-right: 5px;}

    .mobile-nav-active .mob-menu-btn {display: block;}
}

@media (max-width:575.98px) {
    header .logo img {
        max-width: 175px;
    }
    .header-top .top-inner{
        flex-wrap: wrap;
    }
	
    #MainBanner .banner-form .form-wrapper {
        padding: 20px 20px;
       
    }
	.header-contacts {zoom:0.95;}
  
  #MainBanner .banner-form .form-wrapper {
    padding: 20px 20px;
    max-width: 100%;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0.45);
}

#MainBanner .banner-form {
     position:static !important; margin-top:15px;
}
#MainBanner .banner-img {
    height: 170px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
 h4, .h4 {
  font-size: 15px;
  line-height: 19px;
} 
	.w-75{
	width:100%!important;
	margin:auto;	
}
	h3.wp-block-heading.has-text-align-center {
    font-size: 20px!important;
}
	p.has-text-align-center.mb-4 {
    font-size: 18px!important;
}
	h4.wp-block-heading.mb-4 {
    font-size: 17px!important;
}
	h2.wp-block-heading.has-text-align-center.px-3.mb-3.mt-3.has-text-color.has-link-color {
    font-size: 22px!important;
}
}