*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
a {
    text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}

body {
  margin: 0px;
padding:0px;
font-family: 'Poppins', sans-serif !important;
font-weight:normal;
color: #545454;
font-size:16px !important;
}
.togglesearch {
    background: #ffffff;
    position: absolute;
    top: 36px;
    right: -17px;
    width: 350px;
    height: auto;
    line-height: 60px;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    border-top: 4px solid #088B97;
   display: none; 
    padding: 10px;
    z-index: 9;
}
.togglesearch:before{content:"";position:absolute;top:-30px;right:13px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:14px solid transparent;border-bottom:14px solid #088B97;}
.togglesearch input[type=text] {
    width: 200px;
    padding: 5px 10px;
    margin-left: 23px;
    border: 1px solid #088B97;
    outline: none;
    height: auto;
    line-height: 16px;
}
.togglesearch input[type=button] {
    width: 80px;
    padding: 5px 0;
    background: #088B97;
    color: #fff;
    margin-left: -6px;
    border: 1px solid #088B97;
    outline: none;
    cursor: pointer;
    line-height: 26px;
    height: 37px;
}
.tooltip-arrow {
  top: 0;
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000;
}
.blog-item-txt h5{
	font-size:20px;
}
  /*header*/
  #drop-down {
    background: transparent;
    border: none;
}
.navbar-expand-lg .navbar-collapse {
    flex-basis: auto;
    text-align: center;
    margin: 0px auto;
    flex-grow: unset;
}
.und_txt {
    font-weight: bold;
}
  .desktop-menu
{
display:block;
}
.mobile-menu
{
display:none;
}
  .header-wrapper {
    width: 100%;
    top: 0px;
    z-index: 100;
}
.innerpage.top-menu {
    padding: 10px 0px;
    background: #18283E;
}
.top-menu-item {
    float: right;
}
.top-menu-item ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.top-menu-item ul li {
    display: inline-block;
}
.top-menu-item ul li a {
    padding: 0px 10px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}

#mainNav.innerpage {
    padding-top: 10px;
    padding-bottom: 0px;
    border: none;
    background-color: #fff;
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}
#mainNav.innerpage .navbar-brand {
    font-size: 28px;
    transition: font-size 0.3s ease-in-out;
    line-height: 31px;
    color: #007db8;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 3px;
}
#mainNav .navbar-toggler {
    padding: 0.75rem;
    font-size: 0.75rem;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}



#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #212529;
}
#mainNav .navbar-toggler {
  padding: 0.75rem;
  font-size: 0.75rem;
    font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
#mainNav .navbar-brand {
  color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
}
#mainNav .navbar-brand img {
  height: 1.5rem;
}
#mainNav .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    color: #000;
    letter-spacing: 0.10px;
    line-height: 18px;
    margin-right: 5px;
	font-weight: normal;
  padding:15px 5px;
}

#mainNav.innerpage .navbar-nav .nav-item .nav-link {
    color: #000;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #088B97;
}

@media (min-width: 992px) {
  #mainNav {
   padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    background-color: transparent;
  }
  #mainNav.innerpage {
    padding-top: 10px;
    padding-bottom: 0px;
    border: none;
    background-color: #fff;
}
  #mainNav .navbar-brand {
    font-size: 28px;
    transition: font-size 0.3s ease-in-out;
    line-height: 31px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 3px;
  }
  #mainNav.innerpage .navbar-brand {
    font-size: 28px;
    transition: font-size 0.3s ease-in-out;
    line-height: 31px;
    color: #007db8;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 3px;
  }
  .fixed .#mainNav .navbar-brand
{
color:#fff;
}
  #mainNav .navbar-brand img {
    height: 50px;
    transition: height 0.3s ease-in-out;
  }
  #mainNav.nav-bar-fixed .navbar-brand img{
    height: 40px;
}
  #mainNav.navbar-shrink {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #273344;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
  }
  #mainNav.navbar-shrink .navbar-brand svg,
#mainNav.navbar-shrink .navbar-brand img {
    height: 1.5rem;
  }
  #mainNav .navbar-nav .nav-item {
    margin-right: 0px;
	z-index: 100;
  }
  #mainNav .navbar-nav li {
    margin-right: 0px;
	z-index: 100;
  }
  #mainNav .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }
}
.header-wrapper.fixed
{
background:#312F34;
}
header.masthead {
  padding-top: 200px;
  padding-bottom: 200px;
  text-align: left;
  color: #F2F2F2;
  background-image: url("../assets/img/banner.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}
.masthead-subheading {
  font-size: 58px;
  line-height: 65px;
  margin-bottom: 25px;
    font-family: 'Poppins', sans-serif;
	font-weight:bold;
	letter-spacing: 0.10px;
}
.masthead-heading-para {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 2rem;
    font-family: 'Poppins', sans-serif;
	letter-spacing: 0.10px;
}
.content-section
{
max-width:650px;
z-index: 100;
position: relative;
}
.login-lng-sec {
    display: inline-block;
    float: right;
}
.login-lng-sec ul li
{
margin-left:20px;
}
.login-lng-sec ul li button
{
background:transparent;
border:0px;
color:#fff;
}
.search-head
{
position: relative;
    margin-left: 40px;
    display: inline-block;
    float: left;
}

.search-head input[type="text"]
{
background:#F2F2F2;
border-radius:30px;
padding:5px 30px 5px 10px;
font-size:13px;
line-height:13px;
border:0px;
max-width:150px;
}
.search-head button
{
    background: transparent;
    border: 0px;
    top: 1px;
	color:#fff;
}
.lang-btn
{
}
.login-lng-sec ul
{
list-style:none;
padding:0px;
margin:0px;
margin-left:20px;
}
.login-lng-sec ul li {
    display: inline-block;
    /* padding: 0px 10px; */
    float: left;
}
.login-lng-sec ul li a
{
    font-family: 'Poppins', sans-serif;
  font-size:16px;
  color: #fff;
  letter-spacing: 0.10px;
  line-height:18px;

text-decoration:none;
}
.lang-btn img
{
width:28px;
}
.login-user
{
    margin-left: 5px;
    background: transparent;
    border-radius: 50%;
    padding: 0px;
    display: inline-block;
    text-align: center;
	color:#088B97;
}
.login-user i
{
font-size:20px;
}
.subscrib-btn
{
width: 131px;
    height: 38px;
    border: 1px solid #0F345E;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    padding: 5px 15px;
    display: inline-flex;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    align-items: center;
    align-content: center;
    justify-content: center;
	background:#0F345E;
	margin-bottom:0px;
}
.explore-btn
{
width: 131px;
    height: 38px;
    border: 1px solid #E0E0E0;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    padding: 5px 15px;
    display: inline-flex;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.search-hide input[type="text"]
{
display:none;
}

.search {
    position: absolute;
    top: 30;
    right: 0;
    width: 300px;
    background: rgba(53,53,53,.92);
    display: none;
    z-index: 1000;
	padding:10px 20px;
}

.search .form-control {
    border: 1px solid #fff;
    width: 100%;
    background: transparent !important;
    color: #fff !important;
    font-size: 13px;
    padding-right: 30px;
}
.search .search-submit {
    color: #fff;
    position: absolute;
    top: 6px;
    right: 0px;
    font-size: 36px;
    cursor: pointer;
    font-size: 15px;
}
.search .search-submit i
{
color:#fff;
}
.login-lng-sec {
    display: inline-block;
    float: right;
}
.login-lng-sec ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
}
.login-lng-sec ul li {
    margin-left: 20px;
}
.login-lng-sec ul li {
  display: flex;
  /* padding: 0px 10px; */
  float: left;
  height: 38px;
  align-items: center;
      position: relative;
}
.login-lng-sec ul li a {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.10px;
    line-height: 18px;
    text-decoration: none;
	z-index:1;
}
.nav-bar-fixed {
  position: fixed !important;
  top: 0px;
  background: #fff !important;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 2px 12px 0 rgb(36 50 66 / 8%);
}
.has-megamenu { position: static !important; }
.dropdown-menu.megamenu {
  position: absolute;
  bottom: 0;
  left: 0px;
  /* transform: translate(-5%,100%); */
  z-index: 151;
  background-color: #fff;
  width: 1028px;
  top: 60px;
  right: 0px;
  margin: 0px auto;
  padding:0px;
  height:100%;
  border:0px;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.dropdown.has-megamenu :hover .dropdown-menu.megamenu {

  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.menu-lab
{
  margin-bottom:20px;
}
.nav-link
{
padding:15px 1rem;
}
.dropdown-menu.megamenu .mega-full
{
  border:1px solid rgba(0,0,0,.15);
  box-shadow: 0 50px 60px 0 rgb(36 50 66 / 15%);
}

div.bhoechie-tab-container{
     display: flex;
}
div.bhoechie-tab-menu{
  display: flex;
    flex-direction: column;
    flex-basis: 190px;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    background-color: #222;
    list-style: none;

}
.main-section-mega {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.main-section-mega-inner {
    display: flex;
    flex-wrap: wrap;
    margin: -2rem -1rem 0;
    padding: 0;
    list-style: none;
}
.main-section-mega-inner-part
{
    flex-basis: calc(33.33333% - 2rem);
	margin: 2rem 1rem 0;
}
.menu-box
{
padding: 1.25rem;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding: 20px;
}
div.bhoechie-tab
{
display: flex;
    flex-direction: column;
    flex-grow: 1;
	max-width: 839px;
	min-height:480px;
  background:#fff;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
	z-index:100;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
 }
 .desktop-menu .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 2px;
    content: "";
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
}
 .navbar-brand {
    padding: 0px !important;
}
.menu-tab-content 
{
margin:0px auto;
text-align:center;
padding: 1.25rem;
width: 100%;
    display: block;
}
.menu-tab-content img
{
height:30px;
text-align:center;
}
.menu-tab-content p
{
margin: 0;
    line-height: 1.25;
    font-weight: normal;
    color: #fff;
	    margin-top: .5rem;
		text-align:center;
		font-family: 'Poppins', sans-serif;
}
.menu-tab-content.active
{
background:#312F34;
}
.menu-lab h3
{
position:relative;
padding:5px 5px 5px 30px;
    font-weight:normal;
    font-size: 17px;
    line-height: 1.25rem;
    color: #000;
	margin-bottom:0px;
}
.menu-lab h3 img
{
    position: absolute;
    left: 0px;
    width: 22px;
    top: -1px;
}
.menu-lab ul
{
margin:0px;
padding:0px;
list-style:none;
}
.menu-lab ul li
{
display:block;
}
.menu-lab ul li a
{
display: inline-block;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #3c3c3c;
}
.left-border
{
  position: relative;
}
.left-border::before {
  content: "";
  /* border-left: 1px solid gray; */
  left: -5px;
  position: absolute;
  width: 1px;
  background: #c3c0c0;
  height: 25px;
  top: 12px;
}
.dropdown.has-megamenu:hover .dropdown-toggle::after
{
transform:rotate(180deg);
}
.nav-bar-fixed .dropdown-menu.megamenu 
{

  top: 55px;
  
}
.pl-20
{
padding-left: 20px !important;
}
.pr-20  
{
padding-right: 20px !important;
}
.mt-40
{
margin-top:20px;
}
.blog-menu a
{
display:block;
}
.plr-15
{
padding-left:15px !important;
padding-right:15px !important;
}
.mb-nav-fullwidth
{
width:20% !important;
}
.blog-menu a img
{
    width: 100%;
    height: 150px;
    object-fit: cover;
    margin-bottom: 10px;
}
.blog-menu
{
text-align:center;
}
.blog-menu-date
{
font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-size: 12px;
	position:relative;
	color: #3c3c3c;
}
.blog-menu-title
{
font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-size: 16px;
    position: relative;
    color: #000;
    margin-top: 5px;
    line-height: 18px;
}
.blog-menu-para
{
font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-size: 12px;
    position: relative;
    color: #000;
    margin-top: 5px;
    line-height: 18px;
}
.blog-menu-main-title
{
font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-size: 20px;
    position: relative;
    color: #000;
    margin-top: 0px;
    line-height: 28px;
	text-align:left;
	margin-bottom: 10px;
}
.mtb-15
{
margin-top:15px;
margin-bottom:15px;
}
.sector-section
{
margin-bottom:30px !important;
}
.sector-item-title
{
font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #000;
    letter-spacing: 0.10px;
    line-height: 20px;
    text-align: left;
    margin-bottom: 30px;
	padding-left:25px;
	position:relative;
}
.sector-item-title img
{
height:15px;
position:absolute;
left:0px;
}
.sector-item img {
    height: 40px;
    text-align: center;
    margin: 0px auto;
    transition: all .2s ease-in-out;
}
.sector-item p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #000;
    letter-spacing: 0.10px;
    line-height: 20px;
    text-align: center;
    margin-top: 20px;
}
.p-40
{
padding:40px !important;
}
.sector-slider .slick-prev:before, .sector-slider .slick-next:before {
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sector-slider .slick-prev:before
{
    content: "\f053";
    position: absolute;
    background-size: 100% 100%;
    width: 28px;
    top: 0px;
    left: 0px;
    color: #000;
}
.sector-slider .slick-next:before
{
    content: "\f054";
    position: absolute;
    background-size: 100% 100%;
    width: 28px;
    top: 20px;
    right: -20px;
	color: #000;
}

.region-section
{
margin-bottom:30px;
}
.region-item-title
{
font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #000;
    letter-spacing: 0.10px;
    line-height: 20px;
    text-align: left;
    margin-bottom: 30px;
	padding-left:25px;
	position:relative;
}
.region-item-title img
{
height:15px;
position:absolute;
left:0px;
}
.region-item img {
    height: 40px;
    text-align: center;
    margin: 0px auto;
    transition: all .2s ease-in-out;
}
.region-item p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #000;
    letter-spacing: 0.10px;
    line-height: 20px;
    text-align: center;
    margin-top: 20px;
}
.p-40
{
padding:40px !important;
}
.region-slider .slick-prev:before, .region-slider .slick-next:before {
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.region-slider .slick-prev:before
{
    content: "\f053";
    position: absolute;
    background-size: 100% 100%;
    width: 28px;
    top: 20px;
    left: -20px;
    color: #000;
}
.region-slider .slick-next:before
{
    content: "\f054";
    position: absolute;
    background-size: 100% 100%;
    width: 28px;
    top: 20px;
    right: -20px;
	color: #000;
}

.menu-item-title
{
font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #000;
    letter-spacing: 0.10px;
    line-height: 20px;
    text-align: left;
    margin-bottom: 10px;
	padding-left:25px;
	position:relative;
}
.menu-item-title img
{
height:15px;
position:absolute;
left:0px;
}
.tender-sec {
    list-style: none;
    padding: 0px;
    margin: 0px;
	    position: relative;
}
.tender-sec li::before {
    content: "\f0c8";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 6px;
    position: absolute;
    width: 8px;
    top: 6px;
    left: 0;
    margin-left: 1px;
    line-height: 1;
    color: #000;
}
.tender-sec li {
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    padding: 0px 0px 5px 10px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #000;

}
.tender-sec li a
{
color: #000;
}
.tender-sec-inner {
    list-style: none;
    padding: 0px;
    margin: 0px;
	    position: relative;
}
.tender-sec-inner li {
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    padding: 0px 0px 20px 25px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #000;

}
.tender-sec-inner img
{
position:absolute;
left:0px;
top:0px;
width:20px;
}
.menu-more {
    color: #007db8;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none;
    display: block;
    margin: 10px 0px;
    position: relative;
    text-align: right;
    clear: both;
}
.menu-overlay.active
{
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #00000085;
    top: -44px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 0;
}
.pb-50
{
padding-bottom:50px;
}
/*end header*/
.main-sec
{
min-height:550px;
}
.banner-part
{
position:relative;
min-height:600px;
}
.banner-part-overlay
{
    content: "";
    position: absolute;
    left: auto;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 50%;
    right: 0px;
    z-index: -1;
	background: #eef5fd;
}
.check-slider
{
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 30px;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
	    z-index: 3;
    border: 1px solid rgb(109, 110, 111);
}
.check-slider::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    border-radius: 25px;
    top: 0px;
    left: 0px;
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    opacity: 0;
}
.check-slider::after {
    border-right: 1px solid rgb(109, 110, 111);
    border-bottom: 1px solid rgb(109, 110, 111);
}
.check-slider::after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 12px;
    top: calc(50% - 2px);
    left: 7px;
    transform: translateY(-50%) rotate(45deg);
}
.check-slider::after {
    top: calc(50% - 1px);
    left: 7px;
    width: 5px;
    height: 10px;
}
.slider-btn:hover .check-slider {
    background: rgb(224, 244, 236);
    border: 1px solid rgb(93, 162, 131);
    color: rgb(255, 255, 255);
}
.site-button,.site-button-secondry{
    color:#fff;
    padding:10px 20px;
    display:inline-block;
    font-size:16px;
    outline:0;
    cursor:pointer;
    outline:0;
    border-width:0;
    border-style:solid;
    border-color:transparent;
    line-height:1.42857;
    border-radius:0;
    font-weight:600;
    text-align:center;
    white-space:nowrap
}
.site-button{
    background-color:#efbb20
}
.button-skew{
    position:relative;
    text-align:center;
    margin-right:21px;
    -moz-transform:skewX(-20deg);
    -webkit-transform:skewX(-20deg);
    -o-transform:skewX(-20deg);
    -ms-transform:skewX(-20deg);
    transform:skewX(-20deg);
    transition:all .5s;
	transform-origin: bottom;
}
.button-skew span{
    display:inline-block;
    -moz-transform:skewX(20deg);
    -webkit-transform:skewX(20deg);
    -o-transform:skewX(20deg);
    -ms-transform:skewX(20deg);
    transform:skewX(20deg)
}
.button-skew i{
    background-color:inherit;
    position:absolute;
    height:100%;
    margin-right:-32px;
    right:0;
    top:0;
    padding:12px 12px;
    line-height:normal
}
.button-skew i:before{
    display:inline-block;
    -moz-transform:skewX(20deg);
    -webkit-transform:skewX(20deg);
    -o-transform:skewX(20deg);
    -ms-transform:skewX(20deg);
    transform:skewX(20deg)
}
.bg-blue .button-skew i
{
background: #088B97;
    color: #fff;
}
.bg-blue .site-button-secondry {
    background-color: #0F345E;
	color:#fff;
}
.bg-blue .site-button-secondry:hover {
  background-color: #088B97;
color:#fff ;
}
.bg-blue .site-button-secondry:hover  i
{
  background-color: #0F345E;
color:#fff ;
}
.bg-blue .dez-separator{
    display:inline-block;
    height:3px;
    width:50px;
    margin-bottom:10px;
    position:relative
}
.bg-blue .dez-separator.style-liner{
    width:20px
}
.bg-blue .dez-separator.style-icon{
    width:30px;
    height:auto;
    text-align:center;
    font-size:20px
}
.bg-blue .dez-separator[class*=style-]:after, .bg-blue .dez-separator[class*=style-]:before{
    content:"";
    position:absolute;
    top:50%;
    left:35px;
    width:150px;
    height:2px;
    background:#eee;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.bg-blue .dez-separator[class*=style-]:before{
    left:auto;
    right:35px
}
.bg-blue .dez-separator.style-skew{
        /* width: 15px; */
    /* height: 10px; */
    /* margin-left: 1px; */
    /* margin-right: 1px; */
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(26deg);
    position: relative;
}
.bg-blue .dez-separator.style-skew[class*=style-]:after, .bg-blue .dez-separator.style-skew[class*=style-]:before{
    width:80px;
    height:4px;
    left:55px;
    -moz-transform:translateY(-50%) skewX(-10deg);
    -webkit-transform:translateY(-50%) skewX(-10deg);
    -o-transform:translateY(-50%) skewX(-10deg);
    -ms-transform:translateY(-50%) skewX(-10deg);
    transform:translateY(-50%) skewX(-10deg)
}
.bg-blue .dez-separator.style-skew[class*=style-]:after
{
background:#0F345E;
}
.bg-blue .dez-separator.style-skew[class*=style-]:before
{
background:transparent;
}
.bg-blue .dez-separator.style-skew[class*=style-]:before{
    right:20px;
    left:auto
}
.bg-blue .dez-separator.style-skew span.dot1
{
    background: #0F345E;
    width: 15px;
    display: inline-block;
    height: 12px;
    position: absolute;
    top: -4px;
}
.bg-blue .dez-separator.style-skew span.dot2
{
    background: #088B97;
    width: 15px;
    display: inline-block;
    height: 12px;
    position: absolute;
    top: -4px;
	left:16px;
}
.bg-blue .dez-separator.style-skew span.dot3
{
    background: #0F345E;
    width: 15px;
    display: inline-block;
    height: 12px;
    position: absolute;
    top: -4px;
	left:32px;
}

.banner-txt
{
padding-top:60px;
}
.left-title
{
max-width:480px;
}
.bg-blue .left-title h2
{
    font-size: 40px;
    line-height: 45px;
	    font-weight: 400;
    color: #088B97;
}
.left-title h2 span
{
color: #0F345E;
font-weight:600;
}
.left-title p {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    color: #9C9C9C;
    line-height: 30px;
    margin-bottom: 25px;
}
.dez-separator-outer 
{
  margin-bottom: 10px;
}


.banner-slider-1, .banner-slider-2, .banner-slider-3
{
padding:60px 0px;
position:relative;
height:550px;
transition: opacity 400ms ease-in-out;
}
.banner-slider-1 .banner-right-img, .banner-slider-2 .banner-right-img, .banner-slider-3 .banner-right-img {
    width: auto;
    position: absolute;
    height: 370px;
    right: -9%;
    left: auto;
    top: 18%;
	box-shadow: -6px 0px 12px 6px #dcdddd;
}
.banner-slider-1 .banner-left-img, .banner-slider-2 .banner-left-img, .banner-slider-3 .banner-left-img {
    width: auto;
    position: absolute;
    height: 415px;
    left: 25px;
    right: auto;
    top: 6%;
    box-shadow: -6px 0px 12px 6px #dcdddd;
}
.slider-btn
{
background:#fff;
    border-radius: 8px;
    padding: 8px 20px 7px 50px;
position:relative;
color:#000;
border:0px;
  animation-name: run;
  animation-iteration-count: infinite;
  animation-delay: 2000ms;
      transform-origin: center center;
    transform: translateX(-3%);
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
	    animation-duration: 12s;
    animation-timing-function: ease;
    pointer-events: auto;
	    max-width: 350px;

}
.slider-btn:before, .slider-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #5DA283;
    z-index: -1;
    -webkit-transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: left;
}
.banner-slider input:checked ~ span::before, banner-slider input:checked ~ span::after {
    transform: scaleX(1);
}
.banner-slider input ~ span {
    overflow: hidden;
}
.banner-btn-1
{
position:absolute;
top:17%;
left:50%;
opacity: 1;
    transition: opacity 1500ms ease 0s;
  }

.banner-btn-2
{
position:absolute;
top:auto;
left:10%;
bottom:22%;
opacity: 1;
transition: opacity 1500ms ease 0s;
}
.opacity-0
{
opacity:0;
}

#banner-box-2-2
{
left:5%;
}
#banner-box-2-1
{
left:auto;
right:0px;
}
#banner-box-3-2
{
left:auto;
right:25%;
}
#banner-box-3-1
{
left:auto;
right:25%;
}
.banner-slider input[type="checkbox"]
{
position: absolute;
    clip: rect(0,0,0,0);
}
@-webkit-keyframes run{0%{-webkit-transform:translateX(-3%) rotate(0deg);-moz-transform:translateX(-3%) rotate(0deg);-ms-transform:translateX(-3%) rotate(0deg);transform:translateX(-3%) rotate(0deg);}50%{-webkit-transform:translateX(3%) rotate(.01deg);-moz-transform:translateX(3%) rotate(.01deg);-ms-transform:translateX(3%) rotate(.01deg);transform:translateX(3%) rotate(.01deg);}100%{-webkit-transform:translateX(-3%) rotate(0deg);-moz-transform:translateX(-3%) rotate(0deg);-ms-transform:translateX(-3%) rotate(0deg);transform:translateX(-3%) rotate(0deg);}}@keyframes run{0%{-webkit-transform:translateX(-3%) rotate(0deg);-moz-transform:translateX(-3%) rotate(0deg);-ms-transform:translateX(-3%) rotate(0deg);transform:translateX(-3%) rotate(0deg);}50%{-webkit-transform:translateX(3%) rotate(.01deg);-moz-transform:translateX(3%) rotate(.01deg);-ms-transform:translateX(3%) rotate(.01deg);transform:translateX(3%) rotate(.01deg);}100%{-webkit-transform:translateX(-3%) rotate(0deg);-moz-transform:translateX(-3%) rotate(0deg);-ms-transform:translateX(-3%) rotate(0deg);transform:translateX(-3%) rotate(0deg);}}
.ptb-60
{
padding-top:40px;
padding-bottom:40px;
}
.bg-blue .section-title h2 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 400;
    color: #088B97;
	text-align:center;
}
.bg-blue .tag-section .section-title h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    color: #088B97;
    text-align: center;
}
.dez-separator-outer-section
{
    margin: 0px auto 10px auto;
    max-width: 280px;
    text-align: center;
}
.bg-blue .dez-separator-section{
    display:inline-block;
    height:3px;
    width:50px;
    margin-bottom:10px;
    position:relative
}

