@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

/* === style_w10 theme default ==== */

/* global css */
html,
body {
  overflow-x: hidden;
}
.fix {
  overflow: hidden;
}
.clear_both {
  clear: both;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
/* bootstrap  row sick */
.slick-slider {
  margin-left: -15px;
  margin-right: -15px;
}
.slick-slider .col-md-12,
.slick-slider .col-lg-12 {
  margin-left: 15px;
  margin-right: 15px;
}
.breadcumb-area,
.witrfm_area {
  z-index: 1;
}
.breadcumb-area:before,
.witrfm_area:before {
  z-index: -1;
}
.witrfm_area {
  position: relative;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}
/*
@font-face {
    font-family: 'Sofia Pro';
    src:  url('assets/fonts/Sofia Pro Bold.ttf');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

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

body {
  color: #858589;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
}
p {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 700;
  transition: 0.5s;
  font-size: 22px;
  color: #181b1d;
  margin: 0 0 10px;

  transition: 0.5s;
}
a {
  color: #17161a;
  transition: 0.5s;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #0368cf;
}

/* progress area css */
.witr_single_progress {
  overflow: hidden;
  position: relative;
}
.progress-bar {
  background-color: #0368cf;
  overflow: visible;
}

/*=====================
Home 2 Header CSS
======================*/

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

  transition: 0.5s;
}

/* === style_w7 button ==== */

.text-left .witr_btn_sinner {
  text-align: left;
}
.text-right .witr_btn_sinner {
  text-align: right;
}
.text-center .witr_btn_sinner {
  text-align: center;
}

/* button default style */
.witr_button_area {
  text-align: left;
}
.witr_btn {
  background: #0368cf;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 18px 30px;
  text-align: center;
  position: relative;
  margin-right: 20px;
  z-index: 2;
  transition: 1s;
  font-weight: 400;
}
.witr_btn:hover {
  background: #02101e;
  color: #fff;
}

/* video button i */
.witr_btn i {
  font-size: 18px;
  margin-left: 6px;
}

/* pluse_btn_icon */
.pluse_btn_icon {
  display: inline-block;
}
.pluse_btn_icon span {
}

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

/* 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, #0368cf, #02101e);
  border-radius: 30px;
  color: #fff;
  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: 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, #0368cf, #02101e);
  top: 0;
  content: "";
  width: 100%;
  z-index: -2;
  transition: all 0.5s ease;
}
.witr_gbtn:hover::before {
  opacity: 1;
}
/* video button i */

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

/* ------------ button gradient border style ----------------- */
.witr_gbbtn {
  border-radius: 30px;
  color: #0368cf;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 30px;
  text-align: center;
  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, #0368cf, #02101e);
  top: 0;
  content: "";
  width: 100%;
  z-index: -2;
  transition: all 0.5s ease;
}
.witr_gbbtn::after {
  position: absolute;
  border-radius: 3px;
  left: 2px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: #fff;
  top: 2px;
  content: "";
  z-index: -1;
  transition: all 0.5s ease;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}

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

/* video button i */

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

/* Video Default Button */
.witr_vbtn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  z-index: 2;
  margin-top: 10px;
  display: inline-block;
  color: #fff;
  background: #0368cf;
}
.witr_vbtn i {
  color: #fff;
}
.witr_vbtn:hover {
  background: #02101e;
  color: #fff;
}
/* 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 #0368cf;
}
.witr_vbbtn i {
  color: #0368cf;
}
.witr_vbbtn:hover {
  background: #0368cf;
  border-color: #0368cf;
}
.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, #0368cf, #02101e);
}
.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, #0368cf, #02101e);
}
.witr_vhgbtn:hover {
  color: #fff;
}

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

/* Video gradient border style Button */

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

.witr_vbgbtn::before {
  position: absolute;
  border-radius: 50%;
  left: 0;
  height: 100%;
  z-index: -2;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  content: "";
  width: 100%;
  background: linear-gradient(45deg, #0368cf, #02101e);
}
.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: #324452;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  border-radius: 50%;
  left: 2px;
  top: 2px;
  content: "";
}
.witr_vbgbtn:hover::after {
  opacity: 0;
}
.witr_vbgbtn i {
  color: #fff;
}

/* Video gradient dubble border style Button */

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

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

/* Video gradient dubble bg border style Button */

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

.witr_vdbbgbtn::before {
  position: absolute;
  border-radius: 50%;
  left: 0;
  height: 100%;
  z-index: -2;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  content: "";
  width: 100%;
  background: linear-gradient(45deg, #0368cf, #02101e);
}
.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 {
  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;
}

/* classic Button */
.witr_classic_button_area {
  text-align: center;
  margin-top: 38px;
}
.btn_none {
  display: none;
}

.btn_block {
  display: block;
}
.btn_sh_area {
  margin-top: 30px;
}
.btn_sh_area p {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
}
.btn_sh_area i {
  font-size: 21px;
  margin: 0px 5px;
  cursor: pointer;
}
.witr_bbtn i {
  font-size: 21px;
  margin-left: 6px;
  transition: 0.5s;
}
.a_active i {
  color: #0368cf;
}
.witr_btn:hover .a_active i,
.witr_bbtn:hover .a_active i {
  color: #fff;
}
.witr_bbtn.bbtn1 {
  color: #fff;
  border-color: #fff;
}
.witr_bbtn.bbtn1:hover {
  border-color: #0368cf;
}

/* === style_w6 shape ==== */
.witr_shape_image {
  animation: witr_rotate_45 5s linear 1s infinite alternate running;
}

.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: 9;
  content: "";
  transition: 0.5s;
}
.witr_shape_box {
  width: 300px;
  height: 300px;
  background: #ddd;
  border-radius: 50%;
  border: 54px solid #f9f9f9;
  margin: auto;
  transition: 0.5s;
}
.witr_shape_box_text {
  text-align: center;
  left: 50%;
  top: 50%;
  margin: auto;
  text-align: center;
  position: absolute;
  content: "";
  transform: translateX(-50%) translateY(-50%);
  font-size: 18px;
}

/* === style_w5 banner ==== */

.banner_area {
  position: relative;
  height: 800px;
  background-image: url(assets/images/slider-bg.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.banner_area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #02101eeb;
  z-index: -1;
}
.banner_area_inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.banner-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.banner-content h1 {
  font-size: 20px;
  color: #fff;
}
.banner-content h2,
.banner-content h3 {
  font-size: 55px;
  color: #fff;
}
.banner-content h1 span,
.banner-content h2 span,
.banner-content h3 span {
  color: #0368cf;
}
.banner-content p {
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  margin-bottom: 36px;
  color: #fff;
}
.text-center.banner-content h1,
.text-center.banner-content h2,
.text-center.banner-content h3,
.text-center.banner-content p {
  margin-left: auto;
  margin-right: auto;
}
.banner-content a {
}
.banner-content a i {
  /*     color: #fff; */
  background: #0368cf;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
  margin-right: 8px;
  margin-left: 9px;
  font-size: 20px;
}
.banner_area .butn {
  border: 2px solid #fff;
  color: #fff;
}
.banner_area .butn:hover {
  border: 2px solid #0368cf;
}
/*button css*/
.witr_btns2 {
}
.butn {
  background: transparent;
  border: 2px solid #0368cf;
  position: relative;
  vertical-align: middle;
  transition: 0.5s;
  outline: none;
  border-radius: 5px;
  color: #0368cf;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  z-index: 2;
  padding: 13px 30px;
  overflow: hidden;
  margin-right: 5px;
}
.butn:hover {
  color: #fff;
}
.witr_float .butn,
.witr_float .butn {
  float: left;
  margin-right: 20px;
}
.butn::before {
  content: "";
  width: 0;
  height: 100%;
  background: #0368cf;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: 0.5s;
}
.butn:hover::before {
  width: 100%;
}
.witr_deshboard {
  position: relative;
}
.witr_deshboard img {
}
/*====== style 3 ======*/

.banner-content ul {
  /*     margin-top: 38px; */
}
.banner-content.content-3 ul li {
  display: inline-block;
}
.banner-content.content-3 ul li a {
  margin-top: 0;
  padding: 0 12px;
}
.banner-content.content-3 ul li a i {
  background-color: transparent;

  font-size: 17px;
  height: 0;
  width: 0;
  margin: 0;
}

/*====== style 4 ======*/
.banner-content.content-4 ul li {
  display: inline-block;
  margin-top: 6px;
}
.banner-content.content-4 ul li a i {
  background-color: transparent;
  color: #0368cf;
  border: 1px solid #0368cf;
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 17px;
  margin-right: 0;

  transition: 0.5s;
}
.banner-content.content-4 ul li a:hover i {
  background: #0368cf;
  color: #fff;
}

/*====== style 5 ======*/
.banner-content form {
  position: relative;
  width: 445px;
}
.banner-content input {
  background-color: transparent;
  color: #0368cf;
  border: 1px solid #0368cf;
  height: 50px;
  width: 445px;
  padding-left: 30px;
  border-radius: 30px;
}
.banner-content input::-webkit-input-placeholder {
  color: #0368cf;
  opacity: 1;
}
.banner-content input:-ms-input-placeholder {
  color: #0368cf;
  opacity: 1;
}
.banner-content input::-moz-placeholder {
  color: #0368cf;
  opacity: 1;
}
.banner-content button {
  position: absolute;
  right: 0px;
  bottom: 0;
  background: #0368cf;
  border: 0;
  height: 50px;
  padding: 14px 35px;
  border-radius: 30px;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  line-height: 0px;
}

/* animate_banner_area */
.animate_banner_area.banner_area {
  height: 800px;
  position: relative;
}
.animate_banner_area .row {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.animate_banner_area .text-left.banner-content p {
  margin-left: 0;
  width: 63%;
}
.animate_banner_area .text-right.banner-content p {
  margin-right: 0;
  width: 63%;
}
.animate_banner_area .text-center.banner-content p {
  margin-right: auto;
  margin-right: auto;
  width: 63%;
}

/* CAROUSEL NAV CSS */
.curosel-style .owl-nav div {
  background: #0368cf;
  border-radius: 50%;
  color: #0368cf;
  font-size: 19px;
  height: 44px;
  left: -45px;
  line-height: 42px;
  position: absolute;
  top: 32%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 44px;
  text-align: center;
  z-index: 99;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
}
.curosel-style .owl-nav .owl-next {
  left: auto;
  right: -45px;

  transition: 0.5s;
  color: #fff;
}
.curosel-style .owl-nav .owl-prev {
  color: #fff;

  transition: 0.5s;
}
.curosel-style .owl-nav .owl-next:hover {
  background: #324452;
}
.curosel-style .owl-nav .owl-prev:hover {
  background: #324452;
}
.owl-carousel .owl-item img {
  margin: auto;
}
.curosel-style:hover .owl-nav div {
  opacity: 1;
}
/* cross sell */
.witr_cross_car.curosel-style .owl-nav div {
  left: 15px;
}
.witr_cross_car.curosel-style .owl-nav .owl-next {
  right: 15px;
  left: auto;
}
.owl-dots {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  bottom: -17px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.owl-dot {
  background: transparent;
  border-radius: 50px;
  display: inline-block;
  height: 12px;
  margin-left: 5px;
  margin-right: 5px;
  width: 12px;
  border: 1px solid #0368cf;
}
.owl-dot.active {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#0368cf),
    to(#0d2f5d)
  );
  background: -webkit-linear-gradient(right, #0368cf, #0d2f5d);
  background: linear-gradient(-90deg, #0368cf, #0d2f5d);
  border: none;
}

/* ============= themexbd woocommerce css ================ */
.witr_shop_area {
  padding: 100px 0;
}
/* ============= themexbd order and count css ================ */
.witr_oder_count {
  padding: 0px 0 25px;
}
.nice-select .list {
  z-index: 99;
}

.woocommerce .woocommerce-result-count,
.nice-select span.current {
  font-weight: 600;
}

/* ============= themexbd product css ================ */
.tbd_product_area {
  padding: 0 0;
}
.tbd_shop_archive_area {
  padding: 100px 0;
}
.tbd_product {
  margin-bottom: 30px;
}
.tbd_product_inner {
  position: relative;
  overflow: hidden;
}
.tbd_product_thumb {
  position: relative;
}
.tbd_product_thumb img {
  width: 100%;
}
.thb_product_preview {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  transition: 0.5s;
  opacity: 0;
}
.woocommerce a.tbd_live_preview {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  background: #0368cf;
  color: #fff;
  letter-spacing: 0.3px;
  padding: 15px 30px;
  border-radius: 2px;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.woocommerce a.added_to_cart {
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  background: #0368cf;
  color: #fff;
  padding: 12px 29px;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  display: inline-block;
  position: absolute;
  z-index: 999;
  transform: translateY(-50%) translateX(-50%);
}

/* add to cart and collection css */
.tbd_add_to_card {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -132px;
  opacity: 0;
  transition: 0.7s;
}
.tbd_add_to_card a {
  /* padding: 10px 15px; */
  display: inline-block;
  margin: 0 3px;
  background: #000;
  height: 50px;
  width: 50px;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  border-radius: 50%;
}
.woocommerce a.tbd_live_preview:hover {
  background: #000;
  color: #fff;
}
.tbd_add_to_card a:hover {
  background: #0368cf;
  color: #fff;
}
.tbd_add_to_card a.tbd_add_to_option {
}
.tbd_add_to_card a.tbd_colloction_opt {
}

/* sale css */
.tbd_sale_price {
  text-align: center;
  transition: 0.5s;
}
.woocommerce span.tbd_sale_inner {
  background: #0368cf;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 2px;
  font-size: 14px;
  text-transform: uppercase;
  right: 10px;
  top: 10px;
  left: auto;
  line-height: 1;
  min-width: auto;
  min-height: auto;
}
.woocommerce span.onsale.onsingle_sale.tbd_sale_inner {
  background: #0368cf;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 2px;
  font-size: 14px;
  text-transform: uppercase;
  right: auto;
  top: 10px;
  left: 10px;
  line-height: 1;
  min-width: auto;
  min-height: auto;
}
/* title product */
.tbd_product_content {
  display: block;
  overflow: hidden;
  box-shadow: 0px 5px 10px 0px rgba(148, 146, 245, 0.2);
  padding: 14px 20px 24px;
  text-align: center;
}
.tbd_product_content_inner {
}
.tbd_product_type {
}
.tbd_product_type.tbd_fload_left {
  float: left;
  margin-right: 15px;
}
.tbd_product_type.tbd_fload_left a {
  font-size: 26px;
}

.tbd_product_title.tbd_fload_right {
}

.tbd_product_title {
}
.tbd_product_title h2 {
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tbd_product_title a {
  font-family: "Inter", sans-serif;
}
.tbd_product_title span a {
  font-size: 13px;
  color: #655d5d;
}
.tbd_product_title span {
  font-family: "Inter", sans-serif;
}

.tbd_product_title h2 a:hover,
.tbd_item_info a:hover {
  color: #0368cf;
}

.tbd_product:hover .thb_product_preview {
  background: rgba(0, 0, 0, 0.7);
}
.tbd_product:hover .tbd_add_to_card {
  opacity: 1;
  bottom: 15px;
}

.tbd_product:hover .thb_product_preview {
  opacity: 1;
}

/* product price and rating css */
.tbd_price_opt {
}
.tbdstar-rating {
}
.woocommerce .products .star-rating,
.woocommerce .star-rating {
  padding: 10px 0 5px;
  float: none;
  margin: auto;
  margin-top: 10px;
  font-size: 14px;
  margin-bottom: 5px;
  color: #ffc107;
}
.woocommerce p.stars a {
  color: #ffc107;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  font-weight: 700;

  font-size: 1rem;
}
/* not product css */
.tbd_product_not .woocommerce-info {
  margin: 30px 0;
  border: none;
  font-size: 20px;
}
.woocommerce-info::before {
  color: #0368cf;
}

/*====== woocommerce single css ======*/
/* single page image css */
.tbd_shop_archive_area.tbd_single_product_area {
  padding-bottom: 0px;
}
.tbd_single_image {
  position: relative;
}
.tbd_single_image a.woocommerce-product-gallery__trigger {
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: 999;
  font-size: 19px;
  border: 1px solid #c3bcbc;
  /* background: #0368cf; */
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 1.618em;
  margin: 10px 0 0px;
}
.woocommerce div.product form.cart .button {
  padding: 11px 23px;
  line-height: 16px;
  font-size: 13px;
  background: #0368cf;
  text-transform: uppercase;
  color: #ffffff;
  transition: all 0.2s;
  border: none;
  font-weight: 400;
}
.woocommerce .quantity .qty {
  height: 39px;
  border: 1px solid #ddd;
}

span.posted_in,
span.tagged_as {
  display: block;
  font-weight: 700;
}
.woocommerce div.product .product_title {
  margin-bottom: 4px;
  font-size: 24px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
}
.woocommerce div.product .stock {
  color: #0368cf;
}
#review_form_wrapper .comment-form label {
  font-size: 14px;
  margin-right: 10px;
  font-weight: 700;
}
#review_form_wrapper .comment-form input {
  border: 1px solid #f6f6f6;
}

/*====== woocommerce related ======*/
h2.witr_related_title {
  padding: 20px 0 40px;
}

/*====== woocommerce tab css ======*/
.woocommerce-tabs.wc-tabs-wrapper.tbd_tab_area {
  padding: 100px 0 50px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0 0 10px;
  margin: 0 0 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  padding: 0px 1em;
  margin-right: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border: none;
  background-color: #0368cf;
  display: inline-block;
  padding: 0px 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 0.5em 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #fff;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
  font-size: 20px;
  padding-bottom: 20px;
}
.woocommerce table.shop_attributes th {
  font-weight: 700;
  font-size: 12px;
}
.woocommerce table.shop_attributes td p {
  font-size: 14px;
}

.woocommerce .woocommerce-Reviews .star-rating {
  float: right;
}
strong.woocommerce-review__author {
  font-size: 16px;
}
span.comment-reply-title {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
.woocommerce .comment-form-rating label,
.woocommerce .comment-form-comment label {
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}
.woocommerce #review_form #respond textarea {
  border: 1px solid #f6f6f6;
}

/*  Vertical  Thumbnails 

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px 5px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 420px) {
    .woocommerce-page div.product div.images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .woocommerce div.product div.images .flex-control-thumbs {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 80px;
        flex: 1 0 80px;
  
        max-height: 425px;

        overflow: auto;
    }
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 100%;
        padding: 0 10px 10px 0;
    }
}
*/

/* Horizontal Thumbnails */

.woocommerce div.product div.images .flex-control-thumbs li {
  padding: 5px 5px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 16%;
  flex: 1 0 16%;
}
.woocommerce div.product div.images .flex-control-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}

/* ============= cat css ============== */
.witr_shop_template {
  padding: 100px 0px 50px;
}
h2.woocommerce-loop-category__title {
  display: block;
  padding: 25px 0;
  font-size: 22px;
  background: #fafcfe;
  text-align: center;
}
mark.count {
  background: #fafcfe;
}

.woocommerce .witr_product_cart {
}
.woocommerce .witr_product_cart button.button.alt,
.woocommerce .witr_product_cart input.button.alt {
  background: #72a40d;
  font-weight: 500;
}
.woocommerce .witr_product_cart button.button.alt:hover,
.woocommerce .witr_product_cart input.button.alt:hover {
  background: #034997;
}

.woocommerce table.witr_product_cart {
}
.woocommerce table.witr_product_cart thead {
}
.woocommerce table.witr_product_cart thead tr {
}
.woocommerce table.witr_product_cart thead tr th {
  font-weight: 600;
  font-size: 15px;
}
.woocommerce table.witr_product_cart thead tr th,
.woocommerce table.witr_product_cart tbody tr td {
  border: 1px solid #faf6f6;
  text-align: center;
}
.woocommerce table.witr_product_cart tbody tr {
}
.woocommerce table.witr_product_cart tbody tr td {
  font-size: 15px;
}
.woocommerce table.witr_product_cart tbody tr td.product-thumbnail img {
  width: 100px;
  height: 100px;
}
.woocommerce table.witr_product_cart tbody tr td a {
  box-shadow: none;
  color: #555555;
  font-weight: 400;
}
.woocommerce table.witr_product_cart tbody tr td a.witr_cart_delete {
  color: #0368cf;
}
.woocommerce table.witr_product_cart tbody tr td.product-name {
}
.witr_cart_coupon {
  padding: 20px 0;
}
.woocommerce .witr_product_cart .coupon {
}
.woocommerce .witr_product_cart .coupon label {
  font-size: 18px;
  margin-right: 10px;
}
.woocommerce .witr_product_cart .coupon input {
  height: 42px;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding-left: 10px;
}
.woocommerce .witr_product_cart .coupon input.input-text {
}
.woocommerce .witr_product_cart .coupon input[type="hidden"] {
}
.woocommerce .witr_product_cart .coupon button {
}
.woocommerce .witr_product_cart button.button:disabled,
.woocommerce .witr_product_cart button.button:disabled[disabled],
.woocommerce .witr_product_cart button,
.woocommerce .witr_cart_to_cross a.checkout-button.alt,
.woocommerce .witr_checkout_form button.button.alt,
.woocommerce a.button.wc-backward,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  background: #0368cf;
  color: #fff;
  letter-spacing: 0.3px;
  padding: 15px 30px;
  border-radius: 2px;
  position: relative;
  transition: 0.5s;
}
.woocommerce .witr_cart_to_cross a.checkout-button.alt:hover,
.woocommerce .witr_product_cart button:hover,
.woocommerce a.button.wc-backward:hover,
.woocommerce
  .witr_checkout_form
  button.button.alt:hover
  .woocommerce
  a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
  background: #000;
  color: #fff;
}

.woocommerce .witr_product_cart .coupon button.button {
}
.woocommerce-message,
.woocommerce-info {
  border-top-color: #0368cf;
}
.woocommerce-message::before {
  color: #0368cf;
}

/* cross_sell and cart total */

.witr_cart_to_cross .cart_totals > h2,
.witr_cart_to_cross .cross-sells > h2 {
  font-size: 23px;
  font-weight: 600;
  margin-top: 40px;
}
.witr_cart_to_cross .cart_totals > h2 {
  background: #0368cf;
  padding: 13px 16px;
  color: #fff;
}
.witr_cart_to_cross .cross-sells > h2 {
  margin-bottom: 40px;
}

.woocommerce .witr_cart_to_cross .cart_totals table {
  padding-top: 15px !important;
}
.woocommerce .witr_cart_to_cross table.shop_table tbody {
}
.woocommerce .witr_cart_to_cross table.shop_table tbody tr {
}
.woocommerce .witr_cart_to_cross table.shop_table tbody tr th {
  font-size: 14px;
  font-weight: 700;
  border: 0px;
}
.woocommerce .witr_cart_to_cross table.shop_table tbody tr td {
  font-size: 14px;
  font-weight: 700;
  padding: 15px;
  border: 0px;
}
.woocommerce .witr_cart_to_cross table.shop_table tbody tr.order-total th,
.woocommerce .witr_cart_to_cross table.shop_table tbody tr.order-total td {
  border-top: 1px solid #ddd;
}
.woocommerce .witr_cart_to_cross table.shop_table tbody tr td label,
.woocommerce .witr_cart_to_cross table.shop_table tbody tr td p {
  font-size: 14px;
  font-weight: 600;
}

.woocommerce .witr_cart_to_cross .wc-proceed-to-checkout {
  text-align: right;
}
.witr_cart_to_cross span#select2-calc_shipping_state-container {
  padding: 5px 20px 5px 10px;
}

/* checkout css */
.witr_checkout_form .witr_ck_blling h3,
.witr_checkout_form h3#order_review_heading,
h2.woocommerce-order-details__title {
  font-size: 22px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 10px;
  background: #0368cf;
  padding: 10px 15px;
  color: #fff;
}
.witr_checkout_form h3#order_review_heading {
  margin-bottom: 0px;
}
.woocommerce .witr_checkout_form table.shop_table th {
  font-weight: 600;
  padding: 9px 12px;
  line-height: 1.5em;
  font-size: 18px;
}

.woocommerce-checkout.witr_checkout_form #payment {
  background: #fbf9f9;
  border-radius: 5px;
}
.woocommerce-checkout.witr_checkout_form .wc_payment_method label {
  font-size: 20px;
  font-weight: 700;
}
.woocommerce .witr_checkout_form table.shop_table {
  border-top: 0;
  padding-top: 12px;
}

/* checkout blling field */
.woocommerce form .form-row {
  width: 100% !important;
}
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
  width: 100% !important;
  padding: 8px;
}
.woocommerce .form-row select,
.woocommerce #payment .form-row select,
.woocommerce-page #payment .form-row select {
  width: 100%;
  height: 30px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 0.6180469716em;
  background-color: #f2f2f2;
  color: #43454b;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  border-radius: 2px;
  box-sizing: border-box;
  font-weight: 400;
  border: solid 2px #e4e4e4;
}
.woocommerce span.woocommerce-input-wrapper {
  display: contents;
}

.woocommerce .woocommerce-checkout .form-row label {
  line-height: 2;
  font-weight: 500;
  font-size: 16px;
}
.select2-container--default .select2-selection--single {
  height: 40px;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
  border-color: #0368cf;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 3px 12px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 7px;
}

/* Change WC Acct Page Column Widths */
@media only screen and (min-width: 769px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 75%;
  }
}
/* my account css */
nav.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0;
  max-width: 200px;
  font-size: 17px;
  line-height: 26px;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 8px 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
  background-color: #0368cf;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #fff;
  cursor: default;
}
nav.woocommerce-MyAccount-navigation ul li.is-active:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid #0368cf;
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
  background-color: rgba(0, 0, 0, 0.07);
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid rgba(0, 0, 0, 0.07);
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}
.woocommerce-MyAccount-content a {
  color: #0368cf;
}
/* my oder details */
.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row {
  display: block;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  max-width: unset;
}
.woocommerce-column__title {
  font-size: 18px;
  margin-bottom: 30px;
  background: #0368cf;
  padding: 12px 10px;
  color: #fff;
}
#customer_login h2 {
  font-size: 28px;
  font-weight: 500;
}
#customer_login label {
  cursor: pointer;
  font-size: 16px;
}
#customer_login form.login,
#customer_login form.register {
  border: 1px solid #f0f0f0;
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  border-radius: 5px;
}

/* sidebar css woocommerce */
.content-widget .select2-container .select2-selection--single {
  height: 38px;
}

.content-widget
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 5px;
}

.content-widget .widget_price_filter .ui-slider .ui-slider-range,
.content-widget .widget_price_filter .ui-slider .ui-slider-handle,
.content-widget .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #0368cf;
}

.content-widget
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 5px;
  right: 1px;
  width: 20px;
}
.price_label {
  font-size: 16px;
  position: relative;
  top: 4px;
}
.search-field {
  border: 1px solid #ddd;
  padding-left: 10px;
  height: 38px;
  padding-bottom: 6px;
  width: 67%;
}
.widget_product_search button {
  text-align: center;
  font-size: 13px;
  background: #0368cf;
  color: #fff;
  padding: 7px 14px 10px;
  border-radius: 2px;
  transition: 0.5s;
  cursor: pointer;
  border: none;
}
.content-widget .products .star-rating,
.content-widget .star-rating {
  margin: inherit;
  margin-bottom: 0px;
}
.content-widget ul.cart_list li img,
.content-widget ul.product_list_widget li img {
  width: 80px;
}
.content-widget ul.product_list_widget li span {
  /*   display: inline-block; */
  font-weight: 400;
}
.witr_breadcumb_shop li a {
  color: #fff;
  margin-right: 5px;
}
.witr_breadcumb_shop li i {
  font-size: 13px;
  margin-right: 5px;
}

.blog-left-side .widget ul li span.product-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 136px;
  overflow: hidden;
  display: block;
}

.content-widget ul.product_list_widget li span {
}

.content-widget ul.product_list_widget li ins {
  outline: none;
  border: none;
  text-decoration: none;
}

/* === style_w3 ==== */

.fix {
  clear: both;
}
/*button css*/
.witr_butn {
  padding: 0px 50px;
  border: 1px solid #0368cf;
  position: relative;

  color: #fff;
  transition: 0.5s;
  cursor: pointer;
  overflow: hidden;
  border-radius: 5px;
  line-height: 50px;
  margin-top: 30px;
  text-transform: uppercase;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
  background: #0368cf;
}
/*
.witr_butn:before {
    content: '';
    width: 0;
    height: 100%;
    background: #0368cf;
    position: absolute;
    left: 0;
    top: 0;
	z-index:-1;
    transition: .5s;
}
.witr_butn:hover:before {
    width: 100%;
	z-index:-1;

    -webkit-transition: 0.5s;

    transition: 0.5s;	
}
*/
.witr_butn:hover {
  color: #fff;
  border-color: #02101e;
  z-index: 999;
  background: #02101e;
}

.witr_video_butns {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  overflow: hidden;
}
/*===========================
    3.banner css 
===========================*/
.witr_banner_area {
  height: 800px;
  padding: 0;
  position: relative;
}

.witr_banner_content {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;

  transform: translateY(-50%);
  z-index: 1;
}
.witr_banner_content.text-left {
  margin-left: 0px;
}
.witr_banner_content.text-right {
  margin-right: 0px;
}

.witr_banner_content h1 {
  font-size: 20px;
  margin-bottom: 0px;
}
.witr_banner_content h2 {
  font-size: 60px;
  margin-bottom: 0px;
}

.witr_banner_content h1 span,
.witr_banner_content h2 span {
  color: #0368cf;
}

.witr_banner_content p {
  font-size: 18px;
  width: 48%;
}
.witr_banner_content.text-center p {
  margin: 20px auto 16px auto;
}
.witr_banner_content.text-left p {
  width: 70%;
}
.witr_banner_content.text-right p {
  margin: 20px 0 16px auto;
  width: 70%;
}
.witr_banner_content a {
}
.witr_banner_contentt a.witr_butn {
  font-weight: 600;
}

