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


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    /* Font Family */
    --montserrat_font:"Montserrat", sans-serif;
    --hind_font:"Hind", sans-serif;
    --theme-black:#1A1A1A;
    --primary-black:#000;
    --primary-white: #FFFFFF;
    --primary-green: #34B830;
    --primary-green-light: #69C167;
    --primary-green-dark: #20781D;
    --primary-orange: #E9754B;
    --primary-orange-light: #FCC8B7;
    --primary-dark: #B45939;
    --black-1: #282828;
    --bg-color-1: #EEEEEE;
    --bg-color-2: #EDEDED;
    --bg-color-3: #C9C9C9;
    --bg-color-4: #656565;
    --bg-color-5: #E1E1E1;
    --bg-color-6: #E0E0E0;
    --bg-color-7: #F5F5F5;
    --bg-color-8: #F8F8F8;
    --border-color-1: #E0E3E8; 
    --border-color-2: #717171;
    --border-color-3: #B8B8B8;
    --border-color-4: #D1D1D1;
}

body {

    font-family: var(--montserrat_font);
    /* overflow-x: hidden; */
    margin: 0px;
}


html {
    scroll-behavior: smooth;
	margin:0px !important;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

ol,
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none !important;
}

img {
    vertical-align: middle;
}




/* ###### common css ####### */
::selection {
    background-color: var(--primary-green);
    color: var(--primary-white);
}

.wrapper_container_1 {
    max-width: 1270px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
}

.wrapper_container_2 {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.wrapper_container_3 {
    max-width: 1277px; 
    width: 100%;
    margin: auto;
    padding: 0 15px;
}

.wrapper_container_4 {
    max-width: 1206px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
}

.wrapper_title_1 {
    font-family: var(--montserrat_font);
    font-size: 64px;
    font-weight: 600;
    line-height: 78.02px;
    color: var(--theme-black);
}

.wrapper_title_2 {
    font-family: var(--montserrat_font);
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
    line-height: 73.14px;
    color: var(--theme-black);
}

.wrapper_title_3 {
    font-family: var(--montserrat_font);
    font-size: 44px;
    font-weight: 600;
    line-height: 53.64px;
    color: var(--theme-black);
}

.wrapper_title_4 {
    font-family: var(--montserrat_font);
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    color: var(--theme-black);

}
.wrapper_title_5 {
    font-family: var(--montserrat_font);
    font-size: 28px;
    font-weight: 600;
    line-height: 34.13px;
    color: var(--theme-black);
}
.wrapper_title_6 {
    font-family: var(--montserrat_font);
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    color: var(--theme-black);
}

.wrapper_title_22 {
    font-family: var(--montserrat_font);
    font-size: 22px;
    font-weight: 400;
    line-height: 28.8px;
    color: var(--theme-black);
}
.wrapper_title_18 {
    font-family: var(--montserrat_font);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-transform: uppercase;
    color: var(--theme-black);
}
.wrapper_title_16 {
    font-family: var(--montserrat_font);
    font-size: 16px;
    font-weight: 400;
    line-height: 28.8px;
    text-transform: uppercase;
    color: var(--theme-black);
}
.wrapper_title_14 {
    font-family: var(--montserrat_font);
    font-size: 14px;
    font-weight: 400;
    line-height: 22.41px;
    color: var(--theme-black);
}
.wrapper_title_common{
    font-family: var(--montserrat_font);
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    color: var(--theme-black);
}
.wrapper_title_14_400_hind p {
    font-family: var(--hind_font);
    font-size: 14px;
    font-weight: 400;
    line-height: 22.41px;
    color: var(--black-1);
}




.wrapper_title_7 {
    font-family: var(--hind_font);
    font-size: 14px;
    font-weight: 400;
    line-height: 22.41px;
}

.paragraph,
.content_para_18 p,
.content_para_18 ul li {
    font-family: var(--hind_font);
    font-size: 18px;
    font-weight: 400;
    line-height: 28.82px;
    color: var(--black-1);
}

.content_para_18_600_mon{
    font-family: var(--montserrat_font);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: var(--black-1);
}


.content_para_16 p, .content_para_16 ul li {
    font-family: var(--hind_font);
    font-size: 16px;
    font-weight: 400;
    line-height: 25.62px;
    color: var(--black-1);
}
.heading_small {
    font-family: var(--montserrat_font);
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    color: var(--theme-black);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.common_wrapper_btn{
    min-width: 231px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--primary-green);
    font-family: var(--montserrat_font);
    color: var(--primary-white);
    border: 1px solid var(--primary-green);
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    transition: all 0.4s ease;
	position: relative;
}
.common_wrapper_btn:hover{
    border-color: var(--primary-green);
    background: var(--primary-white);
    color: var(--primary-green);
}
.common_wrapper_btn:focus{
	color: var(--primary-white);
}
.common_gradient_bg{
    background: linear-gradient(102.6deg, #FFFFFF 5.35%, #D1E9E6 86.95%);
}
.common_gradient_bg_2{
    background: linear-gradient(102.6deg, #D1E9E6 5.35%, #FFFFFF 86.95%);
}
.underline_heading_common .line_heading{
    font-family: var(--hind_font);
    font-size: 16px;
    font-weight: 400;
    line-height: 25.62px;
    color: var(--theme-black);
    border-bottom: 1px solid var(--border-color-2);
    padding-bottom: 10px;
}
.wrapper_common_theme_link {
    font-family: var(--montserrat_font);
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    color: var(--primary-green);
    display: flex;
    align-items: center;
}
.wrapper_common_theme_link:hover{
    color: var(--primary-green) !important;
}

.circle_round_link{
    font-family: var(--montserrat_font);
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    min-width: 204px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-green);
    color: var(--primary-white);
    border: 1px solid var(--primary-green);
    transition: all 0.4s ease;
    text-transform: capitalize;
    border-radius: 100px;
}
.circle_round_link:hover{
    background: transparent;
    color: var(--primary-green);
}
.border-link{
    background: transparent;
    border: 1px solid var(--primary-green);
    color: var(--primary-green);
    text-transform: capitalize;
}
.border-link:hover{
    background: var(--primary-green);
    color: var(--primary-white);
}

.white_round_link{
    font-family: var(--montserrat_font);
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    min-width: 161px;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-white); 
    color: var(--primary-green);
    border: 1px solid var(--primary-green);
    transition: all 0.4s ease;
    text-transform: capitalize;
    border-radius: 100px;
}
.white_round_link:hover{
    background: transparent;
    border-color: var(--primary-white);
    color: var(--primary-white);
}




.primary_theme_color_bg{
    background: var(--primary-green) !important;
}
.text-color-primary-green, .font_primary_green{
    color: var(--primary-green) !important;
}
.text-white{
    color: var(--primary-white) !important;
}
.text-color-65{
    color: var(--bg-color-4) !important;
}
.text-color-eded{
    color: var(--bg-color-2) !important;
}
.font-f8f8{
    color: var(--bg-color-8) !important;
}


.fill-text-bg {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.fill-text-bg::before{
    content: "";
    position: absolute;
    top: 0px;
    left: -3px;
    background: var(--primary-orange-light);
    width: 101%;
    height: 100%;
    z-index: -1;
}

.text-16 {
    font-size: 16px !important;
}

.rel_col {
    position: relative;
}

.custom_row {
    display: flex;
    flex-wrap: wrap;
}

.card_row {
    display: flex;
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-40 {
    margin-top: 40px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}
.mb-11 {
    margin-bottom: 11px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}
.mb-14 {
    margin-bottom: 14px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-17 {
    margin-bottom: 17px !important;
}
.mb-18 {
    margin-bottom: 18px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-36 {
    margin-bottom: 36px !important;
}
.mb-39 {
    margin-bottom: 39px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}

.mb-44 {
    margin-bottom: 44px !important;
}
.mb-48 {
    margin-bottom: 48px !important;
}
.mb-56 {
    margin-bottom: 56px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}
.mb-100 {
    margin-bottom: 100px !important;
}

.text-center {
    text-align: center !important;
}
.font-400 {
    font-weight: 400 !important;
}
.font-500 {
    font-weight: 500 !important;
}
.font-600 {
    font-weight: 600 !important;
}
.font-700 {
    font-weight: 700 !important;
}

.w-100 {
    width: 100% !important;
}


::-webkit-scrollbar {
    width: 5px;
    height: 6px;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-green);
    border-radius: 6px;
}

::-webkit-scrollbar-track {
    background: var(--primary-white);
}




.padding_40 {
    padding: 40px 0px
}

.padding_60 {
    padding: 60px 0px
}

.padding_80 {
    padding: 80px 0px
}

.paddimg_top_80 {
    padding-top: 80px;
}
.padding_100px{
    padding: 100px 0px;
}
.paddimg_top_100 {
    padding-top: 100px;
}

.paddimg_bottom_40 {
    padding-bottom: 40px;
}
.paddimg_top_66 {
    padding-top: 66px;
}

.paddimg_bottom_66 {
    padding-bottom: 66px;
}

.paddimg_bottom_80 {
    padding-bottom: 80px;
}

.paddimg_bottom_100 {
    padding-bottom: 100px;
}
.padding_top_115px{
    padding-top: 115px;
}
.padding_bottom_150px{
    padding-bottom: 100px;
}

.margin_40 {
    margin: 40px 0px;
}

.margin_bottom_30 {
    margin-bottom: 30px;
}

.margin_bottom_40 {
    margin-bottom: 40px;
}

.margin_top_20 {
    margin-top: 20px;
}

.margin_top_40 {
    margin-top: 40px !important;
}

.margin_top_60 {
    margin-top: 60px !important;
}
.margin_top_150 {
    margin-top: 100px !important;
}

.common_section_padding {
    padding: 100px 0px;  /* w change 150px to 100px  */
}
.section_padding_66px{
    padding: 66px 0px;
}

.padding_top_150px{
    padding-top: 100px;
}
.padding_top_112px{
    padding-top: 112px;
}
.max-w-763 {
    margin-left: auto;
    margin-right: auto;
    max-width: 763px !important;
}
.max-w-838 {
    margin-left: auto;
    margin-right: auto;
    max-width: 838px !important;
}
.max-w-860 {
    margin-left: auto;
    margin-right: auto;
    max-width: 860px !important;
}
.max-w-912 {
    margin-left: auto;
    margin-right: auto;
    max-width: 912px !important;
}
.max-w-919 {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px !important;
}
.max-w-1014 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1014px !important;
}
.max-w-1023 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1023px !important;
}
.max-w-1090 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1090px !important;
}
.max-w-1130 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1130px !important;
}
.max-w-1148 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1148px !important;
}
.max-w-1160 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1160px !important;
}