.bg-blue .dez-separator-section[class*=style-]:after, .bg-blue .dez-separator-section[class*=style-]:before{
    content:"";
    position:absolute;
    top:50%;
    left:35px;
    width:150px;
    height:2px;
    background:#eee;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.bg-blue .dez-separator-section[class*=style-]:before{
    left:auto;
    right:35px
}
.bg-blue .dez-separator-section.style-skew{
    width: 100%;
    /* height: 10px; */
    /* margin-left: 1px; */
    /* margin-right: 1px; */
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(26deg);
    position: relative;
}
.bg-blue .dez-separator-section.style-skew[class*=style-]:after, .bg-blue .dez-separator-section.style-skew[class*=style-]:before{
    width:110px;
    height:4px;
    left:55px;
    -moz-transform:translateY(-50%) skewX(-10deg);
    -webkit-transform:translateY(-50%) skewX(-10deg);
    -o-transform:translateY(-50%) skewX(-10deg);
    -ms-transform:translateY(-50%) skewX(-10deg);
    transform:translateY(-50%) skewX(-10deg)
}
.bg-blue .dez-separator-section.style-skew[class*=style-]:after
{
background:#0F345E;
right: 0px;
    left: auto;
}
.bg-blue .dez-separator-section.style-skew[class*=style-]:before
{
background:#0F345E;
right: auto;
    left: 0px;
}
.bg-blue .dez-separator-section.style-skew[class*=style-]:before{
    right: auto;
    left: 0px;
}
.bg-blue .dez-separator-section.style-skew span.dot1 {
    background: #0F345E;
    width: 15px;
    display: inline-block;
    height: 12px;
    position: absolute;
    top: -4px;
    left: 115px;
}
.bg-blue .dez-separator-section.style-skew span.dot2 {
    background: #088B97;
    width: 15px;
    display: inline-block;
    height: 12px;
    position: absolute;
    top: -4px;
    left: 133px;
}
.bg-blue .dez-separator-section.style-skew span.dot3 {
    background: #0F345E;
    width: 15px;
    display: inline-block;
    height: 12px;
    position: absolute;
    top: -4px;
    left: 151px;
}
.bg-blue .section-title h2 span {
    color: #0F345E;
    font-weight: 600;
}
.section-title p {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    color: #9C9C9C;
    line-height: 30px;
    margin-bottom: 25px;
	text-align:center;
	max-width:900px;
	margin:0px auto;
}
.section-title .sub-title{
font-size: 20px !important;
}
.service-list ul
{
margin:0px;
padding:0px;
list-style:none;
}
.service-list ul li
{
display:inline-block;
padding:10px;
    position: relative;
}

[class*="icheck-material"] {
    min-height: 20px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 0px;
    display: flex;
}
 [class*="icheck-material"] > label {
    padding-right: 29px !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
}
 [class*="icheck-material"] > input:first-child {
    position: absolute !important;
    opacity: 0;
    margin: 0;
    background-color: #787878;
    border-radius: 50%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    outline: none;
    transform: scale(2);
    -ms-transform: scale(2);
    transition: opacity 0.3s, transform 0.3s;
    right:13px;
}
    [class*="icheck-material"] > input:first-child:disabled {
      cursor: default; }
      [class*="icheck-material"] > input:first-child:disabled + label,
      [class*="icheck-material"] > input:first-child:disabled + input[type="hidden"] + label,
      [class*="icheck-material"] > input:first-child:disabled + label::before,
      [class*="icheck-material"] > input:first-child:disabled + input[type="hidden"] + label::before {
        pointer-events: none;
        cursor: default;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65; }
    [class*="icheck-material"] > input:first-child + label::before, [class*="icheck-material"] > input:first-child + input[type="hidden"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #787878;
    border-radius: 3px;
    margin-left: -29px;
    box-sizing: border-box;
    right: 0px;
}
    [class*="icheck-material"] > input:first-child:checked + label::after,
    [class*="icheck-material"] > input:first-child:checked + input[type="hidden"] + label::after {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0;
      left: auto;
      width: 7px;
      height: 10px;
      border: solid 2px #fff;
      border-left: none;
      border-top: none;
      transform: translate(7.75px, 4.5px) rotate(45deg);
      -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
      box-sizing: border-box; 
	  right:13px;
	  }
    [class*="icheck-material"] > input:first-child:not(:checked):not(:disabled):hover + label::before,
    [class*="icheck-material"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
      border-width: 2px; }
    [class*="icheck-material"] > input:first-child::-ms-check {
      opacity: 0;
      border-radius: 50%; }
    [class*="icheck-material"] > input:first-child:active {
      transform: scale(0);
      -ms-transform: scale(0);
      opacity: 1;
      transition: opacity 0s, transform 0s; }
  [class*="icheck-material"] > input[type="radio"]:first-child + label::before,
  [class*="icheck-material"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {
    border-radius: 50%; }
  [class*="icheck-material"] > input[type="radio"]:first-child:checked + label::before,
  [class*="icheck-material"] > input[type="radio"]:first-child:checked + input[type="hidden"] + label::before {
    background-color: transparent; }
  [class*="icheck-material"] > input[type="radio"]:first-child:checked + label::after,
  [class*="icheck-material"] > input[type="radio"]:first-child:checked + input[type="hidden"] + label::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    top: 6px;
    left: 6px;
    transform: none;
    -ms-transform: none; }
  [class*="icheck-material"] > input[type="checkbox"]:first-child:checked + label::after,
  [class*="icheck-material"] > input[type="checkbox"]:first-child:checked + input[type="hidden"] + label::after {
    width: 6px;
    height: 12px;
    transform: translate(7px, 2px) rotate(45deg);
    -ms-transform: translate(7px, 2px) rotate(45deg); }

.icheck-inline {
  display: inline-block; }
  .icheck-inline + .icheck-inline {
    margin-left: .75rem;
    margin-top: 6px; }
