/*
Template Name:TECHITO 
*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. About Area CSS
5. Feature Area CSS
6. 3D Area CSS
7. Service Area CSS
8. Call Area CSS
9. Counter Area CSS
10. Typhography Area CSS
11. Countdown Area CSS
12 Team Area CSS
13. Testimonial Area CSS
14. Tab Area CSS
15. Pricing Area CSS
16. Blog Area CSS
17. Footer Area CSS
18. Breadcumb Area CSS
19. Contact Area CSS
20. Single Team Area CSS
21. Circle Area CSS
22. Images Area CSS
23. Skill Area CSS
24. Faq Area CSS
25. Portfolio Area CSS

*/
@import url("css2.css");

/*theme css*/

body {
  color: #988d8d;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.6;
}
p {
  font-style: normal;
}
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
  font-family: "Saira", sans-serif;
  font-style: normal;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 600;
  transition: 0.5s;
  font-size: 30px;
  color: #232323;
  margin: 0 0 10px;
}
a {
  transition: 0.5s;
  text-decoration: none;
}
.btn-primary:focus,
select:focus,
textarea:focus,
input:focus {
  box-shadow: none !important;
  border: none;
}
textarea,
input {
  outline: none;
}
.row .slick-slider .col-md-12,
.row .slick-slider .col-lg-12 {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 1px;
  margin-top: 1px;
}
.btn:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
a:focus,
a:hover {
  text-decoration: none;
  outline: none;
  color: #008000;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.witr_section_title_inner h1,
.witr_section_title_inner h2,
.witr_section_title_inner h3 {
  font-size: 50px;
  margin: auto;
  margin-bottom: 5px;
  font-weight: 700;
}
.witr_section_title_inner h2 {
  font-size: 20px;
  display: inline-block;
  border-radius: 30px;
  margin-bottom: 10px;
  color: #008000;
  text-transform: uppercase;
}
.witr_back_title {
  position: absolute;
  bottom: 0;
  right: 0;
}
.witr_back_title {
  text-align: center;
  top: -80px;
  left: -150px;
}
.witr_back_title h4 {
  -webkit-text-stroke-color: #02010100;
  -webkit-text-fill-color: #f3f3f3;
  font-size: 150px;
  opacity: 0.7;
  line-height: 1;
}
.witr_section_title_inner {
  position: relative;
  z-index: 1;
}
.witr_section_title {
  position: relative;
}
.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: #008000;
}
.witr_bar_main {
  margin: 10px 0;
}
.witr_bar_inner {
  height: 5px;
  width: 90px;
  background: #008000;
  margin: 0px auto;
  position: relative;
  border-radius: 30px;
}
.witr_bar_innerc:before {
  left: 0;
  transform: translateY(-50%);
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: move_title_bg1;
}
.witr_bar_innerc:after {
  right: 0;
  transform: translateY(-50%);
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: move_title_bg2;
}
.witr_bar_innerc:after,
.witr_bar_innerc:before {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 50%;
}
.witr_bar_innerc:after,
.witr_bar_innerc:before {
  border: 6px solid #008000;
}
@keyframes move_title_bg1 {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
@keyframes move_title_bg2 {
  from {
    right: 0;
  }
  to {
    right: 100%;
  }
}

.divider {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.divider-separator {
  margin: 0 auto;
}
.divider-separator:after,
.divider-separator:after,
.divider-separator:before {
  display: block;
  content: "";
  border-bottom: 0;
  flex-grow: 1;
  border-top: 1px solid #efefef;
}
.divider-separator {
  display: flex;
}
.divider-separator {
  position: relative;
}
.witr_section_title {
  margin-bottom: 55px;
}
.witr_section_title_inner p {
  width: 100%;
  padding: 5px 0 0 0;
  margin-top: 0;
}
.witr_section_title_inner.text-center p {
  width: 74%;
  margin-right: auto;
  margin-left: auto;
}
.witr_all_pd0 {
  padding: 0;
}
.logo-right .logo,
.text-right {
  text-align: right;
}
@media (min-width: 1200px) {
  .trp_nav_area .container,
  .witrfm_area .container,
  .animate_banner_area .container {
    max-width: 1200px;
  }
}

@media (min-width: 1140px) {
  .container {
    max-width: 1140px;
  }
}
/* ===== 1. Top Menu CSS ===== */
.em40_header_area_main.hdisplay_none {
  display: none;
}
.em_creative_header,
.top_crt_style {
  background: #fff;
}
.top_crt_style {
  padding: 20px 0;
}
.top_crt_style .main_sticky_l {
  display: none;
}
.creative_header_address {
  overflow: hidden;
  padding-left: 46px;
}
.creative_header_icon i,
.top-address p span i,
.top-address p a i {
  color: #0a033c;
}
.creative_header_icon i {
  font-size: 30px;
  margin-top: 5px;
  margin-left: 2px;
  display: inline-block;
}
.creative_header_address_text > h3 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #0a033c;
}
.creative_header_address_text > p {
  margin: 0;
  overflow: hidden;
  color: #787878;
}
.single_header_address {
  display: flex;
  justify-content: right;
  text-align: left;
}
.creative_header_icon {
  float: left;
  margin-right: 10px;
  overflow: hidden;
}
.creative_header_address_text > p,
.creative_header_address_text > p > a,
.top_crmenu_l li a,
.cr_top_addess p span,
.cr_top_addess p a {
  color: #787878;
}
.techito-header-top {
  padding: 12px 0;
  background: #008000;
}
.techito-header-top {
  padding-right: 210px;
  padding-left: 210px;
}
.top-address {
  display: inline-block;
}
.top-address p a,
.top-address p span,
.top-right-menu ul.social-icons li a,
.top-welcome p,
.top-welcome p a,
.top-welcome p span,
.top-welcomet p a,
.top-welcomet p span {
  font-size: 15px;
  color: #fff;
}
.top-address p a,
.top-address p span {
  margin-right: 20px;
}
.top-address p a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.top-address li span {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin-right: 20px;
}
.top-address li span i {
  font-size: 13px;
  margin-right: 6px;
}
.top-right-menu ul.social-icons {
  margin: 0;
  padding: 0;
}
.top-right-menu ul.social-icons li {
  display: inline-block;
  margin-left: 12px;
  position: relative;
}
.top-right-menu ul.social-icons li a {
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  font-size: 15px;
}
.top-address p a i,
.top-address p span i,
.top-welcome p span i,
.top-welcomet p span i {
  font-size: 13px;
  margin-right: 5px;
  color: #fff;
}
.top-right-menu .social-icons li a:hover,
.top-right-menu .social-icons li a i:hover {
  color: #ffa500;
}
.top-address p {
  margin-bottom: 0;
}
.top-address.em-login.text-right.text_m_center p a {
  margin-left: 10px;
  margin-right: 0;
}
.top-address.em-login.text-right.text_m_center {
  display: inline;
  text-align: right;
}
.top-address.em-login a + a:before {
  content: "|";
  margin-right: 12px;
}
/* ===== 2. Menu Area CSS ===== */
.techito_nav_area.postfix {
  transition: 0.3s;
}
.techito_nav_area {
  padding-right: 210px;
  padding-left: 210px;
}
.techito_nav_area {
  background: #fff;
}
.trp_nav_area {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  transition: 0.5s;
}
.tx_menu_together,
.tx_bs_together {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.search_popup_button,
.tx_mmenu_together {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.logo-right,
.logo-left {
  align-items: center;
}
.mobile_menu_logo.text-center {
  padding: 20px 0;
}
/* LOGO CSS */
.logo a {
  display: inline-block;
}
/* logo sticky */
.techito-main-menu .logo a.main_sticky_main_l {
  display: block;
  margin-top: -10px;
}
.techito-main-menu .logo a.main_sticky_l {
  display: none;
  max-width: 45%;
}
/* logo pre */
.techito-main-menu .prefix .logo a.main_sticky_main_l {
  display: none;
}
.techito-main-menu .prefix .logo a.main_sticky_l {
  display: block;
}
/* MENU text CSS */
.techito_menu ul {
  text-align: right;
  list-style: none;
}
.techito_menu > ul > li {
  display: inline-block;
  position: relative;
}
.techito_menu > ul > li > a {
  display: block;
  margin: 32px 15px 38px;
  transition: 0.5s;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #232323;
  cursor: pointer;
  text-transform: capitalize;
}
.techito_nav_area.prefix .techito_menu > ul > li > a {
  color: #fff;
}
.techito_menu ul .sub-menu li a:hover,
.techito_menu ul .sub-menu li.current-menu-item a,
.techito_menu > ul > li.current-menu-item > a,
.techito_menu > ul > li > a:hover,
.techito_nav_area.prefix .techito_menu > ul > li.current-menu-item > a,
.techito_nav_area.prefix .techito_menu > ul > li > a:hover,
.hbg2 .techito_menu > ul > li.current-menu-item > a,
.hbg2 .techito_menu > ul > li > a:hover,
.heading_style_2 .techito_menu > ul > li.current-menu-item > a,
.heading_style_2 .techito_menu > ul > li > a:hover,
.heading_style_3 .techito_menu > ul > li.current-menu-item > a,
.heading_style_3 .techito_menu > ul > li > a:hover,
.heading_style_4 .techito_menu > ul > li.current-menu-item > a,
.heading_style_4 .techito_menu > ul > li > a:hover {
  color: #008000;
}
.techito_menu > ul > li > a:before,
.techito_menu > ul > li.current > a:before {
  background: #ffb600 none repeat scroll 0% 0;
  bottom: -7px;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: all 0.5s ease 0s;
  width: 15%;
  display: none;
}
.techito_menu ul li:last-child a {
  margin-right: 0;
}
.techito_menu > ul > li.current > a,
.techito_menu > ul > li:hover > a,
.creative_header_menu > ul > li:hover > a {
  background: transparent;
  color: #051a36;
}
.techito_menu > ul > li:hover > a:before,
.techito_menu > ul > li.current > a:before {
  opacity: 1;
}
.transprent-menu .techito_nav_area {
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  background-color: transparent;
  padding: 0;
  transition: 0.5s;
  position: absolute;
}
.techito_nav_area.postfix {
  transition: 0.3s;
}
.techito_nav_area.prefix,
.hbg2 {
  background: rgba(10, 10, 0, 0.8);
}
.techito_nav_area.prefix .right_sideber_menu i,
.witr_search_wh .prefix .em-header-quearys .em-quearys-menu i {
  color: #fff !important;
}
.techito_nav_area.prefix .techito_menu > ul > li.current > a {
  color: #008000;
}
.witr_h_h2 .techito_menu {
  justify-content: space-around;
  display: flex;
  align-items: center;
}
.landing_page .techito_menu {
  justify-content: flex-end;
}
.tx_mmenu_together .donate-btn-header {
  padding: 0;
}
.prefix .main_menu_header_address_text h3,
.prefix .main_menu_header_address_text h4 a,
.prefix .main_menu_header_icon i {
  color: #fff;
}
.techito_nav_area.prefix .techito_menu > ul > li > a {
  color: #fff;
}
/* sub menu style */
.techito_menu ul .sub-menu {
  position: absolute;
  left: 0;
  top: 130%;
  width: 197px;
  text-align: left;
  background: #008000;
  margin: 0;
  padding: 15px 2px 14px;
  z-index: 9999;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
.techito_menu ul li:hover > .sub-menu {
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
  top: 100%;
  z-index: 9;
}
.techito_menu ul .sub-menu li:hover > a,
.techito_menu ul .sub-menu .sub-menu li:hover > a,
.techito_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.techito_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.techito_menu ul .sub-menu li {
  position: relative;
  transition: 0.5s;
}
.techito_menu ul .sub-menu li a {
  display: block;
  margin: 0;
  margin-bottom: 0px;
  letter-spacing: normal;
  font-size: 18px;
  font-weight: 600;
  transition: 0.5s;
  color: #c9c9c9;
  visibility: inherit !important;
  padding: 10px 20px;
  text-transform: capitalize;
}
.techito_menu ul .sub-menu li:hover:before {
  opacity: 1;
}
.main_menu_header_icon i {
  font-size: 25px;
  color: #008000;
}
.techito_menu ul .sub-menu li {
  position: relative;
  transition: 0.5s;
}
.techito_menu ul .sub-menu li:hover:before {
  opacity: 1;
}
/* sub menu 2 */
.techito_menu ul .sub-menu .sub-menu {
  left: 100%;
  top: 130%;
  opacity: 0;
  visibility: hidden;
}
.techito_menu ul .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0%;
}
/* sub menu 3 */
.techito_menu ul .sub-menu .sub-menu li {
  position: relative;
}
.techito_menu ul .sub-menu .sub-menu .sub-menu {
  right: 100%;
  left: auto;
  top: 130%;
  opacity: 0;
  visibility: hidden;
}
.techito_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0%;
}
/* sub menu 4 */
.techito_menu ul .sub-menu .sub-menu .sub-menu li {
  position: relative;
}
.techito_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0%;
}
/* has menu icon */
.techito-main-menu .menu-item-has-children > a:after {
  margin-left: 5px;
  content: "\f107";
  font-family: FontAwesome;
  opacity: 1;
  font-size: 13px;
  opacity: 0.5;
}
.techito-main-menu .menu-item-has-children .menu-item-has-children > a:after {
  margin-left: 8px;
  content: "\f105";
}
/* quearys area css */
.techito_menu.main-search-menu > .em-header-quearys,
.em-quearys-top.msin-menu-search {
  display: inline-block;
}
.em-top-quearys-area {
  position: relative;
}
.techito_menu div.em-header-quearys {
  text-align: center;
}

.em-quearys-inner {
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: 10000;
  transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1),
    transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1),
    background 0.3s 0s cubic-bezier(0.32, 0, 0, 1);
  transform: scale(1.1);
  visibility: hidden;
  opacity: 0;
  left: -150%;
  background: rgba(0, 0, 0, 0);
}
.em-s-open {
  visibility: visible;
  opacity: 1;
  left: 0;
  background: #000000e6 !important;
  transform: scale(1);
}
.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;
  transition: 0.5s;
  border-bottom: 3px solid #fff;
}
.top-form-control input::placeholder {
  color: #fff;
}
textarea,
input {
  outline: none;
}
.top-form-control button.top-quearys-style {
  position: absolute;
  right: 6px;
  top: 50%;
  background: transparent;
  font-size: 45px;
  border: none;
  color: #fff;
  transform: translateY(-50%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
  cursor: pointer;
  background: transparent;
  color: #272727;
  padding: 0;
  border-radius: 100px;
  height: inherit;
  width: inherit;
  line-height: inherit;
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  color: #272727 !important;
}
.mrt10 {
  margin-top: 10px;
}
.em-quearys-menu i {
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
  height: 36px;
  width: 36px;
  line-height: 36px;
  margin-left: -40px;
  cursor: pointer;
  color: #fff;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
  margin-left: -40px;
  cursor: pointer;
  display: inline-block;
  color: #272727;
}
.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;
}
.em-quearys-menu i {
  background: #008000;
  font-size: 17px;
  color: #fff;
}
.main_menu_address_a {
  display: flex;
  align-items: center;
  position: relative;
}
.main_menu_address_a::before {
  background: #fbfbfb40;
}
.main_menu_address_a:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 107px;
  left: 0;
}
.main_menu_header_icon {
  margin-left: 25px;
  margin-right: 10px;
}
.main_menu_header_address_text h3,
.main_menu_header_address_text h4 a {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
}
.main_menu_header_address_text h3 {
  color: #008000;
}
.main_menu_header_address_text h4 {
  margin-bottom: 0;
  color: #030925;
}

