/*
Template Name:METAPLAN
Author Name: WPEXPERT

*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. About Area CSS
6. Testimonial Area CSS
7. Portfolio Area CSS
8. Team Area CSS
9. Counter Area CSS
10. Faq Area CSS
11. Skill Area CSS
12. Video Area CSS
13. Blog Area CSS
14. Footer Area CSS
15. Breadcumb Area CSS
16. Pricing Area CSS
17. Contact Area CSS

*/

/*theme css*/
a {
    color: #454545;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: color-mix(in srgb, var(--color-primary) 75%, white);
}
 body {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.6;
	color:#83888d;
}
 p {
     font-style: normal;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: Yantramanav,sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 24px;
    transition: .5s;
    margin-bottom: 5px;
	color: var(--text-color-active);
}
 .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;
    color: var(--text-color-active);
    padding: 0 0 5px 0;
}
.witr_section_title {
    margin-bottom: 50px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 10px 0 0 0;
    margin-top: 10px;
}

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

textarea, input {
    outline: none;
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    background: 0;
    color: #272727;
}
.solarsun_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i{
    color: #fff;
}
.mrt10{
	margin-top:10px;
}


/*=======================
#2 solarsun mobile menu css
========================*/
.mobile-menu{
 display:none !important;
}
@media (max-width: 991px){
	.search_popup_button, .tx_mmenu_together{
		display: none;
	}
}

