/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600'); @import url('//fonts.googleapis.com/css?family=Hind: 300,400,500,600,700'); */
@import url('montserrat.css');
@import url('hind.css');
/*@font-face {font-family: 'Pacifico';font-style: normal;font-weight: 400;src: local('Pacifico Regular'), local('Pacifico-Regular'), url('//infosearchbpo.com/fonts/swapfont.woff2') format('woff2');font-display: swap;}*/

#jssor_1 {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 1040px;
  height: 100px;
  overflow: hidden;
  visibility: hidden;
}

.clients-slideholder {
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  width: 1040px;
  height: 100px;
  overflow: hidden;
}

.loadfade {
  /*opacity: 0; filter: alpha(opacity=0);  -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; */
  transition: opacity .2s linear;
}

.loadfade.in {
  /*opacity: 1; filter: alpha(opacity=100); */
}

.abs,
.main-nav {
  height: 104px
}

#isbpo_nav .btn,
.imgright.pull-right {
  margin-left: 20px
}

.case-study-btn a:hover,
.menu-inner h2 a,
a:hover {
  text-decoration: none
}

#why-isbpo ul li,
.case ul li,
.clients ul li,
.list-style4 li,
.list-style5 li,
.menucol li,
.testi {
  list-style: none
}

#companyProfile .modal-title,
#isbpo_nav .nav li a,
.case h3,
.is-services .col-sm-3 div p,
.main-heading h2,
.reach-us a,
.services-block h3 {
  text-transform: uppercase
}

.fade-in {
  opacity: 0;
  -webkit-transition: opacity .5s linear;
  -o-transition: opacity .5s linear;
  -moz-transition: opacity .5s linear;
  transition: opacity .5s linear
}

#isbpo_nav .nav li a,
.menu {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

body {
  font-family: 'Hind', sans-serif !important;
  font-display: swap;
  color: #222;
  font-size: 16px !important;
}

.intro-inner p,
.intro-phrase {}

.top-bar {
  position: relative;
  background: #2c3038;
  line-height: 40px;
  color: #fff;
  font-size: 14px
}

.top-bar a {
  color: #fff;
}

.err {
  color: red
}

.breadcrumb>li {
  font-size: 14px
}

.breadcrumb .active a {
  color: #24AEFF
}

.breadcrumb .active {
  font-weight: 600
}

.main-nav nav {
  height: 100%;
  box-shadow: 0 1px 10px rgba(51, 51, 51, .3);
  margin-bottom: 0 !important
}

#isbpo_nav .nav {
  margin-top: 0
}

#isbpo_nav .nav li {
  margin-right: 1em
}

#isbpo_nav .nav li a {
  padding: 45px 8px 24px 8px;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.fix-header #isbpo_nav .nav li {
  margin-right: .5em
}

.menu,
.show-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.top-bar ul {
  margin-bottom: 0
}

.navbar-brand {
  padding: 5px;
  height: 100%
}

.top-bar .fa {
  margin-right: 10px;
  color: #24AEFF
}

.top-bar .c-info li {
  margin-right: 20px
}

.top-bar .c-info img {
  margin-right: 10px;
  margin-top: -2px
}

.top-bar .social a .fa {
  color: #fff
}

#isbpo_nav .btn {
  padding: 6px 12px !important;
  margin-top: 30px
}

#isbpo_banner {
  height: 500px;
  background: #f5f5f5
}

.banner1,
.banner2,
.banner3,
.banner4 {
  height: 100%
}

/*.banner1{background:url(../images/banner2.jpg) center no-repeat;background-size:cover}*/
.banner2 {
  background: url(../images/call-center-bpo-india.jpg) center no-repeat
}

/*.banner3{background:url(../images/banner3.jpg) center no-repeat;background-size:cover}.banner4{background:url(../images/banner4.jpg) center no-repeat;background-size:cover}*/
.banner-data {
  background: url(../images/data-management-services.jpg);
  background-size: cover;
  background-position: center;
  height: 100%
}

.banner-inner a {
  color: #333
}

.banner2 p a {
  color: #316F94
}

.banner-inner h2 {
  margin-top: 22%;
  font-weight: 700;
  color: #000
}

.btn-lead {
  background: #FF0000;
  color: #fff !important
}

.banner-inner .btn {
  font-size: 1em;
  margin-top: 15px
}

.banner-inner p {
  font-size: 18px;
  margin-top: 15px
}

#isbpo_nav .btn {
  background: #a12b07;
  color: #fff !important;
  border-color: #FF7524
}

.btn-orange {
  background: #a12b07;
  color: #fff !important;
  border-color: #FF5919
}

.menu {
  position: fixed;
  background: rgba(0, 0, 0, .9);
  color: #e8e8e8;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all .3s ease-in-out;
  width: 100%;
  z-index: 30
}

.fix-header,
.show-menu {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out
}

.menu-inner {
  position: relative;
  padding: 20px
}

.menu-inner h2 {
  margin-bottom: 20px;
  font-size: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, .34);
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 5px solid #24AEFF;
  padding-left: 10px
}

.menu-inner h2 a {
  color: #FFF !important
}

.show-menu {
  opacity: 1;
  height: fit-content;
  transition: all .3s ease-in-out
}

.contact-float,
.fix-header {
  -moz-transition: all .3s ease-in-out
}

.menucol {
  width: 20%;
  float: left;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px
}

.menucol-33 {
  width: 33.33%
}

.menucol-25 {
  width: 25%
}

.menucol ul li a {
  color: #CECECE;
  line-height: 1;
  font-weight: lighter
}

.menucol h4 {
  font-size: 18px;
  padding-bottom: 3px;
  margin-bottom: 10px;
  font-weight: 600
}

.links-articles,
.links-services {
  margin-bottom: 20px
}

.imgright {
  margin-bottom: 10px;
  margin-top: 10px
}

.imgright.pull-left {
  margin-right: 20px
}

.intro-right {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  min-height: 440px;
  padding-top: 40px
}

.intro-left {
  padding-top: 25px
}

.intro-inner h2 {
  margin-top: 0
}

.main-heading h2 {
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 600;
  color: #333
}

.main-heading h2 span {
  color: #24AEFF
}

.main-h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  color: #333;
  text-transform: uppercase
}

.main-h2 span {
  color: #0C5E83
}

.main-heading p {
  margin: 0;
  letter-spacing: 5px;
  text-align: justify
}

.box-content a,
.va {
  letter-spacing: 1px
}

.main-nav {
  background: #fff
}

.fix-header {
  position: fixed !important;
  top: 0;
  display: block;
  width: 100%;
  background: #fff5b1;
  transition: all .3s ease-in-out;
  -webkit-animation: menu_sticky 0.6s ease-out;
  -moz-animation: menu_sticky 0.6s ease-out;
  -o-animation: menu_sticky 0.6s ease-out;
  animation: menu_sticky 0.6s ease-out;
  z-index: 600;
  height: 75px !important
}

.contact-float,
.contact-float button {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

.fix-header #isbpo_nav .btn {
  margin-top: 10px !important
}

.fix-header #isbpo_nav .nav li a {
  padding: 20px 6px;
}

.fix-header .navbar-brand img {
  max-height: 70px
}

@keyframes menu_sticky {
  0% {
    margin-top: -100px
  }

  50% {
    margin-top: -90px
  }

  100% {
    margin-top: 0
  }
}

.intro-inner p {
  line-height: 1.8;
  font-size: 16px;
  text-align: justify
}

.intro-phrase {
  color: #696969;
  border-bottom: 0px solid #D6D6D6;
  margin-bottom: 15px;
  font-size: 14px !important;
  padding-bottom: 15px;
  margin-top: 15px
}

.about-info p,
.widget-content p {}

.box_full,
.box_half {
  margin: 1%;
  height: 215px
}

.intro-inner p a {
  color: #0056d7;
  text-decoration: underline;
}

.main-heading p {
  font-size: 18px
}

.box_half {
  width: 48%;
  float: left;
  background: #f5f5f5
}

.box_full {
  width: 98%;
  background: url(../images/services.jpg) no-repeat;
  background-size: cover
}

.clear {
  clear: both
}

.box-items {
  padding: 15px;
  margin-top: 10px
}

.box-inner {
  height: 100%;
  position: relative
}

.box-content {
  position: absolute;
  bottom: 0;
  background: rgba(34, 34, 34, .8);
  padding: 10px 20px;
  width: 100%;
  height: 40px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  text-align: right
}

.box-inner:hover .box-content {
  background: rgba(255, 82, 0, .8)
}

.box_full .box-content {
  bottom: 0
}

.bwfilm {
  position: absolute;
  width: 100%;
  top: 0;
  height: 0;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.box-inner:hover .bwfilm {
  background: rgba(250, 250, 250, .3);
  height: 100%
}

.box-content span {
  color: #FFF;
  font-weight: 600;
  font-size: 16px
}

.b-left {
  background: url(../images/about.jpg) no-repeat;
  background-size: cover
}

.b-right {
  background: url(../images/contact.jpg) no-repeat;
  background-size: cover
}

.contact-float {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out
}

#main-contact,
.contact-float button {
  -moz-transition: all .3s ease-in-out
}

.contact-float button {
  width: 200px;
  box-shadow: 0 -2px 20px rgba(0, 0, 0, .24);
  height: 40px;
  font-weight: 600;
  font-size: 18px;
  background-color: rgba(255, 71, 0, .9);
  border-color: rgba(255, 71, 0, .9);
  transition: all .3s ease-in-out;
  color: #fff;
  border-radius: 10px 0 0
}

#main-contact,
.expand-contact {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

.contact-float .btn.focus,
.contact-float .btn:focus,
.contact-float .btn:hover {
  color: #fff;
  border: none
}

#main-contact {
  width: 100%;
  height: 0;
  position: fixed;
  background: rgba(0, 0, 0, .9);
  bottom: 0;
  overflow: hidden;
  transition: all .3s ease-in-out;
  z-index: 9999
}

.expand-cbtn,
.expand-contact {
  -moz-transition: all .3s ease-in-out
}

.expand-contact {
  height: 570px !important;
  transition: all .3s ease-in-out
}

.expand-cbtn,
.footer-bottom {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

.expand-cbtn {
  margin-bottom: 570px;
  transition: all .3s ease-in-out;
  width: 50px !important;
  background-color: rgba(255, 0, 0, .9) !important;
  margin-right: 0 !important
}

.feature-box,
.footer-bottom {
  -moz-transition: all .3s ease-in-out
}

.form {
  padding: 20px 80px
}

.form h3 {
  color: #fff
}

.form-action input {
  border: none;
  padding: 5px 10px
}

.footer-wrapper {
  padding: 40px 0 0;
  background-color: #222;
  color: #fff;
  height: 100%
}

.footer-wrapper .logo {
  max-width: 130px
}

.about-info p {
  font-size: 14px;
  color: #CECECE;
  margin-top: 20px;
  line-height: 2
}

#footer a {
  color: #C7C7C7;
  font-size: 16px
}

.widget-content .fa {
  margin-right: 0px
}

.widget-content p {
  margin-bottom: 5px;
  font-weight: 500;
  color: #EAEAEA;
  font-size: 18px;
  line-height: 32px
}

.feature-box p,
.list-style1 {
  line-height: 2
}

.footer-bottom {
  background: #1d1d1d;
  padding: 15px 0;
  color: #fff;
  font-size: 14px;
  transition: all .3s ease-in-out
}

#toggleContact span,
.feature-box {
  -webkit-transition: all .3s ease-in-out
}

#toggleContact span,
.emp-login .btn,
.feature-box {
  -o-transition: all .3s ease-in-out
}

.footer-bottom a {
  font-size: 16px !important
}

.widget-content {
  color: #C7C7C7;
  font-size: 14px
}

.footer-bottom ul {
  margin-bottom: 0
}

#footer h4 {
  font-size: 24px;
  color: #24AEFF
}

/*.emp_bg{float:left;width:140px;background:url(images/emp_bg.jpg) no-repeat;padding:0;margin:0}*/
.emp_speaks,
.emp_speaks1 {
  margin: 10px;
  padding: 10px;
  text-align: justify;
  font-size: 14px
}

.emp_speaks1 {
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  background: #f7eeee
}

.emp_speaks {
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  background: #efeee7
}

.feature-box,
.reach-us .row {
  text-align: center
}

.widget-content ul li {
  margin-bottom: 10px;
  font-size: 15px
}

.contact-info .social {
  margin-top: 15px;
  font-size: 24px;
  padding: 0
}

.list-style1 li::before {
  content: '\f138';
  display: inline-block;
  color: #FF7524;
  margin-right: 10px;
  font-family: FontAwesome;
  font-size: 12px
}

.common-links li a {
  margin: 5px 10px
}

#features {
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed
}

.content p,
.services-block {}

.is-box {
  background: url(../images/is-cover.jpg) center !important
}

.go-box {
  background: url(../images/go-cover.jpg) center !important;
  background-size: cover !important
}

.iso-box {
  background: url(../images/iso-cover.jpg) center !important;
  background-size: cover !important
}

.gc-box {
  background: url(../images/gc-cover.jpg) center !important;
  background-size: cover !important
}

.fbox-wrap,
.feature-box {
  height: 200px
}

.f-title {
  position: relative;
  width: 100%;
  height: 100%
}

.f-title h4 a {
  color: #fff
}

.f-title h4 {
  line-height: 1.5;
  color: #fff;
  width: 100%;
  font-size: 14px;
  background: #24aeff;
  margin: 0;
  position: absolute;
  bottom: 0;
  line-height: 36px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 36px
}

.feature-box:hover .f-title h4 {
  padding: 30% 0;
  height: 100%;
  line-height: 3;
  background: rgba(36, 174, 255, .88)
}

.feature-box {
  z-index: 0;
  color: #fff;
  transition: all .3s ease-in-out
}

#toggleContact span,
.emp-login .btn {
  -moz-transition: all .3s ease-in-out
}

.feature-box .section-title h2 {
  line-height: 1.2;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 32px
}

.f-icon i {
  font-size: 35px;
  color: #24AEFF
}

.f-icon img {
  margin: auto
}

.noborder {
  border: none !important
}

#section {
  padding: 30px 0 0
}

.services-block {
  padding: 20px
}

.services-block ul li:hover .ccs-icin {
  border-color: #fff5b1;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

.services-block h3 {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 5px
}

.notopmargin,
.services-block h2 {
  margin-top: 0 !important
}

.services-block p {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #4E4E4E
}

.services-block h3 a {
  color: #24AEFF;
  font-size: 16px
}

.services-block p a {
  color: #4E4E4E
}

.section-title2 h2::after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  background: #24AEFF;
  margin-top: 10px
}

.reach-us a,
.reach-us p {
  display: inline-block;
  line-height: 2
}

.reach-us {
  position: relative;
  overflow: hidden;
  background: #0C5E83;
  padding: 20px 0;
  color: #fff
}

#gmap,
.bc-links {
  position: absolute
}

.reach-us a {
  border: 1px solid #f3b705;
  padding: 5px 15px;
  color: #000;
  border-radius: 53px;
  background: #ffc107;
  font-weight: 600;
  margin-left: 20px
}

.reach-us p {
  margin-bottom: 0;
  padding: 0 15px;
  color: #fff;
  font-size: 22px;
  text-align: right
}

.contact-desc {
  padding: 100px 20px 20px;
  color: #fff;
  text-align: center
}

.contact-desc p {
  line-height: 2;
  margin-top: 20px
}

.contact-desc h2 {
  font-size: 36px;
  width: 60%;
  margin: 0 auto
}

.contact-desc .phone {
  font-size: 28px;
  line-height: 35px
}

.dropdown a:hover {
  cursor: pointer
}

.ques {
  color: #fff
}

.ccs-icon {
  width: 25%;
  float: left
}

.ccs-content {
  width: 75%;
  float: left
}

.ccs-icin {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 4px solid #D8D8D8;
  padding: 10px;
  margin: 0 auto
}

.fbox-first .feature-box {
  background: #ff7524;
  padding: 30px
}

.introh2 {
  font-size: 22px
}

.content p,
.home-tabs>li>a,
.media-body,
.media-heading,
.tab-content,
.tab-content table {
  font-size: 16px
}

.intro-right ul {
  line-height: 2.2
}

.fb {
  background-color: #3b5999 !important
}

.tw {
  background-color: #00abf1 !important
}

.gp {
  background-color: #e12f2f !important
}

.ins {
  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.ln {
  background-color: #039 !important
}

.medium {
  background: #000;
}

.blog {
  background-color: #ea8a02 !important
}

.inner-wrapper {
  height: 220px;
  background: url(../images/company_info.jpg) center no-repeat;
  background-size: cover
}

.col-center {
  float: none !important;
  margin: 0 auto !important
}

.content p {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #4E4E4E;
  line-height: 2
}

.content .container {
  background: rgba(255, 255, 255, .95);
  padding: 40px 0
}

.bc-links {
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, .6)
}

.bc-outer,
.cs-icon,
.outer-wrapper {
  position: relative
}

.bc-outer {
  height: 220px
}

.bc-links .breadcrumb {
  border-radius: 0;
  margin-bottom: 0;
  background: 0 0;
  color: #fff
}

.fix-header .navbar-brand {
  margin-top: -1px
}

.breadcrumb li a {
  color: #fff
}

.intro-right iframe {
  margin: 0 auto;
  display: block
}