.witr_rimg img {
  top: 50%;
  position: absolute;
  right: 0;

  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: #0368cf;
  background: #fff;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  transition: 0.5s;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 20px;
}
.witr_banner_content a i:hover {
  color: #fff;
  background: #0368cf;
}
.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: #0368cf;
  font-weight: 500;
  cursor: pointer;
  line-height: 0px;
}

/*===========================
    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: #0368cf;
  display: inline-block;
  transition: 0.5s;
}
.width_height_link_02 .sub-item i,
.width_height_link_0.sub-item i {
  font-size: 50px;
  color: #0368cf;
  height: auto;
  width: auto;
  border-radius: initial;
  line-height: normal;
  background: none;
  border: none;
}

.sub-item span {
  position: absolute;
  top: 15px;
  left: 20%;
  font-size: 50px;
  color: #eeeeee;
  transform: translateX(-50%);
  font-weight: 700;
  line-height: 1;
}
.sub-item h3 {
  margin-top: 19px;
  /*     padding-bottom: 2px; */
}
.feature_btn a {
  transition: 0.5s;
  display: inline-block;
}
.feature_btn a:hover {
  color: #0368cf;
}
/*====== home page 2 ======*/
.sub-border-2 {
}
.sub-border-2 .sub-item span {
  top: 31px;
  left: 45%;
  z-index: 999;
  transition: 0.5s;
}
.sub-border-2:hover .sub-item span {
  color: #02101e;
}

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

  transition: 0.5s;
  display: inline-block;
}
.sub-item.sub-item-3 p {
  padding-top: 22px;
}
.sub-item.sub-item-3:hover i {
  color: #fff;
  background: #0368cf;
}
.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: #0368cf;

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

/* ===== feature style 3d css ===== */
.witr_feature_3d {
  perspective: 1000px;
  transition: 0.5s;
}
.witr_single_feature_3d {
  transition: transform 0.5s;
  transform-style: preserve-3d;
  position: relative;
  text-align: center;
  z-index: 999;
}
.witr_feature_position {
  left: 0;
  padding: 40px 20px 40px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.witr_feature_front_3d,
.witr_feature_back_3d {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  transition: 0.5s;
}
.witr_feature_flip_left:hover .witr_single_feature_3d {
  transform: rotateY(-180deg);
}
.witr_feature_flip_right:hover .witr_single_feature_3d {
  transform: rotateY(180deg);
}
.witr_feature_flip_up:hover .witr_single_feature_3d {
  transform: rotateX(180deg);
}
.witr_feature_flip_down:hover .witr_single_feature_3d {
  transform: rotateX(-180deg);
}
.witr_feature_front_3d {
  z-index: 2;
}
.witr_feature_back_3d {
  z-index: 3;
}
/* left */
.witr_feature_flip_left .witr_feature_back_3d {
  transform: rotateY(-180deg);
}
/* right */
.witr_feature_flip_right .witr_feature_back_3d {
  transform: rotateY(180deg);
}
/* up */
.witr_feature_flip_up .witr_feature_back_3d {
  transform: rotateX(180deg);
}
/* down */
.witr_feature_flip_down .witr_feature_back_3d {
  transform: rotateX(-180deg);
}
/* zoom in */
.witr_feature_flip_zoomin .witr_feature_back_3d {
  opacity: 0;
  transform: scale(0.75);
}
.witr_feature_flip_zoomin:hover .witr_feature_back_3d {
  opacity: 1;
  transform: scale(1);
}
/* zoom out */
.witr_feature_flip_zoomout .witr_feature_front_3d {
  opacity: 1;
  transform: scale(1);
  z-index: 4;
}
.witr_feature_flip_zoomout:hover .witr_feature_front_3d {
  opacity: 0;
  transform: scale(0);
}

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

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

.witr_feature_content_3d h3 a {
  color: #fff;
}

.witr_feature_content_3d p {
  color: #fff;
}

/* feature Front Face */
.witr_feature_front_3d {
  background: #02101e;
  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: #0368cf;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.witr_feature_back_3d:before {
  /* background: #0368cf80; */
  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: 30px;
  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_feature_btn_3d a:hover {
  background: #fff;
  color: #0368cf;
}

/* Feature Slug */

/*CREATIVE FEATURE SECTION*/
.witr_slug_feature {
}
.witr_feature_bo11_thumb {
  overflow: hidden;
  position: relative;
}
.witr_slug_feature .witr_feture_back_con_slugf {
  position: absolute;
  top: -100%;
  left: 0px;
  opacity: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0px 30px;
  background: #0368cfd9;
  transition: 0.5s;
}
.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: #0368cfd9;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 10px 20px;
  transition: 0.5s;
}

.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: 23px;
  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: 22px;
}
.witr_back_con_slugf .witr_content_textf h3 a,
.witr_slug_front_contentf .witr_content_textf h3 a {
  color: #fff;
}
.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: #0368cf;
  padding: 8px 21px;
  border-radius: 30px;
  margin-top: 10px;
  display: inline-block;
}
.witr_feature_btn_f a:hover {
  color: #fff;
  background: #0368cf;
}

/*===========================
	feature cursor css 
===========================*/
.all_feature_color.ca_ferture_7 {
  margin: 15px 0;
}
.ca_ferture_7 .sub-item {
  padding: 66px 30px 66px;
  box-shadow: 0px 0px 20px 0px rgb(0, 0, 0, 0.06);
  background: #fff;
  transition: 1s;
}
.ca_ferture_7:hover .sub-item {
  transition: 1s;
  background: url(assets/images/corporate/fea-car.png) no-repeat center center /
    cover;
}

.witr_cfeature8 .sub-item span {
  position: inherit;
  font-size: 18px;
  display: block;
  top: auto;
  left: auto;
  transform: translateX(0);
  margin-top: 30px;
}
.witr_cfeature8 .sub-item span::before {
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  width: 58%;
  border: 20px solid #0368cf;
  border-left-color: transparent;
  z-index: -1;
  margin: auto;
  top: -10px;
  border-radius: 0 5px 5px 0;
}
.witr_cfeature8 .sub-item h3 {
  margin-top: 30px;
  /* padding-bottom: 2px; */
}

/* witr_cfeature9 */
.witr_cfeature9 .all_feature_color {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
  padding: 50px 30px 0px;
  margin: 30px 0;
}

.witr_cfeature9 .sub-item span {
  position: inherit;
  font-size: 60px;
  display: block;
  top: auto;
  bottom: 5px;
  opacity: 0;
  transform: translateX(0);
}
.witr_cfeature9 .sub-item:hover span {
  opacity: 1;
}

.witr_cfeature9 .sub-item i {
  position: relative;
  color: #0368cf;
  background: #fff;
  transition: 0.5s;
}
.witr_cfeature9 .sub-item:hover i {
  color: #fff;
  background: #0368cf;
}
.witr_cfeature9 .sub-item i::after {
  position: absolute;
  content: "";
  height: 80px;
  width: 80px;
  left: 0;
  border-radius: 50%;
  background: #0368cf;
  z-index: -1;
  top: -6px;
  transition: 0.5s;
}
.witr_cfeature9 .sub-item:hover i::after {
  top: 0px;
}

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

.witr_feature2 {
  position: relative;
  z-index: 1;
  background: #02101e;
  padding: 65px 20px;
  transition: 0.5s;
}
.witr_feature2:hover {
  background: #0368cf;
}

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

.witr_feature2 p {
  color: #fff;
}
.witr_feature_btn2 a {
  color: #fff;
}
.witr_feature_btn2 a:hover {
  color: #0368cf;
}

/* feature style 8-9 */

.singleService {
  position: relative;
  padding: 24px 0 0;
  transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
}
.singleService h3 {
  font-size: 22px;
  line-height: 37px;
  margin-bottom: 7px;
}
.singleService p {
  margin-bottom: 88px;
}
.boxTop.singleService p {
  margin-bottom: 0px;
}
.box {
  position: relative;
  text-align: center;
}
.box:before {
  width: 267px;
  height: 276px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  text-align: center;
  background: url(assets/images/corporate/s5.png) no-repeat center center /
    cover;
  transition: all ease 400ms;
  animation-fill-mode: both;
  animation: box_blinker_before 3.5s linear infinite;
}
@keyframes box_blinker_before {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.box:after {
  width: 163px;
  height: 182px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  content: "";
  text-align: center;
  background: url(assets/images/corporate/s6.png) no-repeat center center /
    cover;
  transition: all ease 400ms;
  animation-fill-mode: both;
  animation: box_blinker_after 3.5s 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: #0368cf;
  font-size: 53px;
  line-height: 53px;
  z-index: 5;
  top: 0;
  left: 6px;
  text-align: center;
  position: relative;
  transition: all ease 400ms;
  display: inline-block;
  -moz-transition: all ease 400ms;
}

.singleService:hover .box i {
  color: #17161a;
}
.singleService h2 {
  font-size: 60px;
  line-height: 37px;
  color: #0368cf;
  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: #17161a;
}
.boxTop h2 {
  top: -42px;
  right: -40px;
}
.boxTop {
  padding-top: 100px;
}
.boxTop .box {
  margin-bottom: 84px;
}

/* witr_feature style 12 */

.witr_feature_12.sub-item {
  box-shadow: 0px 5px 20px 0px #00000014;
  padding: 40px 30px 30px;
  background: #fff;
  border-bottom: 2px solid #0368cf;
  transition: 0.5s;
}
.witr_feature_12.sub-item:hover {
  background: url(assets/images/corporate/fea-12.png) no-repeat center top;
}

.witr_feature_12.sub-item i {
  font-size: 40px;
  color: #0368cf;
  border-radius: 5px;
  background: no-repeat;
  height: auto;
  width: auto;
  line-height: 0;
}
/* witr_feature style 13 */
.witr_feature_13.sub-border-2 .sub-item span {
  top: 5px;
  left: 67%;
  width: 35px;
  height: 35px;
  color: #fff;
  line-height: 35px;
  background: #02101e;
  font-size: 15px;
  border-radius: 50px;
  transform: translateX(-50%);
}
.witr_feature_13.sub-border-2:hover .sub-item span {
  background: #0368cf;
}
.witr_feature_13.sub-border-2:hover .sub-item i {
  background: #02101e;
}
.witr_feature_13 .sub-item i {
  position: relative;
  height: 95px;
  width: 95px;
  line-height: 95px;
}
.witr_feature_13 .sub-item::before {
  position: absolute;
  content: "";
  top: 50px;
  left: 0;
  width: 110%;
  height: 3px;
  transition: 0.5s;
}
.witr_feature_13 .sub-item:hover::before {
  background: #0368cf;
}
.witr_feature_13 .sub-item::after {
  position: absolute;
  content: "";
  top: 50px;
  left: 0;
  background: #f6f6f6;
  width: 110%;
  height: 3px;
  z-index: -1;
}

.witr_feature_13 .sub-item h2 {
  font-size: 16px;
  color: #0368cf;
}

/*===========================
    5.tab area css 
===========================*/
.tab_area {
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 5px #ddd;
  padding: 30px;
}
.tab_item {
}
.tab_item ul {
  border-bottom: 1px solid #fff;
}
.tab_item ul li {
  padding: 0;
}
.tab_item ul li a {
  /*     color: #fff; */
  border-bottom: 2px solid transparent;
  padding: 7px 70px;
}
.tab_item .nav-pills li .nav-link.active {
  background: #0368cf;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}
.tab_area .tab_content h3 {
  font-size: 25px;
}
.tab_area .tab_content p {
}
.tab_area .tab_content a {
  padding: 13px 52px;
  margin-top: 15px;
  transition: 0.5s;
}
.tab_area .tab_content a:hover {
  background: #fff;
  color: #0368cf;
}
.tab_area .tab_content:first-child a {
  margin-right: 25px;
}
.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: #0368cf6b; */
}
.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: inline-block;
  width: 75px;
  height: 75px;
  font-size: 23px;
  border-radius: 100%;
  background: #0368cf;
}
.play-overlay a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #0368cf;
  border-radius: 50%;
  animation-fill-mode: both;
  animation: witr_squares 1.5s ease-in-out infinite;
}
.play-overlay i {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/* about slider */

.images_area {
  position: relative;
}
.singleAbSlide {
  position: absolute;
  right: 127px;
  bottom: -76px;
  left: -15px;
  text-align: left;
}
.ab_videoArea span {
  display: none;
}
.ab_videoArea {
  position: relative;
  background: #0368cf;
  padding: 44px 30px 40px;
  border-radius: 5px;
}
.ab_videoArea h3 {
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 15px;
}
.ab_videoArea p {
  color: #fff;
  margin-bottom: 13px;
}
.ab_videoArea img {
  width: 153px;
  height: 73px;
}
.ab_videoArea a {
}
.ab_videoArea i {
  position: relative;
  float: right;
  left: -10px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  border-radius: 50%;
  background: #fff;
  color: #0368cf;
  text-align: center;
  z-index: 1;
  font-size: 23px;
}
.ab_videoArea i::after {
  width: 68px;
  height: 68px;
  left: -8px;
  top: -8px;
  background: rgba(255, 255, 255, 0.73);
  position: absolute;
  content: "";
  z-index: -1;
  border-radius: 50%;
  animation-fill-mode: both;
  animation: blinker 1.5s ease-in-out infinite;
  -webkit-animation: blinker 1.5s ease-in-out infinite;
  -moz-animation: blinker 1.5s ease-in-out infinite;
}
@keyframes blinker {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

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

.video-item {
}
.video-item a {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  font-size: 28px;
  border-radius: 100%;
  background: #0368cf;
}
.video-item a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #0368cf;
  border-radius: 50%;
  top: 0;
  animation-fill-mode: both;
  animation: witr_squares 1.5s ease-in-out infinite;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-item i {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.video-item h3 {
  font-size: 30px;
  margin-top: 35px;
}

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

.witr_about_content {
}
.witr_about_content h2 {
}
.witr_about_content h3 {
  /*     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;

  font-weight: 500;
  background: #0368cf;
  border-radius: 30px;
  padding: 18px 42px;
  transition: 0.5s;
}
.witr_about_btn a:hover {
  background: #4c0062;
  color: #fff;
}
.witr_about_image {
}
.witr_about_image img {
  /*     width: 100%; */
}

/*===========================
    6.service css 
===========================*/
.service {
  background: rgb(1, 219, 176);
}
.witr_s_flex {
  display: flex;
}
.service .section-title h3,
.service .section-title p {
}
.service-item i {
  font-size: 30px;
  color: #fff;
  height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 50%;
  line-height: 80px;
  background: #0368cf;
  display: inline-block;
  transition: 0.5s;
}
.width_height_link_02 .service-item i,
.width_height_link_0.service-item i {
  font-size: 50px;
  color: #0368cf;
  height: auto;
  width: auto;
  border-radius: initial;
  line-height: normal;
  background: none;
  border: none;
}

.service-item:hover i {
  color: #02101e;
}
.service-item h3 {
  padding-top: 18px;
}
.service-item p {
  /*     padding-right: 2px; */
  padding-top: 0px;
}

/* ===== service style 3d css ===== */
.witr_service_3d {
  perspective: 1000px;
  transition: 0.5s;
  margin-bottom: 30px;
}
.witr_single_service_3d {
  transition: transform 0.5s;
  transform-style: preserve-3d;
  position: relative;
  text-align: center;
  z-index: 999;
}
.witr_service_position {
  left: 0;
  padding: 40px 20px 40px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.post_service_6 .witr_service_position {
  padding: 0px;
}
.post_service_6 .witr_service_content_3d {
  padding: 40px 20px;
}
.witr_service_front_3d,
.witr_service_back_3d {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  transition: 0.5s;
}
.witr_service_flip_left:hover .witr_single_service_3d {
  transform: rotateY(-180deg);
}
.witr_service_flip_right:hover .witr_single_service_3d {
  transform: rotateY(180deg);
}
.witr_service_flip_up:hover .witr_single_service_3d {
  transform: rotateX(180deg);
}
.witr_service_flip_down:hover .witr_single_service_3d {
  transform: rotateX(-180deg);
}
.witr_service_front_3d {
  z-index: 2;
}
.witr_service_back_3d {
  z-index: 3;
}
/* left */
.witr_service_flip_left .witr_service_back_3d {
  transform: rotateY(-180deg);
}
/* right */
.witr_service_flip_right .witr_service_back_3d {
  transform: rotateY(180deg);
}
/* up */
.witr_service_flip_up .witr_service_back_3d {
  transform: rotateX(180deg);
}
/* down */
.witr_service_flip_down .witr_service_back_3d {
  transform: rotateX(-180deg);
}
/* zoom in */
.witr_service_flip_zoomin .witr_service_back_3d {
  opacity: 0;
  transform: scale(0.75);
}
.witr_service_flip_zoomin:hover .witr_service_back_3d {
  opacity: 1;
  transform: scale(1);
}
/* zoom out */
.witr_service_flip_zoomout .witr_service_front_3d {
  opacity: 1;
  transform: scale(1);
  z-index: 4;
}
.witr_service_flip_zoomout:hover .witr_service_front_3d {
  opacity: 0;
  transform: scale(0);
}

.witr_service_front_3d,
.witr_service_back_3d {
  height: 398px;
  width: 100%;
}
/* tittle css */

.witr_service_content_3d {
}
.witr_service_icon_3d {
  margin-bottom: 14px;
}
.witr_service_icon_3d i {
  font-size: 35px;
  color: #fff;
  display: inline-block;
}
.witr_service_content_3d h3 {
  margin-bottom: 12px;
  color: #fff;
}
.witr_service_content_3d h3 a {
  color: #fff;
}

.witr_service_content_3d p {
  color: #fff;
}

/* Service Front Face */
.witr_service_front_3d {
  background: #0368cf;
  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: #17161a;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.witr_service_back_3d:before {
  /* background: #0368cf80; */
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

/* 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: #0368cf;
}

/*CREATIVE SERVICE2 SECTION 2*/
.witr_service2 {
  overflow: hidden;
}
.witr_front_content {
  position: relative;
}
.witr_service2_image {
  position: relative;
}
.witr_service2_image img {
  width: 100%;
}
.witr_service2_box {
  background: #0368cf;
  padding: 32px 30px 32px;
}
.witr_service2_icon {
  float: left;
  margin-right: 25px;
  margin-top: -17px;
}
.witr_service2_icon i {
  color: #fff;
  font-size: 55px;
  transition: all 0.3s ease 0s;
  display: inline-block;
}

/* witr_custom2_icon */
.witr_custom2_icon {
  float: left;
  margin-right: 25px;
}
.witr_custom2_icon i {
  color: #fff;
  font-size: 50px;
  transition: all 0.3s ease 0s;
  display: inline-block;
}

.witr_titles {
}
.witr_titles h3,
.witr_titles h3 a {
  color: #fff;
}

/* all_service2_color */
.all_service2_color {
  text-align: left;
}
.witr_back_service2 {
  position: absolute;
  background: #0368cf94;
  top: -55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 0 30px;
  transition: 0.5s;
}
.witr_service2:hover .witr_back_service2 {
  top: 50%;
}
.witr_content_service2 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.witr_content_service2 p {
  color: #fff;
}
.witr_content_service2 ul {
}
.witr_content_service2 ul li {
}
.witr_content_service2 ul li a {
  color: #fff;
  transition: 0.5s;
}
.witr_content_service2 ul li a:hover {
  color: #02101e;
}

.witr_service2_btnb {
  margin-top: 15px;
}
.witr_service2_btnb a {
  color: #fff;
}

/* SERVICE3 SECTION 2*/
.witr_single_service3 {
  border: 1px solid #ddd;
  transition: 0.5s;
}
.witr_single_service3:hover {
  border: 1px solid #f9f9f9;
}
.witr_service3_thumb {
  position: relative;
}
.witr_service3_thumb img {
  width: 100%;
}
.witr_service3_thposi {
  opacity: 0;
  transition: 0.5s;
}
.witr_single_service3:hover .witr_service3_thposi {
  opacity: 1;
}
.witr_service3_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s;
  padding: 0 30px;
}

.witr_single_service3:hover .witr_service3_box {
  opacity: 0;
}
.witr_service3_icon {
  float: left;
  margin-right: 25px;
}
.witr_service3_icon i {
  font-size: 50px;
  transition: 0.5s;
  display: inline-block;
}
.witr_service3_content {
  overflow: hidden;
}
.witr_service3_content h3 {
  margin-bottom: 20px;
}
.witr_service3_content p {
}
.witr_btn_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.witr_single_service3:hover .witr_btn_inner {
  opacity: 1;
}
.witr_service3_btn {
}
.witr_service3_btn a {
  color: #fff;
  background: #0368cf;
  padding: 15px 25px;
}

/* witr_service2_7 Style */
.witr_service2_7 {
}
.witr_service2_7 {
  box-shadow: 0px 5px 20px 0px #00000014;
  padding: 20px;
  background: #fff;
}
.witr_2service_content {
  display: flex;
  justify-content: space-around;
}
.witr_service7s_image {
  margin-right: 30px;
}
.witr_service7s_image img {
  width: 100%;
}

.witr_service2_7 .witr_titles_content h2 {
  font-size: 16px;
}
.witr_service2_7 .witr_ser_btnb {
  position: relative;
  margin-top: 30px;
}
.witr_service2_7 .witr_ser_btnb a {
  background: #0368cf;
  padding: 5px 6px 7px 30px;
  color: #fff;
  border-radius: 0px 30px 30px 0;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  z-index: 99;
  transition: 0.5s;
}
.witr_service2_7 .witr_ser_btnb a:hover {
  background: #000;
  color: #fff;
}
.witr_service2_7:hover .witr_ser_btnb a {
  transform: scaleX(1);
  opacity: 1;
}
.witr_service2_7 .witr_ser_btnb a i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px 50px 50px 50px;
  background: #fff;
  color: #0368cf;
  margin-left: 10px;
  display: inline-block;
}
.pluse_btn {
  position: absolute;
  left: 0;
  display: inline-block;
}
.pluse_btn span {
  font-size: 17px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  background: #0368cf;
  display: inline-block;
  transition: 0.5s;
}
.witr_service2_7:hover .pluse_btn span {
  transform: scale(0);
}

.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.process css 
===========================*/

/* PROCESS SECTION */
.witr_process {
  overflow: hidden;
}
.witr_front_content {
}
.witr_process_image {
}
.witr_process_image img {
  position: relative;
  width: 100%;
}
.witr_process_box {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 99;
}
.witr_process_icon {
}
.witr_process_icon i {
  color: #fff;
  background: #0368cf;
  font-size: 20px;
  transition: 0.5s;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.witr_process :hover .witr_process_icon i {
  display: none;
}
.witr_content_service h3 {
  color: #fff;
}
.witr_content_service h3 a {
  color: #fff;
}

.witr_back_process {
  background: #0368cf;
  opacity: 0;
  padding: 35px 30px 30px;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  transform: scale(0);
}
/* .witr_process_icon i:hover .witr_back_process {
 	top:0; 
} */
.witr_process :hover .witr_back_process {
  opacity: 0.9;
  transform: scale(1);
}

.witr_content_service {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
.witr_content_service p {
  color: #fff;
}
.witr_process_btnb {
  margin-top: 15px;
}
.witr_process_btnb a {
  color: #fff;
}
.witr_process_icon2 {
}
.witr_process_icon2 i {
  color: #fff;
  background: #0368cf;
  font-size: 20px;
  transition: 0.5s;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: none;
}
.witr_process :hover .witr_process_icon2 i {
  display: block;
}

/*===========================
    7.team css 
===========================*/
.witr_team_section {
  position: relative;
  text-align: center;
}
.witr_team_section img {
  width: auto;
}
.witr_team_section:before {
  content: "";
  position: absolute;
  /*     background: #0368cf6b;  */
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}
.witr_team_section:hover:before {
  opacity: 1;
}
.team_overlay_icon a {
  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 {
  opacity: 1;
}
.slick-slide img {
  display: inline-block !important;
}
/*team post icon */
.team_o_icon {
  position: absolute;
  left: 50%;
  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  transition: 0.5s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.witr_team_section:hover .team_o_icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team_o_icon ul {
}
.team_o_icon ul li {
  list-style: none;
  display: inline-block;
}
.team_o_icon ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 33px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
  transition: 0.5s;
  color: #fff;
  margin: 0px 2px;
  margin-bottom: 7px;
}
.team_o_icon ul li a:hover {
  color: #fff;
  background: #0368cf;
  border-color: #0368cf;
}

/* pt7 */
.team_o_icons {
  margin-top: 15px;
  padding-top: 17px;
  padding-bottom: 10px;
  position: relative;
}
.team_o_icons::before {
  position: absolute;
  content: "";
  background: #ddd;
  top: 0px;
  height: 1px;
  width: 25%;
  margin: auto;
  left: 0;
  right: 0;
  transition: 0.5s;
}
.all_color_team:hover .team_o_icons::before {
  background: #0368cf;
  width: 100%;
}
.team_o_icons ul li {
  list-style: none;
  display: inline-block;
}
.team_o_icons ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 33px;
  border: 1px solid #0368cf1c;
  background: #0368cf33;
  border-radius: 5px;
  text-align: center;
  transition: 0.5s;
  color: #0368cf;
  margin: 0px 2px;
  font-size: 15px;
}
.team_o_icons ul li a:hover {
  color: #fff;
  background: #0368cf;
  border-color: #0368cf;
}
/* content css */
.witr_team_content {
  padding: 15px 0;
  background: #fff;
}
.witr_team_content h5 {
  margin: 0;
}
.witr_team_content h5:hover,
.witr_team_content h5 a:hover {
  color: #0368cf;
}
.witr_team_content span {
  font-size: 18px;
  color: #0368cf;
}

/*====== home page 2 ======*/
.team-part {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
}
.team-sec {
  position: relative;
}
.team-sec:before {
  content: "";
  position: absolute;
  background-color: #0368cf6e;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;

  transition: 0.5s;
}
.team-sec img {
  width: 100%;
}
.witr_team_content2 {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;

  transform: translateX(-50%) translateY(-50%);
  padding: 0 25px;

  transition: 0.5s;
}
.team-part:hover .witr_team_content2,
.team-part:hover .team-sec:before {
  top: -670px;
}
.witr_team_content2 h5 {
  font-size: 23px;
  color: #fff;
  margin: 0;
}
.witr_team_content2 h5 a {
  color: #fff;
}

.witr_team_content2 span {
  color: #fff;
}
.witr_team_content2 p {
  color: #fff;
  padding-top: 10px;
}
/* social css */
.team-part .team-social {
  position: absolute;
  bottom: -110px;
  height: 100px;
  width: 100%;
  background: #fff;
  text-align: center;

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

  transition: 0.5s;
}
.team-social ul li a:hover {
  color: #fff;
  background: #0368cf;
  border-color: #0368cf;
}
/*====== home page 3 ======*/
.witr_team_sec_3 {
  position: relative;
}
.witr_team_sec_3 img {
  width: 100%;
}
.witr_team_sec_3:before {
  content: "";
  position: absolute;
  background: #0368cf80;
  height: 100%;
  width: 100%;
  left: 0;
  top: -150%;

  transition: 0.5s;
}
.witr_team_content3 {
  position: absolute;
  width: 100%;
  left: 50%;
  top: -350px;

  transform: translateX(-50%) translateY(-50%);
  padding: 0 25px;

  transition: 0.5s;
}
.team-part:hover .witr_team_content3 {
  top: 50%;
}
.team-part:hover .witr_team_sec_3:before {
  top: 0;
}
.witr_team_content3 h5 {
  font-size: 23px;
  color: #fff;
  margin: 0;
}
.witr_team_content3 h5 a {
  color: #fff;
}

.witr_team_content3 span {
  color: #fff;
}
.witr_team_content3 p {
  color: #fff;
  padding-top: 10px;
}
/*======== social top css ===========*/
.witr_team_content3 ul li {
  display: inline-block;
}
.witr_team_content3 ul li a {
  color: #fff;
  display: inline-block;
  margin: 0 11px;
  margin-top: 4px;

  transition: 0.5s;
}
/*======= social bottom css ========*/
.team-part .witr_team_sec_3 .team-social {
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 100px;
  width: 100%;
  background: #fff;
  text-align: center;

  transition: 0.5s;
}
.team-part:hover .witr_team_sec_3 .team-social {
  bottom: -110px;
}

/*======= sungle team css ========*/
.team_single_pic {
  overflow: hidden;
}
.team_single_pic img {
  width: 100%;
}
.witr_single_team_s {
  text-align: center;
  background: #0368cf;
  padding: 15px 0;
}
.witr_single_team_s a {
  text-align: center;
  font-size: 20px;
  margin: 0 7px;
  color: #fff;
}
.witr_single_team_s a:hover {
  color: #181b1d;
}
.team_single_content {
}
.team_single_content h3 {
  font-size: 40px;
}
.team_single_title {
  margin-bottom: 15px;
}
.team_single_title h2 {
  margin: 0;
  font-size: 27px;
}
.team_single_title h1 {
  font-size: 17px;
  color: #0368cf;
}
.single_team_list ul li i,
.single_team_list ul li a i {
  font-size: 19px;
  color: #fff;
  background: #0368cf;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 5px;
  text-align: center;
  transition: 0.5s;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.single_team_list ul li i:hover,
.single_team_list ul li a i:hover {
  background: #181b1d;
}
.team_single_btn {
  margin-top: 30px;
}
.team_single_btn a {
  background: #0368cf;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  padding: 12px 30px;
  transition: 0.5s;
  font-weight: 700;
}
.team_single_btn a:hover {
  background: #02101e;
}

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

.witr_single_team:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0368cf80;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.witr_single_team:hover:after {
  visibility: visible;
  opacity: 1;
}
.witr_team_content_car {
  position: absolute;
  left: -300px;
  bottom: 22px;
  z-index: 3;
  transition: 0.5s;
}
.witr_single_team:hover .witr_team_content_car {
  left: 30px;
}

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

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

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

/* team image css */
.em-team-content-image {
}
.em-team-content-image img {
  width: 100%;
}
.em-team-content-waraper {
  background-color: #fff;
  bottom: -67px;
  left: 0;
  margin: 0 10px;
  padding: 30px 0;
  position: absolute;
  right: 0;
  box-shadow: 0px 0px 65px 0px rgb(0, 0, 0, 0.08);
  transition: all 0.3s ease 0s;
}
.em-team-content-title h2 {
  margin-bottom: 5px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out 0s;
  font-size: 22px;
}
.em-team-content-subtitle {
  font-size: 16px;
  margin-bottom: 0;
  text-transform: capitalize;
  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: #0368cf;
}
.em-team-content-socials {
  position: relative;

  transition: 0.5s;
}
.em-team-content-socials a:hover {
  background: #0368cfe6;
  color: #fff;
}
.em-team:hover .em-team-content-waraper {
  background: #0368cfe6;
  bottom: 0px;
}
.em-team:hover .em-team-content-socials {
}

/* team content */
.em-content-title h5 {
  font-size: 23px;
  margin-bottom: 0;
  text-transform: capitalize;
  transition: 0.5s;
}
.em-content-title h5 a {
  font-weight: 700;
}

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

  transition: 0.5s;
}
.em-team:hover .em-content-title h5 a,
.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;
  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;
  transform: scale(1);
  transition: 0.5s;
}
.team-style-2 .em-content-image img {
  margin: 0 auto;
  display: block;
  width: 100%;
  border-radius: 100%;
}
.team-style-2 .em-team:hover .em-content-image:before {
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team-back-wraper {
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.team-back-wraper {
  border-radius: 50%;
  bottom: 0;
  height: 99%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 99%;
  z-index: 1;
  right: 0;
  left: 0;
  margin: auto;
  background: #0368cf;
}
.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 {
}

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

  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: #0368cf;
}

/* Team 7*/
.busi_singleTeam {
  position: relative;
  overflow: hidden;
}
.busi_singleTeam::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: 0.5s;
}
.busi_singleTeam img {
  width: 100%;
  height: auto;
}
.TM_center {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.busi_TMHover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  transition: all ease 400ms;
}
.busi_singleTeam:hover .busi_TMHover {
  opacity: 1;
}
.busi_TMHover::before {
  position: absolute;
  left: 0;
  top: 0;
  background: #0368cf;
  width: 0px;
  height: 3px;
  content: "";
  transition: all ease 500ms;
}
.busi_TMHover::after {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #0368cf;
  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: 23px;
  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: #0368cf;
}
.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: #02101e;
  height: 34px;
  width: 34px;
  line-height: 30px;
  border: 2px solid #dddddd;
  border-radius: 50%;
  text-align: center;
  transition: 0.5s;
  display: inline-block;
}
.busiTS a:hover {
  background: #0368cf;
  border-color: #0368cf;
  color: #fff;
  transform: rotate(360deg);
}

/* post team 8 css */
.pteam_8 .post_team_content {
  text-align: left;
}
.post_team_icon_8 {
  position: absolute;
  bottom: -15px;
  right: 25px;
}
.post_team_icon_8 ul {
}
.post_team_icon_8 ul li {
  display: inline-block;
}
.post_team_icon_8 ul li a {
  font-size: 16px;
  color: #0368cf;
  background: #fff;
  height: 34px;
  width: 34px;
  line-height: 34px;
  border-radius: 50%;
  text-align: center;
  transition: 0.5s;
  display: inline-block;
  margin-left: 6px;
}
.post_team_icon_8 ul li a:hover {
  background: #0368cf;
  color: #fff;
}
.post_team_icon_8 ul li a i {
}
.post_team_content {
  box-shadow: 0px 5px 20px 0px #00000014;
  transition: 0.5s;
  background: #fff;
  padding: 30px 25px 25px;
}
.post_team_content h5 {
  margin: 0;
}
.team_list_op {
  margin-top: 10px;
}
.team_list_op ul {
}
.team_list_op ul li {
  margin-top: 3px;
}
.team_list_op ul li a {
  display: inline-block;
}
.team_list_op ul li i {
  margin-right: 10px;
}
.team_list_op ul li a i {
  margin-right: 6px;
}
/* team Post 9 */
.cteam_9 .post_team_content {
  text-align: left;
}
.cteam_9 .post_team_icon_8 {
  bottom: -85px;
}
.cteam_9 .post_team_content {
  padding: 20px 25px 25px;
}

/* post team 10 css */
.post_team10_area .team_o_icons::before {
  display: none;
}
.post_team10_area .witr_team_section {
  position: relative;
}
.post_team10_area .team_o_icons {
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: -25%;
  transform: translateY(-50%);
  transition: 0.5s;
}
.post_team10_area .team-part:hover .team_o_icons {
  left: 0;
}
.post_team10_area .team_o_icons ul li {
  display: block;
}
.post_team10_area .team_o_icons ul li a {
  width: 55px;
  height: 55px;
  line-height: 55px;
  border: none;
  background: #181b1d;
  border-radius: 0;
  color: #fff;
  margin: 0px;
  font-size: 20px;
}
.post_team10_area .team_o_icons ul li a:hover {
  background: #0368cf;
}
.witr_team_content {
  padding: 23px 5px 23px;
}

/* post team 11 css */
.post_team11_area .team-part {
  overflow: inherit;
  padding-bottom: 40px;
  box-shadow: none;
}
.post_team_p11 {
  position: absolute;
  bottom: -45px;
  left: 15px;
  right: 15px;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
}
.post_team11_area .team_o_icons {
  top: auto;
  bottom: -30px;
  left: 0;
  right: 0;
  transform: inherit;
  transition: 0.5s;
}
.post_team11_area .team-part:hover .team_o_icons {
  bottom: 65px;
}
.post_team11_area .team_o_icons ul li {
  display: inline-block;
}

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

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

/* team content */
.witr_content_3d h5 {
  font-size: 23px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.witr_content_3d span {
  font-size: 14px;
  margin: 5px 0 0;
  text-transform: uppercase;
}
.witr_content_3d p {
  margin-top: 10px;
}
.witr_socials_3d {
  margin-top: 14px;
}
.witr_socials_3d a {
  display: inline-block;
  font-size: 18px;
  margin: 0 6px;
}
.witr_socials_3d a:hover {
  color: #0368cf;
}

/* team 9*/

.cons_singleTeam {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.front_view {
  padding: 41px 25px;
  border: 2px solid #e9e9e9;
  transition: 0.5s;
}

.front_view img {
  width: 214px;
  height: 214px;
  /* border-radius: 50% !important; */
  margin-bottom: 22px;
}
.front_view h5,
.back_view h5 {
  line-height: 28px;
  margin-bottom: 0px;
}
.back_view h5 a {
  color: #fff;
}
.front_view span,
.back_view span {
  display: inline-block;

  line-height: 28px;
}
.front_view p,
.back_view p {
  margin-top: 3px;
}

.front_view .con_TMS a,
.back_view .con_TMS a {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  color: #ababab;
  font-size: 17px;
  line-height: 35px;
  text-align: center;
  margin: 0 3px;
}
/* team 12 style */
.witr_team_s12 .front_view {
  border: none;
}
.witr_team_s12 {
  border: none;
  box-shadow: 0px 5px 20px 0px #00000014;
  transition: 0.5s;
  background: #fff;
}
.witr_team_s12 .con_TMS {
  margin-top: 10px;
}
.front_view .con_TMS a:hover {
  background: #0368cf;
  color: #ffffff;
  border-color: #0368cf;
}
.witr_team_s12:hover img {
}
/* back_view */
.back_view {
  position: absolute;
  top: 50%;
  left: -52%;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
.cons_singleTeam:hover .back_view {
  left: 50%;
}
.witr_back_img {
  position: relative;
}
.witr_back_img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #0368cfd9;
  transition: transform 0.4s ease;
}
.witr_back_img img {
  height: 524px !important;
}

.witr_back_content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.back_view .con_TMS a {
  color: #fff;
  border-color: #fff;
}
.back_view .con_TMS a:hover {
  color: #fff;
  background: #0368cf;
  border-color: #0368cf;
}

/* team style */

/*====== home page 3 ======*/
.witr_team_part {
  overflow: hidden;
  position: relative;
  padding-bottom: 23px;
}
.witr_team_sec_4 {
}
.witr_team_thumb4 {
  position: relative;
}
.witr_team_thumb4::before {
  content: "";
  position: absolute;
  background: #0368cfad;
  height: 100%;
  width: 100%;
  right: -100%;
  top: 0;
  transition: 1s;
}
.witr_team_part:hover .witr_team_thumb4::before {
  right: 0;
}

.witr_team_thumb4 img {
  width: 100%;
}

/*======== social top css ===========*/
.witr_team_top {
  background: #fff;
  border-radius: 5px;
  position: absolute;
  top: -200px;
  right: -7px;
  transform: translate(-50%, -50%);
  transition: 1s;
}
.witr_team_part:hover .witr_team_top {
  top: 100px;
}
.witr_team_top ul li {
  list-style: none;
}
.witr_team_top ul li a {
  color: #0368cf;
  margin: 12px 13px;
  transition: 1s;
  display: block;
}
.witr_team_top ul li a:hover {
  color: #ff8400;
}
.witr_team_content4 {
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 15px 30px 13px;
  margin: 0 20px;
  box-shadow: 0px 0px 30px 0 rgba(42, 67, 113, 0.15);
  margin-top: -58px;
  text-align: left;
}
.witr_team_content4 h5 {
  margin-bottom: 5px;
}
.witr_team_content4 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: #0368cf;
  transition: 0.5s;
}
.witr_bottom_icon a:hover {
  background: #0368cf;
  color: #fff;
}

/* team 11 */
.witr_team_s11ar {
  box-shadow: none;
  transition: 0.5s;
}
.witr_team_s11ar:hover {
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.05);
}
.witr_team_s11a {
  overflow: hidden;
}
.witr_team_s11 {
  position: absolute;
  left: 30px;
  bottom: -300px;
  transition: 0.5s;
  opacity: 0;
}
.team-part:hover .witr_team_s11 {
  bottom: 15px;
  opacity: 1;
}
.witr_team_s11 span {
  background: #0368cf;
  display: inline-block;
  padding: 5px 30px;
  color: #fff;
}
.witr_team_s11t {
  padding: 20px 0;
}

/* team 13 style */
.witr_team_s13.cons_singleTeam {
  overflow: inherit;
}
.witr_team_s13 {
  position: relative;
}
.team_line {
  background-color: #75a1fb;
  position: absolute;
  opacity: 1;
  transition: 0.5s;
  z-index: 99;
}
.witr_team_s13:hover .team_line {
  opacity: 1;
}
.team_line_top,
.team_line_bottom {
  width: 0;
  height: 2px;
  left: -60px;
  background: linear-gradient(
    to right,
    rgba(117, 161, 251, 0),
    #0368cf,
    rgba(117, 161, 251, 0)
  );
}
.witr_team_s13:hover .team_line_top,
.witr_team_s13:hover .team_line_bottom {
  width: calc(100% + 110px);
}
.team_line_top {
  top: 0px;
}
.team_line_bottom {
  bottom: 0px;
}
.team_line_left,
.team_line_right {
  height: 0;
  width: 2px;
  top: -60px;
  background: linear-gradient(
    to top,
    rgba(117, 161, 251, 0),
    #0368cf,
    rgba(117, 161, 251, 0)
  );
}
.witr_team_s13:hover .team_line_left,
.witr_team_s13:hover .team_line_right {
  height: calc(100% + 110px);
}
.team_line_left {
  left: 0px;
}
.team_line_right {
  right: 0px;
}
.witr_team_s13 .front_view {
  padding: 40px 25px 32px;
}
.witr_i_position {
  position: relative;
}
.con_TMS13_icon {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-50%);
}

.front_view .con_TMS13_icon.con_TMS a {
  display: block;
  background: #0368cf;
  color: #fff;
  border-radius: 50px;
  margin-bottom: 5px;
  transition: 0.5s;
  border: none;
}
.front_view .con_TMS13_icon.con_TMS a:hover {
  background: #02101e;
}

.front_view .con_TMS13_icon.con_TMS a:nth-child(2),
.front_view .con_TMS13_icon.con_TMS a:nth-child(3),
.front_view .con_TMS13_icon.con_TMS a:nth-child(4),
.front_view .con_TMS13_icon.con_TMS a:nth-child(5),
.front_view .con_TMS13_icon.con_TMS a:nth-child(6) {
  transform: scale(0);
  transition: 1s;
  margin-top: -40px;
}
.front_view .con_TMS13_icon.con_TMS:hover a:nth-child(2),
.front_view .con_TMS13_icon.con_TMS:hover a:nth-child(3),
.front_view .con_TMS13_icon.con_TMS:hover a:nth-child(4),
.front_view .con_TMS13_icon.con_TMS:hover a:nth-child(5),
.front_view .con_TMS13_icon.con_TMS:hover a:nth-child(6) {
  transform: scale(1);
  margin-top: 0px;
}

/* witr_team_s14 */

.witr_team_s14 {
  transition: 1s;
}
.witr_team_s14.cons_singleTeam {
  overflow: inherit;
}
.witr_team_s14 .front_view {
  padding: 20px 25px 40px;
}
.witr_team_s14 .con_TMS {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
}
.team_s14_image {
  position: relative;
}

.team_s14_image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  border-left: 15px solid #0368cf;
  border-top: 15px solid #0368cf;
  animation: team_before 5s infinite linear;
  opacity: 0;
}

@keyframes team_before {
  0% {
    height: 50%;
  }
  50% {
    height: 0%;
  }
}

.team_s14_image::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 50%;
  border-right: 15px solid #0368cf;
  background: #0368cf;
  animation: team_after 5s infinite linear;
  opacity: 0;
}
.witr_team_s14:hover .team_s14_image::before,
.witr_team_s14:hover .team_s14_image::after {
  opacity: 1;
}
@keyframes team_after {
  0% {
    height: 50%;
  }
  50% {
    height: 0%;
  }
}

