/*
Template Name:BRICKIT 

*/

/*
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. Counter Area CSS
8. Event Area CSS
9. Testimonial Area CSS
10. Faq Area CSS
11. Team Area CSS
12. Contact Area CSS
13. Pricing Area CSS
14. Blog Area CSS
15. Footer Area CSS
16. Breadcumb Area CSS
17. Portfolio Area CSS
18. Shop Area CSS
19. Cart Area CSS
20. Video Area CSS
21. Single Service Area CSS
22. My Account Area CSS


*/

/*theme css*/

.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: 40px;
  margin: auto;
  font-weight: 700;
  line-height: 1.4;
}
.witr_section_title_inner h2 {
  font-size: 16px;
  display: inline-block;
  position: relative;
  padding-left: 38px;
  margin-bottom: 15px;
  color: var(--color-primary);
}
.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: var(--color-primary);
}
.witr_section_title {
  position: relative;
}
.witr_image_title {
  margin-top: 0;
  margin-bottom: 10px;
  position: absolute;
  top: -7px;
  left: 0;
}
.witr_bar_main {
  margin: 10px 0;
}
.witr_bar_inner {
  height: 5px;
  width: 90px;
  background: var(--color-primary);
  margin: 0px auto;
  position: relative;
  border-radius: 30px;
}
.witr_bar_innerc:before {
  left: 0;
  transform: translateY(-50%);
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: move_title_bg1;
}
.witr_bar_innerc:after {
  right: 0;
  transform: translateY(-50%);
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: move_title_bg2;
}
.witr_bar_innerc:after,
.witr_bar_innerc:before {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 50%;
}
.witr_bar_innerc:after,
.witr_bar_innerc:before {
  border: 6px solid var(--color-primary);
}
@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: 50px;
}
.witr_section_title_inner p {
  width: 100%;
  padding: 8px 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;
}