/* menu button */
a.dtbtn {
    border: none;
    display: block;
    font-size: 18px;
    margin-left: 10px;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 30px;
    color: #fff;
    background: var(--btn-bg);
}
a.dtbtn:hover {
    background: var(--btn-bg-hover);
}
/* ===== 3. Slider Area CSS ===== */
 .witr_swiper_area{
     overflow:hidden;
     position:relative;
}
.witr_swiper_area .witr_swiper_height {
    position: relative;
    background-position: center center;
    height: 820px !important;
    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 {
    margin: auto;
    width: 60%;
    height: 100%;
}
.witr_swiper_content {
    position: relative;
    top: 46%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.witr_swiper_content h1 {
    font-size: 20px;
    display: inline;
    font-weight: 700;
    color: #fff;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4, .text-right .witr_swiper_content h1, .text-right .witr_swiper_content h2, .text-right .witr_swiper_content h3, .text-right .witr_swipers_title h4 {
    width: 70%;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4 {
    margin: 21px auto 3px 0;
}
.witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span {
    color: var(--link-color-hover);
}
.witr_swiper_content h2, .witr_swiper_content h3 {
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}
.witr_swiper_content h3 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
}
.text-left .witr_swiper_content h2 {
    color: #fff;
}
.witr_swiper_content h3 {
    color: #fff;
}
.witr_swiper_content p {
    color: #fff;
}
.text-left .witr_swiper_content p, .text-right .witr_swiper_content p {
    width: 51%;
}
.text-left .witr_swiper_content p {
    margin: 38px 0 5px;
    font-size: 22px;
    font-weight: 400;
}
.witr_swiper_content p {
    font-weight: 400;
    font-size: 18px;
}
.slider_btn {
    margin-top: 54px;
}
.text-left .witr_btn_sinner {
    text-align: left;
}
.slider_btn .witr_btn {
    border: none;
    outline: 0;
}
.witr_btn {
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    padding: 16px 35px;
    color: #fff;
    display: inline-block;
    background: var(--btn-bg);
}
.witr_btn:hover {
    background: var(--btn-bg-hover);
    color: #fff;
}
.witr_swiper_content .witr_btn.active {
    color: #fff;
    background: 0;
    border: 1px solid #fff;
}
.slider_btn .witr_btn.active:hover {
    background: var(--btn-bg-hover);
    color: #fff;
    border-color: var(--btn-bg-hover);
}
/* ===== 4. Feature Area CSS ===== */
.feature_bg_area {
    background-image: url("assets/images/s3.jpg");
    background-position: center center;
    background-size: cover;
    padding: 90px 0 215px;
    position: relative;
}
.feature_bg_area::before{
	content:"";
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--bg-color);
    opacity: .95;
}
.feature_bg_area .witr_section_title {
    margin-bottom: 0;
}
.feature_bg_area .witr_section_title_inner h1, .feature_bg_area .witr_section_title_inner h2, .feature_bg_area .witr_section_title_inner h3{
    color: #fff;
}
.solarsun_feature_area {
    margin-top: -168px;
    margin-bottom: 0;
}
.solarsun_feature_area .row {
    align-items: stretch;
}
.witr_feature_13.sub-border-2{
    height: 100%;
    padding: 30px 30px 6px 40px;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
    margin: 0 0 20px;
}
.sub-item {
    position: relative;
    padding: 20px 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_feature_13 .sub-item img {
    padding: 30px;
    background-color: var(--bg-color);
    border-radius: 50%;
}
.all_feature_color h2 {
    margin: 20px 0 10px;
	font-size: 25px;
    font-weight: 700;
}
.sub-border-2 .sub-item p {
    padding: 0 0;
}
.witr_feature_13.sub-border-2:hover .sub-item img {
    background: var(--btn-bg-hover);
}
.sol_pannerl_ins_page_feat {
    margin-top: 0;
    padding: 100px 0 80px;
}
/* ===== Feature Area CSS ===== */
.feature_area2 {
    background: #f9f9f9;
    padding: 93px 0 95px;
}
.feature_area2 .sub-border-2 .sub-item h3 {
    padding: 0 10px;
}
.feature_area2 .sub-border-2 .sub-item h3 a {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.feature_area2 .sub-border-2 .sub-item p {
    padding: 0 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}
.feature_area2 .witr_section_title {
    margin-bottom: 32px;
}
.witr_cfeature9 .all_feature_color {
    box-shadow: 0 5px 10px 0 rgb(240 241 243);
    background: #fff;
    margin-bottom: 25px;
    padding-top:0;
}
.witr_cfeature9 .sub-item {
    position: relative;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_cfeature9 .sub-item h3 {
    margin: 15px 0 10px;
}
.feature_positions_thumb, .witr_sub_item_area {
    position: relative;
}
.feature_content {
    position: relative;
    padding-top: 40px;
}
.feature_carsor_icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
}
.feature_text {
    height: 178px;
}
.witr_cfeature9 .feature_btn {
    position: relative;
    top: 20px;
}
.feature_btn a {
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
    padding: 9px 30px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid var(--btn-bg);
    color: var(--btn-bg);
}
.witr_cfeature9 .sub-item i:after, .witr_cfeature9 .sub-item:hover .feature_carsor_icon {
    background: var(--bg-color);
}
.witr_cfeature9 .sub-item i:after, .witr_cfeature9 .sub-item:hover .feature_carsor_icon img {
    filter: brightness(0) invert(1);
}
.witr_cfeature9 .sub-item:hover .feature_btn a {
    background: #fff;
    color: #222429;
    border-color: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 9%);
}
.feature_area2:hover .slick-prev, .feature_area2:hover .slick-next {
    opacity: 1;
}
/* ===== 5. About Area CSS ===== */
.solarsun_about_area {
    padding: 82px 0 80px;
}
.witr_widget_list ul li {
    position: relative;
    padding: 0 0 0 30px;
    margin-bottom: 12px;
}
.ab_left_content {
    padding: 20px 0px 0 10px;
}
.ab_img_inner {
    padding: 0 0 20px 25px;
}
.ab_left_content .witr_section_title {
    margin-bottom: 40px;
}
.witr_text_widget_inner h2 {
    color: #071c1f;
    font-size: 24px;
    margin-bottom: 15px;
}
 span.witr_list_icon {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 0;
}
.witr_widget_list i {
    padding: 5px;
    color: #fff;
    font-size: 12px;
    background: var(--text-color-active);
    border-radius: 50%;
}
/* ===== 6. Testimonial Area CSS ===== */
.solarsun_test_area {
    padding: 90px 0 70px;
}
.solarsun_test_area .witr_section_title {
    margin-bottom: 20px;
}
.witr_testi_itemt {
    padding: 0 10px;
}
.em_single_testimonial {
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0s;
    transition: all .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;
}
.em_single_testimonial .em_testi_text {
    float: none;
    margin: 15px 0;
    padding: 0;
    height: 136px;
}
.em_single_testimonial .em_testi_text p {
   /* overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;*/
    margin: 0;
}
.em_test_thumb {
    float: left;
    margin-right: 20px;
}
.test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.em_test_thumb img {
    border-radius: 50%;
    width: 59px;
}
.em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-color-active);
}
.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    float: left;
    text-align: left;
}
.test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.test-part ul li {
    display: inline-block;
    padding-top: 0;
}
.execllent_toggol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.em_crating img {
    width: 18px;
    margin-right: 3px;
}
.execllent_star {
    margin-left: 15px;
}
.execllent_star h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-style: italic;
}
.em_single_testimonial:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}
/* ===== Testimonial Area CSS ===== */
.solarsun_test_area2 {
    background: #F9F9F9;
    padding: 90px 0 70px;
}
.solarsun_test_area2 .witr_section_title {
    margin-bottom: 20px;
}
.witr_testi_itemt {
    padding: 0 10px;
}
.solarsun_test_area2 .em_single_testimonial {
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0s;
    transition: all .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: center;
}
.solarsun_test_area2 .test_q_icon i {
    font-size: 54px;
    color: var(--text-color-active);
}
.solarsun_test_area2 .em_testi_text {
    overflow: hidden;
    padding-top: 15px;
}
.witr_testi_s10 .em_test_thumb {
    float: none;
    margin-right: 0;
}
.solarsun_test_area2 .test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.solarsun_test_area2 .all_color_testimonial h2 {
    font-size: 22px;
}
.solarsun_test_area2 .em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
	color: var(--text-color-active);
}
.solarsun_test_area2 .em_test_thumb {
    float: inherit;
    margin-right: 0;
}
.solarsun_test_area2 .em_testi_text {
    text-align: center;
}
/* ===== 7. Portfolio Area CSS ===== */
.solarsun_project_area {
    background: #f9f9f9;
    padding: 85px 0 100px;
}
.witr_single_pslide {
    position: relative;
    overflow: hidden;
}
.witr_pslide3 .witr_single_pslide {
    margin-bottom: 100px;
    overflow: inherit;
}
.witr_pslide_image {
    overflow: hidden;
    position: relative;
}
.witr_pslide_image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
    opacity: .5;
    background: #222429;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.ps2.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: auto;
    top: -100px;
    left: 30px;
    right: 30px;
    -webkit-transition: .5s;
    transition: .5s;
	opacity: 0;
    z-index: 2;
    text-align: left;
}
.witr_content_pslide_text{
    /* margin: 50px 0 0; */
    padding: 25px 0 20px;
}
.all_pslides_color h3 a, .all_pslides_color h3 {
    font-size: 28px;
    color: #fff;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.ps1 .witr_content_pslide_text h3 {
    color: #fff;
}
.ps1 .witr_content_pslide_text h3 a {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.ps1 .witr_content_pslide_text p {
    line-height: 1.4;
    color: #fff;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}
.witr_content_pslide_text a {
    display: inline-block;
}
.all_pslides_color p {
    margin: 20px 0 0;
}
 .ps1 .witr_content_pslide_text p {
    color: #fff;
}
.witr_pslide_btnb a {
    color: var(--text-color-active);
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    margin: 30px 0 0;
    padding: 12px 20px;
}
.witr_content_pslide_text a {
    display: inline-block;
}
.ps2.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    top: 25px;
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 30px;
}
.witr_pslide_btnb a:hover {
    color: #fff;
    background: var(--btn-bg-hover);
    border-style: solid;
    border-color: var(--btn-bg-hover);
}

.portfolio_nav {
    padding: 0 0 28px;
}
.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: .5s;
    border: 1px solid #f3eaea;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
}
.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: .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: 18px;
    margin-bottom: 5px;
}
.prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}
.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;
}
/* single portfolio */
.pimgs img {
    height: 465px;
    width: 100%;
}
.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: .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 {   
    -webkit-transition: .5s;   
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    -webkit-transition: .3s;   
    transition: .3s;
    border: 1px solid transparent;
}
.picon a:hover {
    border-color: #191f2d;
    background: #191f2d;
}
.pstyle4 .prot_thumb {
    overflow: hidden;
    position: relative;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}
