/*
Template Name:akin 

*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. About Area CSS
6. Service Area CSS
7. Provide Area CSS
8. Team Area CSS
9. Details Area CSS
10. Pricing Area CSS
11. Testimonial Area CSS
12. Contact Area CSS
13. Blog Area CSS
14. Footer Area CSS
15. Breadcumb Area CSS
16. Circle Area CSS
17. Portfolio Area CSS
18. Faq Area CSS
19. Single Service Area CSS
20. Shop Area CSS
21. Call Action Area CSS
22. Brand Area CSS
23. Video Area CSS





9. Work Area CSS

11. Faq Area CSS
12. Testimonial Area CSS
*/

/*theme css*/
a {
  color: #17161a;
  transition: 0.5s;
}

a:hover {
  text-decoration: none;
  color: #696969;
}

body {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
  color: #696969;
  font-family: Jost, sans-serif;
}

p {
  font-style: normal;
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
  font-family: var(--font-family);
  font-style: normal;
  line-height: 1.2;
  font-weight: 600;
  transition: 0.5s;
  font-size: 20px;
  margin-bottom: 0;
  color: #222429;
}

.btn-primary:focus,
select:focus,
textarea:focus,
input:focus {
  box-shadow: none !important;
}

textarea,
input {
  outline: none;
}

a:focus,
.btn:focus {
  text-decoration: none;
  outline: none;
}

.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: 48px;
  margin: auto;
}

.witr_section_title_inner h2 {
  font-size: 18px;
  display: inline-block;
  color: #000;
}

.witr_section_title_inner h1 span,
.witr_section_title_inner h2 span,
.witr_section_title_inner h3 span,
.witr_section_title_inner p span,
.witr_section_title_inner p span a {
  color: #000;
}

.witr_bar_main {
  margin: 40px 0 40px 0;
}

.bar_mar30 {
  margin: 30px 0 30px 0;
}

.witr_bar_inner {
  height: 3px;
  width: 90px;
  background: #e5e5e5;
  margin: 0px auto;
  position: relative;
  border-radius: 30px;
}

.text_left {
  margin-left: 0;
}

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

@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 {
  width: 15%;
  margin: 0 auto;
}

.divider-separator {
  display: flex;
}

.divider-separator {
  position: relative;
}

.divider-separator:after,
.divider-separator:before,
.divider-separator:after,
.divider-separator:before {
  display: block;
  content: "";
  border-bottom: 0;
  flex-grow: 1;
  border-top: 1px solid #000;
  margin-top: 8px;
}

.divider .divider_text {
  font-size: 15px;
  line-height: 1;
  max-width: 95%;
  margin: 0 10px;
  color: #333;
  font-weight: 400;
}

.witr_section_title {
  margin-bottom: 40px;
}

.witr_section_title_inner p {
  width: 100%;
  padding: 0 0 0 0;
  margin-top: 10px;
}

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

.witr_all_pd0 {
  padding: 0;
}

.witr_bbtn {
  border-style: solid;
  border-color: #ebebeb;
  border-radius:50px;
  font-size: 18px;
  font-weight: 500;
  padding: 16px 30px;
  text-align: center;
  position: relative;
  margin-right: 20px;
  z-index: 2;
  transition: 1s;
  color: #000;
  border-width: 2px;
  display: inline-block;
}

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

@media (min-width: 1140px) {
  .container {
    max-width: 1140px;
  }
}

/* ===== 3. Slider Area CSS ===== */
.witr_swiper_height {
  position: relative;
  background-position: center center;
  //height: 1024px;
  background-size: cover;
}

//.witr_swiper_height:before,
//.wittr_gallery_swiper:before {
 // content: "";
 // position: absolute;
  //left: 0;
 // top: 0;
 // right: 0;
  //bottom: 0;
//}

.witr_sw_text_area {
  position: absolute;
  bottom: 5%;
  left: 5%;
  margin: auto;
  width: 63%;
  /* height: 100%; */
}

.witr_swiper_content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.witr_swiper_content h1 {
  font-size: 24px;
  display: inline;
  color: #000;
  margin-bottom: 15px;
}

.witr_swiper_content h1 span,
.witr_swiper_content h2 span,
.witr_swiper_content h3 span {
  color: #2626d0;
}

.witr_swiper_content h3 {
  color: #fff;
  font-size: 70px;
  font-weight: 600;
  letter-spacing: 5px;
  padding: 15px 0 20px 0;
}

.witr_swiper_content h2 {
  color: #ffffff;
  font-size: 70px;
  font-weight: 600;
  letter-spacing: 5px;
}

