@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&family=Saira:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*----------------------------------------
 Don't change any css from here. If you need to change, Please use child theme.
------------------------------------------*/

html,
body {
  overflow-x: hidden;
}

/* box layout */

.box.wrapper {
  max-width: 1200px;
  margin: auto;
  background: #fff;
  box-shadow: 0px 0px 5px #ddd;
}
/* end box layout */

.fix {
  overflow: hidden;
}
.clear_both {
  clear: both;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* @font-face {
    font-family: 'Sofia Pro';
    src:  url('../fonts/Sofia Pro Bold.ttf');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Sofia Pro';
    src:  url('../fonts/Sofia Pro Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: block;
} */

@font-face {
  font-family: "Alibaba PuHui55";
  src: url("https://meta-sh.oss-cn-shanghai.aliyuncs.com/website/base/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

button:focus {
  outline: none;
}

body {
  color: #626262;
  font-family: "Alibaba PuHui55", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Alibaba PuHui55", sans-serif;
  font-style: normal;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 600;
  transition: 0.5s;
  font-size: 30px;
  color: #232323;
  margin: 0 0 10px;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
a {
  transition: 0.5s;
  color: #232323;
}
a:focus,
.btn:focus {
  text-decoration: none;
  outline: none;
}
a:focus,
a:hover {
  text-decoration: none;
  text-decoration: none;
  color: #333;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #232323;
  transition: 0.5s;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}
input:focus,
button:focus {
  /* border-color: transparent;
  outline-color: transparent; */
}
textarea:focus {
  /* border-color: transparent; */
  /* outline-color: transparent; */
}
hr {
  margin: 60px 0;
  padding: 0px;
  border-bottom: 1px solid #eceff8;
  border-top: 0px;
}

label {
  color: #333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

a,
i,
cite,
em,
var,
address,
dfn,
ol,
li,
ul {
  font-style: normal;
  font-weight: 400;
}

*::-moz-selection {
  background: #4fc1f0;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #4fc1f0;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #4fc1f0;
  color: #fff;
  text-shadow: none;
}
::-moz-placeholder {
  color: #626262;
  font-size: 16px;
}
::-webkit-input-placeholder {
  color: #626262;
  font-size: 16px;
}
:-ms-input-placeholder {
  color: #626262;
  font-size: 16px;
}
::placeholder {
  color: #626262;
  font-size: 16px;
}

/* progress area css */
/* witr_single_skill */
.witr_single_progress {
  overflow: hidden;
  position: relative;
}

/*-----------------------
    Progress Bar Style1
-------------------------*/
.witr_progress-style1 {
  height: 30px;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  background: #fff;
  margin-top: 20px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.witr_progress-style1 + .witr_progress-style1 {
  margin-top: 50px;
}
.witr_progress-style1 .progress-bar {
  position: relative;
  text-align: left;
  line-height: 30px;
  border-radius: 0;
  box-shadow: none;
}
.witr_title1 .witr_label {
  position: absolute;
  left: 5px;
  top: 0px;
  color: #232323;
  font-size: 16px;
  font-weight: 600;
}
.witr_progress-style1 .witr_percent {
  position: absolute;
  right: 10px;
  font-weight: 500;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}

/*-----------------------
    Progress Bar Style2
-------------------------*/
.witr_progress-style2 {
  height: 4px;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  margin-top: 20px;
}
.witr_progress-style2 + .witr_progress-style2 {
  margin-top: 50px;
}
.witr_progress-style2 .progress-bar {
  position: relative;
  text-align: left;
  line-height: 4px;
  border-radius: 0;
  box-shadow: none;
}
.witr_title2 .witr_label {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #232323;
  font-size: 16px;
  font-weight: 700;
}
.witr_progress-style2 .witr_percent {
  position: absolute;
  right: 0;
  font-weight: 700;
  color: #232323;
  font-size: 16px;
  top: -19px;
}

/*-----------------------
    Progress Bar Style3
-------------------------*/
.witr_progress-style3 {
  height: 30px;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  margin-top: 20px;
}
.witr_progress-style3 + .witr_progress-style3 {
  margin-top: 40px;
}
.witr_progress-style3 .progress-bar {
  position: relative;
  text-align: left;
  line-height: 30px;
  border-radius: 0;
  box-shadow: none;
}
.witr_progress-style3 .witr_label {
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.3);
}
.witr_progress-style3 .witr_percent {
  position: absolute;
  right: 10px;
  font-weight: 500;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  top: -10px;
  background: #232323;
  padding: 0 7px;
}

/*-----------------------
    Progress Bar Style4
-------------------------*/
.witr_progress-style4 {
  height: 40px;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  padding: 4px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(68, 68, 68, 0.05);
}
.witr_progress-style4 + .witr_progress-style4 {
  margin-top: 30px;
}
.witr_progress-style4 .progress-bar {
  position: relative;
  text-align: left;
  border-radius: 0;
  box-shadow: none;
}
.witr_progress-style4 .witr_label {
  position: absolute;
  left: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.3);
  top: 50%;
  transform: translateY(-50%);
}
.witr_progress-style4 .witr_percent {
  position: absolute;
  right: 6px;
  font-weight: 500;
  color: #fff;
  font-size: 11px;
  background: rgba(255, 255, 255, 0.3);
  top: 50%;
  transform: translateY(-50%);
  padding: 0 5px;
}

/*-----------------------
    Progress Bar Style5
-------------------------*/
.witr_progress-style5 {
  height: 24px;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  margin-top: 30px;
}
.witr_progress-style5 + .witr_progress-style5 {
  margin-top: 60px;
}
.witr_progress-style5 .progress-bar {
  position: relative;
  text-align: left;
  border-radius: 0;
  box-shadow: none;
}
.witr_title5 .witr_label {
  position: absolute;
  left: 0px;
  top: -3px;
  color: #232323;
  font-size: 20px;
  font-weight: 600;
}
.witr_progress-style5 .witr_percent {
  position: absolute;
  right: 0;
  font-weight: 500;
  color: #fff;
  font-size: 12px;
  top: -35px;
  background: #3974f6;
  padding: 3px 6px;
  border-radius: 4px;
}
.witr_progress-style5 .witr_percent:after {
  content: "";
  position: absolute;
  border: 11px solid transparent;
  border-right-color: #3974f6;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
}
.progress.witr_progress-style5 {
  margin-top: 37px;
}

/*-----------------------
    Progress Bar Style6
------------------------*/
.witr_progress-style6 {
  overflow: visible;
  position: relative;
  margin-top: 20px;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.04);
  padding: 3px;
  border-radius: 10px;
}
.witr_progress-style6 + .witr_progress-style6 {
  margin-top: 60px;
}
.witr_progress-style6 .progress-bar {
  position: relative;
  text-align: left;
  border-radius: 7px;
  line-height: 30px;
  box-shadow: none;
}
.witr_title6 .witr_label {
  position: absolute;
  left: 2px;
  top: 8px;
  color: #232323;
  font-size: 16px;
  font-weight: 600;
}
.witr_progress-style6 .witr_percent {
  position: absolute;
  color: #fff;
  font-size: 11px;
  bottom: 27px;
  text-align: center;
  z-index: 10;
  text-align: center;
  right: 0;
  font-weight: 600;
}
.witr_progress-style6 .witr_percent:after {
  content: "";
  position: absolute;
  background: #232323;
  border-radius: 0px 30px 30px 30px;
  width: 30px;
  height: 30px;
  left: -6px;
  top: 0;
  z-index: -1;
  transform: rotate(-130deg);
}
.progress.witr_progress-style6 {
  margin-top: 44px;
}
/*-----------------------
    Progress Bar Style7
-------------------------*/
.witr_progress-style7 {
  height: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  overflow: visible;
  padding: 3px;
  background: #fff;
  margin-top: 20px;
}
.witr_progress-style7 + .witr_progress-style7 {
  margin-top: 60px;
}
.witr_progress-style7 .progress-bar {
  position: relative;
  text-align: left;
  line-height: 4px;
  border-radius: 0;
  box-shadow: none;
}
.witr_title7 .witr_label {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #232323;
  font-size: 15px;
  font-weight: 600;
}
.witr_progress-style7 .witr_percent {
  position: absolute;
  right: -13px;
  font-weight: 500;
  color: #fff;
  font-size: 10px;
  top: -30px;
  background: #232323;
  padding: 8px 5px;
}
.witr_progress-style7 .witr_percent:after {
  content: "";
  position: absolute;
  border: 5px solid transparent;
  left: 50%;
  border-top-color: #232323;
  top: 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*-----------------------
    Progress Bar Style8
-------------------------*/
.witr_progress-style8 {
  position: relative;
  height: 40px;
  box-shadow: none;
  border-radius: 20px;
  overflow: visible;
  padding: 7px;
  background: #fff;
  box-shadow: 0 1px 10px rgba(68, 68, 68, 0.08);
}
.witr_progress-style8 + .witr_progress-style8 {
  margin-top: 30px;
}
.witr_progress-style8 .progress-bar {
  text-align: left;
  border-radius: 0;
  box-shadow: none;
  border-radius: 15px;
}
.witr_progress-style8 .witr_label {
  position: absolute;
  left: 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  top: 50%;
  transform: translateY(-50%);
}
.witr_progress-style8 .witr_percent {
  position: absolute;
  right: 14px;
  top: 50%;
  font-weight: 500;
  color: #232323;
  font-size: 13px;
  transform: translateY(-50%);
}

/*-----------------------
    Progress Bar Style9
------------------------*/
.witr_progress-style9 {
  overflow: visible;
  position: relative;
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: none;
  background: #eee;
  padding: 0px;
  height: 20px;
}
.witr_progress-style9 + .witr_progress-style9 {
  margin-top: 60px;
}
.witr_progress-style9 .progress-bar {
  text-align: left;
  border-radius: 10px;
  line-height: 30px;
  margin-left: -1px;
  box-shadow: none;
}
.witr_title9 .witr_label {
  position: absolute;
  left: 2px;
  top: 0px;
  color: #232323;
  font-size: 16px;
  font-weight: 600;
}
.witr_progress-style9 .witr_percent {
  position: absolute;
  color: #999;
  font-size: 11px;
  top: 50%;
  text-align: center;
  z-index: 10;
  text-align: center;
  right: 0;
  font-weight: 600;
  transform: translateY(-50%);
}
.witr_progress-style9 .witr_percent:after {
  content: "";
  position: absolute;
  background: #eee;
  border-radius: 30px 30px 0px 30px;
  width: 30px;
  height: 30px;
  left: -6px;
  top: 0;
  z-index: -1;
  transform: rotate(130deg);
}

/*-----------------------
    Progress Bar Style10
------------------------*/
.witr_progress-style10 {
  overflow: visible;
  margin-top: 20px;
  box-shadow: none;
  background: #eee;
  padding: 0px;
  height: 12px;
  border-radius: 6px;
}
.witr_progress-style10 + .witr_progress-style10 {
  margin-top: 60px;
}
.witr_progress-style10 .progress-bar {
  position: relative;
  text-align: left;
  border-radius: 10px;
  line-height: 30px;
  margin-left: -1px;
  box-shadow: none;
}
.witr_title10 .witr_label {
  position: absolute;
  left: 2px;
  top: -25px;
  color: #232323;
  font-size: 20px;
  font-weight: 700;
}
.witr_progress-style10 .witr_percent {
  position: absolute;
  width: 36px;
  height: 36px;
  line-height: 32px;
  background: #fff;
  color: #3974f6;
  font-size: 13px;
  top: 50%;
  text-align: center;
  z-index: 10;
  text-align: center;
  right: -1px;
  font-weight: 600;
  transform: translateY(-50%);
  border: 2px solid #3974f6;
  border-radius: 50%;
  text-align: center;
}
.witr_progress-style10 .progress-bar-success .witr_percent {
  border-color: #5cb85c;
  color: #5cb85c;
}
.witr_progress-style10 .progress-bar-info .witr_percent {
  border-color: #5bc0de;
  color: #5bc0de;
}
.witr_progress-style10 .progress-bar-warning .witr_percent {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
.witr_progress-style10 .progress-bar-danger .witr_percent {
  border-color: #d9534f;
  color: #d9534f;
}
.progress.witr_progress-style10 {
  margin: 15px 0;
}
.progress {
  margin-top: 29px;
}
.progress-bar {
  background-color: #3974f6;
}

.witr_ds_content_aream {
  position: relative;
  overflow: hidden;
}

/*=====================
techit HEADING TOP AREA CSS
=========================*/
/* LEFT RIGHT CSS */

.em40_header_area_main {
}
.em40_header_area_main.hdisplay_none {
  display: none;
}

.techit-header-top {
  background: #3974f6;
  padding: 12px 0;
  padding-right: 210px;
  padding-left: 210px;
}
.top-address p {
  margin-bottom: 0;
}
.top-address p span,
.top-address p a {
  margin-right: 20px;
}
.top-address p span i,
.top-address p a i {
  font-size: 13px;
  color: #fff;
  margin-right: 10px;
}
.top-address p a {
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* TOP RIGHT CSS */

.social-icons-container {
  display: flex;
}

.social-icons-image {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}

.social-qrcode {
  /* margin-right: 20px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
}

.top-right-menu ul.social-icons {
  margin: 0;
  padding: 0;
}
.top-right-menu ul.social-icons li {
  display: inline-block;
  margin-left: 15px;
  position: relative;
}
.top-right-menu ul.social-icons li a {
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 15px;
}
.top-address p a,
.top-right-menu ul.social-icons li a,
.top-address p span {
  color: #fff;
  font-size: 15px;
}
.top-right-menu .social-icons li a:hover,
.top-right-menu .social-icons li a i:hover {
  color: #ff7e00;
}
.top-both-p0 .top-address p a,
.top-both-p0 .top-address p span {
  margin-right: 0px;
  margin-left: 12px;
}
/* sub menu css */

.top-right-menu ul .sub-menu {
  position: absolute;
  left: 0px;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-top: 1px solid #f00;
  width: 150px;

  transition: 0.5s;
  text-align: left;
  background: #fff;
  z-index: 1;
}
.top-right-menu ul.social-icons li:hover .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.top-right-menu ul .sub-menu li {
  padding: 5px 0px 0px 5px;
}
.top-right-menu ul .sub-menu li a {
  font-size: 12px;
}
.top-right-menu ul .sub-menu ul {
  display: none;
}
.top-welcome p {
  padding: 0px;
  margin: 0px;
}
.top-address.em-login a {
  margin-right: 10px;
}
.top-address.em-login a + a {
  margin-right: 0;
}
.top-address.em-login p a i,
.top-address.em-login p a i {
  margin-right: 5px;
}
.top-address.em-login a + a:before {
  content: "|";
  margin-right: 12px;
}
.txtc {
  text-align: center;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
/* top opening */

.top-address.menu_18 span {
  background: #fff;
  padding: 8px 15px 9px;
  display: inline-block;
  color: #232323;
}
.top-right-menu ul.social-icons.menu_18,
.top-right-menu ul.social-icons.menu_19 {
  padding: 7px 0;
}
.em-login.menu_18,
.em-quearys-top.menu_19 {
  padding: 7px 0;
}

/* address left right icon */

.top-right-menu.litop {
  float: left;
}
/* mobile logo   */

.mobile_menu_logo.text-center {
  padding: 20px 0;
}

.mobile_menu_logo.text-center img {
  height: 50px;
}

/*=====================
END techit HEADING TOP AREA CSS
=========================*/

/*========================
EM CREATIVE HEADER
=========================*/

.em_creative_header {
  background: #f9f9f9 none repeat scroll 0 0;
  padding: 28px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.em_creative_header:before {
  background: #3974f6 none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  width: 25%;
  height: 100%;
  z-index: -1;
  position: absolute;
}
.em_creative_header:after {
  background: #3974f6 none repeat scroll 0 0;
  content: "";
  left: 18%;
  top: 0;
  bottom: 0;
  width: 15%;
  height: 100%;
  position: absolute;

  -webkit-transform: rotate(-121deg);
  transform: rotate(-121deg);
  z-index: -1;
}
.single_header_address {
}
.creative_logo_thumb {
  z-index: 9;
  text-align: right;
}
.creative_header_icon {
  float: left;
  margin-right: 10px;
  overflow: hidden;
}
.creative_header_icon i {
  color: #3974f6;
  font-size: 28px;
  margin-top: 5px;
}
.creative_header_address {
  overflow: hidden;
  padding-left: 80px;
}
.creative_header_address_text > h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.creative_header_address_text > p {
  margin: 0;
}
.creative_logo_thumb {
  z-index: 9;
}
.creative_header_button {
  padding-left: 50px;
  position: relative;
  margin-top: 5px;
}
.creative_header_button:before {
  content: "";
  position: absolute;
  background: #3974f6;
  width: 1px;
  height: 74px;
  left: 10px;
  top: -21px;
}
.creative_header_button .dtbtn {
  background: #3974f6 none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-family: raleway;
  font-size: 14px;
  font-weight: 600;
  margin-left: 0;
  padding: 6px 26px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.creative_header_button > a:hover {
  background: #3974f6 none repeat scroll 0 0;
}
.em_slider_social {
  position: fixed;
  right: 30px;
  text-align: center;
  top: 60%;
  z-index: 999999;
}
.em_slider_social li {
  display: block;
  list-style: outside none none;
  text-decoration: none;
}
.em_slider_social a {
  background: #3974f6 none repeat scroll 0 0;
  border: 1px solid #3974f6;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 35px;
  line-height: 33px;
  margin-bottom: 10px;
  text-align: center;
  width: 35px;
}

.em_slider_social a:hover {
  background: #3974f6;
  color: #fff;
  border-color: #3974f6;
}
/* .no-logo-sr .creative_search_icon { */
/* position: absolute; */
/* right: 19%; */
/* top: 50%; */
/* -webkit-transform: translateY(-50%); */
/* transform: translateY(-50%); */
/* z-index: 999; */
/* } */
/* .no-logo-sr .em-quearys-top.msin-menu-search .em-quearys-inner { */
/* top: 70px; */
/* } */
.no-logo-sr .techit_menu ul {
  text-align: center;
}
.no-logo-sr .techit_menu ul li {
  text-align: left;
}

/*=======================
techit HEADING NAV AREA CSS
========================*/

.mean-container .mean-bar {
  padding: 0;
}
.mean-container .mean-nav {
  background: #3974f6 none repeat scroll 0 0;
  float: none;
}
.main_menu_div {
  position: relative;
}
.techit_nav_area {
  background: #fff none repeat scroll 0 0;
}
/* LOGO CSS */

.logo {
  display: flex;
  align-items: center;
}
.logo a {
  font-size: 23px;
  font-weight: 700;
  display: inline-block;
  /* margin-top: 30px; */
}
.techit_menu {
}
/* MENU CSS */

.techit_menu ul {
  /* text-align: right; */
  list-style: none;
}
.techit_menu > ul > li {
  display: inline-block;
  position: relative;
}
.techit_menu > ul > li > a {
  display: block;
  margin: 20px 15px;

  transition: 0.5s;
  position: relative;
  color: #232323;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}
.techit_menu > ul > li > a:before,
.techit_menu > ul > li.current > a:before {
  background: #ffb600 none repeat scroll 0 0;
  bottom: -7px;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 15%;
  display: none;
}

.heading_style_2 .techit_menu > ul > li > a {
  color: #333;
}
.heading_style_3 .techit_menu > ul > li > a {
  color: #333;
}
.heading_style_4 .techit_menu > ul > li > a {
  color: #333;
}
.heading_style_5 .techit_menu > ul > li > a {
  color: #333;
}
.techit_menu ul li:last-child a {
  margin-right: 0px;
}
.techit_menu > ul > li.current > a,
.techit_menu > ul > li:hover > a,
.creative_header_menu > ul > li:hover > a {
  color: #3974f6;
  background-color: transparent;
}
.techit_menu > ul > li:hover > a:before,
.techit_menu > ul > li.current > a:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* transparent 2 */

.trp_nav_area {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  background-color: transparent;
  padding: 25px 0;

  transition: 0.5s;

  background: #fff;
}
.hbg2 {
  background: rgba(0, 0, 0, 0.85);
  padding: 0 0 10px;
}
/* stycky nav js */
.techit_nav_area.scroll_fixed.postfix.prefix {
  background: #000000cc;
}
.techit_nav_area.scroll_fixed.postfix {
  padding-right: 210px;
  padding-left: 210px;
}

.transprent-menu.menu4 {
  position: relative;
}
.transprent-menu .techit_nav_area {
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  background-color: transparent;
  padding: 0;

  transition: 0.5s;
  position: absolute;
}
.techit_nav_area.postfix {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.techit_nav_area.prefix,
.hbg2 {
}
.techit_nav_area.prefix .techit_menu > ul > li > a {
  color: #fff;
}
.techit_nav_area.prefix .techit_menu > ul > li.current > a {
  color: #3974f6;
}
/* LOGO LEFT RIGHT CSS */

.logo-left {
  align-items: center;
}

.logo-left img {
  width: auto;
  height: 50px;
}
.logo-right .logo {
  text-align: right;
}
.logo-right .techit_menu > ul {
  text-align: left;
}
.logo-right .techit_menu > ul > li:first-child a {
  padding-left: 0px;
}
.logo-right .techit_menu > ul > li:last-child a {
  padding-right: auto;
}
/* logo top */

.logo-top .logo {
  text-align: center;
}
.logo-top .techit_menu > ul {
  text-align: center;
}
.logo-top > .techit_menu > ul > li:last-child a {
  padding-right: auto;
}
/* sub menu style */

.techit_menu ul .sub-menu {
  position: absolute;
  left: 0;
  top: 130%;
  min-width: 200px;
  text-align: left;
  background: #0c3db9ef;
  margin: 0;
  padding: 15px 0;
  z-index: 9999;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

  transition: 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.techit_menu ul li:hover > .sub-menu {
  opacity: 1;
  transition: 0.5s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 100%;
  z-index: 9;
}
.techit_menu ul .sub-menu li {
  position: relative;
}

.techit_menu ul .sub-menu .sub-title {
  color: #909090;
  font-size: 18px;
  padding: 12px 20px;
}

.techit_menu ul .sub-menu .sub-menu-row {
  display: flex;
}

.techit_menu ul .sub-menu .sub-menu-col {
  width: 200px;
}

.techit_menu ul .sub-menu li a {
  display: block;
  padding: 12px 20px;
  margin: 0;
  line-height: 1.3;
  letter-spacing: normal;
  font-size: 18px;
  color: #c9c9c9;
  font-weight: 600;
  text-transform: capitalize;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  visibility: inherit !important;
}
.techit_menu ul .sub-menu li:hover > a,
.techit_menu ul .sub-menu .sub-menu li:hover > a,
.techit_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.techit_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
  background: rgba(255, 255, 255, 0.06);
  color: #333;
}

.sub-menu-subtitle {
  background: white !important;
  display: block;
  padding: 12px 20px;
  font-size: 12px;
  color: #999 !important;
}

/* sub menu 2 */

.techit_menu ul .sub-menu .sub-menu {
  left: 100%;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.techit_menu ul .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}
/* sub menu 3 */

.techit_menu ul .sub-menu .sub-menu li {
  position: relative;
}
.techit_menu ul .sub-menu .sub-menu .sub-menu {
  right: 100%;
  left: auto;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.techit_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}
/* sub menu 4 */

.techit_menu ul .sub-menu .sub-menu .sub-menu li {
  position: relative;
}
.techit_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
.techit_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}
/* user login */

/*********************** screen menu **************************/

.sub-menu-screen-right {
  display: none;
}
#solution-product:checked ~ .solution-product-content {
  display: block;
}
#solution-industry:checked ~ .solution-industry-content {
  display: block;
}

#solution-product:checked
  ~ .sub-menu-screen-left
  .tab-label[for="solution-product"],
#solution-industry:checked
  ~ .sub-menu-screen-left
  .tab-label[for="solution-industry"] {
  color: #3974f6;
  background-color: #f1f7fe;
}

#platform-product:checked ~ .solution-product-content {
  display: block;
}
#standard-product:checked ~ .solution-industry-content {
  display: block;
}

#platform-product:checked
  ~ .sub-menu-screen-left
  .tab-label[for="platform-product"],
#standard-product:checked
  ~ .sub-menu-screen-left
  .tab-label[for="standard-product"] {
  color: #3974f6;
  background-color: #f1f7fe;
}

.techit_menu ul li:hover > .sub-menu-screen {
  opacity: 1;
  transition: 0.5s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 122px;
  z-index: 9;
}

.sub-menu-screen {
  display: flex;
  /* justify-content: center; */
  position: fixed;
  left: 0;
  /* top: 130%; */
  top: 122px;
  width: 100vw;
  text-align: center;
  /* background: #0c3db9ef; */
  background: #fff;
  margin: 0;
  padding: 25px 210px;
  z-index: 9999;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

  transition: 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.sub-menu-screen-left {
  padding-left: 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: left;
  color: #333;
}

.tab-label {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  width: 180px;
  height: 56px;
  line-height: 56px;
  border-radius: 8px;
  text-align: center;
}

.sub-menu-screen-right {
  flex: 4;
}

.sub-menu-screen-right li {
  display: flex;
  flex-direction: column;
  height: auto;
  margin-bottom: 20px;
}

.sub-menu-screen-right hr {
  color: #2b2a2a;
  /* border-bottom: 1px solid #2b2a2a */
}

.sub-menu-screen-right-title {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}

.sub-menu-screen-right-subtitle {
  text-align: left;
  color: #999;
  font-size: 14px;
  margin-bottom: 40px;
}

.submenu-subtitle {
  font-size: 12px;
  flex: 1 1 auto;
  color: #999 !important;
}

.sub-menu-screen a {
  color: #333;
  font-size: 14px;
  line-height: 28px;
}

.techit_menu ul .sub-menu-screen li {
  position: relative;
}

.techit_menu ul .sub-menu-screen .sub-title {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
}

.techit_menu ul .sub-menu-screen .sub-menu-col {
  width: 200px;
}

.techit_menu ul .sub-menu-screen li a {
  display: block;
  /* padding: 12px 20px; */
  margin: 0;
  line-height: 1.3;
  letter-spacing: normal;
  font-size: 16px;
  color: #333;
  text-transform: capitalize;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  visibility: inherit !important;
}
.techit_menu ul .sub-menu-screen li:hover > a,
.techit_menu ul .sub-menu-screen .sub-menu-screen li:hover > a,
.techit_menu ul .sub-menu-screen .sub-menu-screen .sub-menu-screen li:hover > a,
.techit_menu
  ul
  .sub-menu-screen
  .sub-menu-screen
  .sub-menu-screen
  .sub-menu-screen
  li:hover
  > a {
  /* background: rgba(255, 255, 255, 0.06); */
  color: #3974f6;
}
/* sub menu 2 */

.techit_menu ul .sub-menu-screen .sub-menu-screen {
  left: 100%;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.techit_menu ul .sub-menu-screen li:hover > .sub-menu-screen {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}
/* sub menu 3 */

.techit_menu ul .sub-menu-screen .sub-menu-screen li {
  position: relative;
}
.techit_menu ul .sub-menu-screen .sub-menu-screen .sub-menu-screen {
  right: 100%;
  left: auto;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.techit_menu ul .sub-menu-screen .sub-menu-screen li:hover > .sub-menu-screen {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}
/* sub menu 4 */

.techit_menu ul .sub-menu-screen .sub-menu-screen .sub-menu-screen li {
  position: relative;
}
.techit_menu
  ul
  .sub-menu-screen
  .sub-menu-screen
  .sub-menu-screen
  .sub-menu-screen {
}
.techit_menu
  ul
  .sub-menu-screen
  .sub-menu-screen
  .sub-menu-screen
  li:hover
  > .sub-menu-screen {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}
/*********************** screen menu end **************************/

/* user login */
.logged-in .trp_nav_area {
  top: 32px;
}
.logged-in .transprent-menu .techit_nav_area.prefix {
  top: 32px;
}
.logged-in .trp_nav_area.hbg2 {
  top: 32px;
}
.elementor-editor-active.logged-in .trp_nav_area {
  top: 0px;
}
.elementor-editor-active.logged-in .transprent-menu .techit_nav_area.prefix {
  top: 0px;
}
.elementor-editor-active.logged-in .trp_nav_area.hbg2 {
  top: 0px;
}

/* maing menu search */
/* 
nav.techit_menu.main-search-menu {
    float: right;
}
.techit_menu.main-search-menu > ul,
.em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
    height: 36px;
    width: 36px;
    line-height: 36px;
    margin-left: 20px;
}
.em-quearys-top.msin-menu-search .em-quearys-inner {
    top: 59px;
} */
/* has menu icon */

.techit-main-menu .menu-item-has-children > a:after {
  margin-left: 5px;
  content: "\f107";
  font-family: FontAwesome;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: 13px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.techit-main-menu .menu-item-has-children .menu-item-has-children > a:after {
  margin-left: 8px;
  content: "\f105";
}
/* menu button */

.donate-btn-header {
  display: inline-block;
  margin: 30px 0 0 0;
}
a.dtbtn {
  border: none;
  display: block;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
  background-color: #3974f6;
  border-radius: 8px;
  color: #fff;
  padding: 10px 60px;
  cursor: pointer;
}
/* a.dtbtn:hover {
  background: #e3e3e3;
} */
.redX {
  color: #3974f6;
}
.techit-main-menu a.dtbtn {
  background: #1a5cfefc;
}

/* logo sticky */

.techit-main-menu .logo a.main_sticky_main_l {
  display: block;
}
.techit-main-menu .logo a.main_sticky_l {
  display: none;
}
/* logo pre */

.techit-main-menu .prefix .logo a.main_sticky_main_l {
  display: none;
}
.techit-main-menu .prefix .logo a.main_sticky_l {
  display: block;
}
.headroom--pinned {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.headroom--unpinned {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.header--fixed {
  position: fixed;
  z-index: 10;
  right: 0;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  will-change: transform;
}
.menu-height-space {
  height: 100px;
}

/* sticky logo */
.creative_logo_thumb a.main_sticky_l {
  display: none;
}
.creative_logo_thumb .logo a {
  margin-top: 0;
}

/*=======================
END techit HEADING NAV AREA CSS
========================*/
/*=====================
techit BLOG AREA CSS
=========================*/

.techit-blog-area {
  padding: 100px 0 70px;
}
.techit-single-blog {
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(148, 146, 245, 0.2);
  margin-bottom: 30px;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.techit-single-blog.techit-lt {
  text-align: left;
}
.techit-blog-index.blog-area.techit-blog-area,
.techit-blog-area.techit-blog-archive {
  padding: 100px 0 50px;
}
.techit-blog-index.blog-area.techit-blog-area {
  padding: 100px 0 100px;
}
/* BLOG THUMB CSS */

.techit-blog-thumb {
  overflow: hidden;
}
.techit-blog-thumb a {
  position: relative;
}
.techit-blog-thumb a {
  display: block;
}
.techit-blog-thumb a:before {
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #f00;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 999;

  transition: 0.5s;
}
.techit-blog-thumb img {
  transition: 0.5s;
  display: block;
  width: 100%;
}
/* BLOG TITLE AND CONTENT CSS */

.blog-inner {
}
.blog-content {
}
.blog-content h2 {
  color: #232323;
  margin: 0 0 18px;
}
.blog-content h2 a {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog-content h2 a:hover {
  color: #3974f6;
}
.blog-content p {
}
/* BLOG POST META CSS */

.techit-blog-meta {
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
}
.techit-blog-meta:after {
  display: block;
  clear: both;
  content: "";
}
.techit-blog-meta a {
}
/* BLOG POST META LEFT CSS */
/* left style 1 */

.techit-blog-meta-left {
  padding: 0 0 9px;
}
.techit-blog-meta-left a,
.techit-blog-meta-left span {
  color: #666;
  font-size: 16px;
  margin-right: 10px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.techit-blog-meta-left a:hover,
.techit-blog-meta-left span:hover {
  color: #3974f6;
}
.techit-blog-meta-left i {
  color: #3974f6;
  margin-right: 5px;
}
/* BLOG POST META RIGHT CSS */

.techit-blog-meta-right {
  float: right;
  padding: 0px 0;
}
.techit-blog-meta-right a,
.techit-blog-meta-right span {
  font-size: 12px;
  color: #454545;
  margin-left: 5px;
}
.techit-blog-meta-right i {
  margin-right: 5px;
}
/* blog readmore */

.readmore a {
  border: 1px solid #ddd;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  padding: 6px 10px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}
.readmore a:hover {
  border-color: #3974f6;
  background: #3974f6;
  color: #fff;
}
/* blog hover */

.techit-single-blog:hover .techit-blog-thumb a:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.techit-single-blog:hover .techit-blog-thumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*========================
EMD techit BLOG AREA CSS
=========================*/
/*========================
techit BLOG DETAILS AREA CSS
=========================*/

.techit-single-blog-details {
}
.techit-single-blog--thumb {
}
.techit-single-blog--thumb a {
}
.techit-single-blog--thumb img {
}
.techit-single-blog--thumb {
  padding-bottom: 20px;
}
.techit-single-blog-title h2 {
  font-size: 26px;
  padding: 0;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 8px;
  text-transform: capitalize;
  color: #232323;
}
.techit-single-blog-details .techit-blog-meta {
  padding: 0px;
  margin: 0px;
}
.techit-single-blog-details .techit-blog-meta-right,
.techit-single-blog-details .techit-blog-meta-left {
  padding: 0px 0 10px 0;
}
.techit-blog-social {
  margin-bottom: 40px;
  margin-top: 40px;
}
.techit-single-icon-inner {
  text-align: center;
}
.techit-single-icon-inner a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #3974f6;
  border-radius: 5px;
  color: #3974f6;
  display: inline-block;
  font-size: 18px;
  height: 40px;
  line-height: 38px;
  margin: 0 5px;
  text-align: center;
  width: 40px;
}
.techit-single-icon-inner a:hover {
  background: #3974f6;
  border-color: #3974f6;
  color: #fff;
}
.techit-single-icon-inner a i {
}
.single-blog-content ul {
  padding-bottom: 10px;
  padding-top: 40px;
}
/*========================
techit COMMENT AREA CSS
=========================*/
/* POST REPLY CSS */

.post_comment {
  border: 1px solid #f1f1f1;
  margin: 20px 0;
  padding: 0 15px;
}
.comment_inner {
}
.commment_title {
}
.commment_title h3 {
  color: #232323;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 15px;
  position: relative;
  text-transform: capitalize;
}
.commment_title h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -9px;
  width: 40px;
  height: 2px;
  background: #3974f6;
}
.commment_title p {
}
.post_replay {
}
.post_replay_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  word-break: break-all;
}
.mgl-30 {
  margin-left: 30px;
}
.post_reply_thumb {
}
.post_reply_thumb img {
  border-radius: 50%;
}
.post_replay {
  margin-top: 25px;
}
.post_reply {
  padding-left: 15px;
  width: 100%;
}
.post_reply div.st {
  font-size: 18px;
  font-weight: 400;
}
.post_reply div.st a {
  color: #232323;
}
.reply_date {
  overflow: hidden;
  margin-bottom: 5px;
}
.reply_date span.span_left {
  float: left;
  font-size: 13px;
}
.reply_date span.span_right {
  float: right;
  color: #5986f2;
  font-size: 12px;
  font-weight: 400;
}
.post_reply p {
}
.comments-area .children {
  margin-left: 30px;
}
.post_comment .post_comment {
  margin-left: 15px;
}
/* COMMENT FORM CSS */

.comment_field {
}
.comment_field .input-field {
  width: 33.33%;
  float: left;
}
.comment_field .input-field label,
.comment_field .textarea-field label {
  color: #606060;
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 500;
}
.comment_field .textarea-field label {
  margin-top: 30px;
}
.comment_field .input-field input {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 0 10px;
  height: 42px;
  font-size: 12px;
}
.comment_field .input-field input[type="text"] {
}
.comment_field .input-field input[type="email"] {
}
.comment_field .textarea-field textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 120px;
  padding: 10px;
}
.comment_field .input-field input,
.comment_field .textarea-field textarea {
  color: #555555;
}
.techit_btn {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #232323;
  margin-top: 30px;
  padding: 12px 25px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border-radius: 5px;
}
.techit_btn:hover {
  border-color: #3974f6;
  background: #3974f6;
  color: #fff;
}
.em-theme-main-page .commment_title h3 {
  margin-top: 0px;
}
.em-theme-main-page .empgc {
  margin-top: 40px;
}
.em-theme-main-page .empgc.commment_title h3 {
  margin-bottom: 35px;
}
.em-single-page-comment .commment_title.empgc > h3 {
  margin-bottom: 35px;
}
.logged-in-as {
  margin-bottom: 0;
  margin-top: 30px;
}
.logged-in-as a {
  color: #232323;
}
.comment-respond {
  border: 1px solid #ddd;
  margin-bottom: 30px;
  padding: 45px 30px 47px;
  background-color: #f1f1f1;
}

a.comment-edit-link {
  margin-bottom: 12px;
  display: inline-block;
}
.em-theme-main-page .comments-area {
  margin-top: 40px;
  clear: both;
}
/*========================
 techit unittest
=========================*/

.blog-page-title h2 {
  color: #232323;
  display: block;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 7px;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.blog-page-title a {
  color: #232323;
  display: inline-block;
  font-weight: 600;
  word-break: break-all;
}
.blog-page-title h2 a:hover {
  color: #3974f6;
}
.em-blog-content-area {
  padding: 20px 15px 25px;
  text-align: left;
}
.single-blog-content iframe {
  margin-top: 20px;
}
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #232323;
  font-size: 30px;
}
.post_reply h1,
.post_reply h2,
.post_reply h3,
.post_reply h4,
.post_reply h5,
.post_reply h6 {
  color: #303030;
  font-size: 30px;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 15px;
}
.blog-content h2,
.post_reply h2 {
  font-size: 26px;
}
.blog-content h3,
.post_reply h3 {
  font-size: 22px;
}
.blog-content h4,
.post_reply h4 {
  font-size: 20px;
}
.blog-content h5,
.post_reply h5 {
  font-size: 18px;
}
.blog-content h6,
.post_reply h6 {
  font-size: 17px;
}
/* single blog */

.single-blog-content h1,
.single-blog-content h2,
.single-blog-content h3,
.single-blog-content h4,
.single-blog-content h5,
.single-blog-content h6 {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 30px;
  font-weight: 600;
}
.single-blog-content h2 {
  font-size: 26px;
}
.single-blog-content h3 {
  font-size: 22px;
}
.single-blog-content h4 {
  font-size: 20px;
}
.single-blog-content h5 {
  font-size: 18px;
}
.single-blog-content h6 {
  font-size: 17px;
}
/*========================
 techit PAGINATION AREA CSS
=========================*/

.paginations {
  text-align: center;
  margin-top: 20px;
}
.paginations a,
.page-numbers span.current {
  width: 35px;
  height: 35px;
  line-height: 31px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: auto 5px;
  border: 1px solid #ddd;
  color: #888;
}
.page-numbers li {
  display: inline-block;
}
.paginations a:hover,
.paginations a.current,
.page-numbers span.current {
  background: #3974f6;
  border-color: #3974f6;
  color: #fff;
}
/*========================
 END techit PAGINATION AREA CSS
=========================*/

.kc_counter_box i {
  display: inline-block;
  font-size: 45px;
  margin-bottom: 0;
}
/*========================
 techit BREADCRUMB AREA CSS
=========================*/

.breadcumb-blog-area {
  padding: 50px 0 65px;
  background-color: #f7f7f7;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.breadcumb-inner h2 {
  font-size: 36px;
  color: #464646;
}

.product-breadcumb-area-background {
  background-image: url(../images/background-05.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 600px;

  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
}

.product-breadcumb-area {
  width: 100%;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.solution-breadcumb-area {
  width: 100%;
  background-image: url(../images/background-09.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}

.product-breadcumb-area .title-image {
  width: 55%;
  /* height: 120px; */
}

.case_tab_area {
  padding: 100px 0;
  background-image: url(../images/background-08.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.case_card {
  /* background-color: blue; */
  border-radius: 6px;
  box-shadow: 0px 2px 24px 0px rgba(11, 23, 88, 0.2);
}

.case_card .witr_service2_image {
  padding: 5px;
}

.case_card .witr_service2_image img {
  border-radius: 4px;
}

.witr_front_content {
  background-color: white;
  border-radius: 6px;
  position: relative;
  transition: 1s;
  overflow: hidden;
}

.contact-breadcumb-area {
  width: 100%;
  padding: 50px 0;
  background-image: url(../images/background-04.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.case-breadcumb-area {
  width: 100%;
  padding: 50px 0;
  background-image: url(../images/background-10.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.news-breadcumb-area {
  width: 100%;
  padding: 50px 0;
  background-image: url(../images/background-11.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.my-breadcumb-area {
  width: 100%;
  padding: 100px 0;
  /* background-image: url(../images/breadcume1.jpg); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  /* background-color: red; */
}

.product-breadcumb-area-2 {
  width: 100%;
  padding: 100px 0;
  background-image: url(../images/background-06.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.my-breadcumb-area p {
  color: #fff;
  font-size: 16px;
}

.my-breadcumb-area-city {
  height: 400px;
}

.breadcumb-area {
  padding: 200px 0 100px;
  background-image: url(../images/breadcume1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.breadcumb-area::before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgb(12 62 185 / 75%);
  content: "";
}
.breadcumb-area::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 420px;
  background-repeat: repeat-x;
  background: url(../images/shapeb.png);
  content: "";
  z-index: 1;
  animation: witr_slide 100s linear infinite;
}
/* witr_slide */
@keyframes witr_slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1920px 0;
  }
}
.breadcumb-inner ul {
}
.breadcumb-inner li {
  display: inline-block;
  margin: 0 2px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.breadcumb-inner li i {
  color: #fff;
}
.breadcumb-inner li:nth-last-child(-n + 1) {
  color: #fff;
}
.breadcumb-inner li a {
  color: #fff;
  font-weight: 600;
}
.brpt h2 {
  font-size: 50px;
  color: #fff;
}
.lcase {
  text-transform: lowercase;
}
.ucase {
  text-transform: uppercase;
}
.ccase {
  text-transform: capitalize;
  z-index: 2;
}
/*========================
 END techit BREADCRUMB AREA CSS
=========================*/
/*========================
 techit 404 AREA CSS
=========================*/
.not-found-area {
  background-color: #fff;
  background-position: center top;
  background-repeat: repeat;
  background-size: cover;
  border-top: 1px solid #f5f3f3;
  padding: 0 0 16px;
}
.not-found {
  display: table;
  width: 100%;
  height: 500px;
  text-align: center;
  padding-bottom: 40px;
}
.not-found-inner {
  display: table-cell;
  vertical-align: middle;
}
.not-found-inner {
  font-size: 30px;
}
.not-found-inner h2 {
  color: #3974f6;
  display: inline-block;
  font-size: 160px;
  font-weight: 700;
  line-height: 1.2;
  padding: 15px 0;
}
.not-found-inner p {
  font-size: 30px;
  color: #3974f6;
}
.not-found-inner a {
  color: #3974f6;
  font-size: 24px;
  margin-top: 40px;
  display: inline-block;
  text-decoration: underline;
}
/* search error */
.techit-search-page {
  background: #fff;
}
.search-error .search input {
  padding: 20px 0;
}
.search-error .search input[type="text"] {
  padding-left: 10px;
}
.search-error .search button {
  top: 48%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.search-error > p {
  font-size: 14px;
  margin: 14px 0 19px;
}
.search-error > h3 {
  display: block;
  font-size: 30px;
  color: #232323;
}
.search-error .search input {
  height: 54px;
  border: 1px solid #ddd;
}
/*========================
 END techit 404 AREA CSS
=========================*/

/*========================
techit FOOTER TOP AREA CSS
=========================*/

.top-address-area {
  background: #111111;
  padding: 90px 0px 85px;
  text-align: center;
}
.top_address_logo {
  margin-bottom: 30px;
}
.address_content {
  padding-top: 38px;
}
.top_address_content a,
.top_address_content span {
  color: #ffffff;
  display: inline-block;
  font-weight: 400;
  line-height: 12px;
  margin-right: 14px;
}
.top_address_content a i,
.top_address_content span i {
  font-size: 14px;
  margin-right: 11px;
}
.footer-top-address h2 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 30px;
  letter-spacing: 10px;
  font-weight: 700;
  font-size: 26px;
}
.footer-top-address h2 span {
  color: #3974f6;
  font-weight: 700;
}
.widget_media_image {
  margin-top: 30px;
  margin-bottom: 27px;
}
/*========================
techit FOOTER TOP AREA CSS
=========================*/

.footer-top {
  background: #1b1919 none repeat scroll 0 0;
  padding: 100px 0;
}
.footer-top-inner h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  text-transform: uppercase;
}
.footer-top-inner h2 span {
  color: #3974f6;
  font-weight: 600;
}
.footer-top-inner p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 26px;
  margin-left: auto;
  margin-right: auto;
  width: 62%;
}
.footer-social-icon {
  padding: 10px 0 20px;
  text-align: center;
}
.footer-social-icon a i {
  background-color: #3974f6;
  border-radius: 50px;
  color: #3974f6;
  display: inline-block;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  margin: 0 7px;
  text-align: center;
  width: 45px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer-social-icon a i:hover {
  background-color: #3974f6;
  color: #fff;
}
.footer-social-icon.htop-menu-s {
  padding: 0;
  display: inline-block;
  margin-left: 30px;
}
.footer-social-icon.htop-menu-s a i {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  margin: 0 3px;
  width: 35px;
  color: #232323;
}
.footer-top-inner .text-center {
  margin-bottom: 11px;
  text-align: center;
}
/*========================
END FOOTER TOP AREA CSS
=========================*/
/*========================
techit FOOTER MIDDLE AREA CSS
=========================*/

.footer-middle {
  /* background: #182c44; */
  padding: 67px 0 73px;
}
.footer-middle.wpfd {
  padding: 0;
}
.wpfdp {
  padding-top: 65px;
  padding-bottom: 80px;
}
.footer-middle .widget h2 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 28px;
  margin-top: 28px;
  position: relative;
  font-weight: 500;
}
.footer-middle .widget h2:before {
}
.footer-middle table#wp-calendar td,
.footer-middle table#wp-calendar th {
  color: #fff;
}
.footer-middle #archives-dropdown--1 {
  height: 34px;
}
.footer-middle .widget ul li,
.footer-middle .widget ul li a,
.footer-middle .widget ul li:before,
.footer-middle .tagcloud a,
.footer-middle caption,
.footer-middle table,
.footer-middle table td a,
.footer-middle cite,
.footer-middle .rssSummary,
.footer-middle span.rss-date,
.footer-middle span.comment-author-link,
.footer-middle .textwidget p,
.footer-middle .widget .screen-reader-text {
  color: rgba(174, 174, 174, 1);
  font-size: 15px;
}
.footer-middle .widget h2 {
}
.footer-middle .widget ul li:before {
}
.footer-middle .tagcloud a {
}
.footer-middle .widget ul {
  list-style: none;
}
.footer-middle .widget ul li {
  margin-bottom: 10px;
}
.footer-middle .widget ul li a,
.footer-middle .widget ul li:before {
  transition: 0.5s;
}
.footer-middle .widget ul li a:hover,
.footer-middle .widget ul li:hover:before {
  color: #3974f6;
}
.recent-portfolio-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.recent-portfolio {
  margin-bottom: 10px;
  margin-right: 10px;
}
.recent-portfolio {
  width: 29.33%;
}
.recent-portfolio-image img {
  width: 100%;
}
/*========================
END FOOTER middle AREA CSS
=========================*/
/*========================
techit FOOTER BOTTOM AREA CSS
=========================*/

.footer-bottom {
  /* background: #182c44 none repeat scroll 0 0; */
  padding: 26px 0 24px;
  position: relative;
}
.footer-bottom:before {
  content: "";
  position: absolute;
  top: 0;
  background: #39424d;
  height: 1px;
  width: 61.5%;
  left: 0;
  right: 0;
  margin: auto;
}
.copy-right-text {
}
.copy-right-text p {
  color: #fff;
  margin: 0;
  padding: 0;
}
.footer-menu {
}
.footer-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer-menu ul li {
  display: inline-block;
}
.footer-menu ul li a {
  color: #fff;
  padding: 0 10px;
  display: block;
}
.copy-right-text a:hover,
.footer-menu ul li a:hover {
  color: #3974f6;
}
.footer-menu ul li:last-child a {
  padding-right: 0px;
}
.footer_style_3 .footer-menu ul li:first-child a {
  padding-left: 0px;
}
.footer-menu ul ul {
  display: none;
}

/*========================
END FOOTER BOTTOM AREA CSS
=========================*/
/*========================
EM40 SCROLL TOP CSS
=========================*/

#scrollUp {
  display: none !important;
  background: #3974f6 none repeat scroll 0 0;
  bottom: 30px;
  color: #fff;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  right: 100px;
  text-align: center;
  width: 40px;
}
#scrollUp i {
  color: #fff;
}
/*========================
END EM40 SCROLL TOP CSS
=========================*/

.copy-right-text a {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}

.footer-menu a {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}

.template-home .vc_row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.wpb_gallery.wpb_content_element.vc_clearfix {
  margin-bottom: 0;
}
.recent-post-item {
  clear: both;
}
.recent-post-image {
  float: left;
  margin-right: 10px;
}
.recent-post-image a {
  display: block;
  margin-top: 10px;
}
.recent-post-text {
  overflow: hidden;
}
.recent-post-text > h4 {
  margin-bottom: 0;
}
.recent-post-text h4 a {
  color: #232323;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease 0s;
}
.recent-post-text h4 a:hover {
  color: #3974f6;
}
.recent-post-text .rcomment {
  color: #232323;
  font-size: 14px;
  text-transform: none;
}
.recent-post-text .rcomment i {
  margin-right: 5px;
}
.recent-post-text .rcomment {
  color: #232323;
}
.footer-middle .recent-post-text h4 a {
  color: #fff;
  font-weight: 600;
}
.footer-middle .recent-post-text > h4 {
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 1;
}
.footer-middle .recent-post-text > h4 a:hover {
  color: #3974f6;
}
.footer-middle .recent-post-text .rcomment {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.mean-container .mean-bar {
  float: none;
  background: #3974f6 none repeat scroll 0 0;
}
.mean-container .mean-nav ul li li a {
  color: #232323;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* kc element */

.section-title.t_center {
  margin: auto;
  text-align: center;
  width: 63%;
}
.section-title.t_left {
  margin: auto auto auto 0;
  width: 63%;
  text-align: left;
}
.section-title.t_right {
  margin: auto 0 auto auto;
  width: 63%;
  text-align: right;
}
.section-title.t_right .em-bar {
  margin: 0 0 5px auto;
}
.section-title.t_left .em-bar {
  margin: 0 0 5px;
}
.section-title h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 3px;
  text-transform: capitalize;
}
.tmr0 .section-title h2 {
  margin: 0;
}

.section-title h5 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.section-title p {
}
.em-icon {
}
.em-icon i {
}
.em-bar-main {
  margin: 10px 0 13px;
}
.em-bar {
  background: #3974f6 none repeat scroll 0 0;
  height: 2px;
  margin: 0 auto 5px;
  width: 62px;
}
.em-bar.em-bar-big {
  width: 80px;
}
.em-image {
  margin-bottom: 10px;
}
.em-image img {
}
.section-title.t_left span {
  color: #3974f6;
}

/* title 2 style */
.title_in_area {
  width: 74%;
}
.title_in {
  float: left;
  padding-right: 30px;
  position: relative;
  margin-right: 30px;
}
.title_in:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2px;
  background: #3974f6;
  content: "";
}
.title_in:after {
  position: absolute;
  right: -5px;
  top: 0;
  height: 100%;
  width: 2px;
  background: #3974f6;
  content: "";
}
.title_tx h3,
.title_tx h2 {
  margin: 0;
}
.title_tx h2 {
  font-size: 18px;
  font-weight: 600;
}
.title_tx h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.title_ptx p {
  margin: 0;
  padding-top: 10px;
  overflow: hidden;
}

/* title css */
.witr_section_title {
  position: relative;
}
.witr_section_title_inner {
  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;
  z-index: 1;
}

.witr_section_title_inner_row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  position: relative;
  z-index: 1;
}

.witr_section_title_inner_row h1,
.witr_section_title_inner_row h2,
.witr_section_title_inner_row h3 {
  font-size: 36px;
  margin: auto;
  font-weight: 700;
  flex-shrink: 0;
  padding: 0 30px;
}

.witr_back_title {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
}
.witr_back_title h4 {
  font-size: 150px;
  -webkit-text-stroke: 1px #ffffff;
  -webkit-text-fill-color: transparent;
}
.witr_section_title_inner h1,
.witr_section_title_inner h2,
.witr_section_title_inner h3 {
  font-size: 36px;
  margin: auto;
  font-weight: 700;
  flex-shrink: 0;
  padding: 0 30px;
}

.witr_section_title_inner .title-star {
  width: 23px;
  height: 23px;
  margin: 0 20px;
}

.witr_section_title_inner .title-line {
  flex: 1;
  height: 1px;
}

.text-right.witr_section_title_inner h1,
.text-right.witr_section_title_inner h2,
.text-right.witr_section_title_inner h3 {
  margin-right: 0px;
}
.text-left.witr_section_title_inner h1,
.text-left.witr_section_title_inner h2,
.text-left.witr_section_title_inner h3 {
  margin-left: 0px;
}

.witr_section_title_inner_custom h2 {
  font-size: 17px;
  color: #3974f6;
  width: 100%;
  margin-bottom: 6px;
  text-transform: uppercase;
}

/* .witr_section_title_inner h2 {
  font-size: 17px;
  color: #3974F6;
  width: 100%;
  margin-bottom: 6px;
  text-transform: uppercase;
} */

.witr_section_title_inner h2 span,
.witr_section_title_inner h3 span {
  color: #3974f6;
}

.witr_section_title_inner p {
  margin-top: 10px;
}
.witr_section_title_inner.text-center p {
  width: 74%;
  margin-right: auto;
  margin-left: auto;
  font-size: 20px;
}
.witr_section_title_inner.text-left p {
  width: 74%;
  margin-right: auto;
  margin-left: 0px;
}
.witr_section_title_inner.text-right p {
  width: 74%;
  margin-right: 0px;
  margin-left: auto;
}
.witr_image_title {
  margin-top: -5px;
  margin-bottom: 10px;
}
/* bar color title */
.witr_bar_main {
  margin: 10px 0;
}
.witr_bar_inner {
  height: 5px;
  width: 90px;
  background: #0b5be0;
  margin: 0px auto;
  position: relative;
  border-radius: 30px;
}
.text-left .witr_bar_inner {
  margin-left: 0px;
}
.text-right .witr_bar_inner {
  margin-right: 0px;
}
/* extra title */
.witr_extra_title h2 {
  font-size: 18px;
  font-weight: 600;
}
.witr_extra_title h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 3px;
  text-transform: uppercase;
  width: 100%;
}
/*=====================
techit feature SECTION
=========================*/
.em-feature {
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.feature_inner_box {
  padding: 30px 21px 21px;
  background: #fff;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 3;
  /* box-shadow: 0px 10px 40px 0px rgba(148,146,245,0.2); */
  /* box-shadow: 0px 10px 40px 0px rgba(235,27,43,0.2);	 */
}
.feature_inner_box:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  z-index: -1;
}
.em-feature:hover .feature_inner_box {
  background: #3974f6;
}
.em-feature:hover {
  margin-top: -10px;
}
.em_feature-icon i {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 21px;
  height: 45px;
  line-height: 46px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 45px;
  background: #fff;
  border-radius: 30px;
  margin-right: 20px;
  text-align: center;
  float: left;
  color: #232323;

  transition: 0.5s;
}
.em_feature-icon img {
  float: left;
}
.em_content_text {
  padding-top: 10px;
}
.em_feature-icon {
}
.em-feature-title h2 {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 3px;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  margin-top: 11px;
}
.feature_inner {
  overflow: hidden;
}
.feature_icon {
  margin-top: 21px;
}
.f-readmore {
  padding-top: 7px;
}
.feature_button a {
  color: #232323;
  display: inline-block;
}
.feature_button a span i {
  margin-left: 10px;
  font-size: 11px;
}
.em-feature:hover .em_feature-icon i {
  background: #3974f6;
  color: #fff;
}

.em-feature:hover .feature_button a,
.em-feature:hover h2,
.em-feature:hover .em-feature-desc {
  color: #fff;
  z-index: 1;
}

/*=====================
 END techit SERVICE  CSS
=========================*/

.em-service {
  padding: 27px 25px 39px;
  text-align: left;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  box-shadow: 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
}
.em-service:hover {
  background: #3974f6;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 3;
}
.em-service:hover:before {
  background: rgba(0, 0, 0, 0.7);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.service_top_text {
  display: block;
}
.em-service-icon {
  color: #232323;
  font-size: 35px;
}
.em-service-icon i {
  transition: 0.5s;
}

.em-service-title {
  overflow: hidden;
}
.em-service-title h3 {
  margin: 5px 0 10px;
  font-size: 24px;
  padding: 0;
  text-transform: capitalize;

  transition: 0.5s;
}
.em-service-desc {
}
.em-service-desc p {
  transition: 0.5s;
}
.service-btn {
  margin-top: 2px;
}
.service-btn > a {
  border-radius: 30px;
  color: #232323;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  transition: 0.5s;
}
.service-btna a:hover {
  color: #3974f6;
}
.em-service:hover .service-btn > a {
  color: #fff;
}
.em-service:hover .em-service-icon,
.em-service:hover .em-service-title h3,
.em-service:hover .em-service-desc {
  color: #fff;
  z-index: 1;
}

/* style 2 */
.em-service2 {
}
.em-service2 .em-service-icon i {
  width: 60px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  /* box-shadow: 0px 0px 30px rgba(208, 202, 202, 0.3); */
  box-shadow: 0px 0px 30px 0px rgba(148, 146, 245, 0.2);
  text-align: center;
  font-size: 25px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.em-service2 .em-service-inner {
  overflow: hidden;
}
.em-service2.sleft {
  text-align: left;
}
.em-service2.sleft .em-service-icon {
  float: left;
  margin-right: 20px;
  margin-top: 10px;
}
.em-service2.smiddle {
}
.em-service2.smiddle .em-service-icon {
  margin-bottom: 20px;
}

.em-service2.sright {
  text-align: right;
}
.em-service2.sright .em-service-icon {
  float: right;
  margin-left: 30px;
  margin-top: 10px;
}
.em-service-title h3:hover {
  color: #3974f6;
}
.em-service2:hover .em-service-icon i {
  color: #fff;
  background: #3974f6;
}

/* service 5 */
.serIcon {
  position: relative;
  margin: 0 0 12px;
  z-index: 9;
}
.serIcon i {
  font-size: 70px;
  line-height: 96px;
  color: #3974f6;
}
.SIBG_1 {
  background: url(../images/7.png) no-repeat center center;
}

.detail_SS {
  position: relative;
  padding: 0 0 0;
  z-index: 99;
}
.detail_SS h3 {
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 23px;
}
.detail_SS p {
  margin-bottom: 28px;
}
.ss_btn a {
  display: inline-block;
  color: #3974f6;
  font-size: 16px;
  padding: 15px 30px;
  border: 1px solid #ddd;
  border-radius: 5px;
  transition: 1s;
  font-weight: 600;
}
.ss_btn a:hover {
  color: #fff;
  background: #3974f6;
  border-color: #3974f6;
}
.ss_btn a i {
  margin-left: 5px;
}
/*=====================
techit FUN FACT AREA CSS
=========================*/

.single_counter {
  position: relative;
  padding: 32px 0;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-top: 2px solid #232323;
  border-bottom: 2px solid #232323;
}
.single_counter:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-left: 2px solid #232323;
  border-right: 2px solid #232323;
  height: 40%;
}
.single_counter:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  border-left: 2px solid #232323;
  border-right: 2px solid #232323;
  height: 40%;
}
.counter_icon {
  margin-top: 7px;
}
.single_counter:hover .counter-icon {
  color: #fff;
}
.single_counter:hover:before,
.single_counter:hover:after {
  border-color: #3974f6;
}
.single_counter:hover {
  background: #3974f6;
  border-color: #3974f6;
}
.counter_icon i {
  color: #232323;
  font-size: 30px;
  text-align: center;
  display: block;
}
.countr_text > h1 {
  color: #232323;
  display: inline-block;
  font-family: poppins;
  font-size: 45px;
  font-weight: 600;
  -webkit-transition: 0.3s;
  margin: 0;
  transition: 0.3s;
}
.countr_text > h3 {
  color: #232323;
  display: inline-block;
  font-size: 43px;
}
.countr_text span {
  color: #232323;
  display: inline-block;
  font-size: 43px;
  font-weight: 700;
}
.counter_title {
  padding: 0 0 0;
}
.counter_title h4 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  text-transform: capitalize;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #232323;
  padding-top: 20px;
  padding-bottom: 8px;
}
.single_counter:hover .countr_text span,
.single_counter:hover .counter_icon i,
.single_counter:hover .countr_text > h1,
.single_counter:hover .counter_title > h4,
.single_counter:hover .countr_text > h3 {
  color: #fff;
}
/*=====================
techit TESTIMONIAL AREA CSS
=========================*/
.witr_testi_itemt {
  padding: 0 15px;
}
.em_single_testimonial {
  background: #fff;
  margin-bottom: 30px;
  transition: 0.5s;
  padding: 41px 50px 43px;
  margin-top: 40px;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  position: relative;
}
.em_testi_logo {
  position: absolute;
  right: 10%;
  top: 12%;
}
.em_single_testimonial:hover {
  box-shadow: 0px 0px 30px rgba(12, 62, 185, 0.1);
}
.em_testi_content {
  position: relative;
}
.em_single_testimonial:before {
  color: #3974f6;
  content: "\f10d";
  font-family: fontawesome;
  font-size: 60px;
  left: 50px;
  opacity: 0.08;
  position: absolute;
  top: -15px;
}
.em_single_testimonial:after {
  bottom: -18px;
  color: #3974f6;
  content: "\f10e";
  font-family: fontawesome;
  font-size: 60px;
  opacity: 0.04;
  position: absolute;
  right: 50px;
}
.em_testi_text {
  text-align: left;
  color: #7f8288;
  margin-bottom: 23px;
}
.em_test_thumb {
  float: left;
  margin-right: 20px;
}
.em_test_thumb img {
  border-radius: 50%;
}
.witr_testi_box {
  margin-top: 30px;
}
.em_testi_title h2 {
  font-size: 21px;
  margin-bottom: 5px;
}
.em_testi_title h2 sup {
}
.em_testi_title span {
  font-size: 16px;
  font-weight: 400;
  color: #7f8288;
}
.witr_testi_box .test-part ul li {
  padding-top: 0px;
}

/* without carousel */

.curosel-style .owl-nav div {
  border: 2px solid #3974f6;
  border-radius: 50%;
  color: #3974f6;
  font-size: 19px;
  height: 44px;
  left: -45px;
  line-height: 42px;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 44px;
  text-align: center;
  z-index: 99;
  -webkit-transform: translateY(-49%);
  transform: translateY(-49%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.curosel-style .owl-nav .owl-next {
  left: auto;
  right: -45px;
}
.single_gallery.curosel-style .owl-nav div {
  left: 30px;
}
.single_gallery.curosel-style .owl-nav .owl-next {
  right: 30px;
  left: auto;
}
.portfolio_gallery_post.curosel-style .owl-nav div {
  left: 0px;
}
.portfolio_gallery_post.curosel-style .owl-nav .owl-next {
  right: 0px;
  left: auto;
}
.portfolio_gallery_post.curosel-style .owl-nav div {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.curosel-style .owl-nav .owl-next:hover {
  background: #3974f6;
  color: #fff;
}
.curosel-style .owl-nav .owl-prev:hover {
  background: #3974f6;
  color: #fff;
}
.owl-carousel .owl-item img {
  margin: auto;
}
.curosel-style:hover .owl-nav div {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.em_testi_content {
  position: relative;
  text-align: center;
}

/*----------------------
 * SUBSCRIBE AREA CSS
 -----------------------*/

.subscribe_area .kc_text_block p {
  color: #666;
  font-family: montserrat;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
}
/*----------------------
 * SLICK SLIDER  AREA CSS
 -----------------------*/

.em-slick-testi-main {
  text-align: center;
}
/*----------------------
 * SLIDER AREA CSS
 -----------------------*/

.main-slider-area {
  overflow: hidden;
  display: block;
  position: relative;
}
.nivo-caption {
  background: #3974f6c4;
  height: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.em-slider-content-nivo {
}
.em_slider_right {
}
.em_slider_inner {
  margin: auto;
  /* width: 60%; */

  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* slider title */

.em-slider-title {
  color: #fff;
  font-size: 25px;
  margin-bottom: 21px;
}
.em-slider-sub-title {
  color: #fff;
  font-size: 82px;
  margin-bottom: 5px;
  line-height: 98px;
  font-weight: 700;
}

.text-left .em-slider-descript {
  margin-left: 0;
  margin-right: auto;
}
.text-center .em-slider-descript {
  margin: 0 auto 31px;
}
.text-right .em-slider-descript {
  margin-right: 0;
  margin-left: auto;
}
.em-slider-descript {
  margin-bottom: 43px;
  width: 92%;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.text-center .em-slider-descript {
  width: 70%;
}

/* button */

.em-button-button-area a {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  margin: 0 4px;
  padding: 10px 36px;
  position: relative;
  text-transform: uppercase;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 1;
}
a.em-active-button {
  background: #3974f6;
  border-color: #3974f6;
}
.em-button-button-area a:hover {
  color: #fff;
  background: #3974f6;
  border-color: #3974f6;
}
a.em-active-button:hover {
  background: transparent;
  border-color: #fff;
}
.em-slider-half-width {
  width: 50%;
}
.em-slider-left {
  padding-right: 30px;
}
.em-slider-right {
  padding-left: 30px;
}
.em-slider-full-width {
  width: 85%;
}
.em-slider-half-width .em-slider-descript {
  width: 100%;
}
/* image */
.text-left .em_slider_s2_content {
  margin-right: 0;
}
.text-center .em_slider_s2_content {
  margin-right: 0;
}
.text-right .em_slider_s2_content {
  margin-left: 10%;
}
.em_slider_s2_image {
  position: relative;
}
.em_slider_s2_image img {
  /* width:100%; */
}
.em_sc_100 {
  width: 100%;
  margin-top: 30px;
}

/* directionNav */

.em-nivo-slider-wrapper .nivo-directionNav {
}
.em-nivo-slider-wrapper .nivo-directionNav a {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  line-height: 48px;
  border: 1px solid #fff;
  text-align: center;
  display: block;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
  left: auto;
  right: 0;
}
.em-nivo-slider-wrapper .nivo-directionNav a:hover {
  background: #3974f6;
  border-color: #3974f6;
  color: #fff;
}
.em-nivo-slider-wrapper:hover .nivo-directionNav a {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  left: 50px;
}
.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
  left: auto;
  right: 50px;
}
/* controlNav */

.em-nivo-slider-wrapper .nivo-controlNav {
  bottom: 50px;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 9;
}
.em-nivo-slider-wrapper .nivo-controlNav a {
  background: #000 none repeat scroll 0 0;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 25px;
  margin: 0 5px;
  width: 25px;
  color: #fff;
  line-height: 25px;
}
.em-nivo-slider-wrapper .nivo-controlNav a:hover,
.em-nivo-slider-wrapper .nivo-controlNav a.active {
  background: #3974f6 none repeat scroll 0 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*=====================
/*=====================
 PRICING AREA CSS
=========================*/

.single_pricing {
  background-color: #fafafa;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single_pricing:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.pricing_head {
  padding: 40px 0 25px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.pricing_icon {
  text-align: center;
}
.pricing_title {
  text-align: center;
}
.pricing_title h2 {
  font-size: 20px;
  color: #fff;
}
.active .pricing_title h3 {
}
.pricing_title h3 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 36px;
  text-transform: uppercase;
}
.price_item {
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.price_item span {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.slash {
  font-size: 0;
}
.curencyp {
  bottom: 53px;
  font-size: 24px;
  font-weight: 400;
  left: 5px;
  position: absolute;
}
.tk {
  color: #232323;
  display: inline-block;

  font-size: 80px;
  font-weight: 700;
  margin: 0;
  position: relative;
}
.line_barp {
}
.monthp {
  display: block;
  position: relative;
}
.bootmp {
  color: #666;
  font-size: 24px;
  font-weight: 300;
}
.pricing_body {
}
.featur {
}
.featur ul {
  text-align: center;
}
.featur ul li {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 10px;
  text-transform: uppercase;
  list-style: none;
}
.featur ul li:last-child {
}
.order_now {
  background: transparent none repeat scroll 0 0;
  padding: 41px 0 50px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.order_now a {
  background-color: #3974f6;
  border: 0 none;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1;
  padding: 20px 50px;
  text-align: center;
  text-transform: uppercase;
}
.single_pricing .order_now a,
.single_pricing .price_item_inner,
.single_pricing .pricing_title > h3 {
  transition: 0.5s;
}
.active.single_pricing .order_now a {
  background: #3974f6 none repeat scroll 0 0;
  color: #fff;
  border-color: #3974f6;
}
.order_now a:hover {
  background: #3974f6 none repeat scroll 0 0;
  color: #fff;
  border-color: #3974f6;
}
.single_pricing:hover .tk {
  color: #3974f6;
}
/*=====================
END copax PRICING AREA CSS
=========================*/

/* recent post */

.footer-address {
  padding-top: 12px;
}
.footer-widget.address,
.footer-widget.address p {
  color: #fff;
}
.footer_s_inner {
  margin-top: 0px;
}
.footer-sociala-icon {
  clear: both;
  float: left;
  font-size: 18px;
  margin-right: 12px;
}
.single-widget-item {
  overflow: hidden;
}
.recent-post-item {
  clear: both;
  overflow: hidden;
}
.recent-post-image {
  float: left;
}
.recent-post-image a {
  display: inline-block;
}
.recent-post-image a {
  margin-top: 0;
}
.recent-post-text {
  overflow: hidden;
  margin-top: -3px;
}
.blog-left-side .recent-post-item {
  clear: both;
  overflow: hidden;
  margin-bottom: 14px;
}
.blog-left-side .recent-post-text {
  overflow: hidden;
  /*     margin-top: 15px; */
}

.recent-post-text h4 a {
  color: #232323;
}
.recent-post-text .rcomment i {
  margin-right: 5px;
}
.recent-post-text .rcomment {
  color: #232323;
}
.footer-middle .recent-post-item + .recent-post-item {
  margin-top: 20px;
}

.learn_btn {
  border: 0 none;
  border-radius: 100px;
  color: #232323;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  padding: 8px 22px;
  text-align: center;
  text-transform: capitalize;
  text-align: center;
}

.learn_btn:hover {
  color: #3974f6;
}
.learn_btn i {
  font-size: 15px;
  margin-left: 3px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #3974f6;
}
.learn_btn:hover i {
}
.learn_more_adn {
  text-align: center;
}
.learn_more {
  padding-top: 7px;
}

/*=====================
techit adn blog css
=========================*/

.techit-single-blog_adn {
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(148, 146, 245, 0.2);
  overflow: hidden;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* BLOG THUMB CSS */
.blog_adn_thumb_inner {
  position: relative;
}
.techit-blog-thumb_adn {
  overflow: hidden;
  position: relative;
}
.techit-blog-thumb_adn a {
  position: relative;
}
.techit-blog-thumb_adn a {
  display: block;
}
.techit-blog-thumb_adn:before {
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #3974f6;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 999;

  transition: 0.5s;
}
.techit-blog-thumb_adn img {
  display: block;
  -webkit-transition: 6s;
  transition: 6s;
  width: 100%;
}
/* BLOG TITLE AND CONTENT CSS */
.em-blog-content-area_adn {
  padding: 15px 10px 15px;
}
.blog-inner_adn {
}
.blog-content_adn {
}
.blog-content_adn h2 {
  margin: 0 0 18px;
}
.blog-page-title_adn a {
  color: #232323;
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.blog-page-title_adn a:hover {
  color: #3974f6;
}
.blog-content_adn h2 a {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog-content_adn h2 a:hover {
  color: #3974f6;
}
.blog-content_adn p {
  margin-bottom: 0;
}

.blog_add_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  z-index: 999;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  transition: 0.5s;
}
.blog_add_icon a {
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #3974f6;
  border-radius: 50%;
}
.blog-page-title_adn2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999;
}
.blog-page-title_adn2 h2 {
  margin: 0px;
  background: rgba(0, 0, 0, 0.72);
  padding: 15px;
  color: #fff;

  transition: 0.5s;
}
.blog-page-title_adn2 h2 a {
  color: #fff;
  font-size: 24px;
}

/* BLOG POST META CSS */

.techit-blog-meta_adn {
  margin-bottom: 0px;
  margin-top: 0;
  width: 100%;
}
.techit-blog-meta_adn:after {
  display: block;
  clear: both;
  content: "";
}
.techit-blog-meta_adn a {
}
/* BLOG POST META LEFT CSS */
/* left style 1 */

.techit-blog-meta-left_adn {
  padding: 0 0 8px;
}
.techit-blog-meta-left_adn a,
.techit-blog-meta-left_adn span {
  color: #454545;
  font-size: 12px;
  font-weight: 400;
  margin-right: 5px;
  text-transform: uppercase;
}
.techit-blog-meta-left_adn a,
.techit-blog-meta-left_adn span {
  color: #666;
  font-size: 12px;
  margin-right: 5px;
  text-transform: capitalize;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.techit-blog-meta-left_adn a:hover,
.techit-blog-meta-left_adn span:hover {
  color: #3974f6;
}
.techit-blog-meta-left_adn i {
  margin-right: 5px;
  color: #3974f6;
}
.blog-page-title_adn > h2 {
  margin-bottom: 8px;
}
/* BLOG POST META RIGHT CSS */

.techit-blog-meta-right_adn {
  padding: 7px 0;
  text-transform: capitalize;
}
.techit-blog-meta-right_adn a,
.techit-blog-meta-right_adn span {
  font-size: 12px;
  color: #454545;
  margin-left: 5px;
}
.techit-blog-meta-right_adn i {
  margin-right: 5px;
}
/* blog readmore */

.readmore_adn a {
  border: 1px solid #ddd;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  padding: 6px 10px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}
.readmore_adn a:hover {
  border-color: #3974f6;
  background: #3974f6;
  color: #fff;
}
/* blog hover */

.techit-single-blog_adn:hover .techit-blog-thumb_adn:before,
.techit-single-blog_adn:hover .blog_add_icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.techit-single-blog_adn:hover .blog-page-title_adn2 h2 {
  background: rgba(0, 90, 255, 0.7);
}
.blog_nospace_adn.col-xs-12 {
  padding: 0px;
}
.blog_nospace_adn .techit-single-blog {
  margin-bottom: 0px;
}
/* responsive 320 start */
/* small mobile :320px. */

@media (max-width: 479px) {
  body {
    overflow-x: hidden;
  }
  .techit-header-top {
    /* display: none; */
  }
  .top-right-menu ul.social-icons li {
    margin-left: 13px;
  }
  .mean-container .mean-bar:before {
    text-transform: uppercase;
    display: none !important;
    top: 19px;
  }
  .mean-container a.meanmenu-reveal {
    padding: 19px 20px 18px;
  }
  .witr_ac_style:before,
  .active .witr_ac_style:before {
    display: none;
  }
}
/* responsive 320 end */

.btn {
  background-color: #3974f6;
  border: 0 none;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1;
  padding: 15px 30px;
  text-align: center;
  text-transform: uppercase;
}
.btn-lg {
  font-size: 16px;
  padding: 20px 50px;
}
.btn-sm {
  font-size: 12px;
  letter-spacing: 1px;
  padding: 12px 20px;
}
.btn.btn-bordered {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #3974f6;
  color: #3974f6;
  padding-bottom: 11px;
  padding-top: 11px;
}
.btn.btn-lg.btn-bordered {
  padding-bottom: 16px;
  padding-top: 16px;
}
.btn.btn-sm.btn-bordered {
  padding-bottom: 8px;
  padding-top: 8px;
}
.btn-icon i {
  font-size: 10px;
  left: 0;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.btn-icon:hover i {
  left: 2px;
}
.btn:hover,
.btn:focus {
  background-color: #3974f6;
  color: #fff;
}
.btn.btn-bordered:hover {
  background-color: #3974f6;
  color: #fff;
}
.btn:active {
  background-color: #ac2925;
}
.button-group {
  margin-top: 30px;
}
.button-group a {
  margin-right: 25px;
}
.button-group a:last-child {
  margin-right: 0;
}
/*=====================
techit event AREA CSS
=========================*/

.techit-single-event_adn {
  margin-bottom: 30px;
  overflow: hidden;

  transition: 0.5s;
}
.related-projects-area {
  padding-bottom: 70px;
}
/* event THUMB CSS */

.techit-event-thumb_adn {
  overflow: hidden;
  position: relative;
}
.techit-event-thumb_adn:before {
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #f00;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 999;

  transition: 0.5s;
}
.techit-event-thumb_adn img {
  transition: 0.5s;
  display: block;
}
.readmore_icon_adn {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 99999;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  transition: 0.5s;
}
.techit-single-event_adn:hover .readmore_icon_adn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.techit-event-thumb_adn a {
  background: #3974f6 none repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  width: 42px;
}
/* event TITLE AND CONTENT CSS */

.em-event-content-area_adn {
  padding: 15px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-top: 0;

  transition: 0.5s;
}
.event-inner_adn {
}
.event-content_adn {
}
.event-content_adn h2 {
  color: #232323;
  margin: 0 0 18px;
}
.event-content_adn h2 a {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.event-page-title_adn a {
  color: #232323;
  text-transform: capitalize;
  font-weight: 600;
}
.event-page-title_adn h2 {
  margin-bottom: 6px;
}
/* event POST META CSS */
/* left style 1 */
.techit-event-singlea {
  padding-bottom: 20px;
}
h2.related-projects-title.text-left {
  padding-bottom: 30px;
}
.techit-event-meta-left_adn {
  float: left;
  position: relative;
  line-height: 1;
}
.techit-event-meta-left_adn.esi {
  float: none;
  margin-bottom: 12px;
}
.techit-event-meta-left_adn a,
.techit-event-meta-left_adn span {
  color: #232323;
  margin-right: 10px;
  font-size: 14px;
}
.techit-event-meta-left_adn i {
  margin-right: 5px;
}
/* event hover */

.techit-single-event_adn:hover .techit-event-thumb_adn a:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.techit-single-event_adn:hover .techit-event-thumb_adn img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.event_nospace_adn.col-xs-12 {
  padding: 0px;
}
.event_nospace_adn .techit-single-event_adn {
  margin-bottom: 0px;
}
.em-pevent .techit-event-thumb_adn {
  float: left;
}
.em-pevent .em-event-content-area_adn {
  padding: 0;
  border: 0px solid #ddd;
  padding-left: 15px;
}
.em-pevent .event-page-title_adn h2 {
  margin: 0 0 3px 0;
}
.techit-single-event_adn.em-pevent {
  padding: 20px 0;
  margin: 0;
  border-top: 1px solid #ddd;
}
.event_date {
  position: absolute;
  left: 0;
  top: 0;
  background: #3974f6;
  padding: 10px 13px;
  /* width: 60px; */
  /* height: 70px; */

  text-align: center;
  color: #fff;
}
.event_date span {
  display: block;
  line-height: 20px;
}
.event_date_list {
  background: #3974f6;
  padding: 23px 0 0;
  width: 90px;
  height: 90px;
  text-align: center;
  font-size: 20px;
  /* line-height: 70px; */
  color: #fff;
}
.event_date_list span {
  display: block;
  line-height: 1;
}
.techit-single-event_adn:hover .event-page-title_adn a {
  color: #3974f6;
}
.techit-single-blog--thumb img {
}

.mean-container .mean-bar:before {
  text-transform: uppercase;
  display: none !important;
}
/*=====================
techit Single Event CSS
=========================*/

.event-description {
  background: #f9f9f9 none repeat scroll 0 0;
  padding: 26px 15px 13px;
}
.event-dsc-title > h2 {
  font-size: 18px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.event-dsc-info li {
  font-size: 14px;
  font-weight: 400;
  list-style: outside none none;
  margin-bottom: 10px;
}
.event-dsc-info li i {
  margin-right: 10px;
}

/* unit test footer*/
.footer-middle .widget.widget_archive .widget-title {
  margin-bottom: 34px !important;
  margin-top: 28px !important;
}
.footer-middle .widget.widget_search .widget-title {
  margin-top: 25px !important;
}
.footer-middle .widget.widget_tag_cloud .widget-title {
  margin-bottom: 20px !important;
}
.footer-middle .widget.widget_nav_menu .widget-title {
  margin-bottom: 25px !important;
}
.footer-middle .widget.widget_text p img {
  margin-top: 10px !important;
  margin-bottom: 6px !important;
}

.blog-left-side .widget.widget_text p img {
  margin-top: 10px !important;
  margin-bottom: 6px !important;
}

.footer-middle .widget.widget_text p img {
  margin-top: 10px !important;
  margin-bottom: 6px !important;
}

table#wp-calendar td#today a {
  color: #fff;
}
.blog-left-side .widget h2 {
  margin-top: 0;
}

.footer-middle #archives-dropdown--1 {
  height: 34px;
  width: 100%;
}
.widget.widget_categories select {
  width: 100%;
  height: 34px;
}
.widget .screen-reader-text {
  display: none;
}
.search input {
  /*     width: 100%; */
}

.textwidget select {
  width: 100%;
}
.footer-middle .widget ul li {
  margin-bottom: 10px;
}

.comment_field .textarea-field label {
  margin-top: 20px;
  margin-bottom: 10px;
}
.blog-content {
  word-break: break-word;
}
.post-password-form input[type="submit"] {
  background: #3974f6;
}
.page-list-single {
  clear: both;
}

.blog-left-side .widget h2 {
  font-size: 24px;
}
.blog-page-title h2 {
  font-size: 21px;
}
.techit-single-blog-title h2 {
  font-size: 30px;
}
.footer-middle .widget h2 {
  font-size: 16px;
  font-weight: 500;
}
.em-blog-content-area {
  padding: 15px 15px 15px;
}

.mobile-menu {
  display: none !important;
}
.mobile_logo_area {
  display: none !important;
}

/* color class */

.witr_all_color_style {
}
.witr_all_color_style h2 {
}
.witr_all_color_style h3 {
}
.witr_all_color_style h1 {
}
/* end color class */

/* witr carsoule image edit */

/* left */
.images_area.wittr_car_top_left .slick-dots {
  left: 0;
  top: 15%;
  display: block;
}
.images_area.wittr_car_top_left .slick-dots li {
  display: block;
}

/* right */
.images_area.wittr_car_top_right .slick-dots {
  left: auto;
  top: 15%;
  display: block;
  right: 0;
}
.images_area.wittr_car_top_right .slick-dots li {
  display: block;
}

/* top search menu */
/* top quearys */

.em-top-quearys-area {
  position: relative;
}
.em-header-quearys {
  list-style: none;
}
.em-quearys-menu i {
  background: #3974f6;
  border-radius: 5;
  display: inline-block;
  height: 26px;
  text-align: center;
  width: 26px;
  line-height: 26px;
  font-size: 14px;
  color: #fff;
}
.em-quearys-inner {
}
.em-quearys-form {
  width: 100%;
  max-width: 895px;
  margin: auto;
  padding: 30px 0;
}
.top-form-control {
  position: relative;
}
.top-form-control input {
  background: transparent;
  color: #fff;
  font-size: 50px;
  font-weight: 500;
  height: 100px;
  padding: 0 40px 0 15px;
  width: 100%;
  border: none;
  -webkit-transition: 1s;

  transition: 0.5s;
  border-bottom: 3px solid #fff;
}
.top-form-control input::-webkit-input-placeholder {
  color: #fff;
  font-size: 50px;
}
.top-form-control input::-moz-placeholder {
  color: #666;
  font-size: 14px;
}
.top-form-control input:-ms-input-placeholder {
  color: #666;
  font-size: 14px;
}
.top-form-control button.top-quearys-style {
  position: absolute;
  right: 6px;
  top: 50%;
  /* height: 44px; */

  background: transparent;
  font-size: 45px;
  border: none;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.em-s-hidden {
  display: none !important;
}

.em-quearys-inner {
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: 10000;
  transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1),
    transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1),
    background 0.3s 0s cubic-bezier(0.32, 0, 0, 1);
  transform: scale(1.1);
  visibility: hidden;
  opacity: 0;
  left: -150%;
  background: rgba(0, 0, 0, 0);
}
.em-quearys-inner {
}

.em-s-open {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  left: 0;
  background: rgba(117, 30, 255, 0.9) !important;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* nav.techit_menu.main-search-menu { */
/* float: right; */
/* margin-right: 0px; */
/* } */

.witr_h_h12 .techit_menu,
.witr_h_h13 .techit_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.witr_h_h8 .techit_menu,
.witr_h_h9 .techit_menu,
.witr_h_h10 .techit_menu,
.witr_h_h11 .techit_menu,
.witr_h_h14 .techit_menu,
.witr_h_h17 .techit_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.techit_menu.main-search-menu > .em-header-quearys,
.em-quearys-top.msin-menu-search {
  display: inline-block;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
  height: 36px;
  width: 36px;
  line-height: 36px;
  margin-left: 20px;
  cursor: pointer;
}
.techit_menu div.em-header-quearys {
  text-align: center;
  margin-top: 30px;
}

/* social icon menu style */
.footer-social-icon.htop-menu-s {
  padding: 35px 0px;
  display: inline-block;
  margin-left: 15px;
}
.donate-btn-header {
  /* padding: 24px 0px; */
}
.em_top_cart.hshop {
  padding: 37px 0;
}

/* top search */
.topsr .em-quearys-menu {
  text-align: center;
}
.witr_video_blog_c iframe {
  width: 100%;
  height: 275px;
}
.single-blog-content iframe {
  width: 100%;
}

/* =========== Slick slider Main css============ */
.witr_ds_content {
  position: relative;
  z-index: 1;
}
.elementor-section-full_width .witr_containers {
  margin: auto;
  width: 70%;
}
.witr_ds_content:before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  background: #00000059;
  z-index: -1;
}
.witr_ds_content_area {
  height: 898px;
}
.witr_ds_content_inner.witr_containers {
  width: 76%;
  margin: auto;
}
.witr_ds_content {
  height: 898px;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.witr_ds_content_inner {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.witr_ds_content_inner h1 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 700;
}
.witr_ds_content_inner h3,
.witr_ds_content_inner h2 {
  font-size: 100px;
  text-transform: capitalize;
  color: #fffefe;
  margin-bottom: 20px;
  font-weight: 700;
}
.witr_ds_content_inner p {
  width: 62%;
  margin: 15px auto 15px auto;
  color: #fff;
  font-size: 20px;
}
.witr_slicks_title {
  position: absolute;
  top: -13%;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}
.witr_slicks_title h4 {
  font-size: 150px;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
  color: #ffffff;
  line-height: 1;
  opacity: 0.07;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";
  margin: 0;
}
/* slider text align */
.text-left .witr_ds_content_inner h1,
.text-left .witr_ds_content_inner h2,
.text-left .witr_ds_content_inner h3,
.text-left .witr_slicks_title h4,
.text-left .witr_ds_content_inner p {
  width: 80%;
  margin: 14px auto 15px 0;
}
.text-center .witr_ds_content_inner h1,
.text-center .witr_ds_content_inner h2,
.text-center .witr_ds_content_inner h3,
.text-center .witr_slicks_title h4,
.text-center .witr_ds_content_inner p {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.text-right .witr_ds_content_inner h1,
.text-right .witr_ds_content_inner h2,
.text-right .witr_ds_content_inner h3,
.text-right .witr_slicks_title h4,
.text-right .witr_ds_content_inner p {
  width: 62%;
  margin: 14px 0 15px auto;
}

/* slider 2 text align */
.text-left .witrscontainer h1,
.text-left .witrscontainer h2,
.text-left .witrscontainer h3,
.text-left .witr_slicks_title h4,
.text-left .witrscontainer p {
  width: 52%;
  margin-right: auto;
}
.text-center .witrscontainer h1,
.text-center .witrscontainer h2,
.text-center .witrscontainer h3,
.text-center .witr_slicks_title h4,
.text-center .witrscontainer p {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.text-right .witrscontainer h1,
.text-right .witrscontainer h2,
.text-right .witrscontainer h3,
.text-right .witr_slicks_title h4,
.text-right .witrscontainer p {
  width: 52%;
  margin-left: auto;
}
.text-center .witrscontainer h1,
.text-right .witrscontainer h1,
.text-left .witrscontainer h1 {
  margin-bottom: 0px;
  margin-top: 0px;
}
.text-center .witrscontainer h2,
.text-right .witrscontainer h2,
.text-left .witrscontainer h2 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.text-center .witrscontainer h3,
.text-right .witrscontainer h3,
.text-left .witrscontainer h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.witrscontainer h1 span,
.witrscontainer h2 span,
.witrscontainer h3 span,
.witr_slicks_title h4 span {
  color: #3974f6;
}
.text-left .witrscontainer p,
.text-right .witrscontainer p {
  width: 43%;
}

.padding_lr0 {
  padding-left: 0;
  padding-right: 0;
}

/* slider 2 text align */
.text-left .witr_slicks_title h4 {
  width: 50%;
}
.text-right .witr_slicks_title h4 {
  width: 50%;
}
.text-center .witr_slicks_title h4 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .witr_container_nivo,
  .witrscontainer2,
  .witrscontainer {
    max-width: 1477px;
  }
}
.witr_container_nivo,
.witrscontainer2,
.witrscontainer {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* slider image thumb position */

.text-left .witr_slider_thumb {
  position: absolute;
  right: 0;
  top: 57%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.text-right .witr_slider_thumb {
  position: absolute;
  left: 0;
  top: 57%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider_btn .witr_btn {
  border: none;
  outline: none;
}

.slider_btn .witr_btn.active {
  background: transparent;
  border: 1px solid #ddd;
}

.slider_btn {
  margin-top: 45px;
}
/*

.witr_gbtn::after {
    position: absolute;
    border-radius: 100px;
    left: 2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #060734;
    top: 2px;
    content: "";
    z-index: -1;
    transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
	transition:1s;
}
.witr_gbtn.active::after {
    position: absolute;
    border-radius: 100px;
    left: 2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: linear-gradient(45deg, #00b0ff, #8e00ff);
    top: 2px;
    content: "";
    transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
	transition:.5s;
}
.witr_gbtn:hover::after {
    background: none;
}
.witr_gbtn.active:hover::after {
    background: #060734;
}
*/

/* slider icon css */
.text-center .icon_section {
  position: absolute;
  left: 50%;
  bottom: -90%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.text-left .icon_section {
  position: absolute;
  left: 15px;
  bottom: -90%;
}

.text-right .icon_section {
  position: absolute;
  right: 15px;
  bottom: -90%;
}

.icon_title {
  display: inline-block;
}
.icon_title h3 {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  margin-right: 15px;
}
.techit_slider_icon {
  display: inline-block;
}
.techit_slider_icon ul {
}
.techit_slider_icon ul li {
  list-style: none;
  display: inline-block;
}
.techit_slider_icon ul li a {
}
.techit_slider_icon ul li a i {
  font-size: 15px;
  color: #fff;
  background: #8e00ff;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;

  transition: 0.5s;
}
.techit_slider_icon ul li a i:hover {
}

/* footer text des */
.techit-description-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.techit-description-area a {
}
.techit-description-area a img {
  margin: 31px 0 26px;
  height: 80px;
}
.techit-description-area p,
.techit-description-area .phone a {
  color: #fff;
}
.techit-description-area .social-icons a {
  color: #ffffff;
  background: #ffffff47;
  width: 38px;
  height: 38px;
  line-height: 36px;
  display: inline-block;
  /* border: 1px solid #ffffff; */
  text-align: center;
  border-radius: 5px;
  /* margin: 0 5px; */
  margin-bottom: 5px;
  font-size: 15px;
  margin-right: 3px;
}
.techit-description-area .social-icons a:hover {
  background: #3974f6;
  /* 	border-color:#3974F6;*/
  color: #fff;
}

/* option2 */
.techit-blog-area .techit-description-area .phone a,
.techit-blog-area .techit-description-area p {
  color: #333;
}
.techit-blog-area .techit-description-area a img {
  margin: 0px 0 26px;
}
.techit-blog-area .techit-description-area .social-icons a {
  border: 1px solid #3974f6;
  margin-left: 5px;
}

/* circle progress */
.witr_circle_area {
  text-align: center;
  margin-bottom: 30px;
}
.witr_cp_class {
  position: relative;
  text-align: center;
}
span.witr_cir_text {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  font-size: 25px;
  transform: translateX(-50%) translateY(-50%);
  font-weight: 700;
  color: #3974f6;
}
canvas {
  border-radius: 50%;
}
span.witr_cir_text:first-letter {
  font-size: 0px;
  display: none;
}

.witr_circle_title {
  margin-top: 10px;
}
.witr_circle_title h3 {
  font-size: 25px;
}

.witr_btn_hover a:hover {
  color: #3974f6 !important;
}

.slider_btn .witr_btn i {
  font-size: 15px;
  margin-left: 10px;
  margin-right: 0px;
}

.footer-logo img {
  margin-top: 30px;
  margin-bottom: 20px;
}
.footer-address {
  padding-top: 0;
}

.witr_h_h17pdlt .trp_nav_area {
  padding-left: 210px;
  padding-right: 210px;
}

.ps_absulate {
  position: absolute !important;
  top: 70px;
  left: 20%;
  z-index: 999;
}

.psc_absolute {
  position: absolute !important;
  right: 0;
  left: 0;
  top: -48%;
  z-index: 999;
}

/* btn css style */

/* button default style */
.witr_btn {
  background: #3974f6;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  padding: 12px 30px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  margin-right: 20px;
  z-index: 2;
  transition: 1s;
}
.witr_btn:hover {
  background: #15263b;
  color: #fff;
}

/* video button i */
.witr_btn i {
  font-size: 18px;
  margin-left: 6px;
  transition: 1s;
}
.witr_btn i:hover {
  margin-left: 10px;
}

/* button default br style */
.witr_bbtn {
  border-radius: 3px;
  color: #3974f6;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 30px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  margin-right: 20px;
  z-index: 2;
  transition: 1s;
  border: 2px solid #3974f6;
}
.witr_bbtn:hover {
  color: #fff;
  background: #3974f6;
  border-color: #3974f6;
}

/* video button i */
.witr_bbtn i {
  font-size: 15px;
  margin-right: 6px;
}
.witr_bbtn i:hover {
  margin-left: 10px;
}

/* ------------ button gradient style ----------------- */
.witr_gbtn {
  background-color: #3d59e8;
  background: linear-gradient(45deg, #4c0062, #3974f6);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 30px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  margin-right: 20px;
  z-index: 2;
  transition: all 0.5s;
}
.witr_gbtn:hover {
  color: #fff;
}
.witr_gbtn::before {
  position: absolute;
  border-radius: 3px;
  left: 0;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: linear-gradient(45deg, #3974f6, #4c0062);
  top: 0;
  content: "";
  width: 100%;
  z-index: -2;
  transition: all 0.5s ease;
}
.witr_gbtn:hover::before {
  opacity: 1;
}
/* video button i */

.witr_gbtn i {
  font-size: 15px;
  margin-right: 6px;
}

/* ------------ button gradient border style ----------------- */
.witr_gbbtn {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 30px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  margin-right: 20px;
  z-index: 2;
  transition: all 0.5s;
}
.witr_gbbtn:hover {
  color: #fff;
}
.witr_gbbtn::before {
  position: absolute;
  border-radius: 3px;
  left: 0;
  height: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: linear-gradient(45deg, #3974f6, #4c0062);
  top: 0;
  content: "";
  width: 100%;
  z-index: -2;
  transition: all 0.5s ease;
}
.witr_gbbtn::after {
  position: absolute;
  border-radius: 3px;
  left: 2px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: #333;
  top: 2px;
  content: "";
  z-index: -1;
  transition: all 0.5s ease;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}

.witr_gbbtn:hover::before {
  opacity: 1;
}
.witr_gbbtn:hover::after {
  opacity: 0;
}

/* video button i */

.witr_gbbtn i {
  font-size: 15px;
  margin-right: 6px;
}

/* Video Default Button */
.witr_vbtn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-top: 10px;
  display: inline-block;
  color: #fff;
  background: #4c0062;
}
.witr_vbtn i {
  color: #fff;
}
.witr_vbtn:hover {
  background: #3974f6;
}
/* Video Default Border Button */
.witr_vbbtn {
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-top: 10px;
  display: inline-block;
  border: 2px solid #4c0062;
}
.witr_vbbtn i {
  color: #4c0062;
}
.witr_vbbtn:hover {
  background: #3974f6;
  border-color: #3974f6;
}
.witr_vbbtn:hover i {
  color: #fff;
}

/* Video gradient Button */
.witr_vgbtn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-top: 10px;
  display: inline-block;
  background: linear-gradient(45deg, #3974f6, #4c0062);
}
.witr_vgbtn i {
  color: #fff;
}

/* Video gradient hover style Button */

.witr_vhgbtn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-top: 10px;
  display: inline-block;
  background: linear-gradient(45deg, #4c0062, #3974f6);
}

.witr_vhgbtn::before {
  position: absolute;
  border-radius: 50%;
  left: 0;
  height: 100%;
  z-index: -2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  content: "";
  width: 100%;
  background: linear-gradient(45deg, #3974f6, #4c0062);
}
.witr_vhgbtn:hover::before {
  opacity: 1;
}
.witr_vhgbtn i {
  color: #fff;
}

/* Video gradient border style Button */

.witr_vbgbtn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-top: 10px;
  display: inline-block;
}

.witr_vbgbtn::before {
  position: absolute;
  border-radius: 50%;
  left: 0;
  height: 100%;
  z-index: -2;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  content: "";
  width: 100%;
  background: linear-gradient(45deg, #3974f6, #4c0062);
}
.witr_vbgbtn::after {
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  z-index: -1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #333;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  border-radius: 50%;
  left: 2px;
  top: 2px;
  content: "";
}
.witr_vbgbtn:hover::after {
  opacity: 0;
}
.witr_vbgbtn i {
  color: #fff;
}

/* Video gradient dubble border style Button */

.witr_vbbgbtn_inner {
  width: 70px;
  height: 70px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-right: 20px;
}
.witr_vbbgbtn_inner:before {
  position: absolute;
  border-radius: 50%;
  left: 0;
  height: 100%;
  z-index: -2;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  content: "";
  width: 100%;
  background: -webkit-linear-gradient(45deg, #3974f6, #4c0062);
  background: linear-gradient(45deg, #3974f6, #4c0062);
}
.witr_vbbgbtn_inner:after {
  height: calc(100% - 2px);
  z-index: -1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #04071e;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  content: "";
  width: calc(100% - 2px);
}
/* inner div btn */
.witr_vbbgbtn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-top: 10px;
  display: inline-block;
}

.witr_vbbgbtn::before {
  position: absolute;
  border-radius: 50%;
  left: 0;
  height: 100%;
  z-index: -2;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  content: "";
  width: 100%;
  background: linear-gradient(45deg, #3974f6, #4c0062);
}
.witr_vbbgbtn::after {
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  z-index: -1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #04071e;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  border-radius: 50%;
  left: 2px;
  top: 2px;
  content: "";
}
.witr_vbbgbtn i {
  color: #3974f6;
}

/* Video gradient dubble bg border style Button */

.witr_vdbbgbtn_inner {
  width: 70px;
  height: 70px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-right: 20px;
}
.witr_vdbbgbtn_inner:before {
  position: absolute;
  border-radius: 50%;
  left: 0;
  height: 100%;
  z-index: -2;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  content: "";
  width: 100%;
  background: -webkit-linear-gradient(45deg, #3974f6, #4c0062);
  background: linear-gradient(45deg, #3974f6, #4c0062);
}
.witr_vdbbgbtn_inner:after {
  height: calc(100% - 2px);
  z-index: -1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  content: "";
  width: calc(100% - 2px);
}
/* inner div btn */
.witr_vdbbgbtn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-top: 10px;
  display: inline-block;
}

.witr_vdbbgbtn::before {
  position: absolute;
  border-radius: 50%;
  left: 0;
  height: 100%;
  z-index: -2;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  content: "";
  width: 100%;
  background: linear-gradient(45deg, #3974f6, #4c0062);
}
.witr_vdbbgbtn i {
  color: #fff;
}

/* button video text */
.f_left {
  float: left;
  margin-right: 5px;
}
.witr_vider_text {
  float: left;
}
.witr_vider_text_inner {
  margin-top: 5px;
}
span.witr_v_text1 {
  color: #626262;
  display: block;
  font-size: 17px;
  font-weight: 300;
}
span.witr_v_text2 {
  color: #333;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}

.witr_btn_vstyled {
  display: inline-flex;
}

.witr_btn_vstyle {
  margin-right: 15px;
}
.vtbtnsty4 {
  margin-top: 10px;
}

/* margin top-bottom */
.mrtb5 {
  margin: 5px 0;
}
.mrtb10 {
  margin: 10px 0;
}
.mrtb15 {
  margin: 15px 0;
}
.mrtb20 {
  margin: 20px 0;
}
.mrtb30 {
  margin: 30px 0;
}
.mrtb40 {
  margin: 40px 0;
}
.mrtb50 {
  margin: 50px 0;
}
.mrtb60 {
  margin: 60px 0;
}
.mrtb70 {
  margin: 70px 0;
}
.mrtb80 {
  margin: 80px 0;
}
.mrtb90 {
  margin: 90px 0;
}
.mrtb100 {
  margin: 100px 0;
}
.mrtb110 {
  margin: 110px 0;
}
.mrtb120 {
  margin: 120px 0;
}

/* margin top spacing */
.mrt5 {
  margin-top: 5px;
}
.mrt10 {
  margin-top: 10px;
}
.mrt15 {
  margin-top: 15px;
}
.mrt20 {
  margin-top: 20px;
}
.mrt25 {
  margin-top: 25px;
}
.mrt30 {
  margin-top: 30px;
}
.mrt35 {
  margin-top: 35px;
}
.mrt40 {
  margin-top: 40px;
}
.mrt45 {
  margin-top: 45px;
}
.mrt50 {
  margin-top: 50px;
}
.mrt55 {
  margin-top: 55px;
}
.mrt60 {
  margin-top: 60px;
}
.mrt65 {
  margin-top: 65px;
}
.mrt70 {
  margin-top: 70px;
}
.mrt75 {
  margin-top: 75px;
}
.mrt80 {
  margin-top: 80px;
}
.mrt85 {
  margin-top: 85px;
}
.mrt90 {
  margin-top: 90px;
}
.mrt95 {
  margin-top: 95px;
}
.mrt100 {
  margin-top: 100px;
}
.mrt110 {
  margin-top: 110px;
}
.mrt120 {
  margin-top: 120px;
}
.mrt130 {
  margin-top: 130px;
}
.mrt140 {
  margin-top: 140px;
}
.mrt150 {
  margin-top: 150px;
}
.mrt160 {
  margin-top: 160px;
}
.mrt170 {
  margin-top: 170px;
}
.mrt180 {
  margin-top: 180px;
}
.mrt190 {
  margin-top: 190px;
}
.mrt200 {
  margin-top: 200px;
}

/* margin bottom spacing */
.mrb5 {
  margin-bottom: 5px;
}
.mrb10 {
  margin-bottom: 10px;
}
.mrb15 {
  margin-bottom: 15px;
}
.mrb20 {
  margin-bottom: 20px;
}
.mrb25 {
  margin-bottom: 25px;
}
.mrb30 {
  margin-bottom: 30px;
}
.mrb35 {
  margin-bottom: 35px;
}
.mrb40 {
  margin-bottom: 40px;
}
.mrb45 {
  margin-bottom: 45px;
}
.mrb50 {
  margin-bottom: 50px;
}
.mrb55 {
  margin-bottom: 55px;
}
.mrb60 {
  margin-bottom: 60px;
}
.mrb65 {
  margin-bottom: 65px;
}
.mrb70 {
  margin-bottom: 70px;
}
.mrb75 {
  margin-bottom: 75px;
}
.mrb80 {
  margin-bottom: 80px;
}
.mrb85 {
  margin-bottom: 85px;
}
.mrb90 {
  margin-bottom: 90px;
}
.mrb95 {
  margin-bottom: 95px;
}
.mrb100 {
  margin-bottom: 100px;
}
.mrb110 {
  margin-bottom: 110px;
}
.mrb120 {
  margin-bottom: 120px;
}
.mrb130 {
  margin-bottom: 130px;
}
.mrb140 {
  margin-bottom: 140px;
}
.mrb150 {
  margin-bottom: 150px;
}
.mrb160 {
  margin-bottom: 160px;
}
.mrb170 {
  margin-bottom: 170px;
}
.mrb180 {
  margin-bottom: 180px;
}
.mrb190 {
  margin-bottom: 190px;
}
.mrb200 {
  margin-bottom: 200px;
}

/* margin left spacing */
.mrl5 {
  margin-left: 5px;
}
.mrl10 {
  margin-left: 10px;
}
.mrl15 {
  margin-left: 15px;
}
.mrl20 {
  margin-left: 20px;
}
.mrl25 {
  margin-left: 25px;
}
.mrl30 {
  margin-left: 30px;
}
.mrl35 {
  margin-left: 35px;
}
.mrl40 {
  margin-left: 40px;
}
.mrl45 {
  margin-left: 45px;
}
.mrl50 {
  margin-left: 50px;
}
.mrl55 {
  margin-left: 55px;
}
.mrl60 {
  margin-left: 60px;
}
.mrl65 {
  margin-left: 65px;
}
.mrl70 {
  margin-left: 70px;
}
.mrl75 {
  margin-left: 75px;
}
.mrl80 {
  margin-left: 80px;
}
.mrl85 {
  margin-left: 85px;
}
.mrl90 {
  margin-left: 90px;
}
.mrl95 {
  margin-left: 95px;
}
.mrl100 {
  margin-left: 100px;
}
.mrl110 {
  margin-left: 110px;
}
.mrl120 {
  margin-left: 120px;
}
.mrl130 {
  margin-left: 130px;
}
.mrl140 {
  margin-left: 140px;
}
.mrl150 {
  margin-left: 150px;
}
.mrl160 {
  margin-left: 160px;
}
.mrl170 {
  margin-left: 170px;
}
.mrl180 {
  margin-left: 180px;
}
.mrl190 {
  margin-left: 190px;
}
.mrl200 {
  margin-left: 200px;
}
/* margin right spacing */
.mrr5 {
  margin-right: 5px;
}
.mrr10 {
  margin-right: 10px;
}
.mrr15 {
  margin-right: 15px;
}
.mrr20 {
  margin-right: 20px;
}
.mrr25 {
  margin-right: 25px;
}
.mrr30 {
  margin-right: 30px;
}
.mrr35 {
  margin-right: 35px;
}
.mrr40 {
  margin-right: 40px;
}
.mrr45 {
  margin-right: 45px;
}
.mrr50 {
  margin-right: 50px;
}
.mrr55 {
  margin-right: 55px;
}
.mrr60 {
  margin-right: 60px;
}
.mrr65 {
  margin-right: 65px;
}
.mrr70 {
  margin-right: 70px;
}
.mrr75 {
  margin-right: 75px;
}
.mrr80 {
  margin-right: 80px;
}
.mrr85 {
  margin-right: 85px;
}
.mrr90 {
  margin-right: 90px;
}
.mrr95 {
  margin-right: 95px;
}
.mrr100 {
  margin-right: 100px;
}
.mrr110 {
  margin-right: 110px;
}
.mrr120 {
  margin-right: 120px;
}
.mrr130 {
  margin-right: 130px;
}
.mrr140 {
  margin-right: 140px;
}
.mrr150 {
  margin-right: 150px;
}
.mrr160 {
  margin-right: 160px;
}
.mrr170 {
  margin-right: 170px;
}
.mrr180 {
  margin-right: 180px;
}
.mrr190 {
  margin-right: 190px;
}
.mrr200 {
  margin-right: 200px;
}

.pdlr0 {
  padding-right: 0px;
  padding-left: 0px;
}

/*===========================
    1. Theme default css 
===========================*/
.fix {
  clear: both;
}

/*button css*/
.witr_butn {
  padding: 0px 50px;
  border: 2px solid #fff;
  position: relative;
  transition: 1s;
  cursor: pointer;
  overflow: hidden;
  border-radius: 5px;
  color: #fff;
  line-height: 50px;
  margin-top: 30px;
  text-transform: uppercase;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
}
.witr_butn:before {
  content: "";
  width: 0;
  height: 100%;
  background: #3974f6;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 5px;
  transition: 1s;
}
.witr_butn:hover:before {
  width: 100%;
  z-index: -1;
}
.witr_butn:hover {
  color: #fff;
  border-color: #3974f6;
  z-index: 999;
}

.witr_video_butns {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  overflow: hidden;
}
/*===========================
    3.banner css 
===========================*/
.elementor-section-full_width .witr_containers2 {
  margin: auto;
  width: 70%;
}
.elementor-3402
  .elementor-element.elementor-element-1a8d65f:not(
    .elementor-motion-effects-element-type-background
  ),
.elementor-3402
  .elementor-element.elementor-element-1a8d65f
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer {
  animation: witr_slide_banner 100s linear infinite;
}
/* witr_slide */
@keyframes witr_slide_banner {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1920px 0;
  }
}
.witr_banner_area {
  height: 1044px;
  padding: 0;
  /*     background: rgba(0, 0, 0, 0.6);	 */
  position: relative;
}

.witr_banner_content {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
/* .witr_banner_content.text-left {
    margin-left: 30px;
}
.witr_banner_content.text-right {
    margin-right: 30px;
} */

.witr_banner_content h1 {
  color: #fff;
  font-size: 27px;
  margin-bottom: 0px;
}
.witr_banner_content h2 {
  color: #fff;
  font-size: 100px;
  margin-bottom: 30px;
  font-weight: 700;
}

.witr_banner_content h1 span,
.witr_banner_content h2 span {
  color: #3974f6;
}

.witr_banner_content p {
  color: #fff;
  font-size: 20px;
  width: 42%;
}
.witr_banner_content.text-center p {
  margin: 20px auto 16px auto;
}
.witr_banner_content.text-left p {
}
.witr_banner_content.text-right p {
  margin: 20px 0 16px auto;
}
.witr_banner_content a {
}
.witr_banner_contentt a.witr_butn {
  font-weight: 600;
  color: #232323;
}

.witr_rimg img {
  top: 50%;
  position: absolute;
  right: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.witr_banner_contentt ul {
}
.witr_banner_content ul li {
  display: inline-block;
}
.witr_banner_content ul li a {
}
.witr_banner_content a i {
  color: #3974f6;
  background: #fff;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;

  transition: 0.5s;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 20px;
}
.witr_banner_content a i:hover {
  color: #fff;
  background: #3974f6;
}
.witr_ico2 {
  margin-top: 10px;
}

.witr_banner_content form {
  position: relative;
  width: 445px;
}
.witr_banner_content form input {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  height: 50px;
  width: 445px;
  padding-left: 30px;
  border-radius: 30px;
  margin-top: 45px;
}
.witr_banner_content form input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.witr_banner_content form input:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.witr_banner_content form input::-moz-placeholder {
  color: #fff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.witr_banner_content form input::placeholder {
  color: #fff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.witr_banner_content form button {
  position: absolute;
  right: 0px;
  bottom: 0;
  background: #fff;
  border: 0;
  height: 50px;
  padding: 14px 35px;
  border-radius: 30px;
  color: #3974f6;
  font-weight: 500;
  cursor: pointer;
  line-height: 0px;
}

.witr_banner_video_item {
  position: absolute;
  left: 72%;
  top: 50%;
  transform: translateX(-50%) translateY(-50px);
  z-index: 9999;
}
.witr_banner_video_item a {
  position: relative;
  display: block;
}
.witr_banner_video_item a::after,
.witr_banner_video_item a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  /* margin-left: .5px; */
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  animation: witr_banner_ripple 2s infinite;
}
.witr_banner_video_item a::after {
  animation-delay: 1.5s;
  content: "";
}
.witr_banner_video_item i {
  color: #3974f6;
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background: #fff;
  border-radius: 50%;
  font-size: 25px;
}
@keyframes witr_banner_ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/*===========================
    4.feature css 
===========================*/
.sub-border {
  /* border-bottom: 1px solid #dddddd; */
}
.sub-item {
  position: relative;
  /* 	margin-top: 20px; */
}
.sub-item i {
  font-size: 30px;
  color: #fff;
  height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 50%;
  line-height: 80px;
  background: #3974f6;
}
.single_feature:hover .sub-item i {
  transition: 0.5s;
}
.sub-item span {
  position: absolute;
  top: -6px;
  left: 50%;
  font-size: 50px;
  color: #eeeeee;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.sub-item h3 {
  font-size: 24px;
  margin-top: 19px;
  /*     padding-bottom: 2px; */
  color: #232323;
}
/*====== home page 2 ======*/
.sub-border-2 {
}
.sub-border-2 .sub-item span {
  top: 31px;
  left: 45%;
  z-index: 999;
}
.sub-border-2 .sub-item p {
  padding: 0 0px;
}
/*====== home page 3 ======*/
/* .sub-item-3 {
    border: 1px solid #ddd;
    padding: 20px 30px 30px;
} */
.sub-item.sub-item-3 i {
  height: 80px;
  width: 80px;
  color: #3974f6;
  line-height: 78px;
  border: 2px solid #3974f6;
  background: none;

  transition: 0.5s;
}
.sub-item.sub-item-3 p {
  padding-top: 22px;
}
.sub-item.sub-item-3:hover i {
  color: #fff;
  background: #3974f6;
}
.sub-item-3.sub-item h3 {
  padding-bottom: 8px;
  margin-top: 0px;
}

/*====== home page 6 ======*/
.sub-item.sub-item-6 i {
  border-radius: 30% 70% 70% 30% / 50% 50% 50% 50%;
  background: #f7f8ff;
  color: #3974f6;

  transition: 0.5s;
}
.sub-item.sub-item-6:hover i {
  color: #fff;
}
/*====== home page 8 ======*/
.sub-item.sub-item-8 {
  padding: 30px 20px 21px;
  transition: 0.5s;
}
.sub-item.sub-item-8:hover {
  box-shadow: 0px 0px 29px -26px #000;
}

/* ===== feature style 3d css ===== */
.witr_feature_3d {
  perspective: 1000px;
  transition: 0.1s;
}
.witr_feature_3d:hover .witr_single_feature_3d {
  transform: rotateY(-180deg);
}
.witr_single_feature_3d {
  transition: transform 0.5s;
  transform-style: preserve-3d;
  position: relative;
  text-align: center;
  z-index: 999;
}
.witr_feature_position {
  left: 0;
  padding: 40px 20px 40px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.witr_feature_front_3d,
.witr_feature_back_3d {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.witr_feature_front_3d {
  z-index: 2;
}
.witr_feature_back_3d {
  z-index: 3;
  transform: rotateY(-180deg);
}
.witr_feature_3d,
.witr_feature_front_3d,
.witr_feature_back_3d {
  height: 398px;
  width: 100%;
}
/* tittle css */
.witr_feature_content_3d {
}
.witr_feature_icon_3d {
  margin-bottom: 14px;
}
.witr_feature_icon_3d i {
  font-size: 35px;
  color: #fff;
}

.witr_feature_content_3d h3 {
  margin-bottom: 12px;
  color: #fff;
  font-size: 25px;
}
.witr_feature_content_3d p {
  color: #fff;
}

/* feature Front Face */
.witr_feature_front_3d {
  background: #3974f6;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.witr_feature_front_3d:before {
  /*     background: rgba(0, 0, 0, 0.7); */
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.witr_feature_back_3d {
  background: #15263b;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.witr_feature_back_3d:before {
  /* background: rgba(73, 0, 221, 0.7); */
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

/*  feature Button */
.witr_feature_btn_3d {
  margin-top: 27px;
  z-index: 999;
}
.witr_feature_btn_3d a {
  border: 2px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 8px 33px;
  transition: 1s;
}
.witr_feature_btn_3d a:hover {
  background: #fff;
  color: #3974f6;
}

/* Feature Slug */
.witr_slug_feature {
  background-image: url(../images/pr1.jpg);
  position: relative;
  padding: 120px 0px;
  overflow: hidden;
  margin-bottom: 30px;
}
.witr_slug_feature.slug_feature1 {
  background-image: url(../images/pr2.jpg);
}
.witr_slug_feature.slug_feature2 {
  background-image: url(../images/pr3.jpg);
}
.witr_slug_feature .witr_feture_back_con_slugf {
  position: absolute;
  top: -244px;
  left: 0px;
  opacity: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0px 30px;
  background: rgb(12 62 185 / 80%);
  transition: 1s;
}
.witr_slug_feature:hover .witr_feture_back_con_slugf {
  top: 0;
}

.witr_back_con_slugf {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.witr_slug_front_contentf {
  display: flex;
  background: rgb(12 62 185 / 80%);
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 10px 20px;
  transition: 1s;
}

.witr_feature_iconf {
  color: #fff;
  font-size: 40px;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.witr_feature_iconf i {
}

.witr_back_con_slugf .witr_content_textf h3 {
  font-size: 25px;
  margin-bottom: 11px;
  padding-top: 0;
  color: #fff;
}
.witr_slug_front_contentf .witr_content_textf h3 {
  color: #fff;
  margin-left: 20px;
  margin-top: 17px;
  font-size: 25px;
}
.witr_content_textf p {
  color: #fff;
}
.witr_slug_feature:hover .witr_slug_front_contentf {
  bottom: -100px;
}
.witr_slug_front_contentf .witr_content_textf p {
  display: none;
}
.witr_feature_btn_f a {
  color: #fff;
  background: #fff;
  color: #3974f6;
  padding: 6px 21px;
  border-radius: 5px;
  margin-top: 15px;
  display: inline-block;
}
.witr_feature_btn_f a:hover {
  color: #fff;
  background: #3974f6;
}

/* box feature */
.singleService {
  position: relative;
  padding: 24px 0 0;
  transition: 1s;
}
.singleService h3 {
  font-size: 25px;
  line-height: 37px;
  margin-bottom: 7px;
}
.singleService p {
  margin-bottom: 88px;
}

.box {
  position: relative;
  text-align: center;
}
.box:before {
  width: 267px;
  height: 276px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  transition: 1s;
  text-align: center;
  background: url(../images/s5.png) no-repeat center center / cover;
  animation: box_blinker_before 9s linear infinite;
}
@keyframes box_blinker_before {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.box:after {
  width: 163px;
  height: 182px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  content: "";
  transition: 1s;
  text-align: center;
  background: url(../images/s6.png) no-repeat center center / cover;
  animation: box_blinker_after 9s linear infinite;
}
@keyframes box_blinker_after {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.singleService:hover .box:before {
  visibility: hidden;
  opacity: 0;
}
.singleService:hover .box:after {
  visibility: visible;
  opacity: 1;
}
.box i {
  color: #4621ff;
  font-size: 53px;
  line-height: 53px;
  z-index: 5;
  top: 0;
  left: 6px;
  text-align: center;
  position: relative;
  transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
}
.singleService h2 {
  font-size: 60px;
  line-height: 37px;
  color: #eef3ff;
  top: 35px;
  right: -52px;
  z-index: -1;
  position: relative;
  margin: 0;
  transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
}
.singleService:hover .box i,
.singleService:hover h2 {
  color: #3974f6;
}
.boxTop {
  padding-top: 100px;
  margin-bottom: 30px;
}
.boxTop .box {
  margin-bottom: 84px;
}
.boxTop h2 {
  top: -49px;
  right: -57px;
}
.boxTop p {
  margin-bottom: 0;
}

/*===========================
    5.feature2 css 
===========================*/

.witr_feature2 {
  position: relative;
  z-index: 1;
  background: #15263b;
  padding: 65px 20px;
  transition: 0.5s;
}
.witr_feature2:hover {
  background: #3974f6;
}

.witr_fea2_icon_top i {
  font-size: 80px;
  color: #fff;
}
.single_feature2:hover .witr_fea2_icon_top i {
  transition: 0.5s;
}
.witr_feature2_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  opacity: 0;
  transition: 0.5s;
}
.single_feature2:hover .witr_feature2_icon {
  opacity: 8%;
}
.witr_feature2_icon i {
  font-size: 150px;
  color: #fff;
}
.witr_feature2 h3 {
  font-size: 24px;
  margin-top: 19px;
  color: #fff;
}
.witr_feature2 p {
  color: #fff;
}
.witr_feature_btn2 a {
  color: #fff;
}
.witr_feature_btn2 a:hover {
  color: #3974f6;
}

/*===========================
    5.tab area css 
===========================*/
.tab_area {
}
.tab_item {
}
.tab_item ul {
}
.tab_item ul li {
  padding: 0;
}
.tab_item ul li a {
  display: flex;
  align-items: center;
  color: #232323;
  border: 1px solid #e2e2e2;
  padding: 20px;
  font-size: 21px;
  margin-right: 25px;
  margin-bottom: 30px;
  font-weight: 600;
}
.tab_item ul li a i {
  font-size: 50px;
  color: #3974f6;
  position: relative;
  /* top: -10px; */
}
.tab_item ul li a span {
  overflow: hidden;
  display: inline-block;
  /* width: 54%; */
  /* padding-top: 10px; */
  font-family: Saira, sans-serif;
  margin-left: 20px;
}

.tab_area .tab_item ul li:last-child a {
  margin-right: 0px;
}
.tab_item .nav-pills li .nav-link.active {
  background: url(../images/tab-bg.png);
  color: #3974f6;
  border: 1px solid #fff;
}
.margin_top_10 {
  margin-top: 10px;
}
.margin_top_20 {
  margin-top: 20px;
}
.margin_top_30 {
  margin-top: 30px;
}
.margin_top_40 {
  margin-top: 40px;
}

.margin_top_50 {
  margin-top: 50px;
}

.margin_top_90 {
  margin-top: 90px;
}
.em_post_tab_thumb img {
  width: 100%;
}

.tab_area .tab_content {
  margin-bottom: 40px;
}

.tab_area .tab_content h3 {
  font-size: 28px;
  line-height: 45px;
  margin-bottom: 16px;
}
.tab_area .tab_content p {
  width: 97%;
  margin-bottom: 5px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  text-align: left;
}
.tab_area .tab_content b {
  color: #333;
}
.tab_area .tab_content b::before {
  content: "•";
  color: #333;
  display: inline-block;
  width: 1em;
  /* margin-left: -1em; */
}
.tab_area .tab_content a {
  color: #3974f6;
  display: block;
  margin-top: 30px;
  font-weight: 600;
  transition: 0.5s;
}
.tab_area .tab_content a:hover {
  color: #232323;
}
.tab_area .tab_content:first-child a {
  margin-right: 25px;
}
.tab_area .tab_content a i {
  margin-left: 5px;
  transition: 1s;
}
.tab_area .tab_content a:hover i {
  margin-left: 15px;
}

.digital-img img {
  width: 100%;
}

/*===========================
    5.play  css 
===========================*/
.witr_play_vi {
  position: relative;
}
.witr_about_image {
  position: relative;
}
.witr_about_image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  /*     background: rgba(73, 0, 221, 0.6); */
}
.witr_about_image img {
  width: 100%;
}
.play-overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
  position: relative;
  display: block;
}
.play-overlay a::after,
.play-overlaya::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  animation: witr_video_ripple 2s infinite;
}
.play-overlay a::after {
  animation-delay: 1.5s;
}

.play-overlay i {
  color: #3974f6;
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background: #fff;
  border-radius: 50%;
  font-size: 25px;
}

/*===========================
    10.video css 
===========================*/
.video-part {
}
.video-overlay {
  padding: 70px 0 50px;
}

.video-item {
}
.video-item a {
  position: relative;
  display: block;
}

.video-item a::after,
.video-item a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  animation: witr_video_ripple 2s infinite;
}
.video-item a::after {
  animation-delay: 1.5s;
}

.video-item i {
  color: #3974f6;
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background: #fff;
  border-radius: 50%;
  font-size: 25px;
}
@keyframes witr_video_ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
  }
}

.video-item h3 {
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  line-height: 30px;
  margin-top: 35px;
}

/*===========================
    6.about area css 
===========================*/

.witr_about_content {
}
.witr_about_content h2 {
  font-size: 24px;
}
.witr_about_content h3 {
  font-size: 40px;
  /*     margin-bottom: 40px; */
}
.witr_about_content h2 span,
.witr_about_content h3 span {
  color: #07d1c1;
}
.witr_about_content p {
  margin-top: 20px;
}
.witr_about_content h2,
.witr_about_content h3,
.witr_about_content p {
  margin-left: auto !important;
  margin-right: auto !important;
}
.witr_about_btn {
  margin-top: 60px;
}
.witr_about_btn a {
  font-size: 17px;
  color: #232323;
  font-weight: 500;
  background: #3974f6;
  border-radius: 30px;
  padding: 18px 42px;
  transition: 0.5s;
}
.witr_about_btn a:hover {
  background: #ff7e00;
  color: #fff;
}
.witr_about_image {
}
.witr_about_image img {
  /*     width: 100%; */
}

/*===========================
    6.service css 
===========================*/
.service {
  background: rgb(1, 219, 176);
}
.service .section-title h3,
.service .section-title p {
  color: #232323;
}
.service-item i {
  color: #232323;
  height: 68px;
  width: 68px;
  /*     border: 2px solid #232323; */
  border-radius: 50%;
  text-align: center;
  line-height: 66px;
  box-shadow: 0px 0px 30px 0px rgba(148, 146, 245, 0.2);
  font-size: 24px;

  transition: 0.5s;
}
.service-item:hover i {
  background: #3974f6;
  color: #fff;
  border-color: #3974f6;
}
.service-item h3 {
  font-size: 25px;
  font-weight: 600;
  padding-top: 18px;
}
.service-item p {
  color: #232323;
  padding-right: 2px;
  padding-top: 0px;
}

/* ===== service style 3d css ===== */
.witr_service_3d {
  perspective: 1000px;
  transition: 0.1s;
}
.witr_service_3d:hover .witr_single_service_3d {
  transform: rotateY(-180deg);
}
.witr_single_service_3d {
  transition: transform 0.5s;
  transform-style: preserve-3d;
  position: relative;
  text-align: center;
  z-index: 999;
}
.witr_service_position {
  left: 0;
  padding: 40px 20px 40px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.witr_service_front_3d,
.witr_service_back_3d {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.witr_service_front_3d {
  z-index: 2;
}
.witr_service_back_3d {
  z-index: 3;
  transform: rotateY(-180deg);
}
.witr_service_3d,
.witr_service_front_3d,
.witr_service_back_3d {
  height: 398px;
  width: 100%;
  margin-bottom: 30px;
}
/* tittle css */

.witr_service_content_3d {
}
.witr_service_icon_3d {
  margin-bottom: 14px;
}
.witr_service_icon_3d i {
  font-size: 35px;
  color: #fff;
}

.witr_service_content_3d h3 {
  margin-bottom: 12px;
  color: #fff;
}
.witr_service_content_3d p {
  color: #fff;
}

/* Service Front Face */
.witr_service_front_3d {
  background: #3974f6;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.witr_service_front_3d:before {
  /*     background: rgba(0, 0, 0, 0.7); */
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.witr_service_back_3d {
  background: #3974f6;
  background-image: url(../images/it-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.witr_service_back_3d:before {
  background: #3974f6cc;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.witr_service_back_3d.witr_service2_back_3d {
  background-image: url(../images/service-back-01.jpg);
}
.witr_service_back_3d.witr_service3_back_3d {
  background-image: url(../images/service-back-02.jpg);
}

/* Service Service Button */
.witr_service_btn_3d {
  margin-top: 27px;
  z-index: 999;
}
.witr_service_btn_3d a {
  border: 2px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  padding: 8px 33px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.witr_service_btn_3d a:hover {
  background: #fff;
  color: #3974f6;
}

.witr_service2_row {
  border-radius: 0;
}

.witr_front_content_row {
  display: flex;
  position: relative;
  margin-bottom: 30px;
}

.witr_front_content_row .witr_service2_image {
  flex: 1;
}
.witr_front_content_row .witr_service2_box {
  flex: 1;
  background-color: #f7f7f7;
  box-shadow: none;
}

.witr_front_content_row .witr_service2_box h3 {
  text-align: left;
  font-size: 28px;
  color: #222;
  font-weight: 600;
}

.witr_front_content_row .witr_service2_box p {
  font-size: 14px;
}

/*CREATIVE SERVICE2 SECTION 2*/
.witr_service2 {
  border-radius: 8px;
  /* overflow: hidden; */
  margin-bottom: 30px;
}

.witr_service2_image {
  position: relative;
  overflow: hidden;
}
.witr_service2_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}
.witr_service2_image .tag {
  position: absolute;
  top: 10%;
  left: 0;
  background: white;
  font-size: 18px;
  color: #333;
  padding: 4px 20px;
  font-weight: 600;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.24);
  border-radius: 0 4px 4px 0;
}

.witr_service2_image .image_bottom_title {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 48px;
  text-align: center;
  background: rgba(57, 116, 246, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

.witr_service2_image .image_bottom_title h3 {
  color: white;
  font-size: 24px;
  margin-bottom: 0;
}

.scene_content {
  background-color: #f3f9ff !important;
}

.witr_service2_1:hover .witr_front_content {
  transform: scale(1.1);
  z-index: 99;
}
.witr_service2_box {
  background: #fff;
  padding: 21px 26px 17px;
  /* box-shadow: 0px 0px 30px rgba(42, 67, 113, 0.15); */
}
.witr_service2_icon,
.witr_ser_img {
  float: left;
  margin-right: 20px;
  margin-top: 8px;
}
.witr_service2_icon i {
  color: #3974f6;
  font-size: 50px;
  transition: all 0.3s ease 0s;
}

/* witr_custom2_icon */
.witr_custom2_icon {
  float: left;
  margin-right: 20px;
  margin-top: 0;
}
.witr_custom2_icon i {
  color: #3974f6;
  font-size: 47px;
  transition: 0.5s;
}
.witr_titles {
  overflow: hidden;
  /* min-height: 140px; */
}
.witr_titles h3 {
  font-size: 24px;
  text-align: center;
}
.witr_titles p {
  color: #999;
  margin-bottom: 2px;
  font-size: 14px;
}
.witr_service2_text {
  font-size: 16px;
  line-height: 20px;
}

.witr_service2_btnb {
  position: absolute;
  top: 50%;
  left: -40%;
  transform: translate(-50%, -50%);
  transition: 1s;
}
.witr_service2:hover .witr_service2_btnb {
  left: 50%;
}

.witr_service2_btnb a {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #3974f6;
  padding: 13px 25px;
  border-radius: 5px;
  display: inline-block;
  transition: 1s;
}
.witr_service2_btnb a i {
  margin-left: 4px;
  transition: 1s;
}
.witr_service2_btnb a:hover i {
  margin-left: 10px;
}

/*====== SERVICE3 SECTION 3 ===========*/
.witr_single_service3 {
  position: relative;
  background: #fff;
  transition: 0.5s;
  padding: 60px 30px 60px;
  z-index: 1;
  overflow: hidden;
}
.witr_single_service3:hover {
  position: relative;
  transition: 1s;
  background-image: url(../images/service.jpg);
  background-position: center center;
  background-size: cover;
}
.solution3 .witr_single_service3::before {
  height: 2px;
}
.witr_single_service3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  background: rgba(12, 62, 185, 0.6);
  z-index: -1;
  transition: 1s;
}
.witr_single_service3:hover::before {
  height: 100%;
}

.witr_top_icon {
  position: absolute;
  top: 16%;
  right: 30px;
  transition: 1s;
}
.witr_single_service3:hover .witr_top_icon {
  transform: rotate(90deg);
}
.witr_top_icon a {
}
.witr_top_icon a i {
  width: 40px;
  display: inline-block;
  height: 40px;
  line-height: 30px;
  background: #fff;
  text-align: center;
  border: 5px solid #e6ebf8;
  border-radius: 50%;
  color: #3974f6;
}
.witr_service3_box {
}

.witr_service3_icon {
  transition: 1s;
  background: url(../images/7.png) no-repeat top left;
}
.witr_single_service3:hover .witr_service3_icon {
  background: url(../images/hspape.png) no-repeat top left;
  z-index: 999;
}
.witr_service3_icon i {
  color: #3974f6;
  font-size: 64px;
  transition: 1s;
}

.witr_service3_content {
}
.witr_service3_content h3 {
  font-size: 24px;
  margin: 22px 0px 17px;
  transition: 1s;
}
.witr_service3_content p {
  transition: 1s;
}
.witr_service3_btn {
  margin-top: 27px;
}
.witr_service3_btn a {
  font-size: 16px;
  font-weight: 600;
  color: #3974f6;
  border: 1px solid #ececec;
  padding: 13px 25px;
  border-radius: 5px;
  display: inline-block;
  transition: 1s;
}
.witr_single_service3:hover .witr_service3_btn a:hover {
  border: 1px solid #ececec;
  background: transparent;
}
.witr_single_service3:hover .witr_service3_btn a {
  color: #fff;
  background: #3974f6;
  border: 1px solid #3974f6;
}

.witr_service3_btn a i {
  margin-left: 5px;
  transition: 1s;
}
.witr_service3_btn a:hover i {
  margin-left: 15px;
}
.witr_single_service3:hover .witr_service3_icon i,
.witr_single_service3:hover .witr_service3_content h3,
.witr_single_service3:hover .witr_service3_content p,
.witr_single_service3:hover .witr_service3_btn a {
  color: #fff;
  border-color: #fff;
}

.mobil-item .slick-dots li button {
  background-color: transparent;
  font-size: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #fff;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
}
.mobil-item .slick-dots li.slick-active button {
  background: #fff;
}

/*===========================
    7.case css 
===========================*/

.witr_case {
  position: relative;
  overflow: hidden;
  padding-bottom: 45px;
  margin-bottom: 30px;
}
.witr_case_image {
  overflow: hidden;
}

.witr_case_image img {
  width: 100%;
  transition: 1s;
}
.witr_case:hover .witr_case_image img {
  transform: scale(1.2);
}

.witr_content_case {
  padding: 21px 30px 26px;
  position: absolute;
  background-color: #fff;
  /* bottom: -79px; */
  bottom: -4px;
  left: 20px;
  margin: 0 10px;
  transition: 1s;
}
.witr_case:hover .witr_content_case {
  bottom: -4px;
}
.witr_content_service {
}
.witr_content_service h3 {
  font-size: 21px;
}
.witr_content_service p {
  font-size: 16px;
  color: #3974f6;
  font-weight: 700;
  margin-bottom: 4px;
}
.witr_case_btnb {
  margin-top: 20px;
}
.witr_case_btnb a {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #3974f6;
  padding: 13px 25px;
  border-radius: 5px;
  display: inline-block;
  transition: 1s;
  border: 1px solid #3974f6;
}
.witr_case_btnb a:hover {
  border: 1px solid #ececec;
  background: transparent;
  color: #3974f6;
}
.witr_case_btnb a i {
  margin-left: 5px;
  transition: 1s;
}
.witr_case_btnb a:hover i {
  margin-left: 15px;
}

/*===========================
    7.team css 
===========================*/
.witr_team_section {
  position: relative;
}
.witr_team_section img {
  width: 100%;
}
.witr_team_section:before {
  content: "";
  position: absolute;
  background: rgba(73, 0, 221, 0.7);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}
.witr_team_section:hover:before {
  opacity: 1;
}
.team_overlay_icon a i {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  color: #fff;
  top: 50%;
  font-size: 35px;
  opacity: 0;
}
.witr_team_section:hover .team_overlay_icon a i {
  opacity: 1;
}

/*team post icon */
.team_o_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);

  transition: 0.5s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.witr_team_section:hover .team_o_icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team_o_icon ul {
}
.team_o_icon ul li {
  list-style: none;
}
.team_o_icon ul li a {
  font-size: 40px;
  color: #fff;
}
.team_o_icon ul li a:hover {
  color: #232323;
}
/* content css */
.witr_team_content {
  padding: 12px 0;
}
.witr_team_content h5 {
  font-size: 18px;
  font-weight: 600;
}
.witr_team_content span {
  color: #555555;
  font-size: 16px;
  font-weight: 400;
}
/*====== home page 2 ======*/
.team-part {
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  overflow: hidden;
}
.team-sec {
  position: relative;
}
.team-sec:before {
  content: "";
  position: absolute;
  background-color: rgba(4, 74, 202, 0.94);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;

  transition: 0.5s;
}
.team-sec img {
  width: 100%;
}
.witr_team_content2 {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  padding: 0 25px;

  transition: 0.5s;
}
.team-part:hover .witr_team_content2,
.team-part:hover .team-sec:before {
  top: -670px;
}
.witr_team_content2 h5 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin: 12px 0 4px;
}
.witr_team_content2 span {
  color: #fff;
}
.witr_team_content2 p {
  color: #fff;
  padding-top: 10px;
}
/* social css */
.team-part .team-social {
  position: absolute;
  bottom: -110px;
  height: 100px;
  width: 100%;
  background: #fff;
  text-align: center;

  transition: 0.5s;
}
.team-part:hover .team-social {
  bottom: 0px;
}
.team-social ul {
  padding-top: 30px;
}
.team-social ul li {
  display: inline-block;
  margin: 0 3px;
}
.team-social ul li a {
  font-size: 17px;
  color: #555555;
  height: 34px;
  width: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #f5f5f5;
  display: inline-block;

  transition: 0.5s;
}
.team-social ul li a:hover {
  color: #fff;
  background: #3974f6;
  border-color: #3974f6;
}

/*====== home page 3 ======*/
.witr_team_part {
  overflow: hidden;
  position: relative;
  padding-bottom: 30px;
}
.witr_team_sec_3 {
}
.witr_team_thumb3 {
  position: relative;
}
.witr_team_thumb3::before {
  content: "";
  position: absolute;
  background: rgba(0, 90, 255, 0.5);
  height: 100%;
  width: 100%;
  right: -100%;
  top: 0;
  transition: 1s;
}
.witr_team_part:hover .witr_team_thumb3::before {
  right: 0;
}

.witr_team_thumb3 img {
  width: 100%;
}

/*======== social top css ===========*/
.witr_team_top {
  background: #fff;
  border-radius: 5px;
  position: absolute;
  top: -23%;
  right: -7px;
  transform: translate(-50%, -50%);
  transition: 1s;
}
.witr_team_part:hover .witr_team_top {
  top: 24%;
}
.witr_team_top ul li {
  list-style: none;
}
.witr_team_top ul li a {
  color: #3974f6;
  margin: 12px 13px;
  transition: 1s;
  display: block;
}
.witr_team_top ul li a:hover {
  color: #ff8400;
}
.witr_team_content3 {
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 15px 30px 13px;
  margin: 0 20px;
  box-shadow: 0px 0px 30px 0 rgba(42, 67, 113, 0.15);
  margin-top: -58px;
}
.witr_team_content3 h5 {
  font-size: 24px;
  margin-bottom: 5px;
}
.witr_team_content3 span {
  color: #626262;
}

/*======= social bottom css ========*/
.witr_bottom_icon {
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translate(-50%, -50%);
  transition: 1s;
}
.witr_team_part:hover .witr_bottom_icon {
  top: 99%;
}
.witr_bottom_icon a {
}
.witr_bottom_icon a {
  width: 45px;
  height: 45px;
  line-height: 36px;
  display: block;
  background: #fff;
  text-align: center;
  border: 5px solid #e6ebf8;
  border-radius: 50%;
  color: #3974f6;
  transition: 1s;
}
.witr_bottom_icon a:hover {
  background: #3974f6;
  color: #fff;
}

.blog-left-side {
}
.blog-left-side > div {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 50px 30px 45px;
  box-shadow: 0px 0px 30px 0px rgba(42, 67, 113, 0.15);
}
.blog-left-side > div:last-child {
  margin-bottom: 0px;
}
.blog-left-side h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.blog-left-side {
}
.blog-left-side .content {
  padding: 0;
}
.blog-left-side .push-bottom-large {
  margin-bottom: 0;
}
.blog-left-side > div:last-child {
  margin-bottom: 0px;
}
.blog-left-side > aside:last-child {
  margin-bottom: 0px !important;
}
.blog-left-side .sub-menu li a:hover,
.blog-left-side .nav .children li a:hover {
  background: transparent;
  color: #18c8ff;
}
.defaultsearch {
  background: #f7f7f7;
  position: relative;
}
.defaultsearch input {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 0 none;
  height: 54px;
  position: relative;
  width: 100%;
}
.defaultsearch input[type="text"] {
}
.defaultsearch input::-ms-input-placeholder,
.defaultsearch input::-webkit-placeholder,
.defaultsearch input::-moz-placeholder {
  color: #232323;
}
.defaultsearch button {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-size: 18px;
  padding: 16px 20px;
  position: absolute;
  right: 0;
  background: #3974f6;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}
.defaultsearch button:hover {
  background: #232323;
}

.defaultsearch button i {
}
.defaultsearch input[type="text"] {
  padding-left: 10px;
}
/* widget list */

.widget {
}
.blog-left-side .widget h2 {
  border-bottom: 1px solid #e5e5e5;
  bottom: -1px;
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 17px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  position: relative;
  text-transform: capitalize;
}
.blog-left-side .widget h2::before {
  background: #3974f6;
  bottom: 0;
  content: "";
  height: 30px;
  left: -30px;
  position: absolute;
  width: 3px;
  top: -51px;
  transition: 1s;
}

.widget > :hover h2::before {
  height: 82px;
}
.blog-left-side .widget h2 {
}
.footer-middle .widget h5 {
  color: #232323;
  font-size: 24px;
  text-transform: capitalize;
}
.blog-left-side .widget ul {
  list-style: none;
}
.blog-left-side .widget ul li {
  margin: 0 0 5px;
  padding-left: 20px;
  position: relative;
}
.blog-left-side .widget ul li span {
  /*     display: inline-block; */
  font-weight: 300;
}

.blog-left-side .widget ul li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0;
}
.blog-left-side > .widget > ul > li {
  margin: 0 0 10px;
  padding-bottom: 10px;
}
.blog-left-side .widget > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.blog-left-side .widget ul li a {
  color: #626262;
}
.blog-left-side .widget ul li::before {
  color: #626262;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 18px;
  left: 0;
  position: absolute;
  top: -2px;
  display: none;
}
.blog-left-side .widget ul.children li {
}
/* widget select */

.widget {
}
.blog-left-side .widget select {
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  padding-left: 5px;
}
.widget .screen-reader-text {
  display: none;
}
.textwidget select {
  width: 100%;
}
/* table css */

#wp-calendar {
  width: 100%;
}
/* tags */

.tagcloud a {
  color: #232323;
  display: inline-block;
  font-size: 14px !important;
  margin: 0 8px 10px 0;
  padding: 7px 15px;
  text-align: center;
  font-weight: 400;
  border: 1px solid #ddd;
  text-transform: capitalize;
}
.tagcloud a:hover {
  background: #3974f6;
  color: #fff;
}
.widget_categories ul li:hover:before,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover .r-post-content h3:hover,
.blog-left-side .widget ul li a:hover,
.r-post-content h3 a:hover {
  color: #3974f6;
}

.wp-block-tag-cloud {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 0px 0;
  margin-top: 47px;
}

.wp-block-tag-cloud a {
  padding: 12px 18px;
  font-size: 14px !important;
  color: #fff;
  background: #3974f6;
  text-transform: capitalize;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  transition: 1s;
  margin-left: 10px;
  margin-bottom: 20px;
}
.wp-block-tag-cloud a:hover {
  background: #15263b;
}

#wp-calendar caption {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
  text-align: left;
  text-transform: uppercase;
}
#wp-calendar {
  font-size: 13px;
}
#wp-calendar {
  border: 0px solid #e5e5e5;
  margin-bottom: 20px;
  overflow: auto;
  vertical-align: top;
  width: 100%;
  margin: 0;
  color: #232323;
}
table#wp-calendar td {
  border: 1px solid #e5e5e5;
  color: #232323;
  padding: 5px 10px;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}
#wp-calendar th,
#wp-calendar td {
  padding: 8px;
}
table#wp-calendar th {
  border: 1px solid #e5e5e5;
  color: #232323;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
table#wp-calendar td#today {
  color: #fff;
  background-color: #3974f6;
}
table#wp-calendar td#today a {
  color: #fff;
}

.textwidget img {
  margin-bottom: 15px;
}
.textwidget p {
  margin-bottom: 0.5rem;
}
/*=====================
Home 2 Header CSS
======================*/

.dvrm {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.7s;
  transition: 0.7s;
  position: relative;
  left: 600px;
}
.dvrm {
  margin-right: 80px;
  top: 0px;
}
.dvrm.nav-show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  left: 0px;

  transition: 0.5s;
}

.hamburger {
  background: rgba(0, 0, 0, 0);
  border: 0 none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  margin: 0;
  overflow: visible;
  padding: 20px 15px;
  position: absolute;
  right: 0;
  text-transform: none;
  top: 50%;
  transform: translateY(calc(-50%));
  transition-duration: 0.5s;
  transition-property: opacity, filter, -webkit-filter;
  transition-timing-function: linear;
  z-index: 99;
  outline: none;
}
.hamburger.is-active .hamburger-box {
  height: 17px;
}
.hamburger-box {
  display: inline-block;
  height: 16px;
  position: relative;
  width: 36px;
  margin: auto;
}
.hamburger-inner {
  display: block;
  top: 50%;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: #fff;
  border-radius: 4px;
  height: 3px;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease;
  width: 35px;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*======= sungle team css ========*/
.team_single_pic {
  overflow: hidden;
}
.team_single_pic img {
  width: 100%;
}
.witr_single_team_s {
  text-align: center;
  background: #efefef;
  padding: 15px 0;
}
.witr_single_team_s a {
  text-align: center;
  font-size: 25px;
  margin: 0 7px;
}
.team_single_content {
  text-align: center;
}
.team_single_title h2 {
  padding: 20px 0 10px;
  font-size: 24px;
}

/* cur_part_6 */
.witr_single_team {
  position: relative;
  overflow: hidden;
}
.witr_single_team img {
  width: 100%;
  transition: 0.5s;
}
.witr_single_team:hover img {
  transform: scale(1.04);
}

.witr_single_team:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(12 62 185 / 70%);
  opacity: 0;
  transition: all 0.4s ease-out;
}
.witr_single_team:hover:after {
  visibility: visible;
  opacity: 1;
}
.witr_team_content_car {
  position: absolute;
  left: -300px;
  bottom: 22px;
  z-index: 3;
  transition: 0.5s;
}
.witr_single_team:hover .witr_team_content_car {
  left: 30px;
}

.witr_team_content_car span {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  margin: 0 0 9px;
}
.witr_team_content_car h5 {
  font-size: 22px;
  color: #fff;
  margin: 0;
}
.witr_team_content_car span:hover,
.witr_team_content_car h5:hover {
  color: #ad8cdf;
}

/*========================
EM40 TEAM CSS
=========================*/

.em-team {
  text-align: center;
  position: relative;

  transition: 0.5s;
  margin-bottom: 30px;
}
.em-team-one {
  position: relative;
  overflow: hidden;
  padding-bottom: 55px;
}

/* team image css */
.em-team-content-image {
}
.em-team-content-image img {
  width: 100%;
}
.em-team-content-waraper {
  background-color: #fff;
  bottom: -67px;
  left: 0;
  margin: 0 10px;
  padding: 30px 0;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.em-team-content-title h2 {
  margin-bottom: 5px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-size: 22px;
}
.em-team-content-subtitle {
  font-size: 16px;
  margin-bottom: 0;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.em-team-content-socials a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin: 14px 3px 0;
  text-align: center;
  width: 35px;
  color: #3974f6;
}
.em-team-content-socials {
  position: relative;

  transition: 0.5s;
}
.em-team-content-socials a:hover {
  background-color: rgba(4, 74, 202, 0.94);
  color: #fff;
}
.em-team:hover .em-team-content-waraper {
  background-color: rgba(4, 74, 202, 0.94);
  bottom: 0px;
}
.em-team:hover .em-team-content-socials {
}

/* team content */
.em-content-title h5 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;

  transition: 0.5s;
}
.em-content-title h5 a {
  font-weight: 500;
}

.em-content-subtitle {
  font-size: 16px;
  margin: 5px 0 0;
  text-transform: capitalize;

  transition: 0.5s;
}
.em-team:hover .em-content-title h5,
.em-team:hover .em-content-subtitle {
  color: #fff;
}

/* team social 5 */

.team-wrap {
  overflow: visible;
  position: relative;
}
.team-front {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: -webkit-transform 0.8s, opacity 0.4s;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.8s;
  transition: opacity 0.4s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.4s;
  transition: transform 0.8s, opacity 0.4s, -webkit-transform 0.8s;
}
.team-front {
  z-index: 2;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: scale(1);
  transform: scale(1);

  transition: 0.5s;
}
.team-style-2 .em-content-image img {
  margin: 0 auto;
  display: block;
  width: 100%;
  border-radius: 100%;
}
.team-style-2 .em-team:hover .em-content-image:before {
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team-back-wraper {
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.team-back-wraper {
  border-radius: 50%;
  bottom: 0;
  height: 99%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 99%;
  z-index: 1;
  right: 0;
  left: 0;
  margin: auto;
  background: #3974f6;
}
.team-wrap:hover .team-front {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.team-style-2 .em-content-socials a {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin: 0 6px;
}

.team-style-2 .em-content-socials a:hover {
  color: #232323;
}

.team-style-2 .em-content-socials {
  margin-top: 11px;
}

.team-style-2 .em-content-waraper {
  left: 0;
  padding: 30px 14px 28px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.team-style-2 .em-content-desc-inner {
  margin-top: 5px;
  color: #fff;
}

/* team content */
.team-style-2 .em-content-title h5 {
  color: #fff;
}
.team-style-2 .em-content-subtitle {
  color: #fff;
}
/* team button */

.team-style-2 .em-content-button a {
  display: inline-block;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  color: #3974f6;
}

/* Team 7*/
.busi_singleTeam {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.busi_singleTeam::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: 0.5s;
}
.busi_singleTeam img {
  width: 100%;
  height: auto;
}
.TM_center {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.busi_TMHover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  transition: all ease 400ms;
}
.busi_singleTeam:hover .busi_TMHover {
  opacity: 1;
}
.busi_TMHover::before {
  position: absolute;
  left: 0;
  top: 0;
  background: #3974f6;
  width: 0px;
  height: 3px;
  content: "";
  transition: all ease 500ms;
}
.busi_TMHover::after {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #3974f6;
  width: 0px;
  height: 3px;
  content: "";
  transition: all ease 500ms;
}
.busi_singleTeam:hover .busi_TMHover::before,
.busi_singleTeam:hover .busi_TMHover::after {
  width: 80px;
}
.busi_singleTeam h5 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-left: -30px;
  transition: all 0.6s ease-in-out;
}
.busi_singleTeam:hover h5 {
  margin-left: 0;
}
.busi_singleTeam h5:hover {
  color: #3974f6;
}
.busi_singleTeam span {
  font-size: 14px;
  margin-right: -30px;
  transition: all 0.6s ease-in-out;
}
.busi_singleTeam:hover span {
  margin-right: 0;
}
.busiTS {
  opacity: 0;
  transition: all 0.9s ease-in-out;
  margin-top: 8px;
}
.busi_singleTeam:hover .busiTS {
  opacity: 1;
  transition: all 0.9s ease-in-out;
}
.busiTS a {
  font-size: 16px;
  color: #7c7c7c;
  height: 34px;
  width: 34px;
  line-height: 30px;
  border: 2px solid #dddddd;
  border-radius: 50%;
  text-align: center;
  transition: 0.5s;
  display: inline-block;
}
.busiTS a:hover {
  background: #3974f6;
  border-color: #3974f6;
  color: #fff;
  transform: rotate(360deg);
}

/* team 8 */
.witr_team_a3d {
}
.witr_team_cont_3d {
  -o-perspective: 800px;
  perspective: 800px;
  transition: 0.5s;
}
.witr_team_cont_3d:hover .witr_team_wrap_3d {
  transform: rotateY(-180deg);
}
.witr_team_wrap_3d {
  transition: transform 0.5s;
  transform-style: preserve-3d;
  position: relative;
  z-index: 999;
}
.witr_team_front_3d,
.witr_team_back_3d {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: #f9f9f9;
}
.witr_team_front_3d {
  z-index: 2;
}
.witr_team_back_3d {
  z-index: 3;
  transform: rotateY(-180deg);
}

.witr_team_cont_3d,
.witr_team_front_3d,
.witr_team_back_3d {
  height: 300px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.witr_team_thumb_3d {
  position: relative;
}
.witr_team_thumb_3d::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*     background:rgba(73, 0, 221, 0.7); */
  opacity: 1;
  transition: 0.5s;
}
.witr_team_thumb_3d img {
  width: 100%;
}
.witr_content_waraper {
  left: 0;
  padding: 64px 10px 64px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* team content */
.witr_content_3d h5 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 0;
}
.witr_content_3d span {
  font-size: 18px;
  margin: 5px 0 0;
}
.witr_content_3d p {
  margin-top: 10px;
}
.witr_socials_3d {
  margin-top: 14px;
}
.witr_socials_3d a {
  color: #232323;
  display: inline-block;
  font-size: 18px;
  margin: 0 6px;
}
.witr_socials_3d a:hover {
  color: #3974f6;
}

/* witr_tslide_area */
.witr_tslide_area {
}
.witr_single_tslide {
  height: 494px;
}
.witr_tslide_thumb {
  position: relative;
}
.witr_tslide_thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  transition: 0.5s;
}
.witr_tslide_thumb img {
  width: 100%;
}
.witr_tslide_text {
  box-shadow: 0px 0px 30px 0px rgba(148, 146, 245, 0.2);
  padding: 27px 30px 0px;
}

.witr_tslide_text h1 {
  font-size: 24px;
}
.witr_tslide_text h2 {
  font-size: 18px;
  color: #3974f6;
  margin: -5px 0px 29px;
}
.witr_tslide_text p {
  opacity: 0;
  margin-top: -15px;
  margin-bottom: 26px;
  transition: 0.5s;
}
.witr_single_tslide:hover .witr_tslide_text p {
  opacity: 1;
}

.witr_btn_tslide {
  margin-top: -71px;
  transition: 1s;
}
.witr_single_tslide:hover .witr_btn_tslide {
  margin-top: 0px;
}
.witr_tslide_btn {
}
.witr_tslide_btn a {
  color: #3974f6;
  font-size: 17px;
  border-top: 1px solid #ddd;
  display: block;
  padding: 10px 0px;
  transition: 1s;
}
.witr_tslide_btn a:hover {
  color: #fff;
  border-top: 1px solid #3974f6;
  background: #3974f6;
}
.witr_tslide_btn a i {
  font-size: 14px;
  margin-left: 5px;
}

/*===========================
    8.Screenshots css 
===========================*/
.Screenshots {
}
.dnSlide-main {
  position: relative;
}
.dnSlide-main img {
  width: 100%;
}
.Screenshots-fearm {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
}
.Screenshots-fearm img {
  width: 154% !important;
  max-width: 154% !important;
  position: relative;
  left: -123px;
  top: -26px;
}
.Screenshots .dnSlide-main .dnSlide-btn {
  border-radius: 50%;
  color: #000;
  height: 40px !important;
  width: 40px !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: absolute;
  z-index: 10;
  cursor: pointer;
  background: #3974f6;
}
.Screenshots .dnSlide-main .dnSlide-btn i {
  color: #fff;
}
.Screenshots .dnSlide-main .dnSlide-left-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: -65px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.Screenshots .dnSlide-main .dnSlide-right-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  right: -107px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.Screenshots .dnSlide-main .dnSlide-left-btn:before {
  position: absolute;
  content: "\f104";
  left: 43%;
  top: 46%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 35px;
  font-family: fontawesome;
  color: #fff;
}
.Screenshots .dnSlide-main .dnSlide-right-btn:before {
  position: absolute;
  content: "\f105";
  left: 52%;
  top: 47%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 35px;
  font-family: fontawesome;
  color: #fff;
}
.Screenshots:hover .dnSlide-main .dnSlide-right-btn,
.Screenshots:hover .dnSlide-main .dnSlide-left-btn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*====== home page 3 ======*/
.Screenshots-area {
  position: relative;
}
.Screenshots-slide .slick-center .slide-item img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.Screenshots-slide .slide-item img {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  width: 100%;
}
.Screenshots-slide .slick-center {
  position: relative;
}
.Screenshots-area .Screenshots-frame-img {
  position: absolute;
  left: 10px;
  top: -29px;
  width: 100%;
}
.Screenshots-frame-img img {
  width: 43%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.Screenshots-slide .slick-arrow.slick-prev {
  left: 200px;
}
.Screenshots-slide .slick-arrow.slick-next {
  right: 200px;
}
/*====== home page 5 ======*/
.mobile-slide .slick-center .mobile-thumb img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mobile-slide .mobile-thumb img {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  width: 100%;
}
/*====== home page 6 ======*/
.mobile-slide-6 .slick-center .mobile-thumb img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mobile-slide-6 .mobile-thumb img {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  width: 100%;
}
.mobile-slide-7 .mobile-thumb {
  position: relative;
}
.mobile-slide-7 .mobile-thumb .mobile-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  transition: 0.5s;
}
.mobile-slide-7 .mobile-thumb .mobile-slide-overlay a {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 25px;
}
.mobile-slide-7 .mobile-thumb:hover .mobile-slide-overlay {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* carsol imagess area css */
.imagess_area {
}
.witr_car_overlay {
  position: relative;
}
.witr_car_overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/*===========================
    9.pricing css 
===========================*/
.pricing_area {
  border: 1px solid #3974f6;
  border-radius: 5px;
}
.pricing-part {
  position: relative;
  overflow: hidden;
}
.pricing-part sub {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: -65px;
  top: 20px;
  background: #3974f6;
  line-height: 43px;
  width: 217px;
  height: 45px;
  text-align: center;
  -webkit-transform: rotate(35deg);
  transform: rotate(45deg);
}
.pricing-part i {
  color: #3974f6;
  font-size: 40px;
  margin-top: 40px;
  display: block;
}
.pricing-part h4 {
  font-size: 24px;
  color: #232323;
  margin: 26px 0 12px;
  display: block;
}
.pricing-part h5 {
  font-size: 35px;
  margin-bottom: 30px;
}
.pricing-part span {
  font-size: 24px;
  margin-right: 5px;
}

.pricing-part ul {
}
.pricing-part ul li {
  color: #555555;
  line-height: 40px;
  list-style: none;
}
/* pricing list css */
.pricing-part ul li:nth-child(odd) {
}
.pricing-part ul li:nth-child(even) {
}
.witr_btnp_color {
  margin-top: 37px;
  padding-bottom: 40px;
}
.pricing-part a.btn {
  background: #3974f6;
  line-height: 41px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  color: #fff;
  border: 1px solid #3974f6;
}
.pricing-part a.btn:hover {
  background: transparent;
  color: #3974f6;
}
.pricing-part.active {
  background: #3974f6;
}
.pricing-part.active i,
.pricing-part .active ul li:nth-child(odd),
.pricing-part .active ul li:nth-child(even),
.pricing-part.active h4,
.pricing-part.active h5,
.pricing-part.active ul li,
.pricing-part.active a {
  color: #232323;
}
.pricing-part.active a.btn {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.pricing_area .nav {
  border: 0;
  position: absolute;
  left: 0;
  z-index: 22;
  top: -50px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pricing_area .nav li {
  margin: 0 -18px;
}
.pricing_area .nav li a {
  background-color: transparent;
  font-size: 18px;
  font-weight: 600;
  color: #232323;
  line-height: 46px;
  padding: 0 65px;
  border: 1px solid #3974f6;
  border-radius: 30px;
}
.pricing_area .nav li a.active {
  background: #3974f6;
  color: #fff;
}
/*====== home page 2 ======*/
.pricing-part.pricing-part-2.active {
  background: none;
}
.pricing-part .pricing-part-2 {
  border: none;
}
/* .pricing-part.pricing-part-2.active i,
.pricing-part.pricing-part-2 .active ul li:nth-child(odd),
.pricing-part.pricing-part-2 .active ul li:nth-child(even),
.pricing-part.pricing-part-2.active span,
.pricing-part.pricing-part-2.active h5,
.pricing-part.pricing-part-2.active ul li,
.pricing-part.pricing-part-2.active a {
    color: #232323 ;
    border: none;	
} */
.pricing-part.pricing-part-2 a.btn {
  background: transparent;
  color: #555;
  border: 1px solid #3974f6;
}
.pricing-part.pricing-part-2 a.btn:hover {
  color: #fff;
  background: #3974f6;
}
.pricing-part.pricing-part-2.active a.btn,
.pricing-part.pricing-part-2.active sub {
  color: #fff;
  background: #642ba2;
}
/*===========================
    10.testomonial css 
===========================*/
.testomonial {
}
.testomonial .test-part {
  border: 2px solid #ddd;
  padding: 30px 17px 10px 30px;
  position: relative;
}
.test-part h6 {
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  color: #232323;
  padding-top: 30px;
  padding-bottom: 7px;
}
.test-part span {
  color: #232323;
  font-weight: 400;
  font-size: 17px;
}
.test-part ul li {
  display: inline-block;
  padding-top: 20px;
}
.test-part p {
  color: #232323;
}
.testomonial .test-part img {
  position: absolute;
  top: -43px;
  left: 30px;
  z-index: 22;
  width: 78px;
  height: 78px;
}
.testomonial.testomonial-5 .test-part img {
  top: -50px;
}
.witr_item_column {
  padding: 0 15px;
  padding-top: 60px;
}
.witr_slick_column {
  padding: 0 15px;
}
.em_crating {
  /*  margin-top: 5px; */
}
.em_crating i {
  margin-bottom: 11px;
  color: #3974f6;
  font-size: 18px;
}
.em_crating i.active {
  color: #ff7e00;
}

.witr_all_mb_30,
.guttergs {
  margin-bottom: 30px;
}
.witr_all_pd0,
.noguttergs {
  padding: 0px;
}

/*====== home page 5 ======*/
.testomonial.testomonial-5 .witr_item_column {
  padding: 0 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.testomonial.testomonial-5 {
  /*     background: none;
    padding-bottom: 50px; */
}
.testomonial.testomonial-5 .test-part {
  border: 2px solid #ddd;
  padding: 25px 30px 50px;
  position: relative;
}
.testomonial.testomonial-5 .test-part h6 {
  color: #232323;
  padding-top: 0;
}
.testomonial.testomonial-5 .test-part span {
  color: #555;
}
.testomonial .test-part ul li,
.testomonial.testomonial-2 .test-part ul li,
.testomonial.testomonial-5 .test-part ul li {
  padding-top: 0px;
  padding-bottom: 10px;
}

.testomonial.testomonial-5 .test-part p {
  color: #555;
}
.testomonial.testomonial-5 .test-part img.testimg {
  top: 82%;
}
.testomonial.testomonial-5 .test-part .postimg {
  top: 105%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* single_creativeItem */
.single_creativeItem {
}
.box-size {
}
.testiCreCon {
  position: relative;
  box-shadow: 0px 2px 29px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
  border-radius: 5px;
  padding: 8px 20px 30px 32px;
  margin-top: 71px;
  margin-bottom: 32px;
}
.testiCreCon:after {
  position: absolute;
  content: "";
  left: 35px;
  bottom: -19px;
  width: 40px;
  height: 40px;
  background: #fff;
  transform: rotate(45deg);
  z-index: -1;
  box-shadow: 0px 2px 29px 5px rgba(0, 0, 0, 0.08);
}
.testiCreCon i {
  font-size: 100px;
  color: #dddddd;
  margin: -60px 0 3px;
}
.testiCreCon p {
  margin: 0;
}
.testAuthor {
}
.testAuthor h6 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}
.testAuthor span {
  font-size: 15px;
}

/* testimonial style 7 */
.witr_client7 {
  position: relative;
}
.witr_testiSlider {
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  padding: 0 0 11px;
  margin: auto;
}
.witr_testiSlider .slick-slide.item {
  /*     padding: 15px 0; */
  outline: none;
}
.wirt_TraSlider .slick-slide.item {
  outline: none;
}
.witr_testiSlider .slick-slide .witr_autho_thumb img {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  display: inline-block;
}
.witr_content_test7 {
  position: relative;
  padding: 0 180px;
}
.witr_content_test7 .em_crating {
  margin: 0px 0 20px;
}
.witr_content_test7 .em_crating i {
  font-size: 18px;
}
.witr_content_test7 p {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  z-index: 3;
}
.witr_content_test7 p::after {
  position: absolute;
  left: 0;
  top: -10px;
  right: 0;
  content: "\f10e";
  font-family: fontAwesome;
  font-size: 146px;
  line-height: 0.8;
  color: #eeeeee;
  z-index: -1;
}

.witr_author_name {
  margin-top: 20px;
  z-index: 11;
  position: relative;
}
.witr_content_test7 h6 {
  font-size: 20px;
  color: #232323;
}
.witr_content_test7 span {
  font-size: 18px;
}

/*===========================
   testomonial style 8 css 
===========================*/

.witr_testomonial_area {
  width: 80%;
  margin: auto;
}
.witr_background_test {
  background: #fff;
  box-shadow: 0px 6px 30px 0px rgba(148, 146, 245, 0.2);
  border-top: 2px solid #00a2ff;
  border-bottom: 2px solid #00a2ff;
  margin-top: 50px;
  margin-bottom: 60px;
}
.witr_testi_main {
  box-shadow: 0px 6px 30px 0px rgba(148, 146, 245, 0.2);
  text-align: center;
  padding: 50px 0px;
  background: #fff;
  border-top: 2px solid #00a2ff;
  border-bottom: 2px solid #00a2ff;
  width: 70%;
  margin: auto;
  margin-top: -50px;
  margin-bottom: -50px;
}
.witr_test_part {
  float: left;
  margin-left: 215px;
  margin-right: -165px;
}
.witr_test_part img {
}
.witr_ns_part {
}
.witr_ns_part h6 {
  font-size: 22px;
  margin-top: 10px;
}
.witr_ns_part i {
  color: #00a2ff;
  font-size: 17px;
  font-weight: 500;
}
.witr_test_content {
}
.witr_test_content p {
  width: 88%;
  margin: auto;
  margin-top: 30px;
}
.witr_test_name {
  margin: 30px 0 15px;
}
.witr_test_name i {
  color: #00a2ff;
  font-size: 18px;
}

/*====== home page 2 ======*/
.banner-laptop-2 img {
  width: 100%;
  margin-top: 0;
}

/*===========================
    10.blog css 
===========================*/
.witr_blog_are {
}
.blog-part {
  position: relative;
  margin-bottom: 30px;
}

.blog_part_inner {
}
.witr_blog_imags {
  overflow: hidden;
}
.blog-img {
  position: relative;
  transform: scale(1);
  transition: 1s;
}
.blog-img img {
  width: 100%;
}

.blog-img:before {
  position: absolute;
  content: "";
  background: rgba(12, 62, 185, 0.5);
  right: 0;
  width: 0%;
  height: 100%;
  transition: 1s;
}
.blog_part_inner:hover .blog-img:before {
  width: 100%;
}
.blog_part_inner:hover .blog-img {
  transform: scale(1.2);
}

.witr_nth_child {
  margin-bottom: 84px;
}
.wblog-content {
  padding: 20px 28px 24px;
  box-shadow: 0px 0px 15px 0px rgba(148, 146, 245, 0.2);
  background: #fff;
}

.witr_position_text {
  padding: 21px 6px 26px 22px;
  position: absolute;
  background: #fff;
  bottom: -168px;
  left: 10px;
  right: 10px;
  transition: 1s;
}
.witr_nth_child:hover .witr_position_text {
  bottom: -84px;
}
.wblog-content span {
  font-size: 16px;
  color: #626262;
  line-height: 28px;
  margin: 2px 0px 0px 0;
  display: inline-block;
  text-transform: capitalize;
}
.wblog-content span a {
  color: #626262;
}
.wblog-content span i {
  padding-right: 5px;
  padding-left: 5px;
  color: #3974f6;

  transition: 0.5s;
}
.wblog-content h5 > a {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #232323;
}
.wblog-content h5 > a:hover,
.wblog-content span i:hover {
  color: #3974f6;
}

.wblog-content h5 {
  margin-top: 5px;
}
.witr_buttom_text {
  margin-top: 15px;
}
.witr_buttom_text a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 12px 30px;
  background: #15263b;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  transition: 1s;
  display: inline-block;
  text-transform: uppercase;
}

.witr_buttom_text a:hover {
  background: #3974f6;
  color: #fff;
}
.witr_buttom_text i {
  margin-left: 8px;
  transition: 1s;
}
.witr_buttom_text:hover i {
  margin-left: 10px;
}
.witr_bt2 {
}

/*====== blog style 6/1 ======*/
.witr_position_text2 {
  padding: 21px 6px 26px 22px;
  transition: 1s;
}

/*====== blog style 2 ======*/
.wblog-content.blog-content-5 {
  padding: 20px 20px 30px;
}
.wblog-content.blog-content-5 h5 {
  padding-bottom: 0px;
}

/* blog area css 5 */
.busi_singleBlog {
  background: #fff;
  transition: 0.5s;
  box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.04);
}
.busi_singleBlog:hover {
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
}
.witr_sb_thumb {
  overflow: hidden;
  position: relative;
}
.witr_sb_thumb img {
  width: 100%;
  transition: 0.5s;
}
.witr_sb_thumb::before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: 1;
}
.busi_singleBlog:hover .witr_sb_thumb img,
.busi_singleBlog:hover .witr_sb_thumb::before {
  transform: scale(1.2);
}

.witr_blog_con {
  padding: 12px 30px 18px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dddddd;
}
.witr_blog_con span {
  font-size: 16px;
  line-height: 50px;
  margin-bottom: 3px;
  font-size: 16px;
  color: #7c7c7c;
  padding-bottom: 15px;
  margin-right: 2px;
}
.witr_blog_con span i {
  padding-right: 5px;
  padding-left: 5px;
  color: #7c7c7c;
  transition: 0.5s;
}
.witr_blog_con span i:hover {
  color: #3974f6;
}

.witr_blog_con h2 {
  font-size: 24px;
  color: #7c7c7c;
  margin-bottom: 0;
}
.witr_blog_con h2 a {
  display: inline-block;
  font-weight: 600;
}
.witr_blog_con h2 a:hover {
  color: #3974f6;
}
.witr_post_Author {
  padding-bottom: 27px;
  margin: 0 30px;
}
.witr_post_Author img {
  width: 33px;
  height: 33px !important;
  border-radius: 50% !important;
  margin-right: 5px;
}

.witr_post_Author .nameAuthor {
  font-size: 14px;
  line-height: 36px;
  color: #7c7c7c;
  margin: 0;
}
.witr_post_Author .comment {
  float: right;
  font-size: 17px;
  color: #7c7c7c;
  line-height: 30px;
}
.witr_post_Author .nameAuthor:hover,
.witr_post_Author .comment:hover {
  color: #3974f6;
}

/*========= blog area css 6 ==========*/

/*===========================
    10.counter css 
===========================*/

.witr_counter_single {
}
.witr_counter_number_inn {
  overflow: hidden;
}
.witr_counter_number_inn h3,
.witr_counter_number_inn span {
  font-size: 45px;
  font-weight: 700;
  color: #232323;
  display: inline-block;
  margin-bottom: 4px;
}
.witr_counter_number_inn span {
  line-height: 0;
}
/* content */
.witr_counter_number_inn h4 {
  color: #232323;
  font-size: 18px;
  font-weight: 600;
}

/*====== style 2 ======*/

.witr_counter_icon {
}
.witr_counter_icon i {
  color: #232323;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  border: 1px solid #232323;
  text-align: center;
  line-height: 54px;
  font-size: 23px;
  margin-right: 20px;
  float: left;
}
.witr_custom_icon {
}
.witr_custom_icon i {
  color: #232323;
  font-size: 57px;
  margin-right: 15px;
  float: left;
  margin-top: 15px;
}
/*====== style 4 ======*/
.witr_single_counter {
  border: 2px solid #232323;
  border-radius: 100%;
  padding: 72px 0 61px;
  text-align: center;
  transition: all 0.5s ease 0s;
  height: 270px;
  width: 270px;
  transition: 0.5s;
  margin: auto;
  margin-bottom: 30px;
}
.witr_single_counter:hover {
  border: 3px dotted #f00;
  background: #3974f6;
  animation: border_blinker 3.5s linear;
}
@keyframes border_blinker {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.witr_counter_icon4 {
}
.witr_counter_icon4 i {
  color: #232323;
  font-size: 30px;
  text-align: center;
  transition: all 1s ease 0s;
  margin-bottom: 15px;
}
.witr_counter_text h4 {
  color: #232323;
  font-size: 25px;
}
.witr_counter_text h3 {
  color: #232323;
  display: inline-block;
  font-size: 33px;
  font-weight: 700;
}
.witr_counter_text span {
  color: #232323;
  font-size: 42px;
  font-weight: 700;
  line-height: 0;
}

/*home page 4*/
.brand-slide-4 {
  border-top: 1px solid #ddd;
}
/*===========================
    10.other page css 
===========================*/
/*====== sing up page ======*/
.sing-up-part h3 {
  font-size: 35px;
  color: #232323;
  font-weight: 700;
  line-height: 28px;
  padding-bottom: 25px;
}
.sing-up-part p {
  padding-top: 20px;
  padding-bottom: 10px;
}
.sing-up-part .input-layer {
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding-left: 30px;
}
.sing-up-part form input[type="checkbox"] {
  display: none;
}
.sing-up-part form input[type="checkbox"] + .label-text:before {
  content: "\2714";
  border: 2px solid #ddd;
  border-radius: 2px;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  color: transparent;
  margin-right: 10px;
  font-size: 12px;
}
.sing-up-part form input[type="checkbox"]:checked + .label-text:before {
  background: #ddd;
  content: "\2714";
  color: #232323;
  font-family: fontawesome;
  padding: 3px 5px;
}
.sing-up-part form label {
  cursor: pointer;
  padding-top: 30px;
  display: block;
  margin: 0;
  padding-bottom: 30px;
}
.sing-up-part form label span {
  color: #555;
}
.sing-up-part form button {
  line-height: 48px;
  padding: 0 40px;
  background: #584bed;
  border: 1px solid #584bed;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 500;

  transition: 0.5s;
}
.sing-up-part form button:hover {
  background: transparent;
  color: #232323;
}
/*=====================
mettle PORTFOLIO AREA CSS
=========================*/

.portfolio_nav {
  padding: 0px 0 40px;
  text-align: center;
}
.portfolio_nav ul {
}
.portfolio_nav ul li {
  display: inline;
}
.portfolio_nav ul li {
  border: 1px solid #f3eaea;
  border-radius: 5px;
  color: #232323;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0 5px 10px;
  padding: 6px 27px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.portfolio_nav ul li:hover,
.portfolio_nav ul li.current_menu_item {
  color: #fff;
  background: #3974f6 none repeat scroll 0 0;
  border-color: #3974f6;
}
.prot_wrap {
  overflow: hidden;
}
/* single gallery css */

.single_protfolio {
  position: relative;
  /*     margin-bottom: 30px; */
  overflow: hidden;
}
.prot_thumb {
}
.prot_thumb img {
  display: block;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
}
.single_protfolio:hover .prot_thumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.prot_content {
  height: 100%;
  width: 100%;
  position: absolute;
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  transition: 0.5s;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 4, 0.5) none repeat scroll 0 0;
  z-index: 9;
}
.multi_gallery.prot_content {
  height: 90%;
  width: 80%;
  right: 10%;
  top: 5%;
  bottom: 5%;
  left: 10%;
}
.prot_content_inner {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 10;
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
}
.single_protfolio:hover .prot_content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.prot_content h3 {
  margin: 0;
}
.prot_content h3 a {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
}
.prot_content h3 a:hover {
  color: #ff7e00;
}

.prot_content p {
  color: #fff;
  line-height: 1.2;
  margin: 5px 0 0;
}
.prot_content p span {
  display: inline-block;
  padding-top: 0px;
}
.single_protfolio:hover .prot_content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.porttitle_inner span,
.porttitle_inner4 span,
.prot_content span {
  position: relative;
  margin: 0 2px;
}
.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
  bottom: 0;
  content: ",";
  position: absolute;
  right: -5px;
}
.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
  content: "";
}
.nospace.col-xs-12 {
  padding: 0px;
}
.nospace .single_protfolio {
  margin-bottom: 0px;
}
/* load button css */

.gallery_load_button {
}
.gallery_load_button a {
  border: 1px solid #ddd;
  color: #444;
  padding: 7px 15px;
  display: inline-block;
  font-size: 17px;
  margin-top: 0px;
}
.gallery_load_button a:hover {
  border-color: #232323;
  background: #232323;
  color: #fff;
}
.prot_wrap.nospace .gallery_load_button a {
  margin-top: 30px;
}
/* portfolio icon css */

.picon {
}
.picon a {
  background: #3974f6 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin: 0 3px 11px;
  width: 50px;
  text-align: center;
}
.picon a:hover {
  border-color: #ff7e00;
  background: #ff7e00;
  color: #fff;
}
/* single portfolio */

.pimgs {
}
.pimgs img {
}
.prots-contentg p {
}
.prots-contentg ul {
  margin-left: 40px;
}
/*style 1 */

.em_port_content {
  background: rgb(12 62 185 / 70%);
  height: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 9;
  left: 0;
  top: -100%;
  width: 100%;

  transition: 0.5s;
  text-align: center;
  color: #fff;
}
.pstyle_1 .porttitle_inner h3 {
  color: #fff;
}
.pstyle_1 .porttitle_inner h3 a {
}
.pstyle_1 .porttitle_inner p {
  color: #232323;
}
.pstyle_1 .prot_content p {
  margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
  transition: 0.5s;
}
.pstyle_1 .porttitle_inner .prots-content {
  color: #fff;
}
.portfolio_readmore_btn {
  padding-top: 23px;
}
.portfolio_readmore_btn > a {
  background: #fff none repeat scroll 0 0;
  border-radius: 30px;
  display: inline-block;
  padding: 6px 21px;
  text-transform: uppercase;
  color: #3974f6;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid transparent;
}
.portfolio_readmore_btn > a:hover {
  background: #3974f6;
  color: #fff;
  border: 1px solid #3974f6;
}
.em_port_container {
  overflow: hidden;
  position: relative;
}
.pstyle_1 .porttitle_inner p span {
  padding-top: 5px;
  color: #fff;
}
.pstyle_1 .picon a {
  background: transparent;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  height: 50px;
  line-height: 50px;
  margin: 0 8px 11px;
  width: 50px;

  transition: 0.5s;
}
.pstyle_1 .picon a:hover {
  background: #3974f6;
  color: #fff;
}
.pstyle2 .prot_content {
  background: rgba(4, 74, 202, 0.85);
}
.pstyle2 .prot_content_inner {
  left: 50%;
  position: absolute;
  top: 60%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.pstyle2 .single_protfolio:hover .prot_content_inner {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  top: 50%;
  opacity: 1;
}
/* port style 3 */
.em_plus_port {
  position: absolute;
  bottom: 20px;
  right: 30px;
  z-index: 99;
}
.pstyle2.pstyle3 .prot_content_inner {
  text-align: left;
}
.pstyle2.pstyle3 .prot_content_inner {
  left: 3000px;
  position: absolute;
  top: 60%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: rgba(73, 0, 221, 0.6);
  padding: 20px;

  transition: 0.5s;
}
.pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner {
  left: 75%;
}
/* style 4 */

.pstyle4.pstyle_1 .single_protfolio:hover {
  box-shadow: none;
}
.pstyle4 .prot_content_inner {
  top: 50%;
}
.pstyle4 .prot_thumb {
  overflow: hidden;
  position: relative;
}
.pprotfolio4 {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
  padding: 17px 10px 20px;
}
.pprotfolio4 {
  border: 1px solid #f1f1f1;
  border-top: 0px solid #f1f1f1;
  padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
  margin: 0;
  text-transform: capitalize;
  color: #454545;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.porttitle_inner4 h3 a {
  text-transform: uppercase;
  color: #454545;
  font-size: 18px;
  font-weight: 600;
}
.porttitle_inner4 p {
  color: #454545;
  line-height: 1;
  margin: 5px 0 0;
}
.porttitle_inner4 p span {
  display: inline-block;
  padding-top: 5px;
}

/* single portfolio2 */
.portfolio-details-box {
}
.gitem img {
}
.portfolio-details-box h2 {
  color: #232323;
  line-height: 30px;
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 0px;
}
.portfolio-details-box ul {
}
.portfolio-details-box ul li {
  padding-top: 15px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ddd;
  list-style: none;
}
.portfolio-details-box ul li b {
  color: #444;
  font-size: 19px;
  font-weight: 600;
}
.portfolio-details-box ul li span.eright {
  font-weight: 500;
  color: #626262;
  font-size: 17px;
  margin-left: 5px;
}
.portfolio-details-box .prots-contentg ul {
  margin-left: 0px;
}
.portfolio-details-box .techit-single-icon-inner {
  text-align: left;
}
.pr-title {
}
.pr-title h2 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 30px;
}

/* call to action */
.witr_call_to_action {
  text-align: left;
  position: relative;
}
.witr_call_to_content {
}
.witr_call_to_content h3 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.witr_call_to_content h1 {
  font-size: 36px;
  margin-bottom: 15px;
}
.witr_call_to_content a {
  border: none;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  background-color: #3974f6;
  border-radius: 50px;
  margin-top: 20px;
  padding: 8px 30px 10px;

  transition: 0.5s;
}
.witr_call_to_content a:hover {
  background: #3974f6;
}
.witr_call_to_content p {
  width: 55%;
  margin: auto;
  margin-left: 0;
  font-size: 16px;
}
.em-call-to-video {
  position: absolute;
  right: 0;
  top: 50%;
  width: 24%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.em-call-video-link {
  float: left;
  margin-right: 20px;
}
.em-call-to-video h2,
.em-call-to-video i {
}
.em-call-to-video h2 {
  font-size: 25px;
}
.em-call-to-video i {
  font-size: 28px;
}
/*====== apps button =======*/
.w_apps_button_image {
  display: inline-block;
  margin-right: 34px;
}
.w_apps_button_image a {
}
.w_apps_button {
  display: inline-block;
}
.w_apps_button a {
  padding: 3px 30px 11px 30px;
  border: 1px solid #3974f6;
  border-radius: 30px;
  margin-right: 15px;
  display: block;

  transition: 0.5s;
}
.w_apps_button a:hover {
  background: #642ba2;

  transition: 0.5s;
}
.w_apps_button a:hover span.icontext,
.w_apps_button a:hover span.spaninner {
  color: #fff;

  transition: 0.5s;
}
span.icontext {
  float: left;
  font-size: 29px;
  margin-right: 18px;
  margin-top: 14px;
  color: #232323;
}
span.spaninner {
  display: block;
  overflow: hidden;
  color: #232323;
  text-transform: capitalize;
  font-size: 23px;
}
span.smalltext {
  display: block;
  font-size: 14px;
}
/*====== single image area =======*/
.single_image_area {
}
.single_image {
  position: relative;
}
.single_image:before {
  content: "";
  position: absolute;
  /*  background: #f00; */
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.single_image img {
  width: 100%;
}
/*====== footer widget area css =======*/
.witr_footer_widget_area {
}
.witr_footer_widget {
}
/* title  */
.witr_own_widet_title {
}
.witr_own_widet_title h1 {
  font-size: 22px;
  padding-bottom: 3px;
  text-transform: capitalize;
}
/* content */
.wittr_footermenu_w_list {
}
.wittr_footermenu_w_list ul {
}
.wittr_footermenu_w_list ul li {
  list-style: none;
}
.wittr_footermenu_w_list ul li a,
.wittr_footermenu_w_list ul li {
  font-size: 16px;
  line-height: 38px;
  font-weight: 400;
  color: #555;
  transition: 0.5s;
}
.wittr_footermenu_w_list ul li a:hover {
  color: #3974f6;
}
/* icon */
.wittr_footermenu_w_list ul li i {
}
/* tags css*/
.witr_own_widet_title h5 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 17px;
  text-transform: capitalize;
}
.witr_own_widet_title .tagcloud a {
  color: #fff;
  font-size: 16px !important;
  line-height: 27px;
  margin-right: 15px;
  padding: 0;
}
/*======  socials  css =======*/
.witr_single_socials {
}
.witr_single_socials ul {
}
.witr_single_socials ul li {
  list-style: none;
}
.witr_single_socials ul li a {
}
.witr_single_socials ul li a i {
  display: inline-block;
  color: #555;
  margin-right: 15px;
  font-size: 16px;

  transition: 0.5s;
  margin-top: 8px;
}
.witr_single_socials ul li a i:hover {
  color: #3974f6;
}
/*======  Custom Icon  css =======*/
.witr_custom_icons {
}
.witr_custom_icons a {
}
.witr_custom_icons i {
  color: #232323;
  font-size: 37px;
  transition: 0.5s;
}
.witr_custom_icons i:hover {
}

/*====== blog page ======*/
.blog-btn a {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(119, 1, 219, 1)),
    to(rgba(25, 153, 242, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(119, 1, 219, 1) 0%,
    rgba(25, 153, 242, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(119, 1, 219, 1) 0%,
    rgba(25, 153, 242, 1) 100%
  );
  color: #fff;
  font-weight: 400;
  padding: 0 28px;
  font-size: 18px;
  line-height: 48px;
  border-radius: 30px;
  margin-top: 25px;
}
.blog-tag h4,
.blog-post h4,
.blog-cat h4,
.blog-title h4 {
  font-size: 20px;
  line-height: 15px;
  color: #232323;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  position: relative;
}
.blog-tag h4:before,
.blog-post h4:before,
.blog-cat h4:before,
.blog-title h4:before {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 130px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(119, 1, 219, 1)),
    to(rgba(25, 153, 242, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(119, 1, 219, 1) 0%,
    rgba(25, 153, 242, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(119, 1, 219, 1) 0%,
    rgba(25, 153, 242, 1) 100%
  );
}
.blog-title img {
  margin-top: 40px;
  width: 100%;
}
.blog-title h5 {
  font-size: 20px;
  font-weight: 500;
  color: #232323;
  padding-top: 23px;
  padding-bottom: 10px;
}
.blog-title h5 span {
  color: #555;
  font-size: 16px;
  font-weight: 400;
}
.blog-title p {
  padding-right: 30px;
}
.blog-left-side .blog-title > ul > li {
  display: inline-block;
  padding: 0px;
}
.blog-left-side .blog-title > ul > li > a {
  height: 40px;
  width: 40px;
  background: #584bed;
  text-align: center;
  border-radius: 50%;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 0;
  display: inline-block;
}
.blog-title ul li:nth-child(2) a {
  background: #ff896a;
}
.blog-title ul li:nth-child(3) a {
  background: #bf113c;
}
.blog-title ul li:nth-child(4) a {
  background: #22478b;
}
.blog-title ul li:nth-child(5) a {
  background: #00afe1;
}
.blog-cat ul {
  margin-top: 20px;
}
.blog-cat ul li {
  width: 100%;
}
.blog-cat ul li p {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 13px 0 5px;
  border-bottom: 1px solid #ddd;
  color: #555;
}
.blog-cat ul li:last-child p {
  border-bottom: 0;
}
.blog-cat ul li p span {
  position: absolute;
  right: 0;
}
.blog-ad {
  position: relative;
}
.blog-ad .blog-ad-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(88, 75, 237, 0.8);
  text-align: center;
  padding: 80px 52px;
}
.blog-ad h5 {
  font-size: 35px;
  font-weight: 600;
  line-height: 48px;
  color: #fff;
  text-transform: uppercase;
}
.blog-post {
  margin-top: 50px;
}
.blog-post ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  white-space: normal;
}
.blog-cont span {
  color: #555;
  padding-top: 6px;
}
.blog-cont span p {
  line-height: 22px;
}
.blog-tag {
  margin-top: 20px;
}
.blog-tag h4 {
  margin-bottom: 22px;
}
.blog-tag span {
  color: #555;
  padding-right: 25px;
  line-height: 38px;
}
.btn-center {
  margin-left: -400px;
}
.blog-tag {
}
.single-content h5 {
  font-size: 35px;
  font-weight: 600;
  color: #232323;
  line-height: 30px;
  padding: 30px 0 20px;
}
.single-content span {
  font-size: 15px;
  color: #555;
  padding-right: 20px;
  margin-bottom: 17px;
}
.single-content span i {
  font-size: 13px;
  padding-right: 8px;
}
.blog-title ul {
  display: inline-block;
}
.blog-title span {
  font-size: 20px;
  font-weight: 500;
  color: #555;
  line-height: 28px;
  padding-right: 9px;
}
.blog-form h3,
.blog-cmnt h3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.blog-q {
  padding: 70px 32px 30px;
  border-left: 2px solid rgba(88, 75, 237, 1);
  box-shadow: 0 0 13px -10px #000;
}
.blog-q h5 {
  font-size: 20px;
  color: #232323;
  font-weight: 600;
  padding-top: 18px;
}
.blog-q span {
  font-size: 17px;
  color: #555;
  line-height: 28px;
}
.blog-q p {
  position: relative;
  z-index: 2;
  font-size: 20px;
}
.blog-q p:before {
  position: absolute;
  content: "\f10e";
  left: 50%;
  top: -10px;
  font-size: 100px;
  font-family: fontawesome;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  color: rgba(119, 1, 219, 0.2);
}
.blog-cmnt {
}
.blog-cmnt ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 35px;
}
.blog-cmnt .blog-cont h6 {
  line-height: 16px;
  font-size: 20px;
  color: #232323;
}
.blog-cmnt .blog-cont {
  position: relative;
}
.blog-cmnt .blog-cont a {
  color: #555;
  font-size: 16px;
  line-height: 28px;
  position: absolute;
  right: 0;
  top: 0;
}
.blog-cmnt .blog-cont p {
  /* line-height: 28px; */
  padding-top: 5px;
}
.blog-form form input {
  width: 100%;
  height: 50px;
  margin: 50px 0 30px;
  border: 1px solid #ddd;
  border-radius: 30px;
  padding-left: 30px;
  color: #8f8f8f;
}
.blog-form form input::-webkit-input-placeholder {
  color: #8f8f8f;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form input:-ms-input-placeholder {
  color: #8f8f8f;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form input::-moz-placeholder {
  color: #8f8f8f;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form input::placeholder {
  color: #8f8f8f;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form textarea {
  resize: none;
  width: 100%;
  height: 200px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 30px;
  border-radius: 30px;
  border: 1px solid #ddd;
  color: #8f8f8f;
}
.blog-form form textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #8f8f8f;
}
.blog-form form textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #8f8f8f;
}
.blog-form form textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #8f8f8f;
}
.blog-form form textarea::placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #8f8f8f;
}
.blog-form form button {
  font-size: 16px;
  font-weight: 500;
  margin-left: 15px;
  border: 1px solid rgba(119, 1, 219, 1);
  border-radius: 30px;
  padding: 13px 35px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(119, 1, 219, 1)),
    to(rgba(25, 153, 242, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(119, 1, 219, 1) 0%,
    rgba(25, 153, 242, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(119, 1, 219, 1) 0%,
    rgba(25, 153, 242, 1) 100%
  );
  color: #fff;
  cursor: pointer;
  margin-top: 40px;

  transition: 0.5s;
}
.blog-form form button:hover {
  background: transparent;
  color: #232323;
}
/*====== contact page ======*/
.Screenshots .slick-slide img {
  width: 100%;
}
.play-overlay span {
  display: none;
}

/* ======== timeline area css ======== */
.witr_timeline_area {
}

/* single timeline */
.witr_hd_timeline_contant {
  position: relative;
  padding-bottom: 39px;
}
/* left border */
.witr_hd_timeline_inner {
  padding-left: 27px;
}
.witr_hd_timeline_inner:before {
  width: 1px;
  height: 100%;

  transition: 0.5s;
  background: #3974f6;
  position: absolute;
  left: 7.5px;
  top: 0;
  content: "";
}
/* circle border */
.witr_dslborder {
  display: inline-block;
  width: 15px;
  height: 15px;

  transition: 0.5s;
  background: #3974f6;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.witr_hd_timeline_inner:hover:before,
.witr_hd_timeline_inner:hover .witr_hd_sicon_inner,
.witr_hd_timeline_inner:hover .witr_dslborder {
  background: #000;
}
/* title */
.witr_timeline_item {
  width: 230px;
}
.witr_timeline_item h2 {
  font-size: 24px;
  font-weight: 400;

  transition: 0.5s;
  padding-bottom: 10px;
}
.witr_hd_timeline_inner:hover .witr_timeline_item h2 {
  color: #000;
}

/* witr_number_item css */
.witr_number_item {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-size: 20px;
}
/* timeline icon css */
.witr_hd_sicon {
  position: absolute;
  left: -17px;
  bottom: -25px;
}
.witr_hd_sicon_inner {
  width: 55px;
  height: 55px;
  background: #3974f6;
  line-height: 54px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  position: relative;
  z-index: 2;

  transition: 0.5s;
  font-size: 22px;
}
.witr_hd_sicon_inner i {
}
/* margin left spacing */
.mrl15 {
  margin-left: 15px;
}
.mrl65 {
  margin-left: 65px;
}
.mrl110 {
  margin-left: 110px;
}
/* margin right spacing */
.mrr50 {
  margin-right: 50px;
}
.mrr95 {
  margin-right: 95px;
}
.mrr90 {
  margin-right: 90px;
}
/* timeline bottom right text */
.witr_sicon_bottom.witr_hd_timeline_contant {
  padding-bottom: 0px;
  padding-top: 51px;
}
.witr_sicon_bottom {
  text-align: right;
}
.witr_sicon_bottom .witr_timeline_item {
  width: 230px;
  margin-right: 0;
  margin-left: auto;
}
.witr_sicon_bottom .witr_dslborder {
  left: auto;
  top: auto;
  bottom: 0;
  right: 1px;
}
.witr_sicon_bottom .witr_hd_timeline_inner:before {
  left: auto;
  right: 7.5px;
  top: auto;
  bottom: 0;
}
.witr_sicon_bottom .witr_hd_timeline_inner {
  padding-left: 0px;
  padding-right: 27px;
}
/* icon bottom position */
.witr_sicon_bottom .witr_hd_sicon {
  position: absolute;
  right: -17px;
  top: -28px;
  left: auto;
  bottom: auto;
}
.middle_border_divider {
  height: 1px;
  display: block;
  background: #3974f6;
}

/* cursor imags area css */
.blog_sidebar .slide_items img {
  width: 100%;
}

/* accordion area css */

.accordion_area {
}
.card-header.witr_ac_card {
  background: none !important;
  padding: 0;
  border-bottom: 0;
}
.witr_ac_card i {
  margin-right: 10px;
  font-size: 20px;
  position: relative;
  top: -2px;
}
.accordion_area .card-2 {
  margin-bottom: 22px;
  border: 1px solid #ddd;
}
.witr_ac_style {
  color: #232323;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 700;
  display: block;
  padding: 7px 15px 11px;

  transition: 0.5s;
}
.witr_ac_style:focus,
.witr_ac_style:hover {
  color: #fff;
  background: #3974f6;
}
.witr_ac_style:before {
  position: absolute;
  content: "\f107";
  right: 30px;
  top: 9px;
  font-family: fontawesome;
  font-size: 18px;
}
.active .witr_ac_style:before {
  position: absolute;
  content: "\f106";
  right: 30px;
  top: 9px;
  font-family: fontawesome;
  font-size: 18px;
}
.active .witr_ac_style {
  background: #3974f6;
  color: #fff;
}

.card-body ul {
}
.card-body ul li {
  margin-left: 18px;
  margin-bottom: 4px;
}
/* accouding elementor 2 */
.elementor-accordion .elementor-accordion-item {
  border: 0 !important;
  border-left: 2px solid #3974f6 !important;
  margin-bottom: 20px;
  box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
}
.elementor-accordion .elementor-tab-content {
  border-top: none !important;
}
.elementor-tab-title a,
.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
  color: #232323 !important;
  font-size: 18px;
  font-weight: 700;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-content {
  color: #232323 !important;
}

/* witr single cursor img */
.slide_item img {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.slick-center .slide_item img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*======== slick ========*/
.slick-prev,
.slick-next {
  font-size: 0;
  position: absolute;
  display: block;
  padding: 0;
  cursor: pointer;
  color: transparent;
  outline: none;
  background: transparent;
  z-index: 1;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  height: 50px;
  top: 50%;
  transform: translate(0px, -50%);
  width: 50px;

  transition: 0.5s;
  line-height: 45px;
  border: 2px solid #3974f6;
}
.slick-prev {
  left: -15px;
}
.slick-next {
  right: -15px;
}
.witr_ds_content_area .slick-prev {
  left: 15px;
}
.witr_ds_content_area .slick-next {
  right: 15px;
}

.slick-prev:before,
.slick-next:before {
  color: #3974f6;
  font-size: 25px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  content: "\f177";
  font-family: FontAwesome;
}
.slick-next:before {
  content: "\f178";
  font-family: FontAwesome;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: #3974f6;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  color: #fff;
}

.witr_slick2_active:hover .slick-prev,
.witr_slick2_active:hover .slick-next,
.witr_slick_active:hover .slick-prev,
.witr_slick_active:hover .slick-next,
.witr_blog_are:hover .slick-prev,
.witr_blog_are:hover .slick-next,
.witr_tslide_area:hover .slick-prev,
.witr_tslide_area:hover .slick-next,
.imagess_area:hover .slick-prev,
.imagess_area:hover .slick-next,
.witr_ds_content_area:hover .slick-prev,
.witr_ds_content_area:hover .slick-next,
.blog_wrap:hover .slick-prev,
.blog_wrap:hover .slick-next,
.witr_team_area_c:hover .slick-prev,
.witr_team_area_c:hover .slick-next,
.images_area:hover .slick-prev,
.images_area:hover .slick-next,
.testomonial-slide:hover .slick-prev,
.testomonial-slide:hover .slick-next,
.Screenshots-slide:hover .slick-prev,
.Screenshots-slide:hover .slick-next,
.mobile-slide:hover .slick-prev,
.mobile-slide:hover .slick-next,
.mobile-slide-7:hover .slick-prev,
.mobile-slide-7:hover .slick-next,
.testomonial:hover .slick-prev,
.testomonial:hover .slick-next {
  opacity: 1;
}
.blog_wrap .slick-prev,
.blog_wrap .slick-next {
  top: 35%;
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.witr_blog_are .slick-prev,
.testomonial-slide .slick-prev,
.blog_wrap .slick-prev {
  left: -65px;
}
.witr_blog_are .slick-next,
.testomonial-slide .slick-next,
.blog_wrap .slick-next {
  right: -65px;
}
.witr_slick_active .slick-prev,
.witr_slick2_active .slick-prev {
  left: 20px;
}
.witr_slick_active .slick-next,
.witr_slick2_active .slick-next {
  right: 20px;
}
/* cursor css */
.carsur_dots .elementor-slick-slider ul.slick-dots {
  bottom: -70px;
}
.carsur_dots .elementor-slick-slider ul.slick-dots li {
  margin: 0 5px;
}
.carsur_dots .elementor-slick-slider ul.slick-dots li button:before {
  background-color: transparent;
  font-size: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 50%;
}
.carsur_dots
  .elementor-slick-slider
  ul.slick-dots
  li.slick-active
  button:before {
  background-color: #fff;
}
.carsur_dots .elementor-slick-slider ul.slick-dots li button:hover:before {
  background-color: #fff;
}
.slick-dots {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 10px;
  display: inline-block;
  z-index: 11;
}
.witr_blog_are .slick-dots {
  bottom: -20px;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li button {
  background-color: transparent;
  font-size: 0;
  width: 20px;
  height: 10px;
  border: 1px solid #3974f6;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 5px;
  padding: 0;
  transition: 0.5s;
}
.slick-dots li.slick-active button {
  background: #3974f6;
  width: 30px;
}
/* text widget */
.witr_text_widget_inner h1,
.witr_text_widget_inner h2 {
  font-size: 40px;
  margin-bottom: 5px;
}
.witr_text_widget_inner h1 {
  font-size: 22px;
}
.witr_text_widget_inner h1 span,
.witr_text_widget_inner h2 span {
  color: #3974f6;
}
.witr_text_widget_inner p {
  /* margin-top: 23px; */
  margin-bottom: 11px;
}
.witr_text_widget .witr_text_widget_inner h1,
.witr_text_widget .witr_text_widget_inner h2,
.witr_text_widget .witr_text_widget_inner p {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* unoy */
.wp-block-button__link {
  padding: 8px 24px 12px;
}
p.comment-form-cookies-consent {
  position: absolute;
  top: 33%;
  display: none;
}

/* stasick tab area css */

.techit-tab {
  overflow: hidden;
  clear: both;
  background: #000;
}
.tab_area .nav-tabs {
  border: none;
}
.techit-tab li {
  display: inline-block;
  list-style: none;
  background: #000;
  float: left;
  overflow: hidden;
}
.techit-tab li a {
  padding: 15px 30px;
  display: block;
  border-right: 1px solid #ddd;
  color: #fff;
}
.techit-tab li a.active,
.techit-tab li a:hover {
  background: #3974f6;
  color: #fff;
}

/* single video css */

.single_video {
  margin-top: 30px;
}
.video_image {
  position: relative;
}
.video_image:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
}

.video_image img {
  width: 100%;
}
.choose_video_icon {
}
.video_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.video_icon a {
  text-align: center;
  display: inline-block;
}
.video_icon a i {
  color: #fff;
  border: 5px solid #fff;
  width: 90px;
  height: 90px;
  line-height: 80px;
  font-size: 40px;
  border-radius: 50%;
}
.wic_tab_content {
  padding-top: 16px;
}
.tab_title_content {
}
.tab_title_content h2 {
  font-size: 20px;
  margin-bottom: 8px;
}
.wic_text_block p {
}
.video_area .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

/* tab event css */

.tab-event {
  background: #fff;
  overflow: hidden;
  padding: 15px 0;
}
.techit_single_event {
  border-bottom: 1px solid #ddd;
  margin: 0 10px;
  padding-bottom: 12px;
  padding-top: 16px;
  clear: both;
  overflow: hidden;
}
.techit_single_event:last-child {
  border-bottom: 0px solid #ddd;
}
.techit_event_thumb {
  float: left;
  margin-right: 15px;
}
.event_content_area {
}

.techit_single_event:hover .event_page_title h2 a {
  color: #3974f6;
}
.event_page_title h2 a {
  color: #232323;
  text-transform: capitalize;
  font-weight: 600;
}
.event_pcontent {
}
.event_pcontent p {
  margin-bottom: 5px;
}
.techit_event_icon span {
  margin-right: 10px;
}
.techit_event_icon span i {
  margin-right: 5px;
}

/*========= tab 2 area ===========*/
.tab_area2 {
  background: #182c44;
  overflow: hidden;
}
.techit_tab {
  /*     overflow: hidden;
    clear: both;
    background: #000; */
}

.tab_area2 .nav-tabs {
  border: none;
}
.techit_tab li {
  display: inline-block;
  list-style: none;
  background: #000;
  float: left;
  overflow: hidden;
  margin-right: 15px;
}
.techit_tab li a {
  padding: 15px 30px;
  display: block;
  /*     border-right: 1px solid #ddd; */
  color: #fff;
}
.techit_tab li a.active,
.techit_tab li a:hover {
  background: #3974f6;
  color: #fff;
}

.wic_tab_content2 {
  padding-top: 40px;
}
.witr_tab_title_content2 {
}
.witr_tab_title_content2 h2 {
  font-size: 20px;
  margin-bottom: 19px;
  color: #3974f6;
}
.witr_tab_btn {
}
.witr_tab_btn a {
  color: #3974f6;
}
/* carsur_dots */
.carsur_dots {
}
.carsur_dots .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background: none;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  border: 2px solid #fff;
}
.carsur_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.carsur_dots
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: -54px 6px;
}
.video-item span,
.em-call-to-video span {
  display: none;
}
/* =========================== DEFAULT CONTACT CSS ================================ */
.wpcf7 label {
  width: 100%;
}
.wpcf7 input,
.wpcf7 textarea {
  width: 100%;
  /*  border-radius:30px; */
  border: 1px solid #ddd;
  padding-left: 30px;
}
.wpcf7 input {
  padding: 5px 50px;
}
.wpcf7 textarea {
  height: 150px;
}
input.wpcf7-submit {
  width: auto;
  padding: 0px 50px;
  cursor: pointer;
}
.wpcf7-form p {
}
div.wpcf7-response-output {
  color: #efc707;
}

/*======== contact 1 css ==========*/
.witr_form_area1 {
  width: 100%;
  margin: auto;
}
.witr_form_controls1 {
}
.witr_field1 .witr_form_field1 {
  float: left;
  width: 49%;
}
.witr_field1 .witr_form_field1.witr_1width100 {
  width: 100%;
}
.witr_field1 .witr_form_field1.witr_1width25 {
  width: 23%;
}

.witr_field1 .witr_form_field1:after {
  clear: both;
  content: "";
  display: block;
}
.witr_field1 .witr_form_field1 select,
.witr_field1 .witr_form_field1 input,
.witr_text_area1 textarea {
  width: 100%;
  margin-bottom: 20px;
  line-height: 43px;
  background: #15234a;
  border: 0px solid #ddd;
  color: #fff;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 5px;
  /*     box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);	 */
}
.witr_text_area1 textarea {
  height: 190px;
  resize: none;
  padding: 10px 30px 30px;
}
.witr_field1 .witr_form_field1 select {
  height: 50px;
}
.witr_con_btn1 {
  text-align: left;
}

.witr_con_btn1 .w_btn1 {
  background: #3974f6;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  line-height: 45px;
  border-radius: 5px;
  font-weight: 400;
  border: 0px solid #3974f6;
  transition: 0.5s;
  padding: 5px 50px;
}
.witr_con_btn1 .w_btn1:hover {
  background: #15234a;
  color: #fff;
}
.witr_field1 .witr_form_field1 input::-webkit-input-placeholder {
  color: #fff;
}
.witr_field1 .witr_form_field1 input:-ms-input-placeholder {
  color: #fff;
}
.witr_field1 .witr_form_field1 input::-moz-placeholder {
  color: #fff;
}
.witr_text_area1 textarea::-webkit-input-placeholder {
  color: #fff;
}
.witr_text_area1 textarea:-ms-input-placeholder {
  color: #fff;
}
.witr_text_area1 textarea::-moz-placeholder {
  color: #fff;
}

.witr_con_btn1 .w_btn1:before {
}
.witr_form_controls1 .witr_field1 .witr_form_field1:nth-child(odd) {
  margin-right: 1%;
}
.witr_form_controls1 .witr_field1 .witr_form_field1:nth-child(even) {
  margin-left: 1%;
}

/*========= contact-2 css ==========*/
.witr_form_area2 {
  width: 100%;
  margin: auto;
}
.witr_form_controls2 {
}
.witr_field2 .witr_form_field2 {
  float: left;
  width: 49%;
}
.witr_field2 .witr_form_field2.witr_2width100 {
  width: 100%;
}
.witr_field2 .witr_form_field2:after {
  clear: both;
  content: "";
  display: block;
}
.witr_field2 .witr_form_field2 input,
.witr_text_area2 textarea {
  width: 100%;
  margin-bottom: 30px;
  /* background-color: #15234a; */
  border: 1px solid #ddd;
  border-radius: 5px;
  line-height: 43px;
  padding-left: 30px;
  color: #333;
  height: 53px;
}
.witr_text_area2 textarea {
  height: 200px;
  resize: none;
  padding: 10px 30px 30px;
}
.witr_con_btn2 .w_btn2 {
  width: 100%;
  text-align: center;
  background: transparent;
  color: #3974f6;
  font-size: 18px;
  cursor: pointer;
  line-height: 45px;
  border-radius: 5px;
  font-weight: 400;
  border: 1px solid #3974f6;
  transition: 0.5s;
  padding: 5px 50px;
}
.witr_con_btn2 .w_btn2:hover {
  background: #3974f6;
  color: #fff;
}
.witr_con_btn2 .w_btn2:before {
}
.witr_form_controls2 .witr_field2 .witr_form_field2:nth-child(odd) {
  margin-right: 1%;
}
.witr_form_controls2 .witr_field2 .witr_form_field2:nth-child(even) {
  margin-left: 1%;
}

/* COUNTDOWN CSS */

span.cdowns {
  width: 175px;
  height: 165px;
  background: #3974f6;
  display: inline-block;
  margin: 0 29px;
  position: relative;
}
span.cdowns:before {
  position: absolute;
  content: "";
  background: #fff;
  top: 60px;
  right: -37px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
span.cdowns:after {
  position: absolute;
  content: "";
  background: #fff;
  top: 93px;
  right: -37px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
span.cdowns:last-child:before,
span.cdowns:last-child:after {
  display: none;
}
.counterdowns {
  text-align: center;
}

span.time-counts {
  line-height: 119px;
  font-size: 55px;
  color: #fff;
  font-weight: 700;
}
.counterdowns p {
  color: #fff;
  font-size: 20px;
  line-height: 0px;
  margin-top: -4px;
  font-weight: 700;
}
.dotnone span.cdowns:before,
.dotnone span.cdowns:after {
  display: none;
}

.mean-container .mean-nav ul li a:hover {
  color: #3974f6;
  border-radius: 0;
}

/*================================= mailchim 1=================================== */

.mc4wp-form-fields p {
  position: relative;
  line-height: 27px;
  margin-bottom: 22px;
}
.mc4wp-form-fields p label {
  font-size: 16px;
  font-weight: 700;
  margin: 15px 0;
}
.mc4wp-form-fields input {
  width: 100%;
  height: 48px;
  background: #fff;
  font-size: 16px;
  line-height: 28px;
  color: #b0afaf;
  border-radius: 30px;
  border: none;
  outline: none;
  padding: 0 20px;
}
.mc4wp-form-fields button {
  width: 54px;
  height: 48px;
  border-radius: 30px;
  background: #3974f6;
  border: none;
  outline: none;
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 18px;
  line-height: 10px;
  color: #fff;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  padding: 7px 0;
  transition: 0.5s;
}
.mc4wp-form-fields button:hover {
  background: #3974f6;
}

.witr_own_shorcode {
  margin-top: 21px;
}
.checkbox_witr input {
  width: 20px;
  float: left;
  margin-right: 15px;
  margin-top: -8px;
}
.checkbox_witr span {
  color: #fff;
  font-size: 15px;
}
.mc4wp-alert.mc4wp-error a,
.mc4wp-alert.mc4wp-error p {
  color: #fff;
}

.mc4wp-form-fields input::-moz-placeholder {
  color: #b0afaf;
}
.mc4wp-form-fields input::-webkit-input-placeholder {
  color: #b0afaf;
}

/* mailchim 2 */
.footer-middle .mc4wp-form-fields input::-moz-placeholder {
  color: #fff;
}
.footer-middle .mc4wp-form-fields input::-webkit-input-placeholder {
  color: #fff;
}
.footer-middle .mc4wp-form-fields p {
  position: relative;
  line-height: 27px;
  margin-bottom: 22px;
  color: #fff;
}
.footer-middle .mc4wp-form-fields p label {
  font-size: 16px;
  font-weight: 700;
  margin: 15px 0;
}
.footer-middle .mc4wp-form-fields input {
  height: 50px;
  position: relative;
  background: transparent;
  width: 100%;
  line-height: 43px;
  color: #fff;
  border: 1px solid #39424d;
  border-radius: 0px;
  padding-left: 30px;
}
.footer-middle .mc4wp-form-fields button {
  position: absolute;
  right: 0;
  top: 0;
  /* line-height: 48px; */
  /* background: #fff; */
  /* border: 0; */
  width: 70px;
  height: 50px;
  border-radius: 0px;
  color: #fff;
  background: #3974f6;
  cursor: pointer;

  transition: 0.5s;
}
.footer-middle .mc4wp-form-fields button:hover {
  background: #182c43;
  color: #fff;
}
.footer-middle .checkbox_witr input {
  width: 20px;
  float: left;
  margin-right: 15px;
  margin-top: -8px;
}
.footer-middle .checkbox_witr span {
  color: #fff;
}
.footer-middle .mc4wp-form-fields p:nth-child(1) {
  margin-bottom: 22px;
}

/* custom icon */
.witr_cs_icon i {
  font-size: 57px;
  margin-bottom: 30px;
  display: inline-block;
  margin: 20px;
  color: #3974f6;
}

.elementor-widget-witr_section_Shape.elementor-widget:not(:last-child) {
  margin-bottom: 0px;
}
.witr_shape_item_inner {
  position: absolute;
  left: 0;
  /* text-align: center; */
  top: 0px;
  /* margin: auto; */
  z-index: -1;
  content: "";
  transition: 0.5s;
}
.witr_shape_box {
  width: 300px;
  height: 300px;
  background: #ddd;
  border-radius: 50%;
  border: 54px solid #f9f9f9;
  margin: auto;
  transition: 0.5s;
}
.witr_shape_box_text {
  text-align: center;
  left: 50%;
  top: 50%;
  margin: auto;
  text-align: center;
  position: absolute;
  content: "";
  transform: translateX(-50%) translateY(-50%);
  font-size: 18px;
  color: #333;
}
/* translate lr */
@keyframes witr_movelr_box45 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(45px);
  }
}
@keyframes witr_movelr_box90 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes witr_movelr_box180 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(180px);
  }
}
@keyframes witr_movelr_box360 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(360px);
  }
}
/* translate tb */
@keyframes witr_movetb_box45 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(45px);
  }
}
@keyframes witr_movetb_box90 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(90px);
  }
}
@keyframes witr_movetb_box180 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(180px);
  }
}
@keyframes witr_movetb_box360 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(360px);
  }
}

/* rotate */
@keyframes witr_rotate_360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes witr_rotate_180 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes witr_rotate_90 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes witr_rotate_45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}

/* another shape*/
.wirt_ani_slick_image {
  position: absolute;
  right: -15%;
  top: -52%;
  animation: rotateIn 20s linear infinite;
  z-index: 1;
}

.techit_feature_area {
  margin-top: -92px;
  z-index: 999;
  position: relative;
}

.techit_feature_area .em-service2.sleft {
  background-color: #ffffff;
  padding: 23px 10px 10px 20px;
  text-align: left;
  box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
  transition: 1s;
  margin-bottom: 30px;
}
.em-service2 .em-service-icon i {
  font-size: 28px;
}

.techit_feature_area .em-service2.sleft:hover {
  background-color: #3974f6;
  transition: 1s;
}

.techit_feature_area .em-service2:hover .em-service-icon i {
  color: #3974f6;
  background: #fff;
}
.techit_feature_area .em-service2:hover .em-service-title h3,
.techit_feature_area .em-service2:hover .em-service-desc p {
  color: #fff;
}
.techit_about_area {
  padding: 70px 0px 90px;
  background-color: #fbfbfb;
}
.video_bg {
  padding: 140px 0px 140px 0px;
  background-image: url(../images/about2.jpg);
  background-size: cover;
}
.about_row {
  background-color: #fff;
  box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
}
.about_left {
  /* margin: 0px 0px 0px 0; */
  padding: 20px;
  background-color: #fff;
  box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
}

.about_right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 70px;
}

.about_right .witr_text_widget .witr_text_widget_inner h2 {
  font-size: 36px;
}

.about_right .witr_text_widget .witr_text_widget_inner p {
  font-size: 16px;
  line-height: 2.1;
  color: #333;
}

.techit_about_area .singleSS.text-center {
  padding: 27px 0px 37px 0px;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
  width: 293px;
  max-width: 293px;
  top: 97px;
  position: absolute;
  left: -84px;
}

.techit_about_area .witr_text_widget_inner h1 {
  color: #3974f6;
  font-size: 17px;
  font-weight: 700;
}
.techit_about_area .witr_text_widget_inner h2 {
  font-size: 48px;
  font-weight: 700;
  margin: 0px 0px 20px 0px;
}

.techit_about_area .witr_text_widget p {
  font-size: 20px;
  font-weight: 400;
  margin-top: 27px;
}
.techit_about_area .about-content span i {
  color: #3974f6;
  font-size: 12px;
  margin: 0px 10px 10px 0px;
}

.about-content {
  margin-bottom: 2px;
}

.techit_about_area .em-service2.sleft.all_color_service {
  margin-top: 30px;
}

.techit_solution_area {
  background-image: url(../images/cbg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 95px 0px 470px;
}

.techit_solution2_area .witr_single_service3 {
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 8%);
  padding: 60px 42px 60px;
}
.techit_solution2_area .witr_single_service3.bottom_none {
  border-bottom: none;
}
.techit_solution2_area .witr_single_service3.left_none {
  border-right: none;
}

.techit_solution2_area .witr_single_service3::before {
  background: transparent;
  width: 100%;
  height: 100%;
  transition: 1s;
}
.techit_solution2_area .witr_single_service3:hover {
  background: #3974f6;
  transition: 1s;
}

.techit_solution2_area {
  margin-top: -418px;
}

.pdlf {
  padding-left: 0;
  padding-right: 0;
}

.techit_skill_area {
  padding: 100px 0px 0px;
}
.witr_text_widget_inner h1 {
  color: #3974f6;
  font-size: 17px;
  text-transform: uppercase;
}
.witr_text_widget_inner h2 {
  font-weight: 700;
}
.techit_skill_area .witr_text_widget_inner p {
  margin-bottom: 41px;
}
.techit_skill_area .progress.witr_progress-style5 {
  margin-bottom: 20px;
}
.techit_skill_area .witr_progress-style5 {
  height: 6px;
}
.techit_skill_area .witr_shape_item_inner {
  position: absolute;
  left: 20%;
}
.witr_shape_box {
  width: 500px;
  height: 500px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 140px 140px 140px 140px;
  border-color: #3974f6;
  border-radius: 50%;
  margin: auto;
  transition: 0.5s;
  position: absolute;
}
.witr_shape_item_inner {
  animation: witr_movetb_box45 5s linear 2s infinite alternate running;
}
.single_image_area {
  position: relative;
}
.techit_skill_area .witr_counter_single {
  margin: 0px 170px 0px 400px;
  padding: 20px 30px 18px 30px;
  background-color: #ffffff;
  box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
  text-align: center;
  position: absolute;
  top: 60px;
  width: 39%;
}
.techit_skill_area .witr_counter_number_inn h4 {
  color: #232323;
  font-size: 20px;
  font-weight: 500;
}
.techit_skill_area .witr_counter_number_inn h3,
.techit_skill_area .witr_counter_number_inn span {
  font-size: 50px;
  color: #3974f6;
}
.techit_project_area {
  background-image: url(../images/cbg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 95px 170px 70px;
}

.techit_project_area .witr_section_title_inner.text-center p {
  width: 40%;
}

.project_top {
  margin-top: 60px;
}

.screen-image {
  width: 100%;
  height: auto;
}

.techit_team_area {
  padding: 100px 0px 70px;
}

.team_top {
  margin-top: 40px;
}

.techit_counter_area {
  padding: 0px 0px 100px;
}

.counter1 {
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
  padding: 76px 50px 75px 50px;
}
.counter1 .witr_custom_icon i {
  color: #3974f6;
}

.techit_video_area {
  background-image: url(../images/fous.jpg);
  background-position: center center;
  background-size: cover;
  padding: 100px 0px 100px;
  position: relative;
}
.techit_video_area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3974f680;
}

.techit_video_area .witr_section_title_inner h3,
.techit_video_area .witr_section_title_inner h1 {
  color: #ffffff;
  font-size: 50px;
}
.techit_video_area .witr_section_title_inner h2 {
  color: #fff;
}
.techit_video_area .witr_back_title h4 {
  opacity: 0.2;
}
.techit_video_area .witr_button_area {
  text-align: center;
  margin-top: 35px;
}
.techit_video_area .video-overlay {
  padding: 60px 0 50px;
}

.techit_process2_area {
  padding: 100px 0px 30px;
}
.techit_process2_area .witr_section_title_inner.text-center p {
  width: 52%;
}
.process_top {
  margin-top: 43px;
}

.techit_tab_area {
  padding: 80px 0px 50px;
  background: #f4f9fc;
}

.techit_tab_area_white {
  padding: 80px 0px 50px;
  background: #fff;
}

.techit_block_area {
  padding: 0 0px 50px;
  background: transparent;
  position: relative;
  z-index: 1;
}

.block_container {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0px 2px 20px 0px rgba(13, 79, 190, 0.12);
  border-radius: 16px;

  padding: 40px 40px;
}

.block_container .witr_section_title_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.block_container .witr_section_title_inner h2 {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 20px;
}

.block_container .witr_section_title_inner p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 20px;
  width: auto;
  text-align: left;
}

.block_container .block_item .witr_service2_box {
  background-color: #f7f7f7;
}

.block_container .block_item .witr_service2_box span {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.witr_content p {
  color: #626262;
  font-size: 20px;
  width: 95%;
  margin-top: 34px;
}

.tab_top {
  margin-top: 42px;
}
.techit_blog_area {
  padding: 100px 0px 72px;
}

.blog_top {
  margin-top: 40px;
}
.techit_blog_area .witr_section_title_inner.text-center p {
  width: 55%;
}

.techit_testimonial_area {
  background-image: url(../images/skillbg.png);
  background-position: center center;
  background-attachment: fixed;
  padding: 100px 0px 72px;
}

.testi_top {
  margin-top: 40px;
}

.witr_brand1_area {
  padding: 100px 0;
  background: #3974f6;
}
.techit_about_area.about {
  padding: 100px 0px 90px;
}

.techit_feature_area.feature2 {
  margin-top: 0px;
  padding: 0px 0px 70px;
}

.techit_counter2_area {
  padding: 90px 0px 60px;
  background-color: #3974f6;
}
.techit_counter2_area .witr_counter_single {
  margin-bottom: 30px;
}
.techit_counter2_area .witr_custom_icon i {
  color: #fff;
}
.techit_counter2_area .witr_counter_number_inn h3,
.techit_counter2_area .witr_counter_number_inn span {
  color: #fff;
}
.techit_counter2_area .witr_counter_number_inn h4 {
  color: #fff;
}

.techit_about2_area {
  padding: 100px 372px 100px 80px;
}
.techit_about2_area .witr_text_widget_inner h2 {
  font-size: 50px;
  font-weight: 700;
  margin: 0px 0px 20px 0px;
}

.techit_about2_area .em-service2.sleft {
  text-align: left;
  margin-top: 20px;
}

.techit_about2_area .witr_text_widget_inner p {
  margin-bottom: 41px;
}
.techit_about2_area .video-item i {
  color: #fff;
  background: #3974f6;
}
.techit_about2_area .video-overlay {
  padding: 0px 0 0px;
}
.techit_about2_area .video-item h3 {
  color: #182c44;
  font-size: 18px;
  margin: -53px 0px 0px 53px;
}
.techit_about2_area .video-item a {
  left: -110px;
}

.video_top {
  margin-top: 40px;
}

.techit_solution_area.solution3 {
  padding: 100px 0px 70px;
}
.solution3 .witr_single_service3 {
  margin-bottom: 30px;
}

.solution_top {
  margin-top: 40px;
}

.techit_process_area.process2 {
  padding: 80px 0px 50px;
}

.techit_tab_area_bg1 {
  background-image: url(../images/background-01.jpg);
  background-position: center center;
  background-size: cover;
  padding: 80px 0px 50px;
}

.techit_tab_area_bg7 {
  background-image: url(../images/background-07.jpg);
  background-position: center center;
  background-size: cover;
  padding: 80px 0px 50px;
}

.techit_call_to_area {
  background-image: url(../images/vbg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 90px 0px 100px;
  position: relative;
}
.techit_call_to_area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000a6;
}

.techit_call_to_area .witr_section_title_inner h3,
.techit_call_to_area .witr_section_title_inner h1 {
  color: #ffffff;
  font-size: 50px;
}
.techit_call_to_area .witr_section_title_inner p {
  color: #fff;
  width: 49%;
}
.techit_call_to_area .witr_button_area {
  text-align: center;
  margin-top: 50px;
}
.techit_call_to_area .witr_back_title {
  top: -70px;
}
.techit_call_to_area .witr_back_title h4 {
  opacity: 0.07;
}
.techit_call_to_area .witr_bbtn {
  border: 2px solid #fff;
  color: #fff;
}

.witr_contacn_title p {
  color: #626262;
  font-size: 20px;
  font-weight: 500;
  margin-top: 30px;
}
.witr_btn2 {
  font-weight: 600;
  color: #043ecd;
}
.team2 .witr_section_title_inner h3 {
  font-size: 47px;
}

.techit_feature_area.feature_bg {
  background-color: #000a24;
  margin-top: 0;
  padding: 100px 0px 70px;
}
.feature_bg .em-service2.sleft {
  background-color: #15234a;
  transition: 0.5s;
  box-shadow: 0px 0px 117px 0px rgb(12 62 185 / 20%);
}
.feature_bg .em-service-title h3,
.feature_bg .em-service-desc p,
.feature_bg .em-service-icon i {
  color: #fff;
}
.techit_feature_area.feature_bg .em-service2.sleft:hover {
  background-color: #3974f6;
  box-shadow: 10px 10px 0px 0px #15234a;
  transition: 0.5s;
}
.techit_about2_area.about2_bg {
  background-color: #000a24;
  padding: 0px 0px 100px;
}
.about2_bg .witr_text_widget_inner h1,
.about2_bg .witr_text_widget_inner h2,
.about2_bg .em-service-title h3,
.about2_bg .em-service-icon i {
  color: #fff;
}
.about2_bg .witr_text_widget p,
.about2_bg .em-service-desc p {
  color: #a3abbf;
}
.about2_bg .single_image img {
  width: inherit;
}
.techit_solution3_area {
  background-image: url(../images/joinbg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 95px 0px 100px;
}

.techit_solution3_area .witr_single_service3 {
  background: #15234a;
}
.techit_solution3_area .witr_single_service3:hover {
  background: #3974f6;
  transition: 1s;
}
.techit_solution3_area .witr_single_service3::before {
  background: transparent;
  width: 100%;
  height: 100%;
  transition: 1s;
}
.techit_solution3_area .single_image img {
  width: 100%;
  height: 420px;
}
.techit_solution3_area .witr_single_service3 {
  padding: 61px 30px;
}

.techit_solution3_area .witr_service3_icon i,
.techit_solution3_area .witr_service3_content h3,
.techit_solution3_area .witr_service3_content p,
.techit_solution3_area .witr_service3_btn a {
  color: #fff;
}

.techit_skill_area.process2_bg {
  background-color: #000a24;
  background-image: url(../images/shape3.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 100px 0px 100px;
}
.techit_skill_area.process2_bg .witr_counter_single {
  margin: -190px 170px 0px 400px;
  top: inherit;
  width: 39%;
}
.process3_top {
  margin-top: 75px;
}
.process2_bg .witr_text_widget_inner h1,
.process2_bg .witr_text_widget_inner h2 {
  color: #fff;
}
.process2_bg .witr_text_widget_inner p,
.process2_bg .witr_title5 span {
  color: #a3abbf;
}

.techit_team_area.team_bg {
  padding: 100px 0px 70px;
  background-color: #09132e;
}
.witr_section_title.white h1,
.witr_section_title.white h2,
.witr_section_title.white h3,
.witr_section_title.white p {
  color: #fff;
}
.team_bg .witr_team_thumb3::before {
  background-image: linear-gradient(
    180deg,
    rgba(2, 11, 36, 0.5411764705882353) 0%,
    #020b24 100%
  );
}
.techit_choose_area.choose_bg {
  padding: 100px 0px 70px;
  background-color: #000a24;
}

.choose_top {
  margin-top: 60px;
}
.techit_choose_area.choose_bg .em-service2.sleft {
  background-color: #15234a;
  transition: background 1s;
  padding: 25px 10px 10px 20px;
  margin-bottom: 30px;
  box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
}

.white .em-service-title h3,
.white .em-service-desc p {
  color: #fff;
}
.white .em-service-icon i {
  color: #3974f6;
  background-color: #ffffff;
  margin: 0px -10px 0px 0px;
}
.techit_choose_area.choose_bg .em-service2.sleft:hover {
  background-color: #3974f6;
}
.techit_choose_area.choose_bg .em-service2:hover .em-service-icon i {
  color: #3974f6;
  background: #fff;
}
.techit_testimonial_area.testimonial_bg {
  background-color: #000a24;
  background-image: url(../images/testshape.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: inherit;
  padding: 0px 0px 70px;
}
.testimonial_bg .em_single_testimonial {
  background-color: #15234a;
  box-shadow: 0px -40px 0px -20px #152349;
}
.testimonial_bg .em_testi_title h2 {
  color: #fff;
}
.testimonial_bg .all_color_testimonial p,
.testimonial_bg .all_color_testimonial span {
  color: #a3abbf;
}

.techit_best_solution_area {
  padding: 100px 0px 70px;
}

.it_top {
  margin-top: 40px;
}
.techit_call_to_area.counterdown_area:before {
  background: transparent;
}
.counterdowns_top {
  margin-top: 40px;
}
.counter_it_page {
  padding: 100px 0px 100px;
}

.pricing_top {
  margin-top: 40px;
}
.all_pricing_color i,
.all_pricing_color h4,
.all_pricing_color h5,
.all_pricing_color ul li {
  color: #fff;
}
.pricing_area.active {
  background: #3974f6de;
}
.pricing_area.active a.btn {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.pricing_area .witr_back_title {
  top: -70px;
}
.pricing_area .witr_back_title h4 {
  opacity: 0.07;
}
.techit_solution_area.techit_solution2_area {
  margin-top: 0px;
  padding: 100px 0px 100px;
}
.techit_testimonial3_area {
  background-image: url(../images/testi-bg.jpg);
  padding: 100px 0px 100px;
}

.techit_testimonial3_area .witr_content_test7 p,
.techit_testimonial3_area .witr_author_name h6,
.techit_testimonial3_area .em_crating i,
.techit_testimonial3_area .witr_author_name span {
  color: #fff;
}
.techit_testimonial3_area .witr_content_test7 p::after {
  color: #182c44;
}
.techit_solution2_area.soluton_industires_page {
  padding-bottom: 100px;
}
.techit_feature_box_area {
  padding: 100px 0px 70px;
  background: #f9f9f9;
}
.techit_feature2_box_area {
  padding: 100px 0px 70px;
}
.techit_feature_box_area .feature_inner_box {
  background-image: url(../images/pr1.jpg);
  background-size: cover;
}
.techit_feature_box_area .feature_inner_box.feature_th1 {
  background-image: url(../images/pr2.jpg);
  background-size: cover;
}
.techit_feature_box_area .feature_inner_box.feature_th2 {
  background-image: url(../images/pr3.jpg);
  background-size: cover;
}
.techit_feature_box_area .feature_inner_box:before {
  background: #3974f6ad;
}
.feature_box2 .em-feature-title h2,
.feature_box2 .em-feature-desc p,
.feature_box2 .feature_button.feature_btn a {
  color: #fff;
}
.em-feature1 {
  transition: 0.5s;
  margin-bottom: 30px;
}
.em-feature1:hover {
  margin-top: -10px;
  transition: 0.5s;
}

.feature_box_top {
  margin-top: 60px;
}
.techit_feature2_box_area .sub-item.sub-item-8 {
  padding: 30px 28px 21px;
}
.techit_testimonial2_area {
  padding: 90px 0px 70px;
}
.techit_testimonial4_area {
  padding: 90px 0px 70px;
}

.techit_countdown_area {
  padding: 90px 0px 100px;
}
.after_color span.cdowns:before {
  background: #3974f6;
}
.after_color span.cdowns:after {
  background: #3974f6;
}
.techit_project_area span.cdowns {
  border-radius: 30px;
  margin-bottom: 30px;
}

.techit_countdown_area.techit_countdown3 {
  padding: 100px 0px 60px;
}
.techit_countdown3 span.time-counts {
  color: #3974f6;
}
.techit_countdown3 .counterdowns p {
  color: #3974f6;
}
.techit_countdown3 span.cdowns {
  background: #fff;
}

.techit_countdown4 {
  padding: 100px 0px 100px;
  background-color: #f9f9f9;
}
.techit_countdown4 span.cdowns {
  border-radius: 30px 0px;
}

.techit_counter_area.counter2 {
  padding: 100px 0px 70px;
}
.witr_single_counter:hover .witr_counter_icon4 i,
.witr_single_counter:hover .witr_counter_text h4,
.witr_single_counter:hover .witr_counter_text h3,
.witr_single_counter:hover .witr_counter_text span {
  color: #fff;
}

.techit_pricing_area {
  background-image: url(../images/cbg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 90px 0px 70px;
  position: relative;
}
.techit_pricing_area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3974f6ad;
}
.techit_pricing_area .pricing_area {
  margin-bottom: 30px;
}

.witr_back_title.back2 {
  top: -70px;
}
.witr_back_title.back2 h4 {
  opacity: 0.07;
}
.techit_pricing2_area {
  background-image: url(../images/itsolution.jpg);
  background-position: center center;
  background-size: cover;
  padding: 90px 0px 70px;
  position: relative;
}
.techit_pricing2_area .pricing_area {
  margin-bottom: 30px;
}
.pricing2 .all_pricing_color i {
  color: #ffffff;
  background-color: #3974f6;
  border-radius: 5px 5px 0px 0px;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 40px 0px;
}
.pricing2 .all_pricing_color i {
  background: #3974f6;
}
.pricing2 .witr_btnp_color {
  background-color: #3974f6;
  border-radius: 0px 0px 5px 5px;
  padding: 40px 0px 40px 0px;
}
.pricing2 .all_pricing_color ul li:nth-child(odd) {
  background-color: #0201011f;
}
.pricing2 .pricing-part sub {
  background: #182c44;
}

.pricing2 .pricing_area:hover .witr_btnp_color {
  background-color: #112032;
}
.pricing2 .all_pricing_color:hover i {
  background-color: #112032;
}
.pricing-part .active .btn {
  border: 1px solid #fff;
  background: transparent;
}
.witr_btnp_color .active .btn {
  color: #ffffff;
  border-color: #ffffff;
}

.techit_typography_area {
  padding: 85px 0px 60px;
}

.typography_title {
  margin-bottom: 40px;
}
.typography_title.typography2 h3 {
  font-size: 38px;
}
.typography_title.typography3 h3 {
  font-size: 32px;
}
.typography_title.typography4 h3 {
  font-size: 26px;
}
.typography_title.typography5 h3 {
  font-size: 22px;
}
.typography_title.typography6 h3 {
  font-size: 18px;
}

.typography_title .witr_section_title_inner.text-left p {
  width: 96%;
}

.techit_typography2_area {
  padding: 90px 0px 60px;
  background: #f9f9f9;
}
.typography_title .witr_section_title_inner.text-center p {
  width: 96%;
}
.typography_title .witr_section_title_inner.text-right p {
  width: 96%;
}
.techit_dropcaps_area {
  padding: 90px 0px 80px;
}
.content_thumb {
  float: left;
  margin-right: 20px;
  margin-top: 4px;
}
.dropcaps_content p {
  width: 98%;
}
.dropcaps_title h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 33px;
}
.techit_highlight_area {
  padding: 100px 0px 75px;
  background: #f9f9f9;
}
.highlight_content p {
  width: 100%;
}
.highlight_content p span {
  color: #3974f6;
}

.techit_blockquote_area {
  padding: 100px 0px 85px;
}
.techit_blockquote_area blockquote {
  margin: 60px 0 20px;
}
.blockquote_content blockquote {
  padding: 25px 47px 25px;
  font-size: 17px;
  border-left: 3px solid #3974f6;
  font-weight: 400;
  box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
}
.blockquote_content blockquote p {
  font-weight: 400;
  font-size: 20px;
  position: relative;
}

.techit_progress_area {
  padding: 100px 0px 90px;
}

.techit_skill_area.skill1 {
  padding: 100px 0px 80px;
}
.skill_bar7 .witr_single_progress.all_color_bar {
  margin-bottom: 22px;
}

.skill_top {
  margin-top: 40px;
}

.techit_skill_bg {
  background: #f9f9f9;
  padding: 100px 0px 80px;
}
.progress1 .progress {
  background: #fff;
}

.progress1 .witr_single_progress.all_color_bar {
  margin-bottom: 20px;
}

.techit_skill3_area {
  padding: 100px 0px 96px;
}
.progress6 .witr_single_progress {
  margin-bottom: 20px;
}
.techit_skill4_area {
  padding: 100px 0px 90px;
}
.techit_skill4_area .witr_single_progress {
  margin-bottom: 20px;
}
.techit_skill_bg .witr_title10 .witr_label {
  top: -8px;
}
.techit_skill_bg.skill5 .progress.witr_progress-style10 {
  margin: 30px 0;
}
.techit_circle_area {
  padding: 100px 0px 70px;
}

.techit_icon_area {
  padding: 100px 0px 90px;
}
.techit_countdown4.coming {
  background: transparent;
}
.techit_cursol_area {
  padding: 0px 0px 100px;
}
.techit_tab_area.choose_us {
  background: transparent;
}

.techit_about3_area {
  padding: 100px 0px 0px;
}
.techit_about3_area .witr_text_widget_inner h2 {
  font-size: 25px;
  font-weight: 700;
  margin: 0px 0px 20px 0px;
}

.about_top {
  margin-top: 40px;
}
.techit_about3_area .witr_text_widget_inner p {
  margin-bottom: 47px;
  width: 90%;
}
.techit_about3_area .em-service2.sleft {
  text-align: left;
  margin-bottom: 22px;
}
.techit_about3_area .witr_bbtn {
  border: 2px solid #3974f6;
}

.wirr_project_area {
  padding: 95px 0px 100px;
}

.project_top {
  margin-top: 55px;
}

.witr_single_portfolio_a {
  padding: 100px 0px 100px;
}
.techit_testimonial3_area.testimonial4_area {
  padding: 90px 0px 100px;
  background: #112032;
}
.testimonial_top {
  margin-top: 40px;
}
.service2_area .service-item h3 {
  color: #fff;
  font-size: 25px;
}
.service2_area .service-item p {
  color: #fff;
}
.service2_area .service-btn > a {
  color: #fff;
}
.service2_area .service-item i {
  color: #fff;
}
.service2_area .service-item.all_color_service.text-center {
  padding: 0px 5px;
  margin-bottom: 30px;
}
.service3_area .em-service {
  padding: 27px 31px 39px;
  margin-bottom: 30px;
}

.service3_area .em-service-icon i,
.service3_area .em-service-title h3,
.service3_area .service-btn a,
.service3_area .em-service-desc p {
  color: #fff;
}

.techit_countdown_area.service5.call_to_action2 {
  padding: 90px 0px 100px;
  background-color: #0c1d32;
}
.techit_call_to_area:before {
  background: #182c44b3;
}
.call_to_action2 .witr_call_to_content h3,
.call_to_action2 .witr_call_to_content h1,
.call_to_action2 .witr_call_to_content p {
  color: #fff;
}
.call_to_action2 .em-call-to-video i,
.call_to_action2 .em-call-to-video h2 {
  color: #fff;
}

.techit_countdown_area.service5 {
  padding: 90px 0px 100px;
  background: #0c1d32;
}
.blog_area {
  padding: 100px 0px 90px;
}
.single_team {
  box-shadow: 0px 0px 30px 0px rgb(35 35 35 / 13%);
  padding: 10px;
}

.team_title .witr_single_title h3 {
  font-size: 30px !important;
}
.team_title .witr_section_title_inner h3 {
  font-size: 18px;
}
.team_title .witr_section_title_inner h3 span {
  color: #626262;
  font-weight: 400;
}
.team_title .witr_section_title {
  margin-bottom: 27px;
}
.team_title {
  margin-top: 152px;
}
.social_icon .witr_single_socials {
  text-align: left;
}
.social_icon .witr_btn {
  margin-right: 0px;
}
.social_icon {
  margin-top: 35px;
}
.biography {
  margin-top: 50px;
}
.biography .witr_section_title_inner h3 {
  font-size: 32px;
}
.biography .witr_section_title_inner.text-left p {
  width: 96%;
}
.techit_contact_area {
  background: #fff;
  padding: 100px 0px 100px;
}
.techit_contact_area .em-service2.sleft {
  margin-bottom: 30px;
}
.techit_contact_area .em-service2 .em-service-icon i {
  box-shadow: none;
  color: #fff;
}
.techit_contact_area .em-service2.sleft .em-service-icon {
  margin-right: 0px;
  margin-top: 0px;
}
.techit_contact_area .em-service2:hover .em-service-icon i {
  color: #333;
  background: transparent;
}
.techit_contact_area .em-service-title h3 {
  color: #333;
  font-size: 21px;
  font-weight: 500;
  margin: 8px 0px 0px 0px;
}
.techit_contact_area .witr_section_title_inner h3 {
  color: #333;
  font-size: 30px;
}
.techit_contact_area .witr_section_title_inner.text-left p {
  width: 68%;
  color: #333;
}
.witr_field2 .witr_form_field2.field3 {
  float: none;
  width: 100%;
}
.witr_field2 input::-webkit-input-placeholder {
  color: #999;
}
.witr_field2 textarea::-webkit-input-placeholder {
  color: #999;
}

.contact_title_top {
  margin: 243px 0px 0px 66px;
}

.techit_contact_area .witr_contact_title h3 {
  font-size: 50px;
}
.techit_contact_area .witr_contact_title .witr_section_title_inner.text-left p {
  width: 94%;
  color: #333;
}
.witr_contact_title {
  margin-bottom: 50px;
}

.techit_tab2_area {
  padding: 100px 0px 0px;
  background: #112032;
}
.techit_tab2_area .tab_area2 {
  background: transparent;
}
.techit_tab2_area .witr_tab_title_content2 h2 {
  color: #fff;
}
.techit_tab2_area .wic_text_block p {
  color: #fff;
}

.single_next_work_area {
  padding: 100px 0px 0px;
}
.single_next_work_area .witr_ac_card i {
  font-size: 10px;
}

.techit_faq_area {
  padding: 100px 0px 0px;
  background: #f9f9f9;
}

.faq_top {
  margin-top: 21px;
}

.techit_blog_area.blog_bg {
  background: #f9f9f9;
  padding: 100px 0px 100px;
}
.techit_blog_area.blog_bg .blog-part {
  margin-bottom: 0px;
}

.witr-blog-side-area {
  padding: 100px 0px 90px;
}

.witr-blog-side-area.blog_sidebar .techit-single-blog {
  margin-bottom: 30px;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
}
.blog_sidebar .techit-blog-meta a {
  font-size: 21px;
  font-weight: 600;
  color: #232323;
}
.video-open-inline iframe {
  width: 100%;
  height: 550px;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  padding: 1em 1em;
}
.witr-blog-side-area blockquote {
  background-color: #f7f7f7;
  border-left: 3px solid #3974f6;
}
blockquote p {
  font-weight: 400;
  font-size: 24px;
  position: relative;
  font-style: italic;
}
.techit-description-area.description2 p,
.techit-description-area.description2 .phone a {
  color: #333;
}
.techit-description-area.description2 .social-icons a {
  margin-left: 5px;
  border: 1px solid #3974f6;
}
.techit-description-area.description2 a img {
  margin: 10px 0 26px;
}

.map_area iframe {
  width: 100%;
  height: 500px;
}
.single_blog_thumb img {
  width: 100%;
}

.single_blog .techit-single-blog-title {
  padding: 20px 0px;
}
blockquote {
  padding: 25px 32px 25px;
  margin: 60px 0 60px;
  font-size: 17px;
  border-left: 3px solid #3974f6;
  font-weight: 400;
  box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
}
.witr_ds_content:before {
  background: #182c4414;
}
.slider1 .witr_ds_content::after {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  background-image: url(../images/skillss.png);
  background-size: cover;
  z-index: -1;
}
.slider_page .witr_ds_content_inner h1,
.slider_page .witr_ds_content_inner h2,
.slider_page .witr_ds_content_inner p {
  color: #232323;
}
.slider_page .witr_ds_content_inner h2 span {
  color: #3974f6;
}

.service2_bg {
  box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 0px 154px 0px 0px;
  padding: 32px 40px 26px 40px;
  background: #fff;
}
.service2_bg .witr_section_title_inner h3 {
  font-size: 30px;
  color: #232323;
  font-weight: 600;
  width: 100%;
  margin: 0px 0px 18px 0px;
}
.ps_absulate2 {
  position: absolute !important;
  top: 75%;
  left: 49%;
  z-index: 999;
  right: 22%;
  z-index: 999;
}
.techit_video_area.videopd {
  padding: 100px 0px 300px;
  margin-bottom: 100px;
}

.banner_area {
  background-image: url(../images/banne-bg-01.jpg);
  background-position: bottom left;
  background-size: cover;
}
.techit_tab_area.tab_bg2 {
  padding: 100px 0px 100px;
  background: #09132e;
}
.tab_bg2 .tab_item ul li a span {
  color: #fff;
}
.tab_bg2 .tab_item ul li a i {
  color: #fff;
}
.tab_bg2 .tab_item .nav-pills li .nav-link.active span {
  color: #3974f6;
  border-style: default;
}
.tab_bg2 .tab_item .nav-pills li .nav-link.active i {
  color: #3974f6;
}

.tab_bg2 .tab_area .tab_content h3 {
  color: #fff;
}
.tab_bg2 .tab_area .tab_content p {
  color: #a3abbf;
}

.tab_bg2 .witr_content p {
  color: #a3abbf;
  font-size: 20px;
}

.techit_process2_area.techit_process2 {
  background: #000a24;
}

.techit_process2 .witr_tslide_text {
  background-color: #15234a;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}
.techit_process2 .witr_tslide_text h1,
.techit_process2 .witr_tslide_btn a,
.techit_process2 .witr_tslide_text h2 {
  color: #fff;
}
.techit_process2 .witr_tslide_text p {
  color: #a3abbf;
}
.techit_blog2_area.blog_bg {
  padding: 100px 0px 72px;
  background: #000a24;
}
.techit_blog2_area.blog_bg .wblog-content.witr_position_text2 {
  background-color: #15234a;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}
.techit_blog2_area.blog_bg .wblog-content h5 > a,
.techit_blog2_area.blog_bg .wblog-content h5 a,
.techit_blog2_area.blog_bg .wblog-content span a,
.techit_blog2_area.blog_bg .wblog-content span,
.techit_blog2_area.blog_bg .wblog-content span a i,
.techit_blog2_area.blog_bg .wblog-content span i {
  color: #fff;
}
.techit_skill_area.techit_about_area {
  padding: 100px 0px 100px;
}
.techit_skill_area.techit_about_area .witr_counter_single {
  margin: 0px 13px 0px -77px;
  padding: 20px 5px 18px 0px;
  top: 150px;
  width: 33%;
}

.witr_button_area.button4 {
  margin-top: 45px;
}
.techit_pricing2_area.techit_best_solution_area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3974f680;
}
.witr_team_area_c {
  margin-bottom: 30px;
}

.techit_solution_area.portfolio_area {
  padding: 100px 0px 90px;
}
.banner_area.banner2 {
  background-image: url(../images/slider-1.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
  animation: witr_slide_banner 100s linear infinite;
}
.banner_area.banner2 .witr_banner_area {
  background: #3974f6d6;
  height: 944px;
}

.techit_about2_area .video-part {
  margin-bottom: 30px;
}
.techit_solution3_area.pricing_area {
  padding: 95px 0px 70px;
}
.techit_solution3_area .pricing_area {
  margin-bottom: 30px;
}
.home2_blog2 .blog-part {
  margin-bottom: 0px;
}

#blog .witr_nth_child {
  margin-bottom: 0px;
}
#blog .witr_nth_child:hover .witr_position_text {
  bottom: -45px;
}

.witr_slick_content .witr_btn {
  color: #3974f6;
  border-style: default;
  background: #ffffff;
}
.witr_slick_content .witr_btn:hover {
  background: #3974f6;
  color: #fff;
}
.witr_slick_content .witr_ds_content_inner p {
  width: 43%;
}

.contact_area {
  text-align: center;
  /* display: flex;
  justify-content: center; */
}

.icontext_item {
  margin-bottom: 20px;
}

.icontext_item .blue_text {
  color: #3974f6;
  font-size: 24px;
  font-weight: 600;
}

.icontext_item p {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.icontext_item img {
  margin-bottom: 20px;
  width: 180px;
  height: 180px;
  object-fit: contain;
}

.icontext_item h2 {
  font-size: 20px;
  font-weight: 400;
  color: #222;
}

.icontext_item_card {
  /* background-color: red; */
  padding: 30px 10px;
}

.icontext_item_row {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  min-height: 130px;
}

.icontext_item_row .blue_text {
  color: #3974f6;
  font-size: 24px;
  font-weight: 600;
}

.icontext_item_row p {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 0px;
}

.icontext_item_row img {
  position: absolute;
  right: 30px;
  top: 10px;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  box-shadow: 0px 0px 16px 0px rgba(11, 23, 88, 0.12);
}

.icontext_item_row h2 {
  font-size: 20px;
  font-weight: 600;
  color: #222;
}

.address_item {
  /* padding: 0 0 0 30px; */
  /* height: 100px; */
  background-color: #f3f9ff;
}

.address_item h2 {
  font-size: 28px;
  margin-bottom: 60px;
  color: #3974f6;
}

.address_item p {
  font-size: 16px;
  color: #666;
}

.glasses_item {
  /* background-color: red; */
  padding: 30px 0;
  border-bottom: solid 1px #ddd;
}

.glasses_top_right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.glasses_top_right img {
  margin-bottom: 20px;
}

.glasses_top_right h3 {
  font-size: 24px;
  font-weight: 400;
  color: #666;
  margin-bottom: 20px;
}

.param_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0 20px;
}
.param_item img {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}

.param_item span {
  font-size: 20px;
  color: #666;
  margin-bottom: 10px;
}

.glasses_empty {
  text-align: center;
  padding: 100px 0;
}

.param_grid_item {
  /* background-color: red; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.param_grid_item .param_grid_item_title {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.param_grid_item .param_grid_item_content {
  font-size: 18px;
  font-weight: 400;
  color: #999;
}

.float-toolbar {
  position: fixed;
  top: 65%;
  right: 24px;
  z-index: 9999;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 18px;
  background: #fff;
  border-radius: 40px;
  padding: 30px 0;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.float-toolbar .float-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 0;
  position: relative;
}

.float-toolbar .float-btn span {
  font-size: 14px;
  color: #333;
}

.float-toolbar .float-btn img {
  width: 28px;
  height: 28px;
  /* background-color: red; */
  margin-bottom: 12px;
}

.float-toolbar .float-btn .email-tooltip {
  display: none;

  position: absolute;
  right: 80px;
  top: 40px;
  transform: translateY(-50%);
  background: #fff;
  padding: 20px 16px;
  border-radius: 4px;
  white-space: nowrap;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.float-toolbar .float-btn .email-tooltip .pop-title {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  user-select: text; /* 允许选中 */
  cursor: text;
}

.float-toolbar .float-btn .email-tooltip .pop-content {
  color: #3974f6;
  font-size: 18px;
  font-weight: 600;
  user-select: text; /* 允许选中 */
  cursor: text;
}

.float-toolbar .float-btn.email-btn:hover .email-tooltip,
.float-toolbar .float-btn.email-btn:hover .email-tooltip:hover {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* .float-toolbar .float-btn.email-btn:hover .email-tooltip:hover {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
} */

@media (max-width: 768px) {
  .float-toolbar {
    right: 8px;
    top: auto;
    bottom: 80px;
    transform: none;
    scale: 60%;
  }
}

.intro_row {
  background: #f3f9ff;
  position: relative;
}

.intro_row .left_image {
  height: 360px;
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}

.intro_row .left_image_2 {
  height: 380px;
  object-fit: cover;
  margin-bottom: -20px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px rgba(0, 24, 79, 0.1);
}

.intro_row .right_image {
  height: 360px;
  object-fit: cover;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}

.intro_row .right_image_2 {
  height: 380px;
  object-fit: cover;
  margin-bottom: -20px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px rgba(0, 24, 79, 0.1);
}

.padding_row_24_30_right {
  padding-right: 30px;
  padding-top: 24px;
}

.padding_row_24_30_left {
  padding-left: 30px;
  padding-top: 24px;
}

.intro_row .detail_button_right {
  background: url(../images/button-bg-01.png) no-repeat center center;
  background-size: cover;

  padding: 0 10px 0 35px;
  width: 148px;
  height: 32px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.intro_row .detail_button_left {
  background: url(../images/button-bg-02.png) no-repeat center center;
  background-size: cover;

  padding: 0 35px 0 10px;
  width: 148px;
  height: 32px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.intro_row .detail_button_right a,
.intro_row .detail_button_left a {
  color: white;
  font-size: 14px;
}

.padding_none {
  padding: 0;
}

.margin_none {
  margin: 0 !important;
}

.padding_row_25 {
  padding: 0 25px;
}

.padding_row_25_50 {
  padding: 0 25px 0 50px;
}

.brand-logo {
  background-color: #fff;
  /* width: 100%; */
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  box-shadow: 0px 0px 12px 0px rgba(13, 79, 190, 0.1);
  margin: 10px;
  border-radius: 8px;
  overflow: hidden;
}

.brand-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.techit_tab_area_logo {
  background-image: url(../images/background-02.jpg);
  background-position: center center;
  background-size: cover;
  padding: 80px 0px 50px;
}

.techit_tab_area_footer {
  background-image: url(../images/background-03.jpg);
  background-position: center center;
  background-size: cover;
}
.nav-phone-number{
  padding-left: 50px;
  font-size: 24px;
  font-weight: 700;
  color: black;
}
.nav-phone-icon{
  font-size: 24px;
  color: #3974f6;
  margin-right: 6px;
}
.city-info-container {
  display: flex;
  flex-direction: column;
}

.city-info-container .city-info-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  /* background-color: red; */
}

.city-info-container .city-info-item h3 {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
.city-info-container .city-info-item p {
  font-size: 16px;
  color: #666;
  text-align: left;
}

.city-info-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-link-container {
  display: none;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}

.footer-link-container a {
  color: white;
  font-size: 14px;
  color: #3974f6;
  text-decoration: underline;
  padding-left: 20px;
}
.solution-product-content .menu-product-item {
  width: 224px;
  height: 168px;
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 0;
  margin: 12px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.solution-product-content .menu-product-item .menu-product-item-bg {
  margin: 0;
  width: 100%;
  height: 100%;
}
.solution-product-content .menu-product-item .menu-product-content {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 224px;
  height: 168px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
}

.solution-product-content
  .menu-product-item
  .menu-product-content
  .menu-product-title {
  color: #fff !important;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 8px;
  display: block;
}
.solution-product-content
  .menu-product-item
  .menu-product-content
  .submenu-subtitle {
  color: #ddd !important;
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
  display: block;
}
#menu-mr-editor .menu-product-item-bg {
  background-image: url(../images/img_mreditor_1x.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#menu-yj-platform .menu-product-item-bg {
  background-image: url(../images/img_platform_1x.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.solution-industry-content .menu-product-item {
  width: 224px;
  height: 168px;
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 0;
  margin: 12px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.solution-industry-content .menu-product-item .menu-product-item-bg {
  margin: 0;
  width: 100%;
  height: 100%;
}
.solution-industry-content .menu-product-item .menu-product-content {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 224px;
  height: 168px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  text-decoration: none;
  outline: none;
}

.solution-industry-content
  .menu-product-item
  .menu-product-content
  .menu-product-title {
  color: #fff !important;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 8px;
  display: block;
}
.solution-industry-content
  .menu-product-item
  .menu-product-content
  .submenu-subtitle {
  color: #ddd !important;
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
  display: block;
}
#menu-stand-sop .menu-product-item-bg {
  background-image: url(../images/img_dianjian_1x.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#menu-stand-install .menu-product-item-bg {
  background-image: url(../images/img_zhuangpei_1x.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#menu-stand-quality .menu-product-item-bg {
  background-image: url(../images/img_quality_1x.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#menu-stand-cooperation .menu-product-item-bg {
  background-image: url(../images/img_remote_1x.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.solution-product-content .menu-solution-item {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  width: 240px;
  height: 116px;
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 12px;
  margin: 6px;
}
.solution-product-content .menu-solution-item .menu-solution-item-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  flex-shrink: 0;
}
.solution-product-content .menu-solution-item .menu-solution-item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
  padding-left: 4px;
}
.solution-product-content
  .menu-solution-item
  .menu-solution-item-content
  .menu-solution-item-title {
  font-size: 20px;
  font-weight: 600 !important;
  color: #091434;
}
.solution-product-content
  .menu-solution-item
  .menu-solution-item-content
  .submenu-subtitle {
  margin-top: 8px;
  font-size: 14px;
  color: #666;
}
.solution-industry-content .menu-solution-item {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  width: 200px;
  height: 76px;
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 12px;
  margin: 6px;
}
.solution-industry-content .menu-solution-item .menu-solution-item-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  flex-shrink: 0;
}

.solution-industry-content .menu-solution-item .menu-solution-item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
  padding-left: 8px;
}
.solution-industry-content
  .menu-solution-item
  .menu-solution-item-content
  .menu-solution-item-title {
  font-size: 20px;
  font-weight: 600 !important;
  color: #091434;
}
.solution-industry-content
  .menu-solution-item
  .menu-solution-item-content
  .submenu-subtitle {
  margin-top: 8px;
  font-size: 14px;
  color: #666;
}
.solution-selected .menu-solution-item:hover {
  background-color: #f1f7fe;
}
.solution-selected
  .menu-solution-item:hover
  .menu-solution-item-content
  .menu-solution-item-title {
  color: #3974f6;
}
.solution-selected
  .menu-solution-item:hover
  .menu-solution-item-content
  .submenu-subtitle {
  color: #3974f6 !important;
}
.solution-industry .menu-solution-item:hover {
  background-color: #f1f7fe;
}
.solution-industry
  .menu-solution-item:hover
  .menu-solution-item-content
  .menu-solution-item-title {
  color: #3974f6;
}
.solution-industry
  .menu-solution-item:hover
  .menu-solution-item-content
  .submenu-subtitle {
  color: #3974f6 !important;
}
.solution-selected .menu-solution-item:first-child .menu-solution-item-icon {
  background-image: url(../icons/icon_dianjianxunshi_1x.png);
}
.solution-selected .menu-solution-item:nth-child(2) .menu-solution-item-icon {
  background-image: url(../icons/icon_zhuangpeishengchan_1x.png);
}
.solution-selected .menu-solution-item:nth-child(3) .menu-solution-item-icon {
  background-image: url(../icons/icon_jiancejiancha_1x.png);
}
.solution-selected .menu-solution-item:nth-child(4) .menu-solution-item-icon {
  background-image: url(../icons/icon_arremote_1x.png);
}
.solution-industry .menu-solution-item:first-child .menu-solution-item-icon {
  background-image: url(../icons/icon_industry_1x.png);
}
.solution-industry .menu-solution-item:nth-child(2) .menu-solution-item-icon {
  background-image: url(../icons/icon_electric_1x.png);
}
.solution-industry .menu-solution-item:nth-child(3) .menu-solution-item-icon {
  background-image: url(../icons/icon_water_1x.png);
}
.solution-industry .menu-solution-item:nth-child(4) .menu-solution-item-icon {
  background-image: url(../icons/icon_hospital_1x.png);
}
.solution-industry .menu-solution-item:nth-child(5) .menu-solution-item-icon {
  background-image: url(../icons/icon_car_1x.png);
}
.solution-industry .menu-solution-item:nth-child(6) .menu-solution-item-icon {
  background-image: url(../icons/icon_chemical_1x.png);
}
.solution-industry .menu-solution-item:nth-child(7) .menu-solution-item-icon {
  background-image: url(../icons/icon_energy_1x.png);
}
.solution-industry .menu-solution-item:nth-child(8) .menu-solution-item-icon {
  background-image: url(../icons/icon_battery_1x.png);
}
.solution-industry .menu-solution-item:nth-child(9) .menu-solution-item-icon {
  background-image: url(../icons/icon_communication_1x.png);
}
.solution-industry .menu-solution-item:nth-child(10) .menu-solution-item-icon {
  background-image: url(../icons/icon_comm_1x.png);
}
.solution-industry .menu-solution-item:nth-child(11) .menu-solution-item-icon {
  background-image: url(../icons/icon_education_1x.png);
}
.solution-industry .menu-solution-item:nth-child(12) .menu-solution-item-icon {
  background-image: url(../icons/icon_aerospace_1x.png);
}
.solution-industry .menu-solution-item:nth-child(13) .menu-solution-item-icon {
  background-image: url(../icons/icon_military_1x.png);
}
.solution-industry .menu-solution-item:nth-child(14) .menu-solution-item-icon {
  background-image: url(../icons/icon_architectural_1x.png);
}