.witr_team_s14 .front_view img {
  width: 100%;
}

/*===========================
    8.Screenshots css 
===========================*/
.Screenshots {
}
.dnSlide-main {
  position: relative;
}
.dnSlide-main img {
  width: 100%;
}
.Screenshots-fearm {
  position: absolute;
  top: 0;
  left: 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: #0368cf;
}
.Screenshots .dnSlide-main .dnSlide-btn i {
  color: #fff;
}
.Screenshots .dnSlide-main .dnSlide-left-btn {
  position: absolute;
  top: 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%;

  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 !important;
  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 !important;
  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%;

  transform: translateX(-50%);
}
.Screenshots-slide .slick-arrow.slick-prev {
  left: 200px;
}
.Screenshots-slide .slick-arrow.slick-next {
  right: 200px;
}
/*====== home page 5 ======*/
.mobile-slide .slick-center .mobile-thumb img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mobile-slide .mobile-thumb img {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  width: 100%;
}
/*====== home page 6 ======*/
.mobile-slide-6 .slick-center .mobile-thumb img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mobile-slide-6 .mobile-thumb img {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  width: 100%;
}
.mobile-slide-7 .mobile-thumb {
  position: relative;
}
.mobile-slide-7 .mobile-thumb .mobile-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

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

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

/*===========================
    pricing css 
===========================*/
.all_pricing_color {
}
.all_pricing_color ul,
.all_pricing_color ol,
.all_pricing_color li {
  margin: 0px;
}
.all_pricing_color h2,
.all_pricing_color h3,
.all_pricing_color h5,
.all_pricing_color h4 {
  margin: 0px;
}
.all_pricing_color ul li {
}

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

.pricing-part ul {
}
.pricing-part ul li {
  color: #555555;
  line-height: 40px;
  list-style: none;
}
.prt_content {
  padding: 20px 18px 10px 0px;
  font-size: 20px;
}
/* pricing list css */
.pricing-part ul li:nth-child(odd) {
}
.pricing-part ul li:nth-child(even) {
}
.witr_btnp_color {
  padding-top: 37px;
  padding-bottom: 40px;
}
.pricing-part a.btn {
  background: #0368cf;
  line-height: 41px;
  padding: 7px 30px;
  font-size: 16px;
  border-radius: 5px;
  color: #fff;
  border: 1px solid #0368cf;
  display: inline-block;
}
.pricing-part a.btn:hover {
  background: transparent;
  color: #0368cf;
}

/* style 2 */
.pricing_style_2 .pricing-part h5 {
  background: #0368cf;
  padding: 10px 0;
  color: #fff;
  margin-bottom: 30px;
}
/* style 3 */
.pricing_style_3 .pricing-part a.btn {
  display: block;
  border-radius: 0px;
}
.pricing_style_3 .witr_btnp_color {
  padding: 0;
  padding-top: 37px;
}
/* style 4 */
.pricing_style_4 .witr_p_middle {
  width: 150px;
  height: 150px;
  display: table;
  margin: 15px auto 15px;
}
.pricing_style_4 .witr_p_middle_inner {
  display: table-cell;
  vertical-align: middle;
  background: #0368cf;
  border-radius: 100%;
}
.pricing_style_4 .pricing-part h5 {
  padding: 0px;
  color: #fff;
  font-size: 25px;
  border-radius: 100%;
  text-align: center;
}
.pricing_style_4 .pricing-part span + span {
  display: block;
}
.pricing_style_4 .pricing-part span {
  font-size: 18px;
}
.pricing-part ul {
  display: inline-block;
  text-align: left;
  padding: 0;
}
.witri_texti_list ul i {
  margin-right: 15px;
}
.witri_texti_list ul + ul i {
  margin-right: 0px;
  margin-left: 15px;
}
/*===========================
    10.testomonial css 
===========================*/
.testomonial {
}
.testomonial .test-part {
  box-shadow: 0px 0px 12px 0px #dddddd7a;
  padding: 30px 17px 10px 30px;
  position: relative;
  text-align: left;
}
.test-part h6 {
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  padding-top: 30px;
  padding-bottom: 7px;
}

.test-part span {
  font-weight: 400;
  font-size: 17px;
}
.testomonial .test-part.witr_testi_s_11 img {
  left: 50%;
  transform: translateX(-50%);
}
.testomonial .test-part.witr_testi_s_11 {
  padding: 30px 17px 20px 30px;
}
.witr_testi_s_11 {
  text-align: center;
  border-bottom: 1px solid transparent;
}
.witr_testi_s_11:hover {
  border-color: #0368cf;
}
.witr_testi_s_11 h6 {
  padding-top: 0px;
}
.witr_testi_s_11 ul {
  padding: 17px 0 0px;
  margin: 0;
}
.witr_testi_s_11 .em_crating i {
  font-size: 16px;
}

.test-part {
  display: inline-block;
  margin-bottom: 10px;
}
.test-part ul li {
  display: inline-block;
  padding-top: 0px;
}
.test-part p {
}
.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 {
  color: #ddd;
  font-size: 18px;
}
.em_crating i.active {
  color: #0368cf;
}

.witr_all_mb_30,
.guttergs {
  margin-bottom: 30px;
  border: none;
}
.witr_all_mb_30.mb_70 {
  margin-bottom: 113px;
}
.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 {
  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 {
  text-align: left;
}
.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;
  margin-right: 30px;
}
.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 {
  margin-bottom: 0px;
}
.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 {
}
.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: 8px;
  right: 0;
  content: "\f10e";
  font-family: fontAwesome;
  font-size: 146px;
  line-height: 0.8;
  color: #eeeeee;
  z-index: -1;
}

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

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

.witr_testomonial_area {
  width: 80%;
  margin: auto;
}
.witr_background_test {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-top: 2px solid #0368cf;
  border-bottom: 2px solid #0368cf;
  margin-top: 50px;
  margin-bottom: 60px;
}
.witr_testi_main {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 50px 0px;
  background: #fff;
  border-top: 2px solid #0368cf;
  border-bottom: 2px solid #0368cf;
  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: #0368cf;
  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: #0368cf;
  font-size: 18px;
}

/* witr_testi_s_9 */
.witr_testi_s_9 .em_testi_text {
  float: none;
}

/* busi_testimonial */
.busi_testimonialArea {
  position: relative;
}
.busi_testiSlider {
  position: relative;
  margin: 0;
  padding: 0 0 15px;
}
.busi_testiSlider p {
  margin: auto;
  font-size: 16px;
  width: 74%;
}
.busi_singleNav {
  left: 0;
  right: 0;
  width: 470px;
  height: auto;
  padding: 0;
  margin: auto;
}
.item {
}
.autho_thumb {
}
.autho_thumb img {
  margin: auto;
}
.test_author {
  margin-top: 12px;
}
.test_author h6 {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 0;
}
.test_author span {
  color: #7c7c7c;
  font-size: 16px;
}

/* witr_testi_s_12 */
.witr_testi_s_12 .em_testi_text,
.witr_testi_s_12.em_single_testimonial {
  text-align: center;
}
.witr_testi_s_12 .em_test_thumb {
  float: none;
  margin-right: 0px;
}
.witr_testi_s_12 .em_test_thumb img {
  width: auto;
  margin: auto;
}
.em_test_thumb img {
  display: initial !important;
}

/* testimonial_post_13 */
.testimonial_post_13 {
  display: flex !important;
  justify-content: space-around;
  align-items: center;
}
.testimonial_post_13.em_single_testimonial {
  padding: 0;
}
.test_text_all {
  padding: 25px 30px 26px;
  width: 100%;
}
.testimonial_post_13 .em_testi_text p {
  font-size: 19px;
  font-style: italic;
}
.testimonial_post_13 .test-part {
  margin-bottom: 0px;
}
.witr_screenshot_thumb {
  width: 100%;
}
.execllent_toggol {
  display: flex;
  align-items: center;
  justify-content: center;
}
.execllent_star {
  margin-left: 15px;
}
.execllent_star h3 {
  color: #0368cf;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  font-style: italic;
}

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

/*===========================
    10.blog css 
===========================*/
.all_blog_color {
  text-align: left;
}
.blog-part {
}
.blog_part_inner {
}
.witr_blog_imags {
  overflow: hidden;
}
.blog-img {
  position: relative;
  -webkit-transform: scale(1);
  transform: scale(1);

  transition: 0.5s;
}
.blog-img img {
  width: 100%;
}
.blog-img a {
}

