@font-face {
	font-family: "socialico";
	src: url("fonts/Socialico/Socialico.eot");
	src: url("fonts/Socialico/Socialico.eot?#iefix") format("embedded-opentype"), url("fonts/Socialico/Socialico.woff2") format("woff2"), url("fonts/Socialico/Socialico.woff") format("woff"), url("fonts/Socialico/Socialico.ttf") format("truetype"), url("fonts/Socialico/Socialico.svg#lobster_1.4regular") format("svg");
}

@font-face {
	font-family: 'Source Serif Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('fonts/SourceSerifPro/Source Serif Pro Bold'), url('fonts/SourceSerifPro/SourceSerifPro-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Aptos';
	src: url('fonts/Aptos/Aptos-ExtraBold.woff2') format('woff2'),
		url('fonts/Aptos/Aptos-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


.suspension-contain {
	max-height: 980px;
	overflow: hidden;
	position: relative;
}

html.suspended {
	background: rgba(0, 0, 0, 0.6);
}

html, body {
    overflow-x: hidden;
}

body {
	max-width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-family: 'Lato', sans-serif;
	background: #ffffff;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {

	color: inherit;
}

h1,
h2,
h3,
h4,
h5 {
	padding: 0;
	margin: 0;
}

.row {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}




*{
	box-sizing: border-box;
}


/*floats*/
.fl {
	float: left;
}

.fr {
	float: right;
}

/*typography*/
.text-primary {
	color: #B11414;
}

.text-bold {
	font-weight: 700;
}

.text-uppercase {
	text-transform: uppercase
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left;
}

/*button*/
.button {
	font-size: 15px;
	font-weight: 400;
	color: #000;
	display: inline-block;
	padding: 10px 30px;
	background: #fff;
	border: 1px solid transparent;
	transition: all 0.5s ease;
}

.button:hover {
	background: #ddd;
	border-color: #ddd;
	color: #ddd;
	color: #fff;
}

/*clearings*/
.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.clearfix {
	display: block;
}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom {
	font-size: 14px;
	padding: 5px 10px;
	position: fixed;
	display: block !important;
	transform: none !important;
	bottom: 0 !important;
	left: 20px !important;
}

/*call to action*/
.cta {
	display: none;
}

/*contact form messages*/
form .messages p {
	display: none;
	font-family: Arial !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	font-size: 16px !important;
}

form .loading {
	display: none;
}

form .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

form .alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

form .alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

form [type="submit"] {
	margin: 20px auto
}

/*contact form*/
.ctc-form {
	margin: 0 auto;
	text-align: center;
}

.ctc-form textarea {

	padding-top: 10px;
}

.ctc-form button {
	
    max-width: 260px;
    width: 100%;
    display: inline-block;
    padding: 20px 24px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: white;
    background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
    border: none;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease-in-out;
    letter-spacing: 2px;
}

.ctc-form .recap {
	display: inline-block;
}

.ctc-form .g-recaptcha div {
	margin: 0 auto 10px;
}

.ctc-form .ctc-hide {
	display: none;
}

/*gallery*/
#content .gallery-container {
	text-align: center;
	padding: 35px 0;
}

ul.gallery.clearfix img {
    width: 250px;
    height: 250px;
    object-fit: cover;
}


#content .gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content .gallery li {
	display: inline-block;
}

#content .thumbnail {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	display: block;
	line-height: .42857;
	margin-bottom: 20px;
	padding: 4px;
	transition: border 0.5s ease-in-out 0s;
}

#content .thumbnail:hover {
	transform: scale(1.02);
}

#content .page_navigation {
	display: inline-block;
}

#content .page_link,
#content .previous_link,
#content .next_link,
#content .first_link,
#content .last_link,
#content .ellipse {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #0275d8;
	display: inline-block;
	line-height: 1.25;
	margin-left: -1px;
	padding: 0.5rem 0.75rem;
	position: relative;
}

#content .page_navigation>a:hover,
.page_navigation>a.active_page {
	background-color: #eceeef;
	border-color: #ddd;
	color: #014c8c;
	text-decoration: none;
}

h1 {
	font-size: 100px;
	font-weight: 100;
	color: #000;
}

a#pull {
    display: none;
}

/* header {
	background: url(../images/content/banner-bg.png);
}

#header .row {
	width: 100%;
	max-width: 1640px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

#header .logo-holder {
	padding-top: 30px;
	width: 100%;
	max-width: 286px;
	flex: 1 1 auto;
}

#header .logo-holder img {
	display: block;
	margin-left: auto;
}
#header .nav-holder{
	width: 100%;
	max-width: 670px;
	flex: 1 1 auto;
}
#header nav a#pull {
	display: none
}

#header nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style-type: none;
}

#header nav ul li {
	
	
}

#header nav ul li a {
	font-family: 'Source Serif Pro Bold';
	font-size: 15px;
	color: #fff;
	padding: 60px 22px 22px;
	display: inline-block;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
}

#header nav ul li.active-menu a,
#header nav ul li a:hover {
	background: #F2A30F;
	transition: all .3s ease-in-out;
}

#header .hdRight {
	text-align: right;
}

#header .hdRight p {
	line-height: 1;
	margin: 0;
	color: #fff;
}

#header .hdRightBot {
	padding-top: 20px;
	border-top: 1px solid #222222;
	margin-top: 15px;
}

#header .hdSocial a {
	font-family: "socialico";
	font-size: 35px;
	color: #007FFF;
}

#header .hdSocial a:hover {
	color: #FFFFFF;
}

#header .hdPhone {
	font-size: 22px;
	vertical-align: top;
}

#header .hdPhone img {
	vertical-align: bottom;
}

#header .hdEmail {
	font-size: 16px;
}

#header .hdInfo,
.hdPhone {
	display: inline-block;
}

#header .hdInfo {
	border-left: 1px solid #222222;
	margin-left: 15px;
	padding-left: 15px;
	text-align: center;
}

/* end */

/* banner */
#banner {
	background: url(../images/common/bn-wrapper.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#banner .row {
	min-height: 754px;
	padding: 0;
	text-align: right;
}

#banner .text {
	display: inline-block;
	vertical-align: top;
	width: 462px;
	height: 462px;
	margin: 108px 0 0;
	padding: 10px;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box;
	background: rgb(0, 45, 78, 0.8);
	margin-right: -120px;
}

#banner .text .bnBox {
	width: 100%;
	height: 100%;
	padding: 20% 2% 0;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	box-sizing: border-box;
	border-color: rgb(255, 255, 255, 0.8);
}

#banner .text h2 {
	padding: 0 0 20px;
	font-size: 40px;
	font-weight: 900;
}

#banner .text p {
	font-size: 18px;
	line-height: 122%;
	font-weight: bold;
}

#banner .text p .button {
	margin: 10px 0 0;
}


#content .row {
	padding: 0;
}

#services-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/common/services-wrapper.jpg);
}

#services-1 {}

#services-1 .row {
	margin: -200px auto -120px;
}

#services-1 dd {
	text-align: center;
	max-width: 280px;
	margin: 0 auto;
}

#services-1 dd p {
	font-size: 14px;
	color: #000;
}

#services-1 h3 {
	font-size: 25px;
	position: relative;
	padding-bottom: 20px;
	color: rgb(0, 0, 0);
	margin-bottom: 15px;
}

#services-1 h3:before,
#content-1 h3:before,
#gallery-section h2:before,
#footer-section h2:before {
	width: 100px;
	height: 5px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	content: "";
	background: #2391FF;
	border-radius: 30px;
}

body.inner.contact-page #footer {
    display: none;
}


#services-1 dl {
	display: inline-block;
	vertical-align: top;
	width: calc(33.33% - 3px);
	padding-top: 90px;
}