.witr_swiper_content p {
  width: 45%;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.text-left .witr_swiper_content p {
  margin: 22px auto 15px 0;
}

.slider_btn {
  margin-top: 42px;
}

.witr_btn {
  font-size: 18px;
  font-weight: 500;
  border-radius: 0;
  text-align: center;
  position: relative;
  margin-right: 15px;
  z-index: 2;
  transition: 1s;
  padding: 15px 40px 15px 40px;
  color: #000000;
  background: #fff;
  display: inline-block;
}

.witr_btn:hover {
  background: #000;
  color: #fff;
}

.witr_swiper_content .witr_btn.active {
  color: #000;
  background: transparent;
  border: 1px solid #000;
}

.witr_swiper_content .witr_btn.active:hover {
  background-color: #000;
  color: #fff;
}

.witr_swiper_area .text-left .slider_vd_icon {
  right: 16%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.witr_swiper_area .swiper-slide a {
  display: inline-block;
}

.witr_icon_section {
  margin: 30px 0 0 0;
}

.display_flex {
  display: flex;
  align-items: center;
}

.witr_flow_text {
  margin-right: 20px;
}

.witr_flow_text h5 {
  font-size: 18px;
}

.akin_slider_icon {
  display: inline-block;
}

.akin_slider_icon ul li {
  list-style: none;
  display: inline-block;
}

.witr_swiper_area .swiper-slide a {
  display: inline-block;
}

.witr_swiper_content_icon a i {
  color: #fff;
  background: #0b2138;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  font-size: 15px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-style: none;
  text-align: center;
  border-radius: 30px;
  display: inline-block;
  transition: 0.5s;
}

.witr_swiper_content_icon a i:hover {
  background: #000;
}

.text-left .witr_slider_thumb {
  position: absolute;
  right: 180px;
  top: 55%;
  transform: translateY(-50%);
}

@keyframes witr_movelr_box45 {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(45px);
  }
}

.slider_witr_shap .witr_shape_item_inner {
  top: 0;
  right: 30px;
  left: auto;
}

.slider_witr_shap .witr_shape_image {
  animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}

.witr_swiper_area .text-center .slider_vd_icon {
  top: 23%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tx_svd_icon {
  font-size: 20px;
  width: 83px;
  height: 83px;
  line-height: 83px;
}

.witr_swiper_area .swiper-slide a {
  display: inline-block;
}

.tx_svd_icon {
  border-radius: 100%;
  text-align: center;
  animation: witr-shadow 1s linear infinite;
}

.tx_svd_icon,
.tx_svd_icon i {
  color: #fff;
}

.swiper_witr_inner {
  margin-top: 118px;
  margin-right: 120px;
  margin-bottom: -38px;
}

/* slick button css */
.witr_ds_content_area:hover .slick-next,
.witr_ds_content_area:hover .slick-prev {
  opacity: 1;
}

.witr_ds_content_area .slick-prev {
  left: 15px;
}

.witr_ds_content_area .slick-next {
  right: 15px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background: no-repeat 50%;
  color: #fff;
  transition: 0.5s;
  border-radius: 0;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 30px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  padding: 30px;
  background: #fff;
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.witr_ds_content_inner h1 span,
.witr_ds_content_inner h2 span,
.witr_ds_content_inner h3 span {
  color: #000;
}

.h3_swiper .witr_swiper_height:before,
.h3_swiper .wittr_gallery_swiper:before {
  background: #00000036;
}

.h3_swiper .witr_swiper_content h2,
.h3_swiper .witr_swiper_content h3 {
  font-size: 98px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: inherit;
}

.h3_swiper .witr_swiper_content h3 {
  font-weight: 400;
  padding: 5px 0 20px 0;
}

.h3_swiper .text-left .witr_swiper_content p {
  margin: 7px auto 15px 0;
}

.h3_swiper .witr_swiper_content p {
  font-size: 23px;
}

.h3_swiper .witr_btn {
  border-radius: 30px;
  padding: 18px 30px;
}

.h3_swiper a.dtbtn {
  margin-left: 6px;
}

.h5_swiper .witr_swiper_content h2 {
  color: #fff;
  font-size: 76px;
  font-weight: 700;
  letter-spacing: inherit;
}

.h5_swiper .witr_swiper_content h3 {
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  padding: 27px 0 50px 0;
  line-height: 1;
  letter-spacing: inherit;
}

.h5_swiper .witr_btn {
  padding: 18px 30px;
  border-radius: 30px;
}

.h5_swiper .witr_swiper_content .witr_btn {
  color: #000000;
  background: #fff;
}

.h5_swiper .witr_swiper_content .witr_btn:hover {
  background: #000000;
  color: #fff;
}

.h5_swiper .slider_btn .witr_btn i {
  margin-right: 10px;
}

.h5_swiper .witr_btn i {
  font-size: 18px;
  margin-left: 6px;
}

.h5_swiper .witr_swiper_height:before {
  background: #00000024;
}

.h7_swiper .witr_swiper_height {
  height: 890px;
}

.h7_swiper .text-left .witr_slider_thumb {
  position: absolute;
  right: 225px;
  top: 52%;
  transform: translateY(-50%);
}

.h7_swiper .witr_swiper_content h2,
.h7_swiper .witr_swiper_content h3 {
  font-size: 70px;
  font-weight: 700;
  line-height: 1;
  color: #222429;
  letter-spacing: inherit;
}

.h7_swiper .witr_swiper_content h3 {
  padding: 3px 0 0 0;
}

.h7_swiper .witr_swiper_content p {
  font-size: 17px;
  font-weight: 400;
  color: #696969;
}

.h7_swiper .text-left .witr_swiper_content p {
  margin: 26px auto 15px 0;
}

.h7_swiper .witr_btn {
  padding: 18px 30px;
  color: #fff;
  background: #000;
  border-radius: 30px;
}

.h9_swiper .witr_swiper_content h2,
.h9_swiper .witr_swiper_content h3 {
  letter-spacing: 3px;
}

.h9_swiper .witr_btn {
  padding: 18px 30px;
}

.h9_swiper .slider_btn {
  margin-top: 32px;
}

.h10_swiper .witr_swiper_content h2,
.h10_swiper .witr_swiper_content h3 {
  color: #222429;
  line-height: 1;
}

.h10_swiper .witr_swiper_content h3 {
  padding: 3px 0 20px 0;
}

.h10_swiper .witr_swiper_content p {
  color: #696969;
}

.h10_swiper .witr_btn {
  padding: 18px 30px;
}

.h10_swiper .text-left .witr_swiper_content p {
  margin: 5px auto 15px 0;
}

.h10_swiper .single_image_area {
  text-align: center;
}

.brand_logo {
  margin-top: -110px;
  z-index: 999;
  position: relative;
}

.h11_brand_logo {
  margin: 0;
}

.h11_brand_logo img {
  z-index: 999999;
  position: relative;
  margin-top: -106px;
}

.h12_swiper .witr_swiper_height {
  height: 880px;
}

.h12_swiper .witr_swiper_content h2,
.h12_swiper .witr_swiper_content h3 {
  letter-spacing: 4px;
}

.h12_swiper .witr_swiper_content h2,
.h12_swiper .witr_swiper_content h3 {
  color: #222429;
}

.h12_swiper .witr_swiper_content p {
  font-size: 17px;
  color: #696969;
}

.h12_swiper .witr_btn {
  padding: 15px 50px 15px 50px;
  color: #fff;
  background: #000;
}

.h12_swiper .bar_mar30 {
  margin: 10px 0 38px 0;
}

.h12_swiper .slider_btn {
  margin-top: 55px;
}

.h12_swiper .witr_sw_text_area {
  width: 59%;
}

.h12_swiper .witr_swiper_content {
  top: 49%;
}

/* ===== 4. Feature Area CSS ===== */
.ak_fea_area {
  padding: 140px 0 120px 0;
}

.service-item {
  padding: 60px 40px 10px 40px;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
  transition: 0.5s;
  margin-bottom: 30px;
}

.service-item h3 {
  padding: 20px 0px 20px 0px;
  transition: 0.5s;
}

.service-item p {
  min-height: 108px;
  padding-top: 0;
  transition: 0.5s;
}

.service-btn {
  position: relative;
  top: 35px;
}

.service-btn a {
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.09);
  background: #fff;
  border-style: solid;
  border-color: #fff;
  border-radius: 100px 100px 100px 100px;
  padding: 0px 0px 0px 0px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  color: #000;
  transition: 0.5s;
}

.service-btn a:hover {
  background: #000000;
  color: #fff;
  border-color: #000000;
}

.h3_fea_area {
  margin-top: -100px;
  margin-bottom: 0px;
  z-index: 1;
  padding: 0 0 120px 0;
}

.h3_fea_inner {
  position: relative;
  z-index: 999;
}

.h4_fea {
  margin-top: -190px;
}

.h4fea_inner {
  position: relative;
  z-index: 9;
}

.h4_fea .service-item {
  padding: 60px 20px 10px 20px;
}

/* ===== Feature Area CSS ===== */
.h7_fea_area {
  padding: 134px 0 105px;
}

.h7_fea_area .witr_section_title {
  margin-bottom: 60px;
}

.h7_fea_area .sub-item {
  position: relative;
  padding: 20px 0;
  transition: 0.5s;
}

.h7_fea_area .sub-border-2.all_feature_color.text-center {
  border: 1px solid #ddddddab;
  margin-bottom: 30px;
}

.h7_fea_area .sub-border-2 .sub-item span {
  top: 31px;
  left: auto;
  right: 11%;
  z-index: 999;
  transition: 0.5s;
  color: #f4f4f4;
  background: #000;
  position: absolute;
  transform: translateX(-50%);
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  font-size: 30px;
}

.h7_fea_area .all_feature_color img {
  margin: 50px 0 0 0;
}

.h7_fea_area .sub-item h3 {
  margin: 15px 0 10px;
  transition: 0.5s;
  padding: 30px 0px 5px 0px;
}

.h7_fea_area .sub-item h3 a {
  transition: 0.5s;
}

.h7_fea_area .sub-border-2 .sub-item p {
  padding: 0px 30px 0px 30px;
}

.h8_fea .sub-border-2.all_feature_color.text-center {
  background: #fff;
}

.h9_fea {
  background: #fafafa;
  padding: 125px 0 120px 0;
}

.h9_fea .witr_section_title {
  margin-bottom: 70px;
}

.h9_fea .all_color_service {
  padding: 60px 40px 10px 40px;
  text-align: left;
}

.h9_fea .text_box {
  padding: 0;
}

/* ===== 5. About Area CSS ===== */
.ak_ab_area {
  padding: 0 0 100px 0;
}

.ab_witr_inner {
  margin: 0 110px 0 0;
}

.h2_ab {
  padding: 140px 0 50px 0;
}

.h2_ab .witr_counter_single {
  background: #1b1919;
}

.h2_ab .all_counter_color h4,
.h2_ab .all_counter_color h3,
.h2_ab .witr_counter_number_inn span {
  color: #fff;
}

.h4_ab {
  padding: 0 0 135px 0;
}

.h10_video_area {
  padding: 100px 0 140px;
}

.h10_video_area .play-overlay a {
  border-radius: 50px;
}

.h10_video_area .play-overlay a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation-fill-mode: both;
  animation: witr_squares 1.5s ease-in-out infinite;
  background: #fff;
}

@keyframes witr_squares {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  20% {
    transform: scale(1.24);
    opacity: 1;
  }

  100% {
    transform: scale(2.1);
    opacity: 0;
  }
}

.h10_video_area .witr_section_title {
  margin-bottom: 60px;
}

.ab_page_ab {
  padding: 140px 0 40px 0;
}

/* ===== 6. Counter Area CSS ===== */
.ab_coun_inner {
  margin: 0 50px 0 30px;
  width: 57%;
  margin-top: -140px;
  margin-bottom: 0px;
  position: relative;
}

.witr_counter_single {
  text-align: left;
  background: #ffffff;
  padding: 20px 30px 20px 30px;
}

.witr_counter_number_inn {
  overflow: hidden;
}

.wirt_new_iner {
  float: left;
  margin-right: 20px;
}

.witr_counter_number_inn h3,
.witr_counter_number_inn span {
  font-size: 57px;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 0;
  color: #000;
}

.witr_counter_number_inn span {
  line-height: 0;
}

.all_counter_color h4,
.all_counter_color h1 {
  font-size: 18px;
  font-weight: 400;
}

.counter_5 .witr_counter_number_inn h4 {
  margin-top: 13px;
}

/* ===== Counter Area CSS ===== */
.ak_coun_area {
  padding: 90px 0 102px;
}

.ak_coun_area .witr_counter_single {
  text-align: center;
  padding: 0;
  margin-bottom: 30px;
}

.ak_coun_area .witr_counter_number_inn h3,
.ak_coun_area .witr_counter_number_inn span {
  font-size: 40px;
}

.ak_coun_area .all_counter_color h4,
.ak_coun_area .all_counter_color h1 {
  font-size: 22px;
  font-weight: 600;
  color: #696969;
}

.beer-slider>img {
  height: auto;
  max-width: 100%;
  width: 1920px;
}

.h2_coun .witr_counter_single {
  background: transparent;
}

.h2_coun .witr_counter_number_inn h3,
.h2_coun .witr_counter_number_inn h4,
.h2_coun .witr_counter_number_inn span {
  color: #fff;
}

.h3_ab .ab_coun_inner {
  margin: 0;
  width: 100%;
  margin-top: -115px;
  margin-bottom: 0px;
  position: relative;
}

.h3_ab .wirt_new_iner {
  float: left;
  margin-right: 10px;
}

.h3_ab .ab_witr_inner {
  margin: 0 15px 0 0;
}

.h4_ab .witr_counter_single {
  background: transparent;
}

.h4_ab .all_counter_color h4,
.h4_ab .all_counter_color h3 {
  color: #fff;
}

.h4_ab .witr_counter_number_inn span {
  color: #fff;
}

.h4_ab .all_counter_color h4 {
  margin-left: 5px;
}

.h4_btns .witr_bbtn {
  border-radius: 30px;
}

.h5_ab_area {
  padding: 133px 0 110px;
}

.bar_height {
  height: 2px;
}

.h5_ab_left .witr_section_title {
  margin-bottom: 60px;
}

.h5_ab_left {
  margin-bottom: 30px;
}

.h5_ab_area .witr_bbtn {
  padding: 10px 50px 10px 50px;
  border-radius: 30px;
}

.h5_ab_witr .witr_section_title {
  margin-bottom: 45px;
}

.h5_ab_witr img {
  margin-top: 60px;
}

.h6_ab .witr_bbtn {
  padding: 16px 30px;
  border-radius: 30px;
  color: #fff;
  border-width: 1px;
}

.h6_ab .witr_bbtn:hover {
  background: #000;
  color: #fff;
  border-color: #fff;
}

.h9_ab {
  padding: 150px 0 40px 0;
}

.h9_ab .wirt_new_iner {
  margin-right: 15px;
}

.h9_ab .h4_btns .witr_bbtn {
  border-radius: 0;
}

/* ===== 6. Service Area CSS ===== */
.ak_ser_area {
  background: #fafafa;
  padding: 130px 0 140px 0;
}

.ak_ser_area .witr_bar_main {
  margin: 30px 0 20px 0;
}

.ak_ser_area .witr_bar_inner {
  height: 2px;
}

.ak_ser_area .witr_section_title {
  margin-bottom: 50px;
}

.ak_ser_area .service-item {
  padding: 0;
}

.text_box {
  padding: 5px 30px 5px 30px;
}

.ak_ser_area .service-item h3 {
  padding: 20px 0px 20px 0px;
}

.ak_ser_area .service-item p {
  padding-top: 0;
  margin: 0;
}

.ak_ser_area .service-btn {
  top: 35px;
}

.h2_ser {
  margin-top: -8px;
}

/* ===== Service Area CSS ===== */
.h3_service {
  background: #fafafa;
  padding: 135px 0 110px 0;
}

.h3_service .witr_section_title {
  margin-bottom: 60px;
}

.twr_feature_three {
  box-shadow: 0 5px 83px rgb(3 43 86 / 12%);
  background: #fff;
  position: relative;
  overflow: hidden;
  transition: 0.5s;
  margin-bottom: 30px;
}

.twr_feature_three_inner {
  position: relative;
  background: inherit;
  z-index: 2;
  transition: 0.5s;
  padding: 40px 30px;
}

.twr_feature_three_icon {
  margin-bottom: 20px;
  transition: 1s;
}

.twr_feature_relative_text {
  position: relative;
}

.twr_fe_three_middle_icon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  transition: 1s;
}