/*blue*/
	.icheck-material-blue > input:first-child {
  background-color: #81D5F6; }
  .icheck-material-blue > input:first-child::-ms-check {
    background-color: #81D5F6; }
  .icheck-material-blue > input:first-child + label::before,
  .icheck-material-blue > input:first-child + input[type="hidden"] + label::before {
    border-color: #81D5F6; }
  .icheck-material-blue > input:first-child:checked + label::before,
  .icheck-material-blue > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #81D5F6;
    border-color: #81D5F6; }
  .icheck-material-blue > input:first-child:checked + label::after,
  .icheck-material-blue > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #fff;
    border-right-color: #fff; }
/*lightgreen*/
.icheck-material-light-green > input:first-child {
  background-color: #E8DE43; }
  .icheck-material-light-green > input:first-child::-ms-check {
    background-color: #E8DE43; }
  .icheck-material-light-green > input:first-child + label::before,
  .icheck-material-light-green > input:first-child + input[type="hidden"] + label::before {
    border-color: #E8DE43; }
  .icheck-material-light-green > input:first-child:checked + label::before,
  .icheck-material-light-green > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #E8DE43;
    border-color: #E8DE43; }
  .icheck-material-light-green > input:first-child:checked + label::after,
  .icheck-material-light-green > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #fff;
    border-right-color: #fff; }

	/*red*/
	.icheck-material-red > input:first-child {
  background-color: #CF2A64; }
  .icheck-material-red > input:first-child::-ms-check {
    background-color: #CF2A64; }
  .icheck-material-red > input:first-child + label::before,
  .icheck-material-red > input:first-child + input[type="hidden"] + label::before {
    border-color: #CF2A64; }
  .icheck-material-red > input:first-child:checked + label::before,
  .icheck-material-red > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #CF2A64;
    border-color: #CF2A64; }
  .icheck-material-red > input:first-child:checked + label::after,
  .icheck-material-red > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #fff;
    border-right-color: #fff; }
	
	/*deepblue*/
	.icheck-material-deepblue > input:first-child {
  background-color: #405DE7; }
  .icheck-material-deepblue > input:first-child::-ms-check {
    background-color: #405DE7; }
  .icheck-material-deepblue > input:first-child + label::before,
  .icheck-material-deepblue > input:first-child + input[type="hidden"] + label::before {
    border-color: #405DE7; }
  .icheck-material-deepblue > input:first-child:checked + label::before,
  .icheck-material-deepblue > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #405DE7;
    border-color: #405DE7; }
  .icheck-material-deepblue > input:first-child:checked + label::after,
  .icheck-material-deepblue > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #fff;
    border-right-color: #fff; }
	/*deepgreen*/
	.icheck-material-deepgreen > input:first-child {
  background-color: #1EA89C; }
  .icheck-material-deepgreen > input:first-child::-ms-check {
    background-color: #1EA89C; }
  .icheck-material-deepgreen > input:first-child + label::before,
  .icheck-material-deepgreen > input:first-child + input[type="hidden"] + label::before {
    border-color: #1EA89C; }
  .icheck-material-deepgreen > input:first-child:checked + label::before,
  .icheck-material-deepgreen > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #1EA89C;
    border-color: #1EA89C; }
  .icheck-material-deepgreen > input:first-child:checked + label::after,
  .icheck-material-deepgreen > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #fff;
    border-right-color: #fff; }

	/*green*/
	.icheck-material-green > input:first-child {
  background-color: #B4CD96; }
  .icheck-material-green > input:first-child::-ms-check {
    background-color: #B4CD96; }
  .icheck-material-green > input:first-child + label::before,
  .icheck-material-green > input:first-child + input[type="hidden"] + label::before {
    border-color: #B4CD96; }
  .icheck-material-green > input:first-child:checked + label::before,
  .icheck-material-green > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #B4CD96;
    border-color: #B4CD96; }
  .icheck-material-green > input:first-child:checked + label::after,
  .icheck-material-green > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #fff;
    border-right-color: #fff; }
	
	/*orange*/
		.icheck-material-orange > input:first-child {
  background-color: #E0922F; }
  .icheck-material-orange > input:first-child::-ms-check {
    background-color: #E0922F; }
  .icheck-material-orange > input:first-child + label::before,
  .icheck-material-orange > input:first-child + input[type="hidden"] + label::before {
    border-color: #E0922F; }
  .icheck-material-orange > input:first-child:checked + label::before,
  .icheck-material-orange > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #E0922F;
    border-color: #E0922F; }
  .icheck-material-orange > input:first-child:checked + label::after,
  .icheck-material-orange > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #fff;
    border-right-color: #fff; }

	/*bottolgreen*/
		.icheck-material-bottolgreen > input:first-child {
  background-color: #337E4E; }
  .icheck-material-bottolgreen > input:first-child::-ms-check {
    background-color: #337E4E; }
  .icheck-material-bottolgreen > input:first-child + label::before,
  .icheck-material-bottolgreen > input:first-child + input[type="hidden"] + label::before {
    border-color: #337E4E; }
  .icheck-material-bottolgreen > input:first-child:checked + label::before,
  .icheck-material-bottolgreen > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #337E4E;
    border-color: #337E4E; }
  .icheck-material-bottolgreen > input:first-child:checked + label::after,
  .icheck-material-bottolgreen > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #fff;
    border-right-color: #fff; }
	
	/*violet*/
			.icheck-material-violet > input:first-child {
  background-color: #5A308D; }
  .icheck-material-violet > input:first-child::-ms-check {
    background-color: #5A308D; }
  .icheck-material-violet > input:first-child + label::before,
  .icheck-material-violet > input:first-child + input[type="hidden"] + label::before {
    border-color: #5A308D; }
  .icheck-material-violet > input:first-child:checked + label::before,
  .icheck-material-violet > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #5A308D;
    border-color: #5A308D; }
  .icheck-material-violet > input:first-child:checked + label::after,
  .icheck-material-violet > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #fff;
    border-right-color: #fff; }
.service-list {
    max-width: 950px;
    margin: 40px auto 0px auto;
    text-align: center;
}
	.service-list-sec
	{
	background:#F3F9FF;
	padding:12px 15px 12px 50px;
	position:relative;
	border-radius:20px;
	}
	.service-list-icon {
    position: absolute;
    left: 15px;
    top: 7px;
}
	.service-list-icon img
	{
	width:26px;
	}
	.bg-blue .site-button-secondry.opposite-color {
    background-color:#088B97;
	color: #fff;
}
.bg-blue .site-button-secondry.opposite-color:hover{
  background-color:#0F345E;
color: #fff;
}


.bg-blue .site-button-secondry.opposite-color.button-skew i {
    background: #0F345E;
    color: #fff;
}
.bg-blue .site-button-secondry.opposite-color:hover i{
  background: #088B97;
  color:#fff;
}
.mt-30
{
margin-top:30px !important;
}
.btn-center
{
margin:0px auto;
text-align:center;
}

.card-home {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid #d2d2dc;
     border-radius: 0
 }

 .card-home .card-title {
     color: #000000;
     margin-bottom: 0.625rem;
     text-transform: capitalize;
     font-size: 0.875rem;
     font-weight: 500
 }

 .card-home .card-description {
     margin-bottom: .875rem;
     font-weight: 400;
     color: #76838f
 }

 .accordion .card-home:first-of-type {
     border-bottom: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }

 .accordion .card-home {
     margin-bottom: .75rem;
     border-radius: 0px !important;
     border: none
 }
 .accordion .card-home.active {
     box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
 }

 .accordion .card-home .card-header {
     background-color: transparent;
     border-bottom: none;
     padding: 15px 20px;
	     border-radius: 0 !important;

 }
 
 .card-header:first-child {
     border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
 }

 .accordion .card-home .card-header * {
     font-weight: 600;
     font-size: 16px;
 }

 .mb-0,
 .my-0 {
     margin-bottom: 0 !important
 }

 .accordion .card-home .card-header a {
     display: block;
     color: inherit;
     text-decoration: none;
     font-size: inherit;
     position: relative;
     -webkit-transition: color 0.5s ease;
     -moz-transition: color 0.5s ease;
     -ms-transition: color 0.5s ease;
     -o-transition: color 0.5s ease;
     transition: color 0.5s ease;
     padding-right: 1.5rem
 }

 .accordion .card-home .card-header * {
     font-weight: 600;
     font-size: 16px !important;
 }

 .accordion .card-home .card-header a[aria-expanded="false"]:before {
     content: "\f078";
 }

 .accordion .card-home .card-header a[aria-expanded="true"]:before {
     content: "\f077";
 }

 .accordion .card-home .card-header a:before {
     position: absolute;
     right: 7px;
     top: 0;
     font-size: 20px;
     display: block;
     font-family: FontAwesome;
     display: inline-block;
     padding-right: 3px;
     vertical-align: middle;
     font-size: .756em;
     color: #405189
 }
 .border-top-EDBD4F
 {
 border-top:2px solid #EDBD4F;
 }
 .border-top-6CBAB3
 {
 border-top:2px solid #6CBAB3;
 }
 .border-top-CC2229
 {
 border-top:2px solid #CC2229;
 }
 .home-accordian-left-img img
 {
 width:100%;
 box-shadow:0 0 25px rgb(0 0 0 / 15%);
 }
 .counter-list ul
 {
 margin:0px;
 padding:0px;
 list-style:none;
 float:right;
 }
 .counter-list ul li
 {
 width:170px;
 height:170px;
border-radius:50%;
background:#fff;
margin:0px auto;
text-align:center;
padding:0px;
display:inline-block;
margin:10px;
 }
 .counter-list ul li a
 {
 padding:15px;
 display:block;
 }
 .ml-60
 {
 margin-left:60px !important;
 }
 .counter-list ul li img {
    width: 45px;
    margin-bottom: 10px;
    height: 55px;
    object-fit: contain;
}
 .counter-list ul li.border-8DF7EF h3 {
    color: #6BBAB4;
    font-size: 35px;
    line-height: 35px;
	margin-bottom:0px;
}
.counter-list ul li:hover
{
box-shadow:0 0 25px rgb(0 0 0 / 15%);
animation: dash 5s linear infinite;
}

.counter-list ul li.border-F5D8DA h3 {
    color: #B9414A;
    font-size: 35px;
    line-height: 35px;
	margin-bottom:0px;
}

.counter-list ul li.border-B69FF1 h3 {
    color: #59438E;
    font-size: 35px;
    line-height: 35px;
	margin-bottom:0px;
}

.counter-list ul li.border-A9D3F6 h3 {
    color: #60ACEA;
    font-size: 35px;
    line-height: 35px;
	margin-bottom:0px;
}

.counter-list ul li p
{
font-weight:600;
margin-bottom:0px;
}
@keyframes dash {
    to {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
    }
}
 .border-8DF7EF
 {
 border:2px dashed #8DF7EF;
 }
 .border-8DF7EF:hover
 {
 border:2px dashed #6BBAB4;
 }

 .border-F5D8DA
 {
 border:2px dashed #F5D8DA;
 }
 .border-F5D8DA:hover
 {
 border:2px dashed #B9414A;
 }

 .border-B69FF1
 {
 border:2px dashed #B69FF1;
 }
 .border-B69FF1:hover
 {
 border:2px dashed #59438E;
 }

 .border-A9D3F6
 {
 border:2px dashed #A9D3F6;
 }
 .border-A9D3F6:hover
 {
 border:2px dashed #60ACEA;
 }
 .industry-box
 {
 max-width:1150px !important;
 margin:40px auto 0px auto !important;
 }
 .industry-box .col-md-4
 {
 padding:0px 20px;
 margin: 20px auto;
 }
 .industry-list
 {
 position:relative;
 width:100%;
 }
 .industry-list.box-left-skew
 {
     position: relative;
    margin-right: 21px;
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    transition: all .5s;
    transform-origin: bottom;
 }

 .industry-list.box-left-skew a {
    display: inline-block;
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
}

.industry-list.box-right-skew
 {
     position: relative;
    margin-right: 21px;
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
    transition: all .5s;
    transform-origin: bottom;
 }

 .industry-list.box-right-skew a {
    display: inline-block;
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(-15deg);
}

.industry-list.box-left-bottom-skew
 {
     position: relative;
    margin-right: 21px;
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
    transition: all .5s;
    transform-origin: bottom;
 }

 .industry-list.box-left-bottom-skew a {
    display: inline-block;
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(-15deg);
}

.industry-list.box-right-bottom-skew
 {
     position: relative;
    margin-right: 21px;
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    transition: all .5s;
    transform-origin: bottom;
 }

 .industry-list.box-right-bottom-skew a {
    display: inline-block;
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
}
.pl-50
{
padding-left:40px !important;
}
.pr-50
{
padding-right:40px !important;
}
.pr-0
{
padding-right:0px !important;
}
.pl-0
{
padding-left:0px !important;
}

 .industry-list a
 {
 	  padding: 15px 30px 15px 88px;
 	  position: relative;
 	  display: flex;
 	  align-items: center;
 }
 .industry-list a img
 {
 position:absolute;
 left: 26px;
 width: 52px;
 top: 15px;
 }
 .industry-list:hover
 {
 box-shadow:0 0 25px rgb(0 0 0 / 15%);
 }
  .industry-list-txt h5
  {
  color:#000;
  font-size: 18px;
  }
 .industry-list-txt p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #9C9C9C;
    min-height: 130px;
}
 .light-violet-border
 {
 border:2px dashed #E2BBF2;
 }
 .light-violet-border:hover
 {
 border:2px dashed #C58CF3;
 }

 .light-red-border
 {
 border:2px dashed #DFC1C9;
 }
 .light-red-border:hover
 {
 border:2px dashed #A84961;
 }

 .light-green-border
 {
 border:2px dashed #BED7D4;
 }
 .light-green-border:hover
 {
 border:2px dashed #87B8B2;
 }

 .light-indigo-border
 {
 border:2px dashed #D598EC;
 }
 .light-indigo-border:hover
 {
 border:2px dashed #9460A8;
 }

 .light-orange-border
 {
 border:2px dashed #F4C891;
 }
 .light-orange-border:hover
 {
 border:2px dashed #E09230;
 }

 .light-blue-border
 {
 border:2px dashed #D0E2F0;
 }
 .light-blue-border:hover
 {
 border:2px dashed #7CAAE8;
 }

 .technology-section
 {
 overflow: hidden;
 }

 .technologies-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 0!important;
    margin: 0px;
    padding: 40px 0px 0px 0px;
}

.technologies-holder li{

    background:#fff;


    box-shadow:0 3px 20px #a9cBFB80;

    margin:15px!important;

    justify-content:center;

    align-items:center;

    /*display:flex;*/
	display:inline-block;

    padding:20px;

    border-radius:10px;

    transition:box-shadow .5s;

    cursor:default

}

.technologies-holder li:hover{

    box-shadow:0 3px 20px #a9cbfb

}

.technologies-holder li img{

    max-height:75px;

    width:75px

}
 @-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.pulse-shrink {
  -webkit-animation-name: pulse-shrink;
  animation-name: pulse-shrink;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.marquee2 .slick-list, .marquee .slick-list {
    position: relative;
    display: block;
    overflow: unset;
    margin: 0;
    padding: 0;
}
.tool{

    cursor:help;

    position:relative

}

.tool::after,.tool::before{

    left:50%;

    opacity:0;

    position:absolute;

    z-index:-100

}

.tool:focus::after,.tool:focus::before,.tool:hover::after,.tool:hover::before{

    opacity:1;

    transform:scale(1) translateY(0);

    z-index:100

}

.tool::before{

    border-style:solid;

    border-width:1em .75em 0 .75em;

    border-color:#088B97 transparent transparent transparent;

    bottom:100%;

    content:"";

    margin-left:-.5em;

    transition:all .65s cubic-bezier(.84,-.18,.31,1.26),opacity .65s .5s;

    transform:scale(.6) translateY(-90%)

}

.tool:focus::before,.tool:hover::before{

    transition:all .65s cubic-bezier(.84,-.18,.31,1.26) .2s

}

.tool::after{

    background:#088B97;

    border-radius:.25em;

    bottom:110%;

    color:#edeff0;

    content:attr(data-tip);

    margin-left:-73px;

    padding:1em;

    transition:all .65s cubic-bezier(.84,-.18,.31,1.26) .2s;

    transform:scale(.6) translateY(50%);

    width:10.5em;

    text-align:center;

    font-size:14px

}

.tool:focus::after,.tool:hover::after{

    transition:all .65s cubic-bezier(.84,-.18,.31,1.26)

}
.blog-list
{
padding-top:40px;
}
.blog-item
{
position:relative;
margin:0px 30px;
}
.blog-item-img
{
position:relative;
padding-right:30%;
}
.blog-item-img:after {
    background-color: #eef5fd;
    border-left-width: 0px;
    border-left-style: solid;
    border-left-color: #eef5fd;
    content: "";
    position: absolute;
    left: auto;
    top: 0;
    height: 100%;
    width: 35%;
    z-index: 0;
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-10deg);
    right: 0px;
}
.blog-item-img img
{
    width: 100%;
    height: 275px;
    object-fit: contain;
}
.blog-item-content
{
    /* background-color: #fff; */
    /* margin-left: 40%; */
    box-shadow: 0 3px 20px #a9cbfb;
    position: absolute;
    top: 30px;
    height: 220px;
    right: 0px;
    left: 40%;
}
.blog-item-content:after {
    background-color: #fff;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #efbb20;
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    height: 100%;
    width: 60px;
    z-index: 0;
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-10deg);
    right: auto;
}
.blog-item-txt
{
    height: 100%;
    background: #fff;
    margin-left: 40px;
    padding: 30px 20px 30px 35px;
    z-index: 11;
}
.blog-date
{
font-size:13px;
margin-bottom:0px;
text-align:left;
}
.home-accordian, .counter-section
{
position:relative;
overflow:hidden;
}
.home-accordian-overlay
{
    content: "";
    position: absolute;
    left: auto;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 30%;
    right: auto;
    z-index: -1;
    background: #eef5fd;
	left:0px;
}
.counter-section-overlay
{
        content: "";
    position: absolute;
    left: auto;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 55%;
    right: -10%;
    z-index: -1;
    background: #eef5fd;
    left: auto;
    transform: skewX(-25deg);
}
.news-overlay {
  content: "";
  position: absolute;
  left: auto;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 38%;
  right: auto;
  z-index: -1;
  background: url('../assets/img/bg-dot.png') no-repeat;
  left: 0px;
  background-size:100%;
}
.technology-sectiono-overlay{
  content: "";
  position: absolute;
  left: auto;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 30%;
  right: auto;
  z-index: -1;
  background: url('../assets/img/bg-dot-2.png') no-repeat;
  right: 0px;
  background-size: cover;
}
 .news-section, .technology-section
 {
   position: relative;
   }
   .marquee2
   {
     padding-top: 0px;
     }
     .project-count-title {
    font-size: 45px;
    line-height: 45px;
    font-weight: 400;
    color: #088B97;
    text-align: center;
    position: absolute;
    /* content: ""; */
    position: absolute;
    left: auto;
    top: 60px;
    bottom: 14px;
    height: 100%;
    /* width: 5%; */
    right: 20%;
    z-index: -1;
    left: auto;
    transform: skewX(-25deg);
    /* transform-origin: top right 0; */
    transform: rotate( 295deg );
    width: 100%;
}
  .project-count-title h2 span {
    color: #0F345E;
    font-weight: 600;
}
.project-count-title h2 {
  font-size: 45px;
  line-height: 45px;
  font-weight: 400;
  color: #088B97;
}
.position-relative
{
  position:relative;
}

.partner-section:after{
  background-color:#0F345E;
  border-left-width:4px;
  border-left-style:solid;
  border-left-color:#088B97;
  content:"";
  position:absolute;
  left:0px;
  top:0;
  height:100%;
  width:80%;
  z-index:-1;
  -moz-transform:skewX(-25deg);
  -webkit-transform:skewX(-25deg);
  -o-transform:skewX(-25deg);
  -ms-transform:skewX(-25deg);
  transform:skewX(-25deg)
}
.partner-section .testimonial-pic {
  position: absolute;
  top: 30px;
  left: 0;
  margin-left: -110px;
  float: left;
}
.partner-area {
  position: relative;

}
.partner-section {
 max-width: 700px !important;
  margin: 0px auto;
  position: absolute;
  top: auto;
  left: 0px;
  right: 0px;
  bottom: -120px;
  z-index: 9;
  height: 260px;
}
.partner-section [class*=quote-]{
  position:absolute;
  bottom:0;
  right:0;
  width:0;
  height:0;
  border-style:solid;
  border-width:30px;
  border-color:#efbb20;
  border-top-color:transparent!important;
  border-left-color:transparent!important
}

.partner-section .testimonial-detail,.partner-section .testimonial-text{
  padding:0
}
.partner-section .testimonial-text {
  margin-bottom: 10px;
  float: left;
  /* width: 50%; */
  background: #0F345E;
  height: 100%;
  margin-left: 32%;
  padding:30px 30px 30px 0px;
}
.partner-section .testimonial-name,.partner-section .testimonial-position{
  display:inline-block
}
.partner-section .testimonial-name:after{
  content:"/";
  color:#efbb20;
  margin:0 2px 0 5px
}
.partner-section .testimonial-name{
  text-transform:uppercase
}
.partner-section .testimonial-position{
  font-style:italic;
  color:#bebebe
}
.partner-section .testimonial-pic {
  border-color: #efbb20;
  border-width: 3px;
  width: 300px;
  height: 200px;
  box-shadow: 0 3px 20px #898989;
  /* width: 50%; */
}
.partner-section .testimonial-pic img{
  width:300px;
  height:200px;
}

.partner-section.style-2 [class*=quote-]:after,.partner-section.style-2 [class*=quote-]:before{
  color:#efefef
}
.bg-blue .site-button-secondry.same-color {
  background-color:#088B97;
color: #fff;
}
.bg-blue .site-button-secondry.same-color:hover{
background-color:#0F345E;
color: #088B97;
}


.bg-blue .site-button-secondry.same-color.button-skew i {
  background: ##088B97;
  color: #fff;
}

@media only screen and (max-width:480px){
  .partner-section .testimonial-pic{
      height:80px;
      width:80px
  }
  .partner-section:after{
      transform:skewX(-10deg)
  }
  .partner-section{
      padding:25px 10px 25px 0;
      margin-left:110px
  }
}


.exhibition-sec
{
padding:0px;
width:100%;
position:relative;
height:300px;
}
.exhibition-sec::before
{
content:"";
height:150px;
background:#eef5fd;
width:100%;
position: absolute;
top:0px;
}
.exhibition-sec::after
{
content:"";
height:150px;
background:#0d0e10;
width:100%;
position: absolute;
top:auto;
bottom:0px;
z-index:-1;
}
.exhibition-slider
{
position:relative;
max-width:800px;
margin:0px auto !important;
}
.footer-partner
{
max-width:800px;
margin:0px auto;
}

.exhibition-slider
{
    
	z-index: 9;
    position: relative;
}

.exhibition-slider-txt::before {
    background-color: #0F345E;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #088B97;
    content: "";
    position: absolute;
    left: -115px;
    top: 0;
    height: 100%;
    width: 35%;
    z-index: 0;
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.exhibition-slider-txt {
    background: #0F345E;
    padding: 40px 30px 40px 125px !important;
    position: relative;
    margin-left: 220px;
}
.exhibition-slider-img img {
    width: 300px;
    height: 200px;
    position: absolute;
    top: 35px;
    left: 0px;
    z-index: 9;
}
.footer-partner .slick-prev {
    left: auto;
    right: 100px;
    top: auto;
    z-index: 999;
    background: #088B97 !important;
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    bottom: 10px;
}
.footer-partner .slick-next {
    left: auto;
    right: 60px;
    top: auto;
    z-index: 999;
    background: #088B97 !important;
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    bottom: 10px;
}
.footer-partner .slick-prev:before, .footer-partner .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 18px;
}
.tooltip
{
z-index:9999 !important;
}

/*search*/
.search-home {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 100px;
}
.search-home .searchbtn {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 1s;
    z-index: 4;
	cursor:pointer;
}
.search-home .searchbtn:hover {
  cursor: pointer;
}
.search-home .searchbtn::before {
    content: "";
    position: absolute;
    margin: auto;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 13px;
    width: 10px;
    height: 2px;
    background: #088B97;
    transform: rotate(45deg);
    transition: all 0.5s;
}
.search-home .searchbtn::after {
    content: "";
    position: absolute;
    margin: auto;
    top: -5px;
    right: 0;
    bottom: 0;
    left: -5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #088B97;
    transition: all 0.5s;
}
.search-home input {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 40px;
    height: 50px;
    outline: none;
    border: none;
    background: #0F345E;
    color: #000;
    /* text-shadow: 0 0 10px #535151; */
    padding: 0 22px 0 18px;
    border-radius: 30px;
    box-shadow: 0 0 25px 0 #ebebeb, 0 20px 25px 0 rgb(0 0 0 / 20%);
    transition: all 1s;
    opacity: 0;
    z-index: 5;
    font-weight: bolder;
    letter-spacing: 0.1em;
    cursor: pointer;
}
}
}
.search-home input:hover {
  cursor: pointer;
}
.search-home input:focus {
  width: 300px;
  opacity: 1;
  cursor: text;
}
.search-home input:focus ~ .searchbtn {
    right: 8px;
    background: #151515;
    z-index: 6;
}
.search-home input:focus ~ .searchbtn::before {
  top: 0;
  left: 0;
  width: 25px;
  background: white;
}
.search-home input:focus ~ .searchbtn::after {
  top: 0;
  left: 0;
  width: 25px;
  height: 2px;
  border: none;
  background: white;
  border-radius: 0%;
  transform: rotate(-45deg);
}
.search-home input::placeholder {
  color: white;
  opacity: 0.5;
  font-weight: bolder;
}
/*home popup*/
.indexModal .modal-dialog {
    max-width: 784px;
}
.indexModal .modal-dialog .modal-content {
    border-radius: 12px;
}
.indexModal .modal-dialog .modal-content .modal-body {
    padding: 3px;
}
.indexModal .modal-dialog .modal-content .modal-body .modal-left{
    padding: 48px 56px;
}
.indexModal .modal-dialog .modal-content .modal-body .modal-left .modal-title {
    font-size: 25px;
    font-weight: 600;
	color: #088B97;
}
.indexModal .modal-body .modal-right{
   width: 100%;
   height: 100%;
	background: #f5f6f8;
}
.indexModal .modal-body .modal-right .top {
    width: 100%;
    background: #f5f6f8;
	    width: 100%;
    background: #f5f6f8;
    padding-top: 60px;
}
.indexModal .modal-body .modal-right .bottom {
       position: absolute;
    /* background: #f5f6f8; */
    bottom: 46px;
    text-align: center;
    padding: 15px 20px 0px 20px;
    font-size: 13px;
    font-weight: 600;
}
/************* Ul Square Shape *****************/
.indexModal .modal-body .modal-right .sector-sec-ul {
    /* width: 100%; */
    list-style: none;
    height: 100%;
    margin-left: 30px;
    /* margin: 0; */
    margin-right: 30px;
    position: relative;
    padding: 0px;
	    margin-bottom: 0px;
}
.indexModal .sector-sec-ul li .sector-box {
    border-radius: 10px;
    box-shadow: 15.436px 30.294px 50px 0px rgb(233 236 241 / 50%);
    width: 85px;
    height: 85px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    margin: 10px auto;
	position:absolute;
}
.indexModal .sector-sec-ul li .sector-box.first-box
{
    background: #088B97;
	left:0px;
	top:0px;

}
.indexModal .sector-sec-ul li .sector-box.yellow-box{
background: #0F345E;
left:110px;
	top:20px;
}
.indexModal .sector-sec-ul li .sector-box.lightblue-box{
background: #44d9d3;
left:110px;
top:230px;
}
.indexModal .sector-sec-ul li .sector-box.red-box {
    background: #c73d4d;
    top: 105px;
}
.indexModal .sector-sec-ul li .sector-box.green-box{
background: #389a35;
top:210px;
}
.indexModal .sector-sec-ul li .sector-box.purple-box{
background: #8757ea;
left:110px;
top:125px;
}
.indexModal .sector-sec-ul li .sector-box img {
    position: relative;
    margin: 0 auto;
    height: 35px;
}
/**************END  Ul Square Shape ******************/
/********** Form Design ************/
.indexModal .material-textfield {
    position: relative;
    margin-bottom: 18px;
}
.indexModal .material-textfield input {
    font-size: 16px;
    outline: none;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 8px 10px;
    transition: 0.1s ease-out;
    width: 100%;
}
.indexModal .material-textfield .material-label {
        position: absolute;
    font-size: 16px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    color: gray;
    padding: 0 0.3rem;
    margin: 0px;
    transition: .1s ease-out;
    transform-origin: left top;
    pointer-events: none;
}
.indexModal .material-textfield .input-psd{
	padding-right: 60px;

}
.indexModal .material-textfield input:focus {
    border-color: #6c9edd;
    box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 25%);
}
.indexModal .material-textfield input:focus {
  border-color: #6c9edd;  
  box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 25%);
}
.indexModal .material-textfield .has-error:focus {
  border-color: #a94442;  
  box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 25%);
}
.indexModal input:focus + .material-label {
  color: #6c9edd;
  top: 0;
  transform: translateY(-50%) scale(.9);
}

.indexModal input:not(:placeholder-shown) + .material-label {
  top: 0;
  transform: translateY(-50%) scale(.9);
}

.indexModal .form-control.is-valid, .needs-validation .form-control:valid {
    border: 1px solid #d1d1d1;
    background-image: none;
}

.indexModal .material-textfield .amsify-suggestags-input:focus {
  border-color: transparent !important;  
  box-shadow: unset !important;
}
.indexModal .material-textfield .amsify-suggestags-input
{
font-size:14px;
}
.indexModal .material-textfield .amsify-suggestags-input-area .amsify-select-tag.col-bg {
    background: #3a7afe;
    color: #fff;
    font-size: 14px;
}
/*********************End Form Design *************/
.indexModal .btn-continue {
    width: 100%;
    border: 1px solid #0F345E;
    font-family: 'Poppins', sans-serif;
    padding: 15px 15px;
    display: inline-flex;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #0F345E;
    margin-bottom: 0px;
    font-weight: 600;transition: all .5s;
}
.indexModal .btn-continue-google {
	width: 100%;
    border: 1px solid #0F345E;
    font-family: 'Poppins', sans-serif;
    padding: 10px 15px;
    display: inline-flex;
    text-align: center;
    color: #0F345E;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #fff;
    margin-bottom: 20px;
	margin-top: 20px;
    font-weight: 600;transition: all .5s;
}
.indexModal .btn-continue:hover, #indexModal .btn-continue-google:hover {
 background: #088B97;color:#fff; border: 1px solid #088B97;
}
.indexModal .btn-continue-google img {
width: 20px;
    margin-right: 8px;
}
.indexModal .orline-div .text-title {
    position: relative;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color:#088B97;
    text-align: center;
    margin-right: 24px;
}
.indexModal .orline-div .text-title:after
 {
    width: 45%;
	content: "";
    position: absolute;
    top: 50%;
	right: 0;
    transform: translateY(-50%);
    height: 1px;
    background: #ccc;
}
.indexModal .orline-div .text-title:before {
    width: 45%;
	content: "";
    position: absolute;
    top: 50%;
   left: 0;
    transform: translateY(-50%);
    height: 1px;
    background: #ccc;
}
.indexModal .txt-account a {
color:#0F345E;font-weight:bold;
}
.indexModal .txt-account a:hover {
color:#088B97;
}
.indexModal .form-check-left {
font-size: 13px;
}
.indexModal .form-check-left .checbox-term {
    width: auto !important;
    margin-right: 5px;
}
.indexModal .form-check-left label {
display: inline;
}
.indexModal .form-check-left a{
	color: #0F345E;
    font-weight: bold;
}
.indexModal .form-check-left a:hover{
	color: #088B97;
}
.indexModal .square-top{
	padding-left:30px;
    padding-right:30px;padding-top: 30px;
	}
.indexModal .square-top .image-radius{
	width: 100%;
    height: 100%;
    background: #088B97;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
	}
.indexModal .square-top .image-radius .right-image {
    width: 100%;
    height: 250px;
    object-fit: contain;
    padding-top: 40px;
    position: relative;
    left: -49px;
    top: 0;
}
.indexModal .btn-psd {
    position: absolute;
    top: 0px;
    right: 16px;
    border: none;
    background: transparent;
    color: #212529;
    width: 50px;
    height: 50px;
}
.indexModal .btn-psd:focus:not(:focus-visible) {
        color: #0F345E;
}
.indexModal .btn-psd i{
    font-size: 20px;
}
.main-form-sec .login-txt {
    /* float: left; */
    display: inline-flex;
    height: 45px;
    align-items: center;
    /* flex-direction: column; */
    margin-top: 34px;
}
.bottom p
{
    font-size: 14px;
    font-weight: 400;
}
.hightlight-txt
{
font-size: 16px;
    font-weight: 600;
}
.main-form-sec .login-txt p
{
margin:0px;
font-size:12px;
}
#msform fieldset
{
min-height:560px;
position:relative;
}
#msform .next {
    
    float: right;
}

.step-sub-title
{
font-size:22px;
font-weight:300;
text-align:left;
margin-bottom:20px;
}
.step-sub-title .hightlight-txt
{
font-weight:600;
font-size:22px
}
.mb-40
{
margin-bottom:40px !important;
}
.step-2-top
{
    padding-bottom: 30px;
    margin-bottom: 20px;
}
.step-2-box-1
{
    position: relative;
    min-height: 130px;
}
.multi-btn {
       padding: 8px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    z-index: 1;
    /* margin-left: 10px; */
    box-shadow: 0 0px 8px 5px rgb(205 205 205 / 20%);
    cursor: pointer;
    font-size: 14px;
}
.multi-btn:hover
{
background: #F3F9FF;
color:#000;
}

.multi-btn.active
{
background:#088B97;
border:1px solid #088B97;
color:#fff;
}
.inline-flex
{
display:inline-flex;
}
.step-2-bottom [class*="icheck-material"] > input:first-child {

    right: 0px;
}

.step-2-box-1 p {
    text-align: left;
    margin-bottom: 0px;
    width: 100%;
    height: 100%;
    padding: 15px 0px 15px 0px;
	font-size:14px;
}
.sector-part
{
display:none;
}
.sector-part.active
{
display:block;
}
.mlr-0
{
margin-left:0px !important;
margin-right:0px !important;
}

.main-form-sec {
    padding: 30px 30px 80px 30px !important;
    min-height: 560px;
    position: relative;
}
.top-title
{
text-align:center;
}
.top-title h5
{
font-size:22px;
margin-bottom:10px;
}
.modal-backdrop {
    z-index: 9999 !important;
}
.modal {
    z-index: 99991 !important;
   
}
.step-2-bottom-check
{
margin-bottom:20px;
}
.step-2-bottom-check [class*="icheck-material"] > label
{
font-weight: normal;
font-size:14px;
padding-right:26px !important;
}
.step-2-bottom-check [class*="icheck-material"] {
    margin-bottom: 10px !important;
    margin-right: 15px;
}

.step-3-top ul {
        list-style: none;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    max-width: 600px;
}
.step-3-top ul li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 20px;
    margin-left: 6px;
}
.step-3-top ul li .sector-popup-btn {
        padding: 8px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    z-index: 1;
    /* margin-left: 10px; */
    box-shadow: 0 0px 8px 5px rgb(205 205 205 / 20%);
    cursor: pointer;
    font-size: 14px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.step-3-top ul li .sector-popup-btn img
{
    position: absolute;
    left: 15px;
    width: 30px;
    height: 25px;
    object-fit: contain;
}
.btn-maroon-sector:hover
{
background:#e06b59;
border:1px solid #e06b59;
color:#fff;
}
.btn-blue-sector:hover
{
background:#359fdb;
border:1px solid #359fdb;
color:#fff;
}
.btn-violet-sector:hover
{
background:#8757e9;
border:1px solid #8757e9;
color:#fff;
}
.btn-green-sector:hover
{
background:#389a35;
border:1px solid #389a35;
color:#fff;
}
.btn-yellow-sector:hover
{
background:#dabd21;
border:1px solid #dabd21;
color:#fff;
}
.btn-deepblue-sector:hover
{
background:#088B97;
border:1px solid #088B97;
color:#fff;
}
.btn-maroon-sector.active
{
background:#e06b59;
border:1px solid #e06b59;
color:#fff;
}
.btn-blue-sector.active
{
background:#359fdb;
border:1px solid #359fdb;
color:#fff;
}
.btn-violet-sector.active
{
background:#8757e9;
border:1px solid #8757e9;
color:#fff;
}
.btn-green-sector.active
{
background:#389a35;
border:1px solid #389a35;
color:#fff;
}
.btn-yellow-sector.active
{
background:#dabd21;
border:1px solid #dabd21;
color:#fff;
}
.btn-deepblue-sector.active
{
background:#088B97;
border:1px solid #088B97;
color:#fff;
}
.step-3-top ul li .sector-popup-btn.sector-active
{
background:#088B97 !important;
border:1px solid #088B97 !important;
}
.step-4-top
{
margin-bottom:40px;
}
.sub-sector-popup-section ul
{
margin:0px;
padding:0px;
list-style:none;
}
.sub-sector-popup-section ul li
{
display:inline-block;
margin-right:10px;
margin-bottom:15px;
}
.sub-sector-popup-section ul li .sub-sector-popup-section-btn
{
    background: #fff;
    padding: 8px 15px 8px 15px;
    position: relative;
    border-radius: 20px;
	box-shadow: 0 0px 8px 5px rgb(205 205 205 / 20%);
}
.sub-sector-popup-section h3
{
font-size:20px;
}


.sub-sector-popup-section-btn-blue
{
border:1px solid #81D5F6;
}

.sub-sector-popup-section-btn-red
{
border:1px solid #CF2A64;
}
.sub-sector-popup-section-btn-violet
{
border:1px solid #5A308D;
}
.sub-sector-popup-section-btn-ogange
{
border:1px solid #CF2A64;
}

.sub-sector-popup-section-btn-green
{
border:1px solid #B4CD96;
}
.sub-sector-popup-section-btn [class*="icheck-material"] > label {
    padding-right: 0px !important;
    font-size: 14px;
    padding-left: 22px !important;
    position: relative;
    font-weight: 400;
}
.sub-sector-popup-section-btn [class*="icheck-material"] > input:first-child {
    right: auto;
}
.sub-sector-popup-section-btn [class*="icheck-material"] > input:first-child + label::before, .sub-sector-popup-section-btn [class*="icheck-material"] > input:first-child + input[type="hidden"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #cac7c7;
    border-radius: 3px;
    margin-left: -29px;
    box-sizing: border-box;
    right: auto;
    top: 3px;
    left: 30px;
}
.sub-sector-popup-section-btn [class*="icheck-material"] > input:first-child:checked + label::after, .sub-sector-popup-section-btn [class*="icheck-material"] > input:first-child:checked + input[type="hidden"] + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -1px;
    left: auto;
    width: 7px;
    height: 10px;
    border: solid 2px #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px, 4.5px) rotate(45deg);
    -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
    box-sizing: border-box;
    right: auto;
    left: -2px;
}
.sub-sector-popup-section
{
display:none;
}
.sub-sector-popup-section.active
{
display:block;
}

.mb-20
{
margin-bottom:20px !important;
}
.multi-btn
{
position:relative;
}
.tender-part, .sector-part
{
display:none;
}
.tender-part.show
{
display:block;
}
.sector-part.show
{
display:block;
}

.multi-btn input[type=checkbox], .sector-popup-btn input[type=checkbox]
{
    position: absolute;

    clip: rect(0,0,0,0);
}
#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform .action-button {
	background: #088B97;
    color: white;
    padding: 8px 40px;
    margin-top: 0px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
	border:0px;
}
#msform .next.action-button {
    position: absolute;
    top: auto;
    bottom: 30px;
    right: 30px;
}
.bottom .txt-account {
    border-bottom: 1px solid gray;
}
#msform .action-button:disabled,
#msform .action-button button[disabled]{
  background-color: #cccccc !important;
  color: #666666 !important;
}

#msform .action-button:hover,
#msform .action-button:focus {
	background: #0F345E;
}



#msform .action-button-previous {
    background: #088B97;
    color: white;
    padding: 4px 21px;
    margin-top: 0px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    border: 0px;
    position: absolute;
    top: auto;
    bottom: 50px;
    right: auto;
    left: -43px;
    transform: rotate(90deg);
}
#msform .action-button-previous:disabled,
#msform .action-button-previous button[disabled]{
  background-color: #cccccc !important;
  color: #666666 !important;
}


#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background: #0F345E;
}
.tender-part
{
display:none;
}
.tender-part.active {
    display: block;
    height: 400px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
}
.tender-part label
{
    font-size: 22px;
    font-weight: 300;
}
.tender-part label .hightlight-txt
{
    font-weight: 600;
    font-size: 22px;
}
.laterbtn {
    position: absolute;
    bottom: -5px;
    border: 0px;
    background: transparent;
    font-size: 14px;
    right: 0px;
}
.thankyou-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 600px;
    margin: 0px auto;
    padding: 15px;
}
.thankyou-txt .fa
{
color:green;
font-size:80px;
}
.thankyou-txt h3
{
font-size:30px;
margin-bottom:20px;
margin-top:20px;
}
.thankyou-txt p {
    text-align: center;
    font-size: 16px;
    color: #7c7c7c;
}
.col-md-4.modal-dialog {
    width: 33.33%;
}
.thankyou-txt .okbtn
{
    background: #088B97;
    color: white;
    padding: 8px 40px;
    margin-top: 0px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    border: 0px;
}
.submit-btn
{
position:relative;
}
.step-2-bottom-check [class*="icheck-material"] > input:first-child + label::before, .step-2-bottom-check [class*="icheck-material"] > input:first-child + input[type="hidden"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #787878;
    border-radius: 3px;
    margin-left: -29px;
    box-sizing: border-box;
    right: 4px;
    top: 3px;
}
.step-2-bottom-check [class*="icheck-material"] > input:first-child:checked + label::after, .step-2-bottom-check [class*="icheck-material"] > input:first-child:checked + input[type="hidden"] + label::after {

    right: 15px;
}
.btn-part
{
display:none;
}
.btn-part input[type="button"]
{
z-index:1;
}
.btn-part.active
{
display:block;
}
.hide
{
display:none !important;
}
.btn-part .btn-2 {
    position: absolute;
    top: auto;
    bottom: 30px;
    right: 30px;
    background: #088B97;
    color: white;
    padding: 8px 40px;
    margin-top: 0px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    border: 0px;
}
.btn-part .btn-1 {
    background: #088B97;
    color: white;
    padding: 8px 40px;
    margin-top: 0px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    border: 0px;
    position: absolute;
    top: auto;
    bottom: 30px;
    right: auto;
    left: 30px;
}
.cls-btn {
    position: absolute;
    right: -11px;
    z-index: 9;
    width: 30px;
    padding: 0px !important;
    background: #fc1b0a;
    color: #fff;
    border-radius: 50%;
    height: 30px;
    top: -10px;
    border: 0px;
    box-shadow: 0px 0px 12px 0px #757575;
}
.meeting-schedule
{
    /* margin-top: 0px; */
    border-top: 1px solid #e4e4e4;
    padding: 30px 0px 0px 0px;
    margin: 0px auto;
}
.meeting-schedule h3 {
    font-size: 20px;
}
.meeting-schedule h4 {
    font-size: 16px;
    font-weight: 400;
    color: #cb0001;
    text-transform: uppercase;
}
.meeting-schedule p
{
text-align:justify;
}
.meeting-schedule img {
    width: 100%;
}
.sch-meeting
{
}
.cta {
    display: flex;
    padding: 10px 25px !important;
    text-decoration: none;
    /* font-family: 'Poppins', sans-serif; */
   font-size: 16px;
    color: white;
    background: #cc0001;
    transition: 1s;
    box-shadow: 6px 6px 0 #808080;
    transform: skewX(-15deg);
    border: 1px solid #808080;
}

.cta:focus {
   outline: none; 
}

.cta:hover {
    transition: 0.5s;
    box-shadow: 10px 10px 0 #FBC638;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover  span:nth-child(2) {
    transition: 0.5s;
    margin-right: 45px;
}

  .cta span {
    transform: skewX(15deg) 
  }

  .cta span:nth-child(2) {
    width: 20px;
    margin-left: 30px;
    position: relative;
    top: 12%;
  }
  
/**************SVG****************/

.cta path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

.cta path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.cta:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.cta:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.cta:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }
    50% {
        fill: #FBC638;
    }
    100% {
        fill: white;
    }
}
.thankyou-txt svg {
    display: block;
    height: 60px;
    width: 60px;
    color: #4caf50;
}

.circle {
  stroke-dasharray: 76;
  stroke-dashoffset: 76;
  -webkit-animation: draw 1s forwards;
          animation: draw 1s forwards;
}

.tick {
  stroke-dasharray: 18;
  stroke-dashoffset: 18;
  -webkit-animation: draw 1s forwards 1s;
          animation: draw 1s forwards 1s;
}

@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
/*banner sec*/


/*footer*/
.social-media-menu li
{
display:inline-block !important;
}
.social-media-menu li a
{
display:inline-block;
padding-right:10px;
}
.social-media-menu li a img
{
width:25px;
}
.footer {
  text-align: center;
  font-size: 0.9rem;
    font-family: 'Poppins', sans-serif;
	background:#0d0e10;
}
.footer-top
{
padding:60px 0px 50px 0px;
}
.footer-bottom
{
padding:10px 0px;
background:#2a2b2c;
}
.footer-menu h3
{
font-size:16px;
  color: #fff;
  letter-spacing: 0.10px;
  line-height:25px;
  margin-bottom:20px;
  text-align:left;
  font-weight:bold;
  margin-bottom: 10px;
}
.footer-menu ul
{
margin:0px;
padding:0px;
list-style:none;
  text-align:left;
  margin-bottom: 0px;
}
.footer-sector li {
  position: relative;
  /* padding-left: 27px; */
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center;
}
.footer-sector li img {
  /* position: absolute; */
  /* left: 0px; */
  width: 22px;
  /* top: -1px; */
  height: 20px;
  object-fit: contain;
  margin-right: 5px;
}
.footer-contact li {
  position: relative;
  /* padding-left: 27px; */
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center;
  color: #abaeb6;
    font-size: 13px;
    letter-spacing: 0.10px;
    line-height: 16px;
}
.footer-contact li img {
  /* position: absolute; */
  /* left: 0px; */
  width: 22px;
  /* top: -1px; */
  height: 20px;
  object-fit: contain;
  margin-right: 5px;
}
.footer-menu ul li {
  display: block;
  margin-bottom: 5px;
  line-height: 18px;
}
.footer-menu ul li a {
  color: #abaeb6;
  font-size: 13px;
  letter-spacing: 0.10px;
  line-height: 16px;
  margin-bottom: 0px;
  text-decoration: none;
}
.footer-menu ul li a:hover
{
color:#fff;
}

.our-partner-img .box{
  background: linear-gradient(transparent,#00537e);
  text-align: center;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.our-partner-img .box img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: all 0.4s ease 0s;
}
.our-partner-img .box:hover img{ opacity: 0.6; }
.our-partner-img .box .box-content{
  color: #fff;
  background: #000000b3;
  width: 100%;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  transform: rotate(-5deg);
  position: absolute;
  bottom: -120px;
  left: 0;
  z-index: 1;
  transition: bottom 0.3s ease 0s,transform 0.3s ease 0.15s;
}
.our-partner-img .box:hover .box-content{
  opacity: 1;
  transform: rotate(0);
  bottom: 0;
}
.our-partner-img .box .title{
  font-size: 22px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin: 0 0 3px;
}
.our-partner-img .box .post{
  font-size: 16px;
  display: block;
  text-align: left;
}
.our-partner-img .slick-prev, .our-partner-img .slick-next {
  position: absolute;
  display: block;
  height: 30px;
  width: 40px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background:#0F345E;
  color: transparent;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
  top: -35px;
}
.our-partner-img .slick-next {
  right: 15px;
}
.our-partner-img .slick-prev {
  left: auto;
  right: 65px;
}
.our-partner-img .slick-prev:before, .our-partner-img .slick-next:before {
  line-height: 28px;
}
.social-icon {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  flex-basis: 100%;
  list-style: none;
  padding: 0px;
}
.social-icon li{
  display:inline-block;
}
.social-icon li a{
  border-radius: 16px;
  height: 35px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  width: 35px;
  text-align: center;
  margin-right: 10px;
  font-size: 17px !important;
  box-shadow: inset 0px 0px 5px #0a0a0a;
}
.social-icon li a:hover
{
  color:rgb(13, 14, 16);
  background: #fff;
}
.copy-right
{
font-size:13px;
  color: #abaeb6;
  letter-spacing: 0.10px;
  line-height:20px;
  text-align:right;
  font-weight:normal;
}
.chat-icon a
{
  width:70px;
  height:70px;
  background: #088B97;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  position:fixed;
  bottom:80px;
  top:auto;
  right:20px;
  font-size: 30px;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
}
.chat-icon a:hover
{
  color:#0F345E;
}
.cookiealert {
  position:fixed !important;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  border-radius: 0 !important;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #000;
  background:#eef5fd;
}
.footer-region {
  position: relative;
  float: left;
  display: flex;
}
.footer-dropdown-btn
{
  border:1px solid #fff;
  padding:6px 30px 6px 15px;
  border-radius: 10px;
  background: transparent;
  color:#ffffff;
  font-size: 13px;
}
.footer-dropdown {
  position: absolute;
  z-index: 9;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
  position: absolute;
  inset: auto auto 0px 0px;
  margin: 0px;
  transform: translate(0px, -40px);
  width: 250px;
}
.footer-dropdown-btn i{
  position: absolute;
  right:15px;
  color:#fff;
  top:10px;
}
.footer-dropdown li{
  padding: 6px 15px;
  color: #000;
    font-size: 13px;
    letter-spacing: 0.10px;
    line-height: 16px;
}
.footer-dropdown li a{
  padding: 6px 15px;
  color: #000;
    font-size: 13px;
    letter-spacing: 0.10px;
    line-height: 16px;
    text-align: left;
}
.trm-menu
{
  display: flex;
  height: 30px;
  align-items: center;
  padding-left: 10px;
}

.cookiealert.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 1000ms;
}

.cookiealert a {
  text-decoration: underline
}

.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
  background: #088B97;
  border: 0px;
}
.cookiealert .acceptcookies:hover
{
  background:#0F345E;

}
.testimonial-text h5 {
	font-size:20px !important;
}
.testimonial-text p {
	font-size:16px !important;
}
/*end footer*/

/*sample*/
#box_search1 {
    position: relative;
    width: 100%;
    background: none repeat scroll 0% 0% / 100% 100% #FFF;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
    margin: 30px auto 48px;
    box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%);
    border: 0px solid #B9B6B6;
    padding: 30px;
}
.search_title_text {
    text-align: center;
    font-size: 18px;
    padding: 2px 0px;
    font-family: 'PT Sans', sans-serif;
    background: none repeat scroll 0% 0% #FFF;
    color: #fff;
    background: #088B97;
    height: 35px;
    margin-bottom: 20px;
}
.project_details_other {
    margin-bottom: 20px;
}
.project_details_other p {
    line-height: 1.4;
    font-size: 16px;
    text-align: justify;
    margin: 0px auto;
    padding-bottom: 10px;
}
.sample_text {
    font-weight: bold;
    font-size: 20px;
    color: #000 !important;
    padding-bottom: 15px;
}
.sam-page {
    padding-left: 5px;
    padding-right: 5px;
}
.search_detail_sample {position: relative;width: 100%;height:auto;color: #000;line-height: 1.5;box-shadow: -1px 2px 8px -4px rgba(0, 0, 0, 0.75);border: 0px solid #B9B6B6;border-radius:0px;transition-property: background;transition-duration: 1s;transition-timing-function: linear;background: #fff;border-top: 5px solid #088B97;margin-bottom: 20px;min-height: 345px;}

.all_menu_sample ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.total_project_sample1 {
    padding: 20px;
    overflow: hidden;
    background: #fff;
    border: 0px;
 }
	
.all_menu_sample ul li {
    font-size: 15px;
    padding: 5px 0px;
    border-bottom: 1px solid #088B97;
    color: #000;
    min-height: 24px;
}
.project_title_sample {
    font-size: 15px;
    padding-bottom: 8px;
    overflow: hidden;
    color:#000;
}
.view_details_sample {
    box-shadow: 3px 2px 8px -3px rgba(0, 0, 0, 0.75);
    color: #FFF !important;
    padding: 6px 8px;
	background:#088B97 !important;
}
.project_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.search_detail1 {
    position: relative;
    width: 100%;
    height: auto;
    color: #000;
    line-height: 1.5;
    box-shadow: -1px 2px 8px -4px rgba(0, 0, 0, 0.75);
    border: 0px solid #B9B6B6;
    border-radius: 0px;
    transition-property: background;
    transition-duration: 1s;
    transition-timing-function: linear;
    background: #fff;
    border-top: 5px solid #088B97;
    margin-bottom: 20px;
    min-height: 345px;
}

.search_detail2 {
    position: relative;
    width: 100%;
    height: auto;
    color: #000;
    line-height: 1.5;
    box-shadow: -1px 2px 8px -4px rgba(0, 0, 0, 0.75);
    border: 0px solid #B9B6B6;
    border-radius: 0px;
    transition-property: background;
    transition-duration: 1s;
    transition-timing-function: linear;
    background: #fff;
    border-top: 5px solid #088B97;
    margin-bottom: 20px;
    min-height: 345px;
}

/*end sample*/
/*sample details*/
.tot_view_one
{width:100%;height:auto;border: 0px solid #c9c5c5;margin-bottom:20px;background: #fff;box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%);padding-bottom: 20px;}
.view_header_one
{
width:100%;height:35px;color:#fff;
background:#088B97;
font-weight:bold;
text-align:center;
}
.viewmore_headertext
{padding: 5px 14px;text-align: left;width: 100%;position: relative;background:#088B97;color:#fff;/* margin-bottom: 15px; */}
.viewmore_headertext2
{
padding: 5px 14px;
text-align: left;
width: 100%;
position: relative;
background:#088B97;
color:#fff;
text-align:center;
font-weight:bold;
}
.view_details_one {
    width: 100%;
    height: auto;
    padding: 5px 15px;
    border-bottom: 1px solid #c9c9c9;
    display: flex;
    flex-wrap: wrap;
}
.view_one_left
{
font-weight:bold;
font-size: 15px;
}

.view_one_right
{
font-size: 15px;
}


.tot_view_two
{width:100%;height:auto;border: 0px solid #c9c5c5;margin-bottom:20px;background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%); /* ff3.6+ */background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(219,219,219,1))); /* safari4+,chrome */background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%); /* safari5.1+,chrome10+ */background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%); /* opera 11.10+ */background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%); /* ie10+ */background: #fff; /* w3c */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DBDBDB',GradientType=1 ); /* ie6-9 */box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%);}
.view_header_two
{
width:100%;height:35px;color:#fff;
background: -moz-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45,98,147,1)), color-stop(1%, rgba(45,98,147,1)), color-stop(51%, rgba(80,123,173,1)), color-stop(100%, rgba(45,98,147,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#088B97', endColorstr='#088B97',GradientType=0 ); /* ie6-9 */
font-weight:bold;
text-align:center;
}
.view_header_three {
    width: 100%;
    height: 35px;
    color: #fff;
    background: -moz-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45,98,147,1)), color-stop(1%, rgba(45,98,147,1)), color-stop(51%, rgba(80,123,173,1)), color-stop(100%, rgba(45,98,147,1)));
    background: -webkit-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -o-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -ms-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: linear-gradient(0deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#088B97', endColorstr='#088B97',GradientType=0 );
    font-weight: bold;
    text-align: center;
}
.view_header_four {
    width: 100%;
    height: 35px;
    color: #fff;
    background: -moz-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45,98,147,1)), color-stop(1%, rgba(45,98,147,1)), color-stop(51%, rgba(80,123,173,1)), color-stop(100%, rgba(45,98,147,1)));
    background: -webkit-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -o-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -ms-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: linear-gradient(0deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#088B97', endColorstr='#088B97',GradientType=0 );
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.view_header_fifth {
    width: 100%;
    height: 35px;
    color: #fff;
    background: -moz-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45,98,147,1)), color-stop(1%, rgba(45,98,147,1)), color-stop(51%, rgba(80,123,173,1)), color-stop(100%, rgba(45,98,147,1)));
    background: -webkit-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -o-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -ms-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: linear-gradient(0deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#088B97', endColorstr='#088B97',GradientType=0 );
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.view_header_sixth {
    width: 100%;
    height: 35px;
    color: #fff;
    background: -moz-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45,98,147,1)), color-stop(1%, rgba(45,98,147,1)), color-stop(51%, rgba(80,123,173,1)), color-stop(100%, rgba(45,98,147,1)));
    background: -webkit-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -o-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -ms-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: linear-gradient(0deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#088B97', endColorstr='#088B97',GradientType=0 );
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.view_header_seven {
    width: 100%;
    height: 35px;
    color: #fff;
    background: -moz-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45,98,147,1)), color-stop(1%, rgba(45,98,147,1)), color-stop(51%, rgba(80,123,173,1)), color-stop(100%, rgba(45,98,147,1)));
    background: -webkit-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -o-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -ms-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: linear-gradient(0deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#088B97', endColorstr='#088B97',GradientType=0 );
    font-weight: bold;
    text-align: center;
}
.view_header_eight {
    width: 100%;
    height: 35px;
    color: #fff;
    background: -moz-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45,98,147,1)), color-stop(1%, rgba(45,98,147,1)), color-stop(51%, rgba(80,123,173,1)), color-stop(100%, rgba(45,98,147,1)));
    background: -webkit-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -o-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: -ms-linear-gradient(90deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    background: linear-gradient(0deg, rgba(45,98,147,1) 0%, rgba(80,123,173,1) 49%, rgba(45,98,147,1) 99%, rgba(45,98,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#088B97', endColorstr='#088B97',GradientType=0 );
    font-weight: bold;
    text-align: center;
}
.view_details_remarks
{width: 100%;height: auto;padding: 20px 0px;border-bottom: 1px solid #e0e0e0;}
.view_head_remarks {
    padding: 3px 15px;
    font-weight: bold;
    font-size: 15px;
    position:relative;
    background: #0F345E;
    color: #fff;
}
.note_viewmore
{width:95%;margin:0px auto;background:#fff;border: 0px solid #A8A7A7;}
.note_details
{width:100%;border: 1px solid #cacaca;background: #fff;margin: 5px 0px;}
.view_details_clients {
   width: 95%;
   height: auto;
   border: 0px solid #b9b5b5;
   margin: 5px auto;
   background: #fff;
}
.client_viewmore {
    width: 95%;
    margin: 0px auto;
    background: #fff;
}
.view_details_clients_left
{
font-weight:bold;
font-size: 15px;
}
.view_details_clients_left ul
{
margin:0px;
padding:0px;
list-style:none;
}
.view_details_clients_left ul li
{
font-weight: bold;
font-size: 15px;
}


.view_details_clients_right
{
font-size:17px;
}

.view_details_clients_right ul
{
margin:0px;
padding:0px;
list-style:none;
}
.view_details_clients_right ul li
{
font-size: 15px;
}


.view_details_con {width: 95%;height: auto;border: 1px solid #b6b4b4;margin: 5px auto;background: #fff;}
.view_head_con {
    padding: 5px 14px;
    background: #0F345E;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
}
.main_con {
    background: #fff;
    margin-bottom: 0px;
    padding: 8px 15px;
    border-bottom: 1px solid #D7D5D5;
}
.main_con:last-child {
    background: #fff;
    margin-bottom: 10px;
    padding: 8px 15px;
    border-bottom: 1px solid #D7D5D5;
}
.view_details_con_left ul
{
margin:0px;
padding:0px;
list-style:none;
}
.view_details_con_left ul li
{
font-weight: bold;
font-size: 15px;
}


.view_details_con_right
{
font-size:14px;
}

.view_details_con_right ul
{
margin:0px;
padding:0px;
list-style:none;
}
.view_details_con_right ul li
{
font-size: 18px;
}

.view_details_project
{
font-size:17px;
}

.view_details_project ul
{
margin:0px;
padding:0px;
list-style:none;
}
.view_details_project ul li
{font-size: 15px;padding: 4px 15px;border-bottom: 1px solid #bcb9b9;margin: 3px 0px;background: linear-gradient(0deg, #DEDBDB 0%, #F6F6F6 50%, #E7E6E6 100%) repeat scroll 0% 0% transparent;background: #fff;}
.view_details_project ul li:last-child
{
border-bottom: 0px solid #bcb9b9;
}
.view_two_left
{font-weight: normal;font-size: 17px;padding: 10px 15px 0px 15px;}

.view_two_right
{font-size: 16px;font-weight: normal;padding: 5px 15px;}

.img_rotate1 {
    transform: rotate(-180deg);
    transition: .3s;
}
.img_rotate_reset1 {
    transform: rotate(0deg);
    transition: .3s;
}
.img_rotate2 {
    transform: rotate(-180deg);
    transition: .3s;
}
.img_rotate_reset2 {
    transform: rotate(0deg);
    transition: .3s;
}
.img_rotate3 {
    transform: rotate(-180deg);
    transition: .3s;
}
.img_rotate_reset3 {
    transform: rotate(0deg);
    transition: .3s;
}
.img_rotate4 {
    transform: rotate(-180deg);
    transition: .3s;
}
.img_rotate_reset4 {
    transform: rotate(0deg);
    transition: .3s;
}
.img_rotate5 {
    transform: rotate(-180deg);
    transition: .3s;
}
.img_rotate_reset5 {
    transform: rotate(0deg);
    transition: .3s;
}
.img_rotate6 {
    transform: rotate(-180deg);
    transition: .3s;
}
.img_rotate_reset6 {
    transform: rotate(0deg);
    transition: .3s;
}
.img_rotate7 {
    transform: rotate(-180deg);
    transition: .3s;
}
.img_rotate_reset7 {
    transform: rotate(0deg);
    transition: .3s;
}
.img_rotate8 {
    transform: rotate(-180deg);
    transition: .3s;
}
.img_rotate_reset8 {
    transform: rotate(0deg);
    transition: .3s;
}
.img_rotate9 {
    transform: rotate(-180deg);
    transition: .3s;
}
.img_rotate_reset9 {
    transform: rotate(0deg);
    transition: .3s;
}
.arrow_head_img
{
position: absolute;
right: 14px;
top: 4px;
}

.view_head_news {
    padding: 3px 2px;
    font-weight: bold;
    font-size: 15px;
    position: relative;
    background: linear-gradient(0deg, #C4C4C4 0%, #E3E3E3 50%, #808080 100%) repeat scroll 0% 0% transparent;
}
.news_details
{
width:99%;
margin:0px auto;
font-size: 15px;
}
.news_date
{
width:99%;
margin:0px auto;
font-size: 15px;
padding:5px 0px;
font-weight:bold;
}
/*end sample details*/
/*sign up*/
.request_quote {
  background-color: #fff;
  padding: 30px;
  width: 100%;
  min-height: 400px;
  position: relative;
  margin: 0 auto;
  -webkit-box-shadow: -1px 2px 8px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 2px 8px -4px rgba(0,0,0,0.75);
  box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%);
  border-top: 7px solid #088B97;
}
.request_quote:before {
  background: none repeat scroll 0% 0% transparent;
  border: 2px solid #E6E6E7;
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  pointer-events: none;
}
.request_text
{
padding: 10px 0px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #fff;
    border-color: #ddd;
    text-align: left;
    font-size: 15px;
    border-top: 5px solid #088B97;
 }
	.panel-default > .panel-heading h4
	{
	margin-bottom:0px;
	font-size: 16px;
	}

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd;text-align: left; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }
	.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
}
.panel-body {
    padding: 15px;
}
.what-we-offer
{
margin-top:80px;
}
#fdw-pricing-table .plan {
		font: 13px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;     
		background: #fff;      
		border: 1px solid #ddd;
		color: #333;
		padding: 20px;
		width: 100%;
		float: left;
		_display: inline; /* IE6 double margin fix */
		position: relative;
		margin: 0 5px;
		-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		text-align: center;
	}

	#fdw-pricing-table .plan:after {
	  z-index: -1; 
	  position: absolute; 
	  content: "";
	  bottom: 10px;
	  right: 4px;
	  width: 80%; 
	  top: 80%; 
	  -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);   
	  -moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
	  box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
	  -webkit-transform: rotate(3deg);    
	  -moz-transform: rotate(3deg);   
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);	
	}	
	
	#fdw-pricing-table .popular-plan {
		top: -20px;
		padding: 40px 20px;   
	}
	
	/* --------------- */	

	#fdw-pricing-table .header {
		position: relative;
		font-size: 20px;
		font-weight: normal;
		text-transform: uppercase;
		padding: 30px 20px 67px 20px;
		margin: -20px -20px 20px;
		border-bottom: 8px solid;
		background-color: #EEE;
		background-image: linear-gradient(#F5F3F3, #D4D5D7);
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
		width: auto;
		}

	#fdw-pricing-table .header:after {
		position: absolute;
		bottom: -8px; left: 0;
		height: 3px; width: 100%;
		content: '';
		background-image: url(images/bar.html);
	}
	
	#fdw-pricing-table .popular-plan .header {
		margin-top: -40px;
		padding-top: 60px;		
	}
	#fdw-pricing-table .popular-plan .price
	{
	background: url("../images/price.png") no-repeat scroll 0% 0% transparent;
		width: 120px;
		height: 120px;
		background-size: 100% 100%;
		position: absolute;
		top: 102px;
		left: 0px;
		right: 0px;
		text-align: center;
		margin: 0px auto;
	}

	#fdw-pricing-table .plan1 .header{
		border-bottom-color: #088B97;
	}

			
	
	/* --------------- */

	#fdw-pricing-table .price{
		background: #fff;
		width: 120px;
		height: 120px;
		background-size: 100% 100%;
		position: absolute;
		top: 77px;
		left: 0px;
		right: 0px;
		text-align: center;
		margin: 0px auto;
		border-radius: 50%;
		border: 10px solid #fff;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		box-shadow: inset 0px 0px 10px 1px #dedede;
	}
	.price_amt
	{
	margin-top: 0px;
	font-size: 20px;
	}
	.price_monthly
	{
	font-size: 17px;
	}

	

	/* --------------- */

	#fdw-pricing-table ul {
		margin: 57px 0px 20px 0px;
		padding: 0;
		list-style: none;
	}

	.pricing_box strong {
    background: url("../images/price.sprite.png") no-repeat scroll 0px -9999px transparent;
    height: 12px;
    padding-left: 20px;
    font-style: normal;
    color: #808080;
}

	#fdw-pricing-table li {
		padding: 6px 0px;
		text-align: left;
		padding-left: 30px;
		position:relative;
	}
	#fdw-pricing-table li:before
	{
	content:"";
	position:absolute;
	left: 14px;
	font-family: 'FontAwesome';
	content: "\f101";
	color: #088B97;
	/* font-weight: 600; */
	font-size: 17px;
	top: 5px;
	}
	
	/* --------------- */
		
	#fdw-pricing-table .signup {
		position: relative;
		padding: 10px 20px;
		color: #fff;
		font: bold 14px Arial, Helvetica;
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;       
		background-color: #72ce3f;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;     
		text-shadow: 0 -1px 0 rgba(0,0,0,.15);
		opacity: .9;       
	}

	#fdw-pricing-table .signup:hover {
		opacity: 1;       
	}

	#fdw-pricing-table .signup:active {
		box-shadow: inset -1px 0px 37px 1px #088B97;      
	}			

	#fdw-pricing-table .plan1 .signup{
		background: #088B97;
		box-shadow: inset -1px 0px 37px 1px #088B97;
	}

	#fdw-pricing-table .plan2 .signup{
		background: #7BD553;
	}

	#fdw-pricing-table .plan3 .signup{
		background: #3AD5A0;
	}

	#fdw-pricing-table .plan4 .signup{
		background: #45D0DA;
	}
	 {
    border-bottom-color: #2d5ca0;
}
#fdw-pricing-table .header {
    position: relative;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 40px 20px 72px 20px;
    margin: -20px -20px 20px;
    border-bottom: 8px solid;
    background-color: #EEE;
    background-image: linear-gradient(#F5F3F3, #D4D5D7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: block;
    text-align: center;
}
	
	/* end --------------- */
	.blockquote:before, .blockquote:before {
	content:'\2014 \00A0'
}
 .blockquote:after, .blockquote:after {
	content:'\00A0 \2014'
}
/*end sign up*/
/*request quote*/
#box {
position: relative;
width: 90%;
background: none repeat scroll 0% 0% #FFF;
padding: 0px 0px 10px;
color: rgba(0, 0, 0, 0.8);
line-height: 1.5;
margin: 0px auto;
box-shadow: -1px 2px 8px -4px rgba(0, 0, 0, 0.75);
}


