/*
	Theme Name: Webgen
	Theme URI: http://184.168.124.185/~wgtnew/
	Author: Webgen
	Author URI: webgensales.com/
	Description: Please read: tidythemes.com/concept. Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
	Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
	Version: 2022.5.01
	Requires at least: 5.2
	Tested up to: 5.9
	Requires PHP: 7.0
	License: GNU General Public License v3 or Later
	License URI: https://www.gnu.org/licenses/gpl.html
	Text Domain: Webgen
*/

/*Web fonts Poppins*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,500;0,700;1,400&display=swap");

body {
  /*font-family: "Open Sans", sans-serif;*/
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
/* img{
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  text-decoration: none;
  color: inherit;
}

h4,
h5,
h6,
p,
ul,
li {
  margin: 0;
  font-family: "Poppins", sans-serif;
}
p,
ul,
li {
  font-size: 16px;
}
h4,
h5,
h6 {
  font-weight: 500;
}

h1,
h2,
h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin: 0;
}

p {
  margin: 0;
  line-height: 1.8;
  font-weight: 400;
}

.img-fluid {
  display: block;
}

.list-inline li {
  display: inline-block;
}

.h2,
h2 {
  font-size: 38px;
}

h1 {
  font-size: 62px;
}

/* top banner section css start here */
.top_banner {
  background-size: cover !important;
  background-position: center !important;
  color: #fff;
}
.top_banner h2 {
  position: relative;
  bottom: 27px;
}
/* .top_banner p {
  position: relative;
  bottom: 38px;
  width: 95%;
} */
.top_banner .navbar-light .navbar-nav .nav-link {
  color: rgb(255 255 255);
}
.navbar_right {
  justify-content: flex-end;
  width: 100%;
}

nav.navbar.navbar-expand-lg.navbar-top {
  display: flex;
  flex-direction: column;
}
.top_bar {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #b5b6b6;
  width: 100%;
  justify-content: space-between;
  padding: 17px 0px;
}
img.bar_riight {
  border-left: 1px solid #bcbcbc;
  padding: 3px 0px 3px 20px;
  margin-left: 20px;
}
img.phone_icon_up {
  width: 25px;
  margin-right: 10px;
}
html {
  scroll-behavior: smooth;
}
.top_bar_rgt a {
  font-size: 18px;
  white-space: nowrap;
}
.top_bar_rgt {
  display: flex;
  align-items: center;
}
.top_bar_rgt .topbar-mob {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.topbar-mob a{
  display: contents;
}
.topbar-mob .fa-phone{
  background-color: #3686c7;
  font-size: 28px;
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  line-height: 45px;
}
/* .top_bar_rgt .topbar-whatsapp {
  position: fixed;
  top: 30vh;
  right: 2px;
  z-index: 9;
} */


@keyframes effect {

    20%,
    100% {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }

    0%,
    10% {
        width: 55px;
        height: 55px;
        font-size: 35px;
    }

    5% {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
}
.whatsapp-button:hover{
    color: #ffffff;
}
.whatsapp-button .fa-whatsapp{
  font-size: 30px;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 14px 15px;
  float: left;
}
.navbar-expand-lg .navbar-nav.navbar-fixed .nav-link {
  padding: 23px 10px;
  float: left;
}
.navbar_right .menu-item {
  position: inherit;
}
.navbar_right .menu-item a::before {
  content: "";
  position: absolute;
  height: 3px;
  background: #3686c7;
  width: 0%;
  top: 0;
  transition: 0.1s;
  left: 0;
}
.navbar_right .menu-item.active a::before {
  background: #3686c7;
  height: 3px;
  width: 100%;
  transition: -0.1s;
}
.navbar_right .menu-item:hover a::before,
.navbar_right .menu-item.current_page_item a::before,
.navbar_right .menu-item.current-menu-item a::before {
  width: 100%;
  transition: 0.1s;
}
.navbar_right .menu-item a,
.navbar_right .menu-item.active a {
  position: relative;
  transition: 0.1s;
  font-weight: 500;
}
.navbar_right .navbar-nav .nav-item .dropdown-menu {
  opacity: 0;
  display: block;
  visibility: hidden;
  transition: all 0.1s;
}
.navbar_right .navbar-nav .dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  position: absolute;
  margin-top: 0px !important;
  transition: all 0.1s;
}
.header_main ul.dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  z-index: 1;
  list-style-type: none;
  border-radius: 4px;
  padding: 20px 12px 20px 12px;
  left: 0;
  width: 100%;
  margin-top: 18px !important;
  transition: all 0.1s;
  display: inline-flex !important;
  flex-wrap: wrap;
  border: none;
}

.header_main .dropdown-menu li a span {
  color: rgb(35, 35, 35);
  padding: 0;
  font-size: 16px;
}
.navbar_right ul.dropdown-menu li.menu-item a::before {
  background: none !important;
  opacity: 0 !important;
  width: 0% !important;
  transition: 0.1s;
  top: inherit;
  bottom: 0;
}
/* .navbar_right ul.dropdown-menu li.menu-item {
  border: 1px solid transparent;
  transition: all 0.01s;
} */
.main-nav ul li {
  height: 100%;
}

.dropdown-toggle::after {
  display: none !important;
}

.header_logo img {
  width: 50%;
}

.header_main .bg-color-scrool ul.dropdown-menu li a {
  padding: 10px 7px;
  height: 65px;
  display: inline-flex;
  align-items: center;
  z-index: 99;
  width: 100%;
}
.header_main .navbar-expand-lg .navbar-nav .nav-link ul.dropdown-menu li a {
  padding: 10px 15px;
}
.dropdown-menu li a {
  display: flex;
  align-items: center;
}
.dropdown-menu li a span img {
  margin-right: 12px;
}

.navbar_right .menu-item .dropdown-menu li::after {
  bottom: 0 !important;
  top: auto !important;
  height: 2px !important;
}
.header_main ul.dropdown-menu li {
  width: 33.3%;
  line-height: 17px;
  height: 100%;
  position: relative;
}
.navbar_right ul.dropdown-menu li a {
  white-space: inherit;
}
.dropdown {
  margin-right: 10px;
}
.nav-service i.fa.fa-angle-down {
  display: none;
}
.dropdown i {
  position: relative;
  top: 18px;
  left: -7px;
  float: right;
}
.navbar-fixed .dropdown i {
  left: -5px;
  top: 26px;
}

p.baner_pera {
  width: 95%;
  margin: 25px 0px 35px;
  font-size: 18px;
  font-weight: 300;
}

#carouselExampleIndicators .carousel-item img {min-height: 54em;}



.baner_second_heading {
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
}
.discover_more {
  border: 1px solid #3686c7;
  color: rgb(0, 123, 255);
  padding: 11px 26px;
  transition: 0.3s;
  box-shadow: 1px -1px 9px #3686c78f;
}
.discover_more:hover {
  color: #fff;
  transition: 0.3s;
}
ul.list-inline.baner_btn li:last-child {
  margin-left: 30px;
}
.banner_content {
  padding: 245px 0px 160px;
  position: relative;
  display: flex;
  align-items: center;
}

.banner_left {
  display: none;
}

.banner_feature_down li img {
  width: 22px;
}

.banner_feature_down {
  background: #3686c7;
  display: flex;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
  transition: 0.5s;
}
.banner_feature_down a img {
  width: 23px;
  margin-right: 8px;
}
.banner_feature_down a {
  width: 25%;
  padding: 25px 10px;
  font-size: 17px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  transition: 0.7s;
}
.banner_feature_down a::after {
  background: #3585c6;
  height: 0%;
  width: 100%;
  position: absolute;
  content: "";
  left: 0;
  z-index: -1;
  transition: all 0.7s;
}
.banner_feature_down a:hover::after {
  height: 100%;
  transition: all 0.7s;
}

.banner_feature_down a:after {
  background: #01172f;
  transition: 0.7s;
  height: 0%;
  width: 100%;
  bottom: 0;
  position: absolute;
  transition: all 0.7s;
}
.banner_feature_down a.active:after {
  background: #01172f;
  transition: 0.7s;
  height: 100%;
  width: 100%;
  bottom: 0;
  position: absolute;
  transition: all 0.7s;
}
.banner_feature_down a:hover i {
  margin-left: 10px;
  transition: all 0.7s;
}
.banner_feature_down a i {
  transition: all 0.7s;
  margin-left: 3px;
}

/* .toleft {
  top: 0;
  z-index: 100;
  position: fixed;
} */
.toright {
  background-color: rgb(1 23 47);
}
.header_main {
  top: 0;
  z-index: 999990;
  position: fixed;
  width: 100%;
  color: #fff;
}
/*.bg-color-scrool.scrol.toright {
  height: 70px;
}
 .bg-color-scrool.scrol.toright .top_bar_rgt {
  display: none;
} */
/* .bg-color-scrool.scrol.toright .top_bar {
  border-bottom: none;
  padding: 0;
} */
/* scroll navbar end */
h1.baner-top-header {
  position: relative;
  bottom: 20px;
  font-size: 48px;
}
.top_bar_rgt .details_analysis a {
  font-weight: 400 !important;
  white-space: nowrap;
  font-size: 16px;
}
.spcl-menu{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 99999;
}
.carousel-caption.bnr-cr-cntn{
  top: 28% !important;
  bottom: 0 !important;
}
.carousel-indicators.bn-carousel-indicators{
  bottom: 16% !important;
}
/* top banner section css end here */

/* Who we are section start here */
.who_we_are {
  position: relative;
  padding: 90px 0px;
  z-index: 1;
}
.who_we_are::after {
  content: "";
  height: 100%;
  width: 77%;
  right: 0px;
  top: 0px;
  background-color: #eaf2fe;
  z-index: -1;
  position: absolute;
}
.who_we_are_lft img {
  width: 100%;
}
.who_we_are .row {
  align-items: center;
}
h6.subtitle {
  font-weight: 700;
  font-size: 18px;
  color: #3686c7;
  text-transform: uppercase;
}
h2.header_second {
  margin-bottom: 22px;
  margin-top: 0px;
  font-size: 2rem;
}
.who_we_are_rgt h4 {
  margin-top: 30px;
  margin-bottom: 14px;
}
.who_we_are_rgt h4 span {
  display: block;
}
/* Who we are section end here */

/* why choose us section start here */
.why_choose_us {
  padding: 90px 0px;
  position: relative;
}

.why_choose_u_rgt .nav-pills .nav-link {
  padding: 0;
  border-radius: 0;
}
.why_choose_u_rgt .nav-pills .nav-link {
  padding: 0;
  border-radius: 0;
  width: 50%;
  text-align: center;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.why_choose_link:first-child {
  background: #282c33;
}
.why_choose_link:nth-child(2) {
  background: rgb(40 44 51 / 27%);
}
.why_choose_link:nth-child(3) {
  background: #1c1e22;
}
.why_choose_link:nth-child(4) {
  background: rgb(74 76 77 / 72%);
}

.why_choose_us .row {
  align-items: center;
}
.why_chse_right_cntn h5 {
  margin-top: 17px;
}

img.why_chose_rgt_bg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 29%;
}
.why_choose_u_rgt .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: #3686c7;
}
/* why choose us section end here */