.pprotfolio4 {
    padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
    margin: 0;
}
.porttitle_inner4 h3 a {}
.porttitle_inner4 p {
	margin-bottom: 0;	
}
.porttitle_inner4 p span {
    display: inline-block;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 70%);
    padding: 20px 10px 23px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
}
.portfolio_nav {
    text-align: center;
}
.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: 60%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
.single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
/* ===== 8. Team Area CSS ===== */
.metp_team_area {
    padding: 90px 0 80px;
}
.team-part {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.05);
    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;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_team_section:before {
    background: color-mix(in srgb, var(--color-primary) 50%, transparent);;
}
.team_overlay_icon a {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    font-size: 22px;
    opacity: 0;
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 50%;
}
.team_overlay_icon a {
    background: var(--bg-color);
	color: #fff;
}
.witr_team_content {
    padding: 23px 5px 23px;
}
.witr_team_content h5 {
    margin: 0;
}
.witr_team_content span {
    font-size: 18px;
}
.witr_team_content h5 a:hover, .witr_team_content h5:hover, .witr_team_content span {
    color: var(--text-color-active);
}
.witr_team_section:hover:before {
    opacity: 1;
}
.witr_team_section:hover .team_overlay_icon a {
    opacity: 1;
}
.ab_page_team_area {
    border-top: 1px solid #DDDDDDAB;
}
/* ===== 9. Counter Area CSS ===== */
.counter_area {
    padding: 100px 0 100px;
}
.witr_counter_single {
    text-align: left;
    margin-bottom: 30px;
}
.witr_counter_icon{
	float:left;
}
.all_counter_color img {
    width: 50px;
    transform: rotate(0deg);
    margin: 0 20px 0 0;
}
.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;
    margin-bottom: 0;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    color: var(--text-color-active);
}
.witr_counter_number_inn span {
    line-height: 0;
}
.all_counter_color h4, .all_counter_color h1 {
    font-size: 19px;
    font-weight: 400;
}
/* ===== Counter Area CSS ===== */
.solar_counter_area {
    background-image: url(assets/images/choose.jpg);
    background-position: center center;
    background-size: cover;
    padding: 100px 0 80px;
    position: relative;
}
.solar_counter_area::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--bg-color);
    opacity: .9;
}
.solar_counter_area .witr_section_title_inner h2 {
    color: #fff;
}
.solar_counter_area .witr_section_title_inner h3 {
    color: #fff;
}
.solar_counter_area .witr_section_title_inner p {
    color: #fff;
}