/*=======================
#2 techito mobile menu css
========================*/
.mobile-menu {
  display: none !important;
}
@media (max-width: 991px) {
  .search_popup_button,
  .tx_mmenu_together {
    display: none;
  }
}
.mobile_logo_area {
  display: none !important;
}
.mean-container a.meanmenu-reveal {
  display: none !important;
}
.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-bar {
  background: #fff;
  padding: 0;
}
.mean-container .mean-nav ul li {
  border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
  color: #444;
}
.mean-container .mean-nav ul li li a {
  border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
  color: #ff4a17;
}
.mobile_p {
  position: fixed;
  right: 0;
  width: 300px;
  padding: 80px 20px 0px;
  overflow-y: scroll;
  top: 0;
  height: 100%;
  z-index: 9999;
  display: block;
  transition: 0.5s all;
  box-shadow: 0 0 30px rgb(0 0 0 / 7%);
  transform: translateX(100%);
  background: #ffffff;
}
.tx-s-open {
  transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
  padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
  padding: 20px 0px 20px;
  box-shadow: none;
}
.mobile_p {
}
.mean-container .mean-nav ul li a {
  border: 0;
  width: 100%;
  border-top: 1px solid #ddd;
  font-size: 14px;
  padding: 12px 5px;
  font-weight: 500;
  display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
  width: auto;
}
.mean-container .mean-nav ul li li a {
}
.mobile_opicon {
  text-align: right;
  padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}