.twr_feature_three_text h3 {
  margin-bottom: 15px;
}

.twr_feature_three_text a {
  color: #222429;
  margin-top: 10px;
  transition: 0.5s;
  display: inline-block;
}

.twr_feature_three_text p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0px 0px 25px 0px;
}

.twr_feature_three_text a {
  border-radius: 100px;
  margin-top: 10px;
  transition: 0.5s;
  display: inline-block;
}

.h3_service .witr_btn_all_color {
  color: #ffffff;
  background: #000000;
  border-radius: 100px 100px 100px 100px;
  padding: 10px 30px 10px 30px;
  margin-top: 10px;
  display: inline-block;
}

.h3_service .witr_btn_all_color:hover {
  color: #fff;
  background: #3e3c3c;
}

.twr_feature_three_image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.twr_feature_three:hover .twr_feature_three_inner {
  transform: translateY(-84px);
}

.twr_feature_three:hover .twr_feature_three_icon {
  transform: scale(0);
}

.twr_feature_three:hover .twr_fe_three_middle_icon {
  opacity: 1;
}

.twr_feature_three_inner {
  position: relative;
  background: inherit;
  z-index: 2;
  transition: 0.5s;
  padding: 40px 30px;
}

/* ===== Service Area CSS ===== */
.h5_ser_area {
  background: #fafafa;
  padding: 130px 0 110px 0;
}

.em-service2.sleft {
  text-align: left;
}

.h5_ser_area .text_box {
  padding: 0;
}

.h5_ser_area .em-service2.sleft .em-service-icon {
  margin-right: 20px;
  margin-top: 10px;
}

.h5_ser_area .em-service-icon img {
  margin-bottom: 15px;
}

.h5_ser_area .em-service2 .em-service-inner {
  overflow: hidden;
  width: 100%;
}

.h5_ser_area .em-service-title h3 {
  padding: 10px 0px 0px 0px;
  transition: 0.5s;
  margin-bottom: 8px;
}

.h5_ser_area .all_color_service p {
  padding: 10px 50px 10px 0;
}

.h5_ser_area .em-service2.sleft {
  text-align: left;
  margin: 0;
  margin-bottom: 20px;
}

.h5_ser_area .service-btn {
  position: relative;
  top: 0;
}

.h5_ser_area .service-btn a {
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border-style: solid;
  border-color: #dddddd;
  border-radius: 100px;
  padding: 0;
  color: #000;
  border-width: 1px;
  display: inline-block;
  box-shadow: none;
  font-size: 17px;
  font-weight: 400;
  background: transparent;
}

.h5_ser_area .service-btn a:hover {
  background: #000;
  color: #fff;
}

/* ===== Service Area CSS ===== */
.h6_ser_area {
  background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/h6-service-bg.jpg");
  padding: 130px 0px 110px 0px;
}

.h6_ser_area .witr_section_title {
  margin-bottom: 45px;
}

.h6_ser_area .witr_section_title_inner h2,
.h6_ser_area .witr_section_title_inner h3 {
  color: #fff;
}

.h6_ser_area .em-service2.sleft {
  text-align: left;
}

.h6_ser_area .service_top_text {
  display: block;
}

.h6_ser_area .em-service2.sleft .em-service-icon {
  margin-right: 20px;
  margin-top: 10px;
}

.h6_ser_area .em-service-icon i {
  font-size: 50px;
  height: auto;
  width: auto;
  border-radius: initial;
  line-height: normal;
  background: 0 0;
  border: none;
  color: #fff;
  transition: 0.5s;
  display: inline-block;
  text-align: center;
}

.em-service2 .em-service-inner {
  overflow: hidden;
  width: 100%;
}

.h6_ser_area .em-service2 h3 a {
  padding: 10px 0px 0px 0px;
  transition: 0.5s;
  color: #fff;
  margin-bottom: 8px;
}

.h6_ser_area .text_box {
  padding: 0;
}

.h6_ser_area .all_color_service p {
  padding: 10px 45px 0 0;
  color: #fff;
  transition: 0.5s;
  margin: 0;
}

.h6_ser_area .em-service2.sleft {
  text-align: left;
  margin: 0;
  margin-bottom: 30px;
}

.h6_ser_area .service-btn {
  top: 0;
}

.h6_ser_area .service-btn a {
  background: #000;
  color: #fff;
  border-width: 1px;
  margin-top: 30px;
}

.h6_ser_area .service-btn a:hover {
  background: #fff;
  color: #000;
}

.h10_ser_area {
  background: #fafafa;
  padding: 135px 0 120px 0;
}

.h10_ser_area .witr_section_title {
  margin-bottom: 55px;
}

.h10_ser_area .all_color_service {
  padding: 33px 20px 20px 20px;
  background: #fff;
}

.h10_ser_area .text_box {
  padding: 0;
}

.h10_ser_area .em-service2.sleft {
  margin: 0;
  margin-bottom: 20px;
}

.ser_midd_img {
  margin: 100px 0 0 0;
}

/* ===== 7. Provide Area CSS ===== */
.ak_prov_area {
  padding: 140px 0 55px 0;
}

.prov_cont {
  margin: 20px 0 0 28px;
}

.prov_cont .witr_section_title_inner p {
  width: 80%;
}

.icon-list-item>.icon-list-text,
.icon-list-item>a {
  font-size: 17px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 0.8px;
  transition: color 0.3s;
}

.prov_cont .witr_bbtn {
  margin-top: 40px;
}

.prov_cont .witr_section_title {
  margin-bottom: 35px;
}

.h2_prov .icon-list-item>.icon-list-text,
.h2_prov .icon-list-item>a {
  color: #fff;
}

.h2_prov {
  padding: 140px 0 140px 0;
}

.h3_prov {
  padding: 140px 0 140px 0;
}

.h4_prov .witr_bbtn {
  border-radius: 30px;
  padding: 10px 50px 10px 50px;
}

.h4_prov .icon-list-item>.icon-list-text,
.h4_prov .icon-list-item>a {
  color: #fff;
}

.h9_prov .witr_bbtn {
  border-radius: 0;
  padding: 15px 50px 15px 50px;
}

/* ===== 8. Team Area CSS ===== */
.ak_team_area {
  padding: 55px 0 0 0;
}

.ak_team_area .witr_bar_main {
  margin: 17px 0 20px 0;
}

.ak_team_area .witr_section_title_inner p {
  width: 50%;
}

.ak_team_area .witr_section_title {
  margin-bottom: 30px;
}

.team-part {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  transition: 0.5s;
  margin-bottom: 30px;
}

.witr_team_section {
  position: relative;
  text-align: center;
}

.witr_team_section:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
  background: #0000006b;
}

.team_o_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: 0.5s;
  opacity: 0;
}

.team_o_icon ul li {
  list-style: none;
  display: inline-block;
}

.team_o_icon ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 33px;
  border-radius: 5px;
  text-align: center;
  transition: 0.5s;
  margin: 0 2px;
  margin-bottom: 7px;
  border: 1px solid #ddd;
  color: #fff;
}

.witr_team_content {
  padding: 23px 5px 23px;
}

.witr_team_content h5 {
  margin: 0;
}

.witr_team_content h5 a:hover,
.witr_team_content h5:hover,
.witr_team_content span {
  color: #000;
  font-size: 18px;
}

.witr_team_section:hover:before {
  opacity: 1;
}

.witr_team_section:hover .team_o_icon {
  opacity: 1;
}

.team_o_icon ul li a:hover,
.team_s14_image:after {
  background: #000;
  border-color: #000;
  color: #fff;
}

.h2_team {
  padding: 120px 0 70px 0;
}

.h2_team .all_color_team h5 a,
.h2_team .witr_team_content span {
  color: #fff;
}

/* ===== Team Area CSS ===== */
.h3_team {
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #dddddde0;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 140px 0px 80px 0px;
}

.h3_team_left {
  padding: 10px 50px 0px 350px;
}

.h3_team .slick-prev {
  left: -430px;
}

.h3_team .slick-next {
  right: 1415px;
}

.h3_team .slick-prev,
.h3_team .slick-next {
  opacity: 11;
  background: #fff;
  border-style: solid;
  border-width: 0;
  border-radius: 0;
  top: 380px;
}

.h3_team .slick-prev:before,
.h3_team .slick-next:before {
  color: #000000;
}

.h4_team {
  margin-top: 0;
  border: none;
}

.h4_team .all_color_team h5 a {
  color: #fff;
}

.h4_team .all_color_team span {
  color: #fff;
}

.h4_team .witr_team_content h5 a {
  font-size: 24px;
}

.h4_team .witr_team_content h5 a:hover,
.h4_team .witr_team_content h5:hover,
.h4_team .witr_team_content span {
  font-size: 24px;
}

.h4_team .witr_team_content span {
  font-size: 18px;
}

.h5_team .slick-dots li button {
  background: #0000005c;
}

.h5_team .slick-dots li.slick-active button {
  background: #000;
}

.h5_team .slick-dots li button {
  width: 40px;
  height: 15px;
  border-radius: 0;
}

.h5_team .slick-dots {
  bottom: -3px;
}

.h5_team .witr_section_title {
  margin-bottom: 45px;
}

.h5_team {
  border: none;
  padding: 130px 0px 140px 0px;
}

.h5_team .witr_team_content h5 a:hover {
  font-size: 24px;
}

.h6_team .witr_team_content h5 a,
.h6_team .witr_team_content h5 a:hover {
  color: #fff;
}

.h6_team .all_color_team span {
  color: #fff;
}

.h6_team .witr_team_section img {
  border-radius: 5px;
}

.h6_team .slick-dots li button,
.h5_team .slick-dots li.slick-active button {
  background: #fff;
}

.h7_team_area .witr_section_title {
  margin-bottom: 50px;
}

.post_team11_area .team_o_icons {
  top: auto;
  bottom: -30px;
  left: 0;
  right: 0;
  transform: inherit;
  transition: 0.5s;
  margin-top: 0;
  padding: 0;
  position: absolute;
}

.post_team11_area .team_o_icons ul li {
  display: inline-block;
}

.post_team10_area .team_o_icons ul li a {
  width: 55px;
  height: 55px;
  line-height: 55px;
  border: none;
  border-radius: 5px;
  margin: 0;
  font-size: 20px;
  background: #272727;
  color: #fff;
  display: block;
  text-align: center;
}

.post_team_p11 {
  padding: 15px 0;
  position: absolute;
  bottom: -45px;
  left: 15px;
  right: 15px;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  background: #fff;
}

.h7_team_area {
  padding: 130px 0 145px;
}

