/*
	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;
}

* {
  transition: all 1s;
}

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;
}
/* blog css start */

.customNavigation {
  text-align: center;
}

.customNavigation a {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* navigation */
.header_main {
  z-index: 999;
  position: relative !important;
  width: 100%;
  color: #fff;
  background-color: rgb(1 23 47);
}
.toright {
  top: 0;
  z-index: 999;
  position: fixed;
  width: 100%;
  color: #fff;
  transition: 0.3s;
  background-color: rgb(1 23 47);
}
.cat-slid {
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 40px;
}

.cat-owl-carousel .owl-item {
  /* width: 250px !important; */
  padding: 0px 6px;
}

.cat-itm {
  position: relative;
  background: #000;
  margin: 6px;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.254);
  border-radius: 4px;
}

.cat-itm:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  transition: 0.5s;
  transform: scaleX(0);
  opacity: 0;
}
.cat-itm:hover:before {
  transform: scaleX(1);
  opacity: 1;
}
.cat-itm:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  transition: 0.5s;
  transform: scaleY(0);
  opacity: 0;
}
.cat-itm:hover:after {
  transform: scaleY(1);
  opacity: 1;
}
.cat-itm.imgBox {
  position: relative;
}
.cat-itm img {
  width: 100%;
  transition: 0.5s;
}
.cat-itm:hover img {
  opacity: 0.2;
  transform: scale(1.2);
}

.cat-owl-carousel .owl-item .cat-itm:hover a {
  opacity: 1;
  visibility: visible;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0px 15px;
}

.cat-owl-carousel .owl-item .cat-itm a {
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  padding: 5px 0px;
  color: #fff;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 0px 15px;
  z-index: 9;
}
.cat-owl-carousel .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot span {
  background: #86979100;
}
.cat-owl-carousel .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #86979100;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #86979100;
}

.cat-owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 35%;
  left: 0;
  background-color: #00000075 !important;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.cat-owl-carousel .owl-nav .owl-prev:hover {
  background-color: #0077ff !important;
}
.cat-owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 35%;
  right: 0;
  background-color: #00000075 !important;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.cat-owl-carousel .owl-nav .owl-next:hover {
  background-color: #0077ff !important;
}
.cat-owl-carousel .owl-nav i {
  font-size: 22px;
  color: #ffffff;
}

/* tab design */
.our-blog-posts {
  margin-bottom: 80px;
}
.blog-title {
  text-align: center;
  margin: 30px 0px;
}
.call-list > ul {
  margin: 0px 0px 20px 16px;
}

.call-list .nav-tabs .nav-item {
  margin-right: 6px;
}

.call-list .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #ffffff;
  border-bottom: 4px solid #007bff;
  position: relative;
}

.call-list .nav-tabs .nav-link:hover {
  color: #495057;
  background-color: #ffffff;
  border-bottom: 4px solid #bfe0f3;
  position: relative;
}

.call-list .nav-tabs .nav-link {
  color: #212121;
  background-color: #f3f3f3 !important;
  font-size: 24px;
}
.our-blog-posts .tab-post-cntn p {
  color: #000;
  font-size: 14px;
  line-height: 22px;
}
/* recent post tab */

input[type="radio"] {
  appearance: none;
  display: none;
}

.tab-post label {
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 2px solid lightgrey;
  width: 180px;
  padding: 20px 15px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  transition: linear 0.3s;
  color: #212121;
  margin: 0px 20px 20px 20px;
}

input[type="radio"]:checked + label {
  background-color: #1e90ff;
  border: none;
  color: #f1f3f5;
  font-weight: 600;
  font-size: 16px;
  transition: 0.3s;
}

.tabs-wrapper {
  margin: 1% 0% 0 0%;
}

.tab-body-wrapper h2 {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  text-transform: none;
  margin-top: 20px;
}
.tab-post-cntn {
  margin-bottom: 30px;
  border-radius: 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.149);
  background-color: #fff;
}

