@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap');
.flex-container {
	display: flex;
}
.center-center {
	justify-content: center;
	align-items: center;
}
.breadcrumb li a {
	color: #fff;
}
.inner-bnr .breadcrumb {
	background: transparent;
}
.inner-bnr .breadcrumb li:before {
	display: none;
}
.clr-dark-blue {
	color: #00a2e8 !important;
}
.bg-dark-blue {
	background: #00a2e8 !important;
}
.clr-white {
	color: #fff !important;
}
.clr-gray {
	color: #666666;
}
.bg-white {
	background: #fff !important;
}
.clr-black {
	color: #000 !important;
}
.bg-black {
	background: #000 !important;
}
.bg-168dc4 {
	background: #168dc4;
}
.bg-gray {
	background: #f3f3f3 !important;
}
.rmv-pad767.pt-0 {
	padding-top: 0 !important;
}
.rmv-pad767.pb-0 {
	padding-bottom: 0 !important;
}
.bdr-n {
	border: none !important;
}
.text-upr {
	text-transform: uppercase !important;
}
ul, li {
	padding: 0;
	margin: 0;
}
b, strong {
	font-weight: 500 !important;
}
.elc-pad767 {
	padding: 50px 0;
}
.hidden-dex {
	display: none;
}
.Elhdr01 {
	font-size: 40px;
	font-weight: 700;
}
/*.Electrician-menu{
    border-top: 3px solid #00afec;
    padding: 15px 0;
}
.Electrician-menu .navbar-brand{
    width: 32%;
}
.topSocialDv img {
    width: 36px;
}
.HeadlogDiv .jsk-menu-btn {
    display: inline-block;
    text-align: center;
}
span.jsk-head-span, span.emp-head-span {
    background: #00a2e8;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    font-size: 18px;
    font-weight: 500;
}
.jsk-sub-menu li, .emp-sub-menu li {
    display: inline-block;
    padding: 10px 20px 0px;
    font-weight: bold;
}
.jsk-menu-btn , .emp-menu-btn{
    text-align: center;
}
.separator {
    display: inline-block;
    background: #00a2e8;
    width: 2px;
    height: 34px;
    top: 8px;
    position: relative;
}
span.emp-head-span {
    background: #2980b9;
}
.media-top-right{
    display: flex;
}
.media-top-right a{
    font-size: 14px;
    font-weight: 500;
}
.Electrician-menu .navbar{
    padding-top: 50px;
}
.Electrician-menu .navbar .nav-item a{
    color: #004a95;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 10px 5px 8px;
}*/
.inner-bnr {
	background:  url(/seo/img/inner-bnr.jpg);
	background-repeat: no-repeat;
	background-position: center, center;
	background-size: cover;
	width: 100%;
}
.justify-content-center {
	justify-content: center!important;
}
.row {
	display: flex;
	flex-wrap: wrap;
 margin-top: calc(-1 * var(--bs-gutter-y));
 margin-right: calc(-.5 * var(--bs-gutter-x));
 margin-left: calc(-.5 * var(--bs-gutter-x));
}
.align-items-center {
	align-items: center!important;
}
.box {
	width: auto;
	float: none;
	margin-right: 15px;
	margin-left: 15px;
	text-align: unset;
}
.d-flex {
	display: flex!important;
}
img {
	max-width: 100%;
}
img, svg {
	vertical-align: middle;
}
.bnr-text {
	padding: 80px 0;
}
.breadcrumb li {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}
.breadcrumb li a {
	color: #fff;
}
.breadcrumb li a:hover {
	color: #00afec;
}
.breadcrumb li i {
	font-size: 14px;
	padding: 0 10px;
}
.hedding01 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 15px;
}
.paragraph01 {
	color: #5f5f5f;
	font-size: 16px;
	line-height: 24px;
}
.apprentice {
	padding-top: 100px;
}
.pe-50 {
	padding-right: 50px;
}
.ps-50 {
	padding-left: 50px;
}
.text-box ul li {
	position: relative;
	list-style-type: none;
	padding-left: 50px;
	margin: 25px 0;
}
.text-box ul li a {
	color: #168dc4;
	font-size: 16px;
	font-weight: 500;
}
.text-box ul li::before {
 position: absolute;
 content: "\f00c";
 font-family: "FontAwesome";
 color: #fff;
 background: #168dc4;
 font-size: 14px;
 text-align: center;
 border-radius: 50%;
 width: 24px;
 height: 24px;
 line-height: 24px;
 left: 0;
 top: 0;
}
.text-box ul li a:hover {
	color: #000;
}
.text-box ul li:hover::before {
 background: #000;
}
.list01 ul:last-child {
	padding-left: 70px;
}
.box-shadow01, .box-shadow02 {
	position: relative;
}
.box-shadow01::before, .box-shadow02::before {
 position: absolute;
 content: "";
 background: #fff;
 box-shadow: rgb(100 100 111 / 20%) 1.95px 1.95px 5.6px;
 width: 70%;
 height: 100%;
 right: 0;
 top: 0;
 z-index: -9;
}
.box-shadow02::before {
 width: 80%;
 left: 0;
 right: auto;
 z-index: -9;
}
.Electrician01 {
	padding: 80px 0;
	margin-top: 40px;
	margin-bottom: 30px;
}
.cont-box {
	background:url(/seo/img/apprentice-cont-bg.jpg);
	background-repeat: no-repeat;
	background-position: center, center;
	background-size: cover;
	width: 100%;
	padding: 50px;
}
.cont-box .box-text {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
}
.cont-box .box-text .icon {
	margin-top: -50px;
	margin-bottom: 15px;
}
.cont-box .box-text .icon i {
	color: #fff;
	background: #00a2e8;
	font-size: 21px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
}
.cont-box .box-text h5 {
	color: #737373;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}
.cont-box .box-text p {
	color: #00a2e8;
	font-size: 14px;
	line-height: 21px;
}
.cont-box .box-text a {
	display: inline-block;
	color: #737373;
	font-size: 14px;
	border: 1px solid #aeaeae;
	padding: 8px 25px;
	margin-top: 7px;
}
.col-sm-6 {
	background-color: inherit;
}
.cont-box .box-text a:hover {
	color: #fff;
	background: #00a2e8;
	border-color: #00a2e8;
	transition: all 0.3s;
}
.bgDv .content {
	position: relative;
	z-index: 4;
	margin: auto;
	text-align: center;
	width: 100%;
	border-top: 10px solid #ed252c;
	padding: 60px 0 130px;
}
.bgDv.jobSeekerArea {
	background-color: rgba(237, 28, 36, 0.6);
}
.bgDv .content h2 {
	position: relative;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	top: 0;
 transition: top .3s;
	margin: 0 0 7px;
}
.bgDv .content h3 {
	color: #fff;
	font-weight: 400;
	margin: 0 0 30px;
	font-size: 30px;
}
.bgDv .content a {
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	padding: 5px 45px !important;
	border-radius: 4px;
	font-size: 17px;
	margin: 0 5px;
	font-weight: 500;
}
.bgDv:after, .bgDv:before {
	height: 2%;
}
.bgDv:hover:after, .bgDv:hover:before {
	opacity:unset;
	height: 100%;
	background-color: unset;
}
.bgDv .content a:hover {
	color: #000;
	background: #fff !important;
}
.bgDv .content a:last-child {
	display: block;
	width: 210px;
	background: #49668e;
	margin: 0 auto;
	margin-top: 30px;
}
.bg-7eb3d5 {
	background: #7eb3d5;
}
.content.bg-7eb3d5 {
	border-color: #3185bc;
}
.wantToKnow {
	position: relative;
}
.btn-pltf {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	bottom: 25px;
}
.btn-pltf a {
	color: #fff;
	background: #000;
	padding: 15px 30px;
	border-radius: 6px;
	font-size: 18px;
	font-weight: 600;
}
.btn-pltf a:hover {
	background: #fff;
	color: #000;
	transition: all 0.3s;
}
.fn-18 {
	font-size: 18px;
}
.boxElectricalToday {
	background: url(/seo/img/bg25461.jpg);
	background-repeat: no-repeat;
	background-position: center, center;
	background-size: cover;
	width: 100%;
	padding: 50px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.boxElectricalToday img {
	width: 28%;
}
.boxElectricalToday .hedding01 {
	font-size: 34px;
}
.boxElectricalToday h3 {
	font-size: 22px;
	color: #fff;
	font-weight: 500;
}
.text-box h5 {
	font-size: 18px;
	color: #000000;
}
.box-elct01 {
	position: relative;
	background: #fff;
	box-shadow: rgb(100 100 111 / 20%) 1.95px 1.95px 5.6px;
	padding: 50px;
}
.box-elct01::before {
 position: absolute;
 content: "";
 background: #ccecfa;
 width: 250px;
 height: 100%;
 left: 0;
 top: 0;
}
.box-elct01.rightbg001::before {
 right: 0;
 left: auto;
}
.box-elct01 .image {
	position: relative;
	z-index: 9;
}
.box-elct01 .hedding01 {
	position: relative;
	color: #00a2e8;
	font-size: 20px;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.box-elct01 .hedding01::before {
 position: absolute;
 content: "";
 background: #00a2e8;
 width: 50px;
 height: 2px;
 left: 0;
 bottom: 0;
}
.box-elct01 .text-box ul {
	margin-bottom: 20px;
}
.box-elct01 .text-box ul li a {
	font-size: 14px;
}
.box-elct01 .text-box ul li {
	padding-left: 35px;
	margin: 15px 0;
}
.box-elct01 .text-box ul li::before {
 font-size: 12px;
 width: 20px;
 height: 20px;
 line-height: 20px;
}
.text-box {
	padding-right: 40px;
}
.text021 {
	margin-bottom: 40px;
	padding-right: 50px;
}
.bg-f4f4f4 {
	background: #f4f4f4 !important;
}
.radius01 img {
	border-radius: 10px;
}
.box-shadow02120 {
	position: relative;
}
.box-shadow02120::before {
 position: absolute;
 content: "";
 background: #fff;
 width: 48%;
 height: 72px;
 bottom: 0;
 right: -73px;
 box-shadow: rgb(33 35 38 / 20%) 0px 10px 10px -10px;
 z-index: 99;
 transform: skew(-49deg, 0deg);
}
.sticker01 {
	position: relative;
}
.sticker01::before {
 position: absolute;
 content: "";
 background:  url(/seo/img/trangle01.png);
 width: 72px;
 height: 72px;
 bottom: 0;
 right: 4px;
 box-shadow: rgba(33, 35, 38, 0.2) 0px 10px 10px -10px;
}
.shape01, .shape02 {
	position: absolute;
	top: -161px;
	right: 125px;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(270deg);
}
.shape01 {
	z-index: 9;
	top: -155px;
}
.shape01 svg {
	position: relative;
	display: block;
	width: calc(49% + 1.3px);
	height: 263px;
}
.shape01 .shape-fill {
	fill: #fff;
}
.shape02 {
	right: 137px;
}
.shape02 svg {
	position: relative;
	display: block;
	width: calc(47% + 4.3px);
	height: 263px;
}
.shape02.left {
	top: 441px !important;
}
.shape02.left svg {
	position: relative;
	display: block;
	width: calc(47% + 4.3px);
}
.shape02 .shape-fill {
	fill: #168dc4;
}
.shape01.left, .shape02.left {
	transform: rotate(-270deg);
	top: 433px;
	left: 136px;
}
.shape01.left {
	left: 124px;
}
.box-shadow02120.left::before {
 right: auto;
 left: -71px;
 transform: skew(45deg, 0deg);
}
.plc001 {
	position: relative;
	padding: 50px 35px;
	border-radius: 5px;
}
.plc001 p {
	font-size: 18px;
	line-height: 28px;
}
.plc001::before {
 position: absolute;
 content: "";
 background: #168dc4;
 width: 250px;
 height: 50px;
 left: 50%;
 top: -18px;
 transform: translateX(-50%);
 border-radius: 50%;
 z-index: -9;
}
.elcMainten01 {
	position: relative;
}
.elcMainten01::before {
 position: absolute;
 content: "";
 background: #f3f3f3;
 width: 100%;
 height: 50%;
 top: 0;
 left: 0;
 z-index: -9;
}
.elcMainten01 .boxElectricalToday {
	background:   url(/seo/img/elc-mantenance02.jpg);
}
.pd-top-30 {
	padding-top:30px;
}
.faq01 .accordion-button {
	color: #000;
	background: #f7f7f7;
	font-size: 18px;
	padding: 15px;
	margin-bottom: 15px;
}
.faq01 .accordion-item {
	border: 0;
}
.accordion-button:focus {
	background: #f2fbff;
	box-shadow: none;
}
.accordion-button.collapsed {
	color: #000;
}
.accordion-item:first-of-type .accordion-button {
	border-radius: 0;
}
.p-0 {
	padding: 0!important;
}
.right-fix {
	position: fixed;
	right: 20px;
	top: 60%;
	transform: translateY(-50%);
	z-index: 99999;
}
.fix-btn {
	width: 150px;
	text-align: center;
	line-height: 18px;
}
.fix-btn:first-child {
	margin-bottom: 25px;
}
.fix-btn:first-child a {
	padding: 0;
	line-height: 55px;
}
.fix-btn a {
	display: block;
	color: #fff;
	font-size: 13px;
	background: #49668e;
	height: 60px;
	padding-top: 10px;
	border: 2px solid #00a2e8;
	border-radius: 5px;
}
.fix-btn a:hover {
	background: #00a2e8;
	transition: 0.3s;
}
#myBtn {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 15px;
	z-index: 99;
	font-size: 15px;
	border: none;
	outline: none;
	color: #fff;
	background: #00a2e8;
	cursor: pointer;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	box-shadow: 0px 0 5px 0px #fff;
}
#myBtn:hover {
	background: #ed1c24;
	transition: 0.3s;
}
.accordion {
	width: 100%;
	max-width: 100%;
	margin: 2rem auto;
}
.accordion-item {
	background: #f7f7f7;
	font-size: 18px;
	margin: 1rem 0;
	border-radius:0;
}
.accordion-item-header {
	padding: 0.5rem 3rem 0.5rem 1rem;
	min-height: 3.5rem;
	line-height: 1.25rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}
 .accordion-item-header::after {
 content: "\f107";
 font: normal normal normal 14px/1 FontAwesome;
 font-size: 2rem;
 position: absolute;
 right: 1rem;
}
 .accordion-item-header.active::after {
 content: "\f106";
 font: normal normal normal 14px/1 FontAwesome;
 font-size: 2rem;
}
.accordion-item-body {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
	padding: 1rem;
	line-height: 1.5rem;
	border-top: 1px solid;
	border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}
.bgDv {
	float: none;
	width: 100%;
	overflow: hidden;
	height: 100%;
	position: relative;
}
.bgDv .content {
	height: 50vh;
}
/*SHAPE*/ 

.box-shadow01, .box-shadow02 {
	position: relative !important;
}
.image.radius01 {
	display: block;
	overflow: hidden !important;
}
.shape01, .shape02 {
	position: absolute;
	top: 107px;
	right: -146px;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(270deg);
}
.shape01 {
	z-index: 9;
	top: 107px;
}
.shape01 svg {
	position: relative;
	display: block;
	width: calc(92% + 1.3px);
	height: 263px;
}
.shape01, .shape02 {
	position: absolute;
	top: 107px;
	right: -146px;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(270deg);
}
.shape02 {
	right: -134px;
}
.shape02 svg {
	position: relative;
	display: block;
	width: calc(92% + 1.3px);
	height: 263px;
}
.shape01.left, .shape02.left {
	transform: rotate(-270deg);
	top: 152px;
	left: -143px;
}
.shape01.left {
	left: -156px;
}
.shape01 svg {
	position: relative;
	display: block;
	width: calc(92% + 1.3px);
	height: 263px;
}
.shape01.left, .shape02.left {
	transform: rotate(-270deg);
	top: 152px;
	left: -143px;
}
.shape02.left {
	top: 153px !important;
}
.shape02.left svg {
	position: relative;
	display: block;
	width: calc(92% + 1.3px);
}
.shape02.left {
	top: 153px !important;
	left: -127px;
}
.box-shadow01 .col-sm-6, .box-shadow02 .col-sm-6 {
	overflow: hidden !important;
}
 @media screen and (max-width:768px) {
 .elc-pad767 {
 padding: 20px 0 !important;
}
 .hidden-xs {
 display: none !important;
}
 .hidden-dex {
 display: block;
}
 .pe-50, .pe-50 {
 padding:  0;
}
 .d-none-mb {
 display: none !important;
}
 .resp-order-2 {
 order: 2 !important;
}
 .pbm-0 {
 padding-bottom: 0 !important;
}
 .Electrician-menu .navbar-brand {
 width: 70%;
}
 .Electrician-menu .navbar {
 padding-top: 0;
}
 .bnr-text {
 padding: 30px 0;
}
 .Elhdr01 {
 font-size: 24px;
 font-weight: 600;
}
 .breadcrumb li {
 font-size: 16px;
}
 .breadcrumb li i {
 font-size: 13px;
}
 .hedding01 {
 font-size: 22px;
 margin-bottom: 10px;
}
 .paragraph01 {
 font-size: 15px;
}
 .box .image {
 margin-bottom: 30px;
}
 .list01 ul:last-child {
 padding-left: 0;
}
 .list01.d-flex {
 display: block !important;
}
 .text-box ul li {
 padding-left: 40px;
 margin: 20px 0;
}
 .text-box ul li::before {
 font-size: 13px;
 width: 22px;
 height: 22px;
 line-height: 22px;
}
 .box-shadow01::before, .box-shadow02::before {
 width: 100%;
}
 .text-box {
 padding: 0 20px;
}
 .text-box {
 padding: 0;
}
 .box-shadow02.ps-50 {
 padding: 0;
}
 .Electrician01 {
 margin: 0;
}
 .cont-box {
 padding: 50px 30px 30px;
}
 .cont-box .box-text {
 margin-bottom: 40px;
}
 .bgDv .content {
 padding: 30px 0;
}
 .bgDv .content h3 {
 margin: 0 0 20px;
 font-size: 25px;
}
 .bgDv .content a:last-child {
 margin-top: 20px;
}
 .btn-pltf a {
 color: #fff;
 background: #000;
 padding: 10px 10px;
 border-radius: 6px;
 font-size: 13px;
 font-weight: 500;
}
 .btn-pltf {
 position: relative;
 transform: translateX(-47%);
 bottom: 0;
}
 .box-elct01 {
 padding: 15px;
}
 .box-elct01::before {
 width: 100%;
 height: 180px;
}
 .box-elct01 .text-box {
 padding: 0;
 margin-top: 25px;
}
 .text021 {
 margin-bottom: 20px;
 padding-right: 0;
}
 .sticker01::before {
 bottom: -1px;
 right: -1px;
 box-shadow: none;
}
 .shape01, .shape02 {
 top: 226px;
 right: 0px !important;
 transform: rotate(360deg) !important;
}
 .shape01 svg, .shape02 svg {
 width: calc(100% + 1.3px);
 height: 100px;
}
 .shape02 {
 top: 221px;
}
 .shape01 {
 right: 2px !important;
 overflow: unset;
}
 .shape01 svg {
 width: calc(101% + 1.3px) !important;
 height: 100px;
}
 .shape01.left, .shape02.left {
 top: 227px;
 left: auto;
}
 .shape01.left {
 top: 232px;
}
 .shape02 svg {
 width: calc(101% + 1.3px) !important;
}
 .shape02.left {
 top: 227px !important;
}
 .box-shadow02120 {
 display: none;
}
 .plc001 {
 padding: 20px;
}
 .plc001::before {
 width: 160px;
}
 .plc001 p {
 font-size: 16px;
}
 .boxElectricalToday {
 padding: 20px;
}
 .boxElectricalToday .hedding01 {
 font-size: 28px;
}
 .boxElectricalToday img {
 width: 90%;
}
 .boxElectricalToday h3 {
 font-size: 21px;
 line-height: 32px;
}
 .faq01 .accordion-button {
 font-size: 16px;
 padding: 10px 0;
}
 .fix-btn a {
 height: 50px;
 padding-top: 6px;
}
 .fix-btn:first-child a {
 line-height: 50px;
}
}
 @media (min-width: 1200px) {
 .container, .container-lg, .container-md, .container-sm, .container-xl {
 max-width: 1170px;
}
}
 @media only screen and (min-width : 320px) and (max-width : 767px) {
	 
	 .new-navAreaDv .col-md-8.main-nav.new-nav {
    width: 100%;
}

.wantToKnow .row {
    display: block;
}

.bgDv .content {
    height: 100%;
}
section.container-fluid.wantToKnow {
    margin-bottom: 30px;
}

.accordion-item {
    font-size: 16px;
   
}
.shape01, .shape02 {
    display: none;
}
}
 @media only screen and (min-width : 768px) and (max-width : 992px) {
	 
	 section.container-fluid.wantToKnow {
    margin-top: 30px;
}
.shape01, .shape02 {
    display: none;
}
}
 @media only screen and (min-width : 993px) and (max-width : 1024px) {
}
 @media only screen and (min-width : 1025px) and (max-width : 1150px) {
}
 @media screen and (min-width: 768px) and (max-width: 995px) and (orientation : landscape) {
}