.counter_left_inner .all_color_service {
    padding: 0 40px 0 0;
    margin-bottom: 22px;
}
.counter_left_inner .witr_section_title_inner p {
    width: 100%;
    padding: 20px 0 0 0;
    margin-top: 10px;
}
.counter_left_inner .witr_section_title {
    margin-bottom: 55px;
}
.witr_s_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.em-service2.sleft .em-service-icon {
    margin-right: 20px;
    margin-top: 10px;
}
.em-service2 .em-service-icon i {
	width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    font-size: 25px;
    transition: all .5s ease 0s;
	background: var(--bg-color);
    color: #fff;
	margin-bottom: 15px;
}

.counter_inner {
    margin: 0 75px 0 0;
}
.counter_inner .witr_counter_single {
    margin: 0 30px 0 35px;
    padding: 20px 20px 20px 34px;
    background-color: #fff;
    margin-bottom: 20px;
}
.counter_inner .witr_counter_icon img {
    width: 50px;
}
.counter_inner  .witr_counter_img {
    margin: 0 20px 0 0;
}
.counter_inner  .witr_counter_number_inn {
    overflow: hidden;
}
.counter_inner  .witr_counter_number_inn h3, .counter_inner  .witr_counter_number_inn span {
    font-size: 48px;
}
.counter_inner .all_counter_color h4, .counter_inner  .all_counter_color h1 {
    font-size: 19px;
    font-weight: 500;
}
.witr_counter_single.all_counter_color.margin_right{
    margin: 0 0px 20px 65px;
}
.counter_left_inner .all_color_service h3, .counter_left_inner .all_color_service h3 a {
    color: #fff;
    font-size: 24px;
}
.counter_left_inner .all_color_service p {
    color: #fff;
}
.counter_left_inner .all_color_service:hover i{
    background: var(--btn-bg-hover);
}
/* ===== 10. Faq Area CSS ===== */
.metp_faq_area {
    padding: 100px 0 80px;
}
.faq_img_inner {
    text-align: right;
    margin-bottom: 20px;
    margin-right: 5px;
}
.faq_content_inner .witr_section_title_inner h3 {
    font-size: 33px;
}
.faq_content_inner .witr_section_title {
    margin-bottom: 45px;
}
.accordion_area .card-2 {
    margin-bottom: 15px;
    border: none;
    background: 0;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.witr_ac_style {
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    color: #222429;
    transition: .5s;
    background: 0;
}
.witr_ac_style:before {
    position: absolute;
    content: "\e623";
    right: 30px;
    font-family: "qico" !important;
    font-weight:400;
    font-size: 16px;
}
.active .witr_ac_style:before {
    content: "\e61e";
}
.accordion_area .card-2 p {
    padding: 20px 0 5px 20px;
}
.active .witr_ac_style {
    color: #292020;
}
.witr_ac_style:hover {
    color: #292020;
}
.solarsun_faq_area.faq_page_faq{
    padding: 120px 0 90px;
}
.faq_page_faq .single_image_area {
    margin-right: 10px;
}
.accordion_area .card-2 {
    border-radius: 5px;
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%);
}
.witr_ac_style:hover {
    color: #fff;
    background: var(--bg-color);
}
.active .witr_ac_style {
    color: #fff;
    background: var(--bg-color);
}
.faq_content_inner .witr_btn {
    margin-top: 30px;
}
.witr_ac_card i {
    margin-right: 10px;
    font-size: 20px;
}
.service_page_faq {
    background: #F9F9F9;
}
/* ===== Faq Area CSS ===== */
.faq_area2 {
    padding: 100px 0 100px;
}
.border_bottom_0{
	border-bottom:none;
}
.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);
}
.faq_area2 .witr_ac_style {
    padding-left: 30px;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
    padding: 9px 20px 9px 10px;
    font-family: inherit;
}
.faq_area2 .accordion_area .card-2 p {
    padding: 15px 23px 15px;
}
.faq2_img {
    text-align: center;
}
/* ===== 11. Skill Area CSS ===== */
.circle_progress_area {
    padding: 0 0 60px;
}
.witr_circle_area {
    text-align: center;
    margin-bottom: 30px;
}
.witr_cp_class {
    position: relative;
}
span.witr_cir_text {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    font-size: 30px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-weight: 700;
    color: var(--text-color-active);
}
.witr_circle_title {
    margin-top: 10px;
}
.witr_circle_title h3 {
    color: #071c1f;
    font-size: 24px;
}
/* ===== 12. Video Area CSS ===== */
.solarsun_video_area{
    background-image: url("assets/images/Service-Bg-img.jpg");
    background-position: center center;
    background-size: cover;
    padding: 110px 0px 105px 0px;
	position:relative;
}
.solarsun_video_area::before{
	content:"";
	height: 100%;
    width: 100%;
    top: 0;
    background-color: var(--bg-color);
    opacity: .5;
    left: 0;
    position: absolute;
}
.video-overlay {
    padding: 50px 0 27px;
}
.video-item a {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 28px;
    border-radius: 100%;
    background: var(--btn-bg);
}
.tx_svd_icon {
    line-height: 75px;
    text-align: center;
    -webkit-animation: witr-shadow 1s linear infinite;
    animation: witr-shadow 1s linear infinite;
    -webkit-transition: 0.5s;
}
.video-item i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	color: #fff;
    font-size: 28px;
}
.video-item h3 {
    font-size:30px;
    margin-top: 35px;
    color: #fff;
}
.metp_video_area {
    background-image: url("assets/images/video-img.jpg");
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 112px 0;
}
.metp_video_area::before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--bg-color);
    opacity: .5;
}
@keyframes witr-shadow{0%{box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)}100%{box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)}}
/* ===== Video Area CSS ===== */
.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;
}
/* ===== 13. Blog Area CSS ===== */
.solarsun_blog_area {
    padding: 115px 0 100px;
    background: #F9F9F9;
}
.solarsun_blog_area .witr_section_title {
    margin-bottom: 25px;
}
.solarsun_blog_area h1.divider_text::before {
    width: 70%;
}
.solarsun_blog_area .witr_section_title_inner h2 {
    padding: 0;
}
.all_blog_color {
    text-align: left;
}
.busi_singleBlog {
    transition: .5s;
    box-shadow: 0 5px 10px 0 rgb(50 65 141 / 7%);
    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;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}