.most-views-bind .tab-post-cntn {
  margin-bottom: 30px;
  border-radius: 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.149);
  background-color: #fff;
}

.tab-post-img {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
}

.tab-post-img img {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  transition: 0.4s ease-in-out;
}

.tab-post-img img:hover {
  transform: scale(1.1);
}

.tab-details {
  display: flex;
  flex-direction: column;
  padding: 0px 15px;
}

.tab_post_row a.title,
.all-posts-views-bind a.title {
  display: flex;
  text-decoration: none;
  margin-bottom: 10px;
  color: #212121;
  font-size: 22px;
  line-height: 1.25;
}

.tab_post_row a.title:hover,
.all-posts-views-bind a.title:hover {
  text-decoration: underline;
  color: #007bff;
}

.tab-details .date i {
  color: #000;
  margin-right: 10px;
}

.tab-details .date {
  color: #007bff;
  font-size: 14px;
}
.cat-loop {
  color: #007bff;
  margin-bottom: 0 !important;
  font-size: 14px;
}
.cat-loop .fa-folder-open {
  color: #000;
  margin-right: 10px;
}
.cat-loop a {
  color: #007bff;
}
.view-cnt {
  color: #007bff !important;
  margin-bottom: 4px !important;
  padding-bottom: 0px;
  font-size: 14px;
}
.view-cnt i {
  color: #000;
  margin-right: 10px;
}
.all-posts-views-content {
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
.site-content {
  background-color: #f9f9fe;
}
.ast-post-format-.single-layout-1 {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 20px 30px;
  box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%),
    0 22px 27px -30px rgb(7 10 25 / 10%);
  border-radius: 2px;
}

/* Load more button */
#load-more-btn {
  all: unset;
  width: 100px;
  height: 30px;
  font-size: 18px;
  font-weight: 600;
  background: transparent;
  border: none;
  position: relative;
  color: #f0f0f0;
  cursor: pointer;
  z-index: 1;
  padding: 10px 50px;
  display: table;
  margin: auto;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

#load-more-btn::after,
#load-more-btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -99999;
  transition: all 0.4s;
}

#load-more-btn::before {
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background: #454360;
  border-radius: 10px;
}

#load-more-btn::after {
  transform: translate(10px, 10px);
  width: 35px;
  height: 35px;
  background: #ffffff15;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 50px;
}

#load-more-btn:hover::before {
  transform: translate(5%, 20%);
  width: 110%;
  height: 110%;
}

#load-more-btn:hover::after {
  border-radius: 10px;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
}

#load-more-btn:active::after {
  transition: 0s;
  transform: translate(0, 5%);
}

/* btn-most views */
#most-views-btn {
  all: unset;
  width: 100px;
  height: 30px;
  font-size: 18px;
  font-weight: 600;
  background: transparent;
  border: none;
  position: relative;
  color: #f0f0f0;
  cursor: pointer;
  z-index: 1;
  padding: 10px 50px;
  display: table;
  margin: auto;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

#most-views-btn::after,
#most-views-btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -99999;
  transition: all 0.4s;
}

#most-views-btn::before {
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background: #454360;
  border-radius: 10px;
}

#most-views-btn::after {
  transform: translate(10px, 10px);
  width: 35px;
  height: 35px;
  background: #ffffff15;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 50px;
}

#most-views-btn:hover::before {
  transform: translate(5%, 20%);
  width: 110%;
  height: 110%;
}

#most-views-btn:hover::after {
  border-radius: 10px;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
}

#most-views-btn:active::after {
  transition: 0s;
  transform: translate(0, 5%);
}

/*All Post Button*/
.load_more_btn {
  all: unset;
  /* width: 100px; */
  height: 30px;
  font-size: 18px;
  font-weight: 600;
  background: transparent;
  border: none;
  position: relative;
  color: #f0f0f0;
  cursor: pointer;
  z-index: 1;
  padding: 10px 50px;
  display: table;
  margin: auto;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.load_more_btn::after,
.load_more_btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -99999;
  transition: all 0.4s;
}