.max-w-1162 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1162px !important;
}
.max-w-1194 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1194px !important;
}




/* page header */
header.main_header {
    position: sticky;
    left: 0px;
    width: 100%;
    transition: all 0.3s ease;
/*     top: 21px; */
    top: 0;
    z-index: 999;
    margin-top: 21px;
}
header.main_header .main_header_area {
    padding: 0px 40px;
    border-radius: 100px;
    background-color: var(--primary-white);
    box-shadow: 0px 0px 20px 0px #1D928529;
}
.main_header_area, .main_header_area .navigation_wrapper .nav_area ul {
    display: flex;
    align-items: center;
}
.main_header_area .navigation_wrapper {
    margin-left: auto;
    margin-right: auto;
}
.main_header_right_area .common_wrapper_btn {
    min-width: 161px;
    border-radius: 100px;
    text-transform: capitalize;
}

.navigation_wrapper nav.nav_area ul li a span, .navigation_wrapper nav.nav_area ul li a {
    font-family: var(--montserrat_font);
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    color: var(--theme-black);
    display: inline-block;
}
.navigation_wrapper nav.nav_area ul li a span{
    position: relative;
}
.navigation_wrapper nav.nav_area ul li a span::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -4px;
    width: 0;
    height: 1.5px;
    background: var(--theme-black);
    opacity: 0;
    transition: all 0.4s ease;
}
.navigation_wrapper nav.nav_area ul li a:hover span::before{
    opacity: 1;
    width: 100%;
}
.navigation_wrapper nav.nav_area ul li a {
    position: relative;
}
.navigation_wrapper nav.nav_area ul li a::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 26px;
    width: 0;
    height: 1.5px;
    background: var(--theme-black);
    opacity: 0;
    transition: all 0.4s ease;
}

.navigation_wrapper nav.nav_area ul li a:hover::before, .navigation_wrapper nav.nav_area ul li a.active::before{
	width: 100%;
	opacity:1;
}
.navigation_wrapper nav.nav_area > ul>li:not(:last-child) {
/*     margin-right: 20px; */
	margin-right: 60px;
}
.navigation_wrapper nav.nav_area > ul>li>a {
    padding: 37px 0px;
}
.main_header_right_area .common_wrapper_btn:hover{
    background: var(--primary-green);
    color: var(--primary-white);
}
.hover_menu_wrapper {
    min-width: 386px;
/*     padding: 18px; */
	padding: 18px 38px;
    top: 92px;
    position: absolute;
    display: none;
    z-index: 999;
    transition: all 3s ease;
    background-color: var(--primary-white);
    border-radius: 10px;
    box-shadow: 2px 4px 10px 0px #0000001A;
	left: -36px;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.nav_area > ul > li:hover .hover_menu_wrapper{
    display: block;
    
}
.nav_area > ul > li:hover .hover_menu_wrapper ul.wrapper__large__menu--list {
    display: block;
}
ul.wrapper__large__menu--list li a {
    padding: 10px 20px;
}

ul.wrapper__large__menu--list li:not(:last-child) {
    margin-bottom: 10px;
}

.navigation_wrapper nav.nav_area ul li.active a span::before {
    opacity: 1;
    width: 100%;
}
.navigation_wrapper nav.nav_area .hover_menu_wrapper ul.wrapper__large__menu--list a {
    padding: 10px 0px;
}
.navigation_wrapper nav.nav_area ul li {
    position: relative;
}
.navigation_wrapper nav.nav_area ul li .hover_menu_wrapper ul li a{
	position:relative;
}
.navigation_wrapper nav.nav_area ul li .hover_menu_wrapper ul li a::before {
    content: "";
    opacity: 0;
    width: 0;
    bottom: 6px;
}
.navigation_wrapper nav.nav_area ul li .hover_menu_wrapper ul li a:hover::before,
.navigation_wrapper nav.nav_area ul li .hover_menu_wrapper ul li a.active::before{
	opacity: 1;
	width: 100%;
}
.navigation_wrapper nav.nav_area ul li.parentActive .wrapper-parent-nav a::before,
.navigation_wrapper nav.nav_area ul li.hoverPactive .wrapper-parent-nav a::before{
    width: 100%;
    opacity: 1;
}
/* animation contact button*/


.animate_button .animate_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    overflow: hidden;
    width: 24px;
    height: 24px;
    position: relative;
}

.animate_button .animate_icon i {
    display: block;
    position: absolute;
    transition: transform 0.4s ease;
}
.animate_button .animate_icon i img {
    width: 24px;
    height: 24px;
}

.animate_button .animate_icon i:last-child {
    transform: translate(18px,-18px);
}
.animate_button:hover .animate_icon i:first-child{
    transform: translate(-19px,19px);
}
.animate_button:hover .animate_icon i:last-child{
    transform: translate(0px);
}





/* ############# Mobile Navigation ##############*/


/* ############# Mobile Navigation End ##############*/


/* Home Page */


.home_banner_gradient_section {
    padding-top: 115px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(29, 146, 133, 0.4) 0%, rgba(29, 146, 133, 0) 100%);
}
.home_banner_gradient_section .banner_title_head {
    padding-bottom: 117px;
}
.sustainability_type_box {
    background: var(--bg-color-1);
    transition: all 0.4s ease;
    border-radius: 16.08px;
    padding: 12px 0px;
    outline: 1px var(--border-color-1) solid;
    transition: all 0.4s ease;
}
.sustainability_type_box{
    max-width: 273.33px;
    width: 100%;
}
.sustainability_type_box:not(:last-child){
    margin-right: 20px;
}
.sustainability_type_box:hover{
    background: var(--primary-orange);
}
.sustainability_type_box:hover h4{
    color: var(--primary-white);
}
.sustainability_type_box:hover p{
    color: var(--bg-color-2);
}

