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

button:focus {
    outline: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Saira', sans-serif;
    font-style: normal;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 600;
    transition: .5s;
    font-size: 30px;
    color: #232323;
    margin: 0 0 10px;

}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

a {
    transition: .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: .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: #0c3eb9;
    padding: 3px 6px;
    border-radius: 4px;
}

.witr_progress-style5 .witr_percent:after {
    content: '';
    position: absolute;
    border: 11px solid transparent;
    border-right-color: #0c3eb9;
    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: #0c3eb9;
    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 #0c3eb9;
    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: #0c3eb9;

}




.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: #0c3eb9;
    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 */

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

/*=====================
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: #0c3eb9 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: #0c3eb9 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: #0c3eb9;
    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: #0c3eb9;
    width: 1px;
    height: 74px;
    left: 10px;
    top: -21px;
}

.creative_header_button .dtbtn {
    background: #0c3eb9 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: #0c3eb9 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: #0c3eb9 none repeat scroll 0 0;
    border: 1px solid #0c3eb9;
    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: #0c3eb9;
    color: #fff;
    border-color: #0c3eb9;
}

/* .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: #0c3eb9 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 {}

.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: 32px 15px 38px;

    transition: .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: #fff;
}

.heading_style_3 .techit_menu>ul>li>a {
    color: #fff;
}

.heading_style_4 .techit_menu>ul>li>a {
    color: #fff;
}

.heading_style_5 .techit_menu>ul>li>a {
    color: #fff;
}

.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: #0c3eb9;
    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: .5s;
}

.hbg2 {
    background: rgba(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: .5s;
    position: absolute;
}

.techit_nav_area.postfix {
    -webkit-transition: .3s;
    transition: .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: #0c3eb9;
}

/* LOGO LEFT RIGHT CSS */

.logo-left {}

.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%;
    width: 200px;
    text-align: left;
    background: #0c3eb9;
    margin: 0;
    padding: 15px 0;
    z-index: 9999;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

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

.techit_menu ul li:hover>.sub-menu {
    opacity: 1;
    transition: .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 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: .1s;
    transition: .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, .06);
    color: #fff;
}

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

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

a.dtbtn {
    border: none;
    display: block;
    font-size: 17px;
    margin-left: 30px;
    font-weight: 700;
    text-transform: capitalize;
    background-color: #0c3eb9;
    border-radius: 3px;
    color: #fff;
    padding: 10px 25px 14px;

}

a.dtbtn:hover {
    background: #15234a;
}

.redX {
    color: #0c3eb9;
}

.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 .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .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, .7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 999;

    transition: .5s;
}

.techit-blog-thumb img {

    transition: .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: #0c3eb9;
}

.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: #0c3eb9;
}

.techit-blog-meta-left i {
    color: #0c3eb9;
    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: #0c3eb9;
    background: #0c3eb9;
    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 #0c3eb9;
    border-radius: 5px;
    color: #0c3eb9;
    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: #0c3eb9;
    border-color: #0c3eb9;
    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: #0c3eb9;
}

.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: #0c3eb9;
    background: #0c3eb9;
    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: #0c3eb9;
}

.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: #0c3eb9;
    border-color: #0c3eb9;
    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;
}

.breadcumb-area {
    padding: 200px 0 122px;
    background-image: url(../images/breadcume2.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-weight: 600;
}

.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: #0c3eb9;
    display: inline-block;
    font-size: 160px;
    font-weight: 700;
    line-height: 1.2;
    padding: 15px 0;
}

.not-found-inner p {
    font-size: 30px;
    color: #0c3eb9;
}

.not-found-inner a {
    color: #0c3eb9;
    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: #0c3eb9;
    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: #0c3eb9;
    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: #0c3eb9;
    border-radius: 50px;
    color: #0c3eb9;
    display: inline-block;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin: 0 7px;
    text-align: center;
    width: 45px;
    -webkit-transition: .3s;
    transition: .3s;
}

.footer-social-icon a i:hover {
    background-color: #0c3eb9;
    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: 20px;
    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: #fff;
}

.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: .5s;
}

.footer-middle .widget ul li a:hover,
.footer-middle .widget ul li:hover:before {
    color: #0c3eb9;
}

.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;
    font-size: 14px;
}

.copy-right-text a:hover,
.footer-menu ul li a:hover {
    color: #0c3eb9;
}

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