.list-style3 li {
  display: table-row
}

.list-style3 li::before {
  content: '\f192';
  padding-right: 10px;
  font-family: FontAwesome;
  color: #FF7524;
  display: table-cell
}

.mini-banner {
  margin: 20px 0
}

.home-tabs {
  border-bottom: none;
  color: #fff
}

.home-tabs li a {
  color: #3E3E3E;
  background: bisque;
  margin-right: 5px !important;
  font-weight: 500
}

.home-tabs .active a {
  background: #0C5E83 !important;
  color: #fff !important;
  font-weight: 600 !important
}

.intro-right .tab-content {
  padding-top: 30px;
  padding-bottom: 0;
}

.va {
  color: #FF7524
}

.case h3,
.ib-title {
  letter-spacing: 2px
}

.media {
  padding: 12px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 20px
}

.media-body {
  color: #696969
}

#why-ispbpo {
  padding: 0 30px
}

.media-heading {
  color: #333;
  font-weight: 600
}

#updates {
  margin: -15px 0
}

#footer .social li {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 2px 0px 2px 0;
  text-align: center;
  display: inline-block;
  border: 3px solid #2f2f2f
}

#footer .social .fa {
  color: #fff;
  font-size: 24px;
  line-height: 42px
}

.list-style4 li::before {
  content: '\f375';
  display: inline-block;
  color: #FF7524;
  margin-right: 15px;
  font-family: Ionicons
}

.list-style4 li {
  margin-bottom: 5px;
  line-height: 2
}

.list-style4 {
  padding-left: 15px
}

.list-style5 {
  margin-top: 10px
}

.list-style5 li {
  margin-bottom: 15px;
  line-height: 2.5;
  font-size: 16px;
  color: #333;
  display: table-row
}

.list-style5 li::before {
  content: '\f36c';
  color: #FF7524;
  padding-right: 15px;
  font-family: Ionicons;
  display: table-cell
}

.inner-content {
  line-height: 1.8;
  padding: 40px 0
}

.img-vm {
  margin: 15px 0
}

.inner-content p {
  text-align: justify;
  color: #4d4d4d;
  line-height: 1.6;
  margin-bottom: 20px;
  font-size: 16px;
}

.inner-content ul li {
  color: #333;
  line-height: 2
}

.inner-content ul li a {
  color: #333
}

.inner-content p a,
.inner-content a {
  color: #004db6;
  text-decoration: underline;
}

.img13 {
  border-radius: 50%;
  width: 250px;
  height: 250px;
  margin: 15px 20px;
  border: 5px solid #ccc
}

.case h3 {
  color: #24aeff;
  font-size: 16px;
  line-height: 32px;
  margin: 0 0 8px
}

.case {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #D6D6D6;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #fff 0, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fff 0, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0)
}

.case-study-btn i {
  vertical-align: text-bottom;
  color: #f60;
  margin-right: 2px
}

.case-study-btn a {
  color: #fff
}

.case-study-btn {
  background-color: rgba(0, 0, 0, .22);
  padding: 0 10px;
  text-align: right
}

.case ul {
  margin: 0;
  padding: 0;
  counter-reset: foo;
  display: table
}

.case ul li {
  border-bottom: 1px solid #E6E6E6;
  display: table-row;
  line-height: 25px;
}

.case ul li::before {
  content: '\f363';
  display: table-cell;
  font-family: Ionicons;
  padding: 10px 10px 10px 0;
  color: #f60
}

.cs-icon {
  float: left;
  background: #FF7524;
  padding: 10px;
  line-height: 0;
  color: #fff;
  margin-right: 10px;
  top: 18px
}

.case ul li:last-child {
  border-bottom: 0 solid
}

.case ul li a {
  color: #333;
  font-size: 14px;
  font-weight: 600
}

.case ul li a.active {
  color: #2975af;
  font-size: 14px;
  font-weight: 600
}

.section-title3 h3,
.section-title3 h1 {
  color: #24AEFF;
  font-size: 24px
}

.section-title3 h3::after,
.section-title3 h1::after {
  content: '';
  display: block;
  width: 30px;
  height: 4px;
  background: #FF7524;
  margin-top: 10px;
  margin-bottom: 20px
}

.section-title32 h3 {
  color: #000;
  font-size: 18px;
}

.section-title32 h2,
.section-title3 h1 {
  color: #0C5E83;
  font-size: 24px
}

.section-title32 h2::after,
.section-title3 h1::after {
  content: '';
  display: block;
  width: 30px;
  height: 4px;
  background: #FF7524;
  margin-top: 10px;
  margin-bottom: 20px
}

.breadcrumb>.active {
  color: #00B8FF !important;
  font-weight: 600
}

.nomargin {
  margin: 0 !important
}

.services-sidebar .nav {
  line-height: 1.5
}

.services-sidebar .nav-main li {
  background: #f5f5f5;
  margin-bottom: 10px
}

.services-sidebar .nav-main li a {
  color: #333;
  font-size: 14px;
  line-height: 1
}

.services-sidebar .nav-main .active {
  background: #464646;
  color: #fff
}

.services-sidebar .nav-main .active a {
  color: #fff;
  border-left: 5px solid #f60;
  font-weight: 600
}

.services-sidebar .nav-main .active a:hover {
  color: #fff;
  background: 0 0
}

.services-sidebar .nav-main li a:hover {
  color: #222;
  background: 0 0
}

.nav-main li a {
  font-weight: 600;
  border-left: 5px solid #f60;
  padding: 10px 15px !important
}

.nav-child li a {
  padding: 5px 15px !important;
  border: none !important
}

.services-sidebar .nav-main .nav-child .active a {
  color: #24AEFF
}

.services-sidebar .nav-main .nav-child li {
  background: 0 0
}

.services-sidebar .nav-child li {
  margin-bottom: 5px
}

.services-sidebar .nav-child li a::before {
  content: '\f411';
  color: #f60;
  margin-right: 10px;
  font-family: Ionicons;
  font-size: 24px;
  font-weight: 100;
  vertical-align: middle
}

.nav-child {
  background: #fff
}

.outer-wrapper {
  width: 450px;
  height: 450px;
  margin: 80px auto
}

.big_circle {
  height: 100%;
  width: 100%;
  border-radius: 50%
}

.inner_circle,
.small_circle {
  border-radius: 50%;
  background: #fff
}

.small_circle {
  width: 5em;
  height: 5em;
  border: 5px solid #7DD5FF;
  position: absolute;
  cursor: pointer
}

.circle1 {
  top: -2.5em;
  left: 42%
}

.circle2 {
  top: calc((100% - 5em)/2);
  right: -2.5em
}

.circle3 {
  bottom: -2.5em;
  right: 36%
}

.circle4 {
  bottom: 0em;
  left: calc((100% - 5em)/6)
}

.circle5 {
  top: calc((100% - 5em)/3);
  left: -2.5em
}

.inner_circle {
  width: 70%;
  height: 70%;
  border: 5px solid #CECECE;
  position: relative;
  left: 15%;
  top: 15%
}

.service_content,
.static_content {
  height: 100%;
  width: 100%;
  border-radius: 50%
}

.static_content {
  position: absolute;
  z-index: 3;
  background: #0094e3;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center
}

.service_content {
  position: absolute;
  color: #fff;
  background: #0094e3;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  opacity: 0
}

.info_active {
  opacity: 1;
  z-index: 25
}

.service_content h2 {
  margin-top: 40%
}

.service_content ul {
  list-style: none;
  padding-left: 0
}

.service_content p {
  margin: 0;
  color: #FCFF55;
  text-align: center
}

.service_content ul li {
  line-height: 1.5;
  font-size: 14px
}

.static_content h2 {
  font-size: 24px;
  color: #fff;
  margin: 0
}

.service_active {
  background: #FFFB8C;
  border-color: #FFDD7D
}

.small_circle span {
  position: absolute;
  background: #f5f5f5;
  padding: 5px 10px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  left: -2em;
  top: 6em;
  right: -2em;
  box-shadow: 0 2px 2px 0 rgba(68, 68, 68, .35);
  color: #ED542B;
  z-index: 1;
  font-size: 14px;
  line-height: 1.2
}

.circle1 span {
  left: -2em;
  top: -4.2em;
  right: -2em
}

.small_circle img {
  max-width: 65%;
  margin: 10px auto;
  display: block
}

.is-services .col-sm-3 div,
.page-contact .ques {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

.service_content a {
  color: #fff !important
}

.sc-holder {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s
}

.sc-holder:hover {
  background: #FFF5B1
}

.border_circle {
  position: absolute;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  border: 1px dashed #333;
  -webkit-animation: spin 30s linear infinite;
  -moz-animation: spin 30s linear infinite;
  animation: spin 30s linear infinite
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg)
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@media(max-width:480px) {
  .contact-float button {
    font-size: 16px;
    width: 160px
  }

  .infra-banner.banner-dark .col-xs-12 {
    background: none
  }

  .emptesti {
    background: url(../images/empspeaks-banner.jpg) !important;
    background-size: cover !important;
    background-position-x: 28em !important
  }

  .career-banner {
    background: url(../images/career-banner.jpg) !important;
    background-size: cover !important;
    background-position: -480px 0px !important
  }

  .contact-banner {
    background: url(../images/contact_new.jpg) center !important;
    background-size: cover !important;
    background-position-x: 77em !important
  }

  .sidebar-navigation.affix {
    position: static !important
  }

  .small_circle span {
    background: transparent;
    position: absolute;
    top: auto;
    padding: 1px 10px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    left: 5em;
    box-shadow: none;
    color: #ED542B;
    z-index: 1;
    font-size: 16px;
    line-height: 1.2;
    margin-top: -36px;
    width: 70%
  }

  .small_circle {
    position: static;
    margin: 10px 0
  }

  .border_circle {
    display: none
  }

  .inner_circle {
    display: none
  }
}

@media(max-width:768px) {
  .quick-menu ul li a {
    padding: 5px 0;
    margin-bottom: 0
  }

  .quick-menu ul .active {
    background: none
  }

  .quick-menu ul li {
    border: none
  }

  .quick-menu ul .active:after {
    display: none
  }

  #activeMenu {
    display: inline-block
  }

  .main-nav {
    position: relative;
    z-index: 30
  }

  .main-nav .navbar .col-sm-10 {
    padding: 0 !important;
    background: 0 0
  }

  .fbox-wrap {
    padding: 15px;
    margin-bottom: 20px
  }

  .seo-title {
    display: none
  }

  .circle3,
  .circle4 {
    bottom: -10% !important
  }

  .navbar-toggle .icon-bar {
    background-color: #333
  }

  .outer-wrapper {
    width: 280px !important;
    height: 280px !important
  }

  .circle1 {
    top: -10% !important;
    left: 40% !important
  }

  .circle2,
  .circle5 {
    top: 30% !important
  }

  .circle2 {
    right: -6% !important
  }

  .circle3 {
    right: 15% !important
  }

  .circle4 {
    left: calc((100% - 4em)/2)
  }

  .circle5 {
    left: -10% !important
  }

  .service_content a {
    font-size: 10px !important
  }

  #content1 p,
  #content2 p {
    margin-top: 10% !important;
    width: 80%;
    margin: 0 auto;
    line-height: 1
  }

  .small_circle {
    width: 4em;
    height: 4em
  }
}

.is-services .col-sm-3 div p {
  text-align: center !important;
  line-height: 1;
  font-size: 14px;
  color: #FFF;
  margin-bottom: 0
}

.contact_infoblock h4 {
  color: #333;
  font-weight: 600;
  font-size: 16px;
  margin-top: 0
}

.contact_infoblock {
  font-size: 14px;
  line-height: 1.5
}

.contact_infoblock p {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 5px;
  margin-bottom: 5px
}

.contact-sidebar .panel-title {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px
}

.contact-sidebar .panel-group .panel {
  border-radius: 0;
  margin-bottom: 10px
}

.cinfo-icon {
  width: 8%;
  float: left;
  text-align: left;
  font-size: 18px;
  color: #FF7524;
  padding-top: 3px
}

.cinfo-box {
  width: 90%;
  float: left
}

.cinfo-box b {
  color: #4E4E4E
}

.page-contact {
  padding: 0 30px
}

.adj-cbtn {
  margin-bottom: 420px !important
}

.btn-lead2 {
  background: #ffc107;
  color: #333
}

#toggleContact span {
  font-size: 24px;
  position: absolute;
  left: 20px;
  top: 6px;
  transition: all .3s ease-in-out;
  color: #FFD12A
}

.is-services .col-sm-3 div {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 100%;
  background: #07ABEA;
  text-align: center;
  height: 50px;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 15px;
  border-radius: 5px
}

.list-style2 li::before {
  content: '\f044 ';
  margin-right: 10px;
  font-family: FontAwesome;
  color: #24AEFF
}

.menucol li::before {
  content: '\f30f ';
  font-family: Ionicons;
  color: #FF7524;
  display: table-cell;
  text-align: right;
  padding-right: .7em;
  padding-bottom: .8em;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out
}

.menucol-box .label {
  font-weight: 500;
  border-radius: 10px;
  padding: 0 8px
}

.menucol-box p {
  font-size: 14px
}

.menucol-box {
  padding: 10px 20px;
  border: 1px solid rgba(255, 255, 255, .21);
  min-height: 135px
}

.readmore a {
  color: #fff
}

.menucol h4 a {
  color: #24AEFF
}

.blog-links .list-style2 li {
  font-size: 14px;
  line-height: 1.5;
  padding-bottom: 10px;
  border-bottom: 1px dashed #A5A5A5;
  margin-bottom: 15px
}

.blog-links .list-style2 li a {
  color: #333
}

.show-menu#about {
  height: 300px !important
}

.show-menu#careers {
  height: 300px !important
}

.menucol ul li {
  margin: 0;
  padding: 0;
  --secondary2-bg-color: none;
}

.menucol ul {
  counter-reset: foo;
  display: table
}

.menucol li {
  display: table-row
}

.emp-login {
  display: inline-block;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 1.5em;
  margin: auto;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  -moz-transform: rotate(-90deg) translate(-50%, 50%);
  z-index: 26
}

.emp-login .btn {
  background: #24aeff;
  color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-weight: 600;
  border: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

#isbpo_nav .nav li a:hover,
.ckies {
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out
}

.seo-title {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 30px;
  font-size: 12px;
  color: #A5A5A5;
  font-weight: 100
}

#isbpo_nav .nav li a::selection,
#isbpo_nav .nav li a:hover {
  background: 0 0;
  color: #24AEFF
}

.menucol li:hover:before {
  transform: translateX(8px);
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  -ms-transform: translateX(8px)
}

#isbpo_nav .nav li a:hover {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.banner-inner .btn-lead,
.ckies {
  -webkit-transition: all .3s ease-in-out
}

.cinfo-box small {
  color: red
}

.bg {
  background: orange
}

#emplogin .modal-dialog {
  top: 100px
}

#emplogin form {
  width: 70%;
  margin: 20px auto
}

.nopadding {
  padding: 0 !important
}

.mission,
.vision {
  padding: 20px
}

.mission h3,
.vision h3 {
  color: #FFF;
  margin-bottom: 15px;
  font-weight: 600;
  border-bottom: 1px solid #C9C9C9;
  padding-bottom: 10px
}

.mission h3 span,
.vision h3 span {
  color: #FF7524
}

.vm {
  padding: 0 !important;
  background: url(../images/vm-section.jpg) fixed;
  background-size: cover
}

.nobottompadding {
  padding-bottom: 0
}

.notoppadding {
  padding-top: 0
}

.vm-text ul li {
  color: #FFF
}

.vm-wrapper {
  background: rgba(0, 0, 0, .7)
}

.about-banner {
  background: url(../images/about-banner.jpg) center;
  background-size: cover;
}

.articles-banner {
  background: url(../images/articles-banner.jpg) center;
  background-size: cover;
}

.inbound-banner {
  background: url(../images/inbound-banner.jpg) center;
  background-size: cover;
}

.bpo-banner {
  background: url(../images/bpo-banner.jpg) center;
  background-size: cover;
}

.kpo-banner {
  background: url(../images/kpo-banner.jpg) center;
  background-size: cover;
}

.annotation-banner {
  background: #43b2ff url(../images/annotation-services.jpg) no-repeat center
}

.data-inner {
  background: url(../images/data-inner.jpg) center;
  background-size: cover;
}

.outbound-banner {
  background: url(../images/outbound-banner.jpg) center;
  background-size: cover;
}

.web-banner {
  background: url(../images/web-banner.jpg) center
}

.contact-banner {
  background: url(../images/contact_new.jpg) center;
  background-size: cover !important
}

.career-banner {
  background: url(../images/career-banner.jpg) center
}

.infra-banner {
  background: url(../images/infrastructure.jpg) center;
  background-size: cover !important
}

.lifeibpo-banner {
  background: url(../images/life@ibpo.jpg) center;
  background-size: cover !important;
}

.newsletter-banner {
  background: url(../images/newsletter-bg.jpg) center;
  background-size: cover !important;
  background-position: 0 -10px
}

/*.casestudies-banner{background:url(../images/casestudies-banner.jpg) center;background-size:cover!important}*/
.emptesti {
  background: url(../images/empspeaks-banner.jpg) center;
  background-size: cover
}

.navbar-toggle {
  border: 1px solid #333 !important;
  margin-top: 25px !important;
}