#box:before, #box:after {
  z-index: -1;
  position: absolute;
  /* content: ""; */
  /* bottom: 15px; */
  /* left: 10px; */
  /* width: 50%; */
  /* top: 58%; */
  /* max-width:300px; */
  /* background: rgba(0, 0, 0, 0.7); */
  /* box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); */
  /* transform: rotate(-3deg); */
}

#box:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

#box_search{
position: relative;
width: 100%;
background: none repeat scroll 0% 0% / 100% 100% #FFF;
color: rgba(0, 0, 0, 0.8);
line-height: 1.5;
margin: 0px auto 48px;
box-shadow: -1px 2px 8px -4px rgba(0, 0, 0, 0.75);
border: 1px solid #B9B6B6;
}


#box_search1 {
position: relative;
width: 100%;
background: none repeat scroll 0% 0% / 100% 100% #FFF;
color: rgba(0, 0, 0, 0.8);
line-height: 1.5;
margin: 0px auto 48px;
box-shadow: -1px 2px 8px -4px rgba(0, 0, 0, 0.75);
border: 1px solid #B9B6B6;
}
.personal-info {
    width: 96%;
    margin: 0px auto;
    padding: 10px 15px;
    border: 1px solid #D7D2D2;
    border-radius: 22px;
    position: relative;
    margin: 30px auto 0px auto !important
}
.other_info
{position: absolute;background: none repeat scroll 0% 0% #FFF;padding: 3px;top: -21px;left: 38px;font-size: 20px;color: #000;width: auto !important;}
.info_other_text
{
font-size:12px;
}
.mt-80
{
margin-top:80px;
}
.form-control {
  box-shadow: none;
  border-radius: 0px;
  border: 2px solid #e9e9e9;
  height: 40px;
  line-height: 20px; }
  .form-control:active, .form-control:focus {
    border: 2px solid #e9e9e9;
    box-shadow: none;
    outline: 0px; }

.form-horizontal .control-label {
  padding-top: 0px; }

.form-horizontal .checkbox {
  margin-top: 7px;
  padding-top: 0px; }

.form-inline .form-group {
  margin-right: 30px; }
  .form-inline .form-group label {
    margin-right: 8px; }
  .form-inline .form-group input[type=checkbox] + label, .form-inline .form-group input[type=radio] + label {
    display: inline-block; }
  .form-inline .form-group.input-rating input[type=radio] + label {
    vertical-align: -3px;
    margin-right: 0px;
    margin-top: 5px; }

.form-inline h6 {
  display: inline;
  margin-right: 8px; }

/*textarea {
  resize: vertical; }

button i {
  margin-right: 10px; }

.required {
  color: #d81814; }

.textarea-resize {
  border: 7px solid #088B97;
  border-left-color: transparent;
  border-top-color: transparent;
  float: right;
  margin-top: -14px;
  position: relative;
  pointer-events: none; }

input[type=checkbox], input[type=radio] {
  display: none; }

input[type=checkbox] + label, input[type=radio] + label {
  display: block;
  padding-left: 25px !important;
  position: relative; }
  input[type=checkbox] + label:hover:before, input[type=radio] + label:hover:before {
    border-color: #088B97; }

input[type=checkbox] + label:before, input[type=radio] + label:before {
  background-color: #fff;
  border: 2px solid #b6b7b8;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 14px;
  line-height: 1;
  margin-left: -25px;
  position: absolute;
  top: 2px;
  transition: all linear .1s;
  width: 14px; }

input[type=checkbox] + label:after {
  color: #fff;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 0px;
  -webkit-font-smoothing: antialiased;
  left: 6px;
  position: absolute;
  top: 7px;
  transition: all linear .1s; }

input[type=checkbox]:checked + label:before {
  border-width: 7px;
  border-color: #088B97; }

input[type=checkbox]:checked + label:after {
  font-size: 11px;
  left: 2px;
  top: 2px; }

input[type=radio] + label:before {
  border-radius: 50%;
  content: ""; }

input[type=radio]:checked + label:before {
  border-color: #088B97;
  border-width: 5px; }

.input-rating input[type=radio] {
  display: none; }

.input-rating input[type=radio] + label {
  display: inline-block;
  margin-left: -4px;
  padding-left: 0px !important;
  padding-right: 0px;
  width: 24px; }
  .input-rating input[type=radio] + label:first-of-type {
    margin-left: 0px; }

.input-rating input[type=radio] + label:before {
  background-color: transparent;
  border: none;
  color: #ffd925;
  content: "\f006";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  height: 14px;
  line-height: 1;
  margin-left: 0px;
  position: static;
  text-align: center;
  top: 2px;
  transition: none;
  width: 14px; }

.input-rating input[type=radio]:checked + label:before,
.input-rating input[type=radio] + label.marked:before,
.input-rating input[type=radio] + label.filled:before,
.input-rating input[type=radio] + label.hovered.filled:before {
  content: "\f005"; }

.input-rating input[type=radio] + label.hovered:before {
  content: "\f006"; }

input[type=file] {
  border: 2px dashed #e9e9e9;
  line-height: 1;
  max-width: 100%;
  min-width: 50%;
  padding: 15px; }

.bootstrap-select {
  width: 100% !important; }
  .bootstrap-select .dropdown-toggle {
    background-color: #fff !important;
    border: 2px solid #e9e9e9 !important;
    height: 40px; }
    .bootstrap-select .dropdown-toggle:after {
      display: none; }
    .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:hover {
      background-color: #fff !important;
      border: 2px solid #e9e9e9 !important;
      box-shadow: none !important;
      outline: 0px !important; }
  .bootstrap-select:active, .bootstrap-select:focus {
    border: 0px !important;
    box-shadow: none !important;
    outline: 0px !important; }
  .bootstrap-select.open {
    box-shadow: none !important;
    outline: 0px !important; }
    .bootstrap-select.open .dropdown-toggle {
      box-shadow: none !important;
      outline: 0px !important; }

div.dropdown-menu {
  border: 2px solid #e9e9e9;
  border-radius: 0;
  box-shadow: none;
  margin-top: -2px;
  padding: 0px; }

ul.dropdown-menu li:active, ul.dropdown-menu li:focus {
  box-shadow: none; }

ul.dropdown-menu li a {
  color: rgba(54, 54, 54, 0.6);
  padding: 8px 15px;
  transition: background-color .15s linear; }
  ul.dropdown-menu li a:hover {
    color: rgba(54, 54, 54, 0.6); }
  ul.dropdown-menu li a:focus {
    box-shadow: none;
    outline: 0px; }

.input-group {
  margin-bottom: 15px;
  width: 100%; }
  .input-group .input-group-addon {
    background-color: transparent;
    border-color: #e9e9e9;
    border-radius: 0px;
    border-width: 2px;
    color: #088B97;
    text-align: center;
    width: 44px; }

.file-input .form-control {
  height: 37px;
  line-height: 37px; }

.file-input .file-caption-name {
  font-size: 13px;
  line-height: 14px; }
  .file-input .file-caption-name .kv-caption-icon {
    color: #088B97;
    margin-top: -2px; }

@media (max-width: 850px) {
  .file-input .btn, .file-input .detail-gallery .owl-next, .detail-gallery .file-input .owl-next, .file-input .detail-gallery .owl-prev, .detail-gallery .file-input .owl-prev {
    font-size: 12px; }
  .file-input .form-control {
    float: none;
    margin: 0px 0px 10px 0px !important; }
  .file-input .input-group {
    display: block; }
  .file-input .input-group-btn {
    display: block; } }

.file-preview {
  border-color: #f7f8f9;
  border-radius: 0px;
  margin: 0px 0px 30px 0px; }

@media (max-width: 850px) {
  .file-preview-image {
    height: auto;
    width: 100%; } }

.file-preview-frame {
  border-color: #f7f8f9;
  box-shadow: none;
  transition: background-color .15s linear; }
  .file-preview-frame:hover {
    background-color: #f7f8f9;
    box-shadow: none !important; }
	.form-horizontal .form-group {
    font-size: 17px;
    font-weight: normal;
    padding: 0px 15px;
}*/
form {
    font-size: 15px !important;
    font-weight: normal !important;
}
.lebel-style {
    font-size: 15px;
    color: #000;
    left: 0px;
    position: relative !important;
    z-index: 1;
    font-weight: normal;
    padding: 5px 0px;
    margin: 0px;
    text-align: left !important;
}
.form-input-text {
    width: 100%;
    margin: 0px;
    padding: 5px 10px !important;
    height: 43px;
    background: #fff;
    box-shadow: unset;
    border: 1px solid #D4D2D2;
    font-size: 16px;
    color: #000;
}
.form-input-textarea
{
width:100%;
margin:0px;
padding: 5px 10px !important;
height: 100px;
background: #fff;
    box-shadow: unset;
border: 1px solid #D4D2D2;
font-size: 16px;
color: #000;
}
/* Registration Form*/
.require_field
{
color:red;
}
.header_title {
   text-align: center;
position: relative;
color: #FFF;
margin: 0px -5px 30px;
padding: 5px 0px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.8);
background-color: #088B97;
background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
box-shadow: 0px 2px 0px rgba(135, 131, 131, 0.3);
font-size: 18px;
font-weight: bold;
}