.mobilemenu_con {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile_menu_o i {
  font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
  margin-bottom: 20px;
}
.mobile_cicon {
  position: absolute;
  right: 30px;
  top: 50px;
}
.mobile_overlay {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
  opacity: 1;
  visibility: visible;
}
.footer-social-icon.htop-menu-s {
  padding: 0;
  display: inline-block;
  margin-left: 30px;
}
.footer-social-icon {
  text-align: center;
}
.footer-social-icon.htop-menu-s a i {
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  margin: 0 1px;
  width: 40px;
  background: #008000;
  color: #fff;
  display: inline-block;
}
.footer-social-icon a i {
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  transition: 0.3s;
}
.footer-social-icon a i:hover {
  background: #fdc400;
}
/* menu button */
a.dtbtn {
  border: none;
  font-size: 17px;
  font-weight: 600;
  border-radius: 3px;
  padding: 10px 25px 14px;
  color: #fff;
  background: #008000;
  display: inline-block;
  position: relative;
  margin-left: 30px;
}
a.dtbtn i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background: #040303;
  margin-left: 15px;
  transition: 0.5s;
  display: inline-block;
}
.creative_header_button:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 74px;
  left: 10px;
  top: -14px;
  background: #008000;
}
a.dtbtn:hover {
  background: #ff7e00;
}
a.dtbtn:hover i {
  background: #008000;
}
.creative_header_button,
.top_crmenu_l li {
  position: relative;
  padding-left: 30px;
}
.creative_header_logo {
  position: relative;
  top: 25px;
}
/* ===== 3. Slider Area CSS ===== */
.main-slider-area {
  overflow: hidden;
  display: block;
  position: relative;
}
.nivo-caption {
  height: 100%;
  opacity: 1;
}
.em-slider-content-nivo {
}
.em_slider_right {
}
.em_slider_inner {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.nivo-caption {
  background: rgba(0, 0, 0, 0.6);
}
.em-slider-sub-title {
  font-size: 82px;
  line-height: 98px;
  margin-bottom: 5px;
  color: #fff;
  font-weight: 700;
}
.em-slider-title {
  color: #fff;
  font-size: 25px;
  margin-bottom: 10px;
}
.em-slider-title span {
  color: #e8bc5a;
}
.em-slider-descript {
  color: #fff;
  font-size: 20px;
  margin-bottom: 45px;
}
.text-left .em-slider-descript {
  margin-left: 0;
  margin-right: auto;
}
.text-center .em-slider-descript {
  margin: 0 auto 31px;
  font-size: 17px;
}
.text-right .em-slider-descript {
  margin-right: 0;
  margin-left: auto;
}
.em-slider-descript {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.em_sc_100 {
  width: 100%;
  margin-top: 30px;
}
.em_slider_s2_image {
  position: relative;
}
.em_slider_s2_image_inner {
  position: absolute;
  top: -96px;
}
.em_slider_s2_image_inner {
  text-align: right;
}
.witr_container_nivo,
.witrscontainer2,
.witrscontainer {
  max-width: 1477px;
}
/* button */
.em-button-button-area a {
  border-radius: 5px;
  display: inline-block;
  font-size: 18px;
  padding: 10px 36px;
  text-align: center;
  position: relative;
  margin-right: 15px;
  z-index: 2;
  transition: all 0.5s ease 0s;
  font-weight: 500;
  background: rgba(0, 128, 0, 0.9);
  color: #fff;
  margin: 0 4px;
  border: 1px solid rgba(0, 128, 0, 0.9);
  text-transform: uppercase;
}
a.em-active-button:hover {
  color: #fff;
  background: #ffffff00;
  border-color: #fff;
}
a.withput-active {
  color: #fff;
  background: 0 0;
  border: 1px solid #fff;
}
a.withput-active:hover {
  color: #fff;
  background: rgba(0, 128, 0, 0.9);
  border-color: rgba(0, 128, 0, 0.9);
}
.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;
}
/* directionNav */
.em-nivo-slider-wrapper .nivo-directionNav {
}
.em-nivo-slider-wrapper .nivo-directionNav a {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  line-height: 48px;
  border: 1px solid #fff;
  text-align: center;
  display: block;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
  left: auto;
  right: 0;
}
.em-nivo-slider-wrapper .nivo-directionNav a:hover {
  background: #ffffff00;
  border-color: #fc2c62;
  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: #7243f2;
  color: #fff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.pdlr0 {
  padding-left: 0;
  padding-right: 0;
}
.witr_btn {
  border-radius: 3px;
  display: inline-block;
  font-size: 20px;
  padding: 12px 30px;
  text-align: center;
  position: relative;
  margin-right: 20px;
  z-index: 2;
  transition: 1s;
  font-weight: 400;
  background: #008000;
  color: #fff;
  overflow: hidden;
  text-transform: capitalize;
}
.witr_btn i {
  font-size: 18px;
  margin-left: 10px;
  transition: 1s;
  display: inline-block;
}
.witr_btn:hover {
  color: #fff;
  background: #15263b;
}
.slider_btn {
  margin-top: 53px;
}
.witr_sw_text_area {
  margin: auto;
  width: 63%;
  height: 100%;
}
.witr_video_btn i {
  position: relative;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 20px;
  color: #006cff;
  background: #ffffff;
}
.witr_video_btn i:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: witr_squares 1.5s ease-in-out infinite;
  animation: witr_squares 1.5s ease-in-out infinite;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #ffffff;
}
.text-left .witr_slider_thumb {
  position: absolute;
  right: -253px;
  top: 49%;
  transform: translateY(-50%);
}
.witr_slider_thumb_inner img {
  border-radius: 10px;
}
/* ===== Slider Area CSS ===== */
.witr_ds_content_area .witrscontainer {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.witr_ds_content_area {
  position: relative;
  background-image: url(../image/slider1.jpg);
}

.witr_ds_content_area::before {
  content: "";
  background: #008000;
  opacity: 0.84;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.witr_ds_content_inner {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.witr_ds_content {
  height: 900px;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.witr_ds_content {
  position: relative;
  z-index: 1;
}
.witr_ds_content:before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  background: rgba(24, 44, 68, 0.08);
  z-index: -1;
}
.text-left .witrscontainer h1,
.text-left .witrscontainer h2,
.text-left .witrscontainer h3,
.text-left .witr_slicks_title h4,
.text-left .witrscontainer p {
  width: 62%;
  margin-right: auto;
}
.text-left .witr_ds_content_inner h1,
.text-left .witr_ds_content_inner h2,
.text-left .witr_ds_content_inner h3,
.text-left .witr_slicks_title h4,
.text-left .witr_ds_content_inner p {
  margin: 0 auto 15px 0;
}
.text-center .witrscontainer h1,
.text-right .witrscontainer h1,
.text-left .witrscontainer h1 {
  margin-bottom: 0px;
  margin-top: 0px;
}
.witr_ds_content_inner h1 {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}
.witr_ds_content_inner h3,
.witr_ds_content_inner h2 {
  font-size: 100px;
  text-transform: capitalize;
  color: #fffefe;
  font-weight: 700;
}
.text-left .witrscontainer p,
.text-right .witrscontainer p {
  width: 53%;
}
.witr_ds_content_inner p {
  color: #fff;
  font-size: 20px;
}
.slider_btn {
  margin-top: 45px;
}
.text-left .witr_slider_thumb {
  position: absolute;
  right: 0;
  top: 62%;
  transform: translateY(-50%);
}
/* ===== 4. About Area CSS ===== */
.th_ab_area {
  padding: 100px 0 70px 0;
}
.ab_left_img {
  position: relative;
  margin-bottom: 30px;
}
.ab_coun_inner {
  margin: 0 170px 0 150px;
  padding: 40px 30px 40px 30px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
  position: absolute;
  top: 150px;
  left: -256px;
  z-index: 999;
  display: inline-block;
}
.ab_witr {
  margin-left: 20px;
}
.ab_left_img .single_image img {
  width: 100%;
}
.witr_text_widget_inner h1 {
  font-size: 17px;
  font-weight: 700;
  color: #008000;
}
.witr_text_widget_inner h1,
.witr_text_widget_inner h2 {
  margin-bottom: 5px;
}
.witr_text_widget_inner h2 {
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.witr_text_widget {
  margin-bottom: 30px;
}
.witr_text_widget p {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 12px;
}
.about-content span {
  font-size: 20px;
  margin-bottom: 2px;
  display: inline-block;
}
.about-content span i {
  color: #008000;
  font-size: 12px;
  margin: 0 10px 10px 0;
  display: inline-block;
}
.em-service2.sleft {
  text-align: left;
}
.em-service2.sleft .em-service-icon {
  float: left;
  margin-right: 20px;
  margin-top: 10px;
}
.em-service-icon {
  color: #232323;
  font-size: 35px;
}
.em-service2 .em-service-icon i {
  width: 60px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  box-shadow: 0px 0px 30px 0px rgba(148, 146, 245, 0.2);
  text-align: center;
  font-size: 25px;
  border-radius: 50%;
  transition: all 0.5s ease 0s;
}
.em-service2:hover .em-service-icon i {
  color: #fff;
  background: #008000;
}
.em-service2 .em-service-inner {
  overflow: hidden;
}
.em-service-title h3 {
  margin: 5px 0 10px;
  font-size: 24px;
  padding: 0;
  text-transform: capitalize;
  transition: 0.5s;
}
.em-service-desc p {
  transition: 0.5s;
}
.ab_witr .witr_btn {
  margin-top: 43px;
}
/* ===== About Area CSS ===== */
.h2_about {
  padding: 95px 350px 85px 80px;
}
.h2_about .em-service2.sleft {
  text-align: left;
  margin-bottom: 20px;
}
.h2_about .ab_witr .witr_btn {
  margin-top: 10px;
}
.h2_about .witr_shape_item_inner {
  left: 0;
  right: auto;
}
.h2_about .witr_shape_box {
  background: #ddd;
}
.h2_about .ab_witr {
  margin-left: 0;
}
/* ===== About Area CSS ===== */
.ab_page_ab .ab_left_img {
  padding: 140px 0px 140px 0px;
  background-image: url("../image/slider1.jpg");
  background-size: cover;
}
.ab_page_ab .video-overlay {
  padding: 70px 0 50px;
}
/* ===== 5. Feature Area CSS ===== */
.th_feature_area {
  padding: 0 0 70px 0;
}
.service-item {
  padding: 30px 10px 10px 20px;
  box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
  margin-bottom: 30px;
}
.service-item i {
  color: #232323;
  height: 68px;
  width: 68px;
  line-height: 68px;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0px 0px 30px 0px rgba(148, 146, 245, 0.2);
  font-size: 28px;
  transition: 0.5s;
  display: inline-block;
}
.service-item h3 {
  font-size: 25px;
  font-weight: 600;
  padding-top: 18px;
}
.service-item p {
  color: #232323;
  padding-right: 2px;
  padding-top: 0px;
}
.service-item:hover i {
  background: #008000;
  color: #fff;
  border-color: #008000;
}
/* ===== Feature Area CSS ===== */
.h2_feture .em-service2.sright .em-service-icon {
  float: right;
  margin-left: 30px;
  margin-top: 10px;
}
.h2_feture .all_color_service {
  padding: 30px 10px 10px 20px;
  box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
  margin-bottom: 30px;
}

.h2_feature_area2 {
  padding: 95px 0 70px;
}
.witr_slug_feature {
  background-image: url("../image/s1.jpg");
  background-position: center center;
  background-size: cover;
  margin-bottom: 30px;
}
.witr_slug_feature {
  background-position: center center;
  background-size: cover;
  margin-bottom: 30px;
}
.h2_fe_img1 {
  background-image: url("../image/s1.jpg");
}
.h2_fe_img2 {
  background-image: url("../image/s2.jpg");
}
.h2_fe_img3 {
  background-image: url("../image/s3.jpg");
}
.witr_slug_feature {
  position: relative;
  padding: 120px 0;
  overflow: hidden;
}
.witr_slug_front_contentf {
  display: flex;
  background: rgb(0 128 0 / 80%);
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 10px 20px;
  transition: 1s;
}
.witr_feature_iconf {
  color: #fff;
  font-size: 40px;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.all_feature_color i {
  text-align: center;
  transform: rotate(0deg);
}
.witr_slug_front_contentf .witr_content_textf h3 {
  color: #fff;
  margin-left: 20px;
  margin-top: 17px;
  font-size: 25px;
}
.witr_content_textf p {
  color: #fff;
}
.witr_slug_front_contentf .witr_content_textf p {
  display: none;
}
.witr_slug_feature .witr_feture_back_con_slugf {
  position: absolute;
  top: -244px;
  left: 0px;
  opacity: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 30px 30px;
  background: rgb(0 128 0 / 80%);
  transition: 1s;
}
.witr_back_con_slugf {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.witr_back_con_slugf .witr_content_textf h3 {
  font-size: 25px;
  margin-bottom: 11px;
  padding-top: 0;
  color: #fff;
}
.witr_content_textf p {
  color: #fff;
}
.witr_feature_btn_f a {
  color: #fff;
  background: #fff;
  color: #008000;
  padding: 6px 21px;
  border-radius: 5px;
  margin-top: 15px;
  display: inline-block;
}
.witr_slug_feature:hover .witr_slug_front_contentf {
  bottom: -100px;
}
.witr_slug_feature:hover .witr_feture_back_con_slugf {
  top: 0;
}
.witr_feature_btn_f a:hover {
  color: #fff;
  background: #008000;
}
/* ===== Feature Area CSS ===== */
.ab_page_feature {
  padding: 0 0 70px;
}
.ab_page_feature .em-service2 {
  background: #fff;
  transition: background 1s;
  box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
}
.ab_page_feature .em-service2:hover {
  background: #008000;
}
.ab_page_feature .em-service2.sleft {
  text-align: left;
  padding: 23px 10px 10px 20px;
  margin-bottom: 30px;
}
.ab_page_feature .em-service2.sleft .em-service-icon {
  float: left;
  margin-right: 20px;
  margin-top: 10px;
}
.ab_page_feature .em-service-icon {
  color: #232323;
  font-size: 35px;
}
.ab_page_feature .em-service2 .em-service-icon i {
  width: 60px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  box-shadow: 0px 0px 30px 0px rgba(148, 146, 245, 0.2);
  text-align: center;
  font-size: 28px;
  border-radius: 50%;
  transition: all 0.5s ease 0s;
}
.ab_page_feature .em-service-title h3 {
  margin: 5px 0 10px;
  font-size: 24px;
  padding: 0;
  text-transform: capitalize;
  transition: 0.5s;
}
.ab_page_feature .em-service-desc p {
  transition: 0.5s;
}
.ab_page_feature .all_color_service:hover h3 {
  color: #fff;
}
.ab_page_feature .all_color_service:hover p {
  color: #fff;
}
.ab_page_feature .all_color_service:hover i {
  color: #008000;
  background: #fff;
}
/* ===== Feature Area CSS ===== */
.th_fea_area3 {
  padding: 90px 0 60px;
}
.th_fea_area3 .witr_section_title {
  margin-bottom: 40px;
}
.singleService {
  position: relative;
  padding: 24px 0 0;
  transition: 1s;
  margin-bottom: 30px;
}
.boxTop {
  padding-top: 100px;
}
.boxTop h2 {
  top: -49px;
  right: -57px;
}
.singleService h2 {
  font-size: 60px;
  line-height: 37px;
  color: #eef3ff;
  z-index: -1;
  position: relative;
  margin: 0;
}
.boxTop .box {
  margin-bottom: 84px;
}
.box:before {
  width: 267px;
  height: 276px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  transition: 1s;
  text-align: center;
  background: url(../image/s5.png) no-repeat center center / cover;
  animation: box_blinker_before 9s linear infinite;
}
.box i {
  color: #232323;
  font-size: 53px;
  line-height: 53px;
  z-index: 5;
  top: 0;
  left: 6px;
  text-align: center;
  position: relative;
}
.box:after {
  width: 163px;
  height: 182px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  content: "";
  transition: 1s;
  text-align: center;
  background: url(../image/s6.png) no-repeat center center / cover;
  animation: box_blinker_after 9s linear infinite;
}
.singleService h3 {
  font-size: 25px;
  line-height: 37px;
  margin-bottom: 7px;
}
.boxTop p {
  margin-bottom: 0;
}
.singleService:hover .box i,
.singleService:hover h2 {
  color: #008000;
}
.singleService:hover .box:before {
  visibility: hidden;
  opacity: 0;
}
.singleService:hover .box:after {
  visibility: visible;
  opacity: 1;
}
.singleService h3 {
  font-size: 25px;
  line-height: 37px;
  margin-bottom: 7px;
}
.boxTop p {
  margin-bottom: 0;
}
.singleService:hover .box:after {
  visibility: visible;
  opacity: 1;
}
@keyframes box_blinker_after {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.box {
  position: relative;
  text-align: center;
}
.fe3_mid_item p {
  margin-bottom: 88px;
}
/* ===== 6. 3D Area CSS ===== */
.th_3d_area {
  background: #f9f9f9;
  padding: 93px 0 80px 0;
}
.witr_service_3d {
  perspective: 1000px;
  transition: 0.1s;
  margin-bottom: 20px;
}
.witr_service_3d,
.witr_service_front_3d,
.witr_service_back_3d {
  height: 398px;
  width: 100%;
}
.witr_service_3d:hover .witr_single_service_3d {
  transform: rotateY(-180deg);
}
.witr_single_service_3d {
  transition: transform 0.5s;
  transform-style: preserve-3d;
  position: relative;
  text-align: center;
  z-index: 999;
}
.witr_service_front_3d {
  background: #008000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.witr_service_front_3d {
  z-index: 2;
}
.witr_service_front_3d,
.witr_service_back_3d {
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
.witr_service_back_3d {
  position: absolute;
}
.witr_service_front_3d:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.witr_service_position {
  left: 0;
  padding: 40px 20px 40px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.witr_service_icon_3d {
  margin-bottom: 14px;
}
.witr_service_icon_3d i {
  font-size: 35px;
  color: #fff;
}
.witr_service_content_3d h3 {
  margin-bottom: 12px;
  color: #fff;
}
.witr_service_content_3d p {
  color: #fff;
}
.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;
  transition: all 0.5s ease 0s;
}
.back_img1 {
  background-image: url("../image/s1.jpg");
}
.back_img2 {
  background-image: url("../image/s2.jpg");
}
.back_img3 {
  background-image: url("../image/s3.jpg");
}
.back_ecommerce {
  background-image: url("../image/shopping.jpg");
}
.back_game {
  background-image: url("../image/game2.jpg");
}
.back_gov{
  background-image: url("../image/gov.jpg");}
.back_web3{
  background-image: url("../image/web3.jpg");}
.back_finance{
  background-image: url("../image/finance.jpg");}
.back_it{
  background-image: url("../image/it.jpg");}
.witr_service_back_3d {
  z-index: 3;
  transform: rotateY(-180deg);
}
.witr_service_back_3d:before {
  background: rgb(0 0 0 / 60%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.witr_service_btn_3d a:hover {
  background: #fff;
  color: #008000;
}
/* ===== 7. Service Area CSS ===== */
.th_ser_area {
  padding: 92px 0 70px;
}
.witr_service2 {
  margin-bottom: 30px;
}
.witr_front_content {
  position: relative;
}
.witr_service2_image {
  position: relative;
  overflow: hidden;
}
.witr_service2_image img {
  width: 100%;
  transition: 1s;
}
.witr_service2_btnb {
  position: absolute;
  top: 50%;
  left: -40%;
  transform: translate(-50%, -50%);
  transition: 1s;
}
.witr_service2_btnb a {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #008000;
  padding: 13px 25px;
  border-radius: 5px;
  display: inline-block;
  transition: 1s;
}
.witr_service2_btnb a i {
  margin-left: 4px;
  transition: 1s;
}
.witr_service2_box {
  background: #fff;
  padding: 21px 26px 17px;
  box-shadow: 0px 0px 30px rgba(42, 67, 113, 0.15);
}
.witr_custom2_icon {
  float: left;
  margin-right: 20px;
  margin-top: 8px;
}
.witr_custom2_icon i {
  color: #008000;
  font-size: 47px;
  transition: 0.5s;
}
.witr_titles p {
  color: #008000;
  margin-bottom: 2px;
}
.witr_titles h3 {
  font-size: 24px;
}
.witr_service2:hover .witr_service2_image img {
  transform: scale(1.2);
}
.witr_service2:hover .witr_service2_btnb {
  left: 50%;
}
.witr_service2_btnb a:hover i {
  margin-left: 10px;
}
/* ===== Service Area CSS ===== */
.h2_service_area {
  background: #f9f9f9;
  padding: 95px 0 70px 0;
}
.h2_service_area .em-service {
  padding: 27px 25px 39px;
  text-align: left;
  transition: all 0.5s ease 0s;
  box-shadow: 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
}
.h2_service_area .em-service-icon {
  color: #232323;
  font-size: 35px;
}
.h2_service_area .em-service-title h3 {
  margin: 5px 0 10px;
  font-size: 24px;
  padding: 0;
  text-transform: capitalize;
  transition: 0.5s;
}
.h2_service_area .service-btn {
  margin-top: 2px;
}
.h2_service_area .service-btn > a {
  border-radius: 30px;
  color: #232323;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  transition: 0.5s;
}
.h2_service_area .em-service:hover {
  background-position: center center;
  background-size: cover;
}
.h2_ser_img1:hover {
  background-image: url("../image/s1.jpg");
}
.h2_ser_img2:hover {
  background-image: url("../image/s2.jpg");
}
.h2_ser_img3:hover {
  background-image: url("../image/s3.jpg");
}
.h2_ser_img4:hover {
  background-image: url("../image/s3.jpg");
}
.h2_ser_img5:hover {
  background-image: url("../image/s2.jpg");
}
.h2_ser_img6:hover {
  background-image: url("../image/s1.jpg");
}
.h2_service_area .em-service {
  position: relative;
  margin-bottom: 30px;
}
.h2_service_area .em-service:hover:before {
  background: rgba(0, 128, 0, 0.3686274509803922);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.h2_service_area .em-service:hover .em-service-icon,
.h2_service_area .em-service:hover .em-service-title h3,
.h2_service_area .em-service:hover .em-service-desc {
  color: #fff;
  z-index: 1;
}
.h2_service_area .em_service_content {
  position: relative;
  z-index: 999;
}
.h2_service_area .em-service:hover .service-btn > a {
  color: #fff;
}
.h2_service_area .service-btn > a:hover {
  color: #008000;
}
.ser_page_ser {
  background: 0 0;
}
/* ===== 8. Call Area CSS ===== */
.h2_cal_area {
  background-image: url("../image/slider1.jpg");
  background-position: center center;
  background-size: cover;
  padding: 112px 0 110px 0;
  position: relative;
}
.h2_cal_area::before {
  content: "";
  background: #008000;
  opacity: 0.82;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.witr_single_call h3 {
  font-size: 40px;
  color: #fff;
  margin-bottom: 20px;
}
.witr_single_call p {
  color: #fff;
  margin: 0;
}
.all_color_call.witr_center {
  position: relative;
}
.witr_single_call a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  padding: 15px 36px;
  border: 1px solid #fff;
  border-radius: 3px;
  margin-top: 20px;
}
.all_color_call a:hover {
  background: #ff7e00;
  border-style: solid;
  border-color: #ff7e00;
}
/* ===== 9. Counter Area CSS ===== */
.witr_counter_single {
  text-align: center;
}
.witr_counter_number_inn {
  overflow: hidden;
}
.witr_counter_number_inn h3,
.witr_counter_number_inn span {
  font-size: 50px;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 4px;
  color: #008000;
}
.witr_counter_number_inn span {
  line-height: 0;
}
.witr_counter_number_inn h4 {
  color: #232323;
  font-size: 20px;
  font-weight: 500;
  width: 57%;
  margin: 0 auto 10px;
}
.witr_counter_icon i {
  font-size: 50px;
  display: inline-block;
  color: #008000;
  margin: 0 20px 0 0;
}
.witr_counter_icon {
  float: left;
}
/* ===== Counter Area CSS ===== */
.th_coun_area {
  background: #008000;
  padding: 90px 0 55px;
}
.th_coun_area .witr_custom_icon i {
  color: #fff;
  font-size: 57px;
  margin-right: 15px;
  float: left;
  margin-top: 15px;
}
.th_coun_area .witr_counter_number_inn h3,
.th_coun_area .witr_counter_number_inn span {
  font-size: 45px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  margin-bottom: 4px;
}
.th_coun_area .witr_counter_number_inn span {
  line-height: 0;
}
.th_coun_area .all_counter_color h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.th_coun_area .witr_counter_number_inn h4 {
  width: 100%;
}
.th_coun_area .witr_counter_single {
  text-align: left;
  margin-bottom: 30px;
}
/* ===== Counter Area CSS ===== */
.th_counter_area2 {
  padding: 100px 0 100px;
}
.counter2_innr {
  box-shadow: 0px 0px 30px 0px rgba(42, 67, 113, 0.15);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 77px 50px 45px 50px;
  background: #fff;
}
.counter2_innr .witr_custom_icon i {
  color: #008000;
  font-size: 57px;
  margin-right: 15px;
  float: left;
  margin-top: 15px;
}
.counter2_innr .witr_counter_number_inn h3,
.counter2_innr .witr_counter_number_inn span {
  font-size: 45px;
  color: #232323;
}
.counter2_innr .witr_counter_number_inn h4 {
  color: #232323;
  font-size: 18px;
  font-weight: 600;
  width: 100%;
}
.counter2_innr .witr_counter_single {
  text-align: left;
  margin-bottom: 30px;
}
.th_coun_area3 {
  padding: 100px 0 70px;
}
.single_counter {
  position: relative;
  padding: 32px 0;
  text-align: center;
  transition: all 0.3s ease 0s;
  border-top: 2px solid #232323;
  border-bottom: 2px solid #232323;
  margin-bottom: 30px;
}
.single_counter:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-left: 2px solid #232323;
  border-right: 2px solid #232323;
  height: 40%;
}
.single_counter:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  border-left: 2px solid #232323;
  border-right: 2px solid #232323;
  height: 40%;
}
.counter_icon {
  margin-top: 7px;
}
.counter_icon i {
  color: #232323;
  font-size: 30px;
  text-align: center;
  display: block;
}
.counter_title {
  padding: 0 0 0;
}
.counter_title h4 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  text-transform: capitalize;
  transition: 0.3s;
  color: #232323;
  padding-top: 20px;
  padding-bottom: 8px;
}
.countr_text > h3 {
  color: #232323;
  display: inline-block;
  font-size: 43px;
}
.countr_text span {
  color: #232323;
  display: inline-block;
  font-size: 43px;
  font-weight: 700;
}
.single_counter:hover {
  background: #008000;
  border-color: #008000;
}
.single_counter:hover:before,
.single_counter:hover:after {
  border-color: #008000;
}
.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;
}
.coun_area4 .witr_counter_single {
  text-align: center;
}
.th_coun_area5 {
  padding: 100px 0 70px;
}
.witr_single_counter {
  border: 2px solid #232323;
  border-radius: 100%;
  padding: 72px 0 61px;
  text-align: center;
  transition: all 0.5s ease 0s;
  height: 270px;
  width: 270px;
  transition: 0.5s;
  margin: auto;
  margin-bottom: 30px;
}
.witr_counter_icon4 i {
  color: #232323;
  font-size: 30px;
  text-align: center;
  transition: all 1s ease 0s;
  margin-bottom: 15px;
}
.witr_counter_text h4 {
  color: #232323;
  font-size: 25px;
}
.witr_counter_text h3 {
  color: #232323;
  display: inline-block;
  font-size: 33px;
  font-weight: 700;
}
.witr_counter_text span {
  color: #232323;
  font-size: 42px;
  font-weight: 700;
  line-height: 0;
}
.witr_single_counter:hover {
  border: 3px dotted #f00;
  background: #008000;
  animation: border_blinker 3.5s linear;
}
@keyframes border_blinker {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.witr_single_counter:hover .witr_counter_icon4 i,
.witr_single_counter:hover .witr_counter_text h4,
.witr_single_counter:hover .witr_counter_text h3,
.witr_single_counter:hover .witr_counter_text span {
  color: #fff;
}
/* ===== 10. Typhography Area CSS ===== */
.custom_icon_list {
  padding: 70px 0 80px;
}
.th_typhography_area {
  padding: 100px 0 50px;
}
.th_typhography_area .witr_section_title {
  margin-bottom: 45px;
}
.th_typhography_area .witr_section_title_inner h1 {
  font-size: 50px;
}
.th_typhography_area .witr_section_title_inner h2 {
  font-size: 38px;
  color: #232323;
  text-transform: capitalize;
}
.th_typhography_area .witr_section_title_inner h3 {
  font-size: 32px;
}
.th_typhography_area .witr_section_title_inner h4 {
  font-size: 26px;
}
.th_typhography_area .witr_section_title_inner h5 {
  font-size: 22px;
}
.th_typhography_area .witr_section_title_inner h6 {
  font-size: 18px;
}
.th_typhograpy_area2 {
  padding: 88px 0 45px 0;
  background: #f9f9f9;
}
.th_typhograpy_area2 .witr_section_title_inner p {
  width: 100%;
}
.th_typhograpy_area2 .witr_section_title {
  margin-bottom: 50px;
}
.witr_cs_icon i {
  font-size: 57px;
  display: inline-block;
  margin: 20px;
  color: #008000;
}
/* ===== 11. Countdown Area CSS ===== */
.th_countdwn_area {
  padding: 90px 0 70px;
}
.counterdowns {
  text-align: center;
}
span.cdowns {
  width: 175px;
  height: 165px;
  background: #008000;
  display: inline-block;
  margin: 0 29px;
  position: relative;
  margin-bottom: 30px;
}
span.cdowns:before {
  position: absolute;
  content: "";
  top: 60px;
  right: -37px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
span.cdowns::before,
span.cdowns::after {
  background: #008000;
}
span.time-counts {
  line-height: 119px;
  font-size: 55px;
  color: #fff;
  font-weight: 700;
}
.counterdowns p {
  color: #fff;
  font-size: 20px;
  line-height: 0px;
  margin-top: -4px;
  font-weight: 700;
}
span.cdowns:after {
  position: absolute;
  content: "";
  top: 93px;
  right: -37px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
.cdowns:last-child::before,
.cdowns:last-child::after {
  display: none;
}
/* ===== Countdown Area CSS ===== */
.countdwn_area2 span.cdowns {
  border-radius: 30px;
}
.countdwn_area3 span.cdowns {
  background: #fff;
}
.countdwn_area3 span.time-counts {
  color: #008000;
}
.countdwn_area3 .counterdowns p {
  color: #008000;
}
.countdwn_area4 span.cdowns {
  border-radius: 30px 30px 0 0;
}
.countdwn_area2 {
  background: #f9f9f9;
}
.countdwn_area4 {
  background: #f9f9f9;
}
.th_coming_soon {
  padding: 90px 0 70px;
}
.th_coming_soon span.cdowns {
  border-radius: 30px 0 30px 0;
}
/* ===== 12 Team Area CSS ===== */
.th_team_area {
  padding: 90px 0 70px;
}
.em-team {
  text-align: center;
  position: relative;
  transition: 0.5s;
  margin-bottom: 30px;
}
.em-team-one {
  position: relative;
  overflow: hidden;
  padding-bottom: 55px;
}
.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;
  transition: all 0.3s ease 0s;
}
.em-content-title h5 {
  font-size: 25px;
  margin-bottom: 0;
  text-transform: capitalize;
  transition: 0.5s;
}
.em-content-subtitle {
  font-size: 17px;
  margin: 5px 0 0;
  text-transform: capitalize;
  transition: 0.5s;
}
.em-team-content-socials {
  position: relative;
  transition: 0.5s;
}
.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: #008000;
}
.em-team:hover .em-team-content-waraper {
  background: rgb(0 128 0 / 90%);
  bottom: 0px;
}
.em-team:hover .em-content-title h5,
.em-team:hover .em-content-subtitle {
  color: #fff;
}
.em-team-content-socials a:hover {
  background: #008000;
  color: #fff;
}
/* ===== Team Area CSS ===== */
.h2_team_area {
  padding: 92px 0 70px;
}
.busi_singleTeam {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.busi_singleTeam::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: 0.5s;
}
.busi_singleTeam img {
  width: 100%;
}
.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_TMHover::before {
  position: absolute;
  left: 0;
  top: 0;
  background: #008000;
  width: 0px;
  height: 3px;
  content: "";
  transition: all ease 500ms;
}
.TM_center {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.busi_TMHover::after {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #008000;
  width: 0px;
  height: 3px;
  content: "";
  transition: all ease 500ms;
}
.busi_singleTeam h5 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-left: -30px;
  transition: all 0.6s ease-in-out;
}
.busi_singleTeam span {
  font-size: 14px;
  margin-right: -30px;
  transition: all 0.6s ease-in-out;
}
.busiTS {
  opacity: 0;
  transition: all 0.9s ease-in-out;
  margin-top: 8px;
}
.busiTS a {
  font-size: 16px;
  color: #7c7c7c;
  height: 34px;
  width: 34px;
  line-height: 30px;
  border: 2px solid #dddddd;
  border-radius: 50%;
  text-align: center;
  transition: 0.5s;
  display: inline-block;
}
.busiTS a:hover {
  background: #008000;
  border-color: #008000;
  color: #fff;
}
.busi_singleTeam:hover .busi_TMHover {
  opacity: 1;
}
.busi_singleTeam:hover .busi_TMHover::before,
.busi_singleTeam:hover .busi_TMHover::after {
  width: 80px;
}
.busi_singleTeam:hover .busiTS {
  opacity: 1;
  transition: all 0.9s ease-in-out;
}
.busiTS a:hover {
  background: #008000;
  border-color: #008000;
  color: #fff;
}
.busi_singleTeam:hover h5 {
  margin-left: 0;
}
.busi_singleTeam:hover span {
  margin-right: 0;
}
.busi_singleTeam h5:hover {
  color: #008000;
}
/* ===== Team Area CSS ===== */
.th_team_area3 {
  padding: 95px 0 80px;
}
.witr_team_part {
  overflow: hidden;
  position: relative;
  padding-bottom: 23px;
}
.witr_team_thumb3 {
  position: relative;
}
.witr_team_thumb3::before {
  content: "";
  position: absolute;
  background: rgb(0 128 0 / 70%);
  height: 100%;
  width: 100%;
  right: -100%;
  top: 0;
  transition: 1s;
}
.witr_team_thumb3 img {
  width: 100%;
}
.witr_team_top {
  background: #fff;
  border-radius: 5px;
  position: absolute;
  top: -23%;
  right: -7px;
  transform: translate(-50%, -50%);
  transition: 1s;
}
.witr_team_top ul li a {
  color: #008000;
  margin: 12px 13px;
  transition: 1s;
  display: block;
}
.witr_team_content3 {
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 15px 30px 13px;
  margin: 0 20px;
  box-shadow: 0px 0px 30px 0 rgba(42, 67, 113, 0.15);
  margin-top: -58px;
}
.witr_team_content3 h5 {
  font-size: 24px;
  margin-bottom: 5px;
}
.witr_team_content3 span {
  color: #626262;
}
.witr_bottom_icon {
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translate(-50%, -50%);
  transition: 1s;
}
.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: #008000;
  transition: 1s;
}
.witr_team_part:hover .witr_team_thumb3::before {
  right: 0;
}
.witr_team_part:hover .witr_team_top {
  top: 24%;
}
.witr_team_part:hover .witr_bottom_icon {
  top: 99%;
}
.witr_bottom_icon a:hover {
  background: #008000;
  color: #fff;
}
.witr_team_top ul li a:hover {
  color: #ff8400;
}
/* ===== 13. Testimonial Area CSS ===== */
.th_test_area {
  padding: 90px 0 92px;
}
.th_test_area .witr_section_title {
  margin-bottom: 42px;
}
.th_test_area .witr_section_title_inner h2 {
  font-size: 17px;
  margin-bottom: 6px;
}
.witr_client7 {
  position: relative;
}
.witr_testiSlider {
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  padding: 0 0 11px;
  margin: auto;
}
.witr_testiSlider .slick-slide .witr_autho_thumb img {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  display: inline-block;
}
.witr_content_test7 {
  position: relative;
  padding: 0 180px;
}
.witr_content_test7 .em_crating {
  margin: 0px 0 20px;
}
.witr_content_test7 .em_crating i {
  font-size: 18px;
}
.em_crating i.active {
  color: #ff7e00;
}
.em_crating i {
  margin-bottom: 11px;
}
.witr_content_test7 p {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  z-index: 3;
}
.witr_author_name {
  margin-top: 22px;
  z-index: 11;
  position: relative;
}
.witr_content_test7 h6 {
  font-size: 25px;
}
.witr_content_test7 span {
  font-size: 18px;
}
/* ===== Testimonial Area CSS ===== */
.h2_test_area2 {
  padding: 95px 0 100px;
}
.h2_test_area2 .witr_section_title {
  margin-bottom: 20px;
}
.witr_item_column {
  padding: 0 15px;
  padding-top: 60px;
}
.testomonial .test-part {
  border: 2px solid #ddd;
  padding: 30px 17px 10px 30px;
  position: relative;
}
.test-part h6 {
  display: inline-block;
  font-size: 25px;
  line-height: 26px;
  color: #232323;
  padding-top: 30px;
  padding-bottom: 7px;
}
.test-part span {
  color: #232323;
  font-weight: 400;
  font-size: 17px;
}
.test-part ul li {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
}
.h2_test_area2 .em_crating i.active {
  color: #ff7e00;
}
.h2_test_area2 .em_crating i {
  margin-bottom: 11px;
  color: #008000;
  font-size: 18px;
}
.testomonial .test-part img {
  position: absolute;
  top: -43px;
  left: 30px;
  z-index: 22;
  width: 78px;
  height: 78px;
}
.busins_page_test .witr_content_test7 p::after {
  position: absolute;
  left: 0;
  top: -10px;
  right: 0;
  content: "\f10e";
  font-family: fontAwesome;
  font-size: 146px;
  line-height: 0.8;
  color: #eeeeee;
  z-index: -1;
}
.busins_page_test .em_crating i {
  color: #008000;
}
.busins_page_test .em_crating i.active {
  color: #ff7e00;
}
/* ===== Testimonial Area CSS ===== */
.test_page_test2 {
  background: #f9f9f9;
  padding: 88px 0 90px 0;
}
.th_test_area3 {
  padding: 90px 0 70px;
}
.th_test_area3 .witr_testi_itemt {
  padding: 0 15px;
}
.th_test_area3 .witr_section_title {
  margin-bottom: 10px;
}
.th_test_area3 .em_single_testimonial {
  background: #fff;
  margin-bottom: 30px;
  transition: 0.5s;
  padding: 41px 50px 43px;
  margin-top: 40px;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  position: relative;
}
.th_test_area3 .em_single_testimonial:before {
  color: #182c44;
  content: "";
  font-family: fontawesome;
  font-size: 60px;
  left: 50px;
  opacity: 0.08;
  position: absolute;
  top: -15px;
}
.th_test_area3 .em_testi_text {
  text-align: left;
  color: #7f8288;
  margin-bottom: 23px;
}
.th_test_area3 .em_test_thumb {
  float: left;
  margin-right: 20px;
}
.th_test_area3 .witr_testi_box {
  margin-top: 30px;
}
.th_test_area3 .em_testi_title h2 {
  font-size: 21px;
  margin-bottom: 5px;
}
.th_test_area3 .em_testi_title span {
  font-size: 16px;
  font-weight: 400;
  color: #7f8288;
}
.th_test_area3 .em_crating i {
  margin-bottom: 11px;
  color: #ff7e00;
  font-size: 18px;
}
.th_test_area3 .em_single_testimonial:hover {
  box-shadow: 0px 0px 30px rgba(12, 62, 185, 0.1);
}
/* ===== 14. Tab Area CSS ===== */
.th_tab_area {
  background: #f9f9f9;
  padding: 85px 0 100px;
}
.tab_area2 {
  background: rgba(2, 1, 1, 0);
}
.tab_area2 .nav-tabs {
  border: none;
}
.techito_tab li {
  display: inline-block;
  list-style: none;
  float: left;
  overflow: hidden;
  margin-right: 15px;
}
.techito_tab li a {
  background: #ff7e00;
}
.techito_tab li a {
  padding: 15px 30px;
  display: block;
  color: #fff;
}
.tab-content > .active {
  display: block;
}
.wic_tab_content2 {
  padding-top: 40px;
}
.witr_tab_title_content2 h2 {
  font-size: 20px;
  margin-bottom: 19px;
  color: #008000;
}
.techito_tab li a.active {
  background: #008000;
}
.techito_tab li a.active,
.techito_tab li a:hover {
  background: #008000;
  color: #fff;
}
.witr_tab_btn a {
  color: #008000;
}
/* ===== Tab Area CSS ===== */
.tabs .tabs-wrapper {
  overflow: hidden;
}
.tab-title {
  border: 1px solid #d5d8dc;
}
.tabs.tabs-view-horizontal .tab-desktop-title {
  display: table-cell;
}
.tabs .tab-desktop-title {
  position: relative;
  padding: 20px 25px;
  font-weight: 700;
  line-height: 1;
  border: solid transparent;
}
/* ===== 15. Pricing Area CSS ===== */
.th_price_area {
  padding: 85px 0 70px;
}
.th_price_area .witr_section_title {
  margin-bottom: 45px;
}
.pricing_area {
  border: 1px solid #008000;
  border-radius: 5px;
  margin-bottom: 30px;
}
.pricing-part {
  position: relative;
  overflow: hidden;
}
.pricing-part i {
  color: #008000;
  font-size: 40px;
  margin-top: 40px;
  display: block;
}
.all_pricing_color sub {
  background: #008000;
}
.pricing-part sub {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: -65px;
  top: 20px;
  background: #008000;
  line-height: 43px;
  width: 217px;
  height: 45px;
  text-align: center;
  transform: rotate(45deg);
}
.pricing-part h4 {
  font-size: 24px;
  color: #232323;
  margin: 26px 0 12px;
  display: block;
}
.pricing-part h5 {
  font-size: 35px;
  margin-bottom: 30px;
  color: #008000;
}
.pricing-part span {
  font-size: 24px;
  margin-right: 5px;
}
.pricing-part ul li {
  color: #555555;
  line-height: 40px;
  list-style: none;
}
.witr_btnp_color {
  margin-top: 37px;
  padding-bottom: 40px;
}
.pricing-part a.btn {
  background: #008000;
  line-height: 41px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  color: #fff;
  border: 1px solid #008000;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.pricing-part a.btn:hover {
  background: transparent;
  color: #008000;
}
.mid_price {
  background: #008000;
}
.mid_price .all_pricing_color i {
  color: #fff;
}
.mid_price .all_pricing_color h4 {
  color: #fff;
}
.mid_price .all_pricing_color h5 {
  color: #fff;
}
.mid_price .all_pricing_color ul li {
  color: #fff;
}
.mid_price a.btn {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.mid_price .all_pricing_color sub {
  background: #ff7e00;
}
/* ===== Pricing Area CSS ===== */
.th_pric_area2 {
  background: #f9f9f9;
  padding: 83px 0 80px 0;
}
.th_pric_area2 .all_pricing_color i {
  color: #fff;
  background: #008000;
  border-radius: 5px 5px 0 0;
  margin: 0;
  padding: 40px 0 40px 0;
  font-size: 40px;
  display: block;
}
.th_pric_area2 .all_pricing_color ul li:nth-child(odd) {
  color: #fff;
  background: #008000;
}
.th_pric_area2 .pricing-part ul li {
  color: #555555;
  line-height: 40px;
  list-style: none;
}
.th_pric_area2 .witr_btnp_color {
  background: #008000;
  border-radius: 0 0 5px 5px;
  padding: 40px 0 40px 0;
}
.th_pric_area2 .witr_btnp_color {
  margin-top: 37px;
}
.th_pric_area2 .all_pricing_color:hover i {
  background: #112032;
}
.th_pric_area2 .pricing_area:hover .witr_btnp_color {
  background: #112032;
}
.th_pric_area2 .all_pricing_color sub {
  background: #ff7e00;
}
/* ===== 16. Blog Area CSS ===== */
.cl_blog_area {
  padding: 115px 0 95px;
}
section.witr_blog_area5 {
  padding: 130px 0 120px 0;
}
.witr_blog_area5 .witr_back_title {
  left: 0;
}
.witr_blog_area5 .witr_section_title {
  margin-bottom: 30px;
}
.busi_singleBlog {
  transition: 0.5s;
  box-shadow: 0 10px 40px 0 rgba(50, 65, 141, 0.07);
  position: relative;
  overflow: hidden;
  background: #fff;
  text-align: left;
  margin-bottom: 25px;
}
.witr_blog_area5 .busi_singleBlog {
  display: flex;
}
.witr_blog_area5 .witr_sb_thumb {
  flex: 0.45;
}
.witr_sb_thumb {
  overflow: hidden;
  position: relative;
}
.witr_sb_thumb:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.witr_blog_area5 .witr_sb_thumb img {
  height: 100%;
}
.witr_sb_thumb img {
  width: 100%;
  transition: 0.5s;
}
.witr_blog_area5 .all_blog_color {
  flex: 0.55;
  text-align: left;
}
.witr_blog_con {
  padding: 20px 15px 0 10px;
  margin-bottom: 0;
}
.all_blog_color span,
.all_blog_color span a,
.witr_blog_meta_potion {
  margin: 0 5px 0 0;
}
.witr_blog_metan span,
.witr_blog_metan span a,
.witr_blog_con span,
.witr_blog_con span a {
  color: #888888;
}
.witr_blog_con h2 {
  margin: 15px 0 0;
  color: #222429;
}
.witr_blog_con h2 a {
  display: inline-block;
}
.all_blog_color p {
  margin: 0 0 20px 0;
}
.em-blog-content-area_adn {
  padding: 0 10px 16px 5px;
}
.learn_btn {
  background: #fff;
  padding: 8px 5px;
  text-align: center;
  border-radius: 0;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  color: #008000;
}
.learn_btn i {
  color: #fff;
  font-size: 20px;
  background: #008000;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0 0 0 15px;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  display: inline-block;
}
.witr_blog_con span {
  line-height: 26px;
  font-size: 16px;
}
.busi_singleBlog:hover {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
}
.busi_singleBlog:hover .witr_sb_thumb img,
.busi_singleBlog:hover .witr_sb_thumb:before {
  transform: scale(1.2);
}
/* ===== Blog Area CSS ===== */
.th_blog_area {
  padding: 95px 0 70px;
}
.th_blog_area .witr_section_title {
  margin-bottom: 40px;
}
.witr_blog_imags {
  overflow: hidden;
}
.blog-img {
  position: relative;
  transition: 0.5s;
}
.blog-img:before {
  position: absolute;
  content: "";
  background: rgb(0 0 0 / 60%);
  left: 0;
  width: 0%;
  height: 100%;
  transition: 1s;
  z-index: 9;
}
.blog_part_inner:hover .blog-img:before {
  width: 100%;
}
.blog-img a {
  position: relative;
  display: block;
}
.blog-img img {
  width: 100%;
}
.wblog-content.blog-content-5 {
  padding: 15px 20px 15px;
  box-shadow: 0 2px 6px 0 #f5f2f2;
}
.wblog-content span {
  font-size: 16px;
  color: #626262;
  line-height: 28px;
  margin: 2px 0px 0px 0;
  display: inline-block;
  text-transform: capitalize;
}
.wblog-content span a {
  font-size: 15px;
}
.wblog-content span i {
  padding-right: 5px;
  padding-left: 5px;
  transition: 0.5s;
}
.wblog-content.blog-content-5 h5 {
  padding-bottom: 0;
}
.wblog-content h5 {
  margin: 5px 0 10px;
  line-height: 1;
}
.wblog-content h5 > a {
  font-size: 24px;
  color: #232323;
}
.learn_btn,
.wblog-content h5 > a:hover,
.wblog-content span i:hover,
.wblog-content > a,
.witr_blog_con span i:hover {
  color: #008000;
}
.wblog-content span a {
  color: #626262;
}
.wblog-content span i {
  padding-right: 5px;
  padding-left: 5px;
  color: #008000;
  transition: 0.5s;
}
.wblog-content {
  padding: 21px 6px 26px 22px;
  box-shadow: 0px 0px 15px 0px rgba(148, 146, 245, 0.2);
  background: #fff;
  transition: 1s;
}
.witr_buttom_text {
  margin-top: 15px;
}
.witr_buttom_text a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 12px 30px;
  background: #ff7e00;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  transition: 1s;
  display: inline-block;
  text-transform: uppercase;
}
.witr_buttom_text i {
  margin-left: 8px;
  transition: 1s;
}
.witr_buttom_text a:hover {
  background: #008000;
  color: #fff;
}
.witr_buttom_text:hover i {
  margin-left: 10px;
}
.blog_part_inner:hover .blog-img,
.blog_part_inner:hover .blog-img a:before {
  transform: scale(1.2);
}
.blog-part {
  margin-bottom: 30px;
  text-align: center;
}
/* ===== Blog Area CSS ===== */
.h2_blog_area {
  padding: 95px 0 70px;
}
.h2_blog_area .all_blog_color {
  text-align: center;
  margin-bottom: 30px;
}
.techito-single-blog_adn {
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(148, 146, 245, 0.2);
  overflow: hidden;
  text-align: left;
  transition: all 0.3s ease-in-out 0s;
}
.blog_adn_thumb_inner {
  position: relative;
}
.techito-blog-thumb_adn {
  overflow: hidden;
  position: relative;
}
.techito-blog-thumb_adn:before {
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  z-index: 999;
  transition: 0.5s;
}
.techito-blog-thumb_adn a {
  position: relative;
}
.techito-blog-thumb_adn img {
  display: block;
  transition: 6s;
  width: 100%;
}
.blog_add_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  z-index: 999;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: 0.5s;
}
.blog_add_icon a {
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #008000;
  border-radius: 50%;
  display: inline-block;
}
.blog-page-title_adn2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999;
}
.blog-page-title_adn2 h2 {
  margin: 0px;
  background: rgba(0, 0, 0, 0.72);
  padding: 15px;
  color: #fff;
  transition: 0.5s;
  line-height: 0.9;
}
.blog-page-title_adn2 h2 a {
  color: #fff;
  font-size: 24px;
  margin: 0;
}
.techito-single-blog_adn:hover .techito-blog-thumb_adn:before,
.techito-single-blog_adn:hover .blog_add_icon {
  opacity: 1;
}
.techito-single-blog_adn:hover .blog-page-title_adn2 h2 {
  background: rgb(0 128 0 / 80%);
}
.h2_blog_area .learn_btn {
  padding: 8px 22px;
  font-weight: 400;
  text-align: center;
  color: #232323;
}
.h2_blog_area .learn_btn i {
  font-size: 15px;
  margin-left: 3px;
  transition: all 0.3s ease 0s;
  color: #008000;
  background: 0;
}
.h2_blog_area .em-blog-content-area_adn {
  padding: 15px 10px 15px;
}
.h2_blog_area .learn_more_adn {
  text-align: center;
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
  padding: 100px 0px 100px;
}
.blog-left-side > div {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 15px;
  box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
  margin-bottom: 0;
}
.blog-left-side h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.blog-left-side .content {
  padding: 0;
}
.blog-left-side .push-bottom-large {
  margin-bottom: 0;
}
.blog-left-side > div:last-child {
  margin-bottom: 0;
}
.blog-left-side > aside:last-child {
  margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
  background: 0 0;
  color: #18c8ff;
}
.defaultsearch {
  background: #f7f7f7;
  position: relative;
}
.defaultsearch input {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 0 none;
  height: 54px;
  position: relative;
  width: 100%;
}
.defaultsearch button {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  color: #858585;
  font-size: 18px;
  padding: 1px 15px;
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
  padding-left: 10px;
}
.blog-left-side .widget h2 {
  bottom: -1px;
  display: block;
  line-height: 17px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  position: relative;
  text-transform: capitalize;
}
.blog-left-side .widget h2::before {
  background: #008000;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0px;
  position: absolute;
  width: 26%;
  top: 30px;
}
.em-blog-content-area {
  padding: 20px 15px 0;
  overflow: hidden;
}
.footer-middle .widget h5 {
  text-transform: capitalize;
}
.blog-left-side .widget ul {
  list-style: none;
}
.blog-left-side .widget ul li {
  margin: 0 0 5px;
  padding-left: 20px;
  position: relative;
}
.blog-left-side .widget > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.blog-left-side .widget ul li span {
  font-weight: 300;
}
.blog-left-side .widget ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog-left-side > .widget > ul > li {
  margin: 0 0 10px;
  padding-bottom: 10px;
}
.blog-left-side .widget ul li a:hover,
.blog-left-side .widget ul li:hover::before {
  color: #008000;
}
.blog-left-side .widget ul li::before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 18px;
  left: 0;
  position: absolute;
}
.blog-left-side .widget select {
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  padding-left: 5px;
}
.techito-blog-meta-left i {
  color: #008000;
}
.techito-blog-meta-left i {
  font-size: 13px;
  margin-right: 5px;
}
.techito-blog-meta-left {
  margin-bottom: 10px;
  margin-top: 5px;
}
.recent-post-text h4 a:hover {
  color: #008000;
}
.recent-post-item {
  padding-bottom: 0;
}
.recent-post-text h4 {
  margin-bottom: 0;
  line-height: 1;
}
.techito-blog-meta-left a,
.techito-blog-meta-left span {
  color: #888;
}
.widget .screen-reader-text {
  display: none;
}
.textwidget select {
  width: 100%;
}
#wp-calendar {
  width: 100%;
}
.tagcloud a {
  display: inline-block;
  font-size: 14px !important;
  margin: 0 8px 10px 0;
  padding: 7px 15px;
  text-align: center;
  font-weight: 400;
  border: 1px solid #ddd;
  text-transform: capitalize;
}
.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
  color: #db2d2e;
}
.tagcloud a:hover {
  background: #db2d2e;
  color: #fff;
}
#wp-calendar caption {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: left;
  text-transform: uppercase;
}
#wp-calendar {
  font-size: 13px;
}
#wp-calendar {
  border: 0 solid #e5e5e5;
  margin-bottom: 20px;
  overflow: auto;
  vertical-align: top;
  width: 100%;
  margin: 0;
}
table#wp-calendar td {
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}
#wp-calendar td,
#wp-calendar th {
  padding: 8px;
}
table#wp-calendar th {
  border: 1px solid #e5e5e5;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