#isbpo_nav .nav li:last-child a:hover {
  background: #24aeff;
  color: #fff;
  border-color: #24aeff;
  border-bottom: none
}

.yos {
  max-width: 50%;
  margin: 0 auto
}

.years-of-service {
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 25%;
  margin-left: 74%;
  float: right;
  right: 50px;
  left: 0
}

.li-head {
  font-weight: 600;
  text-align: left;
  background: #444 !important;
  color: #fff !important;
  padding: 5px 0 5px 15px;
  border-bottom: 4px solid #FFF5B1
}

.li-head i {
  color: #FF7524;
  margin-right: 8px
}

.banner-dark h3,
.section_benefits h3,
.section_benefits ul li {
  color: #fff !important
}

@media (max-width:480px) {
  .quick-links.topmargin-lg {
    margin-top: 25px
  }

  .quick-links li {
    width: 100%;
    text-align: left
  }

  .banner-inner .list-style4 li {
    line-height: 1.5
  }

  .banner-inner .list-style4 {
    text-align: left;
    padding-left: 20px
  }

  .breadcrumb>li,
  .ckies p {
    font-size: 14px
  }

  .banner-inner,
  .ckies p,
  .clients ul li,
  .clients ul li:last-child,
  .common-links,
  .copyright,
  .reach-us p {
    text-align: center
  }

  .ckies.in {
    left: 5% !important
  }

  .ckies {
    width: 90% !important;
    left: -100% !important;
    bottom: 4em !important
  }

  #companyProfile .modal-title {
    line-height: 1
  }

  #companyProfile .modal-content form .form-group {
    margin-bottom: 5px
  }

  .show-menu#careers {
    height: 100vh !important
  }

  .menucol-box {
    margin-bottom: 20px;
    min-height: auto
  }

  #services,
  .menucol-box p {
    display: none
  }

  .articles-banner .banner-dark .col-xs-12 {
    background: 0 0 !important
  }

  .clients ul li {
    margin: 20px 0;
    width: 50% !important;
    float: left
  }

  .box_half,
  .section-title h2 span {
    width: 100% !important
  }

  .clients ul li:last-child {
    display: block;
    width: 100% !important;
    float: left;
    margin: 0 auto
  }

  .ib-title {
    color: #FFF !important;
    text-shadow: 1px 2px 3px #000
  }

  .is-services {
    padding: 0 !important
  }

  .main-nav .row {
    margin: 0 !important
  }

  .navbar-header {
    padding: 0
  }

  .show-menu#about {
    height: 100vh !important
  }

  #transparent_header .menu {
    top: 0 !important
  }

  .ckies #set {
    display: block;
    margin: 10px auto 0
  }

  .ckies p {
    margin: 0;
    line-height: 1.3 !important
  }

  .expand-contact {
    height: 100vh !important
  }

  .expand-cbtn {
    border-radius: 0 !important;
    margin: 0 !important
  }

  .contact-float {
    z-index: 99999
  }

  .contact-float.expanded {
    top: 0;
    max-height: 50px
  }

  .yos {
    max-width: 80px
  }

  .feature-content .section-title h2 {
    margin-bottom: 0 !important
  }

  .footer-bottom {
    color: #C7C7C7;
    font-weight: 100
  }

  .fix-header .navbar-toggle {
    margin-top: 10px !important;
    margin-right: 0
  }

  .navbar-toggle {
    margin-top: 18px;
    margin-right: 0
  }

  #isbpo_slider .banner-inner p {
    font-size: 3em;
    font-weight: 600
  }

  .introh2,
  .reach-us a {
    font-size: 14px
  }

  .reach-us a {
    margin-left: 0;
    margin-top: 15px
  }

  #isbpo_nav .btn {
    margin-left: 0;
    padding: 6px 12px !important;
    margin-top: 0
  }

  .fix-header #isbpo_nav .btn {
    margin-top: 0 !important
  }

  .banner-wrapper {
    background-position: 0 0;
    background-size: cover;
    padding: 30px
  }

  .copyright {
    margin-top: 20px
  }

  .common-links {
    float: none !important
  }

  .main-heading h2 {
    color: #333;
    font-size: 30px
  }

  .reach-us p {
    line-height: 1.5;
    font-size: 18px
  }

  #isbpo_slider .banner-inner h2 {
    margin-top: 8% !important;
    font-size: 5em;
    text-align: center;
    color: #000 !important;
    margin-bottom: 10px
  }

  .box_full,
  .box_half {
    margin-bottom: 20px
  }

  .banner-inner {
    height: 100%;
    background: rgba(240, 248, 255, .7)
  }

  .banner-wrapper .col-xs-12 {
    background: rgba(240, 248, 255, .1);
    height: 100%
  }

  .banner-wrapper .container,
  .banner-wrapper .row {
    height: 100%
  }

  .banner-dark p {
    color: #000 !important
  }

  .banner-dark .col-xs-12 {
    background: rgba(240, 248, 255, .8)
  }

  #isbpo_banner {
    height: auto !important
  }

  .menu-inner h2 span {
    font-size: 14px !important;
    display: block;
    float: left !important;
    margin-top: 20px
  }

  .btn-vmt,
  .contact-desc,
  .testimonials

  /*,.top-bar .c-info,.years-of-service*/
    {
    display: none
  }

  .is-services .col-sm-3 div {
    margin-bottom: 10px
  }

  .box-items,
  .services-block {
    padding: 0 !important
  }

  .top-bar .c-info li {
    margin-right: 0;
    width: 50%;
    float: left;
    padding: 0
  }

  .top-bar .c-info li:last-child {
    /*width:100%!important*/
  }

  .seo-title {
    visibility: hidden
  }

  #emplogin form {
    width: 100%;
    margin: 20px auto
  }

  .intro-left {
    padding-bottom: 0 !important
  }

  .intro-right {
    padding: 20px 0 !important
  }

  .tab-content {
    padding-top: 20px
  }

  .ir-col {
    background: #f5f5f5
  }

  .menucol ul li {
    line-height: 2
  }

  #about.show-menu .menucol {
    margin-top: 20px
  }

  #updates {
    margin: 0
  }

  .home-tabs li {
    width: 33.33%;
    float: left !important
  }

  .contact-form .form {
    padding: 0
  }

  #isbpo_nav .nav li {
    margin-right: 0;
    z-index: 60;
    background: #FFFBE4
  }

  #isbpo_nav .nav li:not(:last-child) {
    border-bottom: 1px solid #E2E2E2
  }

  #isbpo_nav .nav li:last-child {
    padding: 15px 45px 0
  }

  .footer-bottom ul li {
    line-height: 1
  }

  .intro-inner p {
    line-height: 2
  }

  .services-block p {
    line-height: 1.5
  }

  .main-nav .navbar .container {
    padding: 0 !important
  }

  #isbpo_nav .nav li a {
    padding: 10px 30px !important
  }

  #isbpo_nav {
    padding-bottom: 10px;
    box-shadow: 0 6px 6px rgba(51, 51, 51, .19);
    background: #FFFBE4
  }

  .emp-login {
    top: 3px;
    -webkit-transform-origin-x: 0;
    -moz-transform: inherit;
    -webkit-transform: inherit;
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
    height: 0;
    position: absolute;
    left: 5px;
    font-weight: 100;
    z-index: 0;
    margin: 0
  }

  .emp-login .btn {
    background: #2c3038;
    font-weight: 600;
    margin-right: 20px
  }

  .navbar-brand {
    /*width:40%*/
  }

  .main-nav {
    height: 90px;
    position: relative;
    z-index: 25
  }

  #why-ispbpo {
    padding: 0
  }

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

  .menu {
    z-index: 90 !important
  }

  .close-menu {
    right: 40px !important
  }

  #isbpo_banner .banner-inner h2 {
    margin-top: 10%;
    font-size: 24px;
    text-align: left
  }

  #isbpo_banner .banner-inner {
    padding: 10px;
    border-radius: 5px;
    border: 5px solid rgba(255, 165, 0, .28)
  }

  .banner-inner p {
    font-size: 14px
  }
}

.ckies p,
.testi {
  line-height: 1.5
}

#companyProfile .modal-header {
  padding: 8px;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: rgba(0, 88, 140, 1);
  background: -moz-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 88, 140, 1)), color-stop(100%, rgba(36, 174, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00588c', endColorstr='#24aeff', GradientType=0)
}

#isbpo_banner .banner-wrapper {
  height: 100%;
  background-size: cover
}

.page-contact .form-control {
  height: 42px;
  border-radius: 0;
  font-size: 16px;
  margin-bottom: 20px
}

.page-contact .ques {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #333;
  background: #FDFDFD;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  text-align: center;
  height: 42px;
  border: 1px solid #24AEFF;
  font-size: 24px
}

.contact-form .ques {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  text-align: center;
  height: 34px;
  border: 1px solid #FFF;
  font-size: 18px;
  border-radius: 5px
}

.ckies {
  background: rgba(228, 228, 228, .9);
  color: #000;
  z-index: 999;
  position: fixed;
  bottom: 2em;
  left: -25%;
  width: 25%;
  transition: all .3s ease-in-out;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px
}

#dismiss,
.testi {
  position: absolute
}

.cookie-header {
  padding: 10px;
  background: #2C3038;
  width: 100%;
  color: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.cookie-header h5 {
  margin: 0;
  font-size: 16px
}

.cookie-body {
  padding: 10px 20px
}

#dismiss {
  background: 0 0;
  font-size: 1em;
  text-align: center;
  color: #FFF;
  top: 8px;
  right: 15px
}

#dismiss:hover {
  cursor: pointer
}

.ckies p {
  font-size: 14px
}

.ckies.in {
  left: 2em
}

.line {
  height: 3px;
  width: 78% !important;
  background: #24AEFF;
  vertical-align: middle
}

.section-title h2 span {
  width: 20%;
  display: inline-block
}

.testi {
  opacity: 0;
  transition: .3s;
  font-weight: 100;
  max-width: 100%
}

.cur-testi {
  opacity: 1;
  transition: .3s
}

.banner-inner .btn-lead,
.banner-inner .btn-orange {
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out
}

.testimonials ul {
  padding: 0 !important
}

.testimonials h4 {
  color: #FF7524;
  font-size: 18px;
  margin-top: 0;
  border-bottom: 1px solid #353535;
  padding-bottom: 5px
}

.testimonials {
  padding: 20px;
  border-radius: 5px;
  height: 170px;
  position: relative
}

.menucol-80 {
  width: 80%;
  float: left;
  padding-left: 15px;
  padding-right: 15px
}

.is-services {
  padding: 15px 0;
  background: #faebd7
}

.menu-inner h2 span {
  float: right;
  font-size: 18px
}

.menu-inner h2 .download-now a {
  color: #24AEFF !important
}

.menu-inner h2 span a:hover {
  color: #FF7524;
  text-decoration: none;
  cursor: pointer
}

.experience {
  position: absolute;
  right: 0;
  background: #24AEFF;
  color: #fff;
  padding: 0 30px;
  font-weight: 100;
  ;
  font-size: 14px
}

.ib-title {
  margin: 0;
  color: #000;
  font-size: 24px;
  ;
  font-weight: 600;
  line-height: 44px
}

.bc-outer .col-sm-6 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  height: 195px;
  text-align: center
}

.btn-vmt {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #24AEFF
}

.sec-desc {
  font-size: 14px;
  color: grey !important;
  margin-bottom: 20px
}

.close-menu {
  position: absolute;
  color: #fff;
  right: 60px
}

.close-menu a {
  color: #fff;
  font-size: 18px
}

.close-menu a:hover {
  color: #fff;
  cursor: pointer
}

.feature-content .section-title h2 {
  margin-bottom: 30px
}

.section-title h2,
.section-title2 h2 {
  font-size: 24px
}

#section .section-title2 h2 {
  margin-top: 40px;
  margin-bottom: 25px
}

#section {
  padding-top: 0 !important
}

.btn-outline {
  border: 1px solid #333;
  color: #333
}

.banner-inner .btn-lead {
  transition: all .3s ease-in-out
}

.banner-inner .btn-lead:hover {
  background-color: #2C3038;
  border-color: #2C3038;
  color: #fff
}

.banner-inner .btn-orange {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.emp-login .btn:hover,
.home-tabs li a {
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out
}

.banner-inner .btn-orange:hover {
  background-color: #2C3038;
  border-color: #2C3038;
  color: #fff
}

.emp-login .btn:hover,
.home-tabs li a:hover {
  background-color: #2C3038 !important;
  color: #fff
}

.home-tabs li a {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.emp-login .btn:hover {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media (min-width:768px) {
  #services .menucol-25:last-child {
    padding-left: 40px
  }

  .quick-menu ul li {
    position: relative;
    border-right: 1px solid rgba(44, 48, 56, .2)
  }

  .quick-menu ul li.last1 {
    border-right: 0px;
  }

  .quick-menu ul .active {
    background: rgba(0, 0, 0, .15)
  }

  #activeMenu {
    display: none
  }

  #companyProfile .modal-header .close {
    font-size: 2em;
    margin: 5px
  }

  #companyProfile .modal-dialog {
    width: 500px !important
  }

  #emplogin .modal-dialog {
    width: 30%
  }

  #companyProfile form {
    width: 85%;
    margin: 5px auto
  }

  #emplogin form {
    width: 70% !important
  }
}

.copyright li {
  padding: 0 !important;
  color: #c7c7c7
}

@media (min-width:991px) and (max-width:1200px) {

  .home-tabs li a,
  .widget-content p,
  .widget-content ul li:last-child {
    white-space: nowrap
  }

  #isbpo_nav .nav li {
    margin-right: .5em !important
  }

  .fix-header #isbpo_nav ul {
    float: none !important
  }

  .fix-header #isbpo_nav .btn {
    margin-left: 0
  }

  .fix-header #isbpo_nav .nav li a {
    padding: 20px 5px
  }

  .about-info {
    text-align: left !important
  }

  #footer .social li {
    margin: 2px 0 !important
  }

  .f-title h4 {
    font-size: 12px
  }

  .fbox-wrap,
  .feature-box {
    height: 25vh
  }

  .services-block p {
    font-size: 13px;
    margin-top: 0
  }

  .intro-right ul {
    line-height: 3.5
  }

  .menucol ul li a,
  .services-block h3 {
    font-size: 14px
  }

  .introh2 {
    font-size: 18px
  }
}

#why-isbpo ul {
  display: table;
  padding-left: 20px
}

#why-isbpo ul li {
  display: table-row
}

.jssorb05 {
  position: absolute;
  bottom: 16px;
  right: 16px
}

.jssorb05 .av,
.jssorb05 div,
.jssorb05 div:hover {
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(../images/b05.png) no-repeat;
  overflow: hidden;
  cursor: pointer;
  margin-top: 470px
}

.jssora22l,
.jssora22r {
  top: 0;
  width: 40px;
  height: 58px
}

.jssorb05 div {
  background-position: -7px -7px
}

.jssorb05 .av:hover,
.jssorb05 div:hover {
  background-position: -37px -7px
}

.jssorb05 .av {
  background-position: -67px -7px
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
  background-position: -97px -7px
}

.jssora22l,
.jssora22r {
  display: block;
  position: absolute;
  cursor: pointer;
  overflow: hidden;
  z-index: 50 !important;
  margin-top: 9em !important;
  font-size: 2em;
  color: #fff;
  opacity: .5
}

.jssora22l {
  background-position: -10px -31px;
  left: 50px
}

.jssora22r {
  background-position: -70px -31px;
  right: 50px
}

#isbpo_slider,
#isbpo_slider .banner-inner {
  position: relative;
  top: 0;
  left: 0;
  width: 1300px;
  height: 480px;
  overflow: hidden
}

.jssora22l:hover {
  background-position: -130px -31px
}

.jssora22r:hover {
  background-position: -190px -31px
}

.jssora22l.jssora22ldn {
  background-position: -250px -31px
}

.jssora22r.jssora22rdn {
  background-position: -310px -31px
}

.jssora22l.jssora22lds {
  background-position: -10px -31px;
  opacity: .3;
  pointer-events: none
}

.jssora22r.jssora22rds {
  background-position: -70px -31px;
  opacity: .3;
  pointer-events: none
}

#isbpo_slider {
  margin: 0 auto;
  visibility: hidden
}

#isbpo_slider .banner-inner {
  cursor: default
}

.loader-cover,
.loader-img {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute
}

.slider_loader {
  position: absolute;
  top: 0;
  left: 0
}

.loader-cover {
  filter: alpha(opacity=70);
  opacity: .7
}

.loader-img {
  background: url(../images/loading.gif) center center no-repeat
}

.banner-dark h2,
.banner-dark p {
  color: #fff
}

.text-orange {
  color: #f60 !important
}

.content-img {
  padding: 0 0 15px
}