/* offer slider */
.what__offer__slider_box .offer_content_box{
    max-width: 735px;
    width: 100%;
    padding-right: 130px;
}
.what__offer__slider_box .offer_image_box{
    max-width: calc(100% - 735px);
    width: 100%;
    position: relative;
}
.what__offer__nav_items_img figure img{
    border-radius: 10px;
}
.what_we_offer_section .what_we_offer_inner {
    max-width: 1193px;
}
.what__offer__single_items_content .wrapper_common_theme_link i {
    margin-left: 6px;
}
.what__offer__slider_box .offer_image_box .what__offer__nav_items {
    margin-bottom: 0px;
}
.what__offer__slider_box .offer_image_box .what__offer__nav_items .slick-dots {
    position: initial;
    transition: all 0.4s ease;
    margin-top: 34px;
}
.what__offer__slider_box .offer_image_box .what__offer__nav_items .slick-dots button::before{
    display: none;
}
.what__offer__slider_box .offer_image_box .what__offer__nav_items .slick-dots li {
    width: auto;
    height: auto;
    margin-left: 0px;
}
.what__offer__slider_box .offer_image_box .what__offer__nav_items .slick-dots li:not(:last-child){
    margin-right: 5px;
}
.what__offer__slider_box .offer_image_box .what__offer__nav_items .slick-dots li:last-child {
    margin-right: 0px;
}
.what__offer__slider_box .offer_image_box .what__offer__nav_items .slick-dots button{
    width: 11px;
    height: 11px;
    border-radius: 100px;
    padding: 0px;
    transition: all 0.4s ease;
    background: var(--primary-green-light);
}
.what__offer__slider_box .offer_image_box .what__offer__nav_items .slick-dots li.slick-active button{
    width: 63px;
    background: var(--primary-green);
}

/* our products */
.our_products_box_wrapper.col-l{
    max-width: 592px;
    width: 100%;
    padding-right: 22px;
}
.our_products_box_wrapper.col-r{
    max-width: calc(100% - 592px);
    width: 100%;
}

.our_products_box_wrapper figure{
    min-height: 540px;
    background: var(--bg-color-3);
    border-radius: 10px;
    transition: all 0.4s ease;
}
.our_products_box_wrapper figure{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

.our_products_box_wrapper .our_products_details{
    background: var(--primary-green);
    transition: all 0.4s ease;
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
}
.our_products_details .read-more{
    width: 62px;
    height: 62px;
    background: var(--primary-white);
    transition: all 0.4s ease;
    display: flex;
    align-items:center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 23px;
}
.our_products_box_wrapper .our_products_details {
    min-height: 108px;
}
.our_products_box_wrapper .our_products_details {
    min-height: 108px;
    z-index: 1;
    margin-top: -15px;
}
.our_products_box_wrapper .our_products_box_inner:hover figure{
    background: var(--primary-green-light);
}
.our_products_box_wrapper .our_products_box_inner:hover .our_products_details{
    background: var(--primary-orange);
}
.our_products_box_wrapper .our_products_box_inner:hover .read-more i svg path{
    fill: var(--primary-orange);
}

/* client testimonials box */
.client_testimonials_box{
    box-shadow: 2px 4px 10px 0px #0000001A;
    border-radius: 10px;
    padding: 20px;
}
.white_box{
    background: var(--primary-white) !important;
}
.green_box{
    background: var(--primary-green) !important;
}
.orange_box{
    background: var(--primary-orange) !important;
}
.client_testimonials_box .rating_div {
    margin-bottom: 14px;
}
.client_testimonials_box .testimonials_content {
    margin-bottom: 26px;
    padding-bottom: 26px;
}
.client_testimonials_box .testimonials_content::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-width: 201px;
    width: 100%;
    height: 1px;
    background: var(--border-color-3);
}
.client_testimonials_box.orange_box .rating_div i svg path, .client_testimonials_box.green_box .rating_div i svg path{
    fill: var(--primary-white);
}


.client_testimonials_box.green_box .testimonials_content  p,
.client_testimonials_box.green_box .testi_author_details  p,
.client_testimonials_box.orange_box .testi_author_details  p, 
.client_testimonials_box.orange_box .testimonials_content  p{
    color: var(--primary-white);
}

.client_testimonials_box.orange_box .testimonials_content::after, .client_testimonials_box.green_box .testimonials_content::after{
    background: var(--primary-white);
}
.client_testimonials_inner .custom_row {
    gap: 40px 0px;
}

.service__plan_box{
    padding: 24px 32px;
    border: 1px solid var(--border-color-4);
    border-radius: 10px;
    background: var(--primary-white);
}
.service__plan_box .package_box{
    font-family: var(--hind_font);
    font-size: 14px;
    font-weight: 400;
    line-height: 22.41px;
    text-align: center;
    color:  var(--primary-white);
    background: var(--primary-green);
    padding: 6px 16px;
    border-radius: 100px;
    margin-bottom: 18px;
    display: inline-block;
}
.service__plan_box .service__plan_box_upper_deatils {
    margin-bottom: 42px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color-4);
}
.service__plan_box_bottom_deatils ul li {
    position: relative;
    padding-left: 40px;
    color: var(--bg-color-4);
}
.service__plan_box_bottom_deatils ul li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.54961 18.977L3.84961 13.277L5.27461 11.852L9.54961 16.127L18.7246 6.95203L20.1496 8.37703L9.54961 18.977Z" fill="%231D9285"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 24px auto;
}
.service__plan_box_bottom_deatils ul li:not(:last-child){
    margin-bottom: 16px;
}

.service__plan_box:hover{
    background: var(--primary-green);
    border-color: var(--primary-green);

}
.service__plan_box:hover .package_box {
    background: var(--primary-white);
    color: var(--theme-black);
	box-shadow: 2px 4px 10px 0px #0000001A;
}
.service__plan_box:hover h5, 
.service__plan_box:hover .wrapper_title_14,
.service__plan_box:hover p,
.service__plan_box:hover ul li  {
    color: var(--primary-white) !important;
}
.service__plan_box:hover .common_wrapper_btn{
    background: var(--primary-white) !important;
    color: var(--theme-black);
}
.service__plan_box:hover .service__plan_box_bottom_deatils ul li::before{
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.54961 18.977L3.84961 13.277L5.27461 11.852L9.54961 16.127L18.7246 6.95203L20.1496 8.37703L9.54961 18.977Z" fill="%23fff"/></svg>');
}

/* coomon faq */
.faq_section_box{
    background-color: var( --bg-color-5);
    border-radius: 10px;
    transition: all 0.4s ease;
}
.faq_section_content_box {
    background: var(--primary-white);
    padding: 20px;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
    transition: all 0.4s ease;
}
.faq_section_box .wrapper_title_22 {
    padding: 20px;
	line-height: 32px;
}
.faq_section  .faq_section_inner .custom_row {
    display: block;
    margin: 0px;
    column-count: 3;
    column-gap: 18px;
    row-gap: 26px;
    break-inside: avoid;
}
.faq_section .faq_section_inner .custom_row .col-12 {
    width: 100%;
    padding: 0px;
    break-inside: avoid;
    max-width: 100%;
    flex: 0 0 100%;
}
.faq_section .faq_section_inner .custom_row .col-12 {
    margin-bottom: 26px;
}
.faq_section .faq_section_inner .custom_row .col-12:nth-child(even) {
    margin-bottom: 0px;
}

.faq_section_box:hover{
    background: var(--primary-green);
}
.faq_section_box:hover .wrapper_title_22{
    color: var(--primary-white);
}