table#wp-calendar td#today {
  color: #fff;
  background-color: #008000;
}
table#wp-calendar td#today a {
  color: #fff;
}
.textwidget img {
  margin-bottom: 15px;
}
.textwidget p {
  margin-bottom: 0.5rem;
}
.techito-blog-thumb img {
  width: 100%;
  transition: 0.5s;
}
.witr-blog-side-area .imagess_area .slick-slide img {
  display: inline-block;
  margin: auto;
  width: 100%;
}
.witr-blog-side-area.blog_sidebar .techito-single-blog {
  margin-bottom: 30px;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  background: transparent;
}
.techito-single-blog {
  overflow: hidden;
  text-align: left;
  transition: all 0.3s ease-in-out 0s;
}
.techito-blog-thumb {
  overflow: hidden;
}
.single_blog_thumb img {
  width: 100%;
}
.techito-blog-thumb a {
  display: block;
  position: relative;
}
.techito-blog-thumb a:before {
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 999;
  transition: 0.5s;
}
.techito-blog-thumb a:before {
  background: rgba(0, 0, 0, 0.7);
}
.techito-blog-thumb img {
  width: 100%;
}
.techito_blog_area .em-blog-content-area {
  padding: 20px 15px 0;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.techito-blog-meta.post_blog h2 a {
  font-size: 24px;
  font-weight: 700;
  transition: 0.5s;
}
.techito-blog-meta.post_blog h2 a:hover {
  color: #008000;
}
.techito-blog-meta-left {
  margin-bottom: 10px;
  margin-top: 5px;
}
.techito-blog-meta-left a,
.techito-blog-meta-left span {
  color: #888888;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 0;
  display: inline-block;
}
.techito-blog-meta-left i {
  color: #008000;
  margin-right: 5px;
  font-size: 13px;
}
.techito-blog-meta-left a,
.techito-blog-meta-left span {
  color: #888;
}
.em-blog-content-area .witr_btn {
  background: #008000;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  padding: 10px 30px;
  text-align: center;
  position: relative;
  margin-right: 20px;
  z-index: 2;
  transition: 1s;
  font-weight: 400;
  margin-bottom: 20px;
}
.techito-single-blog:hover .techito-blog-thumb a:before {
  opacity: 1;
}
.techito-single-blog:hover .techito-blog-thumb img {
  transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
  background: #323232;
  color: #fff;
}
.video-open-inline iframe {
  width: 100%;
  height: 400px;
  border: none;
}
.witr-blog-side-area.blog_sidebar .markit-single-blog {
  margin-bottom: 30px;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  background: transparent;
}
.witr-blog-side-area blockquote {
  background-color: #f7f7f7;
  border-left: 3px solid #008000;
  padding: 1em 1em;
  margin-top: 15px;
}
blockquote {
  margin: 0 0 30px;
  font-size: 17px;
  font-weight: 400;
  box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
.blog-left-side .widget a {
  color: #454545;
}
.blog-left-side > div {
  margin-bottom: 30px;
  padding: 35px 30px 35px;
  border-radius: 8px;
  box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.recent-post-text h4 a {
  font-size: 17px;
  font-weight: 600;
}
.recent-post-text .rcomment {
  font-size: 14px;
}
.widget_recent_data .recent-post-image img {
  margin-bottom: 0;
  margin-top: 12px;
}
.widget_recent_data .recent-post-item {
  margin-bottom: 0;
}
.blog-left-side .single-widget-item h2 {
  color: #030925;
}
.techito-blog-meta.post_blog {
  padding: 20px 0px 0;
  overflow: hidden;
}
.blog-content {
  padding: 5px 15px 0;
  overflow: hidden;
}
.blog-content {
  padding: 0;
  overflow: hidden;
}
.techito-single-blog .em-blog-content-area {
  padding: 5px 15px 0;
  overflow: hidden;
}
/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
  padding: 100px 0 70px;
}
.techito-single-blog-details-inner {
  padding: 38px 45px 45px;
  box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
  border-radius: 0 0 10px 10px;
}
.block .wp-block-quote.is-large p,
.block .wp-block-quote.is-style-large p {
  font-size: 1.5em;
  font-style: italic;
  line-height: 1.6;
  color: #5c727d;
}
.wp-block-group__inner-container {
  text-align: center;
}
.techito-single-icon-inner {
  text-align: center;
}
.techito-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;
}
.techito-single-icon-inner a:hover {
  background: #008000;
  border-color: #008000;
  color: #fff;
}
.comment-respond {
  border: 1px solid #ddd;
  margin-bottom: 30px;
  padding: 25px 10px 30px;
  background-color: #f1f1f1;
}
.comment_field .input-field {
  width: 33.33%;
  float: left;
  margin-bottom: 25px;
}
.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 .input-field label,
.comment_field .textarea-field label {
  color: #606060;
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 500;
}
.comment_field .input-field input,
.comment_field .textarea-field textarea {
  color: #555555;
}
.comment_field .input-field input {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 6px 20px;
  height: 54px;
  font-size: 17px;
}
.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;
}
.techito_btn {
  background: transparent;
  border: 1px solid #ddd;
  display: inline-block;
  text-align: center;
  padding: 12px 20px;
  margin-top: 15px;
  border-radius: 5px;
  transition: 0.5s;
  color: #444;
}
.techito_btn:hover {
  background: #008000;
  border-color: #008000;
  color: #fff;
}
/* end sidebar css */
/* ===== 17. Footer Area CSS ===== */
.witrfm_area {
  position: relative;
}
.footer-middle {
  padding: 65px 0 78px;
  background: #182c44;
}
.footer-middle .widget h2 {
  margin-bottom: 25px;
  margin-top: 28px;
  position: relative;
  font-size: 28px;
}
.single-widget-item h2 {
  margin-bottom: 33px;
  margin-top: 28px;
}
.techito-description-area a img {
  margin: 26px 0;
}
.gallery-item {
  display: inline-block;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
  margin: 0;
  float: left;
}
.gallery-icon img {
  margin: 0 auto;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.footer-middle .recent-post-text h4 a {
  font-weight: 500;
  font-size: 15px;
}
.footer-middle .recent-post-text > h4 {
  margin-bottom: 0;
  font-weight: 400;
  line-height: 0.7;
  margin-top: 10px;
}
.recent-post-image {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}
.recent-post-image img {
  border-radius: 0;
  width: 70px;
}
.recent-post-item {
  clear: both;
  margin-bottom: 15px;
}
.footer-sociala-icon {
  clear: both;
  float: left;
  font-size: 18px;
  margin-right: 12px;
}
.footer-sociala-icon {
  clear: both;
  float: left;
  font-size: 18px;
  margin-right: 12px;
}
.footer-sociala-info {
  overflow: hidden;
}
.recent-portfolio-area {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
.recent-portfolio {
  margin-bottom: 10px;
  margin-right: 10px;
}
.footer-middle .recent-post-text > h4 a:hover {
  color: #d33;
}
.footer-middle .recent-post-text .rcomment {
  font-size: 16px;
  font-weight: 400;
}
.footer-middle .widget ul li {
  margin-bottom: 10px;
}
.footer-middle .widget ul li a:hover,
.footer-middle .widget ul li:hover:before {
  color: #008000;
}
.footer-middle .widget ul li span {
  display: block;
}
.techito-destechitoiption-area a img {
  margin: 26px 0;
}
.footer-middle .widget h2 {
  color: #ffffff;
}
.witr_sub_table {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.witr_sub_table span {
  color: #fff;
}
.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,
mc4wp-form-fields p,
.mc4wp-form-fields,
.footer-m-address p,
.footer-m-address,
.footer-widget.address,
.footer-widget.address p,
.mc4wp-form-fields p,
.techito-description-area p,
.techito-description-area .phone a,
.techito-description-area .social-icons a,
.recent-review-content h3,
.recent-review-content h3 a,
.recent-review-content p,
.footer-middle .techito-description-area p,
.footer-middle .recent-post-text h4 a,
.footer-middle .recent-post-text .rcomment,
.witr_sub_table span {
  color: #ffffff;
}
.footer-middle .mc4wp-form-fields p,
.mc4wp-form-fields p {
  position: relative;
  line-height: 27px;
}
.techito-description-area .social-icons a {
  color: #ffa500;
  width: 38px;
  height: 38px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 5px;
  font-size: 15px;
  margin-left: -3px;
}
.techito-description-area .social-icons a:hover {
  background: #008000;
  color: #fff;
}
/* footer bottom area css */
.footer-bottom {
  padding: 26px 0 24px;
  position: relative;
  background: #182c44 none repeat scroll 0 0;
}
.footer-bottom:before {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  width: 61%;
  left: 0;
  right: 0;
  margin: auto;
  background: #ffffff61;
}
.copy-right-text p {
  margin: 0;
  padding: 0;
}
.copy-right-text p,
.footer-menu ul li a {
  color: #fff;
}
.footer-menu ul li {
  display: inline-block;
}
.footer-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-menu ul li a {
  padding: 0 10px;
  display: block;
}
.copy-right-text a,
.footer-menu ul li a:hover {
  color: #151515;
}
.footer-menu ul li a {
  padding: 0 10px;
  display: block;
  color: #fff;
}
.copy-right-text a:hover,
.footer-menu ul li a:hover {
  color: #008000;
}
.footer-menu {
  text-align: right;
}
/* stechitooll up css */
#scrollUp {
  bottom: 30px;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  right: 30px;
  text-align: center;
  border-radius: 5px;
  width: 40px;
  background: #008000;
}
#scrollUp i {
  color: #fff;
}
/* slick slide css */
.slick-dots li button {
  font-size: 0;
  width: 20px;
  height: 10px;
  border: 0 solid #f0f0f0;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 0;
  padding: 0;
  transition: 0.5s;
  outline: 0;
  background: #0080005c;
}
.slick-dots li.slick-active button {
  background: #008000;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -60px;
  display: inline-block;
  z-index: 11;
  text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev,
.slick-next {
  font-size: 0;
  position: absolute;
  display: block;
  padding: 0;
  cursor: pointer;
  color: #008000;
  outline: none;
  z-index: 9;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
  line-height: 50px;
  top: 50%;
  transform: translate(0px, -50%);
  transition: 0.5s;
  border: 0px solid #17161a;
  background: transparent;
  border: 2px solid #008000;
}
.slick-prev {
  left: -65px;
}
.slick-next {
  right: -65px;
}
.slick-next:before,
.slick-prev:before {
  color: #008000;
  font-size: 40px;
  transition: all 0.3s ease 0s;
  content: "\ea93";
  font-family: IcoFont !important;
  line-height: inherit;
  opacity: 1;
}
.slick-next:before {
  content: "\ea94";
  font-family: IcoFont !important;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  background: #008000;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  color: #fff;
}
button:focus {
  outline: 0;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: #008000;
}
.th_images_area:hover .slick-prev,
.th_images_area:hover .slick-next {
  opacity: 1;
}
.th_test_area:hover .slick-prev,
.th_test_area:hover .slick-next {
  opacity: 1;
}
.th_blog_area:hover .slick-prev,
.th_blog_area:hover .slick-next {
  opacity: 1;
}
.h2_test_area2:hover .slick-prev,
.h2_test_area2:hover .slick-next {
  opacity: 1;
}
/*===== 18. Breadcumb 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 {
  background-image: url("../image/slider2.jpg");
  padding: 70px 0 70px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}
.breadcumb-area:before,
.breadcumb-blog-area:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 128, 0, 0.9);
}
.brpt h2,
.breadcumb-inner h2,
.brpt.brptsize h1 {
  color: #ffffff;
  font-size: 30px;
  position: relative;
}
.breadcumb-inner ul,
.breadcumb-inner ul span a,
.breadcumb-inner li,
.breadcumb-inner li a {
  color: #ffffff;
}
.breadcumb-inner ul {
  font-weight: 400;
  position: relative;
}
.breadcumb-inner li {
  display: inline-block;
  margin: 0 2px;
  color: #fff;
  font-weight: 400;
}
.breadcumb-inner li:nth-last-child(-n + 1) {
  color: #ff6200;
  color: #fff;
  font-weight: 400;
}
.breadcumb-inner li a {
  font-weight: 400;
  color: #fff;
}
.breadcumb-inner li a:hover {
  color: #008000;
}
.brpt h2 {
  color: #fff;
  font-size: 30px;
  position: relative;
}
.lcase {
  text-transform: lowercase;
}
.ucase {
  text-transform: uppercase;
}
.ccase {
  text-transform: capitalize;
}
/* ===== 18. Brand Area CSS ===== */
.th_br_area {
  background: #008000;
  padding: 85px 0 95px 0;
}
.th_br_area .slide_items {
  text-align: center;
}
/* ===== 19. Video Area CSS ===== */
.th_vd_area {
  background-image: url(../image/slider1.jpg);
  padding: 200px 0 200px 0;
  position: relative;
  background-position: center center;
}
.th_vd_area::before {
  content: "";
  position: absolute;
  background: #008000;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.video-item a {
  position: relative;
  display: block;
}
.video-item i {
  color: #008000;
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background: #fff;
  border-radius: 50%;
  font-size: 25px;
}
.video-item a::after {
  animation-delay: 1.5s;
}
.video-item a::after,
.video-item a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  animation: witr_video_ripple 2s infinite;
}
.video-item a::after {
  animation-delay: 1.5s;
}
@keyframes witr_video_ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
  }
}
.witr_youtube_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -99;
}
.witr_youtube_video iframe {
  width: 100%;
  height: 100%;
  border: none;
  transform: scale(1.2);
}
.video_page_area .witr_swiper_height {
  z-index: -1;
}
.bvideo_page_area {
  position: relative;
}
.video_page_area .witr_ds_content h1,
.video_page_area .witr_ds_content h2,
.video_page_area .witr_ds_content h3,
.video_page_area .witr_ds_content p,
.video_page_area .witr_flow_text h5 {
  color: #fff;
  z-index: 999;
}
.video_page_area .witr_swiper_content_icon a i {
  color: #fff;
  background: #c0131300;
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #f5f5f563;
}
.video_page_area .witr_swiper_content_icon a i:hover {
  color: #fff;
  background: #008000;
}
.video_page_area .witr_swiper_content {
  top: 55%;
  background: 0 0;
}
.video_page_area .witr_swiper_content p {
  width: 36%;
}
/* ===== 19. Contact Area CSS ===== */
.tt_con_area {
  background: #f9f9f9;
  padding: 87px 0 100px 0;
}
.tt_con_area .witr_section_title {
  margin-bottom: 45px;
}
.apartment_text h1 {
  color: #008000;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 40px;
  margin-bottom: 0;
}
.apartment_text p {
  font-size: 40px;
  font-weight: 700;
  margin: 0px 0px 30px 0px;
  color: #07001e;
  line-height: 32px;
}
.witr_apartment_form .btn:hover {
  background-color: #14b1bb;
}
.witr_apartment_form form select,
.witr_apartment_form form select,
.witr_apartment_form input,
.witr_apartment_form textarea {
  width: 100%;
  line-height: 43px;
  border-radius: 5px;
  margin-bottom: 30px;
  background: #eaeaea;
  outline: none;
  padding: 5px 50px;
  padding-left: 20px;
  color: #008000;
  border: 0 solid #ddd;
  font-weight: 400;
  box-shadow: 0px 0px 30px 0px rgb(0 128 0 / 8%);
  font-size: 15px;
}
.twr_form_box textarea {
  margin-bottom: 0;
  height: 190px;
  width: 100%;
  padding: 10px 30px 30px;
}
.witr_apartment_form input,
.witr_apartment_form form select,
.wpcf7-not-valid-tip,
.witr_apartment_form input::-webkit-input-placeholder,
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap input::-webkit-input-placeholder,
.wpcf7-form-control-wrap a,
.wpcf7-form-control-wrap a::-webkit-input-placeholder,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap textarea::-webkit-input-placeholder,
.wpcf7-submit::-webkit-input-placeholder,
.witr_apartment_form form select option {
  color: #008000;
}
.witr_apartment_form textarea {
  color: #008000;
}
.witr_apartment_form textarea::placeholder {
  color: #008000;
}
.witr_apartment_form .btn {
  border: 0 none;
  display: inline-block;
  padding: 5px 50px;
  background: #008000;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  border-radius: 5px;
  margin-top: 30px;
  height: 55px;
  line-height: 45px;
}
.witr_apartment_form .btn:hover {
  color: #fff;
  background: #15234a;
}
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;
}
p.form-messege {
  margin-top: 8px;
}
.cont_witr_inn .witr_section_title {
  margin-bottom: 8px;
}
.cont_witr_inn .witr_section_title_inner p {
  margin-bottom: 0;
}
.cont_witr_inn {
  padding: 232px 0 0 66px;
}
.cont_witr_inn .witr_section_title_inner h3 {
  font-size: 30px;
}
.cont_witr_inn .all_color_service i {
  font-size: 21px;
  width: 18px;
  height: 0px;
  line-height: 0px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}
