/* @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');


@font-face {
    font-family: 'roobertsemibold';
    src: url('../fonts/roobert-semibold-webfont.woff2') format('woff2'),
         url('../fonts/roobert-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} */


@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root{
    --theme-white: #ffffff;
    --theme-green:#354523;
    --theme-ligt-blue:#e1fff3;
    --theme-light-green:#337560;
	--theme-light-yellow:#fff1b6;
	--theme-dark-yellow:#f5d74a;
}

h1, h2, h3, h4, h5, h6 {}

*{margin: 0px;padding: 0px;box-sizing: border-box;}
body, html {width: 100%; height: 100%; font-family: "Lato", serif;scroll-behavior: smooth;}
input, button{
	font-family: "Lato", serif;
}
p {font-size:16px;line-height: 26px;}
a{text-decoration: none;}
.container {max-width:1266px;margin:0 auto;}
.container_wrap {max-width:1266; width:80%; margin:0 auto;}
.container-fluid  {width: 100%; padding-right: calc(1.5rem * .5); padding-left: calc(1.5rem * .5); margin-right: auto; margin-left: auto;}
.main_page {overflow: hidden;}
.main_header {height:70px; padding: 15px; background: #f1f1f100;background: linear-gradient(177deg, rgba(245, 215, 74, 0) 35%, rgb(0 0 0 / 17%) 100%);}
.logo a { color: #fff; font-size: 22px; display: flex; align-items: center; }
.logo a img.me-2 {margin-right:0.5vw; 
width:185px;
    
}
.canvas_close{
	display:none;
}
.menu_button {
    display: none;
}
.topbar-ui .left-side-view {
    /*display: none;*/
}
.language-warrper select {
    padding: 5px 5px;
    /*background-color: #337560a8;*/
    border: 1px solid transparent;
    color: #337560;
    font-size: 12px;
    background: transparent;
    font-family: Arial;
}
.social-links a {
    /*background-color: var(--theme-light-green);*/
    width: 23px;
    text-align: center;
    height: 23px;
    line-height: 23px;
    /*border-radius: 5px;*/
}
.social-links a i {
    color: #fff;
}
.main_header .get_touch {
    display: none;
}
.video-warrper-button {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.main_footer .get_in ul li i {
    margin-right: 3px;
}
.bullet-points {
    display: flex;
    align-items: center;
    grid-gap: 20px;
}
.video-warrper-button .read-more {
    font-size: 0px;
    width: 20px;
    padding: 0;
    height: 20px;
}
.banner_video video { width: 100%;     height: 100vh;
    object-fit: cover;object-position: top center; }
.logo a span { display: inline-block; opacity: 0; }
.header_base { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.menu_nav ul {display: flex;}
.menu_nav ul li { margin: 0 1.3vw; list-style: none; height: 19px; overflow: hidden;  transition: all 0.5s ease;}
.menu_nav ul li a {  color: #fff; font-size: 15px; text-transform: uppercase; position: relative; }
.menu_nav ul li a:after {background: #fff; height: 1px; width: 0%; bottom: 0; position: absolute; content: ''; left: 0; transition: all 0.5s ease;}
.main_page .topbar-ui {border-bottom: 1px solid #ffffff14;}
.get_touch a {
    position: relative;
    transition: all 0.5s ease;
    padding: 12px 30px;
    color: #ffffff;
    border-radius: 25px;
    z-index: 9999;
    border: 1px solid #ffffff;
}
.get_touch a:before {transition:all 0.8s ease; z-index: -1; content: ''; background: #0c0e67; border: 1px solid #0c0e67; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 25px; filter: blur(20px) !important; opacity:0;}
.get_touch a:hover:before { filter: blur(0px) !important; background:#fff;}
.get_touch a:hover {color:#ffffff;}
.main_header { position: absolute; width: 100%; top: 41px; z-index:99999; display: flex; align-items: center; }
.main_page .topbar-ui ul li a {color: #fff;}
.main_page .topbar-ui ul li img {filter: invert(100%);}
.banner_video { position: relative; max-height: 100vh; overflow: hidden; }
.banner_video:before {content: ''; height: 100%; width: 100%; position: absolute; 
/* 	background: #0000002e; */
}
.banner_video .banner_title { position: absolute; bottom: 15%; left: 1.5%; }
.banner_video .banner_title h3 { color: #ffd5a7; font-size: 45px; line-height: 65px; text-transform: uppercase; }
.arrow_middle { 
/* 	display:flex; align-items:center; justify-content:center; position: absolute; z-index: 99; color: #000; bottom: 20px; left: 50%; transform: translate(-50%, 0px); background: #fff; padding: 17px; border-radius: 35px; width: 25px;  */
}
.arrow_middle {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    color: #000;
    background: #fff;
    padding: 17px;
    border-radius: 35px;
    width: 25px;
}
/*.menu_nav ul li a:hover:after {width: 100%;}*/
.menu_nav ul li a > span:nth-last-child(1) { position: absolute; bottom: -18px; left: 0; transition: all 0.5s ease;}
.menu_nav ul li a > span:nth-child(1) { position: relative; top:0px; left: 0; transition: all 0.5s ease;}
.menu_nav ul li:hover a > span:nth-child(1) {top: -18px;}
.menu_nav ul li:hover a > span:nth-last-child(1) {bottom: 0px;}
.main_header.active {z-index:99999; position: fixed; transition: all 1s ease; background: var(--theme-light-green);top:0px;}
.main_page .topbar-ui {position: absolute;top: 0;width: 100%;z-index: 9;}
.main_page.inner_page .topbar-ui {position: relative;background-color: var(--theme-light-yellow);}
/*--banner_bottom-*/
.banner_bottom {padding:3vw 0 !important; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 43%, rgba(245, 243, 239, 1) 100%); align-items: center; display: flex; justify-content: space-between; width: 100%; padding:0; position: relative; overflow: hidden; }
.left_text_about { width: 50%; }
.left_text_about h2 { margin-bottom:20px; font-size:30px;line-height: 1.76640625rem;color: #252422; line-height: 50px; text-transform: uppercase; }

.left_text_about h2 b {font-weight:800;font-size: 36px;}
@media(max-width:1800px) {
	.left_text_about h2{
		font-size:1.563rem;
	}
	.left_text_about h2 b{
		font-size:1.763rem;
	}
}
.left_text_about p { margin-bottom: 30px; color: #252422; }
.unwanted { display: flex; align-items: center; width: 40%; justify-content: center; }
.unwanted span {  font-weight: 400; background: #1f6128; width: 12vw; height: 12vw; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-align: center; text-wrap: nowrap; }
.un_wanted img {
    width: 90%;
    height: auto;
}
.un_wanted {
    text-align: center;
}
.drag_branding {/*position: absolute; top: 50%; left: 50%; transform: translate(200%, -50%); *//*transition: left 0.2s ease, top 0.2s ease; */pointer-events: none;}
.middle_banner { display: flex; width: 80%; margin: 0 auto; justify-content: space-evenly; align-items: center; }
.main_page.inner_page .topbar-ui ul li a {color: #000;}
/*-magical_line*/
.magical_line { width: 100%; height: auto; margin: 0px auto; }
#lineMagical { width: 100%; height: auto; }
#line { width: 100%; }

/*-our_work_sample-*/
.our_work_sample {padding: 3vw;}
.our_work_sample .work_head h2 {transition: color 0.3s ease; color: #000; margin-bottom:1.98vh; font-size: 42px; font-weight: 800}
.our_work_sample .work_head p {transition: color 0.3s ease;color: #000; font-size:22px; font-weight:400; line-height: 32px;}

.grid_projects {margin-top: 70px;}

.middle_project_portfolio .first_column .bottom_line_portfolio {margin: 10px 0 0 0; color: #fff;}
.middle_project_portfolio .first_column .bottom_line_portfolio h3 {margin-bottom: 7px; font-size: 24px; font-weight: 800;}
.middle_project_portfolio .first_column .bottom_line_portfolio p {font-size:18px; font-weight: 300;}

.middle_project_portfolio .first_two .bottom_line_portfolio {margin: 10px 0 0 0; color: #fff;}
.middle_project_portfolio .first_two .bottom_line_portfolio h3 {margin-bottom: 7px; font-size: 24px; font-weight: 800;}
.middle_project_portfolio .first_two .bottom_line_portfolio p {font-size:18px; font-weight: 300;}


.middle_project_portfolio .first_three .bottom_line_portfolio {margin: 10px 0 0 0; color: #fff;}
.middle_project_portfolio .first_three .bottom_line_portfolio h3 {margin-bottom: 7px; font-size: 24px; font-weight: 800;}
.middle_project_portfolio .first_three .bottom_line_portfolio p {font-size:18px; font-weight: 300;}
.middle_project_portfolio .first_three {align-self: end;}
.grid_projects .middle_project_portfolio {display: flex; justify-content: space-between;}

.second_project_portfolio .second_column .second_bottom_line_portfolio {margin: 10px 0 0 0; color: #fff;}
.second_project_portfolio .second_column .second_bottom_line_portfolio h3 {margin-bottom: 7px; font-size: 24px; font-weight: 800;}
.second_project_portfolio .second_column .second_bottom_line_portfolio p {font-size:18px; font-weight: 300;}
.second_project_portfolio .second_two .second_bottom_line_portfolio {margin: 10px 0 0 0; color: #fff;}
.second_project_portfolio .second_two .second_bottom_line_portfolio h3 {margin-bottom: 7px; font-size: 24px; font-weight: 800;}
.second_project_portfolio .second_two .second_bottom_line_portfolio p {font-size:18px; font-weight: 300;}
.second_project_portfolio .second_three .second_bottom_line_portfolio {margin: 10px 0 0 0; color: #fff;}
.second_project_portfolio .second_three .second_bottom_line_portfolio h3 {margin-bottom: 7px; font-size: 24px; font-weight: 800;}
.second_project_portfolio .second_three .second_bottom_line_portfolio p {font-size:18px; font-weight: 300;}
.second_project_portfolio .second_column {align-self: end;}
.grid_projects .second_project_portfolio {display: flex; justify-content: space-between; margin-top: 70px;}

.grid_projects .click_project { opacity: 0; position: fixed; z-index: 9999999999; background: #fff;display: flex; justify-content: center; align-items: center; color: #000; top: 0; width: 150px; height: 150px; border-radius: 50%; font-weight: 400; }
.get_touch_project {display: flex; margin: 70px auto 0; width: 70%}
.get_touch_project .left_work_tog {width: 50%; color: #fff;}
.get_touch_project .left_work_tog h3 {font-size: 26px;line-height: 36px; margin-bottom: 12px}
.call_action { width: 50%; text-align: center; display: flex; justify-content: center; align-items: center; }
.get_touch_project .call_action  a { margin-top: 10px; display: inline-block; color: #fff; text-align: center; width: auto; border: 1px solid #fff; padding: 15px 25px; border-radius: 25px; }
.get_touch_project .left_work_tog p {font-size: 16px; line-height: 26px; margin-bottom: 15px}

/*--Eye Rotation--*/
.eye { position: relative; width: 80px; height: 100px; background-color: white; border-radius: 50%; border: 2px solid #000; display: flex; align-items: center; justify-content: center; }
.pupil { width: 30px; height: 30px; background-color: #000; border-radius: 50%; position: relative; transition: transform 0.1s ease; }
.eye:nth-child(1) { left: 0; top: 0; }
.eye:nth-child(2) { left: 20px; top: 0; }

/*--Slide Word--*/
.slide_word {background: #fff; height: 100vh; display: flex; align-items: center; overflow: hidden; justify-content: center; }
.slide_word h2 { position: absolute; z-index: 2; font-weight: 900; text-transform: uppercase; white-space: nowrap; left: 5%; top:38%; width: 50%; text-wrap: balance;opacity:0; }
.slide_word p { position: absolute; z-index: 2; white-space: nowrap; left: 5%; top:55%; width: 50%; text-wrap: balance; opacity: 0; }
.center_circle {background: #b1a59f; border-radius:15px; position: absolute; z-index: 0;overflow:hidden;}
.center_circle img { position: absolute; object-fit: cover; }

/*--Services Home--*/
.services_home {padding: 70px 0;}
.services_home .service_hm_head {padding:0 3vw;}
.services_home .service_hm_middle {padding:0 3vw; display: flex; justify-content: space-between;}
.services_home .service_hm_middle .serv_hm_left {width: 30%;}
.services_home .service_hm_middle .serv_hm_right {width: 60%;}
.services_home .service_hm_middle .serv_hm_left a { margin-top: 25px; border: 1px solid #ccc; padding: 10px 30px 10px 30px; display: inline-block; border-radius: 25px; color: #fff; background: #000; font-size: 24px; }

.services_home .service_hm_head h2 { transition: color 0.3s ease; margin-bottom: 1.98vh; font-size: 42px;  font-weight: 800; }
.services_home .service_hm_middle .serv_hm_left p { transition: color 0.3s ease; font-size: 36px;  font-weight: 300; line-height: 46px; }
.services_home .service_hm_middle .serv_hm_left h4 {font-size:24px;  font-weight: 400; margin-top: 15px;}
.services_home .service_hm_middle .serv_hm_right ul {margin: 0; padding: 0; list-style: none;}
.services_home .service_hm_middle .serv_hm_right ul li .service_list_branding { display:flex; justify-content:space-between; }
.services_home .service_hm_middle .serv_hm_right ul li .service_list_branding .left_branding_head h3 {font-size: 28px; font-weight: 300}
.services_home .service_hm_middle .serv_hm_right ul li .service_list_branding .right_arrow img {width: 25px;}
.services_home .service_hm_middle .serv_hm_right ul li {margin: 7vh 0; border-bottom: 1px solid #ccc; padding-bottom:4vh}

.powering_section .powering_list ul li h2 {
    font-size: 2.5rem;
    color: var(--theme-light-green);
}
.powering_section .powering_list ul li img{width:60px;margin-bottom: 20px;}
/*-Culture-*/
.culture {padding:70px 3vw; background:var(--theme-light-green); display: flex; justify-content: space-between;}
.culture .left_culture h3 {line-height: 100px; color: #fff; font-size: 80px; text-transform: uppercase; }
.culture .left_culture {display: flex; align-items: center;}


.serv_hm_right .left_branding_head, .serv_hm_right .left_branding_head h3 { position:relative; }
.serv_hm_right .left_branding_head .brand_hide_show {position: absolute; } 
.serv_hm_right .left_branding_head .brand_hide_show { width:180px;height:180px; border-radius:10px; opacity: 0;}



/*--Footer--*/
.ft_main {background:var(--theme-light-green); padding: 70px 3vw;}
.top_ft {display: flex; justify-content: space-between;}
.ft_main .right_top_ft p { font-size:26px; color:#fff; line-height:40px; font-weight: 900;  }
.ft_main .right_top_ft {width: 50%;}
.ft_main .left_top_ft {width: 50%;}
.ft_main .right_top_ft p a {color: #fff; text-decoration: underline;}
.animation_eye {display: flex;}

.menu_footer_bottom {display: flex; justify-content: space-between; margin-top: 15vh}
.menu_footer_bottom .left_ft_menu {width: 35%;}
.menu_footer_bottom .right_ft_menu {width: 65%;}
.left_ft_menu h6 {position: relative; font-weight: 700; font-size: 22px; color: #fff; padding-left: 15px;}
.left_ft_menu h6:before {width:14px; height: 14px; position: absolute; left:-8px; top:7px; content: ''; background: #fff; border-radius: 50%;}

.newsletter_container { margin-top:25px; }
.newsletter_input__vBhaC input {color: #fff; width: 80%; padding: 15px 25px; background: none; box-shadow: none; border: none; border-bottom: 1px solid #ccc; font-size: 18px; }
.newsletter_input__vBhaC input:focus-visible {box-shadow: none; border: none; outline: none;border-bottom: 1px solid #ccc;}
.newsletter_input__vBhaC input:focus {box-shadow: none; border: none;border-bottom: 1px solid #ccc;}
.newsletter_input__vBhaC button {box-shadow: none; background: none; border: none; cursor: pointer;}
.newsletter_input__vBhaC button img {filter: invert(100%) brightness(200%); width: 35px;}
.newsletter_input__vBhaC { display: flex; align-items: center; }
.right_ft_menu {display: flex; justify-content: space-between;}
.right_ft_menu > div {width: 33%;}
.right_ft_menu > div ul {margin: 0px;padding: 0px;list-style: none;}
.right_ft_menu > div ul li { line-height: 36px;}
.right_ft_menu > div ul li a {font-weight: 500; font-size: 16px; color: #fff; position:relative; }
.right_ft_menu > div ul li a:after {height: 1px; width: 0%; background: #fff; content: ''; bottom: -2px; left: 0; position: absolute; transition: all 0.5s ease;}
.right_ft_menu > div ul li a:hover:after {width: 100%;}
.right_ft_menu > div h3 { margin-bottom: 15px; color: #fff; font-size:18px;  text-transform: uppercase; }
.right_ft_menu > div ul li { line-height: 36px;color: #cbc8c8; font-size:18px; }


/*--testimionals_carousel--*/
.testimionals_carousel { padding: 70px 3vw; background:#f5f3ef; }
.testimional_head h5 { text-align: center; transition: color 0.3s ease; margin-bottom: 10px; font-size: 22px;  }
.testimional_head h3 { text-align: center; transition: color 0.3s ease; margin-bottom: 6.98vh; font-size: 34px; }
.carousel_testimional .data_student { background: #fff; padding: 30px; position: relative; margin: 0px 0; border-top-left-radius: 55px; border-bottom-right-radius: 55px; }
.data_student .main_box .rating img { width: 30px; }
.data_student .main_box .rating {margin-bottom: 15px;}
.data_student .main_box .as_slide_image_wrapper { right: 0; position: relative; bottom: 0; margin-top: 25px; }
.data_student .main_box .as_slide_image img { width: 80px; height: 80px; border-radius: 50%; }
.data_student .main_box > p { line-height: 28px; font-size: 18px; color: #000000; margin-bottom:15px; }
.data_student .main_box > strong {position:relative;}
.data_student .main_box > strong:after { background: #000; height: 2px; width: 100%; bottom: -4px; content: ''; position: absolute; left: 0; }
.carousel_testimional .owl-prev span, .carousel_testimional .owl-next span { font-size: 30px; position: relative; top: -2px; color:#000 !important; }
.carousel_testimional .owl-prev { left: 0px; z-index: 9999999; color: #000 !important; opacity: 1; border-radius: 12px !important; background: #fff !important; width: 45px; height: 45px; display: flex !important; align-items: center; left: -60px; justify-content: center; }
.carousel_testimional .owl-next { right: 0px; z-index: 9999999; color: #000 !important; opacity: 1; border-radius: 12px !important; background: #fff !important; width: 45px; height: 45px; display: flex !important; align-items: center; justify-content: center; right: -60px; }
.carousel_testimional .owl-prev, .carousel_testimional .owl-next { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 10px; border-radius: 50%; cursor: pointer; z-index: 1000; }
.testimional_wrap {width:70%; margin:0 auto;}
.testimional_wrap .testimional_circle { position: absolute; width: 20px; /* Circle size */ height: 20px; background-color: #000; /* Circle color */ border-radius: 50%; pointer-events: none; /* Ensure circle doesn’t block mouse events */ transform: translate(-50%, -50%); /* Center the circle on the cursor */ }

.as_slide_image_wrapper .as_slide_image { display: flex; align-items: center; }
.as_slide_image_wrapper .as_slide_image p { font-size: 22px; }
.as_slide_image_wrapper .as_slide_image .client_img { z-index:999;} 


/*--Partnership Logo--*/
.partner_ship {margin:0px;padding: 70px 3vw;}
.partner_ship .main_logos { max-width: 1500px; margin: 0 auto; display: flex; align-items: center; }
.partner_ship .main_logos  h3{margin: 0 !important; transition: color 0.3s ease; margin-bottom: 6.98vh; font-size: 42px;  font-weight: 800; line-height: 56px; text-align: center; }
.partner_ship .main_logos .left_logo {width:40%;}
.partner_ship .main_logos .right_logo ul { margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.partner_ship .main_logos .right_logo ul li { width: 33%; margin-bottom: 20px; }
.partner_ship .main_logos .right_logo {width:55%;}
.partner_ship .main_logos .right_logo ul li img {transition:all 0.8s ease; width:60%; filter:hue-rotate(183deg) saturate(1%) opacity(78%);}
.partner_ship .main_logos .right_logo ul li img:hover {filter:none;}


.left_text_about h2 { /*opacity: 0;  transform: translateY(80px);*/ transition:all 0.5s ease; }
.left_text_about p { /*opacity: 0;  transform: translateY(80px);*/ transition:all 0.5s ease; }
.left_text_about a { /*opacity: 0;  transform: translateY(80px);*/ transition:all 0.8s ease; }
.left_text_about a {font-weight: 600; position: relative; transition: all 0.5s ease;  padding: 12px 30px;
/* 	background: linear-gradient(90deg, rgba(220,86,0,1) 0%, rgba(255,130,0,1) 100%);  */
	background: var(--theme-dark-yellow);
    text-transform: uppercase;
	color: var(--theme-light-green); 
	border-radius: 25px; z-index:9; }
/*.left_text_about a:before { transition: all 0.8s ease; z-index: -1; content: ''; background: linear-gradient(90deg, rgba(220,86,0,1) 0%, rgba(255,130,0,1) 100%);
 width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 25px; filter: blur(20px) !important; }*/
.left_text_about a:hover { color: #fff; }
/*.left_text_about a:hover:before { filter: blur(0px) !important; background: linear-gradient(90deg, rgba(220,86,0,1) 0%, rgba(255,130,0,1) 100%);
 }*/

/*--Our Solutions--*/
.our_solutions { background: #f5f3ef; padding: 2vw 5vw 5vw 5vw ; }
.our_solutions .main_solutions { background: #ffffff3b; padding: 3vw; box-shadow: 0px 27px 58px #e9e9e9; border-radius: 12px; }
.our_solutions .main_solutions .top_head { display: flex; justify-content: space-between; margin-bottom: 2%; align-items: center;}
.our_solutions .main_solutions .top_head .left_solutions_head h3 { margin-bottom: 0; font-size: 30px; line-height: 100%; color: #252422; line-height: 50px; text-transform: uppercase; }
.our_solutions .main_solutions .top_head .left_solutions_head p { margin-bottom: 0; color: #252422;  font-size: 20px; line-height: 30px; font-weight: 300; }
.our_solutions .main_solutions .top_head .add_quote a {font-weight: 600; position: relative; transition: all 0.5s ease;  padding: 12px 30px; background: linear-gradient(90deg, rgba(220, 86, 0, 1) 0%, rgba(255, 130, 0, 1) 100%); color: #fff; border-radius: 25px; z-index: 9;}
.our_solutions .main_solutions .top_head .left_solutions_head { width: 30%; }
.project_conf .grid_project { display: flex; justify-content: space-between; flex-wrap: wrap; }
.project_conf .grid_project .residentail_project {position:relative;overflow:hidden;border-radius: 12px;}
.project_conf .grid_project .residentail_project .pro_img {position:relative;}
.project_conf .grid_project .residentail_project .pro_img:hover img {transform:scale(1.1);}
.project_conf .grid_project .residentail_project .pro_img img {width:100%;border-radius: 12px; transition:all 0.5s ease;}
.project_conf .grid_project .residentail_project .pro_brief { position: absolute; bottom: 20px; left: 20px; z-index: 99; }
.project_conf .grid_project .residentail_project .pro_img:before {transition:all 0.5s ease; border-radius: 12px; content: ''; position: absolute; z-index: 1; width: 100%; height: 99%; background: linear-gradient(179deg, rgb(0 0 0 / 0%) 77%, rgb(0 0 0 / 11%) 35%, rgb(0 0 0 / 134%) 116%); }
.project_conf .grid_project .residentail_project {width:24%;}
.project_conf .grid_project .residentail_project:nth-child(1), .project_conf .grid_project .residentail_project:nth-child(2) {margin-bottom:0%;}
.project_conf .grid_project .residentail_project .pro_brief h3 {font-size: 26px;color: #fff;}
.project_conf .grid_project .residentail_project .pro_img:hover:before { border-radius: 12px; content: ''; position: absolute; z-index: 1; width: 100%; height: 100%;background: linear-gradient(179deg, rgb(0 0 0 / 0%) 77%, rgb(0 0 0 / 11%) 35%, rgb(0 0 0 / 134%) 116%); }


/*--powering_section--*/
.powering_section { padding: 5vw; background:linear-gradient(180deg, rgb(243 241 238) 0%, #fff3e0 104%); }
.powering_section .top_head_powering { display: flex; justify-content: space-evenly; width: 100%; margin: 0 auto;align-items: center;}
.powering_section .top_head_powering .left_powering {width: 30%;}
.powering_section .top_head_powering .left_powering h3 {line-height: 44px; text-align: center; margin-bottom: 10px; font-size: 30px;  color: #252422; text-transform: uppercase; }
.powering_section .top_head_powering .right_powering p { margin-bottom: 0; color: #252422;}
.powering_section .top_head_powering .right_powering {width:50%;}
.powering_section .powering_list ul { margin: 0px; list-style: none; padding: 0; display: flex; justify-content: space-between; }
.powering_section .powering_list ul li { background: #fff; width: 24%; text-align: center; border-radius: 15px; padding: 1vw 0; }
.powering_section .powering_list { margin-top: 2vw; }
.powering_section .powering_list ul li h3 { line-height: 44px; text-align: center; margin-bottom: 0; font-size: 22px; color: #252422; text-transform: uppercase; margin-top: 15px;max-height: 44px; }
.powering_section .powering_list ul li p { color: #252422;  font-size: 20px; line-height: 30px; font-weight: 500; }
.powering_section .powering_list ul li svg { height: 120px; }



/*-our_offering-*/
.our_offering { background: #f5f3ef; padding: 0 5vw 1vw 5vw; }
.our_offering .heading_offering h3 {line-height: 50px; text-align: center; font-size: 30px;  color: #252422; text-transform: uppercase;}
.our_offering .heading_offering {margin-bottom:5%;}
.our_offering .list_offering { display: flex; align-items: center; width: 100%; margin: 40px auto; }
.our_offering .list_offering .left_offer {width:60%;}
.our_offering .list_offering .left_offer img {width:100%;border-radius:25px;    min-height: 450px;
    object-fit: cover;}
.our_offering .list_offering .right_offer { width: 60%; }
.our_offering .list_offering .right_offer > div { width: 90%; float: right; }
.our_offering .list_offering .right_offer > div h3 { line-height: 50px; text-align: left; font-size: 30px; color: #252422; }
.our_offering .list_offering .right_offer > div p { color: #252422; }
.our_offering .list_offering .right_offer > div a { font-weight: 800; position: relative; transition: all 0.5s ease;  padding: 12px 30px; border-radius: 25px; z-index: 9; display: inline-block; margin-top: 15px; }
.our_offering .left_txt.list_offering .right_offer > div { width: 90%; float: left; }
.our_offering .list_offering .right_offer > div h2 { color: #df5a00; font-size: 25px; }
.our_offering .click_project { opacity: 0; position: fixed; z-index: 9999999999; box-shadow:0px 7px 30px #ccc; background: #fff; display: flex; justify-content: center; align-items: center; color: #000; top: 0; width: 150px; height: 150px; border-radius: 50%; font-weight: 400; }



/*--Right Icons--*/
.right_product { position: fixed; top: 448px; margin-top: 0; right: 0; z-index: 99999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.skool-icon { z-index: 999; width: 65px; padding: 0; margin: 0; }
.skool-icon ul { list-style-type: none; padding: 0; }
.skool-icon ul li { list-style: none; background: var(--theme-dark-yellow); width: auto; width: 220px; height: 65px; position: relative; margin: 0 1px 1px 0; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; cursor: pointer; }
.skool-icon ul li a { display: block; position: relative; padding: 15px 0 0 65px; text-transform: uppercase; line-height: 19px; color: var(--theme-light-green); font-size: 14px; font-weight: 400; text-decoration: none; }
.skool-icon ul li.qlCallus a:before { background: url(../images/qlIcon-dex-green.webp) no-repeat 0 0; }
.skool-icon ul li.qlCu a:before { background: url(../images/qlIcon-dex-green.webp) no-repeat -35px 0; }
.skool-icon ul li.qlDl a:before { background: url(../images/qlIcon-dex-green.webp) no-repeat -105px 0; }
.skool-icon ul li:hover { margin-left: -155px; }
.skool-icon ul li a:before { content: ''; width: 35px; height: 35px; position: absolute; left: 15px; top: 15px; }


.main_footer { background: var(--theme-light-green); padding: 0px 0 0px 0; background-size: cover; position: relative; }
.main_footer:before { background: #000000ba; content: ''; width: 100%; height: 100%; position: absolute; z-index: 9; opacity:0;}
.main_footer > .container { position: relative; z-index: 9999; padding: 2vw 0vw 1.5vw; max-width: 1366px; margin: 0 auto; }
.main_footer .get_in h5 {margin-bottom: 22px; color: #ffffff; font-size: 24px; }
.main_footer .get_in ul { margin: 0px; padding: 0px; list-style: none; }
.main_footer .get_in ul li {margin: 18px 0; color: #fff;font-size:15px; }
.main_footer .get_in ul li a {font-size: 15px; color: #fff; text-decoration: none; }
.footer_menu h5 { color: #ffffff; font-size: 24px; margin-bottom: 22px; }
.footer_menu ul { margin: 0px; padding: 0px 0 0 20px; list-style: none; }
.footer_menu ul li { margin: 14px 0; }
.footer_menu ul li a {font-size: 15px; color: #fff; text-decoration: none; position: relative; }
#subscribe_form { margin-top: 150px; }
.footer_form span { color: #ffffff; margin-bottom: 12px; display: inline-block; }
.ft_form { display: flex; flex-wrap:wrap; }
.ft_form input::placeholder{
    color:#ffffff;
}
.ft_form input { margin-right: 0; padding: 14px 20px; background: none; border: 1px solid #ffffff; width: 100%; margin-bottom: 15px; color: #fff; font-size: 18px; border-radius: 25px; }
.ft_form #submit_sub {font-size: 20px; cursor: pointer;  transition: all 0.4s ease-in-out; background:var(--theme-dark-yellow);text-transform: uppercase; border: none; color: var(--theme-light-green); padding: 12px 25px; border-radius: 25px; line-height: 20px; 
/* 	background: linear-gradient(90deg, rgba(220, 86, 0, 1) 0%, rgba(255, 130, 0, 1) 100%); width: 100%;  */
}
.copyright p { color: #ffffff; text-decoration: none; margin-bottom: 0; }
.footer_terms ul { margin: 0px; padding: 0px; }
.footer_terms ul li { list-style: none; display: inline; margin-right: 15px; }
.footer_terms ul li a { color: #ffffff; text-decoration: none; }
.main_middle_ft {display:flex;}
.main_middle_ft .sec_ft {
    width: 48%;
}
.footer_menu {
    padding-left: 40px;
}
.footer_menu ul{
    display: flex;
    flex-wrap: wrap;
}
.footer_menu ul li {
    width: 50%;
}
.copyright {
    margin-top: 25px;
}
.main_middle_ft .first_ft, .main_middle_ft .third_ft, .main_middle_ft .four_ft {width:24%;}
.main_footer .footer_form h5 { color: #ffffff; font-size: 24px;margin-bottom: 22px; }
.main_footer .row.mt-5 {margin-top:5%;}
.copyright, .footer_terms ul li a {}
.copyright p {margin-bottom:25px;}
.main_footer .get_in ul li span {display:block;margin-bottom:15px;}
.main_footer .get_in ul li p {line-height:26px;}
.main_footer a {position:relative;}
.main_footer a:after {position:absolute;background:#fff;width:0%;height:1px;content:'';bottom:-1px;left:0;transition:all 0.8s ease;}
.main_footer a:hover:after {width:100%;}
.culture .culture_vedio video {width:100%;} 
.culture .left_culture {width:48%;}
.culture .culture_vedio {width:48%;}

.footer_terms ul li {
    display: block;
    width: 100%;
}
.footer_terms ul {
    display: block;
}
.footer_terms ul li {
    margin: 0 0 12px;
    font-size: 17px;
}
/*--Contact Us--*/
/*.inner_page {padding-top:70px;}*/
.main_page.inner_page .main_header {position: relative;top:0px;}
.topbar-ui {padding: 10px 15px;}
.main_page.inner_page .main_header.active {position: fixed;}
.left-side-view ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;
}
.left-side-view ul li {margin-right: 14px;color: #000;display: flex;align-items: center;}
.left-side-view ul li img {margin-right: 7px;}
.left-side-view ul li a {color: #000;font-size: 12px;}
.left-side-view ul li:last-child {margin-right: 0px;}
.right-side-view ul li a {color: #000;font-size: 14px;text-transform: uppercase;}
.right-side-view ul {display: flex;align-items: center;list-style: none;margin-bottom:0px;padding-left:0px;}
.right-side-view ul li {margin-right: 35px;color: #000;display: flex;align-items: center;}
.right-side-view ul li:last-child {margin-right: 0px;}
.topbar-warrper {display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;}
.inner_page .main_header {background:var(--theme-light-green);}
.banner_inner {background:var(--theme-ligt-blue);}
.banner_inner .banner_middle_inner { display: flex; justify-content: space-between; align-items: center; }
.banner_inner .banner_middle_inner .banner_left_top { width: 40%; padding: 4rem; }
.banner_inner .banner_middle_inner .banner_right_top {width:60%;}
.banner_inner .banner_middle_inner .banner_left_top h3 { font-size: 30px; line-height: 44px; margin-bottom: 15px; }
.banner_inner .banner_middle_inner .banner_left_top p {color: #252422;font-weight: 400; }
.p-0 {padding:0;}
.banner_inner .banner_middle_inner .banner_right_top img {width:100%;display: block;}
.breadcrumb { width: 100%; padding: 1vw 0; box-shadow:0px 6px 10px #efefef;display:none; }
.breadcrumb .middle_breadcrumb {padding:0 0 0 4rem;}
.breadcrumb .middle_breadcrumb ul { display: flex; list-style: none; gap: 15px;align-items:center; }
.breadcrumb .middle_breadcrumb ul li {}
.breadcrumb .middle_breadcrumb ul li a i {color:#dc5600;}
.main_form_flex .middle_form {display:flex; justify-content:space-between;}
.main_form_flex {padding:60px 0;}
.main_form_flex .address_left { width: 30%; padding: 4rem; background:#de5900; }
.main_form_flex .form_contact { width:70%; background: #f5f3ef; padding: 4vw; }
.main_form_flex .form_contact h3 {color:var(--theme-light-green); font-size: 24px; line-height: 34px; margin-bottom: 15px; }
.main_form_flex .form_contact .main_form input { font-size:18px; border-bottom: 1px solid var(--theme-light-green) !important; width: 100%; padding: 12px 15px; border: none; background: none; }
.main_form_flex .form_contact .main_form .full_input {width:100%; margin-bottom:20px;}
.main_form_flex .form_contact .main_form label { color: var(--theme-light-green); font-size: 18px; line-height: 28px; margin-bottom: 15px; }
.main_form_flex .form_contact .main_form .two_inputs { display: flex; justify-content: space-between; margin-bottom: 20px; }
.main_form_flex .form_contact .main_form .two_inputs .left_inp, .main_form_flex .form_contact .main_form .two_inputs .right_inp {width:48%;}
.form_contact .all_form_field .looking {margin-bottom: 30px;}
.form_contact .all_form_field .looking ul { margin: 0px; padding: 0px; display: flex; justify-content: space-between; }
.form_contact .all_form_field .looking ul li {list-style:none;width:32%;position:relative;}
.form_contact .all_form_field .looking ul li input { width: 100%; height: 100%; opacity: 0; position: absolute; }
.form_contact .all_form_field .looking ul li input[type="radio"]:checked + span { border: 1px solid var(--theme-light-green); background: var(--theme-light-green); color: #fff; padding: 15px 25px; border-radius: 25px; width: 100%; display: inline-block; text-align: center; }
.form_contact .all_form_field .looking ul li span { border: 1px solid var(--theme-light-green); background: #fff; color: var(--theme-light-green); padding: 15px 25px; border-radius: 25px; width: 100%; display: inline-block; text-align: center; }
.main_form_flex .form_contact .main_form input:focus, .main_form_flex .form_contact .main_form input:focus-visible {outline:none;box-shadow:none;border-top:none;border-right:none;border-left:none}

.main_form_flex .address_left h3 {color: #fff; font-size: 24px; line-height: 34px; margin-bottom: 15px;}
.main_form_flex .address_left p {color: #fff;}
.main_form_flex .address_left > ul {margin: 30px 0 0 0; list-style: none; }
.main_form_flex .address_left > ul li {line-height:40px;}
.main_form_flex .address_left > ul li p {line-height:30px;display: flex !important;}
.main_form_flex .address_left > ul li a { color: #fff;  display: flex !important; }
.main_form_flex .address_left > ul li i { font-size: 22px; border: 1px solid #fff; padding: 7px; border-radius: 50%; margin-right: 12px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }
.main_form_flex .address_left > ul li:nth-last-child(2) {margin:15px 0;}
.main_form_flex .address_left > ul li p i { font-size: 22px; border: 1px solid #fff; padding: 7px; border-radius: 50%; margin-right: 12px; width: 75px; height: 50px; display: flex; align-items: center; justify-content: center; }


.social_ft {margin: 30px 0 0 0; list-style: none; } 
.social_ft ul { list-style: none; display:flex; gap:30px;}
.social_ft ul li {margin:0 !important;}
.social_ft ul li i { font-size: 32px; color: #fff;border: none; width: auto; height: auto; }
.main_form_flex .submit_bnt button {cursor:pointer; position: relative; transition: all 0.5s ease;  padding: 14px 40px; background: linear-gradient(90deg, rgba(220, 86, 0, 1) 0%, rgba(255, 130, 0, 1) 100%); color: #fff; border-radius: 35px; z-index: 9; border: none; width: auto; float: right; font-size: 18px; }


/*--Blogs--*/
.our_blog_sections {background:#f5f3ef;padding:70px 0;}
.our_blog_sections .latest_blogs {display:flex; flex-wrap:wrap;  gap:30px;}
.latest_blogs .blog_wrap { width: 31.7%; 
/*display: flex;*/
}
.latest_blogs .blog_wrap .image_blog img { width: 100%; border-top-left-radius: 0; border-top-right-radius: 0;display:block; }
.latest_blogs .blog_wrap .image_blog {position:relative;}
.latest_blogs .blog_wrap .image_blog .posted_date {
    
    position: absolute;
    width: auto;
    top: 14px;
    color: #fff;
    left: 0;
    right: 0;
    background-color: var(--theme-light-green);
    max-width: fit-content;
    padding: 6px 20px;
    font-size: 13px;
}
.latest_blogs .blog_wrap .desc_blog { background: #fff; padding: 1.5vw; box-shadow: 0 3px 30px #ccc; }
.latest_blogs .blog_wrap .desc_blog h3 { line-height: 28px; font-size: 22px; margin-bottom: 12px; }
.latest_blogs .blog_wrap .desc_blog p { text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; margin-bottom: 20px; }
.latest_blogs .blog_wrap .desc_blog a { font-size: 18px; cursor: pointer; transition: all 0.4s ease-in-out; border: none;color: var(--theme-light-green); padding: 12px 25px; border-radius: 25px; line-height: 20px; 
/* 	background: linear-gradient(90deg, rgba(220, 86, 0, 1) 0%, rgba(255, 130, 0, 1) 100%);  */
	background: var(--theme-dark-yellow);
	text-transform: uppercase;
	width: auto; display: inline-block;}
.latest_blogs .blog_wrap .image_blog:before {transition:all 0.7s ease; background:linear-gradient(180deg, rgba(0, 0, 0, 0.16290266106442575) 0%, rgb(0 0 0 / 53%) 100%); content: ''; width: 100%; height: 100%; position: absolute; }
.latest_blogs .blog_wrap:hover .image_blog:before {opacity:0;}


/*--Blog-Banner-Inner--*/
.blog_banner_inner {background:#f5f3ef; padding:2vw 2vw;}
.blog_left_top h3 { font-size: 34px; }
.blog_banner_inner .blog_left_top .backbtn a {font-size:18px;color:#000;}
.blog_banner_inner .banner_middle_inner { width: 68%; background: #fff; padding: 2vw; }
.blog_banner_inner .blog_top_wrapper {display:flex;}
.blog_banner_inner .blog_top_wrapper .sidebar_blog { width: 30%; margin-left: auto; box-shadow: 0 0 30px #ccc; border-radius: 10px; align-self: flex-start; display: flex; }
.blog_banner_inner .blog_top_wrapper .backbtn {margin-bottom:15px;}
.blog_banner_inner .blog_top_wrapper .date_blog {margin-top:15px;}
.blog_banner_inner .blog_left_top .backbtn a i {color:var(--theme-light-green);margin-right:5px;}
.blog_banner_inner .blog_left_top .date_blog span { color: #000;  border: 1px solid #8d8d8d; padding: 7px 15px; border-radius: 25px; display: inline-block; }
.blog_banner_inner .social_share ul { margin: 20px 0 0 0; padding: 0; list-style: none; display: flex; gap: 15px; }
.blog_banner_inner .social_share ul li { list-style: none; } 
.blog_banner_inner .social_share ul li a { color: #000; font-size: 24px; width: 40px; height: 40px; border: 1px solid #ccc; padding: 7px; border-radius: 55%; display: flex; align-items: center; justify-content: center; }
.blog_banner_inner .social_share ul li:nth-child(1) a i {color:#0071b9;}
.blog_banner_inner .social_share ul li:nth-child(2) a i {color:#000;}
.blog_banner_inner .social_share ul li:nth-child(3) a i {color:#3eb3e1;}
.blog_banner_inner .content_blog {margin:15px 0;}
.blog_banner_inner .content_blog p {margin:15px 0; text-align:justify;}
.blog_banner_inner .content_blog img {width:100%;}
.blog_banner_inner .sidebar_blog {background:#fff; padding:1vw;}
.blog_banner_inner .sidebar_blog .blog_recent ul {padding:0px;margin:0px;list-style:none;}
.blog_banner_inner .sidebar_blog .blg_show h4 {font-size:24px;}
.blog_banner_inner .sidebar_blog .blog_recent ul li { transition: all 0.8s ease; display: flex; padding: 20px 20px; border-bottom: 1px solid #ccc; margin-bottom: 0; }
.blog_banner_inner .sidebar_blog .blog_recent ul li .blb_mod { flex-basis: 140px; margin-right: 15px; }
.blog_banner_inner .sidebar_blog .blog_recent ul li .blb_mod img { object-fit: cover; width: 100%; height: 100%; object-position: right; }
.content_excerpt { width: calc(100% - 140px);}
.blog_banner_inner .sidebar_blog .blog_recent {margin-top:25px;}
.blog_banner_inner .sidebar_blog .blog_recent .content_excerpt h5 {line-height: 26px; font-size: 20px;text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; margin-bottom: 12px; }
.blog_banner_inner .sidebar_blog .blog_recent .content_excerpt a { position: relative; color: #000;}
.blog_banner_inner .sidebar_blog .blog_recent .content_excerpt a:after {transition:all 0.8s ease; left:0; background:#000;width:0%;height:1px;content:'';bottom:0;position:absolute;}
.blog_banner_inner .sidebar_blog .blog_recent .content_excerpt a:hover:after {width:100%;}
.blog_banner_inner .sidebar_blog .blog_recent ul li:nth-last-child(1) {border:none;}
.blog_banner_inner .sidebar_blog .blog_recent ul li:hover {background:#eee;}

.our_blog_sections .view_blog { opacity: 0; position: fixed; z-index: 9999999999; background: #fff; display: flex; justify-content: center; align-items: center; color: #000; top: 0; width: 150px; height: 150px; border-radius: 50%; font-weight: 400; }



/*About Page css start*/
.icon-tab-big {
    border-radius: 50%;
    width: 85px;
    height: 85px;
    padding: 10px;
    z-index: 1;
    position: relative;
    background-color: #f5d74a;
    border: 2px solid #357660;
    text-align: center;
    margin-right: 20px;
}
.lists-point-eco-view {
    margin-top: 20px;
	position:relative;
}
.lists-box-ui-main {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px 15px;
	justify-content:center;
}
.distrubuted-section .custom-row {
    grid-gap: 60px;
	    align-items: flex-start;
}
.box-main-creative h5 {
    font-size: 16px;
    font-weight: 400;
}
.box-main-creative {
    padding: 25px 30px;
    background-color: #fff;
    width: 48.7%;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 1px #00000014;
    position: relative;
}
.box-main-creative .counting-ui {
    left: -7px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    top: -10px;
    -webkit-text-fill-color: #ffffff00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #357660;
}
.plus-icon-more {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #357660;
    background-color: #f5d74a;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: -20px auto 0;
    position: absolute;
    bottom: -30px;
}
.plus-icon-more svg {
    fill: #357660;
    width: 30px;
    height: 30px;
}
/* .box-main-creative {
    padding: 15px;
    background-color: #fff;
    width: 48.61%;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 1px #00000014;
} */

.icon-tab-big img {
    width: 100%;
    max-width: 55px;
/* 	    filter: grayscale(1) invert(1); */
}
.left-tab-view ul li a:hover,.left-tab-view ul li.active a{
/* 	background:linear-gradient(90deg,#dc5600 0,#ff8200 100%); */
	background: var(--theme-dark-yellow);
	    color: var(--theme-light-green);
}
#pointer,.milestone ul li:nth-child(4n+4) .left-aerow-area #pointer{display:none}
#pointer,#pointer-1{height:40px;margin:0 auto}
.banner_bottom.white-section{background:#fff}
.section-padding{padding:4vw 0}
.tabs.tab-design-view{display:flex;align-items:flex-start;grid-gap:70px}
.left-tab-view{width:25%}
div#tabs-content{width:75%}
.left-tab-view ul{list-style:none;margin-left:0}
.left-tab-view ul li{margin-bottom:20px}
.left-tab-view ul li.active a{border-color:var(--theme-dark-yellow);border-left:1px solid var(--theme-light-green);}
#pointer-1:after,#pointer:after,#pointer:before{border-top:20px solid transparent;border-bottom:20px solid transparent}
.left-tab-view ul li a{display:flex;font-weight:700;color:#242424;padding:1em;transition:.3s;text-transform:uppercase;border:1px solid #dfdfdf;background-color:#fff;border-left:1px solid var(--theme-dark-yellow);box-shadow:0 0 13px 1px #0000001c;font-size:15px;align-items:center}
.left-tab-view ul li a img{max-width:30px;margin-right:5px}
/* .left-tab-view ul li.active a img{filter:invert(100%)} */
.socail-item a{color:#fff;font-size:20px;display:block;width:40px;height:40px;background-color:var(--theme-light-green);margin-bottom:10px;line-height:40px;border-radius:4px}
.inner-content-data p{color:#252422;margin-bottom:20px}
.inner-content-data h2,.main-title h3{font-size:30px;text-align:left}
.inner-content-data h2{line-height:44px;color:#252422;margin-bottom:20px}
.counter-style-5{padding:50px 20px;border-radius:10px;border:1px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;transition:.8s;z-index:1;color:#fff;text-align:center}
.counter-style-5 .counter{font-size:60px;line-height:60px;font-weight:600;letter-spacing:3px;margin-bottom:10px}
.counter-style-5:after{content:"";height:0;width:100%;background-color:#ff8200;position:absolute;top:0;right:0;z-index:-1;transform-origin:top;transition:.8s}
.timelie_warrper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0px 30px}.counter-style-5:hover:after{height:100%;top:auto;bottom:0;transform-origin:bottom}
span.counter-text{font-family:roobertsemibold}
.timeline_section{background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative;background:linear-gradient(180deg,rgb(243 241 238) 0,#fff3e0 104%)}
.main-title h3{transition:color .3s;margin-bottom:6.98vh}
.team{transition:.3s linear;position:relative;overflow:hidden;padding-bottom:3px}
.team .team-images{background-color:#e6e6e6;text-align:center;position:relative;z-index:0;overflow:hidden;height:297px}
.team-content{padding:1em 0 .8em;text-align:center;position:relative;background:#fff;margin:-30px 0 0;box-shadow:0 0 10px -3px #cec2ab;transition:.5s;float:right;width:100%;max-width:85%}
.team-content-inner a{color:#ee751acc;font-size:20px}
.our-team-warrper .owl-nav button{background:#ee751acc!important;width:43px;height:43px;border-radius:50%;}
.our-team-warrper .owl-nav img{max-width:25px;filter:invert(100%);opacity:1}
.our-team-warrper .owl-nav{    text-align: center;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 15px;
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    margin-top: 0px;}
    .our-team-warrper .owl-nav button.owl-prev {
    position: relative;
    left: -60px;
}
.main-icon-view h2 {
    margin-bottom: 0px;
}
.main-icon-view {
    display: flex;
    align-items: center;
/*     justify-content: space-between; */
    margin-bottom: 20px;
    border-bottom: 1px solid #3576602e;
    padding-bottom: 20px;
}
.our-team-warrper .owl-nav button.owl-next {
    position: relative;
    right: -60px;
}
.left-tab-view ul li a:hover{transform-origin:left}
.team .team-images a{display:block}
.socail-item{position:absolute;top:15px;left:15px}
.milestone{width:80%;margin:0 auto;padding:0}
.milestone ul li{position:relative;margin-top:45px}
.milestone ul li:before{content:"";position:absolute;top:101px;left:51%;width:155px;height:2px;background:var(--theme-light-green);z-index:9999}
.milestone ul li:after{content:"";position:absolute;top:92px;left:49%;border-radius:100px;width:20px;height:20px;background:#fff;border:5px solid var(--theme-light-green)}
#pointer:before,.milestone ul li:nth-child(4n+1) #pointer-1:before,.milestone ul li:nth-child(4n+3) #pointer-1::before{border-left:20px solid var(--theme-light-green)}
.icon img{width:100%;height:100%;object-fit:cover;padding:25px}
.icon{width:90px;height:90px;background:var(--theme-light-green);border-radius:100px;position:relative;margin:58px 0 0 140px}
.icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--theme-light-green);width:110px;height:110px;border-radius:100px}
#pointer-1:after,#pointer:after,#pointer:before,.icon:after{content:"";position:absolute;width:0;height:0}
.icon:after{border-top:10px solid transparent;border-right:20px solid var(--theme-light-green);border-bottom:10px solid transparent;left:-29px;top:35px}
.right-content-area{width:45%;margin-left:auto;position:relative;top:-81px}
.right-content-area .date span{font-size:26px;font-weight:700;margin-top:-25px;display:block;padding-bottom:16px;}
.content-block p{color:#444;font-weight:400;}
.milestone ul{margin:0;padding:0;list-style:none}
.milestone ul li:nth-child(4n+1) .left-aerow-area #pointer-1{top:140px;background:var(--theme-light-green)}
.milestone ul li:nth-child(4n+1) .right-content-area{top:-81px;margin-left:auto;text-align:left;width:45%;position:relative}
.milestone ul li:nth-child(4n+1) .icon{margin:31px 0 0 140px;width:90px;height:90px;background:var(--theme-light-green);position:relative}
.milestone ul li:nth-child(4n+1):before{bottom:-15px;right:32%;background:var(--theme-light-green);top:34px}
.milestone ul li:nth-child(4n+1):after{left:48.5%;background:#fff;border:5px solid var(--theme-light-green);bottom:0;top:20px}
.milestone ul li:nth-child(4n+1) .icon:after{border-right:20px solid var(--theme-light-green);left:-29px;top:35px;transform:rotate(360deg)}
.milestone ul li:nth-child(4n+1) .icon:before{border:1px solid var(--theme-light-green)}
.milestone ul li:nth-child(4n+2) .left-aerow-area #pointer-1,.milestone ul li:nth-child(4n+4) 
.left-aerow-area #pointer-1{top:90px;background:#ee751acc}
.milestone ul li:nth-child(4n+2) #pointer-1:before, .milestone ul li:nth-child(4n+4) #pointer-1:before{border-left:20px solid #ee751acc}
.milestone ul li:nth-child(4n+2) .right-content-area{top:-148px;margin-left:inherit;text-align:right}
.milestone ul li:nth-child(4n+2):before{top:-3px;left:34%;background:#ee751acc}
.milestone ul li:nth-child(4n+2):after{top:-18px;left:48.5%;background:#fff;border:5px solid #ee751acc;z-index:9999}
.milestone ul li:nth-child(4n+2) .icon:after,.milestone ul li:nth-child(4n+4) .icon:after{border-right:20px solid #ee751acc;left:99px;top:35px;transform:rotate(181deg)}
.milestone ul li:nth-child(4n+2) .icon:before,.milestone ul li:nth-child(4n+4) .icon:before{border:1px solid #ee751acc}
.milestone ul li:nth-child(4n+2) .icon{margin:61px 0 0 235px;background:#ee751acc}
.milestone ul li:nth-child(4n+3) .left-aerow-area #pointer-1{top:70px}
.milestone ul li:nth-child(4n+3) .right-content-area{top:-190px}
.milestone ul li:nth-child(4n+3):before{top:-38px;left:51%}
.milestone ul li:nth-child(4n+3):after{top:-52px;left:48.5%;border:5px solid}
.milestone ul li:nth-child(4n+3) .icon{margin:68px 0 0 140px}
.milestone ul li:nth-child(4n+3) .icon:before{border:1px solid}
.milestone ul li:nth-child(4n+3) .icon:after{border-right:20px solid}
.milestone ul li:nth-child(4n+1){margin-top: -15px;margin-bottom: 100px;}
.milestone ul li:nth-child(4n+4) .right-content-area{top:-165px;margin-left:inherit;text-align:right}
.milestone ul li:nth-child(4n+4):before{top:-20px;left:34%;background:#ee751acc}
.milestone ul li:nth-child(4n+4):after{top:-33px;left:48.5%;background:#fff;border:5px solid #ee751acc;z-index:9999}
.timeline_section.section-padding{padding:7vw 0 4vw}
.milestone ul li:nth-child(4n+4) .icon{margin:61px 0 0 230px;background:#ee751acc}
.milestone ul li:nth-child(4n+4){margin-top:2px;margin-bottom:0}
#pointer{width:80px;position:relative;background:var(--theme-light-green);transform:rotate(90deg)}
#pointer:after{left:0;bottom:0;border-left:20px solid #fff}
#pointer:before{right:-20px;bottom:0}#pointer-1{width:170px;position:relative;background:var(--theme-light-green);transform:rotate(90deg);top:150px}
#pointer-1:after{left:0;bottom:0;border-left:20px solid #fcf3e3}
#pointer-1:before {content: "";position: absolute;right: -20px;bottom: 0;width: 0;height: 0;border-left: 20px solid var(--theme-light-green);border-top: 20px solid transparent;border-bottom: 20px solid transparent;}

/*blogs comment form start*/

.comment_form {border-top: 1px solid #ccc;padding-top: 25px;}
.comment-form-title h2 {font-size: 30px;margin-bottom: 20px;}
.form-warrper .form_item {margin-bottom: 20px;}
.form_item label {font-size: 14px;margin-bottom: 10px;display: block;text-transform: uppercase;}
.form_item input {width: 100%;padding: 10px;border: 1px solid #ccc;}
.comment-form-btn button {cursor: pointer;position: relative;transition: all 0.5s ease;padding: 14px 40px;background: linear-gradient(90deg, rgba(220, 86, 0, 1) 0%, rgba(255, 130, 0, 1) 100%);color: #fff;border-radius: 35px;z-index: 9;border: none;width: auto;font-size: 18px;}
.form-warrper .form_item textarea {width: 100%;min-height: 100px;border: 1px solid #ccc;resize:none;}
.form-warrper .form_item ul {list-style: none;}
.form-warrper .form_item ul label {display: inline-flex;align-items: center;margin-bottom: 16px;cursor: pointer;}
.form-warrper .form_item ul input {width: auto;margin-right: 5px;}
.rating-items i.fa-solid {color: #f4ab29;}
.rating-items i.fa-regular {color: #ccc;}
.rating-items span {color: #757575;}


@media only screen and (max-width: 1366px) {
.unwanted { display: flex; align-items: center; width: 50%; justify-content: center; }
.culture .left_culture h3 { line-height: 80px; font-size: 65px; }
.culture .left_culture {width:48%;}
.culture .culture_vedio {width:48%;}
.testimional_wrap { width: 80%;}
.main_footer > .container { max-width: 80%;}
}

/* 
Offering page start */

.slider-warrper-inner .row {
    display: flex;
    align-items: center;
}
.slider-warrper-inner .row .col-12 {
    width: 50%;
}
.box-image-ui img {
    width: 100%;
    height: auto;
	border-radius:15px;
}
.slider-content-ui {
    background-color: #fff;
    box-shadow: 1px 1px 20px 6px #00000033;
    padding: 40px;
    margin-left: -100px;
    border-radius: 10px;
}
.slider-view-offering.second-slider-offering .slider-content-ui{
	 margin-left: 0px;
	 margin-right: -100px;
	position:relative;
}
.slider-view-offering {
    margin: 30px 0px;
}
.slider-view-offering.second-slider-offering .row {
    flex-direction: row-reverse;
}
.box-content-ui-warrper {
    margin-top: 50px;
}
.box-content-ui-warrper .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 20px;
}
.box-content-ui-warrper .row .item-warreper {
    width: 49%;
	    transition: 0.5s;
}
.box-content-ui-warrper .row .item-warreper:hover {
    transform: scale(1.05);
	position:relative;
	z-index:1;
}
.counting-ui {
    font-size: 2.5rem;
    background-image: none;
    line-height: 0.8;
    color: #071e4d;
    -webkit-text-fill-color: #ffffff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #357660;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #357660;
    background-color: #f5d74a;
}
.box-icon-offring {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 20px;
    margin: 0 auto -50px;
    z-index: 1;
    position: relative;
    background-color: #ffffff;
    border: 2px solid #357660;
}
.box-icon-offring img {
    width: 100%;
    max-width: 75px;
}
.box-content-offring {
    text-align: center;
    padding: 75px 30px 30px 30px;
    background-color: #f1f1f1;
    height: calc(100% - 70px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 30px;
    position: relative;
	    overflow: hidden;
}
.box-content-offring h2 {
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    color: #fff;
}
.box-content-offring p {
    text-align: justify;
    position: relative;
    z-index: 1;
    color: #fff;
}
.box-content-offring:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #357660;
    opacity: 0.8;
	transition:0.5s;
}
.item-warreper:hover .box-content-offring:after {
    filter: blur(8px);
    opacity: .9;
	transform:scale(1.1);
}


.four-warrper {
    display: flex;
    grid-gap: 25px;
    margin-top: 30px;
}
.content-box-ui-off {
    width: 25%;
    padding: 30px;
    background-color: #357660;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
	overflow:hidden;
	    transition: 0.5s;
	background-position: center center;
}
.content-box-ui-off:hover{
	transform:scale(1.05);
}
.content-box-ui-off:before {
    content: '';
    background-color: #357660;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    transition: 0.5s;
}
.content-box-ui-off h4 {
    font-weight: 400;
    font-size: 16px;
	position:relative;
}

.more-data-content ul, .more-data-content ol {
    padding-left: 21px;
    margin-bottom: 20px;
	list-style:none;
}

.more-data-content li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    left: -20px;
    top: 3px;
    font-size: 14px;
    color: #357660;
}

.more-data-content h2 {
    margin-bottom: 20px;
}
.more-data-content li:last-child {
    margin-bottom: 0px;
}

.more-data-content .tab-offering-view li:before {
	display:none;
}
.solutions-warrper {
    display: flex;
    align-items: flex-start;
    grid-gap: 25px;
    margin-bottom: 30px;
}
.leading-section {
    display: flex;
}
.leading-card-top {
	padding: 10px 20px;
	background-color: #f5d74a;
	text-align: center;
	font-size: 20px;
	color: #fff;
	position: relative;
}
.leading-section .leading-card:nth-child(odd) .leading-card-top:after {
    border: 20px solid #357660;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.leading-section .leading-card:nth-child(odd) .leading-card-top {
    background-color: #357660;
}
.leading-section .leading-card:last-child .leading-card-top:after{
	display:none;
}
.leading-section .leading-card:last-child .leading-card-bottom {
    border-right: 0px;
}
.leading-card-bottom {
    padding: 25px;
    background-color: #fff;
    border-right: 1px solid #f0e9e9;
    height: calc(100% - 56px);
    box-shadow: 0px 0px 11px 0px #0000000a;
}
.leading-card-top:after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
	right: -19px;
	top: 8px;
    transform: rotate(45deg);
    z-index: 9;
    content: "";
    position: absolute;
    bottom: 0;
    border: 20px solid #f5d74a;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.leading-card-bottom p {
    font-size: 18px;
}
.our_offering .list_offering .left_offer.size-ratio-change-image {
    text-align: center;
}
.our_offering .list_offering .left_offer.size-ratio-change-image img {
    min-height: auto;
    width: 80%;
}
.box-image-ui video {
    width: 100%;
    height: 100%;
    min-height: 435px;
    object-fit: cover;
    border-radius: 10px;
	object-position: right;
}
.leading-card {
    width: 25%;
}
.leading-section.second-box {
    margin-top: 30px;
    margin-bottom: 30px;
}
.data-ui-solutions {
    text-align: center;
}
.images-solutions {
    width: 50%;
}
.images-solutions img {
    width: 100%;
    display: block;
    border-radius: 20px;
}
.type-two-ui {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 34px;
    grid-gap: 25px;
}
.type-one {
    width: 50%;
}
.icon-image {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 20px;
    margin: 0 auto -50px;
    z-index: 1;
    position: relative;
    background-color: #ffffff;
    border: 2px solid #357660;
}
.icon-image img {
    max-width: 75px;
}
.icon-title {
    text-align: center;
    padding: 75px 30px 30px 30px;
    background-color: #357660;
    height: calc(100% - 70px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 30px;
    position: relative;
}
.icon-title h2 {
    color: #fff;
    margin-bottom: 0px;
}
.type-two {
    width: 50%;
}
.center-type {
    text-align: center;
    margin-bottom: 30px;
}
.more-data-content li {
    margin-top: 15px;
	position:relative;
}
.more-data-content h5 {
    font-size: 18px;
    font-weight: 500;
	    margin-bottom: 15px;
}
.more-data-content p {
    margin-bottom: 10px;
}
.more-data-content h3 {
    margin-bottom: 15px;
}
.tab-offering-view ul {
    padding-left: 0px;
}
.tab-offering-view {
    margin: 40px 0px;
}
.tab-offering-view .inner-content-data table td {
    border: 1px solid #ccc;
    padding: 10px;
}
.tab-offering-view .inner-content-data table{
	width:100%;
	border-collapse: collapse;
	margin-bottom:25px;
}
.more-data-content .left-tab-view ul li {
    margin-top: 0px;
}
.tab-offering-view h4 {
    margin-bottom: 20px;
}
.listing-items {
    padding-bottom: 0;
    margin-bottom: 60px;
    border-bottom: 1px solid #cccccc91;
}
.listing-warrper .listing-items:last-child {
    margin-bottom: 0px;
    border-bottom: 0px;
}


/*invester relation css start*/

.left-side-view-invester {
    width: 40%;
}
.full-row {
    display: flex;
    align-items: center;
    grid-gap: 70px;
	background-color: #f5f3ef;
}
.right-side-view-invester p:last-child {
    margin-bottom: 0px;
}
.right-side-view-invester {
    width: 60%;
    padding: 25px 35px;
}
.left-side-view-invester img {
    width: 100%;
    height: auto;
    display: block;
}
.top-view {
    text-align: center;
    padding: 50px 0px;
    max-width: 1060px;
    margin: 0 auto;
}
.main-warrper-view .full-row:nth-child(even) {
	background: #f5f3ef;
    border-top: 1px solid #80baa8;
    border-bottom: 1px solid #80baa8;
}
.right-side-view-invester h2 {
    margin-bottom: 20px;
    font-size: 32px;
}
.right-side-view-invester p {
    margin-bottom: 10px;
}
.Investor-warrper h2 {
    margin-bottom: 20px;
    font-size: 32px;
}
.Investor-warrper {
    text-align: center;
    padding: 0px 0px 50px;
}
.investor-relations-section {
    padding: 100px 0px;
}
.about-us-powering-section.powering_section .top_head_powering .left_powering {
    width: 20%;
}
.about-us-powering-section.powering_section .top_head_powering .right_powering {
    width: 80%;
    padding-left: 40px;
}
.about-us-powering-section.powering_section .top_head_powering .right_powering p:last-child {
    margin-bottom: 0;
}
.about-us-powering-section.powering_section .top_head_powering .right_powering p {
    margin-bottom: 10px;
}
/*Invester accordion start*/

.accordion-container .accordion-title {
    position: relative;
    margin: 0;
    padding: 1rem 1.25rem;
    background-color: var(--theme-dark-yellow);
    font-size: 1.25em;
    font-weight: normal;
    color: var(--theme-light-green);
    cursor: pointer;
    margin-bottom: 10px;
}
.accordion-title.js-accordion-title.open {
    margin-bottom: 0px;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open { 
  background-color: var(--theme-light-green);
	color:#ffffff;
}
.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 25px;
  right: 25px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: var(--theme-color-green);
}
.accordion-container .accordion-title.open::after {
  content: "";
  position: absolute;
  top: 15px;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}

/*CSS for CodePen*/

.accordion-content {
    padding: 1rem 1.25rem;
    display: none;
    background-color: #edeaea14;
    border: 1px solid #ccc;
}
.box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 15px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
    margin-bottom: 15px;
}
.ct-data-click i {
    color: var(--theme-light-green);
}
.eco-title h2 {
    text-align: center;
    font-size: 30px;
    color: #252422;
    text-transform: uppercase;
}
.graphical-image {
    margin-top: 35px;
}
.graphical-image img {
    width: 100%;
    height: auto;
}
.Financing-title.eco-title h2 {
    text-align: left;
	 padding-bottom: 15px;
}
.Financing-title.eco-title {
	    border-bottom: 1px solid #ccc;
    padding-bottom: 24px;
	margin-bottom:35px;
}

.custom-row {
    display: flex;
    grid-gap: 100px;
align-items: center;
}
.left-side-eco {
    width: 50%;
}
.right-side-eco {
    width: 50%;
}
.image-right-side {
padding-left: 20px;
    position: relative;
	padding-top: 15px;
    
}
.aboutplus-icon-more a {
    display: inline-block;
}
.image-right-side img {
    width: 100%;
    height: auto;
    border-radius: 0px 0px 0px 0px;
}
.eco-system-content h2 {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 15px;
}
.eco-system-content ul li{
	margin-bottom:15px;
/* 	font-size:18px */
	    position: relative;
}
.eco-system-content ul li:last-child {
    margin-bottom: 0px;
}
.eco-system-content ul {
    list-style: none;
    padding-left: 21px;
}
.eco-system-content ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    left: -20px;
    top: 3px;
    font-size: 14px;
    color: #357660;
}

.eco-system-content h4{
	margin:10px 0px;
	font-size:20px
}
.distrubuted-section.section-padding {
    background-color: #f5f3ef;
}
.lists-point-eco {
    margin-top: 35px;
}
.lists-point-eco ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 18px 15px;
}
.lists-point-eco li {
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    padding: 15px;
    transition: all 0.3s ease-in-out;
    width: 47%;
    
    font-weight: 600;
}
.lists-point-eco li i {
    margin-right: 5px;
}
.lists-point-eco li:hover i {
    color: #ffffff;
}
.lists-point-eco li:hover {
    background-color: var(--theme-green);
    color: #ffffff;
}
.eco-system-content span {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    color: var(--theme-light-green);
}
.image-right-side:before{
        background-image: url(../images/squre-bg-img.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    content:'';
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.powering_list_new ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    grid-gap:25px;
}
.powering_list_new ul li {
    width: 25%;
}
.item--featured_inner img {
    width: 100%;
    border-radius: 30px 30px 0px 0px;
        display: block;
}
.item--featured_inner {
    position: relative;
    padding-bottom: 45px;
    background-color: #fff;
    border-radius: 30px 30px 0px 0px;
}
.energy-warrper {
    background-color: #fff;
    position: relative;
    padding: 35px 25px 20px;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
}
.energy-warrper h3 {
    font-size: 24px;
}
.pxl-item-icon {
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
    border-radius: 50%;
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.pxl-item-icon img {
    max-width: 52px;
}
.energy-warrper h3 {
    font-size: 24px;
}
.powering_list_new {
    padding-top: 50px;
}
.eco-system_section .left-tab-view ul li a img {
    margin-right: 10px;
}
.eco-system_section .left-tab-view ul li a {
    line-height: 22px;
}

@media (max-width:1666px) {
    
    .powering_section .top_head_powering .right_powering p br{
        display:none;
    }
}


/*Life at css*/

.heading-ui {
    margin-bottom: 20px;
}
.heading-ui h3 {
    border-left: 5px solid #357660;
    font-size: 24px;
    padding-left: 1.5rem;
}
.life-three-box {
    display: flex;
    grid-gap: 20px;
}
.item-data-life {
    padding: 45px;
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 33.33%;
	transition:0.5s;
	position:relative;
	    overflow: hidden;
}
.life-div h3 {
    margin-bottom: 25px;
    color: #fff;
}
.life-div p {
    color: #fff;
}
.top-view.heading-ui {
    text-align: left;
}
.life-view-ui {
    margin-top: 40px;
}
.life-div {
    text-align: left;
    position: relative;
}
.item-data-life:hover:before {
    background-color: #357660;
    opacity: 0.8;
}
.top-view.life-three-box.two-box-ui .item-data-life:last-child {
    width: 70%;
}
.top-view.life-three-box.two-box-ui .item-data-life:first-child {
    width: 30%;
}
.top-view.life-three-box.two-box-ui .item-data-life:first-child:before {
    background-color: #357660;
    opacity: 1;
}
.top-view.life-three-box.two-box-ui {
    padding: 30px 0px;
}


.item-data-life:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    opacity: 0.5;
}
.top-view.life-at h2 {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 44px;
}
.read-more {
    font-weight: 600;
    position: relative;
    transition: all 0.5s ease;
    
    padding: 12px 30px;
/*     background: linear-gradient(90deg, rgba(220, 86, 0, 1) 0%, rgba(255, 130, 0, 1) 100%); */
        background: var(--theme-dark-yellow);
    text-transform: uppercase;
    color: var(--theme-light-green);
    border-radius: 25px;
    z-index: 9;
    display: inline-block;
}
.cmp-teaser {
    margin-top: 60px;
}
.top-view.life-at p {
    margin-bottom: 15px;
        text-align: left;
}
.read-more.career-btn {
    margin-top: 20px;
}

.teaser-thumbnail {
    position: relative;
}
.teaser-thumbnail:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 50%, rgba(0, 0, 0, 0.9164040616246498) 100%);
    position: absolute;
    opacity: 1;
}
.teaser-thumbnail img {
    width: 100%;
    height: auto;
	    min-height: 420px;
    object-fit: cover;
}
.teaser-content {
    position: absolute;
    bottom: -100%;
    padding: 22px;
    left: 0;
    width: 100%;
	transition:0.5s;
}
.item-inner-view:hover .teaser-content {
    bottom: 0;
}
.item-inner-view {
    cursor: pointer;
}
.teaser-content h3 {
    color: #fff;
    margin-bottom: 10px;
    padding: 10px 20px;
    border-left: 3px solid #ee751a;
    text-transform: uppercase;
}
.teaser-content p {
    color: #fff;
    font-size: 16px;
}
.Diversity-section.section-padding {
    padding-top: 0px;
}
.top-view.life-at ul {
	text-align: left;
	margin-bottom: 30px;
}
.life-section .top-view h4 {
    margin-bottom: 15px;
    border-left: 5px solid #357660;
    font-size: 24px;
    padding-left: 1.5rem;
    text-align: left;
}
.top-view.center-design-ui #tabs-content {
    width: 28rem;
    border-radius: 0 3rem 0;
    padding: 2rem;
    background-color: #357660;
    margin: 0 auto;
    min-height: 200px;
}
.center-design-ui ul {
    list-style: none;
}
.life-section .top-view.center-design-ui {
    padding: 100px 0px 100px;
    position: relative;
}
.top-view.life-at.center-ui {
    margin-top: 25px;
}
.top-view.life-at.center-ui p {
    text-align: center;
}
.top-view.center-design-ui #tabs-nav li a img {
    max-width: 55px;
    margin-left: 15px;
}

.top-view.center-design-ui .tabs {
    position: relative;
    max-width: 448px;
    margin: 0 auto;
}
.top-view.center-design-ui #tabs-nav li {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease-in-out
}
.top-view.center-design-ui #tabs-nav li:nth-child(1) {
    top: -20px;
    left: 50%;
    width: 70%;
    transform: translate(-50%, -100%);
}
.top-view.center-design-ui #tabs-nav li:nth-child(2) {
	top: 10%;
	left: 0;
	transform: translate(-120%, 0);
}
.top-view.center-design-ui #tabs-nav li:nth-child(3) {
	top: 65%;
	left: 0;
	transform: translate(-120%, 0);
}
.top-view.center-design-ui #tabs-nav li:nth-child(4) {
	bottom: -20px;
    left: 50%;
    width: 70%;
    transform: translate(-50%, 100%);
}
.top-view.center-design-ui #tabs-nav li:nth-child(5) {
    top: 65%;
    right: 0;
    transform: translate(112%, 0);
}
.top-view.center-design-ui #tabs-nav li:nth-child(6) {
top: 10%;
    right: 0;
    transform: translate(120%, 0);
}
.top-view.center-design-ui #tabs-content p {
    color: #fff;
}
.top-view.center-design-ui #tabs-content h2 {
    color: #fff;
    margin-bottom: 20px;
}

.top-view.center-design-ui #tabs-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.main-image-lifebox img {
    width: 100%;
    height: auto;
}
.overlap-content-life{
	background: #fff;
	box-shadow: 0 0 24px rgba(0, 0, 0, .4);
	position: relative;
	width: 80%;
	margin: 0 auto;
	padding: 25px;
	margin-top: -11%;
}
.top-view.life-at ul li {
    margin-bottom: 15px;
    font-size: 16px;
}
.life-section .top-view.life-at.overlap-content-life {
    padding: 50px;
    max-width: 775px;
    margin-bottom: 50px;
    border-radius: 10px;
}
.top-view.center-design-ui #tabs-nav li:nth-child(6) img, .top-view.center-design-ui #tabs-nav li:nth-child(5) img {
    margin-left: 0;
    margin-right: 15px;
}
.top-view.center-design-ui #tabs-nav li a {
    font-size: 18px;
    color: #357660;
    display: flex;
    align-items: center;
    font-weight: bold;
}
.main-image-lifebox img {
    width: 100%;
    height: auto;
}
.career-page {
    margin-top: 40px;
}
.career-page img {
    width: 100%;
    height: auto;
}
.career-job {
    background: #fff;
    box-shadow: 0 0 24px rgba(0, 0, 0, .4);
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding: 25px;
    margin-top: -11%;
}
.Career-title h3 {
color: var(--theme-light-green);
    border-bottom: 2px solid var(--theme-light-yellow);
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase;
}

.career-job table {
    width: 100%;
    border-collapse: collapse;
}
.career-job table th {
    border: 1px solid #ccc;
    padding: 15px 15px;
	text-align:left;
	
}
.career-job table td {
    border: 1px solid #ccc;
    padding: 10px 15px;
}
.career-job table td:last-child {
max-width: 130px;
    min-width: 130px;
}
.main_page.inner_page {
}
.item-data-field.full-row-view textarea.input-field {
    max-height: 35px;
    resize: none;
    font-size: 18px;
    border-bottom: 1px solid var(--theme-light-green) !important;
    width: 100%;
    padding: 0px 15px 10px;
    border: none;
    background: none;
}
.item-data-field.full-row-view {
    width: 100%;
    margin-bottom: 0px;
}
.page-id-57 .modal{
	z-index: 99999;
}

.item-data-field input.input-field:focus-visible {
    outline: none;
}
.custom-row-data {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
}
.item-data-field {
    margin-bottom: 10px;
}
.single-row {
    width: 100%;
}
.item-data-field label {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    display: inline-block;
}
.item-data-field input.input-field {
    font-size: 18px;
    border-bottom: 1px solid var(--theme-light-green) !important;
    width: 100%;
    padding: 0px 15px 10px;
    border: none;
    background: none;
}
.double-row {
    width: 48.9%;
}
.input-field-file {
    display: block;
    margin-top: 20px;
    font-size: 16px;
}
.submit_bntton{
    cursor: pointer;
    position: relative;
    transition: all 0.5s ease;
    padding: 14px 40px;
    background: linear-gradient(90deg, rgba(220, 86, 0, 1) 0%, rgba(255, 130, 0, 1) 100%);
    color: #fff;
    border-radius: 35px;
    z-index: 9;
    border: none;
    width: auto;
    font-size: 18px;
}

/*Contact start css*/

.top-view.contact-us h2 {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 44px;
}
.inner-box-contact {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
    max-width: 1160px;
    margin: 0 auto;
}
.contact-box {
    box-shadow: 0 3px 15px rgba(12, 12, 12, 9%);
    padding: 30px;
    border-radius: 10px;
}
.meta-box {
    display: flex;
    align-items: center;
}
.icon-box {
    overflow: hidden;
    width: 70px;
    height: 70px;
    min-width: 70px;
    max-width: 70px;
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    background-color: var(--theme-light-green);
}
.icon-box i {
    font-size: 30px;
    color: #fff;
}
.contact-details {
    margin-top: 20px;
}
.contact-details a {
    font-size: 18px;
    color: #000;
    display: inline-block;
}
.page-id-57 .main_page.inner_page {
}
.contact-section {
    padding-bottom: 4vw;
}
.google-map iframe {
    width: 100%;
    height: auto;
    min-height: 450px;
    display: block;
}
.main-title.looking-for h2 {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 44px;
}
.main-title.looking-for {
    text-align: center;
}
.pop-up-button {
    text-align: center;
}
.looking-job-warrper {
    padding-top: 4vw;
}
.pop-up-button .read-more {
margin: 0 10px;
    border: 0px;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 0.5px;
}
.modal-content h1 {
    text-align: center;
    margin-bottom: 30px;
}
/*popup modal css start*/

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    z-index: 9;
}
.modal.career-page-job {
    z-index: 99999;
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 2rem 1.5rem;
    width: 60rem;
    border-radius: 0.5rem;
}
.close-button {
    width: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    background-color: #009d83;
    position: absolute;
    right: -9px;
    top: -10px;
    font-size: 40px;
    color: #fff;
}
.close-button:hover {
    background: linear-gradient(90deg, rgba(220, 86, 0, 1) 0%, rgba(255, 130, 0, 1) 100%);
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}


/*popup modal css end*/



/* Solar calculator start css */

.solar-warrper {
    width: 100%;
    margin: 0 auto;
}

.form-ui-warrper .form-group-ui label+label {
    padding-left: 30px;
}
.form-group-ui {
    text-align: center;
}
.input-field-item {
    margin-bottom: 10px;
}
.calculator-input {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    border: 1px solid #ccc;
}
.calculator-input::placeholder{
    color: #000000;
}
.calculator-input:focus-visible{
    outline:none;
}
.diveded-width {
    display: grid;
    align-items: center;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
}
.read-more.submit-btn-calculator {
    border: 0px;
    font-size: 16px;
}
.input-field-item select:focus-visible {
    outline: none;
}
.form-group-ui label {
    cursor: pointer;
}
.input-submit-btn {
    text-align: center;
    padding-top: 30px;
}
.custom-check-box-ui {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.item-check-box-ui input {
    display: none;
}
.custom-check-box-ui {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 20px;
    padding-top: 10px;
    
}
.item-check-box-ui {
    width: 100%;
}
.input-field-item.area-location-ui {
    padding-top: 20px;
}
.item-check-box-ui input {
    display: none;
}
.our-team-warrper {
    width: 75%;
    margin: 0 auto;
}
.our-team-ection .main-title h3 {
    text-align: center;
}
.item-check-box-ui label {
    padding: 10px 30px;
    text-align: center;
    background: #f97b00;
    display: block;
    border: none;
    font-size: 16px;
    color: #ffffff;
    width: 100%;
    border-radius: 0;
    cursor: pointer;
}
.item-check-box-ui input:checked + label{
    background-color: #009d83;
}
.input-field-item select {
    width: 100%;
    padding: 12px;
    font-size: 15px;
    border: 1px solid #ccc;
}
.ct-data h4 a {
    color: #000;
}
.comment_form .comment-form-author input, .comment_form .comment-form-url input, .comment_form .comment-form-email input {
    width: 100%;
    padding: 10px;
    margin: 10px 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.comment_form textarea {
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 5px;
    border-radius: 5px;
}
.comment_form .form-submit input.submit {
    cursor: pointer;
    position: relative;
    transition: all 0.5s ease;
    padding: 14px 40px;
/*     background: linear-gradient(90deg, rgba(220, 86, 0, 1) 0%, rgba(255, 130, 0, 1) 100%); */
	    background: var(--theme-dark-yellow);
    color: var(--theme-light-green);
	text-transform: uppercase;
    border-radius: 35px;
    z-index: 9;
    border: none;
    width: auto;
    font-size: 18px;
    margin-top: 20px;
}
div#stars-rating-review {
    margin-top: 20px;
}
.social_share {
    margin-top: 20px;
}
input#your-input-field-id {
    padding-left: 0;
    pointer-events: none;
}
.footer_form .social-links li a {
    display: inline-block;
    width: auto;
    margin-right: 10px;
    font-size: 24px;
    height:auto;
}
.footer_form .social-links li a img {
    width: 100%;
    max-width: 30px;
}
.footer_form ul.social-links {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
.solor_irrigation{
	width: 100%!important;
}
.irrigation_link{
	display : block!important;
}
.million_link::after{
	content: "+";	
}
.timer.million_link.last_link_millon::after{
	content: "M+";	
}
.listing-warrper .listing-items:first-child .list_offering {
    margin-top: 0px;
}
.Diversity-section .top-view {
    padding: 0px;
}


.life-section .top-view p:last-child {
    margin-bottom: 0px;
}
.Diversity-section .top-view p:last-child {
    margin-bottom: 0px;
}
.top-view.life-at ul li:last-child {
    margin-bottom: 0px;
}
.life-section .top-view {
    padding: 0px;
}
.life-section {
    padding: 80px 0px;
}
.life-section.padding-top-side{
	padding-top:0px;
}
.Diversity-section.padding-top-side{
	padding-top:0px;
}
/* .life_link h2{
	margin: 0px!important;
		padding: 23px 0px;
}
.life_link{
	padding: 0px 0px!important;
}
.life_link li:last-child{
	margin-bottom: 0!important;
}
.are_encouraged{
	padding-bottom: 0px!important;
}
.life_link */
/* Popup Modal css start */