/*** Open Sans ***/
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2)
      format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2)
      format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2)
      format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2)
      format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2)
      format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.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;
}

/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2)
      format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2)
      format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2)
      format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2)
      format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2)
      format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.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;
}

/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2)
      format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2)
      format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2)
      format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2)
      format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2)
      format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.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;
}

/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.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;
}

/*** Open Sans ***/
body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

a {
  cursor: pointer;
}

.carousel-inner .item .container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

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

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

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

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

.carousel_tip .carousel-control {
  z-index: 2;
}

.carousel_tip .carousel-control .fa-angle-right,
.carousel-control .fa-angle-left {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel_tip .carousel-control .fa-angle-left {
  left: 50%;
  width: 38px;
  height: 38px;
  margin-top: -15px;
  font-size: 25px;
  color: #fff;
}

.carousel_tip .carousel-control .fa-angle-right {
  right: 50%;
  width: 38px;
  height: 38px;
  margin-top: -15px;
  font-size: 25px;
  color: #fff;
}

.carousel_tip .carousel-control {
  opacity: 1;
  filter: alpha(opacity=100);
}

.third_menu_section {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
  border-top: 2px solid #00bcd4;
  height: 35px;
  background: #f1f1f1;
  line-height: 30px;
  color: #333;
}

.quote_bottom {
  border: 1px solid #00bcd4;
  color: #fff;
  border-radius: 0;
  padding: 2px 10px;
  background: #00bcd4;
}

.third_menu_ul {
  list-style-type: none;
}

.third_menu_ul li {
  display: inline;
  font-size: 14px;
}

.bottom_call {
  margin: 0 5%;
  color: #00bcd4;
  border: 1px solid #00bcd4;
  padding: 4px 10px;
  border-radius: 0;
  background: white;
  cursor: pointer;
}

.card_1 {
  width: 100%;
  height: 170px;
  background: url(../images/banner/xamarin.png);
  background-position: 50% 50%;
  background-size: cover;
}

.card_2 {
  width: 100%;
  height: 175px;
  background: url(../images/banner/word.png);
  background-position: 50% 50%;
  background-size: cover;
}

.slider_card_1 {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 4px 5px 0 rgba(93, 90, 90, 0.14),
    0 1px 10px 0 rgba(167, 162, 162, 0.12),
    0 2px 4px -1px rgba(199, 195, 195, 0.3);
}

.client_text_card {
  width: 100%;
  height: 250px;
  background: url(../images/key-clients.png);
}

.client_card_1 {
  width: 100%;
  height: 150px;
  padding-top: 35%;
  background: #fff;
  border: 1px solid #ccc;
}

.logo_1 {
  width: 100%;
  height: 100px;
  background: url(../images/logo-clients/aravali.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}

.logo_2 {
  width: 100%;
  height: 100px;
  background: url(../images/logo-clients/sgs.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.client_card_2 {
  width: 100%;
  height: 150px;
  padding-top: 16%;
  background: #fff;
  border: 1px solid #ccc;
  border-left: none;
}

.client_card_3 {
  width: 100%;
  height: 150px;
  padding-top: 16%;
  background: #fff;
  border: 1px solid #ccc;
  border-left: none;
}

.logo_3 {
  width: 100%;
  height: 100px;
  background: url(../images/logo-clients/techmagnate.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}

.client_card_4 {
  width: 100%;
  height: 150px;
  padding-top: 35%;
  background: #fff;
  border: 1px solid #ccc;
  border-left: none;
}

.logo_4 {
  width: 100%;
  height: 100px;
  background: url(../images/logo-clients/UnsSpokenlogo.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.client_card_5 {
  width: 100%;
  height: 150px;
  padding-top: 10%;
  background: #fff;
  border: 1px solid #ccc;
  border-left: none;
}

.logo_5 {
  width: 100%;
  height: 100px;
  background: url(../images/logo-clients/ups.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.client_card_6 {
  width: 100%;
  height: 150px;
  padding-top: 10%;
  background: #fff;
  border: 1px solid #ccc;
  border-left: none;
}

.logo_6 {
  width: 100%;
  height: 100px;
  background: url(../images/logo-clients/icg.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.padding_zero {
  padding: 0;
}

.client_section {
  background: #f7f7f7;
  padding: 2% 5% 4% 5%;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.home-services {
  padding: 0 15px;
  margin: 50px auto 30px auto;
}

.home-services .col-3 {
  padding: 0;
  width: 100%;
}

.home-services .b-4 {
  background: #efefef;
}

.home-services .box {
  position: relative;
  width: 50%;
  background: #4eccff;
  float: left;
  background-size: cover !important;
}

.home-services .box:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.home-services .b-4 .service-expand {
  background: #efefef;
  top: 0;
  left: 0;
}

.service-expand {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  overflow: hidden;
}

.home-services .b-4 .service-expand .close {
  color: #0d556f;
}

.service-expand .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  z-index: 99;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  display: none;
  -webkit-transition: all 0.6s ease-out 0s;
  -moz-transition: all 0.6s ease-out 0s;
  -ms-transition: all 0.6s ease-out 0s;
  -o-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s;
}

.home-services .b-4 .service-expand a,
.home-services .b-4 .service-expand h5,
.home-services .b-4 .service-expand p,
.home-services .b-4 .service-expand span {
  color: #2e3235;
}

.home-services .box .service-tilte {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.service-expand .more-cnt {
  display: none;
  width: 0;
  overflow: hidden;
}

.service-expand h5,
.service-expand p {
  font-size: 20px;
  color: #fff;
  display: none;
}

.btn-1 {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 3px;
  color: #00aeef;
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #00aeef;
  text-align: center;
  font-weight: 400;
}

.home-services .b-1 .service-expand {
  background: #bf7cb1;
  right: 0;
  top: 0;
}

.home-services .b-3 .service-expand {
  background: url(../images/mobile-bg.jpg) no-repeat 0 0;
  right: 0;
  bottom: 0;
}

.home-services .b-3:before {
  padding-top: 50%;
}

.home-services .box:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.home-services .b-6 .service-expand {
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
}

.home-services .b-6 .service-expand {
  background: url(../images/marketing-bg-1.jpg) no-repeat center;
  background-size: cover;
  left: 0;
  top: 0;
}

.home-services .b-7 {
  background: #06ccbc;
}

.home-services .b-7 .service-expand {
  background: #f6c707;
  right: 0;
  top: 0;
}

.home-services .b-7 .service-expand {
  top: auto;
  right: 0;
  bottom: 0;
}

.home-services .b-2 .service-expand {
  background: #00aeef;
  left: 0;
  bottom: 0;
}

.home-services .b-2 .service-expand {
  left: auto;
  right: 0;
  bottom: auto;
  top: 0;
}

.home-services .b-5 .service-expand {
  background: url("../images/emerging-bg-1.jpg") no-repeat center;
  background-size: cover;
  right: 0;
  bottom: 0;
}

.home-services .b-4 h4 {
  color: #6f7a82;
}

.service-expand h5,
.service-expand p {
  font-size: 16px;
  color: #fff;
  display: none;
}

.service-expand ul a:hover,
.service-expand ul span:hover {
  -webkit-transform: translatex(5px);
  -ms-transform: translatex(5px);
  transform: translatex(5px);
}

.service-expand ul a,
.service-expand ul span {
  font-size: 14px;
  color: #fff;
  line-height: 16px;
  margin-bottom: 10px;
  display: block;
  cursor: auto;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.more-cnt ul li {
  list-style: none;
}

.home-services h4 {
  font-size: 20px;
  color: #fff;
}

.btn-1.btn-white {
  color: #fff;
  border: 2px solid #fff;
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}

.service-expand .more-cnt {
  display: none;
  width: 0;
  overflow: hidden;
}

.home-services .box .service-tilte {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.portfolio {
  /* padding: 8% 5% 4% 5%; */
  background: #fff;
}

ul.portfolio {
  padding: 5px;
}

.statistics i {
  font-size: 30px;
  color: #fff;
}

.counter_section {
  background: url(../images/team.jpg);
  background-size: 100%;
  background-attachment: fixed;
  width: 100%;
  height: 100px;
}

.counter_section_1 {
  background: rgba(51, 51, 51, 0.75);
  width: inherit;
  height: inherit;
  padding: 1%;
}

.statistics-count {
  font-size: 25px;
  color: #fff;
}

.margin_zero {
  margin: 0;
}

.footer_connect {
  color: #ddd;
}

.footer_logo {
  text-align: center;
  padding: 5%;
}

.footer_logo img {
  width: 100%;
}

.footer_connect p {
  line-height: 24px;
  font-size: 13px;
}

.footer_section {
  height: auto;
  background: #014e72;
  padding: 60px 0;
}

.pricing_footer {
  list-style-type: none;
}

.pricing_footer li {
  color: #fff;
  font-size: 13px;
  padding: 2px;
  display: block;
  margin-left: 0;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.pricing_footer li a {
  color: #ddd;
}

.pricing_footer li a:hover {
  color: #fff;
}

.subscribe_card {
  padding: 1% 5% 3% 5%;
  margin-top: 2%;
  border-radius: 0;
}

.subscribe_btn {
  border: 1px solid #333;
  color: #fff;
  background: #333;
  padding: 4px 15px;
  border-radius: 0;
  position: absolute;
  margin-top: 4px;
  right: 22.5%;
  font-size: 14px;
}

.subscribe_btn:hover {
  border: 1px solid #333;
  color: #333;
  background: #fff;
  transition: 1s;
}

.subscribe_input {
  border: 1px solid #333;
  font-size: 10px;
}

.subscribe_group {
  margin-bottom: 0;
}

.white {
  color: #fff;
}

.footer_head {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 15px;
  color: #fff;
}

.contact_group {
  margin: 5px 0;
}

.contact_group input {
  height: 32px;
  font-size: 14px;
}

.contact_group select {
  height: 32px;
  font-size: 14px;
}

.contact_group input[type="file"] {
  color: #fff;
}

.secure_code {
  background: #fff;
  text-align: center;
  line-height: 32px;
  height: 32px;
  border-radius: 0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 10px;
}

.contact_secure_code {
  background: #caf1ea;
  text-align: center;
  color: #0b5d60;
  line-height: 34px;
  height: 34px;
  border: 1px solid #caf1ea;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 10px;
  margin-top: 1px;
}

.footer_btn {
  background: transparent;
  border-radius: 0;
  border: 1px solid #fff;
  color: #fff;
  margin-top: 1.5%;
  width: 100%;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.footer_btn:hover {
  background: transparent;
  color: #333;
  transition: 1s;
}

.col_padding {
  padding: 0 5px;
}

.design_text {
  font-size: 14px;
  line-height: 20px;
  margin: 2px;
}

.copyrights_text {
  margin: 2px;
  font-size: 14px;
  line-height: 20px;
}

.post_category {
  color: #00bcd4;
  border: 1px solid #00bcd4;
  padding: 0 10px;
  font-size: 10px;
  line-height: 20px;
  margin-bottom: 1%;
  border-radius: 0;
}

.post_title {
  color: #333;
  text-align: left;
  font-size: 17px;
}

.post_section {
  border-bottom: 1px solid #ddd;
  text-align: right;
}

.post_icon {
  font-size: 22px;
  margin-top: 4%;
}

.owl-theme .owl-controls .owl-buttons div {
  display: none;
}

.article_section {
  padding: 1% 2%;
}

.blog_btn {
  background: #00bcd4;
  border: 1px solid #00bcd4;
  color: #fff;
  font-size: 14px;
  padding: 4px 15px;
  margin-top: 2%;
  border-radius: 0;
  text-transform: uppercase;
}

.share_icon {
  font-size: 16px;
  margin: 5px;
}

.star_icon {
  font-size: 22px;
  color: #00bcd4;
}

.ion-android-star {
  font-size: 22px;
  color: #00bcd4;
}

.ion-android-star-outline {
  font-size: 22px;
  color: #00bcd4;
}

.read_review_link {
  color: #333;
  font-size: 14px;
}

.m_top {
  margin-top: 40px;
}

.about_sec_img {
  text-align: center;
}

.about_sec_img img {
  width: 75%;
  margin-top: 5%;
  padding: 5%;
}

.about-text {
  padding-top: 7%;
}

.requi_sal {
  font-size: 14px;
  list-style-image: url(../images/check-mark.png);
  padding: 2% 4%;
  text-align: left;
  color: #797979;
}

.price_section {
  padding: 2% 5% 4% 5%;
  background: #f7f7f7;
}

.price_1 {
  background: url("../images/banner/creative-website%20(1).jpg");
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: auto;
}

.price_12 {
  background: rgba(15, 166, 234, 0.62);
  width: inherit;
  height: inherit;
  padding: 8%;
  border-radius: inherit;
  transition: 0.5s ease-in-out;
}

.price_12:hover {
  background: #0fa6ea;
  transition: 0.5s ease-in-out;
}

.price_2 {
  background: url(../images/banner/business-website.png);
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: auto;
}

.price_22 {
  background: rgba(139, 195, 74, 0.84);
  width: inherit;
  height: inherit;
  padding: 8%;
  border-radius: inherit;
  transition: 0.5s ease-in-out;
}

.price_22:hover {
  background: #8bc34a;
  transition: 0.5s ease-in-out;
}

.price_3 {
  background: url(../images/banner/corporate-designs.png);
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: auto;
}

.price_32 {
  background: rgba(240, 146, 176, 0.81);
  width: inherit;
  height: inherit;
  padding: 8%;
  border-radius: inherit;
  transition: 0.5s ease-in-out;
}

.price_32:hover {
  background: #f092b0;
  transition: 0.5s ease-in-out;
}

.price_4 {
  background: url(../images/banner/graphics-designing.png);
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: auto;
}

.price_42 {
  background: rgba(83, 187, 180, 0.81);
  width: inherit;
  height: inherit;
  transition: 0.5s ease-in-out;
  padding: 8%;
  border-radius: inherit;
}

.price_42:hover {
  background: #53bbb4;
  transition: 0.5s ease-in-out;
}

.price_5 {
  background: url(../images/banner/logo-design.png);
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: auto;
}

.price_52 {
  background: rgba(233, 30, 99, 0.83);
  width: inherit;
  height: inherit;
  transition: 0.5s ease-in-out;
  padding: 8%;
  border-radius: inherit;
}

.price_52:hover {
  background: #e91e63;
  transition: 0.5s ease-in-out;
}

.price_6 {
  background: url(../images/banner/seo.png);
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: auto;
}

.price_62 {
  background: rgba(176, 64, 24, 0.83);
  width: inherit;
  height: inherit;
  padding: 8%;
  transition: 0.5s ease-in-out;
  border-radius: inherit;
}

.price_62:hover {
  background: #b04018;
  transition: 0.5s ease-in-out;
}

.price_7 {
  background: url(../images/banner/wp-develop.png);
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: auto;
}

.price_72 {
  background: rgba(0, 150, 136, 0.81);
  width: inherit;
  height: inherit;
  padding: 8%;
  transition: 0.5s ease-in-out;
  border-radius: inherit;
}

.price_72:hover {
  background: #009688;
  transition: 0.5s ease-in-out;
}

.price_8 {
  background: url(../images/banner/web.png);
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: auto;
}

.price_82 {
  background: rgba(156, 39, 176, 0.82);
  width: inherit;
  height: inherit;
  padding: 8%;
  border-radius: inherit;
  transition: 0.5s ease-in-out;
}

.price_82:hover {
  background: #9c27b0;
  transition: 0.5s ease-in-out;
}

.package_title {
  font-size: 14px;
  color: #fff;
}

.package_cost {
  color: #fff;
  font-size: 14px;
}

.book_package_btn {
  color: #fff;
  border: 1px solid #fff;
  padding: 1px 10px;
  font-size: 14px;
  width: 60%;
}

.book_package_btn:hover {
  background: #fff;
  color: #333;
  transition: 1s ease-in-out;
}

.pack_cost {
  font-size: 20px;
  color: #333;
  font-weight: 700;
}

.package_badge {
  position: absolute;
  padding: 0 10px;
  background: #ffeb3b;
  top: -10%;
  border-radius: 0;
  color: #333;
  left: 38%;
  border: 1px solid #fbc02d;
}

.badge123 {
  color: #333;
  background: #ff6;
  padding: 1px 10px;
  border-radius: 30px;
  font-size: 14px;
  width: 40%;
  margin: 4% 0 0 0;
}

.action_cent {
  color: #fff;
}

.action_cent {
  background: linear-gradient(
      to right,
      rgba(67, 198, 172, 0.48),
      rgba(25, 22, 84, 0.73)
    ),
    url(../images/bg/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4% 5%;
}

.action_cent h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}

.action_cent h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}

.mu-primary-btn-2 {
  background-color: #3aafa9;
  border-radius: 100px;
  border: solid 1px #3aafa9;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 10px 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}

.mu-primary-btn-2:hover,
.mu-primary-btn-2:focus {
  background-color: transparent;
  color: #3aafa9;
  border: 1px solid #3aafa9;
}

.action_img_call {
  text-align: center;
}

.action_img_call img {
  width: 75%;
  margin-top: 5%;
}

.how_work_section {
  padding: 2% 5% 4% 5%;
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.sec_title {
  color: #333;
  font-weight: 700;
  font-size: 25px;
  margin: 0;
}

.home-services .sec_title {
  color: #333;
  font-weight: 700;
  font-size: 25px;
  margin: 0;
}

.sec_title img {
  width: 30px;
  margin-top: -4px;
  margin-left: 5px;
}

.sec_descp {
  color: #89959b;
  font-weight: 500;
  font-size: 14px;
}

.blox {
  clear: both;
  position: relative;
}

.bol-11 li {
  line-height: 23px;
  margin-bottom: 4px;
  font-weight: 400;
}

.bol-11 {
  list-style: inside;
}

.wpb_wrapper p {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 22px;
}

.wpb_wrapper1 p {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 22px;
}

.wpb_wrapper2 p {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 22px;
}

.row_pad_work {
  padding-top: 13%;
}

.wpb_wrapper1 {
  text-align: left;
}

.wpb_wrapper2 {
  text-align: left;
}

.wpb_wrapper li span {
  color: #333;
}

.wpb_wrapper1 li {
  color: #f7a501;
}

.wpb_wrapper2 li {
  color: #178ccc;
}

.modal_form {
  border-bottom: 1px solid #aaa;
  box-shadow: none;
}

.subscribe_input {
  border: none;
  border-bottom: 1px solid #fff;
  box-shadow: none;
  background: transparent;
  color: #fff;
}

.modal_body {
  position: relative;
  padding: 1% 5%;
  background: #fff;
  border-radius: 0;
  border: 1px solid #333;
}

.subscribe_modal_body {
  position: relative;
  padding: 1% 5%;
  background: rgba(0, 0, 0, 0)
    linear-gradient(to right, #00bcd4 0%, #ff6666 100%) repeat scroll 0 0;
  border-radius: 0;
}

.modal {
  z-index: 9999;
}

.modal_form:focus {
  border-bottom: 1px solid #aaa;
}

.modal_sec_first {
  position: absolute;
  width: 100%;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
  left: -25%;
  background: #00bcd4;
  border-radius: 0;
  padding: 6% 2%;
  top: 5px;
}

.mod_card_title {
  font-size: 15px;
  color: #fff;
}

.mod_card_sub_text {
  color: #000;
  font-weight: 500;
}

.mod_card_title img {
  width: 20px;
}

.mod_close {
  -webkit-appearance: none;
  cursor: pointer;
  background: #fff !important;
  padding: 5px 10px !important;
  border: 0;
  margin: -3% -7%;
  border: 1px solid #333 !important;
  opacity: 1;
  color: #333;
}

.modal-dialog {
  width: 60%;
  margin: 4% auto;
}

.modal_links {
  border-top: 1px solid #ddd;
  margin-top: 2%;
}

.mod_foot_link {
  color: #ec6437;
}

.mod_foot_link:hover {
  color: #333;
  text-decoration: underline;
}

.subcribe_mod_foot_link {
  color: #fff;
}

.subcribe_mod_foot_link:hover {
  color: #333;
  text-decoration: underline;
}

.mar_group {
  margin-bottom: 1%;
  margin-top: 3%;
}

.call_mod_text p {
  margin-bottom: 0;
  color: #fff;
  font-size: 17px;
}

.call_mod_text h3 {
  font-size: 14px;
}

.mail_mod_text p {
  margin-bottom: 0;
  color: #fff;
  font-size: 17px;
}

.mail_mod_text h3 {
  font-size: 14px;
}

.add_mod_text p {
  margin-bottom: 0;
  color: #fff;
  font-size: 17px;
}

.add_mod_text h3 {
  font-size: 14px;
}

.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #eee;
}

.panel-default > .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #212121;
  background-color: #fafafa;
  border-color: #eee;
}

.panel-title {
  font-size: 14px;
}

.panel-title > a {
  display: block;
  padding: 15px;
  text-decoration: none;
}

.more-less {
  float: right;
  color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eee;
}

.demo {
  padding-top: 60px;
  padding-bottom: 60px;
}

.panel-default {
  width: 100%;
}

.h-text {
  margin: 0;
  text-align: left;
  color: rgba(51, 51, 51, 0.91);
  font-size: 22px;
}

.con-dec {
  padding-top: 40px;
}

.img-3 {
  width: 80%;
  border-radius: 50px;
  padding: 10%;
}

.row-dec {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.row-dec1 {
  border-bottom: 1px solid #ddd;
  background: #f9f9f9;
}

.row-dec2 {
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.drop_offer_sec_text {
  color: #fff;
  font-weight: 700;
}

.drop_offer_sec_1 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/business-website.png);
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  position: relative;
}

.drop_offer_sec_12 {
  width: inherit;
  bottom: 0;
  position: absolute;
  height: 30px;
  background: rgba(51, 51, 51, 0.81);
}

.drop_offer_sec_2 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/wordpress.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_offer_sec_22 {
  width: inherit;
  height: inherit;
  bottom: 0;
  position: absolute;
  height: 30px;
  background: rgba(51, 51, 51, 0.81);
}

.drop_offer_sec_3 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/seo.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_offer_sec_32 {
  width: inherit;
  bottom: 0;
  position: absolute;
  height: 30px;
  background: rgba(51, 51, 51, 0.81);
}

.drop_dm_sec_1 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/on-page-seo.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_dm_sec_12 {
  width: inherit;
  bottom: 0;
  position: absolute;
  height: 60px;
  background: rgba(51, 51, 51, 0.81);
}

.drop_dm_sec_2 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/off-page-seo.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_dm_sec_22 {
  width: inherit;
  height: 60px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_dm_sec_3 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/digital-marketing.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_dm_sec_32 {
  width: inherit;
  height: 60px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_wd_sec_1 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/business-website.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_wd_sec_12 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_wd_sec_2 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/personal-website-design.jpg);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_wd_sec_22 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_wd_sec_3 {
  height: 120px;
  width: 100%;
  background: url("../images/banner/creative-website%20(1).jpg");
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_wd_sec_32 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_ma_sec_1 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/xamarin.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_ma_sec_12 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_ma_sec_2 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/xamarin.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_ma_sec_22 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_ma_sec_3 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/mobile-app.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_ma_sec_32 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_gd_sec_1 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/logo-designing.jpg);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_gd_sec_12 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_gd_sec_2 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/corpoate-design.png);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_gd_sec_22 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_gd_sec_3 {
  height: 120px;
  width: 100%;
  background: url("../images/banner/poster-design%20(1).jpg");
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_gd_sec_32 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_sd_sec_1 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/billing-software.jpg);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_sd_sec_12 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_sd_sec_2 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/customer-relation-management.jpg);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_gd_sec_22 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_sd_sec_3 {
  height: 120px;
  width: 100%;
  background: url(../images/banner/enterprise-software.jpg);
  border-radius: 0;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.drop_gd_sec_32 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_sd_sec_12 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_sd_sec_22 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.drop_sd_sec_32 {
  width: inherit;
  height: 30px;
  bottom: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.81);
}

.multiple-icon-box {
  position: fixed;
  right: 0;
  top: 40%;
  width: auto;
  margin: auto;
  z-index: 99;
}

.multiple-icon-box ul li {
  list-style: none;
  width: 150px;
  right: -110px;
  border-bottom: 1px solid #eee;
  padding: 6% 0 6% 6%;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3);
  background: #fff;
  box-sizing: content-box;
  border-radius: 0;
}

.multiple-icon-box ul li span.incontext {
  display: inline-block;
  width: 100px;
  text-align: left;
  font-weight: 700;
  margin-left: 15px;
  font-size: 14px;
}

.slide_icon {
  font-size: 15px;
}

.multiple-icon-box > ul > li:hover {
  right: 0;
}

.modal-header-primary {
  color: #fff;
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #428bca;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tab_pane {
  position: absolute;
  top: 0;
  z-index: 999;
  float: none;
}

.contact {
  border-bottom: 2px solid;
  padding: 0% 5%;
}

.post_project {
  border-bottom: 2px solid;
  padding: 0% 5%;
}

.tab_content {
  position: relative;
}

.send_button {
  background: linear-gradient(to right, #f47971, #5555c3);
  border-radius: 4px;
  padding: 8px 24px;
  color: #fff;
  border: none;
}

.send_button:hover {
  background: #d9534f;
  color: #fff;
}

.send_button:active,
.send_button:focus {
  background: #d9534f;
  color: #fff;
}

.send_button:active:focus {
  outline: none;
}

.tab_content_contact {
  padding: 5%;
}

.post_project_point {
  margin: 15%;
}

.tab_content_post_project {
  padding: 5%;
}

/*.tab_content1_head {
    padding: 8%;
    height: 300px;
    color: white;
    background: black
}*/

.tab_postProject_head {
  padding: 5%;
  height: 300px;
  color: white;
  background: black;
}

.address {
  margin: 0 7% 1%;
}

.quote_pricing {
  float: left;
  margin: 1% 5% 0 0;
}

.navigation-menu .navbar-nav li a.ser_drop {
  color: #525c65;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 30px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 600;
  font-family: Josefin-sans;
  transition: all 0.5s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.navigation-menu .navbar-nav li a.ser_drop:hover {
  padding-left: 45px;
  transition: all 0.5s;
  transform: translateX(8px);
  color: #34bba4;
}

.abt_text {
  padding: 1% 7%;
  text-align: left;
}

.abt_background {
  padding: 1% 3%;
}

.grey {
  color: #ddd;
}

.abt_sec {
  padding: 1% 3%;
}

.theme_btn {
  background: #00bcd4;
  color: #fff;
  border: 1px solid #00bcd4;
  border-radius: 0;
}

.contact_tabs {
  width: 50%;
  margin: 1% 5%;
}

.text-styles {
  padding-top: 10%;
}

.top_service_section {
  text-align: center;
  padding: 5% 0;
  background: #00bcd4;
  background-image: -webkit-linear-gradient(
      rgba(0, 0, 0, 0.23),
      rgba(27, 30, 33, 0.33)
    ),
    url(../images/bg/client.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
  background-position: 100% 100%;
}
.top_insurance_section {
  text-align: center;
  padding: 5% 0;
  /* background: #00bcd4; */
  background-image: -webkit-linear-gradient(
      rgba(0, 0, 0, 0.23),
      rgba(27, 30, 33, 0.33)
    ),
    url(../images/ayush.images/banner-campaign-insurance.webp);
  background-size: 100% 39%;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
  h1 {
    font-family: "Playfair Display", serif;
    font-size: 30px;
    color: #fff;
    text-shadow: 0 1px 0 #efecec, 0 1px 0 #e2e1e1, 0 1px 0 #ece8e8,
      0 1px 0 #e2e2e2, 0 2px 0 #d8d7d7, 0 6px 1px rgba(0, 0, 0, 0.1),
      0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(70, 69, 69, 0.3),
      0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25),
      0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 5px 0;
    letter-spacing: 1px;
  }
  h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    color: #fff;
    font-weight: 500;
    font-family: "Cookie", cursive;
  }
  p {
    font-size: 14px;
    margin: 0 0 20px 0;
    color: #fff;
    font-weight: 500;
  }
  
}

.top_service_section h1 {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  color: #fff;
  text-shadow: 0 1px 0 #efecec, 0 1px 0 #e2e1e1, 0 1px 0 #ece8e8,
    0 1px 0 #e2e2e2, 0 2px 0 #d8d7d7, 0 6px 1px rgba(0, 0, 0, 0.1),
    0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(70, 69, 69, 0.3),
    0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  text-transform: capitalize;
  margin: 0 0 5px 0;
  letter-spacing: 1px;
}

.top_service_section h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  color: #fff;
  font-weight: 500;
  font-family: "Cookie", cursive;
}

.top_service_section p {
  font-size: 14px;
  margin: 0 0 20px 0;
  color: #fff;
  font-weight: 500;
}

.top_service_section img {
  width: 40px;
  margin-top: 30px;
}

.btn {
  border-radius: 4px;
  text-transform: uppercase;
}

.theme_hvr_btn {
  color: #5555c3;
  /*letter-spacing: 2px;*/
  padding: 8px 24px;
  outline: none;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  border: none;
}

.hvr-shutter-in-horizontal:before {
  background: #fff !important;
}

.service_page_section {
  background: #f5f5f5;
}

.service_page_section_1 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.service_page_section p {
  font-weight: 400;
  font-size: 14px;
  /* line-height: 24px; */
  text-align: justify;
  color: #525c65;
}

.types_of_br {
  font-size: 18px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.right_enquire_mobile {
  background: #fff;
  padding: 2%;
  box-shadow: 0 6px 10px 0 rgba(169, 168, 168, 0.14),
    0 1px 18px 0 rgba(181, 181, 181, 0.12),
    0 3px 5px -1px rgba(167, 166, 166, 0.3);
  margin-bottom: 5%;
}

.right_enquire_form {
  background: #fff;
  padding: 2%;
  box-shadow: 0 6px 10px 0 rgba(169, 168, 168, 0.14),
    0 1px 18px 0 rgba(181, 181, 181, 0.12),
    0 3px 5px -1px rgba(167, 166, 166, 0.3);
  margin-bottom: 5%;
}

.right_enquire_form_1 {
  padding: 4%;
  border: 1px dashed #bbb;
}

.right_enquire_form_1 h4 {
  margin-top: 0;
}

.right_enquire_form_1 p {
  margin-top: 0;
  font-size: 18px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  /* text-align: center; */
  color: #273057;
  font-family: "Playfair Display", serif;
}

.fixed_enquire_form {
  padding: 10px;
  position: relative;
  top: 15%;
  margin-bottom: 5%;

  background: #fff;
  padding: 2%;
  box-shadow: 0 6px 10px 0 rgba(169, 168, 168, 0.14),
    0 1px 18px 0 rgba(181, 181, 181, 0.12),
    0 3px 5px -1px rgba(167, 166, 166, 0.3);
  margin-bottom: 5%;
}

.enquire_control {
  background: #f5f5f5;
  box-shadow: none;
  border: 1px solid #ddd;
  width: 100%;
  overflow: hidden;
  padding: 3px 12px !important;
}

.service_page_section p.enquire_code {
  background: #f5f5f5;
  text-align: center;
  line-height: 26px;
  border: 1px solid #ddd;
  height: 32px;
  color: #333;
  text-align: center;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 10px;
}

.enquire_group {
  margin: 5px 0;
  font-size: 14px;
}

.enquire_btn {
  width: 100%;
  text-transform: uppercase;
  border-radius: 4px !important;
  background: #f47971;
  border: 0px solid #a86898;
  color: #fff !important;
  letter-spacing: 2px;
  padding: 9px 24px;
  font-weight: 700;
}

.hvr-rectangle-in.enquire_btn {
  color: #fff !important;
  background: #f47971;
  border-radius: 4px;
}

.hvr-rectangle-in:before {
  background: linear-gradient(to right, #34bba4, #0a5c5f) !important;
  border: 0px solid #a86898 !important;
}

.right_related_service {
  background: #fff;
  padding: 0;
  box-shadow: 0 6px 10px 0 rgba(169, 168, 168, 0.14),
    0 1px 18px 0 rgba(181, 181, 181, 0.12),
    0 3px 5px -1px rgba(167, 166, 166, 0.3);
  margin-bottom: 5%;
  padding: 2%;
}

.right_related_service_1 {
  padding: 3%;
}

.right_related_service_1 {
  padding: 3%;
  border: 1px dashed #bbb;
}

.right_related_service_1 h4 {
  margin-top: 0;
}

.right_related_service_1 i {
  color: #34bba4;
}

.right_side_ttl i {
  margin-left: 10px;
}

.related_service_links {
  list-style: none;
}

.related_service_links a li {
  display: block;
  padding: 1% 0%;
}

.related_service_links a li h2 {
  font-size: 14px;
  margin: 5px;
}

.related_service_links a li:hover {
  color: #34bba4;
}

.left_panel_1 {
  margin-bottom: 3%;
}

.left_panel_1 h2 {
  margin: 10px 0;
  color: #273057;
  font-family: "Playfair Display", serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
}

.left_panel_1 p {
  margin-bottom: 3px;
  text-align: justify;
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.left_panel_2 p {
  text-align: justify;
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.left_panel_2 {
  text-align: left;
}

.service_card_1 {
  padding: 15px;
  background: #fff;
  /* border: 1px dashed #ddd; */
  text-align: left;
  margin-bottom: 6%;
  width: 100%;
  min-height: 235px;
}

.service_card_1 img {
  width: 40px;
  margin-bottom: 10px;
}

.service_card_1 h3 {
  margin-top: 0;
  font-size: 25px;
  font-weight: 700;
  color: #f47971;
  /* font-family: 'Dancing Script', cursive; */
  transition: none;
  font-size: 16px;
  font-weight: 700;
  color: #273057;
  font-family: Josefin-sans;
  text-transform: uppercase;
}

.service_card_1 p {
  font-weight: 400;
  font-size: 14px;
  text-align: justify;
  color: #525c65;
}

.left_panel_3 h2 {
  margin: 10px 0;
  color: #273057;
  font-family: "Playfair Display", serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  margin-top: 0px;
}

.left_panel_4 {
  margin-bottom: 5%;
}

.left_panel_4 h2 {
  margin: 10px 0;
  color: #273057;
  font-family: "Playfair Display", serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
}

.left_panel_4 h3 {
  margin: 20px 0;
  text-align: left;
  word-spacing: 3px;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.chs_para {
  font-weight: 400;
  font-size: 14px;
  /* line-height: 24px; */
  text-align: justify;
  color: #525c65;
}

.choose_us_panel h4 {
  transition: none;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #273057;
  font-family: Josefin-sans;
  text-transform: uppercase;
}

.choose_us_panel img {
  width: 35px;
  padding: 0px 5px 0px 0;
}

.choose_us_panel p {
  text-align: justify;
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
  min-height: 115px;
}

.left_panel_5 {
  background: linear-gradient(to right, #34bba4, #0a5c5f);
  padding: 5% 3%;
  margin-bottom: 3%;
}

.action_card {
  background: #fff;
  padding: 2% 3% 5% 3%;
}

.action_img {
  width: 50px;
  padding: 10px;
}

.action_card h4 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
}

.action_card p {
  font-weight: 400;
  font-size: 14px;
  color: #525c65;
  text-align: center;
}

.action_btn {
  background: #0a5c5f;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  border: 1px dashed #555;
  transition: 0.5s;
}

.action_btn:hover {
  color: #555;
  transition: 0.5s;
  background: #fff;
}

.hvr-icon-buzz-out:before {
  content: "\f095";
}

.require_sec {
  padding-left: 5%;
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  color: #333;
}

.require_sec li {
  color: #ff5722;
}

.require_sec li span {
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.left_panel_6 h4 {
  color: #273057;
  font-family: "Playfair Display", serif;
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  margin-top: 0;
}

.left_panel_6 h2 {
  color: #273057;
  font-family: "Playfair Display", serif;
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  margin-top: 0;
}

.left_panel_6 h5 {
  margin: 20px 0;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.left_panel_7 h2 {
  margin: 20px 0;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.left_panel_7 h6 {
  margin: 20px 0;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.left_panel_6 {
  margin-bottom: 3%;
}

.left_panel_7 {
  margin-bottom: 3%;
}

.left_panel_8 {
  margin-bottom: 3%;
}

.left_panel_8 h2 {
  margin: 10px 0;

  color: #273057;
  font-family: "Playfair Display", serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
}

.left_panel_8 h6 {
  margin: 20px 0;

  font-size: 24px;

  line-height: 40px;

  font-weight: 700;

  color: #273057;

  font-family: "Playfair Display", serif;
}

.left_panel_8 p {
  text-align: justify;
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.carousel_bg {
  background: linear-gradient(rgba(21, 33, 45, 0.63), rgba(27, 30, 33, 0.56)),
    url(../images/bg/background-corporate.jpg) no-repeat center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.req {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

#fade-quote-carousel.carousel {
  padding: 4% 0%;
}

#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}

#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #fff;
  border: none;
  border: 1px solid #333;
}

#fade-quote-carousel blockquote p {
  text-align: center;
  border: none;
  padding: 10px 33px;
  margin: 0 0 20px;
  font-size: 14px;
  color: #fff;
}

#fade-quote-carousel .profile-circle {
  width: 75px;
  height: 75px;
  margin: 0 auto;
  border-radius: 100px;
}

#testimonial4 {
  overflow: hidden;
  min-height: 430px;
  position: relative;
  padding: 3% 0%;
  background: linear-gradient(rgba(21, 33, 45, 0.63), rgba(27, 30, 33, 0.56)),
    url(../images/bg/background-corporate.jpg) no-repeat center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

#testimonial4 .carousel-inner {
  width: 75%;
  margin: auto;
}

#testimonial4 .overlay_test {
  background-color: #222534;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

#testimonial4 .carousel-inner:hover {
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

#testimonial4 .carousel-inner:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

#testimonial4 .carousel-inner .item {
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators {
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 0%;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.testimonial4_indicators .carousel-indicators li {
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #fff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.testimonial4_indicators .carousel-indicators .active {
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  margin: 2px 3px;
  background-color: #ff5722;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
  height: 3px;
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
  background: #eee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control {
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #fff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
  transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
}

.testimonial4_header {
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}

.testimonial4_header h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}

.testimonial4_slide img {
  top: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 100px;
  margin: auto;
  display: block;
  color: #f2f2f2;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  position: relative;
}

.testimonial4_slide p {
  color: #fff;
  font-size: 16px;
  margin: 40px 0 20px 0;
}

.testimonial4_slide h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}

.comp_logo_list {
  padding-top: 1%;
}

@-webkit-keyframes psBoxShadowEffect_2 {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
      0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #ffffff,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes psBoxShadowEffect_2 {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff,
      0 0 0 10px rgba(255, 255, 255, 0.5);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #ffffff,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

.icon img {
  width: 40px;
}

.serv_top_marg_sec {
  margin-top: 30px;
}

.top_head_sec_2 {
  list-style-type: none;
  float: right;
}

.top_head_sec_2 li {
  display: inline-block;
  margin: 0 10px;
  color: #fff;
}

.top_head_sec_2 li a {
  color: #fff;
}

.top_head_sec_2 li span {
  display: inline-block;
  margin: 0 10px;
  background: #fff;
  color: #222;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 15px;
}

.top_head_sec {
  position: fixed;
  background: #555;
  height: 30px;
  width: 100%;
  top: 0;
  line-height: 30px;
  z-index: 9999;
}

.top_head_sec_1 {
  padding: 0 1.5%;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background: transparent;
}

/* .header-top-area {
    top: 30px
} */

.slider_text {
  color: #333;
  padding-top: 10%;
}

.slider_text h2 {
  font-size: 25px;
  display: inline-block;
  background: #ffffffb8;
  text-transform: uppercase;
  padding: 15px 50px;
  font-weight: 700;
  border-radius: 2px;
  letter-spacing: 3px;
  border: 1px solid #fff;
}

.navigation-background .logo {
  padding: 0;
}

.navigation-background .cmmi_level {
  position: relative;
}

.cmmi_level img {
  position: fixed;
  width: 75px;
  right: 5px;
  top: 35px;
  z-index: 888888;
}

.run_text {
  float: left;
  width: 25%;
  color: #fff;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #0d6364;
  color: #fff;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 16px;
  letter-spacing: 2px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 30px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

/****** Feedback form *****/

.feedback {
  display: inline;
  position: relative;
  padding: 0px 40px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #555;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */

.feedback input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
  border: 2px solid #555;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */

.feedback:hover input ~ .checkmark {
  background-color: #f2f2f2;
}

/* When the radio button is checked, add a blue background */

.feedback input:checked ~ .checkmark {
  background-color: #ff5722;
  border-color: #ff5722;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */

.feedback input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */

.feedback .checkmark:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.feedback-radio {
  margin: 0;
}

.feedback-margin {
  margin-top: 20px;
}

.enquire_control {
  background: #f5f5f5;
  box-shadow: none;
  border: 1px solid #ddd;
  width: 100%;
  overflow: hidden;
}

.feed-card {
  padding: 10px;
}

.feed-card-1 {
  border-radius: 4px;
  box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
  transition: box-shadow 0.3s ease;
  padding: 15px;
  background: #fff;
}

.feed-card-1:hover {
  box-shadow: 2px 4px 8px 0 rgba(46, 61, 73, 0.2);
  transition: box-shadow 0.3s ease;
}

.feedback-head h4 {
  color: #7d97ad;
  font-size: 17px;
  line-height: 1.5;
}

.feedback-page {
  background: #f5f8f9;
}

.uedeveloper-btn {
  box-shadow: 8px 10px 20px 0 rgba(46, 61, 73, 0.15);
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  background: #f43e53;
  outline: none;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-weight: 700;
}

.uedeveloper-btn:hover {
  color: #fff;
  box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
  transition: box-shadow 0.3s ease;
}

.blog-reads a h4 {
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  color: #273057;
  font-family: Josefin-sans;
  text-transform: uppercase;
}

.blog-reads a h4:hover {
  color: #33baa3;
}

.blog-reads p {
  margin: 0 15px;
  font-weight: 400;
  font-size: 14px;
  text-align: justify;
  color: #525c65;
}

/*******************************/

/*       campaign-page         */

/*******************************/

.text-column .inner {
  position: relative;
  padding-top: 60px;
}

.text-column .inner h4 {
  font-size: 18px;
}

.text-column h2 {
  font-size: 36px;
  font-weight: 300;
  color: #3b566e;
  margin-bottom: 15px;
}

.text-column p {
  margin-bottom: 30px;
  color: #525c65;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
  text-align: justify;
}

.camp_page {
  padding: 40px 0;
}

.top_solution {
  margin-top: 5%;
}

.inner_img {
  text-align: right;
}

.inner_img img {
  width: 500px;
  margin-top: 50px;
}

/* ======================================== */

/* ============ Price Table 2=============== */

/* ======================================== */

.second-bussiness-sec {
  border: 3px solid #3576ba;
  background-color: #237ce3;
  border-radius: 5px 5px 0px 0px;
}

.second-image-heading {
  color: #fff;
  padding-top: 30px;
}

.second-bussiness-sec img {
  width: 20%;
  margin-top: 25px;
}

.second-bussiness-sec h4 {
  color: white;
}

.second-bussiness-sec p {
  color: white;
  margin-top: 0;
}

.second-bussiness-sec-1 h3 {
  color: white;
}

.second-bussiness-sec-1 {
  border-top: 1px solid #358dee;
  background-color: #358dee;
  height: 65px;
}

.tick-image-blue {
  color: #358dee;
}

.down-sec-blue {
  background-color: white;
  box-shadow: 5px 5px 26px 0 rgba(46, 61, 73, 0.2);
  margin-top: -8px;
  border-radius: 0px 0px 5px 5px;
  border: 3px solid #3576ba;
}

.down-sec-blue:hover {
  border: 3px solid #3576ba;
  cursor: pointer;
  box-shadow: none;
}

.button-plan-blue {
  border: 1px solid black;
  /* padding: 7px 10px; */
  background-color: black;
  color: white;
  padding: 8px 11px 5px;
  font-size: 10px;
}

.button-plan-blue:hover {
  border: 1px solid #3576ba;
  background-color: #358dee;
  color: white;
}

.unlimited-sec {
  background-color: #de312a;

  border-radius: 5px 5px 0px 0px;
}

.unlimited-sec img {
  width: 20%;
  margin-top: 25px;
}

.unlimited-sec h4 {
  color: white;
}

.unlimited-sec p {
  color: white;
  margin-top: 0;
}

.unlimited-sec-1 h3 {
  color: white;
}

.unlimited-sec-1 {
  border-top: 1px solid #ec4235;
  background-color: #ec4235;
  height: 65px;
}

.tick-image-red {
  color: #ec4235;
}

.down-sec-red {
  background-color: white;
  box-shadow: 5px 5px 26px 0 rgba(46, 61, 73, 0.2);
  margin-top: -8px;
  border-radius: 0px 0px 5px 5px;
  border: 3px solid #ae3c2a;
}

.down-sec-red:hover {
  border: 3px solid #ae3c2a;
  cursor: pointer;
  box-shadow: none;
}

.button-plan-red {
  border: 1px solid black;
  padding: 8px 11px 5px;
  background-color: black;
  color: white;
  font-size: 10px;
}

.button-plan-red:hover {
  border: 1px solid #ae3c2a;
  background-color: #ec4235;
  color: white;
}

.professional-sec {
  border: 3px solid #e49025;
  background-color: #f99300;
  border-radius: 5px 5px 0px 0px;
}

.professional-sec img {
  width: 20%;
  margin-top: 25px;
}

.professional-sec h4 {
  color: white;
}

.professional-sec p {
  color: white;
  margin-top: 0;
}

.professional-sec-1 h3 {
  color: white;
}

.professional-sec-1 {
  border-top: 1px solid #ff9700;
  background-color: #ff9700;
  height: 65px;
}

.tick-image-yellow {
  color: #ff9700;
}

.down-sec-yellow {
  background-color: white;
  box-shadow: 5px 5px 26px 0 rgba(46, 61, 73, 0.2);
  margin-top: -8px;
  border-radius: 0px 0px 5px 5px;
  border: 3px solid #e49025;
}

.down-sec-yellow:hover {
  cursor: pointer;
  box-shadow: none;
}

.button-plan-yellow {
  border: 1px solid black;
  padding: 8px 11px 5px;
  background-color: black;
  color: white;
  font-size: 10px;
}

.button-plan-yellow:hover {
  border: 1px solid #e49025;
  background-color: #f99300;
  color: white;
}

.second-sec {
  background: linear-gradient(rgba(0, 0, 0, 0.97), rgba(0, 0, 0, 0.64)),
    url("../images/bg/pg.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.bussiness {
  background: linear-gradient(rgba(132, 206, 141, 0.73), rgba(58, 181, 74, 0.7)),
    url("../images/meeting.jpg") no-repeat;
  background-size: cover;
  height: 180px;
  background-position: bottom;
  border-radius: 10px 10px 0px 0px;
}

.bussiness-1 h3 {
  color: white;
  font-weight: 900;
  /* margin-top: 31px; */
  padding-top: 40px;
}

.bussiness-1 h2 {
  color: white;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}

.bussiness-1 p {
  color: white;
  font-weight: 700;
}

.bussiness-now {
  margin-top: 25px;
}

.bussiness-now h6 {
  font-weight: 500;
  font-size: 14px;
}

.bussiness-hr {
  width: 65%;
  margin: 15px auto;
}

.tick-image-bussiness {
  color: green;
}

.tick-image-bussiness-1 {
  color: green;
}

.tick-image-bussiness-2 {
  color: green;
}

.bussiness-now span {
  color: grey;
  letter-spacing: 1px;
}

.bussiness-now-1 {
  padding: 0% 40px;
}

.bussiness-now-1 h6 {
  font-weight: 500;
  color: #555;
  font-size: 14px;
}

.bussiness-now-1 span {
  color: grey;
  letter-spacing: 1px;
}

.bussiness-now-2 h6 {
  color: #555;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.bussiness-now-2 {
  padding: 0px 30px;
  color: #908080;
}

.choose-button {
  border: 1px solid #ff5722;
  border-radius: 25px;
  background-color: #ff5722;
  color: white;
  padding: 0;
  width: 100px;
  line-height: 30px;
  font-size: 12px;
  margin-top: 15px;
  outline: none;
}

.choose-button:hover {
  border: 1px solid #ff5722;
  border-radius: 25px;
  background-color: #fff;
  color: #ff5722;
}

.bussiness-2 {
  background-color: white;
  border: 3px solid #6f64640f;
  padding-bottom: 25px;
  border-radius: 0px 0px 10px 10px;
}

.bussines-sec-pad {
  box-shadow: 0 16px 24px 2px rgba(103, 103, 103, 0.14),
    0 6px 30px 5px rgba(130, 129, 129, 0.12),
    0 8px 10px -5px rgba(148, 147, 147, 0.3);
  border-radius: 10px;
}

.pad-no {
  padding: 0;
}

.limited {
  background: linear-gradient(rgba(232, 46, 46, 0.73), rgba(204, 82, 40, 0.75)),
    url("../images/unlimited.jpg") no-repeat;
  background-size: cover;
  height: 220px;
  background-position: bottom;
  margin-top: -40px;
  border-radius: 10px 10px 0px 0px;
}

.limit_3 {
  background: linear-gradient(#ff9800c4, rgba(255, 235, 59, 0.78)),
    url(../images/user.jpg) no-repeat;
  background-size: cover;
  height: 220px;
  background-position: bottom;
  margin-top: -40px;
  border-radius: 10px 10px 0px 0px;
}

.limited-1 h3 {
  color: white;
  font-weight: 900;
  padding-top: 40px;
}

.limited-1 h2 {
  color: white;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}

.limited-1 p {
  color: white;
  font-weight: 700;
}

.limited-now {
  margin-top: 25px;
}

.limited-now h6 {
  font-weight: 900;
  font-size: 14px;
}

.tick-image-limited {
  color: #d05736;
}

.limited-now span {
  color: grey;
  letter-spacing: 1px;
}

.limited-now-1 {
  padding: 0% 40px;
}

.limited-now-1 h6 {
  font-weight: 900;
  font-size: 14px;
}

.limited-now-1 span {
  color: grey;
  letter-spacing: 1px;
}

.limited-now-2 h6 {
  color: grey;
  font-size: 14px;
}

.limited-now-2 {
  padding: 0px 30px;
  color: #908080;
}

.choose-button-limited {
  border: 1px solid #ea5a51;
  padding: 8px 19px 5px;
  font-size: 14px;
  border-radius: 25px;
  background-color: #c14033;
  color: white;
}

.choose-button-limited:hover {
  border: 1px solid #ea5a51;
  border-radius: 25px;
  background-color: white;
  color: #ea5a51;
  font-weight: 700;
}

.limited-2 {
  background-color: white;
  border-radius: 0px 0px 10px 10px;
  border: 3px solid #fdf3f399;
  padding-bottom: 60px;
}

.professional {
  background: linear-gradient(rgba(83, 33, 216, 0.73), rgba(102, 92, 202, 0.75)),
    url("../images/thinking.png") no-repeat;
  background-size: cover;
  height: 180px;
  background-position: bottom;
  border-radius: 10px;
}

.professional-1 h3 {
  color: white;
  font-weight: 900;
  /* margin-top: 31px; */
  padding-top: 40px;
}

.professional-1 h2 {
  color: white;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}

.professional-1 p {
  color: white;
  font-weight: 700;
}

.professional-now {
  margin-top: 25px;
}

.professional-now h6 {
  font-weight: 900;
  font-size: 14px;
}

.tick-image-professional {
  color: #5749a8;
}

.professional-now span {
  color: grey;
  letter-spacing: 1px;
}

.professional-now-1 {
  padding: 0% 40px;
}

.professional-now-1 h6 {
  font-weight: 900;
  font-size: 14px;
}

.professional-now-1 span {
  color: grey;
  letter-spacing: 1px;
}

.professional-now-2 h6 {
  color: grey;
  font-size: 14px;
}

.professional-now-2 {
  padding: 0px 30px;
  color: #908080;
}

.tick-image-now {
  color: green;
}

.choose-button-professional {
  border: 1px solid #5f35a6;
  padding: 8px 19px 5px;
  font-size: 14px;
  border-radius: 25px;
  background-color: #784cb4;
  color: white;
}

.choose-button-professional:hover {
  border: 1px solid #5f35a6;
  border-radius: 25px;
  background-color: white;
  color: #5f35a6;
  font-weight: 700;
}

.professional-2 {
  background-color: white;
  /* box-shadow: 5px 5px 26px 0 rgba(46, 61, 73, .2); */
  border-radius: 0px 0px 10px 0px;
  border: 3px solid #6f64640f;
  padding-bottom: 25px;
}

.bg-image {
  padding-bottom: 50px;
}

.pricing-plan-shift {
  margin-top: 65px;
}

.second-sec sup {
  font-size: 50%;
}

/************ advantage-section *********/

.ad_bulb h3 {
  font-size: 28px;
  line-height: 36px;
}

.user_ad {
  padding: 0;
  list-style: inside;
  padding-top: 8px;
}

.user_ad li {
  padding: 2px 0;
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  color: #333;
}

.ad_bulb span i {
  height: 64px;
  width: 64px;
  border-radius: 50%;
  -webkit-box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
  box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
  background: #fff;
  text-align: center;
  line-height: 62px;
  font-size: 26px;
}

.color_1 {
  color: #5555c3;
}

.color_2 {
  color: #f47971;
}

.user_bullet {
  list-style-image: url(../images/icons/navigation.png);
}

.user_bullet2 {
  list-style-image: url(../images/icons/navigation2.png);
}

.sec_user {
  position: absolute;
  top: 152px;
  left: 82px;
}

.img_user {
  text-align: right;
  height: 352px;
}

.img_width {
  width: 51%;
}

.ad_head {
  text-align: center;
}

.advance_sec1 {
  padding-top: 60px;
}

.img_user1 {
  text-align: left;
  height: 352px;
}

.sec_user1 {
  position: absolute;
  top: 152px;
  right: 82px;
}

.advance_team {
  padding: 50px 0;
}

.ad_gate {
  padding: 16px 45px 0;
}

.gate_2_sec {
  text-align: left;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
  box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
  border-radius: 0.375rem;
  margin-bottom: 50px;
}

.ad_head1 {
  padding: 34px 0;
  text-align: center;
}

.gate_sec {
  background: #fafbfc;
}

.gate_detail {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  color: #3abcd4;
  padding: 10px 0;
  border-top: 1px solid;
}

.new_detail {
  cursor: pointer;
}

.ad_gate_detail {
  position: relative;
  height: 269px;
}

.new_detail:hover {
  text-shadow: 2px 2px #e2dcdc;
}

/***********************/

.aboutus {
  padding: 0 40px;
}

.aboutus-section {
  padding: 50px 0;
}

.aboutus-title {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
  margin: 0 0 39px;
  padding: 0 0 11px;
  position: relative;
  text-transform: uppercase;
  color: #000;
}

.aboutus-title::after {
  background: #37b3e4 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 54px;
}

.aboutus-text {
  color: #606060;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 35px;
}

.aboutus-more {
  border: 1px solid #fdb801;
  border-radius: 25px;
  color: #fdb801;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  padding: 7px 20px;
  text-transform: uppercase;
}

.feature .feature-box .iconset {
  background: #fff none repeat scroll 0 0;
  float: left;
  position: relative;
  width: 12%;
}

/*.feature .feature-box .iconset::after {
    background: #fdb801 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 27%;
    position: absolute;
    top: 100%;
    width: 1px;
}*/

.feature .feature-box .feature-content h4 {
  color: #0f0f0f;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0 0 5px;
}

.feature .feature-box .feature-content {
  float: left;
  padding-left: 28px;
  width: 78%;
}

.feature .feature-box .feature-content h4 {
  color: #0f0f0f;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0 0 5px;
}

.feature .feature-box .feature-content p {
  color: #606060;
  font-size: 14px;
  line-height: 22px;
}

.icon {
  padding: 0px;
  font-size: 40px;
  border-radius: 100px;
  color: #37b3e4;
  height: 44px;
  text-align: center;
  width: 44px;
}

.iconset i {
  line-height: 55px;
  font-size: 25px;
}

.iconset span {
  line-height: 45px;
  font-size: 22px;
}

.aboutus-section {
  display: none;
}

.feature-cont {
  padding: 0 94px;
}

/**************Testimonial********/

#testimonial5 {
  overflow: hidden;
  min-height: 469px;
  position: relative;
  background: linear-gradient(to right, #f47971, #5555c3) repeat scroll 0 0;
}

#testimonial5 .carousel-inner {
  width: 75%;
  margin: auto;
}

#testimonial5 .carousel-inner:hover {
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

#testimonial5 .carousel-inner:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

#testimonial5 .carousel-inner .item {
  overflow: hidden;
}

.testimonial5_indicators .carousel-indicators {
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: pointer;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.testimonial5_indicators .carousel-indicators li {
  padding: 0;
  width: 20px;
  height: 3px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial5_indicators .carousel-indicators .active {
  padding: 0;
  width: 20px;
  height: 3px;
  border: none;
  margin: 2px 3px;
  background-color: #000;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial5_indicators .carousel-indicators::-webkit-scrollbar {
  height: 3px;
}

.testimonial5_indicators .carousel-indicators::-webkit-scrollbar-thumb {
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial5_control_button .carousel-control {
  top: 232px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 35px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
  transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
}

.testimonial5_control_button .carousel-control.left {
  left: 7%;
  right: auto;
}

.testimonial5_control_button .carousel-control.right {
  right: 7%;
  left: auto;
}

.testimonial5_header {
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}

.testimonial5_header h4 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 23px 0px 29px;
}

.testimonial5_slide {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}

.testimonial5_slide .img_sit {
  top: 0;
  left: 0;
  right: 0;
  width: 80px;
  height: 80px;
  display: block;
  color: #f2f2f2;
  font-size: 18px;
  line-height: 46px;
  text-align: left;
  position: relative;
}

.slide_p_cont {
  color: #333;
  font-size: 14px;
  margin: 0px 0 45px 0;
  text-align: left;
  background: #fff;
  width: 100%;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 hsla(0, 0%, 84%, 0.4);
}

.review_amet {
  padding: 11px 11px 5px;
  position: relative;
}

.review_amet:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0px 0 45px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  left: 15%;
  bottom: -20px;
  content: close-quote;
  z-index: 1;
}

.testimonial5_slide h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  padding: 14px 0;
}

.img_res {
  text-align: right;
}

.img_res img {
  width: 90%;
}

@-webkit-keyframes psBoxShadowEffect_2 {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
      0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #ffffff,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes psBoxShadowEffect_2 {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff,
      0 0 0 10px rgba(255, 255, 255, 0.5);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #ffffff,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

/********** why choose us *********/

.new_service_class {
  text-align: center;
}

.bor_right {
  border-right: 1px solid #ddd;
}

.upper_case.task_title {
  font-size: 16px;
}

.task_sec {
  border-radius: 5px;
  padding: 6% 5%;
  background: #f7f7f7;
  transition: 0.5s;
}

.recom_style h2 {
  text-align: center;
}

.task_text {
  font-size: 14px;
  line-height: 20px;
  color: #555;
}

.task_icon {
  padding-bottom: 10px;
  width: 40px;
}

.left_content {
  text-align: left;
}

.second_call_corp img {
  width: 90px;
  padding: 10px;
}

.row_border {
  border-bottom: 1px solid #eee;
}

.recom_style {
  padding: 36px 0;
}

.recom_all_serv {
  padding-bottom: 50px;
}

.p-t-50 {
  padding-top: 50px;
}

.recom_back {
  background-color: #f7f7f7;
}

/***********************faq-section-ecommerce********************/

.faq_part1 h5 {
  font-weight: 700;
  font-size: 14px;
  color: #7d97ad;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.faq_h2 {
  padding-bottom: 40px;
}

.faq_part1 h4 {
  color: #2e3d49;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 26px;
  text-transform: none;
  width: 100%;
  letter-spacing: normal;
}

.faq_part1 p {
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  color: #525c65;
}

.faq_full {
  overflow-y: hidden;
  height: 210.4px;
  position: relative;
}

.faq_full_new {
  height: auto;
}

.read_click2 {
  display: none;
}

.faq_full:before {
  height: 4.5rem;
  position: absolute;
  left: 0;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  z-index: 1000;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(hsla(0, 0%, 100%, 0)),
    to(#fff)
  );
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
}

.readmore-toggle {
  margin: 0;
  padding: 19px 0;
  background: none;
  border: none;
  position: relative;
  max-width: 73.75rem;
  /* top: 1em; */
  left: 0;
  color: #02b3e4;
}

.faq_content_enroll {
  padding-bottom: 30px;
  border-bottom: 1px solid #dbe2e8;
}

.readmore-toggle:active {
  box-shadow: none;
}

.readmore-toggle:focus {
  outline: 0 !important;
}

.faq_pad_top {
  padding-top: 30px;
}

.call_action {
  border-radius: 4px;
  background: -webkit-linear-gradient(to right, #ff5722, #ff9800);
  background: linear-gradient(to right, #f47971, #5555c3);
  border: 0px solid #a86898;
  -webkit-box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
  box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
  padding: 27px;
  width: 100%;
  align-items: center;
}

.call_action_content p:nth-child(1) {
  margin: 0;
  line-height: 24px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

.call_action_content p:nth-child(2) {
  margin: 0;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}

.btn_call_action {
  line-height: 50px;
  text-align: right;
}

.call_pre {
  padding-bottom: 40px;
}

.theme_hvr_btn5 {
  background: transparent;
  position: relative;
  border: 2px solid #fff;
  border-radius: 2px;
  color: #fff;
  transform: skewX(-10deg);
  letter-spacing: 2px;
  outline: 0;
  padding: 10px 30px;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: 0 8px 17px 2px rgba(177, 175, 175, 0.14),
    0 3px 14px 2px rgba(84, 83, 83, 0.12), 0 5px 5px -3px rgba(93, 91, 91, 0.2);
  transition: all 0.5s;
}

.theme_hvr_btn5:hover {
  color: #fff;
  background: linear-gradient(to right, #ff5722, #ff9800);
  outline: 0;
  transition: all 0.5s;
}

/*************call-second***************/

/* ==================================
 * PROMOTIONS CSS
 * ================================ */

.bg-deep-sky {
  background: url("../images/bg-deep-sky.jpg") center center/cover no-repeat;
  background-attachment: cover;
  padding: 90px 0;
  -webkit-clip-path: polygon(0 9%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 9%, 100% 0%, 100% 100%, 0% 100%);
}

.bg-steve {
  background: linear-gradient(rgba(21, 33, 45, 0.63), rgba(27, 30, 33, 0.56)),
    url("../images/steve-jobs.jpg") no-repeat center center;
  background-attachment: fixed;
  padding: 75px 0;
}

.bg-steve .promo-subscribe {
  border-left: 3px solid #fff;
  padding: 10px;
}

.promo-top {
  overflow: hidden;
}

.promo-section {
  background: #f5fbfc;
}

.promo-phones {
  text-align: left;
  position: relative;
  max-width: 420px;
  display: block;
  height: 100%;
}

.promo-phones .promo-device-mobile {
  position: absolute;
  bottom: -79px;
  width: 220px;
  z-index: 3;
  right: 0px;
}

.promo-phones .promo-device-tab {
  position: absolute;
  width: 360px;
  bottom: -67px;
  z-index: 1;
  left: 0;
}

.promo-subscribe h2 {
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  margin-top: 40px;
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

.promo-subscribe p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

.theme_hvr_btn2 {
  padding: 6px 12px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px !important;
  font-weight: 600;
}

.promo-subscribe h4 {
  color: #fff;
  font-size: 18px;
  line-height: 14px;
}

.promo-subscribe .subscribe-form {
  margin: 50px auto 20px;
  position: relative;
  max-width: 445px;
}

.promo-subscribe .subscribe-form .form-control {
  padding: 0px 30px;
  font-weight: 300;
  font-size: 20px;
  height: 50px;
  border-radius: 30px;
  border: none;
}

.promo-subscribe .subscribe-form .btn-subscribe {
  position: absolute;
  border-radius: 50px;
  padding: 0 35px;
  cursor: pointer;
  height: 52px;
  top: -1px;
  right: 0;
}

.bg-damn {
  background-image: linear-gradient(to right top, #965bf1 0%, #766cf4 100%);
  color: #fff;
}

.promo-download-phone img {
  margin-bottom: -1px;
}

.promo-download-texts {
  padding-top: 95px;
  text-align: center;
}

.promo-download-texts h2 {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 45px;
}

.promo-download-texts h5 {
  font-weight: 300;
  font-size: 18px;
}

.btn_call_2 {
  padding: 18px 0;
}

/************why- choose********************/

.contact-section:before {
  content: "";
  position: absolute;
  left: 0px;
  margin-left: -40px;
  top: 0px;
  width: 50%;
  height: 100%;
  background: url(../images/bg/bg-shape-five.png) right center no-repeat;
}

.contact-section {
  position: relative;
  background: #ffffff;
  padding: 30px 0px 50px;
  border-top: 1px solid #eee;
  height: 759px;
}

.contact-section .image-column .inner img {
  max-width: none;
  position: absolute;
  right: 177px;
  top: 120px;
  width: 66%;
}

.ad_head3 {
  text-align: center;
}

.choose_part .panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #fff;
}

.choose_part .panel-default > .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #212121;
  background-color: #fff;
  border-color: #fff;
}

.choose_part .panel-title {
  font-size: 14px;
}

.choose_part .panel-title > a {
  display: block;
  padding: 16px;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

.choose_part .panel-title > a:hover {
  color: #333;
}

.choose_part .panel-title > a:focus {
  color: #333;
}

.more-less {
  float: right;
  color: #212121;
}

.choose_part .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eeeeee;
}

.choose_part h3 {
  padding: 22px 0;
}

/**************e-commerce-modal*****************/

.spec-box {
  text-align: left;
  padding: 5px;
  height: 150px;
}

.spec-box img {
  width: 30px;
}

.spec-box h5 {
  text-transform: uppercase;
  font-size: 14px;
  color: #7d97ad;
  font-weight: 700;
}

.spec-box p {
  color: #666;
  font-size: 14px;
  line-height: 20px;
}

.spec-modal {
  background: #607d8bc2;
}

.spec-dialog {
  width: 80%;
  margin: 2% auto;
}

.spec-header {
  background: url("../images/holi-color-1.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
}

.spec-header h4 {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}

.spec-header p {
  color: #eee;
  font-size: 14px;
}

.spec-header .close {
  color: #fff;
  font-size: 20px;
  opacity: 1;
  font-weight: 500;
  position: absolute;
  right: 10px;
  top: 6px;
}

.right-bor {
  border-right: 1px dashed #7d97ad;
}

.bottom-bor {
  border-bottom: 1px dashed #7d97ad;
}

.spec-content {
  border-radius: 10px;
  overflow: hidden;
}

.spec-hr {
  margin-top: 6px;
  margin-bottom: 6px;
  width: 80%;
  border-top: 1px dashed #7d97ad;
}

/***********************modal-2**********************/

.row .col {
  padding: 0 20px;
  float: left;
  box-sizing: border-box;
}

.row .col.x-50 {
  width: 50%;
}

.row .col.x-100 {
  width: 100%;
}

.content-wrapper {
  min-height: 100%;
  position: relative;
}

.get-in-touch {
  margin: 0 auto;
  position: relative;
  padding: 0 4%;
}

.get-in-touch .title {
  text-align: center;
  text-transform: initial;
  letter-spacing: 1px;
  font-size: 30px;
  line-height: 34px;
  font-family: "Playfair Display", serif;
  padding-bottom: 16px;
  font-weight: 600;
  padding: 0;
}

.contact-form .form-field {
  position: relative;
  margin: 16px 0;
}

.contact-form .input-text {
  display: block;
  width: 100%;
  height: 36px;
  border: 1px solid #d1daef;
  background: #f9f9f9;
  font-size: 14px;
  padding-left: 10px;
  border-radius: 4px;
  line-height: 26px;
  font-weight: 400;
  padding-left: 56px;
}

.contact-form textarea.input-text {
  height: auto;
}

.contact-form .input-text:focus {
  outline: none;
}

.contact-form .input-text:focus + .label,
.contact-form .input-text.not-empty + .label {
  -webkit-transform: translateY(-24px);
  transform: translateY(-24px);
}

.contact-form .label {
  position: absolute;
  left: 20px;
  bottom: 11px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #888;
  cursor: text;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.contact-form .submit-btn {
  display: inline-block;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
}

.spec-modal1 .modal-dialog {
  width: 37%;
}

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

.note {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 21px;
}

.note .link {
  color: #888;
  text-decoration: none;
}

.note .link:hover {
  text-decoration: underline;
}

.spec-modal1 .modal-content {
  border-radius: 0;
}

.title-font {
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
  margin-top: 0;
}

.section-sub {
  color: #525c65;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
}

.title-font-light {
  font-weight: 300;
  font-size: 36px;
  color: #014e72;
}

.title-font.white {
  color: #fff;
}

.seo_points {
  list-style-type: decimal;
  padding-left: 30px;
}

.seo_points li {
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

/************* Benefits section css ****************/

.ben_card {
  padding: 15px;
  margin: 10px;
}

.ben_card h3 {
  text-transform: uppercase;
  font-size: 16px;
  color: #333;
  font-weight: 500;
}

.ben_card p {
  color: #525c65;
  font-weight: 400;
  font-size: 14px;
}

.ben_image {
  padding: 15px;
  text-align: center;
}

.ben_image img {
  width: 75%;
}

.ben_m_l {
  margin-left: 60px;
}

.ben_m_r {
  margin-right: 60px;
}

.ben_m_t {
  margin-top: 50px;
}

.top_quote {
  margin: 15px 0;
  border-left: 3px solid #1b6669;
  padding: 5px 5px 8px 15px;
  background: #ecf0f6;
}

.top_quote p {
  margin-bottom: 0;
  color: #525c65;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
  text-align: justify;
}

.top_quote address {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.benefit_sec_1 {
  padding: 50px 0;
}

.addon_sec {
  padding: 60px 0 80px 0;
  background: #ecf0f6;
}

.addon_pack {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  position: relative;
  -webkit-box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
  box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
}

.addon_3 {
  list-style: square;
  margin-left: 40px;
  margin-top: 15px;
}

.addon_3 li {
  text-transform: capitalize;
}

.addon_1 {
  background: #03a9f4;
  color: #fff;
  text-align: center;
  padding: 10px;
  top: -10px;
}

.addon_1 h4 {
  margin: 0;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

.addon_1 p {
  font-weight: 700;
  font-size: 22px;
}

.add_1 {
  background: #03a9f4;
}

.add_2 {
  background: #8bc34a;
}

.add_3 {
  background: #ff5722;
}

.row_serv_bell1 {
  padding-top: 20px;
}

.ecom_hide_sec {
  display: none;
}

.show_hide_btn {
  text-align: center;
  cursor: pointer;
  color: #45667a;
  font-weight: 700;
}

.main-ecomm-heading {
  font-size: 18px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

/***** SEO Page *****/

.box-one {
  margin-top: 140px;
}

.box-three {
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 8px;
}

h3.box-three {
  font-size: 36px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 15px;
}

.flat-1 {
  font-size: 32px;
  font-weight: 700;
  color: #273057;
  margin: 0;
  font-family: "Playfair Display", serif;
}

.power-one {
  font-size: 16px;
  color: #42b109;
}

.seo_feature_sec {
  padding: 15px;
  min-height: 310px;
}

.seo_feature_sec img {
  width: 40px;
}

.seo_feature_sec h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  color: #273057;
  font-family: Josefin-sans;
  text-transform: uppercase;
}

.seo_feature_sec p {
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.seo_feat_sec_1 {
  padding: 15px;
  transition: all 0.5s;
  border-radius: 4px;
}

.seo_feat_sec_1:hover {
  background: #fff;
  box-shadow: 0 4px 5px 0 rgba(255, 255, 255, 0.14),
    0 1px 10px 0 rgba(255, 255, 255, 0.12),
    0 2px 4px -1px rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
}

.right {
  text-align: center;
}

.bottom_content {
  margin-top: 15px;
}

.para-right p {
  margin-top: 20px;
  line-height: 30px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.pdd {
  padding: 0px;
}

.right-three {
  width: 350px;
}

.question {
  margin-top: 100px;
  padding-bottom: 60px;
}

.seo_audit_sec {
  padding: 60px 0;
  background: #acdee8;
}

.question-three {
  font-size: 14px;
  color: #5d5b5b;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.qut {
  margin-top: 80px;
}

.soft {
  text-align: center;
  margin-top: 80px;
}

.soft-one {
  color: #959595;
}

.soft-two {
  font-size: 25px;
  font-weight: 900;
  margin-top: 0px;
}

.thumbnail {
  padding: 0px;
}

.file-one {
  margin-top: 50px;
}

.service_card_sec {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.service_card_sec:hover {
  box-shadow: 0 16px 24px 2px rgba(156, 154, 154, 0.14),
    0 6px 30px 5px rgba(179, 177, 177, 0.12),
    0 8px 10px -7px rgba(154, 154, 154, 0.2);
  transition: 0.5s;
}

.service_caption {
  padding: 15px;
}

.service_caption h3 {
  margin-top: 0;
  font-size: 16px;
  font-weight: 700;
  margin: 0px 0 11px;
  color: #273057;
  font-family: Josefin-sans;
  text-transform: uppercase;
}

.service_caption p {
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.view {
  margin-top: 0px;
  text-align: center;
}

.text {
  margin-top: 50px;
}

.navigate-two p {
  font-size: 14px;
  color: black;
}

.serv_sub_sec_1 {
  padding: 15px 0;
}

.text-one {
  width: 70px;
  height: 70px;
  border-radius: 100px;
  background: #ff5722;
  text-align: center;
  line-height: 70px;
  font-size: 30px;
  display: inline-block;
  font-weight: 700;
  color: #fff;
  box-shadow: 0 8px 17px 2px rgba(138, 137, 137, 0.14),
    0 3px 14px 2px rgba(150, 145, 145, 0.12),
    0 5px 5px -3px rgba(142, 138, 138, 0.2);
  margin: 0;
}

.serv_sec_img {
  height: 400px;
  display: table-cell;
  vertical-align: middle;
}

.margin-top {
  margin-top: 40px;
}

.navigate {
  margin-top: 30px;
}

.navigate-one {
  display: inline-block;
}

.improve-1 h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  color: #273057;
  font-family: Josefin-sans;
  text-transform: uppercase;
}

.improve-1 p {
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.navigate-two {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.19), 0 3px 1px -2px rgba(0, 0, 0, 0),
    0 1px 5px 0 rgba(0, 0, 0, 0);
  margin: 56px -75px;
  background-color: #f2f2f2;
  padding: 15px 50px 10px;
}

.working {
  margin-top: 30px;
}

.client-speak-2 {
  margin-top: 20px;
}

.question-two-1 {
  font-size: 36px;
  color: #ffffff;
  margin-bottom: 10px;
}

.working-two p {
  font-size: 16px;
}

.working-two h3 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 27px;
  color: mediumpurple;
  font-weight: 700;
}

.working-one h2 {
  text-align: center;
  /* height: 50px; */
  line-height: 41px;
  border-bottom: 1px solid #ddd;
  font-size: 25px;
}

.working-one {
  width: 100%;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: white;
}

.working-one h4 {
  text-align: center;
  height: 50px;
  line-height: 35px;
  border-bottom: 1px solid #ddd;
}

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

.working-two {
  text-align: center;
  height: 125px;
  margin-top: 0px;
  line-height: 125px;
  border-bottom: 1px solid #ddd;
  font-weight: 900;
}

.working-four {
  text-align: center;
  /* height: 50px; */
  line-height: 34px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #949494;
  /* margin-top: -10px; */
  position: relative;
}

.working-four:before {
  position: absolute;
  content: "\f00c";
  font-size: 14px;
  font-family: fontawesome;
  top: 0px;
  left: 15px;
  color: green;
}

.working-four:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 36px;
  top: 0px;
  left: 40px;
  background: #ddd;
}

.working-three {
  list-style: none;
}

.working-five {
  text-align: center;
  margin-top: 50px;
}

.call-action {
  margin-top: 0;
}

.responce {
  width: 90%;
  margin-top: 35px;
}

.working-six {
  width: 200px;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  background: #7ab55c;
  color: white;
  border: 1px solid #7ab55c;
}

.smart {
  margin-top: 30px;
}

.develop {
  margin-top: 80px;
}

.develop-one {
  width: 100%;
  height: 125px;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

.develop-two {
  width: 150px;
  height: 60px;
  padding-top: 40px;
  margin-left: 80px;
  display: inline-block;
}

#welcome_modal .modal-dialog {
  width: 20%;
}

.develop-three {
  width: 80px;
  padding-top: 40px;
  margin-left: 40px;
  display: inline-block;
}

.hard {
  width: 100%;
  height: 400px;
  background: linear-gradient(to right, rgb(242, 153, 74), rgb(242, 201, 76));
}

.hard-two {
  font-size: 22px;
  font-weight: 900;
  margin-top: 150px;
  line-height: 35px;
  letter-spacing: 2px;
}

.call-p {
  margin-top: 18px;
  font-size: 16px;
}

.call-h {
  margin-top: 20px;
  font-weight: 700;
}

.hard-three {
  width: 300px;
  height: 60px;
  background: #7ab55c;
  border: 1px solid #7ab55c;
  font-size: 16px;
  color: white;
  margin-top: 10px;
}

.pro_section:after {
  font-size: 14px;
}

.alex {
  margin-top: 50px;
}

.seo_specs {
  background: linear-gradient(to right, #34bba4, #0a5c5f);
  padding: 80px 0;
}

.alex-one {
  width: 100%;
  box-shadow: 0 2px 2px 0 rgba(177, 173, 173, 0.16),
    0 0 0 1px rgba(169, 166, 166, 0.08);
  padding: 30px;
  margin-bottom: 30px;
  min-height: 275px;
  text-align: center;
  background: #fff;
  -webkit-clip-path: polygon(
    0% 15%,
    15% 15%,
    15% 0%,
    85% 0%,
    85% 15%,
    100% 15%,
    100% 85%,
    85% 85%,
    85% 100%,
    15% 100%,
    15% 85%,
    0% 85%
  );
  clip-path: polygon(
    0% 15%,
    15% 15%,
    15% 0%,
    85% 0%,
    85% 15%,
    100% 15%,
    100% 85%,
    85% 85%,
    85% 100%,
    15% 100%,
    15% 85%,
    0% 85%
  );
}

.alex-one:hover {
  box-shadow: 0 8px 17px 2px rgba(169, 169, 169, 0.14),
    0 3px 14px 2px rgba(193, 190, 190, 0.12),
    0 5px 5px -3px rgba(177, 175, 175, 0.2);
  cursor: pointer;
}

.alex-one h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  color: #273057;
  font-family: Josefin-sans;
  text-transform: uppercase;
}

.alex-one p {
}

.para-right {
  margin-top: 50px;
}

.image-1 {
  width: 40px;
  margin: auto;
}

.question-two-2 {
  font-size: 36px;
  color: #014e72;
  margin-bottom: 40px;
}

.seo_call_left img {
  width: 350px;
}

.alex-hr {
  margin-top: 50px;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

.alex-h2 {
  font-weight: 900;
  margin-left: 25px;
  color: #f6f6f6;
  font-size: 30px;
}

.come {
  width: 100%;
  height: 700px;
  background: #e2eeff;
}

.come-one {
  text-align: center;
  margin-top: 100px;
}

.come-two {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 5px;
}

.come-three {
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
  color: #949494;
}

.come-four {
  width: 250px;
  height: 50px;
  background: #7ab55c;
  color: white;
  margin-top: 30px;
}

.responsive-five {
  margin-top: 80px;
}

.new-image-seo {
  width: 64%;
  margin-top: 0;
}

.text-one:hover {
  box-shadow: none;
  border: 1px solid #f2f2f2;
}

.bg-white {
  background-image: url(../images/bg/5.jpg);
  background-repeat: no-repeat;
  height: 350px;
}

.thumbnail:hover {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: border 0.2s ease-in-out;
}

.pricing-sec-3 {
  background: linear-gradient(rgba(21, 33, 45, 0.63), rgba(27, 30, 33, 0.56)),
    url(../images/bg/invoice-billing-software.jpeg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 50px 0;
}

.card-three {
  padding-bottom: 30px;
}

.card-three-sec-1 {
  padding: 25px;
}

.card-three-1 {
  background: #fff;
  box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
}

.card-three-sec-1 h4 {
  font-size: 40px;
  color: #fff;
}

.card-three-sec-1 h4 sub {
  font-size: 30%;
}

.card-three-sec-1 h5 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}

.card-three-sec-1 p {
  color: #fff;
  font-size: 14px;
}

.card-three-sec-2 {
  background: #fff;
}

.card-three-sec-2 p {
  padding: 10px 15px;
  margin: 0;
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.card-three-sec-2 p i.fa.fa-check {
  float: left;
  color: #4caf50;
}

.card-three-sec-2 p i.fa.fa-times {
  color: #f44336;
}

.card-three-sec-2 p:nth-child(odd) {
  background: #fff;
}

.card-three-sec-2 p:nth-child(even) {
  background: #eee;
}

.card-three-sec-2 p span {
  border-radius: 2px;
  background: #ff5722;
  border: 1px solid #ff5722;
  color: #fff;
  font-size: 10px;
}

.card-three-sec-2 p span.badge {
  background: #f5f6f2;
  border: 1px solid #ddd;
  color: #333;
}

.price-btn-3 {
  padding: 0 20px;
  border-radius: 4px;
  border: 2px solid #ff00cc;
  background: #fff;
  color: #ff00cc;
  text-transform: uppercase;
  transform: skewX(-10deg);
  letter-spacing: 2px;
  font-size: 10px;
  height: 30px;
  line-height: 27px;
}

.price-btn-3:hover {
  background: linear-gradient(to right, #ff00cc, #a40c8c);
  color: #fff;
  transition: 0.3s;
}

.price-btn-4 {
  padding: 0 20px;
  border-radius: 4px;
  border: 2px solid #2196f3;
  background: #fff;
  color: #2196f3;
  transform: skewX(-10deg);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  height: 30px;
  line-height: 27px;
}

.price-btn-4:hover {
  background: linear-gradient(to right, #03a9f4, #1469ad);
  color: #fff;
  transition: 0.3s;
}

.price-btn-5 {
  padding: 0 20px;
  border-radius: 4px;
  border: 2px solid #ff6a00;
  background: #fff;
  transform: skewX(-10deg);
  color: #ff6a00;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  height: 30px;
  line-height: 27px;
}

.price-btn-5:hover {
  background: linear-gradient(to right, #ff5722, #ff9800);
  color: #fff;
  transition: 0.3s;
}

.price-btn-6 {
  padding: 0 20px;
  border-radius: 4px;
  border: 2px solid #45b649;
  transform: skewX(-10deg);
  background: #fff;
  color: #45b649;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  height: 30px;
  line-height: 27px;
}

.price-btn-6:hover {
  background: linear-gradient(to right, #dce35b, #45b649);
  color: #fff;
  transition: 0.3s;
}

.card-three-grad-1 {
  background: linear-gradient(to right, #ff00cc, #a40c8c);
}

.card-three-grad-2 {
  background: linear-gradient(to right, #ff5722, #ff9800);
}

.card-three-grad-3 {
  background: linear-gradient(to right, #ee0979, #ff6a00);
}

.card-three-grad-4 {
  background: linear-gradient(to right, #dce35b, #45b649);
}

.section-gray {
  background: #e5e5e5;
  padding: 60px 0 30px 0;
}

.card-blog {
  margin-top: 30px;
}

.card {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card .card-image {
  height: 20%;
  position: relative;
  overflow: hidden;
  margin-top: -30px;
  border-radius: 6px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.blog_txt {
  padding-top: 15px;
}

.blog_txt h4 a {
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  margin: 0px 0 10px;
  color: #273057;
  font-family: Josefin-sans;
  text-transform: uppercase;
}

.blog_txt h4 a:hover {
  color: #ff5722;
}

.blog_txt p {
  /* color: #666; */
}

.card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  pointer-events: none;
}

.card .card-image .card-caption {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 1.3em;
  text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}

.img-raised {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card .author .avatar {
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px;
}

.card .table-info {
  background: linear-gradient(60deg, #26c6da, #0097a7);
}

.card [class*="table-"] {
  color: #ffffff;
  border-radius: 6px;
}

.btn-round {
  border: 1px solid white;
  background-color: white;
  border-radius: 4px;
}

.boost-background {
  background: #f5f6f7;
  padding: 80px 0;
}

.service-background {
  background-color: #f7f7f7;
  padding: 80px 0;
}

.quote-background {
  background-image: url(../images/bg/people-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding: 40px 0;
  text-align: center;
  background-attachment: fixed;
}

.white {
  color: #fff;
}

.quote {
  color: #fff;
}

.wpb_wrapper-1 p {
  /* font-size: 20px; */
  text-transform: uppercase;
  line-height: 22px;
}

.client-image img {
  width: 15%;
}

.client-image p {
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.client-image h5 {
  font-weight: 700;
  font-size: 14px;
  color: #777;
}

.improve-section {
  padding: 80px 0;
}

.quote p {
  font-size: 45px;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 300;
  padding: 0 30px;
  line-height: 40px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 15px;
}

.quote button {
  margin-top: 15px;
}

.seo_call_to_action {
  padding: 40px 0;
}

/******************* label Design **************************/

.new-label {
  padding: 150px 0 70px 0;
}

.new-label-one h1 {
  font-size: 40px;
  color: #014e72;
}

.new-label-one p {
  font-size: 30px;
  font-weight: 100;
  color: #666;
  line-height: 50px;
  font-family: "Quicksand", sans-serif;
}

.new-label-one h4 {
  font-size: 22px;
  font-weight: 700;
  color: #333;
}

.new-label-button {
  width: 200px;
  height: 50px;
  margin-top: 60px;
  border: 2px solid #ff5722;
  background: none;
  color: #ff5722;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px;
}

.new-label-one {
  padding-top: 50px;
}

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

.label-two img {
  width: 80%;
}

.seo_top {
  text-align: left;
}

.seo_top p {
  margin-bottom: 15px;
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
  z-index: 9;
}

.label_top h1 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 15px;
}

.label_top p {
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.label_top .flat-1 {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 15px;
}

.label_top .flat-1 span {
  font-size: 16px;
  font-weight: 500;
}

.label_what_1 p {
  line-height: 30px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.read_activity {
  display: inline-block;
  background: #014e72;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  padding: 0 6px;
  line-height: 20px;
}

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

.our-box h1 {
  margin-top: 85px;
  color: #014e72;
}

.our-box P {
  margin-bottom: 50px;
  line-height: 30px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.label_port_folio {
  margin-bottom: 30px;
  height: 300px;
  overflow: hidden;
  border: 3px solid #4e4d4d;
}

.label_port_folio img {
  width: 100%;
  cursor: crosshair !important;
}

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

.type-lebal h1 {
  margin-top: 85px;
  color: #014e72;
}

.type-lebal p {
  font-size: 14px;
  color: #6e6e6e;
  font-weight: 400;
}

.label-type-image {
  width: 40px;
  text-align: center;
  margin-top: 30px;
}

.type-label-one {
  text-align: center;
}

.type-label-one h3 {
  font-size: 16px;
  font-weight: 700;
  color: #273057;
  font-family: Josefin-sans;
  text-transform: uppercase;
}

.type-label-one p {
  line-height: 28px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.pricing h1 {
  margin-top: 80px;
  color: #014e72;
}

.pricing p {
  margin-top: 25px;
  margin-left: 50px;
  line-height: 23px;
  color: #6e6e6e;
}

.box-th-one {
  width: 250px;
  text-align: center;
}

.box-th-two {
  width: 200px;
  text-align: center;
  font-size: 30px;
}

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

.table > tbody > tr > td {
  border: none;
}

.pricing {
  margin-bottom: 30px;
}

.table tr,
td {
  border-top: 1px solid #ddd;
  margin-top: 30px;
}

.table i {
  font-size: 25px;
  color: black;
}

tr > td:nth-child(2) {
  background: none;
}

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

.talk {
  margin-top: 0px;
  text-align: center;
}

.talk-two {
  margin-top: 40px;
}

.talk-two h1 {
  letter-spacing: 2px;
  word-spacing: 8px;
  color: #014e72;
}

.talk-two p {
  margin-top: 25px;
  line-height: 30px;
  font-size: 14px;
  color: #525c65;
  font-weight: 400;
}

.talk-two h3 {
  margin: 0 0 15px 0;
  color: #6e6e6e;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
}

.talk-two h4 {
  margin: 5px 15px;
  color: #6e6e6e;
  font-size: 16px;
}

.talk-two h5:hover {
  color: #ff5722;
  text-decoration: underline;
  cursor: pointer;
}

.talk-two i {
  margin-right: 0;
  font-size: 14px;
  font-weight: 300;
}

.talk-two .top_quote {
  margin: 15px 0 0 25px;
}

.talk-two .top_quote p {
  margin-top: 0;
  line-height: 22px;
}

.talk-two .top_quote h4 {
  font-size: 14px;
}

.request {
  text-align: center;
}

.icon_quote p {
  font-size: 16px;
  font-weight: 300;
  position: relative;
  /* z-index: 8888; */
  padding: 10px 75px 0px 15px;
  line-height: 32px;
  letter-spacing: 1px;
  margin: 0;
}

.icon_quote p:before {
  position: absolute;
  content: "\f10d";
  font-family: fontAwesome;
  font-size: 50px;
  left: 0;
  top: 0;
  z-index: -9;
  color: #d1d7da6e;
}

.talk-two h6 {
  padding-left: 15px;
}

.new-label-button-one {
  border: 2px solid #ff5722;
  background: none;
  color: #ff5722;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px;
}

.bronze {
  border: 4px solid #e0b48c;
  width: 200px;
  height: 100px;
  text-align: center;
}

.bronze h3 {
  margin-top: 35px;
  font-weight: 700;
  text-transform: capitalize;
}

.label_portfolio_download {
  padding: 15px 0;
  background: linear-gradient(to right, #34bba4, #0a5c5f);
}

.bronze-one {
  border: 4px solid #b2b2b2;
  width: 200px;
  height: 100px;
  text-align: center;
}

.bronze-one h3 {
  margin-top: 35px;
  font-weight: 700;
}

.bronze-two {
  color: #b2b2b2;
  border: 4px solid #e8b954;
  width: 200px;
  height: 100px;
  text-align: center;
}

.bronze-two h3 {
  margin-top: 35px;
  font-weight: 700;
}

.bronze-three {
  color: #b2b2b2;
  border: 4px solid #555555;
  width: 200px;
  height: 100px;
  text-align: center;
}

.bronze-three h3 {
  margin-top: 35px;
  font-weight: 700;
}

.billgets {
  margin-left: 30px;
  font-weight: 900;
}

.soci_link {
  list-style: none;
  margin-top: 15px;
}

.soci_link a li {
  display: inline-block;
  margin-left: 10px;
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  font-size: 18px;
  line-height: 35px;
  text-align: center;
  transition: all 0.4s ease-in-out;
  padding: 0;
}

.soci_link a li:hover {
  background: #fff;
  color: #014e72;
  transition: all 0.4s ease-in-out;
}

.label_what {
  background: #ecf0f6;
  padding: 50px 0;
}

.label_market {
  -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  text-align: center;
  padding: 15px 50px 0;
  background: #fff;
  min-height: 310px;
}

.label_market h4 {
  font-weight: 700;
  margin: 0;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.label_market p {
  /* color: #666; */
}

.label_prof_sec {
  padding: 15px 0 0 0;
}

.label_market img {
  width: 40px;
  padding-bottom: 10px;
}

.label_what_1 h3 {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 700;
}

.top_seo_section {
  padding: 150px 0 100px 0;
}

.section_title {
  padding-bottom: 40px;
  text-align: center;
}

.label_work {
  padding: 90px 0;
}

.label_type_sec {
  padding: 60px 0;
  background: #ecf0f6;
}

.label_call_action {
  padding: 60px 0;
}

.label_pricing_sec {
  padding: 60px 0;
}

.on_page_dialog {
  width: 90%;
  margin: 15px auto;
}

.on_page_content {
  border-radius: 0;
}

.seo_client_speak {
  padding: 80px 0;
}

/***** Header Dropdown *******/
.navbar-nav > li > .dropdown-menu {
  min-width: 435px !important;
  margin-top: 0px;
  border-radius: 0;
  background: #fff !important;
}


/**** CSS Sprites ****/
.bg-website_develop {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -70px -10px;
}

.bg-website_writing {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -310px -10px;
}

.bg-wordpress {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -10px -70px;
}

.bg-youtube {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -70px -70px;
}

.bg-advance_seo {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -130px -10px;
}

.bg-android_app {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -130px -70px;
}

.bg-android_ui {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -10px -130px;
}

.bg-api_develop {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -70px -130px;
}

.bg-article_writing {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -130px -130px;
}

.bg-bag_label_design {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -190px -10px;
}

.bg-beer_label_design {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -190px -70px;
}

.bg-billing_software {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -190px -130px;
}

.bg-broken_link {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -10px -190px;
}

.bg-business_software {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -70px -190px;
}

.bg-business_website {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -130px -190px;
}

.bg-cms_website {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -190px -190px;
}

.bg-coding {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -250px -10px;
}

.bg-crm_software {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -250px -70px;
}

.bg-customers {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -250px -130px;
}

.bg-dynamic_website {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -250px -190px;
}

.bg-ecommerce_website {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -10px -250px;
}

.bg-editor {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -70px -250px;
}

.bg-facebook {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -130px -250px;
}

.bg-filter {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -190px -250px;
}

.bg-food_label_design {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -250px -250px;
}

.bg-google_analytics {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -10px -10px;
}

.bg-google_plus {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -310px -70px;
}

.bg-google_web {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -310px -130px;
}

.bg-icon_sites {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -310px -190px;
}

.bg-idea {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -310px -250px;
}

.bg-instagram {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -10px -310px;
}

.bg-landing_page {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -70px -310px;
}

.bg-laptop {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -130px -310px;
}

.bg-linkedin {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -190px -310px;
}

.bg-online_shop {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -250px -310px;
}

.bg-orders {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -310px -310px;
}

.bg-payment {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -370px -10px;
}

.bg-personal_website {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -370px -70px;
}

.bg-photoshop {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -370px -130px;
}

.bg-product_label_design {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -370px -190px;
}

.bg-products {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -370px -250px;
}

.bg-rating {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -370px -310px;
}

.bg-search {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -10px -370px;
}

.bg-seo_icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -70px -370px;
}

.bg-seo_writing {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -130px -370px;
}

.bg-social {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -190px -370px;
}

.bg-tshirt_label_design {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -250px -370px;
}

.bg-twitter {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -310px -370px;
}

.bg-clothing_label_design {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -370px -370px;
}

.bg-creative_writing {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("../images/uedeveloper-icons-sprites.png") -430px -10px;
}

/**** Team Sprite ****/

.bg-mukesh {
  width: 80px;
  height: 57px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -510px -10px;
}

.bg-piyush {
  width: 80px;
  height: 76px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -410px -208px;
}

.bg-sanjeev {
  width: 80px;
  height: 75px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -10px -244px;
}

.bg-shailesh {
  width: 80px;
  height: 80px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -310px -10px;
}

.bg-sohan {
  width: 80px;
  height: 75px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -10px -344px;
}

.bg-sourabh {
  width: 80px;
  height: 91px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -110px -10px;
}

.bg-tapas {
  width: 80px;
  height: 89px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -210px -10px;
}

.bg-shivkant {
  width: 80px;
  height: 66px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -210px -344px;
}

.bg-abhilash {
  width: 80px;
  height: 66px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -110px -344px;
}

.bg-abhinav {
  width: 80px;
  height: 80px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -310px -110px;
}

.bg-abhishek {
  width: 80px;
  height: 61px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -410px -344px;
}

.bg-aditya {
  width: 80px;
  height: 85px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -110px -137px;
}

.bg-akshay {
  width: 80px;
  height: 80px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -310px -244px;
}

.bg-aman {
  width: 80px;
  height: 80px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -310px -244px;
}

.bg-anshul {
  width: 80px;
  height: 80px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -410px -10px;
}

.bg-anubhav {
  width: 80px;
  height: 80px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -210px -137px;
}

.bg-atindra {
  width: 80px;
  height: 87px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -10px -137px;
}

.bg-babita {
  width: 80px;
  height: 66px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -310px -344px;
}

.bg-devesh {
  width: 80px;
  height: 107px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -10px -10px;
}

.bg-dhiru {
  width: 80px;
  height: 78px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -410px -110px;
}

.bg-divya {
  width: 80px;
  height: 80px;
  display: inline-block;
  background: url("../images/uedeveloper-team-sprite.png") -110px -244px;
}

/************ About Us CSS ************/

.new-about-one {
  width: inherit;
  height: 500px;
  background-image: url(../images/bg/slider7.jpg);
  text-align: center;
  background-size: cover;
}

.new-about-heading {
  position: relative;
  top: 170px;
}

.new-about-heading hr {
  width: 320px;
  border: 2px solid #555;
  margin-top: 0px;
}

.new-about-heading h2 {
  font-size: 44px;
  color: #fff;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  text-shadow: 1px 1px #ffffff;
  letter-spacing: 2px;
}

.new-about-heading p {
  color: #fff;
  font-size: 20px;
}

.service-1 {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 30px 90px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 30px 90px 0 rgba(0, 0, 0, 0.1);
  padding: 35px 20px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}

.service-1 h4 {
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  font-family: Josefin-sans;
  text-transform: uppercase;
  color: #273057;
}

h4 {
}

.service-1 p {
  line-height: 22px;
  padding: 0px 0px 0px 0px;
  font-weight: 400;
  font-size: 14px;
  color: #525c65;
}

.service-1 img {
  width: 50px;
}

service-1 h4 {
  font-size: 20px;
  padding: 5px 0px;
  font-weight: 600;
  margin-top: 20px;
}

.service-section {
  margin-top: -50px;
}

.team-top {
  margin-top: 20px;
}

.service-1 hr {
  width: 35px;
  border-top: 1px solid blue;
  margin-bottom: 15px;
  margin-top: 15px;
}

.experience-new h3 {
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.experience-1 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.experience-new p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  color: #525c65;
}

.experience-image img {
  margin-top: 10px;
}

.experience-heading h4 {
  font-size: 18px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.experience-heading p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  color: #525c65;
}

.bg-image-choose {
  background: linear-gradient(rgba(21, 33, 45, 0.63), rgba(27, 30, 33, 0.56)),
    url(../images/bg/bg-about.jpg) no-repeat center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  background-position: center;
}

.choose-heading h2 {
  color: #fff;
  text-align: center;
  margin-top: 40px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

.choose-heading p {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
}

.choose-round img {
  width: 40px;
}

.choose-round {
  height: 100px;
  width: 100px;
  border: 1px solid #fff;
  border-radius: 50px;
  line-height: 97px;
  margin: auto;
}

.choose-round-1 h4 {
  color: #fff;
  margin-top: 22px;
  font-size: 18px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

.choose-round-1 hr {
  width: 40px;
  margin-top: 6px;
}

.choose-round-1 p {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

.choose-top {
  margin-top: 60px;
}

.choose-heading hr {
  border-top: 1px solid #fff;
  width: 50px;
}

.count img {
  width: 55px;
}

.count {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 30px 20px;
  border-radius: 4px;
}

.count p {
  font-size: 25px;
  margin-top: 20px;
  font-weight: 600;
  color: grey;
}

.count h4 {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.count-1 p {
  font-size: 25px;
  margin-top: 20px;
  font-weight: 600;
  color: #f47971;
}

.count-1 img {
  width: 55px;
}

.count-1 {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 30px 20px;
  border-radius: 4px;
}

.count-1 h4 {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.count-top {
  margin-top: -70px;
}

/*
==============================
TIMELINE
==============================
*/

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #cecece;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 50%;
  float: left;
  border: 1px solid #d2d2d2;
  background: #fff;
  border-radius: 2px;
  padding: 20px;
  text-align: left;
  position: relative;
}

.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
  margin-top: -10px;
}

.timeline > li:not(.timeline-inverted) {
  padding-right: 90px;
  cursor: pointer;
}

.timeline > li.timeline-inverted {
  padding-left: 90px;
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -16px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #bdbdbd;
  border-right: 0 solid #bdbdbd;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 15px solid transparent;
  content: " ";
}

.section-bg-color .timeline > li > .timeline-panel:after {
  border-left: 15px solid #f7f7f7;
  border-right: 0 solid #f7f7f7;
}

.timeline > li > .timeline-badge {
  width: 20px;
  height: 20px;
  line-height: 50px;
  position: absolute;
  top: 32px;
  left: 50%;
  margin-left: -11px;
  background-color: #ff5722;
  z-index: 9;
  border-radius: 50%;
  border: 5px solid #ffffff;
}

.timeline > li > .timeline-label h4 {
  margin: 0px;
  font-size: 25px;
}

.timeline > li > .timeline-label p {
  margin: 0;
  opacity: 0.8;
}

.timeline > li > .timeline-label {
  height: 65px;
  position: absolute;
  top: 32px;
  left: 50%;
  margin: -25px 0 0 25px;
  padding: 10px 15px;
  text-align: left;
  z-index: 9;
  border-radius: 4px;
  transition: all linear 0.3s;
}

.timeline > li.timeline-inverted > .timeline-label {
  top: 32px;
  left: 50%;
  margin-left: -325px;
  white-space: nowrap;
  text-align: right;
  width: 300px;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 15px;
  left: -14px;
  right: auto;
}

.timeline-title {
  margin-top: 0;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
  text-align: left;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.timeline > li:hover > .timeline-label {
  transform: translateX(10px);
}

.timeline > li.timeline-inverted:hover > .timeline-label {
  transform: translateX(-10px);
}

.timeline > li:hover > .timeline-badge {
  border: 3px solid #fff;
  transition: all 0.3s;
}

.timeline small {
  margin-bottom: 10px;
  display: block;
}

.chose-ul {
  list-style: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  color: #333;
}

.chose-ul li i {
  color: #f47971;
  font-size: 18px;
}

.chose-ul li span {
  font-size: 14px;
}

.commitment-heading h3 {
  word-spacing: 3px;
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.commitment-heading p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  color: #525c65;
}

.progress {
  height: 18px;
  margin-bottom: 5px;
  border-radius: 30px;
}

.progress .skill {
  font: normal 12px;
  line-height: 20px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}

.progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

.progress-bar {
  text-align: left;
  transition-duration: 3s;
  background: linear-gradient(to right, #f47971, #5555c3);
}

.commitment {
  background-color: #f6f6f8;
}

.commitment-box {
  box-shadow: 0px 4px 28px -8px rgba(98, 103, 111, 0.35);
  background-color: #fff;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
  padding: 35px;
  margin: 75px 0px;
}

.progress-label {
  margin-top: 15px;
  margin-bottom: 0;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  color: #525c65;
}

.commitment-image img {
  width: auto;
  text-align: center;
}

.commitment-image h4 {
  margin: 20px 0px 10px;
  font-size: 18px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.commitment-image p {
  line-height: 22px;
  margin: 10px 0px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #525c65;
}

.commitment-pad {
  margin: 45px 0px;
}

.timeline-pad {
  padding: 50px 0px;
}

.quote-bg {
  background: linear-gradient(to right, #5555c3, #f4797173),
    url(../images/bg/quote-bg.jpg) no-repeat center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 90px 0;
  -webkit-clip-path: polygon(0 9%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 9%, 100% 0%, 100% 100%, 0% 100%);
}

.quote-bg-1 h2 {
  font-size: 42px;
  line-height: 52px;
  text-transform: inherit;
  color: #fff;
  padding: 0 100px;
  margin-top: 60px;
}

.mission-bg {
  background: linear-gradient(rgb(1, 78, 114), rgba(1, 78, 114, 0.02)),
    url(../images/bg/mission-bg.jpg) no-repeat center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.why-we-best .wrapper {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  margin-top: -100px;
  border-radius: 4px;
  background-color: #fff;
}

.why-we-best .wrapper .img-box {
  background: url(../images/bg/mission-bg-1.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 4px 0px 0px 4px;
  position: relative;
  height: 300px;
}

.why-we-best .wrapper .best-list-item {
  background: #fff;
  padding: 20px 20px 0px 40px;
  border-radius: 5px 0 0 5px;
}

.why-we-best .wrapper .best-list-item li {
  list-style: none;
}

.why-we-best .wrapper .best-list-item li img {
  width: auto;

  margin-top: 20px;
}

.why-we-best .wrapper .best-list-item li .icon {
  position: absolute;
  top: -10px;
  left: 0;
  font-size: 60px;
}

.why-we-best .wrapper .best-list-item li h5 {
  margin-bottom: 10px;
}

.order-lg-last {
  padding: 0px;
}

.best-list-item h4 {
  font-size: 18px;
  font-weight: 700;
  color: #273057;
  font-family: "Playfair Display", serif;
}

.experience-new-1 h3::before {
  content: "";
  width: 40px;
  height: 4px;
  border-radius: 10px;
  background: #014e72;
  position: absolute;
  bottom: 14px;
  left: 3%;
  top: 40px;
}

.experience-heading {
  height: 160px;
}

.short-history {
  padding: 40px 0px;
}

.history {
  padding: 50px 0px;
}

.experience-new-1 p {
  letter-spacing: 1px;
  word-spacing: 1px;
  padding: 0px 0px 0px;
  color: #525c65;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-align: justify;
}

.experience-new-1 h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  color: #273057;
  margin-top: 0;
  font-family: "Playfair Display", serif;
}

.callout-banner.no-bg {
  background: none;
  padding-top: 30px;
}

.callout-banner.no-bg .title {
  color: #ffffff;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

.callout-banner .title {
  float: left;
  line-height: 40px;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
}

.mission {
  padding-bottom: 90px;
}

.callout-banner p {
  color: #ffffff;
  padding-left: 70px;
  position: relative;
  margin-top: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
}

.callout-banner.no-bg p:before {
  background: #c3c3c3;
}

.callout-banner p:before {
  content: "";
  width: 4px;
  height: 93%;
  background: #9ca6bc;
  border-radius: 5px;
  position: absolute;
  left: 25px;
  top: 6px;
}

.contact-btn {
  margin-top: 40px;
}

.best-list-item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  color: #525c65;
}

.call-to-action {
  background: linear-gradient(rgba(0, 0, 0, 0.79), rgba(27, 30, 33, 0.56)),
    url(../images/bg/slide-11.jpg) no-repeat center center;
  height: 200px;
  background-size: cover;
  background-attachment: fixed;
}

.experience-image-1 img {
  width: 300px;
}

.experience-image-1 {
  margin-top: 30px;
}

/********Home.php *************/

.men_uedeveloper_page_ad {
  padding: 45px 0px;
}

.u_men_fiew_resion {
  padding-top: 100px;
  padding-bottom: 50px;
}

.u_afiew_resion_one h3 {
  font-weight: 600;
  font-size: 16px;
  color: #555;
}

.u_afiew_resion_one i {
  font-size: 40px;
}

.u_afiew_resion_one {
  padding-bottom: 50px;
}

.u_afiew_resion h2 {
  margin-top: 0px;
  color: #555;
  font-size: 36px;
  font-weight: 600;
}

.u_men_youngbloods {
  background: #ecf0f1;
  padding: 100px 0px;
}

.u_youngbloods h2 {
  padding-top: 75px;
  font-size: 36px;
  font-weight: 600;
  color: #555;
}

.u_youngbloods img {
  width: 85%;
}

.u_youngbloods p {
  padding-top: 30px;
}

.u_men_tabe_developement {
  padding: 90px 0;
}

.u_tabe_developement_one {
  padding: 50px 0px;
  text-align: center;
}

.u_tabe_developement_one h2 {
  font-size: 36px;
  font-weight: 600;
  color: #555;
}

.u_tabe_developement_one p {
  padding-top: 30px;
}

.u_tabe_developement_two h3 {
  font-size: 20px;
  font-weight: 600;
  color: #555;
  line-height: 30px;
}

.u_tabe_developement_two a p {
  transform: skewX(-10deg);
}

.u_table_uedeveloper_men {
  padding-bottom: 40px;
}

.u_tabe_developement_three img {
  padding-top: 0px;
  width: 250px;
}

.u_tabe_developement_three {
  text-align: center;
}

.u_trust_world_best {
  text-align: center;
}

.u_trust_world_best hr {
  margin-bottom: 0px;
}

.u_men_best_customer_transprent {
  width: inherit;
  background: linear-gradient(-45deg, #1045db 0%, #15095e 60%, #15095e 99%);
  height: inherit;
  background-size: cover;
  color: white;
}

.u_best_customer_ued {
  padding: 75px 0px;
}

.u_best_customer h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 45px;
}

.u_best_customer p {
  padding-top: 15px;
}

.u_project_with_us {
  -webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%);
  width: 100%;
  background: #18dcff;
  background-image: linear-gradient(
      rgba(32, 129, 226, 0.63),
      rgba(75, 153, 230, 0.56)
    ),
    url(../images/adarsh-img/airoplane-1.jpg);
}

.u_project_one {
  padding: 100px 0px;
  text-align: center;
  color: white;
}

.u_project_two h2 {
  font-weight: 900;
  font-size: 50px;
}

.u_project_two p {
  padding-top: 30px;
}

.u_youngbloods_btn i {
  padding-left: 5px;
}

.u_youngbloods_circle_one p {
  font-size: 28px;
  font-weight: 300;
  position: relative;
  line-height: 36px;
  margin-top: 30px;
  padding-top: 10px;
  z-index: 1;
}

.u_youngbloods_circle_one p:before {
  content: "\f10d";
  font-family: fontAwesome;
  color: #28278e8a;
  font-size: 65px;
  font-weight: 300;
  position: absolute;
  top: 0;
  left: -15px;
  z-index: -1;
}

.u_years_of_services {
  background-image: url("../images/ued-services-ad.png");
  background-size: cover;
  height: 350px;
  padding-top: 75px;
  background-repeat: no-repeat;
  background-position: center;
}

.u_years_of_services_one {
  color: white;
  text-align: center;
}

.u_years_of_services_one h2 {
  font-size: 30px;
  font-weight: 600;
}

.u_our_blog_men {
  color: white;
}

.u_our_blog {
  background-image: linear-gradient(
      rgba(21, 33, 45, 0.63),
      rgba(27, 30, 33, 0.56)
    ),
    url(../images/adarsh-img/planet-bg-1.jpg);
  background-size: cover;
  padding: 100px 0px;
}

.u_our_blog_one h2 {
  font-size: 40px;
  font-weight: 600;
  margin-top: 0px;
}

.u_our_blog_two p {
  font-weight: 600;
  padding-left: 30px;
}

.u_our_blog_two {
  border-left: 4px solid #f1c40f;
}

.u_our_blog_img {
  padding-top: 50px;
}

.u_our_blog_ad {
  padding-top: 50px;
  padding-left: 30px;
}

.u_our_blog_ad a h3 {
  font-weight: 600;
  font-size: 12px;
  margin: 0;
  border: 2px solid #ffffff;
  color: #fff;
  border-radius: 2px;
  display: table;
  padding: 6px 10px;
  transform: skewX(-8deg);
  margin-bottom: 20px;
}

.u_our_blog_ad a h3:hover {
  background: #fff;
  color: #333;
}

.u_our_blog_ad h4 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 300;
}

.u_our_blog_ad a p {
  color: white;
  transform: skewX(-10deg);
}

.u_our_blog_ad a p:hover {
  padding-left: 15px;
  color: #fff;
  transition: all 0.4s;
}

.u_our_blog_ad i {
  padding-left: 7px;
}

.u_our_blog_img img {
  width: 100%;
  border-radius: 4px;
  border: 4px solid #fff;
}

.u_our_blog_ad a:hover {
  color: #333;
}

.u_men_testmonials_one {
  padding: 60px 0px;
  background: #fff;
}

.our_work_ad h2 {
  color: #333;
}

.our_work_ad p {
  color: #555;
}

.u_testmonials_ad h2 {
  color: #333;
}

.u_agency_owner_ad h5 {
  color: #333;
}

.u_uedeveloper_video {
  width: 100%;
  height: 550px;
  background-image: url("../images/adarsh-img/meeting-4.jpg");
  background-size: cover;
  background-position: center;
}

.u_uedeveloper_video_one {
  text-align: center;
  padding-top: 150px;
}

.u_uedeveloper_video_one img {
  width: 200px;
}

.u_uedeveloper_video_two {
  width: inherit;
  height: inherit;
  background: #0035a17a;
}

.uedeveloper_ad {
  border-bottom: none;
  text-align: center;
}

.uedeveloper_ad > li {
  float: inherit;
  display: inline-block;
}

.uedeveloper_ad > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  cursor: default;
  background-color: #f65624;
  border: 2px solid #f65624;
  width: 200px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
}

.u_youngbloods_btn a h4 {
  font-size: 14px;
  font-weight: 600;
}

.u_tabe_developement .nav li a:focus,
.u_tabe_developement .nav li a:hover {
  background: #f65624;
  color: #fff;
  border: 2px solid #f65624;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.uedeveloper_ad > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 2px solid #f65624;
  width: 200px;
  border-radius: 3px;
  text-align: center;
  margin: 0 10px;
  transform: skewX(-10deg);
  color: #333;
  font-weight: 600;
}

.site-services .site-box1:hover {
  /* mouse hover */
  background: #e0f9f3;
}

.site-services .site-box2:hover {
  /* mouse hover */
  background: #f1f2fd;
}

.site-services .site-box3:hover {
  /* mouse hover */
  background: #feeef5;
}

.site-services .site-box4:hover {
  /* mouse hover */
  background: #fff7e4;
}

.site-services .site-box5:hover {
  /* mouse hover */
  background: #feeef5;
}

.site-services .site-box6:hover {
  /* mouse hover */
  background: #e0f9f3;
}

.site-services .site-box figure {
  padding: 4px;
  border-radius: 4px;
}

.site-services .site-box:hover figure {
  background: white;
  padding: 4px;
  border-radius: 4px;
}

.site-services h3 {
  /* H3 heading */
  color: #1d1f33;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: inherit;
  margin-top: 5px;
  margin-bottom: 22px;
  padding-left: 60px;
  transition: 400ms ease;
  transition-property: color;
}

.site-services h3 a {
  transition: 400ms ease;
  transition-property: color;
  color: #333;
}

.site-services p {
  /* Paragraph */
  color: #6c6e85;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  transition: 400ms ease;
  transition-property: color;
  padding: 0 0 0 60px;
  margin: 0;
}

.site-services figure {
  /* Image */
  /*width: 46px;
  height: 46px;*/
  display: block;
  position: absolute;
  left: 30px;
  top: 30px;
  text-align: center;
  transition: 400ms ease;
  transition-property: background;
}

.skill-ele-1 {
  left: 0px;
  top: 200px;
  z-index: 0;
}

.skill-ele-2 {
  right: 0px;
  top: 0px;
  z-index: 0;
}

/** head-section-new **/
.xs-banner-image {
  margin-left: -95px;
  margin-right: -126px;
  position: relative;
}

.xs-banner-image img {
  width: auto;
}

.banner-ico {
  position: absolute;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: bounce 3s ease-in-out 0s infinite alternate;
  animation: bounce 3s ease-in-out 0s infinite alternate;
}

.banner-ico.banner-ico-1 {
  left: 24.5%;
  top: 6%;
}

.banner-ico.banner-ico-2 {
  left: inherit;
  right: 39.5%;
  top: 0px;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.banner-ico.banner-ico-3 {
  top: 44%;
  left: 33%;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.banner-ico.banner-ico-4 {
  left: inherit;
  right: 31.5%;
  top: 43%;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  to {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

/********************** site-service-section ************/
/************** delete if needed ***************/
.site-services {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  position: relative;
}

.site-services .site-box {
  /* Service */
  padding: 30px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 30px 0;
  min-height: 215px;
  background-color: white;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;

  -webkit-box-shadow: 0px 15px 114px -26px rgba(85, 98, 164, 0.29);
  -moz-box-shadow: 0px 15px 114px -26px rgba(85, 98, 164, 0.29);
  box-shadow: 0px 15px 114px -26px rgba(85, 98, 164, 0.29);
}

.men_uedeveloper_page_ad {
  padding: 45px 0px;
}

.u_testmonials h2 {
  font-weight: 600;
  color: #333;
  font-size: 40px;
}

.u_men_agency_owner {
  padding: 50px 0px;
  padding-right: 30px;
}

.u_agency_owner {
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.09);
  padding: 30px 30px;
}

.u_agency_owner i {
  color: blue;
  font-size: 18px;
}

.u_agency_owner_ad h5 {
  color: #333;
  font-weight: 600;
}

/*************Web-design.php********/
.position-relative {
  position: relative;
  z-index: 5;
}

.new_class {
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

.overflow-hidden {
  overflow: hidden;
}

.position-absolute {
  position: absolute;
}

.no-padding {
  padding: 0;
}

.opacity-light {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 1;
  top: 0;
  left: 0;
}

.bg-dark-gray {
  background: #252525 !important;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

.hover-box-text {
  right: 0;
  padding: 45px 75px;
  bottom: 0;
}

.z-index-1 {
  z-index: 1;
}

.bg-white-new {
  background: #fff;
}

.hover-box-more {
  padding: 21px 20px;
  width: 80px;
  height: 80px;
  bottom: 0;
  right: -80px;
  opacity: 0;
}

.bg-fast-pink {
  background: #ff1a56;
}

.font-weight-600 {
  font-weight: 600;
}

.title-medium {
  font-size: 24px;
  line-height: 28px;
}

.text-uppercase {
  text-transform: uppercase;
}

.white-text {
  color: #fff;
}

.hover-box-text .title-medium:before {
  background: #ff1a56;
  content: "";
  height: 4px;
  left: 53px;
  position: absolute;
  top: 62px;
  width: 15px;
}

.hover-box:hover .opacity-light {
  background: #000;
}

.hover-box:hover .hover-box-text {
  -webkit-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  transform: translateX(-80px);
}

.hover-box:hover img {
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.hover-box:hover .hover-box-more {
  opacity: 1;
  -webkit-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  transform: translateX(-80px);
}

* {
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

.ad_new_head .choose-heading h2 {
  color: #014e72;
  margin-top: 70px;
  font-size: 40px;
  text-shadow: 1px 1px #ff5722;
  font-weight: 900;
}

.ad_new_head .choose-heading hr {
  border-top: 1px solid #014e72;
  width: 50px;
}

/******* package section ******/

.adventure-details-main {
  position: relative;
}

.spa-packages {
  background: rgba(255, 255, 255, 1) !important;
}

.adventure-details {
  right: 0;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgba(30, 33, 38, 0.9);
}

.adventure-details-sub {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}

.padding-thirty {
  padding: 15.5%;
}

.display-block {
  display: block;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-lr {
  margin-left: 0;
  margin-right: 0;
}

.margin-fourteen {
  margin: 7.5% 0;
}

.text-large {
  font-size: 15px;
  line-height: 22px;
}

.margin-twenty-four {
  margin: 12.5%;
}

.bg-fast-pink {
  background: #ff1a56;
}

.adventure-details-main:hover .adventure-details {
  margin-right: 50%;
}

.adventure-details-destinations {
  margin: 0;
  opacity: 0;
  padding: 8px 0 9px;
  position: absolute;
  width: 110%;
  right: 0;
  transform: rotate(-90deg);
  transform-origin: top right;
  -moz-transform: rotate(-90deg);
  -moz-transform-origin: top right;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: top right;
  -o-transform: rotate(-90deg);
  -o-transform-origin: top right;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: top right;
}

.adventure-details-main:hover .adventure-details-destinations {
  opacity: 1;
}

.cover-background {
  position: relative;
  background: url("../images/web-design/spa-section-bg.jpg");
}

.adventure-details-main:hover .spa-packages,
.adventure-details-main-bottom:hover .spa-packages {
  background: #fff;
}

.adventure-details-main-bottom .adventure-details-destinations {
  margin: 0;
  opacity: 0;
  padding: 8px 0 9px;
  position: absolute;
  width: 110%;
  left: 0;
  transform: rotate(90deg);
  transform-origin: top left;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: top left;
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: top left;
  -o-transform: rotate(90deg);
  -o-transform-origin: top left;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: top left;
}

.adventure-details-main-bottom:hover .adventure-details {
  margin-right: 50%;
  background: #1e2126 !important;
}

.adventure-details-main-bottom:hover .adventure-details-destinations {
  opacity: 1;
}

.adventure-details-main-bottom .adventure-details {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 101%;
  background: rgba(30, 33, 38, 0.9);
}

.adventure-details-main-bottom:hover .adventure-details {
  margin-left: 50%;
  background: #1e2126 !important;
}

.adventure-details-main:hover .spa-packages,
.adventure-details-main-bottom:hover .spa-packages {
  background: #fff !important;
}

/****************chooose section *********/

.travel-how-to-work {
  background: #fff;
  padding: 20px 50px;
  display: inline-block;
  margin-top: 56px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 15px 114px -26px rgba(85, 98, 164, 0.29);
  -moz-box-shadow: 0px 15px 114px -26px rgba(85, 98, 164, 0.29);
  box-shadow: 0px 15px 114px -26px rgba(85, 98, 164, 0.29);
}

.border-bottom-transperent-white {
  border-bottom: 1px solid #eee;
}

.title-extra-large {
  font-size: 35px;
  line-height: 37px;
}

.deep-orange-text {
  color: #ea6d42;
}

.margin-twenty-one {
  margin: 11%;
}

.light-gray-text {
  color: #c7c3c3;
}

.padding-twenty-three {
  padding: 24px 5px;
}

.new_web_design .panel-title > a {
  border-bottom: 1px solid #eee;
}

.site-white-section,
.site-dark-section {
  margin: 0;
  padding: 100px 0;
  width: 100%;
  clear: both;
  display: block;
}

.site-white-section h5,
.site-dark-section h5 {
  /* H1 heading */
  color: #1d1f33;
  font-family: inherit;
  font-size: 22px;
  line-height: 1;
  text-transform: inherit;
  font-weight: 600;
  position: relative;
  display: block;
  background: #fcc747;
  float: left;
  text-align: center;
  padding: 10px 18px;
}

.site-white-section h1 a,
.site-dark-section h1 a {
  color: #1a1e2a;
}

.site-white-section h1 strong,
.site-dark-section h1 strong {
  font-weight: 700;
}

.site-white-section h2,
.site-dark-section h2 {
  float: left;
  width: 100%;
  font-family: inherit;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: inherit;
  color: #1d1f33;
  text-align: left;
  padding: 0;
  margin: 0 0 60px 0;
}

.site-white-section h2 a,
.site-dark-section h2 a {
  color: #1a1e2a;
}

.site-white-section h2 span,
.site-dark-section h2 span {
  color: #fcc747;
}

.site-white-section h3 a,
.site-dark-section h3 a,
.site-white-section h4 a,
.site-dark-section h4 a,
.site-white-section h5 a,
.site-dark-section h5 a,
.site-white-section h6 a,
.site-dark-section h6 a {
  color: #1a1e2a;
}

/* Dark section (.site-dark-section) class */

.site-dark-section {
  margin: 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: #ffffff;
  color: white;
}

.site-dark-section h1 {
  /* H1 heading */
  color: #1d1f33;
}

.site-dark-section p {
  /* Paragraph */
  color: white;
}

/* Align center class */

.section-align-center {
  display: inline-block;
}

/* Theme button */

a.theme-btn {
  /* a tag */
  color: white;
  background: #3243e3;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  padding: 12px 30px 12px 30px;
  position: relative;
  overflow: hidden;
  transition: 400ms ease;
  transition-property: color, background;
  cursor: pointer;
  z-index: 10;
  display: inline-block;
  letter-spacing: 1px;

  -webkit-box-shadow: 0px 8px 12px 0px rgba(24, 50, 184, 0.19);
  -moz-box-shadow: 0px 8px 12px 0px rgba(24, 50, 184, 0.19);
  box-shadow: 0px 8px 12px 0px rgba(24, 50, 184, 0.19);
}

a.theme-btn:hover {
  color: #ffffff;
  background: #4959ea;
}

/* Services container */

.site-services {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  position: relative;
}

.site-services .site-box {
  /* Service */
  padding: 30px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 30px 0;
  /*max-width: 370px;*/
  min-height: 215px;
  background-color: white;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;

  -webkit-box-shadow: 0px 15px 114px -26px rgba(85, 98, 164, 0.29);
  -moz-box-shadow: 0px 15px 114px -26px rgba(85, 98, 164, 0.29);
  box-shadow: 0px 15px 114px -26px rgba(85, 98, 164, 0.29);
}

.site-services .site-box1:hover {
  /* mouse hover */
  background: #e0f9f3;
}

.site-services .site-box2:hover {
  /* mouse hover */
  background: #f1f2fd;
}

.site-services .site-box3:hover {
  /* mouse hover */
  background: #feeef5;
}

.site-services .site-box4:hover {
  /* mouse hover */
  background: #fff7e4;
}

.site-services .site-box5:hover {
  /* mouse hover */
  background: #feeef5;
}

.site-services .site-box6:hover {
  /* mouse hover */
  background: #e0f9f3;
}

.site-services .site-box figure {
  padding: 4px;
  border-radius: 4px;
}

.site-services .site-box:hover figure {
  background: white;
  padding: 4px;
  border-radius: 4px;
}

.site-services h3 {
  /* H3 heading */
  color: #1d1f33;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: inherit;
  margin-top: 5px;
  margin-bottom: 22px;
  padding-left: 60px;
  transition: 400ms ease;
  transition-property: color;
}

.site-services h3 a {
  transition: 400ms ease;
  transition-property: color;
}

.site-services p {
  /* Paragraph */
  color: #6c6e85;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  transition: 400ms ease;
  transition-property: color;
  padding: 0 0 0 60px;
  margin: 0;
}

.site-services figure {
  /* Image */
  /*width: 46px;
  height: 46px;*/
  display: block;
  position: absolute;
  left: 30px;
  top: 30px;
  text-align: center;
  transition: 400ms ease;
  transition-property: background;
}

.skill-ele-1 {
  left: 0px;
  top: 200px;
  z-index: 0;
}

.skill-ele-2 {
  right: 0px;
  top: 0px;
  z-index: 0;
}

/* ========== pricing-table webdesign ========================== */

.pt_demo_18 {
  background-image: url(../images/web-design/bg_18.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 50px 0;
  position: relative;
  background-attachment: fixed;
}

.pt_demo_18:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
  z-index: 0;
}

.header_layout_18 {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}

.title_layout_18 {
  font-size: 40px;
  color: #fff;
}

.para_layout_18 {
  max-width: 700px;
  margin: auto;
  color: #fff;
}

/*********
Timeline 
*************/

.timeline-section {
  float: left;
  padding-bottom: 35px;
  position: relative;
  min-height: 1px;
  width: 100%;
}

.timeline-section img {
  width: 100%;
}

.timeline-section:nth-child(even) .timeline-section-detail {
  float: right;
}

.timeline-section:nth-child(odd) .timgline-img {
  float: right;
}

.date {
  width: 100%;
  float: left;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
}

.date span.day {
  font-size: 48px;
  color: #2b2e2f;
  float: left;
  margin-right: 15px;
  font-weight: 700;
}

.date span.month,
.date span.year {
  color: inherit;
  display: block;
}

.date span.month {
  margin-top: 10px;
}

.meta span {
  color: inherit;
}

.meta span i {
  color: #ff3196;
}

.history-separator {
  width: 1px;
  height: 100%;
  background: #dddddd;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  display: block;
}

/**********
Portfolio Section Home
******/

.portfolio-section {
  float: left;
  padding-bottom: 35px;
  position: relative;
  min-height: 1px;
  width: 100%;
}

.portfolio-section:nth-child(even) .portfolio-detail {
  float: right;
}

.portfolio-section:nth-child(odd) .portfolio-img {
  float: right;
}

.view-all a {
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 700;
}

.border-bottom {
  border-bottom: solid 4px #f65624;
  width: 25%;
  height: 15px;
  display: block;
}

.view-all {
  position: absolute;
  display: block;
  border: 4px solid #f65624;
  padding: 52px 0;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  margin-top: 290px;
  width: 310px;
}

.padding-box-40 {
  padding: 40px;
  float: left;
}

/********* top-section ***********/

.head_part h1 {
  margin-top: 0px !important;
  font-family: Roboto;
  font-size: 60px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1b2246;
}

.head_part p {
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: left;
  color: #1b2246;
}

.head_part {
  padding-top: 226px;
}

.head_image .img-responsive {
  max-width: 130% !important;
}

.imghead_part {
  margin-top: 197px !important;
}

.leaf img {
  width: 190px;
}

i.testimonials-quote {
  font-size: 60px;
  color: #f65624;
  margin-bottom: 20px;
}

.client-details div:nth-child(1) {
  border-radius: 50%;
  float: left;
  margin-right: 20px;
}

.btns {
  position: absolute;
  left: 85%;
  top: 56%;
}

.btn-testimonials {
  border: solid 1px #a8b0b2;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.btn-testimonials span {
  font-size: 18px;
}

.test_head {
  font-size: 30px;
  font-weight: 700;
}

.client-details div {
  margin-top: 16px;
  float: left;
}

.client-details div span {
  color: #f65624;
}

.client-details div h4 {
  font-weight: 600;
}

.border_leaf {
  padding: 0px 0 128px;
}

.test_web {
  padding: 60px 0;
}

.kira-theme5 {
  text-align: center;
  width: 100%;
  height: auto;
  margin: 60px 0;
  background-color: #fff;
  border-radius: 14px;
  padding: 30px 20px;
}

.kira-theme5 .kira-theme5__name {
  text-align: center;
  font-size: 20px;
  padding: 8px;
  margin: 10px 0px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.kira-theme5 .kira-theme5__name span {
  display: block;
  font-size: 14px;
  color: #000;
  padding: 10px 0px;
  letter-spacing: 1px;
}

.kira-theme5 .kira-theme5__price {
  text-align: center;
  font-size: 48px;
  color: #fff;
  margin: 30px 0;
}

.kira-theme5 .kira-theme5__list {
  background-color: transparent;
  list-style: none;
  margin: 30px 0px;
}

.kira-theme5 .kira-theme5__list li {
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding: 6px 0;
}

.kira-theme5__bg-table1 {
  background: linear-gradient(to bottom right, #fed36d, #ff68a2, #ff27c7);
  border-radius: 14px;
  padding: 20px;
  margin: 0px 0px 30px 0px;
  position: relative;
  box-shadow: 0px 10px 60px rgba(255, 104, 162, 0.9);
}

.kira-theme5__bg-table2 {
  background: linear-gradient(to bottom right, #2ae0ff, #25bfff, #1694ff);
  border-radius: 14px;
  padding: 20px;
  margin: 0px 0px 30px 0px;
  position: relative;
  box-shadow: 0px 10px 60px rgba(37, 191, 255, 0.9);
}

.kira-theme5__bg-table3 {
  background: linear-gradient(to bottom right, #e1ff56, #6eef46, #55cd2f);
  border-radius: 14px;
  padding: 20px;
  margin: 0px 0px 30px 0px;
  position: relative;
  box-shadow: 0px 10px 60px rgba(0, 230, 0, 0.7);
}

.kira-theme5__bg-table4 {
  background: linear-gradient(to bottom right, #ffd494, #ffa726, #ffa726);
  border-radius: 14px;
  padding: 20px;
  margin: 0px 0px 30px 0px;
  position: relative;
  box-shadow: 0px 10px 60px rgba(255, 167, 38, 0.7);
}

.btn-theme5 {
  color: #000;
  position: absolute;
  bottom: -1.4rem;
  left: 50%;
  width: auto;
  height: 40px;
  text-decoration: none;
  cursor: pointer;
  background-color: #fff;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 20px;
  padding: 10px 40px;
  transition: all 0.3s ease;
}

.btn-theme5-table1:hover {
  text-decoration: none;
  color: #ff6666;
  box-shadow: 0 5px 60px #ff6666;
}

.btn-theme5-table2:hover {
  text-decoration: none;
  color: #6666ff;
  box-shadow: 0 5px 60px rgba(37, 191, 255, 0.9);
}

.btn-theme5-table3:hover {
  text-decoration: none;
  color: #00e600;
  box-shadow: 0 5px 60px #00e600;
}

.btn-theme5-table4:hover {
  text-decoration: none;
  color: #ffa726;
  box-shadow: 0 5px 60px #ffa726;
}

.shade-parent {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  border-radius: 14px;
}

.shade {
  width: 200%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  top: 40%;
  left: -50%;
}

/**********
Blog Post Home Page
**********/

.blog-post {
  position: relative;
}

.blog-post img {
  margin-bottom: 0;
}

.blog-post-content {
  position: absolute;
  bottom: 0;
  padding: 90% 25px 15px 25px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.58);
  height: 100%;
  width: 100%;
  transition: all 0.3s ease;
  cursor: pointer;
}

.blog-post-content:hover {
  background: rgba(0, 0, 0, 0.2);
}

.blog-post-content h4,
.blog-post-content p {
  color: #ffffff;
}

.blog-post-content .category {
  border: 2px solid #ffffff;
  border-radius: 20px;
  display: table;
  padding: 3px 20px;
  margin-bottom: 20px;
}

.blog-post-content:hover .category {
  background: #ffffff;
  color: #6f43d6;
}

.blog-post-content .date {
  border: none;
}

.comment-list .thumbnail img {
  margin-bottom: 0;
}

.web_design_cta {
  padding: 0 0 50px 0;
}

.web_design_cta .promo-subscribe h2 {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 36px;
  color: #333;
  font-family: "Poppins", sans-serif;
}

.web_design_cta .promo-subscribe p {
  color: #6d6666;
  font-size: 15px;
}

.web_design_cta .promo-subscribe h4 {
  color: #333;
  font-size: 18px;
  line-height: 14px;
}

.new_work_web h3 {
  font-size: 25px;
  font-weight: 700;
}

.parallax-element.img5 {
  width: 100px;
  top: 30%;
  left: 1%;
}

.parallax-element {
  position: absolute;
  display: block;
  z-index: 100;
}

.phone-number span {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 2px;
  color: #134e72;
}

.phone-number i {
  font-size: 35px;
  margin-right: 10px;
  color: #134e72;
}

.phone-number {
  text-align: center;
  margin-top: 30px;
}

.phone-number h3 {
  margin-top: 50px;
}

.mt-20 {
  margin-top: 20px;
}

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

.three-section {
  padding: 90px 0px;
}

.middle-para p {
  margin-top: 40px;
  font-size: 40px;
  font-weight: 300;
  line-height: 55px;
}

.top_section {
  background: url("../images/web-design/pushkar-balloon-aerial-view.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.last_update {
  color: #bdbdbd;
  margin-left: 15px;
  margin-top: 20px;
}
.top-sec-heading h2 {
  font-size: 40px;
  font-weight: 500;
  padding-bottom: 10px;
  margin-top: 0;
}

.top-sec-heading p:nth-child(2) {
  color: #807c7c;
  padding-bottom: 30px;
}

.top-sec-heading a .p_cont::after {
  border-bottom: 1px solid #f76e1c;
  width: 10px;
  position: absolute;
  left: 0;
}

.top-sec-heading p {
  position: relative;
}

.top-sec-bg {
  width: 130%;
  padding-top: 365px;
}

.cont_sec {
  padding: 12% 0% 1% 12%;
  overflow-x: hidden;
}

.clearfix {
  clear: both;
}

.new_slide_design {
  padding: 14px;
  width: 440px;
}

.top-sec-bg .slick-prev {
  border: 2px solid #f76e1c;
  background: #fff;
  color: #000;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -35px;
  box-shadow: 3px 3px 15px 0 rgba(46, 61, 73, 0.3);
  padding: 0 6px;
  left: 16px;
}

.top-sec-bg .slick-next {
  left: 83px;
  border: 2px solid #f76e1c;
  background: #fff;
  color: #000;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -35px;
  box-shadow: 3px 3px 15px 0 rgba(46, 61, 73, 0.3);
  padding: 0 6px;
}

.top-sec-bg .slick-prev:before,
.top-sec-bg .slick-next::before {
  font-family: "FontAwesome";
  font-size: 35px;
  line-height: 1;
  color: #f7691f;
}

.top-sec-bg .slick-prev:before {
  content: "\f104";
}

.top-sec-bg .slick-next::before {
  content: "\f105";
  font-family: "FontAwesome";
}

.first-img-1 img {
  width: 150px;
}

.first-img-2 img {
  width: 150px;
  text-align: right;
}

.first-img-2 {
  text-align: right;
}

.top-notch {
  color: #ff611c;
  font-weight: 900;
  font-size: 20px;
}

.top-sec-heading {
  margin-top: 80px;
}

.top-sec-bg .slick-prev {
  border: 2px solid #f76e1c;
  background: #fff;
  color: #000;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -35px;
  box-shadow: 3px 3px 15px 0 rgba(46, 61, 73, 0.3);
  padding: 0 6px;
  left: 16px;
}

.top-sec-bg .slick-next {
  left: 83px;
  border: 2px solid #f76e1c;
  background: #fff;
  color: #000;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -35px;
  box-shadow: 3px 3px 15px 0 rgba(46, 61, 73, 0.3);
  padding: 0 6px;
}

.top-sec-bg .slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  font-size: 35px;
  line-height: 1;
  opacity: 0.75;
  color: #f7691f;
}

/************android.php*******/

.men_ued_count {
  padding-top: 92px;
}

.u_men_hover_back {
  position: relative;
  overflow-x: hidden;
}

.u_hover_back {
  background-image: url("../images/bg/invoice-billing-software.jpeg");
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.u_hover_back_one {
  width: inherit;
  background: #e74c3cd4;
  transition: 2s;
}

.u_hover_back_two {
  text-align: center;
  padding: 165px 0px;
}

.u_hover_back_two h2 {
  font-weight: 700;
  font-size: 60px;
  color: #ffffff;
  margin-top: 0px;
}

.u_hover_back_two p {
  color: white;
  padding-top: 30px;
}

.u_hover_button {
  padding-top: 15px;
}

.u_hover_back_one:hover {
  background: #e74c3c78;
  transition: 2s;
}

.men_col_back {
  padding-right: 0px;
}

.men_col_back_one {
  padding-left: 0px;
}

.men_ued_count {
  padding-top: 92px;
}

.u_second_phase {
  background: #014e72;
}

.u_icon_circle {
  position: absolute;
  top: 50%;
  left: 932px;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  line-height: 30px;
  text-align: center;
  background: white;
  color: black;
  font-size: 20px;
  border: 2px solid black;
}

.u_about_application {
  padding-top: 40px;
  padding-bottom: 80px;
}

.u_about_application {
  text-align: center;
}

.span_color {
  font-weight: 300;
  color: #ff5722;
}

.u_about_application p {
  line-height: 23px;
  color: #555;
  margin-top: 20px;
}

.u_about_application h2 {
  font-weight: 700;
  font-size: 36px;
  color: #014e72;
}

/*.u_about_application h3 {
    font-weight: 700;
    color: #014e72;
     padding-top: 40px; 
    margin-top: 0px;
}*/

.u_about_application_one {
  padding-top: 30px;
}

.u_about_application_one {
  text-align: left;
  padding: 60px 30px;
  background: #ffffff;
  box-shadow: 0px 0px 33px -12px #666666;
  -moz-box-shadow: 0px 0px 33px -12px #666666;
  -webkit-box-shadow: 0px 0px 33px -12px #666666;
}

.u_about_application_one-1 img {
  width: 250px;
}

.u_about_application_one-1 {
  margin-top: 40px;
}

.u_about_application_down {
  padding-bottom: 50px;
  padding-top: 50px;
}

.u_animeate {
  background-color: #176b73;
  height: 420px;
}

.u_animete_one {
  padding-top: 50px;
}

.call-to-action-bg {
  background-image: url(../images/mobile/12.png);
  background-position: top;
  background-repeat: no-repeat;
  height: 370px;
}

.u_more_traffic_one {
  padding: 0px 0px;
  color: white;
}

.u_more_traffic_one h2 {
  font-weight: 500;
  font-size: 34px;
  color: white;
  line-height: 45px;
}

.home_portfolio {
  background-image: url(../images/11.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 70px;
  background-position: 100% 20%;
}

.u_men_testmonials {
  padding: 90px 0px;
}

.u_testmonials p {
  color: #555;
}

.u_testmonials hr {
  border-top: 2px solid #014e72;
  width: 50px;
}

.u_men_agency_owner {
  padding: 50px 0px;
  padding-right: 30px;
}

.u_agency_owner {
  box-shadow: 0px 0px 40px -3px rgba(171, 171, 171, 0.6) !important;
  padding: 30px 30px;
  background-color: #fff;
}

.u_agency_owner p {
  color: #555;
}

.u_agency_owner h5 {
  margin-bottom: 5px;
  font-weight: 700;
  color: #014e72;
}

.u_agency_owner i {
  color: #014e72;
  font-size: 18px;
}

.u_have_a_question p {
  color: #555;
}

.u_support {
  width: 350px;
  padding: 20px 0px;
  background: #ecf0f1;
  margin-top: 50px;
}

.u_support {
  text-align: center;
  box-shadow: 1.5px 2.598px 25px 0px rgba(135, 100, 249, 0.1);
}

.u_support i {
  font-size: 50px;
  color: #014e72;
}

.u_support h5 {
  font-weight: 700;
  color: #014e72;
  padding-top: 20px;
}

.u_support p {
  padding-top: 8px;
  color: #555;
}

.u_customize_any {
  padding-top: 30px;
}

.u_customize_any h4 {
  font-weight: 700;
  color: #014e72;
}

.u_customize_any p {
  color: #555;
  line-height: 35px;
}

.u_customize_btn {
  padding-top: 30px;
}

.u_customize_any_one h4 {
  padding-top: 25px;
}

.u_men_design_for_you {
  padding: 80px 0px;
  background-image: url(../images/bg/banner-image2x.png);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: right bottom;
  background-color: #fff;
}

.u_design_for_you {
  text-align: center;
}

.u_design_for_you h2 {
  font-weight: 700;
  font-size: 36px;
  color: #014e72;
}

.u_design_for_you p {
  padding-top: 20px;
  color: #555;
  line-height: 35px;
}

.u_complete_website {
  padding-top: 100px;
}

.u_complete_website_one {
  padding: 30px 30px;
  margin-top: 50px;
  border-radius: 5px;
  transition: 1.5s;
}

.u_complete_website_one img {
  width: 40px;
}

.u_complete_website_two h3 {
  font-weight: 600;
  color: #000;
  font-size: 20px;
}

.u_complete_website_two p {
  color: #555;
  padding-top: 5px;
}

.u_complete_website_one:hover {
  background: white;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.09);
}

.u_menu_one i {
  font-size: 25px;
}

.u_menu_one h2 {
  font-weight: 700;
  font-size: 25px;
  color: #014e72;
  margin-top: 10px;
}

.u_menu_one {
  padding: 30px 0px;
}

.new-mar {
  margin-top: 30px;
}

.u_men_workplace {
  padding: 60px 0px;
}

.u_workplace {
  width: 100%;
  background-image: url("../images/designs/Flyers/1POSTER%20(1).png");
  background-size: cover;
}

.u_workplace_one {
  width: inherit;
  background: #4acfd9;
  transition: 2s;
}

.u_workplace_one:hover {
  background: #4acfd982;
  transition: 2s;
  color: #2c3e50;
}

.u_workplace_two {
  padding: 40px 40px;
}

.u_workplace_two h2 {
  font-weight: 700;
  font-size: 25px;
  color: #fff;
  margin-top: 0px;
  line-height: 38px;
}

.u_workplace_two p {
  padding: 20px 0px;
  font-weight: 600;
  color: #fff;
}

.u_workplace_three {
  background-image: url("../images/bg/ecommerce-business-setup.jpg");
  background-size: cover;
  background-position: center;
}

.u_workplace_four {
  background: #a3cb38;
}

.u_men_pricing_table {
  position: relative;
}

.pricing-bg {
  background: linear-gradient(rgba(21, 33, 45, 0.63), rgba(27, 30, 33, 0.56)),
    url(../images/bg/marketing-1.jpg) no-repeat center center;
  height: 400px;
  background-size: cover;
  position: absolute;
  width: 100%;
  top: 0px;
}

.u_pricing_table {
  position: relative;
  z-index: 999;
  padding-top: 30px;
}

.u_pricing_table_two {
  text-align: center;
  padding: 50px 0px;
}

.u_pricing_table_two h2 {
  font-weight: 700;
  font-size: 50px;
  color: white;
}

.u_pricing_table_two p {
  color: white;
  padding-top: 10px;
}

.u_classic_one {
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.09);
  padding: 80px 0px;
  text-align: center;
  background: white;
  margin-bottom: 50px;
}

.u_classic_one h3 {
  font-weight: 600;
  color: #014e72;
}

.u_classic_one h2 {
  color: red;
  font-size: 50px;
  padding-top: 15px;
}

.u_classic_one h5 {
  color: #555;
  line-height: 30px;
  padding-top: 15px;
}

.work-image img {
  width: 40px;
}

.u_classic {
  margin-top: 30px;
}

.title-font-1 {
  font-weight: 700;
  font-size: 36px;
  color: #ffffff;
}

.u_testmonials-1 hr {
  border-top: 2px solid #fff;
  width: 50px;
}

.u_testmonials-1 p {
  color: #fff;
}

.typography-bg {
  -webkit-clip-path: polygon(0 0, 100% 18%, 100% 82%, 0 100%);
  clip-path: polygon(0 0, 100% 18%, 100% 82%, 0 100%);
  padding: 200px 0;
  background-color: #014e72;
  margin-top: -28px;
}

.typography-p {
  padding: 0;
}

.typography-p p {
  color: #fff;
  /* font-weight: 300; */
  margin-bottom: 20px;
  font-size: 14px;
}

.typography-bg-1 {
  padding: 70px 0;
}

.quote-1 {
  background-color: #044361;
  padding: 5px 30px 2px;
  border-radius: 0px 20px 0px 20px;
  color: #fff;
  margin-top: 30px;
}

.img-1 img {
  width: 20px;
}

.img-1 {
  background-color: #fafafa;
  width: 50px;
  height: 50px;
  margin-top: -30px;
  line-height: 50px;
  /* padding: 6px; */
  text-align: center;
  padding-top: 0px;
  border-radius: 50px;
  box-shadow: 1.5px 2.598px 25px 0px rgba(135, 100, 249, 0.1);
}

.quote-1 p {
  padding: 5px 50px 0px 40px;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 300;
}

.quote-name span {
  color: #fafafa;
  font-weight: 600;
  font-size: 12px;
}

.quote-name p {
  padding: 0px;
}

.one-image img {
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  width: 400px;
  margin-top: 70px;
}

.typography-p h3 {
  margin: 0px;
  margin-bottom: 30px;
}

.typography-p-1 p {
  color: #014e72;
  /* font-weight: 300; */
  margin-bottom: 20px;
  font-size: 14px;
}

.quote-11 {
  background-color: #e4e4e480;
  padding: 5px 30px 2px;
  border-radius: 0px 20px 0px 20px;
  color: #555;
  margin-top: 30px;
}

.img-11 {
  background-color: #e4f1f9;
  width: 50px;
  height: 50px;
  margin-top: -30px;
  line-height: 50px;
  /* padding: 6px; */
  text-align: center;
  padding-top: 0px;
  border-radius: 50px;
  box-shadow: 1.5px 2.598px 25px 0px rgba(135, 100, 249, 0.1);
}

.quote-name-1 span {
  color: #555555;
  font-weight: 600;
  font-size: 12px;
}

.typography-p-1 p {
  color: #014e72;
  /* font-weight: 300; */
  margin-bottom: 20px;
  font-size: 14px;
}

.quote-11 p {
  padding: 5px 50px 0px 40px;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 300;
}

.typography-p-1 h3 {
  margin: 0px;
  margin-bottom: 30px;
}

.img-11 img {
  width: 20px;
}

.left-quote {
  float: left;
}

.right-quote {
  float: right;
}

.new-quote p {
  text-align: center;
  font-size: 26px;
  line-height: 40px;
  font-weight: 300;
}

.new-quote {
  padding: 0px 100px;
}

.new-quote span {
  font-weight: 700;
  color: #f65624;
}

.new-quote .row {
  margin-top: 30px;
}

.technology {
  background-color: #f2f2f2;
  padding: 40px 0;
}

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

.image-google img {
  width: 105px;
}

.image-google1 li {
  display: inline-block;
  list-style: none;
  padding: 0 10px;
}

.image-google1 {
  padding-top: 20px;
}

.call-to h2 {
  font-size: 50px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: normal;
  text-align: left;
  color: #014e72;
  margin-top: 0px;
  margin-bottom: 20px;
}

.call-to p {
  margin-top: 26px;
  font-size: 18px;
  font-weight: 700;
  color: #1b2246;
}

.right-image-1 {
  background-image: url(../images/leaf.png);
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: right bottom;
  padding: 90px 0px;
  background-color: #f2f2f2;
}

.android_portfolio {
  background-image: url(../images/bg/background.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow-x: hidden;
  padding: 90px 0;
}

.portfolio-images .slider-image img {
  box-shadow: 0 24px 50px 0 rgba(192, 192, 192, 0.5);
  text-align: center;
  -webkit-clip-path: polygon(0 0, 100% 1%, 100% 99%, 0 100%);
  clip-path: polygon(0 0, 100% 1%, 100% 99%, 0 100%);
  height: auto;
}

.portfolio-images .slider-image {
  width: auto;
  margin: 0px 16px 0px 0px;
  padding: 25px;
}

.slick-slide:focus {
  outline: 0;
}

.portfolio-heading h2 {
  color: #fff;
  font-weight: 700;
  font-size: 50px;
  line-height: 65px;
  text-align: center;
  margin-top: 40px;
}

.portfolio-heading p {
  padding: 30px 70px;
  text-align: center;
  color: #fff;
}

.portfolio-heading {
  padding-top: 60px;
  text-align: center;
}

.new_call_img {
  position: absolute;
  right: 0px;
  top: 50px;
}

.u_have_men_question {
  padding: 90px 0;
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
}

/******** Video Modal CSS *********/

.videopopupjs {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  text-align: start !important;
}

.videopopupjs--hide {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: videoPopupJsHide;
  animation-name: videoPopupJsHide;
}

.videopopupjs__close {
  cursor: pointer;
  display: block;
  float: right;
}

.videopopupjs__close:after {
  display: block;
  content: "\f057";
  font-family: fontAwesome;
  line-height: 2.2;
  color: #111;
  font-size: 22px;
}

.videopopupjs--animation {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: videoPopupJs;
  animation-name: videoPopupJs;
}

.videopopupjs__content {
  margin: 0 auto;
  height: 100%;
  height: 500px;
  width: 100%;
  margin-top: 5%;
}

.videopopupjs__content iframe {
  width: 100%;
  height: 100%;
}

.videopopupjs__block--notfound {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 100%;
  height: 500px;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  line-height: 500px;
  font-size: 20px;
}

@-webkit-keyframes videoPopupJs {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes videoPopupJs {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes videoPopupJsHide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes videoPopupJsHide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.hvr-shutter-in-horizontal.hvr_web_btn {
  background: #f47971;
  overflow: hidden;
}

ul.timeline > .last_sec_box:before {
  content: " ";
  background: #0a5c5f;
  display: inline-block;
  position: absolute;
  border-radius: 50px;
  border: 3px solid #0a5c5f;
  left: 236px;
  width: 20px;
  height: 20px;
}

/* hopw it swork */

.thanks_modal_content_images img {
  width: 100px;
}

.thanks_modal_content p {
  line-height: 20px;
}

.thanks_modal_content h3 {
  margin-top: 10px;
  font-weight: 700;
}

#welcome_modal .modal-content {
  border-radius: 0px;
}

/**** Move to Top ****/
.move_to_top {
  position: fixed;
  bottom: 130px;
  right: 28px;
  background: #0a5c5f;
  border-radius: 40px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;

  box-shadow: 0 8px 17px 2px rgba(137, 133, 133, 0.14),
    0 3px 14px 2px rgba(137, 133, 133, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.move_to_top:hover {
  color: #fff;
}

.move_to_top:active,
.move_to_top:focus {
  color: #fff;
}

/**** Move to Top ****/

/**** Ecommly CSS *****/
.large_font {
  font-size: 40px;
  line-height: 64px;
}

.margin_btm_30 {
  margin-bottom: 30px;
}

.technology_sec {
  list-style: none;
}
.technology_sec li {
  display: inline-block;
}
.technology_sec li img {
  width: 80px;
}

.grad-deg-corse li {
  list-style-type: none !important;
  color: #33475b !important;
}

.pst-grdtn-dgree-crse li {
  list-style-type: none !important;
  color: #33475b !important;
}
.grad-ged-corse-drop {
  display: none;
  /* border: 1px solid red; */
  position: absolute;
  left: 18vw;
  background: white;
  width: 10vw;
  height: max-content;
  top: 0vh;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.grad-deg-corse:hover .grad-ged-corse-drop {
  display: block !important;
}
.pst-grdtn-degree-crse-drop {
  display: none;
  /* border: 1px solid red; */
  position: absolute;
  left: 18vw;
  background: white;
  width: 10vw;
  height: max-content;
  top: 0vh;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
}
.pst-grdtn-dgree-crse:hover .pst-grdtn-degree-crse-drop {
  display: block;
}

.home-aplnce-srvce li {
  list-style-type: none !important;
  color: #33475b !important;
}
.home-aplnce-srvce li:hover {
  color: #34bba4 !important;
}
.home-aplnce-srvce-drop {
  display: none;
  /* border: 1px solid red; */
  position: absolute;
  left: 22vw;
  top: 0vh;
  background: white;
  width: max-content;
  height: max-content;
  padding: 10px 10px 10px 2px;
  line-height: 34px;
  font-weight: 600;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.home-aplnce-srvce:hover .home-aplnce-srvce-drop {
  display: block;
}

/**** Ecommly CSS *****/