.h7_team_area .witr_team_content span {
  font-size: 18px;
  color: #000;
}

.h7_team_area .witr_team_content h5 a:hover {
  font-size: 24px;
}

.post_team11_area .team-part {
  overflow: inherit;
  padding-bottom: 40px;
}

.post_team11_area .team-part:hover .team_o_icons {
  bottom: 65px;
}

.post_team10_area .team-part:hover .team_o_icons {
  left: 0;
}

.post_team10_area .team_o_icons ul li a:hover {
  background: #000;
}

.h7_team_area .slick-dots li button {
  background: #0000005c;
}

.h7_team_area .slick-dots li.slick-active button {
  background: #000;
}

.h7_team_area .slick-dots li button {
  width: 40px;
  height: 15px;
  border-radius: 0;
}

.h7_team_area .slick-dots {
  bottom: -5px;
}

.h7_team_area .slick-dots li button:hover {
  background: #0000005c;
}

.skill_bg_witr {
  margin: 100px 300px 100px -150px;
  padding: 120px 100px 255px 100px;
}

.h7_beer .bar_mar30 {
  margin: 20px 0 50px 0;
}

.h8_skill .skill_bg_witr {
  background: #fff;
}

.h8_skill .witr_section_title_inner h1,
.h8_skill .witr_section_title_inner h2,
.h8_skill .witr_section_title_inner h3 {
  color: #000 !important;
}

.h8_skill .witr_section_title_inner p {
  color: #696969 !important;
}

.h9_team {
  background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/side-portfolio-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 110px 0px 55px 0px;
  position: relative;
}

.h9_team .bar_mar30 {
  margin: 18px 0 22px 0;
}

.h9_team .witr_section_title {
  margin-bottom: 30px;
}

.h9_team::before {
  content: "";
  background: #000000;
  opacity: 0.75;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.h9_team .witr_section_title_inner h3 {
  color: #fff;
}

.h9_team .witr_section_title_inner p {
  color: #fff;
  width: 50%;
}

.h9_team .all_color_team h5 a,
.h9_team .all_color_team h5 a:hover {
  color: #fff;
  font-size: 24px;
}

.h9_team .witr_team_content span {
  font-size: 18px;
  color: #fff;
}

.h9_team .slick-prev,
.h9_team .slick-next {
  opacity: 11;
}

.h9_team .slick-prev {
  left: -15px;
}

.h9_team .slick-next {
  right: -15px;
}

.h7_beer {
  padding: 135px 0px 60px 0px;
}

.h10_team .slick-dots li.slick-active button {
  background: #000;
}

.h11_team .slick-dots li.slick-active button {
  background: #fff;
}

.h12_team {
  padding: 5px 0 140px 0;
}

.h13_team {
  padding: 132px 0 140px 0;
}

.h13_team .slick-dots li.slick-active button {
  background: #fff;
}

/* ===== Team Area CSS ===== */
.team_page_team {
  background: #f8f9fc78;
  padding: 95px 0 85px;
}

.team_page_team .witr_section_title {
  margin-bottom: 60px;
}

.witr_team_part {
  overflow: hidden;
  position: relative;
  padding-bottom: 23px;
}

.witr_team_thumb4 {
  position: relative;
}

.witr_team_thumb4:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  right: -100%;
  top: 0;
  transition: 1s;
  background: #000000ad;
}

.witr_team_thumb4 img {
  width: 100%;
}

.witr_team_top {
  border-radius: 5px;
  position: absolute;
  top: -200px;
  right: -7px;
  transform: translate(-50%, -50%);
  transition: 1s;
  background: #fff;
}

.witr_team_top ul li a {
  margin: 12px 13px;
  transition: 1s;
  display: block;
  color: #000;
}

.witr_bottom_icon {
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translate(-50%, -50%);
  transition: 1s;
  z-index: 1;
}

.witr_bottom_icon a {
  width: 45px;
  height: 45px;
  line-height: 36px;
  display: block;
  text-align: center;
  border-radius: 50%;
  transition: 0.5s;
  border: 5px solid #e6ebf8;
  color: #000;
  background: #fff;
}

.witr_team_content4 {
  position: relative;
  border-radius: 5px;
  padding: 15px 30px 13px;
  margin: 0 20px;
  box-shadow: 0 0 30px 0 rgba(42, 67, 113, 0.15);
  margin-top: -58px;
  text-align: left;
  background: #fff;
}

.witr_team_content4 h5 {
  margin-bottom: 5px;
}

.witr_team_content4 span {
  color: #626262;
}

.witr_team_part:hover .witr_team_thumb4:before {
  right: 0;
}

.witr_team_part:hover .witr_team_top {
  top: 100px;
}

.witr_team_part:hover .witr_bottom_icon {
  top: 90%;
}

.witr_team_top ul li a:hover {
  color: #ff8400;
}

.witr_bottom_icon a:hover,
.witr_team_s11 span {
  background: #000;
  color: #fff;
}

/* ===== 9. Details Area CSS ===== */
.ak_det_area {
  padding: 80px 0 135px 0;
}

.details_cont {
  margin: 32px 0 0 0;
}

.ak_det_area .witr_section_title_inner p {
  width: 80%;
}

.ak_det_area .witr_section_title {
  margin-bottom: 45px;
}

.em-service2.sleft {
  text-align: left;
  margin: 0 60px 20px 0;
}

.witr_s_flex {
  display: flex;
}

.service_top_text {
  display: block;
}

.em-service2.sleft .em-service-icon {
  margin-right: 20px;
  margin-top: 10px;
}

.em-service-icon img {
  margin-bottom: 15px;
}

.em-service2 .em-service-inner {
  overflow: hidden;
  width: 100%;
}

.em-service-title h3 {
  padding: 0;
  transition: 0.5s;
  margin-bottom: 8px;
}

.ak_det_area .text_box {
  padding: 0;
}

.ak_det_area .witr_bbtn {
  padding: 10px 50px 10px 50px;
  margin-top: 25px;
}

.h2_detail .all_color_service h3 a,
.h2_detail .all_color_service p {
  color: #fff;
}

.h2_detail {
  padding: 120px 0 65px 0;
}

.h3_detail .witr_bbtn {
  border-radius: 30px;
}

.h6_details {
  padding: 140px 0 140px;
}

.h9_detail {
  padding: 140px 0 140px 0;
  margin-top: 100px;
}

.h11_detail .witr_bbtn {
  color: #fff;
}

.h11_detail .witr_bbtn:hover {
  background: #fff;
  color: #000;
  border-color: #fff;
}

.h11_detail {
  padding: 120px 0 120px 0;
}

.h12_detail {
  padding: 120px 0 125px 0;
}

/* ===== 10. Pricing Area CSS ===== */
.ak_pric_area {
  padding: 0 0 110px;
}

.ak_pric_area .witr_section_title {
  margin-bottom: 60px;
}