.blog-img:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);

  transition: 0.5s;
}
.blog_part_inner:hover .blog-img,
.blog_part_inner:hover .blog-img:before {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.wblog-content {
  padding: 23px 25px 26px;
  box-shadow: 0px 2px 6px 0px #f5f2f2;
}

.blog_part_inner:hover.wblog-content {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
}

.wblog-content span {
  font-size: 15px;
  color: #0368cf;
  line-height: 28px;
  padding-bottom: 15px;
  margin-right: 10px;
}
.wblog-content span a {
  font-size: 15px;
  color: #0368cf;
}

.wblog-content span i {
  padding-right: 5px;
  padding-left: 5px;
  color: #0368cf;

  transition: 0.5s;
}
.wblog-content h5 > a {
  font-weight: 700;
}
.wblog-content h5 > a:hover,
.wblog-content span i:hover {
  color: #0368cf;
}
.wblog-content h5 {
  margin: 10px 0px 15px;
}
.wblog-content > a {
  font-size: 16px;

  font-weight: 500;
  /* line-height: 49px; */
  padding: 9px 30px;
  border: 1px solid #0368cf;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 5px;

  transition: 0.5s;
  display: inline-block;
}
.wblog-content > a:hover {
  background: #0368cf;
  color: #fff;
}
.witr_bt2 {
}

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

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

.witr_blog_con {
  padding: 20px 15px 0px 25px;
  margin-bottom: 0px;
}
.witr_blog_con span {
  font-size: 16px;
  line-height: 50px;
  font-size: 16px;
  margin-bottom: 15px;
  margin-right: 2px;
}
.bs5 span {
  line-height: 26px;
}
.witr_blog_con span i {
  padding-right: 5px;
  padding-left: 5px;
  transition: 0.5s;
}
.witr_blog_con span i:hover {
  color: #0368cf;
}

.witr_blog_con h2 {
  color: #02101e;
  margin: 15px 0 0;
}
.witr_blog_con h2 a {
  display: inline-block;
}
.witr_blog_con h2 a:hover {
  color: #0368cf;
}
.witr_post_Author {
  padding-bottom: 27px;
  /* margin: 0 30px; */
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 999;
}
.witr_post_Author img {
  width: 33px;
  height: 33px !important;
  border-radius: 50% !important;
  margin-right: 5px;
}

.witr_post_Author .nameAuthor {
  font-size: 20px;
  line-height: 36px;
  color: #0368cf;
  margin: 0;
  font-weight: 500;
}
.witr_post_Author .comment {
  float: right;
  font-size: 17px;
  color: #02101e;
  line-height: 30px;
}
.witr_post_Author .nameAuthor:hover,
.witr_post_Author .comment:hover {
  color: #02101e;
}

/*========= blog area css 6 ==========*/
.witr_blog_area6 {
}
.witr_singleBlog {
  background: #fff;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
}
.witr_sb6_thumb {
  position: relative;
}
.witr_sb6_thumb img {
  width: 100%;
  transition: 0.5s;
}
.witr_sb6_thumb::before {
  position: absolute;
  content: "";
  background: #0000004d;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: 1;
}
.witr_sb6_thumb::after {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.witr_singleBlog:hover .witr_sb6_thumb img,
.witr_singleBlog:hover .witr_sb6_thumb::before {
  transform: scale(1.2);
}
.all_text_position {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.witr_blog_con6 {
  padding: 20px;
}
.witr_blog_con6 span {
  font-size: 16px;
  line-height: 50px;
  margin-bottom: 3px;
  font-size: 16px;
  color: #fff;
  padding-bottom: 15px;
  margin-right: 2px;
}
.witr_blog_con6 span i {
  padding-right: 5px;
  padding-left: 5px;
  color: #fff;
  transition: 0.5s;
}
.witr_blog_con6 span i:hover {
  color: #0368cf;
}

.witr_blog_con6 h2 {
  color: #fff;
  margin-bottom: 0;
}
.witr_blog_con6 h5 a {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  display: inline-block;
}

.witr_blog_con6 h2 a {
  display: inline-block;
  color: #fff;
}
.witr_blog_con6 h2 a:hover {
  color: #0368cf;
}
.witr_blog_con6 p {
  color: #fff;
  margin-top: 25px;
  opacity: 1;
  transition: 0.5s;
}
.witr_singleBlog:hover .witr_blog_con6 p {
  opacity: 1;
}

.witr_post_Author6 {
  margin: 32px 16px 0px;
}
.witr_post_Author6 img {
  width: 40px;
  height: 40px !important;
  border-radius: 50% !important;
  margin-right: 15px;
  float: left;
  margin-top: -8px;
}
.witr_post_text {
  overflow: hidden;
}
.witr_post_Author6 .nameAuthor {
  font-size: 17px;
  color: #fff;
  display: block;
}
.witr_post_Author6 span a {
  color: #fff;
}
.witr_post_Author6 span {
  font-size: 17px;
  color: #fff;
  margin-right: 5px;
}
.witr_post_Author6 span a i {
  /*  display:none; */
  margin-right: 2px;
}

.witr_post_Author6 .comment {
  float: right;
  font-size: 17px;
  color: #fff;
  line-height: 30px;
}

.witr_post_Author6 .nameAuthor:hover,
.witr_post_Author6 .comment:hover {
  color: #0368cf;
}

/* witr_blog_area8 */
.witr_blog_area8 {
}
.witr_blog_area8 .witr_singleBlog {
  box-shadow: 0px 0px 15px 0px rgb(0, 0, 0, 0.1);
  margin-top: 10px;
}
.witr_blog_area8 .witr_sb6_thumb::after {
  position: absolute;
  content: "";
  background: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.witr_singleBlog:hover .witr_sb6_thumb::after {
  background: transparent !important;
}
.witr_blog_area8 .witr_blog_con6 h2 {
}
.witr_blog_area8 .witr_blog_con6 p {
  margin-top: 0px;
}
.witr_blog_area8 .witr_blog_con6 h5 a {
  margin-top: 10px;
  font-size: 17px;
}
.witr_blog_area8 .witr_blog_con6 h2 a {
  color: #181b1d;
}
.witr_blog_area8 .witr_blog_con6 p,
.witr_blog_area8 .witr_blog_con6 h5 a {
  color: #818282;
}
.witr_singleBlog:hover .witr_blog_con6 p,
.witr_singleBlog:hover .witr_blog_con6 h5 a,
.witr_singleBlog:hover .witr_blog_con6 h2 a {
  color: #fff;
}
.witr_blog_area8 .em-blog-content-area_adn {
  padding: 0px;
}
.witr_blog_area8 .learn_btn {
  border-radius: 5px;
  padding: 10px 30px;
  background: #0368cf;
  color: #fff;
  margin-top: 30px;
}
.witr_singleBlog:hover .learn_btn {
  background: #fff;
  color: #0368cf;
}

/* witr_blog_area9 */

.witr_post_meta9 {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
}
.witr_post_meta9 span {
  color: #fff;
  background: #0368cf;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 5px;
}
.witr_post_meta9 span a {
  color: #fff;
}

/* witr_blog_area 10 */
.witr_blog_area10 .witr_blog_con {
  padding: 0;
}
.witr_blog_area10 .busi_singleBlog {
  padding: 20px 20px 20px 20px;
  box-shadow: 0 20px 40px 0 rgba(50, 65, 141, 0.12);
}
.witr_blog_area10 .witr_post_meta9 {
  top: auto;
  right: 15px;
  bottom: 0;
}
.witr_blog_area10 .witr_post_meta9 span {
  padding: 10px 10px;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.witr_blog_area10 .witr_blog_con h2 {
  margin-top: 0;
}
.witr_blog_area10 .em-blog-content-area_adn {
  padding: 0px;
}
.witr_blog_area10 .learn_btn {
  padding: 12px 30px;
  background: #f5f5f5;
}
.witr_blog_area10 .learn_btn:hover {
  background: #0368cf;
  color: #fff;
}
.witr_blog_area10 .learn_btn i {
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #0368cf;
  border-radius: 50px;
}
.witr_blog_area10 .learn_btn:hover i {
  background: #02101e;
}

/* witr_blog_area11 */

.witr_blog_area11 .witr_blog_con h2 {
  margin: 10px 0;
}
.witr_blog_area11 .witr_blog_con {
  padding: 20px 15px 5px 25px;
}
.witr_blog_area11 .em-blog-content-area_adn {
  padding: 0px 10px 22px 20px;
}
.witr_top_category {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 999;
}
.witr_top_category ul li {
  display: inline-block;
}
.witr_top_category ul li a {
  color: #fff;
  background: #0368cf;
  padding: 3px 10px;
  border-radius: 5px;
  margin: 0 10px 10px 0;
  display: inline-block;
}

.witr_blog_area11 .learn_btn {
  padding: 10px 30px;
  background: #0368cf14;
  border-radius: 0px;
  color: #0368cf;
}
.witr_blog_area11 .learn_btn:hover {
  background: #0368cf;
  color: #fff;
}

/* witr_blog_area12 */
.witr_blog_area12 .witr_blog_con {
  padding: 20px 15px 12px 25px;
}

/* witr_blog_area13 */
.witr_blog_area13 .witr_top_category {
  transform: scale(0);
  transition: 0.5s;
}
.witr_blog_area13 .busi_singleBlog:hover .witr_top_category {
  transform: scale(1);
}

.witr_blog_meta_potion {
  background: #fff;
  margin-top: -55px;
  margin-bottom: 25px;
  z-index: 9;
  position: relative;
  padding: 15px 10px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
}
.witr_blog_area13 .witr_post_Author .nameAuthor {
  font-size: 17px;
}
.witr_blog_area13 .witr_post_Author {
  display: inline-block;
  position: inherit;
  padding-bottom: 0;
  left: 0;
  top: 0;
}
.witr_blog_area13 .witr_post_Author img {
  margin-right: 10px;
  float: left;
}
.witr_blog_area13 .witr_blog_con {
  padding: 20px 30px 25px;
}
.witr_blog_area13 .learn_btn {
  border-radius: 5px;
  padding: 10px 30px;
  border: 1px solid #ddd;
  margin-top: 20px;
  transition: 0.5s;
}
.witr_blog_area13 .learn_btn:hover {
  background: #0368cf;
  border-color: #0368cf;
  color: #fff;
}

/* witr_blog_area14 */
.witr_blog_meta_potion14 {
  margin: 5px 0px 17px;
}
.witr_blog_area14 .witr_blog_con {
  padding-top: 15px;
}

/* witr_blog_area16 */
.witr_blog_area16 .em-blog-content-area_adn {
  padding: 0px 10px 22px 0px;
}
.witr_blog_area16 .witr_blog_con {
  padding: 20px 15px 25px 20px;
}
.witr_blog_border {
  border: 1px solid #f2f2f2;
  margin-bottom: 10px;
}

/*===========================
    10.counter css 
===========================*/
.witr_counter_single {
  text-align: left;
  margin-bottom: 30px;
}
.witr_counter_number_inn {
  overflow: hidden;
}
.witr_counter_number_inn h3,
.witr_counter_number_inn span {
  font-size: 40px;
  color: #0368cf;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 0;
}
.witr_counter_number_inn span {
  line-height: 0;
}
/* content */
.witr_counter_number_inn h4 {
  font-size: 22px;
}

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

.witr_counter_icon {
}
.witr_counter_icon i {
  font-size: 23px;
  display: inline-block;
}
.witr_custom_icon {
}
.witr_custom_icon i {
  font-size: 60px;
  display: inline-block;
  margin-bottom: 10px;
}
/*====== style 4 ======*/
.witr_single_counter {
  border: 2px solid #324452;
  border-radius: 5px;
  padding: 37px 0 61px;
  text-align: center;
  transition: all 0.5s ease 0s;
  height: 270px;
  width: 270px;
  transition: 0.5s;
  margin: auto;
}
.witr_single_counter:hover {
  border: 3px dotted #0368cf;
  background: #0368cf;
}

.witr_counter_icon4 {
}
.witr_counter_icon4 i {
  font-size: 30px;
  text-align: center;
  transition: all 1s ease 0s;
  margin-bottom: 15px;
}
.witr_counter_text h4 {
  font-size: 30px;
}
.witr_counter_text h3 {
  display: inline-block;
  font-size: 40px;
}
.witr_counter_text span {
  font-size: 35px;
  font-weight: 700;
  line-height: 0;
}
/* style 5 */
.wirt_new_iner {
  float: left;
  margin-right: 20px;
}
.counter_5 .witr_counter_number_inn h4 {
  margin-top: 13px;
}
.counter_5 .witr_counter_number_inn h3 {
  margin-bottom: 0;
}
.wirt_new_content {
}
.wirt_new_content p {
  margin-top: 20px;
}

/*====== style 6 ======*/
.witr_counter_6.witr_counter_single {
  background: #fff;
  padding: 28px 25px 35px;
  box-shadow: 0px 5px 20px 0px #0000000d;
  margin-bottom: 30px;
}
.witr_counter_6 .wirt_new_iner {
  background: #0368cf;
  padding: 30px 0px 32px;
  border-radius: 5px;
  width: 29%;
  text-align: center;
  transform: skewY(356deg);
}
.witr_counter_6 .witr_counter_number_inn h3,
.witr_counter_6 .witr_counter_number_inn span {
  font-size: 31px;
  color: #fff;
}
.witr_counter_6 .witr_counter_number_inn {
  overflow: inherit;
}

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

  font-family: fontawesome !important;
  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: #0368cf;
  border: 1px solid #0368cf;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 500;

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

.portfolio_nav {
  padding: 0px 0 40px;
}
.portfolio_nav ul {
  text-align: center;
}
.portfolio_nav ul li {
  display: inline;
}
.portfolio_nav ul li {
  border: 1px solid #f3eaea;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  margin: 0 5px 10px;
  padding: 10px 20px;
  position: relative;
  transition: 0.5s;
}
.portfolio_nav ul li:hover,
.portfolio_nav ul li.current_menu_item {
  color: #fff;
  background: #0368cf none repeat scroll 0% 0;
  border-color: #0368cf;
}
.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 {
  position: absolute;
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  transition: 0.5s;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: #0368cf80;
  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%;

  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;
  text-transform: capitalize;
  color: #fff;
  font-size: 18px;
}
.prot_content h3 a {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  text-transform: capitalize;
  transition: 0.5s;
}
.prot_content h3 a:hover {
  color: #02101e;
}

.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: #0368cf;
  background: #0368cf;
  color: #fff;
}
.prot_wrap.nospace .gallery_load_button a {
  margin-top: 30px;
}
/* portfolio icon css */

.picon {
}
.picon a {
  background: #0368cf;
  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: #02101e;
  background: #02101e;
  color: #fff;
}
/* single portfolio */

.pimgs {
}
.pimgs img {
  height: 465px;
  width: 100%;
}
.prots-contentg p {
}

/*style 1 */

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

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

  transition: 0.5s;
}
.pstyle_1 .picon a:hover {
  background: #0368cf;
  color: #fff;
}
.pstyle2 .prot_content {
  background: #0368cf80;
}
.pstyle2 .prot_content_inner {
  left: 50%;
  position: absolute;
  top: 60%;

  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%;

  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: #0368cf6b;
  padding: 20px;

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

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

/* style 3 */
.positi_3.pprotfolio4 {
  padding: 20px 10px 23px;
  border: none;
  position: absolute;
  bottom: -100px;
  background: #0368cf;
  left: 0;
  right: 0;
  z-index: 9;
  transition: 0.5s;
  text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
  bottom: 0px;
}
.positi_3 .porttitle_inner4 p span,
.positi_3 .porttitle_inner4 h3 a {
  color: #fff;
}

/* single portfolio2 */
.portfolio-details-box {
}
.gitem img {
}
.portfolio-details-box h2 {
  line-height: 30px;
}
.portfolio-details-box ul {
}
.portfolio-details-box ul li {
  padding-top: 24px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ddd;
  list-style: none;
}
.portfolio-details-box ul li b {
  color: #444;
  font-size: 18px;
  font-weight: 600;
}
.portfolio-details-box ul li span.eright {
  font-weight: 400;
  font-size: 16px;
  margin-left: 5px;
}
.portfolio-details-box .prots-contentg ul {
  margin-left: 0px;
}
.portfolio-details-box .metalsheet-single-icon-inner {
  text-align: left;
}
.pr-title {
}
.pr-title h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.single_carousel_item .slick-dots {
  bottom: -40px;
}

/*== Title Css ==*/
.metalsheet_content {
}
.metalsheet_content p {
  padding-top: 10px;
}
.witr_6 .metalsheet_content p,
.witr_5 .metalsheet_content p {
  width: 75%;
  margin: auto;
}
.metalsheet_content h5 {
  padding-bottom: 7px;
  font-size: 18px;
}
.metalsheet_content h2,
.metalsheet_content h3 {
  font-size: 40px;
  padding: 4px 0px;
}
.metalsheet_content p span,
.metalsheet_content h5 span,
.metalsheet_content h2 span,
.metalsheet_content h3 span {
  color: #0368cf;
}
/*======== Button css ==========*/
.metalsheet_button {
  margin-top: 45px;
}
.metalsheet_button a {
  background: #0368cf;
  padding: 18px 35px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  transition: 1s;
  margin-right: 15px;
  font-weight: 500;
  border-radius: 30px;
}
.metalsheet_button a:hover {
  background: #02101e;
  color: #fff;
}
.metalsheet_button a i {
  margin-left: 10px;
}
.witr_b9 {
  margin-top: 100px;
}

/*============= call to action =============*/
.all_cal_color h1,
.all_cal_color h2,
.all_cal_color h3,
.all_cal_color h4,
.all_cal_color h5,
.all_cal_color p,
.all_cal_color h6 {
  margin: 0px;
  padding: 0px;
}
.all_cal_color a {
  transition: 1s;
}
.cal_to_toggole {
  display: flex;
  align-items: center;
}
.metalsheet_content.col_content_width_100 {
  width: 100%;
}
.metalsheet_button.no_margin {
  margin-top: 0px;
  width: 60%;
}
metalsheet_button.no_margin a {
  margin-right: 0px;
}

/*============= video icon ==============*/
.metalsheet_video_inner {
  position: relative;
  text-align: center;
  top: 60px;
}
.metalsheet_video_inner h4 {
  margin-top: 20px;
}
.metalsheet_video_inner a {
  position: relative;
}
.metalsheet_video_inner a::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 #0368cf;
  animation: witr_video_ripple 2s infinite;
}
.metalsheet_video_inner i {
  color: #fff;
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background: #0368cf;
  border-radius: 50%;
  font-size: 25px;
  display: inline-block;
  transition: 1s;
}

@keyframes witr_video_ripple {
  70% {
    box-shadow: 0 0 0 75px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
  }
}

/*=========== Style 11 ============*/
.witr_11 {
  position: relative;
}
.witr_col_image {
  position: relative;
}
.witr_col_image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
}
.witr_col_image img {
  width: 100%;
}
.metalsheet_video11 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/*====== 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: 10px 30px 11px;
  border: 1px solid #0368cf;
  border-radius: 5px;
  margin-right: 15px;
  display: block;

  transition: 0.5s;
}
.w_apps_button a:hover {
  background: #0368cf;

  transition: 0.5s;
}
.w_apps_button a:hover span.imetalsheet,
.w_apps_button a:hover span.spaninner {
  color: #fff;
  transition: 0.5s;
}
span.imetalsheet {
  float: left;
  font-size: 25px;
  margin-right: 15px;
  margin-top: 0px;
}
span.spaninner {
  display: inline-block;
  /* overflow: hidden; */
  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: #0368cf; */
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.single_image img {
  /*  width:100%; */
}
.witr_tx_ovei_title {
  position: absolute;
  left: 20px;
  bottom: 5px;
  z-index: 9;
}
.witr_tx_ovei_title h2 {
  margin-bottom: 5px;
}
.witr_tx_ovei_title p {
  color: #02101e;
}
/*====== 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;
}
/* content */
.wittr_footermenu_w_list {
}
.wittr_footermenu_w_list ul {
}
.wittr_footermenu_w_list ul li {
  list-style: none;
}
.wittr_footermenu_w_list ul li a,
.wittr_footermenu_w_list ul li {
  font-size: 16px;
  line-height: 38px;
  font-weight: 400;
  color: #555;
  transition: 0.5s;
}
.wittr_footermenu_w_list ul li a:hover {
  color: #0368cf;
}
/* 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;
}
.witr_own_widet_title .tagcloud a {
  color: #fff;
  font-size: 16px !important;
  line-height: 27px;
  margin-right: 15px;
  padding: 0;
}
/*======  socials  css =======*/
.witr_single_socials {
}
.witr_single_socials ul {
}
.witr_single_socials ul li {
  list-style: none;
}
.witr_single_socials ul li a {
}
.witr_single_socials ul li a i {
  display: inline-block;
  color: #555;
  margin-right: 15px;
  font-size: 16px;

  transition: 0.5s;
  margin-top: 8px;
}
.witr_single_socials ul li a i:hover {
  color: #0368cf;
}
/*======  Custom Icon  css =======*/
.witr_custom_icons {
}
.witr_custom_icons a {
}
.witr_custom_icons i {
  transition: 0.5s;
}
.witr_custom_icons i:hover {
}

/* service2 style 4 css  */
.witr_service2_style4 {
  box-shadow: 0px 0px 30px 0px rgb(0, 0, 0, 0.1);
  padding: 40px 30px 40px;
  background: #fff;
  transition: 1s;
  position: relative;
  text-align: center;
}
.witr_service2_style4_s:hover .witr_service2_style4 {
  /*     padding-bottom:90px;
	    margin-top: -50px; */
}

.witr_service2_style4 h3 {
  margin: 20px 0 14px;
}
.witr_service2_style4 i {
  font-size: 45px;
  display: inline-block;
}
.witr_service2_style4 p {
  margin: 0;
}
.witr_sn_button {
  position: absolute;
  display: block;
  transition: 1s;
  bottom: -60px;
  left: 0;
  right: 0;
  /* 	    transform: scale(0); */
}
.witr_sn_button a {
  background: #0368cf;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 17px 30px;
  text-align: center;
  transition: 1s;
}
.witr_sn_button a:hover {
  background: #02101e;
}
.witr_service2_style4_s:hover .witr_sn_button {
  /* transform: scale(1); */
}

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

  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;

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

  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;
  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 !important;

  transform: translateX(-50%);
  z-index: 1;
  color: rgba(119, 1, 219, 0.2);
}
.blog-cmnt {
}
.blog-cmnt ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 35px;
}
.blog-cmnt .blog-cont h6 {
  line-height: 16px;
  font-size: 20px;
}
.blog-cmnt .blog-cont {
  position: relative;
}
.blog-cmnt .blog-cont a {
  color: #555;
  font-size: 16px;
  line-height: 28px;
  position: absolute;
  right: 0;
  top: 0;
}
.blog-cmnt .blog-cont p {
  /* line-height: 28px; */
  padding-top: 5px;
}
.blog-form form input {
  width: 100%;
  height: 50px;
  margin: 50px 0 30px;
  border: 1px solid #ddd;
  border-radius: 30px;
  padding-left: 30px;
  color: #8f8f8f;
}
.blog-form form input::-webkit-input-placeholder {
  color: #8f8f8f;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form input:-ms-input-placeholder {
  color: #8f8f8f;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form input::-moz-placeholder {
  color: #8f8f8f;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form input::placeholder {
  color: #8f8f8f;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form textarea {
  resize: none;
  width: 100%;
  height: 200px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 30px;
  border-radius: 30px;
  border: 1px solid #ddd;
  color: #8f8f8f;
}
.blog-form form textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #8f8f8f;
}
.blog-form form textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #8f8f8f;
}
.blog-form form textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #8f8f8f;
}
.blog-form form textarea::placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #8f8f8f;
}
.blog-form form button {
  font-size: 16px;
  font-weight: 500;
  margin-left: 15px;
  border: 1px solid rgba(119, 1, 219, 1);
  border-radius: 30px;
  padding: 13px 35px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(119, 1, 219, 1)),
    to(rgba(25, 153, 242, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(119, 1, 219, 1) 0%,
    rgba(25, 153, 242, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(119, 1, 219, 1) 0%,
    rgba(25, 153, 242, 1) 100%
  );
  color: #fff;
  cursor: pointer;
  margin-top: 40px;

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

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

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

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

  transition: 0.5s;
  background: #0368cf;
  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;
  text-align: left;
}
.witr_timeline_item h2 {
  font-weight: 400;

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

/* witr_number_item css */
.witr_number_item {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;

  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: #0368cf;
  line-height: 54px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  position: relative;
  z-index: 2;

  transition: 0.5s;
  font-size: 22px;
}
.witr_hd_sicon_inner i {
}
/* margin left spacing */
.mrl15 {
  margin-left: 15px;
}
.mrl65 {
  margin-left: 65px;
}
.mrl110 {
  margin-left: 110px;
}
/* margin right spacing */
.mrr50 {
  margin-right: 50px;
}
.mrr95 {
  margin-right: 95px;
}
.mrr90 {
  margin-right: 90px;
}
/* timeline bottom right text */
.witr_sicon_bottom.witr_hd_timeline_contant {
  padding-bottom: 0px;
  padding-top: 51px;
}
.witr_sicon_bottom {
  text-align: right;
}
.witr_sicon_bottom .witr_timeline_item {
  width: 230px;
  margin-right: 0;
  margin-left: auto;
  text-align: right;
}
.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: #0368cf;
}

/* cursor imags area css */
.imagess_area .slick-list,
.imagess_area .slick-slider {
  z-index: 9;
}
.slide_items {
  filter: grayscale(1);
  opacity: 0.5;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.slide_items:hover {
  filter: grayscale(0);
  opacity: 1;
}
.slide_items img {
  /* width: 100%; */
  margin: auto;
  display: none;
}

/* 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: 4px;
}
.accordion_area .card-2 {
  margin-bottom: 22px;
  border: 1px solid #ddd;
}
.accordion_area .card-2 p {
  padding: 10px 20px;
}
.witr_ac_style {
  padding-left: 30px;
  font-size: 17px;
  font-weight: 700;
  display: block;
  padding: 7px 15px 11px;
  transition: 0.5s;
}
.witr_ac_style:focus,
.witr_ac_style:hover {
  color: #fff;
  background: #0368cf;
}
.witr_ac_style:before {
  position: absolute;
  content: "\f067";
  right: 30px;
  top: 9px;
  font-family: fontawesome !important;
  font-weight: 400;
}
.active .witr_ac_style:before {
  position: absolute;
  content: "\f068";
  font-family: fontawesome !important;
}
.active .witr_ac_style {
  background: #0368cf;
  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 #0368cf !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 {
  font-size: 17px;
  font-weight: 600;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-content {
}

/* 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: #fff;
  outline: none;
  background: #0368cf;
  z-index: 999;
  opacity: 0;
  border-radius: 50px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  width: 55px;
  height: 55px;
  line-height: 55px;
  top: 50%;
  transform: translate(0px, -50%);
  transition: 0.5s;
  border: 0px solid #17161a;
}
.slick-prev {
  left: -15px;
}
.slick-next {
  right: -15px;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  background: #0368cf;
}
.witr_ds_content_area .slick-prev {
  left: 15px;
}
.witr_ds_content_area .slick-next {
  right: 15px;
}

.slick-prev:before,
.slick-next:before {
  color: #fff;
  font-size: 25px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  content: "\f177";
  font-family: FontAwesome !important;
  line-height: inherit;
  opacity: 1;
}
.slick-next:before {
  content: "\f178";
  font-family: FontAwesome !important;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: #02101e;
  border-color: transparent;
  outline-color: transparent;
  outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  color: #fff;
}
.carso_id1:hover .slick-prev,
.carso_id1:hover .slick-next,
.witr_case:hover .slick-prev,
.witr_case:hover .slick-next,
.service_active:hover .slick-prev,
.service_active:hover .slick-next,
.feature_active:hover .slick-prev,
.feature_active:hover .slick-next,
.event_active:hover .slick-prev,
.event_active: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,
.witr_islidess_slick:hover .slick-prev,
.witr_islidess_slick:hover .slick-next,
.testomonial:hover .slick-prev,
.testomonial:hover .slick-next {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.testomonial-slide .slick-prev,
.testomonial-slide .slick-prev {
}
.blog_wrap .slick-prev,
.blog_wrap .slick-next {
  top: 35%;
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
.testomonial-slide .slick-prev,
.blog_wrap .slick-prev {
  left: -65px;
}
.testomonial-slide .slick-next,
.blog_wrap .slick-next {
  right: -65px;
}

.witr_car_overlay .slick-slide {
  padding: 0 15px;
}

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

  transform: translateX(-50%);
  bottom: 0px;
  display: inline-block;
  z-index: 11;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li button {
  background: #0368cf5c;
  font-size: 0;
  width: 20px;
  height: 20px;
  border: 0px solid #0368cf;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 0px;
  padding: 0;
  transition: 0.5s;
  outline: none;
}
.slick-dots li.slick-active button {
  background: #0368cf;
}
/* text widget */
.witr_text_widget {
  text-align: left;
}
.witr_text_widget_inner h1,
.witr_text_widget_inner h2 {
  font-size: 35px;
  margin-bottom: 5px;
}
.witr_text_widget_inner h1 {
  font-size: 17px;
  color: #0368cf;
}
.witr_text_widget_inner h1 span,
.witr_text_widget_inner h2 span {
  color: #0368cf;
}
.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 */
.static_tab_area {
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 5px #ddd;
}
.metalsheet-tab {
  overflow: hidden;
  clear: both;
  background: #000;
}
.static_tab_area .nav-tabs {
  border: none;
}
.metalsheet-tab li {
  display: inline-block;
  list-style: none;
  background: #000;
  float: left;
  overflow: hidden;
}
.metalsheet-tab li a {
  padding: 15px 30px;
  display: block;
  border-right: 1px solid #ddd;
  color: #fff;
}
.metalsheet-tab li a.active,
.metalsheet-tab li a:hover {
  background: #0368cf;
  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;
  text-align: left;
}
.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;
}
.metalsheet_single_event {
  border-bottom: 1px solid #ddd;
  margin: 0 10px;
  padding-bottom: 12px;
  padding-top: 16px;
  clear: both;
  overflow: hidden;
}
.metalsheet_single_event:last-child {
  border-bottom: 0px solid #ddd;
}
.metalsheet_event_thumb {
  float: left;
  margin-right: 15px;
}
.event_content_area {
}

.metalsheet_single_event:hover .event_page_title h2 a {
  color: #0368cf;
}
.event_page_title h2 a {
  font-weight: 600;
}
.event_pcontent {
}
.event_pcontent p {
  margin-bottom: 5px;
}
.metalsheet_event_icon span {
  margin-right: 10px;
}
.metalsheet_event_icon span i {
  margin-right: 5px;
}

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

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

.wic_tab_content2 {
  padding-top: 40px;
}
.witr_tab_title_content2 {
}
.witr_tab_title_content2 h2 {
  font-size: 20px;
  margin-bottom: 19px;
  color: #0368cf;
}
.witr_tab_btn {
}
.witr_tab_btn a {
  color: #0368cf;
}
/* 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: none;
  padding-left: 30px;
}
.wpcf7 input {
  height: 50px;
}
.wpcf7 textarea {
  height: 150px;
}
input.wpcf7-submit {
  width: auto;
  padding: 0px 50px;
  cursor: pointer;
}
.wpcf7-form p {
}
div.wpcf7-response-output {
  color: #ffe000;
  border: none !important;
}
.send_message .wpcf7-form p {
  display: flex;
  flex-direction: row;
}

.send_message input {
  border: 0;
  background: #f7f7f7;
  height: 72px;
  transition: 0.5s;
}
.send_message input.wpcf7-submit {
  background: #0368cf;
  color: #fff;
  transition: 0.5s;
}
.send_message input.wpcf7-submit:hover {
  background: #f8f8f8;
  color: #0368cf;
}
.send_message input::-webkit-input-placeholder {
  color: #888888 !important;
}
.send_message input:-ms-input-placeholder {
  color: #888888 !important;
}
.send_message input::-moz-placeholder {
  color: #888888 !important;
}

/*======== 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: 30px;
  line-height: 43px;
  background: #fff;
  border: 1px solid #ddd;
  color: #a2a2a9;
  padding-left: 0px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 0px;
  padding-left: 30px;
  /*     box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);	 */
}
.witr_text_area1 textarea {
  height: 150px;
  resize: none;
  padding: 10px 30px 30px 30px;
}
.witr_field1 .witr_form_field1 select {
  height: 50px;
}
.witr_con_btn1 {
  text-align: center;
}

.witr_con_btn1 .w_btn1 {
  text-align: center;
  background: #0368cf;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  line-height: 45px;
  border-radius: 5px;
  font-weight: 600;
  border: 1px solid #0368cf;
  transition: 0.5s;
}
.witr_con_btn1 .w_btn1:hover {
  background: #0368cf;
  border-color: #0368cf;
  color: #fff;
}
.witr_field1 .witr_form_field1 input::-webkit-input-placeholder {
  color: #a2a2a9;
}
.witr_field1 .witr_form_field1 input:-ms-input-placeholder {
  color: #a2a2a9;
}
.witr_field1 .witr_form_field1 input::-moz-placeholder {
  color: #a2a2a9;
}
.witr_text_area1 textarea::-webkit-input-placeholder {
  color: #a2a2a9;
}
.witr_text_area1 textarea:-ms-input-placeholder {
  color: #a2a2a9;
}
.witr_text_area1 textarea::-moz-placeholder {
  color: #a2a2a9;
}

.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 select,
.witr_field2 .witr_form_field2 input,
.witr_text_area2 textarea {
  width: 100%;
  margin-bottom: 20px;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 5px;
  line-height: 43px;
  padding-left: 30px;
}
.witr_text_area2 textarea {
  height: 150px;
  resize: none;
  padding: 10px 30px 30px;
}
.witr_con_btn2 .w_btn2 {
  /* width: 100%; */
  text-align: center;
  background: #0368cf;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
  line-height: 1;
  border-radius: 5px;
  font-weight: 500;
  border: none;
  transition: 0.5s;
  outline: none;
  padding: 18px 30px 18px;
}
.witr_con_btn2 .w_btn2:hover {
  background: #02101e;
}

.witr_con_btn2 i {
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #0368cf;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  border-radius: 50px;
  position: relative;
  left: 0px;
  margin-left: 10px;
}
.witr_con_btn2 .w_btn2:hover i {
  background: #02101e;
}

.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.witr_2width100:nth-child(odd) {
  margin-right: 0;
}
.witr_form_controls2 .witr_field2 .witr_form_field2:nth-child(even) {
  margin-left: 1%;
}
.witr_form_controls2
  .witr_field2
  .witr_form_field2.witr_2width100:nth-child(even) {
  margin-left: 0;
}

/* apartment contact css */
.apartment_area {
  position: relative;
  background-size: cover;
  padding: 60px 35px 60px;
  border-radius: 10px;
  text-align: left;
}
.apartment_text h1 {
  color: #0368cf;
  font-size: 17px;
  margin-bottom: 5px;
}
.apartment_text h2 {
  margin: 0 0 21px;
  font-size: 38px;
}
.form-group {
  margin-bottom: 0px;
}
.witr_apartment_form {
}
.witr_apartment_form form select option {
}
.witr_apartment_form form select,
.witr_apartment_form input {
  width: 100%;
  height: 45px;
  color: #888888;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-bottom: 20px;
  text-align: left;
}
.witr_apartment_form textarea {
  margin-bottom: 20px;
  text-align: left;
}
.witr_apartment_form input::-moz-placeholder {
  color: #888888;
  opacity: 1;
}
.witr_apartment_form input::-ms-input-placeholder {
  color: #888888;
  opacity: 1;
}
.witr_apartment_form input::-webkit-input-placeholder {
  color: #888888;
  opacity: 1;
}
.witr_apartment_form select::-webkit-input-placeholder,
.witr_apartment_form textarea::-webkit-input-placeholder {
  color: #888888;
  opacity: 1;
}
.witr_apartment_form .const_btn {
  font-size: 15px;
  background: #fff;
  font-weight: 600;
  /*     padding: 15px 37px; */
  border-radius: 5px;
  margin-top: 10px;
  border: 0;
  color: #0368cf;
  cursor: pointer;
  transition: 0.5s;
}
.witr_apartment_form .const_btn:hover {
  background: #0368cf;
  color: #fff;
}

/* Bottom Contact */
.witr_bottom_contact .form-group {
  margin-bottom: 20px;
}
.witr_bottom_contact textarea {
  height: 100px;
}
/* COUNTDOWN CSS */

span.cdowns {
  width: 200px;
  height: 200px;
  background: #fff;
  display: inline-block;
  margin: 0 10px;
  position: relative;
  line-height: 1;
  border: 1px solid #0368cf;
  padding-top: 60px;
  margin-bottom: 30px;
}
span.cdowns::before {
  position: absolute;
  content: "";
  background: #0368cf;
  top: 55px;
  right: -19px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
span.cdowns::after {
  position: absolute;
  content: "";
  background: #0368cf;
  top: 84px;
  right: -19px;
  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 {
  font-size: 50px;
  color: #0368cf;
  display: inline-block;
  font-weight: 700;
}
.counterdowns p {
  color: #0368cf;
  font-size: 16px;
  font-weight: 600;
  margin-top: 5px;
}
.dotnoneb span.cdowns:before {
  display: none;
}
.dotnonea span.cdowns:after {
  display: none;
}

.mean-container .mean-nav ul li a:hover {
  color: #0368cf;
  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%;
  background: #fff;
  font-size: 16px;
  line-height: 28px;
  color: #b0afaf;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 15px 30px;
}
.mc4wp-form-fields button {
  width: 30%;
  border-radius: 0 5px 5px 0px;
  background: #02101e;
  border: none;
  outline: none;
  position: absolute;
  right: -3px;
  top: 0;
  bottom: 0;
  font-size: 18px;
  color: #fff;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  padding: 10px 15px;
  transition: 0.5s;
}
.mc4wp-form-fields button:hover {
  background: #18406b;
}

.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: #888888;
}
.mc4wp-form-fields input::-webkit-input-placeholder {
  color: #888888;
}

/* mailchim 2 */
.footer-middle .mc4wp-form-fields input::-moz-placeholder {
  color: #888888;
}
.footer-middle .mc4wp-form-fields input::-webkit-input-placeholder {
  color: #888888;
}
.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 #ffffff66;
  border-radius: 0px;
  padding-left: 10px;
}
.footer-middle .mc4wp-form-fields button {
  position: absolute;
  right: 0;
  top: 0;
  width: 37%;
  height: 50px;
  border-radius: 0px;
  color: #fff;
  background: #0368cf;
  cursor: pointer;
  padding: 10px 10px;

  transition: 0.5s;
}
.footer-middle .mc4wp-form-fields button:hover {
  background: #fff;
  color: #0368cf;
}
.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;
}