.header_title:before, 
.header_title:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent;
    bottom: -10px;
}

.header_title:before {
    border-width: 0 10px 10px 0;
    border-right-color: #222;
    left: 0;
}

.header_title:after {
    border-width: 0 0 10px 10px;
    border-left-color: #222;
    right: 0;
}
.form-group {
    margin-bottom: 5px;
}
.form-text-reg
{background: #fff;border: 0px;height: auto;border: 1px solid #CCC9C9;padding-left: 6px;padding-left: 10px !important;font-size: 15px;color:#000;padding: 10px 15px;}

.form-textarea-reg
{background: #fff;border: 0px;height: 100px;border: 1px solid #CCC9C9;font-size:16px;color:#000;/* padding-left: 6px !important; */padding: 10px;}

/*style select */



.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}
.form-reg-select {
    display: inline-block;
    height: auto;
    width: 100%;
    padding: 10px 10px !important;
    outline: none;
    color: #74646e;
    border: 1px solid #CCC9C9;
    background: #fff;
    position:relative;
    padding: 10px 15px;
}

/* Select arrow styling */
.fancyArrow {
  width: 19px;
height: 41px;
position: absolute;
display: inline-block;
top: 1px;
right: 1px;
background: url("../images/select_arrow.png") no-repeat scroll right center / 24px 22px #eee;
pointer-events: none;
z-index: 99;
    
}
.fancyArrow2 {
  width: 27px;
height: 41px;
position: absolute;
display: inline-block;
top: 1px;
right: 16px;
background: url("../images/select_arrow.png") no-repeat scroll right center / 24px 22px #eee;
pointer-events: none;
z-index: 99;
    
}
select option {
background: #fff;
border-left: 1px solid #000;
border-right: 1px solid #000;
width: 100%;
color: #515051;
font-size: 17px;
}
.step-2-msg
{
text-align:center;
}

.form-group {
    margin-bottom: 15px;
    margin-top: 10px;
}
#FindOut
{
margin-bottom:5px;
}
#box {position: relative;width: 90%;background: none repeat scroll 0% 0% #FFF;padding: 30px 0px;color: rgba(0, 0, 0, 0.8);line-height: 1.5;margin: 0px auto;box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%);}


#box:before, #box:after {
  /* z-index: -1; */
  /* position: absolute; */
  /* content: ""; */
  /* bottom: 15px; */
  /* left: 10px; */
  /* width: 50%; */
  /* top: 58%; */
  /* max-width:300px; */
  /* background: rgba(0, 0, 0, 0.7); */
  /* box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); */
  /* transform: rotate(-3deg); */
}