.cont_witr_inn .em-service-title h3 {
  margin: 23px 0 0 0;
  padding: 0;
  text-transform: capitalize;
  transition: 0.5s;
  font-weight: 500;
  font-size: 21px;
}
.cont_witr_inn .em-service-title h3:hover {
  color: #008000;
}
.cont_witr_inn .all_color_service:hover i {
  color: #008000;
}
.cont_witr_inn .em-service2.sleft .em-service-icon {
  margin-top: 13px;
  line-height: 1;
}
/* map area css */
.map_inner_area iframe {
  border: none;
  width: 100%;
  height: 600px;
  margin-bottom: -8px;
}
.con_btm_ser {
  background: #008000;
  padding: 94px 0 60px 0;
}
.con_btm_ser .em-service2 {
  border-width: 0;
  background: 0 0;
  padding: 0;
}
.con_btm_ser .em-service2.sleft .em-service-icon {
  float: left;
  margin-right: 30px;
  margin-top: 10px;
}
.con_btm_ser .em-service-icon {
  font-size: 35px;
}
.con_btm_ser .em-service2 .em-service-icon i {
  width: 45px;
  display: inline-block;
  height: 68px;
  line-height: 68px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 25px;
  border-radius: 5px 5px 5px 5px;
  transition: all 0.5s ease 0s;
  color: #fff;
  font-size: 60px;
}
.con_btm_ser .em-service-title h3 {
  margin: 0px 0 15px;
  padding: 0;
  transition: 0.5s;
  color: #fff;
}
.con_btm_ser .em-service-desc p {
  transition: 0.5s;
  color: #fff;
}
.con_btm_ser .em-service2:hover {
  box-shadow: none;
}
/* ===== 20. Single Team Area CSS ===== */
.tt_sign_team {
  padding: 110px 0 50px;
}
.sing_team_inn {
  box-shadow: 0px 0px 30px 0px rgba(35, 35, 35, 0.13);
  padding: 10px 0;
}
.sing_team_witr .witr_section_title {
  margin-bottom: 25px;
}
.witr_single_socials {
  margin-left: 20px;
}
.sing_team_witr .witr_section_title_inner h3 {
  font-size: 30px;
}
.sing_team_witr .witr_section_title_inner h3 {
  font-size: 18px;
}
.sing_team_witr .witr_section_title_inner h1 span,
.witr_section_title_inner h2 span,
.witr_section_title_inner h3 span {
  color: #626262;
  font-weight: 400;
}
.sing_tem_btm_cont {
  display: flex;
}
.sing_tem_btm_cont {
  display: flex;
}
.sing_tem_top .witr_section_title_inner h3 {
  font-size: 30px;
}
.sing_tem_top .witr_section_title {
  margin-bottom: 45px;
}
.sing_team_witr {
  margin: 135px 0 0 15px;
}
.witr_single_socials ul li a i {
  display: inline-block;
  color: #008000;
  margin-right: 15px;
  font-size: 16px;
  transition: 0.5s;
  margin-top: 8px;
  text-align: left;
}
.sing_team_btm_inn .witr_section_title_inner h3 {
  font-size: 32px;
}
.sing_team_btm_inn {
  margin-top: 50px;
}
/* ===== 21. Circle Area CSS ===== */
.cl_skil_area {
  padding: 120px 0 122px;
}
.skil_left_con {
  padding: 20px 0 0 0;
}
.skil_left_con .witr_section_title {
  margin-bottom: 60px;
}
.witr_circle_area {
  text-align: left;
  margin-bottom: 30px;
}
.witr_cp_class {
  position: relative;
}
span.witr_cir_text {
  position: absolute;
  content: "";
  left: 65px;
  top: 50%;
  font-size: 20px;
  transform: translateX(-50%) translateY(-50%);
  font-weight: 700;
  color: #0a033c;
}
.witr_circle_title {
  margin-top: 10px;
}
.skil_witr {
  position: relative;
}
.witr_shape_item_inner {
  position: absolute;
  z-index: -1;
  content: "";
  transition: 0.5s;
}
.witr_shape_item_inner {
  top: 355px;
  right: 0px;
}
/* ===== Circle Area CSS ===== */
.cs_circle_area {
  padding: 105px 0 100px 0;
}
.cs_circle_area span.witr_cir_text {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  font-size: 20px;
  transform: translateX(-50%) translateY(-50%);
  font-weight: 700;
  color: #7c7c7c;
}
.cs_circle_area .witr_circle_area {
  text-align: center;
}
.prog_title_area {
  background: #f9f9f9;
  padding: 95px 0 50px;
}
/* ===== Circle Area CSS ===== */
.tt_cir_area {
  padding: 98px 0 60px;
}
.tt_cir_area .witr_section_title {
  margin-bottom: 45px;
}
.tt_cir_area .witr_section_title_inner h3 {
  font-size: 47px;
}
.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%;
  font-size: 25px;
  transform: translateX(-50%) translateY(-50%);
  font-weight: 700;
  color: #008000;
}
.witr_circle_title {
  margin-top: 10px;
}
.witr_circle_title h3 {
  font-size: 25px;
}
.cir_witr .single_image img {
  width: 100%;
}
.wb_cir_area.ab_page_cir {
  padding: 40px 0 0 0;
}
/* ===== 22. Faq Area CSS ===== */
.th_skil_area {
}
.th_skil_area .witr_text_widget_inner h2 {
  font-size: 40px;
  margin: 0 0 5px 0;
}
.th_skil_area .witr_text_widget p {
  font-size: 18px;
  margin-bottom: 12px;
}
/* ===== 22. Images Area CSS ===== */
.th_images_area .witr_slick_column {
  padding: 0 15px;
}
.th_images_area .mobile-slide .mobile-thumb img {
  opacity: 0.1;
}
.th_images_area .mobile-slide .slick-center .mobile-thumb img {
  opacity: 1;
}
.th_images_area:hover.slick-prev,
.th_images_area:hover .slick-next {
  opacity: 1;
}
.th_images_area .slick-prev {
  left: 15px;
}
.th_images_area .slick-next {
  right: 15px;
}
/* ===== 23. Skill Area CSS ===== */
.th_skil_area {
  margin-top: 0;
  margin-bottom: 0px;
  padding: 95px 0 0 0;
}
.th_skil_area .witr_text_widget {
  margin-bottom: 37px;
}
.th_skil_area .witr_text_widget_inner h1 {
  text-transform: uppercase;
}
.witr_single_progress {
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}
.witr_title2 .witr_label {
  font-size: 20px;
  font-weight: 700;
  color: #232323;
  display: inline-block;
  margin-bottom: 2px;
}
.witr_progress-style2.progress {
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  height: 12px;
  padding: 3px;
  background: #fff;
}
.progress {
  background: #e9ecef;
}
.witr_progress-style2 .progress-bar {
  position: relative;
  text-align: left;
  line-height: 4px;
  border-radius: 0;
  box-shadow: none;
}
.progress-bar {
  overflow: inherit;
}
.progress-bar {
  background: #008000;
}
.witr_percent {
  position: absolute;
  right: -13px;
  font-weight: 600;
  color: #fff;
  font-size: 10px;
  top: -30px;
  background: #008000;
  padding: 8px 5px;
}
.skil_witr_img {
  position: relative;
}
.witr_shape_item_inner {
  left: 20%;
}
.witr_shape_item_inner {
  position: absolute;
  top: 0px;
  z-index: -1;
  content: "";
  transition: 0.5s;
}
.witr_shape_box {
  background: #ddd;
  border-radius: 50%;
  border: 54px solid #f9f9f9;
  margin: auto;
  transition: 0.5s;
}
.witr_shape_box {
  width: 500px;
  height: 500px;
  background: #fff;
  border-style: solid;
  border-width: 140px;
  border-color: #008000;
}
.witr_shape_item_inner {
  animation: witr_movetb_box45 5s linear 2s infinite alternate running;
}
@keyframes witr_movetb_box45 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
  }
}
.slil_witr_coun {
  margin: 0;
  padding: 20px 30px 18px 30px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
  width: 200px;
  position: absolute;
  top: 60px;
  right: 0px;
  left: 397px;
}
.slil_witr_coun .witr_counter_number_inn h4 {
  width: 100%;
}
/* ===== Skill Area CSS ===== */
.tt_skill_area {
  padding: 95px 0 0 0;
}
.skill_left .witr_text_widget_inner h1,
.skill_left .witr_text_widget_inner h2 {
  font-size: 40px;
  margin-bottom: 5px;
}
.skill_left .witr_text_widget_inner h1 {
  color: #008000;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.skill_left .witr_text_widget_inner h1 {
  text-transform: uppercase;
  margin-bottom: 0;
}
.skill_left .witr_text_widget_inner h2 {
  margin: 0 0 5px 0;
}
.skill_left .witr_text_widget {
  margin-bottom: 38px;
}
.witr_single_progress {
  overflow: hidden;
  margin-bottom: 20px;
}
.witr_title2 .witr_label {
  font-size: 17px;
  font-weight: 700;
  color: #272727;
}
.progress {
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  height: 6px;
}
.progress {
  margin-top: 3px;
}
.progress {
  display: flex;
  font-size: 0.75rem;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.witr_progress-style2 .progress-bar {
  position: relative;
  text-align: left;
  line-height: 4px;
  border-radius: 0;
  box-shadow: none;
}
.progress-bar {
  overflow: inherit;
}
.progress-bar {
  background: #008000;
}
.witr_progress-style7 .witr_percent {
  position: absolute;
  right: -13px;
  font-weight: 600;
  color: #fff;
  font-size: 10px;
  top: -30px;
  background: #008000;
  padding: 2px 5px;
}
.witr_label {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  display: inline-block;
  color: #232323;
  margin-bottom: -2px;
}
.witr_single_progress {
  margin-bottom: 18px;
}
.witr_progress-style7 .witr_percent:after {
  content: "";
  position: absolute;
  border: 5px solid transparent;
  left: 50%;
  border-top-color: #008000;
  top: 20px;
  transform: translateX(-50%);
}
.skill_witr {
  position: relative;
}
.witr_shape_box {
  background: #ddd;
  border-radius: 50%;
  border: 54px solid #f9f9f9;
  margin: auto;
  transition: 0.5s;
}
.witr_shape_box {
  width: 500px;
  height: 500px;
  background: #fff;
  border-style: solid;
  border-width: 140px;
  border-color: #008000;
}
.skill_witr .witr_shape_item_inner {
  position: absolute;
  left: 20%;
  top: 0px;
  z-index: -1;
  content: "";
  transition: 0.5s;
}
.witr_shape_item_inner {
  animation: witr_movetb_box45 5s linear 2s infinite alternate running;
}
@keyframes witr_movetb_box45 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
  }
}
.skll_inn_coun {
  margin: 0;
  padding: 20px 30px 18px 30px;
  background: #fff;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
  position: absolute;
  top: 50px;
  left: 397px;
  margin-right: -58px;
}
.skill_page_left .witr_progress-style7 .witr_percent {
  font-weight: 500;
  font-size: 12px;
  top: -35px;
  padding: 3px 6px;
  border-radius: 4px;
}
.skill_page_left .witr_percent:after {
  content: "";
  position: absolute;
  border: 11px solid transparent;
  border-right-color: #008000;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
}
.skill_page_left .progress {
  background: #e9ecef;
}
.skill_page_left .witr_label {
  color: #232323;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}
.skill_page_left .witr_section_title_inner h3 {
  font-size: 47px;
}
.skill_page_left .witr_section_title {
  margin-bottom: 43px;
}
.skl_page_skil {
  padding: 105px 0 92px 0;
}
/* ===== Skill Area Css ===== */
.tt_skl_area2 {
  background: #f9f9f9;
  padding: 95px 0 70px 0;
}
.sk2_witr_inn {
  margin-top: 16px;
}
.tt_skl_area2 .witr_progress-style1 {
  height: 30px;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  background: #fff;
  margin-top: 0px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.skl2_left_inr .witr_label {
  font-size: 16px;
  font-weight: 600;
}
.tt_skl_area2 .witr_section_title_inner h3 {
  font-size: 47px;
}
.tt_skl_area2 .witr_section_title {
  margin-bottom: 65px;
}
.tt_skl_area2 .witr_single_progress {
  margin-bottom: 19px;
}
.skl2_left_inr .witr_percent {
  position: absolute;
  right: 10px;
  font-weight: 600;
  color: #fff;
  font-size: 10px;
  top: 0px;
  padding: 0;
  background: #008000;
  font-size: 14px;
  line-height: 30px;
}
.sk2_witr_inn .progress {
  background: #e9ecef;
}
.sk2_witr_inn .witr_label {
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 25px;
  background: rgba(255, 255, 255, 0.3);
  z-index: 9;
  margin-top: 10px;
}
.sk2_witr_inn .witr_percent {
  position: absolute;
  right: 10px;
  font-weight: 500;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  top: -10px;
  background: #232323;
  padding: 0 7px;
}
.sk2_witr_inn .witr_progress-style3 {
  height: 30px;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
.sk2_witr_inn .witr_progress-style1 {
  margin-top: 10px;
}
.sk2_witr_inn .witr_single_progress {
  margin-bottom: 39px;
}
/* ===== 24. Faq Area CSS ===== */
.cl_faq_area {
  padding: 120px 0 120px;
}
.faq_left {
  margin: 0 15px 0 0;
}
.faq_left .witr_section_title_inner p {
  padding: 30px 0 0 0;
}
.faq_left .witr_section_title {
  margin-bottom: 38px;
}
.accordion_area .card-2 {
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.witr_ac_style {
  padding: 10px 20px 10px 20px;
  display: inline-block;
}
.witr_ac_style,
.witr_ac_style::before {
  font-size: 20px;
  font-weight: 600;
}
.witr_ac_style {
  color: #222429;
}
.witr_ac_card i {
  margin-right: 20px;
  font-size: 20px;
}
.accordion_area .card-header.witr_ac_card {
  background: 0 0 !important;
  padding: 0;
  border-bottom: 0;
  text-align: left;
}
.witr_ac_style:before {
  position: absolute;
  content: "\ea99";
  right: 30px;
  font-family: IcoFont !important;
  font-weight: 400;
}
.active .witr_ac_style:before {
  content: "\eaa1";
}
.witr_ac_style {
  display: flex;
  align-items: center;
  transition: 0.5s;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0.25rem;
}
.accordion_area .card-2 p {
  padding: 10px 20px 0 20px;
  color: #232323;
}
.witr_ac_style:focus,
.witr_ac_style:hover,
.active .witr_ac_style {
  color: #fff;
  background: #008000;
}
/* ===== Faq Area CSS ===== */
.faq_area1 {
  margin-top: 0;
  padding: 90px 0 0 0;
}
.faq_area1 .witr_section_title {
  margin-bottom: 45px;
}
.accordion_area_02 .accordion_02_shadow {
  border: none;
  box-shadow: 0px 0px 20px 0px #dddddd80;
  background: none;
}
.writ_ac_style_02:focus,
.writ_ac_style_02:hover {
  color: #000;
  background: none;
}
.active .writ_ac_style_02 {
  background: none;
  color: #000;
}
.border_bottom_0 {
  border-bottom: none;
}
.writ_ac_style_02 {
  margin-left: 25px;
  font-size: 20px;
  font-weight: 600;
  display: block;
}
.writ_ac_style_02:before {
  position: absolute;
  content: "\f067";
  left: 20px;
  margin-right: 10px;
  font-family: fontawesome !important;
  font-weight: 200;
}
.active .writ_ac_style_02:before {
  content: "\f068";
}
.card-header.witr_ac_card.border_bottom_0 {
  background: #fff;
  padding: 0px 5px;
}
.content_style p,
.conent_style p {
  padding-left: 18px;
}
.card.card-2.accordion_02_shadow {
  margin-bottom: 20px;
  box-shadow: 1px 1px 7px -5px rgb(0 0 0 / 75%);
  border-left: 2px solid #008000;
  border-radius: 0;
}
.faq_area1 .witr_ac_style {
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  transition: 0.5s;
  padding: 15px 20px;
  color: #232323;
}
.writ_ac_style_02:before {
  font-weight: 500;
  font-size: 17px;
  color: #232323;
}
/* ===== 25. Portfolio Area CSS ===== */
.ps1 .witr_content_pslide_text a:hover {
  color: #008000;
}
.proj_inner {
  padding: 0 0 0 370px;
}
.witr_pslide3 .witr_single_pslide {
  overflow: hidden;
}
.witr_single_pslide {
  position: relative;
  overflow: hidden;
}
.witr_pslide_image {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.witr_pslide_image img {
  margin-right: auto;
  margin-left: auto;
  transition: 0.5s;
  width: 100%;
}
.toggle_pslide {
  display: flex;
  align-items: center;
}
.witr_pslide_image::before {
  position: absolute;
  content: "";
  background: #222429;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: 1;
  opacity: 0.5;
}
.witr_pslide .witr_pslide_custom a span:hover {
  background: #6f3ac7;
}
.witr_single_pslide:hover .witr_pslide_image img,
.witr_single_pslide:hover .witr_pslide_image:before {
  transform: scale(1.2);
}
.ps1 .witr_content_pslide_text {
  position: absolute;
  bottom: -100px;
  left: 30px;
  right: 30px;
  transition: 0.5s;
  opacity: 0;
  z-index: 2;
  text-align: left;
  padding: 25px 0 20px 0;
}
.ps1 .witr_content_pslide_text h3 {
  color: #fff;
}
.witr_content_pslide_text h3 {
  margin-bottom: 0;
}
.all_pslides_color h3 a,
.all_pslides_color h3 {
  font-size: 28px;
}
.witr_content_pslide_text p {
  margin-bottom: 4px;
}
.ps1 .witr_content_pslide_text a,
.ps1 .witr_content_pslide_text p {
  color: #fff;
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
  opacity: 1;
  bottom: 30px;
}
/* ===== Portfolio Area CSS ===== */
.port_area .witr_section_title_inner h2 {
  padding: 0;
}
.positi_3.pprotfolio4 {
  padding: 20px 10px 23px;
  border: none;
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  z-index: 9;
  transition: 0.5s;
  text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
  bottom: 0;
}
.positi_3.pprotfolio4 {
  background: #008000;
}
.positi_3 .porttitle_inner4 h3 a,
.positi_3 .porttitle_inner4 p span {
  color: #fff;
}
.port_area .container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px;
}
.port_area {
  background: #f9f9f9;
  padding: 95px 120px 80px 100px;
}
.port_area .witr_section_title_inner p {
  width: 60%;
}
.port_area .witr_section_title {
  margin-bottom: 45px;
}
.portfolio_nav {
  padding: 0 0 40px;
}
.portfolio_nav ul {
}
.portfolio_nav ul li {
  display: inline;
}
.portfolio_nav ul li {
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  margin: 0 5px 10px;
  padding: 6px 27px;
  position: relative;
  transition: 0.5s;
  border: 1px solid #f3eaea;
  font-size: 18px;
  color: #232323;
  text-transform: uppercase;
}
.prot_wrap {
  overflow: hidden;
}
.single_protfolio {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.prot_thumb {
}
.prot_thumb img {
  display: block;
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.single_protfolio:hover .prot_thumb img {
  transform: scale(1.1);
}
.prot_content {
  position: absolute;
  text-align: center;
  transition: 0.5s;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 9;
}
.multi_gallery.prot_content {
  height: 90%;
  width: 80%;
  right: 10%;
  top: 5%;
  bottom: 5%;
  left: 10%;
}
.single_protfolio:hover .prot_content {
  opacity: 1;
}
.prot_content h3 {
  margin: 0;
  text-transform: capitalize;
  font-size: 23px;
  margin-bottom: 0;
}
.prot_content h3 a {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
  transition: 0.5s;
  color: #fff;
  display: inline-block;
}
.prot_content h3 a:hover {
  color: #ff7e00;
}
.prot_content p span {
  display: inline-block;
  padding-top: 0;
  color: #fff;
}
.prot_content p {
  line-height: 1.2;
  margin: 2px 0 0;
}
.prot_content p span {
  display: inline-block;
}
.single_protfolio:hover .prot_content {
  opacity: 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 {
  padding: 7px 15px;
  display: inline-block;
  font-size: 17px;
  margin-top: 0px;
}
.prot_wrap.nospace .gallery_load_button a {
  margin-top: 30px;
}
.prots-contentg p {
}
/*style 1 */
.em_port_content {
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 9;
  left: 0;
  top: -100%;
  width: 100%;
  transition: 0.5s;
  text-align: center;
  background: #00800080;
}
.pstyle_1 .porttitle_inner h3 {
  padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
  margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
  transition: 0.5s;
}
.portfolio_readmore_btn {
  padding-top: 23px;
}
.portfolio_readmore_btn > a {
  border-radius: 5px;
  display: inline-block;
  padding: 6px 21px;
  text-transform: uppercase;
  transition: 0.3s;
  border: 1px solid transparent;
}
.pstyle_1 .picon a {
  background: 0 0;
  border-radius: 5px;
  display: inline-block;
  font-size: 25px;
  height: 50px;
  line-height: 50px;
  margin: 0 8px 11px;
  width: 50px;
  transition: 0.5s;
  color: #fff;
}
.prot_thumb {
  overflow: hidden;
  position: relative;
}
.pprotfolio4 {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
  padding: 17px 10px 20px;
}
.pprotfolio4 {
  padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
  margin: 0;
}
.porttitle_inner4 h3 a {
  color: #454545;
}
.porttitle_inner4 p {
  margin-bottom: 0;
}
.porttitle_inner4 p span {
  display: inline-block;
  color: #454545;
}
.portfolio_nav ul li.current_menu_item {
  color: #fff;
  background: #008000;
}
.prot_content {
  background: rgb(0 128 0 / 80%);
}
.pprotfolio4 {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
  padding: 20px 10px 23px;
  border: 1px solid #f1f1f1;
  border-top: 0 solid #f1f1f1;
}
.portfolio_nav {
  text-align: center;
}
.page-numbers span.current,
.paginations a.current,
.paginations a:hover {
  border-color: #008000;
  background: #008000;
  color: #fff;
}
ul.page-numbers a.page-numbers {
  box-shadow: 0 10px 40px 0 rgba(50, 65, 141, 0.12);
}
.page-numbers,
.tutor-pagination-wrap a,
.tutor-pagination-wrap span.page-numbers.current,
a.page-numbers {
  border-radius: 5px;
  margin-right: 10px;
  padding: 15px 24px;
  font-size: 19px;
  line-height: 1;
  transition: 0.5s;
}
.page-numbers span.current,
.paginations a {
  display: inline-block;
  font-weight: 500;
  margin: auto 5px;
}
.paginations a {
  color: #888;
}
.page-numbers li {
  display: inline-block;
}
.paginations {
  text-align: center;
  margin-top: 14px;
}
.portfolio_4column_gutter .single_protfolio {
  margin-bottom: 0px;
}
.portfolio_nav ul li.current_menu_item,
.portfolio_nav ul li:hover {
  border-color: #008000;
  background: #008000;
  color: #fff;
}
/* port style 3 */
.em_plus_port {
  position: absolute;
  bottom: 20px;
  right: 30px;
  z-index: 99;
}
.prot_content_inner {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 10;
  transition: all 0.3s ease-in-out 0.3s;
  opacity: 1;
}
.single_protfolio:hover .prot_content_inner {
  top: 50%;
  opacity: 1;
}
.picon a {
  border-radius: 5px;
  display: inline-block;
  font-size: 25px;
  height: 50px;
  line-height: 50px;
  margin: 0 3px 11px;
  width: 50px;
  text-align: center;
  color: #fff;
  background: 0 0;
}
.picon a:hover {
  border-color: #008000;
  background: #008000;
}
/* style 1 */
.em_port_content {
  height: 100%;
  width: 100%;
}
.pstyle_1 .porttitle_inner h3 {
  padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
  margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
  transition: 0.5s;
  margin-bottom: 30px;
}
.portfolio_readmore_btn {
  padding-top: 23px;
}
.portfolio_readmore_btn > a {
  border-radius: 5px;
  display: inline-block;
  padding: 6px 21px;
  text-transform: uppercase;
  transition: 0.3s;
  border: 1px solid transparent;
}
.portfolio_grid_area .portfolio_nav {
  padding: 0px 0 30px;
}
/* ===== Portfolio Area CSS ===== */
.pstyle2.pstyle3 .prot_content_inner {
  left: 3000px;
  position: absolute;
  top: 60%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 10;
  transition: all 0.3s ease-in-out 0.3s;
  opacity: 0;
  padding: 15px 0 20px 20px;
  transition: 0.5s;
}
.pstyle2.pstyle3 .prot_content_inner {
  text-align: left;
}
.pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner {
  left: 75%;
}
.pstyle2 .single_protfolio:hover .prot_content_inner {
  top: 50%;
  opacity: 1;
}
/* portfolio grid area css */
.port_style02 .pstyle2 .prot_content_inner {
  left: 50%;
  position: absolute;
  top: 60%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 10;
  transition: all 0.3s ease-in-out 0.3s;
  opacity: 0;
}
.port_style02 .prot_content h3 a {
  font-size: 23px;
  font-weight: 700;
  text-transform: capitalize;
  transition: 0.5s;
  color: #fff;
  margin-bottom: 0px;
  display: inline-block;
}
.port_style02 .picon a:hover {
  border-color: #0a0a0a;
  background: #0a0a0a;
}
.port_style02 .single_protfolio {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.port_style02 .prot_content h3 a:hover {
  color: #008000;
}
.portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 10;
}
.portfolio_style2 .prot_content {
  position: absolute;
  text-align: center;
  transition: 0.5s;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 9;
}
.portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
  top: 50%;
  opacity: 1;
  left: 50%;
  right: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.portfolio_style2 .prot_content h3 a {
  margin-bottom: 0;
}
.portfolio_style2 .single_protfolio:hover .prot_content {
  opacity: 1;
  transform: scale(1, 1);
}
.portfolio_style2 .prot_content h3 a:hover {
  color: #008000;
}
.p2clmn .witr_section_title {
  margin-bottom: 20px;
}
.p3clmn .prot_content_inner {
  left: 50%;
  position: absolute;
  top: 60%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 10;
  transition: all 0.3s ease-in-out 0.3s;
  opacity: 0;
}
.p3clmn .picon a {
  border-radius: 5px;
  display: inline-block;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin: 0 3px 11px;
  width: 50px;
  text-align: center;
  background: #008000;
}
.p3clmn .picon a:hover {
  border-color: #ff7e00;
  background: #ff7e00;
}
.p4clmn .witr_section_title {
  margin-bottom: 30px;
}
.h2_port_area .prot_content h3 {
  font-size: 25px;
  margin-bottom: 0;
}
.h2_port_area .prot_content h3 a {
  margin-bottom: 0;
}
.h2_port_area .prot_content p {
  line-height: 1.2;
  margin: 5px 0 0;
}
.h2_port_area .picon a {
  border-color: #008000;
  background: #008000;
  font-size: 20px;
}
.h2_port_area .picon a:hover {
  border-color: #ff7e00;
  background: #ff7e00;
  color: #fff;
}
.h2_port_area .pstyle2 .prot_content {
  background: rgb(0 128 0 / 80%);
}
.h2_port_area .pstyle2 .prot_content_inner {
  top: 60%;
  opacity: 0;
}
.pclmn2 .prot_content_inner {
  left: 3000px;
  position: absolute;
  top: 60%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 10;
  opacity: 0;
  background: rgb(0 128 0 / 90%);
  padding: 20px;
  transition: 0.5s;
}
.pclmn2 .picon a {
  font-size: 20px;
  background: #008000 none repeat scroll 0 0;
}
.pclmn2 .picon a:hover {
  border-color: #ff7e00;
  background: #ff7e00;
  color: #fff;
}
.pclmn2 .single_protfolio:hover .prot_content {
  opacity: 1;
  transform: scale(1, 1);
}
.pclmn2 .prot_content {
  background: rgb(0 128 0 / 80%);
}
.pclmn2 .single_protfolio:hover .prot_content_inner {
  left: 75%;
}
.pclmn2 .prot_content {
  text-align: left;
}
.pclmn2 .prot_content h3 a {
  margin: 0 0 5px;
}
.p3clmn .picon a {
  background: #008000 none repeat scroll 0 0;
  color: #fff;
}
.p3clmn .prot_content h3 a {
  margin: 0 0 5px;
}
.p4clmn {
  padding: 95px 0 80px 0;
}
.p3clmn {
  padding: 88px 0 85px;
}
/* recent project css */
.techito-blog-area.techito-blog-single.single-blog-details {
  padding: 120px 0 95px;
}
.portfolio-details-box h2 {
  font-size: 25px;
}
.prots-contentg ul {
  display: inline-block;
  margin-bottom: 20px;
}
.portfolio-details-box ul li,
.right_popupmenu_area .witr_sub_table {
  border-bottom: 1px solid #ddd;
}
.portfolio-details-box ul li {
  padding-top: 15px;
  padding-bottom: 10px;
  list-style: none;
}
.portfolio-details-box ul li b {
  font-size: 18px;
  font-weight: 600;
}
.portfolio-details-box ul li span.eright {
  font-weight: 400;
  font-size: 16px;
  margin-left: 5px;
}
.techito-blog-social {
  margin-bottom: 25px;
  margin-top: 25px;
}
.techito-single-icon a {
  border: 1px solid #e6e6e6;
  display: inline-block;
  font-size: 15px;
  height: 40px;
  line-height: 41px;
  margin: 0 9px 0 0;
  text-align: center;
  width: 40px;
  border-radius: 5px;
  color: #008000;
}
.techito-single-icon a:hover {
  background: #008000;
  color: #fff;
}
.pr-title h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.tx_golobal_color {
  background: #008000;
}
.tx_btn_global_color:hover {
  background: #000;
}