/* mc4wp */

.mc4wp-form-fields .witr_mail_From input {
  margin-bottom: 20px;
  border: 1px solid #ddd;
}
.mc4wp-form-fields .witr_mail_From button {
  position: inherit;
  width: 100%;
  border-radius: 5px;
  padding: 15px 30px;
}

.witr_joined .witr_field2 .witr_form_field2 input {
  height: 72px;
  border-radius: 0;
  border: 0;
  background: #fff;
}

.witr_joined .witr_con_btn2 .w_btn2 {
  background: #324452;
  border: 0;
  border-radius: 0;
  height: 72px;
  position: absolute;
  top: 0;
  width: 22%;
  right: 0;
  color: #fff;
}

/* === style_w2 ==== */

.departmentList {
  position: relative;
  padding: 73px 30px 65px;
  border-radius: 10px;
  background-size: cover;
  text-align: left;
}
.departmentList h3 {
  margin-bottom: 22px;
}
.departmentList h3 a {
  font-size: 30px;
}

.departmentList ul {
}
.departmentList ul li {
}
.departmentList ul li a {
  color: #181b1d;
  font-size: 18px;
  display: block;
  padding: 8px 10px 8px;
  margin-bottom: 1px;
}
.departmentList ul li a:hover {
  color: #0368cf;
}
.departmentList ul li a span {
  display: inline-block;
  margin-top: 4px;
}
.departmentList .discover_more {
  color: #181b1d;
  display: inline-block;
  margin-left: 10px;
  margin-top: 15px;
}
.departmentList .discover_more i {
  font-size: 15px;
  padding-left: 5px;
  transition: 0.5s;
}
.departmentList .discover_more:hover {
  color: #0368cf;
}

.singleSS {
  position: relative;
  transition: all ease 400ms;
  z-index: 1;
}
.service_slider .singleSS {
  padding: 61px 15px 60px;
}
.singleSS:after {
  background: url(assets/images/corporate/5.png) no-repeat right top;
  width: 288px;
  height: 216px;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  visibility: hidden;
  opacity: 0;
  transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  z-index: -1;
}
.singleSS.witr_service_7:after {
  background: url(assets/images/corporate/tx_s.png) no-repeat right top;
  content: "";
  z-index: -1;
}
.singleSS:hover:after {
  visibility: visible;
  opacity: 1;
}
.singleSS:hover {
  border-color: #4900d6;
}

.serIcon {
}
.serIcon i {
  font-size: 32px;
  line-height: 62px;
  display: inline-block;
  z-index: 1;
}
.SIBG_2 i {
  color: #28f200;
}
.SIBG_1 {
  /*   background: url(assets/images/corporate/s1.png) no-repeat center center / cover; */
  position: relative;
  z-index: 9;
}
.SIBG_1::before {
  position: absolute;
  top: -15px;
  background: #0368cf1a;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 100%;
  left: 38px;
  bottom: 0;
  margin: auto;
  margin-left: 0;
  transition: 0.5s;
  z-index: -1;
}
.singleSS:hover .SIBG_1::before {
  background: #02101e;
}
.witr_service_10:hover .SIBG_1::before {
  background: #02101e;
}

.detail_SS {
  position: relative;
  padding: 0 0 0;
  z-index: 99;
}
.detail_SS h3 {
  line-height: 31px;
  margin-bottom: 10px;
  margin-top: 8px;
}
.detail_SS p {
  margin-bottom: 28px;
}
.detail_SS a.readMore {
  display: inline-block;
  color: #f5634b;
  font-size: 16px;
  line-height: 0.8;
  margin: 0;
}
.detail_SS a.readMore:hover {
  color: #4900d6;
}

.witr_service_7 .service-btn > a {
  position: relative;
  transition: 0.5s;
}
.witr_service_7 .service-btn > a::before {
  position: absolute;
  top: 0;
  background: #0368cf;
  content: "";
  width: 25%;
  height: 1px;
  left: 0px;
  transition: 0.5s;
}
.witr_service_7 .service-btn > a::after {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: #0368cf;
  content: "";
  width: 25%;
  height: 1px;
  transition: 0.5s;
}
.witr_service_7 .service-btn > a:hover::before,
.witr_service_7 .service-btn > a:hover::after {
  width: 100%;
}
.witr_padding_bottom {
  padding-bottom: 325px;
}

/* new css */
.witr_single_box_p h3 {
  padding: 21px 25px 18px;
  background: #fff;
}

/* === style_w1 ==== */

/*----------------------------------------
 Don't change any css from here. If you need to change, Please use child theme.
------------------------------------------*/

html,
body {
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
/* 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;
}
/*=====================
metalsheet HEADING TOP AREA CSS
=========================*/
/* LEFT RIGHT CSS */

.em40_header_area_main {
}
.em40_header_area_main.hdisplay_none {
  display: none;
}
.metalsheet-header-top {
  background: #0368cf;
  padding: 13px 0;
}
.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: 5px;
}
.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-welcomet p span,
.top-welcomet p a,
.top-welcome p span,
.top-welcome p a,
.top-welcome p,
.top-address p a,
.top-right-menu ul.social-icons li a,
.top-address p span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.top-welcome p a:hover {
  color: #17161a;
}
.top-right-menu .social-icons li a:hover,
.top-right-menu .social-icons li a i:hover {
  color: #17161a;
}
.top-both-p0 .top-address p a,
.top-both-p0 .top-address p span {
  margin-right: 0px;
  margin-left: 12px;
}

.top-right-menu .menu-item-has-children > a:after {
  margin-left: 5px;
  content: "\e62a";
  font-family: themify;
  font-size: 15px;
  opacity: 0.7;
}
/* 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 #0368cf;
  width: 150px;
  text-align: left;
  background: #0368cf;
  z-index: 1;
  transition: 0.5s;
}
.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 5px;
}
.top-right-menu ul .sub-menu li a {
  font-size: 14px;
}
.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 !important;
}
.text-right {
  text-align: right !important;
}
/* top opening */

.top-address.menu_18 span {
  padding: 8px 15px 9px;
  display: inline-block;
}
.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 metalsheet 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: #0368cf 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: #0368cf 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 {
  text-align: left;
}
.creative_logo_thumb {
  z-index: 9;
  text-align: right;
}
.creative_header_icon {
  float: left;
  margin-right: 10px;
  overflow: hidden;
}
.creative_header_icon i {
  color: #0368cf;
  font-size: 30px;
  margin-top: 5px;
  margin-left: 2px;
  display: inline-block;
}
.creative_header_address {
  overflow: hidden;
  padding-left: 80px;
}
.creative_header_address_text > h3 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}
.creative_header_address_text > p {
  margin: 0;
  overflow: hidden;
}
.creative_header_address_text > p > a {
  color: #999;
}

.creative_logo_thumb {
  z-index: 9;
}
.creative_header_button {
  padding-left: 50px;
  position: relative;
}
.creative_header_button:before {
  content: "";
  position: absolute;
  background: #0368cf;
  width: 1px;
  height: 74px;
  left: 10px;
  top: -14px;
}
.creative_header_button .dtbtn {
  background: #0368cf;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin-left: 0;
  padding: 12px 26px;
  transition: 0.5s;
}
.creative_header_button > a:hover {
  background: #0368cf 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: #0368cf none repeat scroll 0% 0;
  border: 1px solid #0368cf;
  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: #0368cf;
  color: #fff;
  border-color: #0368cf;
}
/* .no-logo-sr .creative_search_icon { */
/* position: absolute; */
/* right: 19%; */
/* top: 50%; */
/*  */
/* transform: translateY(-50%); */
/* z-index: 999; */
/* } */
/* .no-logo-sr .em-quearys-top.msin-menu-search .em-quearys-inner { */
/* top: 70px; */
/* } */
.no-logo-sr .metalsheet_menu ul {
  text-align: center;
}
.no-logo-sr .metalsheet_menu ul li {
  text-align: left;
}

/*=======================
metalsheet HEADING NAV AREA CSS
========================*/

.mean-container .mean-bar {
  padding: 0;
}
.mean-container .mean-nav {
  background: #0368cf none repeat scroll 0% 0;
  float: none;
}
.main_menu_div {
  position: relative;
}
.metalsheet_nav_area {
  background: #fff none repeat scroll 0% 0;
  /* 	box-shadow: 0 0 65px 0 #00000008; */
}
/* LOGO CSS */

.logo {
}
.logo a {
  font-size: 23px;
  font-weight: 700;
  display: inline-block;
}
.metalsheet_menu {
}
/* MENU CSS */

.metalsheet_menu ul {
  text-align: right;
  list-style: none;
}

/* witr_h_h18 menu css */
.witr_shop_sc .metalsheet_menu ul {
  text-align: left;
}
.search_popup_button,
.tx_mmenu_together {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.tx_mmenu_together .donate-btn-header {
  padding: 0;
}
.witr_shop_sc .donate-btn-header,
.witr_shop_sc .em_top_cart.hshop {
  padding: 0;
}
.witr_shop_sc .em-quearys-menu i {
  border-radius: 3px;
  margin-right: 20px;
  margin-top: 7px;
}
.witr_shop_sc a.cart-contents {
  background: #ff4a17;
  color: #fff;
  border-radius: 3px;
  padding: 8px;
  margin-top: 3px;
  display: block;
}
.witr_shop_sc a.dtbtn {
  margin-left: 20px;
}
.witr_shop_sc .em-header-quearys {
  text-align: center;
}

/* witr_h_h21 menu css */
.sb_popup .tx_mmenu_together {
  justify-content: space-between;
}

.metalsheet_menu > ul > li {
  display: inline-block;
  position: relative;
}
.metalsheet_menu > ul > li > a {
  display: block;
  margin: 23px 9px;
  transition: 0.5s;
  position: relative;
  color: #181b1d;
  font-size: 17px;
  font-weight: 600;
}
.metalsheet_menu > ul > li > a:before,
.metalsheet_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 .metalsheet_menu > ul > li > a {
  color: #fff;
}
.heading_style_3 .metalsheet_menu > ul > li > a {
  color: #fff;
}
.heading_style_4 .metalsheet_menu > ul > li > a {
  color: #fff;
}
.heading_style_5 .metalsheet_menu > ul > li > a {
  color: #181b1d;
}
.metalsheet_menu ul li:last-child a {
  margin-right: 0px;
}
.metalsheet_menu > ul > li.current > a,
.metalsheet_menu > ul > li:hover > a,
.creative_header_menu > ul > li:hover > a {
  color: #0368cf;
  background-color: transparent;
}
.metalsheet_menu > ul > li:hover > a:before,
.metalsheet_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;
  transition: 0.5s;
}
.hbg2 {
  background: rgba(0, 0, 0, 0.7);
  /*     padding: 0 0 10px; */
}
/* stycky nav js */

.transprent-menu.menu4 {
  position: relative;
}
.transprent-menu .metalsheet_nav_area {
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  background-color: #ffffff;
  padding: 0;
  transition: 0.5s;
  position: absolute;
}
.metalsheet_nav_area.postfix {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.metalsheet_nav_area.prefix,
.hbg2 {
  width: 100% !important;
  background-color: #ffffff;
}
.metalsheet_nav_area.prefix .metalsheet_menu > ul > li > a {
  color: #181b1d;
}
.metalsheet_nav_area.prefix .metalsheet_menu > ul > li.current > a {
  color: #0368cf;
}
/* LOGO LEFT RIGHT CSS */

.logo-left {
}
.logo-left .logo {
  text-align: left;
}
.logo-right .logo {
  text-align: right;
}

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

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

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

  transition: 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.metalsheet_menu ul li:hover > .sub-menu {
  transition: 0.5s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 100%;
  z-index: 9;
}
.metalsheet_menu ul .sub-menu li {
  position: relative;
}
.metalsheet_menu ul .sub-menu li a {
  display: block;
  padding: 5px 20px;
  margin: 0;
  letter-spacing: normal;
  font-size: 16px;
  color: #fff;
  transition: 0.5s;
  visibility: inherit !important;
}
.metalsheet_menu ul .sub-menu li:hover > a,
.metalsheet_menu ul .sub-menu .sub-menu li:hover > a,
.metalsheet_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.metalsheet_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
  background: #fff;
  color: #0368cf;
}
/* sub menu 2 */

.metalsheet_menu ul .sub-menu .sub-menu {
  left: 100%;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.metalsheet_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 */

.metalsheet_menu ul .sub-menu .sub-menu li {
  position: relative;
}
.metalsheet_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;
}
.metalsheet_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 */

.metalsheet_menu ul .sub-menu .sub-menu .sub-menu li {
  position: relative;
}
.metalsheet_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
.metalsheet_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 */
.logged-in .trp_nav_area {
  top: 32px;
}
.logged-in .transprent-menu .metalsheet_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
  .metalsheet_nav_area.prefix {
  top: 0px;
}
.elementor-editor-active.logged-in .trp_nav_area.hbg2 {
  top: 0px;
}

/* maing menu search */
/* 
nav.metalsheet_menu.main-search-menu {
    float: right;
}
.metalsheet_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 */

.metalsheet-main-menu .menu-item-has-children > a:after {
  margin-left: 5px;
  content: "\f107";
  font-family: FontAwesome !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: 13px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.metalsheet-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: 20px;
  font-weight: 500;
  background-color: #0368cf;
  border-radius: 30px;
  color: #fff;
  padding: 23px 30px;
}
a.dtbtn:hover {
  background-color: #0368cf;
}
.redX {
  color: #0368cf;
}
/* logo sticky */

.metalsheet-main-menu .logo a.main_sticky_main_l {
  display: block;
}
.metalsheet-main-menu .logo a.main_sticky_l {
  display: none;
}
/* logo sticky box menu */
.hmenu_box_style.hbg2 .logo a.main_sticky_main_l {
  display: none;
}
.hmenu_box_style.hbg2 .logo a.main_sticky_l {
  display: block;
}
/* logo pre */

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

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

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

.metalsheet-blog-area {
  padding: 45px 0 30px;
}
.metalsheet-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;
}
.metalsheet-single-blog.metalsheet-lt {
  text-align: left;
}
.metalsheet-blog-index.blog-area.metalsheet-blog-area,
.metalsheet-blog-area.metalsheet-blog-archive {
  padding: 100px 0 100px;
}
/* BLOG THUMB CSS */

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

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

.blog-inner {
}
.blog-content {
}
.blog-content h2 {
  margin: 0 0 18px;
}
.blog-content h2 a {
  font-size: 15px;
  font-weight: 700;
}
.blog-content h2 a:hover {
  color: #0368cf;
}
.blog-content p {
}
/* BLOG POST META CSS */

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

.metalsheet-blog-meta-left {
  padding: 0 0 9px;
}
.metalsheet-blog-meta-left a,
.metalsheet-blog-meta-left span {
  color: #888888;
  font-size: 16px;
  margin-right: 5px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.metalsheet-blog-meta-left a:hover,
.metalsheet-blog-meta-left span:hover {
  color: #0368cf;
}
.metalsheet-blog-meta-left i {
  color: #0368cf;
  margin-right: 5px;
}
/* BLOG POST META RIGHT CSS */

.metalsheet-blog-meta-right {
  float: right;
  padding: 0px 0;
}
.metalsheet-blog-meta-right a,
.metalsheet-blog-meta-right span {
  font-size: 12px;
  color: #454545;
  margin-left: 5px;
}
.metalsheet-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;
  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: #0368cf;
  background: #0368cf;
  color: #fff;
}
/* blog hover */

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

.metalsheet-single-blog-details {
  background: #fff;
  margin-bottom: 40px;
}
.em-theme-main-page .metalsheet-single-blog-details {
  padding: 30px 30px 10px;
}

.metalsheet-single-blog-details-inner {
  padding: 38px 45px 45px;
  box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
  border-radius: 0 0 10px 10px;
}
.metalsheet-single-blog--thumb {
}
.metalsheet-single-blog--thumb a {
}
.metalsheet-single-blog--thumb img {
  width: 100%;
}
.metalsheet-single-blog--thumb {
}
.metalsheet-single-blog-title h2 {
  padding: 0;
  margin-top: 0;
  margin-bottom: 8px;
}
.metalsheet-single-blog-details .metalsheet-blog-meta {
  padding: 0px;
  margin: 0px;
}
.metalsheet-single-blog-details .metalsheet-blog-meta-right,
.metalsheet-single-blog-details .metalsheet-blog-meta-left {
  padding: 0px 0 10px 0;
}
.metalsheet-blog-social {
  margin-bottom: 25px;
  margin-top: 25px;
}
.metalsheet-single-icon-inner {
  text-align: center;
}
.metalsheet-single-icon-inner a {
  border: 1px solid #e6e6e6;
  color: #17161a;
  display: inline-block;
  font-size: 15px;
  height: 40px;
  line-height: 41px;
  margin: 0 9px 0 0;
  text-align: center;
  width: 40px;
  border-radius: 5px;
}
.metalsheet-single-icon-inner a:hover {
  background: #0368cf;
  border-color: #0368cf;
  color: #fff;
}
.metalsheet-single-icon-inner a i {
}
.single-blog-content ul {
  padding-bottom: 10px;
}
/*========================
metalsheet 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 {
  font-size: 24px;
  margin-bottom: 40px;
  position: relative;
}
.commment_title h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -9px;
  width: 40px;
  height: 2px;
  background: #0368cf;
}
.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 {
}
.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 */
.comments,
.comment-respond {
  box-shadow: 0 0 5px rgb(0 0 0 / 10%);
  margin-bottom: 30px;
  padding: 38px 30px 45px !important;
  background: #ffffff;
}
.comments {
  padding: 38px 30px 25px;
}
.comment_field {
}
.comment_field .input-field {
  width: 33.33%;
  float: left;
  margin-bottom: 25px;
}
/* .comment_field .input-field:nth-child(odd){
 	margin-right:1%; 
}
.comment_field .input-field:nth-child(even){
	 margin-left:1%; 
} */

.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: 6px 20px;
  height: 54px;
  font-size: 17px;
}
.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: 150px;
  padding: 10px;
}

.comment_field .input-field input,
.comment_field .textarea-field textarea {
  color: #555555;
}
.metalsheet_btn {
  background: #0368cf;
  border: 0;
  display: inline-block;
  text-align: center;
  padding: 16px 30px;
  margin-top: 15px;
  border-radius: 5px;
  transition: 0.5s;
  color: #fff;
}
.metalsheet_btn:hover {
  background: #02101e;
}
.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 {
}

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

.blog-page-title h2 {
  display: block;
  font-size: 22px;
  margin-bottom: 7px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.blog-page-title a {
  display: inline-block;
  word-break: break-all;
}
.blog-page-title h2 a:hover {
  color: #0368cf;
}
.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;

  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;
}
/*========================
 metalsheet PAGINATION AREA CSS
=========================*/

.paginations {
  text-align: center;
  margin-top: 20px;
}
.page-numbers span,
a.page-numbers {
  box-shadow: 0 10px 40px 0 rgba(50, 65, 141, 0.12);
  border-radius: 5px;
  margin-right: 10px;
  padding: 15px 24px;
  font-size: 19px;
  line-height: 1;
  transition: 0.5s;
  background: #fff;
}
.paginations a,
.page-numbers span.current {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: auto 5px;
  color: #888;
}
.page-numbers li {
  display: inline-block;
}
.paginations a:hover,
.paginations a.current,
.page-numbers span.current {
  background: #0368cf;
  border-color: #0368cf;
  color: #fff;
}
/*========================
 END metalsheet PAGINATION AREA CSS
=========================*/

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

.breadcumb-blog-area {
  padding: 60px 0 65px;
  background-color: #f7f7f7;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.breadcumb-inner h2 {
  font-size: 36px;
}
.breadcumb-area {
  padding: 170px 0px 100px;
  background-image: url(assets/images/slider-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.breadcumb-area::before,
.breadcumb-blog-area::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #02101ee6;
}
.breadcumb-inner ul {
  font-weight: 600;
}
.breadcumb-inner li {
  display: inline-block;
  margin: 0 2px;
  color: #fff;
}
.breadcumb-inner li:nth-last-child(-n + 1) {
  color: #fff;
}
.breadcumb-inner li a {
  font-weight: 600;
  color: #fff;
}
.breadcumb-inner li a:hover {
  color: #0368cf;
}

.brpt h2 {
  color: #fff;
  font-size: 40px;
  padding-bottom: 5px;
}
.lcase {
  text-transform: lowercase;
}
.ucase {
  text-transform: uppercase;
}
.ccase {
  text-transform: capitalize;
}
/*========================
 END metalsheet BREADCRUMB AREA CSS
=========================*/
/*========================
 metalsheet 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: #0368cf;
  display: inline-block;
  font-size: 160px;
  font-weight: 700;
  line-height: 1.2;
  padding: 15px 0;
}
.not-found-inner p {
  font-size: 30px;
}
.not-found-inner a {
  color: #606b82;
  font-size: 24px;
  margin-top: 40px;
  display: inline-block;
  text-decoration: underline;
}
/* search error */
.metalsheet-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%;

  transform: translateY(-50%);
}
.search-error > p {
  font-size: 14px;
  margin: 14px 0 19px;
}
.search-error > h3 {
  display: block;
  font-size: 30px;
}
.search-error .search input {
  height: 54px;
  border: 1px solid #ddd;
}
/*========================
 END metalsheet 404 AREA CSS
=========================*/

/*========================
metalsheet 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: #0368cf;
  font-weight: 700;
}
.widget_media_image {
  margin-top: 30px;
  margin-bottom: 27px;
}
/*========================
metalsheet 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;
  height: 60px;
  padding: 0 15px;
  text-transform: uppercase;
}
.footer-top-inner h2 span {
  color: #0368cf;
  font-weight: 600;
}
.footer-top-inner p {
  color: #fff;
  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: #0368cf;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  margin: 0 7px;
  text-align: center;
  width: 45px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer-social-icon a i:hover {
  background-color: #02101e;
  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;
}
.footer-top-inner .text-center {
  margin-bottom: 11px;
  text-align: center;
}
/*========================
END FOOTER TOP AREA CSS
=========================*/
/*========================
metalsheet FOOTER MIDDLE AREA CSS
=========================*/
.witrfm_area {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(assets/images/slider-bg.jpg);
  background-size: cover;
  position: relative;
}

.witrfm_area:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  background: #02101ee6;
}
.footer-middle {
  padding: 65px 0 73px;
}
.footer-middle.wpfd {
  padding: 0;
}
.wpfdp {
  padding-top: 65px;
  padding-bottom: 80px;
}
.footer-middle .widget h2 {
  margin-bottom: 28px;
  margin-top: 28px;
  position: relative;
  color: #fff;
}
.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 {
}
.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 {
  color: #fff;
  transition: 0.5s;
}
.footer-middle .widget ul li a:hover,
.footer-middle .widget ul li:hover:before {
  color: #0368cf;
}
.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
=========================*/
/*========================
metalsheet FOOTER BOTTOM AREA CSS
=========================*/

.footer-bottom {
  padding: 26px 0 24px;
  position: relative;
}
.footer-bottom:before {
  content: "";
  position: absolute;
  top: 0;
  background: #ffffff61;
  height: 1px;
  width: 68%;
  left: 0;
  right: 0;
  margin: auto;
}
.copy-right-text {
  text-align: left;
}
.copy-right-text p {
  margin: 0;
  padding: 0;
  color: #fff;
}
.footer-menu {
}
.footer-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer-menu ul li {
  display: inline-block;
}
.footer-menu ul li a {
  padding: 0 10px;
  display: block;
  color: #fff;
}
.copy-right-text a:hover,
.footer-menu ul li a:hover {
  color: #0368cf;
}
.footer-menu ul li:last-child a {
  padding-right: 0px;
}
.footer_style_3 .footer-menu ul li:first-child a {
  padding-left: 0px;
}
.footer-menu ul ul {
  display: none;
}

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

#scrollUp {
  background: #0368cf none repeat scroll 0% 0;
  bottom: 30px;
  color: #fff;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  right: 100px;
  text-align: center;
  border-radius: 5px;
  width: 40px;
  /* 	animation: witr_bounce 800ms ease-out infinite;	 */
}
#scrollUp i {
  color: #fff;
}
/*========================
END EM40 SCROLL TOP CSS
=========================*/

.copy-right-text a {
  color: #0368cf;
}
.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: 15px;
}
.recent-post-image a {
  display: block;
  margin-top: 10px;
}
.recent-post-text {
  overflow: hidden;
}
.recent-post-text > h4 {
  margin-bottom: 0;
  line-height: 1;
}
.recent-post-text h4 a {
  color: #17161a;
  font-size: 19px;
  transition: all 0.3s ease 0s;
  font-weight: 600;
}
.recent-post-text h4 a:hover {
  color: #0368cf;
}
.recent-post-text .rcomment {
  color: #565069;
  font-size: 14px;
  text-transform: none;
}
.recent-post-text .rcomment i {
  margin-right: 5px;
}
.footer-middle .recent-post-text h4 a {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: -10px;
  display: inline-block;
}
.footer-middle .recent-post-text > h4 {
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 1;
}
.footer-middle .recent-post-text > h4 a:hover {
  color: #0368cf;
}
.footer-middle .recent-post-text .rcomment {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.mean-container .mean-bar {
  float: none;
  background: #0368cf;
  overflow: hidden;
}
.mean-container .mean-nav ul li li a {
  color: #17161a;
  font-size: 15px;
  font-weight: 500;
}
.mean-container .mean-nav ul li li a {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* kc element */

.template-home-wrapper {
  overflow: hidden;
}
.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: #0368cf 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: #0368cf;
}

/* 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 #888888;
  -webkit-text-fill-color: transparent;
}
.witr_section_title_inner h1,
.witr_section_title_inner h2,
.witr_section_title_inner h3 {
  font-size: 40px;
  margin: auto;
}
.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: 16px;
  color: #0368cf;
  margin-bottom: 13px;
  display: inline-block;
}
.witr_section_title_inner h3 {
}
.witr_section_title_inner p span a,
.witr_section_title_inner p span,
.witr_section_title_inner h1 span,
.witr_section_title_inner h2 span,
.witr_section_title_inner h3 span {
  color: #0368cf;
}

.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: 0px;
  margin-bottom: 10px;
}

/* bar color title */
.witr_bar_main {
  margin: 10px 0;
}
.witr_bar_inner {
  height: 5px;
  width: 90px;
  background: #0368cf;
  margin: 0px auto;
  position: relative;
  border-radius: 30px;
}
.text-left .witr_bar_inner {
  margin-left: 0px;
}
.text-right .witr_bar_inner {
  margin-right: 0px;
}

/* title extrat style */
.title_in_area {
  display: flex;
  align-items: center;
}
.title_in {
  position: relative;
  width: 100%;
}
.title_in:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2px;
  background: #0368cf;
  content: "";
}
.title_in:after {
  position: absolute;
  right: -5px;
  top: 0;
  height: 100%;
  width: 2px;
  background: #0368cf;
  content: "";
}
.title_tx h3,
.title_tx h2 {
  margin: 0;
}
.title_p {
  text-align: left;
  width: 100%;
  padding-left: 30px;
}
.title_ptx p {
  margin: 0;
}

.title_btn {
  margin-top: 15px;
}
.title_btn a {
  background: #0368cf;
  padding: 15px 30px;
  color: #fff;
  display: inline-block;
}

/* circale Bar css */
.witr_bar_innerc {
  position: relative;
}
.witr_bar_innerc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid #0368cf;
  border-radius: 50%;
  background: #1c1b1b;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: move_title_bg;
  animation-name: move_title_bg1;
}
.witr_bar_innerc::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid #0368cf;
  border-radius: 50%;
  background: #1c1b1b;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: move_title_bg;
  animation-name: move_title_bg2;
}
@keyframes move_title_bg1 {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}

@keyframes move_title_bg2 {
  from {
    right: 0;
  }
  to {
    right: 100%;
  }
}

/*=====================
metalsheet feature SECTION
=========================*/
.em-feature {
  position: relative;
  transition: all 0.5s ease 0s;
}

.feature_inner_box {
  padding: 30px 21px 21px;
  background: #fff;
  transition: all 0.5s ease 0s;
  position: relative;
  backface-visibility: hidden;
  z-index: 3;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.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: #0368cf;
}
.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;
  transition: all 0.5s ease 0s;
  width: 45px;
  background: #0368cf;
  border-radius: 30px;
  margin-right: 20px;
  text-align: center;
  float: left;
}
.em_feature-icon img {
  float: left;
}
.em_content_text {
  padding-top: 10px;
}
.em_feature-icon {
}
.em-feature-title h2 {
  font-size: 17px;
  padding-bottom: 3px;
  transition: all 0.5s ease 0s;
  margin-top: 11px;
}
.em-feature-desc p {
  transition: all 0.5s ease 0s;
}
.feature_inner {
  overflow: hidden;
}
.feature_icon {
  margin-top: 21px;
}
.f-readmore {
  padding-top: 7px;
}
.feature_button a {
  display: inline-block;
}
.feature_button a span i {
  margin-left: 10px;
  font-size: 11px;
}
.em-feature:hover .em_feature-icon i {
  background: #fff;
  color: #0368cf;
}

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