#services-1 dl:nth-of-type(2) {
	padding-top: 0;
}

#services-1 dt {
	margin-bottom: 20px;
}

#services-1 dt img {
	border-radius: 50%;
	box-shadow: 0 -5px 10px grey;
	border: 5px solid #fff;
}

#services-1 .button {
	margin-top: -60px;
}

#services-1 .parag p {
	padding: 20px;
}


/* content bottom */
#services-section .row {
	padding: 13px 0 13px;
}

#services-section h2 {
	font-size: 25px;
}

#services-section p {
	font-size: 15px;
	line-height: 150%;
	font-weight: 300;
	padding: 8px 0;
}

#services-section .logo {
	padding: 20px 0;
	background: url(../images/common/data-border.png) no-repeat center bottom;
}

#services-section .logo img {
	max-width: 286px;
}

#services-section .text {
	width: 462px;
	height: 462px;
	padding: 10px;
	text-align: center;
	border-radius: 50%;
	border-width: 2px;
	box-sizing: border-box;
	background: rgb(0, 45, 78, 0.8);
}

#services-section .text .bnBox {
	width: 100%;
	height: 100%;
	padding: 5% 5% 0;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	box-sizing: border-box;
	border-color: rgb(255, 255, 255, 0.8);
}

#content-1 {
	padding: 180px 0 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background: url(../images/common/cn-wrapper.jpg);
}

#content-1 h3 {
	font-size: 25px;
	font-weight: 700;
	color: #000;
	position: relative;
	padding-bottom: 20px;
}

#content-1 .parag {
	max-width: 630px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 80px;
}

#content-1 .cn1imgBox {
	position: relative;
}

#content-1 .cn1imgBox img {
	width: 100%;
}

#content-1 .cn1imgBox h4 {
	font-size: 38px;
	font-weight: 900;
	color: #2391FF;
	line-height: 1;
	margin-bottom: 0;
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-align: right;
}

#content-1 .cn1imgBox h4 span {
	display: block;
	color: #fff;
}

#gallery-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/common/gallery-wrapper.jpg);
}

#gallery-section .gal-text {
	padding-bottom: 20px;
	position: relative;
}

#gallery-section .row {
	padding: 50px 0 105px;
	color: #000;
}

#gallery-section .galBox {
	max-width: 930px;
	margin: 30px auto 0;
}

#gallery-section .galRightTop {
	margin-bottom: 8px;
}

#gallery-section .galRightTop img:first-of-type {
	margin-right: 8px;
}

#feeds-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/common/feeds-wrapper.png);
}

#feeds-section .row {
	padding: 0;
}

#feeds-section .text {
	display: inline-block;
	vertical-align: top;
	width: 580px;
	min-height: 396px;
	padding: 10px 4% 0;
	box-sizing: border-box;
	background: rgb(28, 62, 147, 0.8);
}

#feeds-section p {
	font-size: 20px;
	line-height: 125%;
	font-weight: lighter;
	max-width: 458px;
	margin: auto;
}

#feeds-section .rates {
	font-size: 60px;
	line-height: 120%;
	color: #FF7F00;
}

#feeds-section .user {
	padding: 20px 0 0;
	font-size: 35px;
	line-height: 120%;
}

#feeds-section .user small {
	display: block;
	padding: 0 0 5px;
	line-height: 0;
}

#feeds-section .user small img {
	width: 100%;
	max-width: 100px;
	border-radius: 50%;
}

/* end */

/* footer */
#footer-section h2 {
	font-size: 51px;
	font-weight: 100;
	padding: 50px 0 20px;
	position: relative;
}



.inquiry-options {
    display: flex
;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
    /* text-align: center; */
    line-height: 12px;
}


#footer-section .final {
	padding-top: 10px;
	float: right;
}

#footer-section .final p {
	max-width: 280px;
	margin: 30px auto;
	text-align: center;
	line-height: 180%;
}

#footer-section .final span {
	color: #007FFF;
	font-size: 14px;
	font-weight: normal;
	display: block;
}

#footer-section .final strong {
	font-size: 15px;
	font-weight: normal;
}

#footer-section .final small {
	font-size: 25px;
	font-weight: bold;
}

#footer-section .copy-right p {
	font-size: 13px;
	font-weight: lighter;
	max-width: 739px;
	margin: auto;
	word-spacing: 2px;
	letter-spacing: 2px;
}

#footer-section .sub {
	text-align: left;
}

#footer-section .social-media a {
	max-width: 162px;
}

#footer-section .ctc-form .MesBox {
	height: 82px
}

#footer-section .MesBox input[type="text"] {
	padding: 10px 130px 70px 10px;
}

#footer-section .fot-logo img {
	position: absolute;
	top: 230px;
	left: 390px;
}

#footer-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/common/ft-wrapper.jpg);
	height: 638px;
}

#footer-section .row {
	min-height: 549px;
}

#footer-section nav {
	padding: 32px 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255, 255, 255, 0.2);
	display: inline-block;
	margin-top: 40px;
}

#footer-section nav ul li {
	border-left: 1px solid #FFF;
	padding: 0 10px;
	letter-spacing: 2px;
	font-size: 15px;
}

#footer-section nav ul li:nth-child(1) {
	border: none;
}

#About,
#Services,
#Gallery,
#Testimonials,
#Contact {
	color: #000000;
}

.row.contact-pg {
    max-width: 1600px;
    width: 100%;
    margin: auto;
}



.inner-cont  h3 {
    line-height: 110%;
    font-size: 22px;
    font-family: Jost;
    font-weight: 800;
    background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 100%;
    filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.65));
	text-align: left;
}



.phone-inner-pg p,
.email-2 p,
.address p,
.bus-hrs p {
    font-size: 19px;
    font-family: 'poppins';
    font-weight: 600;
    margin: 0;
	text-align: left;
	padding-bottom: 15px;
}



.cont-pg-wrapper {
    display: flex;
    justify-content: center;
	gap: 60px;
}

.cont-ico2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.inner #header {
	padding-bottom: 100px;
}


.inn-cont-page.cont {
    padding: 100px 15px 80px 15px;
}

.row.gall {
    max-width: 1600px;
    width: 100%;
    margin: auto;
}


ul.gallery.clearfix li {
    margin-right: 5px;
}


.inn-cont-page-abt,
.inn-cont-page-rev,
.inn-cont-page-gall{
	padding: 100px 15px 100px 15px;
}



.inn-cont-page-abt h1,
.inn-cont-page-rev h1,
.inn-cont-page-gall h1 {
    font-family: "jost";
    background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
    background-clip: text;
    color: transparent;
    font-size: 60px;
    line-height: 45px;
    padding: 0 0 15px 0;
    filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.65));
    font-weight: 800;
}


.inn-cont-page-abt p,
.inn-cont-page-rev p {
    font-size: 18px;
    font-family: 'poppins';
    line-height: 150%;
	font-weight: 400;
}


.inner-btn {
	
	font-weight: bold;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	font-size: 14px;
	border-radius: 0px;
font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: white;
	background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
}

.inner-btn:hover {
	background-color: #162D6B; 
}

.lst-iconss a {
    display: inline-block;
    transition: transform 0.3s ease;
}

.lst-iconss a:hover {
    transform: scale(1.1);
}



.mn-inn-pg-row {
    max-width: 1200px;
    width: 100%;
}
.mn-inn-pg-left-img img {
    max-width: 100%;
}


.mn-inn-pg-left-img {
    max-width: 590px;
	width: 100%;
}


.mn-inn-pg-row {
    max-width: 1349px;
    width: 100%;
    margin: auto;
    padding: 135px 0;
}


.mn-inn-pg-right-txt {
    max-width: 685px;
    width: 100%;
    text-align: left;
}