.load_more_btn::before {
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background: #454360;
  border-radius: 10px;
}

.load_more_btn::after {
  transform: translate(10px, 10px);
  width: 35px;
  height: 35px;
  background: #ffffff15;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 50px;
}

.load_more_btn:hover::before {
  transform: translate(5%, 20%);
  width: 110%;
  height: 110%;
}

.load_more_btn:hover::after {
  border-radius: 10px;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
}

.load_more_btn:active::after {
  transition: 0s;
  transform: translate(0, 5%);
}
.all-posts-views-bind{
  padding-bottom: 45px;
}
/*End all Post Button*/

.single-post,
.archive,
.home {
  background-color: #f9f9fe;
  /* background-color: #d7d7ff; */
}
/* single-post */

.single-post-main {
  padding-left: 50px;
}
.single-post-main article {
  background: rgb(255, 255, 255);
  margin: 40px 0px 20px;
  padding: 30px 20px;
  box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%),
    0 22px 27px -30px rgb(7 10 25 / 10%);
  position: relative;
  z-index: 2;
}

.single-post-main article h1 {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 10px;
  color: #454360;
}
.single-pg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-post-main article h2 {
  font-size: 30px;
  padding-top: 14.4px;
  margin-bottom: 10px;
  line-height: 1.4;
  color: #454360;
}

p {margin-bottom:15px !important}

.single-post-main .entry-content p {
  color: #000 !important;
  font-weight: 300;
  margin-bottom:15px !important;
}

.single-post-main .entry-content ul li {
	color: #000 !important;
	line-height:1.8
}




.single-post-main .entry-content h3 {
  margin-top: 20px;
  font-size: 26px;
  color: #454360;
  margin-bottom: 5px;
}
.single-post-main article p span {
  color: #596172 !important;
}
.single-post-main article p a span {
  color: #1353dc !important;
}
.single-post-main article h2 span {
  color: #454360 !important;
}
.single-post-main article ul {
  padding: 10px 0px 0px 20px;
}
.single-post-main article ul li {
  font-weight: 300;
}
.single-post-main article ul li::marker {
  /* color: #0073ff; */
}
.single-post-main article ul li span {
  color: #596172 !important;
  line-height: 26px;
}
.single-post-main article ul li {
  margin-bottom: 10px;
}

.single-post-main article h1, .single-post-main .entry-content h1 { font-size: clamp(2rem, 5vw, 3rem); }
.single-post-main article h2, .single-post-main .entry-content h2 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
.single-post-main article h3, .single-post-main .entry-content h3 { font-size: clamp(1.5rem, 3.5vw, 2rem); }
.single-post-main article h4, .single-post-main .entry-content h4 { font-size: clamp(1.25rem, 3vw, 1.5rem); }
.single-post-main article h5, .single-post-main .entry-content h5 { font-size: clamp(1.1rem, 2.5vw, 1.25rem); }
.single-post-main article h6, .single-post-main .entry-content h6 { font-size: clamp(1rem, 2vw, 1.1rem); }
/* .single-post-main a, .single-post-main p a, .single-post-main article p { 
    color: #0073ff !important;
 } */