@media (min-width:768px) and (max-width:991px) {
  .years-of-service {
    top: 150px
  }

  .ckies {
    width: 30% !important;
    left: -30%
  }

  .clients ul li,
  .clients ul li:last-child {
    text-align: center;
    width: 33.33% !important
  }

  .clients ul {
    padding: 0
  }

  .clients ul li:last-child {
    padding: 20px;
    float: none;
    margin: 0 auto;
    display: block
  }

  #isbpo_nav .nav,
  .c-info {
    float: none !important
  }

  .c-info {
    display: table-row
  }

  .c-info li {
    display: table-cell !important;
    width: 1%;
    white-space: nowrap
  }

  #isbpo_nav ul li:last-child {
    display: none !important
  }

  #isbpo_nav .nav li {
    margin-right: 5px !important
  }

  .fix-header #isbpo_nav .nav li a {
    padding: 20px 7px !important
  }

  .fbox-wrap {
    margin-bottom: 20px
  }

  .about-info img {
    max-width: 100% !important
  }

  #footer a,
  .widget-content ul li {
    font-size: 16px
  }

  .section-title h2 span {
    width: 30%
  }

  .line {
    width: 68% !important
  }

  .navbar-brand {
    margin-top: 20px
  }
}

@media (min-width:480px) and (max-width:768px) {
  .ckies {
    width: 50% !important;
    left: -50%
  }

  .home-tabs li {
    display: table-cell;
    width: 1%
  }

  .navbar-toggle {
    border: 1px solid #333;
    margin-top: 25px
  }

  .fix-header .navbar-toggle {
    margin: 10px !important
  }
}

.content-ig {
  max-width: 80%;
  margin: 0 auto
}

.confirm-box {
  padding: 50px;
  border: 5px solid #E6E6E6;
  border-radius: 10px;
  width: 700px;
  margin: 0 auto;
  background: rgba(237, 237, 237, 1);
  background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(237, 237, 237, 1)), color-stop(53%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0)
}

.confirm-box table {
  margin-bottom: 0 !important
}

.thanks-page h2 {
  ;
  font-size: 24px
}

.section_benefits {
  background: rgba(0, 88, 140, 1);
  background: -moz-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 88, 140, 1)), color-stop(100%, rgba(36, 174, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00588c', endColorstr='#24aeff', GradientType=0);
  margin: 20px 0
}

.section_benefits .sb-col {
  padding-top: 30px;
  padding-bottom: 30px
}

.abs {
  background-color: #fff;
  padding: 20px;
  text-align: center !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  border-radius: 5px
}

.abs p {
  text-align: center
}

.mb50 {
  margin-bottom: 50px
}

.ivideo-title {
  padding: 15px 30px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, 1)), color-stop(100%, rgba(76, 76, 76, 1)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#4c4c4c', GradientType=0)
}

.ivideo-title .fa {
  margin-right: 15px;
  color: #FFF
}

.ivideo-title h2 {
  margin: 0;
  color: #fff;
  font-size: 18px
}

.ivideo-icon {
  position: absolute;
  right: 8%;
  background: orange;
  color: #fff;
  font-size: 24px;
  padding: 0 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

.ivideo-holder iframe {
  height: 100%;
  width: 100%;
  float: left
}

.clients ul li,
.is-tabs li {
  width: 1%;
  text-align: center
}

.ivideo-title p {
  margin: 5px 0 0;
  color: #fff;
  font-size: 14px;
  line-height: 1
}

.ivideo-wrapper {
  padding: 40px 0;
  background: rgba(0, 88, 140, 1);
  background: -moz-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 88, 140, 1)), color-stop(100%, rgba(36, 174, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00588c', endColorstr='#24aeff', GradientType=0);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  line-height: 2
}

.ivideo-wrapper h3 {
  color: #fff
}

.is-tabs li {
  display: table-cell;
  padding-bottom: 15px
}

.is-tabs .active {
  border-bottom: 2px solid #f60
}

.infra_box {
  display: table-row
}

.infra_box img {
  display: inline-block
}

.infra_box .col-sm-3,
.infra_box .col-sm-9 {
  margin: 10px 0
}

.clients ul li {
  display: table-cell
}

.clients {
  padding: 20px 0 40px;
  background: url(../images/pattern.jpg)
}

.section-title4h2 {
  margin-bottom: 0 !important;
  background-color: #FF4700;
  color: transparent;
  text-shadow: 0 2px 3px rgba(255, 255, 255, .5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  font-weight: 600;
  font-size: 30px;
}

.section-title4 small::after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  background: #24AEFF;
  margin: 10px auto
}

.clients ul li img {
  max-width: 100%
}

.clients ul {
  padding: 0
}

.employee-loginform {
  margin: 40px auto;
  width: 35%;
  padding: 40px;
  background: #FFF0D0;
  border-radius: 5px;
  border: 5px solid #FFD9A7
}

.case-studies-box {
  border: 1px solid #DADADA;
  border-radius: 5px;
  margin-bottom: 30px
}

.cs-column {
  width: 33.33%;
  float: left;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px
}

.case-studies-box img {
  max-width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 5px solid #FBCDCD
}

.cs-title a {
  color: #333 !important
}

.cs-title {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.2;
  text-align: left !important
}

.cs-desc {
  padding: 10px;
  line-height: 1.5;
  font-size: 14px;
  color: #333;
  min-height: 120px
}

.case-studies-wrapper {
  height: 300px;
  background-color: grey;
  margin-bottom: 30px
}

.cs-inbound {
  background: url(../images/cs-inbound-boxbg.jpg);
  background-size: cover
}

.cs-outbound {
  background: url(../images/cs-outbound-boxbg.jpg);
  background-size: cover
}

.cs-bpo {
  background: url(../images/cs-bpo-boxbg.jpg);
  background-size: cover
}

.cs-kpo {
  background: url(../images/cs-kpo-boxbg.jpg);
  background-size: cover
}

.case-studies-wrapper .col-sm-6,
.case-studies-wrapper .container {
  height: 100%
}

.cs-banner {
  height: 300px;
  display: table-cell;
  vertical-align: middle;
  padding: 30px
}

.text-white a,
.text-white h2,
.text-white p {
  color: #fff
}

.text-black a,
.text-black h2,
.text-black p {
  color: #000
}

.cs-banner h2 {
  margin-top: 0;
  font-weight: 600
}

.cs-banner a {
  font-size: 12px;
  background: #FF5E00;
  color: #fff;
  padding: 0 10px
}

.box-content:hover {
  background: rgba(255, 82, 0, .8);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.txt-list {
  color: #4d4d4d
}

#companyProfile .modal-title i {
  color: #FFE000;
  font-size: 30px;
  vertical-align: middle
}

#companyProfile .modal-content {
  background: rgba(255, 255, 255, .9)
}

#companyProfile .modal-content form label {
  color: #01466F;
  font-size: 12px;
  font-weight: 600;
}

#companyProfile .modal-content form .btn {
  width: 100%;
  margin: 10px 0;
  border-radius: 0
}

#companyProfile .modal-content form .form-group {
  margin-bottom: 10px
}

.services_tree {
  height: 270px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row
}

.services_tree .services_col4 {
  width: 25%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-around;
  height: 100%
}

.pill {
  padding: 10px 15px;
  max-width: 170px;
  border-radius: 5px;
  width: 90%;
  margin: 10px auto;
  text-align: center;
  line-height: 1;
  background: rgba(73, 155, 234, 1);
  background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(100%, rgba(32, 124, 229, 1)));
  background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);
  background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);
  background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);
  background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  height: 55px
}

.pill a {
  color: #fff;
  font-weight: 500;
  font-size: 14px
}

.heading-circle {
  text-align: center;
  height: 150px;
  width: 150px;
  background: rgba(255, 133, 89, 1);
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 133, 89, 1) 0%, rgba(255, 89, 25, 1) 100%);
  background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(255, 133, 89, 1)), color-stop(100%, rgba(255, 89, 25, 1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 133, 89, 1) 0%, rgba(255, 89, 25, 1) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 133, 89, 1) 0%, rgba(255, 89, 25, 1) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 133, 89, 1) 0%, rgba(255, 89, 25, 1) 100%);
  background: radial-gradient(ellipse at center, rgba(255, 133, 89, 1) 0%, rgba(255, 89, 25, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8559', endColorstr='#ff5919', GradientType=1);
  border-radius: 50%;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  border: 5px solid #E0E0E0
}

.heading-circle h4 {
  margin: 0;
  color: #fff
}

.services_tree.ib .services_col4:nth-child(3) {
  padding: 20px 0
}

.services_tree.ib .services_col4:nth-child(4) {
  padding: 65px 0
}

.services_tree.ob .services_col4:nth-child(4) {
  padding: 20px 0
}

.services_tree.ob .services_col4:nth-child(3) {
  padding: 50px 0
}

.sd {
  color: #24AEFF;
  margin-left: 8px;
  font-family: 'ionicons';
  vertical-align: middle
}

@media (max-width:480px) {
  #main-contact {
    overflow-y: auto !important
  }

  .expand-contact .contact-form {
    min-height: 600px
  }

  .services_tree,
  .services_col4 {
    display: block;
    padding: 0 !important;
    height: auto;
    width: 100% !important
  }

  .pill {
    margin-bottom: 10px;
    height: 45px
  }
}

.banner3 h2 {
  margin-top: 15%
}

.banner-inner .list-style4 li a {
  font-weight: 500
}

.link-box {
  background-color: #FF7524;
  position: relative;
  color: #FFF;
  padding: 15px 25px
}

.lb-icon {
  position: absolute;
  background: rgba(0, 0, 0, .58);
  color: #fff;
  right: 0;
  top: 15px;
  font-size: 20px;
  text-align: center;
  padding: 7px 15px;
  line-height: 1;
  width: 45px
}

.link-box p {
  color: #fff;
  line-height: 1.4;
  font-size: 14px;
  text-align: left;
  margin: 0
}

.link-box h4 {
  margin-bottom: 5px
}

.link-box.na {
  background: #4B5254
}

.link-box a {
  color: #fff !important;
  font-size: 14px;
  margin-left: 5px
}

.link-box a i {
  margin-left: 2px
}

.banner-wrapper .list-style4 {
  padding-left: 0px !important
}

@media (min-width:480px) and (max-width:767px) {
  #isbpo_nav .nav li a {
    padding: 10px 30px !important
  }

  #isbpo_nav .nav li {
    padding: 10px 30px !important;
    border-bottom: 1px solid #E2E2E2
  }

  #isbpo_nav {
    padding-bottom: 10px;
    box-shadow: 0 6px 6px rgba(51, 51, 51, .19);
    background: #FFFBE4
  }
}

.warning {
  display: none;
  color: #ffe400 !important;
  margin-bottom: 0px !important;
  margin-top: 10px !important;
  font-size: 14px;
  font-weight: 500
}

#fixed_form .has-error .form-control,
#pageContact .has-error .form-control {
  border: 3px solid #a94442
}

.profile_captcha {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 34px;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-weight: 800;
  font-size: 18px;
  border: 1px dashed #B9B9B9;
  background: aliceblue
}

#enqAlert .modal-title span {
  color: #24AEFF
}

#enqAlert .modal-title {
  text-transform: uppercase;
  color: #333;
  font-weight: 500
}

#enqAlert .modal-body p {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #4d4d4d
}

.enqalertbox {
  padding: 30px 10px;
  border: 1px solid #f5f5f5
}

.enqalertbox .fa {
  color: green;
  font-size: 48px
}

.enqalertbox h4 {
  font-size: 24px;
  color: #333;
  color: #24AEFF
}

.noscroll {
  overflow-y: hidden !important
}

.enqalertbox p {
  text-align: center !important
}

.quick-links a {
  color: #333;
  font-weight: 600;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  border-bottom: 2px solid transparent;
  text-transform: uppercase
}

.quick-links a:hover {
  color: #0262A5;
  text-decoration: none;
  border-bottom: 2px solid #F60
}

.quick-links {
  line-height: 2.5;
  position: relative
}

.quick-links ul {
  margin: 0
}

.quick-links ul li {
  padding: 0 20px
}

.quick-links ul li i {
  color: #FF5919
}

.topmargin-lg {
  margin-top: 50px
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.pace-inactive {
  display: none
}

.pace .pace-progress {
  background: #ff8000;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px
}

.loadfade {
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear
}

.loadfade.in {
  opacity: 1
}

.bpo_links .lb-icon {
  position: static
}

.bpo_links .col-sm-6:nth-child(1) .lb-icon {
  background: #9DA939
}

.bpo_links .col-sm-6:nth-child(2) .lb-icon {
  background: #DC9C28
}

.text-white {
  color: #fff
}

#fixed_form .hd {
  margin-bottom: 0;
  color: #FF7524
}

#fixed_form .small {
  margin-bottom: 10px;
  color: #fff
}

.link-case-studies {
  padding: 20px 0;
  background: bisque
}

.link-case-studies p {
  margin: 0;
  font-weight: 600;
  line-height: 2
}

.link-case-studies .btn {
  border-radius: 0
}

.link-case-studies .btn span {
  margin-left: 5px
}

.link-case-studies .btn span i {
  vertical-align: text-bottom
}

.togglers .togglediagram {
  color: #333
}

.togglers .togglediagram:hover {
  cursor: pointer
}

.togglers .toggler-content a {
  font-weight: 500;
  font-size: 14px;
  color: #333
}

.child-ul li {
  line-height: 5px
}

.child-ul li::before {
  color: #24AEFF !important;
  padding: 5px 10px !important
}

.child-ul li .active {
  color: #FF7524 !important
}

.quick-menu {
  width: 100%;
  bottom: 0;
  background: #499bea;
  background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
  background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
  background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);
  position: absolute
}

.quick-menu ul li a {
  color: #fff
}

.quick-menu ul li a:hover {
  background: none
}

.quick-menu ul .active a {
  color: #FFE000;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(51, 51, 51, .34)
}

.quick-menu ul .active:after {
  content: '\f0d8';
  font-family: 'FontAwesome';
  position: absolute;
  bottom: 3px;
  color: #fff;
  line-height: 0;
  font-size: 2em;
  left: 48%
}

.bpo_links .col-md-6 ul {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid;
  border-radius: 8px
}

.bpo_links .col-md-6:nth-child(1) ul {
  border-color: #909E1D;
  background: beige
}

.bpo_links .col-md-6:nth-child(2) ul {
  background: cornsilk;
  border-color: #C39643
}

.bpo_links .col-md-6 ul li {
  color: #333;
  padding-left: 0
}

.bpo_links .col-md-6 ul li:hover {
  cursor: pointer
}

.bpo_links .col-md-6 ul li h4::selection {
  background: none
}

.bpo_links .col-md-6 ul a {
  display: inline-block
}

.quick-menu button {
  border: none;
  margin: 0;
  color: #fff
}

#activeMenu {
  padding: 10px;
  color: #FFE000;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(51, 51, 51, .34);
  position: absolute
}

.cs-listing li a span {
  color: #333 !important;
  font-weight: 500;
  font-size: 16px
}

.cs-listing li {
  border-bottom: 1px solid rgba(51, 51, 51, .22)
}

.cs-listing li:last-child {
  border-color: transparent
}

#isbpo_nav .nav li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden
}

#isbpo_nav .nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #24AEFF;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

#isbpo_nav .nav li a:hover:before,
#isbpo_nav .nav li a:focus:before,
#isbpo_nav .nav li a:active:before {
  left: 0;
  right: 0
}

.toggler-content a {
  cursor: pointer
}

.bpo-actions .tab-content {
  min-height: 150px;
  padding: 0
}

#methodology.active {
  background: beige
}

#viewcasestudies.active {
  background: #F0F8FF
}

#viewcasestudies .cs-listing li a span {
  font-size: 14px;
  font-weight: 400
}

#archi.active {
  background: cornsilk
}

.bpo-actions .nav-tabs li:first-child.active a {
  background: beige
}

.bpo-actions .nav-tabs li a {
  text-align: left
}

.bpo-actions .nav-tabs li:nth-child(2).active a {
  background: cornsilk
}

.bpo-actions .nav-tabs li:nth-child(3).active a {
  background: #F0F8FF
}

.bpo-actions .tab-pane {
  padding: 20px
}

.bpo-actions .nav li span {
  display: inline-block
}

.bpo-actions .nav li {
  min-width: 215px
}

.bpo-actions .nav li span {
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 7px 15px;
  line-height: 1;
  width: 45px;
  margin: 0 10px;
  background: #bbb
}

.bpo-actions .nav li:first-child.active span {
  color: #fff;
  background: #9DA939
}

.bpo-actions .nav li:first-child {
  margin-right: 20px
}

.bpo-actions .nav li:nth-child(2).active span {
  color: #fff;
  background: #DC9C28
}

.bpo-actions .nav li:nth-child(3).active span {
  color: #fff;
  background: #3889D0
}

#archi a {
  cursor: pointer
}

#jssor_1 {
  position: relative;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 1040px;
  height: 100px;
  overflow: hidden;
  visibility: hidden
}

.clients-slideholder {
  cursor: default;
  position: relative;
  top: 0;
  left: 0;
  width: 1040px;
  height: 100px;
  overflow: hidden
}

.inner-title {
  color: #24AEFF
}

.serviceslist-mobile h3 {
  background: beige;
  letter-spacing: .5px;
  line-height: 1;
  background: beige;
  font-weight: 600;
  vertical-align: middle;
  padding: 14px 5px
}

.serviceslist-mobile a {
  font-size: 14px !important
}

.serviceslist-mobile {
  margin: 20px 0;
}

.inpage-services {
  overflow: hidden;
  background: #ddd;
  padding: 10px
}

.inpage-services li {
  height: 110px;
  padding: 0 15px 0 15px;
  margin: 10px 0
}