.mn-inn-pg-right-txt h3 {
    font-family: "jost";
    background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
    background-clip: text;
    color: transparent;
    font-size: 50px;
    line-height: 45px;
    padding: 0 0 15px 0;
	filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.65));
}


.mn-inn-pg-right-txt span {
    font-family: 'poppins';
    font-size: 20px;
}


.mn-inn-pg-right-txt p {
    font-size: 18px;
    font-family: 'poppins';
    line-height: 180%;
	color: #333333;
}





/* end */
.silver img {
	display: inline-block;
	vertical-align: middle;
	max-width: 50px;
}

.media a,
.social-media a {
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center top;
	transition: all 0.3s ease-in-out 0s;
}

.social-media a {
	font-size: 35px;
	line-height: 120%;
	font-family: "socialico";
}

.social-media a:hover {
	color: #007FFF;
}

.media a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.media a:nth-of-type(1) {
	background-image: url(../images/common/facebook.jpg);
}

.media a:nth-of-type(2) {
	background-image: url(../images/common/twitter.jpg);
}

.media a:nth-of-type(3) {
	background-image: url(../images/common/youtube.jpg);
}

.media a:nth-of-type(4) {
	background-image: url(../images/common/rss.jpg);
}

.media a:hover {
	background-position: center -40px;
}


/* header */

header {
	background: url(../images/content/banner-bg.png) no-repeat;
	background-size: cover;
}


#header {
	width: 100%;
	max-width: 1844px;
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	margin: 0 auto;
}

.bars {
	display: flex;
	width: 100%;
	max-width: 1090px;
	justify-content: space-between;
}

.nav {
	width: 100%;
	max-width: 638px;

}

.nav nav {
	width: 100%;
	max-width: 640px;
}

.nav ul {
	display: flex;
	color: white;
	justify-content: space-between;
	list-style-type: none;
	padding: 0;
	text-transform: uppercase;
	font-size: 15px;
	font-family: Jost;
	font-weight: 800;

}

.dropdown-content li a:hover {
	color: yellow !important;
	cursor: pointer !important;
}


p.aste {
    color: red;
    font-size: 35px;
    /* padding: 0; */
    margin: 0;
    padding: 8px 0;
}

span.inq {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    font-family: 'arial';
    color: #535353;
    padding: 8px 0 0 0;
	font-weight: 700;
}

nav ul li {
	position: relative;
	padding: 5px 15px;
	transition: color 0.3s ease-in-out;
}

.nav nav ul li a:hover,
.nav nav ul li.active a {
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.hd-con a:hover {
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	color: #000;
	text-shadow: 2px 2px 5px rgba(165, 153, 153, 0.3), -2px -2px 5px rgba(148, 137, 137, 0.8);
	transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}



.active-menu {
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}







.logo-hdd img {
    max-width: 100%;
}



.icon-wraps img {
	transition: transform 0.3s ease-in-out;
	max-width: 100%;
  }
  
  .icon-wraps img:hover {
	transform: scale(1.1);
  }



.iconss {
	width: 100%;
	max-width: 156px;
	padding-top: 15px;
}



.logo-hdd {
	padding-top: 10px;
    transition: transform 0.3s ease-in-out; 
}

.logo-hdd:hover {
    transform: scale(1.1); 
}





.hd-con {
	max-width: 266px;
	width: 100%;
	transition: transform 0.3s ease-in-out; 

}


.hd-con:hover {
    transform: scale(1.1) !important;
}


.hd-con a {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 252px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Jost;
    font-size: 33px;
    color: rgb(255, 255, 255);
    background-color: transparent;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3), -2px -2px 5px rgba(0, 0, 0, 0.8);
    border-radius: 20px;
    border: 2px solid #ccc;
    text-shadow: 6px 6px 3px rgba(0, 0, 0, 0.65);
    filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.65));
    
}




.icon-wraps {
	max-width: 158px;
	width: 100%;

}

.icon-wraps img {
	width: auto;
	height: auto;

}

.banner1 {
	width: 100%;
	max-width: 1792px;
	margin: 0 auto;
	padding: 100px 15px 58px 15px;
}

.ban-wrap {
	width: 100%;
	max-width: 768px;
	text-align: left;
}

.ban-wrap h1 {
	line-height: 110%;
	font-size: 70px;
	font-family: Jost;
	font-weight: 800;
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	line-height: 110%;
	filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.65));


}






.btn-wrap1{
	display: flex;
    max-width: 452px;
    width: 100%;
    justify-content: space-between;
}










.ban-wrap p {
	font-size: 25px;
	font-family: Poppins;
	color: white;
	line-height: 1.4;
	text-shadow: 7px 7px 4px rgba(0, 0, 0, 0.5);
	padding-bottom: 25px;
}

.btn1-hd {
	background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
	/* border-radius: 10px; */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 26px;
	padding-left: 26px;
	font-family: Montserrat;
	color: white;
	font-size: 14px;
	letter-spacing: 2px;
	/* line-height: 30px; */
	font-weight: 800;
	max-width: 195px;
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
}




.btn2-hd {
	background: linear-gradient(to bottom, #FFDE00, #F1C600, #E1AC00, #D19300);
	/* border-radius: 10px; */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 26px;
	padding-left: 26px;
	font-family: Montserrat;
	color: rgb(0, 0, 0);
	font-size: 14px;

	/* line-height: 30px; */
	font-weight: 800;
	max-width: 250px;
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
}

.button-ban1 {
	max-width: 452px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.inner .banner1 { padding: 0 0 80px; }
.inner .ban-wrap { max-width: 100%; }
.inner .banner1 h1 { width: 100%; text-align: center;}


.inner .card-access-ban{
	max-width: 1780px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}



.inner .card-access-box{
	max-width: 635px;
	text-align: left;
	padding-bottom: 20px;

}
.inner .card-access-box h2{
	font-size: 18px;
    font-family: Poppins;
    font-weight: 400;
    padding: 10px;
}
.inner .banner{
	background:url(../images/content/card-access.jpg) no-repeat ;
	background-size: cover;
	background-position: center;
}



.inner .card-access-btn1{
	max-width: 180px;
    width: 100%;
    display: inline-block;
    padding: 20px 24px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: white;
    background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
    border: none;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease-in-out;
    letter-spacing: 2px;
}
.inner .card-access-btn1:hover{
	transform: scale(1.08);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
    color: white;
}
.inner .cbanner-202{
	/* background:url(../images/content/card-access.jpg) no-repeat ;
	background-size: cover;
	background-position: center; */
}
.inner .card-ban2{
	max-width: 1780px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.inner .card-ban2-box{
	max-width: 805px;
	text-align: left;
	padding-bottom: 20px;
	margin: 0 auto;
	display: flex;
}
.inner .card-ban2-box h1{
    font-size: 55px;
    font-family: Jost;
    font-weight: 800;
    background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 120%;
    filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.65));
}
.inner .card-ban2-box h2{
    font-weight: 800;
    font-size: 50px;
    font-family: Poppins;
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.inner .card-ban2-box p{
	font-size: 18px;
    font-family: Poppins;
    font-weight: 400;
    padding: 10px;
}
.inner .card-ban2-box img{
    display: block;
    max-width: 100%;
    height: auto;

}

/* services */
#content {
	background: url(../images/content/bg-3.png) no-repeat;
	background-size: cover;
	padding-bottom: 82px;

}
.banner-abs{
	background: url(../images/content/bg-3.png) no-repeat;
	background-size: cover;
	padding-bottom: 131px;
}


#serv {
	width: 100%;
	max-width: 1756px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 10px 15px 0 15px;
	/* grid-area: 6px; */
}

.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    gap: 50px;
}

#content .h1 {
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	padding-top: 120px;
	width: 100%;
	font-weight: 800;
	font-family: Jost;
	font-size: 60px;

	-webkit-text-stroke: 3px #001040;
	padding-bottom: 15px;
}