.witr_sb_thumb:before {
    background: rgba(0,0,0,.5);
}
.witr_sb_thumb img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_top_category {
    transform: scale(1);
    transition: .5s;
}
.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(--bg-color);
    padding: 3px 10px;
}
.witr_top_category ul li a {
    border-radius: 5px;
    margin: 0 10px 10px 0;
    display: inline-block;
}
.witr_top_category ul li a {
	color:#fff;
}
.busi_singleBlog:hover {
    box-shadow: 0 0px 4px 0 rgba(0,0,0,.05);
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.witr_blog_con {
    padding: 20px 15px 20px 20px;
    margin-bottom: 0;
}
.witr_blog_text {
    height: 198px;
    padding-bottom: 20px;
    margin: 0 0 10px;
    border-bottom: 1px solid #f2f2f2;
}
.witr_blog_con h2 {
    margin: 10px 0px 10px 0px;
}
.banner-content input, .witr_blog_con h2, .witr_post_Author .comment {
    color: #222429;
}
.witr_blog_con h2 a {
    display: inline-block;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.all_blog_color p {
    margin: 10px 0 0;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.em-blog-content-area_adn {
    padding: 0 10px 22px 0;
}
.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;
}
.solarsun-blog-meta-left_adn a, .solarsun-blog-meta-left_adn span, .solarsun-event-meta-left_adn a, .solarsun-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_con span i {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    color: var(--text-color-active);
}
.witr_blog_area11 .em-blog-content-area_adn {
    padding: 0 10px 22px 20px;
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
}
.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;
}
.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
}
.footer-middle .widget h5 {
    text-transform: capitalize;
}
.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;
}
#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: var(--bg-color);
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.solarsun-blog-thumb img {
    width: 100%;
	transition:.5s;
}
.witr-blog-side-area .imagess_area .slick-slide img {
    display: inline-block;
    margin: auto;
    width: 100%;
}
.witr-blog-side-area.blog_sidebar .solarsun-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.solarsun-single-blog {
    overflow: hidden;
    text-align: left;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.solarsun-blog-thumb {
    overflow: hidden;
}
.single_blog_thumb img {
    width: 100%;
}
.solarsun-blog-thumb a {
    display: block;
    position: relative;
}
.solarsun-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    -webkit-transition: .5s;
    transition: .5s;
}
.solarsun-blog-thumb a:before {
    background: rgba(0,0,0,.7);
}
.solarsun-blog-thumb img {
    width: 100%;
}
.solarsun_blog_area .em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.solarsun-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.solarsun-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.solarsun-blog-meta-left a, .solarsun-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}
.solarsun-blog-meta-left i {
    color: var(--text-color-active);
    margin-right: 5px;
    font-size: 13px;
}
.solarsun-blog-meta-left a, .solarsun-blog-meta-left span {
    color: #888;
}
.solarsun-single-blog:hover .solarsun-blog-thumb a:before {
    opacity: 1;
}
.solarsun-single-blog:hover .solarsun-blog-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.solarsun-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .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(--bg-color);
    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%);
}
.recent-post-text h4 a {
    font-size: 16px;
    font-weight: 600;
}
.widget_recent_data .recent-post-image img {
    margin-bottom: 10px;
    margin-top: 0;
}
.widget_recent_data .recent-post-item {
    margin-bottom: 0;
}
/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
    padding: 100px 0 70px;
}
.solarsun-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;
}
.solarsun-single-icon-inner {
    text-align: center;
}
.solarsun-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;
}
.solarsun-single-icon-inner a:hover {
    background: var(--btn-bg);
    border-color: var(--btn-bg);
    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;
}
.solarsun_btn {
    background: transparent;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 12px 20px;
    margin-top: 15px;
    border-radius: 5px;
    transition: .5s;
    color: #444;
}

