html { scroll-behavior: smooth; }


:root {
  /*--primary-color: #41f2eb;*/
  --bodycolor: #fff;
  --black: black;
  --white: white;
  --linkcolor: #434de7;
  --bluecolor: #07294c;
  --orangecolor: #ffbd59;
  --nerocolor: #222;
  --dmserif: 'DM Serif Display', serif;
  --dmsans: 'DM Sans', sans-serif;
  --fontawesome:"Font Awesome 5 Pro"
}

body
{
  margin:0px auto;
  background: var(--bodycolor);
  line-height:normal;
  font-family: var(--dmsans);
  font-size: 1rem;
  color: var(--black);
  line-height: 1.5;
}

header, section, footer
{
  float:left;
  width:100%;
}


h1, h2, h3, h4, h5, h6,p,a,button,input
{
  padding:0px;
  margin:0px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
h1,
.h1 { font-size:4rem; line-height: 1.1;  font-weight: 400; margin: 0; font-family: var(--dmserif); }
h2,
.h2 { font-size:3rem; line-height: 1.2;  font-weight: 400; margin: 0; font-family: var(--dmserif);}
h3,
.h3 { font-size: 2rem; font-weight: 700; line-height: 1.2; margin: 0; font-family: var(--dmserif);}
h4,
.h4 { font-size: 1.5rem; font-weight: 700; line-height: 1.4; margin: 0; font-family: var(--dmserif); }
h5,
.h5 { font-size: 1.25rem; font-weight: 700; line-height: 1.5; margin: 0; font-family: var(--dmserif); }
h6,
.h6 { font-size: 1rem; font-weight: 700; line-height: 1.5; margin: 0; font-family: var(--dmserif);}

p { line-height: 1.5; }
input { border:0; border-radius: 0;}

ul, ol
{
  list-style:none;
  margin:0px;
  padding:0px;
  text-transform:none;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

a:focus, button:focus
{
  outline:none;
}

a,
button,
input[type="submit"],
input[type="button"] {
  transition:all 0.4s ease-in-out 0s;
  -moz-transition:all 0.4s ease-in-out 0s;
  -ms-transition:all 0.4s ease-in-out 0s;
  -o-transition:all 0.4s ease-in-out 0s;
  -webkit-transition:all 0.4s ease-in-out 0s;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

select::-ms-expand {
    display: none;
}
select{
    -webkit-appearance: none;
    appearance: none;
}

img { max-width:100%; }

input::-webkit-input-placeholder { opacity:1;}
input::-moz-placeholder { opacity:1; }
input::-moz-placeholder { opacity:1; }
input::-ms-input-placeholder { opacity:1; }

textarea::-webkit-input-placeholder { opacity:1; }
textarea::-moz-placeholder { opacity:1; }
textarea::-moz-placeholder { opacity:1; }
textarea::-ms-input-placeholder { opacity:1; }

select::-webkit-input-placeholder { opacity:1;}
select::-moz-placeholder { opacity:1; }
select::-moz-placeholder { opacity:1;}}
select::-ms-input-placeholder { opacity:1; }

textarea:focus,
input:focus,
select:focus { outline: 0;}




.btn_primary { width: 310px; height: 48px; background-color: var(--bluecolor); justify-content: center; align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 10px; padding: 12px 35px; box-shadow: 0 10px 20px -3px rgba(29, 1, 80, .1); font-weight: 500; border-radius: 10px; text-decoration: none;}
.btn_primary:hover { background:var(--orangecolor); color:var(--black); text-decoration: none; }
.btn_primary_radius { border-radius:25px; }
.btn_primary_black:hover { background:var(--black); color: var(--white);}
.btn_primary_auto { width:auto; }

.btn_secondary { height: 48px; color: var(--bluecolor); text-align: center; transform-style: preserve-3d; background-color: var(--orangecolor); border: 1px solid var(--orangecolor); border-radius: 4px; padding: 12px 35px; font-size: 18px; font-weight: 400; transition: all .3s ease-in-out; text-decoration: none; }
.btn_secondary:hover { text-decoration: none; cursor: pointer; color: var(--orangecolor); background-color: var(--bluecolor); border-color: var(--bluecolor);}

.btn_secondary_white { background:var(--white); border-color:var(--bluecolor); }
.btn_secondary_yellow { background-color:var(--bluecolor); color:var(--orangecolor);}
.btn_secondary_yellow:hover { background:var(--orangecolor); color:var(--bluecolor); }

.large_btn { padding: 12px 2.4rem; font-size: 20px; height: 54px;}

.signin_page { width: 100%; overflow: hidden; }

.section_half-half { display: flex; flex-wrap: wrap; align-content: center; align-items: center;}

.signin_left { width: 50%; height: 100vh; background-color: #fff; flex-direction: column; flex: 0 auto; justify-content: space-between; align-items: flex-start; padding: 6vw 5vw 5vw; display: flex; }


.logo { float: left; max-width:140px; }

.signin_form { float:left; width:100%; display:flex; flex-wrap:wrap; margin-bottom: 40px;}


.signin_form_row {  width:100%; max-width: 400px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 15px;}
.signin_form_fields {  width:100%; float: left; }
.signin_form_fields h1 { color: var(--black); font-family: var(--dmserif); font-size: 28px; line-height: 1.2em; }
.signin_form_fields .row { margin:0 -7.5px; }
.signin_form_fields ul { float:left; width:100%; display: flex; flex-wrap: wrap;}
.signin_form_fields ul li { float:left; width:100%; display: flex; flex-wrap: wrap; margin-bottom: 5px; padding: 0 7.5px;}
.signin_fields { float:left; width:100%; position:relative; }
.signin_fields label { background:var(--white); z-index: 2; color: var(--black); background-color: var(--white); border-radius: 3px; margin-bottom: 0; padding-left: 6px; padding-right: 7px; font-size: 13.5px; font-weight: 600; line-height: 15px; display: inline-block; position: relative; bottom: -9px; left: 6px;}
.signin_fields input[type="text"],
.signin_fields input[type="email"],
.signin_fields input[type="password"],
.signin_fields input[type="phone"],
.signin_fields input[type="number"] { float:left; width:100%; height: 48px; color: var(--black); background-color: var(--white); border: 1px solid #b7bbd1; border-radius: 6px; margin-bottom: 0;  padding: 8px 12px; font-size: 15px; font-weight: 300; transition: border-color .2s, box-shadow .2s; box-shadow: 0 3px 6px -2px rgba(29, 1, 80, .1);}

.signin_fields input[type="submit"] { margin-top:10px; }

/*.signin_fields input[type="submit"] { width: 100%; height: 48px; background-color: var(--bluecolor); justify-content: center; align-items: center; transition: all .3s; display: flex; color: var(--white); cursor: pointer; border-radius: 10px; padding: 15px 35px; box-shadow: 0 10px 20px -3px rgba(29, 1, 80, .1); font-weight: 500; border-radius: 10px; margin-top: 15px;}
.signin_fields input[type="submit"]:hover { background:var(--orangecolor); color:var(--black); }
*/

.signin_links { float:left; width:100%; justify-content: space-between; align-items: center; display: flex;}
.signin_links a {  }
.link { color: var(--linkcolor); font-weight: 700; text-decoration: none; }
.link:hover { color:var(--black); text-decoration: none;}


.need_account_links { float:left; width:100%; }


.copyright_text { float:left; width:100%; }


.signin_right { background-image: url(../images/signin_bg.jpg);  background-position: 50%; background-size: cover; flex: 1; justify-content: center; align-items: center; display: flex; width: 50%; height: 100vh; }

.signin_right_des { width: 80%; height: auto; -webkit-backdrop-filter: saturate(200%) blur(20px); backdrop-filter: saturate(200%) blur(20px); background-color: rgba(7, 41, 76, .14); border-radius: 12px; padding: 40px 32px;}
.signin_right_des h2 { font-weight: 700; line-height: 2; text-transform: capitalize; color: var(--orangecolor); font-family: var(--dmsans);}
.signin_right_des p { color: var(--orangecolor); font-size:2rem; font-weight: 400; }



/* View Resume Page */

.view_resume_header { padding:15px 0; border-bottom: 1px solid var(--orangecolor);}
.logo_resume { max-width:240px; }


.view_resume_sec { padding:70px 0; }
.view_resume_video { float:left; width:100%; margin-bottom: 30px; border: 3px solid #000000; background: rgba(0, 0, 0, 0.68);}
.view_resume_video video.view_resume_video__vid { float:left; width:100%; height: 600px;/* object-fit: cover;*/}

.work_photos_list { float:left; width:100%; }
.work_photos_list h2 { font-family:var(--dmsans); font-weight:700; text-transform:capitalize; color:var(--bluecolor); }

.work_photos_list .row { margin:0 -5px; }
.work_photos_box_pad { padding:0 5px; }
.work_photos_box { height:137px; overflow:hidden; width:100%; float:left; background:var(--bluecolor); border-radius:10px; }
.work_photos_box img { width:100%; border-radius:10px;  height:137px; object-fit: cover; object-position: top;}

.work_photos_list a.work_photos_seemore_link { float:right; text-decoration:none; color:var(--orangecolor); font-size:1rem; font-weight:700; text-transform:uppercase; }
.work_photos_list a.work_photos_seemore_link:hover { color:var(--bluecolor); }


.viewres_detail_box {}
.viewres_detail_top { background:var(--orangecolor); border-radius:5px; padding:10px 22px; }

.viewres_detail_topLft  { gap:1rem; flex: 1;}
.viewres_detail_topLftImg { width:76px;  }
.resume_profile_img { width:76px; height:76px; border-radius:50%; overflow: hidden; background: var(--bluecolor);}
.resume_profile_img img { height:76px; width:100%; border-radius:50%; object-fit:cover; object-position:top; }

.resume_profile_verified_img { position:absolute; top:5px; right:-8px;  }

.viewres_detail_topLftdes { flex-direction:column; flex: 1; padding-top: 2px;}
.viewres_detail_topLftdes h1 { color:var(--bluecolor); font-family:var(--dmsans); font-weight: 700; text-transform:capitalize; }
.viewres_detail_topLftdes h2 { font-family:var(--dmsans); font-weight: 400; font-size:1.125rem; margin-bottom: 5px; line-height: 1; }
.viewres_detail_topLftdes h2 i { font-size: 1rem; }
.viewres_detail_topLftdes p { color:var(--bluecolor); }


.viewres_detail_table { border:1px solid var(--orangecolor); border-radius:5px; margin-bottom: 12px}

.viewres_detail_table table { margin:0; border-radius:5px;  }
.viewres_detail_table table tbody tr {}
.viewres_detail_table table tbody tr th { padding:14px 30px; font-weight: 700; text-transform: capitalize; width: 230px; background-color: #f0e6d8; border: 0; color: var(--bluecolor);}
.viewres_detail_table table tbody tr td { padding:14px 30px; background-color: #f0e6d8; font-weight: 400; border: 0; color: var(--bluecolor);}


.viewres_detail_table table tbody tr:nth-child(2n) th,
.viewres_detail_table table tbody tr:nth-child(2n) td { background:#f8f5ef; }


.personality_assesmnt_div { padding:12px 0; }
.personality_assesmnt_div h2 { font-family:var(--dmsans); font-weight:700; text-transform:capitalize; color:var(--bluecolor); }

.personality_assesmnt_row1 { margin-bottom:25px; }
.personality_assesmnt_row1 ul {  gap:35px; }
.personality_assesmnt_row1 ul li { display:flex; flex-wrap:wrap; }
.personality_assesmnt_row1 ul li img {align-self: center; width: 157px;}

.personality_assesmnt_row2 {}

.personality_assesmnt_row_red { background: #f7ebec; padding: 15px 22px; }
.personality_assesmnt_row_green { background:#e8f6ef; padding: 15px 22px; }
.personality_assesmnt_rowbx img { align-self: center; }

.swiper-button-next, .swiper-button-prev { color:var(--orangecolor); }



/* Site Header */

.small-container  { max-width:1200px; }
.tab-container { max-width:1024px; }

.main_header { background:var(--white); position: fixed; top: 0; z-index: 9; left: 0;}
.main_logo { max-width:240px; }


.navigation {}
.navigation ul { display:flex; flex-wrap:wrap; width: 100%;}
.navigation ul li { display:flex; flex-wrap:wrap; }
.navigation ul li a { color:var(--nerocolor); text-transform: capitalize; text-decoration: none; font-weight: 700; padding: .5rem 1rem; letter-spacing: -.01em; display: block;}

.navigation ul li a:hover { color: #07294c; background-color: #f3f5fb; }
.navigation ul li.active a {  color: #07294c; background-color: rgba(7, 41, 76, .05); border-bottom: 1px solid rgba(7, 41, 76, .3);}


/* Home Page */
.main-container { float:left; width:100%; padding:80px 0 0; }
.home_bnr { min-height: 80vh; background-color: var(--bluecolor); overflow: hidden; z-index: 7;position: relative; }
.home_bnr .container { max-width:1280px; z-index: 6; min-height: 30px; width: 100%;}

.home_hero_content { padding-top: 220px; z-index: 10; width: 53%; object-fit: scale-down; margin-left: 20px; padding-top: 140px; position: relative; }
.home_hero_content h1 { color:var(--bluecolor); font-size: 3.8rem; margin-bottom: 30px;}
.home_hero_content h1:last-child { margin-bottom:0; }
.home_hero_content p { width:90%; color:var(--bluecolor); font-size: 1.25rem; margin-bottom: 30px;}
.home_hero_content p:last-child { margin-bottom:0; }
.home_hero_content a { font-size: 20px; color:var(--bluecolor); font-weight: 500; text-decoration: none; padding: 10px 0; display: inline-block;}
.home_hero_content a img { margin-left:5px; }
.home_hero_content a:hover { transform: translate(0, -2px);}

.home_hero_wbg { z-index: 1; width: 67%; height: 100%; background-color: #ffbd59; border-bottom-right-radius: 12px; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto;}

.home_hero_imgs { z-index: 5; width: 45%; height: 80%; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1.35fr 1fr; grid-auto-columns: 1fr; display: grid; position: absolute; top: 125px; bottom: auto; left: auto; right: 0; }

.home_hero_imgs_rowone { height: 85%; }
.home_hero_imgs_rowone img {  }
.abs_img { border-radius: 10px; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; }


.home_hero_img_column { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; }
.home_hero_imgs_rowtwo { width:120%; }
.home_hero_imgs_rowthree { width:90%; }

.home_hero_left_decor { z-index: 3; width: 230px; height: 200px; background-color: rgba(242, 248, 251, .4); border-top-right-radius: 100px; border-bottom-right-radius: 100px; position: absolute; top: auto; bottom: 100px; left: 0%; right: auto;}

.home_hero_top_decor { z-index: 3; width: 200px; height: 230px; background-color: rgba(242, 248, 251, .4); border-top-right-radius: 0; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; position: absolute; top: 0%; bottom: auto; left: auto; right: 40%; }



.hire_trades_sect { background-color: var(--bluecolor); padding: 60px 0; position: relative; overflow: hidden; }
.hire_trades_grid { grid-column-gap: 10px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr .8fr; grid-auto-columns: 1fr; position: relative; z-index: 1;}
.hire_trades_des {}
.hire_trades_des h2 { color:var(--white); }
.hire_trades_des p { color:var(--white); }


.hire_trades_btns { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-self: center; }
a.btn_secondary_blue { border: 1px solid transparent; }
a.btn_secondary_blue:hover { border: 1px solid var(--orangecolor); }

.pattern_brix01 { z-index: 0; mix-blend-mode: overlay; position: absolute; top: 0%; bottom: auto; left: -1%; right: auto; }
.pattern_brix02 { mix-blend-mode: overlay; position: absolute; top: auto; bottom: 0%; left: auto; right: -2%; }


.skill_trade_job_sec { padding:48px 0 24px; }
.skill_trade_job_grid {  margin-bottom:48px; }
.skill_trade_job_grid:last-child { margin-bottom:0; }
.skill_trade_job_gridBox { text-align: center; border: 2px solid rgba(7, 41, 76, .75); border-radius: 1rem; padding: 37px 50px; display: grid; gap: 10px; justify-content: center; align-items: flex-start; align-content: flex-start; height: 100%;}
.skill_trade_job_gridBox img { width:4rem; height:4rem; margin: 0 auto;}
.skill_trade_job_gridBox h3 { font-family:var(--dmsans); color: var(--bluecolor);}
.skill_trade_job_gridBox p { color:var(--bluecolor); }

.five_steps_sect { padding:24px 0 48px; }
.five_steps_sect h2 { color:var(--bluecolor); margin-bottom:32px; }

.five_steps_boxes { width: 100%; grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; display: grid; }

.five_steps_box { grid-column-gap: 8px; grid-row-gap: 8px; color: var(--bluecolor); white-space: normal; background-color: var(--orangecolor); border-radius: 1rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 2rem; display: flex; flex-wrap: wrap; width: 100%;}
.five_steps_box h3 { border-bottom:1px solid rgba(0, 0, 0, .8); font-family:var(--dmsans); padding:0 0 8px; text-transform: capitalize; min-height: 86px; width: 100%;}
.five_steps_box p { width:100%; }

.professional_network_sect { padding:48px 0; }
.professional_network_sect h2 { color:var(--bluecolor); }
.professional_network_sect p { max-width:850px; margin:0 auto; font-size: 18px; line-height: 30px; color:var(--bluecolor); }


.professional_network_boxes { padding:48px 0 18px; }
.prof_boxes_mb { margin-bottom:30px; }
.professional_network_box { background-color: var(--white); border: 1px solid #eff0f6; border-radius: 24px; box-shadow: 0 2px 7px rgba(20, 20, 43, .06); }
.professional_network_box_img { border-top-left-radius: 24px; border-top-right-radius: 24px; overflow: hidden; }
.professional_network_box_img img { width: 100%; height: 320px; object-fit: cover; object-position: 50% 50%;}

.professional_network_box_des { padding: 20px; }
.professional_network_box_des h3 { font-family:var(--dmsans); color: var(--bluecolor);}



.perfect_job_sect { padding:18px 0 48px;  }
.perfect_job_sect h2 { margin-bottom:30px; }
.perfect_job_des { padding-right:30px;  }
.perfect_job_des h3 { color:var(--bluecolor); }
.perfect_job_des p { color:var(--bluecolor); font-size: 1.125rem;}
.perfect_job_des ul { display:flex; flex-wrap:wrap; width:100%; gap: 15px; margin: 15px 0;}
.perfect_job_des ul li { display:flex; flex-wrap:wrap; position: relative; padding: 0 0 0 36px; width: 100%; font-size: 1.125rem; line-height: 1.5; color: var(--bluecolor); }
.perfect_job_des ul li:before { content:""; position:absolute; top:0; left:0; background:url(../images/tick_icon.svg) no-repeat top center /contain; width:24px; height:24px; }


.perfect_job_img { border-radius: .5rem; }
.perfect_job_img__border { border: .25rem solid var(--orangecolor); }
.perfect_job_img img { align-self: flex-start; width:100%; border-radius: .3rem;}



.trade_school_sect { margin-bottom: 40px; }

.trade_school_row { background-color: var(--bluecolor); border-radius: 30px; padding: 110px 60px; position: relative; }

.trade_school_icon01 { mix-blend-mode: overlay; position: absolute; top: auto; bottom: 0%; left: 0%; right: auto; }
.trade_school_icon02 {  mix-blend-mode: overlay; position: absolute; top: 0%; bottom: auto; left: auto; right: 0%; }


.trade_school_row_col { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr .5fr; grid-auto-columns: 1fr; align-items: center; display: grid; }
.trade_school_row_colOne {  }
.trade_school_row_colOne h2 { color:var(--white); }
.trade_school_row_colOne p { color:var(--white); }



.footer { padding:32px 0; }

.footer_top { float:left; width:100%; padding-bottom: 32px; border-bottom: 1px solid var(--black);}

.footer_top_des { max-width:510px; border-top: 1px solid var(--black); padding: 16px 0 0;}


.footer_top_right { max-width:300px; padding-right:60px; display:flex; flex-wrap:wrap; gap:10px; }

.footer_top_right p {  }
.footer_top_right p a { color:var(--linkcolor); text-decoration:none; font-weight: 700; }
.footer_top_right p a:hover { color:var(--black); }
.footer_top_right ul { display:flex; flex-wrap:wrap; width:100%; gap: 18px;}
.footer_top_right ul li { display:flex; flex-wrap:wrap; }
.footer_top_right ul li a { color:var(--linkcolor); font-size:20px; }
.footer_top_right ul li a:hover { color:var(--black); }



.footer_bottom { padding-top:32px; }
.footer_bottom_copy {}
.footer_bottom_copy p {}

.footer_nav {}
.footer_nav ul { display:flex; flex-wrap:wrap; gap: 15px;}
.footer_nav ul li { display:flex; flex-wrap:wrap; }
.footer_nav ul li a { color:var(--linkcolor); text-decoration:underline; font-weight: 700; font-size: .875rem;}
.footer_nav ul li a:hover { color:var(--black); }


/* Employer Page */

.trade_professional_sect { padding:96px 0 48px; }
.trade_professional_sect .container { gap: 25px; }
.trade_professional_sect p { font-size: 1.25rem; }


.trade_professional_sect__profile { padding-top:48px; }



.canidate_list_sec { padding:48px 0 18px; }
.canidate_list_box { background-color: rgba(0, 0, 0, 0);  margin-bottom: 30px; transition:all 0.4s ease-in-out 0s;  -webkit-transition:all 0.4s ease-in-out 0s; }

.canidate_list_box_img { width: 100%; cursor: pointer; border-radius: 30px 30px .3125rem .3125rem; position: relative; overflow: hidden; height: 520px;background-color: rgba(0, 0, 0, 0); position: relative;}
.canidate_list_box_img img { width: 100%; height: 100%; object-fit: cover; padding-top: 0; }

.cani_play_btn { position:absolute; top:50%; left: 50%; transform:translate(-50%,-50%); width: 60px; height: 60px; border-radius: 50%; cursor: pointer; justify-content: center; align-items: center; display: flex;  background-color: rgba(0, 0, 0, 0.8); color: var(--white); font-size: 20px; transition:all 0.4s ease-in-out 0s;  -webkit-transition:all 0.4s ease-in-out 0s;}
.cani_play_btn i { position:relative; left:1px; }
.canidate_list_box_img:hover  .cani_play_btn { background:var(--white); color:var(--orangecolor); }

.canidate_list_box_des { background-color: var(--white); border-radius: 0 0 30px 30px; padding: 20px; font-size: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, .12); }
.canidate_list_box_des h3 { color:var(--black); text-transform:capitalize; font-family: var(--dmsans); font-weight: 600; font-size: 20px;}




.employers_services_sect { padding:48px 0; }
.employers_services_sect h2 { color:var(--bluecolor); margin-bottom: 48px;}


.standard_service_box { background-color:var(--bluecolor); border: 1px solid #eff0f6; border-radius: 24px; position: relative; box-shadow: 0 2px 7px rgba(20, 20, 43, .06); padding: 40px 50px; height: 100%; }

.standard_service_top { margin-bottom: 40px; height: calc(100% - 90px);}
.standard_service_top:last-child { margin-bottom:0; }
.standard_service_top h3 { color:var(--white); font-family:var(--dmsans); text-transform: capitalize; letter-spacing: 2px; margin-bottom: 32px;}
.standard_service_top p { color:var(--white); font-size: 18px; line-height: 30px; }
.standard_service_top h4 { color:var(--white); margin: 8px 0; font-family: var(--dmsans); font-size: 1.5rem; font-weight: 500; line-height: 1.4; }
.standard_service_top ul { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items:center; }
.standard_service_top ul li { color:var(--white); font-size: 18px; font-weight: 500; line-height: 24px; padding-left: 42px; position: relative;}
.standard_service_top ul li:before { content:""; position:absolute; top:50%; left:0; transform: translateY(-50%); background: url(../images/tick_icon02.svg) no-repeat top center /contain; width:26px; height:26px; }


.standard_service_box__addon { background-color:var(--orangecolor); }
.standard_service_box__addon .standard_service_top  h3 { color:var(--bluecolor); }
.standard_service_box__addon .standard_service_top p { color: var(--bluecolor); }
.standard_service_box__addon .standard_service_top  h4 { color: var(--bluecolor); }


/* About */

.perfect_job_sect__about { padding-top:48px; }


/* Contact Us */

.trade_list { padding:128px 0; }
.trade_listBx { text-align: center; border: 3px solid #07294c; border-radius: 4px;  padding: 10px; transition: all .5s; }
.trade_listBxTop { }
.trade_listBxTop span.trade_listBxIcon { width:32px; height:32px; }
.trade_listBxTop h3 { font-family:var(--dmsans); text-transform: capitalize;}
.trade_listBx:hover { transform: translate(0, -3px); box-shadow: 2px 3px 0 3px var(--orangecolor);}


.general_enquiry_sect { padding:48px 0 100px; }

.general_enquiry_top {}
.general_enquiry_top p { font-size:1.125rem; }


.general_enquiry_lst {}

.general_enquiry_box { grid-template-columns:1fr; }
.general_enquiry_box span.general_enquiry_icon { width: 32px; }
.general_enquiry_box h3 { font-family:var(--dmsans); text-transform: capitalize; }
.general_enquiry_box a { color: var(--black); text-decoration: underline; font-weight: 700;  }
.general_enquiry_box a:hover { color:var(--orangecolor); }



/* Open Jobs  */

.navigation_jobs { justify-content: center; align-items: center; display: flex; position: static; }
.navigation_jobs ul { display:flex; flex-wrap:wrap; width:100%; }
.navigation_jobs ul li { display:flex; flex-wrap:wrap; align-items:center; gap: 6px;}
.navigation_jobs ul li a {  width: auto; opacity: .7; color: #000; text-align: center; border-right: 3px solid rgba(255, 255, 255, 0); justify-content: flex-start; align-items: center; padding: 8px 15px; font-size: 14px; font-weight: 400; text-decoration: none; transition: all .2s; display: flex;  gap: 6px;}
.navigation_jobs_icons { width: 24px; height: 24px; min-height: 24px; min-width: 24px; justify-content: center; align-items: center; padding: 3px; display: flex; overflow: hidden; }
.navigation_jobs ul li a:hover { opacity: 1; }
.navigation_jobs ul li.current a { opacity: 1; background-color: #ccd0ff; border-radius: 10px; font-weight: 600; }



.logout_btn { display:flex; flex-wrap:wrap; }
.logout_btn a {  width: auto; opacity: .7; color: #000; text-align: center; border-right: 3px solid rgba(255, 255, 255, 0); justify-content: flex-start; align-items: center; padding: 8px 15px; font-size: 14px; font-weight: 400; text-decoration: none; transition: all .2s; display: flex; gap: 6px;}
.logout_btn a:hover { opacity: 1;}




.open_jobs_welcome { width: 100%; flex-direction: column; align-items: center; padding: 60px 0; display: flex; background-color: var(--white) ;}



.open_jobs_fiters_sect { background-color: #f9f9fb; padding: 60px 0 100px; position: relative; }
.open_jobs_fiters_row { display:grid; grid-template-columns: 1fr 3fr; gap: 30px; margin: 0; position: relative; }


.open_jobs_fiters_sticky { float:left; width:100%; }
.open_jobs_fiters_left { position:sticky; top:15px; }

.open_jobs_fiters_left_hdng { grid-column-gap: 8px; align-items: center; margin-bottom: 32px; display: flex; color: #443fde; letter-spacing: .08em; text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 1.8; }


.openjobs_filtersCheck { float:left; width:100%; padding:0; position:relative; }

.openjobs_filtersLst { float:left; width:100%; display: grid; grid-template-columns: 1fr; gap: 20px; border-bottom: 1px solid #e9ecf0; padding-bottom: 20px; margin-bottom: 20px;}
.openjobs_filtersLst h2 { letter-spacing: -.02em; font-weight: 500; line-height: 1.8; font-family: var(--dmsans); text-transform: capitalize;}
.openjobs_filtersLst ul { float:left; width:100%; gap: 15px; display: grid; grid-template-columns: 1fr; padding-left: 12px;}
.openjobs_filtersLst ul li { float: left; width: 100%;}

.form-check {}


.openjobs_filtersLst ul li .form-check { padding-left:30px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.openjobs_filtersLst ul li .form-check .form-check-input { margin-left: -30px; }
.openjobs_filtersLst ul li .form-check-input:checked { background-color: #443fde;  border-color: #443fde; }
.openjobs_filtersLst ul li .form-check-input:focus { border-color: #443fde; outline: 0; box-shadow: 0 0 0 0; }
.openjobs_filtersLst ul li .form-check-input { width:20px; height:20px; margin: 0; }
.openjobs_filtersLst ul li .form-check-input[type="checkbox"] { border-radius:0; }
.openjobs_filtersLst ul li .form-check label { font-size:16px; font-weight:400; letter-spacing: -.02em;line-height: 1.8; font-weight: 400;}


.jobsfilterMain { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; /*align-items: flex-start;*/ align-content: flex-start; }
.jobsfilterbox { padding: 28px; background-color: #fff; border: 1px solid #ebebef; display: flex; flex-wrap: wrap; transition: border-color .3s; border: 1px solid #ebebef; gap: 10px; position: relative; align-items: flex-start; align-content: flex-start; flex-direction: column;}
.jobsfilterbox a { position:absolute; top:0; left:0; width:100%; height:100%; }

.jobsfilterbox:hover { border-color: #d6d7e0; }

.jobsfilterbox .jobsfilter_date { color: #606476; letter-spacing: -.02em;  font-size: 14px; line-height: 1.6; }
.jobsfilterbox h3 { font-family:var(--dmsans); margin-bottom: 10px;}
.jobsfilter_tags { grid-column-gap: 8px; margin-bottom: 14px; display: flex; }
.jobsfilter_tags_cate { color: #443fde; background-color: #f3f3fc; padding: 6px 12px; font-weight: 700; }
.jobsfilter_tags_hours { color: #c98b40; background-color: #fef7f1; padding: 6px 12px; font-weight: 700; }


.jobsfilter_details { grid-column-gap: 24px; grid-row-gap: 12px; color: #606476; letter-spacing: -.03em; flex-wrap: wrap; align-items: center; font-weight: 500; display: flex; }
.jobsfilter_detailsBx { grid-column-gap: 4px; align-items: center; display: flex; }
.jobsfilter_detailsBx img { width: 24px; height: 24px; justify-content: center; align-items: center; transition: color .2s; display: flex; }

.open_jobs_fiters_row__applied { grid-template-columns:1fr; }


/* Privacy Page */

.privacy_page { padding:48px 0; background-color: #f9f9fb;}
.privacy_page .container { gap: 25px; display: grid; grid-template-columns: 1fr;}
.privacy_page p { font-size: 1.15rem; }
.privacy_page ul { display:flex; flex-wrap:wrap; width:100%; gap:10px; }
.privacy_page ul li { font-size: 1.15rem; line-height: 1.2; display:flex; flex-wrap:wrap; width:100%; position: relative; padding: 0 0 0 20px; }
.privacy_page ul li:before { content:""; position:absolute; top:8px; left:0; width:5px; height:5px; background-color:var(--black); border-radius:15px;  }


/* Job Listing */

.Jobdetail_page { background-color:rgba(215, 219, 255, .2); padding: 100px 0px; position: relative;}
.Jobdetail_row01 { float:left; width:100%; margin-bottom:32px; }
.Jobdetail_row01:last-child { margin-bottom:0; }
.Jobdetail_row01 .container { position:relative; display: grid; grid-column-gap: .7px; grid-row-gap: .7px; background-color: #fff; border-radius: 8px; grid-template-rows: auto; grid-template-columns: 1fr .4fr; grid-auto-columns: 1fr;}


.job_post_content { padding:border: 1px solid #f9f9fb; padding: 40px 5%; }


.job_post_header_wrap { justify-content: space-between; align-items: center; margin-bottom: 32px; display: flex;}
.job_post_compny { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: space-between; align-items: center; display: flex; }
.job_post_compny_icon { width: 80px; height: 80px; background-color: #fff; border: 1px solid #ebebef; flex: none; justify-content: center; align-items: center; display: flex; }
.job_post_compny_date h5 { font-family:var(--dmsans); }
.job_post_compny_date h6 { font-family:var(--dmsans); color: #606476; letter-spacing: -.02em; margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 1.8; }


.job_post_content h1 { font-family:var(--dmsans); }

.job_post_divider { height: 2px; background-color: #e9e9f7; margin-top: 32px; margin-bottom: 32px; float: left; width: 100%;}


.job_rich_text {  gap: 25px; display: grid; grid-template-columns: 1fr; float: left; width: 100%; }
.job_rich_text p { font-size: 1.15rem; }
.job_rich_text h2,
.job_rich_text h3,
.job_rich_text h4,
.job_rich_text h5,
.job_rich_text h6 { font-family:var(--dmsans); }

.job_rich_text ul { display:flex; flex-wrap:wrap; width:100%; gap:10px; }
.job_rich_text ul li { font-size: 1.15rem; line-height: 1.2; display:flex; flex-wrap:wrap; width:100%; position: relative; padding: 0 0 0 20px; }
.job_rich_text ul li:before { content:""; position:absolute; top:8px; left:0; width:5px; height:5px; background-color:var(--black); border-radius:15px;  }


.job_post_sidemenu_row { float: left; width: 100%; border: 1px solid #f9f9fb; flex-direction: column; padding: 26px; display: flex; position: -webkit-sticky; position: sticky; top: 50px; gap: 10px;}

.job_post_sidemenu_row h2 { font-family:var(--dmsans);  text-transform: capitalize;}
.job_post_sidemenu_row h2 a { color: #443fde; text-decoration:none; font-weight:700; }
.job_post_sidemenu_row h3 { font-family:var(--dmsans); }
.job_post_sidemenu_row ul { display:flex; flex-wrap:wrap; width:100%; gap:10px; }
.job_post_sidemenu_row ul li { font-size: 1rem; line-height: 1.2; display:flex; flex-wrap:wrap; width:100%; position: relative; padding: 0 0 0 20px; }
.job_post_sidemenu_row ul li:before { content:""; position:absolute; top:6px; left:0; width:5px; height:5px; background-color:var(--black); border-radius:15px;  }



.Jobdetail_map { float:left; width:100%; }
.Jobdetail_map h2 { font-family:var(--dmsans); margin-bottom: 20px;}
.Jobdetail_map iframe { width:100%; height:500px; }



/* Jobs Board Section */

.job_board_sect { padding: 50px 0; background-color: var(--bluecolor);}
.job_board_row { border:1px solid #ebebef; background-color:var(--white); padding: 50px 20px;}
.job_board_row h2 {  font-family: var(--dmsans); color: var(--bluecolor); margin-bottom: 20px; font-weight: 700; font-style: normal; font-size: 32px; letter-spacing: 0.64px; text-transform: uppercase; text-align: center;}
.job_board_row p {  color: var(--bluecolor); margin: 0 auto; max-width: 660px; letter-spacing: 0.32px; text-align: center;}


.job_board_form { width:100%; float: left;}
form.form-search-jobs { display: flex; flex-wrap: wrap; padding: 30px 0 0; justify-content: center; gap: 10px; width: 100%; }
.job_board_row form.form-search-jobs .form-group { margin: 0;  width: calc(35% - 10px);}
.job_board_row form.form-search-jobs .form-group__dropdown,
.job_board_row form.form-search-jobs .form-group__searchbtn { width: calc(15% - 10px); }


.job_board_row form.form-search-jobs input[type="text"],
.job_board_row form.form-search-jobs input[type="email"],
.job_board_row form.form-search-jobs input[type="tel"],
.job_board_row form.form-search-jobs input[type="password"] { float: left; width: 100%; height: 48px; color: var(--black); background-color: var(--white); border: 1px solid #b7bbd1; border-radius: 6px; margin-bottom: 0; padding: 8px 12px; font-size: 15px; font-weight: 300; transition: border-color .2s, box-shadow .2s; box-shadow: 0 3px 6px -2px rgba(29, 1, 80, .1); }


.job_board_row form.form-search-jobs .btn-dropdown-miles { color: var(--bluecolor); height: 48px; padding: 10px 30px 10px 10px; font-weight: 700; border: 1px solid #b7bbd1; border-radius: 6px;
  cursor: pointer; outline: none; background-color: transparent; background-image: url(../images/down_arrow.svg); background-repeat: no-repeat; background-position: right 8px center; background-size: 15px 10px; width: 100%; box-shadow .2s; box-shadow: 0 3px 6px -2px rgba(29, 1, 80, .1); text-align: left;}
.job_board_row .dropdown-toggle::after { display:none; }


.job_board_row form.form-search-jobs .dropdown-menu.show  li { cursor: pointer; padding: 10px 25px; position: relative; font-family: var(--dmsans); font-weight: 600;  font-style: normal; font-size: 16px; letter-spacing: 0.32px; color: var(--bluecolor); }
.job_board_row form.form-search-jobs .dropdown-menu.show  li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.15); }

.job_board_row form.form-search-jobs .dropdown-menu.show  li:hover,
.job_board_row form.form-search-jobs .dropdown-menu.show  li.active {  color: var(--orangecolor);  background-color: #f8f9fa; }