.footer-bottom-link {
    color: #fff;
    margin-top: 14px;
    font-size: 14px;
    padding: 0 15px;
}

.footer-bottom-link a {
    color: #fff;
    margin: 0 10px;
    font-size: 14px;
}

.footer-bottom-link a:hover {
    color: #0c3eb9;
}

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

#scrollUp {
    background: #0c3eb9 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 p {
    font-size: 14px;
}

.copy-right-text a {
    /* color: #0c3eb9; */
    color: #ffffff;
    font-size: 14px;
}

.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: #0c3eb9;
}

.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: #0c3eb9;
}

.footer-middle .recent-post-text .rcomment {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.mean-container .mean-bar {
    float: none;
    background: #0c3eb9 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: #0c3eb9 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: #0c3eb9;
}

/* 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: #0c3eb9;
    content: "";
}

.title_in:after {
    position: absolute;
    right: -5px;
    top: 0;
    height: 100%;
    width: 2px;
    background: #0c3eb9;
    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 {
    position: relative;
    z-index: 1;
}

.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: 50px;
    margin: auto;
    margin-bottom: 5px;
    font-weight: 700;
}

.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 h1 {}

.witr_section_title_inner h2 {
    font-size: 17px;
    color: #0c3eb9;
    width: 100%;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.witr_section_title_inner h3 {}

.witr_section_title_inner h2 span,
.witr_section_title_inner h3 span {
    color: #0c3eb9;
}



.witr_section_title_inner p {
    margin-top: 10px;
}

.witr_section_title_inner.text-center p {
    width: 74%;
    margin-right: auto;
    margin-left: auto;
}

.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: #0c3eb9;
}

.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: .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: #0c3eb9;
    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: #0c3eb9;
    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: .5s;
}

.em-service-title {
    overflow: hidden;
}

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

    transition: .5s;
}

.em-service-title i {
    padding: 0;
    text-transform: capitalize;

    transition: .5s;
}

.em-service-desc {}

.em-service-desc p {

    transition: .5s;
}

.service-btn {
    margin-top: 2px;
}

.service-btn>a {
    border-radius: 30px;
    color: #232323;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    transition: .5s;
}

.service-btna a:hover {
    color: #0c3eb9;
}

.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: #0c3eb9;
}

.em-service2:hover .em-service-icon i {
    color: #fff;
    background: #0c3eb9;
}


/* service 5 */
.serIcon {
    position: relative;
    margin: 0 0 12px;
    z-index: 9;
}

.serIcon i {
    font-size: 70px;
    line-height: 96px;
    color: #0c3eb9;
}

.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: #0c3eb9;
    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: #0c3eb9;
    border-color: #0c3eb9;
}

.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: #0c3eb9;
}

.single_counter:hover {
    background: #0c3eb9;
    border-color: #0c3eb9;
}

.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: .3s;
    margin: 0;
    transition: .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: .3s;
    transition: .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: .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: #0c3eb9;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 60px;
    left: 50px;
    opacity: 0.08;
    position: absolute;
    top: -15px;

}

.em_single_testimonial:after {
    bottom: -18px;
    color: #0c3eb9;
    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 #0c3eb9;
    border-radius: 50%;
    color: #0c3eb9;
    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: #0c3eb9;
    color: #fff;
}

.curosel-style .owl-nav .owl-prev:hover {
    background: #0c3eb9;
    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: #0c3eb9c4;
    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: #0c3eb9;
    border-color: #0c3eb9;
}

.em-button-button-area a:hover {
    color: #fff;
    background: #0c3eb9;
    border-color: #0c3eb9;
}

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: #0c3eb9;
    border-color: #0c3eb9;
    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: #0c3eb9 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: .3s;
    transition: .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: #0c3eb9;
    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: .5s;
}

.active.single_pricing .order_now a {
    background: #0c3eb9 none repeat scroll 0 0;
    color: #fff;
    border-color: #0c3eb9;
}

.order_now a:hover {
    background: #0c3eb9 none repeat scroll 0 0;
    color: #fff;
    border-color: #0c3eb9;
}

.single_pricing:hover .tk {
    color: #0c3eb9;
}