/* footer */
footer.footer_area {
    margin-top: 100px;
}
.footer_area_inner  .custom_row{
    margin: 0px -60px;
}
.footer_area_inner .footer_col{
    padding: 0px 60px;
}
.footer_area_inner .footer_col.f-col-1{
    max-width: 386px;
    width: 100%;
}
.footer_area_inner .footer_col.f-col-2{
    max-width: 327px;
    width: 100%;
}
.footer_area_inner .footer_col.f-col-3{
    max-width: 327px;
    width: 100%;
}
.footer_area_inner .footer_col.f-col-4{
    max-width: 327px;
    width: 100%;
}
.footer_area_inner .footer_col p, .footer_area_inner .footer_col p a{
    font-family: var(--hind_font);
    font-size: 14px;
    font-weight: 400;
    line-height: 22.41px;
    color: var(--theme-black);
}
.footer_area_inner .custom_row .footer_col:not(:first-child) p:not(:last-child) {
    margin-bottom: 4px;
}
.footer_social_links ul li:not(:last-child){
    margin-right: 10px;
}
.footer_social_links ul li a{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--primary-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ## about ##*/
.about_banner_bottom_text{
    max-width: 1187px;
    width: 100%;
}
.about_banner_gradient_section .banner_title_head {
    margin-bottom: 41px;
}
.about_banner_gradient_inner .banner_button {
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translate(-50%);
}
.about_banner_gradient_inner .banner_button .common_wrapper_btn {
    min-width: 117px;
    height: 40px;
    border-radius: 110px;
}
.about_banner_gradient_section{
    position: relative;
    z-index: 1;
}
.about_banner_gradient_section::before {
    content: "";
    position: absolute;
    top: 0px;
    max-width: 912px;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(29, 146, 133, 0.4) 0%, rgba(29, 146, 133, 0) 100%);
    z-index: -1;
    left: 50%;
    transform: translate(-50%);
}
.our_values_section_inner .values_types_box{
	/*     padding-top: 78px; */
	padding-top: 16px;
}
.values_types_box_inner{
    border-radius: 10px;
    padding: 20px;
}
.values_types_box_inner  .content {
    padding-top: 24px;
}
.values_types_box_inner .content p{
    color: var(--bg-color-6);
    transition: all 0.4s ease;
}
.values_types_box_inner .content::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    max-width: 201px;
    width: 100%;
    height: 1px;
    background: #FFFFFF66;
    transition: all 0.4s ease;
}
.values_types_box_inner .value_icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-green-dark);
    transition: all 0.4s ease;
}
.values_types_box_inner .content p {
    max-width: 319px;
}
section.our_values_section {
    padding-bottom: 0px;
    overflow: hidden;
}
.values_types_box .values_types_box_inner {
    transform: translateY(42px);
    transition: all 0.4s ease;
}
.values_types_box .values_types_box_inner:hover{
    background: var(--primary-orange) !important;
    transform: translateY(-39px);;
}
.values_types_box .values_types_box_inner:hover .value_icon{
    background: var(--primary-dark);
}
.values_types_box .values_types_box_inner:hover p{
    color: var(--bg-color-2);
}
.values_types_box .values_types_box_inner:hover .content::before{
    background: var(--primary-white);
}

.leadership_wrapper_col .leadership_wrapper_details {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: var(--primary-green);
    border-radius: 0px 10px 10px 10px;
    padding: 24px 45px 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    transition: all 0.4s ease;
}
.leadership_wrapper_col figure img{
    border-radius: 0px 10px 10px 10px;
}
.leadership_wrapper_details .social_details ul li:not(:last-child) {
    margin-right: 10px;
}
.leadership_wrapper_col:hover .leadership_wrapper_details{
    opacity: 1;
}
.our_leadership_section-inner .custom_row {
    gap: 20px 0px;
}

/* choose slider */
.choose_us_slide_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 19px 0px 19px 28px;
    position: relative;
}
.choose_us_slide_inner::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height:100%;
    background: var(--primary-green);
}
.choose_us_slide_inner {
    min-height: 365px;
}
.choose_us_slider_box .choose_us_slider .slick-list {
    margin: 0 -40px;
}
.choose_us_slider_box .choose_us_slider .slick-list .choose_us_slide.slick-slide {
    padding: 0 40px;
}
.choose_us_slider_box .choose_us_slider .slick-list .choose_us_slide.slick-slide {
    max-width: 428px;
    width: 100%;
}
.why_chooseus_section_inner {
    max-width: 100%;
    width: 100%;
    padding-left: calc(50% - 621px);
    margin: 0px;
    overflow: hidden;
}
.three_col_slider_arrow_left, .three_col_slider_arrow_right {
     position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
	border-radius:50%;
	box-shadow: 0 0 10px lightgray;
}
/* 23-09-2024 */
/* .three_col_slider_arrow_left {
    right: 202px;
} */
/*  */
.three_col_slider_arrow_right {
    right: calc(50% - 720px);

}

.three_col_slider_arrow_left {
    left: calc(50% - 700px);
}
/* service */
.service_grid_inner {
    border-radius: 0px 0px 10px 10px;
    position: relative;
}

.service_grid_inner .service_grid_head {
    padding: 26px 20px;
    background: var(--primary-green);
    transition: all 0.4s ease;
    width: 100%;
    border-top-right-radius: 10px;
}
.service_content_col {
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    padding: 0px 20px 20px;
    transition: all 0.4s ease;
    z-index: 1;
    width: 100%;
}
.service_content_col p{
    max-width: 319px;
    -webkit-line-clamp: 9;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.service_grid_inner:hover .service_grid_head{
    background: var(--primary-orange);
}
.service_grid_inner:hover .service_content_col {
    top: 108px;
    opacity: 1;
    background: var(--primary-orange);
}

.service_banner_grid_wrapper .row{
    gap:20px 0px;
}



.service_banner_gradient_section, .contact_banner_gradient_section, .product_banner_gradient_section{
    position: relative;
    z-index: 1;
}
.service_banner_gradient_section::before, 
.contact_banner_gradient_section::before,
.product_banner_gradient_section::before {
    content: "";
    position: absolute;
    top: 130px;
    max-width: 912px;
    width: 100%;
    height: 56%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(29, 146, 133, 0.4) 0%, rgba(29, 146, 133, 0) 100%);
    z-index: -1;
    left: 50%;
    transform: translate(-50%);
}

.consultation_link {
    border-radius: 100px;
    min-width: 246px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--montserrat_font);
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    background: var(--primary-orange);
    color: var(--primary-white);
    border: 1px solid var(--primary-orange);
    transition: all 0.4s ease;
}
/* .consultation_link_wrapper a i{
    margin-left: 6px;
} */
.consultation_link:hover{
    background: transparent;
    color: var(--primary-orange);
}
.consultation_link:hover svg path{
    fill: var(--primary-orange);
}

/* good company slider */
.good_company_card_box{
    padding: 26px 26px 48px;
}
.good_company_slider_box .swiper-slide {
    width: 700px;
    height: 100%;
	border-radius: 13.09px;
}
.good_company_slider_box .swiper-slide-active{
    background: var(--primary-green);
    border-radius: 13.09px;
}   

.good_company_slider_box .swiper-slide-next .good_company_card_box, 
.good_company_slider_box .swiper-slide-prev .good_company_card_box{
    border-radius: 10.59px;
    /* background: var(--primary-green-light); */
}

.good_company_slider_box .swiper.good_company_slider .swiper-slide-shadow-coverflow {
    background-image: unset;
    background-color: var(--primary-green-light);
    border-radius: 10.59px;
}
.good_company_card_box .card_content {
    margin-bottom: 34px;
}
.good_company_card_box .card_person{
    position: relative;
    padding-top: 34px;
}
.good_company_card_box .card_person::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 263px;
    width: 100%;
    background: var(--primary-white);
    height: 1px;
}

.good_company_slider .swiper-pagination {
    position: initial;
    margin-top: 34px;
}
.good_company_slider .swiper-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    border-radius: 100px;
    padding: 0px;
    transition: all 0.4s ease;
    background: var(--primary-green-light);
    opacity: 1;
}
.good_company_slider .swiper-pagination span:not(:last-child) {
    margin-left: 0px;
    margin-right: 5px;
}
.good_company_slider .swiper-pagination span:last-child{
    margin-right: 0px;
    margin-left: 0px;
}
.good_company_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 63px;
    background: var(--primary-green);
}

/* service page plan */
.service__plan_section.service_page_plan::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 453px;
    width: 100%;
    background: linear-gradient(102.6deg, #D1E9E6 5.35%, #FFFFFF 86.95%);
    z-index: -1;
}