.pricing_area {
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

.pricing-part {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.all_pricing_color img {
  padding: 50px 0 0 0;
}

.all_pricing_color h5 {
  font-size: 20px;
  padding: 40px 0 0 0;
}

.all_pricing_color h2,
.all_pricing_color h3,
.all_pricing_color h4,
.all_pricing_color h5 {
  margin: 0;
}

.pricing-part span {
  font-size: 24px;
  margin-right: 5px;
}

.pricing_bar_title {
  position: relative;
  margin: 50px 0;
}

.pricing_bar_title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #ddd;
  left: 0;
  right: 0;
  top: 50%;
}

.pricing_style_7.pricing-part h4 {
  font-size: 16px;
  padding: 13px 30px;
  display: inline-block;
  border-radius: 30px;
  color: #fff;
  z-index: 1;
  position: relative;
  background: #000;
}

.witri_texti_list {
  margin-top: 25px;
}

.pricing-part ul {
  padding: 0 30px;
}

.witri_texti_list ul li {
  list-style: none;
  font-size: 17px;
  margin-bottom: 17px;
}

.witr_btnp_color {
  padding-top: 37px;
  padding-bottom: 40px;
}

.witr_btnp_color a.btn {
  color: #000000;
  background: #02010100;
  font-weight: 600;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #ddddddba;
  border-radius: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  padding: 12px 30px 12px 30px;
  display: inline-block;
  font-size: 18px;
}

.witr_btnp_color a.btn:hover {
  color: #fff;
  background: #000000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #000000;
}

.midd_pric {
  background: #000000;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

.midd_pric h5 {
  color: #fff;
}

.midd_pric .pricing_style_7.pricing-part h4 {
  color: #000000;
  background: #fff;
}

.midd_pric ul li {
  color: #fff;
}

.midd_pric .witr_btnp_color a.btn {
  color: #fff;
}

.midd_pric .witr_btnp_color a.btn:hover {
  background: #fff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #fff;
  color: #000;
}

.h2_pric {
  padding: 135px 0 110px;
}

.h2_pric .pricing_area {
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

/* ===== Pricing Area CSS ===== */
.ak_pric_area2 {
  padding: 102px 0 80px;
}

.ak_pric_area2 .witr_section_title {
  margin-bottom: 50px;
}

.ak_pric_area2 .pricing_area {
  border-radius: 5px;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
}

.ak_pric_area2 .pricing-part {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.pricing_top_box {
  position: relative;
  padding: 30px 25px;
  border-radius: 5px;
  background: #000;
}

.pricing_top_box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  background-image: linear-gradient(90deg, #001eb6e6 0%, #3757f7c9 100%);
}

.pricing_topb_zindex {
  position: relative;
  z-index: 1;
}

.ak_pric_area2 .prt_content {
  padding: 0;
  font-size: 20px;
  color: #fff;
}

.pricing_top_box .prt_content p,
.pricing_top_box p {
  margin: 0;
  color: #fff;
}

.ak_pric_area2 .all_pricing_color h4 {
  color: #fff;
  background: #000000;
  padding: 25px 0px 25px 0px;
  font-size: 30px;
  display: block;
  margin: 0;
}

.top_by_bottom {
  padding-top: 30px;
}

.ak_pric_area2 .all_pricing_color h5 {
  font-size: 30px;
  display: inline-block;
  color: #fff;
  margin: 0;
  padding: 0;
}

.ak_pric_area2 .pricing-part span {
  font-size: 24px;
  margin-right: 5px;
}

.pricing_style_6 .witri_texti_list {
  margin-top: 0;
}

.ak_pric_area2 .pricing-part ul {
  padding: 0 30px;
  text-align: center;
}

.witri_texti_list ul li {
  list-style: none;
  font-size: 17px;
  margin-bottom: 17px;
  padding: 7px 0px 0px 0px;
}

.pricing_style_6 .witr_btnp_color {
  padding-top: 45px;
  padding-bottom: 0;
}

.ak_pric_area2 .pricing-part a.btn {
  padding: 17px 30px;
  display: block;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.ak_pric_area2 .witr_btnp_color a.btn:hover {
  color: #fff;
  background: #3d3d3f;
}

/* ===== 11. Testimonial Area CSS ===== */
.ak_test_area {
  padding: 133px 0px 150px 0px;
  /* background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/test-bg-img-1.jpg"); */
  background-position: center center;
  background-size: cover;
}

.ak_test_area .witr_section_title_inner h2 {
  color: #fff;
}

.ak_test_area .witr_section_title_inner h3 {
  color: #fff;
}

.witr_testi_itemt {
  padding: 0 10px;
}

.em_single_testimonial {
  margin-bottom: 30px;
  background: #fff;
  transition: all 0.5s ease 0s;
  padding: 50px 50px 30px 50px;
  margin-top: 20px;
  box-shadow: 0 10px 25px 0 rgba(50, 65, 141, 0.12);
  overflow: hidden;
  position: relative;
  text-align: left;
}

.em_test_thumb {
  float: left;
  margin-right: 20px;
}

.test-part {
  display: inline-block;
  margin-bottom: 10px;
}

.em_test_thumb img {
  border-radius: 0;
  width: 30px;
}

.em_testi_title span {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.em_testi_content {
  position: relative;
  text-align: center;
}

.em_testi_text {
  overflow: hidden;
  padding-top: 15px;
  float: left;
  text-align: left;
}

.em_testi_text p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000;
}

.test-part ul li {
  display: inline-block;
  padding-top: 0;
}

.execllent_toggol {
  display: flex;
  align-items: center;
  justify-content: center;
}

.em_crating i.active {
  color: #000;
  font-size: 18px;
}

.execllent_star {
  margin-left: 15px;
}

.execllent_star h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  font-style: italic;
  color: #000;
}

/* ===== Testimonial Area CSS ===== */
.h5_test_area {
  padding: 0 0 107px;
}

.h5_test_left {
  padding: 0 200px 0 350px;
}

.h5_test_area .slick-prev,
.h5_test_area .slick-next {
  opacity: 11;
  top: 280px;
}

.h5_test_area .slick-prev {
  left: -600px;
}

.h5_test_area .slick-next {
  right: 1390px;
}

.h5_test_area .em_single_testimonial {
  border: 1px solid #e8e8e8;
}

.h5_test_area .em_single_testimonial:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.13);
}

.h6_test .slick-prev,
.h6_test .slick-next {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #ffffff;
}

.h6_test .slick-prev:hover,
.h6_test .slick-next:hover {
  background: #fff;
}

.h6_test .slick-prev:hover:before,
.h6_test .slick-next:hover:before {
  color: #000000;
}

.h7_test {
  padding: 120px 0 107px;
}

.h8_test .slick-prev,
.h8_test .slick-next {
  background: #fff;
}

.h8_test .slick-prev:before,
.h8_test .slick-next:before {
  color: #000000;
}

.ak_test_area {
  padding: 133px 0px 150px 0px;
  background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/test-bg-img-1.jpg");
  background-position: center center;
  background-size: cover;
}

.h9_test {
  padding: 133px 0px 150px 0px;
  background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/side-testi-bg.jpg");
  background-position: center center;
  background-size: cover;
}

.h9_test .witr_section_title {
  margin-bottom: 50px;
}

.h9_test .witr_section_title_inner h2 {
  color: #fff;
}

.h9_test .witr_section_title_inner h3 {
  color: #fff;
}

.h10_test {
  padding: 120px 0 30px;
}

.h10_test .em_single_testimonial {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}

.h10_test .em_single_testimonial:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}

.test_page_test {
  background: #f9fbfe;
}

.test_page_test .witr_section_title_inner h2,
.test_page_test .witr_section_title_inner h3 {
  color: #000;
}

.test_page_test .em_single_testimonial:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.13);
}

/* ===== 12. Contact Area CSS ===== */
.ak_cont_area {
  padding: 140px 0 130px 0;
}

.cont_left {
  margin: 45px 0px 0px 0px;
}

.cont_left .witr_section_title_inner p {
  padding: 5px 0 0 0;
}

.cont_left .witr_section_title {
  margin-bottom: 45px;
}

.cont_left li.icon-list-item {
  margin-top: 3px;
  padding-bottom: 3px;
}

.cont_left .icon-list-item>.icon-list-text,
.cont_left .icon-list-item>a {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
  transition: color 0.3s;
}

h2.heading-title {
  margin-bottom: 18px;
}

.apartment_area {
  position: relative;
  background-size: cover;
  padding: 60px 35px 60px;
  border-radius: 10px;
  text-align: left;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03);
  margin-left: 10px;
}

.witr_apartment_form input,
.witr_apartment_form form select,
textarea {
  padding: 0 0 0 30px;
}

.witr_apartment_form form select,
.witr_apartment_form input,
.twr_form_box textarea {
  width: 100%;
  height: 45px;
  border-radius: 0;
  outline: 0;
  background: #fff;
  font-size: 16px;
  color: #888;
  margin-bottom: 23px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #ddddddc7;
}

.twr_form_box textarea {
  height: 150px;
  width: 100%;
  padding-left: 30px;
  color: #888;
  margin-bottom: 25px;
  background: #fff;
  border-radius: 0;
  padding-top: 10px;
  font-size: 16px;
}

.witr_apartment_form .btn {
  border: 0 none;
  display: inline-block;
  font-weight: 600;
  padding: 15px 60px 15px 60px;
  font-size: 18px;
  border-radius: 0;
  color: #fff;
  margin-top: 0;
  transition: 0.5s;
  background: #000;
  margin-top: 10px;
}

.witr_apartment_form .btn:hover {
  background: #3e3c3c;
  border-color: #3e3c3c;
}

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

.h2_cont .heading-title {
  color: #fff;
}

.h2_cont .elementor-icon-list-text {
  color: #fff;
}

.h2_cont .icon-list-item>.icon-list-text,
.h2_cont .icon-list-item>a {
  color: #fff;
}

.h2_cont .apartment_area {
  background: #fffffff2;
  border-radius: 10px;
}

.h3_cont .witr_apartment_form .btn {
  padding: 15px 30px 15px 30px;
  margin-top: 0;
  border-radius: 30px;
}

.h3_cont .apartment_area {
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}

.h3_cont .apartment_area {
  margin-left: 0;
  margin-right: 7px;
}

.h3_cont .cont_left {
  margin: 60px 0px 0px 9px;
}

.h7_cont {
  padding: 20px 0 140px 0;
}

.h9_cont .apartment_area {
  margin-left: 15px;
  margin-right: 0;
}

.h9_cont .witr_apartment_form .btn {
  border-radius: 0;
}

/* ===== Contact Area CSS ===== */
.contact_page_area {
  background: #fff;
  padding: 100px 0 80px;
}

.contact_page_area .all_color_service {
  padding: 50px 35px 60px 35px;
}

.contact_page_area .all_color_service,
.service_top_image::after {
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
  margin-bottom: 20px;
  background: #fff;
  border-radius: 0;
}

.contact_page_area .service_top_image {
  position: relative;
}

.contact_page_area .service-item i {
  font-size: 30px;
  height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 50%;
  line-height: 80px;
  display: inline-block;
  transition: 0.5s;
  background: #000;
  border-radius: 5px;
  color: #fff;
}

.contact_page_area .service-item h3 a {
  font-weight: 600;
}

.contact_page_area .service-item h3 {
  padding: 15px 0 10px;
}

.contact_page_area .text_box.all_icon_color p {
  padding-bottom: 0px;
  margin: 0px;
}

.contact_page_area .all_color_service:hover i,
.contact_page_area .poly_text_box:hover .contact_page_area .service_icon_box::before {
  background: #111;
}

.contact_page_area .text_box {
  padding: 0;
}

.cont_page_cont {
  padding: 0 0 120px;
}

.cont_page_cont .apartment_area {
  text-align: center;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
  margin-left: 0;
}

.cont_page_cont .apartment_text h1 {
  font-size: 17px;
  margin-bottom: 5px;
  color: #000;
}

.cont_page_cont .apartment_text h2 {
  margin-bottom: 40px;
  font-size: 38px;
  padding: 10px 0 30px 0;
}

.cont_page_cont .witr_apartment_form form select,
.cont_page_cont .witr_apartment_form input,
.cont_page_cont .twr_form_box textarea {
  border-radius: 5px;
  border-width: 1px 1px 1px 1px;
  padding: 30px 0px 30px 30px;
}

.cont_page_cont .witr_apartment_form .btn {
  padding: 15px 30px;
  border-radius: 30px;
  margin-top: 0;
}

.cont_page_cont .witr_apartment_form .btn:hover {
  background: #02101e;
}

/* map area css */
.map_inner_area iframe {
  border: none;
  width: 100%;
  height: 500px;
  margin-bottom: -8px;
}

/* ===== 13. Blog Area CSS ===== */
.akin_blog_area {
  position: relative;
  padding: 0px 0 100px;
}

.akin_blog_area .witr_bar_main {
  margin: 30px 0 0px 0;
}

.blog_page_blog {
  padding: 112px 0 100px;
}

.akin_blog_area .witr_section_title {
  margin: 37px 0;
}

.all_blog_color {
  text-align: left;
}

.busi_singleBlog {
  transition: 0.5s;
  box-shadow: 0 10px 40px 0 rgba(50, 65, 141, 0.07);
  position: relative;
  overflow: hidden;
  background: #fff;
  margin-bottom: 20px;
}

.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_sb_thumb img {
  width: 100%;
  transition: 0.5s;
}

.witr_top_category {
  transform: scale(1);
  transition: 0.5s;
}

.busi_singleBlog:hover .witr_top_category {
  transform: scale(1);
}

.witr_top_category {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 999;
}

.witr_top_category ul li {
  display: inline-block;
}

.witr_top_category ul li a {
  background: #000;
  padding: 3px 10px;
}

.witr_top_category ul li a {
  border-radius: 5px;
  margin: 0 10px 0px 0;
  display: inline-block;
}

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

.busi_singleBlog:hover {
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.05);
}

.busi_singleBlog:hover .witr_sb_thumb img,
.busi_singleBlog:hover .witr_sb_thumb:before {
  transform: scale(1.2);
}

.witr_blog_con {
  padding: 30px 30px 30px 30px;
  margin-bottom: 0;
}

.witr_blog_con h2 {
  margin: 5px 0 0;
  color: #222429;
  padding: 7px 0 0 0;
}