.inp-block {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: relative;
  padding: 20px;
  background: rgb(255, 252, 252);
  background: -moz-linear-gradient(-45deg, rgba(255, 252, 252, 1) 0%, rgba(244, 244, 244, 1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(255, 252, 252, 1) 0%, rgba(244, 244, 244, 1) 100%);
  background: linear-gradient(135deg, rgba(255, 252, 252, 1) 0%, rgba(244, 244, 244, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f4f4f4', GradientType=1)
}

.inp-block h5 {
  font-weight: 500;
  margin: 0;
  font-size: 18px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear
}

.inp-block .inp-link span i {
  font-size: 20px;
  line-height: 35px
}

.inp-block p:after {
  content: '';
  width: 15%;
  height: 4px;
  background: #24AEFF;
  position: relative;
  display: block;
  margin: 10px 0
}

.inp-in {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
  background: rgb(69, 72, 77);
  background: -moz-linear-gradient(-45deg, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(135deg, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=1)
}

.inp-block:hover .inp-link {
  background: #24AEFF
}

.inp-block:hover .inp-in {
  height: 100%
}

.inp-block:hover h5 {
  color: #fff
}

.inp-block:hover p {
  color: #bbb
}

.inp-block p {
  margin-bottom: 10px;
  line-height: 1;
  text-align: left;
  font-size: 14px;
  color: #888;
  margin-top: 3px;
  display: none
}

.inp-content {
  position: relative;
  z-index: 20
}

.inp-link {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 30px;
  background: #FF7524;
  color: #fff;
  text-align: center;
  z-index: 20
}

@media (min-width:480px) and (max-width:767px) {
  .inpage-services li {
    width: 50% !important
  }
}

.title-style1 {
  border-left: 5px solid #FF7524;
  padding-left: 15px;
  border-bottom: 1px solid #CECECE;
  line-height: 1.6;
  margin-bottom: 20px
}

.title-style1 a {
  color: #24AEFF
}

#sitemap .list-style1 li:before {
  display: table-cell;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-top: 6px
}

#sitemap .list-style1 li {
  display: table-row;
  line-height: 1.5
}

.fw600 {
  font-weight: 600
}

.menucol-box {
  position: relative
}

.fb-like-box {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}

@media (min-width:768px) {
  .sidebar-navigation.affix {
    margin-top: 0;
    top: 60px;
    z-index: 20;
    background: #fff;
    min-height: 450px
  }

  .link-case-studies,
  #footer {
    position: relative;
    z-index: 25
  }
}

.inner-title2 {
  font-weight: 500
}

@media (min-height:700px) and (max-height:1200px) {
  .hero-banner .wrapper {
    height: 60vh
  }

  .case_studies {
    /*min-height: 65vh*/
  }
}

@media (min-height:1200px) {
  .hero-banner .wrapper {
    height: 600px
  }
}

.banner-inner .list-style4 li a:hover {
  color: #4982E6;
  border-bottom: 2px solid #FF7524;
  line-height: 1;
  display: inline-block
}

.banner-inner .list-style4 li a:hover {
  color: #4982E6;
  border-bottom: 2px solid #FF7524;
  line-height: 1;
  display: inline-block
}

.banner2 *:not(blockquote):not(.bq-title) {
  height: 100%
}

.blockquote {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center
}

.blockquote blockquote {
  border-left: none;
  position: relative;
  padding: 20px 30px;
  border: 1px solid #24AEFF;
  font-size: 1em;
  color: #222;
  font-weight: 500;
  border-radius: 2px;
  background: rgba(255, 255, 255, .3)
}

.blockquote blockquote:before {
  content: '\f10d';
  display: block;
  font-size: 50px;
  font-family: 'FontAwesome';
  position: absolute;
  top: -12%;
  left: -7%;
  color: #24AEFF
}

.blockquote .bq-title {
  position: absolute;
  background: #FF7524;
  font-size: 14px;
  color: #fff;
  right: 10px;
  top: -21px;
  padding: 0 8px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

/*.hero-banner .wrapper{background:url(../images/career-hero.jpg);height:calc(100vh - 140px);width:100%;background-size:cover;background-repeat:no-repeat;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-direction:column;justify-content:center}*/
.hero-box {
  background: rgba(255, 255, 255, .85);
  padding: 40px 50px;
  border: 8px solid #fff5b1
}

.hero-box h2 {
  font-size: 40px;
  margin-top: 0
}

.hero-box .btn {
  border-radius: 0;
  margin-top: 20px
}

.inner-title3 {
  text-transform: uppercase
}

.contentlink {
  text-transform: uppercase;
  color: #ff7524;
  font-weight: 500
}

.contentlink i {
  margin-left: 5px
}

.highlight-section {
  background: url(../images/career-section.jpg);
  background-size: cover;
  background-position: left;
  padding-top: 50px
}

.content-highligh-box {
  padding: 35px 45px;
  background: beige;
  border-top: 5px solid #FF7524
}

.job-listing {
  margin-top: 40px
}

.job-listing table thead th {
  vertical-align: middle;
  font-weight: 500
}

.job-listing table thead {
  background: rgb(30, 87, 153);
  background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
  background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
  color: #fff
}

.job-listing table td a {
  color: #333;
  font-weight: 600
}

.job-listing table tr:hover td a {
  color: #236FB8
}

.job-listing table .thead th {
  vertical-align: middle;
  font-weight: 500
}

.job-listing table .thead {
  background: rgb(30, 87, 153);
  background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
  background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
  color: #fff
}

@media (max-width:1024px) {
  .hero-box h2 {
    font-size: 36px
  }

  .hero-box {
    padding: 25px 40px
  }

  .hero-box p {
    font-size: 14px
  }

  .content-highligh-box {
    padding: 15px 30px;
    margin-bottom: 30px
  }
}

@media(max-width:768px) {
  .highlight-section {
    padding-top: 0
  }
}

@media(max-width:480px) {
  .highlight-section {
    padding-top: 30px;
    background-position: -323px 200px;
    background-repeat: no-repeat
  }
}

.industries-box {
  height: 135px;
  margin: 15px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.industry-icon {
  height: 40px;
  width: 40px
}

.industry-title {
  color: #333;
  margin: 5px 0
}

.industry-title span {
  font-weight: 800;
  line-height: 1.7;
  color: #444;
  text-transform: uppercase;
  font-size: 14px
}

.industries .col-md-3 svg * {
  fill: #24AEFF
}

.industries-box:hover .industry-icon svg * {
  fill: #555
}

.industries-box:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.industries-box:hover .industry-title span {
  color: #f60
}

@media (min-width:1200px) {

  .industries .col-md-3,
  .client-list .col-md-3 {
    width: 20%
  }
}

@media (min-width:480px) and (max-width:768px) {

  .industries .col-md-3,
  .client-list .col-md-3 {
    width: 50%
  }
}

@media (max-width:480px) {
  .client-list .col-md-3 {
    width: 50%
  }

  .client-box img {
    max-width: 80px !important
  }

  .client-list .industries-box {
    height: 100px
  }
}

.client-box {
  margin: 10px 0;
  padding: 6px 0;
  border-radius: 5px;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out
}

.client-list {
  margin-bottom: 30px
}

.client-box img {
  max-width: 150px
}

.client-list p,
.industries p {
  font-weight: 500;
  font-size: 18px
}

#careers .menucol-box {
  border: none;
  border-top: 4px solid;
  border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
  border-left: 1px solid rgba(255, 255, 255, .1) !important;
  border-right: 1px solid rgba(255, 255, 255, .1) !important
}

#careers .menucol:nth-child(1) .menucol-box {
  border-color: #5bc0de;
  background: -moz-linear-gradient(top, rgba(91, 174, 222, .6) 0%, rgba(91, 174, 222, .4) 100%);
  background: -webkit-linear-gradient(top, rgba(91, 174, 222, .6) 0%, rgba(91, 174, 222, .4) 100%);
  background: linear-gradient(to bottom, rgba(91, 174, 222, .6) 0%, rgba(91, 174, 222, .4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#995baede', endColorstr='#665baede', GradientType=0)
}

#careers .menucol:nth-child(2) .menucol-box {
  border-color: #f0ad4e;
  background: -moz-linear-gradient(top, rgba(240, 173, 78, .6) 0%, rgba(240, 173, 78, .4) 100%);
  background: -webkit-linear-gradient(top, rgba(240, 173, 78, .6) 0%, rgba(240, 173, 78, .4) 100%);
  background: linear-gradient(to bottom, rgba(240, 173, 78, .6) 0%, rgba(240, 173, 78, .4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99f0ad4e', endColorstr='#66f0ad4e', GradientType=0)
}

#careers .menucol:nth-child(3) .menucol-box {
  border-color: #c9302c;
  background: -moz-linear-gradient(top, rgba(150, 58, 58, .6) 0%, rgba(150, 58, 58, .4) 100%);
  background: -webkit-linear-gradient(top, rgba(150, 58, 58, .6) 0%, rgba(150, 58, 58, .4) 100%);
  background: linear-gradient(to bottom, rgba(150, 58, 58, .6) 0%, rgba(150, 58, 58, .4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99963a3a', endColorstr='#66963a3a', GradientType=0)
}

#careers .menucol h4 a {
  color: #fff
}

.annotate h4 {
  font-weight: normal;
  font-size: 16px;
}

.services_listing *[class^="col-"]:nth-child(odd) div {
  background: #EDF9FF
}

.services_listing *[class^="col-"]:nth-child(even) div {
  background: #FFFEEC
}

.services_listing *[class^="col-"]:nth-child(odd) div:before,
.services_listing *[class^="col-"]:nth-child(odd) div:after {
  border-color: #71D0FF
}

.services_listing *[class^="col-"]:nth-child(even) div:before,
.services_listing *[class^="col-"]:nth-child(even) div:after {
  border-color: #FFD77D
}

.services_listing *[class^="col-"] div:hover:before,
.services_listing *[class^="col-"] div:hover:after {
  transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1)
}

.services_listing *[class^="col-"] div:before,
.services_listing *[class^="col-"] div:after {
  content: '';
  top: 0;
  left: 0;
  transform-origin: center;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 0.3s ease-in-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-delay: 2s
}

.services_listing *[class^="col-"] div:before {
  border-top: 2px solid;
  border-bottom: 2px solid;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  animation-name: border_before;
  -webkit-animation-name: border_before
}

.services_listing *[class^="col-"] div:after {
  border-left: 2px solid;
  border-right: 2px solid;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  animation-name: border_after;
  -webkit-animation-name: border_after
}

.services_listing a {
  color: #333
}

.services_listing *[class^="col-"] div {
  padding: 10px 15px;
  margin: 5px;
  height: 150px;
  position: relative;
  box-shadow: 1px 2px 3px #afafaf
}

.services_listing>*[class^="col-"] div h3 {
  font-size: 1.0em;
  font-weight: 600;
  color: #D03F3F;
  margin: 10px 0 5px
}

.services_listing i {
  vertical-align: middle;
  margin-right: .2em;
  color: #24AEFD
}

.services_listing>*[class^="col-"] {
  line-height: 1.6;
  padding: 0
}

.services_listing>*[class^="col-"] span {
  display: block;
  font-size: 0.9em;
  margin: 0 0 0
}

@-webkit-keyframes border_before {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  to {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1)
  }
}

@keyframes border_before {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  to {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1)
  }
}

@-webkit-keyframes border_after {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  to {
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1)
  }
}

@keyframes border_after {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  to {
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1)
  }
}

#home_banner {
  height: calc(100vh - 30px);
  max-height: 1200px
}

#home_banner>#ibpo_carousel {
  height: 100%
}

#ibpo_carousel .carousel-caption p,
#ibpo_carousel .carousel-caption a {
  font-weight: 500;
  color: #333
}

#ibpo_carousel .carousel-caption {
  width: 100%;
  top: 0;
  left: 0;
  color: #363636;
  padding-top: 11%;
  text-shadow: none
}

#home_banner .carousel-control {
  background: transparent;
  height: 20%;
  top: 55%;
  transform: translateY(-50%)
}

#home_banner .carousel-inner {
  height: 100%
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.carousel-fade .carousel-control {
  z-index: 2
}

#home_banner .carousel-inner .item img {
  min-width: 100%
}

#home_banner .banner-title {
  font-size: 2em
}

#home_banner .banner-subtitle {
  font-size: 1em
}

#home_banner a.btn {
  font-size: 1em
}

#home_banner .carousel-caption .btn {
  padding: .5em 1em;
  line-height: 1em
}

#home_banner .carousel-caption a:not(.btn):hover {
  color: #4982E6;
  border-bottom: 2px solid #FF7524;
  line-height: 15px;
  text-decoration: none
}

#home_banner .carousel-caption a:not(.btn) {
  border-bottom: 2px dotted #B5B5B5;
  line-height: 15px;
  display: inline-block
}

.client_testimonial {
  position: relative;
  width: 80%;
  margin: 0 auto
}

.client_testimonial .blockquote blockquote:before {
  display: none
}

.client_testimonial .blockquote .bq-title {
  left: 35%;
  right: auto;
  font-size: 18px;
  top: -25px;
  padding: 0 25px
}

.client_testimonial .blockquote {
  width: calc(100% - 200px);
  margin: 0 auto
}

@media (max-width:480px) {
  .carousel-caption .client_testimonial {
    width: 100%;
    margin-top: 2em !important
  }

  #ibpo_carousel .carousel-control {
    font-size: 1.2em;
    opacity: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
  }

  #transparent_header .navbar-brand {
    /*max-width:40%*/
  }

  #home_banner {
    height: calc(100vh - 80px)
  }

  #home_banner .carousel-inner .item img {
    max-width: inherit;
    max-height: 100%
  }

  #home_banner .carousel-inner .item {
    height: 100%;
    overflow: hidden
  }

  #home_banner .carousel-caption {
    font-size: 14px
  }

  .client_testimonial .blockquote {
    width: 100%
  }

  .client_testimonial .blockquote blockquote {
    padding: 1em 1em;
    background: none;
    padding: 1em 1em;
    border: none
  }

  .bmg4>img {
    transform: translateX(-45%) translateY(20%) !important;
    -webkit-transform: translateX(-45%) translateY(20%) !important;
    -moz-transform: translateX(-45%) translateY(20%) !important;
    -o-transform: translateX(-45%) translateY(20%) !important;
    -ms-transform: translateX(-45%) translateY(20%) !important
  }

  .bmg4 {
    background: #F1F1F1
  }

  .bmg6>img {
    transform: translateX(-50%) translateY(0%) !important;
    -webkit-transform: translateX(-50%) translateY(0%) !important;
    -moz-transform: translateX(-50%) translateY(0%) !important;
    -o-transform: translateX(-50%) translateY(0%) !important;
    -ms-transform: translateX(-50%) translateY(0%) !important
  }

  .bmg6 {
    background: #F1F1F1
  }

  .text-middle {
    top: 5px !important;
  }

  .bmg5>img {
    transform: translateX(-40%) translateY(0%) !important;
    -webkit-transform: translateX(-40%) translateY(0%) !important;
    -moz-transform: translateX(-40%) translateY(0%) !important;
    -o-transform: translateX(-40%) translateY(0%) !important;
    -ms-transform: translateX(-40%) translateY(0%) !important
  }

  .bmg1>img {
    transform: translateX(-18%);
    -webkit-transform: translateX(-18%);
    -moz-transform: translateX(-18%);
    -o-transform: translateX(-18%);
    -ms-transform: translateX(-18%)
  }

  .bmg2>img {
    transform: translateX(-15%) translateY(10%);
    -webkit-transform: translateX(-15%) translateY(10%);
    -moz-transform: translateX(-15%) translateY(10%);
    -o-transform: translateX(-15%) translateY(10%);
    -ms-transform: translateX(-35%) translateY(10%)
  }

  .bmg3>img {
    transform: translateX(-18%);
    -webkit-transform: translateX(-18%);
    -moz-transform: translateX(-18%);
    -o-transform: translateX(-18%);
    -ms-transform: translateX(-18%)
  }

  .bmg2 {
    background-color: #F3F3F3
  }

  .bmg2 .visible-xs .banner-title {
    margin-bottom: 2px
  }

  .bmg2 .visible-xs .banner-subtitle {
    line-height: 1.8em
  }
}

@media (max-width:767px) {
  .main-nav .navbar-brand {
    max-width: 70%;
    padding: 5px
  }

  #home_banner {
    height: calc(100vh - 80px)
  }

  #home_banner .carousel-caption {
    font-size: 13px;
    padding-top: 5%
  }

  .bmg2 .carousel-caption div[class^="col-"] {
    padding: 1em;
    background: rgba(255, 255, 255, .75);
    width: 22em;
    margin: 0 auto;
    float: none;
    border: 5px solid #FFE3A3
  }

  .bmg2 .banner-title,
  .bmg2 a:not(.btn) {
    color: #000
  }

  .bmg2 .carousel-caption {
    padding-top: 1% !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  #home_banner .carousel-caption {
    font-size: 13px
  }

  .client_testimonial {
    width: 100%
  }
}

@media (min-width:480px) and (max-width:768px) {
  #home_banner {
    max-height: 400px
  }
}

@media (min-height:800px) {
  #home_banner {
    height: 70vh
  }
}

#transparent_header header {
  position: relative;
  z-index: 9999
}