.feature_active .slick-slide img {
  display: initial;
}
.feature_active .all_feature_color h2 {
  font-size: 17px;
  color: #0368cf;
  font-weight: 400;
}

/*=====================
 END metalsheet SERVICE  CSS
=========================*/
.all_color_service {
  text-align: left;
}
.em-service {
  /* 	padding: 27px 25px 39px; */
  text-align: left;
  -webkit-transition: all 0.5s ease 0s;
  transition: 0.5s;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 2%);

  padding: 30px 15px 35px;
}
.em-service:hover {
  /*    background: #0368cf; */
  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;
  transition: 0.5s;
}

.service_top_text {
  display: block;
}
/* .em-service-icon {
    
    font-size: 35px;
} */
.em-service-icon img {
  margin-bottom: 15px;
}
.em-service-icon i {
  display: inline-block;
  transition: 0.5s;
  font-size: 35px;
  margin-bottom: 15px;
}

.em-service-title {
  overflow: hidden;
}
.em-service-title h3 {
  padding: 0;
  transition: 0.5s;
}

.em-service-title h3 span {
  color: #0368cf;
  font-size: 18px;
  font-weight: 600;
}
.witr_sstyle_9 .em-service-title h3 {
  margin: 10px 0 15px;
}
.em-service-desc {
}
.em-service-desc p {
  transition: 0.5s;
}
.service-btn {
  /*  margin-top: 25px; */
  position: relative;
}
.service-btn > a {
  border-radius: 5px;
  display: inline-block;
  transition: 0.5s;
}
.service-btna a:hover {
  color: #0368cf;
}
.service-btn a span {
  font-size: 20px;
  transition: 0.5s;
  display: inline-block;
  position: relative;
  top: 3px;
}
.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-title h3 a,
.em-service:hover .em-service-desc {
  color: #fff;
  z-index: 1;
}

/* style 2 */
.em-service2 {
}
.em-service2 .em-service-icon i {
  display: inline-block;
  color: #fff;
  height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 50%;
  line-height: 80px;
  background: #0368cf;
  font-size: 25px;
  transition: all 0.5s ease 0s;
}
.width_height_link_0 .em-service-icon i {
  font-size: 40px;
  color: #0368cf;
  height: auto;
  width: auto;
  border-radius: initial;
  line-height: normal;
  background: none;
  border: none;
}

.em-service2 .em-service-inner {
  overflow: hidden;
}
.em-service2.sleft {
  text-align: left;
}
.em-service2.sleft .em-service-icon {
  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 {
  margin-left: 30px;
  margin-top: 5px;
}
.em-service-title h3 a:hover {
  color: #0368cf;
}
.em-service2:hover .em-service-icon i {
  color: #02101e;
}
/* service style 9 */
.witr_sstyle_9 {
  position: relative;
  z-index: 1;
  padding: 42px 50px 50px;
  box-shadow: 0px 5px 20px 0px #dddddd3b;
  transition: 0.5s;
}
.witr_sstyle_9 .service-btn > a {
  border: 1px solid #ddd;
  padding: 10px 30px;
}
.witr_sstyle_9::before {
  background: #0368cf;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  content: "";
  z-index: -1;
  transition: 0.5s;
}
.witr_sstyle_9:hover::before {
  width: 100%;
  height: 100%;
  border-radius: 0px;
  background: #181b1d;
}

.witr_sstyle_9:hover h3,
.witr_sstyle_9:hover p,
.witr_sstyle_9:hover a {
  color: #fff;
}
.em-service2.witr_sstyle_9:hover .em-service-icon i {
  color: #fff;
}
.witr_sstyle_9:hover .service-btn > a {
  border-color: #0368cf;
  color: #0368cf;
  background: #fff;
}

/* witr service Style 10 */
.witr_service_10 {
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
  padding: 40px 30px 50px;
  background: #fff;
  position: relative;
}
.witr_service_10::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 3px;
  height: 0%;
  background: #0368cf;
  transition: 0.5s;
}
.witr_service_10:hover::before {
  height: 40%;
}
.witr_service_10 .serIcon i {
  line-height: 1;
}
.witr_service_10 .detail_SS p {
  margin-bottom: 0;
}
.witr_service_10 .service_list_op {
  margin-bottom: 5px;
  margin-top: 15px;
}
.witr_service_10 .service-btn a {
  background: #0368cf26;
  padding: 12px 30px;
  color: #0368cf;
  margin-top: 20px;
  font-weight: 500;
}
.witr_service_10 .service-btn a:hover {
  background: #0368cf;
  color: #fff;
}

/* witr service Style 11 */
.witr_service_11 {
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
}
.wirt_detail_texti {
  background: #0368cf;
  padding: 15px 30px 10px;
  text-align: left;
}
.wirt_detail_icon {
  float: left;
  margin-right: 20px;
}
.wirt_detail_icon i {
  color: #fff;
  font-size: 45px;
}
.wirt_detail_title {
  overflow: hidden;
}
.wirt_detail_title h2 {
  font-size: 17px;
  color: #fff;
}
.wirt_detail_title h3 a,
.wirt_detail_title h3 {
  color: #fff;
}
.wirt_detail_title h3 a:hover {
  color: #222222;
}
.wirt_detail_content {
  padding: 25px 30px 20px;
}
.witr_service_11 .service_list_op {
  margin-bottom: 15px;
}
.service_list_op ul {
  display: table-cell;
  padding: 0;
}
.service_list_op ul li {
  margin-bottom: 7px;
}
.service_list_op ul li a:hover {
  color: #0368cf;
}
.service_list_op ul i {
  margin-right: 15px;
  color: #0e5fb2;
}
.service_list_op ul + ul i {
  margin-left: 15px;
}

/* witr service Style 12 */
.witr_service_s_12.service-item {
  overflow: hidden;
  transition: 0.1s;
  position: relative;
  padding-bottom: 127px;
}
.witr_service_s_12 .service_top_image::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 41px;
  width: calc(100% + 10px);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background: #fff;
  transition: 0.5s;
}
.witr_service_s_12 .text_box {
  background: #fff;
  padding: 22px 21px 10px;
  position: absolute;
  bottom: -97px;
}
.witr_service_s_12:hover .text_box {
  bottom: 0px;
}
.witr_service_s_12.service-item h3 {
  padding-top: 0px;
  margin-bottom: 15px;
}
.witr_service_s_12.service-item h2 {
  font-size: 17px;
  color: #0368cf;
}
.witr_service_s_12.service-item i {
  margin-bottom: 10px;
}

/* witr service post Style 12 */
.service_top_image {
  position: relative;
}
.wirt_text_boxi {
  padding: 26px 30px 60px;
  position: absolute;
  bottom: -70px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 30px 0px;
  left: 30px;
  right: 30px;
}
.wirt_sdetail_box {
}
.witr_service_12 .wirt_detail_title h2,
.witr_service_12 .wirt_detail_title h3 a,
.witr_service_12 .wirt_detail_title h3 {
  color: #181b1d;
}
.witr_service_12 .wirt_detail_title h3 a:hover {
  color: #0368cf;
}
.wirt_detailb_icon {
  position: absolute;
  bottom: -40px;
}
.wirt_detailb_icon i {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 30px 0px;
  color: #0368cf;
  font-size: 30px;
  height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 50%;
  line-height: 80px;
  display: inline-block;
  transition: 0.5s;
}
.wirt_detailb_icon i:hover {
  background: #0368cf;
  color: #fff;
}

/*=====================
metalsheet 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 #324452;
  border-bottom: 2px solid #324452;
}
.single_counter:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-left: 2px solid #324452;
  border-right: 2px solid #324452;
  height: 40%;
}
.single_counter:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  border-left: 2px solid #324452;
  border-right: 2px solid #324452;
  height: 40%;
}
.counter_icon {
  margin-top: 7px;
}
.single_counter:hover .counter-icon {
  color: #fff;
}
.single_counter:hover:before,
.single_counter:hover:after {
  border-color: #0368cf;
}
.single_counter:hover {
  background: #0368cf;
  border-color: #0368cf;
}
.counter_icon i {
  display: inline-block;
  font-size: 30px;
  text-align: center;
  display: block;
}
.countr_text > h1 {
  display: inline-block;
  font-family: poppins;
  font-size: 45px;
  font-weight: 600;
  -webkit-transition: 0.3s;
  margin: 0;
  transition: 0.3s;
}
.countr_text > h3 {
  display: inline-block;
  font-size: 43px;
}
.countr_text span {
  transition: 0.5s;
  display: inline-block;
  font-size: 43px;
}
.counter_title {
  padding: 0 0 0;
}
.counter_title h4 {
  font-size: 23px;
  margin: 0;
  text-transform: capitalize;
  transition: 0.5s;
  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;
}
/*=====================
 TESTIMONIAL AREA CSS
=========================*/
.witr_testi_itemt {
  padding: 0 10px;
}
.em_single_testimonial {
  background: #fff none repeat scroll 0% 0;
  margin-bottom: 30px;
  transition: all 0.5s ease 0s;
  padding: 37px 30px 26px;
  margin-top: 20px;
  box-shadow: 0 10px 25px 0 rgba(50, 65, 141, 0.12);
  overflow: hidden;
  position: relative;
  text-align: left;
}

.em_testi_logo {
  position: absolute;
  right: 10%;
  top: 12%;
}
.em_single_testimonial:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
}
.em_testi_content {
  position: relative;
}
.em_testi_content:before {
  color: #0368cf;
  content: "";
  font-family: fontawesome !important;
  font-size: 60px;
  left: 3px;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  position: absolute;
  top: -97px;
  display: none;
}
.em_testi_content:after {
  bottom: -28px;
  color: #0368cf;
  content: "ï„Ž";
  font-family: fontawesome !important;
  font-size: 60px;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  position: absolute;
  right: 3px;
  display: none;
}
.em_test_thumb {
  float: left;
  margin-right: 20px;
}
.em_test_thumb img {
  border-radius: 50%;
  width: 59px;
}
.em_testi_title h2 {
}
.em_testi_title h2 sup {
}
.em_testi_title span {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #0368cf;
}
.em_testi_text {
  overflow: hidden;
  padding-top: 15px;
  float: left;
  text-align: left;
}
.em_testi_text.texti_style2 {
}
.em_testi_degi {
}

/* ts10 */
.witr_testi_s10 .em_single_testimonial {
  text-align: center;
}
.witr_testi_s10 .em_test_thumb {
  float: none;
  margin-right: 0;
}
.witr_testi_s10 .em_testi_text {
  float: none;
  text-align: inherit;
}
.witr_testi_s10 .em_testi_title h2 {
}
.witr_testi_s10 .em_test_thumb img {
  width: inherit;
  margin: auto;
}
.test_q_icon i {
  font-size: 54px;
  color: #0368cf;
}
/*
.em_single_testimonial:hover{
	background: #0368cf;
}
.em_single_testimonial:hover h2,.em_single_testimonial:hover p,.em_single_testimonial:hover span,.em_single_testimonial:hover i{
color:#fff;	
}*/
.slick-slide:focus {
  border: none;
  outline: none;
}
.slick-slide {
  border: none;
  outline: none;
}

/* without carousel */

.curosel-style .owl-nav div {
  border: 2px solid #0368cf;
  border-radius: 50%;
  color: #0368cf;
  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: #0368cf;
  color: #fff;
}
.curosel-style .owl-nav .owl-prev:hover {
  background: #0368cf;
  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: #888888;
  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: rgba(0, 0, 0, 0) none repeat scroll 0% 0;
  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;

  transform: translateY(-50%);
}
/* slider title */

.em-slider-title {
  font-size: 35px;
  margin-bottom: 15px;
}
.em-slider-title span {
  color: #0368cf;
}
.em-slider-sub-title {
  font-size: 83px;
  margin-bottom: 20px;
  line-height: 103px;
  font-weight: 700;
}

.em-slider-descript {
  color: #626262;
  font-size: 20x;
  width: 51%;
}
.em_slider_inner ul {
}
.em_slider_inner ul li {
  margin-right: 10px;
  margin-top: 5px;
  display: inline-block;
}
.em_slider_inner ul li i {
  margin-right: 10px;
}

.em_slider_inner ul li a {
  color: #fff;
}

.em-slider-button {
  margin-top: 43px;
}
.text-left .em-slider-descript {
  margin-left: 0;
  margin-right: auto;
}
.text-center .em-slider-descript {
  margin: 0 auto 31px;
  width: 52%;
}
.text-right .em-slider-descript {
  margin-right: 0;
  margin-left: auto;
}
/* button */

.em-button-button-area a {
  /*     border: 1px solid #0368cf; */
  color: #0368cf;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  margin: 0 4px;
  padding: 15px 36px;
  position: relative;
  border-radius: 5px;
  transition: all 0.5s ease 0s;
  z-index: 1;
  background: #fff;
}
a.em-active-button {
  background: #0368cf;
  color: #fff;
}
.em-button-button-area a:hover {
  color: #fff;
  background: #0368cf;
  border-color: #0368cf;
}
a.em-active-button:hover {
  background: #fff;
  /* 	border-color: #fff; */
  color: #0368cf;
  /*     background: transparent;
    border-color: #fff; */
}
.witr_nivideo_btns i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  background: #02101e;
  color: #fff;
}
.witr_nivideo_btns i:hover {
  background: #0368cf;
}
.witr_nivideo_btns i::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #02101e;
  border-radius: 50%;
  left: 0;
  right: 0;
  z-index: -1;
  animation: witr_squares 1.5s ease-in-out infinite;
}
a.witr_nivideo_btns {
  padding: 0;
  background: none;
}
a:hover.witr_nivideo_btns {
  padding: 0;
  background: none;
}

.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: 25%;
}
.text-center .em_slider_s2_content {
  margin-right: 0;
}
.text-right .em_slider_s2_content {
  margin-left: 25%;
}
.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%;

  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: #0368cf;
  border-color: #0368cf;
  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: #0368cf none repeat scroll 0% 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* 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;
}
.footer-middle .recent-post-item {
  /*     padding-bottom: 15px;
	border-bottom: 1px solid #e8e8e8; */
}
.footer-middle .recent-post-item:last-child {
  border-bottom: 0;
}
.recent_post_open .recent-post-item {
  margin-bottom: 25px;
}
.recent-post-image {
  float: left;
}
.recent-post-image a {
  display: inline-block;
}
.recent-post-image a {
  margin-top: 0;
}
.recent-post-text {
  overflow: hidden;
}
.blog-left-side .recent-post-item {
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
.blog-left-side .recent-post-text {
  overflow: hidden;
  margin-top: -6px;
}

.footer-middle .recent-post-item + .recent-post-item {
  margin-top: 15px;
}

.learn_btn {
  border: 0 none;
  border-radius: 100px;
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  padding: 8px 5px;
  text-align: center;
  text-transform: capitalize;
  text-align: center;
}

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

/* recent-review */
.recent-review-content h3,
.recent-review-content h3 a {
  font-size: 16px;
  font-weight: 400;
  clear: both;
  text-align: left;
}
span.em_footercrating {
  float: right;
}
.recent-Review-area .owl-dot {
  border-color: #fff;
}

/*=====================
metalsheet adn blog css
=========================*/

.metalsheet-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;
}
.metalsheet-blog-thumb_adn {
  overflow: hidden;
  position: relative;
}
.metalsheet-blog-thumb_adn a {
  position: relative;
}
.metalsheet-blog-thumb_adn a {
  display: block;
}
.metalsheet-blog-thumb_adn:before {
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #0368cf;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 999;

  transition: 0.5s;
}
.metalsheet-blog-thumb_adn img {
  display: block;
  -webkit-transition: 6s;
  transition: 6s;
  width: 100%;
}
/* BLOG TITLE AND CONTENT CSS */
.em-blog-content-area_adn {
  padding: 0px 10px 16px 20px;
}
.witr_blog_4 .em-blog-content-area_adn,
.witr_blog_3 .em-blog-content-area_adn {
  padding: 15px 10px 16px 20px;
}

.blog-inner_adn {
}
.blog-content_adn {
}
.blog-content_adn h2 {
  margin: 0 0 18px;
}
.blog-page-title_adn a {
  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: #0368cf;
}
.blog-content_adn h2 a {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog-content_adn h2 a:hover {
  color: #0368cf;
}
.blog-content_adn p {
  margin-bottom: 0;
}

.blog_add_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  z-index: 999;

  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  transition: 0.5s;
}
.blog_add_icon a {
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #0368cf;
  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: #0368cfd9;
  padding: 15px;
  color: #fff;

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

/* style 7 */
.witr_ablog_7 {
  position: relative;
  padding-bottom: 80px;
}
.witr_ablog_content {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -3px;
  text-align: center;
  z-index: 9999;
  background: #fff;
  padding: 15px 14px 14px;
  box-shadow: 0px 5px 20px 0px #dddddd3b;
}
.witr_ablog_content h2 {
  padding-top: 5px;
}
.witr_ablog_content span {
  margin: 0px 5px;
  font-size: 15px;
  color: #324452;
}
.witr_ablog_content span i {
  margin-right: 3px;
}
.witr_ablog_7:hover .metalsheet-blog-thumb_adn:before {
  opacity: 1;
}
/* BLOG POST META CSS */

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

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

.metalsheet-blog-meta-right_adn {
  padding: 7px 0;
  text-transform: capitalize;
}
.metalsheet-blog-meta-right_adn a,
.metalsheet-blog-meta-right_adn span {
  font-size: 12px;
  color: #454545;
  margin-left: 5px;
}
.metalsheet-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: #0368cf;
  background: #0368cf;
  color: #fff;
}
/* blog hover */

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

@media (max-width: 479px) {
  body {
    overflow-x: hidden;
  }
  .metalsheet-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: #0368cf;
  border: 0 none;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 15px 30px;
}
.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 #0368cf;
  color: #0368cf;
  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: #0368cf;
  color: #fff;
}
.btn.btn-bordered:hover {
  background-color: #0368cf;
  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;
}
/*=====================
metalsheet event AREA CSS
=========================*/
.related-projects-area {
  padding-bottom: 70px;
  margin-top: 75px;
}
.metalsheet-single-event_adn {
  overflow: hidden;
  margin-bottom: 30px;
  transition: 0.5s;
}

/* event THUMB CSS */

.metalsheet-event-thumb_adn {
  overflow: hidden;
  position: relative;
}
.metalsheet-event-thumb_adn:before {
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;

  transition: 0.5s;
  z-index: 999;
}
.metalsheet-event-thumb_adn img {
  transition: 0.5s;
  display: block;
  width: 100%;
  transform: scale(1);
}
.metalsheet-event-thumb_adn:hover img {
  transform: scale(1.1);
}

.witr_icon_adn {
  left: 50%;
  position: absolute;
  top: 50%;

  transform: translateX(-50%) translateY(-50%);
  z-index: 99999;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  transition: 0.5s;
}
.metalsheet-single-event_adn:hover .witr_icon_adn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.witr_icon_adn a {
  background: #0368cf;
  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: 25px 19px 30px;
  border: 1px solid #ddd;

  transition: 0.5s;
  /* 	display: inline-block; */
}
.event-inner_adn {
}
.event-content_adn {
}
.event-content_adn h2 {
  margin: 0 0 18px;
}
.event-content_adn h2 a {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.event-page-title_adn h2 {
  margin-bottom: 6px;
  font-size: 22px;
}
.event-page-title_adn a {
  color: #333333;
  text-transform: capitalize;
  font-weight: 600;
}
.event-page-title_adn p {
  margin: 0;
}
/* event POST META CSS */
/* left style 1 */
.metalsheet-event-singlea {
  padding-bottom: 20px;
}
h2.related-projects-title.text-left {
  padding-bottom: 30px;
}
.metalsheet-event-meta-left_adn {
  /*     float: left; */
  position: relative;
  line-height: 1;
  margin-top: 6px;
}
.metalsheet-event-meta-left_adn.esi {
  float: none;
  margin-bottom: 12px;
}
.event_date_5 span,
.metalsheet-event-meta-left_adn a,
.metalsheet-event-meta-left_adn span {
  color: #888888;
  margin-right: 5px;
  font-size: 17px;
  display: inline-block;
  line-height: 1.7;
}
.event_all_color span i {
  font-size: 13px;
  margin-right: 10px;
}
.metalsheet-event-meta-left_adn i {
  margin-right: 5px;
}
/* event hover */

.metalsheet-single-event_adn:hover .metalsheet-event-thumb_adn a:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.metalsheet-single-event_adn:hover .metalsheet-event-thumb_adn img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.event_nospace_adn.col-xs-12 {
  padding: 0px;
}
.event_nospace_adn .metalsheet-single-event_adn {
  margin-bottom: 0px;
}
.em-pevent .metalsheet-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;
}
.metalsheet-single-event_adn.em-pevent {
  padding: 20px 0;
  margin: 0;
  border-top: 1px solid #ddd;
}
.event_date {
  position: absolute;
  left: 10px;
  top: 10px;
  background: #0368cf;
  padding: 10px 13px;
  /* width: 60px; */
  /* height: 70px; */
  text-align: center;
  border-radius: 5px;
  color: #fff;
}
.event_date span {
  display: block;
  line-height: 20px;
}
.event_date_list {
  background: #0368cf;
  padding: 5px 0 0;
  width: 90px;
  height: 110px;
  text-align: center;
  font-size: 20px;
  /* line-height: 70px; */
  color: #fff;
}
.event_date_list span {
  display: block;
  line-height: 1;
}
.event_date_list span + span {
  margin-top: 5px;
}
.metalsheet_event_icon span {
  font-size: 15px;
}
.metalsheet-single-event_adn:hover .event-page-title_adn a {
  color: #0368cf;
}

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

/*=====================
metalsheet Event 3 CSS
=========================*/
.witr_3e .event-page-title_adn h2 {
  margin: 10px 0 5px;
  display: inline-block;
}
.witr_event_btn {
  margin-top: 30px;
  position: relative;
}
.margin_top0 .witr_event_btn {
  margin-top: 0px;
}
.witr_event_btn a {
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 25px;
  -webkit-transition: 1s;
  transition: 1s;
  margin-top: 25px;
  background: #0368cf;
}
.witr_event_btn a:hover {
  color: #fff;
  background: #02101e;
  border-color: #02101e;
}
.event_active .slick-prev {
  left: -60px;
}
.event_active .slick-next {
  right: -60px;
}
/*=====================
metalsheet Event 4 CSS
=========================*/
.metalsheet_event_abs {
  position: absolute;
  /* top: 0; */
  left: 0;
  bottom: 30px;
  right: 0;
  padding-left: 30px;
  z-index: 999;
}

.metalsheet_event_abs span {
  color: #fff;
}
.metalsheet_event_abs h2 {
}
.metalsheet_event_abs h2 a {
  color: #fff;
  transition: 0.5s;
}
.metalsheet_event_abs h2 a:hover {
  color: #0368cf;
}
.witr_category {
  position: absolute;
  left: 30px;
  top: 0px;
  z-index: 999;
}
.witr_category .tevbt {
  color: #fff;
  background: #0368cf;
  padding: 4px 15px;
  display: inline-block;
  z-index: 9;
}
.mrbe20 {
}

/* event style 5 */
.witr_event_style_5.metalsheet-single-event_adn {
  box-shadow: 0px 0px 30px 0px #00000014;
  padding: 15px 0px;
}
.witr_event_style_5 .event-page-title_adn {
  padding-top: 66px;
}
.witr_event_style_5 .witr_event_d {
  padding-top: 73px;
}
.witr_event_style_5 .witr_event_btn {
  margin-top: 55px;
}

/* event style 6 */
.witr_event_6 .metalsheet_event_date {
  background: #0368cfd1;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 14px;
}
.witr_event_6 .metalsheet-event-meta-left_adn {
  margin-top: 0;
}
/*=====================
metalsheet Event 7 CSS
=========================*/
.event_admin_area {
  position: absolute;
  top: -45%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: 0.5s;
}
.witr_event_style_7:hover .event_admin_area {
  top: 40%;
}
.event_admin_area::before {
  position: absolute;
  left: 50%;
  content: "";
  top: 80%;
  transform: translate(-50%, -50%);
  border: 120px solid #0368cfdb;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  z-index: -1;
}
.single_admin {
}
.single_admin h1 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
}
.single_admin p {
  color: #fff;
  font-size: 15px;
}
.single_admin img {
  width: auto;
  display: inline;
}
.span_text {
}
.span_text span {
  font-size: 15px;
}
.span_text span i {
  color: #0368cfd1;
}
.witr_event_style_7 .event-page-title_adn {
  padding-top: 43px;
}
.witr_event_style_7 .witr_event_btn {
  margin-top: 0px;
  text-align: right;
  margin-right: 15px;
}
.witr_event_style_7 .witr_event_btn a {
  margin-top: 0px;
  background: transparent;
  border: 1px solid #ddd;
  color: #181b1d;
  font-weight: 700;
  transition: 0.5s;
  padding: 13px 30px;
}
.style7_day {
  position: absolute;
  bottom: 0px;
  right: -4px;
  left: 0;
  transition: 0.5s;
  transform: scale(0);
}
.witr_event_style_7:hover .style7_day {
  transform: scale(1);
}
.style7_day span {
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  padding: 13px 35px;
  transition: 0.5s;
  background: #0368cf;
}
/* witr_event_style_8 */
.event_display_flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wite_event_box {
  margin-left: 40px;
  width: 100%;
}
.witr_image_event {
  width: 100%;
}
.witr_content_event {
}
.witr_content_event p {
  margin-top: 10px;
}
.witr_event_style_8.witr_event_style_5.metalsheet-single-event_adn {
  padding: 0 20px 0 0;
  margin: 5px 0px 32px 0px;
}
.witr_event_style_8.witr_event_style_7 .event-page-title_adn {
  padding-top: 0px;
}
.witr_event_style_8.witr_event_style_7 .witr_event_btn {
  text-align: initial;
}
.witr_event_style_8.witr_event_style_7 .witr_event_btn a {
  background: #0368cf;
  border: none;
  color: #fff;
  transition: 0.5s;
  padding: 13px 30px;
}
.witr_event_style_8.witr_event_style_7 .witr_event_btn a:hover {
  background: #02101e;
}
.witr_event_style_8.witr_event_style_7:hover .event_admin_area {
  top: 23%;
}
.witr_event_style_8.witr_event_style_7 .witr_event_btn {
  margin-bottom: 20px;
}
/*=====================
metalsheet Single Event CSS
=========================*/
.single_event_content {
  padding: 25px 30px 20px;
}
.event-description {
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  padding: 42px 20px 32px;
  background: #fff;
}
.event-dsc-title > h2 {
  font-size: 25px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
span.eleft {
  color: #02101e;
  font-weight: 700;
  font-size: 18px;
}
.event-dsc-info li {
  list-style: outside none none;
  margin-bottom: 25px;
  font-size: 17px;
  display: inline;
  margin-right: 30px;
  line-height: 2.7;
}
.event-dsc-info li i {
  margin-right: 10px;
  display: inline-block;
}

/* singleService */
.medi_singleService {
  position: relative;
  background: #fff;
  padding: 36px 20px 36px;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
  margin-bottom: 30px;
}
.medi_singleService:after {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #0368cf36;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  z-index: 2;
  transition: all 0.4s ease-out;
}
.medi_singleService:before {
  position: absolute;
  width: 0;
  height: 2px;
  background: #0368cf;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  z-index: 3;
  transition: all 0.4s ease-out;
}
.medi_singleService:hover:before {
  width: 100%;
}
.medi_singleService img {
  float: left;
  margin-right: 15px;
}
.medi_singleService i {
  display: inline-block;
  text-align: center;
  margin-right: 15px;
  font-size: 35px;
}
.wirt_s2_s6 img,
.wirt_s2_s6 i {
  float: none;
  margin: 0;
}
.medi_singleService h3 {
  line-height: 28px;
  display: inline-block;
  margin: 12px 0 15px;
}

.medi_singleService p {
  margin: 0;
}
.witr_ser_btnb a {
  display: inline-block;
}

.wirt_s2_s5i {
  overflow: hidden;
}
.medi_singleService.wirt_s2_s5 h3 {
  margin: 0;
  margin-bottom: 10px;
}
.medi_singleService.wirt_s2_s6 h3 {
  margin: 0;
  margin-bottom: 10px;
  margin-top: 17px;
}

/* wirt_s2_s8 */
.medi_singleService.wirt_s2_s8 h2 {
  display: inline-block;
  font-size: 17px;
  margin-left: 10px;
  font-weight: 400;
}

/* 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: 15px;
}
.footer-middle .widget ul li span {
  display: block;
}
.comment_field .textarea-field label {
  margin-top: 20px;
  margin-bottom: 10px;
}
.blog-content {
  word-break: break-word;
}
.post-password-form input[type="submit"] {
  background: #0368cf;
}
.page-list-single {
  clear: both;
}
.em-blog-content-area {
  padding: 28px 35px 30px;
}

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

/* witr_modal_area */

.witr_modal_area {
  position: absolute;
}
.witr_modal_box {
  position: absolute;
}
.witr_modal_box:nth-child(1) {
}
.witr_modal_box:nth-child(2) {
  left: 30px;
}
.witr_modal_box:nth-child(3) {
}
.witr_modal_box:nth-child(4) {
  left: 30px;
}
.witr_modal_box:nth-child(5) {
}
.witr_modal_box:nth-child(6) {
  left: 30px;
}
.witr_modal_box:nth-child(7) {
}

.witr_modal_menu {
  z-index: 1;
  position: relative;
  text-align: left;
}
.witr_modal_menu i {
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);
  display: inline-block;
  text-align: center;
  border-radius: 100px;
  color: #0368cf;
}
.witr_modal_menu img {
  cursor: pointer;
}
.witr_modal_menu h4 {
  cursor: pointer;
}
.witr_modal_box .modal {
  position: relative;
  left: -60px;
  overflow: inherit;
  z-index: 2;
  top: 15px;
}
.modal-open {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.witr_modal_text {
  width: 250px;
  background: #fff;
  box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);
  padding: 25px 20px 24px 30px;
  border-radius: 5px;
  text-align: left;
}
.close {
  float: right;
}