#box:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.btn-info1 {
    width: 131px;
    height: 38px;
    border: 1px solid #088B97 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    padding: 5px 15px;
    display: inline-flex;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #088B97 !important;
    margin-bottom: 0px;
}
.btn-info1:hover
{
border: 1px solid #0F345E !important;
    background: #0F345E !important;
}

.dropdown_client {
    position: relative;
    width: 100%;
    margin: 0px auto;
    z-index: 11;
    height: auto;
    background: #fff;
    box-shadow: unset;
    border: 1px solid #D4D2D2;
}


.dropdown_client dd,
.dropdown_client dt {
  margin: 0px;
  line-height: normal;
  position: relative;
}

.dropdown_client ul {
  margin: 10px 0 0 0;
}

.dropdown_client dd {
  position: relative;
  padding:0px;
}
.dropdown_client dt {
    padding: 10px;
    min-height: 45px;
}

.dropdown_client a,
.dropdown_client a:visited {
  color: #fff;
  text-decoration: none;
  outline: none;
  font-size: 15px;
}

.dropdown_client dt a {
  background-color: #4F6877;
  display: block;
  padding: 8px 20px 5px 10px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 0;
  width: 272px;
}

.dropdown_client dt a span, .multiSel_client span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
    font-weight: 400;
    font-size: 15px;
}
.multiSel_client
{margin: 0px;font-size: 17px;max-height: 37px;overflow: auto;color:#000;}
.hida_client
{font-size: 15px;color: gray;font-weight: normal;vertical-align: 0;padding-left: 5px;}

.dropdown_client dd ul {
 border: 0px none;
 display: none;
 left: 0px;
 padding: 10px 15px 15px 15px;
 position: absolute;
 top: 0px;
 list-style: outside none none;
 height: 400px;
 overflow: auto;
 background-color: #fff;
 color: rgb(0, 0, 0);
 width: 100%;
 font-size: 15px;
 border: 1px solid #BDBCBC;
 margin: 0px;
}

.dropdown_client span.value {
  display: none;
}

.dropdown_client dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown_client dd ul li a:hover {
  background-color: #fff;
}
.dropdown_client_check
{
margin-right: 5px !important;
}
.first_search_dropdown
{
z-index:9;
}

.fancyArrow_search_company {
    width: 27px;
    height: 39px;
    position: absolute;
    display: inline-block;
    top: 0px;
    right: 0px;
    background: #fff;
    pointer-events: none;
    z-index: 999;
}

/* consultant multi select*/

.dropdown_consultant {position: relative;width: 100%;margin: 0px auto;z-index: 10;height: auto;background: #fff;box-shadow: unset;border: 1px solid #D4D2D2;}


.dropdown_consultant dd,
.dropdown_consultant dt {
  margin: 0px;
  padding: 10px;
}
.dropdown_consultant dt {
min-height: 45px;
}

.dropdown_consultant ul {
  margin: 10px 0 0 0;
}

.dropdown_consultant dd {
  position: relative;
  padding: 0px;
}

.dropdown_consultant a,
.dropdown_consultant a:visited {
  color: #fff;
  text-decoration: none;
  outline: none;
  font-size: 15px;
}

.dropdown_consultant dt a {
  background-color: #4F6877;
  display: block;
  padding: 8px 20px 5px 10px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 0;
  width: 272px;
}

.dropdown_consultant dt a span,
.multiSel_consultant span {
      cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
    font-weight: 400;
    font-size: 15px;
}
.multiSel_consultant {
    margin: 0px;
    font-size: 15px;
    max-height: 37px;
    overflow: auto;
    color: #000;
    font-weight: 400;
}
.hida_consultant
{font-size: 15px;color: gray;font-weight: normal;vertical-align: 0px;padding-left: 5px;}

.dropdown_consultant dd ul {
     border: 0px none;
    display: none;
    left: 0px;
    padding: 10px 15px 15px 15px;
    position: absolute;
    top: 0px;
    list-style: outside none none;
    height: 400px;
    overflow: auto;
    background-color: #fff;
    color: rgb(0, 0, 0);
    width: 100%;
    font-size: 15px;
    border: 1px solid #BDBCBC;
    margin: 0px;
}

.dropdown_consultant span.value {
  display: none;
}

.dropdown_consultant dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown_consultant dd ul li a:hover {
  background-color: #fff;
}
.dropdown_client_check
{
margin-right: 5px !important;
}
.first_search_dropdown
{
z-index:1;
}


/* end Consultant multi select*/
/* end client multi select*/
/*end request quote*/

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
/********** Start Menue responsive css **************/
#mainNav .navbar-nav .nav-item .nav-link {
    font-size: 12px;
    padding: 15px 5px;
}
#mainNav .navbar-brand img {
    height: 40px;
}
.subscrib-btn {
    width: 100px;
    height: 38px;
    padding: 5px 5px;
    font-size: 12px !important;
}
.login-user i {
    font-size: 15px;
}
/********** End Menue responsive css **************/
}