.single-post-main #comments {
  background: #fff;
  padding: 20px 20px;
  margin-bottom: 50px;
}
.single-post-main #comments h2 {
  font-size: 16px;
  margin-bottom: 10px;
}
.single-post-main #comments a {
  color: #0073ff;
  margin: 10px 0px;
  font-size: 14px;
}
.single-post-main #comments .reply {
  margin-bottom: 20px;
}
.single-post-main #comments ul {
  list-style-type: none;
  padding: 0px;
}
.single-post-main #comments textarea {
  width: 100%;
  border: 1px solid #e2e2e2;
  margin-bottom: 20px;
  border-radius: 4px;
  height: 200px;
}
.single-post-main #comments textarea:focus-visible {
  outline: none;
}
.single-post-main #comments .comment-form .comment-form-author input {
  border: 1px solid #bebebe;
  border-radius: 4px;
  margin-left: 20px;
}
.single-post-main #comments .comment-form .comment-form-email input {
  border: 1px solid #bebebe;
  border-radius: 4px;
  margin-left: 24px;
}
.single-post-main #comments .comment-form .comment-form-url input {
  border: 1px solid #bebebe;
  border-radius: 4px;
  margin-left: 15px;
}
.single-post-main #comments .comment-form .comment-form-cookies-consent {
  margin: 20px 0px;
}
.single-post-main #comments .form-submit .submit {
  background-color: #0073ff;
  color: rgb(255, 255, 255);
  padding: 10px 20px;
  border-radius: 2px;
  border: none;
}
.single-post-main .footer .nav-links {
  margin: 50px 10px;
  display: flex;
  justify-content: space-between;
}
.single-post-main .footer .nav-links .nav-previous a,
.nav-next a {
  color: #007bff;
  border: 1px solid #007bff;
  border-radius: 20px;
  text-decoration: none;
  padding: 10px 30px;
}
.single-post-main .footer .nav-links .nav-previous a,
.nav-next a:hover {
  color: #007bff;
  border: 1px solid #007bff;
  border-radius: 20px;
  text-decoration: none;
}

.single-post-main .footer .nav-links a:hover {
  background-color: #007bff;
  color: #fff;
}
.single-post-main .entry-footer {
  display: flex;
  justify-content: space-between;
  margin: 10px 0px;
  font-size: 16px;
}
.single-post-main .entry-footer a {
  color: #0073ff;
}
/* single-post-right-sidebar */
.single-post-right-sidebar {
  margin: 40px 0px 20px;
  padding-right: 50px;
}
.single-post-right-sidebar ul {
  padding: 0px;
}
.single-post-right-sidebar .search-form {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}
.single-post-right-sidebar #search-2 label {
  width: 100%;
  display: flex;
}
.single-post-right-sidebar #search-2 .search-field {
  background: #fff !important;
  border: none !important;
  width: 100%;
  border-right: none;
  padding: 5px 5px 5px 15px;
  height: 60px;
  border-radius: 5px !important;
  outline: none;
  color: #212121;
}
.single-post-right-sidebar #search-2 .search-form .search-submit {
  width: 90px;
  height: 60px;
  border: 1px solid #007bff;
  background: #007bff;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  top: 0px !important;
  right: 0px;
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: 0;
  z-index: 2;
  box-shadow: 0px 3px 5px -1px rgb(7 10 25 / 20%);
  transition: all 0.3s ease;
}

input[type="search"]:focus {
  outline: none !important;
}
.single-post-right-sidebar #search-2 {
  list-style-type: none;
  margin-bottom: 20px;
}
.single-post-right-sidebar #single-post-sidebar #recent-posts-3,
#archives-3,
#categories-3 {
  padding: 20px;
  box-sizing: border-box;
  border: 0px;
  clear: both;
  width: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  text-decoration: none;
  list-style-type: none;
  margin-bottom: 20px;
}
.single-post-right-sidebar .widget-title {
  color: #454360;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  margin-bottom: 20px;
}
.single-post-right-sidebar .widget-title::after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #007bff;
  position: absolute;
  right: 0px;
  top: 35px;
}
.single-post-right-sidebar li nav ul {
  padding: 0px;
}
.single-post-right-sidebar #recent-posts-3 nav ul li {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
}
.single-post-right-sidebar #recent-posts-3 nav ul li:last-child {
  border-bottom: 1px solid #ffffff00;
  padding-bottom: 10px;
}