.witr_modal_title {
}
.witr_modal_title h3 {
}
.witr_modal_list {
}
.witr_modal_list ul li {
  list-style: none;
}
.witr_modal_list ul li a {
}
.witr_modal_list ul li a i {
  margin-right: 5px;
}
.witr_modal_list span {
  display: inherit;
  margin-top: 5px;
}
.witr_modal_list p {
}

.modal-backdrop.show {
  display: none;
}

/* Social Feed Css */
.witr_feed_news {
}
.snigle_news_feed {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 30px 0px;
  padding: 30px 30px 20px;
  border-radius: 5px;
  transition: 1s;
}
.snigle_news_feed:hover {
  top: -10px;
}
.snigle_news_feed i {
  font-size: 30px;
  display: inline-block;
}
.snigle_news_feed i,
.snigle_news_feed img {
  float: left;
  margin-top: 5px;
}
.news_feed_title {
  overflow: hidden;
  margin-left: 18px;
  display: inline-block;
}
.news_feed_title h3 {
  margin: 0;
}
.news_feed_title h2 {
  font-size: 14px;
  margin: 0;
  font-weight: 400;
}

/* icon */
.witr_feed_icons {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(-50%, -50%);
}
.witr_feed_icons span {
  display: inline-block;
  font-size: 28px;
  color: #02101e;
  transition: 0.5s;
}
.witr_feed_icons span:hover {
  color: #0368cf;
}

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

/* blog new style

.witr_nth_child:nth-child(odd) {

}
.witr_nth_child:nth-child(even) {
  margin-top:30px;
  margin-bottom:0;
}
*/
.witr_nth_child .wblog-content {
  padding: 23px 15px 20px;
  box-shadow: 0px 2px 0px 1px rgba(196, 206, 213, 0);
}

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

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

  transition: 0.5s;
  border-bottom: 3px solid #fff;
}
.top-form-control input::-webkit-input-placeholder {
  color: #fff;
  font-size: 50px;
}
.top-form-control input::-moz-placeholder {
  color: #888888;
  font-size: 14px;
}
.top-form-control input:-ms-input-placeholder {
  color: #888888;
  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;

  transform: translateY(-50%);
}
.em-s-hidden {
  display: none !important;
}

.em-quearys-inner {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: 10000;
  -webkit-transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1),
    background 0.3s 0s cubic-bezier(0.32, 0, 0, 1),
    -webkit-transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1);
  transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1),
    background 0.3s 0s cubic-bezier(0.32, 0, 0, 1),
    -webkit-transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1);
  transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1),
    transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1),
    background 0.3s 0s cubic-bezier(0.32, 0, 0, 1);
  transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1),
    transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1),
    background 0.3s 0s cubic-bezier(0.32, 0, 0, 1),
    -webkit-transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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: #000000e6 !important;
  -webkit-transform: scale(1);
  transform: scale(1);
}

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

.witr_h_h12 .metalsheet_menu,
.witr_h_h13 .metalsheet_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: pace-between;
  -ms-flex-pack: pace-between;
  justify-content: space-between;
}
.witr_h_h2 .metalsheet_menu,
.witr_h_h3 .metalsheet_menu,
.witr_h_h4 .metalsheet_menu,
.witr_h_h5 .metalsheet_menu,
.witr_h_h6 .metalsheet_menu,
.witr_h_h7 .metalsheet_menu,
.witr_h_h8 .metalsheet_menu,
.witr_h_h9 .metalsheet_menu,
.witr_h_h10 .metalsheet_menu,
.witr_h_h11 .metalsheet_menu,
.witr_h_h14 .metalsheet_menu,
.witr_h_h17 .metalsheet_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.metalsheet_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;
}
.metalsheet_menu div.em-header-quearys {
  text-align: center;
}

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

/* New Top Menu Css */
.top-welcomet p span i {
  font-size: 13px;
  color: #fff;
  margin-right: 5px;
}
.creative_header_address_text > p {
  word-break: break-all;
}
.creative_header_button .dtbtn {
  padding: 11px 24px;
}
/* cr logo */
.top-welcomet p {
  margin: 0px;
  color: #fff;
}

/* creative btn */
.tx_menuc_btn {
  text-align: right;
}
.tx_menuc_btn .tx_mc_btn {
  background: #006ff9;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin-left: 0;
  padding: 12px 26px;
  transition: 0.5s;
}
.tx_menuc_btn .tx_mc_btn:hover {
  background: #131414;
  color: #fff;
}
/* social icon */
.top_crmenu_i_list li {
  display: inline;
  margin-left: 5px;
}

.top_crmenu_i_list li a i {
  display: inline-block;
  height: 42px;
  width: 42px;
  background: #ffffff5e;
  text-align: center;
  line-height: 42px;
  border-radius: 30px;
  box-shadow: 0 0 65px 0 #00000029;
  color: #0368cf;
  transition: 0.5s;
}
.top_crmenu_i_list li a i:hover {
  background: #006ff9;
  color: #fff;
}

/* top cr menu css */
.top_crmenu_l {
  /*     margin-top: 9px; */
}
.top_crmenu_l li {
  display: inline-block;
  margin-left: 10x;
  position: relative;
}
.top_crmenu_l li a {
  font-weight: 500;
}
.top_crmenu_l li a:hover {
}
.top_crmenu_l ul {
  position: absolute;
  left: 0px;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-top: 1px solid #006ff9;
  width: 114px;
  text-align: left;
  background: #fff;
  z-index: 999;
  padding: 10px;
}
.top_crmenu_l li:hover ul {
  opacity: 1;
  transition: 0.5s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.top_crmenu_l li li a {
  margin: 0;
  padding: 1px 0;
  display: inline-block;
  color: #fff;
  font-weight: 400;
}
.top_crmenu_l li li a:hover {
  color: #006ff9;
}
.tx_top_together {
  display: flex;
  justify-content: flex-start;
}
/* top cr menu css */
.top_crmenu_l .menu-item-has-children > a:after {
  margin-left: 5px;
  content: "\e62a";
  font-family: themify;
  opacity: 1;
  font-size: 15px;
  opacity: 0.7;
}
.margin_l30 {
  margin-left: 30px;
}
.margin_l30 .top_crmenu_l ul {
  border-top: none;
  background: #ff4a17;
  z-index: 99999;
}
.margin_l30 .top_crmenu_l li li a:hover {
  color: #fff;
}
.margin_l30 .top_crmenu_l li li a:hover {
  color: #222222;
}

.top_crt_style {
  background: transparent;
  padding: 37px 0;
}
.top_crt_style i {
  color: #0368cf;
}
.top_crt_style h3 {
  color: #02101e;
}
.top_crt_style p,
.top_crt_style p a {
  color: #0368cf;
}
.top_crt_style .main_sticky_l {
  display: none;
}
.top_crt_style .logo a {
  margin-top: 0;
}

.cr_top_addess.top-address p a,
.cr_top_addess.top-address p a span {
  margin-right: 0px;
}
.cr_top_addess.top-address p {
}
.creative_header_address {
  padding-left: 46px;
}
.creative_header_button {
  padding-left: 30px;
}
.tx_menuc_btn .tx_mc_btn i,
.creative_header_button i,
.donate-btn-header i {
  margin-left: 5px;
}
.d_main_none {
  display: none;
}

.mainmenu_width_tx.container {
  padding: 0;
}

/* main menu button search together */
.tx_menu_together,
.tx_bs_together {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.wrapper {
  position: relative;
}
.all_header_abs {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}

/* 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: 63%;
}
.witr_ds_content:before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  z-index: -1;
}
.witr_ds_content_area {
}
.witr_ds_content {
  height: 826px;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.witr_ds_content_inner {
  position: relative;
  top: 50%;

  transform: translateY(-50%);
}
.witr_ds_content_inner h1 {
  font-size: 24px;
  margin-bottom: 15px;
}

.witr_ds_content_inner h2,
.witr_ds_content_inner h3 {
  font-size: 84px;
  margin-bottom: 20px;
}
.witr_ds_content_inner h1 span,
.witr_ds_content_inner h2 span,
.witr_ds_content_inner h3 span {
  color: #0368cf;
}

.witr_ds_content_inner p {
  width: 62%;
  margin: 15px auto 15px auto;
  font-weight: 500;
  font-size: 20px;
}

/* list css a */
.witr_slick_list {
  margin-top: 30px;
}
.witr_slick_list ul {
}
.witr_slick_list ul li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
}
.witr_slick_list ul li,
.witr_slick_list ul li a {
  font-weight: 500;
}
.witr_slick_list ul li i {
  margin-right: 5px;
}

.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 #02101e;
  -webkit-text-fill-color: transparent;
  color: #02101e;
  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 {
  width: 70%;
  margin: 0px auto 7px 0;
}
.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 {
  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 {
  width: 70%;
  margin: 0px 0 7px auto;
}
.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: 70%;
  margin: 14px auto 15px 0;
}
.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: 40%;
  margin: 14px 0 15px auto;
}
.text-center .witrscontainer h1,
.text-center .witrscontainer h2,
.text-center .witrscontainer h3,
.text-center .witr_slicks_title h4,
.text-center .witrscontainer p {
  width: 76%;
  margin-left: auto;
  margin-right: auto;
}

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

/* video icon css */
.slider_vd_icon {
  /*     position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%); */
}
.text-left .slider_vd_icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.text-right .slider_vd_icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.tx_svd_icon {
  background: #0368cf;
  color: #fff;
  width: 75px;
  height: 75px;
  line-height: 75px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  -webkit-animation: witr-shadow 1s linear infinite;
  animation: witr-shadow 1s linear infinite;
  -webkit-transition: 0.5s;
}
.tx_svd_icon i {
  color: #fff;
}
@keyframes witr-shadow {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

@media (min-width: 1200px) {
  .witrscontainer {
    max-width: 1430px;
  }
}
.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: -100px;
  top: 64%;
  transform: translateY(-50%);
}

.text-right .witr_slider_thumb {
  position: absolute;
  left: -100px;
  top: 64%;
  transform: translateY(-50%);
}
.slider_btn .witr_btn {
  border: none;
  outline: none;
}
.slider_btn .witr_btn i {
  margin-right: 10px;
}

.slider_btn .witr_btn.active {
  background: #fff;
  border: 1px solid #fff;
  color: #0368cf;
}
.slider_btn .witr_btn.active:hover {
  background: #0368cf;
  border: 1px solid #0368cf;
  color: #fff;
}

.slider_btn {
  margin-top: 50px;
}
.slick_pluse_btn {
  display: inline-block;
}
.slick_pluse_btn span {
  color: #fff;
  margin-left: 5px;
  display: inline-block;
}

/* video button 2 Style css */
.witr_video_btn {
  font-size: 18px;
  font-weight: 500;
}
.witr_video_btn i {
  position: relative;
  color: #fff;
  background: #0368cf;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  transition: 0.5s;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 20px;
}
.witr_video_btn i::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #0368cf;
  border-radius: 50%;
  top: 0;
  animation-fill-mode: both;
  animation: witr_squares 1.5s ease-in-out infinite;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/* slider icon css */
.text-center .icon_section {
  position: absolute;
  left: 50%;
  bottom: -27%;
  transform: translate(-50%, -50%);
}
.text-left .icon_section {
  position: absolute;
  left: 0px;
  bottom: -22%;
}

.text-right .icon_section {
  position: absolute;
  right: 0px;
  bottom: -22%;
}

.icon_title {
  display: inline-block;
}
.icon_title h3 {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  margin-right: 15px;
}
.metalsheet_slider_icon {
  display: inline-block;
}
.metalsheet_slider_icon ul {
}
.metalsheet_slider_icon ul li {
  list-style: none;
  display: inline-block;
}
.metalsheet_slider_icon ul li a {
}
.metalsheet_slider_icon ul li a i {
  font-size: 15px;
  color: #fff;
  background: #0368cf;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
  margin-right: 5px;
  transition: 0.5s;
}
.metalsheet_slider_icon ul li a i:hover {
  background: #02101e;
}

/* footer text des */
.metalsheet-description-area {
}
.metalsheet-description-area a {
}
.metalsheet-description-area a img {
  margin: 26px 0;
}
.metalsheet-description-area p {
}
.footer-middle .metalsheet-description-area p,
.metalsheet-description-area .phone a {
  color: #fff;
}
.social-icons {
  text-align: left;
}
.metalsheet-description-area .social-icons a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background: #ffffff52;
  text-align: center;
  border-radius: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #fff;
}
.metalsheet-description-area .social-icons a:hover {
  background: #0368cf;
  border-color: #0368cf;
}

/* circle progress */
.witr_circle_area {
  text-align: center;
  margin-bottom: 30px;
}
.witr_cp_class {
  position: relative;
}
span.witr_cir_text {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  /* bottom: 0; */
  font-size: 20px;
  /* right: 0; */
  /* margin: auto; */

  transform: translateX(-50%) translateY(-50%);
  font-weight: 700;
  color: #7c7c7c;
}

span.witr_cir_text:first-letter {
  font-size: 0px;
}
.witr_circle_title {
  margin-top: 10px;
}

.witr_btn_hover a:hover {
  color: #0368cf !important;
}

.slider_btn .witr_btn i {
  font-size: 15px;
}

.ps_absulate {
  position: absolute !important;
  top: -154px;
  right: 0;
  left: 0;
  /* bottom: 0; */
  z-index: 999;
}

.psc_absolute {
  position: absolute !important;
  top: -340px;
  right: 0;
  left: 0;
  /* bottom: 0; */
  z-index: 999;
}

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

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

.pdlr0 {
  padding-left: 0;
  padding-right: 0;
}
.prots-contentg ul {
  margin-left: 40px;
  display: inline-block;
  margin-bottom: 25px;
}
.prots-contentg ul li {
}

/* portfolio slides*/
.witr_single_pslide {
  position: relative;
  overflow: hidden;
}
.witr_pslide_image {
  overflow: hidden;
  position: relative;
}
.witr_pslide_image::before {
  position: absolute;
  content: "";
  background: #00000080;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: 1;
}
.witr_single_pslide:hover .witr_pslide_image img,
.witr_single_pslide:hover .witr_pslide_image::before {
  transform: scale(1.2);
}
.witr_pslide_image img {
  margin-right: auto;
  margin-left: auto;
  transition: 0.5s;
  width: 100%;
}

.ps1 .witr_content_pslide_text {
  position: absolute;
  bottom: -100px;
  left: 30px;
  right: 30px;
  transition: 0.5s;
  opacity: 0;
  z-index: 2;
  text-align: left;
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
  opacity: 1;
  bottom: 30px;
}
.ps1 .witr_content_pslide {
  /*     float: left; */
}
.witr_content_pslide_text h3 {
  margin-bottom: 0;
}
.ps1 .witr_content_pslide_text h3 {
  color: #fff;
}
.ps1 .witr_content_pslide_text h3:hover {
  color: #0368cf;
}

.ps1 .witr_content_pslide_text p {
  color: #fff;
}
.witr_content_pslide_text p {
  margin-bottom: 4px;
}
.witr_content_pslide_text a i {
}
.witr_content_pslide_text a {
  display: inline-block;
}
.ps1 .witr_content_pslide_text a {
  color: #fff;
}
.ps1 .witr_content_pslide_text a:hover {
  color: #0368cf;
}

/* ps2 Slide */
.ps2.ps1 .witr_content_pslide_text {
  position: absolute;
  bottom: auto;
  top: -100px;
  left: 30px;
  right: 30px;
  transition: 0.5s;
}
.ps2.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
  top: 25px;
}
.witr_pslide_custom {
  position: absolute;
  bottom: -125px;
  right: -15px;
  z-index: 9;
  transition: 0.5s;
}
.witr_single_pslide:hover .witr_pslide_custom {
  bottom: -30px;
}
.witr_pslide_custom a span {
  background: #0368cf;
  width: 110px;
  height: 110px;
  line-height: 90px;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  color: #fff;
  font-size: 40px;
  transition: 0.5s;
}
.witr_pslide_custom a span:hover {
  background: #02101e;
}

/* ps3 Slide css */
.witr_pslide3 .witr_single_pslide {
  margin-bottom: 100px;
  overflow: inherit;
}
.ps3.ps1 .witr_content_pslide_text {
  bottom: -60px;
  opacity: 1;
  box-shadow: 0px 0px 65px 0px #00000017;
  background: #fff;
  text-align: center;
  padding: 20px 10px 45px;
  border-radius: 5px;
}
.ps3.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
  bottom: -60px;
}
.ps3.ps1 .witr_content_pslide_text p,
.ps3.ps1 .witr_content_pslide_text h3,
.ps3.ps1 .witr_content_pslide_text a {
  color: #000;
}
.ps3 .witr_content_pslide_text h3 a {
  margin-bottom: 3px;
}
.ps3.ps1 .witr_content_pslide_text a:hover {
  color: #0368cf;
}
.witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom {
  bottom: -20px;
}
.witr_pslide3 .witr_pslide_custom {
  bottom: -17px;
  right: 42%;
}
.witr_pslide3 .witr_pslide_custom a span {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  background: #fff;
  color: #0368cf;
  box-shadow: 0px 0px 65px 0px #00000014;
  border-radius: 5px;
}
.witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span {
  background: #0368cf;
  color: #fff;
}
/* witr_pslide4 css */
.witr_pslide4.witr_pslide3 .witr_single_pslide {
  margin-bottom: 0px;
  overflow: hidden;
}
.witr_pslide4.ps3.ps1 .witr_content_pslide_text {
  bottom: -170px;
  padding: 40px 10px 15px;
  border-radius: 0px;
  left: 0;
  right: 0;
}
.witr_pslide4.ps3.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
  bottom: 0px;
}
.witr_pslide4.witr_pslide3 .witr_pslide_custom {
  bottom: auto;
  top: -22px;
  z-index: -1;
}
.witr_pslide4.witr_pslide3 .witr_pslide_custom a span:hover {
  background: #02101e;
}

/* advance tab area css */
.witr_adv_tab_area {
  text-align: left;
}
.witr_taba_style1 .nav-tabs {
  border: 0;
  justify-content: space-around;
}
.witr_taba_style1 .nav-tabs .nav-item {
  margin-bottom: 15px;
  text-align: center;
}
.witr_taba_style1 .nav-tabs .nav-link {
  background: #fff;
  margin-right: 15px;
  border: 0;
  border-radius: 5px;
  font-size: 17px;
  padding: 20px 25px;
  position: relative;
  box-shadow: 0px 0px 25px 2px rgba(196, 206, 213, 0.2);
  transition: 0.5s;
}

.nav-tabs .nav-link:hover {
  background: #0368cf;
  color: #fff;
}
.nav-tabs .nav-item:hover i {
  color: #fff;
  transition: 0.5s;
}
.witr_taba_style1 .nav-tabs span {
  display: block;
  float: left;
  margin: 0 15px;
}
.nav-link strong {
  display: inline-block;
}
.nav-tabs img,
.witr_taba_style1 .nav-tabs i {
  position: relative;
  font-size: 40px;
}
.witr_taba_style1 .nav-tabs .nav-item.show .nav-link,
.witr_taba_style1 .nav-tabs .nav-link.active {
  background: #0368cf;
  color: #fff;
}

.witr_adv_tab_content {
  margin: 15px 20px 30px 0px;
}

/* image comp */
.witr-label-pos-bottom .beer-reveal[data-beer-label]::after,
.witr-label-pos-bottom .beer-slider[data-beer-label]::after {
  bottom: 1.5rem !important;
  top: auto;
}
.witr-label-pos-center .beer-reveal[data-beer-label]::after,
.witr-label-pos-center .beer-slider[data-beer-label]::after {
  top: 50% !important;
}

/* sbnt 8 */
.witr_sbtn_s8 a {
  padding: 12px 30px;
  position: relative;
  transition: 0.5s;
  overflow: hidden;
  text-align: center;
  color: #fff;
  background: #02101e;
}
.witr_sbtn_s8 a i {
  background: #0368cf;
  position: absolute;
  display: inline-block;
  height: 100%;
  transition: 0.5s;
  color: #fff;
  padding: 16px 15px;
  left: 0;
  right: 0;
  top: 0;
}
.witr_sbtn_s8 a:hover i {
  opacity: 0;
}

.witr_sbtn_s8 a::before,
.witr_sbtn_s8 a::after {
  display: none;
}
.singleSS.witr_service_8::after {
  display: none;
}
/* Service Slick 11 */
.witr_11_btn.witr_sbtn_s8 a {
  background: #0368cf;
  color: #fff;
  border-radius: 30px;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  z-index: 99;
  transition: 1s;
}
.witr_service_11:hover .witr_11_btn.witr_sbtn_s8 a {
  opacity: 1;
  transform: scaleX(1);
}
.pluse_btn_slick {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  transition: 1s;
}

.pluse_btn_slick span {
  font-size: 17px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  background: #0368cf;
  display: inline-block;
  transition: 0.5s;
}
.witr_service_11:hover .pluse_btn_slick span {
  transform: scaleX(0);
  transform-origin: left;
}

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

.witr_case {
  position: relative;
  overflow: hidden;
  padding-bottom: 45px;
  margin-bottom: 20px;
}
.witr_case2 {
  padding-bottom: 95px;
}
.witr_case_image {
  overflow: hidden;
  position: relative;
}
.witr_case_image::before {
  background: #0368cfa6;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0%;
  content: "";
  transition: 0.5s;
}
.witr_case_image img {
  width: 100%;
}
.witr_case:hover .witr_case_image::before {
  height: 100%;
}
.witr_content_casem {
  padding: 21px 15px 26px;
  position: absolute;
  background-color: #fff;
  bottom: -80px;
  left: 15px;
  margin: auto;
  transition: 0.5s;
  right: 15px;
  text-align: left;
}
.witr_case:hover .witr_content_casem {
  bottom: -4px;
}
.witr_content_casei {
}
.witr_content_casei h3 {
  font-size: 21px;
}
.witr_content_casei p {
  font-size: 15px;
  color: #0368cf;
  font-weight: 700;
  margin-bottom: 4px;
}
.witr_case_btnb {
  margin-top: 20px;
}
.witr_case_btnb a {
  font-size: 16px;
  font-weight: 600;
  color: #0368cf;
  background: #0368cf;
  padding: 13px 25px;
  border-radius: 5px;
  display: inline-block;
  background: #fff;
  transition: 0.5s;
  border: 1px solid #ececec;
}
.witr_case_btnb a:hover {
  border: 1px solid #0368cf;
  color: #fff;
  background: #0368cf;
}
.witr_case_btnb a i {
  margin-left: 5px;
  transition: 1s;
}
.witr_case_btnb a:hover i {
  margin-left: 15px;
}

/* case 2 style */
.witr_case2 .witr_content_casem {
  bottom: 15px;
  box-shadow: 0px 5px 20px 0px #0368cf14;
}

/*===========================
    couses css 
===========================*/

.witr_couses {
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 30px 0px #eae6e6;
  background: #fff;
}
.witr_couses_image {
  overflow: hidden;
  position: relative;
}
.witr_couses_image::before {
  /* background: #0368cfa6; */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: 0.5s;
}
.witr_couses_image img {
  width: 100%;
}
.witr_content_area_c {
  padding: 22px 20px 30px;
  margin: auto;
  transition: 0.5s;
  text-align: left;
}
.witr_content_couses {
}
.witr_content_couses h4 {
  font-size: 16px;
  color: #0368cf;
  font-weight: 700;
  margin-bottom: 4px;
}
.witr_content_couses h3 {
  font-size: 21px;
}
.witr_content_couses h3 a {
  color: #001d23;
  transition: 0.5s;
}
.witr_content_couses h3 a:hover {
  color: #0368cf;
}
.witr_couses_btnb {
  margin-top: 20px;
}
.witr_couses_btnb a {
  font-size: 16px;
  font-weight: 600;
  color: #0368cf;
  background: #0368cf;
  padding: 13px 25px;
  border-radius: 5px;
  display: inline-block;
  background: #fff;
  transition: 0.5s;
  border: 1px solid #ececec;
}
.witr_couses_btnb a:hover {
  border: 1px solid #0368cf;
  color: #fff;
  background: #0368cf;
}
.witr_couses_btnb a i {
  margin-left: 5px;
}
/* gr css  */
.witr_dis_btngr {
  display: flex;
}
.witr_price_gr_area {
}
.witr_circal_r {
  display: inline-grid;
  padding-top: 25px;
  margin-left: 25px;
}
.witr_circal_r h6 {
  margin-top: -4px;
  font-size: 17px;
  font-weight: 400;
  color: #888888;
}
.witr_circal_r h6 span {
  color: #0368cf;
}
.metalsheet_give_area {
  padding: 100px 0px 65px;
}
.give-btn {
  background: #0368cf;
  border: 1px solid #0368cf;
  color: #fff;
  padding: 12px 35px;
  border-radius: 5px;
}

/*===========================
    causes Style 2 css 
===========================*/
.witr_couses_2 .witr_dis_btngr {
  display: inherit;
}
.witr_couses_2 .witr_circal_r {
  display: block;
  padding-top: 0px;
  margin-left: 0;
  margin-bottom: 17px;
}
.witr_couses_2 .witr_circal_r h6 {
  display: inline-block;
  margin-right: 20px;
}

/* menu new css  */
.hmenu_box_style {
  background: #fff;
  margin-top: 80px;
  /* box-shadow: 0 11px 0px 0px #dddddd45; */
  border-radius: 5px;
}
.hmenu_box_style.hbg2 .metalsheet_menu > ul > li > a {
  color: #fff;
}
.hmenu_box_style.hbg2 {
  margin-top: 0px;
  padding: 0px;
}

.hmenu_box_style .metalsheet_menu > ul > li > a {
  margin: 32px 10px;
}
.logo-right .metalsheet_menu {
  justify-content: flex-start;
}
.logo-top .metalsheet_menu {
  justify-content: center;
}

.ossos .em-quearys-top.msin-menu-search {
  float: right;
}
/* witr_table */
.witr_table {
}
.witr_sub_table {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid #ffffff8c;
  margin-bottom: 8px;
}
.witr_sub_table span {
  color: #fff;
}
.margin_30px {
  margin-left: 30px;
}
.right_popupmenu_area .witr_sub_table {
  border-bottom: 1px solid #ddd;
}
.right_popupmenu_area .witr_sub_table span {
  color: #181b1d;
}

/* Show Css */
.witr_Single_iplist {
  position: relative;
}
.witr_Single_ipimg {
  transition: 1s;
}
.witr_Single_ipimg img {
  width: 100%;
}

.witr_ip_text_box {
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  position: absolute;
  top: 50%;
  /* bottom: 0; */
  transform: translateY(-50%);
  transition: 1s;
  padding: 20px 30px 30px;
  text-align: left;
}
.witr_ip_text_box h2 {
}
.witr_ip_text_box ul {
}
.witr_ip_text_box ul li {
  list-style: none;
  margin-bottom: 10px;
}
.witr_ip_text_box ul li span,
.witr_ip_text_box ul li p,
.witr_ip_text_box ul li a {
  margin: 0;
}
.witr_company_brand {
  display: flex;
  justify-content: flex-start;
}
.witr_company_brand span {
  margin-right: 15px;
}
.witr_company_brand img {
}
.witr_Single_iplist:hover .witr_Single_ipimg {
  opacity: 0;
}
.witr_Single_iplist:hover .witr_ip_text_box {
  opacity: 1;
}

/* Swiper Slider Area Css */
.witr_swiper_area {
  overflow: hidden;
  position: relative;
}
.witr_swiper_height {
  position: relative;
  background-size: cover;
  background-position: center center;
  height: 952px;
}
.witr_swiper_height::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  /* background: #02101eeb; */
  /* background: rgba(2, 16, 30, 0.42); */
}
.witr_sw_text_area {
  margin: auto;
  height: 100%;
  width: 69%;
}
.elementor-section-full_width .witr_sw_text_area {
  margin: auto;
  width: 63%;
  height: 100%;
}
.witr_swiper_content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.witr_swiper_content h1 {
  font-size: 24px;
  margin-bottom: 15px;
  display: inline;
  color: #fff;
}

.witr_swiper_content h2,
.witr_swiper_content h3 {
  font-size: 70px;
  color: #fff;
}
.witr_swiper_content h1 span,
.witr_swiper_content h2 span,
.witr_swiper_content h3 span {
  color: #0368cf;
}

.witr_swiper_content p {
  font-weight: 400;
  font-size: 18px;
  margin-top: 20px;
  color: #fff;
}
.text-left .witr_swiper_content h1,
.text-left .witr_swiper_content h2,
.text-left .witr_swiper_content h3 {
  margin: 0px auto 10px 0;
}
.text-left .witr_swiper_content p {
  margin: 28px auto 15px 0;
}
.text-center .witr_swiper_content h1,
.text-center .witr_swiper_content h2,
.text-center .witr_swiper_content h3 .text-center .witr_swiper_content p {
  margin-left: auto;
  margin-right: auto;
}
.text-center .witr_swiper_content p {
  margin: auto;
  width: 60%;
}
.text-right .witr_swiper_content h1,
.text-right .witr_swiper_content h2,
.text-right .witr_swiper_content h3 {
  margin: 0px 0 10px auto;
}
.text-right .witr_swiper_content p {
  margin: 28px 0 15px auto;
}

.text-left .witr_swiper_content h1,
.text-left .witr_swiper_content h2,
.text-left .witr_swiper_content h3,
.text-right .witr_swiper_content h1,
.text-right .witr_swiper_content h2,
.text-right .witr_swiper_content h3 {
  width: 66%;
}
.text-left .witr_swiper_content p,
.text-right .witr_swiper_content p {
  width: 47%;
}