/* ===== 3. Slider Area CSS ===== */
.witr_slick_height {
  height: 1032px;
}
.witr_ds_content {
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.witr_ds_content:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
}
.witr_ds_content_inner {
  position: relative;
  top: 40%;
  transform: translateY(-50%);
  text-align: left;
}
.witr_ds_content h1 {
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  margin: 32px auto 7px 0;
  width: 50%;
  position: relative;
}
.witr_ds_content_inner h1:after {
  position: absolute;
  content: "";
  top: 15px;
  left: 0;
  width: 16%;
  height: 100%;
  border-bottom: 3px solid var(--color-primary);
}
.witr_containers {
  margin: auto;
  width: 59%;
}
.witr_ds_content_area .slick-slide {
  padding-top: 0;
}
.text-left .witr_ds_content_inner h1,
.text-left .witr_ds_content_inner h2,
.text-left .witr_ds_content_inner h3,
.text-left .witr_slicks_title h4 {
  width: 70%;
  margin: 0 auto 7px 0;
}
.witr_ds_content_inner h2,
.witr_ds_content_inner h3 {
  font-size: 68px;
  line-height: 1.2;
}
.witr_ds_content_inner p {
  font-weight: 400;
  width: 41%;
  margin: 30px auto 15px 0;
  font-size: 16px;
  border-left: 1px solid #0b2c3d;
  padding-left: 12px;
}
.slider_btn {
  margin-top: 52px;
}
.witr_btn {
  font-size: 16px;
  font-weight: 500;
  border-radius: 0;
  text-align: center;
  position: relative;
  margin-right: 15px;
  z-index: 2;
  transition: 1s;
  padding: 18px 40px;
  color: #fff;
  background: var(--btn-bg);
  display: inline-block;
  font-family:  var(--font-family);
}
.witr_btn:hover {
  background: var(--swiper-btn-color-hover);
  color: #fff;
}
.witr_swiper_content .witr_btn.active {
  color: var();
  background: transparent;
  border: 1px solid var(--btn-bg-hover);
}
.witr_swiper_content .witr_btn.active:hover {
  background-color: var(--btn-bg-hover);
  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;
}
.brickit_slider_icon {
  display: inline-block;
}
.brickit_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: var(--color-primary);
}
.text-left .witr_slider_thumb {
  position: absolute;
  right: -110px;
  top: 50%;
  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 {
  background: var(--color-primary);
  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;
}
/* nivo SLIDER AREA CSS */
.main-slider-area {
  overflow: hidden;
  display: block;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
.nivo-caption {
  background: #0000004d;
  height: 100%;
  opacity: 1;
}
.em-slider-content-nivo {
}
.em_slider_right {
}
.em_slider_inner {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.em-slider-sub-title {
  font-size: 68px;
  margin-bottom: 20px;
  line-height: 80px;
  font-weight: 600;
  color: #fff;
}
.nivo-caption p {
  padding: 5px;
  font-size: 22px;
}
.em-slider-title {
  color: #fff;
  font-size: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
}
.em-slider-title span {
  color: #e8bc5a;
}
.em-slider-descript {
  color: #fff;
  margin-bottom: 43px;
  width: 70%;
}
.text-left .em-slider-descript {
  margin-left: 0;
  margin-right: auto;
}
.text-center .em-slider-descript {
  margin: 0 auto 31px;
  width: 64%;
  font-size: 17px;
}
.text-right .em-slider-descript {
  margin-right: 0;
  margin-left: auto;
}
.em-slider-descript {
  color: #fff;
}
.em-slider-sub-title span,
.em-slider-title span {
  color: #0b5be0;
}
/* button */
a.em-active-button {
  background: #0b5be0;
  border-color: #0b5be0;
}
.em-button-button-area a {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  margin: 0 4px;
  padding: 15px 36px 15px 36px;
  position: relative;
  border-radius: 5px;
  transition: all 0.5s ease 0s;
  z-index: 1;
  background: var(--color-primary);
  text-transform: capitalize;
}
a.withput-active {
  color: var(--link-color-hover);
  background: #fff;
}
.em-button-button-area a:hover {
  color: var(--link-color-hover);
  background: #fff;
  border-color: #fff;
}
a.withput-active:hover {
  background: var(--link-color-hover);
  color: #fff;
}
.em-slider-half-width {
  width: 50%;
}
.em-slider-left {
  padding-right: 30px;
}
.em-slider-right {
  padding-left: 30px;
}
.em-slider-full-width {
  width: 85%;
}
.em-slider-half-width .em-slider-descript {
  width: 100%;
}
/* image */
.text-left .em_slider_s2_content {
  margin-right: 25%;
}
.text-center .em_slider_s2_content {
  margin-right: 0;
}
.text-right .em_slider_s2_content {
  margin-left: 25%;
}
.em_slider_s2_image {
  position: relative;
}
.em_sc_100 {
  width: 100%;
  margin-top: 30px;
}
.nivo-caption {
  background: #0000003d;
}
/* directionNav */
.em-nivo-slider-wrapper .nivo-directionNav a {
  top: 50%;
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  line-height: 48px;
  border: none;
  text-align: center;
  display: block;
  border-radius: 100px;
  color: #fff;
  font-size: 22px;
  left: 0;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  background: transparent;
  border: 1px solid #fff;
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
  left: auto;
  right: 0;
}
.em-nivo-slider-wrapper .nivo-directionNav a:hover {
  background: var(--link-color-hover);
  border-color: var(--color-primary);
  color: #fff;
}
.em-nivo-slider-wrapper:hover .nivo-directionNav a {
  opacity: 1;
  visibility: visible;
  left: 50px;
}
.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
  left: auto;
  right: 50px;
}
/* controlNav */
.em-nivo-slider-wrapper .nivo-controlNav {
  bottom: 50px;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 9;
}
.em-nivo-slider-wrapper .nivo-controlNav a {
  background: #000 none repeat scroll 0 0;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 25px;
  margin: 0 5px;
  width: 25px;
  color: #fff;
  line-height: 25px;
}
.em-nivo-slider-wrapper .nivo-controlNav a:hover,
.em-nivo-slider-wrapper .nivo-controlNav a.active {
  background: var(--link-color-hover);
  color: #fff;
  opacity: 1;
}
.pdlr0 {
  padding-left: 0;
  padding-right: 0;
}
/* button area css */
.witr_btn {
  background: var(--btn-bg);
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  padding: 17px 30px 017px 30px;
  text-align: center;
  position: relative;
  margin-right: 20px;
  z-index: 2;
  transition: 1s;
  font-weight: 400;
  text-transform: uppercase;
}
.witr_btn:hover {
  background: var(--swiper-btn-color-hover);
  color: #fff;
}
/* ===== End nivo SLIDER AREA CSS ===== */
/* ===== 4. Feature Area CSS ===== */
.br_fea_area {
  margin-top: -205px;
  margin-bottom: 0;
  position: relative;
  z-index: 999;
}
.medi_singleService {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #f4f4f4;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.03);
  padding: 55px 13px 53px 13px;
  text-align: center;
  position: relative;
  transition: 0.5s;
  background: #fff;
  margin-bottom: 30px;
  min-height:423px;
}
.medi_singleService h3 {
  margin: 12px 0 21px 0;
}
.medi_singleService:after {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  z-index: 2;
  transition: all 0.4s ease-out;
  background: #fff;
}
.medi_singleService:hover {
  box-shadow: 5px 0px 32px 0px rgba(0, 0, 0, 0.09);
}
.medi_singleService:before {
  background: var(--color-primary);
}
.medi_singleService:before {
  position: absolute;
  width: 0;
  height: 2px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  z-index: 3;
  transition: all 0.4s ease-out;
}
.medi_singleService:hover:before {
  width: 100%;
}
/* ===== 5. About Area CSS ===== */
.br_ab_area {
  padding: 100px 0 110px;
}
.ab_img_inner {
  padding-right: 26px;
  margin-bottom: 20px;
}
.ab_witr_inner {
  padding: 10px 0 0;
}
.ab_left_inner .witr_section_title {
  margin-bottom: 30px;
}
.ab_left_inner .witr_btn {
  padding: 16px 38px;
  margin-top: 30px;
}
.ab_left_inner {
  margin: 22px 18px 0 0;
}
.ab_witr_inner .em-service2 {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #f4f4f4;
  padding: 27px 33px 5px 33px;
  text-align: left;
  transition: 0.5s;
  margin-bottom: 24px;
}
.ab_witr_inner .em-service2:hover {
  box-shadow: 14px 0px 29px 0px rgba(0, 0, 0, 0.04);
}
.service_top_image {
  position: relative;
}
.witr_s_flex {
  display: flex;
}
.ab_witr_inner .em-service-icon img {
  margin: 10px 40px 0 0;
}
.ab_witr_inner .em-service2 .em-service-inner {
  overflow: hidden;
  width: 100%;
}
.ab_witr_inner .em-service-title h3 {
  padding: 0;
  margin: 0px 0px 15px 0px;
}
/* ===== About Area CSS ===== */
.h2_ab_area {
  padding: 130px 0 100px;
}
/* ===== 6. Service Area CSS ===== */
.br_ser_area {
  background-image: url("assets/images/video-bg1.jpg");
  background-position: center center;
  background-size: cover;
  padding: 105px 0px 100px 0px;
}
.ser_left_iner .witr_section_title {
  margin-bottom: 45px;
}
.ser_left_iner .all_icon_color img {
  margin: 10px 40px 0 0;
}
.ser_left_iner .em-service-title h3 {
  padding: 0;
  margin: 0px 0 15px 0;
}
.ser_left_iner .all_color_service p {
  margin: 0 142px 0 0;
}
.ser_left_iner .em-service2.sleft.all_color_service {
  margin-bottom: 55px;
}
.ser_left_iner .witr_btn {
  margin-top: -12px;
}
.ser_witr_iner {
  top: 250px;
  position: absolute;
  left: -140px;
}
/* ===== Service Area CSS ===== */
.br_event_area {
  padding: 125px 0 90px;
}
.br_ser_area2 {
  padding: 50px 0 50px;
}
.br_ser_area2 .all_color_service {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #f4f4f4;
  padding: 53px 43px 50px 50px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
  margin-bottom: 30px;
  min-height:474px;
}
.title_img_cent {
  left: 45%;
  transform: translateX(-50%);
}
.br_ser_area2 .witr_section_title {
  margin-bottom: 48px;
}
.br_ser_area2 .em-service-icon img {
  margin: 10px 40px 0 0;
}
.br_ser_area2 .em-service-title h3 {
  padding: 0;
  margin: 0px 0px 15px 0px;
}
.br_ser_area2 .em-service-desc p {
  transition: 0.5s;
}
.br_ser_area2 .all_color_service:hover {
  background-image: url("assets/images/f-1.jpg");
}
.br_ser_area2 .em-service:hover:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  transition: 0.5s;
}
.br_ser_area2 .em-service:hover::before {
  background: var(--dark-bg-color);
}
.br_ser_area2 .em-service:hover {
  position: relative;
  backface-visibility: hidden;
  z-index: 3;
}
.em-service-title h3,
.em-service:hover .em-service-title h3 a,
.em-service:hover .em-service-desc {
  color: #fff;
}
/* ===== 7. Counter Area CSS ===== */
.br_coun_area {
  background-image: url("assets/images/counter-bg.jpg");
  padding: 100px 0 70px;
}
.witr_counter_number_inn {
  overflow: hidden;
}
.witr_counter_number_inn h3,
.witr_counter_number_inn span {
  font-size: 40px;
  display: inline-block;
  font-weight: 700;
}
.all_counter_color h3,
.all_counter_color span {
  color: #ffffff;
  margin: 23px 0px 12px 0px;
}
.witr_counter_number_inn span {
  line-height: 0;
}
.witr_counter_number_inn h4 {
  font-size: 16px;
  color: #fff;
}
.witr_counter_single {
  text-align: center;
  margin-bottom: 30px;
}
/* ===== 8. Event Area CSS ===== */
.brickit-single-event_adn {
  overflow: hidden;
  margin-bottom: 30px;
  transition: 0.5s;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.brickit-event-thumb_adn {
  overflow: hidden;
  position: relative;
}
.brickit-event-thumb_adn img {
  transition: 0.5s;
  display: block;
  width: 100%;
  transform: scale(1);
}
.witr_icon_adn {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 99999;
  opacity: 0;
  transition: 0.5s;
}
.witr_icon_adn a {
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  width: 42px;
  background: var(--link-color-hover);
  color: #fff;
}
.em-event-content-area_adn {
  padding: 25px 19px 37px 19px;
  transition: 0.5s;
}
.brickit-event-meta-left_adn {
  position: relative;
  line-height: 1;
  margin-top: 6px;
}
.event_date_5 span,
.brickit-event-meta-left_adn a,
.brickit-event-meta-left_adn span {
  margin-right: 5px;
  font-size: 17px;
  display: inline-block;
  line-height: 1.7;
  color: #888;
}
.event_all_color span i {
  font-size: 13px;
  margin-right: 10px;
  color: var(--link-color-hover);
}
.witr_event_btn {
  margin-top: 25px;
  position: relative;
}
.witr_event_btn a {
  display: inline-block;
  transition: 1s;
  color: #0b2c3d;
  font-size: 16px;
  font-weight: 400;
  background: #ffffff00;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dddddd;
  border-radius: 0;
  padding: 8px 21px 8px 21px;
}
.event_all_color h2 {
  padding: 8px 0 8px 0;
}
.brickit-single-event_adn:hover .witr_icon_adn {
  opacity: 1;
}
.brickit-single-event_adn:hover .event-page-title_adn a {
  color: var(--link-color-hover);
}
.btn_all_color a:hover {
  color: #fff;
  background: var(--link-color-hover);
}
/* ===== 9. Testimonial Area CSS ===== */

/* ===== Testimonial Area CSS ===== */
.ser_page_test {
  padding: 122px 0 90px;
}
.test_page_test {
  padding: 125px 0 90px;
}
.br_test_area2 {
  background: #f9f9f9;
  padding: 105px 0 70px 0;
}
.br_test_area2 .witr_section_title {
  margin-bottom: 20px;
}
.br_test_area2 .all_color_testimonial p {
  font-size: 16px;
  font-style: normal;
  margin: 0 0 20px 0;
}
.witr_testi_itemt {
  padding: 0 10px;
}
.br_test_area2 .em_single_testimonial {
  margin-bottom: 30px;
  transition: all 0.5s ease 0s;
  padding: 37px 30px 26px;
  margin-top: 20px;
  box-shadow: 0 0 10px 0 rgb(240 241 243);
  overflow: hidden;
  position: relative;
  text-align: left;
  background: #fff;
}
.br_test_area2 .em_single_testimonial:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.13);
}
.br_test_area2 .em_test_thumb img {
  border-radius: 50%;
  width: 59px;
}
.br_test_area2 .em_testi_title span {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-primary);
}
.br_test_area2 .em_testi_text {
  overflow: hidden;
  padding-top: 15px;
  float: left;
  text-align: left;
}
.br_test_area2 .test-part {
  display: inline-block;
  margin-bottom: 10px;
}
.br_test_area2 .test-part ul li {
  display: inline-block;
  padding-top: 0;
}
.br_test_area2 .execllent_toggol {
  display: flex;
  align-items: center;
  justify-content: center;
}
.br_test_area2 .em_crating i.active {
  color: var(--link-color-hover);
  font-size: 18px;
}
.br_test_area2 .execllent_star h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  font-style: italic;
}
.br_test_area2 .execllent_star {
  margin-left: 15px;
}
/* ===== 10. Faq Area CSS ===== */
.br_faq_area {
  background-image: url("assets/images/faq-bg2.jpg");
  padding: 105px 0px 84px 0px;
}
.br_faq_area .witr_section_title {
  margin-bottom: 35px;
}
.accordion_area .card-2 {
  margin-bottom: 15px;
  border-radius: 5px;
  background: #ffffff00;
  border: none;
  border: 1px solid #e1e1e1;
}
.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: 14px 15px 14px 15px;
  transition: 0.5s;
}
.accordion_area .card-2 p {
  padding: 0px 23px 15px 23px;
  margin: 0;
  background: #fff;
}
.witr_ac_style,
.witr_ac_style::before {
  font-size: 16px;
  font-weight: 700;
  font-family: "Poppins", Sans-serif;
}
.witr_ac_style:before {
  position: absolute;
  content: "\e64c";
  right: 30px;
  font-family: "qico" !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;
}
.active .witr_ac_style {
  color: #0b2c3d;
  background: #fff;
}
.witr_ac_style:hover {
  color: #0b2c3d;
  background: #fff;
}
/* ===== Faq Area CSS ===== */
.faq2_witr_inner {
  padding-top: 30px;
}
.tx_faq_area2 {
  padding: 110px 0 100px;
}
.faq_left_img {
  margin-bottom: 30px;
}
.faq2_witr_inner .accordion_area .card-2 {
  margin-bottom: 22px;
  border: 1px solid #ddd;
}
/* ===== Faq Area CSS ===== */
.br_faq_area2 .witr_ac_style,
.br_faq_area2 .witr_ac_style::before {
  font-size: 16px;
  font-weight: 700;
  font-family: Nunito, sans-serif;
}
.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 30px;
}
/* ===== 11. Team Area CSS ===== */
.br_team_area {
  padding: 105px 0px 195px 0px;
}
.all_color_team {
  margin-bottom: 20px;
}
.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: var(--mask-color);
}
.post_team_icon_8 {
  position: absolute;
  bottom: -15px;
}
.post_team_icon_8 ul li {
  display: inline-block;
}
.post_team_icon_8 ul li a {
  font-size: 16px;
  height: 34px;
  width: 34px;
  line-height: 34px;
  border-radius: 50%;
  text-align: center;
  transition: 0.5s;
  display: inline-block;
  margin-left: 6px;
  color: var(--link-color-hover);
  background: #fff;
}
.post_team_content {
  box-shadow: 0 5px 20px 0 #00000014;
  transition: 0.5s;
  padding: 30px 25px 25px;
  background: #fff;
  text-align: left;
}
.post_team_content h5 {
  margin: 0;
}
.team_list_op {
  margin-top: 10px;
}
.team_list_op ul li {
  margin-top: 3px;
  list-style: none;
}
.team_list_op ul li i {
  margin-right: 10px;
}
.witr_team_section:hover:before {
  opacity: 1;
}
.post_team_icon_8 ul li a:hover {
  background: var(--link-color-hover);
  color: #fff;
}
.br_team_area .slick-prev,
.br_team_area .slick-next {
  opacity: 1;
  top: 685px;
  border-radius: 100px;
  width: 63px;
  height: 63px;
  line-height: 63px;
}
.br_team_area .slick-prev {
  left: 490px;
}
.br_team_area .slick-next {
  right: 490px;
}
/* ===== Team Area CSS ===== */
.br_team_area2 {
  background: #f9f9f9;
  padding: 105px 0 80px 0;
}
.br_team_area2 .witr_section_title_inner p {
  padding: 2px 0 0 0;
}
.br_team_area2 .witr_section_title {
  margin-bottom: 55px;
}
.witr_team_thumb15 {
  overflow: hidden;
  position: relative;
}
.team_top_icon {
  position: absolute;
  bottom: -250px;
  right: 20px;
  transition: 0.5s;
}
.team_bottom_icon a,
.team_top_icon ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  transition: 0.5s;
  background: var(--link-color-hover);
  color: #fff;
  margin: 0 0 5px 0;
}
.team_bottom_icon {
  position: absolute;
  bottom: 25px;
  right: 20px;
  transition: 0.3s;
  z-index: 1;
}
.team_bottom_icon a,
.team_top_icon ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  transition: 0.5s;
  background: var(--link-color-hover);
  color: #fff;
  margin: 0px 0px 5px 0px;
}
.witr_team_content15 {
  padding: 22px 30px;
  text-align: center;
  box-shadow: 0 0 30px 0 rgba(42, 67, 113, 0.15);
  background: #fff;
}
.all_color_team span {
  color: var(--link-color-hover);
  font-size: 16px;
  font-weight: 500;
}
.witr_team_15n:hover .team_top_icon {
  bottom: 70px;
}
.team_bottom_icon a:hover,
.team_top_icon ul li a:hover {
  background: var(--swiper-btn-color-hover);
}
/* ===== 12. Contact Area CSS ===== */
.br_cont_area {
  background-image: url("assets/images/contact-bg.png");
  background-position: center right;
  background-repeat: no-repeat;
  padding: 90px 0px 90px 0px;
}
.br_cont_area .witr_section_title {
  margin-bottom: 20px;
}
.cont_inner {
  background: #f0f0f0;
  padding: 100px 60px 90px 50px;
  margin-right: -20px;
}
.cont_inner .witr_section_title_inner h3 {
  font-size: 33px;
}
.witr_apartment_form form input,
.twr_form_box input,
.witr_apartment_form form select,
textarea {
  padding: 0 0 0 30px;
}
.witr_apartment_form form input,
.twr_form_box select,
.twr_form_box input {
  width: 100%;
  height: 56px;
  border-radius: 5px;
  outline: 0;
  background: #fff;
  font-size: 16px;
  color: #888;
  border: 1px solid #f1f1f1;
  margin-bottom: 23px;
  font-weight: 500;
}
.witr_apartment_form form input:focus,
.twr_form_box select:focus,
.twr_form_box input:focus,
.twr_form_box textarea:focus {
  border-color: #80bdff;
}
.twr_form_box textarea {
  height: 150px;
  width: 100%;
  padding-left: 30px;
  color: #888;
  margin-bottom: 16px;
  background: #fff;
  border-radius: 5px;
  padding-top: 10px;
  font-size: 16px;
  border: 1px solid #f1f1f1;
}
.witr_apartment_form .btn {
  border: 0 none;
  display: inline-block;
  padding: 15px 30px;
  font-size: 16px;
  border-radius: 0;
  color: #fff;
  margin-top: 0;
  transition: 0.5s;
  background: var(--btn-bg);
  font-weight: 700;
}
.witr_apartment_form .btn:hover {
  background: #02101e;
}

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;
}
/* map area css */
.map_inner_area iframe {
  border: none;
  width: 100%;
  height: 615px;
  margin-bottom: -8px;
}
/* ===== Contact Area CSS ===== */
.contact_page_area {
  background: #ffffff;
  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: var(--color-primary);
  border-radius: 5px;
  color: #fff;
}
.contact_area .apartment_text h2 {
  margin-bottom: 40px;
  font-size: 38px;
  color: #111;
  padding-top: 0;
}
.contact_page_area .service-item h3 {
  padding: 15px 0 12px;
}
.contact_page_area .all_color_service:hover i,
.contact_page_area
  .poly_text_box:hover
  .contact_page_area
  .service_icon_box::before {
  background: #111111;
}
.contact_page_area .text_box.all_icon_color p {
  padding-bottom: 0px;
  margin: 0px;
}
/* ===== 13. Pricing Area CSS ===== */
.br_pric_area {
  padding: 100px 0 90px;
}
.pricing_area {
  background-color: #f6f6f6;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  margin-bottom: 30px;
}
.pricing-part {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.all_pricing_color h4 {
  color: var(--color-primary);
  font-size: 30px;
  margin: 0px 0px 10px 0px;
  padding: 53px 0px 12px 0px;
  display: block;
}
.all_pricing_color h5 {
  font-size: 24px;
  font-weight: 700;
}
.all_pricing_color h2,
.all_pricing_color h3,
.all_pricing_color h4,
.all_pricing_color h5 {
  margin: 0;
}
.all_pricing_color span {
  color: #0b2c3d;
  font-size: 15px;
  margin-right: 5px;
}
.all_pricing_color h5 {
  font-weight: 700;
}
.witri_texti_list {
  margin-top: 25px;
}
.pricing-part ul {
  padding: 15px 0 0 0;
}
.witri_texti_list ul li {
  list-style: none;
  font-size: 17px;
  margin-bottom: 17px;
}
.witr_btnp_color {
  padding: 37px 0px 58px 0px;
}
.witr_btnp_color a.btn {
  border-radius: 5px;
  padding: 13px 25px 13px 25px;
  display: inline-block;
  border: 1px solid var(--color-primary);
  background: var(--btn-bg);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  font-family:  var(--font-family);
}
.pricing-part a.btn:hover {
  background: 0 0;
  color: var(--btn-bg);
}
/* ===== Pricing Area CSS ===== */
.ab_page_price {
  padding: 0 0 90px;
}
.pric_area2 {
  background: #f9f9f9;
  padding: 95px 0px 70px 0px;
}
.pric_area2 .pricing_area {
  border-radius: 5px;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
  background: #fff;
}
.witr_pricing_icon i {
  font-size: 40px;
  padding-top: 40px;
  display: block;
  color: var(--link-color-hover);
}
.pricing-part h4 {
  font-size: 30px;
  padding: 26px 0 12px;
  display: block;
}
.pricing_style_2 .pricing-part h5 {
  padding: 10px 0;
  margin-bottom: 30px;
  font-size: 35px;
  background: var(--color-primary);
  color: #fff;
}
.pric_area2 .pricing-part span {
  font-size: 24px;
  margin-right: 5px;
  color: #fff;
}
.witri_texti_list {
  margin-top: 25px;
}
.pric_area2 .pricing-part ul {
  padding: 0 30px;
}
.witri_texti_list ul li {
  list-style: none;
  font-size: 17px;
  margin-bottom: 17px;
}
.witri_texti_list ul li i {
  margin-right: 10px;
}
.witr_btnp_color {
  padding-top: 37px;
  padding-bottom: 40px;
}
.pric_area2 .pricing-part a.btn {
  padding: 17px 30px;
  display: inline-block;
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  font-family:  var(--font-family);
}
.pric_area2 .pricing-part a.btn:hover {
  background: 0 0;
  color: var(--btn-bg);
}
.pricing-part strong {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: -40px;
  top: 13px;
  padding: 7px 20px;
  width: 160px;
  text-align: center;
  transform: rotate(45deg);
  background: var(--color-primary);
  color: #fff;
}
/* ===== 14. Blog Area CSS ===== */
.brickit_blog_area {
  position: relative;
  padding: 95px 0 80px;
  background: #f6f6f6;
}
.blog_page_blog {
  padding: 112px 0 100px;
}
.brickit_blog_area .witr_section_title {
  margin-bottom: 35px;
}
.brickit_blog_area .witr_section_title_inner h2 {
  text-transform: uppercase;
}
.all_blog_color {
  text-align: left;
}
.busi_singleBlog {
  transition: 0.5s;
  box-shadow: 0 5px 10px 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(0);
  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: var(--link-color-hover);
  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 0 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: 20px 18px 5px 25px;
  margin-bottom: 0;
}
.bs5 span {
  line-height: 26px;
}
.witr_blog_con h2 {
  margin: 15px 0 16px 0;
  color: #222429;
}
.witr_blog_con h2 a {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
}
.learn_btn {
  padding: 10px 30px;
  border-radius: 5px;
  background: 0 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--btn-bg);
  text-align: center;
  display: inline-block;
  background: #ff5a3c14;
  font-family:  var(--font-family);
}
.learn_btn:hover {
  color: #fff;
  background: var(--btn-bg-hover);
  border-color: var(--color-primary);
}
.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;
}
.brickit-blog-meta-left_adn a,
.brickit-blog-meta-left_adn span,
.brickit-event-meta-left_adn a,
.brickit-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: var(--link-color-hover);
}
.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: var(--link-color-hover);
}
.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: var(--link-color-hover);
}
.brickit_blog_area:hover .slick-prev,
.brickit_blog_area:hover .slick-next {
  opacity: 1;
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
  padding: 100px 0px 100px;
}
.blog-left-side > div {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 15px;
  box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
  margin-bottom: 0;
}
.blog-left-side h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.blog-left-side .content {
  padding: 0;
}
.blog-left-side .push-bottom-large {
  margin-bottom: 0;
}
.blog-left-side > div:last-child {
  margin-bottom: 0;
}
.blog-left-side > aside:last-child {
  margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
  background: 0 0;
  color: #18c8ff;
}
.defaultsearch {
  background: #f7f7f7;
  position: relative;
}
.defaultsearch input {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 0 none;
  height: 54px;
  position: relative;
  width: 100%;
}
.defaultsearch button {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  color: #858585;
  font-size: 18px;
  padding: 1px 15px;
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
  padding-left: 10px;
}
.blog-left-side .widget h2 {
  bottom: -1px;
  display: block;
  line-height: 17px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  position: relative;
  text-transform: capitalize;
}
.blog-left-side .widget h2::before {
  background: var(--color-primary);
  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: var(--color-primary);
}
.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;
}
.brickit-blog-meta-left i {
  color: var(--link-color-hover);
}
.brickit-blog-meta-left i {
  font-size: 13px;
  margin-right: 5px;
}
.brickit-blog-meta-left {
  margin-bottom: 10px;
  margin-top: 5px;
}
.recent-post-text h4 a:hover {
  color: var(--link-color-hover);
}
.recent-post-item {
  padding-bottom: 0;
}
.recent-post-text h4 {
  margin-bottom: 0;
  line-height: 1;
}
.brickit-blog-meta-left a,
.brickit-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: var(--color-primary);
}
table#wp-calendar td#today a {
  color: #fff;
}
.textwidget img {
  margin-bottom: 15px;
}
.textwidget p {
  margin-bottom: 0.5rem;
}
.brickit-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 .brickit-single-blog {
  margin-bottom: 30px;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  background: transparent;
}
.brickit-single-blog {
  overflow: hidden;
  text-align: left;
  transition: all 0.3s ease-in-out 0s;
}
.brickit-blog-thumb {
  overflow: hidden;
}
.single_blog_thumb img {
  width: 100%;
}
.brickit-blog-thumb a {
  display: block;
  position: relative;
}
.brickit-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;
}
.brickit-blog-thumb a:before {
  background: rgba(0, 0, 0, 0.7);
}
.brickit-blog-thumb img {
  width: 100%;
}
.brickit_blog_area .em-blog-content-area {
  padding: 20px 15px 0;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.brickit-blog-meta.post_blog h2 a {
  font-size: 24px;
  font-weight: 700;
  transition: 0.5s;
}
.brickit-blog-meta-left {
  margin-bottom: 10px;
  margin-top: 5px;
}
.brickit-blog-meta-left a,
.brickit-blog-meta-left span {
  color: #888888;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 0;
  display: inline-block;
}
.brickit-blog-meta-left i {
  color: var(--link-color-hover);
  margin-right: 5px;
  font-size: 13px;
}
.brickit-blog-meta-left a,
.brickit-blog-meta-left span {
  color: #888;
}
.em-blog-content-area .witr_btn {
  background: var(--btn-bg);
  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;
}
.brickit-single-blog:hover .brickit-blog-thumb a:before {
  opacity: 1;
}
.brickit-single-blog:hover .brickit-blog-thumb img {
  transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
  background: #323232;
  color: #fff;
}
.brickit-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 var(--color-primary);
  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: 700;
}
.recent-post-text .rcomment {
  font-size: 14px;
}
.widget_recent_data .recent-post-image img {
  margin-bottom: 5px;
  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;
}
.brickit-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;
}
.brickit-single-icon-inner {
  text-align: center;
}
.brickit-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;
}
.brickit-single-icon-inner a:hover {
  background: var(--link-color-hover);
  border-color: var(--color-primary);
  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;
}
.brickit_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;
}
.brickit_btn:hover {
  background: var(--btn-bg-hover);
  border-color: var(--color-primary);
  color: #fff;
}
/* end sidebar css */

