html,
body {
    scroll-behavior: smooth;
}

  :root {
    --bottom-header-height: 0px;
}


.authorized_distributor01 {
    padding-top: 257px;
    text-align: left;
    padding-bottom: 50px;
	background:#F2F2F2;
}
.lighting-solution .product-ordering p b{letter-spacing: 0;}
.lighting-solution .product-ordering p span{letter-spacing: 0;}
.authorized_distributor01 h1 {
    margin-bottom: 15px;
    color: #000;
    font-size: 50px;    
    font-family: Manrope;
    font-weight: 500;
}

.authorized_distributor01 h1 span {
    color: #009D27;
}
section.light_beloyed_slider_section .text p{letter-spacing: 0px;font-weight: 500;}
.authorized_distributor01 h2 {
    font-size: 26px;
	    margin-bottom: 25px;
}
.authorized_distributor01 p{font-size: 16px;font-weight: 500;}
.authorized_distributor01 a.btn_blank.white_btn {
    margin-top: 16px;
}

.one_catalog_li_img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.one_catalog_li {
    position: relative;
	    margin-bottom: 20px;
}

.one_catalog_li_content {
    position: absolute;
    bottom: 0;
    z-index: 999;
    width: 100%;
    color: #fff;
    padding: 10px 32px;
}

.one_catalog_li_content h6 {
    font-size: 20px;
    font-weight: 500;
}

section.Catalog_list {
    padding-top: 0px !important;
	    padding-bottom: 85px;
}

.Catalog_list_newlist {
    margin-top: 25px;
}
 
.banner_content { 
    bottom: 20%;top: auto;
	   
}


.reqeuest_bak_left_side_imag_banner {
    width: 30%;
    float: left;
}
 
 
.reqeuest_bak_side_side_form {
    float: left;
    width: 70%;
}

.reqeuest_bak_side_side_form {
    float: left;
    width: 70%;
    padding: 0px 46px;
}



.enquire .form form .input-block select {
    display: block;
    width: 100%;
    background: #f2f2f273; border: 1px solid #ddd;
    font-size: 16px;
    padding: 15px;
}


section.utility.what_to_expact .text {
    padding: 0;
    text-align: left;
}

section.utility.what_to_expact .text {
    padding: 0 !important;
}

section.utility.what_to_expact .text h3 {
    text-align: left;
}


.banner_margin_top {
    margin-top: 180px;
}

.one_sucess_half.with_image {
    padding: 0;
}

.one_testi_image {
    position: absolute;
    bottom: 0;
    height: 0%;
	transition:all ease .3s;
}

.one_sucess_half.with_image:hover .one_testi_image {
	height: 100%;width: 100%;
}
.one_sucess_half.with_image:hover .one_testi_image img{width: 100%;height: 100%;}
.green_light_bg_contet {
    padding: 40px 23px;
	    position: relative;
}

.one_sucess_half.with_image:hover .green_light_bg_contet h4 {
	color:#fff;
}

.one_sucess_half.with_image:hover .green_light_bg_contet p {
		color:#fff;
}

.one_testi_image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
}

.search_filter01 input[type="search"] {
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    height: 35px;
    padding: 19px 15px;
    font-size: 16px;
}
.search_filter01 button {
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    background: #0DB14B;
    color: #fff;
    border-color: #0DB14B;
    /* height: 35px; */
    padding: 5px 22px;
    margin-left: 9px;
}

.search_filter01 {
    margin-bottom: 20px;
}


.search_filter_new .accordion-header button.accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.search_filter_new .accordion-header button.accordion-button {
    background: #f1f1f1;font-size: 16px;
    color: #000;
}

.search_filter_new .accordion-body .filter_check ul {
    padding: 0;
}

.filter_check li {
    padding-bottom: 5px;font-size: 16px;
}

.filter_check li label span {
    display: inline-block;
    padding-left: 10px;font-size: 16px;
}

.filter_check li label {
    display: inline-block;
}

.filter_check li label span {
    width: calc(100% - 16px);
    float: left;
	
}

.filter_check li label input {
    width: 15px;
	    margin-top: 5px;
    float: left;
    vertical-align: middle;
}


.filter_check li label {
    display: inline-block;
    width: 100%;
}

.search_filter_new .accordion-body {
    max-height: 400px;
    overflow: auto;
}

a.clear_filter {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 7px;
    text-align: right;
    width: 100%;
}

.agetn_list_one {
    margin-bottom: 20px;
}

.agetn_list_one h5 a {
    display: inline-block;
    font-size: 16px;
    color: #0db04a;
}

.agetn_list_one h5 a i.fa {
    display: inline-block;
    margin-right: 5px;
}

.agetn_list_one .card-body h3.card-title.fw-bold {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
}
#agent-results .local-agent .row iframe{width: 100%; }
div#light_beloyed_slider {
    border-radius: 10px;
    overflow: hidden;
}
.agetn_list_one .card-body a{    font-weight: 500;
    font-size: 14px;}