/* Our technologies start here */
.our_technologies {
  background: url("images/our_technologies_bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 0;
}
.technologies-item {
  padding: 30px;
  background: #fff;
}
.our_technologies .row {
  align-items: center;
}
.our_technologies_rgt .owl-nav {
  position: absolute;
  top: -65px;
  right: 0;
}
.our_technologies_rgt {
  position: relative;
  margin-top: 60px;
}
.our_technologies_rgt button.owl-next,
.our_technologies_rgt button.owl-prev {
  background: #3686c7 !important;
  padding: 11px 14px;
  border-radius: 80px;
  height: 44px;
  width: 44px;
  transition: 0.4s;
  color: #fff !important;
  font-size: 24px !important;
}
.our_technologies_rgt button.owl-prev {
  margin-right: 10px;
}
.our_technologies_rgt button.owl-next:hover,
.our_technologies_rgt button.owl-prev:hover {
  background: #000 !important;
}
.our_technologies_left {
  padding-right: 40px;
}
/* Our technologies end here */

/* testimonial section start here */
.clientreview_section {
  background-color: #fff;
  padding: 80px 0px;
}

.client_bg {
  padding: 40px 0px 60px;
}
.client_bg::after {
  background: #eff6ff;
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  height: 97%;
  width: 70%;
  z-index: -1;
  border-radius: 4px;
  box-shadow: 3px 3px 7px 0px rgb(1 22 44 / 14%);
}

.text-clientreview {
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.client-works {
  border-radius: 12px;
  overflow: hidden;
}
.client-works img {
  max-height: 420px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.client_testimonial .owl-nav button.owl-prev {
  position: absolute;
  top: 39%;
  left: -2%;
  color: #fff;
  border-radius: 3px;
  outline: 0;
  -webkit-appearance: none;
  z-index: 3;
  background: #3686c7;
  box-shadow: 7px 5px 16px rgb(0 123 255 / 15%);
  padding-bottom: 8px !important;
  border-radius: 80px;
  height: 44px;
  width: 44px;
  transition: 0.4s;
  font-size: 26px !important;
}

.client_testimonial .owl-nav button.owl-next {
  position: absolute;
  top: 39%;
  right: -2%;
  color: #fff;
  border-radius: 3px;
  outline: 0;
  -webkit-appearance: none;
  z-index: 3;
  background: #3686c7;
  box-shadow: 7px 5px 16px rgb(0 123 255 / 15%);
  padding-bottom: 8px !important;
  border-radius: 80px;
  height: 44px;
  width: 44px;
  transition: 0.4s;
  font-size: 26px !important;
}
.client_testimonial .owl-nav button.owl-prev:hover,
.client_testimonial .owl-nav button.owl-next:hover {
  background: #000;
}
.quoted_img {
  width: 70px;
  margin-bottom: 21px;
}
.clientreview_item_profile {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.clientreview_detail h5 {
  color: #3686c7;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
}
.clientreview_detail h6 {
  font-weight: 400;
  font-size: 17px;
}
.clientreview_detail p {
  font-size: 14px;
  color: #808d9e;
}
/* testimonial section end here */

/* what we do start */
.what_we_do {
  background: url("images/what_we_do_bg.jpg");
  background-position: center;
  background-size: cover;
  padding: 90px 0px;
  text-align: center;
}
.what_we_do_cntn h3 {
  margin-bottom: 22px;
}
.what_we_do_cntn p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 20px 0px 40px;
}
span.wt_we_btn {
  background: #3686c7;
  height: 60px;
  width: 60px;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: -40px;
  font-size: 23px;
  box-shadow: 0px 0px 12px 0px #0000004f;
  transition: 0.5s;
  z-index: 2;
}
a.wt_we_btn:hover {
  transition: 0.5s;
  background: rgb(28 30 34);
}
.wht_we_do_img {
  background: #cfebfb;
  padding: 22px;
  border-radius: 50%;
  border: 10px solid #ebf8ff;
  display: flex;
  width: 130px;
  height: 130px;
  margin: 0 auto 20px;
  align-items: center;
  justify-content: center;
}
.wht_we_do_img img {
  width: 100%;
  height: 100%;
}

.what_we_do_cntn {
  background: #fff;
  padding: 34px 34px 12px;
  border-radius: 5px;
  box-shadow: 0px 0px 12px 0px #0000004f;
  margin-bottom: 30px;
  position: relative;
}
.what_we_do_cntn h3 span {
  display: block;
}
.extra_top_spave_wwd {
  margin-top: 25px;
}
.what_we_do_cntn::after {
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0px;
  position: absolute;
  background: #3686c7;
  height: 5px;
  bottom: 0;
  transition: 0.5s;
  z-index: 1;
}
.what_we_do_cntn:hover::after {
  width: 100%;
  transition: 0.5s;
}
/* btn section start */
.button_main {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  /* padding: 10px 20px !important; */
  color: #fff !important;
  line-height: 30px;
  background: #3686c7;
  transition: all 0.3s ease;
  box-shadow: 0 5px 3px rgb(0 0 0 / 40%) !important;
  border-radius: 8px !important;
  border: 1px solid #3686c7;
  cursor: pointer;
}
.button_main:hover {
  background: #0e6fbe;
  transition: all 0.3s ease;
  border: 1px solid #0e6fbe;
}

/* btn section end */

.serv_row {
  margin: 0 -15px 40px;
  display: flex;
  flex-wrap: wrap;
}
.serv_col {
  max-width: calc(100% / 3);
  width: 100%;
  padding: 0 15px;
}

.serv_col:nth-child(3n-1) .what_we_do_cntn {
  margin-top: 25px;
}
/* what we do end */
/* Our Achievements start here */

.Achievements_sec {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0px;
  margin-bottom: 40px;
  text-align: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.header_four {
  color: #fff;
  margin-bottom: 22px;
}
.end {
  margin-right: 0 !important;
}
.main_counter_box {
  margin-bottom: 100px;
  width: 100%;
}
.wrapper {
  width: 80%;
  margin: 30px auto;
  position: relative;
}
.counter {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
  transition: all 0.5s ease-in-out;
}
/* .counter:hover {
  background-image: linear-gradient(to right bottom, #2c6899, #0a86eb08);
  box-shadow: 0px 6px 10px 2px #00142670;
  transition: all 0.5s ease-in-out;
  transform: scale(1.1);
} */
.counter:hover .count_img_box {
  background-image: linear-gradient(to right bottom, #2a6ea6, #0a86ebde);
  box-shadow: none;
  transform: scale(1.1);
  transition: all 0.5s ease-in-out;
  position: relative;
}
.counter:hover .count_img_box img {
  transform: scale(1.1);
  transition: all 0.5s ease-in-out;
}
/* .main_counter_box .counter:nth-child(4) {
  border-right: none;
} */
.count_img_box {
  width: 150px;
  height: 150px;
  background-image: linear-gradient(to right bottom, #2c689968, #0a86eb5d);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 9px 8px 0px #00142670;
  margin-bottom: 20px;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.count_img_box img {
  filter: brightness(8.5);
  transition: all 0.5s ease-in-out;
  width: 75px;
}
.counter:hover .count_img_box:after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  top: 50%;
  left: 50%;
  border: 3px dashed #fff;
  animation: roundrotateEffect 8s linear infinite;
  border-radius: 50%;
}
@keyframes roundrotateEffect {
  from {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* .count_img_box:hover{
  box-shadow: 0px 9px 10px 2px #001426ad;
  background-image: linear-gradient(to right bottom, #2c6899, #0a86eb);
} */

.count-title {
  font-size: 40px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
  color: #fff;
}
.count-text {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
  color: #fff;
}
.fa-2x {
  margin: 0 auto;
  float: none;
  display: table;
  color: #4ad1e5;
}
.vl {
  border-left: 1px solid #545454;
}

/* Our Achievements end here */

/* video section css start here*/
.main_video_sec {
  width: 100%;
  border: 10px solid #fff;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: -140px;
  box-shadow: 0px 3px 6px 0px #3686c757;
}

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

.round_layer {
  display: none;
}

.vid_button {
  display: none;
}
.vid_button::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  border-radius: 50%;
}
.vid_button:hover {
  background-color: #fff;
  color: #3686c7;
  transition: 0.5s;
}

.vid_heading h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  text-align: left;
}
/* video section css end here*/

/* webdesign */
.webesign {
  margin-top: 230px;
  padding-bottom: 20px;
}
.iconarr {
  color: #3686c7;
  margin-left: 8px;
}
.service {
  font-size: 18px;
}
.head_5 {
  margin-bottom: 30px;
}

.skill {
  margin-bottom: 35px;
  position: relative;
}
.skill > p {
  font-size: 18px;
  font-weight: 700;
  color: #1a1716;
  margin: 0;
}
.skill:before {
  width: 100%;
  height: 11px;
  content: "";
  display: block;
  position: absolute;
  background: #ebebeb;
  bottom: 0;
  border-radius: 30px;
}
.skill-bar {
  width: 100%;
  height: 11px;
  background: #3686c7;
  display: block;
  position: relative;
  border-radius: 30px;
}

/* SKILL 1 */
.skill1 {
  width: 95%;
}
.skill-bar span {
  position: absolute;
  top: -30px;
  padding: 0;
  font-size: 18px;
  padding: 3px 0;
  font-weight: 500;
}
.skill-bar {
  position: relative;
}

.skill1 .skill-count1 {
  right: 0;
}
/* SKILL 2 */
.skill2 {
  width: 85%;
}

.skill2 .skill-count2 {
  right: 0;
}
/* SKILL 3 */
.skill3 {
  width: 75%;
}
.skill3 .skill-count3 {
  right: 0;
}

/* SKILL 4 */
.skill4 {
  width: 65%;
}

.skill4 .skill-count4 {
  right: 0;
}

/* SKILL 5 */
.skill5 {
  width: 80%;
}

.skill5 .skill-count5 {
  right: 0;
}

/* SKILL 6 */
.skill6 {
  width: 90%;
}

.skill6 .skill-count6 {
  right: 0;
}
/* GITHUB SOURCE STYLE  */
.github-source {
  float: right;
  display: block;
  color: #fff;
  margin: 0 20px;
  position: relative;
  z-index: 999999;
  top: 0;
}
.github-source i {
  font-size: 50px;
  color: #000;
}

/* webdesign end here */

/* our blog section start here */
.our_blog {
  padding: 90px 0px 70px 0px;
  position: relative;
  z-index: 1;
}
.header_dwn_bloger {
  margin-top: 20px;
}

picture.bloger_bg_main {
  position: absolute;
  top: 0;
  width: 100%;
}
picture.bloger_bg_main img {
  display: block; 
  margin: 0 auto; 
  width: 100%;
}
.ob_mobile_view {
  display: none;
}
.our_blog h2.header_second {
  color: #fff;
}
.row.header_our_blog {
  align-items: center;
}
.bloger_btn {
  text-align: right;
}

.blog_content_inner_dwn {
  z-index: 9;
  background: #fff;
  width: 92%;
  margin: -68px auto;
  position: relative;
  padding: 30px 23px;
  border-radius: 6px;
  box-shadow: 0px 0px 12px 0px #0000004f;
}

.blog_content_inner_dwn h3 {
  font-size: 20px;
  margin: 11px 0px;
}
.blog_content_inner_dwn .hvr-bounce-to-right_wwdo {
  margin-top: 20px;
}
.blog_content_inner_dwn li i {
  color: #3686c7;
  margin-right: 3px;
}
.blog_content_inner_dwn li {
  padding-right: 10px;
}
.blog_content_inner img {
  border-radius: 6px;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* our blog section end here */

/* Our partner section start here */
.our_partner {
  text-align: center;
  position: relative;
  padding: 90px 0px 90px 0px;
}
.our_partner_item {
  background: #fff;
  padding: 3px 20px;
  box-shadow: 1px 4px 5px #3686c773;
  margin: 14px 5px;
}
.our_partner_item img {
  width: 75% !important;
  margin: 0 auto;
}
img.trusted_partner_side_img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36%;
  z-index: -2;
}

.trusted_partner_side_img img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36%;
  z-index: -2;
}
/* Our partner section end here */

/* footer section css start here */
.footer_sec {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0px;
}

.ft_header h4 {
  font-size: 20px;
  position: relative;
  padding-bottom: 10px;
  color: #fff;
  margin-bottom: 40px;
}

.ft_header h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 30px;
  background-color: #3686c7;
}

.ft_comp_details {
  margin-bottom: 40px;
}

.ft_comp_details p {
  color: #fff;
}

.ft_ph_cnt {
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
}
.ft_ph_cnt .ph_info {
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #d1d0d0;
}

.ft_ph_cnt .ph_info img,
.ft_ph_cnt .whts-info img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.whts-info {
  display: flex;
  align-items: center;
}

.cont_info {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.ft_ph_cnt .company_number {
  font-weight: 400;
  color: #d1d0d0;
  font-size: 16px;
  line-height: 1.5;
}
.ft_mail_cnt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.ft_mail_cnt h4 {
  font-size: 22px;
  color: #3686c7;
  font-weight: 500;
  margin-bottom: 15px;
}
.ft_mail_cnt .info-head {
  display: flex;
  flex-direction: column;
}

.ft_mail_cnt .info-head span {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.ft_mail_cnt .mail_info {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #d1d0d0;
}
.ft_mail_cnt .mail_info,
.ft_mail_cnt .suppot-info {
  display: flex;
  align-items: center;
}

.ft_mail_cnt .company_mail {
  font-weight: 400;
  color: #d1d0d0;
  font-size: 16px;
  line-height: 1.5;
}
.ft_mail_cnt .company_mail span {
  font-weight: 600;
  color: #3686c7;
}
.ft_nav .ft_nav_item {
  list-style: none;
  padding: 5px 0px;
}
.ft_nav .ft_nav_item li,
.useful_links .menu-item {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.ft_nav .ft_nav_item li i {
  color: #3686c7;
  margin-right: 10px;
  transition: all 0.5s ease 0s;
}
.ft_nav .ft_nav_item li a,
.useful_links .menu-item .nav-link {
  color: #d1d0d0;
  transition: all 0.5s ease 0s;
  padding: 0;
  font-weight: 200;
  font-size: 14px;
  line-height: 1.6;
}
.widget_nav_menu .menu {
  padding: 0;
  list-style: none;
}
.footer_bottom_first .widget_nav_menu .menu {
  column-count: 2;
}
#media_image-3 {
  margin-bottom: 25px;
  max-width: 180px;
}
#media_image-3 img {
  width: 100% !important;
  height: auto !important;
}
.ft_nav .ft_nav_item li:hover i,
.ft_nav .ft_nav_item li:hover a,
.useful_links .menu-item .nav-link:hover {
  color: #3686c7;
  transition: all 0.5s ease 0s;
}
.ft_service ul {
  list-style: none;
  padding: 0;
}
.highlighted_services .menu {
  padding: 0px;
  margin-left: -10px;
}
.ft_service ul li,
.highlighted_services .menu-item {
  margin-bottom: 10px;
  display: inline-block;
  transition: all 0.5s ease 0s;
}
.footer_bottom_links .highlighted_services .menu-item {
  padding: 0px 10px;
  border-right: 1px solid #d1d0d0;
  line-height: 0.9;
}

.footer_bottom_links .highlighted_services .menu-item:nth-last-child(1) {
  border-right: 0px;
}
.footer_bottom_links .highlighted_services .menu-item:hover .nav-link {
  color: #3686c7;
}
.ft_service ul li a,
.highlighted_services .menu-item .nav-link {
  color: #3686c7;
  transition: all 0.5s ease 0s;
  padding: 2px 0px 2px 0px;
}
.footer_bottom_links .highlighted_services .menu-item .nav-link {
  color: #d1d0d0;
  font-weight: 300;
}
.ft_service ul li:hover {
  background-color: #3686c7;
  border: 1px solid #3686c7;
  transition: all 0.5s ease 0s;
}
.ft_service ul li:hover a,
.highlighted_services .menu-item:hover .nav-link {
  color: #fff;
  transition: all 0.5s ease 0s;
}
.ft_flag {
  margin-bottom: 8px;
}
.ft_flag b {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.ofc_location {
  margin-bottom: 20px;
  background-color: #3686c73d;
  padding: 10px;
  height: 120px;
  border-radius: 8px;
  border: 1px solid #3686c7;
  transition: all 0.5s;
}
.ofc_location:hover {
  background-color: #3686c777;
}

.ofc_location .ft_flag img {
  margin-right: 5px;
}
.ofc_location p {
  color: #d1d0d0;
  font-weight: 200;
  font-size: 14px;
  line-height: 1.6;
}
.cont_no_image img {
  width: 50px;
  filter: brightness(50);
}
.cont_office_address .add1 img {
  width: 50px;
  filter: brightness(50);
}
.cont_office_address .add2 {
  margin-left: 20px;
}
.ft_social ul {
  list-style: none;
  padding: 0;
  display: flex;
}
.ft_social ul li a i {
  width: 35px;
  height: 35px;
  background-color: #3686c7;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #3686c7;
  margin-right: 10px;
  line-height: 34px;
  color: #fff;
  font-size: 18px;
  transition: all 0.3s ease 0s;
}
.ft_social ul li a i.fa-facebook:hover {
  background: #3b5998;
  border: 1px solid #ffffff00;
  color: #ffffff;
  transition: all 0.3s ease 0s;
}
.ft_social ul li a i.fa-twitter:hover {
  background: #00aeef;
  border: 1px solid #ffffff00;
  color: #ffffff;
  transition: all 0.3s ease 0s;
}
.ft_social ul li a i.fa-instagram:hover {
  background: radial-gradient(
    circle at 33% 100%,
    #fed373 4%,
    #f15245 30%,
    #d92e7f 62%,
    #9b36b7 85%,
    #515ecf
  );
  border: 1px solid #ffffff00;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.ft_social ul li a i.fa-pinterest-p:hover {
  background-color: #bd081c;
  border: 1px solid #ffffff00;
  color: #ffffff;
  transition: all 0.3s ease 0s;
}
.ft_social ul li a i.fa-linkedin:hover {
  background-color: #0172b1;
  border: 1px solid #ffffff00;
  color: #ffffff;
  transition: all 0.3s ease 0s;
}
.ft_social ul li a i.fa-youtube-play:hover {
  background-color: #fe0002;
  border: 1px solid #ffffff00;
  color: #ffffff;
  transition: all 0.3s ease 0s;
}
.useful_links .menu-item .nav-link:before {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
  font-size: 18px;
}
.widget_text .textwidget {
  margin-bottom: 30px;
}
.widget_text .textwidget p {
  font-weight: 200;
  color: #d1d0d0;
  font-size: 14px;
  line-height: 1.5;
}
.footer_bottom_location {
  margin-top: 30px;
  margin-bottom: 30px;
}
.footer_bottom_location .ft_header h4,
.footer_bottom_links .ft_header h4,
.ft_ph_cnt .ft_header h4 {
  margin-bottom: 20px;
}
.ft_contact {
  margin-bottom: 30px;
}

/* footer section css end here */

/* footer-bottom section css start here */

.footer_bottom_sec {
  background-color: #011631;
  padding: 12px 0px;
}
.foot_btm_left p {
  color: #fff;
}
.foot_btm_right p {
  color: #fff;
  text-align: right;
}

/* footer-bottom section css end here */

.get_quote_slider {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #020e1c;
/*  z-index: 1000;*/
  z-index: 999999;
  transform: translateX(360px);
  transition: transform 0.3s cubic-bezier(0.96, 0.04, 0, 0.96);
  width: 360px;
  box-shadow: 0 0 5px rgb(0 0 0 / 12%);
  color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
}
.get_quote_body h2 {
  font-size: 28px;
  margin-bottom: 10px;
}
.get_quote_body p {
  font-size: 14px;
  line-height: 1.4;
}
.get_quote_form {
  background-color: #fff;
  color: #020e1c;
  border-radius: 10px;
}
.get_quote_form .wpcf7-form-control-wrap input,
.get_quote_form .wpcf7-form-control-wrap textarea {
  display: block;
  width: 100%;
  border: 2px solid #ccc;
  border-radius: 5px;
  min-height: 45px;
  padding: 5px 10px;
  max-height: 100px;
}

.contact_information li a {
  display: block;
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  background-color: #03172e;
}
.contact_information li a:hover,
.social_links li a:hover {
  border-color: #1654aa;
}
.social_links li a {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #03172e;
  line-height: 36px;
  border-radius: 50%;
  font-size: 14px;
  border: 1px solid transparent;
}

.get_quote_form .wpcf7-submit {
  background-color: #3686c7;
  color: #fff;
  border-radius: 4px;
  padding: 10px 30px;
  line-height: 1;
  border: 0;
  margin-left: auto;
  display: block;
  width: 125px;
  text-align: center;
}
.social_links li {
  display: inline-block;
}
.get_quote_form label {
  font-size: 14px;
}
.get_quote_slider.open {
  transform: translateX(0);
}
.get_quote_open_btn {
  position: fixed;
  right: -44px;
  top: 30%;
  background-color: #3686c7;
  color: #fff;
  padding: 10px 35px;
  transform: rotate(-90deg);
  transform-origin: center;
  border-radius: 4px;
  /*width: 128px;*/
  z-index: 999;
}
.get_quote_close_btn {
  float: right;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  line-height: 20px;
}
.get_quote_open_btn:hover {
  color: #fff;
}

/***********About Us Start**************/
.top_banner.about_banner {
  background-image: url(images/about_banner.jpg);
  background-size: cover;
  background-position: center top;
}
.about_banner_content {
  padding-top: 300px;
  padding-bottom: 60px;
}

.about_banner_content h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
}
.about_banner_content p {
  color: #fff;
}
.about_breadcrumb {
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  padding-bottom: 60px;
}

.about_breadcrumb li a,
.about_breadcrumb li {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  list-style: none;
  padding-right: 10px;
  position: relative;
}

.about_breadcrumb li:after {
  content: ">";
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-weight: 700;
  top: 0;
  left: 0;
}
img.ceo_image {
  width: 100px;
}
.ceo_image img {
  width: 100px;
}
.about_breadcrumb li:last-child:after {
  content: none;
}

.about_banner_bottom_part {
  position: relative;
  padding: 100px 0;
}
.about_banner_bottom_part:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 35%;
  height: 100%;
  background: #eaf2fe;
}
.about_image1 {
  margin-left: 95px;
  width: 445px;
  height: auto;
}
.about_image2 {
  position: relative;
  z-index: 3;
  margin-top: -235px;
  width: 321px;
  margin-left: 10px;
  height: auto;
}
.about_image2 img {
  box-shadow: none !important;
}
.about_image1 img,
.about_image2 img {
  box-shadow: 7px 5px 16px rgba(0, 123, 255, 0.15);
}

.about_right_text .main_header .header_second {
  max-width: 445px;
  width: 100%;
}

.about_right_text p {
  color: #121212;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

.ceo_part {
  display: flex;
  align-items: center;
  padding-top: 40px;
}

.ceo_part label {
  font-family: "Karla", sans-serif;
  font-weight: 600;
  color: 232323;
  font-size: 18px;
}
/* .ceo_part img{
  width: 160px;
  border-radius: 50%;
  margin-right: 20px;
} */

.ceo_image {
  max-width: 80px;
  height: auto;
}
.ceo-signature {
  max-height: 60px;
  width: auto;
  align-self: flex-start;
}
.ceo_social a {
  margin: 0 5px;
}
.ceo_social a img {
  max-width: 30px;
}

/* ~~~~~~~~~~~~~~~~~~About us -- what we do css start~~~~~~~~~~~~~~~~~~~ */
.what_we_do_sec {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  padding: 100px 0px;
}
.wht_we_do_ls {
  margin-bottom: 20px;
}
.wht_we_do_ls h2.header_second {
  margin-bottom: 22px;
}
.wht_we_do_rs .down_side {
  padding-top: 30px;
}
.wht_we_do_rs .wht_we_do_cntn_box {
  background-color: #fff;
  padding: 45px 28px;
  border-radius: 8px;
  box-shadow: 0px 4px 10px 1px #00285633;
  margin-bottom: 30px;
  transition: all 0.5s;
  cursor: pointer;
}
.wht_we_do_rs .wht_we_do_cntn_box:hover {
  box-shadow: 0px 4px 14px 1px #002856b3;
}
.wht_we_do_rs .row .col-md-6:nth-child(2) .wht_we_do_cntn_box {
  margin-top: 30px;
}
.wht_we_do_rs .row .col-md-6:nth-child(3) .wht_we_do_cntn_box {
  margin-top: -30px;
}
.wht_we_do_rs .wht_we_do_cntn_box .wwdcb_icon {
  margin-bottom: 20px;
}
.wht_we_do_rs .wht_we_do_cntn_box .wwdcb_content h3.wwdc_header {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.wht_we_do_rs .wht_we_do_cntn_box .wwdcb_content span.btn-what-we i {
  font-size: 30px;
  position: relative;
  left: 180px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  color: #001d41;
}
.wht_we_do_cntn_box:hover .wwdcb_content span.btn-what-we i {
  opacity: 1;
  visibility: visible;
  left: 200px;
}

/* ~~~~~~~~~~~~~~~~~~About us -- what we do css end~~~~~~~~~~~~~~~~~~~ */

/***********Our Journey Start**********/
.our_journey {
  position: relative;
  background-image: url(images/journey_bg.jpg);
  background-size: cover;
  background-position: center top;
  padding: 100px 0 80px;
}

.year_part {
  display: flex;
}

.year_left {
  max-width: 20%;
  width: 100%;
}
.year_right {
  max-width: 80%;
  width: 100%;
}

.year_part .year_left h2 {
  font-weight: 700;
  font-size: 80px;
  color: #e3efff;
  transform: rotate(-90deg);
  margin-top: 60px;
  white-space: nowrap;
}
.year_img_part {
  margin-top: 50px;
  margin-bottom: -90px;
}
.year_img_part img {
  height: 337px;
  object-fit: cover;
  border-radius: 20px;
}
.year_right p {
  font-size: 16px;
  color: #121212;
  font-weight: 400;
  padding-left: 90px;
  padding-right: 30px;
  min-height: 145px;
}
/***********Our Journey end**********/

/***************Client exp start************/
.client_exp {
  padding: 100px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.client_exp:before {
  content: "";
  position: absolute;
  background: rgba(2, 2, 2, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.establishment {
  display: flex;
  justify-content: flex-end;
  max-width: 100%;
  width: 100%;
}

.estb_inner {
  width: 180px;
  height: 180px;
  border: 1px solid #3686c7;
  padding-top: 29px;
  padding-left: 20px;
  border-collapse: collapse;
  background: rgba(2, 2, 2, 0.3);
  z-index: 1;
  position: relative;
}
/***************Client exp end************/

/**************Client Benefited start*********/
.estb_inner h3 {
  font-size: 36px;
  color: #3686c7;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.estb_inner p {
  font-size: 16px;
  color: #3686c7;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.estb_inner.othr_part h3 {
  font-size: 30px;
}

.estb_icon {
  min-height: 60px;
}

.estb_bottom_part {
  display: flex;
  justify-content: flex-end;
  margin-top: -1px;
}

.estb_bottom_right_inner {
  width: 180px;
  height: 359px;
  border: 1px solid #3686c7;
  padding-top: 29px;
  padding-left: 20px;
  border-collapse: collapse;
  background: rgba(2, 2, 2, 0.3) url(images/establishment_4.png) no-repeat -5px bottom;
  z-index: 1;
  position: relative;
}

.estb_bottom_right_inner h3 {
  font-size: 30px;
  color: #3686c7;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.estb_bottom_right_inner p {
  font-size: 16px;
  color: #3686c7;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.estb_bottom_left_top,
.estb_bottom_left_bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.estb_bottom_left_bottom {
  margin-top: -1px;
}
.estb_bottom_left_top_1 {
  width: 360px;
  height: 180px;
  border: 1px solid #3686c7;
  padding-top: 29px;
  padding-left: 20px;
  border-collapse: collapse;
  background: rgba(2, 2, 2, 0.3);
  z-index: 1;
  position: relative;
}

.estb_bottom_left_top_1 h3 {
  font-size: 30px;
  color: #3686c7;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}
.estb_bottom_left_top_1 p {
  font-size: 16px;
  color: #3686c7;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.estb_bottom_left_top_1 .review {
  padding-left: 0;
  display: flex;
  margin-top: 15px;
  list-style-type: none;
}
.estb_bottom_left_top_1 .review li {
  margin-right: 15px;
}
.estb_bottom_left_top_1 .review img {
  width: 28px;
}

.estb_bottom_left_top_1.five_star {
  background: #020202;
  padding-top: 29px;
  padding-right: 20px;
}

.estb_bottom_left_top_1.five_star h4 {
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.estb_happy_clients {
  width: 180px;
  height: 180px;
  border: 1px solid #3686c7;
  padding-top: 29px;
  padding-left: 20px;
  border-collapse: collapse;
  background: #3686c7;
  z-index: 1;
  position: relative;
}

.estb_happy_clients h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}
.estb_happy_clients p {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.estb_inner_partttts {
  position: relative;
}
.estb_inner_partttts .overview_sec {
  position: absolute;
  left: 40px;
  top: 25%;
  max-width: 503px;
  width: 100%;
  color: #fff;
  font-size: 48px;
}
.estb_inner_partttts .overview_sec p {
  font-weight: normal;
}

/**************Client Benefited end*********/

/**************Our Benefits Start*********/
.benefits_section {
  background-color: #eef5ff;
  padding-top: 100px;
}
.benefit_text p {
  font-size: 16px;
  color: #121212;
  font-weight: 400;
  line-height: 26px;
  font-family: "Poppins", sans-serif;
  margin-top: 0px;
  margin-bottom: 30px;
}
.benefit_text ul {
  padding-left: 65px;
  margin-bottom: 0px;
}
.benefit_man {
  height: 100%;
}
.benefit_man picture {
  height: 100%;
}
.benefit_man picture img {
  height: 100%;
}
.benefit_text ul li {
  color: #2e2e2e;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 40px;
  list-style: none;
  position: relative;
}
.benefit_text ul li:before {
  content: "";
  position: absolute;
  background: url(images/list_style.png) no-repeat;
  width: 45px;
  height: 33px;
  left: -60px;
}
/**************Our Benefits End*********/

/***********About Us end**************/

/*********Contact Us Start*************/
.top_banner.contact_banner {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.top_banner.contact_banner:after {
  content: "";
  position: absolute;
  background-color: rgb(3 27 46 / 28%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
/*************Get in touch start************/
.get_in_touchbg {
  background-color: rgb(255, 255, 255);
  padding: 80px 0;
  background-image: none !important;
}

.cont_no_get {
  display: flex;
  margin-top: 30px;
}

.cont_no_text {
  margin-left: 20px;
}
.cont_no_text h4,
.cont_office_address .add2 h4 {
  font-size: 15px;
  font-weight: 600;
  color: #e5e5e5;
  margin-bottom: 8px;
  margin-top: 0px;
}
.cont_no_text label,
.cont_office_address .add2 p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
  display: block;
}

.cont_office_address {
  display: flex;
  margin-top: 30px;
  flex-direction: column;
}
.off_location {
  display: flex;
  margin-bottom: 15px;
}

.office_add_inner {
  padding: 0 13px;
  max-width: calc(100% / 2);
  width: 100%;
}
.office_address_inner_inner {
}
.add1 {
  margin-bottom: 10px;
}

.office_address_inner_inner h4 {
  color: #010101;
  font-size: 24px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.office_address_inner_inner p,
.office_address_inner_inner p a {
  font-size: 16px;
  color: #5f5f5f;
  font-family: "Poppins", sans-serif;
  line-height: 26px;
  margin-bottom: 0px;
}
/*************Get in touch end************/
.form-group {
  margin-bottom: 15px;
  width: 450px !important;
}

.conv_form_right {
  padding: 0px 10px;
  position: relative;
  z-index: 2;
  
}
.get_in_touchbg .con_row {
  position: relative;
  padding: 60px 0;
}
.get_in_touchbg .con_row::after {
  content: "";
  position: absolute;
  right: -35px !important;
  top: 0;
 
  width: 80%;
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 4px #0000002e;
  z-index: 0;
}
.get_in_left {
  position: relative;
  z-index: 2;
  padding: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.get_in_left::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(to bottom right, #142c3f, #3686c7);
  z-index: -1;
  opacity: 0.8;
}
.get_in_left .main_header h2,
.get_in_left p {
  color: #fff;
}


/*************Conversation form start***********/
.conv_form {
  background-image: url(images/conv_form.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0;
}
.conv_form_left .main_header {
  max-width: 100%;
  width: 100%;
}
.conv_form_left .main_header h6 {
  font-weight: 600;
}

.conv_form_left p {
  color: #121212;
  font-size: 16px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.form_field {
  width: 100%;
  height: 50px;
  background: #fff;
  border-radius: 12px;
  border: 0px;
  font-weight: 600;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  padding: 0 15px;
  font-weight: normal;
  color: #676767 !important;
  border: 1px solid rgb(126 126 126 / 38%);
  box-shadow: 2px 2px 5px #4f4f4f36;
}

.form_field::placeholder,
.form_textarea::placeholder {
  color: #959595af !important;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: normal !important;
}
.form_field:focus-visible,
.form_textarea:focus-visible {
  border: 1px solid #3686c780;
  outline: none;
  transition: all 0.5s;
  box-shadow: 2px 2px 5px #3686c73c !important;
}
.form_field:focus,
.form_textarea:focus {
  border: 1px solid #3686c780;
  outline: none;
  transition: all 0.5s;
  box-shadow: 2px 2px 5px #3686c73c;
}

.form_textarea {
  height: 164px !important;
  background: #fff;
  border-radius: 12px;
  color: #959595;
  font-weight: 600;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  padding: 15px 15px;
  border: 1px solid rgb(126 126 126 / 38%);
  box-shadow: 2px 2px 5px #4f4f4f36;
  border: 1px solid rgb(126 126 126 / 38%);
  resize: none;
}
.conv_form_left {
  padding-top: 70px;
}

.conv_form_right .form-group {
  margin-bottom: 20px;
}
.conv_form_right .form-group p {
  font-size: 14px;
  font-weight: normal;
  color: rgb(86, 86, 86);
}
.conv_form_right .form-group.form-check {
  margin-bottom: 10px;
}
.check_boxfield {
  position: relative;
}
.check_boxfield .wpcf7-list-item {
  margin: 0px;
}

/*************Conversation form end***********/
.wpcf7 form.sent .wpcf7-response-output {
  background-color: #46b450;
  color: #fff;
  border: none;
  padding: 8px;
  margin: 2em 0 1em;
  border-radius: 4px;
  box-shadow: 0px 5px 6px 0px #04510b47;
}

/*********Contact Us End*************/

/***********Career Start****************/
.top_banner.career_bg {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.top_banner.career_bg:after {
  content: "";
  position: absolute;
  background: rgba(3, 27, 46, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.jb-tag{
  border: 1px solid #9f9b9b;
  padding: 2px 10px;
  border-radius: 5px;
  margin-right: 5px;
}

/**********Work Culture start*************/

.work_culture_sec {
  background-color: #f7f8f9;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0px;
}
.wc_header h5 {
  color: #333333;
}
.work_culture_sec .wc_content {
  margin-top: 60px;
}
.work_culture_sec .wc_content .wc_box {
  background-color: #fff;
  border-radius: 0px;
  padding: 30px 20px;
  box-shadow: -5px 5px 9px 4px #3686c72b;
  margin-bottom: 30px;
  position: relative;
  min-height: 235px;
}

.work_culture_sec .wc_content .wc_box h4.wcb_header {
  font-size: 22px;
  font-weight: bold;
  position: relative;
  margin-bottom: 15px;
  width: 88%;
}

.work_culture_sec .wc_content .wc_box p {
  margin-bottom: 16px;
  color: #212529;
}
.work_culture_sec .wc_content .wc_box span.wc_numbering {
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
  height: 55px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  border-radius: 0px 0px 0px 35px;
  font-weight: 600;
}
.work_culture_sec .row .col-lg-4:nth-child(1) .wc_box span.wc_numbering {
  background-color: #f2ac13;
}
.work_culture_sec .row .col-lg-4:nth-child(2) .wc_box span.wc_numbering {
  background-color: #ea383b;
}
.work_culture_sec .row .col-lg-4:nth-child(3) .wc_box span.wc_numbering {
  background-color: #69bb4a;
}
.work_culture_sec .row .col-lg-4:nth-child(4) .wc_box span.wc_numbering {
  background-color: #b55bd9;
}
.work_culture_sec .row .col-lg-4:nth-child(5) .wc_box span.wc_numbering {
  background-color: #ee8423;
}
.work_culture_sec .row .col-lg-4:nth-child(6) .wc_box span.wc_numbering {
  background-color: #3ea7e6;
}
/**********Work Culture end*************/

/**********Our Culture Start*************/
.our_culture_sec {
  padding: 80px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.oc_header {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 60px;
}
.oc_header h5 {
  width: 80%;
}
.oc_main_image picture {
  display: flex;
  justify-content: center;
}
.oc_main_image img {
  width: 60%;
}

/**********Our Culture End*************/

/**********Looking for new career start*************/
.looking_for_newcareer {
  background: #fff;
  position: relative;
  padding: 100px 0;
}
.looking_for_newcareer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  height: 100%;
  bottom: 0;
  background: #eaf2fe;
}
.career_right_box {
  width: 160px;
  height: 140px;
  box-shadow: 8px 1px 16px rgba(0, 123, 255, 0.38);
  background: #3686c7;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.career_right_box h4 {
  font-weight: 400;
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  color: #fff;
}
.career_right_box h4 span {
  font-weight: 700;
  font-size: 42px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  display: block;
}
.career_left_bottom {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px;
}
.career_bottom_image {
  width: 418px;
  height: 269px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 8px 1px 16px rgba(8, 78, 153, 0.24);
}
.career_bottom_image img {
  width: 100%;
  height: 100%;
}

.career_right .main_header h6 {
  font-weight: 600;
}
.career_right .main_header h2 {
  font-size: 38px;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 20px;
}

.career_right p {
  font-size: 16px;
  color: #121212;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.career_right ul {
  padding-left: 0px;
  margin-bottom: 0px;
}

.career_right ul li {
  font-size: 16px;
  color: #121212;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  padding-left: 40px;
  position: relative;
  list-style: none;
  margin-bottom: 15px;
}

.career_right ul li:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 6px;
  width: 10px;
  height: 10px;
  background-color: #3686c7;
  border-radius: 50%;
}
/**********Looking for new career end*************/

/**************Job Opening Start***********************/
.job_opening {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
}
.job_box {
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 3px 5px 2px #3686c724;
  margin-bottom: 30px;
  position: relative;
  transition: all 0.5s;
  cursor: pointer;
  min-height: 180px;
}
.job_box:hover {
  box-shadow: 0px 4px 10px 2px #3686c752;
}
.job_box_bg_logo {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20%;
  height: auto;
  opacity: 0;
}
.left_job_box {
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right_job_box {
  padding-left: 15px;
  border-left: 1px solid rgb(178, 178, 178);
}
.right_job_box h4.job_tittle {
  font-family: "Century Gothic";
  font-weight: bold;
  margin-bottom: 8px;
}
.right_job_box h6 {
  font-weight: 600;
  color: #6b6b6b;
  margin-bottom: 8px;
}
.right_job_box .job_experience,
.right_job_box .opening_post {
  margin-left: 10px;
  color: #232323;
  display: inline-block;
  font-weight: 600;
}

.job_box .job_details i {
  font-size: 30px;
  position: relative;
  left: -20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  color: #3686c7;
}
.job_box:hover .job_details i {
  left: 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.jd_logo {
  display: flex;
  align-items: center;
}
.job_opening_content p.sub-line {
  padding: 0px 15px;
  font-size: 18px;
  font-weight: 500;
  margin: 0 auto;
}
.job_opening_content p.sub-line a {
  color: #008cff;
  cursor: pointer;
  transition: all 0.5s;
}
.job_opening_content p.sub-line a:hover {
  color: #00268e;
}
/**************Job Opening End***********************/

/**************Newsletter Start***********************/
.newsletter_sec {
  padding: 100px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.newsletter_sec .row {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 15px;
}
.newsletter_sec .row h4 {
  color: #3686c7;
  margin-bottom: 16px;
  font-size: 18px;
}
.newsletter_sec .row h2 {
  margin-bottom: 22px;
}
.newsletter_sec .row .emaillist form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.newsletter_sec .row .emaillist {
  width: 100%;
  margin-top: 15px;
}
.newsletter_sec .row .emaillist form .es-field-wrap {
  margin-bottom: 0px;
  width: 50%;
}
.newsletter_sec .row .emaillist form .es-field-wrap label {
  margin-bottom: 0px;
  width: 100%;
}


.tnp.tnp-subscription form { display: flex; justify-content: space-between;}
.tnp.tnp-subscription .tnp-field-email {flex: 0 0 75%; margin-right: 10px;}
.tnp.tnp-subscription .tnp-field-email label {display: none;}
.tnp-subscription input[type=email]
{
  width: 95%;
  height: 52px;
  padding: 0px 15px;
  border: 1px solid #3686c7 !important;
  margin-right: 20px;
  border-radius: 12px;
}
.tnp-subscription input[type=email]:focus-visible {
  border-color: #3686c7;
  outline: none;
}
.tnp-subscription input.tnp-submit {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 9px 20px !important;
  color: #fff !important;
  line-height: 30px;
  background: #3686c7 !important;
  transition: all 0.3s ease;
  box-shadow: 0 5px 3px rgb(0 0 0 / 40%) !important;
  border-radius: 8px !important;
  border: 1px solid #3686c7;
  cursor: pointer;
  height: 100% !important;
}

/**************Newsletter End***********************/

/***********Career End****************/

/************Career Details Start********************/
.top_banner.career_det_bg {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.top_banner.career_det_bg:after {
  content: "";
  position: absolute;
  background: rgba(3, 27, 46, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.about_banner_content.jd_part {
  max-width: 670px;
  width: 100%;
}
.jd_top_part {
  background: #f9f8f8;
  padding-top: 70px;
}
.jd_top_inner_part {
  background: #fff;
  box-shadow: 0 0 10px rgba(54, 134, 198, 0.44);
  padding: 22px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.jd_top_text {
  max-width: 78%;
  width: 100%;
  margin-left: 35px;
}
.jd_top_text .full_time_span {
  height: 26px;
  line-height: 26px;
  border: 1px solid #3686c7;
  border-radius: 40px;
  display: inline-block;
  padding: 0 20px;
  background: rgba(0, 123, 255, 0.12);
  color: #3686c7;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-top: 0px;
}

.jd_top_text h2 {
  font-size: 24px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #121212;
  margin: 25px 0;
}

.coding_agency,
.agency_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.agency_inner,
.agency_inner a {
  color: #3686c7;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-right: 20px;
}
.agency_inner span {
  margin-right: 15px;
}

.jd_icon {
  position: absolute;
  right: 20px;
  top: 20px;
}

.jobdesbottom {
  background: #f9f8f8;
  padding: 65px 0 80px 0;
}

.jd_row {
  display: flex;
  flex-wrap: wrap;
}

.jd_row_left {
  max-width: 25%;
  width: 100%;
}

.jd_row_right {
  max-width: 75%;
  width: 100%;
}

.jd_row_right h2 {
  color: #3686c7;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 45px;
}
.row_cont {
  margin-bottom: 20px;
}
.jd_row_left label {
  color: #161616;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.jd_row_right p {
  color: #626262;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

.jd_row_right ul {
  padding-left: 0px;
  margin-bottom: 10px;
}
.jd_row_right ul li {
  color: #626262;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  list-style: none;
  margin-bottom: 10px;
}

.apply_for_the_job {
  padding: 80px 0;
  background-image: url(http://184.168.124.185/~wgtnew/wp-content/themes/webgen/images/carrer_form_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.apply_for_the_job .main_header {
  text-align: center;
}

.apply_for_the_job .main_header h6 {
  font-weight: 600;
}

.career_inner_form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 25px;
}
.career_frm_field {
  margin-top: 40px;
}
.career_inner_left {
  max-width: 33.33%;
  width: 100%;
}
.career_inner_left label {
  color: #161616;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.career_inner_left label span {
  color: #f00;
}
.career_inner_right {
  max-width: 66.66%;
  width: 100%;
}
.career_inner_left label {
  margin-bottom: 0px;
}
.careerer_field {
  color: #6e6e6e;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 600;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  padding: 0 15px !important;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(126 126 126 / 38%);
  box-shadow: 2px 2px 5px #4f4f4f3b;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: rgb(255, 255, 255);
  border: 1px solid #3686c780;
  box-shadow: 2px 2px 5px #3686c73c;
}

.careerer_field::placeholder {
  font-weight: normal;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  color: rgb(181, 181, 181);
}
.careerer_field:focus {
  outline: 0px;
  border: 1px solid #3686c780 !important;
  box-shadow: 2px 2px 5px #3686c73c !important;
}

.career_inner_right .form-group {
  margin-bottom: 0px;
}

.career_inner_form select.careerer_field {
  appearance: none;
  background: url(images/jd_arrow.png) no-repeat 98% center;
  font-size: 15px;
  color: #959595;
  font-family: "Poppins", sans-serif;
}

.custom-file-input {
  color: transparent;
  position: relative;
  border: 1px solid rgba(153, 153, 153, 0.62) !important;
  border-radius: 40px;
  height: 49px;
  padding: 0 20px;

  opacity: 1;
  font-size: 0px;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: "Choose File";
  font-size: 15px;
  font-weight: 600;
  height: 49px;
  line-height: 49px;
  color: #959595;
  font-family: "Poppins", sans-serif;
  background: transparent;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.career_inner_right .careerer_textarea {
  height: 128px !important;
  background: #ffffff;
  border-radius: 8px;
  border: 0px;
  color: #6e6e6e;
  font-weight: 600;
  font-size: 15px !important;
  font-family: "Open Sans", sans-serif !important;
  padding: 15px 15px !important;
  border: 1px solid rgb(126 126 126 / 38%);
  box-shadow: 2px 2px 5px #4f4f4f3b;
  resize: none;
}

.career_inner_right .careerer_textarea:focus {
  outline: 0px;
  border: 1px solid #3686c780 !important;
  box-shadow: 2px 2px 5px #3686c73c !important;
}
.career_inner_right .careerer_textarea::placeholder {
  font-weight: normal;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  color: rgb(181, 181, 181);
}

/************Career Details End********************/

/************services start**********************/
.top_banner.services_banner,
.top_banner.technology {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  z-index: 9;
}
.top_banner.services_banner:before,
.top_banner.technology:before {
  content: "";
  position: absolute;
  background-color: rgba(3, 27, 46, 0.5);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.complete_software {
  padding: 100px 0;
  position: relative;
}
.complete_software:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
  height: 100%;
  background: #eaf2fe;
}
.services_text .main_header h6.subtitle {
  font-size: 16px;
  font-weight: 400;
}
.services_text p {
  font-size: 16px;
  font-weight: 400;
  color: #121212;
  font-family: "Poppins", sans-serif;
  padding-right: 40px;
}
.what_we_do.serv_we_do {
  background: url(images/serv_we_do_banner.jpg) no-repeat center top;
  background-size: cover;
  padding: 100px 0 65px 0;
}
.webesign.services_webdesogn {
  margin-top: 0px;
  padding-top: 60px;
}
/************services end**********************/

/******************Services Details Start*************/
.top_banner.service_det_banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  z-index: 9;
}
.top_banner.service_det_banner:before {
  content: "";
  position: absolute;
  background-color: rgb(1 22 49 / 35%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.artificial_inner_text h2 {
  max-width: 730px;
  width: 100%;
  color: #121212;
  margin-bottom: 25px;
}
.artificial_inner_para p {
  font-size: 16px;
  font-weight: 400;
  color: #121212;
  font-family: "Poppins", sans-serif;
  padding-bottom: 30px;
}

/***************artificial service provider start **************/
.artificial_ser_provider {
  background-size: cover !important;
  padding: 100px 0 60px 0;
  position: relative;
  z-index: 2;
}
.artificial_prv_text h2 {
  color: #121212;
  margin-bottom: 45px;
}
.artificial_choosing_text ol {
  padding-left: 0px;
  margin-bottom: 0px;
}
.artificial_choosing_text ol li::marker {
  position: relative;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.artificial_choosing_text ol li {
  position: relative;
  padding-left: 28px;
  z-index: 1;
  margin-left: 26px;
  margin-bottom: 40px;
}
.artificial_choosing_text ol li:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 27px;
  background: #3686c7;
  left: -25px;
  top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
.artificial_choosing_text ol li h3 {
  color: #121212;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 14px;
}
.artificial_choosing_text ol li p {
  color: #121212;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
/***************artificial service provider end **************/

/**************artificial inteligence service start **********/
.artificial_inteligence_service {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 80px 0 40px 0;
}

.art_int_inner .main_header {
  text-align: center;
}
.art_int_inner .main_header h2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.art_int_network {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}
.art_int_network_inner {
  width: calc(100% / 3);
  padding: 0 15px;
  margin-bottom: 55px;
  z-index: 2;
}

.art_inr_inr {
  padding: 20px;
  background: #fff;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  display: block;
  flex-wrap: wrap;
  position: relative;
  border-radius: 6px;
  min-height: 240px;
}
.art_inr_inr::before {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 6px;
}
.art_int_network .art_int_network_inner:nth-child(1) .art_inr_inr::before {
  background-color: #f2ac13;
}
.art_int_network .art_int_network_inner:nth-child(2) .art_inr_inr::before {
  background-color: #ea383b;
}
.art_int_network .art_int_network_inner:nth-child(3) .art_inr_inr::before {
  background-color: #69bb4a;
}
.art_int_network .art_int_network_inner:nth-child(4) .art_inr_inr::before {
  background-color: #b55bd9;
}
.art_int_network .art_int_network_inner:nth-child(5) .art_inr_inr::before {
  background-color: #ee8423;
}
.art_int_network .art_int_network_inner:nth-child(6) .art_inr_inr::before {
  background-color: #3ea7e6;
}
.art_int_network .art_int_network_inner:nth-child(7) .art_inr_inr::before {
  background-color: #3ee6d8;
}
.art_int_network .art_int_network_inner:nth-child(8) .art_inr_inr::before {
  background-color: #3e62e6;
}
.art_int_network .art_int_network_inner:nth-child(9) .art_inr_inr::before {
  background-color: #e63e6b;
}

.art_int_img {
  display: none;
}

.art_int_text {
  max-width: 80%;
  width: 100%;
}
.art_int_text h4 {
  font-size: 20px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  color: #202020;
}

.art_int_text p {
  color: #202020;
  font-size: 16px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin-top: 15px;
}
/**************artificial inteligence service end **********/

/***************Our Projects start*******************/
.artificial_our_projects {
  padding: 80px 0;
}
.artificial_inner_prj .main_header {
  text-align: center;
}
.ourPrj .owl-prev {
  position: absolute;
  left: -40px;
  top: 36%;
}
.ourPrj .owl-nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ourPrj .owl-prev,
.ourPrj .owl-next {
  font-size: 32px !important;
}

.ourPrj .owl-next {
  position: absolute;
  right: -40px;
  top: 36%;
}
/***************Our Projects end*******************/

.experience_live_bg {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 80px 0;
}

.video_parttts video {
  opacity: 1;
  position: static;
}

.video_textttts .main_header h6 {
  font-size: 18px;
}
.video_textttts .main_header h2.header_second {
  /* text-transform: uppercase; */
  font-size: 38px;
  color: #121212;
  margin: 15px 0;
}

.video_textttts p {
  color: #121212;
  font-size: 16px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
/******************Services Details End*************/

/********************Hire Us start**********************/
.top_banner.hire_bg {
  background-size: cover;
  background-position: center top;
  z-index: 1;
  background-repeat: no-repeat;
  position: relative;
}
.top_banner.hire_bg:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(1, 23, 49, 0.5);
  z-index: -1;
}

.why_work_with_us {
  margin-top: 100px;
}

.hire_right_box {
  padding: 20px 34px 20px 23px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(21, 15, 233, 0.26);
  display: inline-block;
  position: absolute;
  top: -20px;
  right: 40px;
}

.hire_right_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hire_right_inner h4 {
  font-size: 42px;
  font-weight: 700;
  color: #1573e9;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px;
}

.hire_right_inner h5 {
  font-size: 16px;
  font-weight: 700;
  color: #1573e9;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px;
  margin-left: 10px;
}
.hire_right_inner h5 span {
  display: block;
}

.hire_left {
  position: relative;
}

.career_right.hire_right p {
  color: #121212;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: 30px;
}

.inner_management {
  display: flex;
  margin-bottom: 30px;
}
.manage_right_box {
  margin-left: 10px;
}
.manage_right_box h3 {
  font-size: 18px;
  font-weight: 600;
  color: #232323;
  font-family: "Poppins", sans-serif;
}
.manage_right_box p {
  font-size: 16px;
  font-weight: 400;
  color: #232323;
  font-family: "Poppins", sans-serif;
  margin-top: 13px;
}
.warrenty_management {
  margin-top: 30px;
}
.inner_management:last-child {
  margin-bottom: 0px;
}

.why_hire_us {
  background-size: 100% 100%;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 100px 0;
}

.why_hire_heading {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.why_hire_heading .main_header h2 {
  color: #fff;
  font-size: 42px;
  margin-top: 12px;
}

.wh_hire_inner {
  display: flex;
  flex-wrap: wrap;
  margin: 50px -15px 0 -15px;
}
.why_hire_inner_partts {
  padding: 0 15px;
  max-width: calc(100% / 4);
  width: 100%;
}

.why_hire_inner_inner {
  padding: 0 0 20px 0;
  height: 100%;
  border-radius: 6px;
  text-align: center;
}

.hire_img {
  margin-bottom: 30px;
}
.why_hire_text p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-top: 14px;
}
.why_hire_text h4 {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}
.hire_img {
  min-height: 58px;
}
.hire_form {
  position: relative;
  padding: 100px 0;

  background: rgb(1, 23, 47);
  background: linear-gradient(
    322deg,
    rgba(1, 23, 47, 1) 10%,
    rgba(0, 83, 97, 0.9542410714285714) 51%,
    rgba(54, 134, 199, 0.9654455532212886) 100%
  );
}
/* .hire_form:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover !important;
  background-position: center top !important;
} */

.fill_out_the_form_left {
  background: #01182f;
}
.fill_out_the_form_left h2 {
  font-size: 28px;
  color: #fff;
  margin: 20px 0;
}
.fill_out_the_form_left p {
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}
.fill_out_the_form_left hr {
  border-top: 1px solid #fff;
}

.fill_out_the_form_left .icon {
  width: 35px;
  flex: 0 0 35px;
  margin-right: 15px;
}
.fill_out_the_form_left .icon img {
  max-width: 100%;
  height: auto;
}
.txt_pan {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}
.txt_pan span {
  font-size: 22px;
  line-height: 25px;
  font-weight: 500;
  margin-bottom: 5px;
}

.fill_out_the_form {
  background: #fff;
  box-shadow: 0 0 29px rgba(1, 23, 49, 0.21);
  padding: 46px 52px;
  /* border-radius: 15px; */
}

.fill_out_the_form .main_header h6 {
  font-weight: 600;
  font-size: 18px;
  color: #3686c7;
}
.fill_out_the_form .main_header h2 {
  font-size: 30px;
  color: #011731;
  margin: 20px 0;
}

.filloutforminner .fillselect {
  height: 40px;
  border-radius: 30px;
  border: 1px solid #6b6b6b;
  appearance: none;
  color: #959595;
  font-weight: 500;
  font-size: 13px;
}
.filloutforminner .fillselect:focus,
.filloutforminner .fill_text:focus {
  box-shadow: none;
}

.filloutforminner .form-group {
  margin-bottom: 16px;
}

.fill_text {
  height: 40px;
  border-radius: 30px;
  border: 1px solid #6b6b6b;
  color: #959595;
  font-weight: 500;
  font-size: 13px;
}

.fill_text::placeholder {
  color: #959595;
  font-weight: 500;
  font-size: 13px;
}

.message_field {
  height: 74px;
  border-radius: 20px;
  border: 1px solid #6b6b6b;
  color: #959595;
  font-weight: 500;
  font-size: 13px;
}
.message_field::placeholder {
  color: #959595;
  font-weight: 500;
  font-size: 13px;
}

.hire_how_works {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 100px 0;
}

.hire_how_heading .main_header {
  text-align: center;
  max-width: 670px;
  width: 100%;
  margin-bottom: 56px;
  margin: 0 auto;
}

.hire_how_heading .main_header h2 {
  font-size: 42px;
  color: #fff;
}

.hire_how_works_inner {
  display: flex;
}

.hire_how_left1 {
  width: 62px;
  height: 62px;
  background: #1573e9;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.hire_how_right1 {
  max-width: 70%;
  width: 100%;
  margin-left: 15px;
}

.hire_how_right1 h4 {
  font-size: 20px;
  color: #1573e9;
  font-weight: 500;
}

.hire_how_right1 p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 26px;
  margin-top: 10px;
}

.hire_how_inner {
  margin-top: 50px;
}

.our_valued_clients {
  padding: 95px 0;
}

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

.client_section {
  margin: 0 -22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client_sec_inner_inner {
  padding: 10px;
  background: #fff;
  box-shadow: 6px 7px 7px rgba(0, 123, 255, 0.25);
  text-align: center;
}
.client_section_inner {
  width: 25%;
  height: 88px;
  padding: 0 22px;
}

/* hire us form start */
.gform_body ul li {
  padding: 0;
}
.hu_form_field.phone_field input {
  padding-left: 95px !important;
}
.hu_form_field input,
.hu_form_field select {
  font-family: "Open Sans", sans-serif !important;
  font-weight: normal;
  width: 100%;
  height: 50px;
  border-radius: 0px;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  padding: 5px !important;
  background-color: rgb(255, 255, 255);
  border: none;
  border-bottom: 1px solid rgb(0, 0, 0);
  /* box-shadow: 0px 2px 5px #4f4f4f3b; */
}

.hu_form_field .ginput_complex .name_first label,
.hu_form_field .ginput_complex .name_last label {
  display: none !important;
}

.hu_form_field input::placeholder,
.hu_form_textarea textarea::placeholder {
  color: #797979e3;
  font-weight: lighter;
}
.hu_form_field select:focus-visible,
.hu_form_field input:focus-visible,
.hu_form_textarea textarea:focus-visible {
  border: 1px solid #3686c780;
  outline: none;
  transition: all 0.5s;
  box-shadow: 2px 2px 5px #3686c73c;
}
.hu_form_field input {
  color: #3b3b3b;
  font-weight: normal;
}
.hu_form_field select {
  color: #797979e3;
  font-weight: normal;
  appearance: none;
}
.hu_form_textarea textarea {
  height: 164px !important;
  background: #ffffff;
  border-radius: 0px;
  border: 0px;
  color: #3b3b3b;
  font-weight: 600;
  font-size: 15px !important;
  font-family: "Open Sans", sans-serif !important;
  padding: 5px !important;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  /* box-shadow: 2px 2px 5px #4f4f4f3b; */
}
.multiselect-option .form-check .form-check-input {
  width: auto;
  height: auto;
}

.hu_form_field label.gfield_label {
  display: none !important;
}
.hu_form_field .btn-group {
  width: 100%;
  font-family: "Open Sans", sans-serif !important;
  font-weight: lighter;
  height: 50px !important;
  /* border-radius: 8px; */
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  padding: 0px !important;
  background-color: rgb(255, 255, 255);
  /* border: 1px solid rgb(126 126 126 / 38%) !important; */
  border: none;
  border-bottom: 1px solid #000 !important;
  /* box-shadow: 2px 2px 5px #4f4f4f3b; */
  box-shadow: none;
  height: 100%;
}
.hu_form_field .btn-group .multiselect-container.dropdown-menu.show {
  width: 100%;
  transform: translate3d(0px, 50px, 0px) !important;
  height: 240px;
  overflow-y: auto;
}
.hu_form_field
  .btn-group
  button.multiselect.dropdown-toggle.custom-select.text-center {
  border: 0px !important;
  height: 48px !important;
  /* border-radius: 8px; */
}
.hu_form_field
  .btn-group
  button.multiselect.dropdown-toggle.custom-select.text-center:focus {
  border: 1px solid #3686c780;
  outline: none;
  transition: all 0.5s;
  box-shadow: 2px 2px 5px #3686c73c !important;
}

.hu_form_field .btn-group .multiselect {
  text-align: left !important;
}
.gfield .iti.iti--allow-dropdown input {
  border: none !important;
  /* border-bottom: 1px solid rgb(126 126 126 / 38%) !important; */
  border-bottom: 1px solid #000 !important;
}
.gform_legacy_markup_wrapper .gform_footer {
  padding: 0px;
}
.gform_footer input[type="submit"] {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px 30px !important;
  color: #fff !important;
  line-height: 30px;
  background: #3686c7;
  transition: all 0.3s ease;
  box-shadow: 0 5px 3px rgb(0 0 0 / 40%) !important;
  border-radius: 8px !important;
  border: 1px solid #3686c7;
}
.gform_footer input[type="submit"]:hover {
  background: #0a6cbb;
  transition: all 0.3s ease;
}
.hu_agree .gchoice {
  display: flex;
  align-items: center;
}
.hu_agree .gchoice input {
  margin-right: 5px;
  margin-top: 0px !important;
}
.hu_note b {
  font-size: 14px;
  font-weight: normal;
  color: rgb(86, 86, 86);
}

.hu_form_field select,
.indus_form_right form .form-group select {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 7px),
    calc(100% - 15px) calc(1em + 7px);
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.hu_form_field select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.gform_legacy_markup_wrapper li.hidden_label input {
  margin-top: 4px !important;
}
/* hire us form end */
/*******************Hire Us End *************************/

/**************Our Culture Start**********/
.our_culture {
  background-image: url(../images/our_culture.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  padding: 90px 0;
}
.our_culture:before {
  content: "";
  position: absolute;
  background: url(../images/culture_bg.png) no-repeat center top;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.culture_heading {
  position: relative;
  z-index: 3;
  text-align: center;
}
.culture_heading .main_header h2 {
  font-size: 48px;
}

.culture_image {
  margin: 70px -15px 0 -15px;
  display: flex;
  justify-content: space-between;
}

.culturer_inner {
  padding: 0 15px;
  width: calc(100% / 4);
}
.culturer_inner_part {
  position: relative;
  z-index: 4;
  width: 100%;
  height: 357px;
  border-radius: 10px;
  overflow: hidden;
}
.culturer_inner_part .cul_inner_top_image {
  width: 100%;
  height: 100%;
}
.culturer_inner_part .cul_inner_top_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.culturer_inner_part:before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.culturer_inner_part:hover:before {
  background-color: transparent;
  background: #3686c7;
  background: -webkit-linear-gradient(bottom, #3686c7, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(bottom, #3686c7, rgba(255, 255, 255, 0));
  background: linear-gradient(to top, #3686c7, rgba(255, 255, 255, 0));
}
.text_cont {
  padding: 7px;
}

.text_cont h3 {
  font-size: 24px;
  color: #fff;
  margin-top: 10px;
}
.text_cont {
  position: absolute;
  z-index: 6;
  bottom: 20px;
  transform: translateY(130px);
  transition-duration: 0.3s;
}
.culturer_inner_part:hover .text_cont {
  transform: translateY(0px);
  transition-duration: 0.3s;
}
.text_cont p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 26px;
  font-family: "Poppins", sans-serif;
  margin-top: 30px;
}
.rounded_shape {
  width: 220px;
  height: 220px;
  border-radius: 100%;
  border: 13px solid #3686c7;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 20px 20px 20px;
  padding: 10px;
}
.culture_image .culturer_inner:nth-child(2n) {
  margin-top: 40px;
}
.rounded_innershape {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 30px -20px 0 -20px;
}
.websign_heading {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
/**************Our Culture End**********/
a.get_quote_open_btn {
  right: -68px;
  transition-duration: 0.5s;
}
a.get_quote_open_btn:hover {
  right: -50px !important;
  transition-duration: 0.5s;
}
.get_quote_slider {
  max-width: 360px !important;
  width: 100% !important;
}
.get_quote_close_btn {
  border-radius: 100% !important;
  background: #f00 !important;
}
.why_choose_u_rgt .nav-pills .nav-link {
  position: relative;
}
.banner_feature_down a {
  padding: 10px 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
.banner_feature_down a i {
  display: block;
  margin-left: 0px;
  color: #fff;
}
a.nav-link.why_choose_link:hover {
  background: #111;
}
.why_choose_link:nth-child(3) {
  background: #505358;
}
.why_choose_u_rgt .nav-pills .nav-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
}
.why_choose_u_rgt .nav-pills .nav-link:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 11;
  display: block;
  width: 13px;
  height: 13px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(177deg);
}
.banner_feature_down a:last-child {
  border-right: 0px;
}
.get_quote_form {
  background-color: #03172e;
  color: #fff;
  border-radius: 10px;
}
.get_quote_form label {
  font-size: 14px;
  color: #fff;
}
.get_quote_form .wpcf7-form-control-wrap input,
.get_quote_form .wpcf7-form-control-wrap textarea {
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
}
.banner_right ul.list-inline.baner_btn li:last-child {
  margin-left: 0px;
}
.banner_right .discover_more {
  border: 1px solid #fff;
  color: #3686c7;
}
.banner_right .discover_more:hover {
  border-color: #3686c7;
  color: #fff;
}
.banner_right h1 {
  margin-bottom: 20px;
  font-size: 45px;
}
.ourTechnologies .technologies-item {
  border-radius: 6px;
}

.our_blog .blog_content_inner_dwn {
  height: 85%;
}
.our_blog .blog_content_inner {
  height: 100%;
}
.our_partner_main .our_partner_item {
  border-radius: 6px;
}
.footer_sec .ft_ph_cnt img {
  width: 18px;
  height: 18px;
}
.footer_sec .ft_mail_cnt img {
  width: 28px;
  height: 28px;
}
a.get_quote_open_btn {
  right: -55px !important;
}
.banner_right .discover_more {
  font-weight: 700;
}
.top_banner .about_breadcrumb {
  padding-bottom: 20px;
  margin-top: 40px;
}
.establishment .estb_inner h3 {
  color: #fff;
}
.establishment .estb_inner p {
  color: #fff;
}
.estb_bottom_part .estb_bottom_left_top_1 h3 {
  color: #fff;
}
.estb_bottom_part .estb_bottom_left_top_1 p {
  color: #fff;
}
.estb_bottom_right .estb_bottom_right_inner h3 {
  color: #fff;
}
.estb_bottom_right .estb_bottom_right_inner p {
  color: #fff;
}

.art_int_inner .art_int_network {
  margin: 60px -15px 0 -15px;
}

.art_int_inner
  .art_int_network
  .art_int_network_inner
  .art_inr_inr
  .art_int_text {
  max-width: 100%;
}
.filloutforminner .fill_text {
  border: 1px solid rgba(153, 153, 153, 0.62) !important;
  border-radius: 40px;
  height: 49px;
  padding: 0 20px;
  font-weight: 600;
  font-size: 15px;
  color: #959595;
  font-family: "Poppins", sans-serif;
}
.fill_out_the_form .filloutforminner .fillselect {
  border: 1px solid rgba(153, 153, 153, 0.62) !important;
  border-radius: 40px;
  height: 49px;
  padding: 0 20px;
  font-weight: 600;
  font-size: 15px;
  color: #959595;
  font-family: "Poppins", sans-serif;
}
.fill_out_the_form .filloutforminner .form-group {
  margin-bottom: 25px;
}
.hire_form .fill_out_the_form {
  padding: 25px;
}
.filloutforminner .fill_text::placeholder,
.filloutforminner .message_field::placeholder {
  font-size: 15px;
}

/* ===================================
Single Servce page Template 2
===================================== */

/* service_inner_about start here*/
.service_inner_about {
  padding: 90px 15px;
}

/* service_inner_about end here*/

/* service_provider  start here*/
.service_provider {
  background-position: center;
  background-size: cover !important;
  padding: 90px 0;
}
.no-design {
  width: 70%;
  height: 2px;
  overflow: hidden;
  position: relative;
  background-color: #707070;
}
.text2 {
  color: #a4a4a4;
  font-size: 42px;
}
.head-2 {
  font-size: 22px;
}
.box-item {
  height: 340px;
  background-color: #fff;
  height: 385px;
  /* margin: 0px 15px; */
}
/* service_provider end here*/

/* service-inner_whychooseus start here*/
.service-inner_whychooseus {
  background-position: center;
  background-size: cover;
  padding: 90px 15px;
}
.head-4 {
  color: #1573e9;
}
.icon-bg {
  width: 61px;
  height: 61px;
  background: linear-gradient(213deg, #0c2f5b 41%, #1573e9 72%);
  padding: 12px;
  border-radius: 50%;
}
.head3 {
  font-size: 22px;
  font-weight: 700;
}
.owl-dots {
  display: table;
  margin: auto;
  margin-top: 15px;
}
.owl-dot {
  background: #0a0a0a;
  border: 1px solid #1573e9 !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 30px !important;
  margin: 0px 5px !important;
}
.owl-dot.active {
  background: #1573e9 !important;
  border: 1px solid #1573e9 !important;
  border-radius: 30px !important;
  margin: 0px 5px !important;
}
/* service-inner_whychooseus end here*/

/* experties css start here */
.experties_rgt {
  width: 100%;
  background-position: center;
  background-size: cover;
  color: #fff;
  padding: 30px;
  height: 500px;
}
.experties_us .row {
  align-items: end;
  align-items: center;
}
.experties_us iframe {
  margin-bottom: -5px;
}
.experties_rgt h6 {
  color: #1573e9;
}
.content {
  width: 70%;
}
.video_ex {
  height: 500px;
}
/* experties css end here */

/*~~~~~~~~~~~~~~~Single service Page Template3~~~~~~~~~~~~~*/
.iss_header,
.cp_header,
.ics_header {
  margin-bottom: 60px;
}
/* serviceInner_AfterBanner_section_css start here  */
.aftbanner_sec {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 100px 0;
  position: relative;
}
.aftbanner_right h2 {
  margin-bottom: 22px;
}
.aftbanner_right p {
  font-size: 16px;
  font-weight: 400;
  color: #121212;
  font-family: "Poppins", sans-serif;
  line-height: 26px;
}
/* serviceInner_AfterBanner_section_css start end  */

/* serviceInner_service_section css start here  */
.inner_service_sec {
  padding: 100px 0;
}
.top_notch_box {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 6px 8px #268fff40;
  padding: 20px 15px;
  position: relative;
}
.top_notch_box img {
  margin-bottom: 15px;
}
.top_notch_box h5 {
  font-size: 26px;
  font-weight: 400;
  font-family: "Century Gothic";
  margin-bottom: 15px;
  color: #232323;
}
.top_notch_box p {
  font-size: 16px;
  font-weight: 400;
  color: #121212;
  line-height: 26px;
  font-family: "Poppins", sans-serif;
  z-index: 2;
  position: relative;
}
.tn_count_box {
  position: absolute;
  font-size: 100px;
  font-family: "Century Gothic";
  font-weight: bold;
  color: #eff5ff;
  right: 10px;
  bottom: 0;
  z-index: 1;
}
/* serviceInner_service_section css end here  */

/* custom_project_section css start here  */
.custm_projt_sec {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 100px 0;
  position: relative;
  overflow-x: hidden;
}
.custom_project_cntn .owl-stage-outer {
  width: calc(100% + 395px);
  margin-bottom: 40px;
}
/* .custm_projt_sec .cutm_projt_main{
    width: 80%;
    margin-left: auto;
} */
.cpc_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.cpc_inner .cpc_img_box {
  width: 90%;
  height: 100%;
  z-index: 2;
  border-radius: 12px;
  overflow: hidden;
}
.cpc_inner .cpc_cntn_box {
  background-color: #fff;
  border: 1px solid #3686c7;
  border-radius: 12px;
  box-shadow: 0px 2px 8px 4px #3686c721;
  padding: 60px 20px 20px 20px;
  width: 100%;
  margin-top: -40px;
  z-index: 1;
}
.cpc_inner .cpc_cntn_box h3 {
  font-size: 22px;
  color: #232323;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "Century Gothic";
}
.cpc_inner .cpc_cntn_box .cp_technology_secion {
  display: flex;
}
.cpc_inner .cpc_cntn_box .cp_technology_secion .custom_project_technologies {
  font-size: 16px;
  color: #929292;
  font: "open sans";
  font-weight: 600;
}
.cpc_inner .cpc_cntn_box .cp_technology_secion img {
  width: 25px;
  height: auto;
  margin-left: 15px;
}
.custom_project_cntn .customProject .owl-nav {
  margin-top: 50px;
}
.custom_project_cntn button.owl-next img,
.custom_project_cntn button.owl-prev img {
  padding: 11px 14px;
  border-radius: 80px;
  height: 44px;
  width: 44px;
  background: #3686c7;
  transition: 0.4s;
  transition: 0.4s;
}
.custom_project_cntn button.owl-next img:hover,
.custom_project_cntn button.owl-prev img:hover {
  background: #232323;
}
.custom_project_cntn .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.custom_project_cntn .owl-dots {
  width: 85%;
  margin-left: 80px;
  position: relative;
  top: -15px;
}
.custom_project_cntn .owl-dots button.owl-dot {
  width: 50% !important;
  height: 2px !important;
  background-color: #a7d1fd !important;
}
.custom_project_cntn .owl-dots button.owl-dot.active {
  background-color: #027afa !important;
}
.owl-nav button.owl-prev span,
.owl-nav button.owl-next span {
  font-size: 44px;
  color: #fff;
  border-radius: 50%;
  margin: 0 !important;
  padding: 0;
  display: inline-block;
  line-height: 40px;
  font-weight: 500;
}
.owl-nav button.owl-prev span:hover,
.owl-nav button.owl-next span:hover {
  background: #232323 !important;
}

/* custom_project_section css end here  */

/* design& devlopment_section css start here  */
.ineer_category_sec {
  background-image: url(../images/wd_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 100px 0 40px;
  position: relative;
}
.ics_main_sec {
  margin-top: 65px;
}
.ics_main_cntn_box {
  padding: 50px 30px 50px 20px;
  border-radius: 4px;
  margin-bottom: 60px;
  height: 380px;
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  width: 97%;
}
.ics_main_cntn_box::after {
  content: "";
  position: absolute;
  width: 97%;
  height: 100%;
  background-color: #011631;
  bottom: 0px;
  border-radius: 4px;
  left: 0px;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}
.ics_main_cntn_box:hover::after {
  background-color: #fff;
  box-shadow: rgb(40 40 40 / 3%) -5px 0px 7px 2px;
}
.ics_main_cntn_box::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 90%;
  border-radius: 4px;
  background-color: #3686c7;
  bottom: -12px;
  right: -3px;
  z-index: -1;
}
.isc_cntn_icon_box img {
  width: 60px;
  height: auto;
  z-index: 2;
  margin: 0 auto 30px;
  position: relative;
}
.ics_main_cntn_box:hover h3 {
  color: #3686c7;
}
.ics_main_cntn_box:hover p {
  color: #232323;
}
.ics_main_cntn_box h3 {
  font-size: 22px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
  color: #fff;
  z-index: 2;
  position: relative;
}
.ics_main_cntn_box p {
  color: #fff;
  opacity: 0.8;
  z-index: 2;
  position: relative;
}
/* design& devlopment_section css end here  */

/* video_section css start here  */
.inner_video_sec {
  padding: 100px 0;
  position: relative;
  background: #cde2fd;
}
.vs_side_img {
  position: absolute;
  height: 100%;
  width: 35%;
  left: 0;
  top: 0;
}
.vs_right_cntn h2 {
  margin-bottom: 22px;
}
.vs_right_cntn p {
  font-size: 16px;
  font-weight: 400;
  color: #121212;
  font-family: "Poppins", sans-serif;
  line-height: 26px;
}
.vs_video_cntn iframe {
  border: 10px solid #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 7px 2px #0000002b;
  height: 400px;
  width: 100%;
}
/* video_section css end here  */

.Achievements_sec .main_header p.achievements_para {
  color: #fff;
  margin-bottom: 60px;
}
p.service_para {
  margin-bottom: 60px;
}

.custom_project_cntn .owl-dots {
  display: none;
}
.custm_projt_sec .custom_project_cntn .owl-nav {
  bottom: -77px;
}

.artificial_inteligence_text {
  padding: 80px 0px;
}

.service-inner_whychooseus p.service_section3_para {
  color: #fff;
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin: 20px auto;
}

.service_provider p.service_section3_para {
  color: #000;
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin: 20px auto;
}

.ics_header {
  flex-direction: column;
}

.ics_header h2.header_second {
  max-width: 900px;
  width: 100% !important;
  margin: 22px auto;
  text-align: center;
}

.ics_header .service_section3_para {
  max-width: 800px;
  width: 100%;
  text-align: center;
  margin: 10px auto 22px auto;
}
#service-loader {
  margin: 0 auto;
  display: none;
}
.no-more {
  margin: 0 auto;
  font-size: 18px;
  color: #3686c7;
  padding: 10px 15px;
  border: 1px solid #3686c7;
  border-radius: 5px;
  background-color: #fff;
}

/* service page portfolio modal css start */
.custom-portfolio-modal {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  outline: 0;
  padding: 30px 20px;
  z-index: 5;
}
.custom-portfolio-modal .modal-body h4.modal-title {
  margin-bottom: 10px;
}
.custom-portfolio-modal .modal-body p {
  font-size: 16px;
}
.custom-portfolio-modal .modal-body {
  padding: 0;
}
.custom-portfolio-modal button.close {
  background-color: #fff;
  position: relative;
  right: -62px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: -27px;
}
/* service page portfolio modal css end */
.menu-item-description {
  display: block;
}

/*===================================
            Industry
====================================*/
.top_banner.service_det_banner {
  background-image: url(http://184.168.124.185/~wgtnew/wp-content/uploads/2022/06/it-industrybanner.jpg);
}
/* tech-experience start here*/
.tech-experience {
  background-size: cover;
  background-position: center;
  padding: 100px 0px;
}
/* .tech-para {
  margin-top: 30px;
} */
/* tech-experience end here */

/* Advantages Of Our Technology start here */
.advantages_tech {
  background-color: #011631;
  color: rgb(255, 255, 255);
  overflow: hidden;
}
.advantages_content {
  padding: 80px 0px;
  width: 71%;
}

.advantages_content .cont-1 {
  margin-top: 35px;
}
.tech-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ic-img {
  width: 120px;
  margin-right: 15px;
}
/* Advantages Of Our Technology end here */

/* solution start here */
.solution {
  background-size: cover;
  background-position: center;
  padding: 100px 0px;
}
.solu-row {
  margin-top: 40px;
}
.solution-para {
  padding: 10px 140px 30px;
}
.solu-h6 {
  padding-left: 20px;
}
.solu-1 {
  background: white;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 8px;
  box-shadow: rgb(0 37 76 / 18%) 6px 2px 16px,
    rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
  position: relative;
  transition: 0.5s;
  z-index: 2;
  overflow: hidden;
}
.solu-1::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3%;
  background-color: #3686c7;
  top: 0px;
  left: 0px;
  z-index: -1;
  transition: all 0.8s;
}
.solu-1:hover::after {
  width: 100%;
  transition: all 0.8s;
}
.solu-1:hover {
  color: #fff;
}
.solu-1:hover img {
  filter: brightness(0) invert(1);
  transition: 0.3s;
}

/* solution end here */

/* casestudy */
.casestudy {
  padding: 100px 0px;
}
.casestudy_content_inner {
  margin: 0px 15px;
}
.casestudy_content_inner_dwn {
  z-index: 9;
  background: #fff;
  margin: -48px auto;
  padding: 30px 15px;
  border-radius: 6px;
  box-shadow: 0px 0px 12px 0px #00254c40;
  margin-bottom: 5px;
}

.casestudy_content_inner_dwn h3 {
  font-size: 20px;
  margin-bottom: 11px;
}
.casestu-acr .card {
  border: 0;

  margin: 30px 15px;
}

.casestu-acr .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.casestu-acr .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #3686c7;
  color: #fff;
  padding: 20px;
  font-size: 20px;
}

.casestu-acr .card .card-header .btn-header-link:after {
  content: "\f077";
  font-family: "FontAwesome";
  font-weight: 900;
  float: right;
}
.accr-cs a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.casestu-acr .card .card-header .btn-header-link.collapsed {
  background: #e9f4ff;
  color: #212121;
  box-shadow: 0px 0px 12px 0px #00254c40;
  border-radius: 4px;
}

.casestu-acr .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
}

.casestu-acr .card .collapsing {
  background: #e9f4ff;
  border-radius: 4px;
}

.casestu-acr .card .collapse {
  border: 0;
}

.casestu-acr .card .collapse.show {
  background: #e9f4ff;
  border-radius: 4px;
  color: #222;
}
.accr-cs ul {
  padding-left: 0px;
  margin-bottom: 10px;
}
.accr-cs li {
  list-style: none;
  margin-top: 10px;
}
.accr-cs li::before {
  content: "\f178";
  font-family: "FontAwesome";
  font-weight: 900;
  color: #3686c7;
  margin-right: 10px;
}
.casestudy .overview h3,
.casestudy .overview p {
  margin-bottom: 16px;
}
.casestudy .overview h3 {
  font-weight: 600;
}

.head-case {
  color: #3686c7;
  margin-bottom: 10px;
}
.casestudy_img {
  border-radius: 4px;
  overflow: hidden;
}
.Solution {
  margin-bottom: 20px;
}
/* casestudy */

/*************industry form start***********/
.subtitle1 {
  color: #3686c7;
  margin-bottom: 10px;
}
.header_indus {
  margin-bottom: 10px;
}
.indus_form {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0;
}
.indus_form_left .main_header {
  max-width: 285px;
  width: 100%;
}
.indus_form_left .main_header h6 {
  font-weight: 600;
}
.indus_form_left p {
  color: #121212;
  font-size: 16px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.form_field::placeholder,
.form_textarea::placeholder {
  color: #959595;
  font-weight: 600;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
}
.form_field:focus,
.form_textarea:focus {
  outline: 0px;
  box-shadow: none;
}
.indus_form_left {
  padding-top: 70px;
}
.indus_form_right .form-group {
  margin-bottom: 20px;
}
.indus_form_right form .form-group select {
  appearance: none;
  color: #959595 !important;
}

/*************industry form end***********/

/*************second navbar start***********/
.tbs_cntn {
  background-color: #3686c7;
  padding: 20px 0px;
  display: flex;
  flex-wrap: wrap;
}
.tbs_btn_sec {
  text-align: center;
  padding: 0px 15px;
  border-right: 1px solid #fff;
  color: #fff;
}
.w-4 {
  width: 25%;
}
.w-6 {
  width: 16.66%;
}
.tbs_cntn .tbs_btn_sec:last-child {
  border-right: none;
}
.tbs_btn_sec a {
  text-decoration: none;
  color: inherit;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.5s;
  white-space: nowrap;
}
.tbs_btn_sec a:hover {
  color: #001d41;
}
.tbs_btn_sec.active a {
  color: #001d41;
}
.top_bar_sec.sticky-top {
  top: 70px;
  z-index: 9;
}
/*************second navbar end***********/

/*************service dropdown navbar start***********/
.dropdown-menu li.service-nav-title {
  width: 24% !important;
  color: #0077ff;
}
.dropdown-menu li.service-nav-title a,
.dropdown-menu a.nav-link {
  height: 40px !important;
}

.service-nav-title a span {
  color: #3686c7 !important;
  font-size: 18px !important;
}
.service-nav-title a:hover {
  text-decoration: none !important;
}

.service-nav-title ul.dropdown-menu.nav-level2 li a span {
  color: #212121 !important;
  font-size: 16px !important;
  position: relative;
  margin-left: 19px;
}
.service-nav-title ul.dropdown-menu.nav-level2 li a span:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #3686c7;
}
.nav-industry li a span {
  position: relative;
  margin-left: 19px;
}
.nav-industry li a span:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #3686c7;
}

.service-nav-title ul.dropdown-menu.nav-level2 li a span:hover,
.dropdown-menu a.nav-link:hover {
  cursor: pointer !important;
}
.service-nav-title ul.dropdown-menu.nav-level2 li a span:hover span,
.dropdown-menu a.nav-link:hover span {
  color: #3686c7;
}
.service-nav-title ul.dropdown-menu.nav-level2 li a:hover span {
  color: #3686c7 !important;
}
ul.dropdown-menu.nav-level2 {
  display: block !important;
  box-shadow: none;
  padding-left: 0px;
  padding-top: 0px;
}
ul.dropdown-menu.nav-level2 li {
  display: block !important;
  width: 100%;
}
ul.dropdown-menu.nav-level2 {
  position: relative !important;
}
/*************service dropdown navbar end***********/

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
/* to show the arrow  */
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.8em;
}
.dropdown-toggle a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.8em;
}

.indu-dropdown .nav-industry.show li a span {
  color: #fff !important;
  font-size: 14px;
}

/* technology page css start here */
.techno_list:nth-child(even) {
  background-image: url(http://184.168.124.185/~wgtnew/wp-content/themes/webgen/images/technology_odd_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.techno_list:nth-child(odd) {
  background-color: rgb(255, 255, 255);
}

.icon_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.icon_box img {
  width: 60px;
}
.icon_box h5 {
  font-size: 18px;
  color: #5c5c5c;
}
/* technology page css end here */

/* service-main heading section start here*/
.service_tax_sec {
  padding: 80px 0px;
}
.service_tax_sec:nth-child(odd) {
  background-color: rgb(240, 240, 240);
}
.service_tax_sec:nth-child(odd) .row {
  flex-direction: row-reverse;
}
.service_tax_header h2 {
  margin-bottom: 22px;
}
.service_tax_text p {
  margin-bottom: 16px;
}
.service_tax_image_part {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0px 0px 8px 2px #00000052;
  height: 340px;
}
.service_tax_image_part img {
  height: 100%;
}

/* service-main heading section start here*/
/* employee tstimonial section start here*/
.testimonials {
  padding: 80px 0px;
}
.testimonials .main_header {
  text-align: center;
}

#employee-testimonials {
  margin-top: 40px;
}

#employee-testimonials .shadow-effect {
  background: #fff;
  padding: 25px;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.02);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#employee-testimonials .shadow-effect .emp-img {
  width: 80px;
  margin-bottom: 10px;
}
#employee-testimonials .shadow-effect p {
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 17px 0;
  font-weight: 400;
  font-style: italic;
}
#employee-testimonials .rating {
  width: 100px;
  margin-bottom: 10px;
}
#employee-testimonials .employee-name {
  text-align: center;
  font-size: 18px;
  text-transform: capitalize;
  color: #3686c7;
  font-weight: 600;
  margin-bottom: 10px;
}
#employee-testimonials .employee-deg {
  text-align: center;
  font-size: 16px;
  text-transform: capitalize;
}
#employee-testimonials .item {
  text-align: center;
  margin-bottom: 50px;
  opacity: 0.2;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#employee-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
#employee-testimonials .owl-carousel .owl-item img {
  transform-style: preserve-3d;
  max-width: 54px;
  margin: 0 auto 17px;
}
#employee-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#employee-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
  background: #07437c;
  transform: 53703d (0px, -50%, 0px) scale(0.7);
}
#employee-testimonials.owl-carousel .owl-dots {
  display: inline-block;
  width: 100%;
  text-align: center;
}
#employee-testimonials.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
}
#employee-testimonials.owl-carousel .owl-dots .owl-dot {
  background: #3190e7;
  display: inline-block;
  height: 10px !important;
  margin: 0 2px 5px;
  transform: translate3d(0px, -0%, 0px) scale(1);
  transform-origin: 0px !;
  transition: all 250ms ease-out 0s;
  width: 10px !important;
  border-radius: 0px !important;
}

/* employee tstimonial section end here*/

/* Expert area single page css start */
/* first section start */
.ea_first {
  padding: 80px 0;
}
.ea-cntn-img {
  border-radius: 8px;
  overflow: hidden;
}
.ea-cntn-textarea h2.header_second {
  margin-bottom: 26px;
}
.ea-cntn-img img {
  width: 100%;
}
.ea_first:nth-child(odd) {
  padding: 80px 0;
  background-color: #eaf2fe;
}
.ea_first:nth-child(odd) .ea-firstsection-cntn .row {
  flex-direction: row-reverse;
}

/* first section end */
/* second section start */
.ea-second {
  background-image: url(../images/busisness_service_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0px 80px;
}
.ea_second_cntn {
  margin-top: 60px;
}
.ea_service_box {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: rgb(181 181 181) 0px 5px 5px;
  margin-bottom: 30px;
  min-height: 360px;
}
.ea_service_box .eas_icon {
  margin-bottom: 15px;
}
.ea_service_box h4 {
  font-weight: bold;
  margin-bottom: 15px;
}
/* second section end */
/* third section start*/
.ea-third {
  padding: 80px 0;
  background-image: url(../images/service_overview_bg.png);
}
.ea-third-cntn {
  margin-top: 20px;
}
.ea_thirdsec_img {
  border-radius: 12px;
  overflow: hidden;
  max-height: 320px;
}
.ea_thirdsec_img img {
  width: 100%;
  height: 100%;
}
/* third section end*/
/* third section start*/
.ea-fourth {
  padding: 80px 0px;
}
.reach_us_sec {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url(../images/6.jpg);
  position: relative;
  z-index: 2;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 2px 4px 1px #000105a1;
  padding: 20px;
}
.reach_us_sec:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #04013860;
  z-index: -1;
  left: 0;
  top: 0;
}
.reach_us_sec h3 {
  color: #fff;
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 38px;
  font-family: "Century Gothic";
}
.ea-fourth .ea_video {
  border-radius: 4px;
  box-shadow: 0px 2px 4px 1px #00010557;
  overflow: hidden;
}
/* third section end*/

/* Expert area single page css end */

/*~~~~~~~~~~~Home page pop-up start~~~~~~~~~~~~~*/
/*#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  z-index: 999;
  display: none;
}*/
.cnt223 a {
  text-decoration: none;
}
.popup {
  /* width: 100%; */
  margin: 0 auto;
  display: none;
  position: fixed;
  z-index: 1000;
  background-color: #0303031e;
  /* height: 100vh; */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cnt223 {
  width: 600px;
  min-height: 150px;
  /* margin: 145px auto; */
  background: rgb(54, 136, 195, 0.2);
  position: relative;
  z-index: 103;
  padding: 35px 25px;
  border-radius: 10px;
  box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease;
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.cnt223 p {
  clear: both;
  color: #fff;
  /* text-align: justify; */
  margin-bottom: 16px;
  font-size: 16px;
  font-family: sans-serif;
}
.cnt223 p a {
  color: #d91900;
  font-weight: bold;
}
.cnt223 .x {
  float: right;
  height: 35px;
  left: 22px;
  position: relative;
  top: -25px;
  width: 34px;
}
.cnt223 .x:hover {
  cursor: pointer;
}
.cnt223 form p label {
  width: 100%;
}
.cnt223 h3 {
  text-align: center;
  margin-bottom: 16px;
  color: #fff;
}
.cnt223
  form
  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.required {
  width: 100%;
  height: 48px;
  border-bottom: 2px solid #fff;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
  margin-top: 5px;
  margin-bottom: 12px;
  padding: 10px;
  background-color: transparent;
  color: #fff;
  font-weight: 600;
}

.cnt223 form input::placeholder,
.cnt223 form textarea::placeholder {
  color: #fff;
  font-weight: 600;
}
.wpcf7-form label.error {
  color: #ff9f9f !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.cnt223 form textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  height: 120px;
  border-bottom: 2px solid #fff;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
  margin-top: 5px;
  margin-bottom: 8px;
  resize: none;
  padding: 10px;
  background-color: transparent;
  color: #fff;
  font-weight: 600;
}
.cnt223 a.close {
  color: #fff;
  background-color: #3688c3;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  box-shadow: none;
  opacity: 1;
  transition: all 0.5s;
  position: absolute;
  right: -18px;
  top: -20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
.cnt223 a.close:hover {
  background-color: #0d588d;
}
.cnt223 form textarea.wpcf7-form-control.wpcf7-textarea:focus-visible {
  border-bottom: 2px solid #3688c3 !important;
  outline: none;
}
.btn-popup {
  margin-top: 10px;
  text-align: center;
}
.btn-popup .wpcf7-spinner {
  display: none;
}
.cnt223
  form
  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.required:focus-visible {
  border-bottom: 2px solid #3688c3 !important;
  outline: none;
}
.cnt223 form input.wpcf7-form-control.has-spinner.wpcf7-submit {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 10px 35px !important;
  color: #fff !important;
  line-height: 30px;
  background: #3686c7;
  transition: all 0.3s ease;
  box-shadow: 0 5px 3px rgb(0 0 0 / 40%) !important;
  border-radius: 8px !important;
  border: 1px solid #3686c7;
  cursor: pointer;
}
/*~~~~~~~~~~~Home page pop-up end~~~~~~~~~~~~~*/

/*~~~~~~~~~~~Home page testimonials image light box css start~~~~~~~~~~~~~*/

.clientreview_section .testiblock {
  position: fixed;
  background-color: #000000bd;
  width: 100%;
  height: 100vh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: none;
}
.clientreview_section .lightbox-toggle {
  color: black;
}
.clientreview_section .backdrop {
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
}

.clientreview_section .box {
  z-index: 2;
  position: fixed;
  opacity: 1;
  display: none;
  top: 150px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 600px;
  background: #fff;
  -moz-box-shadow: 0px 25px 45px rgb(0 0 0 / 30%);
  -webkit-box-shadow: 0px 25px 45px rgb(0 0 0 / 30%);
  box-shadow: 0px 25px 45px rgb(0 0 0 / 30%);
  height: 600px;
  overflow-y: scroll;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 1);
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.testiblock .box .close {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #3686c7;
  z-index: 99999;
  width: 30px;
  height: 30px;
  scrollbar-width: none;
  border-radius: 50%;
  opacity: 1;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

.clientreview_section .box img {
  width: 100%;
  height: auto;
  /* position: absolute;
  z-index: 0;
  margin: 0;
  padding: 0; */
  -webkit-transition: top 11s;
  -moz-transition: top 11s;
  -ms-transition: top 11s;
  -o-transition: top 11s;
  transition: bottom 11s;
}
/* .clientreview_section .box:hover img {
  bottom: 0 !important;
  -webkit-transition: all 11s;
  -moz-transition: all 11s;
  -ms-transition: all 11s;
  -o-transition: all 11s;
  transition: all 11s;
} */

.client_testimonial .client_part .box .close {
  float: right;
  cursor: pointer;
}
.client_workimg{
  cursor: pointer;
}
/*~~~~~~~~~~~Home page testimonials image light box css end~~~~~~~~~~~~~*/

/* Thank you page css start  */
.thank_you_cntn {
  background: #fff;
  padding: 41px 0px;
  border-radius: 5px;
  box-shadow: 2px 5px 6px 2px #3686c73b;
}
.thank_you_cntn p {
  color: #838383;
}
.thank_you_cntn a.btn i {
  margin-right: 5px;
}
.thank_you_cntn p a {
  color: black;
  font-weight: 800;
}
.thank_you {
  overflow: hidden;
}
/*  Thank you page css end */

body .gform_wrapper h3.gform_title {
  display: none !important;
}

/*~~~~~~~~~~~ Privacy Policy ~~~~~~~~~~~~~*/
.privacy,
.term-condition {
  margin: 60px 0;
}
.privacy h1,
.privacy h3,
.privacy h4,
.privacy h5,
.privacy h6,
.term-condition h1,
.term-condition h2,
.term-condition h3,
.term-condition h4,
.term-condition h5,
.term-condition h6 {
  display: block;
  width: 100%;
  margin: 20px 0 10px;
}
.privacy p,
.term-condition p {
  text-align: justify;
}

/*~~~~~~~~~~~ Project in your mind start ~~~~~~~~~~~~~*/
.project_mind {
  padding: 80px 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.project_mind_content {
  text-align: end;
}
.project_mind h2 {
  margin-bottom: 22px;
  margin-top: 0;
}
.project_mind p {
  margin-bottom: 16px;
  margin-left: 24%;
}
/*~~~~~~~~~~~ Project in your mind end ~~~~~~~~~~~~~*/

/*~~~~~~~~~~~ What webgen do section start ~~~~~~~~~~~~~*/
.header_what {
  text-align: center;
  color: #fff;
  margin: 40px 0px;
}
.paragrap_right {
  text-align: right;
  color: #fff;
  margin-bottom: 10px;
}
.hfive_right {
  text-align: right;
  color: #fff;
  margin-bottom: 10px;
}
.r-icon-effect {
  display: flex;
  justify-content: right;
}
.number_s {
  font-size: 75px;
  color: #ffffff54;
  position: absolute;
  top: -18px;
  left: 12px;
  transition: 0.5s;
}
.number_l {
  font-size: 75px;
  color: #ffffff54;
  position: absolute;
  top: -18px;
  right: 12px;
  transition: 0.5s;
}
ul.tabs .tab-link.current .number_s {
  color: #ffffff;
}
ul.tabs .tab-link.current .number_l {
  color: #ffffff;
}
.paragrap_left,
.hfive_left {
  text-align: left;
  color: #fff;
  margin-bottom: 10px;
}
.l-icon-effect {
  display: flex;
  justify-content: left;
}
.icon_act {
  margin-bottom: 10px;
}

.feate-link:hover {
  text-decoration: none;
}
.tab_lik {
  min-height: 250px;
  position: relative;
}
.t_ab_develment {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 30px 0px;
}

/* Style the buttons inside the t_ab */
.t_ab .tab_lik {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  color: #fff;
  border-radius: 4px;
  padding: 15px 10px;
}

/* Style the t_ab content */
.t_abcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

.sine-fetre .feate-link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /* min-height: 250px; */
}
.feate-link .icon_act {
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  box-shadow: 0 10px 10px #00000066;
  text-align: center;
  font-size: 22px;
  line-height: 3rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  z-index: 99;
}

.tab-link.current .icon_act::after {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.tab-link.current .icon_act::after {
  animation: rotateEffect 8s linear infinite;
  top: 24px;
  left: 24px;
  display: block;
  border: 2px dashed #fff;
}

@keyframes rotateEffect {
  from {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* tab */
ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.tabs .tab-link {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  color: #fff;
  border-radius: 4px;
  margin: 30px 0px;
  padding: 5px;
  min-height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.tabs .tab-link.current {
  box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
ul.tabs .tab-link:hover {
  box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.tab-content {
  position: static;
  display: none;
  visibility: hidden;
  transition: opacity 0.5s;
}
.tab-content.current {
  display: block;
  opacity: 1;
  visibility: visible;
}
.tab-content img {
  margin: 0px 10px;
}
.tab-content.tab-content-two {
  display: block;
  visibility: visible;
  opacity: 1;
}
ul.devloper_icon li img {
  width: 50px;
  height: 50px;
}
/*~~~~~~~~~~~ What webgen do section end ~~~~~~~~~~~~~*/

/*Experties Bottom Section ~~~ Tapas*/
.expertise_vdo_sec {
  height: 100%;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 2px 4px 1px #00010557;
  overflow: hidden;
  border: 4px solid #001d41;
}
.frm_textarea {
  height: 200px !important;
}

/* ea-fourth2-form */
.ea-fourth2 {
  padding: 80px 0px;
  background-color: #e9f0f9;
}
.exprtise-form {
  background-color: #011631;
  padding: 20px 15px;
  border-radius: 12px;
  box-shadow: 0px 2px 4px 1px #00010557;
}
.exprtise-form h3 {
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  font-size: 22px;
}
.exprtise-form textarea {
  height: 80px !important;
  padding-top: 10px;
}

label#ind-email-error,
#ind-tel-error,
#ind-name-error {
  margin-bottom: 0px;
}

.toright .top_bar {
  padding: 2px 0;
}

/*~~~~~~~~~~~ Portfolio css Start ~~~~~~~~~~~~~*/
.gallery_product {
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #b5b2b2;
  border-radius: 8px;
  transition: all 0.8s ease-in-out;
  overflow: hidden;
}
.gallery_product img {
  width: 100%;
}
.post-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  color: #fff;
  padding: 100px 30px;
  background: rgba(0, 0, 0, 0.7);
  margin: 0 15px;
  height: 100%;
  display: none;
  margin-left: -15px;
  margin-right: -15px;
}
.gallery_product:hover .post-content {
  display: block;
  transition: all 0.8s ease-in-out;
}
.modal-port .modal-dialog {
  max-width: 800px;
}
.modal-port .modal-dialog .modal-content {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  outline: 0;
  padding: 30px 20px;
  z-index: 5;
}
.modal-port .modal-dialog .modal-content .modal-header {
  padding: 0;
  border-bottom: none;
}
.modal-port .modal-dialog .modal-content .modal-header h5 {
  line-height: 28px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 26px;
}
.modal-port .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal-port .modal-dialog .modal-content .modal-body p {
  margin: 0 0 10px;
  font-size: 14px;
}
.modal-port .modal-dialog .modal-content .modal-body .post_tags {
  font-weight: 700;
  color: #000;
}
.modal-port .modal-dialog .modal-content .modal-body .post_tags span {
  border-right: 1px solid #3c4858;
  padding: 0 10px;
  color: #3c4858;
  font-weight: 400;
}
.modal-port .modal-dialog .modal-content .modal-footer {
  border: none;
  position: absolute;
  top: -28px;
  right: -28px;
  padding: 0;
}
.modal-port .modal-dialog .modal-content .modal-footer button {
  width: 40px;
  height: 40px;
  background-color: #010c18;
  border-radius: 50px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.modal-port .modal-dialog .modal-content .modal-footer button img {
  filter: invert(1);
}
.my-owl-carousel .owl-stage-outer {
  margin: 15px 15px 50px 15px;
  border-top: 1px solid #828fa0;
  border-bottom: 1px solid #828fa0;
  padding: 5px 0;
}
.my-owl-carousel .owl-nav {
  margin: 0;
  text-align: left;
  position: absolute;
  top: 19px;
  width: 100%;
  z-index: -1;
}
.my-owl-carousel .owl-nav button.owl-prev {
  left: -30px;
  padding: 8px 14px 12px 14px !important;
  background: #011936;
  border-radius: 50px;
  line-height: 0.5;
  position: relative;
}
.my-owl-carousel .owl-nav button.owl-next {
  float: right;
  right: -30px;
  padding: 8px 14px 12px 14px !important;
  background: #011936;
  border-radius: 50px;
  line-height: 0.5;
  position: relative;
}
.my-owl-carousel .owl-nav [class*="owl-"] {
  font-size: 30px !important;
  color: #fff !important;
}
.my-owl-carousel .owl-nav button.owl-prev span,
.my-owl-carousel .owl-nav button.owl-next span {
  line-height: 0.5;
}
.my-owl-carousel .filter-button:hover {
  background-color: #3585c6 !important;
  font-size: 16px;
  border: none;
  text-align: center;
  color: #ffffff !important;
  box-shadow: none !important;
}

/*~~~~~~~~~~~ Portfolio css end ~~~~~~~~~~~~~*/

.walk_of_fame {
  position: relative;
  background-color: #eef2f6;
}
.background-overlay-footer {
  background-image: url(./images/services-bg1.jpeg);
  opacity: 0.1;
}

.background-overlay {
  background-position: center top;
  background-size: cover;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

/**
 * Add a 64x64 circle on steps.
 *  "gf_step" is a standard GF class.
 */
.gf_step::before {
  content: " ";
  display: block;
  width: 64px; /** circle size of 64x64 px. */
  height: 64px;
  background-color: gray; /** the disabled color. */
  border-radius: 100%; /** circle. */
  margin: auto; /** horizontal centering. */
  margin-bottom: 12px; /** spacing between circle and step title. */
  background-repeat: no-repeat;
  background-size: auto 36px; /** max image icon height. */
  background-position: center; /** centers the image on icon. */
}

/** Set a green background for the active icon. */
.gf_step_active::before {
  background-color: green;
}

/** Hide icons on Mobile (optional). */
@media only screen and (max-width: 767px) {


  .gf_step::before {
    display: none;
  }
}

/** Icon 1 (loan). */
#gf_step_1_1::before {
  background-image: url("/wp-content/uploads/2019/08/icon-dollar.png");
}

/** Icon 2 (name). */
#gf_step_1_2::before {
  background-image: url("/wp-content/uploads/2019/08/ico-name.png");
}

/** Icon 3 (contact). */
#gf_step_1_3::before {
  background-image: url("/wp-content/uploads/2019/08/ico-contact.png");
}

/** Icon 4 (income). */
#gf_step_1_4::before {
  background-image: url("/wp-content/uploads/2019/08/ico-cashbook.png");
}

.iti__flag-container .iti__selected-flag {
  background-color: transparent !important;
}

.img-fluid source,
.img-fluid img {
  max-width: 100%;
  height: auto;
}

/* Hire us css */
/* Dedicated Developers Hiring Standards setcion  css start */

.d_devloper_hire_sec{
  background-image: url(images/oddh_bg.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 65px 0px;
}
.ddhc_cntn .standerd_box{
  padding: 35px 25px;
  background-color: #f2f9ff;
  border-radius: 22px;
  box-shadow: 5px 6px 2px 2px #2372b19c;
  min-height: 230px;
}
.ddhc_cntn .standerd_box .standerd_box_head h4{
  font-weight: 600;
}
.ddhc_cntn .standerd_box p{
  padding-left: 80px;
}

/* Dedicated Developers Hiring Standards setcion  css end */

/* Why Hire Dedicated Developers From Webgen? setcion css start */

.why_hire_sec{
  padding: 60px 0px;
  position: relative;
}
.why_hire_sec .why_hire_bg{
  position: absolute;
  top: 0;
  z-index: -1;
  min-height: 510px;
}
.why_hire_sec .why_hire_bg img {
  width: 100%;
}
.why_hire_sec .main_header h2, .why_hire_sec .main_header p{
  color: #fff;
}

.wh_resason_box{
  background-color: #fff;
  border-radius: 12px;
  border:2px solid #3686c7;
  padding: 25px 15px;
  box-shadow: 0px 8px 0px #3686c7;
  min-height: 320px;
}

/* Why Hire Dedicated Developers From Webgen? setcion css end */

/* Hire Dedicated Developers setcion css start  */

.hire_dedicated_sec{
  padding: 60px 0px;
  background-color: #f6f6f6;
}

.hds_nav_tab ul{
  padding: 15px;
  border-radius: 10px;
  white-space: nowrap;
  display: inline-flex;
  overflow: auto;
  margin: 0 auto;
  background: #052c4b;
  list-style-type: none;
  flex-wrap: initial;
}
.hds_nav_tab ul li a{
  color: #fff;
  border-radius: 0px;
}
.hds_nav_tab ul li a:hover{
  color: #3686c7;
}
.hds_nav_tab ul li a.nav-link.active{
  color: #3686c7;
  background-color: transparent;
  border-bottom: 2px solid #3686c7;
  border-radius: 0px;
}
ul.devloper_icon li{
  padding: 10px 25px;
  background: #fff;
  border-radius: 8px;
  margin-right: 20px;
  box-shadow: 0px 3px 4px 3px #0000001a;
}
ul.devloper_icon li:nth-last-child(1){
  margin-right: 0;
}

/* Hire Dedicated Developers setcion css end  */

/* 5 Easy Steps to Hire Dedicated Developers setcion css start  */

.easy_steps_sec{
  padding: 60px 0px;
  background-image: url(images/easy_steps_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

/* 5 Easy Steps to Hire Dedicated Developers setcion css end  */

/* faq setcion css start  */

.faq_sec{
  padding: 0px;
  position: relative;
}
.faq_content {
  padding: 60px;
}
.faq_sec .faq_left {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center;
}
.hireus_faq{
  height: 500px;
  overflow-y: auto;
  padding-right: 15px;
}
.hireus_faq::-webkit-scrollbar {
  width: 2px;
}
.hireus_faq::-webkit-scrollbar-track {
  background: #7dbdf1; 
}
.hireus_faq::-webkit-scrollbar-thumb {
  background: #3686c7; 
}
.hireus_faq::-webkit-scrollbar-thumb:hover {
  background: #124c7b; 
}
.hireus_faq .card button.collapsed::after{
  content: "\f067";
  
}
.hireus_faq .card button:after {
  content: "\f068";
  font-family: "FontAwesome";
  float: right;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 2px;
}
.hireus_faq .card{
  background-color: #fff;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #c6c1c1!important;
  border-radius: 0px;
}
.hireus_faq .card .card-header{
  background-color: transparent;
  padding: 15px 10px;
  margin-bottom: 0;
  border-bottom: 0;
}
.hireus_faq .card .card-header h2 button{
  padding: 0;
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  width: 100%;
  padding-right: 20px;
  position: relative;
}
.hireus_faq .card .card-header h2 button:focus, .hireus_faq .card .card-header h2 button:focus-visible{
  box-shadow: none;
  outline: none;
}
.hireus_faq .card .card-body{
  padding: 8px 10px 15px;
}

.faq-sec{
  padding: 65px 0;
}
/* faq setcion css end  */

/* Home carousel speed control  */
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.26s ease-in-out right;
    -moz-transition: 0.26s ease-in-out right;
    -o-transition: 0.26s ease-in-out right;
    transition: 0.26s ease-in-out right;
}

/*~~~~~~~~~Thank you page~~~~~~~~~~~~*/
.thnk_you_title{
  color: #000 !important;
}
.nav-thnkyou  {
     background: #00000096 !important;
}
#inquiry-page {
    min-height: 945px !important;
}
.home-hb-masking {
    width: 1295px;
    height: 945px;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 100% 100% !important;
}

.thankyou-page .thankyou-txt {
    display: block;
    padding: 184px 0 20px;
}

.thankyou-txt h1 {
    font-size: 75px;
    font-weight: 800;
    color: #333333;

}

.ty-para1 {
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    color: #6C6C6C;
    margin-top: 15px;
}

.download-br {
    display: flex;
    align-items: center;
}

.download-br p {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0;
    color: #6C6C6C;
}

.download-br h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;

    color: #333333;
}

.social-ty p {
    font-size: 26px;
    font-weight: 500;
}



.social-link-ty {
    background-color: rgb(255, 255, 255);
    color: #3686c7;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.44);
    border-radius: 50px;
    text-decoration: none;
    margin-right: 40px;

}


.social-link-ty:hover {
    text-decoration: none;
    transform: translateY(-5px);

}

.download-br i {
    font-size: 30px;
    color: #3686c7;

}

/* count-sec */
.count-sec {
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: cover;
}

.startup-block {
    margin: 0 0 50px;
    padding: 25px 15px 0;
}

.startup-block::after {

    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 8px;
    background-color: #14151b;
}

.count-sec h2 {
    margin-bottom: 40px;
}

.startup-record {
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 72px;

    color: #333333;
}
.stsr-bl-para{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    }





#lottie{
    /*background-color:#fff;*/
    width:200px;
    height:100%;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
}




/* Saudi Campaign CSS */
.c_footer_contacts {
  background-color: #112434;
  padding: 3rem 0;
}
.c_footer_con_item {
  text-align: center;
  padding: 0 2rem;
}
.add_title {
  font-size: 22px;
  margin-top: 20px;
}
.add_sub_title,
.cf_mail_label {
  color: #C0D6E8;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 15px;
}
.cf_address {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
  line-height: 1.4;
}
.cf_phone {
  font-weight: 300;
  margin-top: 15px;
}
.cf_phone > a:hover,
.cf_social ul li a:hover,
.pp_links ul li a:hover,
.highlighted_services .menu-item .nav-link:hover,
.cf_phone_number ul li a:hover,
.c_footer_links a:hover {
  color: #3585c5;
}
.cp_text {
  font-size: 14px;
  font-weight: 300;
  color: #C0D6E8;
}
.c_footer_con_item > img {
  max-height: 68px;
  object-fit: contain;
  display: inline-block;
}
.crn {
  font-weight: 300;
  font-size: 13px;
}
.c_footer_links {
  background: url('images/scnd_bg.webp') center center no-repeat;
  background-size: cover;
  padding: 2rem 0;
}
.c_footer_links .widget_text .textwidget p {
  font-weight: 200;
  color: #F2F2F2;
  font-size: 14px;
  line-height: 1.5;
}
.cf_social ul li {
  display: inline-block;
}
.cf_social ul li + li {
  margin-left: 10px;
}
.cf_social ul li a {
  color: #C0D6E8;
  font-size: 1.15rem;
}
.cf_phone_number ul li a {
  font-size: 14px;
  font-weight: 300;
}
.highlighted_services .menu-item .nav-link {
  color: #d1d0d0;
  transition: all 0.5s ease 0s;
  padding: 0;
  font-weight: 200;
  font-size: 14px;
  line-height: 1.6;
}

.highlighted_services .menu-item .nav-link:before {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
  font-size: 18px;
}
.cf_mail {
  margin-top: 2rem;
}

.cf_mail_item > a {
  font-size: 13px;
  font-weight: 300;
}
.cf_mail_label {
  margin-bottom: 0;
}
.highlighted_services .menu-item {
  display: block;
}
.useful_links .menu-item .nav-link,
.highlighted_services .menu-item .nav-link,
.cf_phone_number ul li a, .cf_mail_item > a,
.c_footer_links a,
.pp_links ul li a {
  color: #F2F2F2;
}
.c_footer_links a {
  font-weight: 300;
}
.cf_mail_item + .cf_mail_item {
  margin-top: 1rem;
}
.c_footer_al_massa {
  background: url('images/lst_bg.webp') center center no-repeat;
  background-size: cover;
  padding: 2rem 0 0;
}
.cp {
  padding: 1rem 0;
  border-top: 1px solid #253D51;
  margin-top: 2rem;
}

.rn_label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}
.rn_title {
  font-size: 20px;
  margin-bottom: 6px;
}
.pp_links {
  display: flex;
  justify-content: flex-end;
}
.pp_links ul li a {
  font-size: 14px;
  font-weight: 300;
}
.c_footer .ft_header h4::after {
  display: none;
}
.c_footer .ft_header h4 {
  font-size: 22px;
  padding-bottom: 0px;
  margin-bottom: 20px;
}


.floting_icons {position: fixed; top:60%; right: 0; transform: translateY(-50%); display: flex; flex-direction: column; z-index: 999999;}

.floting_icons a {margin: 5px 0;}
.floting_icons a:hover {color: #fff;}

.whatsapp-button{
  background-color: #25d366;
  border-radius: 50px;
  color: #ffffff;
  text-decoration: none;
  width: 45px;
  height: 45px;
  font-size: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  animation: effect 5s infinite ease-in;
}

.whatsapp-button span {
  text-indent: -500em;
  display:none;
}

.telegram-button{
  background-color: #209BD9;
  border-radius: 50px;
  color: #ffffff;
  text-decoration: none;
  width: 45px;
  height: 45px;
  font-size: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  animation: effect 7s infinite ease-in;
}

.telegram-button span {
  text-indent: -500em;
  display:none;
}

.skype-button{
  background-color: #01B0F1;
  border-radius: 50px;
  color: #ffffff;
  text-decoration: none;
  width: 45px;
  height: 45px;
  font-size: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  animation: effect 9s infinite ease-in;
}

.skype-button span {
  text-indent: -500em;
  display:none;
}

.teams-button{
  border-radius: 50px;
  color: #ffffff;
  text-decoration: none;
  width: 45px;
  height: 45px;
  font-size: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  animation: effect 9s infinite ease-in;
}

.teams-button span {
  text-indent: -500em;
  display:none;
}


.newsletter_sec {
  background-image: url("https://www.webgentechnologies.com/wp-content/uploads/2022/06/carrer_page_form_bg1.jpg") !important;
}




#wpcf7-f418-o1 .wpcf7-form iframe {
  width:280px !important;
  height: 650px !important;
}
#carouselExampleIndicators .carousel-item picture img { object-fit: cover;}
.tnp-subscription form { display: flex; flex-direction: column;}


#carouselExampleIndicators .carousel-item picture img {
  width: 100%;
  object-fit: cover;
}
.our_technologies {
  background: url("https://www.webgentechnologies.com/wp-content/themes/webgen/images/our_technologies_bg.jpg");
  background-repeat: no-repeat !important;
  width: 100%;
  background-size: cover !important;
}









.owl-carousel.industry .owl-dots {
  display: none;
}

.owl-carousel.industry .owl_img_div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 2px solid white;
  position: relative;
  margin-bottom: 15px;
  padding: 10px;
}

.owl-carousel.industry .owl_img_div img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}

.owl-carousel.industry .carousel-item {

  text-align: center;
  padding: 20px;

  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: rgba(6, 147, 227, 1);
  text-align: center;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}
/* .owl-carousel.industry .carousel-text {
  font-size: 14px;
  font-weight: 700;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  position: relative;
  cursor: pointer;
} */
.owl-carousel.industry .tooltip {
  display: none;
  background-color: black;
  color: white;
  text-align: center;
  padding: 5px 10px;
  border-radius: 5px;
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s;
}
.owl-carousel.industry .carousel-text:hover .tooltip {
  display: block;
  opacity: 1;
}

.owl-carousel.industry .owl-nav {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.owl-carousel.industry .owl-carousel .owl-nav button.owl-next,
.owl-carousel.industry .owl-carousel .owl-nav button.owl-prev {
  background: rgba(6, 147, 227, 1) 0%;
  color: white;
  padding: 0 !important;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 30px;
  transition: all 0.3s ease-in-out;
}
.owl-carousel.industry .owl-prev:hover,
.owl-carousel.industry .owl-next:hover {
  background-color: black;
}
.owl-carousel.industry .carousel-item:hover {
  transform: scale(1.05);
}











/* responsive part */

@media screen and (max-width:1440px) {
  a.get_quote_open_btn {
    right: -40px !important;
}

  
}
@media screen and (max-width:1199px) {
  a.get_quote_open_btn {
    right: -40px !important;
}
  
}
@media screen and (max-width:991px) {
  a.get_quote_open_btn {
    right: -9px !important;
}
.floting_icons {
  position: fixed;
  top: 60%;
  right: 50px;
  transform: translateY(-20%);
  display: flex;
  flex-direction: column;
  z-index: 999999;
}


.nav.navbar.navbar-expand-lg.navbar-top{
  width: 100% !important;
}

.kplHMR {

  position: absolute;
  bottom: 0px;
  display: flex;
  padding: 8px;
  gap: 12px;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  right: 55px !important;

 
}
.initial-message-bubble {
  cursor: pointer;
  position: relative;
  border: 1px solid #eaf0f6;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
  border-radius: 4px;
  width: 120px;
  padding: 10px 16px 16px;
  transform: translateX(-20%) !important;
}

html,body {
  overflow-x: hidden !important;
 width: 100% !important;
}


  
}
@media screen  and (max-width:768px){

  html,body {
    overflow-x: hidden !important;
   width: 100% !important;
  }
  
  
}

@media only screen and (max-width: 767px) {
 


  .gf_step::before {
    display: none;
  }
  a.get_quote_open_btn {
    right: -40px !important;
}
.floting_icons {
  position: fixed;
  top: 60%;
  right: 50px;
  transform: translateY(-20%);
  display: flex;
  flex-direction: column;
  z-index: 999999;
}
.kplHMR {
  position: absolute;
  bottom: 0px;
  display: flex;
  padding: 8px;
  gap: 12px;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  right: 55px !important;

 
}
.devloper_icon {
  flex-direction: column;
}
ul.devloper_icon li {
  width: 100%;
  padding: 25px 0px;
  background: #fff;
  border-radius: 8px;
  margin-right: 20px;
  box-shadow: 0px 3px 4px 3px #0000001a;
  margin-bottom: 15px;
}
.why_hire_us{
   width: 100% !important;
}
.fill_out_the_form{
  text-align: center !important;
}
.d_devloper_hire_sec{
  width: 100% !important;
}

  .conv_form_right {
      margin-top: 30px;
      padding: 0px 10px;
  }

}
@media screen and (max-width:575px){
  
 

  html,body {
    overflow-x: hidden !important;
   width: 100% !important;
  }
  a.get_quote_open_btn {
    right: -50px !important;
}
.floting_icons {
  position: fixed;
  top: 60%;
  right: -1px;
  transform: translateY(-20%);
  display: flex;
  flex-direction: column;
  z-index: 999999;
}
.hds_nav_tab ul {
  padding: 15px;
  border-radius: 10px;
  white-space: wrap !important;
  display: inline-flex;
  overflow: auto;
  margin: 0 auto;
  background: #052c4b;
  list-style-type: none;
  flex-wrap: initial;
}
.devloper_icon {
  flex-direction: column;
}
.form-group{
  width: 300px  !important;
}
ul#menu-useful-links-1 {
  padding-left: 10px;
}
div#carouselExampleIndicators  img{
  height: 750px;
}
.baner_pera {
  width: 100% !important;
  font-size: 14px;
  line-height: 22px;
}
h3.baner_second_heading {
  transform: translateY(-20px) !important;
}
.get_in_touchbg .con_row::after {
  content: "";
  position: absolute;
 right:-30px!important;
  top: 0;
 
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 4px #0000002e;
  z-index: 0;
}
.conv_form_right {
  margin-top: 30px;
  padding: 0px 10px !important;
}






}