.witr_swiper_area .swiper-slide a {
  display: inline-block;
}
.witr_swiper_area .text-left .witr_slider_thumb {
  right: 225px;
}
.witr_swiper_area .text-right .witr_slider_thumb {
  left: 225px;
}
.witr_swiper_area .text-left .slider_vd_icon {
  right: 16%;
}
.witr_swiper_area .text-right .slider_vd_icon {
  left: 16%;
}
.witr_swiper_area .text-center .slider_vd_icon {
  top: 23%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.witr_icon_section {
  margin-top: 30px;
}

/* pagination bullet */
.witr_swiper_area .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #fff;
}

/* progressbar */
.witr_swiper_area
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background: #0368cf;
}
.witr_swiper_area
  .swiper-container-horizontal
  > .swiper-pagination-progressbar {
}
.witr_swiper_area
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill,
.witr_swiper_area
  .swiper-container-horizontal
  > .swiper-pagination-progressbar {
  height: 10px;
}

/* scrollbar */
.witr_swiper_area .swiper-scrollbar-drag {
  background: #0368cf;
}
.witr_swiper_area .swiper-container-horizontal > .swiper-scrollbar {
  background: rgba(0, 0, 0, 0);
}
.witr_swiper_area .swiper-scrollbar-drag,
.witr_swiper_area .swiper-container-horizontal > .swiper-scrollbar {
  height: 10px;
}

/* pagination prev next */
.swiper-button-prev,
.swiper-button-next {
  background-image: inherit !important;
  color: #fff;
  transition: 0.5s;
  outline: none;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: #0368cf;
  background: #fff;
  padding: 30px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 30px;
}
.wittr_gallery.witr_swiper_height {
  height: 100px !important;
  margin-top: 10px;
}

/* testimonial active css new */
/* .all_color_testimonial.slick-slide.slick-current.slick-active .em_single_testimonial{
    background: #f91942;
}
.slick-current.all_color_testimonial i,
.slick-current.all_color_testimonial p,
.slick-current.all_color_testimonial h2,
.slick-current.all_color_testimonial h6,
.slick-current.all_color_testimonial span{
	color:#fff;
} */

.witr_shortcode_area {
  position: relative;
  z-index: 1;
}
.witr_shortcode_inner {
  background: #0368cf;
  padding: 73px 30px 63px;
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
}
.shortcode_content h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}
.shortcode_content p {
  color: #fff;
}
.shortcode_content p a:hover {
  color: #18406b;
}
.witr_shortcode_form {
  margin-top: 15px;
}
.witr_amar_table table td,
.witr_amar_table table th {
  padding: 15px 30px;
}
.witr_amar_table table th {
  background: #0368cf30;
}

/* notice_marquee_area */
.notice_marquee_area {
}
.notice_marquee_text {
  display: flex;
  align-items: center;
}
.notice_marquee_text h2 {
  margin-right: 15px;
  margin-bottom: 0;
}
.notice_marquee_text img {
  width: 25px;
  height: 25px !important;
  margin-right: 10px;
}
.notice_marquee_text i {
  margin-right: 10px;
  font-size: 25px;
}

.metalsheet-single-blog-title h2 {
  text-transform: uppercase;
}

/* Popup menu Css */
.menu_popup_option {
  margin-left: 10px;
}
.right_sideber_menu_inner {
  position: fixed;
  right: 0;
  width: 400px;
  top: 0;
  height: 100%;
  z-index: 999;
  overflow: auto;
  padding: 80px 40px 0px;
  display: block;
  transition: 0.5s all;
  background: #fff;
  box-shadow: 0 0 30px rgb(0 0 0 / 7%);
  transform: translateX(100%);
}
.tx-s-open {
  transform: translateX(0);
}
.right_sideber_menu i {
  font-size: 22px;
  color: #181b1d;
  cursor: pointer;
}
.witr_search_wh .prefix .em-header-quearys .em-quearys-menu i,
.metalsheet_nav_area.prefix .right_sideber_menu i {
  color: #fff;
}
.prefix .right_close_class .right_sideber_menu i,
.right_close_class .right_sideber_menu i {
  font-size: 22px;
  color: #0368cf;
  font-weight: 700;
}

.right_side_icon.right_close_class {
  position: absolute;
  right: 30px;
  top: 50px;
}
.right_sideber_content .blog-left-side > div {
  padding: 0;
  box-shadow: none;
}
.right_sideber_menu_inner .metalsheet-description-area .social-icons a {
  border: 1px solid #0368cf;
  color: #0368cf;
}
.right_sideber_menu_inner .metalsheet-description-area .social-icons a:hover {
  color: #fff;
}
.right_sideber_menu_inner .metalsheet-description-area .phone a {
  color: #333;
}
.witr_search_wh .em-header-quearys .em-quearys-menu i {
  background: 0%;
  height: auto !important;
  width: auto !important;
  line-height: inherit !important;
  font-size: 20px;
  color: #181b1d;
}
/* 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;
}

.all_color_testimonial,
.all_blog_color,
.all_color_service,
.all_service2_color,
.all_color_team,
.all_feature_color {
  transition: 0.5s;
}
.witr_h_h13 .col-md-12 {
  padding-right: 0;
}

/* button hover style */
.witr_ser_btnb a,
.service-btn > a,
a.dtbtn,
.witr_btn,
.witr_bbtn,
.witr_gbtn,
.witr_gbbtn,
.metalsheet_button a,
.witr_sbtn_s8 a {
  border-radius: 3px;
  font-size: 17px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.witr_ser_btnb a:hover {
  color: #0368cf;
}
a.dtbtn:hover,
.witr_btn:hover,
.metalsheet_button a:hover {
  background: #02101e;
}
a.dtbtn {
  border-radius: 0px;
}
.tx_golobal_color {
  background: #0368cf;
}
.tx_btn_global_color:hover {
  background: #02101e;
}

.witr_h_h2 .metalsheet_menu,
.witr_h_h3 .metalsheet_menu,
.witr_h_h4 .metalsheet_menu,
.witr_h_h5 .metalsheet_menu,
.witr_h_h6 .metalsheet_menu,
.witr_h_h7 .metalsheet_menu,
.witr_h_h8 .metalsheet_menu,
.witr_h_h9 .metalsheet_menu,
.witr_h_h10 .metalsheet_menu,
.witr_h_h11 .metalsheet_menu,
.witr_h_h14 .metalsheet_menu,
.witr_h_h17 .metalsheet_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  align-items: center;
}
.tx_relative_m,
.tx_top2_relative {
  position: relative;
}

.metalsheet_features_area {
  margin-top: -100px;
  z-index: 9;
  position: relative;
}
.metalsheet_about_area {
  background-image: url(assets/images/about-bg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 100px 0px 100px;
}
.about .witr_section_title_inner.text-left p {
  width: 99%;
  margin-top: 24px;
  margin-bottom: 35px;
}
.about .em-service2 .em-service-icon i {
  font-size: 35px;
}
.about .em-service2:hover .em-service-icon i {
  color: #fff;
  background: #0f1f2f;
}
.about .em-service2.sleft.all_color_service {
  margin-bottom: 22px;
}
.about .all_cal_color h2 {
  color: #0368cf;
  font-size: 17px;
}
.about .witr_shape_item_inner {
  right: 70px;
  bottom: 30px;
}
.serivce1 .witr_custom_icons i {
  color: #0368cf;
  background-color: #ffffff;
  width: 76px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  border-radius: 50px 50px 50px 50px;
  transform: rotate(0deg);
  position: absolute;
  top: 130px;
  left: 35px;
}
.serivce1 .witr_ser_btnb.witr_btn_all_color {
  margin-top: 12px;
}
.metalsheet_serivce_area {
  padding: 100px 0px 70px;
}
.serivce_top {
  margin-top: 30px;
}
.swiper2 .witr_swiper_content h2,
.swiper2 .witr_swiper_content h3 {
  font-size: 40px;
  color: #fff;
}
.witr_button_area.button2 {
  margin-top: 55px;
}
.metalsheet_team_area {
  padding: 100px 0px 130px;
}
.team_top {
  margin-top: 32px;
}
.metalsheet_team_area .slick-dots {
  bottom: -30px;
}

.metalsheet_chose_area {
  background-image: url(assets/images/projects-bg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 100px 0px 260px;
  position: relative;
  z-index: 1;
}
.metalsheet_chose_area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #02101ee6;
  z-index: -1;
}
.witr_section_title.white h1,
.witr_section_title.white h2,
.witr_section_title.white h3,
.witr_section_title.white p {
  color: #fff;
}
.witr_cslide4_idps .slick-dots {
  bottom: -60px;
}
.metalsheet_project_area {
  padding: 0px 25px 60px;
  margin-top: -200px;
  z-index: 2;
  position: relative;
}
.counter_bg .witr_counter_single {
  padding: 40px 20px 40px 20px;
  box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 6%);
  margin-bottom: 30px;
}
.counter_bg .witr_custom_icon {
  float: left;
}
.counter_bg .all_counter_color i {
  color: #ffffff;
  background-color: #0368cf;
  font-size: 50px;
  width: 92px;
  height: 92px;
  line-height: 92px;
  text-align: center;
  border-style: default;
  border-radius: 50px 50px 50px 50px;
  transform: rotate(0deg);
  margin: 0px 20px 0px 0px;
}
.metalsheet_counter_area {
  padding: 100px 0px 70px;
}
.video_top {
  margin-top: 55px;
}

.metalsheet_testimonial1_bg_area {
  background-image: url(assets/images/video-bg-1.jpg);
  background-position: center center;
  background-size: cover;
  padding: 350px 0px 120px;
  margin-top: -250px;
}
.testi_top {
  margin-top: 50px;
}
.carso_idtesti .witr_testi_s_9 {
  border-style: solid;
  border-width: 2px 0px 0px 0px;
  border-color: #0368cf;
}
.carso_idtesti .witr_testi_s_9:hover {
  background-color: #0368cf;
}
.carso_idtesti .witr_testi_s_9:hover .em_crating i,
.carso_idtesti .witr_testi_s_9:hover .execllent_star h3,
.carso_idtesti .witr_testi_s_9:hover .em_testi_text p,
.carso_idtesti .witr_testi_s_9:hover .em_testi_title h2 span,
.carso_idtesti .witr_testi_s_9:hover .em_testi_title h2 {
  color: #fff;
}
.carso_idtesti .slick-dots {
  bottom: -19px;
}
.metalsheet_call_to_action_area {
  background-image: url(assets/images/call-bg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 70px 0px 70px;
  position: relative;
  z-index: 1;
}
.metalsheet_call_to_action_area::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0e5fb2f0;
  z-index: -1;
}
.metalsheet_call_to_action_area .all_cal_color h2 {
  color: #ffffff;
  font-size: 28px;
}
.metalsheet_call_to_action_area .metalsheet_button a {
  background: #fff;
  color: #0368cf;
  border-radius: 0px;
}
.witr_blog_con.bs5 span {
  font-weight: 600;
  color: #0368cf;
}
.witr_blog_con.bs5 span a {
  font-weight: 600;
  color: #0368cf;
}
.metalsheet_blog_area {
  padding: 100px 0px 70px;
}

.blog_top {
  margin-top: 40px;
}

.metalsheet_counter_bg_area {
  padding: 100px 0px 70px;
  background-image: url(assets/images/slider-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.metalsheet_counter_bg_area::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #02101ee6;
  z-index: -1;
}
.white .witr_custom_icon i,
.white .witr_counter_text h4,
.white .witr_counter_text h3,
.white .witr_counter_text span {
  color: #fff;
}
.witr_single_counter.white {
  border: 2px solid #fff;
  margin-bottom: 30px;
}
.witr_single_counter.white:hover {
  border: 2px solid #0368cf;
}

.metalsheet_solution_area {
  padding: 100px 0px 100px;
}
.solution .width_height_link_0 .em-service-icon i {
  font-size: 50px;
  color: #0368cf;
}
.solution .em-service2.sleft.all_color_service {
  margin-bottom: 22px;
}
.solution .witr_section_title_inner.text-left p {
  width: 100%;
  margin-top: 19px;
  margin-bottom: 35px;
}
.witr_right_mr {
  margin: 0px 49px 0px 0px;
}
.count_about .witr_counter_single {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 20px 0px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #f0f0f0;
}
.count_about .witr_progress-style2.progress {
  height: 10px;
  border-radius: 5px;
}
.count_about .witr_button_area {
  margin-top: 50px;
}
.count_about .medi_singleService {
  padding: 2px 30px 20px 30px;
  margin: 0px 0px 15px 0px;
  padding: 2px 30px 20px 30px;
  border-style: solid;
  border-width: 0px 0px 0px 3px;
  border-color: #0e5fb2;
}
.count_about .witr_section_title_inner.text-left p {
  width: 92%;
  margin-top: 12px;
  margin-bottom: 35px;
}
.metalsheet_video_bg_area {
  background-image: url(assets/images/slider-bg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 100px 0px 100px;
  position: relative;
  z-index: 1;
}
.metalsheet_video_bg_area::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #00000080;
  z-index: -1;
}
.metalsheet_video_bg_area .video-item h3 {
  color: #fff;
}
.metalsheet_skill_area {
  padding: 100px 0px 100px;
}
.metalsheet_skill_area .witr_section_title_inner.text-left p {
  width: 92%;
  margin-top: 21px;
  margin-bottom: 32px;
}
.metalsheet_skill_area .witr_progress-style2.progress {
  height: 10px;
  border-radius: 30px;
  margin-bottom: 21px;
}
.metalsheet_skill_area .witr_title2 .witr_label {
  font-weight: 500;
}
.metalsheet_testimonial1_bg_area.about3_page {
  margin-top: 0px;
  padding: 95px 0px 120px;
}
.metalsheet_pricing2_area {
  padding: 95px 0px 70px;
}
.pricing_area.all_pricing_color {
  box-shadow: 0px 5px 12px 0px rgb(216 216 216 / 38%);
  text-align: center;
  margin-bottom: 30px;
}

.metalsheet_pricing_bg_area {
  padding: 95px 0px 70px;
  background-color: #fafafa;
}
.pricing_top {
  margin-top: 50px;
}
.prt_content p {
  color: #0e5fb2;
}

.metalsheet_pricing_bg_area .pricing-part a.btn {
  background: transparent;
  color: #0368cf;
  border: 1px solid #0368cf;
}
.metalsheet_pricing_bg_area .pricing-part a.btn:hover {
  background: #0368cf;
  color: #fff;
}
.metalsheet_pricing3_area {
  padding: 95px 0px 70px;
}
.metalsheet_pricing3_area .pricing_area.all_pricing_color {
  box-shadow: none;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #0e5fb2;
}

.metalsheet_service3_area .witr_service_front_3d,
.metalsheet_service3_area .witr_service_back_3d {
  height: 302px;
}
.metalsheet_service3_area {
  padding: 0px 0px 70px;
}
.metalsheet_service3_area .witr_service_3d {
  margin-bottom: 30px;
}
.metalsheet_testimonial2_area {
  padding: 100px 0px 70px;
}
.testi2_top {
  margin-top: 30px;
}
.metalsheet_testimonial2_area .em_single_testimonial {
  padding: 37px 37px 26px;
}
.metalsheet_countdown_area {
  padding: 95px 0px 70px;
}
.counterdowns_top {
  margin-top: 30px;
}
.witrfm_area.countdown12 {
  padding: 95px 0px 70px;
}
.countdown12 span.cdowns {
  background: transparent;
  border: 1px solid #fff;
}
.countdown12 span.time-counts {
  color: #fff;
}
.countdown12 .counterdowns p {
  color: #fff;
}
.countdown12 span.cdowns::before {
  opacity: 0;
}
.countdown12 span.cdowns::after {
  opacity: 0;
}

.metalsheet_countdown3_area {
  padding: 95px 0px 0px;
}
.counterdowns4 span.cdowns {
  border: none;
}
.metalsheet_counter2_area {
  padding: 100px 0px 70px;
}
.metalsheet_counter3_area {
  padding: 100px 0px 60px;
}
.single_counter_inner .witr_custom_icon i {
  color: #0e5fb2;
}
.single_faq_bg_area {
  background: #f9f9f9;
  padding: 100px 0px 100px;
}
.single_next_work_area {
  padding: 100px 0px 100px;
}
.metalsheet_case_area {
  padding: 100px 0px 60px;
}
.case_top {
  margin-top: 30px;
}

.metalsheet_call3_area .metalsheet_content h2 {
  color: #ffffff;
  font-size: 30px;
  padding: 10px 0px 0px 0px;
}
.metalsheet_call3_area .metalsheet_button {
  margin-top: 0px;
}
.call_bg2 {
  background-color: #0e5fb2;
  padding: 50px 0px 50px 80px;
}
.call_bg3 {
  background-color: #1b1a1a;
  padding: 50px 0px 50px 80px;
}
.call_bg2 .metalsheet_button a {
  background: #1b79da;
}
.call_bg2 .metalsheet_button a:hover {
  background: #1b1a1a;
}
.call_bg3 .metalsheet_button a {
  background: #0e5fb24d;
}
.call_bg3 .metalsheet_button a:hover {
  background: #0e5fb2;
}
.metalsheet_project_area.case_study_page {
  padding: 0px 25px 160px;
}
.wirr_project_area {
  padding: 94px 0px 85px;
}

.project_top {
  margin-top: 30px;
}
.metalsheet_feature1_area {
  padding: 100px 0px 70px;
}
.sub_feature {
  padding: 53px 35px 34px;
  margin-bottom: 30px;
}
.sub_feature.feature1_active {
  box-shadow: 0px 0px 30px -24px rgb(0 0 0 / 80%);
}
.sub_feature:hover {
  box-shadow: 0px 0px 30px -24px rgb(0 0 0 / 80%);
}
.sub_feature .sub-item span {
  top: 1px;
  left: 227px;
}
.metalsheet_features_area.features_pagae {
  margin-top: 0px;
  padding: 0px 0px 80px;
}
.features_top {
  margin-top: 20px;
}
.metalsheet_testimonial2_area.clients_page {
  background: #fafafa;
  padding: 80px 0px 70px;
}
.metalsheet_facility_area {
  padding: 100px 0px 70px;
}
.service_list_op ul li a {
  color: #797979;
}
.facility_top {
  margin-top: 30px;
}

.metalsheet_image_box_area {
  padding: 93px 0px 70px;
}

.image_box .service-item.all_color_service {
  box-shadow: 0px 0px 20px 0px rgb(42 67 113 / 15%);
  padding: 0px 0px 0px 0px;
  margin-bottom: 30px;
}
.image_box .text_box {
  padding: 10px 32px 31px 32px;
}
.service-btn.service_btn2 a {
  color: #ffffff;
  background: #0e5fb2;
  margin: 12px 0px 0px 0px;
  padding: 10px 30px 10px 30px;
}
.service-btn.service_btn2 a:hover {
  background: #1b1a1a;
}
.service-btn.service_btn2 a span {
  padding-left: 10px;
}

.metalsheet_image_box2_area {
  background: #f9f9f9;
  padding: 94px 0px 70px;
}
.metalsheet_image_box2_area .service-item.all_color_service.text-center {
  padding: 30px 20px 30px 20px;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
  margin-bottom: 30px;
}
.metalsheet_image_box2_area .service_top_image {
  transform: scale(1);
  transition: 0.5s;
}
.metalsheet_image_box2_area .service_top_image:hover {
  transform: scale(1.1);
  transition: 0.5s;
}
.metalsheet_image_box4_area {
  padding: 100px 0px 70px;
}
.metalsheet_image_box4_area .service-item {
  padding: 0px 0px 0px 0px;
  box-shadow: 0px 0px 20px 0px rgb(42 67 113 / 15%);
  margin-bottom: 30px;
}
.metalsheet_image_box4_area .text_box.all_icon_color {
  padding: 10px 36px 31px;
}
.service_top {
  margin-top: 33px;
}
.metalsheet_project_area.process_page {
  margin-top: 0px;
  padding: 100px 0px 160px;
}
.metalsheet_skill2_area {
  padding: 93px 0px 80px;
}
.metalsheet_skill2_area .witr_single_progress {
  margin-bottom: 20px;
}
.skill_top {
  margin-top: 30px;
}
.metalsheet_skill_bg {
  background: #f9f9f9;
  padding: 93px 0px 80px;
}
.metalsheet_skill_bg .progress {
  margin-bottom: 20px;
}
.metalsheet_title_area {
  padding: 100px 0px 100px;
  background: #f9f9f9;
}
.metalsheet_circle_area {
  padding: 95px 0px 67px;
}

.metalsheet_alert_area {
  padding: 100px 0px 100px;
}
.alert_inner_area {
  background: #d90a2c;
  border-left: 5px solid #bcdff1;
  padding: 20px 25px 20px;
}
.alert_title h1 {
  font-size: 30px;
  color: #fff;
  font-weight: 700;
}
.alert_description p {
  color: #fff;
}

.alert_top {
  margin-top: 90px;
}
.alert_inner_area2 {
  background: #bcdff1;
  border-left: 5px solid #d90a2c;
  padding: 20px 25px 20px;
}
.alert_inner_area2 .alert_title h1,
.alert_inner_area2 .alert_description p {
  color: #31708f;
}

.alert_inner_area3 {
  background: #0eb582;
  border-left: 5px solid #bcdff1;
  padding: 20px 25px 20px;
}

.alert_title span {
  float: right;
  margin-top: -60px;
  font-size: 25px;
}
.metalsheet_testimonial12_area {
  padding: 100px 0px 0px;
}
.metalsheet_pricing3_area.servic2_page {
  padding: 0px 0px 70px;
}
.metalsheet_3d_service_area {
  padding: 100px 0px 70px;
}
.metalsheet_testimonial1_area {
  padding: 0px 0px 100px;
}

.single_service_page {
  padding: 100px 0px 90px;
}
.service-item.all_color_service {
  padding: 0px 0px 0px 0px;
  box-shadow: 0px 0px 20px 0px rgb(42 67 113 / 15%);
}
.single_service_page .text_box {
  padding: 10px 32px 31px 32px;
}
.single_service_page .service-item h3 {
  padding-top: 18px;
  font-size: 30px;
}
.single_service_page .all_list_color {
  text-align: left;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
  border-style: default;
}
.acadmics .departmentList.all_list_color.text h3 {
  font-size: 22px;
}

.imagess_area {
  padding: 30px 0px 30px;
}

.apartment2_area {
  padding: 60px 35px 40px;
  text-align: left;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
}

.apartment2_area button {
  width: 100%;
  padding: 0px 50px;
  cursor: pointer;
}
.video-open-inline iframe {
  width: 100%;
  height: 500px;
  border: none;
}
.metalsheet_department_area {
  padding: 60px 0px 100px;
}
.acadmics .departmentList.all_list_color {
  text-align: left;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);
  border-style: default;
  padding: 30px 30px 30px 30px;
  margin-bottom: 30px;
}
.acadmics .departmentList.all_list_color h3 {
  font-size: 34px;
  color: #ffffff;
  background-color: #15133a;
  text-align: center;
  padding: 12px 0px 20px 0px;
  border-radius: 5px 5px 5px 5px;
}
.acadmics .departmentList.all_list_color ul li a {
  color: #ffffff;
  background: #0e5fb2;
  font-weight: 500;
  border-radius: 30px 30px 30px 30px;
  margin: 0px 0px 15px 0px;
  padding: 12px 6px 12px 25px;
}
.acadmics .departmentList.all_list_color ul li a span {
  float: right;
  background-color: #15133a;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100px 100px 100px 100px;
  margin: -6px 0px 0px 0px;
}
.acadmics .departmentList.all_list_color ul li a:hover {
  background-color: #15133a;
}
.metalsheet_feature2_area {
  padding: 10px 0px 0px;
}
.faq_page {
  padding: 100px 0px 75px;
}
.metalsheet_testimonial1_area.testimonial1_bg {
  background: #f9f9f9;
  padding: 100px 0px 100px;
}
.video-page {
  padding: 0px 0px 100px;
}
.metalsheet_team_area.team_bg {
  background-color: #fafafa;
}
.faq_page2 {
  padding: 100px 0px 100px;
}
.blog16_idblog1 .witr_blog_con.bs5 span a {
  font-weight: 400;
  color: #17161a;
}
.blog16_idblog1 .witr_blog_con.bs5 span i {
  color: #0368cf;
}

/* blog_sidbar_css */
.witr-blog-side-area.blog_sidebar {
  padding: 100px 0px 100px;
}
.post_blog h2 a {
  font-size: 28px;
  font-weight: 500;
}

.witr-blog-side-area.blog_sidebar .metalsheet-single-blog {
  margin-bottom: 30px;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
}

.witr-blog-side-area.blog_sidebar .em-blog-content-area {
  padding: 28px 0px 30px;
}

.witr-blog-side-area blockquote {
  background-color: #f7f7f7;
  border-left: 3px solid #0765c5;
}

.wp-block-group__inner-container {
  margin-top: 20px;
}

.witr-blog-side-area.blog_sidebar .witr_car_overlay .slick-slide {
  padding: 0px 0px;
}

.witr-blog-side-area.witr-blog-2side {
  padding: 100px 0px 100px;
}
.metalsheet_contact2_area {
  padding: 100px 0px 100px;
}
.apartment_area {
  text-align: center;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
}
.contact2 .apartment_text h1 {
  color: #0e5fb2;
  font-size: 40px;
  margin-bottom: 5px;
}
.contact2 .apartment_text h2 {
  font-size: 19px;
  font-weight: 500;
  margin: 10px 0px 50px 0px;
}

.contact2 .witr_field2 .witr_form_field2 select,
.contact2 .witr_field2 .witr_form_field2 input,
.contact2 .witr_text_area2 textarea {
  background: #0e5fb2;
  color: #fff;
}

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

.metalsheet_contact3_area {
  padding: 95px 0px 0px;
  margin-bottom: -160px;
  position: relative;
  z-index: 99;
}
.apartment3_area {
  text-align: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
  padding: 30px 30px 035px 30px;
}

.service .all_color_service {
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 8%);
  background-color: #ffffff;
  padding: 20px 15px 5px 15px;
  margin-bottom: 30px;
}
.metalsheet_counter_area.service {
  background-image: url(assets/images/contact-bg.jpg);
  background-position: top center;
  background-size: cover;
  padding: 260px 0px 70px;
  position: relative;
  z-index: 1;
}
.metalsheet_counter_area.service:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #00000099;
  z-index: -1;
}
.service .em-service2.sleft .em-service-icon {
  float: left;
}

.metalsheet_contact4_area {
  padding: 100px 0px 100px;
}
.metalsheet_contact4_area .witr_con_btn2 .w_btn2 {
  width: 100%;
}
.metalsheet_contact_service_area.service {
  background: transparent;
  padding: 0px 0px 70px;
}
.metalsheet_contact_service2_area {
  padding: 95px 0px 0px;
  margin-bottom: -30px;
}
.contact5 .all_color_service {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #0e5fb2;
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 8%);
  background-color: #ffffff;
  padding: 30px 30px 30px 30px;
  margin-bottom: 30px;
}
.contact5 .service-item i {
  color: #0e5fb2;
  background: #f3f3f3;
}
.contact5_top {
  margin-top: 31px;
}
.contact6 .all_color_service {
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 8%);
  background-color: #ffffff;
  padding: 30px 30px 30px 30px;
  margin-bottom: 30px;
}
.contact6 .service-item:hover i {
  color: #fff;
}
.metalsheet_contact_service2_area.contact6 {
  padding: 95px 0px 70px;
  margin-bottom: 0px;
}
.metalsheet_contact5_area {
  background-image: url(assets/images/single-team.jpg);
  background-position: center center;
  background-size: cover;
  padding: 100px 0px 100px;
  position: relative;
  z-index: 1;
}
.metalsheet_contact5_area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #02101ee6;
  z-index: -1;
}

.apartment5_area .apartment_text h2 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  margin: 0px 0px 35px 0px;
}
.apartment5_area .apartment_text h1 {
  color: #ffffff;
  font-size: 40px;
}
.apartment5_area {
  background: #0e5fb259;
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
  text-align: center;
  padding: 60px 35px 40px;
}

.apartment5_area .witr_field2 input::-webkit-input-placeholder {
  color: #fff;
}
.apartment5_area .witr_text_area2 textarea::-webkit-input-placeholder {
  color: #fff;
}
.service_bg_area {
  background-image: url(assets/images/single-team.jpg);
  background-position: center center;
  background-size: cover;
  padding: 10px 0px;
  position: relative;
  z-index: 1;
}
.service_bg_area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0e5fb2bf;
  z-index: -1;
}
.service_title {
  position: relative;
}
.service_title_inner {
  text-align: center;
}
.service_title_inner h2 a {
  color: #ffffff;
  font-size: 60px;
}
.service_title2 h2 a {
  font-size: 24px;
  color: #fff;
}
.service_title2 {
  text-align: center;
}
.witr_form_field2.field3 {
  float: none;
  width: 100%;
}
.witr_form_field2.field5 {
  width: 27%;
  float: left;
}
.witr_form_field2.field6 {
  width: 20%;
  margin-left: 1%;
  float: left;
}
.metalsheet_testimonial3_area {
  padding: 100px 0px 100px;
}
.witr-blog-side-area.blog_area.single_blog {
  padding: 100px 0px 100px;
}
.single_blog.single_blog_grid.singles {
  margin-bottom: 30px;
}
.witr_single_portfolio_a {
  padding: 100px 0px 100px;
}
.witr_swiper_area.swiper2 .witr_swiper_height {
  height: 752px;
}
.witr_swiper_area.swiper2 .witr_swiper_content {
  top: 55%;
}
.metalsheet_contact2_area#contact {
  background-color: #fafafa;
}
.metalsheet_team_area.team_style2 {
  padding: 100px 0px 75px;
}
.metalsheet_team_area.service2_page {
  padding: 100px 0px 50px;
}
.metalsheet_team_area.team2 {
  padding: 100px 0px 50px;
}

.metalsheet_team_area.team_page {
  padding: 100px 0px 70px;
}
.single_service_page .witr_progress-style2.progress {
  height: 10px;
  border-radius: 30px;
  margin-bottom: 20px;
}
.apartment_top {
  margin-top: 40px;
}