

.row_overflow::-webkit-scrollbar {
  width: 20px;
  display:none;
}

.row_overflow::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
  display:none;
}
 
 
/* Handle */
.row_overflow::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 10px;
  display:none;
}

/* Handle on hover */
.row_overflow::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
  display:none;
}


.bg-blue{
    background:#207bbc;
}

/*=======================manage-containersixe===============*/

@media ((min-width: 576px)){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px !important;
}
}



@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1270px !important;
}
}
.centeralign_text{
    text-align:center;
}


.we_just_01 .list {
    margin-top: 15px;
}

.we_just_01 .list h6 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}


@font-face {
    font-family: work sans, sans-serif;
    src: url(../fonts/worksans-regular-webfont.woff2) format("woff2"), url(../fonts/worksans-regular-webfont.woff) format("woff");
    font-weight: 400;
}
@font-face {
    font-family: work sans, sans-serif;
    src: url(../fonts/worksans-semibold-webfont.woff2) format("woff2"), url(../fonts/worksans-semibold-webfont.woff) format("woff");
    font-weight: 600;
}
@font-face {
    font-family: Poppins-Regular;
    font-style: normal;
    src: url(../fonts/Poppins-Regular.woff) format("woff"), url(../fonts/Poppins-Regular.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: Poppins-Light;
    font-style: normal;
    src: url(../fonts/Poppins-Light.woff) format("woff"), url(../fonts/Poppins-Light.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: Poppins-Medium;
    font-style: normal;
    src: url(../fonts/Poppins-Medium.woff) format("woff"), url(../fonts/Poppins-Medium.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: Poppins-SemiBold;
    font-style: normal;
    src: url(../fonts/Poppins-SemiBold.woff) format("woff"), url(../fonts/Poppins-SemiBold.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: Poppins-Bold;
    font-style: normal;
    src: url(../fonts/Poppins-Bold.woff) format("woff"), url(../fonts/Poppins-Bold.woff2) format("woff2");
    font-display: swap;
}


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
    font-family: 'Poppins', sans-serif;
	
	
}

.solar_box.h-100.p-3.rounded_10.h_lg_100.shadow.border.shadow_hover_effect {
    background: #efefef;
    box-shadow: unset !important;
}

:root{
	--green : #009982;
	--hard_green: #3d4c58;
	--orange: #ff8100;
	--blue:#207bbc;
	--dark_blue:#207bbc;
	--warning:#ffce4a;
	--gray : #f5f5f5;
}

.text-warning{
	color: var(--warning) !important;
}

.text-dark_blue{
	color: var(--dark_blue) !important;
}

.bg-warning{
	background-color: var(--warning) !important;
}

header{
	    position: sticky;
    top: 0px;
    z-index: 999;
    left: 0;
    right: 0;
    background: #fff;
}

a{
	text-decoration: none;
}
.call_top{
	font-size: 14px;
	color: var(--green);
	font-weight: bold;
}

.h2_heading{
	    font-size: 35px;
    font-weight: bold;
    
}



.font-20{
	    font-size: 20px !important;
}
.fw_600{
}
.main_contatc_form_heading{
    font-size: 25px;
    line-height: 1.3;
}
.form-control:focus{
	box-shadow: none;
}

.btn-outline-warning{
background: var(--warning);
    color: var(--blue);
    text-transform: uppercase !important;
    font-weight: 800;
    font-size: 13px;
    padding: 5px 10px;
     border:2px solid var(--warning);
}

.btn-outline-warning{

}
.btn-outline-warning:hover{
			color: var(--blue);
}
.font-13{
	font-size: 13px;
}

.bg_banner_p, .bgprimary_img{
	background-size: cover !important;
	background-repeat: no-repeat !important;
}


/*========================home-banner================*/

.bg_contact_image {
      background-size: cover !important;
    background-repeat: no-repeat!important;
    position: relative;
    padding-bottom: 153px !important;
    padding-top: 150px !important;
    background-position: center !important;
}

.heading_first{
	    font-size: 46px;
    font-weight: 600;

}

.heading_second{
	       font-size: 16px;
    font-weight: 500;

    line-height: 20px;
}
.round-font{
    font-size:16px !important;
}

.text_00_shadow{
	text-shadow: 1px 1px #000000b5;
}
.text_00_shadow{
	text-shadow: 1px 1px #000000b5;
}
.container-fluid.bg_contact_image.section_py {
  min-height: 100% !important;
    background: lightgray;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lining_arrow {
    display: block;
    width: 100%;
    max-width: 360px;
    height: 2px;
    background: #fff;
    margin: 15px auto;
}

.lining_arrow::before{
	    content: "";
    position: absolute;
    top: -3px;
    left: 0px;
    background: var(--blue);
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    transform: rotate(45deg);
}

.lining_arrow::after{
	    content: "";
    position: absolute;
    top: -3px;
    right: 0px;
    background: var(--blue);
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    transform: rotate(45deg);
}

.px_18{
	padding-left: 30px;
	padding-right: 30px;
}


/*<!-- ===================Australians================ -->*/

.section_py{
	padding-top: 40px;
    padding-bottom: 40px;
}


.round-one {
    top: -263px;
    left: 42px;
}

.roundone-text-one {
    position: absolute;
    top: 23%;
    left: 0;
    right: 0;
}

.text-center > img {
    display: inline-block;
}
.img-margin {
    padding-bottom: 10px;
}

.roundone-text-four div, .roundone-text-one div, .roundone-text-three div, .roundone-text-two div{
	  color: #fff;
    font-weight: 500;
    text-align: center;
    margin: 0;
    line-height: 20px;
    font-size: 11px;
    padding: 0;
}
.adjust_p_01{
        font-size: 25px;
    margin-top: 5px !important;
    font-weight: 700;
}


.round-four {
   
    top: -263px;
    left: 37px;
    
}

.roundone-text-four {
    position: absolute;
    top: 23%;
left: 0;
    right: 0;
}

.round-three {
   
    top: -263px;
    left: 37px;
    
}

.roundone-text-three {
    position: absolute;
    top: 23%;
    left: 0;
    right: 0;
}

.round-two { top: -263px;
    left: 40px;
    
}

.roundone-text-two {
    position: absolute;
    top: 23%;
   left: 0;
    right: 0;
}


.round-one, .round-four, .round-three, .round-two{
	 background: var(--blue);
    border: 2px solid #fff;
    position: absolute;
    width: 225px;
    height: 225px;
    border-radius: 50%;
    box-shadow: inset 0px 0px 72px 30px #08103a;
    transition:0.4s;
    }
    
    .round-one:hover, .round-four:hover, .round-three:hover, .round-two:hover{
        box-shadow:0px 0px 45px -12px #08103a;
        transition:0.4s;
    }


/*		<!-- ===================Tabs section================ -->*/

.tabs_rounded{
	position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 16px auto 30px;
    align-items: center;
    text-align: center;
    border: 1px solid #edeff1;
    border-radius: 55px;
    height: 55px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-bottom: 0;
}

.h_100{
	height: 100%;
}


.tabs_button .nav-pills .nav-link{
	        font-size: 18px;
    font-weight: 500;
    padding: 0px 30px;
    color:var(--blue);
	border-radius: 0px !important;
    background: #fff;
}
.tabs_button .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	    background-color:var(--blue);
	    color: #fff;
}

.tabs_button .nav-pills .nav-link:hover{
    background:var(--gray) !important;
    color:  !important;
}

.tabs_button .nav-pills .nav-link.active:hover{
     background-color:var(--blue) !important;
	    color: #fff !important;
}


.prices-box-title {
    font-size: 25px;
    margin-bottom: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #edeff1;
}
.prices-box-price {
    border-bottom: 1px solid #edeff1;
}
.prices-box-price b {
    color: var(--blue);
}

.prices-box-price b {
    font-size: 50px;
    line-height: 1em;
    padding: 25px 0;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.price_box ul li{
    line-height: 26px;
    margin-bottom: 7px;
}

.border_hard{
	    border: 1px solid #d7dbe0;
}
.font-45{
	    font-size: 45px;
}
.prices-box-link .btn {
    min-width: 160px;
        border-radius: 10px !important;
}
.view_more a, .send_bttn button{
        border-radius: 10px !important;
}

.read_more_btn {
      padding: 11px 30px;
    font-size: 14px;
    line-height: 25px;
    font-family: 'VIC-SemiBold', sans-serif;
    height: auto;
    background-color: transparent;
    color: #fff;
    border-radius: 0.25rem;
    vertical-align: top;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--blue);
    color: var(--blue);
}

.read_more_btn:hover{
    color:#fff;
    background-color:var(--blue);
    
}
.rounded_10{
	border-radius: 10px;
}

.price_box{
	    padding-top: 3rem !important;
}
.price_box ul{
	    padding-bottom: 3rem !important;
}

.read_more_btn::before, .trans_animation::before{
    content: '';
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    width: 60px;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .5;
    filter: blur(30px);
    transform: translateX(-100px) skewX(-10deg);
}

.read_more_btn::after, .trans_animation::after{
	content: '';
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    width: 30px;
    height: 100%;
    left: 30px;
    top: 0;
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100px) skewX(-10deg);
}

.read_more_btn:hover{
	color: #fff;
}
.trans_animation{
	position: relative;
	overflow: hidden;
}

.read_more_btn:hover:before, .trans_animation:hover:before {
    transform: translateX(300px) skewX(-10deg);
    opacity: 0.6;
    transition: .7s;
}

.read_more_btn:hover:after, .trans_animation:hover:after {
    transform: translateX(300px) skewX(-10deg);
    opacity: 1;
    transition: .7s;
}

.text_orange{
	color: var(--orange);
}
.font-16{
	font-size: 16px;
}

.arrow_alt_bttn svg{
	    fill: var(--warning);
    width: 20px;
    height: 20px;
    margin: 0px 0px 2px 4px;
        background: var(--blue);
    border-radius: 100%;
    padding: 1px;
}

.arrow_alt_bttn:hover{
	color:  var(--orange);
}

.box_01{
	height: 100%;
	background-color: #fff;
}

/*<!-- ========================section-4===============-->*/

.solar_pv_img{
	max-width: 100px;
}

/*<!-- ========================section-5===============-->*/
.jnb_box img{
	width: 80px;
}

/*<!-- ========================section-6===============-->*/

.model_text .solar_div{
    background: #fff;
    padding: 10px 10px;
    width: 100%;
    max-width: 90%;
    margin: auto;
    border-radius: 10px;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--blue);
    color: var(--blue) !important;
    justify-content: center;
    font-weight: 600;
}

.model_text .solar_div svg{
    fill: #fff;
    width: 20px;
    height: 20px;
    background: var(--blue);
    display: flex;
    align-items: center;
    border-radius: 100%;
    padding: 2px;
}
.model_text{
	margin-top: -25px;
	position: relative;
	z-index: 1;
}

.w-18{
width: 18px;
    fill: #fff;	
}
.bg_black{
	background-color: #000;
}

.h_300{
	    height: 300px;
}

/*<!-- ========================section-7===============-->*/

.bg_dark_green{
	background-color: var(--hard_green);
}

.box_sm_ld ul li::before{
	content: "";
	background: url('../img/check-line.png');
    color: #F2A400;
    height: 20px;
    width: 20px;
    margin: 0 0.5rem 0.75rem 0;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
  position: absolute;
  left: 0;
    z-index: 1;

}

.box_sm_ld ul li{
	padding-left: 32px;
	font-style: italic;
	position: relative;
}


.main_d_box {
    box-shadow: 0 3px 11px 0 rgb(0 0 0 / 7%);
    border: 1px solid #dddfe0;
    border-radius: 10px;
    min-height: 170px !important;
}
.bg_dark_blue{
	background-color: rgba(1,54,82,.83);
}

/*<!-- ========================section-8===============-->*/

.home_banner_2{
	background: url('../img/Solar-batteries-for-home.png');
	background-repeat: no-repeat;
    background-size: cover;
}

.font-40{
	    font-size: 40px;
}

.font-25{
	    font-size: 25px;
}
.text_65{
	    font-weight: bold;
    font-size: 60px;
}

.range_btn a{
	background: rgb(255,129,0);
background: linear-gradient(45deg, rgba(255,129,0,1) 0%, rgba(255,193,7,1) 49%, rgba(255,129,0,1) 100%);
padding: 3px 20px;
}
.trusted_section{
	background: url('../img/panel-solar-power-energy.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}


/*=======================header_css====================*/
.logo_box a img {
    width: 192px;
    object-fit: contain;
    height: 60px;
    object-position: bottom;
}

.nav_navigations ul.nav_links_ul li.nav-link-parent{
	display: inline-block;

}
.nav_navigations ul.nav_links_ul li.nav-link-parent a{
    display: inline-block;
    position: relative;
    font-size: 1rem;
    color: #000;
    margin-right: 27px;
   
}
.padding_ank{
     padding: 21px 0px;
}


.search_content i{
	font-size: 20px;
	margin-top: 6px;
}

.nav_navigations ul.nav_links_ul {
	    display: flex;
    align-items: center;
}

.search_content:hover i{
	color: #009982;
}
.search_content{
	cursor: pointer;
}


.navbar{
	position: inherit !important;
}

.hover_naav_box ul li a{
	color: #000;
	font-size: 12px;
	display: block;
}


.hover_naav_box ul li{
	display: block;
}

.hover_naav_box a:hover{
	color: #009982 !important;
}

.fa-solid.fa-close{
	font-size: 28px;
}


.rating_star svg{
	width: 20px;
	padding: 0;
	fill: var(--warning);
}

.call_now_bttn a i{
	position: absolute;
    left: -23px;
    top: -6px;
    background: var(--warning);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}


.of_content img{
	width: 50px !important;
    height: 50px;
    border-radius: 100%;
}
.of_content{
	    max-width: 360px;
    margin: auto;
    text-align: center;
}
.image_ttr_tabs img{
        width: 100%;
    height: 255px;
    object-fit: cover;
}

/*================search box================*/

.seatch_icon i{
	color: #b2b2b2;
}
.s_input input::placeholder{
	font-size: 20px;
}

.seatch_btnn button::before{
	display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    border-radius: 2em;
    transition: .5s;
    background: #e5006d;
    z-index: -1;
}


.seatch_btnn button::after{
	display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    z-index: 20;
    border-radius: 2em;
    transition: .5s;
    background: #7a2182;
    z-index: -2;
}


.seatch_btnn button{
	    background: transparent;
	    border: 0;
	    font-size: 14px;
	    color: #fff;
	    padding: 5px 20px;
	    z-index: 2;
}
.cursor{
	cursor: pointer;
}

.container-fluid.search_box.open{
	display: block !important;
}
.search_box{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 111;
	background: #fff;
}



.content_project{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 15px 10px;
	background: rgb(255,129,0);
background:linear-gradient(180deg, rgba(255,129,0,0) 1%, rgb(0 0 0 / 63%) 13%);
}

.project_box .image_b img{
	height: 300px;
	object-fit: cover;
}

.hover_blue{
    color:#fff; 
}

.contact_top{
    display: flex;
    justify-content: end;
    align-items: center;
}




.icon_light{
	background: #d2d9df;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
}

.dd_flex{
	display: flex;
	align-items: center;
	font-size: 16px;
}


.font-15{
	    font-size: 13px;
}

/*===============all media queries===============*/

@media(max-width:1199px){
	.round-one, .round-four, .round-three, .round-two{
		position: initial !important;
	}
	.round-circle-img{
		display: none !important;
	}

.nav_navigations ul.nav_links_ul li.nav-link-parent a{
    font-size: 0.9rem;
    margin-right: 17px;
	}

}


@media(max-width:1015px){
	.nav_navigations ul.nav_links_ul li.nav-link-parent a{
		
    font-size: 0.9rem;
    margin-right: 15px;
	}


}


@media(min-width:992px){
	.h_lg_100{
		height: 100%;
	}
	.lg_flex{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ri_details_box{
	    padding : 20px 40px;
}



.image_logo_small{
	width: 140px !important;
	transition: 0.2s;
}
#image_logo, .header{
	transition: 0.2s;
}

.header_animate{
		transition: 0.2s;
		 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-bottom: 1px solid #dee2e6!important;
}

}

@media(max-width:991px){
    .close_btn{
        display:block !important;
    }
    .tabs_rounded {
    display: flex;
    flex-wrap: nowrap;
}

.tabs_rounded li {
    line-height: 1;
    display: block;
}
		.round-one, .round-four, .round-three, .round-two{
			margin: auto;
			display: flex;
			align-items: center;
			justify-content: center;
			}

		.roundone-text-one, .roundone-text-two , .roundone-text-four, .roundone-text-three{
			position: initial;
		}
   		
   		.bg_contact_image{
   			padding-top: 40px !important;
   			padding-bottom: 40px !important;
   		}

   		.nav_navigations ul.nav_links_ul li.nav-link-parent a{
   			    padding: 10px 20px;
   		}
}

@media(max-width:991px){
	.nav_navigations{
		    position: fixed;
    background: #fff;
    width: 100%;
    top:0px;
    right: -150%;
    max-width: 300px;
    height: 100%;
    overflow-y: auto;
    display: block !important;
    transition: 0.3s;
    z-index: 111;

	}
	.nav_navigations ul.nav_links_ul {
		display: block !important;
		width: 100%;
	}
	.nav_navigations ul.nav_links_ul li {
		display: block !important;
	}
	.nav_navigations ul.nav_links_ul li a{
		display: block ;
		width: 100%;
		margin-right: 0px !important;
	}
	.d-inline-block_md{
	display: inline-block !important;
	width: auto !important;
	margin-left: 10px !important;
}

	.menu_design{
		    font-size: 25px;
    color: var(--blue);
	}

.nav_navigations.open{
right: 0%;
transition: 0.3s;
}

.hover_s .dropdown-menu[data-bs-popper] {
      top: 0px !important;
    left: 0 !important;
    width: 95% !important;
    margin: auto;
    right: 0;
    position: inherit;
}
.view_more a{
    margin-left: 0px !important;
}
}

@media(max-width:767px){
	.main_footer_box{
		display: block !important;
		text-align: center;
	}
	.footer_logo_and_social_media{
		display: block !important;
	}
	.social_media{
		margin-left: 0px;
	}
	.mt_md_4_max{
		margin-top: 1.5rem!important;
	}
}

@media(max-width:600px){
    
    .nav_navigations ul.nav_links_ul li.nav-link-parent a {
    border-top: 1px solid #00000014;
}

.nav_s_box_dropping a {
    border-top: 1px solid #49494929 !important;
}
.nav_s_box_dropping .gap_10 {
    gap: 0 !important;
}
.nav_s_box_dropping {
    background: #0000000a;
    margin-top: -8px;
}
    .heading_first{
        font-size:35px !important; 
    }
    .container-fluid.bg_contact_image.section_py .row {
    height: 313px !important;
    align-items: center;
}
	.d_500_none{
		display: none;
	}
	.background_video video {
    width: 100%;
    height: 396px;
    object-fit: cover;
}

}


@media(max-width:415px){
	.calling_btn_none_415{
		display: none;
	}
}


@media(max-width:500px){
	
	.me_0_500{
		margin-right: 0px !important;
	}
	
}


@media(max-width:460px){

	.tabs_rounded{
		height: 100%;
		width: 100%;
	}
	.tabs_button .nav-pills .nav-link {
    font-size: 16px;
    font-weight: 500;
    padding: 12px 9px;
    color: var(--blue);
    border-radius: 0px !important;
    background: #fff;
    width: 100%;
}

.tabs_rounded li{
		height: 100%;
		width: 100%;
	}

}
	




.close_btn{
    font-size: 28px;
    padding-top: 9px;
    padding-left: 15px;
    color: var(--blue);
}
.box_01.border_hard:hover ,.shadow_hover_effect:hover{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}



.border_hover_warning:hover{
    border:2px solid var(--warning);
}

.project_box:hover .image_b img{
        transform: scale(1.2);
         transition:0.3s;
}

.project_box .image_b img{
         transition:0.3s;
}


/*=================================index_2=========================*/


.hover_blue_button_2{
	    font-size: 15px;
    padding: 8px 18px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:10px !important;
        background: #fff !important;
    color: var(--blue) !IMPORTANT;
    border: 1px solid var(--blue) !important;
}

.hover_blue_button_2:hover{
	color: #fff !important;
	background:var(--blue) !important;
}

.hover_s .dropdown-menu[data-bs-popper]{
    top: 63px;
    left: 0;
    width: 100%;
    max-width: 600px;
    border-radius: 10px;
}



.bg_gray{
	background-color: #f5f5f5;
}

.bg_blue{
	background-color: var(--blue);
}
.background_video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.background_video video{
	width: 100%;
}

.dropping_menu li a{
	margin-right: 0px !important;
}

.font_16_bold_blue{
	font-weight: 600;
    color: var(--blue);
    font-size: 18px;
}

.gap_10{
	    display: grid;
    gap: 10px;
}

.fw_600{
	font-weight: 600;
}
.login_top a i{
	width: 20px;
	height: 20px;
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.heading_text_001{
	       font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom : 0;
}

.set_mob_position{
	position: relative;
	top: 0;
	left: 0;
}

.mobile_slide_ultra_parent{
	display: n;
}
.mobile_slide_01{
	padding: 34px 0px;
}

.product_f_size{
	    font-size: 20px;
    font-weight: 600;
}

.slide_pagination{
	    padding-bottom: 55px;
}

.slide_pagination .swiper-pagination{
	bottom: 0;
}

.slide_pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--blue);
}

.slide_pagination span.swiper-pagination-bullet{
	width: 30px;
    height: 5px;
    border-radius: 0;
}

.font-18{
	font-size: 18px;
}

.map_iframe{
	position: absolute;
	top: 0;
	right: 0;
	    width: 60%;
    height: 100%;
}

.map_iframe iframe{
	width: 100%;
	height: 100%;
}
.bg_gg{
	background-color: #37374a;
    opacity: 0.90;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: block;
}
.banner_ip{
	    background-size: cover;
    background-position: center;
}

.abc_100 h4 {
    font-size: 20px !important;
}

.c_success{
	    color: #005329;
    display: inline-block;
    background: #B8F2D5;
        margin: 0 20px;
    width: auto;
    padding: 5px 25px;
    font-size: 16px;
}

.mt_red{
	margin-top: 35px;
}

.font-25{
	font-size: 25px;
}

.tp-stars{
	    width: 100%;
    max-width: 130px;
    margin: auto;
}

.fill_success{
	    fill: #73cf11;
}
.trust_logo svg{
	    width: 100%;
    max-width: 120px;
}
.fill_success_2{
	fill: #00b67a;
}

.reviews_slide{
	padding: 0px 30px;
}

.reviews_slide .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .reviews_slide .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	content: "";
}


.reviews_slide .swiper-button-prev{
	    height: 100%;
    border: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    left: 0px;
    margin: 0;
}
.reviews_slide .swiper-button-next{
	    height: 100%;
    border: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    right: 0px;
    margin: 0;
}


.reviews_slide .swiper-button-prev i ,
.reviews_slide .swiper-button-next i{
	color: #8c8c8c;
	width: 20px;
	height: 20px;
	font-size: 10px;
	border:1px solid #8c8c8c;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}
.google_testimonals p {
    font-size: 14px;
}

.google_testimonals h4 {
    font-size: 18px;
    margin-top: 8px;
    font-weight: 600;
}

.google_testimonals {
    min-height: 258px;
}

/*	<!-- =======================BRAND SECTION================== -->*/

.brand_sliding img {
    width: 100%;
    height: 107px;
    object-fit: contain;
}

.brand_sliding.border.text-center{
        padding: 10px 0px;
         border-radius: 12px;
}
.brand_slide_box .swiper-button-next::after, .brand_slide_box .swiper-button-prev::after{
	content: "";
}

.brand_slide_box .swiper-button-next i, .brand_slide_box .swiper-button-prev i{
	color: #000;
	font-size: 25px;
}





@media(max-width:991px){
	.gap_10{
	    display: grid;
    gap: 5px !important;
}

.gap_10 li a , .px_heading_991{
       padding: 4px 12px !important;
}

.font_16_bold_blue{
    margin-bottom: 0 !important;
}
}


@media(max-width:600px){
    
    .vir_bo_1 {
        font-size: 27px !important;
    }
    .vir_bo_1::before {
    font-size: 42px !important; 
}
    
	.round-one, .round-four, .round-three, .round-two{
		width: 200px;
    height: 200px;
	}
	.roundone-text-four div, .roundone-text-one div, .roundone-text-three div, .roundone-text-two div{
		    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: 0;
    line-height: 13px;
    font-size: 10px;
    padding: 0;
	}


	.prices-box-price b {
    font-size: 18px;
    line-height: 1em;
    padding: 10px 0;
    display: block;
}


.prices-box-title {
    font-size: 13px;
    margin-bottom: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #edeff1;
}

.price_box{
	padding: 5px !important;
	padding-top: 10px !important;
}

.price_box ul{
	padding-bottom: 1rem !important;
	    padding-left: 16px;
}
.price_box ul li {
    font-size: 11px;
    line-height: 19px;
    margin-bottom: 7px;
}

.prices-box-link .btn {
    min-width: 73%;
    padding: 5px !important;
    font-size: 12px;
}

.sm_100{
	width: 100% !important;
}
.sm_100 .text-end{
	text-align: left !important;
	margin-top: 14px;
}

.heading_text_001, .h2_heading{
	font-size: 20px !important;
}

.sm_100 .d-flex.abc_100{
	margin-bottom: 1rem!important;
}
.sm_100 .abc_101{
	width: 100%;
	justify-content: center;
}

.font-16, .font-14, .kn_o_nav ul li a, .side_contact_details h3{
	font-size: 13px;
}

.px_18 {
    padding-left: 13px;
    padding-right: 13px;
}
.project_box .image_b img{
	height: 100%;
}

}

@media(max-width:500px){
	.round-one, .round-four, .round-three, .round-two{
		    width: 167px;
    height: 167px;
	}
}


@media(max-width:400px){
	.round-one, .round-four, .round-three, .round-two{
		      width: 140px;
    height: 140px;
        box-shadow: inset 0px 0px 72px 6px #08103a;
    transition: 0.4s;
	}
	.roundone-text-four div, .roundone-text-one div, .roundone-text-three div, .roundone-text-two div{
		    font-size: 7px;
		    line-height:11px;
	}
	.set_mob_position .text-center img{
		    width: 30px;
	}
	.w_100_400{
		width: 100% ;
	}
	.mb_4_400{
		margin-bottom: 1rem;
	}
	.reviews_box{
		text-align: left !important;
		margin-bottom: 0.7rem;
		padding-bottom: 1rem;
		border-bottom: 1px solid #dcdce6;
	}
	.tp-stars{
		margin: 0px;
	}
}

@media(max-width:767px){
	.main_footer_box .view_more{
		    display: flex;
    justify-content: center;
    margin-top: 1rem;
	}

	.discover_Section{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.map_iframe{
		position: initial;
		width: 100%;
		height: 400px;
	}
}

@media(max-width:350px){
	.model_text .solar_div svg {
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    padding: 1px;
        position: relative;
    top: 4px;
}
.model_text .solar_div {
    padding: 7px 10px;
    width: 100%;
    max-width: 95%;
    margin: auto;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
}
}


.price_box ul {
    text-align:center;
    list-style-type: none;
}


@media(max-width:500px){
    .price_box ul li:last-child {
    font-weight: 700;
    font-size: 14px;
}

/*.tab_content_slider_01 .swiper-slide {*/
/*    width: 56% !important;*/
/*}*/
}





.helpline {
    position: fixed;
    top: 40%;
    right: -16px;
    -webkit-transform: translate(270px,0);
    -moz-transform: translate(270px,0);
    -ms-transform: translate(270px,0);
    -o-transform: translate(270px,0);
    transform: translate(270px,0);
    z-index:1000;
    }

    .helpline ul {
    padding-left: 0;
}

.helpline ul li a {
    color: #000;
    font-weight: 400;
    display: inline-flex;
}


.helpline ul li .helpline-img {
    margin-right: 10px;
    color: #fff;
    background: #207bbc;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.helpline ul li svg {
    width: 21px;
    height: 22px;
    color: #fff;
}

.helpline ul li a span {
    padding-top: 9px;
}

.helpline ul li {
    display: block;
    margin: 5px;
    background: var(--blue);
    width: 320px;
    text-align: left;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    height: 40px;
}

.helpline ul li:last-child .helpline-img {
    background: #07bd07;
}

.helpline ul li:hover {
    -webkit-transform: translate(-152px,0);
    -moz-transform: translate(-152px,0);
    -ms-transform: translate(-152px,0);
    -o-transform: translate(-152px,0);
    transform: translate(-152px,0);
}

.helpline ul li:last-child {
    background:var(--blue);
}



/*==============footer===============*/

.font-14{
    font-size: 16px;
}

.social_icon_footer ul li a svg{
	    width: 17px;
    height: 17px;
    fill: #fff;
}

.social_icon_footer ul li {
    display: flex;
    align-items: center;
}

.social_icon_footer ul li a{
	padding: 0px 2px !important;
}

.social_icon_footer_box{
	    display: flex;
    align-items: center;
}


.footer_nav_ul li a{
	color: #fff;
        text-underline-offset: 3px;
    display: inline-block;

}

.footer_nav_ul li{
	display: block;
}


.font_s{
	font-size: 18px;
}

.font-12{
	font-size: 13px;
}
.hover_warning:hover, .diraction_m a:hover, .kn_o_nav ul li a:hover, a:hover .side_contact_details h3{
    color:var(--blue) !important;
}

.diraction_m a{
    color: var(--blue) !important;
    font-size: 14px;
    font-weight: 600;
}

.solor_un_box:hover{
		transition: 0.3s;
		transform: translate(0px, -11px);
}

.solor_un_box{
	transition: 0.3s;
}


@media(max-width:767px){
	.d_md_block_max{
		display: block !important;
	}

	.mb_5_px_md{
		    margin-bottom: 5px !important;
	}
	.t_md_center_max{
	    text-align:center !important;
	}
	.solar_box.h-100.p-3.rounded_10.h_lg_100.shadow.border.shadow_hover_effect{
	    min-height:100% !important;
	}
}

.background_video video{
	    height: 100%;
    width: 100%;
    object-fit: cover;
}

.home_slide .swiper-slide{
	height: 520px !important;
}
.mm_logo{
        width: 100%;
    max-width: 90px;
}
  .price_box ul li:last-child {
    font-weight: bold;
}

/*==============================contact-us==============================*/


.font-30{
	font-size: 30px;
}

.color_ss{
	color: #000;
}
.remove_un:hover{
	text-decoration: none !important;
}
.cu_socialmedia a{
	    font-size: 38px;
    margin: 0px 3px;
}
.form_icon{
	width: 45px;
}
.form_icon i{
	color: var(--blue);
}

.border_end_blue{
	border-right: 1px solid var(--blue) !important;
}
.form_br_001:hover{
	border-color: var(--blue) !important;
}

.form_br_001 {
	padding: 3px 0px;
}

/*==========about==============*/

.p_style{
    line-height: 25px;
    margin-bottom: 22px;
}

/*<!-- ================filters-solar-panel=================== -->*/

.image_box_rpl:hover .img_2_hover{
	display: block !important;
}

.img_2_hover{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.hover_blue:hover{
	color: var(--blue) !important;
}
.font12{
	font-size: 12px !important;
}

.rating_fil span i{
	color: var(--warning);
	font-size: 15px;
}
.pb_100{
	padding-bottom: 90px !important;
}

.cart_bttn{
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	width: 100%;
}
.price_save_offer{
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 111;
	padding: 1px 11px;
}

.offcanvas{
	z-index: 1111;
}

.filter_offcanvas{
	    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    background: #fff;
    padding-top: 14px;
    padding-bottom: 14px;
}

.ok_pro_box .col-6.col-md-4.border-end.border-bottom{
	padding: 0px !important;
}

.ok_pro_box .row{
	width: 100%;
	background: #fff;
	margin:auto;
}
@media(max-width:991px){
	.right_box{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
}


@media(max-width:410px){
	.price_box_fil h6{
		font-size: 15px !important;
	}
	.price_box_fil{
		display: block !important;
	}
}

.price_box_fil h6.text-danger{
    color:var(--blue) !important;
}
.staring_001{
        max-width: 48px !important;
    width: 100%;
}
.starrating{
    display:flex;
    align-items:center;
}

.star_icon_0{
    color:var(--warning) !important;
}
.rating_checkbox{
        position: relative;
    top: -2px;
}


.form_filter form{
        padding-bottom: 25px !important;
}

/*====================service==============*/

.romn_box{
	height: 300px;
	position: relative;
}

.bg_g_1{
	background-color: #273a43;
}


.image_anim{
	background: url('../img/panel_x480.png');
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size:auto 260px ;
	background-position : right calc(100% + 35px);
	transition: opacity .2s ease-in-out,background-position .35s ease-in-out;
}
.romn_box:hover .image_anim{
	    background-position: right calc(100% + 15px);
}

.shop_bttn{
	padding:10px 25px;
	color: var(--blue) !important;
	font-weight: 600;
}
.smaller_det_box0{
	    z-index: 11;
    position: relative;
}
.bg_g_2{
	background-color: #968704 !important;
}
.bg_g_3{
	background-color: #26c1ce !important;
}


/* width */
.section_service_boxe .row::-webkit-scrollbar {
  width: 20px;
  display: none;
}

.image_box_em img{
	    width: 110px;
}

.line_h_27{
    
}
.color_blue{
	color: var(--blue) !important;
}

.rows_colom .main_lr_box{
	width: 20.00%;
	padding: 10px;
	background: #fff;
	text-align: center;
}
.rows_colom .main_lr_box .image_logo_col img{
	    width: 100%;
    max-width: 102px;
    height: 55px;
    margin: auto;
        object-fit: contain;
}

.video_m iframe{
	    width: 100%;
    max-width: 800px;
    height: 500px;
    margin: auto;
}
.dot_after{
	position: relative;
}
.dot_after{
	width: 5px;
	height: 5px;
	background: #000;
	border-radius: 100%;
}

.map_bg_img{
	background-image: url('../img/loom_map_1200_600_1200x.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}


.accordion_box .accordion-button:not(.collapsed){
	color: #000 !important;
    background-color: #fff !important;
    box-shadow:none !important;
}




.accordion_box .accordion-button:not(.collapsed)::after{
	    background-image: url("../img/arrow-down-s-line.svg");
    transform: rotate(-180deg);
}

.accordion_box .accordion-button::after {
    background-image: url("../img/arrow-down-s-line-top.svg");
}
.accordion_box .accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow:none;
}

.again_row_accordion_parent{
	height: 370px;
	overflow: hidden;
}
.height_fixed_cn{
	height: 370px;
	overflow-y: auto;
}


@media(max-width:991px){
	.rows_colom .main_lr_box{
	width: 33.00%;
}
.again_row_accordion_parent, .height_fixed_cn{
	height: 100% !important;
}
.map_box_service{
	height: 300px !important;
}
.ntstyle{
	border-right: 0px !important;
	border-bottom: 1px solid #dee2e6!important;
}
}


@media(max-width:767px){
	.section_service_boxe .row{
		flex-wrap: inherit !important;
	}
	.section_service_boxe .row .ms_d{
		    width: 100%;
    max-width: 77%;
	}
	.section_service_boxe .row{
		overflow-x: scroll;
	}


	.rows_colom .main_lr_box{
	width: 50.00%;
}


}




@media(max-width:500px){
	.romn_box{
		height: 200px;
	}
	.em_box{
		display: block !important;
		text-align: center;
	}
	.em_box .image_box_em {
	    margin-right:0px !important;
	        text-align: center;
    margin-bottom: 12px;
	}
}






/*=======================blogs=================*/

.blogs-post-content-title{
	    width: 85%;
}

.blogs-post-content-title .blogs-post-header-text{
	    -o-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e5f0ff;
    box-decoration-break: clone;
    color: #113551;
    display: inline;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.8;
    margin: 0;
    padding: 0.625rem 0.9375rem;
    word-spacing: 0.0625rem;
}
.blog_001{
	width: 95%;
    float: right;
	margin-top: -25px;
}

.profile_blog img{
	    width: 100px;
    height: auto;
    /*border-radius: 100%;*/
    margin-right: 20px;
    object-fit: contain;
}
.blog_001_bottom_c{
	border-radius: 0px 0px 10px 10px;
}
.image_n{
	width:170px;
	height: 100%;
}
.image_n img{
	height:120px;
	object-fit: cover;
	object-position: center;
}
.image_blogs_profile{
	     width: 100%;
    border-radius: 100%;
    object-fit: cover;
    max-width: 100px;
}
.image_box_blogs{
	    width: 15.625rem;
}
.mon_r_01{
	position: relative;
	display: flex;
	align-items: center;
}
.mon_r_01::after{
    content: "";
    flex: 1;
    height: 0.063rem;
    margin-left: 1.25rem;
    width: auto;
	background-color: #ccc;
}

.conern_buttons ul li{
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 20px;
}


.conern_buttons ul li a{
	color: #000;
	background: var(--gray);
	padding: 10px 30px;
	display: inline-block;
}

.conern_buttons ul li a:hover{
	background: var(--blue) !important;
	color: #fff;
}


@media(max-width:767px){
	.blogs-post-content-title .blogs-post-header-text{
		font-size: 2rem;
	}

	.renj .col-md-4 img{
		height: 300px;
	}
	.more_info_box {
		display: block !important;
	}
	.abr, .more_profile{
		text-align: center;
	}

}

@media(max-width:600px){
	.blogs-post-content-title .blogs-post-header-text{
		font-size: 1rem;
	}
	.blog_001{
		width: 100%;
	}
	.blogs-post-content-title {
    width: 100%;
}
.blog_next{
	display: inline-block !important;
}
.image_n{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.image_n img{
	height: 100%;
}
.flex_read_r{
	padding: 22px 22px !important;
	display: block !important;
}
.set_600{
	margin: 0px !important;
}
.set_600 h5, .hel{
	text-align: center;
}
.hel i{
	    transform: rotate(90deg);
    font-size: 27px;
}
.renj .col-md-4 img{
	height: 200px;
}
}


/*====================default=================*/

.default_banner{
	background-image: url('../img/blogs-desktop.webp');
	background-position: bottom;
    background-repeat: no-repeat;
    height: 27rem;
    width: 100%;
	background-size: auto 100%;
	display: flex;
	align-items: center;
}
.blogs-hero-explore-link{
	    background: #fff;
    display: inline-block;
    border-radius: 8px;
}
.blogs-hero-explore-link span{
	    padding: 15px 20px;
    display: inline-block;
}
.blogs-hero-explore-link i{
	padding: 0px 15px;
}

    .slide_box_009 .slide_img_009{
    	max-width: 200px;
    	height: 200px;
    	object-fit: contain;
    }

.rj-next, .rj-prev{
	    width: 30px;
    height: 30px;
    background: var(--blue);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navigations_slider_default {
	padding: 0px 15px;
}
.rj-prev.swiper-button-disabled, .rj-next.swiper-button-disabled{
	opacity: 0.4;
}

.blog_web_box{
	height: 100%;
}

.hover_up{
    transition: 0.3s;
    
    animation:updown 5s linear infinite;
}
.hover_up:hover{
        transition: 0.3s;
   
}

@keyframes updown{
    0%{
         transform: translate(0px, -11px);
    }
    50%{
         transform: translate(0px, 11px);
    }
    100%{
         transform: translate(0px, -11px);
    }
}





@media(max-width:767px){
	.default_banner{
	background-image: url('../img/blogs-mobile.webp');
	display: flex;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	background-size: cover;
}
.box_h_banner h4{
	font-size: 30px;
}.box_h_banner h5{
	font-size: 18px !important;
}
.blogs-hero-explore-link span{
	    padding: 10px 13px;
    display: inline-block;
    font-size: 13px;
}
.blogs-hero-explore-link i{
	padding: 0px 9px;
}
}

@media(max-width:600px){
	.flex_set_img{
		display: block !important;
	}
	.slide_box_009 .slide_img_009{
		    max-width: 100%;
    height: 200px;
    object-fit: cover;
	}
	
	  .looking_itlr_01.mt-3.mb-mt-5.d-flex.align-items-center {
    display: block !important;
}
.about_image_bx img{
    max-width:45% !important;
}
.section_py{
	padding-top: 20px !important;
    padding-bottom: 20px !important;;
}
.video_m iframe{
    height:320px;
}
.accordion_box {
    padding:0 !important;
}
.vir_box{
    margin-bottom: -7px !important;
}
}


.up_down{
    transition: 0.3s;
}
.up_down:hover{
        transition: 0.3s;
    transform: translate(0px, -11px);
}

.blog_web_box:hover, .em_box:hover{
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.price_save_offer.bg-danger{
    background-color:var(--warning) !important;
} 













.wrapper-form{
     width: 100%;
    background: #fff;
    border-radius: 10px;
}
.price-input, .price-input_1 {
    width: 100%;
    display: flex;
    margin: 6px 0 20px;
}
.price-input .field span, .price-input_1 .field span{
    font-size:12px;
}
.price-input .field , .price-input_1 .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field input {
     outline: none;
    font-size: 12px;
    margin-left: 12px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
    width: 100%;
    height: 31px;
    display: inline-block !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ms_12{
   margin-left:12px; 
}
.price-input .separator, .price-input_1 .separator {
  width: 75px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.rangeslider, .rangeslider_1 {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.rangeslider .progress, .rangeslider_1 .progress {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: #17a2b8;
}
.range-input, .range-input_1 {
  position: relative;
}
.range-input input, .range-input_1 input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.fw_800{
    font-weight:800;
}
.fir_colom .line_h_27{
    line-height:25px !important;
}

.mix_controls{
    text-align:center;
}

.tabs__mix .mix_controls button{
       font-size: 15px;
    font-weight: 600;
    margin-left: 9px;
    text-transform: uppercase;
}

.tabs__mix .mix_controls button {
    margin-left: 7px !important;
    padding: 4px 15px;
    background-color: white;
    border-radius: 10px;
}


.hpr_font{
    font-size: 25px;
    line-height: 29px;
    font-weight: 800;
}
.main_pro_c_parent, .bg_cv_img{
    
        background-position: 10% 0%,50% 100%;
    background-repeat: repeat-x,repeat-x;
    position:relative;
    overflow:hidden;
}

.main_pro_c_parent::before, .bg_cv_img::before{
      transform: rotate(180deg);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 26%;
    
    background-position: 10% 0%,50% 100%;
    background-repeat: repeat-x,repeat-x;
}

.top_project_banner{
        padding-top: 100px;
    padding-bottom: 100px;
}

.f_nom{
        font-size: 30px;
    font-weight: 800;
}

.callout__inner {
    padding: 0 10rem;
}

.callout__inner {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 2rem;
    text-align: center;
}
.callout__inner h2{
   font-size: 4rem;
   font-weight:600;
   margin-bottom: 90px;
}
.callout__inner h2 strong{
   font-weight:800;
}
svg.callout__accent{
        position: absolute;
    top: -8rem;
    width: 220px;
    height: 220px;
    right: 0;
}

@media(max-width:1199px){
    .callout__inner h2 {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 90px;
}

.main_tabs_section {
    padding-top: 120px;
}
svg.callout__accent {
    position: absolute;
    top: -3rem;
    width: 110px;
    height: 110px;
    right: 0;
}
}

@media(max-width:991px){
    .orderlg_low{
        order:-1;
    }
}

@media(max-width:767px){
    .leftsideimage{
     display:none !important;   
    }
    .top_bar_content {
    display: flex;
    justify-content: end !important;
}
    .main_tabs_section {
    padding-top: 30px;
}
.callout__inner h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
}

svg.callout__accent {
    position: absolute;
    top: -10px;
    width: 40px;
    height: 40px;
    right: -27px;
}
}


.top_bar_content {
    display: flex;
    justify-content: space-between;
}

.leftsideimage a {
    font-size: 14px;
    color: #fff;
    padding-right: 21px;
}

.main_section span.swiper-pagination-bullet {
    background: #fff;
}
.helpline ul li {
    border-radius: 8px;
    overflow: hidden;
}


.leftsideimage a img {
    margin-right: 8px;
    width: 27px;
    height: 17px;
    object-fit: cover;
    margin-top: 2px;
}

.login_top a i {
 
    font-size: 14px;
}

.contact_top .email_contact i {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 3px;
}

@media(max-width:600px){
    
    .logo_box a img {
    width: 192px;
    object-fit: contain;
    height: 60px;
    object-position: bottom;
}

    .top_project_banner{
    padding-top: 70px;
    padding-bottom: 70px;
}
.contact_top .email_contact i {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 3px;
}


.f_nom{
    font-weight: 800;
}
.tabs_rounded{
    height:100%;
}

.tabs_button .nav-pills .nav-link {
    font-size: 16px;
    font-weight: 500;
    padding: 13px 25px;
    color: var(--blue);
    border-radius: 0px !important;
    background: #fff;
}
}






/*=============mbile_fixed_social_icon_footer=============*/
@media(max-width:600px){
 
}


@media(max-width:400px){
    .round-font{
        font-size:11px !important;
    }
    .adjust_p_01 {
    font-size: 19px;
    margin-top: 7px !important;
    font-weight: 700;
}
}


/*=======================westorn==================*/

.westorn_bg{
    background-image:url('../img/Western Spirit Wind New Mexico Blattner Energy Project Page.webp');
    padding: 100px 0px;
    background-position: center;
    background-size: cover;
    position:relative;
}

.westorn_bg .container{
     position:relative;
     z-index:2;
}

.westorn_bg::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#00000070;
}

.westorn_heading{
        font-size: 55px;
        font-weight:600;
}

.westorn_heading span{
    font-weight:800;
}

.westorn_2{
        padding-top: 60px;
    padding-bottom: 60px;
}
.side_wes_img img{
    width:100%;
}

.side_wes_img {
        width: 100%;
        
        margin: auto;
}

.gallary_items_01 a img{
        width: 100%;
    height: 300px;
    object-fit: cover;
}

.fw_600_imp{
    font-weight:600 !important;
}

.side_l_01p_box_01{
        height: 400px;
    background-color: #000;
    display:flex;
        align-items: center;
    justify-content: center;
    border-radius:10px;
}
.counter_ctr{
        color: #fff;
    font-size: 151px;
    letter-spacing: 11px;
    font-weight: 600;
}

.side_l_01p_box{
    display:flex;
    align-items:center;
        height: 100%;
}
.side_l_01p_box h4{
        line-height: 35px;
}

.slider_box .swiper-pagination{
    text-align:left;
    left: 15px !important;
     width: 35px;
}

.slider_box .swiper-button-prev:after, .slider_box .swiper-rtl .swiper-button-next:after, .slider_box .swiper-button-next:after, .slider_box .swiper-rtl .swiper-button-prev:after{
    content:"";
}

.slider_box .swiper-button-prev{
        top: auto;
    bottom: 0;
    color: #fff;
    background-color: var(--blue);
    width: 39px;
    height: 39px;
    right: 39px;
    left: auto;
    z-indez:100;
}

.slider_box .swiper-button-next{
        top: auto !important;
    bottom: 0;
    color: #fff;
    background-color: var(--blue);
    width: 39px;
    height: 39px;
    border-left: 1px solid;
    right: 0;
    left: auto;
    z-indez:100;
}

@media(max-width:991px){
    .westorn_heading {
    font-size: 35px;
}
.side_wes_img{
    display:none;
}
.side_l_01p_box {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.counter_ctr {
    font-size: 100px;
}

}

@media(max-width:600px){
    .side_l_01p_box_01 {
    height: 220px;
}

.slider_box .swiper-pagination{
      left: 15px !important;
    width: 35px;
    background: var(--warning);
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.counter_ctr {
    font-size: 50px;
}
.side_l_01p_box h4{
    font-size:20px !important;
}

.gallary_items_01 a img {
    height: 220px;
    }
}



.px_heading_991{
       margin-bottom: 10px;
    margin-right: 0px !important;
}

.px_heading_991 h6{
        font-size: 18px !important;
    font-weight: 500;
}

.nav_s_box_dropping ul li a{
     font-size: 17px !important;
     color:gray;
}


.col_mm_box{
    height:100%;
}

.top_project_banner{
        background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}







.social_icon_footer ul{
    display:flex;
    align-items: flex-start;
}

.social_icon_footer ul li a span{
   display: block;
    font-size: 11px;
    color: #fff;
}

.social_icon_footer ul li a span{
     margin: 0px 3px;
}

.social_icon_footer ul li a{
       text-align: center;
}


.col_mm_box i{
        font-size: 50px;
    margin-bottom: 12px;
        color: #ffce4a;
}

.vir_box{
    
    margin-bottom: 15px !important;
}
.vir_bo_1 {
    font-weight: 600;
    font-size: 45px;
    position: relative;
    font-family: Poppins-SemiBold;
}
.image_tittle_box img{
        vertical-align: -webkit-baseline-middle;
            height: 290px;
    object-fit: cover;
}

.tittle_r_de{
    background-color: #fff;
    width: 95%;
    margin: auto;
    border-radius: 10px;
    margin-top: -55px;
    z-index: 9;
    position: relative;
}

.tittle_r_de_child{
    padding: 13px;
    color:#000;
}
.vir_bo_1::before {
    content: attr(hr);
    -webkit-text-stroke: 2px #000000;
    left: 0;
    position: absolute;
    font-size: 80px;
    letter-spacing:1px;
    bottom: 0px;
    -webkit-text-fill-color: transparent;
    opacity: .1;
    z-index: 0;
    width: 100%;
}

.pagintion_box .page-item.active .page-link {
        z-index: 3;
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
}

.tags_rrr li.d-inline-block{
    
    background-color: #e5e5e561;
    color: #000;
    padding: 4px 15px;
    border-radius: 10px;
    /*margin-right: 8px;*/
    font-size: 11px;

}

.pagintion_box .page-link:focus {
      z-index: 3;
    color: var(--blue);
    background-color: #fff;
    outline: 0;
    box-shadow: none;
}
.pagintion_box .page-link {
     color:var(--blue);
}

.col_mm_box h6{
    font-size:20px;
}

.close_items i{
    color: #fff;
    background: var(--blue);
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;

}

.breadcrumb-item {
        color: #000 !important;
}
.breadcrumb-item a{
        color: #000 !important;
}
.projects_parent .image_tittle_box img {
    height: 385px;
}

  div#map_custom_style {
    width: 100%;
    height: 100%;
}

.filter_box .btn:focus{
    box-shadow:none;
}

.pro_header a svg{
    width: 25px;
    height: 25px;
}
.project_tt01 img{
    width:100%;
}

.conern_buttons ul li a{
    font-size:16px !important;
}

@media(max-width:991px){
    .map_project_2 #map_custom_style{
        height:300px;
    }
}

.tittle_r_de{
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.gallary_items_01 a img, .image_colom_c img{
    border-radius:10px;
}
.tittle_r_de_child{
    text-align: center;
    height: 100%;
    min-height: 150px;
}

/* ----------------------------------------------------------------
  Custom CSS
  Add all your Custom Styled CSS here for New Styles or
  Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#page-title {
  padding: 1rem 0 !important;
}
.tab-container {
  margin: 0px !important;
  padding: 0px !important;
}
#page-title h1 {
  /*font-size: 1.5rem;*/
  font-size: 30px;
  font-weight:300;
}
.header-size-md #header-wrap #logo img {
  padding: 5px;
}
.str-box {
  position: relative;
  width: 56px;
  height: 12px;
  float: left;
}
.str-box div {
  position: absolute;
  width: 0%;
  height: 100%;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.short {
  color: #FF0000;
}
.short .str-box.box1 div {
  background: #f6dfc9;
  width: 100%;
}
.weak {
  color: #E66C2C;
}
.weak .str-box.box1 div {
  background: #f4c9a0;
  width: 100%;
}
.weak .str-box.box2 div {
  background: #f4c9a0;
  width: 100%;
}
.good {
  color: #2D98F3;
}
.good .str-box.box1 div {
  background: #f6b578;
  width: 100%;
}
.good .str-box.box2 div {
  background: #f6b578;
  width: 100%;
}
.good .str-box.box3 div {
  background: #f6b578;
  width: 100%;
}
.strong {
  color: #006400;
}
.strong .str-box.box1 div {
  background: #f29d4b;
  width: 100%;
}
.strong .str-box.box2 div {
  background: #f29d4b;
  width: 100%;
}
.strong .str-box.box3 div {
  background: #f29d4b;
  width: 100%;
}
.strong .str-box.box4 div {
  background: #f29d4b;
  width: 100%;
}
.result {
  font-size: 18px;
  font-family: arial;
  width: auto;
  display: block;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-variant: small-caps;
}
.errors ul{
 margin-bottom: 0px !important;
}
.errors li{
  list-style: none !important;
}
.user-img{
  max-height: 150px;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.ajax-msg{
  display: none;
}
#password_section,#verfiy_otp_form,#signup_form  ,#password_section2,#verfiy_otp_form2,#signup_form2{
  display: none;
}
.login #content,.edit-profile  #content ,.change-password #content,.request-form #content,.report #content, .agreement #content{
  background-color: #f5f5f5;
}
#page-title{
  /*background-color: #1ABC9C;*/
      background: linear-gradient(to left, #138496 ,#144877);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  box-shadow: 0 1px 10px rgb(0 0 0 / 15%);
}
#page-title h1 { 
  color: #fff;
}
.breadcrumb a {
  color: #fff;
}
.breadcrumb-item.active {
  color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #fff; 
}
.footer-logo{
  max-height: 90px;
}
.widget  li::before { 
  top: 5px !important;
  color: #000;
  padding-right: 5px;
}
@media (min-width: 992px)
{
  .menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*='col']) {
    width: 285px;
  }
}
@media (min-width: 992px)
{
  .header-size-md .menu-container > .menu-item > .menu-link {
   text-transform: uppercase;
   padding-top: 0; 
     padding-bottom: 0;
 }
}
.sub-menu-container .menu-link div {
  text-transform: uppercase;
}
.side-panel-triggerr .d-lg-block{
  text-transform: uppercase;
}

.portfolio-item .portfolio-image img {
  height: 270px;
}
.w-ind{
  font-size: 10px; 
  color: black;
  position: absolute;
  bottom: -20px;
  left: 187px;
}
.w-ar{
  font-size: 10px; 
  color: black;
  position: absolute;
  bottom: -20px;
  left: 142px;
}
select.currency-selector{
    display:none;
}
.currency-selector{
  top: 34px;
  position: absolute;
  right: 13px;
  height: 38px;
  background: #dddddd;
  border: unset;
  padding: 10px;
}
.report .table{
  background: #f5f5f529;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}





.heading_form h1 {
    font-size: 23px;
    font-weight: 600;
    font-family: Poppins-SemiBold;
}

.form_data_fiels label {font-size: 15px;}

.solarprojects .price_box ul li {
    text-align: left;
    border-bottom: 1px solid #80808014;
    list-style-type: initial;
}

.solarprojects .price_box ul li:last-child {
    border: unset;
}

.solarprojects .price_box ul {
    padding: 0 25px;
    min-height: 393px;
}
.mobilediaplaynone{
    display:none;   
}



@media(max-width:600px){
    .solarprojects .price_box ul li {
    font-size: 16px;
    padding: 8px 0;
}
.design_mobile_wise .col-md-6.mt-5 {
    margin-bottom: 9px !important;
    margin-top: 13px !important;
}

.design_mobile_wise {
    margin-top: -28px;
    margin-bottom: -35px;
}
.prices-box-title {
    font-size: 21px;
}
.prices-box-link .btn {
    min-width: 95%;
    padding: 5px !important;
    font-size: 16px;
}
}

.service_child_box{
    list-style: circle;
    margin-bottom: 9px;
    font-size: 15px;
    text-align: left;
    padding-left: 20px;
}

.tags_rrr li.d-inline-block {
    margin-bottom: 6px;
}
.image_map img{
    object-fit:cover
}
.image_map{
    position:relative;
}
.image_map::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    background-color:#00000054;
    width:100%;
    height:100%;
}

.map_landing_buttons{
        position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.map_landing_buttons a{
        margin-right: 10px;
}

.service_box .nav_link_child_box .tittle_r_de{
    min-height: 200px;
}

.mb_30{
    margin-bottom:30px;
}

.viha_testi_box{
        margin-top: 20px;
        height: 140px;
}

.viha_testi_box span img{
    width:20px;
       
}
.mb_7{
        margin-bottom: 7px;
}

.font_15{
    font-size:15px;
}
.country_testimonals_details{
        padding-left: 19px;
    padding-top: 11px;
}

.slider_testi_dot{
        background: #fff;
    padding: 10px;
    border-radius: 10px;
}
.p_10{
    padding:10px;
}


.blog_front.p_10 p{
        font-size: 15px;
    margin-top: 10px;
}

.social_platforms .vir_bo_1::before, .social_design_rlprb  .vir_bo_1::before{
        font-size: 50px;
}
.social_platforms .vir_bo_1, .social_design_rlprb .vir_bo_1{
    font-size: 30px;
}
.social_box_000001_r ul li a{
        background: #fff;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.07);
    margin-right: 20px;
}

@media(max-width:600px){
    .social_box_000001_r ul li a{
            width: 55px;
    height: 55px;
    margin-right:10px;
    }
    .social_box_000001_r ul li a img{
               width: 20px;
    }
      .prv_box {
            margin-top: 10px !important;
    }
}

@media(max-width:410px){
  .social_box_000001_r ul li a{
            width: 40px;
    height: 40px;
    margin-right:10px;
    }
}

.country_testimonals_details span {
    display:flex;
    align-items:center;
}

.box_cpr .mpm_j h4{
        display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    margin-bottom:10px;
}
.box_cpr img.jp{
        width: 100%;
    max-width: 90px;
}
.box_cpr{
    display:flex;
    margin-top:0.6rem;
}

.box_cpr .mpm_j{
        margin-left: 12px;
}

.brg_list_address li{
        font-size: 13px;
}
.mpm_j p{
        font-size: 13px;
    font-weight: 600;
        margin-top: 3px;
}



/*=====================css_ag==================*/

.login_button img {
    width: 35px;
    height: 35px;
}
.login_button span {
    color: #006169;
    font-size: 17px;
    align-items: flex-end;
    font-weight: 600;
}
.btn_fecebook {
    justify-content: center;
    text-align: center;
}
.btn_fecebook {
      border: 1px solid #006169;
    border-radius: 11px;
    width: 100%;
    padding: 7px 6px;
        display: flex;
    align-items: center;
}
.btn_fecebook:hover {
    background: #f2f2f2;
    transition: 0.3s;
     cursor: pointer;
}
.btn_fecebook span {
    color: #006169;
    font-weight: 600;
    font-size:16px;
}

.google {
    color: #006169;
    border: 0.1rem solid #006169;
    border-radius: 11px;
    padding: 7px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.google:hover {
    background: #f2f2f2;
    transition: 0.3s;
    cursor: pointer;
}
    .google span {
        color: #006169;
        font-weight:600;
        position: relative;
        left: -8px;
    }
    
    .google .google_fecebook{
            display: flex;
    align-items: center;
    }
.google_fecebook img {
        width: 27px;
    height: 27px;
    object-fit: contain;
        margin-right: 13px;
}
.tapes_box {
    text-align: center;
}

.log_box {
    text-align: center;
    background: #f5f5f5;
    color: #767676;
       padding: 7px 10px;
    border-radius: 10px;
}

.log_box button {
    color: #767676  !important;
    font-size: 17px;
    font-weight: bold;
}
.check {
    display: flex;
    justify-content: space-between;
}
.check_book label {
    color: #222;
    font-size: 1.1rem;
    line-height: 2.4rem;
    cursor: auto;
    padding-left: 10px;
    font-weight: 500;
    position: relative;
    left: -8px;
    top: -2px;
}

.btn_fecebook svg {
    margin-right:13px;
}

.input_box input {
       width: 98%;
    padding: 7px 10px;
    border-radius: 9px;
    color: #222;
    border: none;
    border: 1px solid #dedede;
    font-size: 1.0rem;
    font-weight: 500;
}
.log_box button {
    font-size: 14px;
}
.forgot h6 {
    color: #006169;
    font-size: 1.1rem;
}
.aer_box {
    display: block;
    text-align: center;
    line-height: 1.7rem;
    letter-spacing: .06em;
    color: #000;
}
.sign_box button {
   font-weight: 500;
    display: block;
    width: 100%;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
.login {
    display: flex;
    justify-content: space-between;
}
.sing_min_box span {
    color: #006169;
    font-weight: bold;
    font-size: 1.1rem;
}
input.form-control.mt-2 {
    box-shadow: none;
}
.chek_chek span {
    font-size: 15px;
    font-weight: 500;
    color: black;
}

.chek_chek a {
    position: relative;
    left: 16px;
    top: -4px;
    color: #006169;
}
.tapes_box span {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 9px 0px;
    display: block;
    color: black;
}
.min_password h6 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
}
.eamil_box input {
    width: 100%;
    padding: 8px;
    border-radius: 11px;
    border: none;
    border: 1px solid #dedede;
    color: #dedede;
    font-weight: 500;
    font-size: 16px;
}
.eamil_box:hover input {
    transition: 0.2s;
    border: 1px solid #006169;
}
input[type="text"] {
    outline-style: none;
}
.send_box button {
    background-color: #26a868;
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    font-size: 17px;
}
.send_box:hover button {
    background-color: #26a868 !IMPORTANT;
    transition: 0.2s;
}
body{
    font-family: 'Lato', sans-serif;
}
.aer_box span {
    font-size: 1.0rem;
}
input[type="text"]:hover {
    border: 1px solid #222;
    transition: 0.2s;
}
.log_box button {
    font-size: 1.1rem;
}
.sign_box button {
    font-size: 1.2rem;
}
input.form-control.mt-2:hover {
    border: 1px solid #222;
}
.modal-header {
    border-bottom: 0 !important;
}
.tapes_box span {
    font-size: 1.0rem;
    font-weight: 600;
    margin: 9px 0px;
    display: block;
}
.google {
    font-size: 1.0rem;
}



@media (min-width: 576px){
.modal-dialog {
    max-width: 400px;
    margin: 1.75rem auto;
}
.menu_side_ro{
    max-width: 760px;
    margin: 1.75rem auto;
}
}


.footer_l_row .footer_box_1 .footer_nav_heading .vir_bo_1.text-start {
        font-size: 20px;
}.footer_l_row .footer_box_1 .footer_nav_heading .vir_bo_1.text-start::before{
        font-size: 35px;
}

.grv_bt .blogs_box_rtr .blog_front{
        padding-left: 22px;
    padding-right: 22px;
    text-align: center;
}
.grv_bt .blogs_box_rtr h3{
    font-size:35px !important;
    font-weight:500 !important;
}


@media(max-width:767px){
    .grv_bt .blogs_box_rtr h3{
    font-size:25px !important;
    }
}


.wow.fadeIn{
        border: 1px solid var(--blue);
    background: #fff !important;
    color: var(--blue) !important;
}

.wow.fadeIn a span {
    color: var(--blue) !important;
}

.model_text .solar_div:hover{
        background: var(--blue);
    color: #fff !important;
}

.model_text .solar_div:hover svg{
    fill: var(--blue);
    background: #fff;
}


.test_wrapper{
    padding-bottom:40px;
}


.test_wrapper_parent .swiper-pagination{
   bottom:-6px;
}

.ruv_image img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    background: #e0e2e3;
}

.section_01_slider .swiper-button-next:after ,  .section_01_slider .swiper-button-prev:after{
       content: '' !important;
}

.section_01_slider .swiper-button-next, .section_01_slider .swiper-button-prev{
      bottom: 0;
    top: auto;
}

.section_01_slider .swiper-button-next {
    width: 40px;
    height: 40px;
    background-color: var(--blue);
    color: #fff;
    position: absolute;
    left: 53.5%;
    right: 0;
    bottom: 35px;
}

.section_01_slider .swiper-button-prev{
   width: 40px;
    height: 40px;
    background-color: var(--blue);
    color: #fff;
    border-right: 1px solid #fff;
    position: relative;
    left: 50%;
    right: 0;
    bottom: 35px;
}

@media(max-width:991px){
    .section_01_slider .swiper-button-prev{
        left:0;
        bottom: 0;
    }
    .section_01_slider .swiper-button-next{
        left:60px;
        bottom:0;
    }
    .text_f_bx.h_100{
            padding-bottom: 34px;
    }
}

/*.section_01_slider .swiper-button-prev.swiper-button-disabled , .section_01_slider .swiper-button-next.swiper-button-disabled{*/
/*    display:none;*/
/*}*/

/*.blur_background{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    background: transparent;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 8;*/
/*    backdrop-filter: blur(4px);*/
/*    max-width: 150px;*/
/*}*/

.section_01_slider .swiper-pagination{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 30;
    max-width: 150px;
    height: 100px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 54px;
    color:#fff;
}

.ruv_slider{
    position:relative;
}
.mobile_withcountry {
    display: flex;
    padding: 0 3px;
}

.mobile_withcountry select {
    border: 1px solid #dedede;
    border-radius: 9px;
    text-align: center;
    margin-right: 5px;
}

.section_01_slider .mySwiper::before{
    content:"";
        position: absolute;
    top: 0;
    background: transparent;
    width: 100%;
    display:none;
    height: 100%;
    z-index: 23;
    backdrop-filter: blur(4px);
    max-width: 150px;
}

.modal-dialog.set_height{
        height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin: 1.75rem auto !important;
    background: #fff;
    margin-top: 0 !important;
}

.itemformfiled.bg-white.rounded.p-4.shadow{
    box-shadow:none !important;
    padding:10px !important;
}

@media(max-width:350px){
   .contact_top .email_contact i{
       font-size:13px;
       top:2px !important;
   }
    .login_top a i{
        font-size:8px;
        width: 17px;
        height: 17px;
    }
    
   .email_contact a, .call_contact a{
       font-size:13px;
   }
}

@media(max-width:320px){
    .social_box_000001_r ul li a {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.social_box_000001_r ul li a img {
    width: 12px;
}
}

.form_data_fiels .form-group input, .form_data_fiels .form-group select{
        border-radius: 9px !important;
}

.form_data_fiels .form-group input:focus,
.form_data_fiels .form-group select:focus{
           outline: 0px !important;
    border: 1px solid #000;
}
.modal-title{
        margin-bottom: 0;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 600;
}
.close_tag i {
        font-size: 10px;
    margin-left: 16px;
    width: 15px;
    height: 17px;
    background: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.mixitup-control-active{
    color:#fff;
    background-color:var(--blue) !important;
        padding: 4px 15px;
    border-radius: 10px;
}
.tabs__mix .mix_controls button{
    padding: 4px 15px;
}

.blog_front{
    padding-bottom: 90px;
}
.blogs_box_rtr{
    height:100%;
    position: relative;
}

.fiex_ed_bottom{
        position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
}

.top_solar_back_img img{
        height: 400px;
    object-fit: cover;
}
#hover_open{
    display:flex;
}

#hover_open_items{
    display: none;
    top:65px;
}
.hover_s_ser:hover #hover_open_items{
    display:block;
    
}

/*---------------------------------*/

.choose_language{
    color:#fff;
}
.choose_language svg{
    fill:#fff;
    width:20px;
}



.language_tab{
    min-width:13rem;
        padding: 10px;
        top: 5px !important;
}
.language_tab a{
    font-size:10px;
    text-decoration:none;
}
.language_tab h6{
    font-size:13px;
        margin-bottom: -6px;
}
.language_tab img.me-2 {
    width: 25px;
    height: 20px;
}
.language_tabfooter{
    top:13px !important;
}
.blog_box{
    padding-bottom:40px;
}

.top_gray{
        border-top:1px solid #80808036;
}

.content_ad ul li{
        font-size: 14px;
    margin-bottom: 7px;
}
.content_ad p{
    font-size:14px;
}
.font_25{
    font-size:25px;
    font-weight:700;
}

.content_ad ul{
        margin-left: 30px;
}

.mpm_j img{
        width: 100%;
    max-width: 30px;
}
.renj img{
    height:100%;
    object-fit:cover
}

.renj .col-md-4{
    margin-bottom:10px !important;
}

@media(max-width:860px){
    .email_contact{
        display:none;
    }
}
@media(max-width:575px){
    .model_text .solar_div{
                /*min-height: 65px;*/
    font-weight: 600;
    font-size: 16px;
    }
}

.row_overflow{
        flex-wrap: inherit;
    overflow: scroll;
}


.row-minus-solarun .col-6.col-lg-3.mt-4.mb-lg-0{
        padding-left: 5px;
    padding-right: 5px;
}

.row-minus-solarun{
    margin: 0px -5px;
}

.footer_nav_ul li a:hover{
    color:#fff !important;
}

footer .mpm_j a{
    color:var(--blue);
        font-weight: 700;
    font-size: 14px;
}

.content_ad{
        padding: 1.5rem!important;
}

.slider_box_blog_01 .blog_box {
        min-height: 132px;
}
.slider_blog_01 .swiper-wrapper{
        padding-bottom: 50px;
}

.ruv_key_slider{
        display: flex;
    align-items: center;
    margin-top: 35px;
        z-index: 1111111111111;
    position: relative;
}

.project_tt01.border {
    height: 100%;
}

.projects_parent .tittle_r_de{
        min-height: 200px;
}


.slider_project_slr .swiper-wrapper{
    padding-bottom:50px;
}

.slider_testi_dot p.text-center{
        height: 125px;
    overflow: hidden;
}
.project_tt01.border {
    height: 100%;
    border-radius: 13px;
    overflow: hidden;
    box-shadow: 0 0 7px #0003;
}
.project_tt01 img {
    width: 100%;
    height: 179px;
    object-fit: cover;
}

.custom_height_set {
    height: 89% !important;
}

.vir_bo_1::before{
    display:none;
}
.text_f_bx.h_100 {
    position: relative;
}

.text_f_bx.h_100 .view_more {
    position: absolute;
    bottom: 68px;
}

.customheadingssdd {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}



@media only screen and (max-width: 600px) {
 
 
.text_f_bx.h_100 .view_more {
    position: unset;
    bottom: 0;
}
.section_01_slider .swiper-button-next {
    left: 43px;
    bottom: 0;
}

.slider_box_blog_01 .blog_box {
    min-height: 0;
    padding-bottom: 0 !important;
}

}
.footerscusomtheading {
    font-size: 18px;
    position: relative;
    margin-bottom: 0px !important;
    line-height: 0;
    color: #fff;
    display: flex;
    align-items: center;
}
/*.login-type-a {*/
/*    padding:13px;*/
/*    border-radius:10px;*/
/*    background-color:#fff;*/
/*}*/
.renj.row.mb-4 {
    border-bottom: 1px solid #adadad;
    padding-bottom: 17px;
}

.logo_footer_1 img{
        width: 100%;
    max-width: 70px;
    object-fit: contain;
    height: 70px;
}
.container-fluid .container .row .col-lg-12.text-center.mt-4.h_lg_100.mb_30{
    margin-top:0px !important;
}

footer .vir_box{
        margin-bottom: 7px;
}

@media(max-width:600px){
    .vir_box{
        margin-bottom:-7px !important;
    }
}

.wrapper_mida .container{
    position:relative;
        float: none !important;
    padding: 15px !important;
    
}

.container .row .col-lg-12.col-md-12.col-sm-12.col-xs-12 .block-mask{
    width:98.2% !important;
       
}
#map.block-mask{
     position: relative !important;
}
.home_inquary .main_heading{
    width:100% !important;
}

.wrapper_homea {
    margin-left:0px !important;
}

.wrapper_homea .inner-box img{
        width: 100%;
    max-width: 200px;
}



.container .row .col-lg-12.col-md-12.col-sm-12.col-xs-12{
    position:relative;
    overflow:hidden;
       
}

.col-lg-9 .container.testimonial-group .row{
    display:flex !important;
}
.col-lg-9 .container.testimonial-group .row .col-sm-5{
        padding-top: 18px;
}
.main_footer{
    background-color:var(--blue);
}
.footer-logo-img{
        width: 180px;
    height: 180px;
}
.login-type-a li a, .login-type-a li a:hover{
    color:#fff !important;
}
.footer_nav_heading .vvb.social_design_rlprb{
    color:#fff;
    position:relative;
        margin-bottom: 25px;
} 
.footer_nav_heading .vvb.social_design_rlprb::before{
      
            content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    background-color: #fff;
    width: 55px;
    height: 2px;
}
.footer_nav_ul li a i{
    margin-right: 10px;
    font-size: 13px;
}
.footer_nav_ul li a {
    margin-bottom: 5px !important;
}

.blog-cont img{
        width: 60px !important;
    margin-right: 10px;
    height: 58px;
    object-fit: cover;
}

.icn-style i {
        width: 30px !important;
    height: 30px !important;
    border:1px solid #fff;
    background-color: #fff !important;
    color: var(--blue) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100% !important;
}

.icn-style i:hover{
     background-color:var(--blue) !important;
    color:  #fff !important;
    border:1px solid #fff;
}
.rj-1 h4{
    display:flex;
    align-items:center;
    color:#fff !important;
    margin-bottom:6px;
}
.icn-style{
  color: #fff !important;
    display: flex !important;
    align-items: center;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.footer_nav_ul .mpm_j .brg_list_address li{
    font-size:16px !important;
}

.text-rgl .heading-rgl{
        font-size: 20;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5px;
}
.rebl-img{
            width: 100%;
    max-width: 118px;
    max-height: 95px;
    object-fit: contain;
}

.crbl2-2{
        width: 100%;
    max-width: 50px;
    background: whitesmoke;
    padding: 8px;
}
.more-boxes{
    box-shadow:0 .1rem 0.4rem rgba(0,0,0,.15)!important;
}
.table-box-enq tr th, .table-box-enq tr td{
        padding-left:20px;
}
.my-row-01 .col-md-3{    margin-bottom: 25px;}
.my-row-01 .col-md-3 .more-boxes{
          display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
        margin-top: 0px !important;
}
.table-box-enq{
    margin-top:20px;
}

@media(max-width:400px){
.my-row-01 .col-md-3{
    width:100% !important;
}    
}
.no-1{
    width:50px !important;
}
.no-2{
    width:150px !important;
}


#listenquiries tr th, #listenquiries tr td{
           vertical-align: middle;
    border-bottom: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
}
.address-table{
        width: 210px;
}

#listenquiries_wrapper li.paginate_button.active a{
        width: 30px;
    display: inline-block;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blue);
    color: #fff;
    border-radius: 5px;
    margin: 0px 5px;
}


div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    display:flex;
    align-items:center;
}

.clr-tom{
          margin-bottom: 20px;
    border: 1px solid #dee2e6!important;
    border-radius: 10px;
    box-shadow: 0 0 5px #0000000d !important;
}
.clr-tom-child, .clr-bottom-child{
    padding:15px;
}
.clr-bottom-child{
           display: flex;
    align-items: center;
}

.bidder-count-box{
    
}


.py_35{
        padding-top: 35px !important;
      padding-bottom: 55px !important;
}
.bi-h{
    font-size: 18px;
    font-weight: 600;
}
.bid-time-box {
          width: 150px;
    padding: 15px 8px;
    border-radius: 20px;
    background: #fff;
    margin: auto;
    margin-top: -38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bid-time-box h2{
    font-size: 25px;
    font-weight: 600;
    color: var(--blue);
}

.bid-time-box span{    
    position: relative;
    top: -5px;
}
.fnt-25{
    font-size: 25px;
    font-weight: 600;
}
.mt__70{    margin-top: 72px !important;}
.clr-bottom-child a{
    margin-left:15px !important;
}

@media(max-width:575px){
    .clr-tom-child{
        text-align:center;
    }
    .clr-bottom-child{
        display:block !important;
        text-align: center;
}
.clr-bottom-child a {
    margin-left: 0 !important;
    margin-top: 0.5rem !important;
}
.clr-tom-child{
        border-bottom: 1px solid #0000000d;
}
}


.mt_128{
        margin-top: 128px !important;
}
.mt_28{
        margin-top: 26px;
}
.table_height_80{
        height: 80px;
    display: flex;
    overflow-y:auto;
    align-items: center;
    justify-content: center;
}

.table_height_90{
        height: 90px;
    display: flex;
    align-items: center;
    overflow-y:auto;
    justify-content: center;
}

.table_height_100{ 
    height: 100px;
    display: flex;
    align-items: center;
    overflow-y:auto;
    justify-content: center;
}
.table_height_120{
    height: 150px;
    overflow-y: auto;
}
.bottom-fixed-01{
        position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
        z-index: 111111;
}
.space-footer-bottom{
        display: block;
    height: 55px;

}


.cutomtoggleicon {
    margin-right: 27px;
}

.cutomtoggleicon a {
    margin: 0 !important;
}

.cutomtoggleicon {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width:921px){
    #hover_open_items {
    display: none;
    position: unset;
}
    .cutomtoggleicon {
    margin: 0;
}
.mobileclick {
    position: absolute;
}

#hover_open_items.active {
    display: block !important;
}

.hover_s_ser:hover #hover_open_items {
    display: none;
}
    .mobileclick {
    background: #eeee;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    padding: 0;
    line-height: 25px;
    display: block;
    text-align: center;
    margin-left: 13px;
}

.mobileclick i {
    margin: 0 !important;
    padding: 0 !important;
}
}


.testimonal_12 .test_wrapper{
    padding-bottom:0px !important;
}





.blink-css {
  animation: blinkerjk 1.5s linear infinite;
}
@keyframes blinkerjk {
  50% {
    opacity: 0;
  }
}