.single-post-right-sidebar li nav ul li {
  padding: 10px 0px;
  box-sizing: border-box;
  border: 0px;
  clear: both;
  background-color: none;
  border-radius: 2px;
  text-decoration: none;
  list-style-type: none;
  margin-bottom: 0px;
  color: #454360;
}

.single-post-right-sidebar li nav ul li a:hover {
  text-decoration: underline;
  color: #0073ff;
}
.single-post-right-sidebar li nav ul li .post-date {
  font-size: 12px;
}
.single-post-right-sidebar #archives-3 nav ul {
  display: flex;
  flex-wrap: wrap;
}
.single-post-right-sidebar #archives-3 nav ul li {
  font-size: 16px;
  border: 1px solid #b5b5b580;
  color: #65676b;
  padding: 5px 10px;
  margin: 5px 5px;
  line-height: 27px;
  border-radius: 4px;
  text-decoration: none;
}
.single-post-right-sidebar #archives-3 nav ul li a {
  color: #65676b;
  text-decoration: none;
}
.single-post-right-sidebar #archives-3 nav ul li:hover {
  background-color: #007bff;
  color: #fff;
  border-color: #3858f600;
}
.single-post-right-sidebar #archives-3 nav ul li:hover a {
  color: #fff;
  transition: 0.3s;
}
.single-post-right-sidebar #categories-3 li {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
}
.single-post-right-sidebar #categories-3 li:last-child {
  border-bottom: 1px solid #ffffff00;
  padding-bottom: 10px;
}
.single-post-right-sidebar #categories-3 li a {
  color: #454360;
  text-decoration: none;
  font-size: 16px;
}
.single-post-right-sidebar #categories-3 li a:hover {
  color: #007bff;
  text-decoration: none;
}
.single-post-right-sidebar #categories-3 .children li {
  border: none;
  padding-bottom: 0px;
}
.single-post-main ol {
  padding: 0px 0px 0px 20px;
}
.single-post-main ol li {
  margin-bottom: 10px;
  font-weight: 300;
}
/* single pase end */
/* archive-post-main start */
.archive-post-main {
  margin: 60px 0px 20px;
  padding-left: 50px;
}
.archive-post-main .entry-title {
  color: #454360;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 40px;
}
.archive-post-main .entry-title a {
  color: #454360;
  margin-bottom: 20px;
  font-size: 28px;
}
.single-post-main .post-edit-link {
  margin-left: 12px;
  color: #596172;
}
.archive-post-main .post-edit-link,
.entry-meta {
  color: #596172;
  margin-bottom: 10px;
  font-size: 16px;
}
.archive-post-main article {
  position: relative;
  z-index: 1;
  background: rgb(255, 255, 255);
  padding: 30px 30px !important;
  box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%),
    0 22px 27px -30px rgb(7 10 25 / 10%);
  margin-bottom: 30px !important;
  border-radius: 2px;
  border-bottom: none !important;
}
.archive-post-main header {
  margin-bottom: 20px;
}
.archive-post-main .entry-summary img {
  transition: 0.3s;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
  height: auto;
}
.archive-post-main .entry-summary a:hover img {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.archive-post-main .entry-summary p {
  color: #596172;
}
/* archive-right-sidebar */
.archive-right-sidebar {
  margin: 60px 0px 20px;
  padding-right: 50px;
}
.archive-right-sidebar ul {
  padding: 0px;
}
.archive-right-sidebar #search-2 {
  list-style-type: none;
  margin-bottom: 20px;
}
.archive-right-sidebar .search-form {
  display: flex;
  flex-direction: row;

  position: relative;
  width: 100%;
}
.archive-right-sidebar #search-2 label {
  width: 100%;
  display: flex;
}
.archive-right-sidebar #search-2 .search-field {
  background: #fff !important;
  border: none !important;
  width: 100%;
  border-right: none;
  padding: 5px 5px 5px 15px;
  height: 60px;
  border-radius: 5px !important;
  outline: none;
  color: #212121;
}
.archive-right-sidebar #search-2 .search-form .search-submit {
  width: 90px;
  height: 60px;
  border: 1px solid #007bff;
  background: #007bff;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  top: 0px !important;
  right: 0px;
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: 0;
  z-index: 2;
  box-shadow: 0px 3px 5px -1px rgb(7 10 25 / 20%);
  transition: all 0.3s ease;
}