/*=====================
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: #0c3eb9;
}

.learn_btn i {
    font-size: 15px;
    margin-left: 3px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #0c3eb9;
}

.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: #0c3eb9;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 999;

    transition: .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: #0c3eb9;
}

.blog-content_adn h2 a {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-content_adn h2 a:hover {
    color: #0c3eb9;
}

.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: .5s;
}

.blog_add_icon a {
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #0c3eb9;
    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: .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: .3s;
    transition: .3s;
}

.techit-blog-meta-left_adn a:hover,
.techit-blog-meta-left_adn span:hover {
    color: #0c3eb9;
}

.techit-blog-meta-left_adn i {
    margin-right: 5px;
    color: #0c3eb9;
}

.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: #0c3eb9;
    background: #0c3eb9;
    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;
        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: #0c3eb9;
    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 #0c3eb9;
    color: #0c3eb9;
    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: #0c3eb9;
    color: #fff;
}

.btn.btn-bordered:hover {
    background-color: #0c3eb9;
    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: .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, .7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 999;

    transition: .5s;
}

.techit-event-thumb_adn img {

    transition: .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: .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: #0c3eb9 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: .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: #0c3eb9;
    padding: 10px 13px;
    /* width: 60px; */
    /* height: 70px; */

    text-align: center;
    color: #fff;
}

.event_date span {
    display: block;
    line-height: 20px;
}

.event_date_list {
    background: #0c3eb9;
    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: #0c3eb9;
}

.techit-single-blog--thumb img {}

.mean-container .mean-bar:before {
    text-transform: uppercase;
}

/*=====================
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: #0c3eb9;
}

.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: 28px;
    font-weight: 600;
}

.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: #0c3eb9;
    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: .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 .3s .15s cubic-bezier(0.32, 0, 0, 1), background .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.90) !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 {}

.witr_ds_content_inner.witr_containers {
    width: 80%;
    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: 22px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}

.witr_ds_content_inner h3,
.witr_ds_content_inner h2 {
    font-size: 48px;
    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: 18px;
}

.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: 62%;
    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: #0c3eb9;
}

.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: .5s;
}

.techit_slider_icon ul li a i:hover {}

/* footer text des */
.techit-description-area {}

.techit-description-area a {}

.techit-description-area a img {
    margin: 31px 0 26px;
}

.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: #0c3eb9;
    /* 	border-color:#0c3eb9;*/
    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 #0c3eb9;
    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: #0c3eb9;
}

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: #0c3eb9 !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: #0c3eb9;
    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: #0c3eb9;
    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 #0c3eb9;
}

.witr_bbtn:hover {
    color: #fff;
    background: #0c3eb9;
    border-color: #0c3eb9;
}


/* 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, #0c3eb9);
    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, #0c3eb9, #4C0062);
    top: 0;
    content: "";
    width: 100%;
    z-index: -2;
    transition: all .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, #0c3eb9, #4C0062);
    top: 0;
    content: "";
    width: 100%;
    z-index: -2;
    transition: all .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 .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: #0c3eb9;
}

/* 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: #0c3eb9;
    border-color: #0c3eb9;
}

.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, #0c3eb9, #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, #0c3eb9);
}

.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: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%;
    background: linear-gradient(45deg, #0c3eb9, #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: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%;
    background: linear-gradient(45deg, #0c3eb9, #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 .5s ease;
    transition: all .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: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%;
    background: -webkit-linear-gradient(45deg, #0c3eb9, #4C0062);
    background: linear-gradient(45deg, #0c3eb9, #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 .5s ease;
    transition: all .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: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%;
    background: linear-gradient(45deg, #0c3eb9, #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 .5s ease;
    transition: all .5s ease;
    position: absolute;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    content: "";
}

.witr_vbbgbtn i {
    color: #0c3eb9;
}

/* 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: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%;
    background: -webkit-linear-gradient(45deg, #0c3eb9, #4C0062);
    background: linear-gradient(45deg, #0c3eb9, #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 .5s ease;
    transition: all .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: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%;
    background: linear-gradient(45deg, #0c3eb9, #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;
}


/*
  Theme Name: Techit 
  Version: 2.0
*/