/* end sidebar css */
/* ===== 14. Footer Area CSS ===== */
.witrfm_area {
    position: relative;
    background: var(--bg-color);
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.footer-middle {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 65px 0 80px;
}
.footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li::before, .footer-middle .tagcloud a, .footer-middle caption, .footer-middle table, .footer-middle table td a, .footer-middle cite, .footer-middle .rssSummary, .footer-middle span.rss-date, .footer-middle span.comment-author-link, .footer-middle .textwidget p, .footer-middle .widget .screen-reader-text, mc4wp-form-fields p, .mc4wp-form-fields, .footer-m-address p, .footer-m-address, .footer-widget.address, .footer-widget.address p, .mc4wp-form-fields p, .solarsun-description-area p, .solarsun-description-area .phone a, .solarsun-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .solarsun-description-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
}
.footer-middle .widget h2 {
    color: #ffffff;
}
.footer-middle .widget h2 {
    margin-bottom: 26px;
    margin-top: 28px;
    position: relative;
}
.single-widget-item h2 {
    color: #ffffff;
    margin-bottom: 33px;
    margin-top: 28px;
}
.solarsun-description-area a img {
    max-width: 150px;
    max-height: 50px;
    margin: 26px 0;
}
.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    margin: 0;
    float: left;
}
.gallery-icon img {
    margin: 0 auto;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 500;
    font-size: 16px;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: .7;
    margin-top: 10px;
}
.recent-post-image {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}
.recent-post-image img {
    border-radius: 0;
    width: 70px;
}
.recent-post-item {
    clear: both;
    margin-bottom: 15px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 17px;
    margin-right: 12px;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-widget.address p {
    margin-bottom: 10px;
    word-break: break-word;
}
.solarsun-dessolarsuniption-area a img {
    margin: 26px 0;
}
.solarsun-description-area .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.gallery-columns-3 .gallery-item {
    max-width: 31.33%;
}
figure.gallery-item img {
    width: 75px;
}
.footer-middle .mc4wp-form-fields {
    margin-top: 20px;
}
.footer-middle .mc4wp-form-fields p:nth-child(1) {
    margin-bottom: 22px;
}
.footer-middle .mc4wp-form-fields p {
    position: relative;
    line-height: 27px;
}
.footer-middle .mc4wp-form-fields input {
    border: 1px solid #ffffff66;
}
.footer-middle .mc4wp-form-fields input {
    height: 50px;
    position: relative;
    background: 0 0;
    width: 100%;
    line-height: 43px;
    border-radius: 0;
    padding-left: 10px;
}
.mc4wp-form-fields input {
    color: #fff;
}
.mc4wp-form-fields input::placeholder{
	color: #fff;
}
.mc4wp-form-fields input {
    font-size: 16px;
    outline: 0;
    padding: 15px 30px;
}
.witr_sub_table {
    border-bottom: 1px solid #ffffff8c;
}
.witr_sub_table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.witr_sub_table span {
	color:#fff;
}
/* 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: 50%;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0;
}
 .slick-dots li.slick-active button {
    background-color: color-mix(in srgb, var(--color-primary) 75%, white);
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -45px;
    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;
    background: var(--btn-bg);
    z-index: 9;
    opacity: 0;
    border-radius: 5px;
    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: .5s;
    border: 0px solid #17161a;
}
.slick-prev {
    left: -65px;
}
 .slick-next {
     right: -65px;
}
.slick-next:before, .slick-prev:before {
    color: #fff;
    font-size: 40px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    content: "\e64f";
    font-family: "qico" !important;
    line-height: inherit;
    opacity: 1;
}
.slick-next:before {
    content: "\e650";
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    background: var(--btn-bg-hover);
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: #fff;
}
button:focus {
    outline: 0;
}
.simages_id11:hover .slick-prev, .simages_id11:hover .slick-next {
	opacity:1;
}
.witr_ds_content_area .slick-prev, .witr_ds_content_area .slick-next {
	top: 48%;
	opacity:1;
}
.witr_ds_content_area:hover .slick-prev, .witr_ds_content_area:hover .slick-next {
	opacity:1;
}
.solarsun_blog_area:hover .slick-prev, .solarsun_blog_area:hover .slick-next{
	opacity:1;
}
.solarsun_feature_area:hover .slick-prev, .solarsun_feature_area:hover .slick-next {
    opacity: 1;
}
.solarsun_test_area:hover .slick-prev, .solarsun_test_area:hover .slick-next{
	opacity:1;
}
.solarsun_team_area:hover .slick-prev, .solarsun_team_area:hover .slick-next{
	opacity:1;
}
.project_area .slick-prev, .project_area .slick-next {
    opacity: 1;
    top: -65px;
}
.project_area .slick-next {
    right: 0;
}
.project_area .slick-prev {
    left: 985px;
}
/*===== 15. Breadcumb Area CSS =====*/
 .breadcumb-inner h2 {
     font-size: 36px;
}
.breadcumb-area {
    padding-top: 55px;
    padding-bottom: 55px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(assets/images/slider3.jpg);
    position: relative;
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0,0,0,0.4);
}
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    color: #ffffff;
    font-display: swap;
}
.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: color-mix(in srgb, var(--color-primary) 75%, white);
}
.brpt h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 5px;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
 .ccase {
     text-transform: capitalize;
}
/* ===== 16. Pricing Area CSS ===== */
.pricing_plan_area {
    background: #FAFAFA;
    padding: 85px 0px 80px 0px;
}
.pricing_area {
    border-radius: 5px;
    box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
    margin-bottom: 20px;
}
.pricing-part {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.witr_pricing_icon i {
    font-size: 40px;
    padding-top: 40px;
    display: block;
    color: var(--text-color-active);
}
.prt_content {
    padding: 10px 0 7px;
    font-size: 20px;
}
.pricing-part h5 {
    font-size: 35px;
}
.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: var(--text-color-active);
}
.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;
}
.witri_texti_list ul li i {
    margin-right: 10px;
}
.witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}
.pricing-part a.btn {
    border: 1px solid var(--btn-bg);
    padding: 12px 40px 12px 40px;
    display: inline-block;
    background: var(--btn-bg);
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
}
.pricing-part a.btn:hover {
    background: 0 0;
}
.pricing-part a.btn:hover {
    color: var(--text-color-active);
}
.pricing-part strong {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -40px;
    top: 13px;
    padding: 7px 20px;
    width: 160px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: var(--bg-color);
    color: #fff;
}
/* ===== 17. Contact Area CSS ===== */
.contact_area {
    padding: 80px 0px 100px 0px;
}
.contact_inner .witr_section_title {
    margin-bottom: 25px;
}
.apartment_area {
    position: relative;
    padding: 60px 35px 75px;
    text-align: left;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 8%);
    margin-top: 20px;
}
.apartment_text h1 {
    color: var(--text-color-active);
	font-size: 17px;
    margin-bottom: 5px;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 29px;
}