@media (min-width:768px) {
  #transparent_header .main-nav {
    background: transparent !important;
    /*position:absolute;*/
    width: 100%;
    left: 0
  }

  #transparent_header .navbar-brand {
    padding: 15px
  }
}

@media (max-width:768px) {
  .client_testimonial .blockquote {
    width: 100%
  }

  #transparent_header #isbpo_nav {
    position: absolute;
    width: 100%;
    left: 0
  }
}

#transparent_header .main-nav nav {
  box-shadow: none !important;
  border: 0
}

#transparent_header .fix-header .navbar-brand {
  padding: 0
}

#transparent_header .fix-header {
  background: #fff5b1 !important
}

.years-of-service {
  top: 110px
}

#transparent_header .menu {
  top: 130px !important
}

.floating_arrow {
  position: absolute;
  z-index: 55;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 15px solid rgba(0, 0, 0, .9);
  bottom: 0;
  -webkit-transition: left 0.2s ease;
  -moz-transition: left 0.2s ease;
  -ms-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
  display: none
}

#isbpo_nav .nav li a:hover:before,
#isbpo_nav .nav li a:focus:before,
#isbpo_nav .nav li a:active:before {
  display: none
}

#transparent_header .top-bar {
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 999;
  background: #2c3038;
  line-height: 30px;
  top: 0px;
}

#transparent_header .main-nav {
  margin-top: 30px !important;
  height: auto !important
}

#transparent_header .menu.fixoffset {
  top: 60px
}

.carousel-caption .btn {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s
}

.carousel-caption .client_testimonial {
  margin-top: 3em
}

.bmg2 ul li {
  animation-duration: 0.1s;
  -webkit-animation-duration: 0.1s;
  -moz-animation-duration: 0.1s;
  -o-animation-duration: 0.1s;
  line-height: 1.6em
}

.bmg2 ul li:first-child {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s
}

.bmg2 ul li:nth-child(2) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s
}

.bmg2 ul li:nth-child(3) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s
}

.bmg2 ul li:nth-child(4) {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s
}

.bmg2 ul li:nth-child(5) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -o-animation-delay: 1.8s
}

.bmg2 ul li:nth-child(6) {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s
}

.bmg2 ul li:nth-child(7) {
  animation-delay: 2.2s;
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  -o-animation-delay: 2.2s
}

.contact-banner>.bc-outer {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  width: 100%
}

.contact-banner .h1 {
  font-size: 4rem;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, .66)
}

.contact-banner p {
  text-shadow: 2px 1px 3px rgba(0, 0, 0, .66)
}

.page-contact {
  padding: 0
}

.section-title4 {
  text-align: center !important
}

.contact_description p {
  font-size: 1em !important
}

.contact_description>p:first-child {
  margin-top: 30px
}

.contact_description ul li {
  line-height: 2
}

.contact_details {
  width: 100%;
  padding: 1rem 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  font-size: 16px;
  color: #fff;
}

#map-section .map-left {
  /*height:450px;*/
  color: #fff;
  width: 100%;
  background: url(../images/contact_reach.jpg);
  background-size: cover
}

.section {
  padding: 100px 0
}

.enq_box {
  padding: 2em;
  border: 1px solid #cacaca;
  color: #656565;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center
}

.contact_details i {
  margin-right: 8px
}

.enq_box .btn {
  border-radius: 0;
  margin: 0 auto;
  padding: .3em 1em;
  font-size: .875em
}

.enq_box .phone {
  font-size: 1.875em;
  font-weight: 600;
  margin: 0 8%;
  color: #333
}

.enq_box h4 {
  font-size: 1.125em
}

.contact_details>div>* {
  text-shadow: 1px 2px 5px rgba(0, 0, 0, .42);
  letter-spacing: .04rem
}

.contact_details h3 {
  position: relative
}

.contact_details h3:after {
  width: 30px;
  margin: 5px auto 20px;
  content: '';
  background: #fffc00;
  height: 5px;
  display: block
}

.page-contact .form-control {
  margin-bottom: 0
}

.ibpo_alert .alert-danger small {
  font-weight: 600
}

.note {
  left: 0;
  line-height: 1;
  margin-top: 2rem;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -1px;
  color: #ffb700 !important
}

section.contact_us {
  padding-bottom: 0
}

.page-contact .note {
  margin-top: 10px
}

@media (max-width:991px) {
  .enq_box {
    margin: 10px 0;
    font-size: 12px
  }

  .enq_box .phone {
    font-size: 1.6em
  }
}

@media (max-width:480px) {
  .enq_box {
    font-size: 14px;
    padding: 1em
  }

  .contact_description ul {
    padding-left: 20px
  }

  section.contact_numbers {
    padding: 20px 0
  }

  .formobile {
    display: block;
    margin-top: 20px;
    font-size: 14px
  }
}

@media (min-width:758px) {
  .formobile {
    display: none
  }
}

.ibpo_alert {
  position: absolute;
  width: 100%;
  left: 0;
  padding: inherit;
  line-height: 1;
  top: 35%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: none
}

.ibpo_alert .alert {
  box-shadow: 0 0 70px rgb(0, 0, 0);
  -webkit-box-shadow: 0 0 70px rgb(0, 0, 0)
}

.txt-right {
  text-align: right
}

.txt-left {
  text-align: left
}

.txt-center {
  text-align: center
}

.disp {
  display: none
}

.jobposition {
  text-align: center
}

.emp_testi .fa,
.emp_testi .fa {
  margin: 0 10px;
  color: #B7B7B7
}

.loadfade {
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear
}

.loadfade.in {
  opacity: 1
}

.about_navigation {
  position: fixed;
  left: 8%;
  bottom: 8%;
  z-index: 25;
  font-family: 'poppins'
}

.about_navigation ul {
  line-height: 1.5
}

.float_nav {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #2C3038 !important;
  color: #fff;
  border: none;
  border-radius: 50%;
  -webkit-transition: 2s;
  -moz-transition: 2s;
  -ms-transition: 2s;
  -o-transition: 2s;
  -webkit-box-shadow: 0 0 57px 2px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 57px 2px rgba(0, 0, 0, .3);
  box-shadow: 0 0 57px 2px rgba(0, 0, 0, .3)
}

.float_nav_content {
  position: relative;
  background-color: #fff;
  padding: 0;
  border-radius: 5px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .9)
}

.about_navigation:hover .float_nav_content {
  height: 160px !important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s
}

.about_navigation:hover .float_nav {
  opacity: 0;
  transform: translateX(200px) rotate(360deg);
  -webkit-transform: translateX(200px) rotate(360deg);
  -moz-transform: translateX(200px) rotate(360deg);
  -o-transform: translateX(200px) rotate(360deg);
  -ms-transform: translateX(200px) rotate(360deg)
}

.float_nav_content a {
  color: #fff;
  font-size: 12px
}

.float_nav_content li:hover {
  background: cadetblue
}

.float_nav_content ul {
  padding: 10px 0 20px 0
}

.float_nav_content ul li {
  padding: 0 30px
}

.float_nav_content h5 {
  margin: 0;
  text-align: center;
  background-color: #f60;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  font-size: 16px
}

.nav-list .active a {
  color: #f60;
  font-weight: 700
}

.nav-list .active a:hover {
  color: #f60
}

.nav-list .active a:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  color: #FF7524;
  left: 0;
  position: absolute;
  font-weight: 400
}

.sidebar-navigation .panel {
  box-shadow: none;
  border-radius: 0
}

.sidebar-navigation .panel-heading {
  background: rgb(53, 106, 160);
  background: -moz-linear-gradient(top, rgba(53, 106, 160, 1) 0%, rgba(53, 106, 160, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(53, 106, 160, 1) 0%, rgba(53, 106, 160, 1) 100%);
  background: linear-gradient(to bottom, rgba(53, 106, 160, 1) 0%, rgba(53, 106, 160, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#356aa0', endColorstr='#356aa0', GradientType=0);
  color: #fff
}

.fa-chevron-circle-down.open:before {
  content: '\f139' !important
}

.sidebar-navigation .panel-heading a i {
  color: #FF7524
}

.sidebar-navigation .panel-heading .panel-title {
  font-size: 14px
}

.sidebar-navigation .panel-body {
  background: -moz-linear-gradient(top, rgba(255, 246, 196, 1) 0%, rgba(255, 255, 255, .75) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 246, 196, 1) 0%, rgba(255, 255, 255, .75) 100%);
  background: linear-gradient(to bottom, rgba(255, 246, 196, 1) 0%, rgba(255, 255, 255, .75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6c4', endColorstr='#bfffffff', GradientType=0)
}

.sidebar-navigation .panel-collapse {
  /*background:url(images/d.jpg);*/
  background-size: cover;
  background-position: center
}

.sidebar-navigation {
  margin: 3em 0
}

.nav-list li a {
  padding: 0px 10px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s
}

.nav-list {
  padding-left: 15px;
  position: relative
}

.nav-list li:hover a:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  color: #FF7524;
  left: 0;
  position: absolute;
  line-height: 2
}

.panel-heading.active {
  background: #555;
  color: #FFF
}

.nav-list li:hover a {
  color: #000
}

.nav-list li {
  border-bottom: 1px solid rgba(68, 68, 68, .1)
}

.nav-list li:last-child {
  border-bottom: 1px solid transparent
}

.nav-list li a:before {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.nav-list li:hover a:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@media (min-width:768px) and (max-width:1010px) {
  .social {
    display: none;
  }
}

@media (max-width:425px) {
  #transparent_header .main-nav {
    margin-top: 30px !important;
  }

  .email-top1 {
    display: none !important;
  }
}

@media (min-width:426px) {
  /*.email-top{display:none !important;}*/
}

.intro-wrapper {
  padding-top: 40px;
}

.services-box-section {
  padding: 60px 0px;
}

.services-box {
  border: 1px #eee solid;
  margin: 20px 0px;
  padding: 20px 15px;
  background: #fef5d1;
  color: #000;
  font-size: 15px;
  text-align: center;
}

.services-box img {
  padding: 15px 0px;
}

.services-box:hover,
.services-box:hover a {
  background: #b7927d;
  color: #000;
  /*background:#0c90ce; color:#fff;*/
}

.services-box h2 {
  font-size: 22px;
  line-height: 28px;
  text-align: center;
}

.services-box,
.services-box a {
  color: #000;
  min-height: 320px;
}

.services-box a:hover {
  color: #fff;
}

.ccs-img div,
.bpos-img div,
.webs-img div,
.anno-img div,
.dms-img div,
.more-img div {
  width: 100px;
  height: 100px;
  margin: 20px auto;
}

.ccs-img:hover div,
.bpos-img:hover div,
.webs-img:hover div,
.dms-img:hover div,
.anno-img:hover div,
.more-img:hover div {
  width: 100px;
  height: 100px;
}

.ccs-img div {
  background-position: -142px 233px;
}

.ccs-img:hover div {
  background-position: -142px 124px;
}

.bpos-img div {
  background-position: -268px 233px;
}

.bpos-img:hover div {
  background-position: -268px 124px;
}

.dms-img div {
  background-position: -269px 233px;
}

.dms-img:hover div {
  background-position: -269px 124px;
}

.webs-img div {
  background-position: 24% 424%;
}

.webs-img:hover div {
  background-position: 24% 424%;
}

.anno-img div {
  background-position: -22px 233px
}

.anno-img:hover div {
  background-position: -22px 124px
}

.more-img div {
  background-position: 24% 424%;
}

.more-img:hover div {
  background-position: 24% 124px;
}

.whyweare {
  background: #0C5E83;
  margin-bottom: 50px;
  color: #fff;
}

.whyh2 {
  font-size: 34px;
  line-height: 42px;
}

.whyweare span {
  font-size: 18px;
  font-weight: bold;
}

.whyweare img {
  border: 1px #fff solid;
  padding: 10px 10px;
  margin-right: 20px;
}

#contact {
  margin: 50px 0px 15px 0px;
}

.contact-wrapper {
  background: url(../images/contact-bg.webp) no-repeat;
  background-position: 0% 31%;
}

.contacth2 {
  font-size: 32px;
  color: #ffde00;
  font-weight: bold;
}

.small2 {
  font-size: 16px;
  color: #FFFFFF;
}

.cont {
  background: rgba(12, 144, 206, 0.6);
  padding: 50px 0px;
}

.cont form {
  padding: 0px 30px;
}

.form-control2 {
  height: 40px !important;
  background: transparent !important;
  font-size: 16px !important;
  border: 1px #fff solid !important;
}

.form-control2:focus {
  border-bottom-color: #66afe9;
  border-left-color: #66afe9;
  border-right-color: #66afe9;
  border-top-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline-color: currentcolor;
  outline-style: none;
  outline-width: 0;
}

.form-control2 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: transparent;
  background-image: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  color: #b9e0eb !important;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  transition-delay: 0s, 0s;
  transition-duration: 0.15s, 0.15s;
  transition-property: border-color, box-shadow;
  transition-timing-function: ease-in-out, ease-in-out;
  width: 100%;
}

.form-control2 option {
  background: #1a658b;
}

.form-control2::-moz-placeholder {
  color: #fff;
  opacity: 0.8;
}

.form-control2::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.8;
}

.ques2 {
  color: #fff;
  font-size: 16px;
  line-height: 45px;
  background: #0b729b;
  padding: 10px;
}

.note2 {
  color: #fff !important;
  font-size: 1.3rem;
  font-weight: 600;
  left: 0;
  letter-spacing: 1px;
  line-height: 1;
  margin-top: 10px;
}

#txt-1 {
  padding-bottom: 20px;
}

.ordertransform {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  padding: 0px;
  margin: 0px;
}

.ordertransform>li {
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  list-style: none;
}

.annotation {
  padding-bottom: 20px;
}

@media (min-width:768px) {
  .why {
    padding: 38px 45px;
    font-size: 16px;
  }

  .whyh2 {
    font-size: 32px !important;
    line-height: 42px;
  }

  .whyrt {
    background: url(../images/why-we-are.webp) no-repeat;
    height: 578px;
    background-position: 100% 50%;
    background-size: cover;
  }
}

@media (max-width:480px) {
  .whyh2 {
    font-size: 28px;
    line-height: 42px;
  }

  .whyrt {
    background: url(../images/why-we-are.webp) no-repeat;
    display: none;
    height: 420px;
    background-position: 100% 50%;
  }

  .txt21 {
    text-align: left !important;
  }

  .why {
    padding: 38px 25px;
  }
}

@media only screen and (max-width: 800px) {
  .services_menu1 {
    /*display:none;*/
  }

  .space111 {
    display: none;
  }
}

.note5 {
  font-size: 12px;
  font-style: italic;
  padding: 10px;
}

.note51 {
  color: #feff03 !important;
}

.note5 span {
  color: #fff;
}

.services_menu1 {
  text-align: center;
  top: 20px;
  z-index: 9;
}

.services_menu1 a {
  color: #000;
  padding: 3px 8px 0px 8px;
  border-radius: 15px;
  margin: 0px 5px;
}

.services_menu1 a:hover {
  text-decoration: none;
  color: #000;
}

.menu {
  z-index: 999;
}

.space111 {
  padding-top: 20px;
}

/*.tab001{background:#62b8e0;} .tab002{background:#f19e6d;} .tab003{background:#9eb26b;} .tab004{background:#bd9884;} .tab005{background:#d097dd;}*/
.quote {
  animation: color-me-in 5s infinite;
  -webkit-animation: color-me-in 5s infinite;
  -o-animation: color-me-in 5s infinite;
}

.text-middle {
  top: 160px
}

@keyframes color-me-in {
  0% {
    background: #24aeff;
  }

  /* Adding a step in the middle */
  50% {
    background: #ff7524;
  }

  75% {
    background: #4d9e4d;
  }

  100% {
    background: #ffcc00;
  }
}

.semi-transparent-button {
  display: inline;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  max-width: 200px;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  color: #000;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  transition: all 0.3s ease-out;
}

.semi-transparent-button:hover,
.semi-transparent-button:focus,
.semi-transparent-button:active {
  background: #fff;
  color: #000;
  transition: all 0.5s ease-in;
}

.semi-transparent:focus {
  outline: none;
}

.tab001 {
  background: #62b8e0;
  background: rgba(98, 184, 224, 0.5);
  border: 1px solid #333;
}

.tab001:hover,
.tab001:focus,
.tab001:active {
  background: #62b8e0;
  background: rgb(98, 184, 224);
  color: #333;
}

.tab002 {
  background: #f19e6d;
  background: rgba(241, 158, 109, 0.5);
  border: 1px solid #333;
}

.tab002:hover,
.tab002:focus,
.tab002:active {
  background: #f19e6d;
  background: rgb(241, 158, 109);
  color: #333;
}

.tab003 {
  background: #9eb26b;
  background: rgba(158, 178, 107, 0.5);
  border: 1px solid #333;
}

.tab003:hover,
.tab003:focus,
.tab003:active {
  background: #9eb26b;
  background: rgb(158, 178, 107);
  color: #333;
}

.tab004 {
  background: #bd9884;
  background: rgba(189, 152, 132, 0.5);
  border: 1px solid #333;
}

.tab004:hover,
.tab004:focus,
.tab004:active {
  background: #bd9884;
  background: rgb(189, 152, 132);
  color: #333;
}

.tab005 {
  background: #d097dd;
  background: rgba(208, 151, 221, 0.5);
  border: 1px solid #333;
}