.all_blog_color p {
  padding: 5px 0 0 0;
}

.witr_blog_con h2 a {
  display: inline-block;
}

.learn_btn {
  padding: 10px 30px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
}

.learn_btn:hover {
  color: #fff;
  background: #000;
}

.em-blog-content-area_adn {
  padding: 0 10px 22px 20px;
}

.witr_blog_border {
  margin-bottom: 10px;
}

.witr_blog_border {
  border: 1px solid #f2f2f2;
}

.witr_blog_con span {
  font-size: 16px;
  line-height: 26px;
  font-size: 16px;
  margin-bottom: 15px;
  margin-right: 2px;
}

.akin-blog-meta-left_adn a,
.akin-blog-meta-left_adn span,
.akin-event-meta-left_adn a,
.akin-event-meta-left_adn span,
.event_date_5 span,
.witr_blog_con span,
.witr_blog_con span a,
.witr_blog_metan span,
.witr_blog_metan span a,
.witr_circal_r h6 {
  color: #888;
}

.witr_blog_meta_potion14 {
  margin: 5px 0 17px;
}

.witr_blog_con span i {
  padding-right: 5px;
  padding-left: 5px;
  transition: 0.5s;
  color: #000;
}

.witr_blog_meta_potion {
  margin-top: -55px;
  margin-bottom: 25px;
  z-index: 9;
  position: relative;
  padding: 15px 10px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: #fff;
}

.wbutton_right_icon {
  position: absolute;
  bottom: 0;
  right: 24px;
}

.wbutton_right_icon a {
  font-size: 20px;
  position: relative;
  z-index: 1;
  color: #000;
}

.wbutton_right_icon a::before {
  content: "";
  position: absolute;
  height: 110px;
  width: 110px;
  border: 2px solid #f7f7f7;
  bottom: -78px;
  z-index: -1;
  transform: rotate(-35deg);
  right: -38px;
  border-radius: 0 20px;
  transition: 0.5s;
}

.busi_singleBlog:hover .wbutton_right_icon a {
  color: #fff;
}

.busi_singleBlog:hover .wbutton_right_icon a::before {
  background: #000;
}

.akin_blog_area:hover .slick-prev,
.akin_blog_area:hover .slick-next {
  opacity: 1;
}

.h2_blog {
  padding: 115px 0 100px;
}

.h8_blog {
  padding: 115px 0 100px;
}

.h9_blog .busi_singleBlog {
  background: #e60b0b00;
  box-shadow: 0 10px 40px 0 rgba(50, 65, 141, 0.07);
}

.h9_blog .witr_blog_con h2 a {
  display: inline-block;
  color: #fff;
}

.h9_blog .all_blog_color span i,
.h9_blog .witr_post_Author a i,
.h9_blog .witr_post_Author6 a i {
  color: #fff;
}

.h9_blog .witr_blog_con span a {
  color: #fff;
}

.h9_blog .witr_blog_con span {
  color: #fff;
}

.h11_blog {
  padding: 120px 0 110px;
}

.h12_blog {
  padding: 80px 0 0;
}

.blog_page_blog {
  padding: 115px 0 100px;
}

/* ===== 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: 20px;
  position: relative;
  text-transform: capitalize;
}

.blog-left-side .widget h2::before {
  background: #000;
  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: #000;
}

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

.akin-blog-meta-left i {
  color: #000;
}

.akin-blog-meta-left i {
  font-size: 13px;
  margin-right: 5px;
}

.akin-blog-meta-left {
  margin-bottom: 10px;
  margin-top: 5px;
}

.recent-post-text h4 a:hover {
  color: #000;
}

.recent-post-item {
  padding-bottom: 0;
}

.recent-post-text h4 {
  margin-bottom: 0;
  line-height: 1;
}

.akin-blog-meta-left a,
.akin-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: #000;
}

table#wp-calendar td#today a {
  color: #fff;
}

.textwidget img {
  margin-bottom: 15px;
}

.textwidget p {
  margin-bottom: 0.5rem;
}

.akin-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 .akin-single-blog {
  margin-bottom: 30px;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  background: transparent;
}

.akin-single-blog {
  overflow: hidden;
  text-align: left;
  transition: all 0.3s ease-in-out 0s;
}

.akin-blog-thumb {
  overflow: hidden;
}

.single_blog_thumb img {
  width: 100%;
}

.akin-blog-thumb a {
  display: block;
  position: relative;
}

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

.akin-blog-thumb a:before {
  background: rgba(0, 0, 0, 0.7);
}

.akin-blog-thumb img {
  width: 100%;
}

.akin_blog_area .em-blog-content-area {
  padding: 20px 15px 0;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}

.akin-blog-meta.post_blog h2 a {
  font-size: 24px;
  font-weight: 700;
  transition: 0.5s;
}

.akin-blog-meta-left {
  margin-bottom: 10px;
  margin-top: 5px;
}

.akin-blog-meta-left a,
.akin-blog-meta-left span {
  color: #888888;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 0;
  display: inline-block;
}

.akin-blog-meta-left i {
  color: #000;
  margin-right: 5px;
  font-size: 13px;
}

.akin-blog-meta-left a,
.akin-blog-meta-left span {
  color: #888;
}

.em-blog-content-area .witr_btn {
  background: #000;
  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;
}

.akin-single-blog:hover .akin-blog-thumb a:before {
  opacity: 1;
}

.akin-single-blog:hover .akin-blog-thumb img {
  transform: scale(1.1);
}

.em-blog-content-area .witr_btn:hover {
  background: #323232;
  color: #fff;
}

.akin-blog-meta.post_blog h2 a {
  font-size: 24px;
  font-weight: 700;
  transition: 0.5s;
}

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

.widget_recent_data .recent-post-item {
  margin-bottom: 0;
}

.blog-left-side .single-widget-item h2 {
  color: #030925;
}

/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
  padding: 100px 0 70px;
}

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

.akin-single-icon-inner {
  text-align: center;
}

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

.akin-single-icon-inner a:hover {
  background: #000;
  border-color: #000;
  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;
}

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

.akin_btn:hover {
  background: #000;
  border-color: #000;
  color: #fff;
}

/* end sidebar css */

/* slick slide css */
.slick-dots li button {
  font-size: 0;
  width: 30px;
  height: 10px;
  border: 0 solid #f0f0f0;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 0;
  padding: 0;
  transition: 0.5s;
  outline: 0;
  background: #777777;
}

.slick-dots li button:hover {
  background: #fff;
}

.slick-dots li {
  display: inline-block;
}

.slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -22px;
  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: #fff;
  outline: none;
  z-index: 9;
  opacity: 0;
  border-radius: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  width: 55px;
  height: 55px;
  line-height: 55px;
  top: 50%;
  transform: translate(0px, -50%);
  transition: 0.5s;
  border: 0px solid #17161a;
  background: #000;
}

.slick-prev {
  left: -65px;
}

.slick-next {
  right: -65px;
}

.slick-next:before,
.slick-prev:before {
  color: #fff;
  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: #1e1e1e;
}

.slick-prev:hover:before,
.slick-next:hover:before {
  color: #fff;
}

button:focus {
  outline: 0;
}

.h5_br_area:hover .slick-prev,
.h5_br_area:hover .slick-next {
  opacity: 1;
}

.ak_team_area:hover .slick-prev,
.ak_team_area:hover .slick-next {
  opacity: 1;
}

/*===== 15. Breadcumb Area CSS =====*/
.breadcumb-inner h2 {
  font-size: 36px;
}

.breadcumb-area {
  padding-top: 150px;
  padding-bottom: 103px;
  background-image: url(https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/breadcumb.jpg);
  position: relative;
  background-position: center center;
  background-size: cover;
}

.breadcumb-area:before,
.breadcumb-blog-area:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.5);
}

.breadcumb-inner ul,
.breadcumb-inner ul span a,
.breadcumb-inner li,
.breadcumb-inner li a {
  color: #fff;
}

.breadcumb-inner li {
  display: inline-block;
  margin: 0;
  color: #fff;
}

.breadcumb-inner li:nth-last-child(-n + 1) {
  color: #fff;
}

.breadcumb-inner li a {
  color: #fff;
}

.breadcumb-inner li a:hover {
  color: #000;
}

.brpt h2 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 5px;
}

.lcase {
  text-transform: lowercase;
}

.ucase {
  text-transform: uppercase;
}

.ccase {
  text-transform: capitalize;
}

/* ===== 16. Circle Area CSS ===== */
.h3_cir_area {
  background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/progress-img-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 135px 0px 105px 0px;
}

.h3_cir_area .witr_section_title {
  margin-bottom: 60px;
}

.h3_cir_area .witr_section_title_inner h2,
.h3_cir_area .witr_section_title_inner h3 {
  color: #fff;
}

.witr_circle_area {
  text-align: center;
  margin-bottom: 30px;
}

.witr_cp_class {
  position: relative;
}

span.witr_cir_text {
  color: #fff;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  font-size: 20px;
  transform: translateX(-50%) translateY(-50%);
  font-weight: 700;
}

.witr_circle_title {
  margin-top: 10px;
}

.witr_circle_title h3 {
  color: #fff;
}

.h9_cir {
  background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/slider1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 135px 0px 430px 0px;
  position: relative;
}

.h9_cir::before {
  content: "";
  background: #000000;
  opacity: 0.65;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

/* ===== 17. Portfolio Area CSS ===== */
.ak_proj_area {
  padding: 0 0 135px 0;
}

.ak_proj_area .witr_section_title {
  margin-bottom: 45px;
}

.witr_pslide3 .witr_single_pslide {
  margin-bottom: 100px;
  overflow: inherit;
}

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

.witr_pslide_image {
  overflow: hidden;
  position: relative;
  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: #1e1e1e;
  color: #fff;
}

.witr_single_pslide:hover .witr_pslide_image img,
.witr_single_pslide:hover .witr_pslide_image:before {
  transform: scale(1.2);
}

.witr_content_pslide_text {
  width: 100%;
}

.witr_pslide .witr_pslide_custom {
  bottom: auto;
  top: 30px;
  left: 30px;
  right: auto;
  transform: scaleX(0);
  position: absolute;
  z-index: 9;
  transition: 0.5s;
}

.witr_pslide .witr_pslide_custom a span {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 5px;
  font-size: 30px;
  color: #000;
  background: #fff;
  display: inline-block;
  transition: 0.5s;
  text-align: center;
}

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

.ps1 .witr_content_pslide_text {
  position: absolute;
  bottom: -175px;
  left: 30px;
  right: 30px;
  transition: 0.5s;
  opacity: 1;
  z-index: 2;
  text-align: left;
  border-radius: 5px;
}

.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
  opacity: 1;
  bottom: 30px;
}