.abs img {
	padding-top: 120px;
	width: 100%;
    max-width: 818px;
	padding-bottom: 25px;
}

.abs2 {
	padding-top: 20px;
}

.imggg img {
	padding-bottom: 10px;
}


.abs3 {
    transition: transform 0.3s ease-in-out; 
}

.abs3:hover {
    transform: scale(1.1); 
}


#wiring .btn3 {
	max-width: 237px;
	width: 100%;
	display: inline-block;
	padding: 20px 24px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: white;
	background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
	border: none;

	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.35);
	transition: all 0.3s ease-in-out;
	letter-spacing: 2px;
}

#content .btn2 {

	max-width: 260px;

	width: 100%;
	display: inline-block;
	padding: 20px 24px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: white;
	background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
	border: none;

	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.35);
	transition: all 0.3s ease-in-out;
	letter-spacing: 2px;
}

#content .button:hover {
	background: linear-gradient(to bottom, #3b5ff5, #14246a);
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.4);
}

#content .button:active {
	transform: scale(0.95);
}

.card {
	position: relative;
	/* text-align: justify; */
	width: 100%;
	max-width: 340px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.35);
	transition: transform 0.3s ease-in-out;
}


.card:hover {
    transform: scale(1.1); 
	z-index: 99999;
}


.card a {
	font-family: Jost;
	font-size: 16px;
	text-align: left;
	font-weight: 600;
	color: #D1C6B4;
	text-transform: uppercase;
	text-decoration: underline;
	/* text-shadow: inset 0 0 2px 2px rgba(142, 91, 25, 0.658); */
	text-shadow: 0 0 2px rgba(142, 91, 25, 0.658);

}


.card a:hover {
	transform: scale(1.08);
	box-shadow: 0px 10px 20px rgba(251, 255, 0, 0.733);
}

.del {
	font-family: Poppins;
	font-size: 14px;
	color: #535353;
	letter-spacing: .30px;
	line-height: 166%;
}

.h2 {
	color: #545454;
	font-size: 35px;
	font-family: Trajan Pro;
	line-height: 140%;
	max-width: 1330px;
	width: 100%;
	margin: 0 auto;
	padding-top: 48px;
	padding-bottom: 30px;
}

.card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-content1,
.card-content2,
.card-content3,
.card-content4,

.card-content5 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	color: white;
	padding: 15px;
	font-weight: bold;
	text-align: left;
}

.card-content p {
	margin: 5px 0;
}

.card-content1 h1,
.card-content2 h1,
.card-content3 h1,
.card-content4 h1,
.card-content5 h1 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 800;
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	cursor: pointer;
	font-family: Jost;
	width: 100%;
	line-height: 110%;
	text-align: left;

	/* Inner Glow */
	text-shadow: 0 0 2px rgba(255, 218, 0, 0.3),
		0 0 4px rgba(255, 218, 0, 0.15);

	/* Drop Shadow */
	filter: drop-shadow(7px 7px 4px rgba(0, 0, 0, 0.65));


}

#serv p {
	font-family: Jost;
	font-size: 16px;

	text-align: left;

	font-weight: 600;
	color: #ffff;
	text-transform: uppercase;
}

#serv img {

	width: 100%;
	height: 100%;
}

.serv-top { justify-content: center !important; gap: 20px; }
.serv-top img:hover { transform: scale(1.1);}
.serv-top img { max-width: 297px; transition: transform 0.3s ease-in-out;}

/* .card-content2 h1 {
	max-width: 209px;
}

.card-content3 h1 {
	max-width: 190px;
}

.card-content4 h1 {
	width: 100%;
	max-width: 195px;
} */

/* .card-content5 h1 {
	max-width: 273px;
} */

/* wiring */
#wiring {
	background: url(../images/content/wiring-img.png) no-repeat;
	background-size: cover;
}

.wiring {
	width: 100%;
	max-width: 1849px;
	margin: 0 auto;
	padding: 125px 15px 144px 15px;
}

.box-wiring {
	width: 100%;
	max-width: 873px;
	margin-left: auto;
	text-align: right;
}

.box-wiring h1 {
	font-size: 55px;
	font-family: Jost;
	font-weight: 800;
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	line-height: 120%;
	filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.65));

 
}

.box-wiring p {
	font-family: Poppins;
	font-size: 25px;
	color: white;
	line-height: 150%;
}

#wo {
	background: url(../images/content/who-img.png) no-repeat;
	background-size: cover;

}

#who-we {
	width: 100%;
	max-width: 1795px;
	margin: 0 auto;
	padding: 90px 15px 226px 15px;
}

.we-box {
	width: 100%;
	max-width: 646px;
	text-align: left;
}

.we-box h1 {
	/* font-family: Jost; */
	/* font-size: 100px; */
	/* font-weight: 800; */
	font-size: 18px;
	letter-spacing: 13px;
	color: #666666;
	font-family: Myriad Pro;
	width: 100%;
	max-width: 603px;
	margin: 0 auto;
}

.we-box h2
 {
    font-family: 'Jost', sans-serif;
    font-weight: 900;
    font-size: 100px;
    text-transform: uppercase;
    color: #FFDA00;
    -webkit-text-stroke: 6px black;
    paint-order: stroke fill;
    line-height: 100px;
}

.we-box p {
	font-size: 18px;
	font-family: Poppins;
	color: #333333;
	line-height: 36px;
}

.we-box h3 {
	font-size: 20px;
	font-family: Poppins;
	font-weight: 500;

	width: 100%;
}

.we-box span {
	font-size: 60px;
	font-family: Montserrat;
	font-weight: 800;

}

.num {
	width: 100%;
	max-width: 418px;
	padding-bottom: 22px;
}


.btnl {
	max-width: 180px;

	width: 100%;
	display: inline-block;
	padding: 20px 24px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: white;
	background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
	border: none;

	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.35);
	transition: all 0.3s ease-in-out;
	letter-spacing: 2px;
}

#rev {
	background: url(../images/content/rev-img.png) no-repeat;
	background-size: cover;
}

#reviewaa {
    max-width: 1768px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    height: 971px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 188px;
}
#reviewaa .revi-box {
	max-width: 644px;
	width: 100%;
	margin-left: auto;
	text-align: right;
}

#reviewaa .top-rev {
	display: flex;
	max-width: 276px;
	width: 100%;
	justify-content: space-between;
	margin-left: auto;
}

#reviewaa .left-quo {
	align-content: flex-end;
}

#reviewaa .right-quo h1 {
	font-size: 30px;
	font-family: Poppins;
	font-weight: 400;
	color: #F9EC35;
	padding-bottom: 10px;
}

#reviewaa .line {
	width: 100%;
	max-width: 163px;
	height: 10px;
	background-color: #F9EC35;
	margin: 0 auto;
}

#reviewaa h2 {
	font-weight: 800;
	font-size: 50px;
	font-family: Poppins;
	color: white;
}

#reviewaa h3 {
	font-size: 35px;
	font-family: Poppins;
	font-size: 35px;
	font-weight: 700;
	color: white;
}

#reviewaa h4 {
	font-size: 18px;
	font-family: Poppins;
	color: white;
	font-weight: 300;
}

#reviewaa p {
	font-family: Poppins;
	font-size: 18px;
	line-height: 180%;
	color: white;
}

.gall-boxxx h1 {
	padding-top: 282px;
	padding-bottom: 15px;
	font-family: Jost;
	font-size: 50px;
	font-weight: 800;
	line-height: 100%;
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

div#galleryy {
    position: relative;
    margin-top: -78px;
}


.abs-foot img {
	padding-top: 55px;
}



.abs {
    padding-top: 80px;
}