@media(max-width:992px)
{

/********** Start Menue responsive css **************/
#mainNav {
    background-color: transparent;
    padding-bottom: 2px;
}
.navbar-dark .navbar-toggler {
    color: rgb(255 190 70);
}
.navbar-collapse {
    background: #eef5fd;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-collapse .navbar-nav.py-4 {
    padding-top: 5px !Important;
    padding-bottom: 5px !important;
}
#mainNav .navbar-brand img {
    height: 35px;
}
.login-lng-sec {
    float: none;
    background: #eef5fd;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
	border-radius: 4px;
}
.mb-nav-fullwidth {
    width: 100%;
    margin-top: 10px;
}
#mainNav .navbar-nav .nav-item .nav-link {
    font-size: 12px;
    padding: 10px 10px;
    border-bottom: 1px dotted #ddd;padding-left: 10px !important;
}
.dropdown-menu.megamenu.inactive {
    display:none;
}
.dropdown-menu.megamenu {
    width: 100%;
}
/********** End Menue responsive css **************/
}
@media(max-width:950px)
{

/********** Start Menue responsive css **************/
#mainNav {
    background-color: transparent;
    padding-bottom: 2px;
}
.navbar-dark .navbar-toggler {
    color: rgb(255 190 70);
}
.navbar-collapse {
    background: #eef5fd;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-collapse .navbar-nav.py-4 {
    padding-top: 5px !Important;
    padding-bottom: 5px !important;
}
#mainNav .navbar-brand img {
    height: 2.5rem;
    width: 100%;
}
.login-lng-sec {
    float: none;
    background: #eef5fd;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
	border-radius: 4px;
}
.mb-nav-fullwidth {
    width: 100%;
    margin-top: 10px;
}
#mainNav .navbar-nav .nav-item .nav-link {
    font-size: 12px;
    padding: 10px 10px;
    border-bottom: 1px dotted #ddd;padding-left: 10px !important;
}
.dropdown-menu.megamenu.inactive {
    display:none;
}
/********** End Menue responsive css **************/
}