.contact_content_inner {
    padding: 20px 30px 0px 10px;
}
.contact_content_inner .witr_section_title {
    margin-bottom: 25px;
}
.contact_content_inner .em-service2.sleft .em-service-icon {
    margin-right: 20px;
    margin-top: 10px;
}
.contact_content_inner .witr_section_title_inner p {
    padding: 20px 0 0 0;
}
.contact_content_inner .em-service2 .em-service-icon i {
    font-size: 20px;
	border-radius:50px;
}
.contact_content_inner .all_color_service h3 {
    margin: 25px 0 0 0;
	font-size:20px;
}
.contact_content_inner .em-service2.sleft.all_color_service {
    margin-bottom: 10px;
}

@media(max-width:1500px){
.em_single_testimonial .em_testi_text {
  height: 165px;
}
}
 
 @media(max-width:1280px){
 .em_single_testimonial .em_testi_text {
  font-size: 15px;
   height: 195px;
	}
 }
  
   @media(max-width:1200px){
 .em_single_testimonial .em_testi_text {
   height: 120px;
	}
 }


   @media(max-width:991px){
 .em_single_testimonial .em_testi_text {
   height: 130px;
     font-size: 14px;
	}
 }
 }




@media(max-width:768px){
.em_single_testimonial .em_testi_text {
    height: auto;
}
}

@media screen and (max-width:480px){
.solarsun_test_area {
    padding: 20px 0;
}
  
  
  
}