input[type="search"]:focus {
  outline: none !important;
}
.archive-right-sidebar #archive-sidebar #recent-posts-3,
#archives-3,
#categories-3 {
  padding: 20px;
  box-sizing: border-box;
  border: 0px;
  clear: both;
  width: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  text-decoration: none;
  list-style-type: none;
  margin-bottom: 20px;
}
.archive-right-sidebar .widget-title {
  color: #454360;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  margin-bottom: 20px;
}
.archive-right-sidebar .widget-title::after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #007bff;
  position: absolute;
  right: 0px;
  top: 35px;
}
.archive-right-sidebar li nav ul {
  padding: 0px;
}
.archive-right-sidebar #archive-sidebar #recent-posts-3 ul li {
  display: flex;
  flex-direction: column;
}
.archive-right-sidebar li nav ul li {
  padding: 10px 0px;
  box-sizing: border-box;
  border: 0px;
  clear: both;
  width: 100%;
  background-color: none;
  border-radius: 2px;
  text-decoration: none;
  list-style-type: none;
  margin-bottom: 0px;
  color: #454360;
}
.archive-right-sidebar li nav ul li a:hover {
  text-decoration: underline;
  color: #0073ff;
}
.archive-right-sidebar #recent-posts-3 nav ul li {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
}
.archive-right-sidebar li nav ul li .post-date {
  font-size: 12px;
}

.archive-right-sidebar #archives-3 nav ul li {
  font-size: 16px;
  border: 1px solid #b5b5b580;
  color: #65676b;
  padding: 5px 10px;
  margin: 10px 0px;
  line-height: 27px;
  border-radius: 4px;
  text-decoration: none;
}
.archive-right-sidebar #categories-3 li {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
}
.archive-right-sidebar #categories-3 li:last-child {
  border-bottom: 1px solid #ffffff00;
  padding-bottom: 10px;
}
.archive-right-sidebar #categories-3 li a {
  color: #454360;
  text-decoration: none;
  font-size: 16px;
}
.archive-right-sidebar #categories-3 li a:hover {
  color: #007bff;
  text-decoration: none;
}
.archive-right-sidebar #categories-3 .children li {
  border: none;
  padding-bottom: 0px;
}
.archive-post-main .nav-links a {
  color: #007bff;
  border: 1px solid #007bff;
  border-radius: 20px;
  text-decoration: none;
  font-size: 16px;
  padding: 5px 20px;
  height: 2.33333em;
  line-height: calc(2.33333em - 3px);
}
.archive-right-sidebar #archives-3 nav ul {
  display: flex;
  flex-wrap: wrap;
}
.archive-right-sidebar #archives-3 nav ul li {
  font-size: 16px;
  border: 1px solid #b5b5b580;
  color: #65676b;
  padding: 5px 10px;
  margin: 5px 5px;
  line-height: 27px;
  border-radius: 4px;
  text-decoration: none;
  width: auto;
}
.archive-right-sidebar #archives-3 nav ul li a {
  color: #65676b;
  text-decoration: none;
}
.archive-right-sidebar #archives-3 nav ul li:hover {
  background-color: #007bff;
  color: #fff;
  border-color: #3858f600;
}
.archive-right-sidebar #archives-3 nav ul li:hover a {
  color: #fff;
  transition: 0.3s;
}
/* archive-post-main end */
.footer_sec .footer_bottom_first #media_image-2 {
  margin-bottom: 25px;
  max-width: 180px;
}