.tab005:hover,
.tab005:focus,
.tab005:active {
  background: #d097dd;
  background: rgb(208, 151, 221);
  color: #333;
}

.box-2 {
  background: #4d870a;
  color: #fff;
  padding: 5px 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}

.box-3 {
  background: #ff8400;
  color: #fff;
  padding: 5px 0px;
  font-size: 16px;
}

.box-1 {
  background: #356aa0;
  color: #fff;
  padding: 10px 0px;
  font-size: 18px;
}

.box-1 h3 {
  color: #fff;
  font-size: 18px;
}

.img00002 {
  margin: 10px 0px 10px 15px;
  width: 360px;
}

.img00003 {
  margin: 10px 0px 10px 15px;
  width: 400px;
  border-radius: 10px;
}

.emp {
  margin: 0px;
  padding: 0px;
}

.emp li {
  list-style-type: none;
}

.phone-india a {
  color: #ffffff;
}

.red {
  color: #FF0000;
}

.job-box {
  background: #fff;
  border: 2px;
  padding: 10px;
  margin: 10px;
  text-align: center;
}

.jb1 {
  border: 2px #659bf3 solid;
}

.jb1:hover {
  border: 2px #4285f4 solid;
  background: #4285f4;
  color: #fff;
}

.jb3 {
  border: 2px #eb665b solid;
}

.jb3:hover {
  border: 2px #4285f4 solid;
  background: #ea4335;
  color: #fff;
}

.jb2 {
  border: 2px #f9c734 solid;
}

.jb2:hover {
  border: 2px #4285f4 solid;
  background: #fbbc05;
  color: #000;
}

.jb4 {
  border: 2px #5ab773 solid;
}

.jb4:hover {
  border: 2px #4285f4 solid;
  background: #34a853;
  color: #fff;
}

.job-box span {
  color: #f30032;
  font-size: 24px;
}

.job-box:hover {
  color: #fff;
  cursor: pointer;
}

.job-box h2 {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
}

.jd li {
  border-bottom: 1px #ccc dashed;
  padding: 10px;
}

.jd span {
  color: #e1003d;
}

.sub_btn {
  font-size: 24px !important;
}

.profile {
  cursor: pointer;
}

.jbg1 {
  padding: 15px;
  border-bottom: 3px solid #ff5733 !important;
}

.jbg2 {
  padding: 15px;
  border-bottom: 3px solid #ff8d1a !important;
}

.jbg3 {
  padding: 15px;
  border-bottom: 3px solid #ffc300 !important;
}

.jbg4 {
  padding: 15px;
  border-bottom: 3px solid #eddd53 !important;
}

.jbg5 {
  padding: 15px;
  border-bottom: 3px solid #add45c !important;
}

.jbg6 {
  padding: 15px;
  border-bottom: 3px solid #57c785 !important;
}

.jbg7 {
  padding: 15px;
  border-bottom: 3px solid #00baad !important;
}

.jbg8 {
  padding: 15px;
  border-bottom: 3px solid #2a7b9b !important;
}

.jbg9 {
  padding: 15px;
  border-bottom: 3px solid #3d3d6b !important;
}

.jbg10 {
  padding: 15px;
  border-bottom: 3px solid #511849 !important;
}

.nav-list li a.job-title {
  font-size: 16px;
}

.table-1 {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.table-1 img {
  text-align: left;
  margin: 15px 10px;
}

.table-1 td {
  height: 20px;
}

.inner-wrapper-anno {
  /*height:520px;*/
  background: url(../images/company_info.jpg) center no-repeat;
  background-size: cover
}

.annotation-banner-anno {
  background: #133a4c url(../images/annotation-services.jpg) no-repeat center;
  background-size: cover;
}

.bb-banner {
  background: #133a4c url(../images/annotation/bounding-box-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.polygon-banner {
  background: #133a4c url(../images/annotation/polygon-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.cuboid-banner {
  background: #133a4c url(../images/annotation/cuboid-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.voice-banner {
  background: #1a191e url(../images/annotation/voice-annotation-banner.jpg) no-repeat center
}

.image-masking-banner {
  background: #000 url(../images/annotation/masking-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.line-banner {
  background: #133a4c url(../images/annotation/line-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.landmark-banner {
  background: #133a4c url(../images/annotation/landmark-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.text-banner {
  background: #133a4c url(../images/annotation/text-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.annotation-tool-banner {
  background: #000 url(../images/annotation/annotation-tool-banner.jpg) no-repeat center;
  background-size: cover;
}

.segmentation-banner {
  background: #133a4c url(../images/annotation/semantic-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.autonomous-vehicle-annotation-banner {
  background: #133a4c url(../images/annotation/autonomous-vehicle-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.lidar-annotation-banner {
  background: #133a4c url(../images/annotation/3d-lidar-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.geospatial-annotation-banner {
  background: #142530 url(../images/annotation/giospatial-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.image-tagging-banner {
  background: #142530 url(../images/annotation/image-tagging-annotation-banner.jpg) no-repeat center;
  background-size: cover;
}

.video-banner {
  background: #142530 url(../images/annotation/video-annotation-banner.gif) no-repeat center;
  background-size: cover;
}

.healthcare-industry-banner {
  background: #133a4c url(../images/annotation/health-care-industry-banner.jpg) no-repeat center;
  background-size: cover;
}

.sports-industry-banner {
  background: #133a4c url(../images/annotation/annotation-sports-analysis.jpg) no-repeat center;
  background-size: cover;
}

.robotics-industry-banner {
  background: #133a4c url(../images/annotation/annotation-robotics.jpg) no-repeat center;
  background-size: cover;
}

.licenseplate-industry-banner {
  background: #133a4c url(../images/annotation/licenseplate-recognition.jpg) no-repeat center;
  background-size: cover;
}

/*.anno-title h2{margin:150px 0px 0px 0px;color:#000;font-size:24px;;font-weight:600;line-height:44px;color:#FFF!important;text-shadow:1px 2px 3px #000}*/
.anno-title,
.anno-title2 span {
  color: #fff;
  height: 450px
}

.anno-title2 h2 {
  margin: 0px 0px 0px 0px;
  color: #000;
  font-size: 24px;
  ;
  font-weight: 600;
  line-height: 44px;
  color: #FFF !important;
  text-align: left;
}

.content_btn {
  color: #b60000;
  text-decoration: underline;
  font-weight: bold;
}

.annoser img {
  border: 2px #ccc solid;
  padding: 5px;
}

.anno-bannertxt {
  padding-top: 180px;
  color: #fff;
}

.anno-bannertxt h2,
.anno-bannertxt span {
  color: #fff;
}

.annotation-banner-anno2 {
  /*background:#133a4c url(../images/annotation-services2.jpg) no-repeat center*/
}

.enq_box {
  padding: 1em;
  border: 1px solid #cacaca;
  color: #656565;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center
}

.bc-outer-anno {
  /*height: 520px;*/
}

.bc-outer-anno,
.cs-icon,
.outer-wrapper {
  position: relative;
}

.title101 {
  color: #623130;
  font-size: 24px;
  padding: 35px 10px 10px 10px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

.small3 {
  color: #000;
}

.ques2 {
  border-radius: 5px;
}

.form-control3 {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #333 !important;
  display: block;
  line-height: 1.42857;
  transition-delay: 0s, 0s;
  transition-duration: 0.15s, 0.15s;
  transition-property: border-color, box-shadow;
  transition-timing-function: ease-in-out, ease-in-out;
  width: 100%;
  height: 40px !important;
  background: transparent !important;
  font-size: 16px !important;
  border: 1px #ccc solid !important;
  padding: 10px 10px;
}

.inner-banner-new {
  background: url(../images/banner_img.png) no-repeat;
  background-position: center left;
}

.job-title {
  font-size: 14px;
}

.txt701 {
  float: right;
  padding: 450px 0px 0px 0px;
  font-size: 18px;
  color: #fff;
  line-height: 28px;
  text-align: center;
}

.txt701 span {
  text-decoration: underline;
}

.txt702 {
  float: left;
  padding: 0px 0px 0px 30px;
  font-size: 20px;
  color: #fff;
  line-height: 38px;
  text-align: center;
}

.video_title {
  font-size: 22px;
  text-decoration: underline;
  padding: 15px 0px;
}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 800px) {
  .animg030 {
    margin: 0px 20px 20px 0px;
    width: 350px;
  }

  .animg020 {
    margin: 0px 0px 20px 20px;
    width: 350px;
  }

  .home-banner {
    /* padding-top: 20px; */
  }

  .ibpo-services-banner {
    background: #f2c632 url(../images/ibpo-services-new.webp) no-repeat center;
    height: 342px;
  }

  .txt501 {
    float: right;
    padding: 30px 40px 0px 0px;
    font-size: 26px;
    color: #fff;
    line-height: 38px;
  }

  .txt502 {
    float: left;
    padding: 450px 0px 0px 30px;
    font-size: 26px;
    color: #fff;
    line-height: 38px;
  }

  .mtxt501 {
    display: none;
  }

  .mtxt502 {
    display: none;
  }

  .ibpo-services-banner-new {
    height: 568px;
    border-top: 3px #001221 solid;
    background: url(../images/bg_banner.jpg);
  }

  .banner_form_new {
    background: #fff;
    border: 1px;
    border-color: #001221;
    border-style: solid;
    height: 565px;
    z-index: 99;
  }

  /*.anno-title h1{margin:175px 0px 175px 0px;color:#000;font-size:24px;;font-weight:600;line-height:34px;color:#FFF!important;text-shadow:1px 2px 3px #000}  .anno-title2{margin:185px 0px;}*/
  .anno-title h1 {
    margin: 170px 100px 0px 0px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    color: #FFF !important;
    text-shadow: 1px 2px 3px #000;
  }
  
  .services_menu1 {
  text-align: center;
  top: 20px;
  z-index: 9;
}

  .anno-title2 {
    margin: 185px 0px;
  }

  .career-banner-001 {
    display: none;
  }

}

@media only screen and (max-width: 768px) {
  .annotation-banner-anno {
    background: #133a4c url(../images/annotation-services-m.jpg) no-repeat center;
  }

  .animg030 {
    margin: 0px 0px 20px 0px;
  }

  .animg020 {
    margin: 0px 0px 20px 0px;
  }

  .bb-banner {
    background-position: -371px 0px;
  }

  .image-tagging-banner {
    background-position: -200px 0px;
  }

  .video-banner {
    background-position: -148px 0px;
  }

  .home-banner {
    /* padding-top: 20px; */
  }

  .ibpo-services-banner {
    background: #f2c632 url(../images/ibpo-services-new.webp) no-repeat center;
    background-position: 30%;
    /*height:560px;*/
    background-size: cover;
    padding: 60px;
  }

  /* height:525px; */
  .txt501 {
    display: none;
  }

  .txt502 {
    display: none;
  }

  .mtxt501 {
    padding: 10px 0px 0px 0px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
  }

  .mtxt502 {
    padding: 514px 0px 0px 0px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
  }

  .anno-title h1 {
    margin: 75px 0px 75px 0px;
    color: #000;
    font-size: 24px;
    ;
    font-weight: 600;
    line-height: 34px;
    color: #FFF !important;
    text-shadow: 1px 2px 3px #000
  }

  .anno-title2 {
    margin: 50px 0px 200px 0px;
  }

  .career-banner-001 {
    display: inline;
    height: 200px;
  }
}

@media only screen and (max-width: 800px) {
  .ibpo-services-banner-new {
    /*min-height:905px;*/
    border-top: 3px #001221 solid;
    background: #4ca090;
  }

  .banner_form_new {
    background: #fff;
    z-index: 99;
    margin: 60px 0px;
  }

  .services_menu1 {
    display: none;
  }
}

.newsletter img {
  width: 600px !important;
  height: 400px !important;
  margin: 30px;
}

.newemp img {
  width: 700px !important;
  height: 400px !important;
  margin: 30px;
}

.txtright {
  text-align: right;
}

.txtcenter {
  text-align: center;
}

.txtleft {
  text-align: left;
}

.txt601 {
  font-size: 15px;
  color: #fff !important;
  text-align: justify;
  padding-bottom: 15px;
}

.txt601 a,
.txt601 a:visited,
.txt601 a:active {
  color: #fff;
  text-decoration: underline;
}

.txt601 a:hover {
  color: #fff38a;
}

.list-inline li {
  display: inline-block;
  padding: 0 !important;
}

.highlight_txt {
  background: #FF0000;
  color: #FFFFFF !important;
  padding: 10px 15px;
  font-weight: 600;
  text-decoration: none !important;
}

.highlight_txt1 {
  background: #FFF;
  color: #000 !important;
  padding: 10px 15px;
  font-weight: 600;
  text-decoration: none !important;
  border: 1px solid #FF0000;
}

.sprit {
  background: url(../images/ibpo-sprit.png);
}

.sprit_client1,
.sprit_client2,
.sprit_client3,
.sprit_client4,
.sprit_client5,
.sprit_client6,
.sprit_client7,
.sprit_client8,
.sprit_client9,
.sprit_client10 {
  width: 160px !important;
  height: 120px !important;
}

.sprit_client1 {
  background-position: 2% 2%;
}

.sprit_client2 {
  background-position: 34% 2%;
}

.sprit_client3 {
  background-position: 66% 2%;
}

.sprit_client4 {
  background-position: 98% 2%;
}

.sprit_client5 {
  background-position: 2% 20%;
}

.sprit_client6 {
  background-position: 34% 20%;
}

.sprit_client7 {
  background-position: 66% 20%;
}

.sprit_client8 {
  background-position: 97% 20%;
}

.sprit_client9 {
  background-position: 2% 38%;
  width: 160px !important;
  height: 128px !important;
}

.sprit_client10 {
  background-position: 34% 38%;
  width: 160px !important;
  height: 128px !important;
}

.sprit_attri {
  padding: 34px;
  border: 1px #fff solid;
  margin: 10px;
}

.sprit_247 {
  background-position: 138px 242px;
}

.sprit_inf {
  background-position: 138px 191px;
}

.sprit_exp {
  background-position: 191px 244px;
}

.sprit_iso {
  background-position: 190px 191px;
}

.sprit_iso_logo1 {
  background-position: 3% 54%;
  width: 213px;
  height: 100px;
}

.sprit_iso_logo2 {
  background-position: 18% 66%;
  width: 262px;
  height: 97px;
}

.sprit_iso_logo3 {
  background-position: 49% 54%;
  width: 74px;
  height: 100px;
}

.sprit_iso_logo4 {
  background-position: 63% 54%;
  width: 77px;
  height: 100px;
}

.sprit_iso_logo5 {
  background-position: 79% 54%;
  width: 82px;
  height: 100px;
}

.sprit_goglobal {
  background-position: 74% 36%;
  width: 234px;
  height: 131px;
}

.sprit_email {
  background-position: 80% 67%;
  width: 248px;
  height: 24px;
}

/* ==================================================================  PROGRESS BAR STRAT  ================================================================== */
.pace {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.pace-inactive {
  display: none
}

.pace .pace-progress {
  background: #ff8000;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px
}

/* PROGRESS BAR END */
/* ==================================================================  ANIMATE CSS ========================================================== */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.animated.infinite {
  animation-iteration-count: infinite
}

.animated.hinge {
  animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s
}

@keyframes bounce {

  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, 0, 0)
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    transform: translate3d(0, -4px, 0)
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom
}

@keyframes flash {

  from,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.flash {
  animation-name: flash
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1)
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    transform: scale3d(1, 1, 1)
  }
}

.pulse {
  animation-name: pulse
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1)
  }

  30% {
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    transform: scale3d(1.05, .95, 1)
  }

  to {
    transform: scale3d(1, 1, 1)
  }
}

.rubberBand {
  animation-name: rubberBand
}

@keyframes shake {

  from,
  to {
    transform: translate3d(0, 0, 0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0)
  }
}

.shake {
  animation-name: shake
}

@keyframes headShake {
  0% {
    transform: translateX(0)
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    transform: translateX(0)
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg)
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg)
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg)
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg)
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }

  to {
    transform: scale3d(1, 1, 1)
  }
}

.tada {
  animation-name: tada
}

@keyframes wobble {
  from {
    transform: none
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }

  to {
    transform: none
  }
}

.wobble {
  animation-name: wobble
}

@keyframes jello {

  from,
  11.1%,
  to {
    transform: none
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
}

.jello {
  animation-name: jello;
  transform-origin: center
}

@keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1)
  }
}

.bounceIn {
  animation-name: bounceIn
}

@keyframes bounceInDown {

  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0)
  }

  75% {
    transform: translate3d(0, -10px, 0)
  }

  90% {
    transform: translate3d(0, 5px, 0)
  }

  to {
    transform: none
  }
}

.bounceInDown {
  animation-name: bounceInDown
}

@keyframes bounceInLeft {

  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0)
  }

  75% {
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    transform: translate3d(5px, 0, 0)
  }

  to {
    transform: none
  }
}

.bounceInLeft {
  animation-name: bounceInLeft
}

@keyframes bounceInRight {

  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    transform: translate3d(10px, 0, 0)
  }

  90% {
    transform: translate3d(-5px, 0, 0)
  }

  to {
    transform: none
  }
}

.bounceInRight {
  animation-name: bounceInRight
}