/* ####contact us ####*/
.contact_banner_gradient_section::before {
    top: -17px;
    height: 800px;
}
.contact_banner_gradient_section .banner_title_head{
    margin-bottom: 22px;
}
.contact_form_grid_wrapper{
    max-width: 1159px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 4px 20px 0px #0000001A;
    border: 1px solid;
    border-image-source: linear-gradient(98.72deg, rgba(238, 238, 238, 0.8) 6.79%, rgba(238, 238, 238, 0.4) 52.45%, rgba(238, 238, 238, 0.1) 89.8%);
    padding: 40px 40px 86px;
    border-radius: 10px;
    position: relative;
}
.common_form_wrapper label {
    font-family: var(--hind_font);
    font-size: 14px;
    font-weight: 400;
    line-height: 22.41px;
    margin-bottom: 6px;
    color: var(--black-1);
}
.common_form_wrapper .form-control{
    height: 50px;
    border-radius: 10px;
    border: 1px solid var(--border-color-1) !important;
    font-size: 16px;
    font-weight: 600;
    color: var(--black-1);
    background: transparent;
	font-family: var(--montserrat_font);
	box-shadow: none !important;
	padding: .375rem .75rem !important;
}
.common_form_wrapper .form-control:focus{
	color: var(--black-1) !important;
}
.common_form_wrapper .form-control::-webkit-input-placeholder{
    font-family: var(--hind_font);
    font-size: 16px;
    font-weight: 400;
    line-height: 25.62px;
    color: var(--bg-color-4);
}
.common_form_wrapper .form-control:focus{
    border-color: var(--primary-green) !important;
    box-shadow: none;
}
.common_form_wrapper textarea.form-control {
    height: 104px;
}
.contact_form_grid_wrapper .row .col-lg-12:not(:last-child) .form_input {
    margin-bottom: 20px;
}
.product_selection{
    display: flex;
    flex-wrap: wrap;
}
.product_selection .product_check {
    position: relative;
}
.product_selection .product_check input[type="checkbox"] {
    appearance: none;
    position: absolute;
    height: 60px;
    border: none !important;
    width: 100%;
    background: transparent;
}

.product_selection .product_check input[type="checkbox"]~label{
    font-size: 16px;
    font-weight: 600;
    color: var(--black-1);
    font-family: var(--montserrat_font);
    margin-bottom: 0px;
    padding: 15px 20px;
    outline: 1px var(--border-color-1) solid;
    border-radius: 10px;
    height: 56px;
    cursor: pointer;
}
.product_selection {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
}

.product_selection .product_check input[type="checkbox"]:focus~label {
    background: var(--primary-green);
    color: var(--primary-white);
}
.contact_form_grid_wrapper .submit_wrap {
    position: absolute;
    bottom: -51px;
    transform: translate(-50%, -50%);
    left: 50%;
    margin: 0px;
}
.contact_form_grid_wrapper .submit_wrap .contact_submit {
    height: 53px;
    min-width: 352px;
    border-radius: 100px;
}
.contact_form_grid_wrapper .submit_wrap .contact_submit:focus{
	 background: var(--primary-green);
    color: var(--primary-white);
	border-color: var(--primary-green);
}
/* ## products ##*/
.product_banner_gradient_section::before {
    top: 0px;
    height: 100%;
}
.common_tabs_wrapper .commom-tab-content {
    display: none;
}
.common_tabs_wrapper .commom-tab-content.active {
    display: block;
}
.common_tabs_wrapper ul {
    display: flex;
    align-items: center;
}
.common_tabs_wrapper ul li {
    padding: 20px 0px;
    position: relative;
    color: var(--bg-color-4);
    cursor: pointer;
    max-width: 230px;
    width: 100%;
    min-width: 230px;
    text-align: center;
}
.common_tabs_wrapper ul li::after{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 1px;
    background: var(--primary-green);
    opacity: 0;
    transition: all 0.5s ease;
}
.common_tabs_wrapper ul li.active::after{
    opacity: 1;
    width: 100%;
}
.common_tabs_wrapper ul li.active{
    color: var(--theme-black);
}

.common_tabs_wrapper ul li:not(:last-child) {
    margin-right: 106px;
}
.two_cols_tabs_content .cols-left{
    max-width: 636px;
    width: 100%;
    padding-right: 82px;
}

.two_cols_tabs_content .cols-right{
    max-width: calc(100% - 636px);
    width: 100%;
}
.products_tabs_content_wrapper {
    margin-top: 100px;
    padding-left: 25px;
    padding-right: 25px;
}
/* .products_tabs_content_wrapper .custom_row{
    margin: 0px -88px;
}
 */
.products_tabs_content_wrapper .last_cols_wrapper{
    max-width: calc(100% / 3);
    padding: 0 88px;
}
.products_tabs_content_wrapper .custom_row.last_tbs_row {
    gap: 70px 0px;
}
.products_tabs_wrapper #tab4 .products_tabs_content_wrapper {
    max-width: 1240px;
    padding: 0px;
}
/* solutions */
.solution_grid_box {
    background-color:#fff;
    border-radius: 10px;
    transition: all 0.4s ease;
}
.solution_grid_box figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 46px 0px;
    height: 422px;
}
.solution_grid_box .solution_grid_content {
    background: var(--primary-white);
    padding: 24px 33px;
    border: 1px solid var(--border-color-4);
    border-radius: 10px;
    transition: all 0.4s ease;
}
.solution_grid_content .download_details {
    margin-top: 16px;

}
.solution_grid_content .download_details a:first-child {
    margin-bottom: 16px;
}

/* comparision table */
.comparison_chart_table_wrapper .table thead tr th {
    padding: 31px;
    font-family: var(--montserrat_font);
    font-size: 28px;
    font-weight: 600;
    line-height: 34.13px;
    background: var(--primary-green);
    color: var(--primary-white);
    border: none;
}
.comparison_chart_table_wrapper .table thead tr th:first-child{
    border-top-left-radius: 10px;
}
.comparison_chart_table_wrapper .table thead tr th:last-child{
    border-top-right-radius: 10px;
}
.comparison_chart_table_wrapper .table thead tr th:not(:first-child), 
.comparison_chart_table_wrapper .table tbody tr td:not(:first-child){
    text-align: center;
}
.comparison_chart_table_wrapper .table tbody tr td:first-child{
    background: var(--bg-color-7);
}

.comparison_chart_table_wrapper .table tbody tr td {
    font-family: var(--hind_font);
    font-size: 18px;
    font-weight: 400;
    line-height: 28.82px;
    color: var(--theme-black);
    border: 1px solid var(--border-color-4);
    vertical-align: middle;
    padding: 24px 31px;
}
.comparison_chart_table_wrapper .table tbody tr td:not(:last-child) {
    border-right: none !important;
}
.comparison_chart_table_wrapper .checked {
    width: 32px;
    height: 32px;
}

/* product slider */
.products_slide_inner .poduct_heading .wrapper_title_22{
    color: var(--theme-black);
    font-weight: 600;
    line-height: 32px;
}
.product_info p{
    font-family: var(--hind_font);
    font-size: 14px;
    font-weight: 400;
    line-height: 22.41px;
    color: var(--black-1);
/*     -webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; */
    transition: all 0.4s ease;
}
.why_products_section_inner,.solution_grid_wrapper {
    max-width: 100%;
    width: 100%;
    padding-left: calc(50% - 621px);
    margin: 0px;
    overflow: hidden;
}
.products_slide_inner {
    box-shadow: 2px 4px 10px 0px #0000001A;
    background: var(--primary-white);
    padding: 20px;
    border-radius: 10px;
}
.products_slide_inner .product_image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-white);
}
.products_slide_inner .product_image img{
    height: 100%;
}
.products_slide_inner .poduct_heading h6:first-child {
    max-width: 267px;
    width: 100%;
}
.products_slide_inner .poduct_heading h6:last-child{
    margin-left: auto;
}


.products_slider_box .products_slider .slick-list {
    margin: 0 -20px;
}
.products_slider_box .products_slider .slick-list .products_slide.slick-slide {
    padding: 0 20px;
}
.products_slider_box .products_slider .slick-list .products_slide.slick-slide {
    max-width: 475px;
    width: 100%;
}