.abs h2,
.abs3 h2 {
    font-size: 50px;
    font-weight: 900;
    font-family: 'Jost';
    color: #FFDA00;
    -webkit-text-stroke: 6px black;
    paint-order: stroke fill;
}


.abs3-logo {
    padding: 15px 0;
}

.abs3 img {

	padding-bottom: 15px;
}


.map-cont{
	padding-top: 15px;
}



.abs {
    transition: transform 0.3s ease-in-out;
}

.abs:hover {
    animation: bounce 0.6s infinite alternate;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}


.swiper-wrapper {
	max-width: 1735px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	padding: 0 10px 45px 10px;
	justify-content: space-between;
}



.dotss {
    margin-bottom: -30px;
}

.swiper {
	max-width: 1750px;
	width: 100%;
	margin: 0 auto;
}

/* #galleryy {
	background: url(../images/content/gallery-bg.png) no-repeat;
	background-size: cover;
} */

.gall-boxxx p {
	font-family: Poppins;
	font-size: 14px;
	line-height: 166%;
	letter-spacing: .30px;
	color: #535353;
}

#exbb {
	background: url(../images/content/bg-abs2.png) no-repeat;
	background-size: cover;
}

.experts {
    max-width: 1800px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    height: 1092px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}

.ex-box {
	/* padding-top: 117px; */
	max-width: 805px;
	width: 100%;
	text-align: right;
	margin-left: auto;
}

.experts h1 {
	font-size: 60px;
	font-family: Jost;
	font-weight: 800;
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	line-height: 120%;
	filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.65));

}

.experts p {
	font-size: 25px;
	font-family: Poppins;
	line-height: 150%;
	color: white;
}

.experts .btn4 {
	max-width: 240px;
	width: 100%;
	display: inline-block;
	padding: 20px 24px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: white;
	background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
	border: none;

	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.35);
	transition: all 0.3s ease-in-out;
	letter-spacing: 2px;
}




.gall-boxxx{
	padding-bottom: 15px;
}

.btn1-hd:hover,
.btn2-hd:hover,
#content .btn2:hover,
#wiring .btn3:hover,
.txt-check .btn4:hover,
.we-box button:hover,
.experts .btn4:hover,
.btnl:hover {
	transform: scale(1.08);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
	color: white;

}




	.swiper-slide {
		border-radius: 10px;
		width: 100%;
		max-width: 320px;
		transition: transform 0.3s ease-in-out;
		/* -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.75);
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.75); */
		height: 456px;
	}


.swiper-slide:hover {
    transform: scale(1.1); 
	z-index: 99999;
}



.swiper img {
    max-width: 100%;
	border-radius: 10px;
}





/* footer */

.foot-ban {
	width: 100%;
	max-width: 1612px;
	margin: 0 auto;
	padding: 15px 15px 70px 15px;
}

.ftbn-wrap-container {
	display: flex;
	width: 100%;
	max-width: 1612px;
	justify-content: space-between;
	padding-bottom: 30px;
	gap: 20px;
}

.containerf {
    width: 100%;
    max-width: 390px;
    box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.3);
    border: 1px solid #ddd;
    border-radius: 20px;
    transition: transform 0.3s ease-in-out; 
}

span.cpoy-2 img {
    width: 100%;
    max-width: 48px;
}

span.cpoy-2 {
    font-size: 14px;
    font-family: Arial;
    letter-spacing: .73px;
    color: white;
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.containerf:hover {
    transform: scale(1.1); 
}


.ftbn-wrap-container .containerf h1 {
	font-size: 35px;
	font-weight: 800;
	font-family: Jost;
	color: #001966;
	/* background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
    -webkit-background-clip: text;
    background-clip: text; */


}

.ftbn-wrap-container .containerf p {
	font-size: 16px;
	font-family: Poppins;
	line-height: 180%;
	padding-bottom: 22px;
	max-width: 330px;
	margin: 0 auto;
	color: #333333;
}

.containerf .fimg {
	padding-top: 35px;
}

.bot-ban-bl {
	display: flex;
	width: 100%;
	max-width: 1612px;
	justify-content: space-between;
	gap: 30px;

}

.bon-bl {
    width: 100%;
    max-width: 390px;
    background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
    border-radius: 15px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 0 7px rgba(0, 0, 0, 0.3);
    filter: drop-shadow(7px 7px 4px rgba(0, 0, 0, 0.3));
    transition: transform 0.3s ease-in-out; 
}

.bon-bl:hover {
    transform: scale(1.1); 
}


.bot-ban-bl h1 {
	font-size: 28px;
	font-family: Jost;
	font-weight: 800;
	padding-bottom: 25px;
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	color: transparent;
}

.fimg2 {
	padding-top: 20px;
}

.fimg22 {
	padding-top: 38px;
}



#footer .cntc1-form {
	background: #fff;
}











/* contact-form */
.footer-last {

	background: url(../images/content/last-foot-bg.png) no-repeat;
	background-size: cover;
}




.abs-foot h2 {
    font-size: 70px;
    font-family: 'Jost';
    font-weight: 600;
	color: #FFDA00;
    -webkit-text-stroke: 6px black;
    paint-order: stroke fill;
	text-transform: uppercase;

}


.cntc1-form {
    max-width: 1512px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 7px 7px 17px rgba(0, 0, 0, 0.342);
    border: 1px solid #ddd;
    padding: 30px 10px 0px 10px;
}

.cntc1-form p {
	width: 100%;
	max-width: 726px;
	font-size: 16px;
	font-family: Arial;
	color: #666666;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 15px;
	line-height: 145%;
}

input.consentBox {
    margin-right: 10px;
}


input.termsBox {
    margin-right: 6px;
}

.tp-ck,
.bt-ck {
    font-size: 16px;
    font-family: 'arial';
    color: #666666;
}