/*===========================
    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: #0c3eb9;
    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: #0c3eb9;
    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: #0c3eb9;
}

.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: #0c3eb9;
    background: #fff;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;

    transition: .5s;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 20px;
}

.witr_banner_content a i:hover {
    color: #fff;
    background: #0c3eb9;
}

.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: #0c3eb9;
    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, .4);
    animation: witr_banner_ripple 2s infinite;
}

.witr_banner_video_item a::after {
    animation-delay: 1.5s;
    content: "";
}

.witr_banner_video_item i {
    color: #0c3eb9;
    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: #0c3eb9;
}

.single_feature:hover .sub-item i {

    transition: .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: #0c3eb9;
    line-height: 78px;
    border: 2px solid #0c3eb9;
    background: none;

    transition: .5s;
}

.sub-item.sub-item-3 p {
    padding-top: 22px;
}

.sub-item.sub-item-3:hover i {
    color: #fff;
    background: #0c3eb9;
}

.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: #0c3eb9;

    transition: .5s;
}

.sub-item.sub-item-6:hover i {
    color: #fff;
}

/*====== home page 8 ======*/
.sub-item.sub-item-8 {
    padding: 30px 20px 21px;
    transition: .5s;
}

.sub-item.sub-item-8:hover {
    box-shadow: 0px 0px 29px -26px #000;
}


/* ===== feature style 3d css ===== */
.witr_feature_3d {
    perspective: 1000px;
    transition: .1s;
}

.witr_feature_3d:hover .witr_single_feature_3d {
    transform: rotateY(-180deg);
}

.witr_single_feature_3d {
    transition: transform .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: #0c3eb9;
    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: #0c3eb9;
}

/* 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: #0c3eb9;
    padding: 6px 21px;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block;
}

.witr_feature_btn_f a:hover {
    color: #fff;
    background: #0c3eb9;
}

/* box feature */
.singleService {
    position: relative;
    padding: 24px 0 0;
    transition: 1s;
    width: 175px;
    height: 256px;
}

.singleService h3 {
    font-size: 25px;
    line-height: 37px;
    margin-bottom: 7px;
}

.singleService p {
    margin-bottom: 88px;
}

.box {
    position: relative;
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.box:before {
    width: 154px;
    height: 173px;
    /* width: 267px;
    height: 276px; */
    position: absolute;
    /* left: -28%;
    top: -200%; */
    left: 10px;
    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: 154px;
    height: 173px;
    position: absolute;
    left: 10px;
    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: #0c3eb9;
}

.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: .5s;
}

.witr_feature2:hover {
    background: #0c3eb9;
}

.witr_fea2_icon_top i {
    font-size: 80px;
    color: #fff;
}

.single_feature2:hover .witr_fea2_icon_top i {
    transition: .5s;
}

.witr_feature2_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    z-index: -1;
    opacity: 0;
    transition: .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: #0c3eb9;
}


/*===========================
    5.tab area css 
===========================*/
.tab_area {}

.tab_item {}

.tab_item ul {}

.tab_item ul li {
    padding: 0;
}

.tab_item ul li a {
    color: #232323;
    border: 1px solid #e2e2e2;
    padding: 12px 6px;
    font-size: 21px;
    margin-right: 25px;
    margin-bottom: 30px;
    font-weight: 600;
}

.tab_item ul li a i {
    font-size: 50px;
    color: #0c3eb9;
    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;
}

.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: #0c3eb9;
    border: 1px solid #fff;
}

.margin_top_30 {
    margin-top: 30px;
}

.margin_top_40 {
    margin-top: 40px;
}

.em_post_tab_thumb img {
    width: 100%;
}

.em_post_tab_thumb video {
    width: 100%;
    /* height: 100%; */
}

.tab_area .tab_content h3 {
    font-size: 34px;
    line-height: 45px;
    margin-bottom: 20px;
}

.tab_area .tab_content p {
    width: 97%;
}

.tab_area .tab_content a {
    color: #0c3eb9;
    display: block;
    margin-top: 30px;
    font-weight: 600;
    transition: .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, .4);
    animation: witr_video_ripple 2s infinite;
}

.play-overlay a::after {
    animation-delay: 1.5s;
}

.play-overlay i {
    color: #0c3eb9;
    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, .4);
    animation: witr_video_ripple 2s infinite;
}

.video-item a::after {
    animation-delay: 1.5s;
}

.video-item i {
    color: #0c3eb9;
    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: #0c3eb9;
    border-radius: 30px;
    padding: 18px 42px;
    transition: .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: .5s;
}