.products_slide_inner .product_image{
    transition: all 0.4s ease;
}
.products_slide_inner:hover .product_info p{
    display: block;
    transition: all 0.4s ease;
}


/*#### product inner page (Phenomenal Aire) ####*/
.product_slider_accordion_inner .product_strip_slider_wrapper{
    max-width: 640px;
    width: 100%;
    padding-right: 53px;
}
.product_slider_accordion_inner .product_accordion_wrapper{
    max-width: calc(100% - 640px);
    width: 100%;
}
/* common faq */

.collapse-box .collapse_body {
    display: none;
    padding: 8px 20px 20px 20px;
    border-bottom: 1px solid var(--border-color-4);
}
.collapse-inner .collapse-box .collapse_box_title {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    border-bottom: 1px solid var(--border-color-4);
}
.collapse-inner .collapse-box .collapse_box_title .collapse_icon {
    margin-left: auto;
}
.collapse_box_title .collapse_icon .foldRotateIcon {
    display: none;
}
.common_faq_collapse_wrapper .Collpsrow .colllapse-col:not(:last-child) {
    margin-bottom: 10px;
}
.collapse-box.active .collapse_box_title.active {
    border: none;
}
.collapse-box.active .collapse_box_title.active .collapse_icon .foldRotateIcon {
    display: block;
}
.collapse-box.active .collapse_box_title.active .collapse_icon .rightFoldIcon {
    display: none;
}
.accordion_details_wrapper .bottom_link .circle_round_link {
    min-width: 286px;
	font-weight:600;
}

.strip_sider_arrow .circle_arrow{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--primary-white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.product__strip_slider_box {
    position: relative;
}
.product__strip_slider_box .strip_sider_arrow {
    right: initial !important;
    bottom: -75px;
    left: 50%;
    top: initial;
    transform: translate(-50%, -50%);
}
.product__strip_slider_box .three_col_slider_arrow_right.strip_sider_arrow {
    left: 60%;
}

.product__strip_slider_box .strip_sider_arrow .slick-disabled {
    opacity: 50%;
}

.product__strip_slider_box .product__strip_slider_contents.slick-slide figure {
    max-width: 474px !important;
    position: relative;
    height: 501px;
}
.product__strip_slider_box .product__strip_slider_contents .strip_line {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 46px;
    height: 100%;
    background: var(--primary-green);
    border-radius: 10px;
}
.product__strip_slider_box .product__strip_slider_contents .strip_line.strip-left {
    right: 56px;
}
.product__strip_slider_contents.rel_col.slick-slide[data-slick-index="1"] .strip_line.strip-left {
    left: 0px;
}
.product__strip_slider_contents.slick-slide[data-slick-index="1"] figure {
    max-width: 100% !important;
}
.product__strip_slider_contents.rel_col.slick-slide[data-slick-index="2"] .strip_line.strip-left {
/*     right: 0px; */
	left: 0;
}

.product__strip_slider_contents.rel_col.slick-slide[data-slick-index="2"] figure {
    margin-left: auto;
}
.product__strip_slider_contents.rel_col.slick-slide[data-slick-index="2"] .strip_line.strip-right {
    left: 56px;
    right: initial;
}
.product__strip_slider_contents.slick-slide[data-slick-index="1"] .strip_line_wrap {
    display: none;
}
.product__strip_slider_contents.slick-slide.slick-current[data-slick-index="1"]+.product__strip_slider_contents.slick-slide .strip_line_wrap {
    display: none;
}
.product__strip_slider_contents.slick-slide.slick-current[data-slick-index="1"]+.product__strip_slider_contents.slick-slide figure {
    margin-left: 0;
    max-width: 100% !important;
}
.product__strip_slider_contents.slick-slide[data-slick-index="0"]:has(+ .product__strip_slider_contents.slick-slide.slick-current[data-slick-index="1"]) .strip_line_wrap {
    display: none;
}
.product__strip_slider_contents.slick-slide[data-slick-index="0"]:has(+ .product__strip_slider_contents.slick-slide.slick-current[data-slick-index="1"]) figure {
    max-width: 100% !important;
}
.product__strip_slider_contents.slick-slide.slick-current[data-slick-index="1"] .strip_line_wrap {
    display: block;
}




.product_slider_accordion_wrappr .product_slider_accordion_inner:nth-child(even) .custom_row{
    flex-direction: row-reverse;
}
.product_slider_accordion_wrappr .product_slider_accordion_inner:not(:last-child) {
    margin-bottom: 158px;
}
.product_slider_accordion_wrappr .product_slider_accordion_inner:nth-child(even) .product_strip_slider_wrapper {
    padding-left: 53px;
    padding-right: 0px;
}
.product__strip_slider_box .product__strip_slider_contents.slick-slide figure img {
    height: 100%;
}
section.our_products_section_wrapper {
    padding-bottom: 136px;
}

/* phenomenal_air_benefits_section */

.air_benefits_slider_box .swiper-slide .air_slide_box_wrapper h5, 
.air_benefits_slider_box .swiper-slide .air_slide_box_wrapper p {
    color: var(--bg-color-3) !important;
    transition: all 0.4s ease;
}
.air_benefits_slider_box .swiper-slide .air_slide_box_wrapper {
    text-align: center;
    transition: all 0.4s ease;
}

.air_benefits_slider_box .swiper-slide.swiper-slide-active .air_slide_box_wrapper h5{
    color: var(--primary-green) !important;
}
.air_benefits_slider_box .swiper-slide.swiper-slide-active .air_slide_box_wrapper p{
    color: var(--black-1) !important;
}


.air_benefits_slider_box .swiper-slide .air_slide_box_wrapper {
    text-align: center;
}

.air_benefits_slider_box .swiper-slide .air_slide_box_wrapper h5, .air_benefits_slider_box .swiper-slide .air_slide_box_wrapper p {
    color: var(--bg-color-3) !important;
}


.air_benefits_slider  .swiper-wrapper {
    position: relative;
    padding-bottom: 80px;
}


.air_benefits_slider_box .swiper-slide .air_slide_box_wrapper {
    height: 134px;
}

.air_benefits_slider_box {
    position: relative;
}

.air_benefits_slider_box::after {
    /* content: ""; */
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 100%;
    border: 3px dashed #1D9285;
    z-index: 99999999;
}

.air_benefits_slider_box .swiper-slide {
    position: relative;
}

.air_benefits_slider_box .swiper-slide::after {
    content: "";
    position: absolute;
    transform: translate(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--bg-color-3);
    left: 50%;
    bottom: -61px;
    z-index: 1;
    transition: all 0.4s ease;
}
.air_benefits_slider_box .swiper-slide {
    max-width: 585px;
    width: 100%;
}
.air_benefits_slider .swiper-slide {
    padding-right: 123px; /* Half of the previous spaceBetween value */
    padding-left: 123px;  /* Half of the previous spaceBetween value */
    box-sizing: border-box; /* Ensure padding is included in the width calculation */
}
.air_benefits_slider_box .swiper-slide::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -50px;
    transform: translate(0, -50%);
    border: 3px dashed #C9C9C9;
    left: 50%;
    transition: all 0.4s ease;
}
.air_benefits_slider_box .swiper-slide.swiper-slide-active::before{
    border-color: var(--primary-green);
}
.air_benefits_slider_box .swiper-slide.swiper-slide-active::after{
    background: var(--primary-green);
}

/* Maintance Tips */
.maintenance_tips_slide_inner {
    border: 1px solid var(--border-color-1);
    padding: 10px 20px;
    border-radius: 10px;
    background: var(--primary-white);
}
.maintenance_tips_slide_inner .tips_icon {
    margin-bottom: 14px;
}
.maintenance_tips_slide_inner h6 {
    margin-bottom: 4px;
}
.maintenance_tips_slider .slick-list {
    margin: 0 -20px;
}

.maintenance_tips_slider .slick-list .maintenance_tips_slide.slick-slide {
    padding: 0 20px;
}
.maintenance_tips_slider .maintenance_tips_slide.slick-slide {
    max-width: 407px;
    width: 100%;
}