.ctc-form {
	max-width: 1366px;
	width: 100%;
	margin: 0 auto;
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.footer-l-box {
	padding-top: 65px;
	display: flex;
	max-width: 1425px;
	width: 100%;
	margin-left: auto;
	justify-content: space-between;
	gap: 20px;
}

.left {
	width: 100%;
	max-width: 405px;
	display: flex;
	flex-direction: column;
	gap: 17px;
}

.top {
	display: flex;
}

.loc,
.hours,
.email,

.phn {
	font-size: 16px;
	font-family: Teko;
	font-weight: bold;
	color: yellow;
	text-align: left;
	letter-spacing: 1.10px;
}

.loc span,
.hours span,
.email span,
.phn span {
	font-size: 18px;
	font-family: Montserrat;
	line-height: 120%;
}

.bot {
	display: flex;
}

.mid img {
	max-width: 100%;
}

.mid {
    width: 100%;
    max-width: 524px;
    transition: transform 0.3s ease-in-out; 
}

.mid:hover {
    transform: scale(1.1); 
}





.right {
	width: 100%;
	max-width: 478px;
	display: flex;
	flex-direction: column;
	gap: 17px;
}


.tb1 {
	width: 100%;
	max-width: 410px;
}


.lastfooter-1 {
	width: 100%;
	max-width: 1512px;
	margin: 0 auto;
	padding: 10px;
}

.top1 {
	width: 100%;
	max-width: 402px;
	text-align: left;
	justify-content: space-between;
	margin-left: auto;
	display: flex;
	gap: 10px;
}

.top1 .iconf {
	width: auto;
	height: auto;
}

.top1 .hspan {
	width: 100%;
	max-width: 305px;
	align-content: center;
}

.top1 span {
	font-size: 18px;
	font-family: Montserrat;
	color: white;
	cursor: pointer;
}

.bot1 {
	width: 100%;
	max-width: 402px;
	text-align: left;
	justify-content: space-between;
	margin-left: auto;
	display: flex;
	gap: 10px;
}

.bot1 .iconf {
	width: auto;
	height: auto;
}

.bot1 .hspan {
	width: 100%;
	align-content: center;
	max-width: 305px;
}

.bot1 span {
	font-size: 18px;
	font-family: Montserrat;
	color: white;
	cursor: pointer;

}

.bot span:hover,
.top span:hover,
.top1 span:hover,
.bot1 span:hover {
	background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.top {
	width: 100%;
	max-width: 402px;
	text-align: left;
	justify-content: space-between;
	margin-left: auto;
	display: flex;
	gap: 10px;
}

.top .iconf,
.bot .iconf,
.top1 .iconf,
.bot1 .iconf {
    transition: transform 0.3s ease-in-out; 
}

.top .iconf:hover,
.bot .iconf:hover, 
.top1 .iconf:hover,
.bot1 .iconf:hover{
    transform: scale(1.1);
}


.top .hspan {
	width: 100%;
	max-width: 305px;
	align-content: center;
}

.top span {
	font-size: 18px;
	font-family: Montserrat;
	color: white;
	cursor: pointer;
}

.bot {
	width: 100%;
	max-width: 402px;
	text-align: left;
	justify-content: space-between;
	margin-left: auto;
	display: flex;
	gap: 10px;
}

.bot .iconf {
	width: auto;
	height: auto;
}

.bot .hspan {
	width: 100%;
	max-width: 305px;
	cursor: pointer;
	align-content: center;
}

.bot span {
	font-size: 18px;
	font-family: Montserrat;
	color: white;
	cursor: pointer;
}

.fooot {}

.lst-iconss {
	max-width: 382px;
	text-align: justify;
	cursor: pointer;
	margin-left: auto;
}

.footer-nav {
	background-color: #222222;
}

.footer-nav h1 {
	font-size: 14px;
	font-family: Arial;
	letter-spacing: .73px;
	color: white;
	padding-bottom: 15px;
}

.foot-nav .nav {
	margin: 0 auto;
}



.nap,
.eac {
	display: flex;
	justify-content: space-between;
}




label {
    color: #666666;
}










.footer-nav {
    position: relative;
}

.dropdown-footer {
    position: relative;
}

.dropdown-content-footer {
    display: none; 
    position: absolute;
    bottom: calc(100% + 5px); 
    left: -92px;
    background-color: #000;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 9999; 
    padding: 0;
    list-style: none;
    min-width: 200px;
    visibility: hidden; 
    opacity: 0; 
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.dropdown-footer:hover .dropdown-content-footer {
    display: block; 
    visibility: visible;
    opacity: 1; 
}

.dropdown-content-footer li {
    padding: 10px;
    white-space: nowrap;
}

.dropdown-content-footer li a {
    color: #fff;
    text-decoration: none;
    display: block;
}

.dropdown-content-footer li a:hover {
    background-color: #f4f4f4;
}












.nap label,
.eac label {
	width: 100%;
	max-width: 680px;
}



.ctc-form input[type="text"] {
	font-family: Arial;
	font-size: 16px;
	color: #545454;


	width: 100%;


	padding: 22px 19px;
	box-sizing: border-box;


	padding-left: 25px;
	/* font-family: Open Sans; */
	/* font-size: 15px; */
	border: 1px solid #cccccc;
	height: 60px;
	background-color: #EEEEEE;
	box-shadow: inset 3px 3px 4px rgba(0, 0, 0, .32);
	/* width: 100%; */
	/* max-width: 380px; */
}




.ctc-form textarea {
	font-family: Arial;
	font-size: 16px;
	color: #545454;
	padding: 22px 19px;
	box-sizing: border-box;
	padding-left: 25px;
	/* font-family: Open Sans; */
	/* font-size: 15px; */
	border: 1px solid #cccccc;
	height: 150px;
	max-width: 1365px;
	width: 100%;
	background-color: #EEEEEE;
	box-shadow: inset 3px 3px 4px rgba(0, 0, 0, .32);
	/* width: 100%; */
	/* max-width: 380px; */
}






.ctc-hide {
	display: none;
}






.foot-nav {
	padding-top: 10px;
}


.text-ck {
	display: flex;
	flex-direction: column;
	text-align: left;
	gap: 10px;
}


.checkk {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 85px;
}

.txt-check {
	display: flex;
}


.txt-check .btn4 {
	max-width: 295px;
	width: 100%;
	display: inline-block;
	padding: 20px 24px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: white;
	background: linear-gradient(to bottom, #162468, #2E42AA, #4460F8, #162053);
	border: none;
	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.35);
	/* transition: all 0.3sease-in-out; */
	letter-spacing: 2px;
	padding: 21px;
}

.cntc1-form label {}

.txt-check label {
	display: none;
}


.g-recaptcha {
	max-width: 241px;
	max-width: 100%;
}


.g-recaptchA iframe {
	max-width: 241px;
	width: 100%;

}

.rc-anchor-container {
	width: 100%;
	max-width: 241px;
}


.card-ban{
	width: 100%;
	max-width: 315px;
	background-color: #007FFF;
}

/* 
card access */


/** Responsive
-------------------------------------------------------*/


@media screen and (max-width: 1320px) {
	#header {
		padding: 30px 10px 0 10px;
	}

	.hd-con a {
		font-size: 22px;
	}

	.hd-con {
		padding-top: 19px;
	}


	.bars {
		flex-wrap: wrap;
	}

}





@media screen and (max-width: 1250px){
	.card-content1 h1, .card-content2 h1, .card-content3 h1, .card-content4 h1, .card-content5 h1 {
		font-size: 26px;
	}

	/* .card-content2 h1 {
		max-width: 181px;
		width: 100%;
	}


	.card-content3 h1 {
		max-width: 165px;
		width: 100%;
	} */
}






@media screen and (max-width: 1100px){
	.cont-pg-wrapper {
		gap: 40px;
		flex-direction: column-reverse;
		align-items: center;
	}

	.inner-cont h3{
		text-align: center;
	}


	.phone-inner-pg p, .email-2 p, .address p, .bus-hrs p{
		text-align: center;
	}
	.cont-ico2 {
		justify-content: center;
		padding-bottom: 30px;
	}
	.cont-pg-info {
		max-width: 100%;
	}

	.map-cont {
		max-width: 100%;
	}


	iframe {
		max-width: 100%;
	}
}








@media screen and (max-width: 1024px) {
	body {
		min-width: 320px
	}

	.row {
		width: 95%
	}


	.bars {
        flex-wrap: wrap;
        justify-content: flex-end;
    }


	.inn-cont-page.cont{
		padding: 40px 0;
	}


	.ftbn-wrap-container {
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center;
		margin: auto;
		align-items: center;
	}

	#reviewaa p {
		text-shadow: 2px 1px 0px #000;
	}

	.containerf {
		height: 385px;
	}

	.experts {
		margin-bottom: -130px;
	}

	.cntc1-form {
		padding: 25px 10px;
	}
}

@media screen and (max-width: 959px) {

	#header .nav, .nav nav {
        max-width: 100%;
        position: fixed;
        z-index: 999;
        top: 0;
    }




	.tp-ck, .bt-ck {
		font-size: 15px;
	}



	.dropdown-content {
		visibility: visible !important;
		opacity: 100% !important;
		position: relative !important;
		left: 0 !important;
	}





	.iconss {
		padding-top: 64px;
	}

	#header {
		padding: 0;
		flex-direction: column-reverse;
		gap: 20px;
	}

	#header .row {
		width: 100%
	}