.service-item:hover i {
    background: #0c3eb9;
    color: #fff;
    border-color: #0c3eb9;
}

.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: .1s;
}

.witr_service_3d:hover .witr_single_service_3d {
    transform: rotateY(-180deg);
}

.witr_single_service_3d {
    transition: transform .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: #0c3eb9;
    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: #0c3eb9;
    background-image: url(../images/it-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.witr_service_back_3d:before {
    background: #0c3eb9cc;
    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: #0c3eb9;
}



/*CREATIVE SERVICE2 SECTION 2*/
.witr_service2 {
    margin-bottom: 30px;
}

.witr_front_content {
    position: relative;
}

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

.witr_service2_image img {
    width: 100%;
    transition: 1s;
}

.witr_service2:hover .witr_service2_image img {
    transform: scale(1.2);
}

.witr_service2_box {
    background: #fff;
    padding: 21px 26px 17px;
    box-shadow: 0px 0px 30px rgba(42, 67, 113, .15);
}

.witr_service2_icon,
.witr_ser_img {
    float: left;
    margin-right: 20px;
    margin-top: 8px;
}

.witr_service2_icon i {
    color: #0c3eb9;
    font-size: 50px;
    transition: all 0.3s ease 0s;
}

/* witr_custom2_icon */
.witr_custom2_icon {
    float: left;
    margin-right: 20px;
    margin-top: 8px;
}

.witr_custom2_icon i {
    color: #0c3eb9;
    font-size: 47px;
    transition: .5s;
}

.witr_titles {
    overflow: hidden;
}

.witr_titles h3 {
    font-size: 24px;
}

.witr_titles p {
    color: #0c3eb9;
    margin-bottom: 2px;
}

.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: #0c3eb9;
    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: .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: #0c3eb9;
}

.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: #0c3eb9;
    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: #0c3eb9;
    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: #0c3eb9;
    border: 1px solid #0c3eb9;
}


.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;
    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: #0c3eb9;
    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: #0c3eb9;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    transition: 1s;
    border: 1px solid #0c3eb9;
}

.witr_case_btnb a:hover {
    border: 1px solid #ececec;
    background: transparent;
    color: #0c3eb9;
}

.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: .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: .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: .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: .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: .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: .5s;
}

.team-social ul li a:hover {
    color: #fff;
    background: #0c3eb9;
    border-color: #0c3eb9;
}


/*====== 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: #0c3eb9;
    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, .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: #0c3eb9;
    transition: 1s;
}

.witr_bottom_icon a:hover {
    background: #0c3eb9;
    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: #0c3eb9;
    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: #0c3eb9;
    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: #0c3eb9;
    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: #0c3eb9;
}

.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: #0c3eb9;
    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: #0c3eb9;
}

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: .7s;
    transition: .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: .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: .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: .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: .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: #0c3eb9;
}

.em-team-content-socials {
    position: relative;

    transition: .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: .5s;
}

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


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

    transition: .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: .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, .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: #0c3eb9;

}

.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: #0c3eb9;
}


/* 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: .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, .90);
    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: #0c3eb9;
    width: 0px;
    height: 3px;
    content: '';
    transition: all ease 500ms;
}

.busi_TMHover::after {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #0c3eb9;
    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: #0c3eb9;
}

.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: .5s;
    display: inline-block;
}

.busiTS a:hover {
    background: #0c3eb9;
    border-color: #0c3eb9;
    color: #fff;
    transform: rotate(360deg);
}


/* team 8 */
.witr_team_a3d {}

.witr_team_cont_3d {
    -o-perspective: 800px;
    perspective: 800px;
    transition: .5s;
}

.witr_team_cont_3d:hover .witr_team_wrap_3d {
    transform: rotateY(-180deg);
}

.witr_team_wrap_3d {
    transition: transform .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: .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: #0c3eb9;
}