/* ## partner slider ### */
.industry_slide_button {
    padding: 15px 36px;
    background: var(--primary-green);
    color: var(--primary-white) !important;
    border-radius: 100px;
    text-align: center;
	font-size: 24px;
}
.industry_slider_1 .swiper-slide, .industry_slider_2 .swiper-slide {
    width: auto;
}
.products_2_page~footer.footer_area {
    margin-top: 0px;
}

/* ### dadicated service page ###*/
section.dadicated_service_banner_section .service_banner_gradient_section::before {
    max-width: 1006px;
    top: 0px;
    height: 759px;
}
.installation_grid_inner {
    padding: 20px;
    border-radius: 10px;
    background: var(--primary-green);
    box-shadow: 2px 4px 10px 0px #0000001A;

}
.installation_grid_inner .installation_grid_head {
    position: relative;
    margin-bottom: 18px;
    padding-bottom: 18px;
}
.installation_grid_inner .installation_grid_head::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0;
    max-width: 201px;
    width: 100%;
    height: 1px;
    background: #FFFFFF66;
    transition: all 0.4s ease;
}
.installation_grid_wrapper .row {
    gap: 22px 0px;
}

.how__it__works__path__wrapper{
    position: relative;
}
.how__it__works__path__wrapper .how__it__works__path__col{
    position: relative;
}
.how__it__works__path__wrapper .how__it__works__path__col:not(:last-child)::after{
    content: "";
    position: absolute;
    right: -41px;
    top: 50%;
    width: 40px;
    height: 40px;
    background-size: 40px auto;
    background-image: url('data:image/svg+xml,<svg width="74" height="27" viewBox="0 0 74 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M67.2146 21.8754C63.8334 16.6351 59.4303 12.5472 54.0053 9.61182C48.5809 6.6764 42.749 5.20869 36.5094 5.20869C29.8164 5.20869 23.6025 6.89272 17.8677 10.2608C12.133 13.6288 7.62574 18.2347 4.34588 24.0785C4.04171 24.6236 3.60525 25.007 3.0365 25.2285C2.46706 25.45 1.92886 25.4167 1.42191 25.1285C0.860802 24.8403 0.509415 24.4021 0.367752 23.8139C0.226082 23.2264 0.29969 22.6604 0.588585 22.116C4.25803 15.5771 9.27261 10.4302 15.6323 6.67536C21.9921 2.9198 28.9243 1.04203 36.4292 1.04203C43.0695 1.04203 49.3129 2.57258 55.1594 5.63369C61.0059 8.69411 65.8417 12.9434 69.6667 18.3816V2.80452C69.6667 2.21147 69.8657 1.71598 70.2636 1.31807C70.6615 0.920151 71.157 0.721191 71.75 0.721191C72.3431 0.721191 72.8386 0.920151 73.2365 1.31807C73.6344 1.71598 73.8334 2.21147 73.8334 2.80452V22.6764C73.8334 23.6431 73.5143 24.4458 72.8761 25.0847C72.2379 25.7229 71.4351 26.042 70.4677 26.042H50.5959C50.0028 26.042 49.5073 25.8431 49.1094 25.4452C48.7115 25.0472 48.5125 24.5517 48.5125 23.9587C48.5125 23.3656 48.7115 22.8702 49.1094 22.4722C49.5073 22.0743 50.0028 21.8754 50.5959 21.8754H67.2146Z" fill="%231D9285"/></svg>');
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.how__it__works__path__inner p {
    font-size: 16px;
    line-height: 26px;
}
.installation_feedback_row .installation_feedback_left_col{
    max-width: 851px;
    width: 100%;
    padding-right: 102px;
}
.installation_feedback_row .installation_feedback_right_col{
    max-width: calc(100% - 851px);
    width: 100%;
}

.feedback_rating_wrapper .feedback_rating_inner{
    max-width: 154px;
    width: 100%;
}
.installation_feedback_right_col .feedback_rating_wrapper .feedback_rating_inner:first-child {
    margin-right: 80px;
}
.upgrade_system_section_inner .btn_groups a.contact_link i{
    margin-left: 6px;
}
.upgrade_system_section_inner .btn_groups a.call_link i{
    margin-right: 6px;
}
.upgrade_system_section_inner .btn_groups{
    gap: 0px 10px;
}
.white_round_link i svg path{
    transition: all 0.4s ease;
}
.white_round_link:hover i svg path {
    fill: var(--primary-white);
}

/* ### live changes ####*/
.contact_form_grid_wrapper br {
    display: none;
}
.common_form_wrapper .form-control:focus {
    background: transparent;
}
#ast-scroll-top {
    background-color: var(--primary-green) !important;
}

/* waqar 05-07-2024 start */
.home_banner_slider_box {
    border-top: 1px solid var(--border-color-4);
    border-bottom: 1px solid var(--border-color-4);
    padding: 22px 0;
	background: var(--primary-white);
    margin-top: -22px;
}
.home_banner__slider .swiper-wrapper {
    align-items: center;
}
.sustainability_type_box {
    padding-right: 50px;
    padding-left: 50px;
}
.our_products_box_wrapper .our_products_details{
	display:flex;
	align-items:center;
}
.our_products_details .read-more img{
	filter: brightness(0) saturate(100%) invert(59%) sepia(5%) saturate(5496%) hue-rotate(66deg) brightness(97%) contrast(95%);
}
.our_products_box_wrapper .our_products_box_inner:hover .our_products_details .read-more img {
    filter: brightness(0) saturate(100%) invert(60%) sepia(87%) saturate(1784%) hue-rotate(328deg) brightness(95%) contrast(92%);
}
.service__plan_box .package_box{
	padding-bottom:4px;
}
.leadership_wrapper_col .leadership_wrapper_details{
/* 	background: rgba(29, 146, 133, 0.9); */
	background: #34B830E5;
}

.service_grid_inner .service_grid_head{
	    min-height: 120px;
    display: flex;
    align-items: center;
}
.service_content_col p, .good_company_card_box .content_para_18 p {
    color: var(--primary-white) !important;
}
.wrapper-parent-nav  a{
	padding: 36.3px 0px;
}
/* waqar 05-07-2024 End */

/*### Jalaj code 08-07-2024  ###*/
.service_page section.service__plan_section {
    position: relative;
}

.service_page section.service__plan_section::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 453px;
    width: 100%;
    background: linear-gradient(102.6deg, #D1E9E6 5.35%, #FFFFFF 86.95%);
    z-index: -1;
}
i.circle_arrow.slick-arrow.slick-disabled svg {
    opacity: 70%;
}
i.circle_arrow.slick-arrow.slick-disabled svg path {
    fill: gray;
}

.navigation_wrapper nav.nav_area ul li a:focus, a:focus{
	outline:none;
}
.solution_grid_wrapper .custom_row .col-12:nth-child(1) .solution_grid_box .download_details, .solution_grid_wrapper .custom_row .col-12:nth-child(3) .solution_grid_box .download_details {
    display: none;
}
/* 09-07-2024 */
.air_benefits_slider .swiper-slide:last-child::before {
    opacity: 0;
}
/* .air_benefits_slider_container .air_benefits_slider_box {
    padding-left: calc(50% - 584px);
    overflow: hidden;
} */
.partner_industry_slider_box .swiper-wrapper {
  -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; 
}

/* ### contact form ###*/
.contact_form_grid_wrapper .row {
    margin-bottom: 0px;
}
.contact_form_grid_wrapper .wpcf7{
	position: relative;
}
.contact_form_grid_wrapper .submit_wrap{
	bottom: -136px;
}
.contact_form_grid_wrapper .wpcf7 form.wpcf7-form.invalid .submit_wrap {
    bottom: -154px;
}
.contact_form_grid_wrapper span.wpcf7-not-valid-tip, .contact_form_grid_wrapper .wpcf7 .wpcf7-response-output {
    font-family: var(--montserrat_font);
}
.contact_form_grid_wrapper .wpcf7 form.wpcf7-form.sent .submit_wrap {
    bottom: -151px;
}
.product_selection .product_check span.wpcf7-form-control-wrap+br+label {
    display: none;
}