/* slick slide css */
.slick-dots li button {
  font-size: 0;
  width: 18px;
  height: 18px;
  border: 0 solid #f0f0f0;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 100%;
  padding: 0;
  transition: 0.5s;
  outline: 0;
  background: #ff5a3c5c;
}
.slick-dots li.slick-active button {
  background-color: var(--btn-bg);
}
.slick-dots li {
  display: inline-block;
}
.slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
  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: var(--color-primary);
}
.slick-prev {
  left: -65px;
}
.slick-next {
  right: -65px;
}
.slick-next:before,
.slick-prev:before {
  color: #fff;
  font-size: 22px;
  transition: all 0.3s ease 0s;
  content: "\e61c";
  font-family: "qico" !important;
  line-height: inherit;
  opacity: 1;
}
.slick-next:before {
  content: "\e626";
  font-family: "qico" !important;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  background: var(--swiper-btn-color-hover);
}
.slick-prev:hover:before,
.slick-next:hover:before {
  color: #fff;
}
button:focus {
  outline: 0;
}
.br_test_area2:hover .slick-prev,
.br_test_area2:hover .slick-next {
  opacity: 1;
}
/*===== 16. Breadcumb Area CSS =====*/
.breadcumb-inner h2 {
  font-size: 36px;
}
.breadcumb-area {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url(assets/images/counter-bg.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: "";
}
.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: var(--link-color-hover);
}
.brpt h2 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 5px;
}
.lcase {
  text-transform: lowercase;
}
.ucase {
  text-transform: uppercase;
}
.ccase {
  text-transform: capitalize;
}
/* ===== 17. Portfolio Area CSS ===== */
.ab_page_proj {
  padding: 0 0 120px 0px;
}
.rs_proj_area .witr_section_title {
  margin-bottom: 35px;
}
.rs_proj_area .witr_section_title_inner h2 {
  font-family: "Nunito Sans", Sans-serif;
}
.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: #6f3ac7;
}
.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: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px 100px 100px 100px;
  font-size: 30px;
  color: var(--color-primary);
  background: #fff;
  display: inline-block;
  transition: 0.5s;
  text-align: center;
}
.witr_content_pslide_text {
  padding: 25px 0px 20px 30px;
}
.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: var(--link-color-hover);
  background: #ff5a3c29;
  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: var(--link-color-hover);
}
.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
  bottom: auto;
  transform: scaleX(1);
}
.ps1 .witr_content_pslide_text a:hover {
  color: var(--link-color-hover);
}
.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: var(--color-primary);
  display: inline-block;
  transition: 0.5s;
}
.witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span {
  color: #fff;
  background: var(--color-primary);
}
/* ===== Portfolio Area CSS ===== */
.work_area {
  padding: 120px 0 90px;
}
.work_witr_inner {
  margin-top: 10px;
}
.work_witr_inner .witr_pslide_image::before {
  background: #222429;
  opacity: 0.5;
}
.work_witr_inner .witr_pslide .witr_pslide_custom a span {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 100%;
}
.work_witr_inner .witr_pslide_image img {
  width: 100%;
}
.work_witr_inner .slick-dots li button {
  width: 18px;
  height: 18px;
  border-radius: 100px;
}
.work_witr_inner .slick-dots {
  bottom: -70px;
}
.work_witr_inner .witr_pslide_custom a span:hover {
  background: var(--link-color-hover);
  border-color: var(--color-primary);
}
.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: var(--color-primary);
}
.positi_3 .porttitle_inner4 h3 a,
.positi_3 .porttitle_inner4 p span {
  color: #fff;
}
.port_area {
  padding: 105px 0 85px 0;
}
.port_area .witr_section_title {
  margin-bottom: 50px;
}
.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: none;
  background: #ffffff00;
}
.prot_wrap {
  overflow: hidden;
}
.single_protfolio {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.prot_thumb {
}
.prot_thumb img {
  display: block;
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.single_protfolio:hover .prot_thumb img {
  transform: scale(1.1);
}
.prot_content {
  position: absolute;
  text-align: center;
  transition: 0.5s;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 9;
}
.multi_gallery.prot_content {
  height: 90%;
  width: 80%;
  right: 10%;
  top: 5%;
  bottom: 5%;
  left: 10%;
}
.single_protfolio:hover .prot_content {
  opacity: 1;
}
.prot_content h3 {
  margin: 0;
  text-transform: capitalize;
  font-size: 23px;
  margin-bottom: 0;
}
.prot_content h3 a {
  font-size: 23px;
  font-weight: 700;
  text-transform: capitalize;
  transition: 0.5s;
  color: #fff;
  margin-bottom: 0;
  display: inline-block;
}
.prot_content h3 a:hover {
  color: var(--link-color-hover);
}
.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: var(--color-primary);
  background: #ffffff00;
  color: var(--color-primary);
}
.prot_content {
  background: #ff5a3c80;
}
.pprotfolio4 {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
  padding: 20px 10px 23px;
  border: none;
}
.portfolio_nav {
  text-align: center;
}
.page-numbers span.current,
.paginations a.current,
.paginations a:hover {
  border-color: var(--link-color-hover);
  background: var(--color-primary);
  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: 22px;
}
.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: 25px;
  height: 50px;
  line-height: 50px;
  margin: 0 3px 11px;
  width: 50px;
  text-align: center;
  color: #fff;
  background: transparent;
}
.picon a:hover {
  border-color: var(--link-color-hover);
  background: var(--link-color-hover);
}
/* 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: var(--color-primary);
}
.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: var(--link-color-hover);
}
.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: var(--link-color-hover);
}
.port_2clmn .portfolio_nav ul li {
  border: 1px solid #f3eaea;
}
.port_2clmn .portfolio_nav ul li.current_menu_item,
.port_2clmn .portfolio_nav ul li:hover {
  background: var(--link-color-hover);
  border-color: var(--color-primary);
  color: #fff;
}
.p2clmn .prot_content_inner {
  opacity: 1;
  transition: 0s;
}
.p2clmn.p4clmn {
  padding: 113px 0 105px 0;
}
.p4clmn .witr_section_title_inner.text-center p {
  width: 40%;
  padding: 3px 0 0 0;
}
.p4clmn .title_img_cent {
  left: 47%;
}
/* recent project css */
.brickit-blog-area.brickit-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;
}
.brickit-blog-social {
  margin-bottom: 25px;
  margin-top: 25px;
}
.brickit-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: var(--link-color-hover);
}
.brickit-single-icon a:hover {
  background: var(--link-color-hover);
  color: #fff;
}
.pr-title h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}
/* ========== 18. 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 var(--color-primary);
  font-size: 22px;
  margin: 1px 0 0;
  padding: 2px 9px 2px;
  display: inline-block;
  margin-left: 10px;
  border-radius: 5px;
  background: var(--color-primary);
  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: var(--color-primary);
}
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: var(--link-color-hover);
}
.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: var(--color-primary);
  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: var(--color-primary);
}
.tbd_product_title h3 a:hover,
.product_name h3 a:hover {
  color: var(--link-color-hover);
}
.product_price p {
  color: var(--color-primary);
  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: var(--color-primary);
  opacity: 0.5;
  margin-right: 4px;
}
/* ===== 19. Cart Area CSS ===== */
.bhera_cart_area {
  padding: 90px 0px 75px;
}
.bhera-single-blog-details {
  background: #fff;
  margin-bottom: 40px;
}
.single-blog-content {
  overflow: hidden;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #f7f6f7;
  color: #515151;
  border-top: 3px solid #a46497;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
}
.woocommerce-info,
.woocommerce-message {
  border-top-color: var(--color-primary);
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  font-family: WooCommerce;
  content: "\e028";
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 1.5em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-info::before {
  color: var(--color-primary);
}
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
  clear: both;
}
.woocommerce .witr_cart_to_cross a.checkout-button.alt,
.woocommerce .witr_checkout_form button.button.alt,
.woocommerce .witr_product_cart button,
.woocommerce .witr_product_cart button.button:disabled,
.woocommerce .witr_product_cart button.button:disabled[disabled],
.woocommerce a.button,
.woocommerce a.button.wc-backward,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--btn-bg);
  color: #fff;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-size: 100%;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  padding: 0.618em 1em;
  font-weight: 700;
  border-radius: 3px;
  left: auto;
  color: #515151;
  background-color: #ebe9eb;
  border: 0;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
  clear: both;
}
.woocommerce a.button.wc-backward:hover,
.woocommerce a.button:hover {
  background: #000;
}
/* ===== 20. Video Area CSS ===== */
.witr_videobg_image {
  position: relative;
  text-align: center;
}
.witr_videobg_image:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
}
.witr_all_color_v img {
  width: 100%;
}
.play-overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.witr_all_color_v a {
  font-size: 16px;
  width: 54px;
  height: 54px;
  line-height: 54px;
}
.br_ser_area .play-overlay a {
  position: relative;
  display: inline-block;
  background: #fff;
  border-radius: 5px;
}
.play-overlay a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  animation: witr_squares 1.5s ease-in-out infinite;
  background: #fff;
  border-radius: 5px;
}
.br_ser_area .play-overlay a::before {
  left: 0;
  border-radius: 5px;
}
.play-overlay i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: var(--link-color-hover);
}
@keyframes witr_squares {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  20% {
    transform: scale(1.24);
    opacity: 1;
  }
  100% {
    transform: scale(2.1);
    opacity: 0;
  }
}
.video-overlay {
  padding: 70px 0 50px;
}
.video-item a {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  font-size: 28px;
}
.witr_all_color_v a,
.play-overlay a::before,
.video-item a::before {
  background: #fff;
  border-radius: 10px;
}
.video-item a {
  top: 230px;
}
.video-item a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  animation-fill-mode: both;
  animation: witr_squares 1.5s ease-in-out infinite;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-item a::before {
  background: #fff;
  border-radius: 10px;
}
.video-item i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: var(--link-color-hover);
}
.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: var(--link-color-hover);
}
.video_page_area .witr_swiper_content {
  top: 55%;
  background: 0 0;
}
.video_page_area .witr_swiper_content p {
  width: 36%;
}
.video_page_area .witr_ds_content_inner h2,
.video_page_area .witr_ds_content_inner h3 {
  color: #fff;
}
.video_page_area .witr_ds_content_inner p {
  color: #fff;
  border-left: 1px solid #fff;
}
/* ===== 21. Single Service Area CSS ===== */
.br_single_ser {
  padding: 110px 0 0;
}
.br_single_ser img {
  width: 100%;
}
.sing_ser_inner {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
  margin: -10px 0px 0px 0px;
}
.sing_ser_inner .witr_section_title {
  margin-bottom: 35px;
}
.ser_content {
  padding: 40px 30px 50px 30px;
}
.sing_ser_inner .witr_section_title_inner p {
  padding: 0;
}
.sing_ser_bcont h3 {
  font-size: 22px;
  font-weight: 700;
}
/* ===== 22. My Account Area CSS ===== */
.brickit-blog-area.brickit-page-template {
  padding: 125px 0 100px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid #d3ced2;
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  border-radius: 5px;
}
.woocommerce form .form-row {
  width: 100% !important;
}
.woocommerce form .form-row,
.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row {
  display: block;
}
.woocommerce form .form-row {
  padding: 3px;
  margin: 0 0 6px;
}
.woocommerce form .form-row .required {
  color: red;
  font-weight: 700;
  border: 0 !important;
  text-decoration: none;
  visibility: visible;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  border: solid 1px #e4e4e4;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  color: #43454b;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 0.6180469716em;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  border-radius: 2px;
  box-sizing: border-box;
  font-weight: 400;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  width: 100%;
  margin: 0;
  line-height: normal;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  border: solid 1px #e4e4e4;
}
.woocommerce form .form-row {
  padding: 3px;
  margin: 0 0 6px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-size: 100%;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  padding: 0.618em 1em;
  font-weight: 700;
  border-radius: 3px;
  left: auto;
  color: #515151;
  border: 0;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  background: var(--btn-bg) !important;
  color: #fff !important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  float: left;
  margin-right: 1em;
}
p.woocommerce-LostPassword.lost_password a {
  margin-top: 10px;
  display: inline-block;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme
  span {
  margin-top: 8px;
  display: inline-block;
}
form.woocommerce-form.woocommerce-form-login.login label {
  font-size: 16px;
}
.woocommerce button.button:hover {
  background: #000;
}

.tx_golobal_color {
  background: var(--color-primary);
}
.tx_btn_global_color:hover {
  background: #000;
}