/* 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: .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: #0c3eb9;
    margin: -5px 0px 29px;
}

.witr_tslide_text p {
    opacity: 0;
    margin-top: -15px;
    margin-bottom: 26px;
    transition: .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: #0c3eb9;
    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 #0c3eb9;
    background: #0c3eb9;
}

.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: #0c3eb9;
}

.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: .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 #0c3eb9;
    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: #0c3eb9;
    line-height: 43px;
    width: 217px;
    height: 45px;
    text-align: center;
    -webkit-transform: rotate(35deg);
    transform: rotate(45deg);
}

.pricing-part i {
    color: #0c3eb9;
    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: #0c3eb9;
    line-height: 41px;
    padding: 0 30px;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #0c3eb9;
}

.pricing-part a.btn:hover {
    background: transparent;
    color: #0c3eb9;
}

.pricing-part.active {
    background: #0c3eb9;
}

.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 #0c3eb9;
    border-radius: 30px;
}

.pricing_area .nav li a.active {
    background: #0c3eb9;
    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 #0c3eb9;
}

.pricing-part.pricing-part-2 a.btn:hover {
    color: #fff;
    background: #0c3eb9;
}

.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: #0c3eb9;
    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: .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: #0c3eb9;

    transition: .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: #0c3eb9;
}

.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: #0c3eb9;
    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: .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: .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: .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: .5s;
}

.witr_blog_con span i:hover {
    color: #0c3eb9;
}

.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: #0c3eb9;
}

.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: #0c3eb9;
}


/*========= 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: .5s;
    margin: auto;
    margin-bottom: 30px;
}

.witr_single_counter:hover {
    border: 3px dotted #f00;
    background: #0c3eb9;
    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: .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: #0c3eb9 none repeat scroll 0 0;
    border-color: #0c3eb9;
}

.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: .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: #0c3eb9 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: .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: .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: #0c3eb9;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid transparent;
}

.portfolio_readmore_btn>a:hover {
    background: #0c3eb9;
    color: #fff;
    border: 1px solid #0c3eb9;
}

.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: .5s;
}

.pstyle_1 .picon a:hover {
    background: #0c3eb9;
    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: .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: #0c3eb9;
    border-radius: 50px;
    margin-top: 20px;
    padding: 8px 30px 10px;

    transition: .5s;
}

.witr_call_to_content a:hover {
    background: #0c3eb9;
}

.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 #0c3eb9;
    border-radius: 30px;
    margin-right: 15px;
    display: block;

    transition: .5s;
}

.w_apps_button a:hover {
    background: #642ba2;

    transition: .5s;
}

.w_apps_button a:hover span.icontext,
.w_apps_button a:hover span.spaninner {
    color: #fff;

    transition: .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: .5s;
}

.wittr_footermenu_w_list ul li a:hover {
    color: #0c3eb9;
}

/* 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: .5s;
    margin-top: 8px;
}

.witr_single_socials ul li a i:hover {
    color: #0c3eb9;
}

/*======  Custom Icon  css =======*/
.witr_custom_icons {}

.witr_custom_icons a {}

.witr_custom_icons i {
    color: #232323;
    font-size: 37px;
    transition: .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, .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: .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: .5s;
    background: #0c3eb9;
    position: absolute;
    left: 7.5px;
    top: 0;
    content: "";
}

/* circle border */
.witr_dslborder {
    display: inline-block;
    width: 15px;
    height: 15px;

    transition: .5s;
    background: #0c3eb9;
    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: .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: #0c3eb9;
    line-height: 54px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    position: relative;
    z-index: 2;

    transition: .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: #0c3eb9;
}

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

.witr_ac_style:focus,
.witr_ac_style:hover {
    color: #fff;
    background: #0c3eb9;
}

.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: #0c3eb9;
    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 #0c3eb9 !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: .5s;
    line-height: 45px;
    border: 2px solid #0c3eb9;
}

.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: #0c3eb9;
    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: #0c3eb9;
}

.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: 0px;
    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 #0c3eb9;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 5px;
    padding: 0;
    transition: .5s;
}

.slick-dots li.slick-active button {
    background: #0c3eb9;
    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: #0c3eb9;
}

.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: #0c3eb9;
    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: #0c3eb9;
}

.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: #0c3eb9;
    color: #fff;
}

.wic_tab_content2 {
    padding-top: 40px;
}

.witr_tab_title_content2 {}

.witr_tab_title_content2 h2 {
    font-size: 20px;
    margin-bottom: 19px;
    color: #0c3eb9;
}

.witr_tab_btn {}

.witr_tab_btn a {
    color: #0c3eb9;
}