.product_selection .product_check span.wpcf7-form-control-wrap span.wpcf7-list-item {
    margin: 0px;
}

.product_selection .product_check span.wpcf7-form-control-wrap span.wpcf7-list-item input[type="radio"] {position: absolute;left: 0;top: 0;width: 100%;height: 100%;appearance: none;background: transparent;margin: 0px !important;z-index: -1;border-radius: 10px;}

.product_selection .product_check .wpcf7-radio.form-control {
    position: relative;
    height: 56px;
    display: flex;
    align-items: center;
	z-index: 1;
	padding: 15px 20px !important;
}
.product_selection .product_check span.wpcf7-form-control-wrap span.wpcf7-list-item label {
    margin: 0px !important;
	cursor: pointer;
}
.product_selection .product_check span.wpcf7-form-control-wrap span.wpcf7-list-item .wpcf7-list-item-label {
    font-size: 16px;
    font-weight: 600;
    color: var(--black-1);
    font-family: var(--montserrat_font);
    margin-bottom: 0px;
	line-height: 26px;
}
.product_selection .product_check span.wpcf7-form-control-wrap span.wpcf7-list-item input[type="radio"]:checked {
    border: none;
    background: var(--primary-green);
}
.product_selection .product_check span.wpcf7-form-control-wrap span.wpcf7-list-item input[type="radio"]:checked+span.wpcf7-list-item-label {
    color: var(--primary-white) !important;
}

/* 11-07-2024 */
.home_banner_slider_box figure,.trusted_by_company_slider_box figure {
    height: 120px;
	width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_banner_slider_box figure img, .trusted_by_company_slider_box figure img {
    height: 100%;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.trusted_by_company_slider_box figure img {
	 object-fit: contain;
}
.sustainability_type_box:first-child p {
    max-width: 156px;
    margin-left: auto;
    margin-right: auto;
}
.footer_area_inner .footer_col .content_para_18_600_mon {
    line-height: 21.94px;
}
section.service_banner_section .banner_title_head.text-center {
    margin-bottom: 80px !important;
}
.common_form_wrapper .form-control {
    padding: 12px 20px !important;
}
.products_2_page .product_banner_gradient_section .banner_title_head {
    margin-bottom: 60px !important;
}
.products_2_page .banner_bottom_content .wrapper_title_2 {
    line-height: 73.14px;
}
.installation_grid_inner .installation_grid_head .wrapper_title_5 {
    line-height: 34.13px;
}
.how__it__works__path__inner .wrapper_title_6 {
    line-height: 26px;
}

.leadership_wrapper_col  figure {
    height: 302px;
}

.leadership_wrapper_col figure img {
    height: 100%;
}
.solution_grid_content .download_details a.circle_round_link.border-link {
    min-width: 153px;
}
.accordion_details_wrapper .bottom_link .circle_round_link:focus{
	color: var(--primary-white);
}


/* .good_company_slider_area .swiper.good_company_slider .swiper-wrapper {
    max-width: 700px;
    width: 100%;
    height: 100%;
	margin: auto;
}
 */












/* ##### Product strip slider New code ####### */
/* new slider */
.wrapper__slider__box {
    width: 100%;
    display: flex;
    overflow: hidden;
    padding: 0px;
    margin: 0 -5px;
}

.wrapper__slider__card__box {
    max-width: 56px;
    height: 501px;
    width: 100%;
    padding: 0px 5px;
    text-align: center;
    transition: .5s ease;
}

.wrapper__slider__card {
    border-radius: 10px;
    height: 501px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}

.wrapper__slider__card__box img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.wrapper__slider__card__box {
    filter: brightness(0) saturate(100%) invert(44%) sepia(64%) saturate(496%) hue-rotate(124deg) brightness(94%) contrast(89%);
}

.wrapper__slider__card__box.expanded {
    max-width: 484px;
    width: 100%;
    filter: none;
}

.product_slider_accordion_wrappr .product_slider_accordion_inner:nth-child(even) {
    flex-direction: row-reverse;
}

.product_slider_accordion_wrappr .product_slider_accordion_inner:nth-child(even) .product_new_type_slider_container {
    padding-left: 53px;
    padding-right: 0px;
}
.product_new_type_slider_container {
    max-width: 640px;
    width: 100%;
    padding-right: 53px;
}
.product_new_type_slider_accordion_container {
    max-width: calc(100% - 640px);
    width: 100%;
}
.product_new_type_slider_box .strip_sider_arrow {
    right: initial !important;
    bottom: -75px;
    left: 50%;
    top: initial;
    transform: translate(-50%, -50%);
}
.product_new_type_slider_box .three_col_slider_arrow_right.strip_sider_arrow {
    left: 60%;
}

/* client feedback changes 19-07-2024 Jalaj */

.what__offer__single_items .link-details a i img, 
.client_testimonials_box.white_box .rating_div img,
.comparison_chart_table_wrapper .checked,
.wrapper__slider__card__box,
.upgrade_system_section_inner .btn_groups svg{
    filter: brightness(0) saturate(100%) invert(59%) sepia(5%) saturate(5496%) hue-rotate(66deg) brightness(97%) contrast(95%);
}
.service__plan_box_bottom_deatils ul li::before, .how__it__works__path__wrapper .how__it__works__path__col:not(:last-child)::after{
	filter: brightness(0) saturate(100%) invert(59%) sepia(5%) saturate(5496%) hue-rotate(66deg) brightness(97%) contrast(95%);
}
.service__plan_box:hover .service__plan_box_bottom_deatils ul li::before{
	filter:none;
}
.leadership_wrapper_col .leadership_wrapper_details{
/* 	background:var(--primary-green); */
}
.solution_grid_content .download_details {
    display: none;
}
.upgrade_system_section_inner .btn_groups a:hover svg {
    filter: none;
}
.products_page .product_banner_grid_wrapper {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
padding-top: 50px; 
}

.products_page .product_banner_grid_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* solution slider */
.solution_slider_box .solution_slider  .slick-list{
	margin: 0 -21px;
}
.solution_slider_box .solution_slider .solution_slide.slick-slide{
	padding: 0px 21px;
}
.solution_slider_box .solution_slider .solution_slide.slick-slide {
	max-width: 427px;
	width: 100%;
}
.good_company_slider .swiper-wrapper {
    max-width: 700px !important;
    width: 100%;
    height: 100%;
    
  }
  .good_company_slider  .swiper-slide {
    background: var(--primary-green-light);
    filter: brightness(0) saturate(100%) invert(64%) sepia(42%) saturate(487%) hue-rotate(70deg) brightness(96%) contrast(91%);
    width: 700px !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13.09px !important;
	min-height: 310px;

  }
.good_company_slider_box .swiper-slide-next .good_company_card_box, .good_company_slider_box .swiper-slide-prev .good_company_card_box{
/* 	 filter: brightness(0) saturate(100%) invert(64%) sepia(42%) saturate(487%) hue-rotate(70deg) brightness(96%)     	contrast(91%); */
}
  .good_company_slider  .swiper-slide-active{
    background:var(--primary-green);
	filter:none;
/* 	  filter:none; */
  }
section.good_company_section {
    overflow: hidden;
}
.main_header_area .brand_logo a img {
    width: 186px;
}
/* 08-06-2024 Jalaj */
.product_new_type_slider_box .strip_sider_arrow {
    left: 40%;
}
.product_new_type_slider_box .three_col_slider_arrow_right.strip_sider_arrow {
    left: 50%;
}
.why_chooseus_section_inner .slick-arrow.slick-disabled svg {
    opacity: 100% !important;
}

.why_chooseus_section_inner .slick-arrow.slick-disabled svg path {
    fill: #000 !important;
}

/*w 22-10-2024 */
.wrapper__service__inner__row {
    margin-left: -20px;
    margin-right: -20px;
}
.wrapper__service__inner__col__left {
    max-width: 840px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

.wrapper__service__inner__col__right {
    max-width: calc(100% - 840px);
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}
.wrapper__service__inner__col__right img {
    border-radius: 10px;
}
.wrapper__service__inner__sec {
    margin-bottom: 40px;
}
/* 24-10-2024 */
    .underline_heading_common .line_heading {
        font-size: 24px;
        font-weight: 600;
    }