.logo-hdd img{
    max-width: 300px;
}
	#header nav {
		display: block;
		height: auto;
	}


    .experts {
        margin-bottom: 0;
    }



	.inn-cont-page-abt, .inn-cont-page-rev, .inn-cont-page-gall {
		padding: 40px 0px;
	}

	.bars{
		flex-direction: column;
		gap: 20px;
	}
	.iconss{
		margin: 0 auto;
	}
	.hd-con{
		margin: 0 auto;
		width: auto;
		max-width: 200px;
	}
	.ban-wrap h1{
		font-size: 34px;
	}
	.ban-wrap p{
		font-size: 15px;
		padding: 0;
	}

	.hd-con a{
		margin: 0 auto;
		font-size: 13px;
	}
	.abs img{
		width: 100%;
		max-width: 500px;
		padding: 0;
	}



	
	.imggg img{
		width: auto;
		max-width: 300px;
	}
	.del{
		font-size: 15px;
		margin: 0;
		padding: 0 10px;
	}
	/* .card-content1 h1, .card-content2 h1, .card-content3 h1, .card-content4 h1, .card-content5 h1{
		font-size: 20px;
		max-width: 180px;
	} */

	#header nav ul {
		width: 100%;
		display: none;
		height: auto;
		border-bottom: 5px solid #000;
		padding: 0 15px;
		background-color: #000;
		margin: 0;
		position: relative;
	}


	.container {
		flex-direction: column;
	}


	.mn-inn-pg-right-txt {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}



	.mn-inn-pg-row {
		padding: 40px 15px;
	}


	.banner-abs {
		padding: 40px 15px 40px 15px;
	}






	.card-content1 h1, .card-content2 h1, .card-content3 h1, .card-content4 h1, .card-content5 h1 {
		text-align: center;
	}

	.card-content2 h1 {
		text-align: center;
	}


	.card-content4 h1 {
		text-align: center;
	}


	#header nav ul li {
		width: 100%;
		position: relative;
	}

	#header nav ul li a {
		display: block;
		float: none;
		padding: 10px 0;
	}

	#header nav a {
		text-align: left;
		width: 100%;
	}

	#header nav a strong {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 15px;
	}

	#header nav a#pull {
		display: block;
		color: #fff;
		background-color: #000;
		height: 30px;
		padding: 10px 0;
		width: 100%;
		position: relative;
	}

	#header nav a#pull:after {
		content: "";
		background: url('../images/nav-icon.png') no-repeat;
		width: 20px;
		height: 20px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	.cta {
		background: #035B96 url("../images/common/phonecall.png") no-repeat center center;
		border-bottom-left-radius: 40px;
		border-top: 2px solid #013f9a;
		border-top-left-radius: 40px;
		bottom: 1%;
		display: block;
		height: 80px;
		position: fixed;
		right: 0;
		text-decoration: none;
		text-indent: -9999em;
		width: 100px;
		z-index: 999;
	}


.ban-wrap{
	margin: 0 auto;
    text-align: center;
}
.button-ban1{
	margin: 0 auto;
	justify-content: center;
    gap: 20px;
}
.btn1-hd{
	width: auto;
    max-width: 200px;
	width: auto;
    padding: 10px;
    font-size: 10px;
    padding: 10px;
	height: 35px;
}
.btn2-hd{
	width: 210px;
    font-size: 12px;
    padding: 10px;
}


#serv{
	flex-wrap: wrap;
    justify-content: center;
    gap: 15px;

		width: auto;
		padding-top: 5px;
		padding-bottom: 30px;
		padding-left: 50px;
		padding-right: 50px;
}

/* #serv h1{
	padding: 0;
	max-width: 130px;
} */
.box-wiring{
	margin: 0 auto;
    text-align: center;
}
.we-box{
	margin: 0 auto;
    text-align: center;
	/* padding-bottom: 30px; */
}
.num{
	margin: 0 auto;
}
#reviewaa .revi-box{
	margin: 0 auto;
    text-align: center;
	padding: 0 10px;
    width: auto;
	padding: 40px 15px;
}
#reviewaa .top-rev{
	margin: 0 auto;
	padding-top: 10px;
	flex-direction: column;
}
#reviewaa .left-quo{
	width: 100%;
}
.left-quo img{
	    /* width: 100%; */
		max-width: 50px;
}
.swiper-wrapperP{
	flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
	
}

.swiper img {
    max-width: 100%;
}


#reviewaa .right-quo h1{
	font-size: 25px;
    padding: 0;
}
#reviewaa .line{
	height: 5px;
}
#reviewaa h2{
	font-size: 30px;
}
/* #reviewaa p{
	font-size: 13px;
	line-height: 20px;
} */
#reviewaa h3{
	font-size: 25px;
}
/* #reviewaa h4{
	padding-bottom: 30px;
} */
.abs3 img{
	width: 100%;
    max-width: 500px;
	
}
.gall-boxxx p{
	font-size: 15px;
	margin: 0;
}
.swiper-slide{
	width: auto;
}

.ex-box{
	margin: 0 auto;
    text-align: center;
	padding: 0;
}
.ftbn-wrap-container{
	flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
	padding: 40px 15px;
    width: auto;
}
.ftbn-wrap-container .containerf h1{
	font-size: 22px;
}
.ftbn-wrap-container .containerf p{
	font-size: 15px;
	padding: 10px;
	line-height: 150%;
}

.bot-ban-bl{
	flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
	width: auto;
    padding: 0 0 40px 0;
}
.abs-foot img{
	width: 100%;
    max-width: 500px;
	padding-top: 10px;
}
.woh{
	background-color: #ffffff6b;
}
.cntc1-form p{
	padding: 0;
	font-size: 15px;
	padding: 10px;
    width: auto;
}
.ctc-form input[type="text"]{
	font-size: 14px;
}
.ctc-form{
	width: auto;
    /* padding-left: 30px; */
    /* padding-right: 30px; */
    padding: 0 20px;
}
.nap, .eac{
	gap: 5px;
	flex-direction: column;
}
.checkk{
	width: auto;
    padding: 30px;
	font-size: 13px;
}

.fimg2{
	width: 100%;
}
.bot-ban-bl h1{
	font-size: 20px;
}

#footer .cntc1-form{
	width: auto;
	max-width: 800px;
    /* padding: 10px; */

}
.footer-l-box{
	flex-direction: column;
	width: auto;
    padding: 10px 30px;
}
.left {
	margin: 0 auto;
	max-width: 478px;
}
.mid img{
	width: 100%;
    max-width: 300px;
}
.mid{
	margin: 0 auto;
}
.right{
	margin: 0 auto;
}
.swiper-wrapper{
	flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
	padding: 20px;
    width: auto;
}





.experts h1{
	font-size: 34px;
}
.experts p{
	font-size: 15px;
}
.experts .btn4{
	padding: 10px;
    width: auto;
    font-size: 13px;
}

.foot-nav{
	display: none;
}

#content{
	padding: 0;
}

.serv-bann{

    width: 100%;

    margin: 0 auto;
    background-color: #000000a8;
    color: white;
	padding-top: 0px;
    padding-bottom: 40px;
}




.abs h2, .abs3 h2 {
    font-size: 32px;
}


.we-box h2 {
    font-size: 59px;
}



.we-box p {
    font-size: 15px;
    font-family: Poppins;
    color: #333333;
    line-height: 32px;
    margin: 0;
}


.wiring {
	background-color: #0000008c;
    width: 100%;
    max-width: 1849px;
    margin: 0 auto;
    padding: 40px 15px;
}