/* 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: #0c3eb9;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    line-height: 45px;
    border-radius: 5px;
    font-weight: 400;
    border: 0px solid #0c3eb9;
    transition: .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: 0px solid #ddd;
    border-radius: 5px;
    line-height: 43px;
    padding-left: 30px;
    color: #fff;
    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: #0c3eb9;
    font-size: 18px;
    cursor: pointer;
    line-height: 45px;
    border-radius: 5px;
    font-weight: 400;
    border: 1px solid #0c3eb9;
    transition: .5s;
    padding: 5px 50px;
}

.witr_con_btn2 .w_btn2:hover {
    background: #0c3eb9;
    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: #0c3eb9;
    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: #0c3eb9;
    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: #0c3eb9;
    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: .5s;
}

.mc4wp-form-fields button:hover {
    background: #0c3eb9;
}

.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: #0c3eb9;
    cursor: pointer;

    transition: .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: #0c3eb9;
}




.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: .5s;

}

.witr_shape_box {
    width: 300px;
    height: 300px;
    background: #ddd;
    border-radius: 50%;
    border: 54px solid #f9f9f9;
    margin: auto;
    transition: .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: #0c3eb9;
    transition: 1s;
}

.techit_feature_area .em-service2:hover .em-service-icon i {
    color: #0c3eb9;
    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;
}

.video_bg {
    padding: 140px 0px 140px 0px;
    background-image: url(../images/about2.jpg);
    background-size: cover;
}

.about_left {
    margin: 0px 0px 0px 120px;
}


.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: #0C3EB9;
    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: #0C3EB9;
    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: #0C3EB9;
    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: #0C3EB9;
    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: #0C3EB9;
    border-radius: 50%;
    margin: auto;
    transition: .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: #0C3EB9;
}

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

.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: #0C3EB9;
}


.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: #0c3eb980;
}

.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: 100px 0px 100px;
    background: #F4F9FC;
}

.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: #0C3EB9;
}

.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: #0C3EB9;

}

.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: #0c3eb9;
}

.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: 100px 0px 70px;
}

.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: #0C3EB9;
    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: #0C3EB9;
    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: #0C3EB9;
    background-color: #FFFFFF;
    margin: 0px -10px 0px 0px;
}

.techit_choose_area.choose_bg .em-service2.sleft:hover {
    background-color: #0C3EB9;
}

.techit_choose_area.choose_bg .em-service2:hover .em-service-icon i {
    color: #0c3eb9;
    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: #0c3eb9de;
}

.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: #0c3eb9ad;
}

.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: #0c3eb9;
}

.after_color span.cdowns:after {
    background: #0c3eb9;
}

.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: #0c3eb9;
}

.techit_countdown3 .counterdowns p {
    color: #0c3eb9;
}

.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: #0c3eb9ad;
}

.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: #0C3EB9;
    border-radius: 5px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 40px 0px;
}

.pricing2 .all_pricing_color i {
    background: #0C3EB9;
}

.pricing2 .witr_btnp_color {
    background-color: #0C3EB9;
    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: #0c3eb9;
}

.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 #0c3eb9;
    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 #0c3eb9;
}

.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: #09132E;
    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: #fff;
    background: transparent;
}

.techit_contact_area .em-service-title h3 {
    color: #FFFFFF;
    font-size: 21px;
    font-weight: 500;
    margin: 8px 0px 0px 0px;
}

.techit_contact_area .witr_section_title_inner h3 {
    color: #FFFFFF;
    font-size: 30px;
}

.techit_contact_area .witr_section_title_inner.text-left p {
    width: 68%;
    color: #fff;
}

.witr_field2 .witr_form_field2.field3 {
    float: none;
    width: 100%;
}

.witr_field2 input::-webkit-input-placeholder {
    color: #fff;
}

.witr_field2 textarea::-webkit-input-placeholder {
    color: #fff;
}

.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: #fff;
}

.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 #0c3eb9;
}

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 #0c3eb9;
}

.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 #0c3eb9;
    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: #0c3eb9;
}

.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: #0C3EB9;
    border-style: default;
}

.tab_bg2 .tab_item .nav-pills li .nav-link.active i {
    color: #0C3EB9;
}

.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: #0c3eb980;
}

.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: #0c3eb9d6;
    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: #0C3EB9;
    border-style: default;
    background: #FFFFFF;
}

.witr_slick_content .witr_btn:hover {
    background: #0C3EB9;
    color: #fff;
}

.witr_slick_content .witr_ds_content_inner p {
    width: 43%;
}