.witr_content_pslide_text h3 {
  margin-bottom: 0;
}

.witr_content_pslide_text h3 a {
  display: inline-block;
}

.witr_content_pslide_text p {
  margin-bottom: 4px;
}

.all_pslides_color p {
  padding: 0;
  color: #fff;
}

.witr_pslide_image img {
  margin-right: auto;
  margin-left: auto;
  transition: 0.5s;
  width: 100%;
}

.witr_pslide_btnb a {
  color: #000;
  font-size: 14px;
  border-radius: 100px 100px 100px 100px;
  margin: 19px 0px 0px 0px;
  padding: 10px 20px 10px 20px;
  display: inline-block;
}

.witr_pslide_btnb a:hover {
  color: #fff;
  background: #000;
}

.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
  bottom: auto;
  transform: scaleX(1);
}

.ps1 .witr_content_pslide_text a:hover {
  color: #000;
}

.witr_single_pslide:hover .witr_pslide_custom {
  bottom: -20px;
}

.witr_content_pslide_text a {
  color: #fff;
}

.witr_pslide3 .witr_pslide_custom a span {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  box-shadow: 0 0 65px 0 #00000014;
  background: #fff;
  text-align: center;
  color: #000;
  display: inline-block;
  transition: 0.5s;
}

.witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span {
  color: #fff;
  background: #000;
}

.h2_proj {
  padding: 110px 0 135px 0;
}

/* ===== Portfolio Area CSS ===== */
.h5_prot_area .witr_section_title {
  margin-bottom: 60px;
}

.h5_prot_area .witr_bbtn {
  padding: 15px 50px 15px 50px;
  background: #000;
  color: #fff;
  margin-top: 43px;
  border-radius: 30px;
  border-color: #000;
}

.h3_proj {
  padding: 134px 0 140px 0;
}

.h3_proj .ps1 .witr_content_pslide_text {
  top: -100px;
}

.h3_proj .witr_pslide_custom a span {
  width: 110px;
  height: 110px;
  line-height: 90px;
  text-align: center;
  display: inline-block;
  font-size: 40px;
  transition: 0.5s;
  background: #000;
  color: #fff;
  border-radius: 0;
  transition: 0.5s;
}

.h3_proj .witr_pslide_custom {
  position: absolute;
  bottom: -125px;
  right: -15px;
  z-index: 9;
  transition: 0.5s;
}

.h3_proj .witr_single_pslide:hover .witr_content_pslide_text {
  top: 25px;
}

.h3_proj .witr_single_pslide:hover .witr_pslide_custom {
  bottom: -30px;
}

.h3_proj .witr_pslide .witr_pslide_custom {
  top: auto;
  left: auto;
  right: 0;
  transform: scaleX(1);
  transition: 0.5s;
}

.h3_proj .witr_content_pslide_text {
  padding: 0;
}

.h3_proj .witr_single_pslide .witr_pslide_custom {
  transition: 0.5s;
}

.h6_port {
  padding: 135px 0 30px;
}

.h6_port .witr_bbtn {
  padding: 18px 30px;
  background: #fffffffa;
  color: #000000;
  margin-top: 43px;
  border-radius: 30px;
  border-color: #000;
}

.h6_port .witr_bbtn:hover {
  background: #3e3c3c;
  color: #fff;
}

.h7_port {
  background: #fafafa;
  padding: 142px 0 120px;
}

.h7_port .portfolio_nav {
  text-align: left;
}

.h7_port .portfolio_nav {
  padding: 0 0 45px;
}

.h8_port .portfolio_nav ul li {
  color: #fff;
}

.h10_proj .ps3.ps1 .witr_content_pslide_text {
  bottom: -60px;
  opacity: 1;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 30px 0px 30px 0px;
  border-radius: 5px;
  background: #fff;
}

.h10_proj .ps1 .witr_content_pslide_text {
  position: absolute;
  left: 30px;
  right: 30px;
  transition: 0.5s;
  z-index: 2;
}

.h10_proj .witr_content_pslide_text {
  width: inherit;
}

.h10_proj .ps3.ps1 .witr_content_pslide_text a,
.h10_proj .ps3.ps1 .witr_content_pslide_text h3,
.h10_proj .ps3.ps1 .witr_content_pslide_text p {
  color: #222429;
}

.h10_proj .witr_bbtn {
  padding: 16px 30px;
  background: transparent;
  color: #000;
  border-radius: 0;
  border-color: #000;
  margin-top: 18px;
}

.h10_proj .witr_bbtn:hover {
  background: #000;
  color: #fff;
}

.h10_proj .witr_section_title {
  margin-bottom: 44px;
}

.h11_proj .witr_bbtn,
.h11_proj .witr_gbbtn {
  color: #fff;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #ffffffba;
}

.h12_port {
  padding: 134px 0 0;
}

.h12_port .portfolio_nav ul li.current_menu_item {
  color: #000000;
  background: #02010100;
  border: none;
}

.h12_port .portfolio_nav ul li {
  border: none;
}

.h12_port .witr_section_title {
  margin-bottom: 35px;
}

.h12_port .portfolio_nav {
  padding: 0 0 50px;
}

.h13_port {
  padding: 134px 0 105px;
}

.h13_port .portfolio_nav ul li.current_menu_item {
  color: #fff;
  background: #02010100;
}

.h13_port .portfolio_nav ul li {
  color: #fff;
}

.ab_page_proj {
  padding: 55px 0 140px 0;
}

.port_grid .witr_section_title {
  margin-bottom: 50px;
}

.port_grid .paginations {
  margin-top: 3px;
}

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

.port3clmn .witr_section_title_inner p {
  width: 39%;
}

.port3clmn .witr_section_title {
  margin-bottom: 35px;
}

.port3clmn .portfolio_nav {
  padding: 0 0 45px;
}

/* ===== Portfolio Area CSS ===== */
.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: #000;
}

.positi_3 .porttitle_inner4 h3 a,
.positi_3 .porttitle_inner4 p span {
  color: #fff;
}

.port_area {
  padding: 115px 0 105px;
}

.port_area .witr_section_title {
  margin-bottom: 20px;
}

.portfolio_nav {
  padding: 0 0 30px;
}

.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: 10px 20px;
  position: relative;
  transition: 0.5s;
  border: 1px solid #f3eaea;
}

.prot_wrap {
  overflow: hidden;
}

.single_protfolio {
  position: relative;
  overflow: hidden;
  margin-bottom: 28px;
}

.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: 23px;
  font-weight: 700;
  text-transform: capitalize;
  transition: 0.5s;
  color: #fff;
  margin-bottom: 0;
  display: inline-block;
}

.prot_content h3 a:hover {
  color: #000;
}

.prot_content p {
  line-height: 1.2;
  margin: 5px 0 0;
}

.prot_content p span {
  display: inline-block;
  color: #fff;
}

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

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

.picon a:hover {
  border-color: #191f2d;
  background: #191f2d;
}

.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,
.portfolio_nav ul li:hover {
  border-color: #000;
  background: #000;
  color: #fff;
}

.prot_content {
  background: #00000080;
}

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

/* port style 3 */
.em_plus_port {
  position: absolute;
  bottom: 20px;
  right: 30px;
  z-index: 99;
}

.prot_content_inner {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 10;
  opacity: 0;
  transition: 0.5s;
}

.single_protfolio:hover .prot_content_inner {
  top: 50%;
  opacity: 1;
}

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

.picon a:hover {
  border-color: #1e1e1e;
  background: #1e1e1e;
}

/* 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 .prot_content_inner {
  background: #000;
}

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

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

.p2clmn .prot_content_inner {
  top: 60%;
  transition: all 0.3s ease-in-out 0.3s;
}

.p2clmn .picon a {
  background: #000;
  font-size: 20px;
  border-radius: 5px;
}

.p2clmn .picon a:hover {
  background: #183571;
}

.p4clmn .picon a {
  border-radius: 5px;
}

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

/* recent project css */
.akin-blog-area.akin-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;
}

.akin-blog-social {
  margin-bottom: 25px;
  margin-top: 25px;
}

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

.akin-single-icon a:hover {
  background: #000;
  color: #fff;
}

.pr-title h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* ===== Portfolio Area CSS ===== */
.h9_port_area {
  background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/side-portfolio-bg.jpg");
  padding: 145px 0px 120px 0px;
}

.h9_port_area .witr_section_title_inner h2 {
  color: #fff;
}

.h9_port_area .witr_section_title_inner h3 {
  color: #fff;
}

.h9_port_area .witr_section_title {
  margin-bottom: 60px;
}

.h9_port_area .em-service2 {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #c4bab1;
  padding: 60px 30px 40px 35px;
}

.witr_s_flex {
  display: flex;
}

.h9_port_area .text_box {
  padding: 0;
}

.h9_port_area .em-service2 .em-service-inner {
  overflow: hidden;
  width: 100%;
}

.h9_port_area .em-service-title h3,
.h9_port_area .em-service-title h3 a {
  padding: 0;
  transition: 0.5s;
  margin-bottom: 8px;
  color: #fff;
}

.h9_port_area .em-service2.sleft {
  text-align: left;
  margin: 0;
  margin-bottom: 30px;
}

.h9_port_area .em-service2 p {
  padding: 12px 0 0 0;
  color: #fff;
}

.h9_port_area .em-service2:hover {
  border-color: #fff;
  background: #fff;
}

.h9_port_area .em-service2:hover h3 a,
.h9_port_area .em-service2:hover p {
  color: #000;
}

/* ===== 18. Faq Area CSS ===== */
.ak_faq_area {
  background: #f9f9f9e0;
  padding: 120px 0 105px 0;
}

.ak_faq_area .witr_section_title {
  margin-bottom: 50px;
}

.accordion_area .card-2 {
  margin-bottom: 15px;
  border-radius: 5px;
  background: #fff;
  border: none;
  border: 1px solid #ddd;
}

.witr_ac_style {
  align-items: center;
  transition: 0.5s;
  display: block;
  padding: 17px 21px;
  color: #292020;
}

.witr_ac_style {
  display: flex;
  align-items: center;
  padding: 20px 20px 20px 20px;
  transition: 0.5s;
}

.accordion_area .card-2 p {
  padding: 10px 15px 0;
}

.witr_ac_style,
.witr_ac_style::before {
  font-size: 17px;
  font-weight: 700;
}

.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_card i {
  font-size: 20px;
  display: inline-block;
}

.accordion_area .card-header.witr_ac_card {
  background: 0 0 !important;
  padding: 0;
  border-bottom: 0;
  text-align: left;
}