/* blog css end */

/* 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;
}
.top_bar_rgt .topbar-whatsapp {
  display: flex;
  align-items: center;
}
.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.5s;
  left: 0;
}
.navbar_right .menu-item.active a::before {
  background: #3686c7;
  height: 3px;
  width: 100%;
  transition: -0.5s;
}
.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.5s;
}
.navbar_right .menu-item a,
.navbar_right .menu-item.active a {
  position: relative;
  transition: 0.5s;
  font-weight: 500;
}
.navbar_right .navbar-nav .nav-item .dropdown-menu {
  opacity: 0;
  display: block;
  visibility: hidden;
  transition: all 0.01s;
}
.navbar_right .navbar-nav .dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  position: absolute;
  margin-top: 0px !important;
  transition: all 0.5s;
}
.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.5s;
  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_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: 35px 0px;
  font-size: 18px;
  font-weight: 300;
}
.baner_second_heading {
  margin-bottom: 20px;
  text-align: center;
}
.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: 999;
  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;
}

/* 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;
}
.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;
  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;
}

img.bloger_bg_main {
  position: absolute;
  top: 0;
  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%;
}

/* 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;
}

/* 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;
}
.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;
  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: 50%;
  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;
}

/* All boxes in same height */

.our-blog-posts .tab-content .recent-post-bind .recent-posts-wrapper,
.all-blog-posts .all-posts-views-bind .all-posts-wrapper {
  display: flex !important;
}

.all-posts-wrapper .tab-post-img img { width: 100%; height: 183px; object-fit: cover;}

/***********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;
}
.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_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************/

.conv_form_right {
  padding: 0px 30px;
  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: 0;
  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;
}

/**********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 {
  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%;
}
.newsletter_sec .row .emaillist form .es-field-wrap label input {
  width: 95%;
  height: 52px;
  border-radius: 100px;
  padding: 0px 15px;
  border: 1px solid #3686c7;
  margin-right: 20px;
  border-radius: 12px;
}
.newsletter_sec .row .emaillist form .es-field-wrap label input:focus-visible {
  border-color: #3686c7;
  outline: none;
}
.newsletter_sec .row .emaillist form input[type="submit"] {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 9px 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;
}

/**************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;
  margin-top: 100px;
}

.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);
}
.banner_feature_down a i {
  display: block;
  margin-left: 0px;
}
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: 40px;
}
.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: 100px;
  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: hidden;
  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;
}

/*~~~~~~~~~~~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;
} */