@media(max-width:767px)
{
.main-form-sec .login-txt {
    /* float: left; */
    display: inline-flex;
    height: 45px;
    align-items: center;
    /* flex-direction: column; */
    margin-top: 0px;
}
.banner-slider {
    position: relative;
    padding: 20px 0px 20px 0px;
    height: auto;
}
.banner-slider-1, .banner-slider-2, .banner-slider-3 {
    padding: 0px;
    position: relative;
    height: 250px;
}
.banner-slider-1 .banner-btn-1
{
left:30%;
}
.slider-btn {
    padding: 8px 10px 7px 40px;
}
.banner-slider-1 .banner-btn-1, .banner-slider-2 .banner-btn-1, .banner-slider-3 .banner-btn-1 {
    font-size: 13px;
	padding:3px 10px;
}
.banner-slider-1 .banner-btn-2, .banner-slider-2 .banner-btn-2, .banner-slider-3 .banner-btn-2 {
    font-size: 13px;
	padding:3px 10px;
	bottom:10%;
}
.banner-slider-1 .banner-right-img, .banner-slider-2 .banner-right-img, .banner-slider-3 .banner-right-img {
    height: 200px;
	top:25%;

}
.banner-slider-1 .banner-left-img, .banner-slider-2 .banner-left-img, .banner-slider-3 .banner-left-img {
    height: 230px;

}
#banner-box-2-2 {
    left: 10%;
}
#banner-box-3-2 {
    left: auto;
    right: 10%;
}
#banner-box-3-1 {
    left: auto;
    right: 10%;
}
.indexModal .modal-dialog .modal-content .modal-body {
    padding: 3px;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.step-sub-title {
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 10px;
    line-height: 24px;
}
.indexModal .modal-body .modal-right {
    width: 100%;
    height: 100%;
    background: #f5f6f8;
    display: none;
}
.mb-40 {
    margin-bottom: 20px !important;
}
.step-3-top ul li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
    margin-left: 6px;
}
.step-3-top ul li .sector-popup-btn {
    padding: 4px 11px;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    z-index: 1;
    /* margin-left: 10px; */
    box-shadow: 0 0px 8px 5px rgb(205 205 205 / 20%);
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
}
.main-form-sec {
    padding: 15px  15px 45px 15px !important;
    min-height: 520px;
    position: relative;
}
#msform .action-button {
    background: #088B97;
    color: white;
    padding: 4px 15px;
    margin-top: 0px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    border: 0px;
    font-size: 13px;
}
#msform .next.action-button {
    position: absolute;
    top: auto;
    bottom: 10px;
    right: 15px;
}
.multi-btn {
    padding: 4px 10px;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    z-index: 1;
    /* margin-left: 10px; */
    box-shadow: 0 0px 8px 5px rgb(205 205 205 / 20%);
    cursor: pointer;
    font-size: 13px;
}
.cls-btn {
    position: absolute;
    right: 0px;
    z-index: 9;
    width: 30px;
    padding: 0px !important;
    background: #fc1b0a;
    color: #fff;
    border-radius: 50%;
    height: 30px;
    top: 0px;
    border: 0px;
    box-shadow: 0px 0px 12px 0px #757575;
}
.col-md-4.modal-dialog {
    width: auto;
}
.thankyou-txt h3 {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.subscrib-btn {
    width: 150px;
    padding: 10px 15px;
    font-size: 15px !important;
    display: block;
    height: auto;
    margin: 15px auto 0px auto;
}
nav.sidebar-mobile ul ul li {
    line-height: 35px;
    border-top: none;
}
.indexModal .material-textfield input {
    font-size: 14px;
    outline: none;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 8px 10px;
    transition: 0.1s ease-out;
    width: 100%;
}

.sub-sector-popup-section ul li .sub-sector-popup-section-btn {
    padding: 4px 10px 4px 10px;
}
.sub-sector-popup-section-btn [class*="icheck-material"] > label {
    padding-right: 0px !important;
    font-size: 13px;
    padding-left: 22px !important;
    position: relative;
    font-weight: 400;
}
.tender-part label .hightlight-txt {
    font-weight: 600;
    font-size: 18px;
}
.tender-part label {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}
.step-sub-title .hightlight-txt {
    font-weight: 600;
    font-size: 18px;
}
.step-2-bottom-check [class*="icheck-material"] {
    margin-bottom: 6px !important;
    margin-right: 10px;
}
.meeting-schedule img {
    display: none;
}
.laterbtn {
    position: relative;
    bottom: unset;
    border: 0px;
    background: transparent;
    font-size: 14px;
    /* right: 0px; */
    text-align: right;
    display: block;
    width: 100%;
	padding:10px 15px;
}
.top-title h5 {
    font-size: 18px;
    margin-bottom: 10px;
}
#msform fieldset {
    min-height: 520px;
    position: relative;
}
.step-2-top {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#msform .action-button-previous {
    background: #088B97;
    color: white;
    padding: 4px 15px;
    margin-top: 0px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    border: 0px;
    position: absolute;
    top: auto;
    bottom: 30px;
    right: auto;
    left: -20px;
    transform: rotate(90deg);
    font-size: 14px;
}
/*start MOBILE MENU and HEADER*/

.btn-mobile {
    position: fixed;
    top: 0px;
    right: -1px;
    height: 45px;
    width: 45px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    transition: right 0.4s ease;
    z-index: 110;
    padding-top: 10px;
}
.btn-mobile.click {
    right: 260px;
    left: 0px;
    width: 100%;
    /* bottom: 0px; */
    height: 100%;
    background: #1b1b1b73;
    transition: right 0.4s ease;
}
.btn-mobile span {
    color: #191919;
    font-size: 20px;
    line-height: 45px;
    /* background: #fff; */
}
.btn-mobile.click span {
    color: white;
    font-size: 28px;
    line-height: 45px;
    background: #000;
    width: 45px;
    height: 45px;
    position: fixed;
    right: 250px;
    transition: right 0.4s ease;
}
.btn-mobile.click span:before{
  content: '\f00d';
}
.sidebar-mobile {
    position: fixed;
    width: 250px;
    height: 100%;
    right: -250px;
    background: #1b1b1b;
    transition: right 0.4s ease;
    z-index: 400;
    top: 0px;
}
.sidebar-mobile.show{
  right: 0px;
}
.sidebar-mobile .text{
  color: white;
  font-size: 25px;
  font-weight: 600;
  line-height: 65px;
  text-align: center;
  background: #1e1e1e;
  letter-spacing: 1px;
}
nav.sidebar-mobile > ul {
    background: #1b1b1b;
    max-height: 400px;
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 40px 0px 0px 0px;
    overflow: scroll;
}
nav.sidebar-mobile > ul > li {
    line-height: 20px;
    
    
}
nav.sidebar-mobile > ul > li.active > a
{
color:#fff;
border-left:2px solid #fff;
}
nav.sidebar-mobile >  ul > li:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
nav.sidebar-mobile > ul > li > a{
  position: relative;
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  display: block;
  width: 100%;
  border-left: 3px solid transparent;
  padding: 10px 0px 10px 20px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

nav.sidebar-mobile ul ul{
  position: static;
  display: none;
}
nav.sidebar-mobile ul .feat-show.show{
  display: block;
}
nav ul .serv-show.show1{
  display: block;
}
nav.sidebar-mobile ul ul li{
  line-height: 42px;
  border-top: none;
}
nav.sidebar-mobile ul ul li a {
    font-size: 13px;
    color: #e6e6e6;
    padding-left: 0px;
    line-height: 20px;
    /* border: 0px; */
}
nav.sidebar-mobile ul li.active ul li a{
  color: #e6e6e6;
  background: #1b1b1b;
  border-left-color: transparent;
}
nav.sidebar-mobile ul ul li a:hover{
  color: cyan!important;
  background: #1e1e1e!important;
}
nav.sidebar-mobile ul li a span{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 22px;
  transition: transform 0.4s;
}
nav.sidebar-mobile ul li a span.rotate{
  transform: translateY(-50%) rotate(-180deg);
}
.desktop-menu
{
display:none !important;
}
.mobile-menu
{
display:block;
}
.mobile-bottom-menu {
    width: 100%;
    background: #0F345E;
    padding: 10px;
    text-align: center;
}
.mobile-bottom-menu ul
{
list-style:none;
display:inline-block;
padding:0px;
margin:0px auto;
}
.mobile-bottom-menu ul li {
    display: inline-block;
    margin: 0px 2px;
}
.mobile-bottom-menu ul li a {
    padding: 4px 10px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    /* box-shadow: 0px 0px 5px 0px #7e7d7d; */
    font-weight: 600;
}
.mobile-menu-icon {
    width: 15px;
    fill: #fff;
    margin-right: 3px;
}
.mb-nav-fullwidth {
    position: absolute;
    width: auto !important;
    right: 73px;
    background: #fff !important;
    padding: 0px !important;
    margin: 0px !important;
    top: auto;
}
.login-lng-sec {
    float: none;
    background: #fff !important;
    width: 100%;
    margin: 0px;
    padding: 0px !important;
}
.login-lng-sec ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-left: 0px;
}
.login-lng-sec ul li {
    height: 30px;

}
.search-home input {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 50px;
    height: 37px;
    outline: none;
    border: none;
    background: #0F345E;
    color: #000;
    /* text-shadow: 0 0 10px #535151; */
    padding: 0 50px 0 20px;
    border-radius: 30px;
    box-shadow: 0 0 25px 0 #ebebeb, 0 20px 25px 0 rgb(0 0 0 / 20%);
    transition: all 1s;
    opacity: 0;
    z-index: 5;
    font-weight: bolder;
    letter-spacing: 0.1em;
}
.search-home {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 35px;
}
.search-home .searchbtn::before {
    content: "";
    position: absolute;
    margin: auto;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 13px;
    width: 10px;
    height: 2px;
    background: #088B97;
    transform: rotate(45deg);
    transition: all 0.5s;
}
.search-home .searchbtn::after {
    content: "";
    position: absolute;
    margin: auto;
    top: -5px;
    right: 0;
    bottom: 0;
    left: -5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #088B97;
    transition: all 0.5s;
}
.search-home .searchbtn {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: all 1s;
    z-index: 4;
    cursor: pointer;
}
.search-home input:focus {
    width: 250px;
    opacity: 1;
    cursor: text;
}
#home .mb-spacing {
    padding-left: 20px;
    padding-right: 20px;
}
/*end  MOBILE MENU and HEADER*/
/*footer*/
.mb-footer-spacing {
    padding-left: 20px;
    padding-right: 20px;
}
.footer .footer-top .row .col-md-2 .footer-menu:first-child {
    display:none;
}
.mb-none {
  display:none;
}
.copy-right {
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
}
.footer-bottom {
    padding: 15px 0px;
}
.chat-icon a {
    z-index: 8;
}
.footer-menu
{
margin-bottom:20px;
}
/*end footer*/

}

