@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


/*
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/


button::-moz-focus-inner {  border: 0;}
a:focus {     outline: none; }
button:focus {     outline: none; }
::-moz-focus-inner {border:0;}
:focus, :active {    outline: 0;    border: 0;}



select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(../images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 85% center;
}

.col-1-of-3 select {background-position: 95% center;}


body {color: #666; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 26px; margin: 0px 0px 0px 0px; }

html {  scroll-behavior: smooth;}


a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }

iframe {display:block;}

h2 {font-size:36px; margin:0px; font-weight:700; text-align:center; line-height:180%; color:#165d9c; line-height:140%;}

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

.medium-size {font-size:16px; font-weight:400;}


header {background-color:#fff; display:table; width:100%; position:fixed; left:0px; top:0px; z-index:1;}

.header-gap {display:table; height:135px; width:100%;}




.slider-1 {display:table; width:100%; height:600px; background-image:url(../images/banner.jpg); background-position:center top; background-size:cover;}
.slider-2 {display:table; width:100%; height:600px; background-image:url(../images/banner2.jpg); background-position:center top; background-size:cover;}
.slider-3 {display:table; width:100%; height:600px; background-image:url(../images/banner3.jpg); background-position:center top; background-size:cover;}
.slider-4 {display:table; width:100%; height:600px; background-image:url(../images/banner4.jpg); background-position:center top; background-size:cover;}


.banner-text  {width:50%; float:right; margin-top:200px; text-align:left;}

.banner-text h2 {color:#165d9c; font-size:45px; text-align:left;}

.banner-text p {color:#165d9c; font-size:16px; font-weight:500; width:80%; text-align:left;}

#mobile-menu {  padding-left: 0px;}






.logo {display:inline-table; float:left; margin:10px 0px; padding-left:15px;}

.logo a, .logo img {display:block;}

.signup {display:inline-table; float:right; border:2px solid #00aeee!important; padding:2px 30px 2px 4px; line-height:32px; background-color:#00aeee!important; color:#fff; font-weight:500; border-radius:100px; margin-top:21px;  margin-right:15px;}

.signup:hover {border:2px solid #00aeee!important; color:#00aeee; background-color:transparent!important;}

.signup img {float:left; margin-right:10px; width:32px; margin-top:1px;}


.top-navigation {display: block; background-color: #165d9c;}

.menu-arrow {float: right; margin-left: 10px; margin-top: 10px;  }




.welcome {display:table; width:100%; padding:50px 0px; } 

.welcome p {width:90%; margin:auto; line-height:200%;}

.readmore {display:block; width:160px; text-align:center; margin:auto; border:2px solid #00aeee; padding:10px 30px; background-color:#00aeee; color:#fff; font-weight:500; border-radius:100px; margin-top:30px; }

.readmore:hover {border:2px solid #00aeee; color:#00aeee; background-color:transparent;}




.expertise {background-color:#f1f1f1; display:table; width:100%; padding:60px 0px;}

.expertise p{max-width:80%;; margin:auto; color:#000; font-weight:300;}

.service-box {background-color:#fff; border-right:30px; text-align:center; border-radius:20px; padding:30px 0px 50px 0px; margin:20px 0px;}

.service-box  img {display:block; margin:20px auto; padding:10px; width:90px; transition: all 0.5s ease-in 0s;}

.service-box span {display:block; font-weight:600; color:#000; font-size:16px;}

.service-box:hover  img {padding:0px;}





.how-part1 {display:inline-table; float:left; width:45%; position:relative; padding-left:30px;}

.how-part1 div {position:absolute; background-color:#165d9c; color:#fff; text-align:left; margin-top:100px; padding:50px; border-radius:0px 100px 0px  0px;}

.how-part1 div h2 {color:#fff; text-align:left;}

.how-part1 p strong {font-weight:600;}

.how-part2 {display:inline-table; float:right; padding-right:30px;}

.how-part2 img {border-radius:0px 0px 0px 100px;}





.network {display:table; width:100%; background-image:url(../images/worldmap.png); height:850px; background-repeat:no-repeat; background-size:auto 800px; background-position:150px 0px;}

#network-content {float:right; margin-top:200px;}

#network-content h2 {text-align:left;}




.clients  {display:table; width:100%; padding:60px 0px;}

.clients  h2 {margin-bottom:40px;}

.clients .item img {border:1px solid #ddd;  display:block; width:100%;}



.joinus  {margin-bottom:50px;}

.joinus  img {width:50%; display:inline-block; background-color:#00aeee; float:left;}

.joinus-content {width:50%; float:right; background-color:#00aeee; padding:75px 60px; border-radius:0px 100px 0px 0px; height:373px;}  

.joinus h2 {text-align:left; color:#fff; line-height:130%;}

.joinus .readmore { border:2px solid #fff; margin-left:0px;}

.joinus .readmore:hover {background-color:#fff;}

.small-heading {font-size:14px; color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:2px; margin-bottom:20px; display:block;}







.gray-area {background-color:#f9f9f9;}

.inside-content-area {display:table; width:100%; padding:30px 0px 30px 0px; background-color:#fff;}

label {display:block; font-weight:500; color:#165d9c;}

.textbox1 {width:100%; padding:15px; border:1px solid #ccc; font-family:poppins; font-size:14px; margin:5px 0px 10px 0px;  color:#000; background-color:#fff;}
.select1mdy {width:32%; padding:15px; border:1px solid #ccc; font-family:poppins; font-size:14px; margin:5px 0px 10px 0px;  color:#000; background-color:#fff;}

.thin-heading {font-weight:300; text-align:left; color:#00aeee; font-size:28px; margin:0px 0px 20px 0px; }

.thin-heading strong {color:#165d9c; font-weight:300;}

.forgot-password {color:#165d9c; text-align:right; display:inline-block; border-bottom:1px solid #165d9c; float:right; margin-bottom:10px;}

.submit-button {display:block; width:100%; border:0px; font-family:poppins; font-size:16px; background-color:#00aeee; color:#fff; padding:12px 0px; margin:0px 0px 20px 0px; }

.or {display:block;  text-align:center; }

.or:before {display:inline-table; float:left; width:46%; background-color:#ccc; height:1px; content:''; margin-top:15px; }

.or:after {display:inline-table; float:right; width:46%; background-color:#ccc; height:1px; content:''; margin-top:15px; }

.google-button {display:inline-block; float:left; width:49%; padding:12px; border:1px solid #ccc; color:#165d9c; font-family:poppins; font-size:14px; font-weight:500; margin-top:20px; background-color:#f1f1f1; background-image:url(../images/google-logo.png); background-position:10px center; background-repeat:no-repeat; text-align:left;  margin:20px auto; display:block; float:none; text-indent:25px;}

.linkedin-button {display:inline-block; float:right; width:49%; padding:12px; border:1px solid #ccc; color:#165d9c; font-family:poppins; font-size:14px; font-weight:500;  margin-top:20px; background-color:#f1f1f1; background-image:url(../images/linkedin-logo.png); background-position:10px center; background-repeat:no-repeat;}

.light-caption {color:#999; display:block; margin-top:-10px; margin-bottom:10px;}

.experience-option {width:49%; float:left; border:1px solid #ccc; background-color:#fff; padding:15px; line-height:130%; color:#000; margin:1% 1% 1% 0px; }

.experience-option strong {color:#000; display:block; font-weight:600;}

.experience-option img {float:left; margin-right:10px; margin-bottom:30px;}

.small-text {font-size:13px;}

.small-text  a {color:#00aeee; font-weight:400; border-bottom:1px solid #00aeee;}

.mobile-number { background-image:url(../images/plusnineone.png); background-position:10px center; background-repeat:no-repeat; padding-left:45px;}

.file-field {background-color:#fff; width:45%; background-image:url(../images/folder-icon.png); background-position:93% center; background-repeat:no-repeat; }

.file-details {display:inline-block; font-weight:400; color:#000; margin-left:20px;}





.map {width:50%; float:left; height:400px;}

.contact-details {width:50%; float:left; height:400px; background-color:#f7f7f7; padding:50px;}

.contact-details span {display:block; clear:both; margin-bottom:30px; line-height:40px;}

.contact-details span img {float:left; margin-right:20px; background-color:#00aeee; border-radius:1000px; padding:5px; width:40px;}



.inside-banner {width:100%; height:400px; background-position:center center; }

.inside-banner span {text-align:center; color:#fff; line-height:400px; display:block; font-size:48px; font-weight:200; text-transform:uppercase; letter-spacing:1px;}


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

.add-more {color:#165d9c; border-bottom:1px solid #165d9c; display:inline-table; float:right;}

h3 {background-color:#165d9c; text-align:center; color:#fff; font-weight:500; text-transform:uppercase; font-size:15px; letter-spacing:1px; line-height:50px; }

.language-box {border:1px solid #ccc; background-color:#fff; padding:10px 20px!important; margin-bottom:30px; margin-top:10px; width:49%!important;}

.language-box  span {display:block; font-weight:600; color:#000;}

.float-right {float:right!important;}









.profile-header {width:100%; height:300px; background-image:url(../images/profile-bg.png); margin-bottom:30px; padding:0px; position:relative;}

.profile-header-right  {display:inline-block; float:right; margin-right:50px; margin-top:60px; color:#fff;}

.profile-header-right span {display:block; margin:10px 0px;}

.profile-header-right span img {display:inline-block; margin-right:10px; float:left;}

.last-update {display:inline-table; float:left; color:#fff; margin:20px; line-height:16px; position:absolute; bottom:0px; left:0px; font-size:13px; font-weight:500;}

.last-update img {float:left; margin-right:10px;}

.download-resume {display:inline-table; float:left; color:#fff; margin:20px; line-height:16px; position:absolute; bottom:0px; right:0px; font-size:13px; font-weight:500;}

.download-resume img {float:left; margin-right:10px;}

.download-resume  a {color:#fff; border:2px solid #fff; display:inline-table; padding:10px 15px;  border-radius:1000px;}

.download-resume  a:hover {background-color:#fff; color:#165d9c;}

.profile-header-left {display:inline-table; width:60%; float:left; margin:40px 0px 0px 40px; color:#fff; font-size:13px;}

.profile-header-left strong {font-weight:600; font-size:13px; line-height:130%; display:block; margin-top:20px;}

.profile-header-left h2 {display:table;  text-align:left; color:#fff; font-weight:400; font-size:30px; margin:0px;}

.profile-header-left a {font-weight:600; font-size:13px; line-height:130%;  margin-bottom:20px; color:#fff; border-bottom:1px solid #fff;}

.profile-column {border-right:1px solid #ccc; padding-right:20px;}

.col-1-of-3:last-child .profile-column  {border-right:0px solid #ccc;}

.profile-column  h4 {color:#165d9c; font-weight:600; font-size:16px; display:inline-table; margin:0px 0px 10px 0px; }

.profile-column  h5 {color:#000; font-weight:600; font-size:14px; display:table; margin:0px 0px 0px 0px; }

.edit-option {display:inline-table; float:right; color:#fff; border-bottom:1px solid #fff; line-height:20px; margin-top:-25px; margin-right:10px;}

.edit-option  img {float:right; margin-left:6px; margin-top:4px;}

.profile-photo {float:left; display:inline-table; border-radius:1000px; border:7px solid #fff; margin-right:30px; margin-bottom:50px;}

.profile-photo img {border-radius:1000px; display:block; width:150px;height:150px!important;}



.fullsize {width:100%; display:block;}

.fogot-password-area .textbox1 { background-color:#f7f7f7;}

.fogot-password-area {padding:100px;}












.rec-text-field1 {border:1px solid #ccc; background-color:#eee; font-size:15px; font-family:poppins; padding:10px; width:24%; float:left; margin-right:5px;}

.rec-text-field2 {border:1px solid #ccc; background-color:#eee; font-size:15px; font-family:poppins; padding:10px; width:24%; float:left; margin-right:5px;}

.rec-text-field3 {border:1px solid #ccc; background-color:#eee; font-size:15px; font-family:poppins; padding:10px; width:20%; float:left; margin-right:5px;}

.rec-text-field4 {border:1px solid #ccc; background-color:#eee; font-size:15px; font-family:poppins; padding:10px; width:20%; float:left; margin-right:5px;}

.search-button {  display: inline-table;  float: left;  font-size:15px; font-family:poppins; border: 2px solid #165d9c !important;  padding: 8px 30px;  background-color: #165d9c !important;  color: #fff;  font-weight: 500;  border-radius: 100px; }







.listing {margin:0px 0px 0px 20px; padding:0px;}

.listing li {padding-left:10px; list-style-image:url(../images/bullet.png);}



.aboutus-box {width:100%; display:table;  margin-top:20px;}

.aboutus-box img {display:block; width:100%;}

.aboutus-box h3 {margin-top:0px;}




.advert {display:block; margin-bottom:20px;}

.advert img {display:block; width:100%;}






.recruitment-form {background-color:#f1f1f1; display:table; width:100%; padding:20px;}

.recruitment-form  .textbox1 {padding:10px;}

.recruitment-form select {   background-position: 95% center;}





.recommendation-parallax {width:100%; display:block; margin:30px 0px;}

.featured-job-logos div img {display:block; width:100%; border:1px solid #ccc; margin-top:30px;}













.contractor-box {display:table; width:100%; border:1px solid #ddd; padding:20px; margin:20px 0px; height:340px;}

.contractor-box h4 {text-align:center; color:#165d9c; margin:10px 0px; font-size:18px; font-weight:400;}

.contractor-box p {text-align:center;}

.contractor-box img {display:block; margin:auto; width:80px;}

.contractors-bg {width:100%; height:600px; background-image:url(../images/contractors-bg.jpg); background-position:center bottom; background-repeat:no-repeat;}






.contractors-bg #mixedSlider .MS-content .item {margin:0px; width:20%;}

.step {display:table; width:100%; height:500px; background-image:url(../images/node.png); background-position:center center; background-repeat:no-repeat; }

.contractors-bg #mixedSlider .MS-controls button {top:45%;}

.contractors-bg #mixedSlider .MS-controls button {width:50px; height:50px; padding:0px;}

.contractors-bg  #mixedSlider .MS-controls .MS-left {left:30px;}

.tool-tip-up {padding:10px; text-align:center; border:1px solid #165d9c; margin:5% 0px; width:100%; height:160px; line-height:130%; margin-top:40px; background-color:#fff; position:relative;}

.tool-tip-up strong {display:block; color:#165d9c; font-size:16px; margin-top:10px;  margin-bottom:10px;}

.tool-tip-up:after {content:''; width:34px; height:17px; background-image:url(../images/top-corner1.png); background-position:center center; background-repeat:no-repeat; display:block; margin:auto; position:absolute; left:42%; bottom: -17px;}

.tool-tip-down {padding:10px; text-align:center; border:1px solid #165d9c; margin:5% 0px; width:100%; height:160px; line-height:130%; margin-top:300px; background-color:#fff; position:relative;}

.tool-tip-down strong {display:block; color:#165d9c; font-size:16px; margin-top:10px;  margin-bottom:10px;}

.tool-tip-down:before{content:''; width:34px; height:17px; background-image:url(../images/top-corner2.png); background-position:center center; background-repeat:no-repeat; display:block; margin:auto; position:absolute; left:42%; top: -17px;}








.job-box {border:1px solid #ccc; border-radius:10px; padding:20px; display:table; width:100%; margin-bottom:20px;}

.job-box label {font-size:12px; line-height:120%; margin-top:10px;}

.job-box label:first-child { margin-top:0px;}

.job-box .job-content {height:175px; display:block;} 




.add-more {display:inline-block; float:right; color:#165d9c; border-bottom:1px solid #165d9c;}

#q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10{display:none;}





.left-menu a {display:block; padding:10px; border:1px solid #ccc; margin-bottom:5px; border-radius:5px;}

.left-menu .current-form { color:#fff; background-color:#00aeee; border:1px solid #00aeee; font-weight:600;}







footer {background-color:#eee; padding:60px 0px 30px 0px; display:table; width:100%; }

footer a {display:inline-table;}

.copyright {text-align:center; color:#999; text-transform:uppercase; font-size:12px; letter-spacing:2px;}

footer h5 {font-size:22px; font-weight:400; margin:0px; color:#165d9c; margin-bottom:20px;}

footer h5::after {content:''; display:block; width:30px; height:1px; background-color:#00afef; margin-top:20px;}

footer h6 {font-size:14px; font-weight:500; margin:0px; color:#000; margin-top:20px; margin-bottom:10px;}

.footer-links a {display:block; color:#666;}

.footer-links a:hover {color:#000;}

.app-download-button {width:150px; margin-right:10px;}















/* Grid */