.witr_ac_card i {
  margin-right: 10px;
  font-size: 20px;
}

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

/* ===== Faq Area CSS ===== */
.hg_faq_area2 {
  padding: 120px 0 103px;
  background: #f9f9f9;
}

.hg_faq_area2 .single_image.single_line_option img {
  margin-bottom: 30px;
}

.faq_page_faq {
  background: 0 0;
}

.single_ser {
  padding: 110px 0 100px;
}

.writ_ac_style_02 {
  align-items: center;
  transition: 0.5s;
  display: block;
  padding: 10px 20px 10px 0px;
}

.faq2_content .witr_ac_style,
.faq2_content .witr_ac_style::before {
  font-size: 20px;
  font-weight: 600;
}

.faq2_content .accordion_area .card-2 p {
  padding: 15px 20px 20px;
}

.writ_ac_style_02:focus,
.writ_ac_style_02:hover {
  color: #232323;
  background: none;
}

.active .writ_ac_style_02 {
  background: none;
  color: #232323;
}

.border_bottom_0 {
  border-bottom: none;
}

.writ_ac_style_02 {
  margin-left: 40px;
}

.writ_ac_style_02:before {
  position: absolute;
  content: "\f067";
  left: 20px;
  top: 10px;
  margin-right: 5px;
  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;
}

.faq_area1 .content_style p,
.faq_area1 .conent_style p {
  padding: 15px 25px 15px;
}

.card.card-2.accordion_02_shadow {
  border: 0 !important;
  margin-bottom: 20px;
  box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
  background: transparent;
  border-radius: 0;
}

.faq_area2 .accordion_area .card-2 p {
  padding: 15px 23px 15px;
}

.writ_ac_style_02:before {
  font-weight: 400;
  font-size: 15px !important;
  margin-top: 5px;
}

.faq2_content .card-2 p {
  padding: 15px 20px 15px;
}

.faq_area1 .witr_ac_style,
.faq_area1 .witr_ac_style::before {
  font-size: 20px;
  font-weight: 600;
}

.faq_area1.single_service_faq1 {
  padding: 0 0 100px;
}

/* ===== 19. Single Service Area CSS ===== */
.single_service_area {
  padding: 100px 0 0;
}

.single_service_area img {
  margin-bottom: 30px;
}

/* ========== 20. Shop Area CSS ========== */
.sec_padding {
  padding: 100px 0 90px;
}

.order_tx {
  justify-content: flex-end;
  align-items: center;
}

ul.tx_product_tab.nav {
  justify-content: flex-end;
  margin-bottom: 2em;
}

ul.tx_product_tab.nav li a.active {
  color: #fff;
  border: 1px solid #000;
  font-size: 22px;
  margin: 1px 0 0;
  padding: 2px 9px 2px;
  display: inline-block;
  margin-left: 10px;
  border-radius: 5px;
  background: #000;
  transition-duration: 0.5s;
}

ul.tx_product_tab.nav li a {
  font-size: 22px;
  margin: 1px 0 0;
  padding: 2px 9px 2px;
  display: inline-block;
  margin-left: 10px;
  border-radius: 5px;
  color: #333;
  border: 1px solid #e8e8e8;
}

.woocommerce-ordering {
  margin: 0 0 2em;
}

.woocommerce-result-count {
  font-weight: 600;
}

.row.tx_product_list {
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
  margin-bottom: 30px !important;
}

.tbd_product {
  padding-left: 0;
}

.listdiv_center {
  padding: 15px 0;
}

.shop_grid_area .price span {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}

p.list_produc_content {
  margin-top: 15px;
}

.thb_product_car {
  text-align: center;
  transition: 0.5s;
  display: flex;
  justify-content: left;
  align-items: center;
  overflow: hidden;
  opacity: 1;
}

.thb_product_car.thb_product_carlist a,
.product_icon a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 3px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  box-shadow: 0 0 10px 0 rgb(27 81 209 / 10%);
  margin: 0 3px;
  color: #212121;
  transition-duration: 0.5s;
  background: #fff;
}

.tbd_product .thb_product_car a {
  background: #fff;
  color: #0e0d0d;
}

.thb_product_car.thb_product_carlist a:hover,
.product_icon a:hover {
  color: #fff;
  background: #000;
}

.product_icon {
  position: absolute;
  opacity: 0;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  transition-duration: 0.5s;
  visibility: hidden;
}

.product_inner:hover .product_icon {
  transform: translateY(-20px);
  opacity: 1;
  visibility: visible;
}

.product_img {
  position: relative;
}

.sale {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #000;
  padding: 6px 12px;
  border-radius: 2px;
}

.sale p {
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  line-height: normal;
}

.product_inner {
  box-shadow: 0 0 10px 0 rgba(148, 146, 245, 0.2);
  margin-bottom: 30px;
}

.product_text {
  padding: 20px;
}

.tbd_product_title a h3,
.product_name h3 a {
  font-weight: 700;
  color: #212121;
  display: block;
  transition-duration: 0.5s;
}

.product_name h3 a {
  font-size: 20px;
  text-align: center;
}

.tbd_product_title a h3 {
  font-size: 24px;
}

.tbd_product_title a h3:hover {
  color: #000;
}

.tbd_product_title h3 a:hover,
.product_name h3 a:hover {
  color: #000;
}

.product_price p {
  color: #000;
  text-align: center;
  margin: 0;
  font-weight: 700;
}

.shop_grid_area .price span del,
.product_price p del {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
  opacity: 0.5;
  margin-right: 4px;
}

/* ===== 21. Call Action Area CSS ===== */
.h5_call_area {
  background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/call-to-img-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0px 50px 0px;
}

.cal_to_toggole {
  display: flex;
  align-items: center;
}

.akin_content.col_content_width_100 {
  width: 100%;
}

.all_cal_color h2 {
  color: #fff;
  margin: -13px 0 0 0;
}

.akin_content h2,
.akin_content h3 {
  font-size: 40px;
  padding: 0;
}

.akin_button.no_margin {
  margin-top: 0;
  width: 60%;
}

.akin_button a {
  padding: 18px 35px;
  display: inline-block;
  font-size: 18px;
  margin-right: 15px;
  font-weight: 500;
  border-radius: 30px;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  transition: 1s;
  overflow: hidden;
  background: #000;
  color: #fff;
}

.akin_button a:hover {
  background: #1e1e1e;
}

.h7_call {
  padding: 70px 0 58px 0;
}

/* ===== Call Action Area CSS ===== */
.h10_call .all_cal_color h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin: -13px 0 0 0;
  padding: 0;
}

.h10_call .all_cal_color h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding: 10px 0 0 0;
}

.h10_call .all_cal_color a,
.h10_call .all_cal_color button {
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-radius: 0px 0px 0px 0px;
  padding: 13px 45px 13px 45px;
  font-size: 18px;
  font-weight: 500;
}

.h10_call .all_cal_color a:hover,
.h10_call .all_cal_color button:hover {
  color: #000000;
  background: #fff;
}

.h10_call {
  padding: 68px 0 60px 0;
}

.h11_call {
  background-image: url("https://shopcdnpro.grainajz.com/template/851_851_ZHEJIANGXIYENA/css/assets/images/arc-blck-img.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0px 55px 0px;
}

.h11_call .all_cal_color a,
.h11_call .all_cal_color button {
  background: #2d2d2d;
}

.h11_call .all_cal_color a:hover {
  background: #000000;
  border-color: #000000;
  color: #fff;
}

/* ===== 22. Brand Area CSS ===== */
.ak_brand_area {
  padding: 70px 0 76px 0;
}

.slide_items {
  text-align: center;
}

.h5_br_area {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #ddddddd1;
}

.h6_brand {
  border: none;
}

.h8_brand {
  border: none;
}

.h9_brand {
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #dddddd57;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: -300px;
  margin-bottom: 0px;
  padding: 110px 0px 20px 0px;
  z-index: 999;
  position: relative;
}

.h11_brand {
  border-bottom: 1px solid #dddddd33;
}

/* ===== 23. Video Area CSS ===== */
.witr_videobg_image {
  position: relative;
}

.play-overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.play-overlay a {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 75px;
  font-size: 23px;
  background: #fff;
  border-radius: 5px 5px 5px 5px;
}

.tx_svd_icon {
  line-height: 75px;
  text-align: center;
  animation: witr-shadow 1s linear infinite;
  color: #000;
}

.witr_all_color_v i {
  color: #000000;
}

.play-overlay i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@keyframes witr-shadow {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

.h6_video .witr_videobg_image:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #000000a1;
}

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

.video_page_area .witr_swiper_height {
  z-index: -1;
}

.bvideo_page_area {
  position: relative;
}

.video_page_area .witr_swiper_content h1,
.video_page_area .witr_swiper_content h2,
.video_page_area .witr_swiper_content h3,
.video_page_area .witr_swiper_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: #000;
}

.video_page_area .witr_swiper_content {
  top: 55%;
  background: 0 0;
}

.video_page_area .witr_swiper_content p {
  width: 36%;
}

/* global css */
.black1 {
  background: #000000;
}

.black2 {
  background: #1b1919;
}

.btns2 .witr_bbtn {
  color: #fff;
  border-style: solid;
  border-color: #ebebeb;
}

.btns2 .witr_bbtn:hover {
  color: #000000;
  background: #fff;
}

.black2 .witr_section_title_inner h1,
.black1 .witr_section_title_inner h1,
.black2 .witr_section_title_inner h2,
.black1 .witr_section_title_inner h2,
.black1 .witr_section_title_inner h3,
.black2 .witr_section_title_inner h3 {
  color: #fff;
}

.black1 .witr_section_title_inner p,
.black2 .witr_section_title_inner p {
  color: #fff;
}

/* End global css */

.tx_golobal_color {
  background: #000;
}

.tx_btn_global_color:hover {
  background: #000;
}


@media screen and (max-width:768px){
.ak_fea_area{
padding:10px 0 !important;
}
  .ak_fea_area .service-item{
  padding:20px 0 10px !important;
    
  }
  .title_in_area, .witr_section_title_inner.text-center p, .witr_section_title_inner.text-left p, .witr_section_title_inner.text-right p{
  font-size:12px;
    margin:0 !important
  }
  .ak_ab_area {
    padding: 0 0 10px 0 !important;
}
      .ab_coun_inner {
        margin: 10px !important;
        width: 100% !important;
    }
  .ak_test_area{
  padding:20px 0 !important;
  }
  .witr_blog_con h2 a{
  font-size:14px !important;
  }
  .akin_blog_area{
  padding: 0 0 20px !important;
  }
}