/*~~~~~~~~~~~ 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;
}





blockquote {
  position: relative; 
  text-align: center;
  padding: 1rem 1.2rem;
  width: 80%;  /* create space for the quotes */
  color: #484748;
  margin: 1rem auto 2rem;
  background:
  linear-gradient(to right, #000 4px, transparent 4px) 0 100%,
  linear-gradient(to left, #000 4px, transparent 4px) 100% 0,
  linear-gradient(to bottom, #000 4px, transparent 4px) 100% 0,
  linear-gradient(to top, #000 4px, transparent 4px) 0 100%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

/* -- create the quotation marks -- */
blockquote:before,
blockquote:after{
  font-family: FontAwesome;
  position: absolute;
  color: #039be5;
  font-size: 34px;
}

blockquote:before{
  content: "\f10d";
  top: -12px;
  margin-right: -20px;
  right: 100%;
}
blockquote:after{
  content: "\f10e";
  margin-left: -20px;
  left: 100%;  
  top: auto;
  bottom: -20px;
}







.table-of-container {
  width: 100%;
  background: #F9F9F9;
  border: 1px solid #AAAAAA;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
  display: table;
  padding: 15px 20px;
  position: relative;
  margin-bottom: 20px;
}







/** 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;
}

@media (max-width: 991.98px) {
  .single-post-main {
    padding: 0px 50px;
  }
  .single-post-right-sidebar {
    padding: 0px 50px;
  }
  .archive-post-main {
    padding: 0px 50px;
  }
  .archive-right-sidebar {
    padding: 0px 50px;
    margin: 20px 0px 20px;
  }
  .single-post-main #comments {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .single-post-main {
    padding: 0px 20px;
  }
  .single-post-right-sidebar {
    padding: 0px 20px;
  }
  .archive-post-main {
    padding: 0px 20px;
  }
  .archive-right-sidebar {
    padding: 0px 20px;
    margin: 20px 0px 20px;
  }
  .tab-details {
    display: flex;
    flex-direction: column;
    padding: 0px 15px 15px;
  }
  .most-views-bind .tab-post-cntn {
    height: auto;
  }
  .tab-post-cntn {
    height: auto;
  }
  .single-post-main #comments textarea {
    height: auto;
  }
  .tab_post_row a.title {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .single-post-main {
    padding: 0px 0px 0px 0px;
  }
  .single-post-right-sidebar {
    padding: 0px 0px 0px 0px;
  }
  .single-post-main .entry-footer {
    display: flex;
    flex-direction: column;
  }
  .single-post-main .entry-footer .cat-links {
    margin-bottom: 10px;
  }
  .archive-post-main {
    padding: 0px 0px 0px 0px;
  }
  .archive-right-sidebar {
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 20px;
  }
  .call-list .nav-tabs .nav-link {
    font-size: 16px;
    padding: 0.5rem 0.5rem;
  }
  .archive-post-main .entry-title {
    font-size: 24px;
  }
  .archive-post-main .entry-title a {
    font-size: 22px;
  }
  .single-post-main article h1 {
    font-weight: 400;
    font-size: 22px;
  }
  .single-post-main article h2 {
    font-size: 20px;
  }
  .single-post-main article h5 {
    font-size: 15px;
  }
   .single-post-main article h4 {
    font-size: 17px;
  }
}

@media (max-width: 444px) {
  .single-post-main #comments .comment-form .comment-form-author input {
    margin-left: 0px;
  }
  .single-post-main #comments .comment-form .comment-form-email input {
    margin-left: 0px;
  }
  .single-post-main #comments .comment-form .comment-form-url input {
    margin-left: 0px;
  }
  .single-post-main #comments .comment-form .comment-form-author,
  .comment-form-email,
  .comment-form-url {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
}





.search-container {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  height: 48px;
  width: 100%; /* Full width */
  /*max-width: 400px;  Adjust if needed */
}

.search-icon {
  color: #d76a6a;
  font-size: 18px;
  margin-right: 8px;
}

#searchInput {
  border: none;
  outline: none;
  width: 100%;
  font-size: 16px;
  height: 100%;
  background: transparent;
}



#searchResults {
  /* background: #fff;
  border: 1px solid #ddd; */
  /* position: absolute;
  width: 300px; */
  /* max-height: 300px; */
  overflow-y: auto;
  /* box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); */
}

.search-item {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.search-item a {
  text-decoration: none;
  color: #0073aa;
}

.search-item p {
  font-size: 14px;
  color: #666;
}

.container.all-posts-views-bind { padding-bottom: 0;}

#categorySelect {
  display: flex;
  align-items: center;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  height: 48px;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
  background: transparent;
}

#categorySelect select {
  border: none;
  outline: none;
  font-size: 16px;
  color: #333;
  background: transparent;
  width: 100%;
  appearance: none;
  cursor: pointer;
}

#categorySelect .icon {
  color: #d9534f;
  font-size: 18px;
  margin-right: 8px;
}

/* new footer start ----------------------------------- */
.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;
  }


  .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;}

.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;
}
  /* / responsive part / */

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


    .gf_step::before {
      display: none;
    }
    a.get_quote_open_btn {
      /* right: 0px !important; */
  }
  a .whatsapp-button{
    right: 0px !important;
  }
  }

/* new footer end */