.agetn_list_one .card-body h3{     font-size: 20px;
    font-weight: 500;
    color: #000;}
.agetn_list_one .card-body p {
       margin: 0;
    font-size: 14px;
    margin-bottom: 3px;
    color: #747474;
    font-weight: 500;

}

.agetn_list_one .card-body h5 {
    margin-top: 10px;
    margin-bottom: 0;
}

.agetn_list_one .card-body {
    padding: 20px 25px;
}

.local-agent h4{      margin-bottom: 20px;
    font-size: 22px;
    font-weight: 500;
    color: #000;}
    .agentrow{display: flex;}
    .agentrow .agetn_list05::-webkit-scrollbar {
    width: 10px;
    height: 50px;
    background: #ddd;
    border-radius: 2px;}
   .agentrow .agetn_list05::-webkit-scrollbar-thumb {
    background: #0DB14B;
    border-radius: 2px;}
        .agentrow .agetn_list05{      margin-right: 5px;
    padding-right: 5px;  width: 30%;}
        .agentrow .locationmap{width: 70%;}
        .agetn_list05 .card .card-body h3{font-size: 18px;font-weight: bold;    margin-bottom: 15px;}
        .agetn_list05 .card .card-body p{font-weight: 500;margin-bottom: 5px;color: #747474;font-size: 16px;}
        .agetn_list05 .card .card-body a{font-weight: 500;margin-bottom: 0px;color: #747474;font-size: 16px;}
       .agetn_list05 .card .card-body p:last-child{margin-bottom: 0px;}
.agetn_list05 {
    max-height: 600px;
    overflow: auto;
    padding: 0 5px;
}

.agetn_list05 .card {
    box-shadow: 0 5px 8px rgba(0, 0, 0, .175) !important;
}
.agetn_list05 .card button{    background: #0DB14B;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;}
.agetn_list05 .card .card-body{border: 1px solid #e2e2e2 !important;}
.agetn_list05 .card {
    box-shadow: none !important;
    
    min-height: 252px;
}


.agent_map iframe {
    max-height: 250px !important;
}



.map iframe {
    width: 100%;
}


.map iframe {
    width: 100%;
}



.Login_model {
    z-index: 999999;
}


.Login_model .modal-content {
    position: relative;
    border-radius: 0;
    background: #000 url(../img/some0aas6.jpg) no-repeat center center;
    background-size: 124%;
    color: #fff;
    overflow: hidden;
}

.Login_model .modal-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* black overlay with 50% opacity */
    pointer-events: none;
}


.Login_model .modal-dialog {
    max-width: 700px;
}


.login_forms05 {
    position: relative;
    padding: 30px
;
}

.login_forms05 button.btn-close {
    position: absolute;
    right: 0;
    color: #fff;
    filter: invert(1);
    top: 0;
}


.login_forms05 form {
    margin-top: 50px;
}

.login_forms05 form .form-control {
    border-color: #fff;
    background: #000;
    color: #fff;
	    border-radius: 0;
}

.login_forms05 form .form-control:focus {
    border-color: #fff;
    background: #000;
    color: #fff;
}


.login_forms05 p a {
    color: #52c870;
}

.login_forms05 .alert ul {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.login_forms05 form span.text-danger {
    font-size: 12px;
}

/*
.bottom_header ul li . {
    width: 100vw;
    left: 0;
    position: fixed;
} */

.bottom_header ul li .sub_menu_full_width {
    width: 100vw;
    left: 0;
    position: fixed;
    background: #fff;
    float: left;
}

.sub_menu_full_width ul.bottom_header_sub_menu.bottom_header_sub_menu_3 {
    display: none;
    width: 100% !important;
    position: initial;
    float: left;
}

.sub_menu_full_width ul.bottom_header_sub_menu.bottom_header_sub_menu_3 li {
    width: 25% !important;
}

.subm_men_image img {
    text-align: center;
}

.subm_men_image img {
    text-align: center;
    height: 100px;
    object-fit: cover;
    width: 100%;
}

.subm_men_image {
    overflow: hidden;
    position: relative;
	margin-bottom: 5px;
}


span.hidden_content {font-size: 12px;
  display: inline-block;
  /*max-width: 0;
  overflow: hidden;*/font-weight: 500;
  white-space: nowrap;
  /*transition: max-width 0.5s ease;*/
  vertical-align: middle;
}

.top_head_icon ul li a:hover span.hidden_content , .top_head_icon ul li button:hover span.hidden_content {
  /*max-width: 120px; 
  color: #fff;
      padding-left: 4px;*/
}

.hivi_c a img {
    margin-right: 0 !important;
}

.slide_content_half a.btn_blank span.btn_img {
    padding: 6px 0;
}
.slide_content_half a.btn_blank span.btn_img img{width: auto;}

.new_sub_menu_design {
    position: fixed;
    left: 0;
    top: 188px;
    width: 100%;
	background:#000;
	display:none;
	    
}

.sub_open .new_sub_menu_design { 
	display:block;
	    
}


.sub_side_menu {
    background: #0c5687;
    min-height: calc(100vh - 245px);
    padding: 15px;
	    padding-top: 30px;
}

.sub_menulist {
    padding-top: 30px;
}

.new_sub_menu_design_inner {
    background: #181818;
    padding-right: 15px;
	    position: relative;
}

.new_sub_menu_design_inner:before {
    content: '';
    position: absolute;
    top: -9px;
    width: 43px;
    background: #0c5687;
    height: 20px;
    border-radius: 8px 8px 0 0;
    left: 11px;
    z-index: -1;
}



.sticky .new_sub_menu_design {
    top: 155px;
}

.one_sub_men01_title h4 {
    color: #1DC555;
    font-size: 11px;
    letter-spacing: 0.25rem;
    line-height: 1.5;
	    margin-bottom: 20px;
}

.one_sub_men01 ul {
    width: inherit !important;
    position: initial !important;
    padding: initial !important;
    background: initial !important;
    color: #fff !important;
    padding: 0 !important;
}

.one_sub_men01 ul li {
    width: 100% !important;
    padding: 0 !important;
}

.bottom_header .has_sub_menu .new_sub_menu_design .sub_menulist .one_sub_men01 a {
    padding: 7px 10px !important;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

.bottom_header .one_sub_men01 a:hover{
	
}

.bottom_header .one_sub_men01 a h5 {
    font-size: 16px;
    font-weight: 600;
}

.bottom_header .one_sub_men01 a p {
    font-size: 11px;
}

.bottom_header .one_sub_men01 a:hover p {
    color: #fff;
}

.bottom_header .one_sub_men01 a:hover {
    background: #323232;
}
 
.sub_side_menu_img {
  height: 100px;
  width: 100%; /* optional – set if you want a square shape */
  border-radius: 10px;
  overflow: hidden; /* ensures image corners follow the border radius */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5; /* optional background */
      margin-bottom: 15px;
}

.sub_side_menu_img img {
  height: 100px;
  width: 100%;
  object-fit: cover; /* ensures image fills nicely without distortion */
  border-radius: 10px;
}

.sub_side_menu_content h3 {
    font-size: 18px;
    font-weight: 600;
}


.sub_side_menu_content p {
    font-size: 12px;
}

.new_sub_menu_design_inner .sub_side_menu_content .viewlink a {
    border: 1px solid #fff;
    text-align: center;
    font-size: 12px;
    display: block;
    padding: 8px 11px !important;
    margin-top: 30px;
}

#templateFilter{margin: 10px 0px;border-radius: 8px;}

 .form-block.search{display: flex;align-items: center;justify-content: space-between;margin-right: 0;}
 
 .mobile_menus01 {
    display: none;
}

.product_detail_page_black_theme .product_fisst_section  .certificate{background: #fff; bbackground: linear-gradient(90deg, #ffffff, #000000cc, #000000cc) !important;}
/*.product_detail_page_black_theme .product_fisst_section  .certificate{background: #e0dede1c !important;}*/

.product_details_page_v2 section.product_fisst_section.textblack {background:none;padding: 0px !important}
.product_details_page_v2 section.product_fisst_section.textblack .certificate .flex-rows ul li a{color: #000000;}
.product_details_page_v2 section.product_fisst_section.textblack .certificate .flex-rows ul li a i{color: #747474;}
.product_details_page_v2 section.product_fisst_section.textblack .certificate .flex-rows ul li a img{    filter: invert(1);}
.product_details_page_v2 section.product_fisst_section {    background: linear-gradient(90deg, rgb(0 0 0 / 48%) 0%, rgb(0 0 0 / 77%) 50%, rgb(0 0 0 / 76%) 100%);
    /*background: url(../img/96f6cee9c658577ed66d154fd755018f14ffd95a.png);*/
    background-size: 100%;
    background-repeat: no-repeat;
	    overflow: hidden;
		    background-position: center;
			    position: relative;
}

.product_details_page_v2 section.product_fisst_section .banner_right_content {
    left: 0;
    right: initial;
	    padding-bottom: 0;
}


.product_details_page_v2 section.product_fisst_section .banner_details01 .bannee_image {
    text-align: right;
}

.product_details_page_v2 section.product_fisst_section .banner_right_content h4 {
    font-family: Manrope;
    font-weight: 300;
    font-style: Light;
    font-size: 40px;margin-bottom: 20px;
    leading-trim: NONE;
    
    letter-spacing: 0 !important;
}

.product_details_page_v2 section.product_fisst_section .banner_right_content p {
    font-family: Manrope;
    font-weight: 500;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
   
    letter-spacing: 0%;
	    /*margin-bottom: 84px !important;*/
}

.product_details_page_v2 section.product_fisst_section .banner_right_content h1 {
    font-size: 80px;
    margin: 100px 0 0 ;margin-bottom: 10px;font-family: "Michroma", sans-serif;
	    position: relative;
}

.product_details_page_v2 section.product_fisst_section .banner_right_content h2 {
    line-height: 1;
    padding-bottom: 0;
    font-size: 18px;
    
    margin-top: 10px;
    font-weight: 500;
}


.product_details_page_v2 section.product_fisst_section .banner_right_content h2 {
        
    
    
   
}


.product_details_page_v2 section.product_fisst_section .banner_right_content h1:before {
    content: '';
    width: 65px;
    height: 3px;
    background: green;
    position: absolute;
    top: -18px;
    left: 0;
}

.product_details_page_v2 section.product_fisst_section .banner_details01 .bannee_image {
    text-align: right;
    position: relative;
    top: 0px;
    right: 0px;
}

.product_details_page_v2 section.product_fisst_section:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    opacity: .7;
}

.banner_right_content ul li a.whiteLink {
    color: #fff;
}

.product_details_page.product_details_page_v2 {
    background: #fff;
}

.Variant_tabs_white {
    background: #fff;
}
.product_details_page_v2 section.Variant_tabs {
    background: #FBFBFB;
}

.Variant_tabs_white {
    background: #fff;
    border-radius: 8px;
    padding: 20px 28px;
}


.product_details_page_v2 .Variant_tabs_header.aos-init.aos-animate {
    margin: 0;
}

.product_details_page_v2 .Variant_tabs_header {
    margin: 0;
    background: none;
    border: none;
}

.product_details_page_v2 .Variant_tabs_header .links_tabs01 li a {
    border: none;letter-spacing: 0px;font-weight: 500;
}

.product_details_page_v2 .Variant_tabs_header .links_tabs01 li a {
    border: none;
    border-radius: 5px;
}

.product_details_page_v2 .Variant_tabs_header .links_tabs01 li a {
    border: none;
    border-radius: 5px;
    color: #434343;
    /*border: 1px solid #6a6b6f;*/
    border: 1px solid #6a6b6f4f;
}

.product_details_page_v2 .Variant_tabs_header .links_tabs01 li a.active {
    color: #fff;
    border-color: #08CB53;
}

.product_details_page_v2 .one_disctuon_details table tr th {
    background: #6A6B6F;font-weight: 500;
    color: #fff;letter-spacing: 0px;
}

.product_details_page_v2 .one_disctuon_details table tr th:first-child {
    border-radius: 6px 0 0 6px;
}

.product_details_page_v2 .one_disctuon_details table tr th:last-child {
    border-radius: 0 6px   6px 0;
}

.product_details_page_v2 .one_disctuon_details table tbody td {
    background: #fff !important;
    color: #121213 !important;letter-spacing: 0px;
    font-size: 16px;font-weight: 500;
    padding: 12px 12px;
    border-bottom: 1px solid #94949426 !important;
}

.product_details_page_v2 .one_disctuon_details table tr th {
    background: #6A6B6F;
    color: #fff;
    padding: 7px 12px;
}

.product_details_page_v2 .one_disctuon_details table tbody tr:nth-child(even) td {
    background: #FBFBFB !important;
}

span.light_orng {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: #FCC677;
    border-radius: 50%;
}

.light_com05 {
    width: 20px !important;
}

.light_com05 {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    padding: 12px 0px !important;
}
 
.light_orng {
    display: block;
    width: 15px;
    height: 15px;
    background: orange; /* or your desired color */
    border-radius: 50%;
    margin: 0 auto;
}

.product_details_page_v2 .finish_tab01_head {
    background: #6a6b6f;
    padding: 10px 13px;
    border-radius: 6px 6px;
}

.product_details_page_v2 .finish_tab01_head h3 {
    background: none;
    color: #fff;
}

.product_details_page_v2 .finish_tab01_product {
    background: #FBFBFB;    border-radius: 8px;
    overflow: hidden;
}

.product_details_page_v2 .finish_tab01 {
    background: none;
}


.product_details_page_v2 .finish_tab01_product .one_finsil_pro_img {
    padding: 0;
    text-align: center;
}

.product_details_page_v2 .finish_tab01_product .one_finsil_pro_img img {
    width: 60%;
    margin: 0 auto;
}

.product_details_page_v2 .finish_tab01_product .one_finsil_pro {
    margin-bottom: 0;
}

.product_details_page_v2 .finish_tab01_product .one_finsil_pro label {
    color: #1C1B1B;
    font-size: 12px;
    vertical-align: middle;
}

.product_details_page_v2 .finish_tab01_product .owl-nav {
    position: absolute;
    bottom: 15px;
    right: 15px;
}


.product_detail_page_black_theme .finish_tab01_product .owl-nav button{    background: #ffffff00 !important;
    /* border: 1px solid #ddd; */
    display: inline-block;
    border: 1px solid #ffffffa1 !important;
    width: 24px;
    height: 24px;
    color: #fff;
    border-radius: 50%;
    margin: 0 4px;}
.product_detail_page_black_theme .finish_tab01_product .owl-nav button img{    filter: invert(0) !important;}  

.product_details_page_v2 .finish_tab01_product .owl-nav button {
    background: #fff;
    display: inline-block;    border: 1px solid #00000052;
    width: 24px;
    height: 24px;
    color: #fff;
    border-radius: 50%;
    margin: 0 4px;
}
.product_details_page_v2 .finish_tab01_product .owl-nav button.owl-prev img{    transform: rotate(180deg);}
.product_details_page_v2 .finish_tab01_product .owl-nav button img{    width: 12px;
    filter: invert(1);
    position: relative;
    top: -2px;}

.product_details_page_v2 .finish_tab01_product .owl-dots {
    display: none;
}


.one_light_beloyed_slider {
    position: relative;
}

.one_light_beloyed_slider .one_light_beloyed_content {
    position: absolute;
    bottom: 20px;
    width: 33%;
    padding-right: 43px;
	    z-index: 9999;
}


.one_light_beloyed_slider .one_light_beloyed_content p {
    font-size: 12px;
	color:#7B7B7B
}

.one_light_beloyed_slider .one_light_beloyed_content h3 {
    font-size: 26px;
    margin-bottom: 20px;
    color: #6A6B6F;
    line-height: 1.5;
}

section.light_beloyed_slider_section {
    padding: 0;
}

section.light_beloyed_slider_section {
    position: relative;
}

.light_beloyed_slider_section .owl-nav button  {
        width: 25px;
    background: #ffffff00 !important;
    display: inline-block;
    height: 25px;
    z-index: 999;
    position: relative;
    margin-left: 10px;
    border-radius: 50%;
    border: 1px solid #fff !important;
}
.light_beloyed_slider_section .owl-nav button:nth-child(1) img{transform: rotate(180deg);}
.light_beloyed_slider_section .owl-nav button img{max-width: 12px;margin-top: -2px;}
.light_beloyed_slider_section .owl-nav button i.fa {
        -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #737171 0%, #424346 50%);
}

#light_beloyed_slider .owl-nav {
    position: absolute;
    right: 55px;
    bottom: 60px;
}

.light_beloyed_slider_section .owl-dots {
    display: none;
}

section.light_beloyed_slider_section {
    position: relative;
    padding-bottom: 60px;
}


.one_light_beloyed_image {
    border-radius: 10px;
    overflow: hidden;
}
 
.one_light_beloyed_image {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}


.one_light_beloyed_image_conten {
         position: absolute;
    width: 36%;
    left: 0%;
    top: 0;
    bbackground: #000;
    height: 100%;
    padding: 20px;
}
.dimension .dimension-head p{letter-spacing: 0px;}
.dimension .dimension-head h3{letter-spacing: 0px;}
.marker .info strong{letter-spacing: 0px;}
.marker .info p{letter-spacing: 0px;}
.key-construction .key-construction-row .key-construction-head p{letter-spacing: 0px;}
.key-construction .key-construction-row .key-construction-head h3{letter-spacing: 0px;margin-bottom: 5px;}
.iq-sense .iq-sense-row .iq-sense-text p{letter-spacing: 0px;}
.iq-sense .iq-sense-row .iq-sense-text h3{letter-spacing: 0px;}
.one_light_beloyed_image_conten h3 {
    font-size: 35px;
    margin-bottom: 25px;letter-spacing: 0px;
    color: #fff;
   
}
.one_light_beloyed_image_conten p {
    font-size: 16px;font-weight: 500;
    color: #FFFFFF;letter-spacing: 0px;
}


.one_light_beloyed_image_conten ul{padding-left: 18px !important;    margin: 0;
    padding: 0;}
.one_light_beloyed_image_conten ul li{    list-style: disc;font-size: 16px;
    color: #FFFFFF;
    margin-top: 5px;
    font-weight: 500;}

.energy_audits_and_photometrics {
    background: #ccc url(../img/bk_for_energy_audits_and_photometrics.jpg);
    background-size: 100%;    padding: 170px 0px !important;
    position: relative;
}

.energy_audits_and_photometrics .bringing_regulatory_box_content {
    background: #0db14bd6;
    color: #fff;
}

.energy_audits_and_photometrics .bringing_regulatory_box_content a.btn_blank.white_btn {
    border-color: #fff;
    color: #fff;
}

.energy_audits_and_photometrics .bringing_regulatory_box_content a.btn_blank.white_btn img {
    filter: invert(0);
}

.claims .text h4 img {
    width: 27px;
}
 
.installation_coordination_and_support {
    /*background: #888 url(../img/installation_coordination_and_support.jpg);*/
    padding: 175px 0;
    background-size: cover;
    position: relative;
}

..installation_coordination_and_support .text{    position: relative;
    z-index: 99999;
    background: #ebeded;
    width: 100%;
    float: right;
    padding: 41px 45px;
    border-radius: 8px;
    margin: 0 0;
    margin-left: 48px;}




.installation_coordination_and_support h4 {
        font-family: Manrope;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.2;color: #fff;
    margin-bottom: 25px;
}
.installation_coordination_and_support p {
    margin-bottom: 40px;
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;color: #fff;
    line-height: 1.5;
}


.sub_title01 {
    color: #fff;
    padding: 10px 0;
    margin: 0;
    font-weight: 500;
    font-size: 22px;
}

.color_black{
	color:#000 !important
}

.custom_lighting_solutions01 {
    background: url(../img/custom_lighting_solutions01.jpg);
    height: 94%;
    background-size: cover;
    text-align: center;
    padding: 20px; 
    border-radius: 10px;
	position:relative;
	    overflow: hidden;
}

.custom_lighting_solutions01:before {
    content: '';
    position: absolute;
    bottom: 0;
    background: #000;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    opacity: .5;
}


.custom_lighting_solutions01 h4 {
    font-weight: bold;
    font-size: 32px;
    padding-bottom: 10px;
}

.cos_cs09 {
    position: relative;
    z-index: 999;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
}


.controls_and_automation_integration {
    background: #ccc url(../img/controls_and_automation_integration.jpg);
    background-size: 100%;
    position: relative;
    padding: 150px 0;
}


.controls_and_automation_integration_section {
    color: #fff;
    text-align: center;
}


.controls_and_automation_integration_section h4 {
    font-weight: bold;
    font-size: 32px;
    padding-bottom: 10px;
}

.controls_and_automation_integration_section .sub_title01 {
    margin-top: 0;
    padding-top: 0;
}

.controls_and_automation_integration_section a.btn_blank.white_btn {
    color: #fff;
    border-color: #fff;
}

.controls_and_automation_integration_section a.btn_blank.white_btn img {
    filter: initial !important;
}


.compliance_and_certification_assistance {
    background: #ccc url(../img/energy_audits_and_photometrics.jpg);
    background-size: 100%;
    position: relative;
    padding: 50px 0;
}

.compliance_and_certification_assistance .bringing_regulatory_box_content {
    background: rgb(1 31 77 / 78%);
}


section.compliant_products01.end_to_end_compliant_products01 {
    margin-bottom: 50px;
}

section.compliant_products01.end_to_end_compliant_products01 .compliant_products01_conaten {
	background: url(../img/compliant_products01_conaten02.jpg);
	
}

section.compliant_products01.end_to_end_compliant_products01 .compliant_products01_conaten {
    background-size: 100%;
    background-position: center;
}

section.compliant_products01.end_to_end_compliant_products01 a.btn_blank {
    padding: 17px 25px !important;
}

.gallery05 {
    margin-top: 50px;
}

.gallery05 .one_case_study {
    background: #fff;
    min-height: initial;
}

.gallery05 .one_case_study .ONe_case_content {
    min-height: inherit;
}

.gallery05 .one_case_study .ONe_case_content a.btn_blank.green_btn span.btn_img {
    display: flex;
    min-height: 27px; 
    align-items: center;
}



.promo-panel span.badge.bg-danger {
    padding: 8px;
    font-size: 10px;
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: 0;
}

.promo-panel h4 {
    font-size: 16px;
	    line-height: 1.5;
    margin: 10px 0;
}
.promo-panel a.btn.btn-custom span img{   filter: brightness(0) saturate(100%) invert(63%) sepia(99%) saturate(467%) hue-rotate(69deg) brightness(72%) contrast(68%);}
.promo-panel a.btn.btn-custom {
        font-size: 12px;background: #fff !important;
    background: none;
    color: #0DB14B;
    border: 1px solid #61cb8c;
    padding: 6px 30px !important;
    display: inline-block;
    border-radius: 8px;
    position: absolute;
    bottom: 40px;
    left: 38px;
}

.promo-panel a.btn.btn-custom:hover{
color: #fff !important;
}

.mega-menu .row .col-md-9{width: 80%;padding-right: 0px;}
.mega-menu .row .col-md-3{width: 20%;padding-left: 0px;}


    .mega-menu {
		width: 100%;
		padding: 0;
		background: #fff;
		border-radius: 10px;
		color: #000;
		    overflow: hidden;
			    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	}
.mega-title.self_menu{width: auto;}
    .mega-title {
      font-weight: 600;
    margin-bottom: .75rem;

    width: 220px;
    }

    .mega-menu ul {
		padding: 0 !important;
		list-style: none;
		padding-left: 0;
		margin-bottom: 1.5rem;
		position: initial !important;
		width: initial !important;
	}
	
	.mega-menu ul li {
		width: 100% !important;
	}

    .mega-menu ul li {
      padding: .25rem 0;
      font-size: 0.9rem;
      color: #555;
      cursor: pointer;
    }

    .mega-menu ul li:hover {
      color: #000;
    }

    .promo-panel {
      background: linear-gradient(135deg, #19a84a, #2cc26b);
      color: #fff;position: relative;
      ppadding: 0px !important;
      height: 100%;
      border-radius:0;
      display: flex;
      flex-direction: column;
	      ppadding-right: 0;
      justify-content: space-between;
    }

    .promo-panel h4 {
      font-weight: 700;
    }

    .promo-panel img {
		max-width: 100%;
		margin: 0;
		position: relative;
		mmargin-top: -33px;
		mmargin-bottom: -33px;
	}

    .btn-custom {
      background: #fff;
      color: #19a84a;
      font-weight: 600;
      border-radius: 50px;
    }

.bottom_sub_header_big .sub_menu_left_contant .menucumwidth{width: 20%;}
.bottom_sub_header_big .container .mega-menu .row .col-md-9 .sub_menu_left_contant .col-lg-3:nth-child(4) .mega-title{width: 220px !important;}

	.bottom_sub_header_big {
		position: fixed;
		left: 0;
		top: var(--bottom-header-height);
		width: 100vw;
		background: none;
		z-index: 9999;
		/* display: none; */
		/*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); */
		display:none;
	}
	
	.bottom_header ul li.has_sub_menu:hover .bottom_sub_header_big {
		display:block;
	}
	
	.new_bottom_header .text-white.text-center.py-2 {
    padding-bottom: 0 !important;
}

	
	.bottom_sub_header_big .container {
		padding: 0px 12px;
    padding-left: 12px;
	}
/*
.sub_menu_left_contant::-webkit-scrollbar {
    width: 3px;
    height: 16px;
    background: #94949426;
    border-radius: 8px;}
.sub_menu_left_contant::-webkit-scrollbar-thumb {
    background: #0DB14B;
    height: 50px;
    border-radius: 8px;
}*/
	.sub_menu_left_contant {
       padding: 35px 15px;
    padding-top: 50px;
    padding-left: 50px;
    max-height: 700px;
    overflow-y: auto;
}


.mega-title h6 {
    font-size: 16px;
    font-weight: 700;
}

.mega-title p {
    font-size: 12px;
    /* line-height: 1.2; */
    color: #747474;
    font-weight: 500;
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sub_menu_left_contant ul {
    float: left;
}


.sub_menu_left_contant ul li a {
        padding: 3px 0 !important;
    font-size: 14px;
    font-weight: 500;
}

.bottom_header ul li .sub_menu_left_contant ul li a {
    padding-left: 0px !important;color: #000;
}

header#mainHeader.sticky .bottom_sub_header_big {
    margin-top: -44px;
}

.sub_menu_left_contant ul li {
    padding: 0;
}

.sub_menu_left_contant ul li a:hover {
    /*background: #F3F3F3;*/
}

.bottome_lapyout_menu {
    background: #F3F3F3;
    padding: 12px 50px;
}

.bottome_lapyout_menu h3 {
        font-size: 20px;
    font-weight: 700;
    color: #0DB14B;
    margin-bottom: 0;
}
.headercumbtn{    margin: 0 !important;
    padding: 8px 15px !important;}
.bottome_lapyout_menu a:hover{color: #fff !important;}
.bottome_lapyout_menu small {color: color: #747474;;
    font-size: 14px;font-weight: 500;
    display: inline-block;
}

.bottom_header .bottome_lapyout_menu a {
        display: inline-block;font-size: 14px !important;
    padding: 8px 20px !important;
    text-align: center !important;
}

.bottom_header .bottome_lapyout_menu a.btn.btn-success {
    padding: 8px 12px !important;
    background: #29be65;
    border-color: #29be65;
}


.bottom_header .bottome_lapyout_menu a.btn.btn-success:hover {
	color:#fff;
}
.bottom_header .bottome_lapyout_menu a.btn.btn-success img{margin-left: 5px;width: 13px;}
.bottom_header ul li .mega-title h6 a {
       padding: 0 !important;
    margin-top: 0;
    margin-bottom: .5rem;display: block;
    font-weight: 700;
    font-size: 16px;
    align-items: center;
    justify-content: space-between;
}
.bottom_header ul li .mega-title h6 a i{color: #0DB14B;}
.bottom_header ul li .mega-title h6 a:hover i{color: #0DB14B;}
.bottom_header ul li .mega-title h6 a i{margin-left: 6px;}
.bottom_header ul li .mega-title h6 a img{width: 13px;    margin-left: 10px;}
.one_menus01 {
    margin-bottom: 20px;
}



.one_menus01 h6 {
    position: relative;
}

.one_menus01 h6:after {
    content: '';
    content: "\f061";display: none;
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    right: 0;
    top: 1px;
    color: #27bb62;
    font-size: 10px;
}

.bottom_header .bottome_lapyout_menu a.btn.btn-success i.fa {
    padding-left: 6px;
    font-size: 10px;
}

.promo-panel p.small {
    font-size: 11px;
}

.promo-panel h3 {
    font-size: 45px;
    font-size: 57px;
    margin: 6px 00;
    position: relative;
    background: linear-gradient(90deg, #fefefe 0%, #61fb9a 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Organetto Demo", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1;
}


.bottom_header .bottome_lapyout_menu a.btn.btn-success:hover {
    color: #fff !important;
}

.bottom_header ul li.has_sub_menu .bottom_sub_header_big .mega-menu .bottome_lapyout_menu .row .col-md-8 h3{    font-size: 16px;}
.bottom_sub_header_big.bottom_sub_header_small {
    position: absolute;
    top: 100% !important;
    width: 705px;
}

.bottom_sub_header_big.bottom_sub_header_small.servicemenu .cumbtn{display: flex;align-items: center;justify-content: space-between;}

.bottom_sub_header_big.bottom_sub_header_small.servicemenu{width: 425px;}
.bottom_sub_header_big.bottom_sub_header_small.servicemenu .mega-menu .bottome_lapyout_menu h3{font-size: 16px;margin-right: 25px;}
.bottom_sub_header_big.bottom_sub_header_small.servicemenu .sub_menu_left_contant{    padding-right: 50px;}

.bottom_sub_header_big.bottom_sub_header_small .sub_menu_left_contant {
    /*padding-right: 47px;*/    padding-bottom: 30px;
}

.bottom_sub_header_big.bottom_sub_header_small .sub_menu_left_contant .col-md-6:nth-child(1) .mega-title.self_menu {
    padding-right: 20px;
}


header#mainHeader.sticky .bottom_sub_header_big.bottom_sub_header_small {
    margin-top: 0;
}


.case_study_details {
    padding: 50px 0;
}

.project_ImageShow {
    margin-bottom: 20px;
}
 


.case_study_details table {
    width: 100% !important;
    /* border: 1px solid #ccc; */
	    margin-bottom: 30px;
}
.slide_box_text_conte01 p{font-size: 16px;font-weight: 500;}
.case_study_details table td , .case_study_details table th{
    border: 1px solid #ccc;
    padding: 5px;
	    text-align: center;
}
.case_study_details table td p{ margin-bottom: 0 !important;}
.case_study_details table th p{    margin-bottom: 0 !important;}

.case_study_details table th {
    text-align: center;
    background: #1DC555;
    color: #fff;
}

.case_study_details h2 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #1DC555;
}


.widget_pxl_recent_posts .pxl--item {
    display: flex;
    flex-wrap: nowrap;
    gap: 21.5px;
    padding-bottom: 27px;
}

.widget_pxl_recent_posts .pxl-item--featured {
    width: 52%;
    border-radius: 6px;
    overflow: hidden;
}


.widget_pxl_recent_posts .pxl-item--featured .pxl-featured--link {
    display: block;
    width: 100%;
    height: 100%;
}

.widget .pxl-item--featured img, .widget .pxl-author--avatar img {
    width: 100%;
}

.widget_pxl_recent_posts .pxl-item--featured img {
    height: 100%;
}
.widget_pxl_recent_posts .pxl-item--content {
    width: 48%;
}

 .widget_pxl_recent_posts .pxl-item--title {
    font-family: montserrat, sans-serif;
    font-size: 16px;
    letter-spacing: -.02px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--secondary-color);
}


.widget_pxl_recent_posts .pxl-item--title {
    color: #072032;
    margin-bottom: 14px;
}

.widget_pxl_recent_posts .pxl-item--date {
    color: #4aab3d; 
    font-size: 12px;
    font-weight: 500;
    line-height: 1.08333;
}

.widget_pxl_recent_posts h2 {
    margin-top: 0px !important;
    line-height: 1;
}

.case_study_details ul li {
    list-style: circle;
}

.inner_banner img {
    max-height: 560px;
    object-fit: cover;
}

.widget_pxl_recent_posts {
    position: sticky;
    top: 0;
}


#resolvedPart .filtercard{padding: 80px 0px;}

.hotspot-wrapper { 
    width: 100%;
}

.key-construction .key-construction-row img {
    width: 100%;
    height: initial !important;
    max-height: initial;
}

.iq-sense, .simply_your_lighting_investory, .additional_energy{padding-top: 30px !important;}

/* .hotspot-scroll {

            overflow-x: auto;

            padding-bottom: 10px;

        }*/



        .hotspot-wrapper {

            position: relative;

            display: inline-block;

        }



        .hotspot-wrapper img {

            max-height: 450px;

            display: block;

        }



        .hotspot-dot {

            width: 14px;

            height: 14px;

            background: #e53935;

            border-radius: 50%;

            position: absolute;

            transform: translate(-50%, -50%);

            cursor: pointer;

        }



        .hotspot-dot:hover {

            background: #000;

        }



        .hotspot-tooltip {

            position: absolute;

            top: -40px;

            left: 20px;

            background: #000;

            color: #fff;

            padding: 6px 10px;

            font-size: 12px;

            border-radius: 4px;

            white-space: normal;

            max-width: 220px;

            display: none;

            z-index: 10;

        }



        .hotspot-dot:hover .hotspot-tooltip {

            display: block;

        }

    

        /* Marker container */

        .marker {

            position: absolute;

            display: flex;

            align-items: start;

            gap: 5px;

        }



        .marker .dot {
cursor: pointer;
           min-width: 20px;
    height: 20px;
    background: #08CB53;
    border-radius: 2px;
    position: relative;
    display: block;
    text-align: center;
    display: inline-block !important;
    align-items: center;
    line-height: .8;
    justify-content: center;
    flex: 0 0 15px;
    padding: 4px;
    font-size: 14px;
    color: #fff;


        }





        .marker .dot img {

            max-width: 8px;

        }



        /* Text box */
.marker:hover .info{visibility: visible;}
        .marker .info {display: none;
                visibility: hidden;
    max-width: 300px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ddddddad;
    padding: 5px 10px;    z-index: 1;

            /*margin-left: 275px;*/

        }



        .marker.marker_with_left .info{
display: none !important;
                position: absolute;

            right: 0;

            margin-right: 25px;

            margin-left: 0;

            width: 300px;

            text-align: left;

        }



        .marker.marker_with_left span.dot:before { 

            right: 22px;display: none;

            left: inherit;

        }



        .marker .info strong {

        display: block;

        font-size: 16px;

        margin-bottom: 4px;

        }

.marker .info .content ul{margin: 0px;padding: 0px;}
.marker .info .content ul li{position: relative;font-size: 14px;    margin-bottom: 5px;    display: flex;    }
.marker .info .content ul li::before{    content: "–";
    display: inline-block;
    margin-left: 0px;margin-right: 5px;
    /*width: 20px;*/}

        .marker .info p {

            font-size: 13px;

            margin: 0;

        }
.lighting-solution .table .button-w-dotted{text-align: right;margin-top: 30px;}
.lighting-solution .table .button-w-dotted button{color: red;font-size: 16px;}
.lighting-solution .table table tbody tr:nth-child(2) td{border-top: none;}
.product_detail_page_black_theme .lighting-solution .table table tbody tr td.active span{color: #FAA61A !important;}
.product_detail_page_black_theme .lighting-solution .table table tbody tr td.active span::before{color: #FAA61A;}

.product_detail_page_black_theme .lighting-solution{padding-bottom: 0px !important;}

        .pointer_table_imge img {

            max-width: 100%;

        }



        .marker.marker_left .info {

            margin-left: 0;

                order: 1;

            margin-right: 110px;

        }



        .marker.marker_left span.dot {

            order: 2;

        }



        .marker span.dot:before {
display: none;
            content: '';

            width: 103px;

            background: #444444;

            border-radius: 0;

            position: absolute;

            height: 1px;

            left: 22px;

            top: 7px;

        }



        .marker.marker_left span.dot:before {

            left: inherit;

            right: 24px;

        }

            

        .marker .dot i.fa {

               color: #fff;
    font-size: 9px;
    position: relative;
    top: -1px;
    left: 1px;

        }



	

        .selected-row td {

            background: #e8f5e9;

            font-weight: bold;

        }



        .option {

            display: block;

            cursor: pointer;

            padding: 4px 0;

        }



        .option.disabled {

            color: #999;

            cursor: not-allowed;

        }



        .resolved-part {

            margin-top: 15px;

            font-size: 18px;

            font-weight: bold;

        }

        #resetOrdering {

            cursor: pointer;

        }



        #resetOrdering:hover {

            text-decoration: underline;

        }

.lighting-solution .table table thead tr th:nth-child(1){border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.lighting-solution .table table thead tr th:last-child{border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.lighting-solution .table table thead tr{border:none;}
        .lighting-solution .table table thead tr th {
            font-weight: 500;
            width: 0;letter-spacing: 0px;

        }

    

        .col { margin-bottom: 15px; }

            .option {

                display: inline-block;

                padding: 4px 8px;

                margin: 4px;

                border: 1px solid #ccc;

                cursor: pointer;

            }

            .option.active {

                background: #333;

                color: #fff;

            }

            .final-variant {

            margin-top: 20px;

            padding: 16px 20px;

            border: 1px solid #ddd;

            border-radius: 6px;

            background: #fafafa;

            max-width: 500px;

        }



        .final-variant h4 {

            margin: 0 0 12px;

            font-size: 16px;

            font-weight: 600;

        }



        .variant-label {

            font-size: 13px;

            color: #666;

            margin-bottom: 4px;

        }



        .variant-value {

            font-size: 15px;

            font-weight: 500;

            margin-bottom: 14px;

        }



        .variant-link a {

            display: inline-block;

            padding: 8px 14px;

            background: #333;

            color: #fff;

            text-decoration: none;

            border-radius: 4px;

            font-size: 14px;

        }



        .variant-link a:hover {

            background: #000;

        }



        .option {

            border: none!important;

            color: #000!important;

        }



        .optionsRow td {

            cursor: pointer;

        }

        .optionsRow td.active {

            background: #eef5ff;

            border: 1px solid #3b82f6;

        }



        .lighting-solution .table table thead tr th {

               text-align: left;
    padding: 7px 12px;

        }
		
		
		
		
		
		
.ikio-step-wrapper {
  position: relative; 
  overflow: visible; /* IMPORTANT */
}

/* PROGRESS LINE */
.ikio-step-wrapper::before,
.ikio-step-wrapper::after {
  content: "";
  position: absolute;
  top: 150%;
  left: 0px;
  right: 00px;
  height: 1px;
}

.ikio-step-wrapper::before {
  background: #ffffff54;
}

.ikio-step-wrapper::after {
  background: #22c55e;left: 12%;
  width: var(--ikio-progress, 0%);
  transition: width 0.6s ease;
}

/* STEP LIST */
.ikio-step-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* STEP ITEM */
.ikio-step-item {
  text-align: center;padding:0px 50px;
  position: relative;
  flex: 1;
}
..ikio-step-list .ikio-step-item:nth-child(1) label{visibility: visible;}
.ikio-step-item.active label{visibility: visible;}
.ikio-step-item.completed label{visibility: visible;}
/* ICON WRAPPER */
.ikio-step-icon-wrap {
  position: relative;
  height: 80px;
}

.ikio-step-icon-wrap label{ visibility: hidden;   color: #1DC555;font-weight: 700;
    font-size: 20px;display: block;margin-bottom: 10px;
    text-align: center;}
.ikio-step-icon-wrap p{    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: 500;}

/* ICON */
.ikio-step-icon {
  width: 60px;
  transition: transform 0.6s ease, filter 0.6s ease;
  transform: translateY(0);
}

/* ✅ POP-OUT EFFECT (REFERENCE STYLE) */
.ikio-step-item.active .ikio-step-icon,
.ikio-step-item.completed .ikio-step-icon {
  transform: translateY(-35px);
}

/* GREEN COMPLETED ICON */
.ikio-step-item.completed .ikio-step-icon, .ikio-step-item.active .ikio-step-icon {
  filter: brightness(0) saturate(100%) invert(59%) sepia(84%)
          saturate(548%) hue-rotate(78deg)
          brightness(76%) contrast(83%);
}

/* ACTIVE PULSE */
.ikio-step-item.active .ikio-step-icon {
  animation: ikioPulse 1.6s infinite;
}

@keyframes ikioPulse {
  0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.5); }
  70% { box-shadow: 0 0 0 14px rgba(34,197,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

/* TEXT */
.ikio-step-text {
  margin-top: 20px;
  max-width: 260px;
  margin-left: auto;font-weight: 500;
  margin-right: auto;
      color: #fff;
      font-size: 16px;
    line-height: 1.4;
    margin-top: 75px;
	
	
}

.ikio-step-item.completed .ikio-step-text, .ikio-step-item.active .ikio-step-text{
	 color: #1DC555;
}

/* pill wrapper */
.ikio-line-pill {
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 36px;
  background: #1DC555;
  border-radius: 30px;
  overflow: hidden;

  width: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  transition: width 0.55s cubic-bezier(.4,0,.2,1);
  z-index: 3;
}

/* text */
.ikio-line-pill span {
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.25s ease 0.35s;
}

/* ACTIVE STEP */
.ikio-step-item.active .ikio-line-pill , .ikio-step-item.completed .ikio-line-pill  {
  width: 40px;height: 40px;
}

.ikio-step-item.active .ikio-line-pill span , .ikio-step-item.completed .ikio-line-pill span  {
  opacity: 1;
}


section.setps_sign05.newSepts { 
    background-size: 200%; 
    background-position: center 39vh;
}

.ikio-step-wrapper{
	    margin-top: 2%;
}



.banner_content_details_page .banner_right_content {
    position: initial;
    transform: initial !important;
    width: 100% !important;
}

.banner_content_details_page {
    position: absolute;
    bottom: calc(18% - 45px);
    width: 100%;
    left: 0;
    float: left;
}





.product_image_on_details_page img {
    height: calc(100vh - 60px);
	    object-fit: cover;
	    min-height: 650px;
}

.product_details_page_Rakes .flex-rows .icon-block li img {
    width: 49px;
}

.product_page_breadcutms {
    position: absolute;
    top: 27%;
	    top: var(--header-height);
    width: 100%;
    left: 0;
    float: left;
}


/*********************************************** product detap white css ************************************/

.product_detail_page_black_theme section.product_fisst_section{padding: 0px 0px !important;}
  .customer-support .supportinn{padding: 80px 50px;}
        .iq-sense .iq-sense-row .iq-sense-text{padding: 50px 60px 50px 40px;}
        .one_light_beloyed_image_conten{    padding: 50px 40px 50px 60px;}
        .customer-support{padding: 80px 0px !important;    background: #F2F2F2;}
        .product_details_page_v2 section.Variant_tabs{padding: 80px 0px !important;}
        .product_details_page_v2 section.product_fisst_section .banner_right_content h1:before{width: 100px;height: 5px;    background: #08CB53;}
        .product_fisst_section img{width: 100%;}
        .banner_details01{position: initial;}
        .card.filtercard{    border: none;}
        .greenbtngroup{overflow: hidden;}
        .lighting-solution{padding: 80px 0px !important;}
        .filtercard .card-body .rightbtn .whitebtngroup{margin-top: 10px;}
        .lighting-solution .table table tbody tr{border-bottom-width: 0px;}
        .filtercard .card-body{width: 100%;margin: 0 auto;display: flex;}
        .filtercard .card-body .heading{    width: 70%;    padding-right: 30px;}
        .filtercard .card-body .heading span{letter-spacing: 0px;    color: #4cc858;font-size: 16px;font-weight: 500;display: block;margin-bottom: 15px;}
        .filtercard .card-body .left{width: 40%;float: left;padding-right: 30px;text-align: center;display: none;}
        .filtercard .card-body .left h6{text-align: center;font-weight: 700;font-size: 18px;}
        .filtercard .card-body .left p strong{font-size: 16px;}
        .filtercard .card-body .left p span{color: #08ca52;font-weight: 500;font-size: 15px;}
        .filtercard .card-body .left .pro_img{text-align: center;}
        .filtercard .card-body .left .pro_img img{width:100%;}
        .filtercard .card-body .rightbtn{width: 30%;float: left;}
        .filtercard .card-body .rightbtn .downloadbtn{margin-top: 25px;}
        .filtercard .card-body .rightbtn .downloadbtn a:hover{background: #000 !important;color: #fff !important;border-color: #000 !important;}
        .filtercard .card-body .rightbtn .downloadbtn a{letter-spacing: 0px; background: #f24a22;padding: 10px 12px;border-radius: 2px;font-size: 12px;font-weight: 500;color: #fff;}
        .filtercard .card-body .rightbtn .downloadbtn a img{margin-left: 12px;width: 16px;height: 10px}
        .filtercard .card-body .rightbtn .downloadbtn a:hover img{}
        .filtercard .card-body .rightbtn .btngroup a.btngreen{letter-spacing: 0px; background: #4cc858; color: #fff; border-color: #4cc858; width: 47%; float: left; padding: 8px 8px; font-weight: 500; font-size: 12px;}
        
        .filtercard .card-body .rightbtn .btngroup a{letter-spacing: 0px; outline: none; box-shadow: none; margin-bottom: 10px; border-color: #ddd; padding: 8px 8px; font-weight: 500; font-size: 12px; width: 30%; color: #837676; display: inline-flex; align-items: center; justify-content: space-between;}
        .filtercard .card-body .rightbtn .btngroup a img{margin-left: 5px;width: 16px;height: 10px;}
        .filtercard .card-body .rightbtn .btngroup a:hover{background: #000 !important;color: #fff !important;border-color: #000 !important;}
        .whitebtn img{filter: invert(1);}
        .whitebtn:hover img{filter: invert(0);}
}

.flex-rows .icon-block li img{width: 75px;}
        .product_fisst_section.blackbg::before{background: #ffffff;}
        .product_fisst_section.blackbg .bread_crums ul li{color: #000000 !important;}
        .product_fisst_section.blackbg .bread_crums ul li a{color: #000000 !important;}
        .product_fisst_section.blackbg .bannertext{color: #000 !important;}
        .product_fisst_section.blackbg .bannertext h1{background: linear-gradient(90deg, #000000 0%, #000000 50%) !important;-webkit-background-clip: text !important;}
        .product_fisst_section.blackbg .bannertext h2{color: #000 !important;}
        .product_fisst_section.blackbg .banner_right_content ul li a{color: #000 !important;}
        .product_fisst_section.blackbg .banner_right_content ul li a img{filter: invert(1);}
.certificate{  background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;}
        .product_details_page_v2 section.product_fisst_section .banner_right_content p{ /*margin-bottom: 65px !important;line-height: 30px; */}
        .product_details_page_v2 section.product_fisst_section .banner_right_content h1{  
    /*background: linear-gradient(90deg, #C5C5C5 0%, #6A6B6F 50%);*/background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%);
    -webkit-background-clip: text;    
    -webkit-text-fill-color: transparent;
    font-size: 65px;
    font-weight: 700;}
        .product_details_page_v2 section.product_fisst_section .banner_right_content h4{ }
        .bread_crums{width: 100%;margin-bottom: 10px;margin-top: 10px;}
        .banner_right_content{transform: translate(0%, -50%) !important;}
        .product_details_page_v2 section.product_fisst_section{padding: 0px !important;position: relative;}
        .product_details_page_v2 section.product_fisst_section .newbannerimg img{width: 100%;}
        .product_details_page_v2 section.product_fisst_section::before{z-index: -1;}
        .product_details_page_v2 section.product_fisst_section .banner_right_content{width: 79%;
    top: 51.5%;
    left: 0;
    right: 0;
    margin: 0 auto;}
        .flex-rows {display: flex;align-items: center;justify-content: space-between;width: 100%;    margin: 15px 0px;}
        /* .flex-rows .icon-block img{width: 200px;} */
        .flex-rows ul{margin-bottom: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0;}
        .flex-rows ul li a.whiteLink{    color: #fff;}
        .flex-rows ul li a.whiteLink:hover{color: #08CB53;}
        .flex-rows ul li{    display: inline-block;}
        .flex-rows ul li a{    font-size: 14px;font-weight: 500;
            color: #08CB53;letter-spacing: 0px;
            margin-right: 25px;}
            .flex-rows ul li a:hover{color: #08CB53 !important;}
        .flex-rows ul li a img{    width: 12px;
            margin-left: 6px;
            vertical-align: middle;}
        .banner_right_content ul li {display: inline-block;}
        .banner_right_content ul li a {    color: #C5C5C5;
    font-size: 10px;
    margin-right: 0;}
        .flexbox {display: flex;justify-content: space-between;}
        .links_tabs01 li a {margin-right: 0px;padding: 7px 15px;} 
        section.light_beloyed_slider_section{padding: 100px 0px 60px !important;}
        section.light_beloyed_slider_section  .text h3{font-size: 35px;margin-bottom: 25px;color: #6A6B6F;}
        section.light_beloyed_slider_section  .text p{font-size: 16px;color: #7B7B7B;}
        ..optilayout .text .requestbtn a:hover{background: #08ca52;color: #fff; border-color: #08ca52;}
        .optilayout .text .requestbtn a:hover img{filter: invert(0);}
        .optilayout .text .requestbtn a img{filter: invert(1);}
        section.light_beloyed_slider_section .text{padding-right: 50px;}
        section.light_beloyed_slider_section .text h3{color: #000;letter-spacing: 0px;}
        section.light_beloyed_slider_section .text:nth-child(2) h3{font-size: 22px;font-weight: 600;color: #000;    margin-top: 35px;}
        #light_beloyed_slider .owl-nav{right: 25px;bottom: 25px;}
        .light_beloyed_slider_section .owl-nav button i.fa{color: #ffffff !important;}
.dimension{padding: 80px 0px !important;}
.hr-border{ /*margin-top: 50px; */}
.simply_your_lighting_investory{padding-top: 30px !important;}
section.simply_your_lighting_investory, section.iq-sense, section.additional_energy {
    padding-bottom: 0 !important;
}
 
 .mount {
    padding-bottom: 50px;
	text-align:center;
}

.dimension .container > .row:last-child .col-md-12:last-child .mount {
    padding-bottom: 0;
}


        
   
        .icon-block {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .icon-block li {
            list-style: none;
        }

            .certifications {
            display: flex;
            gap: 10px;          /* space between icons */
            list-style: none;
            padding: 0;
            margin: 0;
            align-items: center;
        }

        .certifications li img {
            max-height: 40px;   /* adjust as needed */
        }

        .optionsRow td.active {
            background: #eef5ff;
            border: 1px solid #3b82f6;
        }
        
        span.option{
            cursor: pointer !important;
        }

        span.option.disabled {             
            cursor: none !important;
            opacity: 0.4;
        }
        span.option.disabled:hover .tooltiptext {
            visibility: hidden;     /* hide tooltip on disabled options */
        }
		
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{    line-height: initial;}	

/*********************************************** product detap white css ended ************************************/
	
	/*********************************************** product detap black css ************************************/
	.product_detail_page_black_theme .Variant_tabs .finish_tab01 .finish_tab01_product #one_slidlis .owl-nav{bottom: 15px;right: 15px;top: auto;left: auto;}
	.product_detail_page_black_theme .Variant_tabs_header .links_tabs01 li a.active{border: 1px solid #FAA61A;background: #FAA61A;}
	.product_detail_page_black_theme .Variant_tabs_header.aos-init.aos-animate{background: #1C1B1B;border-radius: 10px;}
	.product_detail_page_black_theme .Variant_tabs_header .links_tabs01 li a{    color: #ffffff;}
    .product_detail_page_black_theme .Variant_tabs_header .row .col-md-8{width: 100%;}
    .product_detail_page_black_theme .Variant_tabs_header .row .col-md-4{display: none;}
   .mount h5{font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 20px;}
.product_detail_page_black_theme .key-construction .container .row{align-items: center;}
.product_detail_page_black_theme .key-construction{padding: 0px !important;}
.product_detail_page_black_theme .key-construction .key-construction-row .key_detail{padding: 80px 0px !important;}

	.product_detail_page_black_theme section.Variant_tabs {background: #000000;}
	.product_detail_page_black_theme .Variant_tabs_white {background: #000000;border-radius: 0px;padding: 0px;}
	.product_detail_page_black_theme  .Variant_tabs_header.aos-init.aos-animate{margin-bottom: 10px;}
	.product_detail_page_black_theme  .one_disctuon_details table tr th{ color:#FAA61A;   border-radius: 0px 0 0 0px !important;background: #2c2c2c;}
	.product_detail_page_black_theme  .finish_tab01_head{color: #FAA61A;border-radius: 0px 0 0 0px !important;background: #252424;padding: 9px 13px;}
	.product_detail_page_black_theme  .one_disctuon_details table tbody td {    border-bottom: 1px solid #d9d9d924 !important;background: #1c1b1b !important;color: #FFFFFF !important;}
	.product_detail_page_black_theme  .one_disctuon_details table tbody tr:nth-child(even) td {background: #1c1b1b !important;}
	.product_detail_page_black_theme  .finish_tab01_product{background: #1C1B1B;}
	.product_detail_page_black_theme  .finish_tab01_product .one_finsil_pro_img img{width: 100%;}
	.mounting-find .liststart h5{letter-spacing: 0px;font-size: 16px;font-weight: 700;    color: #0DB14B;}
	.product_detail_page_black_theme .lighting-solution .table{padding-bottom: 80px;margin-bottom: 0px;}
    .product_detail_page_black_theme .lighting-solution .mounting-find{width: 100%;background: #fff;padding: 80px 0px !important;}
.product_detail_page_black_theme .lighting-solution .mounting-find .row.liststart:nth-child(1){margin-bottom: 30px;}
	.product_detail_page_black_theme .olm{position: relative; background: #111113;display: flex;align-items: center;padding: 0px !important;}
	.product_detail_page_black_theme .olm .left-text{ position: absolute; padding-left: 10.3%;  float: left;    width: 35%; padding-right: 0;}
	.product_detail_page_black_theme .olm .left-text h2{    font-size: 35px;
    ;margin-bottom: 25px;
    color: #FAA61A;}
	.product_detail_page_black_theme  .olm .left-text .list{}
	.product_detail_page_black_theme .olm .left-text .list .listblock{    margin-top: 15px;}
	.product_detail_page_black_theme .olm .left-text .list .listblock label{    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 5px;}
	.product_detail_page_black_theme .olm .left-text .list .listblock p{    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    font-family: Manrope;
    margin-bottom: 0;
    }
	.product_detail_page_black_theme .olm .rightimg{width: 60%;float: left;}
	.product_detail_page_black_theme .olm .rightimg img{width: 100%;}
	.product_detail_page_black_theme .glare{position: relative;background: #000;    padding: 0 !important;}
	.product_detail_page_black_theme .glare img{width: 100%;}
	.product_detail_page_black_theme .glare .righttext{    position: absolute;
    right: 0;
    top: 20%;
    width: 35%;
    padding-right: 10.4%;}
	.product_detail_page_black_theme .glare .righttext h3{ font-size: 35px;
    margin-bottom: 25px;
    color: #FAA61A;}
	.product_detail_page_black_theme .glare .righttext p{font-weight: 500;
    font-size: 16px;margin-top: 20px;
    color: #FFFFFF;
        font-family: Manrope;
    margin-bottom: 0;}

.product_detail_page_black_theme .camera .flextext{    position: absolute;
    left: 0;
    top: 20%;
    width: 35%;
    padding-left: 10.4%;}

	.product_detail_page_black_theme .camera{position: relative;background: #000;padding: 0px !important;margin-bottom: -1px;}
	.product_detail_page_black_theme .camera .row{align-items: center;}
	.product_detail_page_black_theme .camera img{width: 100%;}
	.product_detail_page_black_theme .camera h3{font-size: 35px;
   margin-bottom: 25px;
    color: #FAA61A;}
	.product_detail_page_black_theme .camera p{font-weight: 500;
    font-size: 16px;margin-top: 20px;
    color: #FFFFFF;
        font-family: Manrope;
    margin-bottom: 0;}
	.product_detail_page_black_theme .camera .ncaa{    margin-top: 50px;}
	.product_detail_page_black_theme .camera .ncaa img{width: 100px;}
	.product_detail_page_black_theme .aerotrack{position: relative;background:#050809;padding: 0px !important;}
	.product_detail_page_black_theme .aerotrack .row{align-items: center;}
	.product_detail_page_black_theme .aerotrack img{width: 100%;}
	.product_detail_page_black_theme .aerotrack h3{font-size: 35px;
    margin-bottom: 25px;
    color: #FAA61A;}
	.product_detail_page_black_theme .aerotrack p{font-weight: 500;
    font-size: 16px;margin-top: 20px;letter-spacing: 0px;
    color: #FFFFFF;
        font-family: Manrope;
    margin-bottom: 0;}
	.product_detail_page_black_theme .aerotrack .ncaa{    margin-top: 50px;}
	.product_detail_page_black_theme .aerotrack .ncaa img{width: 100px;}
	.product_detail_page_black_theme .dmx{position: relative;background: #F5F5F5; /*background:*/ #000; padding: 0 !important;}
	.product_detail_page_black_theme .dmx img{width: 100%;}
	.product_detail_page_black_theme .dmx .left-text{    position: absolute;
    left: 0;
    top: 10%;
    width: 35%;
    padding-left: 10.4%;}
	.product_detail_page_black_theme .dmx .left-text h3{font-size: 35px;
    letter-spacing: 0px;
    margin-bottom: 25px;
    color: #FAA61A;}
	.product_detail_page_black_theme .dmx .left-text p{    font-weight: 500;
    font-size: 16px;
    margin-top: 20px;
    color: #FFFFFF;letter-spacing: 0px;
    font-family: Manrope;
    margin-bottom: 0;}

    .product_detail_page_black_theme section.key-construction{padding-top: 0px;background: #F5F5F5;}
    .product_detail_page_black_theme section.key-construction .key-construction-row{background: none;border-radius: 0;}

	.product_detail_page_black_theme .dmx .left-text .ncaa{    margin-top: 50px;}
	.product_detail_page_black_theme .dmx .left-text .ncaa img{width: 100px;}
	.banner_right_content h1 span span{color: #fff;}
	.product_details_page_v2 section.product_fisst_section .banner_right_content h1{    display: inline-block;
    float: left;
    width: 100%;}
    .product_details_page_v2 section.product_fisst_section .banner_right_content h1 span{    display: inline-block;float: left;}
	.product_details_page_v2 section.product_fisst_section .banner_right_content h1 span.color {
		color: #fff;
		-webkit-text-fill-color: initial;
	}

	 .product_fisst_section.textblack .product_page_breadcutms .bread_crums ul li{color: #000;font-weight: 500;font-size: 12px;}
    .product_fisst_section.textblack .product_page_breadcutms .bread_crums ul li a{color: #C5C5C5;
    font-size: 12px;
    font-weight: 500;}
    .product_fisst_section.textblack .banner_content_details_page .banner_details01 .banner_right_content .bannertext h4{color: #000;}
    .product_fisst_section.textblack .banner_content_details_page .banner_details01 .banner_right_content .bannertext p{color: #000;}
    .product_fisst_section.textblack .banner_content_details_page .banner_details01 .banner_right_content .bannertext h1{background: linear-gradient(90deg, #6a6b6f 0%, #6a6b6f 50%);    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.product_fisst_section.textblack .banner_content_details_page .banner_details01 .banner_right_content .bannertext .bannerbtn a{color: #000;}
 .product_fisst_section.textblack .banner_content_details_page .banner_details01 .banner_right_content .bannertext .bannerbtn a i{color: #000 !important;}
    .product_fisst_section.textblack .banner_content_details_page .banner_details01 .banner_right_content .bannertext h2{color: #000;letter-spacing: 0px !important;}

.banner_right_content .bannertext .bannerbtn{    margin-top: 40px;}
.bannertext .bannerbtn a:nth-child(2){margin-left: 10px;}
.bannertext .bannerbtn a:nth-child(2) img{    filter: invert(1);width: auto;}
..bannertext .bannerbtn a:hover{border-color: #0DB14B;color: #0DB14B;}
.bannertext .bannerbtn a i{transition: 0.8s;margin-left: 10px;font-size: 16px;color: #000 !important;}
.bannertext .bannerbtn a{margin: 0px;}
.bannertext .bannerbtn a:hover i{color: #fff !important; transform: scale(1.2);  position: relative;}



.product_detail_page_black_theme .product_fisst_section  .banner_content_details_page .banner_details01 .banner_right_content .bannertext .bannerbtn a:hover{border-color: #faa61a;color: #faa61a;}
.product_detail_page_black_theme .product_fisst_section  .banner_content_details_page .banner_details01 .banner_right_content .bannertext .bannerbtn a i{transition: 0.8s;margin-left: 10px;font-size: 16px;color: #fff !important;}
.product_detail_page_black_theme .product_fisst_section  .banner_content_details_page .banner_details01 .banner_right_content .bannertext .bannerbtn a{padding: 8px 30px;border: 1px solid #FAA61A; border-radius: 8px;color:#fff;font-size: 14px;font-weight: 500;}
.product_detail_page_black_theme .product_fisst_section  .banner_content_details_page .banner_details01 .banner_right_content .bannertext .bannerbtn a:hover i{color: #faa61a !important; transform: scale(1.2);  position: relative;}


     section.dimension .col-md-6:nth-last-of-type(-n + 2) .mount {
		padding-bottom: 0;
	} 

	section.dimension .col-md-6:nth-last-of-type(-n + 2) {
		margin-bottom: 0 !important;
	}
	
	
	.optilayout { 
    padding: 80px 0px !important;background: #FBFBFB;
}

.optilayout .owl-dots {
    display: none;
}


.case_study_list_product_page .head {
    text-align: center;
    margin-bottom: 45px !important;
    width: 50%;
    margin: 0 auto;
}


.case_study_list_product_page .head h3 {
    font-size: 35px;
    color: #525254;letter-spacing: 0px;
    margin-bottom: 10px;
}
.one_filter01.active h3{color: #0DB14B !important;}

.case_study_list_product_page .head p {
    font-size: 16px;font-weight: 500;
    color: #525254;letter-spacing: 0px;
}

.product_detail_page_black_theme .optilayout .text .requestbtn a:hover{border-color: #faa61a;color: #fff;}
.product_detail_page_black_theme .optilayout .text .requestbtn .btn_blank::before{background-color: #FAA61A !important;}

.product_detail_page_black_theme .key-construction .key-construction-row .hotspot-scroll .hotspot-wrapper .marker .dot{background: #FAA61A;}

.product_detail_page_black_theme .optilayout .text h3 span{color: #FAA61A;letter-spacing: 0px;}
.product_detail_page_black_theme .mounting-find .liststart ul li .one_product01 .productDetails .product_links label{    color: #FAA61A;}
.product_detail_page_black_theme.product_details_page_v2 section.product_fisst_section .banner_right_content h1:before {
    background: #FAA61A;
}



.product_detail_page_black_theme .dimension .subtitle h4{ font-family: Manrope;
    font-weight: 700;
    font-style: Bold;
    color: #FAA61A;
    font-size: 16px;
    line-height: 58px;margin-bottom: 20px;
    letter-spacing: 0;
    text-align: center;}
.product_detail_page_black_theme.product_details_page_v2 section.product_fisst_section .banner_right_content h1 span.color {
    color: #FAA61A;
}

.product_detail_page_black_theme .flex-rows ul li a {
    color: #FAA61A;
}

.product_detail_page_black_theme .flex-rows ul li a:hover{color: #FAA61A !important;}
.product_detail_page_black_theme .flex-rows ul li a.whiteLink:hover{color: #FAA61A !important;}

.product_detail_page_black_theme .flex-rows ul li a.whiteLink{
	 color: #fff;
}

.mount h4 {
    /* font-family: Manrope; */
    font-weight: 700;
    font-style: Bold;color: #01cd50;
    font-size: 16px; 
    line-height: 58px;
    letter-spacing: 0;
    text-align: center;
}


.mt50 {
    margin-top: 50px !important;
}

.reallist .img {
    border-radius: 10px;
    overflow: hidden;
}

.reallist p {
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 1.5;
    letter-spacing: 0px;
}

.reallist .img {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.reallist .more a.btn_blank.green_btn {
    padding: 8px 12px !important;
    background: #29be65;letter-spacing: 0px;
    border-color: #29be65;
    color: #fff !important;
    font-size: 13px;
    margin-top: 10px;
}

.reallist .more a.btn_blank.green_btn span.btn_img img {
    margin-left: 6px;
    width: 13px;
    filter: initial !important;
}	



	/*********************************************** product detap black css ended ************************************/
	
	
	.ourclint_page .banner{position: relative;}
    .ourclint_page .banner img{width: 100%;}
    .ourclint_page .banner .bannertext .text{position: absolute;bottom: 15%;margin-bottom: 0;color: #fff;}
    .ourclint_page .banner .bannertext h1{    font-size: 60px;}
    .clinttext .text{    margin-bottom: 25px !important;
    text-align: center;
    width: 80%;
    margin: 0 auto;}
    .clinttext .text h1{font-size: 40px;
    margin-bottom: 15px;
    color: #000;}
    .clinttext .text h2{    font-size: 20px;
    margin-bottom: 10px;font-weight: 700;
    color: #000;}
    .clinttext .text p{    font-size: 16px;
    color: #747474;
    font-weight: 500;}
    .clinttext .logolist{}
    .clinttext .logolist ul{    margin: 0;
    padding: 0;    text-align: center;
    overflow: hidden;}
    .clinttext .logolist ul li{    width: 16.6667%;
    display: inline-flex;
    /* float: left; */
    position: relative;
    justify-content: center;}
    .clinttext .logolist ul li .logo{background: #fff; border-radius: 8px;   padding: 10px;border: 1px solid #94949426;text-align: center;margin: 10px;}
    .clinttext .logolist ul li .logo img{     width: 196px;
    height: 65px;
    object-fit: contain;}
	
.defulthiden.show {
    display: block;
}
.social-icon li:nth-child(3){right: 1px;position: relative;}
.social-icon li:nth-child(4){right: 1px;position: relative;}

.social-icon li.defulthiden{visibility: hidden;}
.social-icon li.defulthiden.show{visibility: visible;}
.social-icon li:hover .toltp-cstm{opacity: 1;visibility: visible;}
.social-icon li:hover{background: #0DB14B;}
.social-icon {position: fixed;right: -84px;top: 58%;z-index: 999999999;transform: rotateZ(90deg);margin: 0px;padding: 0px;}
.social-icon li {background: #39393994;width: 56px;position: relative;height: 56px;display: flex;align-items: center;justify-content: center;float: left;transform: rotateZ(-90deg);cursor: pointer;flex-direction: row;}
.social-icon li a {display: block;}
.social-icon li a i{font-size: 24px;color: #fff;padding: 16px 18px;}
.social-icon li .toltp-cstm {
    background: #525151;
    display: block;
    position: absolute;
    top: 50%;
    border-radius: 10px;
    right: 64px;opacity: 0;visibility: hidden;
    padding: 15px 20px;    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;transform: translateY(-50%);width: 200px;border: 1px solid #525151;}
.social-icon li .toltp-cstm a{    width: 20%;text-align: center;
    margin-right: 0;}
.social-icon li .toltp-cstm a i{    color: #fff;padding: 0px;
    font-size: 18px;}
.social-icon li.active .toltp-cstm{right: 72px;opacity: 1;visibility: visible;}
.social-icon li .toltp-cstm::after {
    content: '';
    border-bottom: 8px solid transparent;
    width: 8px;
    height: 8px;
    right: -16px;
    top: 50%;transform: translateY(-50%);
    position: absolute;
    border-top: 8px solid transparent;
    border-left: 8px solid #525151;
    border-right: 8px solid transparent;
}



.toltp-cstm a{font-size: 16px;color: #002d6a;line-height: 100%;font-weight: 600;display: block;}

.toltp-cstm a {
    float: left;
    margin-right: 16%;}
.toltp-cstm a:last-child{margin-right: 0;}
.toltp-cstm a i.fab {
    color: #d60623;
    font-size: 24px;}


                        
                        .toltp-cstm.boxFormInquire{ width: 350px !important;}
                        .boxFormInquire h4 {text-align: center;font-size: 23px;text-transform: uppercase;font-weight: 600;color: #333;margin-bottom: 15px;}
                        .contact-form.get-in-touch {padding: 0 !important;}
                        .align-items-center {align-items: center !important;}
                        
                        .boxFormInquire form textarea {background: #f1f1f1;border-radius: 0px;border: none;margin-bottom: 8px;font-size: 16px;padding: 0px 10px;}
                        .boxFormInquire form .btn {background: #002d6a;width: 100%;border-radius: 0;height: 50px;color: #fff;text-transform: uppercase;}

                        .toltp-cstm.boxFormInquire .boxFormInquire{}
                        .toltp-cstm.boxFormInquire .boxFormInquire p{    color: #fff;
    font-size: 14px;overflow: hidden;
    font-weight: 500;}
                        .toltp-cstm.boxFormInquire .boxFormInquire p a{width: 100%;text-align: left;  font-size: 14px;   display: block;
    color: #fff;
    font-weight: 500;}
                        .toltp-cstm.boxFormInquire .boxFormInquire .re{margin-top: 25px;}
                        .toltp-cstm.boxFormInquire .boxFormInquire .re a{ width: 100%;     background: #0db14b;
    padding: 10px 20px;
    border-radius: 8px;font-size: 14px;
    color: #fff;
    font-weight: 500;}
    .toltp-cstm.boxFormInquire .boxFormInquire form{}
    .toltp-cstm.boxFormInquire .boxFormInquire form input::placeholder{color: #fff;}
    .toltp-cstm.boxFormInquire .boxFormInquire form textarea::placeholder{color: #fff;}
    .toltp-cstm.boxFormInquire .boxFormInquire form input{display: block;
    width: 100%;margin-bottom: 15px;
    padding: 5px;
    height: auto;
    background: none;
    color: #fff;
    border: none;
    border-bottom: .5px solid #ffffffd4;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;}
    .toltp-cstm.boxFormInquire .boxFormInquire form textarea{display: block;
    width: 100%;
    padding: 5px;
    height: auto;
    background: none;
    color: #fff;
    border: none;
    border-bottom: .5px solid #ffffffd4;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;}
    .toltp-cstm.boxFormInquire .boxFormInquire form .submit button{     width: 100%;
    background: #0db14b;
    padding: 10px 20px;
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    font-size: 14px;}
	
.downloadcenter .flexdownload .downicon li a .fa-file-archive-o{    margin-left: 0;
    margin-right: 5px;
    color: #000;
    position: relative;
    top: -1px;}
.downloadcenter .flexdownload .downicon li a .fa-file-pdf-o{    margin-left: 0;
    margin-right: 5px;
    color: #000;
    position: relative;
    top: -1px;}
 .downloadcenter{background: #FBFBFB;    padding-top: 80px;}
                .downloadcenter .flexdownload{display: flex;justify-content: space-between;}
                .downloadcenter .flexdownload .head{width: 46%;padding-right: 20px;}
                .downloadcenter .flexdownload .head h3{    font-size: 30px;
    font-weight: 600;}
                .downloadcenter .flexdownload .head p{    font-size: 16px;
    color: #7B7B7B;
    margin: 0;}
    .downloadcenter .flexdownload .downicon{ width: 54%;   margin: 0;
    padding: 0;}
    .downloadcenter .flexdownload .downicon li{ width: 33.33%;
    float: left;}
    .downloadcenter .flexdownload .downicon li:nth-child(1){    margin-bottom: 25px;}
    .downloadcenter .flexdownload .downicon li:nth-child(2){ padding-left: 30px;   margin-bottom: 25px;}
    .downloadcenter .flexdownload .downicon li:nth-child(3){    margin-bottom: 25px;}
    .downloadcenter .flexdownload .downicon li:nth-child(5){padding-left: 30px; }
    .downloadcenter .flexdownload .downicon li a{    font-size: 16px;
    font-weight: 600;}
    .downloadcenter .flexdownload .downicon li a i{    font-size: 14px;
    margin-left: 10px;}
    .downloadcenter .flexdownload .downicon li a:hover{color: #08CB53;}

                .downloadcenter .flexdownload .downicon li a img:nth-child(1){      position: relative;
    top: -4px;
    margin-right: 8px;
    width: 16px;}
                .downloadcenter .flexdownload .downicon li a img:nth-child(2){      top: -2px;
    /* top: -4px; */
    margin-left: 5px;
    width: 16px;
    position: relative;}
                
    .creative .creativebanner{position: relative;}
    .creative .creativebanner .creativerow .logoblock {width: 65%;}
                .creative .creativebanner .creativerow{      position: absolute;top: 0;display: flex;align-items: center;justify-content: space-between; width: 100%;padding: 70px;}
                .creative .creativebanner .creativerow .logoblock img{      width: 145px;
    margin-right: 10px;}
                .creative .creativebanner .creativerow .content{  justify-content: space-between;  display: flex;
    align-items: end;}
                .creative .creativebanner .creativerow .content .head{    width: 50%;
    padding-right: 50px;}
                .creative .creativebanner .creativerow .content .head h3{    font-size: 32px;
    color: #fff;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;}
                .creative .creativebanner .creativerow .content .head p{    margin: 0;
    color: #fff;
    font-size: 16px;}
                .creative .creativebanner .creativerow .content .button a i{    font-size: 14px;
    margin-left: 10px;
    opacity: .8;
    position: relative;
    top: 4px;}
                .creative .creativebanner img{width: 100%;}

.home_slider_new .main_video{position:relative;overflow:hidden;}
    .home_slider_new .main_video > img,
    .home_slider_new .main_video > video{width:100%;height:100%;display:block;object-fit:cover;}
    .home_slider_new .new_slider_content{position:absolute;inset:0;display:flex;align-items:center;z-index:2;top: 60%;}
    .home_slider_new .home-carousel,
    .home_slider_new .home-carousel .owl-stage-outer,
    .home_slider_new .home-carousel .owl-stage,
    .home_slider_new .home-carousel .owl-item,
    .home_slider_new .home-carousel .item{height:100%;}
   .home_slider_new .owl-dots{right: 0%;bottom: -70%;}



.turning{background: #F3F3F3;}
       .turning .head{text-align: center;margin-bottom: 50px;}
       .turning .head h2{    font-size: 40px;
    margin-bottom: 25px;
    color: #000;}
       .turning .head p{font-size: 16px;
    font-weight: 500;
    margin: 0;}
       .turning .turningblock{    background: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;}
       .turning .turningblock .text{padding: 40px;}
       .turning .turningblock .text h3{    font-size: 30px;
    margin-bottom: 25px;
    color: #000;
    font-weight: 500;}
       .turning .turningblock .text p{    font-size: 16px;
    color: #000;height: 185px;
    font-weight: 500;}
       .turning .turningblock .img img{    width: 100%;}



       .ikiocarenew{background: #fff;}
       .ikiocarenew .head{    text-align: center;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 50px !important;}
       .ikiocarenew .head h2{    font-size: 40px;
    margin-bottom: 25px;
    color: #000;}
       .ikiocarenew .head p{    font-size: 16px;
    font-weight: 500;
    margin: 0;}
    .ikiocarenew .ikiocareblock .text .more a{margin-right: 10px;}
    .ikiocarenew .ikiocareblock .text.abslute .more{margin-top:105px;}
     .ikiocarenew .ikiocareblock .text.abslute .more a img{    margin-left: 0;
    margin-right: 5px;
    width: 15px;
    position: relative;
    top: -2px;}
    .ikiocarenew .ikiocareblock .text.abslute{    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;}
    .ikiocarenew .ikiocareblock{    border-radius: 8px;overflow: hidden;    position: relative;}
    .ikiocarenew .ikiocareblock.green{background: #0DB14B;}
       .ikiocarenew .ikiocareblock .text{   
    border-radius: 8px;
    padding: 80px;}
       .ikiocarenew .ikiocareblock h3{    font-size: 30px;
    margin-bottom: 25px;
    color: #FFFFFF;
    font-weight: 500;}
       .ikiocarenew .ikiocareblock p{    color: #fff;
    font-weight: 500;
    font-size: 16px;}
       .ikiocarenew .ikiocareblock .more{    margin-top: 25px;}

       .everysupport{  
    background-size: 100%;
    position: relative;}
       .everysupport .head h2{    color: #fff;
    font-size: 40px;    margin-bottom: 25px;
    font-weight: 500;}
       .everysupport .head p{    color: #fff;
    font-size: 16px;
    font-weight: 500;}
       .everysupport .head{  margin-bottom: 120px;  width: 38%;}

       .everysupport .everysupportblock{    background: #74747461;
    padding: 60px;
    display: flex;
    border-radius: 8px;}
       .everysupport .everysupportblock .number{    margin-right: 85px;}
       .everysupport .everysupportblock .number span{    font-size: 105px;
    color: #ffffff63;line-height: 100px;
    font-weight: 300;}
       .everysupport .everysupportblock .text{}
       .everysupport .everysupportblock .text h3{    color: #fff;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 25px;}
       .everysupport .everysupportblock .text p{    margin: 0;
    color: #fff;
    font-weight: 500;}
       .everysupport .everysupportblock .text .more{margin-top: 50px;}


.seeitbefore{background: #F3F3F3;}
.seeitbefore .head{    text-align: center;
    margin-bottom: 50px;}
.seeitbefore .head h2{    font-size: 40px;
    margin-bottom: 25px;font-weight: 500;
    color: #000;}
.seeitbefore .head p{    font-size: 16px;
    font-weight: 500;
    margin: 0;}

.seeitbefore .seeitbeforecol{    border-radius: 8px;
    overflow: hidden;
    position: relative;}
.seeitbefore .seeitbeforecol img{    width: 100%;}
.seeitbefore .seeitbeforecol .text{     position: absolute;
    bottom: 0;
    padding: 40px 80px;
    width: 100%;}
.seeitbefore .seeitbeforecol .text h3{       color: #fff;
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: 500;}
.seeitbefore .seeitbeforecol .text p{    color: #fff;
    font-weight: 500;}





.spoersnew_page .banner{position: relative;}
.spoersnew_page .banner video{    height: 100vh;width: 100%;object-fit: cover;}
       .spoersnew_page .banner::after{    content: '';
    position: absolute;
    left: 0;
    bottom: 0;    z-index: 1;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;}
       .spoersnew_page .banner img{width: 100%;}
       .spoersnew_page .banner .bannertext{position: absolute;bottom:20%;z-index: 2;width: 100%;}
       .spoersnew_page .banner .bannertext h1{margin: 0;
    color: #fff;
    font-weight: 600;    margin-bottom: 0px;
    font-size: 60px;}

       .complexity{position: relative;}
       .complexity img{    width: 100%;}
       .complexity .text{position: absolute;
    top: 150px;
    width: 55%;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center;}
       .complexity .text h2{    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 55px;}
       .complexity .text label{    color: #fff;
    font-size: 25px;
    font-weight: 600;
    display: block;
    margin: 25px 0px;}
       .complexity .text p{color: #fff;
    font-size: 16px;
    font-weight: 500;}

    .better{background: #202123;}
    .better .img{ position: relative;     margin-bottom: 100px;
    border-radius: 8px;
    overflow: hidden;}
    .better .img img{width: 100%;}
    .better .img .text{     position: absolute;
    top: 100px;
    background: #202123CC;
    width: 510px;
    border-radius: 5px;
    right: 100px;
    padding: 50px;}
    .better .img .text p{    color: #fff;
    font-size: 16px;font-weight: 500;}
    .better .img .text p:last-child{margin-bottom: 0px;}
    .better .head{    text-align: center;
    width: 90%;
    margin: 0 auto;}
    .better .head{    text-align: center;
    width: 90%;
    margin: 0 auto;}
    .better .head h2{font-size: 55px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 50px;}




    .better .bettercol{    background: #2A2C2D;
    border-radius: 8px;
    padding: 30px;}
    .better .bettercol .icon{    text-align: right;}
    .better .bettercol .icon img.white{display: none;}
    .better .bettercol .icon img{    border: 1px solid #06BB27;
    border-radius: 8px;width: 40px;
    padding: 8px;}
    .better .bettercol h4{    font-weight: 500;
    color: #0DB14B;padding-right: 20px;
    font-size: 25px;
    margin-top: 50px;
    margin-bottom: 50px;}
    .better .bettercol p{color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-right: 20px;}
    .better .bettercol:hover{background: #0DB14B;}
    .better .bettercol:hover .icon img.green{display: none;}
    .better .bettercol:hover .icon img.white{    display: none; border: 1px solid #fff;
    border-radius: 8px;
    padding: 16px;}
    .better .bettercol:hover h4{color: #fff;}
.better .bettercol:hover .icon img{background: #fff;}
    .moments{position: relative;}
    .moments::before{background-color: #00000085;content: '';height: 100%;width: 100%;position: absolute;}
    .moments img{width: 100%;}
    .moments .head{    position: absolute;
    top: 150px;    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    text-align: center;}
    .moments .head h2{    font-size: 55px;
    font-weight: 600;margin-bottom: 25px;
    color: #fff;}
    .moments .head p{    font-size: 16px;
    color: #fff;
    font-weight: 500;}

    .atmosync{position: relative;}
    .atmosync::before{    background-color: #00000085;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;}
    .atmosync img{width: 100%;}
    .atmosync video{    width: 100%;display: block;
    vertical-align: top;
    margin: 0;
    padding: 0;}
    .atmosync .head{    position: absolute;
    top: 150px;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;}
    .atmosync .head h2{    font-size: 90px;
    color: #fff;
    font-weight: 600;}
    .atmosync .head label{    font-size: 60px;
    color: #fff;line-height: 60px;
    font-weight: 500;
    margin-bottom: 25px;}
.atmosync .head p{font-size: 16px;color: #fff;font-weight: 500;}
    .atmosync .bottomtext{    position: absolute;
    bottom: 150px;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;}
    .atmosync .bottomtext p{    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-weight: 500;}

    .ourpartner{position: relative;}
    .ourpartner img{width: 100%;}
    .ourpartner .head{     position: absolute;
    top: 150px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;}
    .ourpartner .head h2{    font-size: 55px;
    color: #fff;
    font-weight: 600;}

    .ourpartner .logorow{      position: absolute;
    bottom: 150px;
    background: #fff;
    border-radius: 8px;padding: 40px;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;}
    .ourpartner .logorow .logoblock{    width: 14.2%;
    float: left;}
    .ourpartner .logorow .logoblock img{height: 100px;
    object-fit: contain;}

    .visionplay{position: relative;background: #0DB14B;}
    .visionplay video{width: 100%;
    display: block;
    vertical-align: top;
    margin: 0;
    padding: 0;}
    .visionplay img{    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;}
    .visionplay .head{    position: absolute;
    top: 250px;
    left: 0;    text-align: center;
    right: 0;
    margin: 0 auto;
    width: 50%;}
    .visionplay .head h2{    color: #fff;
    font-size: 90px;margin-bottom: 25px;
    font-weight: 600;}
    .visionplay .head p{    color: #fff;
    font-weight: 500;
    font-size: 16px;}
.first_footer_menu img{width: 100%;}
    .comes{background: #0DB14B;}
    .comes .text{    text-align: center;
    width: 100%;
    margin: 0 auto;}
    .comes .text p{width: 65%;
    margin: 0 auto;}
    .comes .text h2{font-size: 50px;
    color: #fff;    margin-bottom: 20px;
    font-weight: 500;}
    .comes .text p{ color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
}

.numrow{    position: absolute;
    bottom: 150px;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;}
.numrow .num_count{ width: 25%;   border-right: 1px solid #575757;
    margin-right: 60px;
    padding-right: 60px;}
.numrow .num_count .title{     color: #fff;
    font-size: 50px;
    font-weight: 600;
    display: flex;
    align-items: center;}
.numrow .num_count .title h3{    font-size: 50px;font-weight: 600;}
.numrow .num_count p{    color: #fff;
    font-size: 16px;margin: 0;
    font-weight: 500;}
.numrow .num_count:last-child{border: none;padding-right: 0px;margin-right: 0px;}

.designed{position: relative;}
.designed .img::before{position: absolute;width: 100%;height: 100%;content: '';background: #00000030;}
.designed .img img{width: 100%;}
.designed .head{position: absolute;top: 150px;left: 0px;right: 0px;width: 80%;margin: 0 auto;}
.designed .head h2{font-size: 50px;font-weight: 600;color: #fff;margin-bottom: 25px;}
.designed .head p{f    font-size: 16px;
    color: #fff;
    font-weight: 500;
    width: 550px;}
.designed .buttonrow{      display: flex;
    
    justify-content: space-between;
    margin-top: 5px;
    border-radius: 8px;
    position: absolute;
    bottom: 100px;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;}
    .designed .buttonrow .righttext .subtext.current{display: block;}
.designed .buttonrow .righttext .subtext{width: 358px;
    text-align: left;display: none;
    margin-bottom: 205px;}
.designed .buttonrow .righttext h3{    color: #fff;
    font-size: 20px;
    font-weight: 500;}
.designed .buttonrow .righttext p{    color: #fff;
    font-size: 16px;
    font-weight: 500;}
.designed .buttonrow .righttext{text-align: right;}
.designed .buttonrow .leftbtn{width: 500px;float: left;}
.designed .buttonrow .leftbtn .list{    display: flex;
    align-items: center;
    background: #2a2c2dbf;cursor: pointer;
    padding: 15px 20px;
    margin-top: 5px;
    border-radius: 8px;}
.designed .buttonrow .leftbtn .list .icon{width: 180px;float: left;margin-right: 10px;display: none;}
.designed .buttonrow .leftbtn .list .icon img{    width: 100%;
    height: 85px;
    border-radius: 8px;}
.designed .buttonrow .leftbtn .list .text{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.designed .buttonrow .leftbtn .list .text label{font-size: 20px;font-weight: 500;color: #fff;}
.designed .buttonrow .leftbtn .list .text img{    width: 35px;
    padding-left: 10px;}
.designed .buttonrow .leftbtn .list.current{    padding: 1px;
    background: #0DB14B;
    padding-right: 20px;}
.designed .buttonrow .leftbtn .list.current label{font-size: 20px;padding-right: 30px;font-weight: 500;}
.designed .buttonrow .leftbtn .list.current .icon{display: block;}


.inner_banner.image_banner.control img{max-height: 100%;}
    .controlsince{background: #F8F8F8;}
    .controlsince.betters{background: #fff;}
    .controlsince .controlsinceblock .texts{padding-right: 50px;}
    .controlsince .controlsinceblock .texts .head{margin-bottom: 25px;}
    .controlsince .controlsinceblock .texts .head h2{font-size: 55px;margin-bottom: 25px;font-weight: 600;}
    .controlsince .controlsinceblock .texts .head p{font-weight: 500;font-size: 16px;color: #000;}
    .controlsince .controlsinceblock .texts ul{margin: 0;padding: 0;}
    .controlsince .controlsinceblock .texts ul li{list-style: none;}
    .controlsince .controlsinceblock .texts ul li .iconeow{display: flex;background: #fff;border-radius: 8px;margin-top: 15px;padding: 10px;}
    .controlsince.betters .controlsinceblock .texts ul li .iconeow{background:#F8F8F8; }
    .controlsince .controlsinceblock .texts ul li .iconeow .icon{margin-right: 15px;}
    .controlsince .controlsinceblock .texts ul li .iconeow .icon img{width: 55px;min-width: 55px;}
    .controlsince .controlsinceblock .texts ul li .iconeow .text label{display: block;font-weight:600;font-size: 25px;margin-bottom: 0px;}
    .controlsince .controlsinceblock .texts ul li .iconeow .text p{font-size: 16px;font-weight: 500;margin: 0px;color: #000;}
    .controlsince .img{border-radius: 8px;overflow: hidden;}
    .controlsince .img img{width: 100%;}


    .confident{background: #fff;}
    .confident .head{    text-align: center;
    margin-bottom: 50px;}
    .confident .head h2{    font-size: 55px;
    margin-bottom: 25px;
    font-weight: 600;}
    .confident .head p{    font-weight: 500;
    font-size: 16px;
    color: #000;}
    .confident .confidentblock{    position: relative;
    border-radius: 8px;
    overflow: hidden;}
    .confident .confidentblock .arrowbtn{display: none;}
    .confident .confidentblock img{    width: 100%;}
    .confident .confidentblock .text{    position: absolute;
    bottom: 30px;
    padding: 20px;}
    .confident .confidentblock .text h3{   color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 25px;}
    .confident .confidentblock .text p{    color: #fff;
    margin: 0;
    font-size: 16px;}

    .controlpartnerssection{background: #000000;}
    .controlpartnerssection .head h2{    font-size: 55px;
    color: #fff;
    text-align: center;font-weight: 500;
    margin-bottom: 50px;}

    .controlpartnerssection .controlpartners{position: relative;}
    .controlpartnerssection .controlpartners .line{}
    .controlpartnerssection .controlpartners img{width: 100%;}
    .controlpartnerssection .controlpartners .text{      position: absolute;
    bottom: 0;padding-right: 140px;
    padding: 40px;
    width: 100%;
   }
   .controlpartnerssection .controlpartners::before{background-color: #0000008c;content:'';width: 100%;height: 100%;position: absolute;}
    .controlpartnerssection .controlpartners h3{       font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    top: 65px;
    left: 40px;}
    .controlpartnerssection .controlpartners .text h4{    font-weight: 600;
    font-size: 20px;
    color: #fff;}
    .controlpartnerssection .controlpartners .text p{    color: #fff;
    font-weight: 500;
    font-size: 16px;}
    .controlpartnerssection .controlpartners .text .capabilities{     margin-top: 50px;
    overflow: hidden;}
    .controlpartnerssection .controlpartners .text .capabilities h4{    font-size: 18px;
    font-weight: 600;}
    .controlpartnerssection .controlpartners .text .capabilities ul{margin: 0;
    padding: 0;}
    .controlpartnerssection .controlpartners .text .capabilities ul li{      width: 31%;
    float: left;
    background: #2c2d30ba;
    padding: 10px;
    margin-top: 10px;
    height: 70px;
    border-radius: 8px;
    margin-right: 10px;
    text-align: center;}
    .controlpartnerssection .controlpartners .text .capabilities ul li img{    width: 20px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;}
    .controlpartnerssection .controlpartners .text .capabilities ul li label{    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;}
    .controlpartnerssection .controlpartners .hrline{       position: absolute;
    top: 0;
    width: 70%;
    height: 5px;
    background: #0DB14B;}
     .proven{background: #F8F7F7;    overflow: hidden;}
    .proven .head{margin-bottom: 50px;width: 50%;}
    .proven .head h2{    font-size: 55px;
    margin-bottom: 25px;
    font-weight: 600;}
    .proven .head p{    font-weight: 500;
    font-size: 16px;
    color: #000;}
    .proven .provenslider{width: 90%;
    float: right;
    display: block;}
    .proven .provenslider .item{border-radius: 8px;overflow: hidden;position: relative;}
    .proven .provenslider .item::before{background-color: #00000069;position: absolute;content:'';width: 100%;height: 100%;}
    .proven .provenslider .item img{width: 100%;}
    .proven .provenslider .item .toptext{    position: absolute;
    top: 100px;
    left: 120px;}
    .proven .provenslider .item .toptext h3{    font-size: 25px;    font-weight: 600;
    color: #fff;}
    .proven .provenslider .item .bottomtext{    position: absolute;width: 50%;
    bottom: 80px;width: 50%;
    left: 120px;}
    .proven .provenslider .item .bottomtext h4{    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;}
    .proven .provenslider .item .bottomtext p{    color: #fff;
    font-size: 16px;
    font-weight: 500;}
    .proven .provenslider .owl-nav{    position: absolute;
    top: -100px;
    right: 12%;}
    .proven .provenslider .owl-nav button{    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #000000d1 !important;
    background: #eeffee00 !important;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 3px;}
    .proven .provenslider .owl-nav button img{    width: 12px;
    position: relative;
    top: -2px;}



  .recognizing{}
    .recognizing .imagesection{    position: relative;
    overflow: hidden;
    border-radius: 8px;}
    .recognizing .imagesection img{width: 100%;}
    .recognizing .imagesection .head{    position: absolute;
    top: 91px;
    text-align: center;
    width: 90%;
    right: 0;
    left: 0;
    margin: 0 auto;}
    .recognizing .imagesection .head h2{    font-size: 50px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 600;}
    .recognizing .imagesection .head p{    font-weight: 500;
    font-size: 16px;
    color: #fff;
    width: 50%;
    margin: 0 auto;}
    .recognizing .imagesection ul{    padding: 0;
    position: absolute;
    bottom: 90;
    width: 85%;
    left: 0;
    right: 0;
    margin: 0 auto;}
    .recognizing .imagesection ul li{    width: 33%;
    float: left;}
    .recognizing .imagesection ul li .iconeow:hover{background: #0DB14B;}

    .recognizing .imagesection ul li .iconeow{    background: #000000b5;
    margin: 10px;height: 150px;
    padding: 25px;    align-items: flex-start;
    border-radius: 8px;
    display: flex;}
    .recognizing .imagesection ul li .iconeow .icon{    min-width: 50px;
    background: #00000063;
    height: 50px;
    text-align: center;    margin-right: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;}
    .recognizing .imagesection ul li .iconeow .icon img{    width: 25px;}
    .recognizing .imagesection ul li .iconeow .text{}
    .recognizing .imagesection ul li .iconeow .text label{     font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-bottom: 10px;}
    .recognizing .imagesection ul li .iconeow .text p{    color: #fff;
    font-size: 14px;
    margin: 0;
    font-weight: 500;}
        .onepartner{background: #000;}
    .onepartner .head{    padding-right: 50px;}
    .onepartner .head h2{    font-size: 40px;
    margin-bottom: 25px;color: #fff;
    font-weight: 500;}
    .onepartner .head p{    font-weight: 500;
    font-size: 16px;
    color: #fff;}
    .onepartner .head ul{margin: 0px;padding: 0px;    margin-top: 25px;}
    .onepartner .head ul li{    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;}
    .onepartner .head ul li img{    width: 22px;
    margin-right: 10px;}
    .onepartner .img{overflow: hidden;border-radius: 8px;}
    .onepartner .img img{width: 100%;}
      .keeping{background: #F8F8F8;}
    .keeping .head{    text-align: center;
    margin-bottom: 50px;}
    .keeping .head h2{    font-size: 55px;
    margin-bottom: 25px;
    font-weight: 500;}
    .keeping .head p{font-weight: 500;
    font-size: 16px;
    color: #000;
    width: 60%;
    margin: 0 auto;}
    .keeping .keeptable{    display: flex;
    background: #000;
    border-radius: 8px;
    overflow: hidden;}
    .keeping .keeptable .lefttable{ margin: 40px;
    border-radius: 8px;}
    .keeping .keeptable .lefttable table thead tr th{    background: #0DB14B;
    color: #fff;
    font-size: 14px;    width: 33.33%;
    font-weight: 500;
    padding: 15px;
    border: 1px solid #ffffff57;}
    .keeping .keeptable .lefttable table tbody tr td i{    color: #fff;
    font-size: 8px;align-items: top;
    margin-right: 10px;
    position: relative;
    top: -3px;}
    .keeping .keeptable .lefttable table tbody tr td{    color: #fff;
    font-size: 14px;    width: 33.33%;
    font-weight: 500;
    padding: 15px;
    border: 1px solid #ffffff57;}
.keeping .keeptable .lefttable table{border-radius: 8px;overflow: hidden;}
    .keeping .keeptable .lefttable p{    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
    margin-top: 30px;}
    .keeping .keeptable .rightimg img{    height: 100%;}
     .process-item{
    cursor:pointer;
    transition:.3s;
}

.process-item.active{
    background:#0DB14B;
    color:#fff;
}

.process-item.active h6,
.process-item.active span{
    color:#fff;
}



    .process-section{
    background:#fff;
}
.process-section .head{    text-align: center;
    margin-bottom: 50px;}
.process-section .head h2{    font-size: 55px;
    margin-bottom: 25px;
    font-weight: 600;}
.process-section .head p{    font-weight: 500;
    font-size: 16px;
    color: #000;
    width: 60%;
    margin: 0 auto;}

.process-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.process-item{
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px;
    border:1px solid #e5e5e5;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    transition:.3s;
}

.process-item.active{
    background:#0DB14B;
    color:#fff;
}
.process-item.active .icon{background: #00000066;}
.process-item .icon img{ filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(563%) hue-rotate(83deg) brightness(95%) contrast(91%);}
.process-item .icon{
    width:42px;
    height:42px;
    border-radius:8px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.process-item span{
      display: block;
    font-size: 14px;font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 3px;
    color: #000;
}

.process-item h6{
    margin:0;
    font-size:20px;
    font-weight:600;
}
.process-slider .owl-dots{    position: absolute;
    bottom: 50px;
    left: 50px;}
.process-slider .owl-dots button.active span{background: #0DB14B;width: 35px;}
.process-slider .owl-dots button span{    width: 15px;
    height: 15px;
    display: block;
    background: #7b7b7b6e;
    margin: 5px;
    border-radius: 50px;}
.process-slider{
    position:relative;
    border-radius:10px;
    overflow:hidden;
}

.process-slide{
    position:relative;
}

.process-slide img{
    width:100%;
    object-fit:cover;
}

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(0,0,0,.15),
        rgba(0,0,0,.65)
    );
}

.step-number{
    position:absolute;
    top:20px;
    left:55px;
    color:#fff;
    font-size:55px;font-weight: 600;
    opacity:.5;
}

.slide-content{
        position: absolute;
    left: 50px;
    bottom: 125px;
    color: #fff;
    max-width: 555px;
}

.slide-content h2{
         font-size: 40px;
    margin-bottom: 15px;
}

.slide-content p{
        font-size: 16px;
    color: #ffffff;font-weight: 500;
    width: 70%;
}





   .newbeginers .head{    text-align: center;
    margin-bottom: 50px !important;
    width: 55%;
    margin: 0 auto;}
       .newbeginers .head h2{    font-size: 55px;
    margin-bottom: 25px;
    font-weight: 600;}
       .newbeginers .head p{    font-weight: 500;
    font-size: 16px;margin-bottom: 0px;
    color: #000;}

       .newbeginers .newbeginersblock{    background: #000;
    border-radius: 8px;
    overflow: hidden;position: relative;
    margin-top: 15px;}
    .newbeginers .newbeginersblock::before{background-color: #00000096;position: absolute;content: '';width: 100%;height: 100%;}
       .newbeginers .newbeginersblock img{    width: 100%;}
       .newbeginers .newbeginersblock .text{ padding: 25px 35px;
    position: absolute;
    bottom: 0;}
       .newbeginers .newbeginersblock .text label{    display: block;
    color: #fff;
    font-size: 25px;font-weight: 600;
    margin-bottom: 10px;}
       .newbeginers .newbeginersblock .text p{    margin: 0;
    color: #fff;font-size: 16px;
    font-weight: 500;}
        .planned-section{
    background:#000;
    color:#fff;
}

.planned-section .section-title{
    font-size:55px;
    font-weight:600;
    margin-bottom:25px;
}

.planned-section .section-desc{
        color: #ffffff;
    font-size: 16px;font-weight: 500;
    margin-bottom: 25px;
}

.planned-section .feature-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.planned-section .feature-item{
    display:flex;
    gap:15px;
    background:#0d0d0d;
    border:1px solid rgba(255,255,255,.05);
    border-radius:8px;
    padding:18px;
}

.planned-section .feature-item .icon{
    width:34px;
    height:34px;
    background:#0DB14B;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.planned-section .feature-item .icon img{
    width:14px;
}

.planned-section .feature-item h5{
    font-size:18px;font-weight: 600;
    margin-bottom:8px;
    color:#fff;
}

.planned-section .feature-item p{
          margin: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.planned-section .planned-image img{
    width:100%;
    border-radius:12px;
    display:block;
    object-fit:cover;
}
    .project-gallery{
    background:#fff;
}
.project-gallery .head{margin-bottom: 25px;}
.project-gallery .section-title{
    font-size:55px;
    font-weight:500;margin-bottom: 25px;
    color:#000;
}

.project-gallery .section-desc{
        max-width: 950px;
    font-size: 16px;font-weight: 500;
    color: #000;
}



.complete-gallery-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:260px 260px;
    gap:10px;
}

.complete-gallery-grid .gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    display:block;
}

.complete-gallery-grid .gallery-item.large{
    grid-row:1 / span 2;
}

.complete-gallery-grid .gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.complete-gallery-grid .gallery-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.65), transparent 55%);
    z-index:1;
}

.complete-gallery-grid .gallery-item:hover img{
    transform:scale(1.08);
}

.complete-gallery-grid .gallery-item .overlay{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:2;
    color:#fff;
}

.complete-gallery-grid .gallery-item .overlay h4{
   margin: 0;
    font-size: 32px;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    padding: 50px;
}

.complete-gallery-grid .gallery-item .overlay h6{
    margin:0;
    font-size:16px;
    font-weight:500; position: absolute;
    bottom: 0;
    padding: 25px;
}






 .greatsports .imgwithtext{    position: relative;
    border-radius: 8px;
    overflow: hidden;}
       .greatsports .imgwithtext img{    width: 100%;}
       .greatsports .imgwithtext .head{     position: absolute;
    bottom: 0;
    padding: 80px;
    width: 60%;}
       .greatsports .imgwithtext .head h2{    font-size: 55px;
    color: #fff;
    margin-bottom: 25px;
    font-weight: 600;}
       .greatsports .imgwithtext .head p{    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 500;}
    .path-forward-section{
    background:#000;}

.path-forward-section .section-heading{
       max-width: 900px;
    margin: 0 auto 50px;
}

.path-forward-section .section-heading h2{
        color: #fff;
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 25px;
}

.path-forward-section .section-heading p{
       color: #ffffff;font-weight: 500;
    font-size: 16px;
    margin: 0;
}

.path-forward-section .path-card{
    background:#003c7c;
    border-radius:8px;
    overflow:hidden;
    height:100%;
}

.path-forward-section .path-image{
    position:relative;
}
.path-forward-section .path-image::before{background-color: #0000007a;width: 100%;height: 100%;content:'';position: absolute;}
.path-forward-section .path-image img{
    width:100%;
    display:block;
}

.path-forward-section .path-tag{
    position:absolute;
    left:40px;
    bottom:50px;
    display:flex;
    align-items:center;
    gap:15px;
    color:#fff;
    font-size:18px;
    font-weight:500;
}

.path-forward-section .tag-icon{
    width:55px;
    height:55px;
    background:#17c53b;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.path-forward-section .tag-icon img{
    width:28px;
    height:28px;
}

.path-forward-section .path-content{
    padding:50px;
}

.path-forward-section .path-content h3{
       color: #fff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

.path-forward-section .path-content p{
    color:#fff;font-size: 16px;
    margin-bottom:25px;font-weight: 500;
}

.path-forward-section .path-content h5{
        color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
}

.path-forward-section .path-list{
    list-style:none;
    padding:0;
    margin:0 0 35px;
}

.path-forward-section .path-list li{
    position:relative;display: flex;align-items: baseline;
    padding:20px;font-weight: 500;
    margin-bottom:18px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    color:#fff;
    font-size:16px;
}
.path-forward-section .path-list li img{    width: 22px;position: relative;top: 5px;
    margin-right: 10px;}
.path-forward-section .path-content a:hover{border-color: #fff !important;}
.path-forward-section .path-list li::before{
           content: "✓";
    position: absolute;display: none;
    left: 22px;
    top: 24px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 11px;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}
    .simplifying{
    background:#f5f5f5;
    padding:100px 0;
}

.simplifying .section-heading{
    margin-bottom:70px;
}

.simplifying .section-heading h2{
   font-size: 55px;
    font-weight: 600;
    color: #000000;
}

.simplifying .support-card{
    background:#fff;
    border-radius:18px;
    padding:35px;
    height:100%;
}

.simplifying .support-label{
    display:inline-block;
    font-size:20px;
    font-weight:600;
    color:#0DB14B;
    margin-bottom:25px;
}

.simplifying .support-card h3{
   font-size: 30px;
    font-weight: 600;
    color: #000;
    margin-bottom: 25px;
}

.simplifying .support-card p{
   font-size: 16px;
    color: #000000;
    margin-bottom: 25px;
    font-weight: 500;
}

.simplifying .support-list{
    list-style:none;
    padding:0;
    margin:0;
}

.simplifying .support-list li{
       position: relative;
    padding-left: 0px;
    margin-top: 28px;
    font-size: 16px;
    font-weight: 500;display: flex;align-items: baseline;
    color: #000000;
}
.simplifying .support-list li img{width: 22px;margin-right: 10px;position: relative;top: 5px;}
.simplifying .support-list li::before{
        content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    width: 25px;
    height: 25px;
    border: 2px solid #18c53f;
    border-radius: 50%;
    color: #18c53f;
    font-size: 12px;
    font-weight: 700;
    display: none;
    align-items: center;
    justify-content: center;
}
 .compare-section .head{    margin-bottom: 50px;}
    .compare-section .head h2{font-size: 55px;
    font-weight: 500;
    color: #000000;}
    .compare-section .head p{font-size: 16px;
    color: #000000;
    margin-bottom: 0px;
    font-weight: 500;}

.compare-section .compare-wrapper{
    position:relative;
    display:flex;
    overflow:hidden;
    border-radius:12px;
}

.compare-section .compare-item{
    position:relative;
    overflow:hidden;height: 750px;
}

.compare-section .left-side{
    width:50%;
}

.compare-section .right-side{
    width:50%;
}

.compare-section .compare-item img{
   
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.compare-section .compare-wrapper::before{background-color: #ffffff87;
    content: '';
    position: absolute;
    height: 100%;display: none;
    width: .5px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;}
.compare-section .compare-item.active .compare-content .ca{display: block;}
.compare-section .compare-content .ca{display: none;}
.compare-section .compare-content.right-content{    text-align: right;
    width: 100%;
    left: auto;
    right: 100px;}
.compare-section .compare-content.right-content ul li::before{    right: 0;
    float: right;
    left: initial;}
.compare-section .compare-content.right-content ul li{padding-left: 0px;padding-right: 22px;}
.compare-section .compare-content{
        position: absolute;
    left: 100px;
    bottom: 100px;
    z-index: 2;
    color: #fff;
}

.compare-section /.right-content{
    left:50%;
    transform:translateX(-50%);
    width:80%;
    text-align:center;
}

.compare-section .compare-content h2{
        font-size: 40px;
    font-weight: 500;
    margin-bottom: 35px;
}

.compare-section .compare-content ul{
    list-style:none;
    padding:0;
    margin:0 0 40px;
}

.compare-section .compare-content ul li{
    position:relative;
    padding-left:22px;
    margin-bottom:20px;
    font-size:20px;
    color:#ececec;
}

.compare-section .compare-content ul li::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:8px;
    height:8px;
    border-radius:50%;
        background: #0DB14B;
}



.compare-section .or-circle{
    position:absolute;
    top:50%;
    left:50%;display: none !important;
    transform:translate(-50%,-50%);
    width:70px;
    height:70px;
    border-radius:50%;
    background:#0DB14B;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:600;
    z-index:5;
}



 .assura-section{    background: #F3F3F3;}
.assura-section .headeflex{    display: flex;
    width: 85%;margin-bottom: 50px !important;
    margin: 0 auto;}
.assura-section .headeflex h2{     width: 45%;
    font-size: 45px;    margin: 0;
    font-weight: 600;
    color: #000;}
.assura-section .headeflex .content{    width: 55%;}
.assura-section .headeflex .content p{font-size: 16px;
    color: #000;
    font-weight: 500;}
.assura-section .assura-banner{ position: relative;   background: #004684;
    overflow: hidden;
    border-radius: 8px;}
.assura-section .assura-banner img{    width: 100%;height: 650px;}
.assura-section .assura-banner .right a span img{height: auto !important;}
.assura-section .assura-banner .topcontent{    position: absolute;
    top: 0;
    padding: 80px;
    width: 50%;}
.assura-section .assura-banner .topcontent h3{    font-size: 55px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;}
.assura-section .assura-banner .topcontent h4{    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}
.assura-section .assura-banner .topcontent p{    font-size: 16px;
    color: #fff;
    font-weight: 500;}
.assura-section .assura-banner .assura-stats{    position: absolute;
    width: 90%;
    right: 0;display: flex;
    left: 0;
    bottom: 50px;    align-items: baseline;
    margin: 0 auto;
    justify-content: space-between;}
.assura-section .assura-banner .assura-stats .left{display: flex;align-items: center;}
.assura-section .assura-banner .assura-stats .left .stat-box{
        background:#00599829;
    border-radius: 10px;
    padding: 22px;
   
    float: left;
    margin-right: 15px;
}

.assura-section .assura-banner .assura-stats .left .stat-box h2{
    font-size:70px;
    color:#fff;font-weight: 600;
    line-height:1;
   
}

.assura-section .assura-banner .assura-stats .left .stat-box h3{
    font-size: 50px;
    color: #fff;
    margin-bottom: 5px;
}

.assura-section .assura-banner .assura-stats .left .stat-box span{
    display:block;
    font-size:14px;
    color:#fff;
}

.protection-level-section{background:#fff;}

.protection-level-section .section-heading{
   
    margin:0 auto 50px;
}

.protection-level-section .section-heading h2{
        color: #000000;
    font-size: 55px;
    font-weight: 500;
    margin-bottom: 15px;
}

.protection-level-section .section-heading p{
        color: #000000;
    font-size: 16px;
    font-weight: 500;
    /* line-height: 1.7; */
    margin: 0;
}

.protection-level-section .protection-card{
        border-radius: 8px;
    padding: 60px;
    height: 100%;
    color: #fff;
}

.protection-level-section .card-top{
    display:flex;
    align-items:flex-start;
    gap:40px;
}

.protection-level-section .year-box{
        width: 150px;
    height: 150px;
    padding: 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .12);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-align: left;
}

.protection-level-section .year-box .number{
          font-size: 70px;
    font-weight: 600;line-height: 1.2;
}

.protection-level-section .year-box small{
    font-size:14px;line-height: 1.2;
}
.protection-level-section .content a span{}
.protection-level-section .content h3{
       font-size: 40px;
    line-height: 1.1;
    margin-bottom: 25px;
    font-weight: 600;
}
.protection-level-section .content p{      font-size: 16px;
color: #fff;
    margin-bottom: 50px;
    font-weight: 500;}





.protection-level-section .card-plus{
    background:#0595C5;
}

.protection-level-section .card-core{
    background:#0DB14B;
}

.protection-level-section .card-essential{
    background:#5A7184;
}

.protection-level-section .card-basic{
    background:#81A0B9;
}

    .support-process{background: #F8F8F8;}

.support-process .section-heading{
    margin:0 auto 50px;
}

.support-process .section-heading h2{
        font-size: 55px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}

.support-process .section-heading p{
    margin:auto;
    font-size:16px;
    color:#000;font-weight: 500;
}

/* Timeline */

.support-process .timeline{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 auto 60px;
    width: 80%;
}

.support-process .timeline-line{
    position:absolute;
    left:60px;
    right:60px;
    top:50%;
    height:2px;
    background:#0DB14B;
    transform:translateY(-50%);
    z-index:1;
}

.support-process .timeline-item{
        background: none;
    padding: 0px;
    border-radius: 0px;
    min-width: auto;
    height: auto;
}

.support-process .timeline-number{
    width:66px;
    height:66px;position: relative;z-index: 222;
    border-radius:50%;
    background:#fff;
    border:3px solid #0DB14B;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0DB14B;
    font-size:28px;
    font-weight:600;
}

/* Cards */

.support-process .process-card{
       background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 50px 35px;
    text-align: center;
    height: 100%;
    transition: .3s;
}

.support-process .process-card:hover{
    ttransform:translateY(-6px);
    bbox-shadow:0 12px 35px rgba(0,0,0,.08);
}

.support-process .process-card h3{
       font-size: 25px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}

.support-process .process-card p{
        font-size: 16px;
    color: #000000;
    margin: 0;
    font-weight: 500;
}
.warranty-downloads{background: #fff;}
.warranty-downloads .head{margin-bottom: 50px;}
.warranty-downloads .head h2{    font-size: 55px;
    margin-bottom: 25px;
    font-weight: 600;}
.warranty-downloads .head p{    font-weight: 500;
    font-size: 16px;
    color: #000;}
.warranty-downloads .download-image img {
    width: 100%;
    display: block;height: 675px;
    border-radius: 20px;
}
.warranty-downloads .text{padding-left: 50px;
    position: relative;
    height: 100%;}
.warranty-downloads .download-list {
    display: flex;
    flex-direction: column;margin-bottom: 60px;
    
}
.warranty-downloads .download-list a:hover .left-content span{color: #fff;}
.warranty-downloads .download-list a:hover .right-content img{    filter: brightness(0) invert(1) !important;}
.warranty-downloads .download-card {
         display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    border: 1px solid #bfbfbf;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.warranty-downloads  .download-card:hover {
    border-color: #00d64f;
    color: #fff;
}

.warranty-downloads .left-content,
.warranty-downloads .right-content {
    display: flex;
    align-items: center;
    gap: 16px;
}

.warranty-downloads .left-content i {
    color: #00d64f;
    font-size: 22px;
}

.warranty-downloads .left-content span {
        font-size: 20px;
    font-weight: 500;
    color: #000;
    font-weight: 700;
}

.warranty-downloads .file-type {
        background: #f5f5f5;
    color: #7f7f7f;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.warranty-downloads  .right-content i {
    color: #8da0b5;
    font-size: 18px;
}

.warranty-downloads .help-box {
       background: #fff;
    border-radius: 18px;align-items: center !important;
    padding: 30px;   
    display: flex;
    gap: 18px;
    align-items: flex-start;border: 1px solid #bfbfbf;
   
}

.warranty-downloads  .help-icon i {
    color: #00d64f;
    font-size: 26px;
    margin-top: 4px;
}

.warranty-downloads .help-content h5 {
        margin-bottom: 5px;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.warranty-downloads .help-content p {
        margin: 0;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}

.warranty-downloads .help-content a {
    color: #333;
    text-decoration: none;
}

.comes .text a:hover{border-color: #fff !important;}


.spoersnew_page .banner .bannertext p{color:#fff;font-size: 18px;font-weight: 500;}
.communitydvin{position:relative; width:100%;border-radius: 8px;overflow: hidden;}
.communitylider .owl-nav{position:absolute; bottom:10%; left:5%; z-index:1;}
.communitylider .owl-nav .owl-prev{margin-right:20px;}
.communitydvin .overlay-content{ position:absolute;  bottom:10%;  right:5%;  display:flex; width:60%; z-index: 2;}
.communitydvin .overlay-content h3{font-size:25px; margin-bottom: 15px; font-weight:500;}
.communitydvin .overlay-content p{    font-size: 16px;
    /* line-height: 22px; */
    font-weight: 500;
    margin: 0;}
.communitydvin .active-card{ width:50%;  background:#0DB14B; color:#fff;  padding:35px;  border-radius:8px;}
.communitydvin .next-card{     width: 50%;
    background: rgb(0 0 0);
    color: #fff;
    padding: 35px;
    border-radius: 8px;
    margin-left: 15px;}

.whatwebx{background:#000;}

.offer-top{    margin-bottom: 30px;
    border-bottom: 1px solid #ffffff9c;
    padding-bottom: 30px;}
.offer-top h2{ font-size:50px;  font-weight:500; color:#fff;}
.offer-top p{ color:#fff;font-size: 16px;font-weight: 500;}


.whatwes-slide{border-radius: 8px;overflow: hidden;}
.whatwes-slide .ww-content p{font-size: 16px;font-weight: 500;color: #fff;}
.whatwebxin{ padding-left: 10.5%;}
.whatwebxin .whatwes-list {display: flex; flex-direction: column;  gap: 12px;}
.whatwes-item.active { background: #12b52d;  color: #fff;}
.whatwes-item {   padding: 18px; border-radius: 8px;  background: #302E2E;  cursor: pointer;  transition: .5s; color:#fff;}
.whatwes-item  .content{display: flex;  align-items: center;  gap: 15px;}
.whatwes-item  .content h6{width:90%;margin: 0px;    font-size: 18px;}
.whatwes-item  .content span{width:24px;text-align:right;transition: .5s;}
.whatwes-item  .content span image{transition: .5s;}
.whatwes-item:hover { background: #0DB14B;  color: #fff;}
.whatwes-item:hover .content span{transform:rotate(45deg);transition: .5s;}
.whatwes-slide .ww-content { position: absolute;  left: 50px;  top: 50px;
    color: #fff;  max-width: 450px;}
	
.planningsec{background: #F8F7F7;}
.planningsec .head{ text-align: left; margin-bottom: 50px;}
.planningsec .head h2{     font-size: 55px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000;}
.planningsec .head p{ font-weight: 500;font-size: 16px; color: #000;}	

 .planningsec .planningblock{    position: relative;
    border-radius: 8px;
    overflow: hidden;}
    .planningsec .planningblock::before{position: absolute;background: #00000082;width: 100%;height: 100%;content: '';}
    .planningsec .planningblock .arrowbtn{display: none;}
    .planningsec .planningblock img{    width: 100%;}
    .planningsec .planningblock .text{    position: absolute;
    bottom: 30px;height: 175px;
    padding: 20px;}
    .planningsec .planningblock .text h3{   color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;}
    .planningsec .planningblock .text p{    color: #fff;
    margin: 0;font-weight: 500;
    font-size: 16px;}
	
.bringingbx{background:url(https://ikiosports.com/frontend/img/bring-img1.jpg) no-repeat top center; padding:100px 0 80px !important; min-height:1085px; background-size:cover;}	
.bringingbx h3{    color: #fff;
    font-size: 55px;
    /* line-height: 84px; */
    font-weight: 600;
    /* margin-bottom: 25px; */
    text-align: center;}
.bringingdiv{display:flex; align-items:center; position:relative; bottom:20px; padding-top:500px;}
.bringingdiv .bringingdivbx:hover{background: #0DB14B;}
.bringingdiv .bringingdivbx{    background: rgb(0 0 0 / 70%);
    padding: 20px 20px 20px 30px;
    border-radius: 8px;
    width: 33%;
    color: #fff;
    display: flex;
    transition: 0.5s;
    margin: 5px;}
.bringingdiv .bringingdivbx h4{font-size: 25px;  font-weight: 600;  margin-bottom: 20px;}
.bringingdiv .bringingdivbx p{font-size: 14px;   font-weight: 500;  margin-bottom: 20px;}
.bringingdiv .bringingdivbx a{position: absolute;bottom: 0;}
.bringingdiv .bringingdivbx .bringingdivbxL{width:60%; position:relative; padding-right:10px;}
.bringingdiv .bringingdivbx .bringingdivbxR{width:40%;}
.bringingdiv .bringingdivbx .bringingdivbxR img{border-radius:8px;}

.bringingdiv .bringingdivbx:hover{background:#06BB27; transition:0.5s;}





.spoersnew_page .banner .bannertext p{color:#fff;}

.technology-tabs{display:flex;justify-content:center;gap:35px;list-style:none;padding:0;margin:0;border-bottom:1px solid #ddd;}
.technology-tabs li{cursor:pointer;position:relative;color:#666;margin:0 20px;}
.technology-tabs li.active{color:#28a745;}
.technology-tabs li.active:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#28a745;}
.technology-tabs a{display:block;padding:15px 0;color:#000;text-decoration:none;position:relative;font-size: 16px;}
.technology-tabs a.active{color:#18a94b;}
.technology-tabs a.active:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#18a94b;}
.technology_img{height: 100%;}
.technology_img img{border-radius:8px;width: 100%;height: 100%;}
.technology_txt h2{    font-size: 40px;
    /* line-height: 64px; */
    margin-bottom: 10px;
    font-weight: 600;
    color: #000;}
.technology_txt h6{    font-size: 18px;
    /* line-height: 26px; */
    margin-bottom: 20px;
    font-weight: 600;
    color: #0DB14B;}
.technology_txt p{    font-size: 16px;
    /* line-height: 26px; */
    margin-bottom: 10px;
    font-weight: 500;
    color: #000;}
.technology_txt .more a{margin-right: 10px;}
.pdR{padding-right:40px;}
.pdL{padding-left:40px;}

.technology_txt ul{padding: 0;}
.technology_txt ul li{padding:10px 0 15px;     border-bottom: .5px solid #91919136;}
.technology_txt ul li h6{margin-bottom:5px;}
.technology_txt ul li p{margin-bottom:10px;}
.technology_txt ul li:last-child{border-bottom: none;    margin-bottom: 0;
    padding-bottom: 0;}
.graybg{background:#F8F8F8;}
.pd80{padding:80px 0;}

.technology-content{    background: #F8F8F8;}
.technology-section .head{}
.technology-section .head h2{    font-size: 55px;
    font-weight: 600;
    color: #000;
    margin-bottom: 35px;}




.filter-left{width: 100%;justify-content: space-between;}
.project-filter{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #D9D9D9; padding-bottom: 15px;}
.project-filter h5{    font-size: 28px;
    color: #000;
    font-weight: 600;}
.filter-group,.filter-left{align-items:center;display:flex}
.filter-left{gap:35px;flex-wrap:wrap}.filter-group{gap:8px}
.filter-group span{    color: #11a63b;
    font-weight: 700;
    font-size: 16px;
    margin-right: 10px;}
.filter-group button{background:#fff;border:1px solid #0A22401F;padding:10px 15px;cursor:pointer; border-radius:8px;}
.filter-group button.active{    background: #11a63b;
    color: #fff;
    border-radius: 8px;
    text-align: center;}.project-img{position:relative}
.project-img img{width:100%;object-fit:cover; border-radius:8px 8px 0px 0px;}
.project-img .badge{position:absolute;top:12px;color:#fff;font-size:11px; padding:5px 10px;border-radius:20px}
.build{left:10px;background:#222}
.feature{left:85px;background:#f5a623}
.sport{right:10px;background:#16345f}
.sport.green1{background:#2cab4d; color:#fff;}
.sport.red{background:#b62d4e}
.sport.orange{background:#f39c12}
.project-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#777;margin-bottom:12px}
.class-tag{background:rgba(10, 34, 64, 0.1);padding:3px 8px;border-radius:4px;font-weight:600; color:#000;font-size: 12px;}
.location{color:#777;font-size:14px}
.card-body h5{font-size:22px;font-weight:600;margin-bottom:10px;color: #000;}
.card-body p{font-size:16px;font-weight:500;margin-bottom:15px; color:#000;}
.project-card:hover:after { height: 0;}
.project-card:before{background:none;}
.nowidth{width:auto !important;}
.card{border-radius:8px;}
.planingfootbx{background:#464646; padding:80px 0; text-align:center; color:#fff;}
.planingfootbx h3{font-size:60px;line-height:80px;font-weight:600;margin-bottom:20px}
.planingfootbx p{font-size:20px;line-height:30px;font-weight:400;margin-bottom:20px}