.h2{
	color: #ddd;
	font-size: 20px;
    width: auto;
    padding: 15px 20px;
	max-width: 800px;
}
.card a {
	font-size: 15px;
	display: flex;
	justify-content: center;
}
#content .btn2{
	padding: 10px;
    width: auto;
    font-size: 12px;
}
#wiring .btn3{
	padding: 10px;
    width: auto;
    font-size: 12px;
}
.box-wiring h1{
	font-size: 30px;
}
.box-wiring p{
	font-size: 15px;
	margin: 5px;
}
.btn3{
	font-size: 10px;
}
.we-box h1{
	font-size: 13px;
}
.abs2 img{

	width: 100%;
    max-width: 200px;

}
/* .we-box p{
	font-size: 13px;
    line-height: normal;
    color: black;
} */
.we-box h3{
	font-size: 13px;
}
.we-box span{
	font-size: 15px;
}
.btnl{
	width: auto;
    padding: 10px;
    font-size: 13px;
}
#who-we{
	padding: 40px 15px;
    width: auto;
}


.foot-ban{
	padding: 0;
}
.g-recaptcha{
	max-width: 100px;
    height: auto;
}

.checkk{
	flex-direction: column;
    gap: 10px;
	padding: 0 30px;
}
.txt-check{
	justify-content: space-between;
	flex-direction: column;
    gap: 10px;
}
.txt-check .btn4{
	width: auto;
    padding: 10px;
    font-size: 13px;
}.abs-foot{
	width: auto;
    padding: 10px;
}
.lastfooter-1{
	padding: 0;
}
.iconf img{
	width: 100%;
    max-width: 100px;
}
.top span{
	font-size: 15px;
}
.iconf img{
    width: 100%;
    max-width: 300px;
}
.bot .hspan{
	width: 100%;
}
.bot span{
	font-size: 15px;
}
.top1 span{
	font-size: 15px;
}
.bot1 span{
font-size: 15px;
}
.footer-nav h1{
	font-size: 15px;
	padding: 10px;
}
.lst-iconss{
	text-align: center;
	margin: auto;
}
.bot,
.bot1,
.top,
.top1{
	gap: 10px;
}
.loc, .hours, .email, .phn{
	font-size: 15px;
}







.gall-boxxx img{
	width: 100%;
	padding: 0;
    /* padding: 10px; */
	width: 100%;
    max-width: 500px;
    padding: 0;
}
.imggg{
	width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
.imggg img{
	width: 100%;
    max-width: 300px;
	padding: 0;
}
.abs{
	padding: 10px;
}
.banner1{
	width: auto;
    padding: 30px;
}


.abs2{
	padding: 0;
}
/* #reviewaa{
	padding: 0;
	
} */




#reviewaa {
    max-width: 1768px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0px;
	background-color: #0000008f;
}



#reviewaa p {
    font-family: Poppins;
    font-size: 15px;
    line-height: 160%;
    color: white;
    margin: 0;
}



.abs-foot h2 {
    font-size: 50px;
}



#galleryy{
	padding: 40px  15px;
    /* width: auto; */
	margin-top: 0 !important;
}
.gall-boxxx{
	padding: 0;
}
.gall-boxxx .abs3{
	width: auto;
    padding: 10px;
}
.dotss{
	padding: 0;
}
/* .experts{
	padding: 10px;
    width: auto;
	background-color: #0000008f;
    padding: 40px 15px;
} */






.experts {
    padding: 0 15px;
    height: 547px;
	background-color: #0000008f;
}














.nap label, .eac label{
	width: 100%;
    margin: 0 auto;
}
.cntc1-form label{
	max-width: 680px;
    margin: 0 auto;
    width: 100%;
	padding-bottom: 10px;
}
.ban-ck{
	margin: 0 auto;
}
.cntn2{
	width: auto;
    padding: 10px;
}



}













.nav {
    background-color: transparent;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}

nav ul li {
    position: relative;
}

nav ul li a {
    color: #fff;
    padding: 15px 20px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
	font-size: 14px;
}


.dropdown {
    position: relative;
}

.dropdown > a {
    display: flex;
    align-items: center;
}

.dropdown-icon {
    margin-left: 5px;
    font-size: 12px;
}


.dropdown-content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -92px;
    top: 100%; 
    background-color: #000;
    padding: 0;
    width: 295px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 9999;
    flex-direction: column;
    transition: opacity 0.3s ease, visibility 0.3s ease;
	line-height: 10px;
}

.dropdown-content li {
    list-style: none;
    padding: 10px 20px;
    
}

.dropdown-content li:last-child {
    border-bottom: none;
}

.dropdown-content li a {
    color: #fff !important;
    text-decoration: none;
    display: block;
}


.dropdown:hover .dropdown-content {
    visibility: visible;
    opacity: 1;
}


.dropdown-content li a:hover {
    background-color: #f5f5f5;
    color: #ff4500;
}


nav ul li.active > a {
    color: yellow;
    font-weight: bold;
}


.dropdown-content li.active > a {
    background-color: #f5f5f5;
    color: yellow;
}


nav ul {
    justify-content: center;
    align-items: center;
}

nav ul li {
    padding: 0;
}

nav ul li.active > a {
    background: linear-gradient(to bottom, #FFDA00, #FFFF4D, #FFDA00);
    font-weight: bold;
}



nav ul li a {
    padding: 12px 18px;
}





nav ul li a.active {
    color: yellow !important;
    font-weight: bold !important;
   
}


nav ul li.dropdown.active > a {
    color: yellow !important;
    font-weight: bold !important;
}



@media (max-width: 768px) {
    nav ul {
        flex-direction: column;
        /* background-color: #000; */
    }

    .dropdown-content {
        width: 100%; 
        position: static;
        box-shadow: none;
    }
}



























@media screen and (max-width: 767px) {
	.card-content1 h1, .card-content2 h1, .card-content3 h1, .card-content4 h1, .card-content5 h1 {
        font-size: 22px;
    }

	.we-box p {
		font-size: 15px;
		line-height: 25px;
	}

	#reviewaa p {
		font-size: 15px;
		line-height: 150%;
	}
    .experts h1 {
        font-size: 25px;
    }

	.mn-inn-pg-right-txt h3{
		font-size: 40px;
	}

	.inn-cont-page-abt h1, .inn-cont-page-rev h1, .inn-cont-page-gall h1 {
		font-size: 40px;
		
	}


		.inner-cont h3 {
			font-size: 16px;
		}


		.cont-pg-wrapper {
			gap: 0;
		}

}




@media screen and (max-width: 480px) {
	.ban-wrap h1 {
        font-size: 32px;
    }

	.box-wiring h1 {
        font-size: 22px;
    }


	.experts h1 {
        font-size: 22px;
    }

    .experts p {
        font-size: 15px;
    }
	.mn-inn-pg-right-txt h3 {
		line-height: 45px;
	}


	.mn-inn-pg-right-txt span {
		font-size: 18px;
	}
	.mn-inn-pg-right-txt p {
		font-size: 15px;
	}


	.mn-inn-pg-right-txt h3 {
        line-height: 34px;
		font-size: 32px;
    }



	.container {
		gap: 20px;
		padding: 0;
	}

	.inn-cont-page-abt p, .inn-cont-page-rev p {
		font-size: 15px;
		font-family: 'poppins';
		line-height: 140%;
		padding: 0;
	}



	.inner-cont h3 {
		font-size: 15px;
	}

	.phone-inner-pg p, .email-2 p, .address p, .bus-hrs p {
        text-align: center;
        font-size: 15px;
    }

    .button-ban1 {
        justify-content: center;
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }
    .abs h2, .abs3 h2 {
        font-size: 22px;
    }

	.we-box h2 {
        font-size: 31px;
		line-height: 2;
    }


	.experts {
        height: 287px;
    }


	.abs-foot h2 {
        font-size: 37px;
    }

}






@media screen and (max-width: 320px){
	.card-content1 h1, .card-content2 h1, .card-content3 h1, .card-content4 h1, .card-content5 h1 {
        font-size: 19px;
    }




	.inn-cont-page-abt h1, .inn-cont-page-rev h1, .inn-cont-page-gall h1 {
        font-size: 32px;
		padding: 0;
    }

}