.grid-1280 {display:table; width:1280px; margin:auto;  }

.row {width: 100%; display: table; }

.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }

.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }


.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }


.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}


/* Grid */




















/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:99;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
	background-color: #00aeee;
}

.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}

.scroll a span {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: block;
  margin:auto;
  animation: buttonarrow 0.6s infinite alternate ease-in-out;
}


@keyframes buttonarrow {
	0% {
		transform: translateY(0);
		opacity: 1.0
	}
	100% {
		transform: translateY(-0.5em);
		opacity: 1.0
	}
}

/* Scroll Top */









/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#165d9c;
    width: 66px;
    height: 66px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 22px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */





/* Animated Bar */

.progressbar-item { display:inline-table; width:300px; margin-bottom:10px;}

.progress-bar {
    margin: 0 0 0px;
    overflow: visible;
    background: transparent;
}

.progress-number {
    padding-bottom: 7px;
    position: relative;
    margin: 5px 0;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    color: #2e2e2e;
}

.progress-title {
    z-index: 100;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.progress-number-mark {
    font-family: var(--progress-font, "Open Sans", sans-serif);
    font-weight: var(--fw-500);
    font-size: var(--fs-16);
    line-height: 1;
    padding: 8px 8px 7px;
    border-radius: 3px;
    color: var(--progress-number-color, #fff);
    margin-bottom: 4px;
    border-radius: 3px;
    background: var(--progress-number-bg, #165d9c);
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
	font-size:13px;
}

.down-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid var(--progress-number-bg, #165d9c);
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
}

.progress-bg {
    height: 6px;
    background: var(--progressbar-bg, #f0f0f0);
    overflow: hidden;
    border-radius: 6px;
}

.progress-fill {
    height: 6px;
    background: var(--progressbar-fill, linear-gradient(to right, #B464FF 0%, #3C64EB 100%));
    width: 0%;
    border-radius: 6px;
}

/* Animated Bar */





/* accordion */

.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
  border:1px solid #ddd;
  margin-top:10px;
  font-family:poppins;
  font-weight:500;
}

.active, .accordion:hover {
  background-color: #f8f8f8;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  width: 100%;
}

.panel div {border:1px solid #ddd; display:table; padding:20px 20px 0px 20px;}

/* accordion */


.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
     position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
     position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}






.dropbtn {
display: inline-table;
float: right;
border: 2px solid #00aeee !important;
padding: 2px 30px 2px 4px;
line-height: 32px;
background-color: #00aeee !important;
color: #fff;
font-weight: 500;
border-radius: 100px;
cursor:pointer;
font-family:poppins;
transition: all 0.5s ease-in 0s;
background-image:url(../images/small-down-arrow.png);
background-position:90% center;
background-repeat:no-repeat;
}

.dropbtn img {
  float: left;
  margin-right: 10px;
  width: 32px;
  margin-top: 1px;
}

.dropdown {
  position: relative;
  display: inline-block;
  float:right;
  margin-top:20px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-top:42px;
  margin-left:-30px;
  
}

.dropdown-content a {
  color: black;
  padding: 10px;
  text-decoration: none;
  display: block;
  border-bottom:1px solid #ddd;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {
  border:2px solid #00aeee !important;
  color: #00aeee;
  background-color: transparent !important;
}





#resume-header {border-bottom:1px solid #ccc; }

#resume-header strong {font-weight:500; color:#000;}

.resume-heading {color:#000; font-weight:500; font-size:20px;}

#resume-two-column label {width:25%; display:inline-block; float:left; margin-bottom:10px; color: #165d9c;}

#resume-two-column span {width:75%; display:inline-block; float:left; margin-bottom:10px;}

#resume-single-column strong {display:block; font-weight:500; color:#000; color: #165d9c;}

#resume-single-column .details {display:block; margin-bottom:20px; }