@keyframes bounceInUp {

  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }

  75% {
    transform: translate3d(0, 10px, 0)
  }

  90% {
    transform: translate3d(0, -5px, 0)
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

.bounceInUp {
  animation-name: bounceInUp
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
}

.bounceOut {
  animation-name: bounceOut
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}

.bounceOutDown {
  animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}

.bounceOutRight {
  animation-name: bounceOutRight
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}

.bounceOutUp {
  animation-name: bounceOutUp
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  animation-name: fadeIn
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInDown {
  animation-name: fadeInDown
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInLeft {
  animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInRight {
  animation-name: fadeInRight
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInUp {
  animation-name: fadeInUp
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig
}

@keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOutDown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
}

.fadeOutDown {
  animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }
}

.fadeOutRight {
  animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
}

.fadeOutUp {
  animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  to {
    transform: perspective(400px)
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY
}

@keyframes flipOutX {
  from {
    transform: perspective(400px)
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@keyframes flipOutY {
  from {
    transform: perspective(400px)
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1
  }

  to {
    transform: none;
    opacity: 1
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
  from {
    opacity: 1
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1
  }
}

.rotateIn {
  animation-name: rotateIn
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

.rotateOut {
  animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

.hinge {
  animation-name: hinge
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(.1) rotate(30deg);
    transform-origin: center bottom
  }

  50% {
    transform: rotate(-10deg)
  }

  70% {
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

.jackInTheBox {
  animation-name: jackInTheBox
}

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.rollIn {
  animation-name: rollIn
}

@keyframes rollOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

.rollOut {
  animation-name: rollOut
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  animation-name: zoomIn
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInDown {
  animation-name: zoomInDown
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInLeft {
  animation-name: zoomInLeft
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInRight {
  animation-name: zoomInRight
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInUp {
  animation-name: zoomInUp
}

@keyframes zoomOut {
  from {
    opacity: 1
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

.zoomOut {
  animation-name: zoomOut
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutDown {
  animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center
  }
}

.zoomOutRight {
  animation-name: zoomOutRight
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutUp {
  animation-name: zoomOutUp
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

.slideInDown {
  animation-name: slideInDown
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

.slideInLeft {
  animation-name: slideInLeft
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

.slideInRight {
  animation-name: slideInRight
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

.slideInUp {
  animation-name: slideInUp
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0)
  }
}

.slideOutDown {
  animation-name: slideOutDown
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0)
  }
}

.slideOutLeft {
  animation-name: slideOutLeft
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0)
  }
}

.slideOutRight {
  animation-name: slideOutRight
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0)
  }
}

.slideOutUp {
  animation-name: slideOutUp
}

/* ANIMATE CSS */
.copyemail {
  position: relative;
  display: inline-block;
}

.copyemail .copyemailtext {
  visibility: hidden;
  width: 140px;
  background-color: #ffde00;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.copyemail .copyemailtext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ffde00 transparent transparent transparent;
}

.copyemail:hover .copyemailtext {
  visibility: visible;
  opacity: 1;
}

/* ====== HIND ====== */

@charset "utf-8";

/* CSS Document */
/* devanagari */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url(hind/5aU69_a8oxmIdGh4BCOz.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url(hind/5aU69_a8oxmIdGd4BCOz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url(hind/5aU69_a8oxmIdGl4BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* devanagari */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url(hind/5aU19_a8oxmIfJpbER2SjQpf.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url(hind/5aU19_a8oxmIfJpbERKSjQpf.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url(hind/5aU19_a8oxmIfJpbERySjQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* devanagari */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url(hind/5aU19_a8oxmIfLZcER2SjQpf.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url(hind/5aU19_a8oxmIfLZcERKSjQpf.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url(hind/5aU19_a8oxmIfLZcERySjQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* devanagari */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: url(hind/5aU19_a8oxmIfNJdER2SjQpf.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: url(hind/5aU19_a8oxmIfNJdERKSjQpf.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: url(hind/5aU19_a8oxmIfNJdERySjQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* ====== Montserrat ====== */

@charset "utf-8";

/* CSS Document */
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(montserrat/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/*{ box-sizing: border-box;} */
.open-button {
  /*background-color: #555; color: white;	padding: 16px 20px;	border: none; width: 80px;*/
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 60px;
  z-index: 9;
}

/* The popup chat - hidden by default */
/* Add styles to the form container */
.txt501 {
  text-align: center;
  background: #ffba00;
  color: #000;
  line-height: 42px;
}

.form-container {
  max-width: 400px;
  padding: 10px;
  background-color: white;
  z-index: 9999;
}

/* Full-width textarea */
.form-container select {
  width: 100%;
  color: #333333;
  padding: 5px;
  margin: 5px 0 15px 0;
  border: 1px solid #AAA;
  resize: none;
  /* min-height: 200px; background: #f1f1f1;*/
}

/* Full-width textarea */
.form-container input {
  width: 100%;
  padding: 3px 10px;
  margin: 8px 0;
  border: 1px solid #AAA;
  color: #333333;
  font-size: 16px;
  /*background: #f1f1f1; resize: none; min-height: 200px;*/
}

/* When the textarea gets focus, do something */
.form-container input:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  /*background-color: #04AA6D;*/
  color: white;
  padding: 8px 20px;
  border: none;
  cursor: pointer;
  width: 40%;
  margin-bottom: 10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover,
.open-button:hover {
  opacity: 1;
}

.ques1 {
  color: #000;
  background: #fff;
  boder: 1px #333 solid;
  padding: 10px;
}

.jbg_faq {
  padding: 15px;
  border-bottom: 1px solid #9f9fa3 !important;
}

/*.panel-group .panel-heading {background-color: #f3f3f3;}*/
.panel-group .panel-heading {
  background: linear-gradient(to bottom, rgba(53, 106, 160, 1) 0%, rgba(53, 106, 160, 1) 100%);
}

.stage {
  display: flex;
  width: 100%;
}

.menucol span {
  font-size: 18px;
  padding-bottom: 3px;
  font-weight: 600;
}

.menucol span a {
  color: #24AEFF;
  line-height: 42px;
}

.boxchat {
  border: none;
  align-self: flex-end;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  background: url(https://www.infosearchbpo.com/images/chat-icon1.png);
  height: 80px;
  margin: 0 auto 0 auto;
  transform-origin: bottom;
  width: 82px;
  z-index: 99;
}

.bounce-1 {
  animation-name: bounce-1;
  animation-timing-function: linear;
}

@keyframes bounce-1 {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-50px);
  }

  100% {
    transform: translateY(0);
  }
}

.ahighlight {
  color: #004db6 !important;
}

.clutch-widget {
  background: #fff;
  padding: 10px;
}

.captcha_style {
  padding: 5px 10px;
  float: right;
}

.captcha_style span {
  border: 1px #333 solid;
  padding: 5px 10px;
}

.success_msg {
  padding: 10px 10px;
  display: none;
  text-align: center;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.jobcontainer {
  position: relative;
  padding: 10px;
}

.jobcontainer .card {
  position: relative;
  width: 250px;
  height: 380px;
  background: #24aefd;
  border-radius: 20px;
  overflow: hidden;
  margin-left: 25px;
}

.jobcontainer .card:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff5b1;
  clip-path: circle(150px at 80% 20%);
  transition: 0.5s ease-in-out;
}

.jobcontainer .card:hover:before {
  clip-path: circle(300px at 80% -20%);
}

.jobcontainer .card:after {
  /*content: 'Infosearch';*/
  position: absolute;
  top: 55%;
  left: 5%;
  font-size: 3em;
  font-weight: 800;
  font-style: italic;
  color: rgba(227, 164, 140, 0.8)
}

.jobcontainer .card .imgBx {
  /* position: absolute;*/
  top: 50%;
  transform: translateY(-50%);
  z-index: 10000;
  width: 100%;
  height: 370px;
  transition: 0.5s;
}

.jobcontainer .card:hover .imgBx {
  top: 0%;
  transform: translateY(0%);
}

.jobcontainer .card .imgBx img {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-25deg);
  width: 240px;
}

.jobcontainer .card .contentBx {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  text-align: center;
  transition: 1s;
  z-index: 10;
}

.jobcontainer .card:hover .contentBx {
  height: 210px;
}

.jobcontainer .card .contentBx h4 {
  position: relative;
  font-weight: 600;
  letter-spacing: 1px;
  color: #000;
  margin: 0;
}

.jobcontainer .card .contentBx .size,
.jobcontainer .card .contentBx .color {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.jobcontainer .card:hover .contentBx .size {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.5s;
}

.jobcontainer .card:hover .contentBx .color {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.6s;
}

.jobcontainer .card .contentBx .size h3,
.jobcontainer .card .contentBx .color h3 {
  border-radius: 5px;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 10px;
}

.jobcontainer .card .contentBx .size span {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  color: #111;
  background: #fff;
  margin: 0 5px;
  transition: 0.5s;
  color: #111;
  border-radius: 4px;
  cursor: pointer;
}

.jobcontainer .card .contentBx .size span:hover {
  background: #fff;
}

.jobcontainer .card .contentBx .color span {
  width: 20px;
  height: 20px;
  background: #ff0;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

.jobcontainer .card .contentBx .color span:nth-child(2) {
  background: #9bdc28;
}

.jobcontainer .card .contentBx .color span:nth-child(3) {
  background: #03a9f4;
}

.jobcontainer .card .contentBx .color span:nth-child(4) {
  background: #e91e63;
}

.jobcontainer .card .contentBx a {
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  border-radius: 4px;
  margin-top: 10px;
  text-decoration: none;
  font-weight: 600;
  color: #111;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.5s;
  margin-top: 0;
}

.jobcontainer .card:hover .contentBx a {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 0.75s;
}

.medium {
  font-size: 20px;
  background: transparent;
}


.indust-list .active {
  color: #ff7524 !important;
}

.indust-list p a {
  align-self: start;
  color: #000000 !important;
}

.indust-list p {
  font-size: 15px;
  line-height: initial;
  text-align: start;
}


article {
  --img-scale: 1.001;
  --title-color: black;
  --link-icon-translate: -20px;
  --link-icon-opacity: 0;
  position: relative;
  border-radius: 5px;
  box-shadow: none;
  background: #fff;
  transform-origin: center;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  border: lightgray 1px solid;
}

article a::after {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  cursor: pointer;
  content: "";
}

/* basic article elements styling */
article h2 {
  /*margin: 0 0 18px 0;*/
  margin: 0;
  font-size: 1.9rem;
  letter-spacing: 0.06em;
  color: var(--title-color);
  transition: color 0.3s ease-out;
  text-decoration: none;
  line-height: 2.5rem;
}

figure {
  margin: 0;
  padding: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

article img {
  max-width: 100%;
  transform-origin: center;
  transform: scale(var(--img-scale));
  transition: transform 0.4s ease-in-out;
}

.article-body {
  padding: 24px;
}

article a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #28666e;
}

article a:focus {
  outline: 1px dotted #28666e;
}

article a .icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  transform: translateX(var(--link-icon-translate));
  opacity: var(--link-icon-opacity);
  transition: all 0.3s;
}

/* using the has() relational pseudo selector to update our custom properties */
article:has(:hover, :focus) {
  --img-scale: 1.1;
  --title-color: #28666e;
  --link-icon-translate: 0;
  --link-icon-opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}


/************************ 
Generic layout (demo looks)
**************************/

*,
*::before,
*::after {
  box-sizing: border-box;
}

.articles {
  display: grid;
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}

@media screen and (max-width: 960px) {
  article {
    container: card/inline-size;
  }

  .article-body p {
    display: none;
  }
}

@container card (min-width: 380px) {
  .article-wrapper {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 16px;
  }

  .article-body {
    padding-left: 0;
  }

  figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  figure img {
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
  }
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.career_content {
  text-align: center;
}

.career_content1 span {
  font-size: 26px;
}

.career_content1 a {
  text-decoration: none;
  color: #353232;
}

.career_content1 a:hover {
  text-decoration: none;
  color: #353232;
}

@media (max-width: 768px) {
  .career_content1 {
    font-weight: bolder;
    font-size: larger;
    padding: 4% 4% 4% 28%;
  }
}

/* Styles for tablets */
@media (min-width: 768px) and (max-width: 1000px) {
  .career_content1 {
    font-weight: bolder;
    font-size: larger;
    padding: 4% 4% 4% 20%;
  }
}

@media (min-width: 1000px) and (max-width: 1300px) {
  .career_content1 {
    font-weight: bolder;
    font-size: larger;
    padding: 4% 4% 4% 15%;
  }
}

/* Styles for laptops/desktops */
@media (min-width: 1300px) {
  .career_content1 {
    font-weight: bolder;
    font-size: larger;
    padding: 3% 4% 4% 16%;
  }
}

.career_content2 span {
  font-size: 26px;
}

.career_content2 a {
  text-decoration: none;
  color: #353232;
}

.career_content2 a:hover {
  text-decoration: none;
  color: #353232;
}

@media (max-width: 768px) {
  .career_content2 {
    font-weight: bolder;
    font-size: larger;
    padding: 6% 4% 4% 28%;
  }
}

/* Styles for tablets */
@media (min-width: 768px) and (max-width: 1000px) {
  .career_content2 {
    font-weight: bolder;
    font-size: larger;
    padding: 4% 4% 4% 20%;
  }
}

@media (min-width: 1000px) and (max-width: 1300px) {
  .career_content2 {
    font-weight: bolder;
    font-size: larger;
    padding: 6% 4% 4% 15%;
  }
}

/* Styles for laptops/desktops */
@media (min-width: 1300px) {
  .career_content2 {
    font-weight: bolder;
    font-size: larger;
    padding: 4% 4% 4% 16%;
  }
}
.highlight {
       display: -webkit-inline-box;
    color: #f9f6f6;
    height: fit-content;
    width: fit-content;
    background-color: #e52617;
    border-radius: 60%;
    padding: 6px 5px 2px 5px;
}
.blink{
		display: -webkit-inline-box;
    color: #f9f6f6;
    height: fit-content;
    width: fit-content;
    background-color: #cb0e0e;
    border-radius: 60%;
    padding: 5px 5px 3px 5px;
	}
	.blink span{
		font-size: 15px;
		font-family: auto;
		color: white;
		animation: blink 1s linear infinite;
	}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}


/*05-04-2025 start */

.nomargin1 {
  margin: 0 !important;
  white-space: nowrap;  
  font-size: 26px;
  /* font-family: 'Arial', sans-serif;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.66);    */
}

.banner-home {
  margin: 30px;
  left: 160px;
  position: relative;
 
}

/* Semi-transparent button default state */
.semi-transparent-btn {
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  max-width: 200px;
  background: rgba(0, 0, 0, 0.5); /* Dark background with transparency */
  border-radius: 2px;
  color: #fff; /* White text color */
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  transition: all 0.3s ease-out;
}

/* Button hover, focus, and active state */
.semi-transparent-btn:hover,
.semi-transparent-btn:focus,
.semi-transparent-btn:active {
  background: rgba(0, 0, 0, 0.7); /* Darker background on hover */
  color: #fff; /* Keep the text color white */
  transition: all 0.5s ease-in;
}

.tab006 {
  background: #fff;
  background: rgba(241, 158, 109, 0.5);
  border: 1px solid #333;
}
.tab006:hover,
.tab006:focus,
.tab006:active {
  background: #777;
  background: rgb(241, 158, 109);
  color: #333;
}

/* Optional: Style the <hr> inside the dropdown menu */
.dropdown-menu hr {
  margin: 5px 0;
  border: 0;
  border-top: 1px solid #ddd; /* Light gray border */
  width: 90%;
  margin-left: 10px;
}

/* after 27-03-25*/
.contactus-btn {
  padding-top: 10px !important;
  padding-bottom: 8px !important;
  font-size: 22px;
  background: #333;
  border-radius: 40px !important;
  color: white !important;
}


/* Style for the letter 'A' */
.first-letter1 {
  font-size: 1.3em; 
  font-family: 'Arial', sans-serif; 
  font-weight: bold;
  color:#c13584;
}

.first-letter2 {
  font-size: 1.3em; 
  font-family: 'Arial', sans-serif;
  font-weight: bold; 
  color: #32208a; 
}

.first-letter3 {
  font-size: 1.3em; 
  font-family: 'Arial', sans-serif; 
  font-weight: bold; 
  color: #c9302c; 
}
.first-letter4 {
  font-size: 1.3em; 
  font-family: 'Arial', sans-serif;
  font-weight: bold; 
  color: #207ce5; 
}

/* .nomargin1 {
  margin: 0 !important;
  font-size: 27px !important;
} */

.nomargin1 {
  margin: 0 !important;
  white-space: nowrap;  
  font-size: 26px;
  /* font-family: 'Arial', sans-serif; */
   /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.66);   */
}

/* Style for the Request a Quote button */
 .request-quote {
  margin-top: 30px !important; 
  padding: 10px 20px !important; 
  position: relative !important; 
  right: -40px;
 
} 

@media (max-width: 768px) {

  #test1,
  #test2 {
    display: none;
  }

  #test3 {
    display: block;
  }

  .nomargin1 {
    font-size: 16px;
    padding-left: 171px;
    padding-bottom: 26px;
  }

  .ibpo-services-banner {
    padding: 50px;
  }
}

@media (min-width: 768px) {

  #test1,
  #test2 {
    display: block;
  }

  #test3 {
    display: none;
  }

}


/*05-04-2025 end */