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

html,
body {
  width: 100%;
  height: 100%;
  background-color: #f5f6f3;
 font-family: "Roboto", sans-serif; 
}

.pb-60{padding-bottom:60px}
.pt-60{padding-top:60px}


.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

a:hover {text-decoration:none}
:root {
    --red: #e52925;
	--gray: #464646;
	--st_black: #4e4e4e
}

      @font-face {
    font-family: 'Flama-Light,sans-serif';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/Flama_Web_Font/Feliciano-Flama-Light-WebFonts-101'), url('../fonts/Flama_Web_Font/Feliciano-Flama-Light-WebFonts-101/Flama-Light.woff') format('woff');
    }
    

   
 p {
    line-height: 24px;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
}
button.button-style-1, a.button-style-1 {
    gap: 10px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: var(--white);
    padding: 15px 34px 15px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
    background-color: var(--red);
}
button.button-style-1.btn-bg-white::before, a.button-style-1.btn-bg-white::before {
    background-color: #000;
}
button.button-style-1::before, a.button-style-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transform-origin: bottom right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    background-color: var(--black);
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
button.button-style-1:hover::before, a.button-style-1:hover::before {
    -webkit-transform: scale(1, 1.01);
    transform: scale(1, 1.01);
    transform-origin: bottom center;
}

.heading_all {
    margin-bottom: 50px;
}
.heading_all h3{
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 40px;
    }


.btn_wrap{
    margin-top: 25px;
}	
.btn_wrap .btn-more{
    /* margin: 0 auto; */
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 40px;
    min-height: 40px;
    padding: 0 20px;
    opacity: 1;
    transition: all .45s ease-in-out 0s;
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, .4);
    border-bottom: 1px solid rgba(0, 0, 0, .4);
}	
.btn_wrap .btn-more span{
    position: relative;
    display: block;
    width: 100%;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    transition: all .45s ease-in-out 0s;
    text-align: left;
    /* background: url(https://img.lxhausys.com/public/images/icon/icon_arrow.png) right center no-repeat; */
    color: #757575;
    background-size: 15px;
    }
.btn_wrap .btn-more svg {fill: #757575;width: 20px;height: 20px;}
.btn_wrap:hover .btn-more span{color: var(--red);}

.btn_wrap:hover {}
.btn_wrap:hover .btn-more {
    border-color: 1px solid var(--red);
    color: var(--red);
    /* background: url(https://img.lxhausys.com/public/images/icon/icon_arrow.png) right center no-repeat; */
}
.btn_wrap:hover .btn-more svg {fill: var(--red);}


/*---------------------------------------*/
.head_bar {position: fixed;width: 100%;top: 0;z-index: 9;}
.bg-black {background: #efefef7d;}
.head_bar .container-fluid {padding: 0 35px;}
.head_bar.sticky{background:#fff;padding: 2px 0;}
.head_bar.sticky .searchbar .searchbar-start svg{fill: #000;}
.head_bar.sticky .searchbar.active .searchbar-center input {color: #000;}
.head_bar.sticky .searchbar.active {border: 1px solid #0c0c0c;}
.head_bar.sticky .top_bar {display: none;}
.head_bar.sticky:before{display:none}
.head_bar.sticky .searchbar {/* box-shadow: 0px 0px 10px #d7d7d7; */}
.head_bar.sticky .toggle-bar {border-top: 2px solid #000000;}
.head_bar.sticky .toggle-bar::before,
.head_bar.sticky .toggle-bar::after {background: #000000;}
.head_bar.sticky .search_user  svg {fill: #000000;width: 20px;height: 20px;}
.head_bar:before {content:'';/* position: absolute; *//* width: 100%; */height: 100%;/* background: #00000061; */
    /* background-image: linear-gradient(180deg, rgb(0 0 0 / 94%) 9%, rgb(255 255 255 / 0%) 100.17%); 
    z-index: -1;*/}
.head_bar .top_bar{/* background: #000; */padding: 6px 0 0;}
.head_bar .top_menu{}
.head_bar .top_menu ul{margin: 0;padding: 0;list-style: none;display: flex;gap: 10px;}
.head_bar .top_menu ul li{position: relative;padding-right: 15px;}
.head_bar .top_menu ul li:last-child {padding-right:0}
.head_bar .top_menu ul li:last-child:before{display:none}
.head_bar .top_menu ul li:before {content:'';width: 5px;height: 5px;border-radius: 10px;background: #fff;position: absolute;top: 8px;right: 0;}
.head_bar .top_menu ul li a{color: #fff;font-size: 15px;text-decoration: none;}
.head_bar .top_dflex{justify-content: end;}
.sec_menu {}
.logo_togle {width: 100px;}
.sec_menu .logo{}
.sec_menu .logo img {width:100%}
.logo_menus {    display: flex;}
.logo_menus .nav_menus{flex: 1;display: flex;align-items: center;justify-content: end;gap: 15px;}
.logo_menus .nav_menus .ul_start{display: flex;justify-content: end;}
.logo_menus .nav_menus .ul_start ul{display: flex;gap: 25px;margin: 0;padding: 0;}
.logo_menus .nav_menus .ul_start ul li{ list-style: none;}
.logo_menus .nav_menus .ul_start ul li a{
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    height: 20px;
    font-weight: 400;
    text-transform: uppercase;
}
.logo_menus .nav_menus .ul_start ul li a.rolling-text {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}
.search_user {
    display: flex;
    gap: 0;
    align-items: center;
}
.search_user a{
    text-decoration: none;
}
.search_user  svg{
    fill: #fff;
    width: 23px;
    height: 23px;
}
.mob_toggle {/* display:none; */cursor: pointer;}
.global_lang {position:relative}
.global_lang button {
    border: none;
    background: #0000;
    outline: none;
}
.select_lang_pop {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    z-index: 3;
}
.select_lang_pop .country_area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 164px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
.select_lang_pop .country_area>ul>li>a.on {
    /* color: #222; */
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.select_lang_pop .country_area>ul>li>a {
    color: #666;
    font-size: 15px;
    font-weight: 500;
}
.select_lang_pop .country_area>ul>li>a img {
    width: 20px;
    margin-right: 10px;
}
.select_lang_pop .country_area ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.select_lang_pop .country_area ul li {}
.select_lang_pop .country_area>ul>li+li {
    margin-top: 1px;
}
.select_lang_pop.show {display:block}



/*-----------------top_mega_menu--------------------*/

.mega_menu_start .nav_menu {
    display: none; /* Hide all menus by default */
}

.mega_menu_start .nav_menu.active {
    display: block; /* Show the active menu */
}


/*---------------------------------------*/

/*----------------text Transform-----------------------*/


.rolling-text {
  display: inline-block;
  line-height: 16px; /* 48px * 1.5 */
   /* 48px / 2 */
  height: 16px; /* 48px * 1.5 */
  overflow: hidden;
}

.rolling-text:hover .letter,
.rolling-text.play .letter {
  transform: translateY(-100%);
}

.rolling-text .block:last-child {
  color: #d3a13b;
}

.rolling-text .letter {
  display: inline-block;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

/*----------------text Transform-----------------------*/
/*----------------translate-----------------------*/
.translate {
    background: #000000;
    padding: 15px;
    border-radius: 5px;
}
.translate .translate_dflex{
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    height: 100%;
}
.translate .translate_dflex svg{
    fill: #fff;
    width: 16px;
    height: 16px;
}
.translate .translate_dflex span {
    color: #fff;
    font-size: 16px;
}
.translate .translate_dflex span.rolling-text {
    line-height: 18px;
    height: 20px;
}
/*----------------translate-----------------------*/
.top_social {}
.top_social .socials{
    display: flex;
    align-items: center;
    gap: 6px;
}
.top_social .socials a{
    width: 25px;
    height: 25px;
    background: #ffffff2b;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_social .socials a svg{}
/*----------------Silk Slider-----------------------*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/*----------------Silk Slider-----------------------*/
.slider-container {
	overflow: hidden;
	position: relative;
	height: 100vh;
	width: 100%;
}

.slider-container h1 {
	color: #fff;
	font-size: 70px;
	margin-bottom: 35px;
	font-size: 4.25rem;
	line-height: 1.1em;
	letter-spacing: 5px;
	text-transform: uppercase;
}

.slider-container .slide::after {
 background-color: #000; 
	content: '';
	position: absolute;
	opacity: 0.1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.slider-container .slide {
    height: 100%;
    width: 100%;
    position: relative;
    opacity: 0; /* Initially hidden */
    transition: opacity 1s ease; /* Add transition for opacity */
    opacity: 0;
    transition: opacity 1s ease-in-out;
    position: absolute; /* Ensure slides are stacked on top of each other */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.slider-container .slide.active {
	opacity: 1;
   }
.slider-container .slide img{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	 transform: scale(1.02);
	transition: opacity .6s ease;
}

.slider-container .slide.active img{
	animation: grow 4s linear forwards;
	opacity: 1;
}

@keyframes grow {
	0%, 20% {
		transform: scale(1);
	}
	
	75%, 100% {
		transform: scale(1.02);
	}
}

.controls-container {
	position: absolute;
	bottom: 0;
	display: flex;
	z-index: 2;
	justify-content: center;
	width: 100%;
	gap: 10px;
	padding: 0px 0px 30px 0px;
}
.controls-container .cont_s {
	display: flex;
	justify-content: center;
	width: 100%;
	gap: 10px;
	}
.controls-container:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 23%) 48%, rgb(255 255 255 / 0%) 100.17%);
    z-index: -1;
    }

.control {
	cursor: pointer;
	height: 90px !important;!i;!;
	/* width: 60px; */
	border-bottom: 0px solid #ffffff38;
	border-radius: 0px;
	overflow:hidden;
	display: flex !important;!i;!;
	/* background: #00000054; */
	align-items: center;
	gap: 0;
	position: relative;
	align-items: center;
	flex: 1;
	justify-content: center;
	margin-right: 30px;
}
.control:after{
			  content:'';
			  border-bottom: 2px solid #ffffff38;
			  width: 100%;
			  bottom: 0;
			  position: absolute;
			  }
.control.active{/* border:1px solid #fff; */}
.control img {
	    width: 60px;
	    height: 60px;
	    object-fit: cover;
	    }
.control p {
    margin: 0;
    color: #fff;
    padding: 0;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}
.tiles_name {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0px, -50%);
    z-index: 2;
    padding-left: 60px;
}
.tiles_center {
    text-align: left;
    width: fit-content;
    /* padding: 15px; */
    /* background: #00000061; */
    /* width: 50%; */
}
.tiles_center h2{
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 40px;
    margin-bottom: 12px;
    /* font-size: 4.25rem; */
    line-height: 1.1em;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 0.7px;
}
.tiles_center p {color:#fff;font-size: 18px;margin-bottom: 25px;font-weight: 300;}
.tiles_center a.viewmore {color:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 25px;display: block;width: fit-content;font-size: 17px;}
.tiles_center a.viewmore svg {}

/*------------------------------------------------------------ .about-one { position: relative; display: block; padding: 60px 0 60px; z-index: 1; overflow: hidden; } .about-one__icon { position: absolute; bottom: 4px; right: -2px; opacity: .10; } .about-one__icon img { width: auto; } .about-one__left { position: relative; display: block; margin-right: 130px; } .about-one__img-box { position: relative; display: block; } .about-one__img-one { position: relative; display: block; overflow: hidden; z-index: 1; } .about-one__img-one:after { position: absolute; top: 0; left: -100%; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); transform: skewX(-25deg); z-index: 1; } .about-one__img-box:hover .about-one__img-one:after { -webkit-animation: shine 1.5s; animation: shine 1.5s; } .about-one__img-one img { width: 100%; } .about-one__img-two { position: absolute; top: 80px; right: -142px; width: 286px; height: 370px; z-index: 2; } .about-one__img-two img { width: 100%; border: 12px solid var(--red); } .about-one__success-project { position: absolute; bottom: 0; left: 0; background-color: var(--white); display: flex; align-items: center; max-width: 320px; width: 100%; padding: 20px 25px 20px; z-index: 2; } .about-one__success-project-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 94px; width: 94px; background-color: #F5F5F5; border-radius: 50%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .about-one__success-project:hover .about-one__success-project-icon { background-color: var(--red); } .about-one__success-project-icon span { position: relative; display: inline-block; color: var(--arckytec-base); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .about-one__success-project-icon span svg { width: 55px; height: 55px; fill: var(--red); } .about-one__success-project:hover .about-one__success-project-icon span svg { transform: scale(.9); fill: #fff; } .about-one__success-project-icon span:hover svg {fill:#fff} .about-one__success-project-content { position: relative; display: block; margin-left: 14px; top: 6px; } .about-one__success-project-content h5 { font-size: 20px; font-weight: 600; line-height: 20px; margin-bottom: 2px; } .about-one__success-project-count { position: relative; display: flex; align-items: center; } .odometer .count { font-size: 45px; font-weight: 700; color: var(--red); line-height: 40px; } .about-one__success-project-count h3 { font-size: 40px; font-weight: 700; line-height: 48px !important; letter-spacing: -0.8px; font-family: var(--arckytec-font) !important; color: var(--arckytec-base); } .about-one__success-project-count-plus { font-size: 40px; font-weight: 700; line-height: 48px; letter-spacing: -0.8px; color: var(--red); } .about-one__dot { position: absolute; bottom: 0; right: -130px; } .about-one__dot img { width: auto; } .about-one__right { position: relative; display: block; margin-left: 82px; margin-top: 55px; } .about-one__right .section-title { margin-bottom: 19px; } .about-one__right .section-title__title { } .about-one__text {line-height: 30px;font-size: 15px;text-align: justify;} .about-one__points-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-top: 28px; margin-bottom: 36px; } .about-one__points { position: relative; display: block; } .about-one__points li { position: relative; display: flex; align-items: center; } .about-one__points li+li { margin-top: 21px; } .about-one__points li .icon { position: relative; display: flex; align-items: center; } .about-one__points li .icon span { position: relative; display: flex; align-items: center; font-size: 20px; color: var(--arckytec-base); } .about-one__points li .text { margin-left: 13px; } .about-one__points li .text p { color: var(--arckytec-white); } .about-one__points--two { margin-left: 40px; } .about-one__btn-box { position: relative; display: block; } .about-one__btn:hover { color: var(--arckytec-base); } .about-one__btn:after { background: var(--arckytec-white); } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .section-title { position: relative; display: block; margin-top: -6px; margin-bottom: 56px; } .section-title__tagline { position: relative; display: inline-block; font-size: 18px; line-height: 18px; color: var(--arckytec-base); font-weight: 500; padding-left: 15px; padding-right: 15px; z-index: 1; } .section-title__tagline:before { content: ""; position: absolute; top: 5px; left: 0; height: 6px; width: 6px; background-color: var(--red); border-radius: 50%; } .section-title__tagline:after { content: ""; position: absolute; top: 5px; right: 0; height: 6px; width: 6px; background-color: var(--red); border-radius: 50%; } .section-title__title { margin: 0; font-size: 40px; line-height: 45px; font-weight: 700; margin-top: 4px; } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } .experience { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; } .experience span{ font-size: 50px; font-weight: 600; border: 3px solid var(--red); color: var(--red); width: 80px; display: flex; height: 80px; justify-content: center; align-items: center; } .experience p{ margin: 0; font-size: 23px; width: 140px; line-height: 27px; color: var(--red); } ----------------------------------------------------------*/


/*-------------product_grid---------------
.product_grid {
    padding: 60px 0;
    overflow: hidden;
}
.product_grid .pro_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.product_grid .pro_grid .box_pro{}
.product_grid .pro_grid .box_pro a{}
.product_grid .pro_grid .box_pro a{
    text-decoration: none;
}
.product_grid .MuiBox_root{
    position: relative;
    margin-bottom: 12px;
    overflow: hidden;
}
.product_grid .MuiBox_root img {width:100%;height: 100%;object-fit: cover;}
.product_grid .MuiBox_root .top_name{
    position: absolute;
    top: 0px;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    padding: 20px;
    z-index: 0;
    width: 100%;
    opacity: 0;
}
.product_grid .MuiBox_root .top_name span{
    padding-left: 18px;
    padding-right: 18px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: fit-content;
    border-radius: 60px;
    border: 0px rgba(37, 35, 36, 0.2);
    color: rgb(37, 35, 36);
    background-color: rgb(255, 252, 245);
    height: 42px;
}



.MuiStack_root {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px 10px 0px 0px;
    background-color: rgba(255, 252, 245, 0.5);
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin-top: 0;
    height: 0;
    padding-top: 0;
    opacity: 0;
    }
.css-tyosqb {
    display: flex;
    flex-direction: row;
    padding: 20px;
    -webkit-box-align: center;
    align-items: center;
}
.css-m7u048 {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgb(255, 252, 245);
    width: 21px;
    height: 21px;
}
.css-vd28q6 {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    overflow: hidden;
    display: flex;
}
.num {
    margin-left: 15px;
}
.num p{color:#000;margin: 0;}
.cs_vm5seb {display: flex;
    flex-direction: row;
    padding: 20px;
    -webkit-box-align: center;
    align-items: center;}
.cs_vm5seb .title{
    color: #000;
}
.Name_pro {
    display: flex;
    align-items: center;
    gap: 8px;
}
.Name_pro span{
    width: 12px;
    height: 12px;
    display: block;
    border: 1px solid #000;
    border-radius: 26px;
}
.Name_pro p{
    margin: 0;
    color: #000;
}
.product_grid .pro_grid .box_pro:hover .Name_pro span {background:#000}
.product_grid .pro_grid .box_pro:hover .top_name {opacity: 1;transform: scale(1);transition: opacity 0.3s ease, transform 0.3s ease;}
.product_grid .pro_grid .box_pro:hover .MuiStack_root {
    margin-top: 221px;
    height: 69px;
    padding-top: 10px;
    opacity: 1;
}
-------------product_grid---------------*/





/*-----------------Optimised_room---------------------*/
.Optimised_room {
    background: #fff;
    padding: 50px 0;
}
.Optimised_room .container {/* padding: 0 150px; */}
.Optimised_room .container .row { align-items:center; }
.Optimised_room .Optim_ised{}
.Optimised_room .Optim_ised h3{
    margin-bottom: 20px;
    Flama-Light,font-family: sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #222;
    /* text-transform: capitalize; */
    letter-spacing: 0;
}
.Optimised_room .Optim_ised h3:before {
        /* position: absolute; */
        /* top: 50%; */
        /* display: block; */
        /* width: 12.0625rem; */
        /* height: 1.1875rem; */
        /* padding-left: 15rem; */
        /* margin: 0 auto 0 -15rem; */
        content: "";
        /* background: url(../img/line-horizontal.svg) 0 0 no-repeat; */
        /* transform: translateY(-50%); */
        }
.Optimised_room .Optim_ised h3 span{
    /* color: var(--red); */
}
.Optimised_room .TeaserText{
    /* padding-right: 130px; */
    display: none;
}
.Optimised_room .TeaserText_h3{
    font-size: 29px;
    line-height: 1.1111111111em;
    font-weight: 700;
    margin-bottom: 20px;
}
.Optimised_room .Optim_ised p{
    /* padding-right: 130px; */
    /* font-size: 14px; */
}

.Optim_isedImg img {width:100%}


.Optim_isedImg .box_content {overflow:hidden;padding-left: 10px;}

.Optim_isedImg .box {position: relative;width: 100%;height: 190px;margin-top: 150px;background: rgba(255, 255, 255, 0.1);transform: rotate(-30deg) skew(25deg) scale(0.8);margin-bottom: 70px;margin: 150px auto 87px;}

.Optim_isedImg .layer {position: absolute;top: 0;left: 0;display: block;height: 100%;box-shadow: 0px 0px 10px #0000002e;transition: 0.5s;background-size: contain;background-repeat: no-repeat;z-index: 0;}

.Optim_isedImg .layer img {
height: 100%;
width: 100%;
}

.Optim_isedImg .layer:nth-child(1){}
.Optim_isedImg .layer:nth-child(2){z-index: 3}
.Optim_isedImg .layer:nth-child(3){z-index: 2}
.Optim_isedImg .layer:nth-child(4){z-index: 1}

.Optim_isedImg .active .layer:nth-child(4) {/* transform: translate(40px, -40px); */opacity: 1;z-index: 0;}

.Optim_isedImg .active .layer:nth-child(3) {transform: translate(40px, -40px);opacity: 1;z-index: 2;}

.Optim_isedImg .active .layer:nth-child(2) {transform: translate(80px, -80px);opacity: 1;z-index: 3;}

.Optim_isedImg .active .layer:nth-child(1) {transform: translate(120px, -120px);opacity: 1;z-index: 4;}


.Optim_isedImg .layer_content {font-size: 15px;position: relative;z-index: 1;left: 13px;}

.Optim_isedImg .layer_content ul {
list-style: none;
padding: 0;
position: relative;
}
.Optim_isedImg .layer_content li:nth-child(1):before {
transform: translateX(0);
margin-left: 20px;
}
.Optim_isedImg .layer_content li:nth-child(2):before  {margin-left: 30px;height: 340px;}
.Optim_isedImg .layer_content li:nth-child(3):before  {margin-left: 40px;height: 340px;}
.Optim_isedImg .layer_content li:nth-child(4):before  {margin-left: 50px;height: 360px;}
.Optim_isedImg .layer_content li:after {content: '';position: absolute;left: 0;height: 2px;background: #cdcdcd;width: 65px;top: 10px;z-index: 0;}


.Optim_isedImg .layer_content li:nth-child(1):after {
left: 20px;
}
.Optim_isedImg .layer_content li:nth-child(2):after  {
left: 30px;
}
.Optim_isedImg .layer_content li:nth-child(3):after  {
left: 40px;
}
.Optim_isedImg .layer_content li:nth-child(4):after  {
left: 50px;
}





.Optim_isedImg .layer_content li {}

.Optim_isedImg .layer_content li {}
.Optim_isedImg .layer_content li span {background:#fff;position: relative;z-index: 1;padding-left: 0;font-weight: 600;padding: 0 2px;}



.Optim_isedImg .layer_content ul li:before {content:'';position: absolute;left: 0px;height: 333px;background: #cdcdcd;width: 2px;top: 10px;}











.Optim_isedImg .layer_content li {
    opacity: 0;
    transform: translateX(-100%);
    transition: all 0.5s ease-out;
    position: relative;
    padding: 0 0 0 90px;
}

/* Jab .layer_content pe layer_sd class add ho, tab list items ek ek karke dikhein */
.Optim_isedImg .layer_content.layer_sd li {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* Delay har li ke liye alag-alag */
.Optim_isedImg .layer_content.layer_sd li:nth-child(1) {
    transition-delay: 0s;
}
.Optim_isedImg .layer_content.layer_sd li:nth-child(2) {
    transition-delay: 2s;
}
.Optim_isedImg .layer_content.layer_sd li:nth-child(3) {
    transition-delay: 4s;
}
.Optim_isedImg .layer_content.layer_sd li:nth-child(4) {
    transition-delay: 6s;
}







/*-----------------Optimised_room---------------------*/

/*----------form_delivery------------*/
.form_delivery {
    background: #fff;
    position: relative;
}
.form_delivery .text{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /* position: sticky; */
    top: 50px;
}
.form_delivery .text h3{
    font-size: 54px;
    margin-bottom: 46px;
    /* font-size: 80px; */
    line-height: 1.1111111111em;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    /* width: 60%; */
    margin: 0 auto;
}
.video-container {width: 100%;max-width: 600px;margin: auto;position: relative;}
.video {width: 100%;height: auto;display: block;}
.videos {

}
/*----------form_delivery------------*/

/*--------------------background--footer-----------------------*/
.footer_start {background:url('../img/background--footer.webp');background-position: center;background-repeat: no-repeat;background-size: cover;padding: 40px 0;position: relative;/* margin-top: 40px; */}
.footer_start:before {content:'';background: #000000cc;top: 0;position: absolute;width: 100%;height: 100%;}
.footer_start .ftr_big_set {position:relative;display: flex;justify-content: space-between;align-items: flex-start;}
.footer_start .ftr_big_set .menus{position:relative;display: flex;flex: 1;}
.footer_start .ftr_big_set .menus ul{display: flex;position:relative;padding: 0;list-style: none;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 7px;}
.footer_start .ftr_big_set .menus ul li{position:relative}
.footer_start .ftr_big_set .menus ul li a{position:relative;text-decoration: none;font-weight: 300;color: #fff;/* line-height: 18px; *//* display: -webkit-inline-box; */display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;padding-block: 0;padding-inline: .5ch;color: rgba(0, 0, 0, 0);/* font-size: clamp(1.6rem, 1em, 1.8rem); *//* font-weight: 500; *//* text-align: left; */text-decoration: none;/* text-transform: uppercase; */text-shadow: 0 0 #FFF, 0 15em #fff;/* background-color: rgba(0, 0, 0, 0); */will-change: padding, text-shadow, background-position;-webkit-transition: text-shadow .4s cubic-bezier(0.83, 0, 0.17, 1), background-position .4s cubic-bezier(0.83, 0, 0.17, 1);transition: text-shadow 0.4s cubic-bezier(0.83, 0, 0.17, 1), background-position .4s cubic-bezier(0.83, 0, 0.17, 1);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;/* user-select: none; */overflow: hidden;text-transform: capitalize;}									 
.footer_start .ftr_big_set .menus ul li a:hover {
    text-shadow: 0 -15em #fff, 0 0 #fff;
}										 
.footer_start .ftr_big_set .menus ul li:nth-child(1){position:relative}
.footer_start .ftr_big_set .menus ul li:nth-child(1) a{position:relative;color: #fff;font-weight: 400;pointer-events: none;letter-spacing: 0.7px;font-size: 15px;}
.ftr_big_menu {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        display: flex;
        flex: 1;
        }
.footer_start .ftr_big_set .menus ul li a:before {
    content: "";
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    position: absolute;
    bottom: 0px;
    height: 1px;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: right;
    transform-origin: left;
    scale: 0;
    -webkit-transition: scale .4s cubic-bezier(0.83, 0, 0.17, 1);
    transition: scale .4s cubic-bezier(0.83, 0, 0.17, 1);
    /* width: 100%; */
}
.footer_start .ftr_big_set .menus ul li a:hover:before {width: 100%;scale: 1;}

#footer-select-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-flex: 1; */
    -ms-flex-positive: 1;
    /* flex-grow: 1; */
    /* margin-block: 0 8rem; */
    /* -webkit-box-ordinal-group: 2; */
    -ms-flex-order: 2;
    order: 2;
    /* flex: 1; */
    /* justify-content: end; */
}
.footer-language {
    position: relative;
}
.footer-toggler {
    color: #fbfaf6;
    padding-block: 0 .25em;
    padding-inline: 0;
    text-align: left;
    min-width: 200px;
    font-size: 15px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid currentColor;
    border-left: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../img/arrow-down.png');
    background-size: 8px;
    background-position: right calc(100% - 8px);
    background-repeat: no-repeat;
    outline: none;
}
.footer-toggler strong {
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-weight: 400;
    pointer-events: none;
    letter-spacing: 0.7px;
    font-size: 15px;
}
.footer-toggler img.wpml-ls-flag {
    margin-right: 1ch;
    display: inline-block;
    width: 20px;
}
.footer-toggler span {font-size:15px}

.footer-language ul {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    z-index: 3;
    padding: 0;
    left: 0;
    overflow-y: scroll;
    height: 290px;
    }
/* width */
.footer-language ul::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.footer-language ul::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.footer-language ul::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.footer-language ul::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.footer-language ul li{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    text-align: left;
    line-height: 28px;
    }
.footer-language ul li a{
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #666;
    font-size: 15px;
    display: block;
    padding: 0 10px;
    }



.footer-sub {
    position: relative;
    display: flex;
    gap: 25px;
    align-items: center;
    margin-top: 25px;
}
.footer-sub .ftr_logo{
    width: 100px;
}
.footer-sub .ftr_logo img{
    width: 100%;
}
.footer-sub .credits{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.footer-sub .copyright{
    color: #fbfaf6;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.footer-sub ul.privacy{
    gap: 20px;
}
.footer-sub ul.privacy li{}
.footer-sub ul.privacy li a{
    color: #fbfaf6;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.footer-sub .socials{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1ch;
}
.footer-sub .socials a{
    display: inline-block;
    aspect-ratio: 1 / 1;
    height: 30PX;
    width: 30PX;
}
.footer-sub .socials a svg{
    fill: #fff;
    width: 20px;
    height: 20px;
}
.footer-sub .socials a span{
    display: none;
}
.dis_cate {
    position: relative;
    background: #fff;
}
.discuss_project {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ececec;
    padding: 0 0 0 0;
    border-radius: 15px;
    position: relative;
    width: 70%;
    text-align: center;
    overflow: hidden;
    margin: 0 auto -40px;
    z-index: 2;
}

.discuss_project .download_broucher {
    background: var(--st_black);
    display: flex;
    padding: 20px 15px;
}
.discuss_project .download_broucher a {
    background: #0000;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 18px;
}
.discuss_project .download_broucher a img {
    height: 49px;
}
.download_broucher a span {
    display: inline-block;
    font-size: 18px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    top: 0;
    margin-left: 10px;
    border-radius: 7px;
}
.discuss_project .heading_title {
    font-weight: 600;
    font-size: 22px;
    color: var(--st_black);
}
.project_dis {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
    justify-content: space-between;
    padding: 20px;
}
.discuss_project a {
    background: var(--st_black);
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    padding: 12px 15px 10px;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    top: 0;
    border-radius: 5px;
    display: block;
}
.discuss_project a img {
    height: 12px;
    margin-left: 3px;
}


/*--------------------background--footer-----------------------*/
/*--------------------tools_blog-----------------------*/
.tools_blog {
    padding: 50px 0;
    background: #f5f6f3;
}
.tools_blog .box{
    /* box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); */
    height: 100%;
    align-items: center;
    display: flex;
}
.tools_blog .box .box_thumb{
    overflow: hidden;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
.tools_blog .box .box_thumb img{
    width: 100%;
    transition: transform 0.3s ease; /* Smooth transition */
}
.tools_blog .box .box_thumb:hover img{
    width: 100%;
    transform: scale(1.1); /* Adjust the scaling factor as needed */
}
.tools_blog .box .desc{
    padding: 1.25rem;
    /* margin-top: -21px; */
    margin-left: -52px;
    z-index: 2;
    position: relative;
    background: #ffffff;
    width: 90%;
    /* margin: -46px auto 0; */
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    border-radius: 10px;
    overflow: hidden;
}
.tools_blog .box .desc h3{
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.tools_blog .box .desc h3 a{
    color: #000;
}
.tools_blog .box .desc p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    }
.tools_blog .box .desc a.tool_links {
    color: var(--red);
    transform: translate(0rem); /* Initial transform */
    margin-right: 0;
    transition: transform .25s cubic-bezier(.3, 0, 0, 1), margin-right .25s cubic-bezier(.3, 0, 0, 1); /* Added transition */
    display: block;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.tools_blog .box .desc a.tool_links svg {mar;/* margin-left: -20px; */}

.tools_blog .box:hover .desc a.tool_links {
    transform: translate(1rem); /* Corrected unit for translate */
    margin-right: 0;
}

/*--------------------tools_blog-----------------------*/
/*--------------------ss hover inspiration-----------------------*/
.section.s15 {padding: 50px 0;}
.ss_155 {display: grid;grid-template-columns: 1fr 1fr;}
.s15-12 h3 {padding: 8px 18px;font-size: 18px;font-weight: 300;position: absolute;z-index: 2;background: #00000066;color: #fff;letter-spacing: 0.7px;}
.s15-1 {
    display: flex;
    overflow: hidden;
    flex: 1;
}
.s15-2 {
    display: flex;
    overflow: hidden;
    position: relative;
    height: 70vh;
    z-index: 1;
    flex-basis: 0%;
    flex-shrink: 1;
    flex-grow: 1;
    transition: flex-grow .25s;
}
    .s15-2:hover {
       flex-grow: 2;
    }
.s15-3 {
    /* position: absolute; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cover {
    object-fit: cover;
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    pointer-events: none;
}
.explore_mobile {display:none}
/*--------------------ss hover inspiration-----------------------*/

.slick-slide {
  transform: translateZ(0);
}


























































#sync1 .item {
  background: #0c83e7;
  padding: 80px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

#sync2 .item {
  background: #C9C9C9;
  padding: 10px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
#sync2 .item h1 {
  font-size: 18px;
}
#sync2 .current .item {
  background: #0c83e7;
}

.owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*='owl-'] {
  transition: all .3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

#sync1.owl-theme {
  position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}
#sync1.owl-theme .owl-prev {
  left: 10px;
}
#sync1.owl-theme .owl-next {
  right: 10px;
}
.ifrm{border:none; width:100%;margin-top:50px;}

/*---------------------------------------------------*/
.big_One_slider {}
.big_One_slider  .image-container {
      /* display: flex; */
      /* flex-direction: column; */
      /* align-items: center; */
      position: relative;
    }
.big_One_slider .title_c{
    /* width: 50%; */
    position: absolute;
    right: 45px;
    top: 2%;
    /* transform: translateY(-50%); */
    /* width: calc(100% - 524px); */
    z-index: 1;
}
.big_One_slider .main-image {
    position: relative;
    width: 560px;
    height: 750px;
}
.big_One_slider .thumbnail-carousel {width:50%;position: absolute;left: 400px;top: 50%;transform: translateY(-50%);width: calc(100% - 400px);}
.big_One_slider     .main-image img {
      width: 100%;
      /* max-width: 600px; */ /* Adjust as needed */
      height: 100%;
      object-fit: cover;
    }
.big_One_slider     .thumbnail-carousel .thumbnail img {
      width: 100%; /* Adjust as needed */
      cursor: pointer;
      height: 415px;
      object-fit: cover;
    }
.big_One_slider .owl-carousel .owl-nav button {
      /* background: rgba(0, 0, 0, 0.5); */
      /* color: #fff; */
      /* border: none; */
      /* border-radius: 50%; */
      /* padding: 10px; */
    }
 .big_One_slider    .thumbnail.active img {
       /* Highlight active thumbnail with red border */
    }
.big_One_slider .thumbnail {
    position: relative;
}	
.big_One_slider .thumbnail:before {content:'';background: #00000054;width: 100%;height: 100%;position: absolute;}
.big_One_slider .thumbnail .txtbox{
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 100%;
    padding: 0 30px;
}	
.big_One_slider .thumbnail .txtbox .logowrap{
    text-align: center;
}	
.big_One_slider .thumbnail .txtbox .logo{
    font-size: 25px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    background: #ffffff8c;
    display: block;
    padding: 7px 25px;
    border-radius: 6px;
    width: fit-content;
    margin: 0 auto;
}	
.big_One_slider .thumbnail .txtbox .logo.bg_rmve {background:#0000; padding:0}
.big_One_slider .thumbnail .txtbox .logo img {
    width: 100%;
    height: 50px;
    object-fit: contain;
}
.big_One_slider .thumbnail .txtbox .sub_tit{
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}	
.big_One_slider .thumbnail .txtbox .txt_cont{
    display: none;
    font-size: 17px;
    line-height: 24px;
    color: #666;
    padding: 0 13px;
    margin-top: 26px;
    /* font-weight: 600; */
}	
.big_One_slider .thumbnail .btnwrap{
    display: none;
    margin-top: 56px;
}	
.big_One_slider .thumbnail .btnwrap .btn-more{
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    width: 140px;
    height: 45px;
    min-height: 45px;
    padding-left: 20px;
    padding-right: 0;
    opacity: 1;
    transition: all .45s ease-in-out 0s;
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, .4);
    border-bottom: 1px solid rgba(0, 0, 0, .4);
}	
.big_One_slider .thumbnail .btnwrap .btn-more span{
    position: relative;
    display: block;
    width: 100%;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    transition: all .45s ease-in-out 0s;
    text-align: left;
    background: url('../img/icon_arrow.png') right center no-repeat;
    color: #757575;
    background-size: 15px;
    }
.big_One_slider .thumbnail .btnwrap .btn-more span{}	
.big_One_slider .thumbnail-carousel	.thumbnail.active {}
.big_One_slider .thumbnail-carousel	.thumbnail.active.thumbnail:before{background: #fff;}
.big_One_slider .thumbnail-carousel	.thumbnail.active .txtbox{}
.big_One_slider .thumbnail-carousel	.thumbnail.active .txtbox .logowrap{}
.big_One_slider .thumbnail-carousel	.thumbnail.active .txtbox .logowrap .logo{
    color: #000;
}
.big_One_slider .thumbnail-carousel	.thumbnail.active .txtbox .logowrap .sub_tit{
    display: block;
    color: #a0a0a0;
}
.big_One_slider .thumbnail-carousel	.thumbnail.active .txtbox .logowrap .txt_cont{
    display: block;
}
.big_One_slider .thumbnail-carousel	.thumbnail.active .txtbox .btnwrap{
    display: block;
}

.big_One_slider .owl-carousel .owl-nav {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}	
.big_One_slider .owl-carousel .owl-nav .owl-prev{    background: #ffffff91 url('../img/icon_newevent_prev.png') no-repeat center center;}	
.big_One_slider .owl-carousel .owl-nav .owl-next{    background: #ffffff91 url('../img/icon_newevent_next.png') no-repeat center center;}	
.big_One_slider .owl-carousel .owl-nav button{    margin-top: 20px;
    width: 80px;
    height: 80px;
    font-size: 0;
    text-indent: 0;
    outline: none;
    border: 1px solid #eee;
    background: #0000;}	
.big_One_slider .owl-carousel .owl-dots 	{
    display: flex;
    position: absolute;
    margin-top: -42px;
    width: 100%;
    right: 0;
    justify-content: center;
}
.big_One_slider .owl-carousel .owl-dots .owl-dot	{
    width: 50px;
    height: 3px;
    background: #d0d0d0;
    outline: none;
    border: none;
}
.big_One_slider .owl-carousel .owl-dots .owl-dot.active	{
    background: var(--red);
}
/*---------------------------------------------------*/





.control {position:relative;}

.control:before {
				 content:'';
				 position:absolute;
				 left: 0;
				 width:0px;
				 height:2px;
				 bottom: 0px;
				 background-color: #fff;
				 z-index: 10
}

.control.active:before  {
    animation-name: visualbtmline;
    animation-delay:1s;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    transform: translate3d(0,0,0);
    transform-origin: 0% 0%
}
@keyframes visualbtmline {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        width: 100%
    }
}




.up-down{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}



.video_banner {
    height: 100vh;
    position: relative;
}
.video_banner:before {content:'';content: '';position: absolute;width: 100%;height: 100%;/* background: #00000061; */background-image: linear-gradient(180deg, rgb(0 0 0 / 38%) 48%, rgb(255 255 255 / 0%) 100.17%);z-index: 1;}
.video_banner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video_banner h1 {
    color: #fff;
    font-size: 70px;
}






.searchbar {
    display: flex;
    /* border: 1px solid #ffffff; */
    height: 48px;
    width: 50px;
    min-width: 50px;
    /* border-radius: 24px; */
    transition: width 0.3s ease;
    /* background: #ffffff; */
    overflow: hidden;
}
.searchbar .searchbar-start {
    height: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    align-items: center;
    color: #a1a0a0;
    /* background: var(--red); */
    /* flex: 1; */
}
.searchbar .searchbar-start svg {
    fill: #ffffff;
    width: 23px;
    height: 23px;
    cursor: pointer;
}
.searchbar .searchbar-center {
    padding-left: 0;
    padding-right: 0;
    flex: 1 1 0%;
    height: 100%;
    position: relative;
}
.searchbar .searchbar-center input {
    outline-width: 0;
    border-width: 0;
    font-size: 1.125rem;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-size: 15px;
    font-weight: 600;
    display: none;
}

.searchbar.active {width: 300px;background: #ffffff42;border: 1px solid #ffffff;border-radius: 24px;}
.searchbar.active .searchbar-start{
    /* background: var(--red); */
    flex: inherit;
}
.searchbar.active .searchbar-start svg {
    /* fill: #000; */
}
.searchbar.active .searchbar-center input{
    padding: 0 15px;
    display: block;
    color: #fff;
}

.shadow {
    position: absolute;
    bottom: -100%;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 14px;
    background-color: rgba(0, 0, 0, .4);
    backdrop-filter: blur(5px);
    z-index: -1;
}

.control.active .shadow {
    animation-name: visualshadow;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    transform: translate3d(0, 0, 0);
    transform-origin: 0% 0%;
}

@keyframes visualshadow {
    0% {
        bottom: -100%
    }

    100% {
        bottom: 0
    }
}


/*-----------------top_mega_menu--------------------*/
.top_mega_menu {
     position: absolute;
     width: 300px;
     background: #ffffffbd;
     z-index: 10;
     padding: 15px;
     height: 0;
     opacity: 0;
     overflow: hidden;
     transition: height 0.3s ease, opacity 0.3s ease;
     right: 0;
     display: none;
}

.top_mega_menu.active {
  height: 100vh; /* Adjust based on the actual height of your content */
  opacity: 1; /* Make content visible */
  display: block;
}


.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-bar {
  width: 22px;
  margin: 10px 0;
  position: relative;
  border-top: 2px solid #ffffff;
  display: block;
}
.toggle-bar::before,
.toggle-bar::after {
  content: "";
  display: block;
  background: #ffffff;
  height: 2px;
  width: 22px;
  position: absolute;
  top: -10px;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -ms-transform-origin: 13%;
  -webkit-transform-origin: 13%;
  transform-origin: 13%;
}
.toggle-bar::after {
  top: 6px;
}
.mob_toggle.mob_act_ive .toggle-bar {
  border-top: 0px solid transparent;
}
.mob_toggle.mob_act_ive .toggle-bar::before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  /* background: #000; */
}
.mob_toggle.mob_act_ive .toggle-bar::after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* background: #000; */
  top: 1px;
}
.mega_menu_start {
    display: block;
}
.mega_menu_start {
    display: block;
}
.mega_menu_start .mega_nav{
    width: 100%;
    border-bottom: 1px solid #eeeeee30;
    margin-bottom: 15px;
}

.mega_menu_start .mega_nav:hover .nav_menu{
    /* display: block; */
}

.mega_menu_start .mega_nav.active ul{display:block}
.mega_menu_start .mega_nav.active h3:after{
    width: 37px;
    height: 3px;
    transform: inherit;
    top: inherit;
    bottom: -7px;
    left: 0;
    background: var(--red);
}
.mega_menu_start .mega_nav h3{
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 15px;
    letter-spacing: 2px;
    color: #000;
    cursor: pointer;
}
.mega_menu_start .mega_nav h3:before{position: absolute;content: "";font-family: FontAwesome;right: 2px;top: 50%;font-size: 16px;transform: translate(0px, -50%);width: 12px;height: 2px;background: #000;}
.mega_menu_start .mega_nav h3:after{position: absolute;content: "";font-family: FontAwesome;right: 7px;top: 50%;font-size: 16px;transform: translate(0px, -50%);width: 2px;height: 12px;background: #000;}
.mega_menu_start .mega_nav ul{
    padding: 0px;
    list-style: none;
    display: none;
}
.mega_menu_start .mega_nav ul li{
    margin-bottom: 9px;
    border-bottom: 1px solid #eee;
}
.mega_menu_start .mega_nav ul li:last-child{ border-bottom: 0px solid #eee;}
.mega_menu_start .mega_nav ul li a{
    color: #000;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    padding: 5px 0;
}
.mega_menu_start .mega_nav ul.nav_menu .drop {}
.mega_menu_start .mega_nav ul.nav_menu li.drop {}
.mega_menu_start .mega_nav ul.nav_menu li.drop:hover .two_menu{
    display: block;
}
.mega_menu_start .mega_nav ul.nav_menu li.drop a{
    position: relative;
}
.mega_menu_start .mega_nav ul.nav_menu li.drop a:after{content:'';content: "\f107";font-family: FontAwesome;right: 0;position: absolute;}
.mega_menu_start .mega_nav ul.nav_menu li.drop ul.two_menu{display: none;}
.mega_menu_start .mega_nav ul.nav_menu li.drop ul.two_menu.active{display: block;background: #efefef7d;padding: 10px 10px;}
.mega_menu_start .mega_nav ul.nav_menu li.drop ul.two_menu li{}
.mega_menu_start .mega_nav ul.nav_menu li.drop ul.two_menu li a{}
.mega_menu_start .mega_nav ul.nav_menu li.drop ul.two_menu.active a:after{display:none}
.mega_menu_start .mega_nav ul.nav_menu li.drop ul.two_menu.active a{padding: 0 0 7px 14px;font-size: 14px;position: relative;}
.mega_menu_start .mega_nav ul.nav_menu li.drop ul.two_menu.active a:before{
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: var(--red);
    top: 1px;
    }


/*-----------------top_mega_menu--------------------*/












/*----------------------------------------*/
.main_slider {position:relative;height: 100vh;overflow: hidden;}
.main_slider  .banner-container {width: 100%;height: 100%;}
.main_slider  .main-banner { position: relative;        }
.main_slider .banner-item { display: none;    }
.main_slider .banner-item.slick-active {     display: block;        }
.main_slider .thumbnail-slider {
            display: flex;
            justify-content: center;
            margin-top: 10px;
        }

 .main_slider .thumbnail-item {padding:5px
        }

  .main_slider      .thumbnail-item.slick-active {
             /* Active thumbnail border color */
        }
		
.main_slider .banner-container .slick-dotted.slick-slider {
    position: absolute;
    bottom: 0;
    width: 100%;
}	
.main_slider .width_set:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 23%) 48%, rgb(255 255 255 / 0%) 100.17%);
    z-index: 0;
    }

.main_slider .thumbnail-sliders.cont_s {
    width: calc(100% - 380px);
    margin: 0 auto;
    padding-bottom: 30px;
}
 .main_slider .slick-slide img {
    display: block;
    object-fit: cover;
    height: 100vh;
    width: 100%;
    transform: scale(1.02);
    transition: opacity .6s ease;
}
		
.main_slider .banner-item.slick-active img{
	animation: grow 4s linear forwards;
	opacity: 1;
}

@keyframes grow {
	0%, 20% {
		transform: scale(1);
	}
	
	75%, 100% {
		transform: scale(1.02);
	}
}	
.main_slider .thumbnail-item.slick-slide.slick-current.slick-active	 .shadow {
    animation-name: visualshadow;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    transform: translate3d(0, 0, 0);
    transform-origin: 0% 0%;
}
.main_slider .thumbnail-item.slick-slide.slick-current.slick-active:before  {
    animation-name: visualbtmline;
    animation-delay:0.2s;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    transform: translate3d(0,0,0);
    transform-origin: 0% 0%
}
@keyframes visualbtmline {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        width: 100%
    }
}
.main_slider .width_set {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.main_slider .slick-prev {
 left: -80px;
 background: url("../img/icon_arrow_left_main.svg") center no-repeat !important;!i;!;
 background-size: 100%;
 transition: all .5s ease-in-out
} 
.main_slider .slick-next {right: -80px;
background: url("../img/icon_arrow_right_main.svg") center no-repeat !important;!i;!;background-size: 100%;transition: all .5s ease-in-out} 
.main_slider .slick-prev:before,
.main_slider .slick-next:before {display:none}



/*----------------------------------------*/

.newsLetter {
    color: #fbfaf6;
    margin-top: 20px;
}

.newsLetter  h3 {
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-weight: 400;
    pointer-events: none;
    letter-spacing: 0.7px;
    font-size: 15px;
    }

.newsLetter .form {}
.newsLetter .form form .form_group {
    display: flex;
    border-bottom: 2px solid #fff;
    align-items: center;
}
.newsLetter .form form input{
    height: 50px;
    border: none;
    background: 0 0;
    font-size: 16px;
    color: #fff;
    width: 100%;
    padding: 0;
}
.newsLetter .form form .form_group  button{
    background: #e5292500;
    border: none;
    padding: 7px 12px;
    outline: none;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-weight: 400;
    pointer-events: none;
    letter-spacing: 0.7px;
    font-size: 15px;
}
.newsLetter .form form .form_group button:hover {background: var(--red);}

.header_stock_ticker {
    border-radius: 5px;
    background: #ffffff2b;
    border: 1px solid #ffffff38;
    overflow: hidden;
    margin-top: 10px;
}

.header_stock_ticker > div {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
.header_stock_ticker > div > a {
    text-align: center;
    margin: 0;
    padding: 0.4em;
    background: #BC2408;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    display: block;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.7px;
    font-size: 15px;
}
.header_stock_ticker.main{right:0}





/*---------------------------------------------------------------------------*/
.new_sssdd {padding:40px 0;position: relative;}
    .new_as {
      width: 80%;
       /* Add smooth transition */
      margin: 0 auto;
    }
.one_slide {
    position: relative;
}
.one_slide h3 {
    line-height: 1;
    /* color: #ffffff; */
    text-align: center;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 40px;
    text-transform: capitalize;
    letter-spacing: 0;
}
    .new_as .img_s{
      display: flex;
      transition: all 1s ease; /* Add smooth transition */
      justify-content: center;
      width: 100%;
      margin: auto;
      height: 100%;
    }

    /* Default position before animation */
    .new_as .ss {
      margin-right: -178px;
      transition: margin-right 1s ease;
    }

    .new_as .sss {
      margin-left: 0px;
      margin-top: 0px;
      transition: margin-left 1s ease, margin-top 1s ease;
    }

    .new_as .img {
      width: 422px;
      overflow: hidden;
      height: 100%;
      flex: 1;
      position: relative;
      /*height: 645px;*/
    }

    .new_as .img img {
      width: 100%;
      height: 100%;
      object-fit: fill;
    }

    /* When animation starts */
    .animate .ss {
      margin-right: 0px; /* Set final position */
    }

    .animate .sss {
      margin-left: -135px;
      margin-top: 56px; /* Set final position */
      background: #dbd1c7;
      padding: 30px;
    }

    .featured-products-content {
      background: #464646;
      padding: 15px;
      display: block;
      height: 100%;
    }
.featured-products-content h3.ts-h2 {
    font-size: 33px;
    color: #fff;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 0;
    font-weight: 300;
    letter-spacing: 0.7px;
}
    .featured-products-background-top {
      display: flex;
      gap: 1rem;
      margin-bottom: 25px;
    }

    .featured-products-background-top .image-wrapper {
      width: 60%;
      height: auto;
    }

    .featured-products-background-top .image-wrapper img {
      width: 100%;
    }

    .featured-products-background-top .ts-body-s {
      color: #fff;
      font-size: 15px;
    }

    .featured_content {
      display: flex;
      flex-wrap: wrap;
      gap: 60px;
      width: 100%;
      justify-content: space-between;
    }

    .featured_content .main-link {
      display: block;
      width: 100%;
    }

    .featured_content .foreground_top {
      display: flex;
      width: 100%;
      justify-content: space-between;
    }

    .featured_content .foreground_top h4 {
      color: #000;
      margin-bottom: 0;
      font-size: 25px;
      font-weight: 400;
      letter-spacing: 0.7px;
    }


.featured_content .foreground_top .image-wrapper p {display:none}
    .rich-text p {}

    .featured_single_img .image-wrapper img {}
	.featured_single_img {}
	.featured_single_img .image-wrapper{
    width: 300px;
}


.new_sssdd .owl-nav {}
.new_sssdd .owl-nav button{
    position: absolute;
    top: 50%;
    border: 1px solid #000000 !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 36px !important;
    display: block;
    outline: none;
    justify-content: center;
    padding: 1px !important;
}
.new_sssdd .owl-nav .owl-next{
    right: -70px;
}
.new_sssdd .owl-nav .owl-prev{
    left: -70px;
}
.new_sssdd .owl-nav button span {
    display: block;
    height: 48px;
    line-height: 40px;
    color: #000000;
}
.new_sssdd .bg.mod--hero {
    height: 100%;
}
.new_sssdd .bg {
    z-index: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
.new_sssdd .bg__img {
    z-index: 0;
    object-fit: cover;
    object-position: 50% 0%;
    width: 100%;
    height: 100%;
    transition: all 2s;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
.new_sssdd .bg.mod--footer .bg__img.mod--2, .bg.mod--hero .bg__img.mod--2 {
animation: footerAnimate 8s infinite; 
}
.new_sssdd .bg__img.mod--2 {
    z-index: 1;
    opacity: 0;
}

 @keyframes footerAnimate {
                        20% {
                            opacity: 0;
                        }

                        50% {
                            opacity: 1;
                        }

                        80% {
                            opacity: 1;
                        }

                        110% {
                            opacity: 0;
                        }

                        0% {
                            opacity: 0;
                        }
                    }
					
/*----------------------------------------------------------------------------*/
/*-------------------------------Sustainability---------------------------------------------*/
/*----------form_delivery------------*/
.sustainability  {height:100vh;overflow: hidden;}
.sustainability .content {height:100%}
.sustainability .form_delivery {
    background: #fff;
    position: relative;
    height: 100%;
}
.sustainability .form_delivery:before {content:'';position: absolute;width: 100%;height: 100%;background: #00000054;left: 0;z-index: 1;}
.sustainability .form_delivery .text{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /* position: sticky; */
    top: 50px;
}
.sustainability .form_delivery .text h3{
    font-size: 54px;
    margin-bottom: 46px;
    /* font-size: 80px; */
    line-height: 1.1111111111em;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    /* width: 60%; */
    margin: 0 auto;
    letter-spacing: 5px;
}
.sustainability .video-container {width: 100%;max-width: 600px;margin: auto;position: relative;}
.sustainability .video {width: 100%;height: auto;display: block;}
.sustainability .videos {height: 100vh;object-fit: cover;width: 100%;}
.fr_df {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    z-index: 4;
}
.hero-banner-with-background-image {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
    padding: 50px;
    min-height: 100%;
    justify-content: center;
    background-size: 100%;
    width: 40%;
    margin: 0 auto;
}
.mx_auto {
    text-align: center;
}
.mx_auto h2{
    color: #fff;
    font-size: 27px;
    line-height: 33px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 400;
}
.mx_auto h2 strong {display: block;color: #ffffff;font-weight: 400;}
.mx_auto p{
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    max-width: 260px;
    margin: 0 auto;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.7px;
}
.mx_auto p a {
    color: #fff;
    }
/*-------------------------------Sustainability---------------------------------------------*/
/*-------------------------------breadcrumb---------------------------------------------
.page-title {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 110px 0;
    min-height: 250px
}

.page-title:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #131313;
    opacity: .8;
    content: ""
}

.page-title .title {
    font-size: 64px;
    color: #fff;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
}

.page-title .text {
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .05em;
    max-width: 520px
}

.page-breadcrumb {
    position: relative;
    margin-top: 0;
    padding: 0;
}

.page-breadcrumb li {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    padding-right: 13px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

.page-breadcrumb li:after {
    position: absolute;
    content: "\f105";
    right: -6px;
    top: 1px;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    font-family: "FontAwesome";
    color: #fff
}

.page-breadcrumb li:last-child {
    padding-right: 0;
    margin-right: 0
}

.page-breadcrumb li:last-child::after {
    display: none
}

.page-breadcrumb li a {
    color: var(--theme-color1);
    font-weight: 500;
    text-transform: capitalize;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.page-breadcrumb li a:hover {
    color: #fff
}
-------------------------------breadcrumb---------------------------------------------*/

/*----------------------------------------------------------------------------*/
.services-section-home2 .grid_s {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    position: relative;
    justify-content: center;
}
.services-section-home2 .lami_nate_box {
    box-shadow: 0px 0px 10px #d2d2d2;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    padding: 15px;
}
.services-section-home2 .lami_nate_box a{
    overflow: hidden;
}
.services-section-home2 .lami_nate_box .image{
    overflow: hidden;
    margin: 0;
    position: relative;
}
.services-section-home2 .lami_nate_box:hover .image img {    transform: scale(1.1);}
.services-section-home2 .lami_nate_box .image img{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.services-section-home2 .lami_nate_box .desc{
    text-align: center;
    padding: 15px 0 0;
}
.services-section-home2 .lami_nate_box .desc h3{
    padding: 0;
    margin: 0;
    font-size: 25px;
    text-align: center;
    color: #000;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
}


/*----------------------------------------------------------------------------*/

/*-----------------------------------first_pra-----------------------------
.first_pra {
    padding: 60px 0;
}
.first_pra .heading_all{    margin-bottom: 20px;}
.first_pra .content{}
.first_pra .content h3{}
.first_pra .content p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    text-align: justify;
}
.first_pra .laminate_flim {
    box-shadow: 0px 0px 10px #d2d2d2;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    padding: 10px;
    background: #fff;
}
.first_pra .laminate_flim img {width:100%}
-----------------------------------first_pra-----------------------------------------*/
.services-content {}
.services-content .content{}
.services-content .content h3{     padding: 0;
    margin: 0;
    font-size: 25px;
    text-align: center;
    color: #000;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;}
.services-content .content p{
    margin: 0;
}
.services-content .content ul{}
.services-content .content ul li{}



/*
.first_pra
{position:relative;}

.first_pra:before
{position:absolute;content:'';width:50%;top:0;background:url('../img/High-Pressure-Laminates.png');height: 100%;right: 0;background-position: center;background-repeat: no-repeat;background-size: cover;}



.bg_fixed_ab {
    height: 450px;
    background: url('../img/hero-1.avif');
    background-size: cover;
    position: relative;
}
.bg_fixed_ab:before {content:'';background: #000;width: 100%;height: 100%;position: absolute;opacity: 0.7;}
.bg_fixed_ab img {width:100%;display: none;}
.bg_fixed_ab .fix {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0px, -50%);
}
.bg_fixed_ab .fix .content{
    width: 560px;
    padding: 15px 0 15px 25px;
    position: relative;
}
.bg_fixed_ab .fix .content:before {content:'';width: 4px;height: 100%;position: absolute;border-radius: 7px;background: var(--red);left: 0;top: 0;}
.bg_fixed_ab .fix .content p{
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    line-height: 37px;
}
*/
/*-----------------------------------*/
.team_member {
    padding: 60px 0;
    position:relative;
    overflow: hidden;
    background: #fff;
}
.team_member:before {content:'';width: 100%;height: 50%;background: #000;position: absolute;top: 0;background: #;}
.team_member .team_slider {padding-left: 235px;}
.team_member .owl-carousel .owl-stage-outer {
    overflow: initial;
}
.team_member .team_slider .team-block{}
.team_member .team_slider .image-box{}
.team_member .team_slider .image-box .image{
    height: 500px;
    overflow: hidden;
}
.team_member .team_slider .image-box .info-box{
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.team_member .team_slider .image-box .info-box .name{}
.team_member .team_slider .image-box .info-box .designation{}
.team_member .owl-nav{
    display: flex;
    justify-content: end;
    gap: 16px;
}
.team_member .owl-carousel .owl-nav button{
    border: 1px solid #000000;
    width: 50px;
    height: 50px;
    color: #000000;
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 75px;
    line-height: 25px;
}
.team_member .owl-nav button.owl-prev{}
.team_member .owl-nav button.owl-next{}
.team_member .owl-carousel .owl-nav button span {line-height: 25px;}

/*-----------------------------------*/

/*-----------------------------------------------------*/
.tabs_plugin {
    padding: 60px 0;
    background: var(--gray);
}
.tabs_plugin .nav-tabs{
    justify-content: space-between;
    border-bottom: 0;
    margin-bottom: 50px;
}
.tabs_plugin .nav-tabs li{}
.tabs_plugin .nav-tabs .nav-link:focus, 
.tabs_plugin .nav-tabs .nav-link:hover {
    border-color: #e9ecef00 #e9ecef00 #e9ecef00;
}
.tabs_plugin .nav-tabs li a{
    color: #fff;
    border-bottom: 2px solid #fff !important;
    padding: 9px 40px;
}

.tabs_plugin .nav-tabs .nav-item.show .nav-link, 
.tabs_plugin .nav-tabs .nav-link.active {
    background-color: #ffffff00;
    border-color: #0000;
}
.tabs_plugin .nav-tabs li a.active{
    background: #0000;
    color: var(--red);
    border-bottom: 2px solid var(--red) !important;
}
.tabs_plugin .nav-tabs li a.active{}
.tabs_plugin .tab-content{}
.tabs_plugin .tab-content .content{}
.tabs_plugin .tab-content .content h3{
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
}
.tabs_plugin .tab-content .content p{color:#fff;font-size: 15px;font-weight: 400;line-height: 24px;letter-spacing: 0.2px;text-align: justify;}
.tabs_plugin .tab-content .content ul li{color:#fff;font-size: 15px;font-weight: 400;line-height: 24px;letter-spacing: 0.2px;text-align: justify;margin-bottom: 15px;}
.tabs_plugin .tab-content .tabs_img {
    /* height: 310px; */
    background: #fff;
    padding: 10px;
    border-radius: 0;
    box-shadow: 4px 5px 6px #252525;
}
.tabs_plugin .tab-content .tabs_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*-----------------------------------------------------*/
.timelineContainer {padding:60px 0;background: url('../img/background/watch.jpg');/* background-position: center; */background-repeat: no-repeat;background-size: cover;background-attachment: fixed;position: relative;}
.timelineContainer:before{content:'';width: 100%;height: 100%;position: absolute;background: #ffffffba;top: 0;}
.timeline_height {
    position: relative;
}
.timeline_height .years{}
.timeline_height .years .d_flex_s{
    display: flex;
}
.timeline_height .years .year_prefix_div{top: 21%;height: 127px;position: sticky;}
.timeline_height .years .fixed_inner{ }
.timeline_height .years .fixed_inner .observer.active {display:block}
.timeline_height .years .fixed_inner .observer{display:none;font-weight: 400;font-size: 5.5rem;text-decoration: none;color: #000;position: relative;line-height: .7;}
.timeline_height .years .fixed_inner .observer span{ }
.timeline_height .dd_years{list-style:none;padding: 0;margin-left: 95px;\: 185px;}
.timeline_height .dd_years li {}
.timeline_height .dd_years li a {
    font-weight: 400;
    font-size: 40px;
    text-decoration: none;
    color: #000;
    position: relative;
    line-height: .7;
    }
	.year-divider {
    height: 133px;
    /* background: #000; */
    width: 4px;
    position: relative;
    left: 50px;
    border-right: 3px dotted #000;
}
.year_divider_last {
    height: 42px;
    /* background: #000; */
    width: 4px;
    position: relative;
    left: 50px;
    border-right: 3px dotted #000;
    }
.timeline-card-div {
    display: flex;
    height: 164px;
    align-items: flex-start;
    width: 60%;
}
.timeline-card-div:last-child{height:auto}
.timeline-card-div .timeline-card-desc-text {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    }
/*----------------------------------------------------------------------------*/
.window-style2 {
    background: #f5f6f3;
    padding: 60px 0;
    position: relative;
}			
.window-style2 .window-style {
    height: 100%;
    /* overflow: hidden; */
}
.window-style2 .window-changle-img {
    display: flex;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    gap: 25px;
    flex-wrap: wrap;
}		
.window-style2 .window-changle-img:after{display:none}
.window-style2 .window-col {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 7%);
    padding: 15px 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 27px;
    justify-content: space-between;
}	
.window-style2 .window-col:hover {
    background: #c2c2c2;
}
.window-style2 .window-col img {
}
.window-style2 .window-col .title-window {
    text-align: left;
}
.window-style2 .window-col .title-window a {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    color: #222;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    display: block;
}
.window-style2 .image_flat {
    height: 440px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.window-style2 .image{
    width: 100%;
    height: 100%;
}
.window-style2 .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.window-style2 .flat-appointment {
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--gray-dark);
    display: none;
    padding: 15px 40px;
}
.window-style2 .flat-appointment a {
    color: #fff;
    font-weight: 600;
}
.window-style2 .flat-appointment a span {
    display: flex;
    align-items: center;
    gap: 9px;
}
.window-style2 .flat-appointment a span svg{width: 25px;height: 22px;}
.window-style2 .img_tile {display:flex;align-items: center;gap: 20px;}
.window-style2 .scv svg {fill:red;width: 35px;height: 35px;}
/*----------------------------------------------------------------------------*/
	

/*-------------product_grid---------------
.product_grid {
    padding: 60px 0;
    overflow: hidden;
    background: #fff;
    z-index: 1;
    position: relative;
}
.product_grid .heading_all {text-align:center}
.product_grid .pro_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.product_grid .pro_grid .box_pro{}
.product_grid .pro_grid .box_pro a{}
.product_grid .pro_grid .box_pro a{
    text-decoration: none;
}
.product_grid .MuiBox_root{
    position: relative;
    margin-bottom: 12px;
    overflow: hidden;
    height: 280px;
}
.product_grid .MuiBox_root img {width:100%;height: 100%;object-fit: cover;}
.product_grid .MuiBox_root .top_name{
    position: absolute;
    top: 0px;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    padding: 20px;
    z-index: 0;
    width: 100%;
    opacity: 0;
}
.product_grid .MuiBox_root .top_name span{
    padding-left: 18px;
    padding-right: 18px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: fit-content;
    border-radius: 60px;
    border: 0px rgba(37, 35, 36, 0.2);
    color: rgb(37, 35, 36);
    background-color: rgb(255, 252, 245);
    height: 42px;
}



.MuiStack_root {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px 10px 0px 0px;
    background-color: rgba(255, 252, 245, 0.5);
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin-top: 0;
    height: 0;
    padding-top: 0;
    opacity: 0;
    }
.css-tyosqb {
    display: flex;
    flex-direction: row;
    padding: 20px;
    -webkit-box-align: center;
    align-items: center;
}
.css-m7u048 {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgb(255, 252, 245);
    width: 21px;
    height: 21px;
}
.css-vd28q6 {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    overflow: hidden;
    display: flex;
}
.num {
    margin-left: 15px;
}
.num p{color:#000;margin: 0;}
.cs_vm5seb {display: flex;
    flex-direction: row;
    padding: 20px;
    -webkit-box-align: center;
    align-items: center;}
.cs_vm5seb .title{
    color: #000;
}
.Name_pro {
    display: flex;
    align-items: center;
    gap: 8px;
}
.Name_pro span{
    width: 12px;
    height: 12px;
    display: block;
    border: 1px solid #000;
    border-radius: 26px;
}
.Name_pro p{
    margin: 0;
    letter-spacing: 0.7px;
    font-weight: 300;
    font-size: 18px;
    text-transform: capitalize;
}
.product_grid .pro_grid .box_pro:hover .Name_pro span {background:#000}
.product_grid .pro_grid .box_pro:hover .top_name {opacity: 1;transform: scale(1);transition: opacity 0.3s ease, transform 0.3s ease;}
.product_grid .pro_grid .box_pro:hover .MuiStack_root {
    margin-top: 221px;
    height: 69px;
    padding-top: 10px;
    opacity: 1;
}
-------------product_grid---------------*/
/*----------------------------*/
.btn_wrap_ssd {
    width: fit-content;
    margin-top: 40px;
}
.about-section-eight .content-column .btn_wrap_ssd .btn_wrap {
    border-bottom: 1px solid #d5d5d5 !important;}

.content_an {}
.content_an h3{
    position: relative;
    margin-top: 0;
    margin-bottom: 40px;
    line-height: 36px;
    font-weight: 300;
    font-size: 54px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
}
.content_an p{
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    text-align: justify;
}

.mt-60 {margin-top:60px}
.content_an {}	
.content_an ul{
    padding-left: 100px;
    list-style: none;
}
.content_an ul li:first-child {border-top: 1px solid #eee;}
.content_an ul li {
    display: flex;
    border-bottom: 1px solid #eee;
    gap: 18px;
    padding: 23px 0;
    position: relative;
}	
.content_an ul li a{
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    font-style: italic;
}	
.content_an ul li:before{
    content: "\f00c";
    font-family: FontAwesome;
    background: var(--red);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 44px;
    /* position: absolute; */
    left: -55px;
    top: 12px;
    }
.grid_ab {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}	
.grid_ab .grId_img {
    width: 100%;
}	
.grid_ab .grId_img img {
    width: 100%;
    height: 460px;
    object-fit: cover;
}	
/*----------------------------*/




.dd_years li {}
.dd_years li.stick{
    position: sticky;
    margin-left: -49px;
    font-weight: 400;
    font-size: 40px;
    text-decoration: none;
    color: #000;
    line-height: .7;
    top: 21%;
    height: 0;
    position: sticky;
    z-index: 0;
}
.fade-element {
  /* Smooth transition for opacity */
}

.sticky-element {
    position: sticky;
    top: 0; /* Adjust to your layout */
    z-index: 10; /* Ensure it appears above other elements */
}

.bef_remove:before {display:none}

/*-------------------------------
.ques_ans {padding: 50px 0;}
.ques_ans .title_content{}
.ques_ans .title_content h3{
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    color: #222;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
}
.ques_ans .title_content p{
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    text-align: justify;
}
.ques_ans .title_content p a { color:var(--red)}
.ques_ans .title_content ul li{
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    text-align: justify;
}
.ques_ans .content_img{}
.ques_ans .content_img img{
    width: 100%;
}
.ques_ans .row {
    align-items: center;
}
.ques_ans .row:nth-child(even) {}
.ques_ans .row:nth-child(even) .col-md-5 {}
.ques_ans .row:nth-child(even) .col-md-7 {order: 1;}
-------------------------------*/

/*-------------------------------*/
.hs_pra {
    padding: 80px 0;
    background-color: #fff;
    border-radius: 45px 45px 0 0;
    width: 100%;
    max-width: 100%;
    padding: 50px 0;
    position: relative;
    margin-top: -40px;
    overflow: hidden;
}
.hs_pra .content{}
.hs_pra .content .about_usS{
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--red);
    text-transform: capitalize;
    letter-spacing: 0.7px;
    margin-bottom: 15px;
}
.hs_pra .content .about_us{
    font-size: 60px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0.7px;
    margin-bottom: 40px;
}
.hs_pra .content .about_content {}
.hs_pra .content .about_content p{
    font-size: 25px;
    line-height: 1.3888888889em;
}
.hs_pra .about8__content {
    height: 100%;
}

.hs_pra .about8__content p{
    margin-bottom: 15px;
}
.hs_pra .about8__content p:last-child{
    margin-bottom: 0px;
}
/*----------------------------------------------------------------------------------
.slider_pro {
    background: #fff;
    padding: 50px 0px 50px 50px;
}
.slider_pro .slider_margin {}
.slider_pro .slider_margin .slider_pro_ducts .owl-nav {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
.slider_pro .slider_margin .slider_pro_ducts .owl-nav button{width: 17px;outline: none;border: none;margin-top: 20px;width: 80px;height: 80px;font-size: 0;text-indent: 0;outline: none;border: 1px solid #eee;}
.slider_pro .slider_margin .slider_pro_ducts .owl-nav button img {}
.slider_pro .slider_margin .slider_pro_ducts .owl-nav button svg {
    width: 50px;
    height: 51px;
}
.slider_pro .slider_margin .slider_pro_ducts .item{}
.slider_pro .slider_margin .slider_pro_ducts .item img{width:100%}
----------------------------------------------------------------------------------*/

.Our_products {
    /* padding: 80px 0; */
    /* background: var(--gray); */
}
.Our_products .box_pro{
    background: #fff;
    box-shadow: 0px 0px 10px #000000;
    height: 350px;
    padding: 30px;
    position: relative;
}
.Our_products .box_pro{}
.Our_products .box_pro a{
    height: 100%;
}
.Our_products .box_pro .whole{
    display: flex;
    gap: 25px;
    height: 100%;
    position: relative;
}
.Our_products .box_pro .MuiBox_root{
    width: 50%;
}
.Our_products .box_pro .MuiBox_root img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Our_products .box_pro .Name_pro{
    display: block;
    width: 50%;
}
.Our_products .box_pro .Name_pro h3{
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    color: #222;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
}
.Our_products .box_pro .Name_pro p{
margin-bottom: 60px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    text-align: justify;
}
.Our_products .box_pro .Name_pro .ProductTeaser__items {
    padding: 0;
    list-style: none;
    margin: 0;
}
.Our_products .box_pro .Name_pro .ProductTeaser__items li {
    font-size: 14px;
    color: #565656;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
    margin-bottom: 4px;
    line-height: 1.7142857143em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.Our_products .Learn_more {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    color: #222;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    position: absolute;
    bottom: 0;
}

/*-------------------------------*/
/*-------------ab_new------------------*/
.ab_new {
    padding: 60px 0;
}
.ab_new .ab_new_content{}
.ab_new .ab_new_content .heading_all{
    width: 48%;
    margin-bottom: 30px;
}
.ab_new .ab_new_content .heading_all h3{
    text-transform: uppercase;
    font-size: 79px;
}
.ab_new .ab_img_big{
    float: right;
    margin-top: -450px;
    z-index: 1;
    position: relative;
    padding: 32px;
}
.ab_new .ab_img_bigs{
    padding: 10px;
    background: #fff;
}
.ab_new .ab_img_bigs img{}
.ab_new .ab_img_big:before{content:''}
.ab_new .ab_img_big:after{content:''}
.ab_new .ab_new_content .pr {
    font-size: 20px;
    line-height: 30px;
    color: #1a1a1a;
    margin-bottom: 20px;
    font-weight: 300;
}
.ab_new .ab_new_content p {
    font-size: 20px;
    line-height: 33px;
    color: #666;
    margin-bottom: 20px;
    font-weight: 300;
}
.ab_img_big_top {
    position: absolute;
    width: 100%;
    height: 8px;
    background: #737370;
    top: 24px;
    left: 0;
}
.ab_img_big_bottom {
    position: absolute;
    width: 100%;
    height: 8px;
    background: #737370;
    bottom: 24px;
    left: 0;
}
.ab_img_big_left {
    position: absolute;
    width: 8px;
    height: 100%;
    background: #737370;
    top: 0;
    left: 24px;
}
.ab_img_big_right {
    position: absolute;
    width: 8px;
    height: 100%;
    background: #737370;
    top: 0;
    right: 24px;
}
.why_chose_us {
    position: relative;
}
.why_chose_us .heading_all{
    margin: 0;
}
.why_chose_us .heading_all h3{
    font-weight: 300;
    font-size: 88px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
}
.why_chose_us .req_down{
    height: 100%;
    align-items: center;
    display: flex;
    width: 100%;
}
.why_chose_us .req_down:before{content:'';background: #464646;position: absolute;width: 100%;height: 100%;}
.why_chose_us .req_down ul{
    position: relative;
    padding: 16px 45px;
    list-style: none;
    width: 100%;
}
.why_chose_us .req_down ul li{}
.why_chose_us .req_down ul li a{
    display: flex;
    padding: 20px;
    border-bottom: 3px solid #fff;
    align-items: center;
}
.why_chose_us .req_down ul li:last-child a {border-bottom:0}
.why_chose_us .req_down ul li a svg{
    width: 45px;
    height: 45px;
    margin-right: 25px;
    fill: #fff;
}
.why_chose_us .req_down ul li a span{
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    text-transform: capitalize;
    letter-spacing: 0;
}
.side_img {
    padding: 50px 0;
    position: relative;
}
.side_img_img {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}
.side_img_img:last-child{margin-bottom:0}
.side_img_img img{
    border-radius: 5px;
}
.side_img:before{content:'';background: #464646;width: 75%;height: 100%;position: absolute;top: 0;left: 75px;}
.ab_dots {background:url(../img/about/dots.jpg);width: 100%;height: 150px;margin-top: 23px;background-size: 19px;gap: 1px;}
.why_chose_us .mb-60 {margin-bottom:60px}
/*-------------ab_new------------------*/

/*-------------faq_prod------------------*/
.faq_prod {padding: 80px 0;background-color: #fff;border-radius: 45px 45px 0 0;width: 100%;max-width: 100%;position: relative;margin-top: -40px;overflow: hidden;}
.faq_prod .Contact__left{}
.faq_prod .Contact__left{}
.faq_prod .ContactPerson {
    box-shadow: 0 0 10px 0 rgba(213, 193, 180, .6);
    z-index: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: sticky;
    top: 70px;
}
.faq_prod .ContactPerson__figure {
    overflow: hidden;
    margin: 0;
}
.faq_prod .ContactPerson__figure img {width:100%}
.faq_prod .ContactPerson__content {
    position: relative;
    width: 100%;
    padding: 1.125rem 1.875rem 1.75rem;
    overflow: hidden;
    background: #464646;
}
.faq_prod .ContactPerson__heading {
    font-size: 20px;
    line-height: 1.5555555556em;
    color: #ffffff;
    font-weight: 400;
    border-bottom: 1px solid #eeeeee17;
}
.faq_prod .ContactPerson__text {
    margin-bottom: 0;
    font-size: 15px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}
.faq_prod .ContactPerson__text:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.faq_prod .ContactPerson__text a {
    display: block;
    color: #fff;
}
.faq_prod .ContactPerson__position {
    display: block;
    margin-bottom: .5rem;
}
.faq_prod .ContactPerson__link {
    margin-top: 2.375rem;
	    transition: all .4s cubic-bezier(.4,0,.2,1);
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-family: Flama-Semibold, sans-serif;
    font-size: .875rem;
    line-height: 1.4285714286em;
    color: #000;
}
.faq_prod .ques_anss {}
.faq_prod .ques_anss .title_content {}
.faq_prod .ques_anss .title_content:nth-child(1) .title {border-top: 1px solid rgba(213, 193, 180, .5);}
.faq_prod .ques_anss .title_content .title{
    transition: all .4s cubic-bezier(.4,0,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    min-width: 220px;
    background-color: #d5c1b4;
    padding: 1.0625rem 0;
    font-family: Flama-Book, sans-serif;
    font-size: 1rem;
    line-height: 1.2222222222em;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 1px solid rgba(213, 193, 180, .5);
    position: relative;
}
.faq_prod .ques_anss .title_content .title:focus, .faq_prod .ques_anss .title_content .title:hover {
        padding-right: .625rem;
        padding-left: .625rem;
        background-color: #464646;
        border-color: #464646;
        color: #fff;
    }
.faq_prod .ques_anss .title_content .title:hover h3 {color:#fff}
.faq_prod .ques_anss .title_content .title h3{
    margin: 0;
    position: relative;
    margin-top: 0;
    color: #222;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.faq_prod .ques_anss .title_content .title .plus_minus {
    position: absolute;
    right: 10px;
}
.faq_prod .ques_anss .title_content .title .plus_minus {
    position: relative;
    width: 15px;
    display: block;
    height: 15px;
}
.faq_prod .ques_anss .title_content .title:hover .plus_minus:after,
.faq_prod .ques_anss .title_content .title:hover .plus_minus:before{background:#fff;color: #464646;width: 20px;height: 20px;display: flex;justify-content: center;font-size: 13px;}

.faq_prod .ques_anss .title_content.active .title:hover .plus_minus:after{background:#fff;color: #464646;}
.faq_prod .ques_anss .title_content.active .title .plus_minus:after {content:'\f077'}
.faq_prod .ques_anss .title_content .title .plus_minus:after {content:'\f078';font-family: FontAwesome;display: block;position: absolute;font-size: 13px;}
.faq_prod .ques_anss .title_content .body_content{
    border-bottom: 1px solid rgba(213, 193, 180, .5);
    padding: 30px;
    display: none;
}
.faq_prod .ques_anss .title_content .body_content p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-bottom: 0;
}

.faq_prod .ques_anss .title_content.active {}
.faq_prod .ques_anss .title_content.active .body_content {display:block}
/*-------------faq_prod------------------*/
/*-------------about Page------------------*/
.dd_bg {/* background:#000; */}
.main_bn_ab {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-position: center !important;
    background-repeat: no-repeat  !important;
    background-size: cover  !important;
}
.main_bn_ab:before {content:'';background: linear-gradient(to right, #1a1a1a, #1010109e 38%, #0000);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.main_bn_ab .ab_top {
    position: absolute;
    width: 100%;
    bottom: 16%;
    /* padding-left: 60px; */
}
.main_bn_ab .ab_top .content {
    position: relative;
}
.main_bn_ab .ab_top .content h3 {
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 50px;
    font-weight: 300;
    font-size: 45px;
    color: #ffffff;
    text-transform: capitalize;
    letter-spacing: 0;
}
.main_bn_ab .ab_top .content p {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.content-section {
    background-color: #fff;
    border-radius: 45px  45px 0 0;
    width: 100%;
    max-width: 100%;
    padding: 50px 0;
    position: relative;
    margin-top: -40px;
    overflow: hidden;
}
.heading-box {
    text-align: center;
    width: 100%;
    /* max-width: 80%; */
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.heading-box h2 {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 50px;
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.intro-flex {
    justify-content: center;
    /* max-width: 1050px; */
    margin-left: auto;
    margin-right: auto;
    display: flex;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}
.intro-flex.feat_ures {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.intro-flex.feat_ures .intro-feature h5 {
    text-transform: capitalize;
}
.intro-feature {
    text-align: center;
    width: 100%;
    max-width: 370px;
    margin-bottom: 20px;
    margin-right: 2%;
    padding-left: 2%;
    padding-right: 2%;
}
.intro-feature img {width: 75px;margin-bottom: 1rem;}
.paragraph-medium {
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
}
.button-box {
    margin-top: 20px;
}
.button-box .button {
    border: 1px solid var(--gray);
    color: var(--gray);
    text-align: center;
    letter-spacing: .5px;
    text-transform: uppercase;
    background-color: #0000;
    border-radius: 19px;
    height: 38.5px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-decoration: none;
    transition: color .2s, background-color .2s;
    position: relative;
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.button-box .button:hover {background:var(--gray); color:#fff}




.full-section {
    background-color: #ffffff;
    width: 100%;
    max-width: 100%;
    position: relative;
    margin-top: 0;
    overflow: hidden;
}
.flex {
    display: flex;
}
.image-column {
    width: 50%;
    min-height: 304px;
    position: relative;
}
.change-this-image {
    background-image: url('../img/about/Web-Inne4.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0%;
}

.half-column {
    width: 50%;
    display: flex;
    position: relative;
}
.half-column-text {
    width: 91%;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 9%;
}
.max-420-pixels {
    width: 100%;
    margin-right: 0%;
}

.max-420-pixels h3 {
    font-weight: 300;
    font-size: 40px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
}
.Stylam_p {}
.Stylam_p .subtitle{
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
}
.Stylam_p .subtitle p{}

.req_down{
    /* height: 100%; */
    position: relative;
    z-index: 3;
}
.req_down ul{
    position: relative;
    list-style: none;
    width: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    gap: 15px;
}
.req_down ul li{
    flex: 1;
}
.req_down ul li a{
    display: flex;
    padding: 5px;
    align-items: center;
    border: 1px solid #222;
    border-radius: 6px;
    justify-content: center;
}
.req_down ul li:last-child a {
    background: #222;
    color: #fff;
}
.req_down ul li:last-child a svg { fill: #fff;}
.req_down ul li:last-child a span { color: #fff;}
.req_down ul li a svg{
    width: 35px;
    height: 35px;
    margin-right: 10px;
    fill: var(--gray);
}
.req_down ul li a span{
    font-weight: 300;
    font-size: 19px;
    color: var(--gray);
    text-transform: capitalize;
    letter-spacing: 0;
}


.vision_mission {
    padding: 80px 0;
}
.vision_mission .vis_img {
    display: flex;
    align-items: center;
    gap: 35px;
}
.vision_mission .vis_img .first{
    flex: 1;
    gap: 0px;
}
.vision_mission .vis_img .first img{
    width: 100%;
    flex: 1;
}
.vision_mission .vis_img .first_sc{}
.vision_mission .vis_img .first_sc:nth-child(2){}
.vision_mission .vis_img .first_sc:nth-child(2) .first_scs {
    display: flex;
    flex-wrap: wrap;
}
.vision_mission .vis_img .first_sc:nth-child(2) .first_scs .head {
    order: 1;
    width: 100%;
    height: 100%;
}
.vision_mission .vis_img .first .head{
    font-weight: 300;
    font-size: 22px;
    background: var(--gray);
    text-transform: capitalize;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
}
.vision_mission .first.dfg{
    display: flex;
    align-items: center;
    gap: 35px;
    flex-wrap: wrap;
    }
.vision_mission .tabsss {
    margin-right: -79px;
    padding-left: 90px;
    z-index: 2;
    position: relative;
}	
.vision_mission .tabsss ul{
    flex-wrap: wrap;
    border-bottom: none;
}	
.vision_mission .tabsss ul li a.active:before{content:'';background: #f6050033;}	
.vision_mission .tabsss ul li a:before{content:'';content: '';width: 100%;height: 7px;position: absolute;background: #4646464a;bottom: 3px;z-index: -1;opacity: 0.7;left: 0;}	
.vision_mission .tabsss ul li a{}	
.vision_mission .tabsss ul li a.active{}	


.vision_mission .tabsss li{
    width: 100%;
    margin-bottom: 30px;
}
.vision_mission .tabsss .nav-link:focus, 
.vision_mission .tabsss .nav-link:hover {
    border-color: #e9ecef00 #e9ecef00 #e9ecef00;
}
.vision_mission .tabsss li a{
    color: #fff;
    border-bottom: 0;
    padding: 0 0px;
}

.vision_mission .tabsss .nav-item.show .nav-link, 
.vision_mission .tabsss .nav-link.active {
    background-color: #ffffff00;
    border-color: #0000;
}
.vision_mission .tabsss li a.active{
    background: #0000;
    color: var(--red);
    border-bottom: 0px solid var(--red) !important;
}
.vision_mission .tabsss li a.active{
}
.vision_mission .tabsss li a{
    position: relative;
    margin-top: 0;
    line-height: 36px;
    font-weight: 300;
    font-size: 30px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    text-indent: 11px;
}

.vision_mission .tab-content .content p{
    color: #000000;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
    }
	.certificate {padding: 60px 0;}
.certificate .cert_logo{display: flex;flex-wrap: wrap;gap: 0px;justify-content: center;position: relative;width: 100%;overflow: hidden;}
.certificate .cert_logo .border_botm {/* border-bottom: 1px solid #00000080; *//* position: absolute; *//* width: 100%; *//* border-bottom: 1px solid #00000080; */}
.certificate .cert_logo .line5 {top: 1000px; }
.certificate .cert_logo .logos:last-of-type,
.certificate .cert_logo .logos:nth-child(9n+9) {
    border-right: 0px;
} 
.certificate-outside:last-child {border-bottom: 1px solid #00000080;}
.certificate-outside {
    border-top: 1px solid #00000080;
    width: 100%;
}

.certificate-group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.certificate .cert_logo .logos{width: 14%;height: 150px;/* background: #fff; */padding: 12px;/* box-shadow: 0px 0px 10px #e3e3e3; */position: relative;margin: 30px 0;padding: 11px 0;border-right: 1px solid #00000080;}
.certificate .cert_logo .logos:hover {/* box-shadow: 0px 0px 10px #9a9a9a; */}
.certificate .cert_logo .logos img{width: 100%;height: 100%;object-fit: contain;}
/*-------------about Page------------------*/

/*-------------Our_products------------------
.Our_products .MuiBox_root {}
.Our_products .MuiBox_root img{
    width: 100%;
}
.Our_products .MuiBox_roots {}
.Our_products .MuiBox_roots h3{color: #fff;}
.Our_products .MuiBox_roots ul{
    padding: 0;
    list-style: none;
}
.Our_products .MuiBox_roots ul li{
    color: #fff;
    border-bottom: 1px solid #eeeeee1a;
    padding: 4px 0px 4px 25px;
    position: relative;
}
.Our_products .MuiBox_roots ul li:before {content:'';width: 10px;background: #ffffff;height: 10px;position: absolute;left: 0;top: 12px;rotate: 45deg;}
.Our_products .container_ss .row{align-items:center}
.Our_products .container_ss .MuiBox_roots .learn {width: fit-content;text-align: center;color: #fff;font-weight: 400;position: relative;display: flex;align-items: center;height: 50px;padding: 15px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.Our_products .container_ss .MuiBox_roots .learn span {
    position: relative;
    display: block;
    width: 100%;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    color: #fff;
    }
.Our_products .container_ss .MuiBox_roots .learn img {
    filter: invert(1);
}
.Our_products .container_ss{padding: 70px 0;}
.Our_products .container_ss:nth-child(odd){background: #ffffff;padding: 70px 0;}
.Our_products .container_ss:nth-child(odd) .col-md-6:nth-child(odd){order:1}
.Our_products .container_ss:nth-child(odd) .MuiBox_roots h3{color: #222;}
.Our_products .container_ss:nth-child(odd) .MuiBox_roots ul{}
.Our_products .container_ss:nth-child(odd) .MuiBox_roots ul li{color: #222;border-bottom: 1px solid #0000001c;}
.Our_products .container_ss:nth-child(odd) .MuiBox_roots ul li:before {content:'';width: 10px;background: #222;height: 10px;position: absolute;left: 0;top: 12px;rotate: 45deg;}
.Our_products .container_ss:nth-child(odd) .MuiBox_roots .learn {text-align: center;padding: 12px;font-weight: 400;border-top: 1px solid #222;border-bottom: 1px solid #222;}
.Our_products .container_ss:nth-child(odd) .MuiBox_roots .learn span {
    color: #222;
}
.Our_products .container_ss .MuiBox_roots .learn:hover {background:#000;border: #000 1px solid;}
.Our_products .container_ss .MuiBox_roots .learn:hover span {color:#fff}
.Our_products .container_ss .MuiBox_roots .learn:hover img {filter: invert(1);}
.Our_products .container_ss:nth-child(odd) .MuiBox_roots .learn:hover img {
    filter: invert(1);
}
.Our_products .container_ss:nth-child(odd) .MuiBox_roots .learn img {
    filter: brightness(0.5);
}
.Our_products .heading_all {margin-bottom: 0;padding-bottom: 0;}
.Our_products .heading_all h3 {margin-bottom: 0;}
.Our_products .container_ss:last-child{padding-bottom:0}

-------------Our_products------------------*/

.main_bn_ab.comon_page {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to right, #1a1a1a2e, #1010109e 100%, #0000), url(../img/hpl/hpl.jpg);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-image: linear-gradient(to right, #1a1a1a, #1010109e 38%, #0000), url(../img/hpl.jpg);
    }
.main_bn_ab.comon_page .ab_top{
    top: 50%;
    bottom: inherit;
    transform: translate(0px, -50%);
}
.main_bn_ab.comon_page .ab_top .content{
    text-align: center;
}


/*-------------------------------Investor page-------------------------------------------*/
.investor_pg{padding:60px 0}
.investor_pg .tabsss {
    margin-right: 0;
    padding-left: 0;
    z-index: 2;
    position: relative;
}	
.investor_pg .tabsss ul{
    flex-wrap: wrap;
    border-bottom: none;
    /* max-height: 500px; */
    /* overflow-y: auto; */
}	
.investor_pg .tabsss ul li a.active:before{content:'';background: #f6050033;}	
.investor_pg .tabsss ul li a:before{content:'';content: '';width: 100%;height: 5px;position: absolute;background: #4646464a;bottom: 1px;z-index: -1;opacity: 0.7;left: 0;}	
.investor_pg .tabsss li{
    width: 100%;
    margin-bottom: 30px;
}
.investor_pg .tabsss .nav-link:focus, 
.investor_pg .tabsss .nav-link:hover {
    border-color: #e9ecef00 #e9ecef00 #e9ecef00;
}
.investor_pg .tabsss li a{
    color: #222;
    border-bottom: 0;
    padding: 0 0px;
}

.investor_pg .tabsss .nav-item.show .nav-link, 
.investor_pg .tabsss .nav-link.active {
    background-color: #ffffff00;
    border-color: #0000;
}
.investor_pg .tabsss li a.active{
    background: #0000;
    color: var(--red);
    border-bottom: 0px solid var(--red) !important;
}
.investor_pg .tabsss li a{
    position: relative;
    margin-top: 0;
    line-height: 34px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.investor_pg .content {
    background: #fff;
    padding: 15px;
}
.investor_pg .content .sfc {
    box-shadow: 0px 0px 10px #0000002e;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 25px;
}
.investor_pg .content .sfc h3 {
    color: #000;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.7px;
    border-bottom: navajowhite;
    border-bottom: 1px solid #5e6162;
    padding-bottom: 1rem;
}
.investor_pg .content .sfc h3 span {
    color: var(--red);
    font-size: 15px;
}
.investor_pg .content .sfc h4{
    color: #000000;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.investor_pg .content .sfc p {
    margin-bottom: 0px;
}
.investor_pg .content .Year {display:none}
.investor_pg .content .title{
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}
.investor_pg .content .title h3{
    color: #000;
    margin-bottom: 6px;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.7px;
}

.tab_date {
    margin-bottom: 36px;
}
.tab_date .nav-tabs{
    overflow-x: scroll;
    flex-wrap: nowrap;
    overflow-y: hidden;
    gap: 35px;
    padding-bottom: 6px;
	
}
.tab_date .nav-tabs .nav-item{}
.tab_date .nav-tabs .nav-item .nav-link{
    text-wrap-mode: nowrap;
    color: #343a405e;
    font-weight: 500;
    font-size: 15px;
    padding: 0 0px 2px 0;
    border: none;
    position: relative;
}
.tab_date .nav-tabs .nav-item .nav-link:hover{color:var(--dark)}
.tab_date .nav-tabs .nav-item .nav-link.active{
    color: var(--red);
}
.tab_date .nav-tabs .nav-item .nav-link.active:before {content:'';width: 100%;position: absolute;height: 2px;background: var(--red);bottom: 0;}

/* width */
.tab_date .nav-tabs::-webkit-scrollbar {
  height: 8px;
}

/* Track */
.tab_date .nav-tabs::-webkit-scrollbar-track {
  background: #f1f1f1;
}
 
/* Handle */
.tab_date .nav-tabs::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.tab_date .nav-tabs::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.quater_links {
    border-bottom: 1px solid #5e6162;
    padding-bottom: 1rem;
}
.financial_quarter_link {
    padding: 0 15px;
    position: relative;
}
.financial_quarter_link_flex {display:flex;align-items: center;justify-content: space-between;}
.financial_quarter_link .financial_quarter_title {
    margin-bottom: 7px;    flex: 1;
}
.financial_quarter_link .financial_quarter_title .title{
    color: #000;
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.7px;
    border-bottom: navajowhite;
    text-transform: capitalize;
}
.financial_quarter_link .f_quarter_desc{}
.financial_quarter_link .f_quarter_desc .quarter_desc{
    margin-bottom: 0;
}
.financial_quarter_link .pdf_img {
    order: 1;
    /* width: 56px; */
}
.financial_quarter_link .pdf_img img{
    width: 100%;
}
.investor_pg .d_flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.ProductGallery__Section {width: 100%;/* color: rgb(212, 163, 128); */}
.ProductGallery__Section .cYTZnP {display: flex;}
.ProductGallery__Section .inEfwF {width: 25%;position: relative;}
.ProductGallery__Section .inEfwF:after {content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: #000;opacity: 0.5;}
.ProductGallery__Section .inEfwF img {width:100%}
.ProductGallery__Section .inEfwF:hover .cYCHdG{background-color: rgba(16, 38, 25, 0.6);}


.cYCHdG {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /* background-color: rgba(16, 38, 25, 0.6); */
    transition: 0.3s ease-in-out;
    z-index: 5;
}
.eLoMoy {
    width: 87%;
    height: 60%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.eLoMoy h3 {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.7px;
    /* height: 60px; */
    }
    
.gRsBmF {
    text-align: center;
}
	    .dEoXCl {
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .inEfwF:hover .eyCOHL {
        transform: scaleY(1);
    }

    .eyCOHL {
        display: block;
        text-align: left;
        transform: scaleY(0);
        transition: 0.3s ease-in-out;
    }
	.iDGlDb {
    list-style-type: none;
    padding-inline-start: 0px;
    margin: 0px 0px 2rem;
    padding-left: 1rem;
    border-left: 1px solid #ffffff;
    color: rgb(255, 255, 255);
}
.dgdnIH {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.eyCOHL .button-box {
    z-index: 4;
    position: relative;
}
.eyCOHL .button-box .button {
    color: #ffffff;
    letter-spacing: .5px;
    text-transform: capitalize;
    background-color: #0000;
    border-radius: 19px;
    font-size: 12px;
    font-weight: 500;
    border: none;
    margin: 0;
    padding: 0;
    height: auto;
    display: flex;
    gap: 6px;
}
 .eyCOHL .button-box .button span {
    width: 16px;
}
.eyCOHL .button-box .button span  img {width:100%;filter: invert(1);}
/*-------------------------------Investor page-------------------------------------------*/
/*-------------------------------hpl Master page-------------------------------------------*/
.hs_pra .about8__content {
    height: auto;
    /* padding-bottom: 70px; */
}
.three_points.four_point {grid-template-columns: 1fr 1fr 1fr 1fr;}
.three_points {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
/*    margin-top: 70px;*/
}
.three_points .box{
    text-align: center;
}
.three_points .box .img_c{
    width: 84px;
    margin: 0 auto 1rem;
}
.three_points .box .img_c img{width:100%}
.three_points .box h3{
    color: #000;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
    height: 33px;
}
.three_points .box p,
.three_points .box p a{
    margin-bottom: 0;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
}

.contact_more  {
    text-align: center; padding:50px
}
.contact_more .learn {
    width: fit-content;
    text-align: center;
    color: var(--gray);
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 15px;
    border-top: 1px solid var(--gray);
    border-bottom: 1px solid var(--gray);
    margin: 0 auto;
}
.contact_more .learn span {
    position: relative;
    display: block;
    width: 100%;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    color: var(--gray);
}
.contact_more .learn img {
    /* filter: invert(1); */
}

/*-----------------------------------------*/
.product_four .owl-stage-outer{
  height: 500px;
}
.product_four .thumb{
    height: 500px;
    overflow: hidden;
    /* cursor: default; */
    /* flex:1; */
    transition: all 0.4s ease;
    position: relative;
    box-shadow: -5px 0px 5px rgb(0 0 0 / 64%);
    background-position: center !important;
    background-repeat: no-repeat  !important;
    background-size: cover  !important;
}
.product_four .thumb:before {content:'';position: absolute;width: 100%;height: 100%;background: #00000082;}
.product_four .owl-item.active:hover{
    width: 540px !important;
    /* overflow: hidden; */
    }

  .product_four .owl-item  {transition: all 0.4s ease;}
    
.product_four .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_four .thumb .content_area1{
    position: absolute;
    transform: rotate(-90deg);
    width: 290px;
    height: auto;
    left: -80px;
    bottom: 162px;
    transition: all 0.4s;
    opacity: 1;
    z-index: 2;
}
.product_four .thumb .content_area1 a{
    display: block;
    text-transform: capitalize;
    transition: all 0.4s;
    width: 100%;
    color: #fff;
    position: relative;
    font-size: 25px;
    font-weight: 300;
}
.product_four .thumb .content_area1 a:after {content:'';width: 30px;height: 2px;position: absolute;background: #000;left: 0;bottom: 0;}
.our_range {padding:60px 0;overflow: hidden;}

.our_range .product_four .owl-nav {
    display: flex;
    gap: 20px;
    padding: 0px 0px 0px 50px;
}
.our_range .product_four  .owl-nav button{width: 17px;outline: none;border: none;margin-top: 20px;width: 50px;height: 50px;font-size: 0;text-indent: 0;outline: none;border: 1px solid #eee;}
.our_range .product_four .owl-nav button img {width: 15px;}
.our_range .product_four .owl-nav button svg {
    width: 50px;
    height: 50px;
}
.product_four .owl-item:nth-child(4n+1) .thumb .content_area1 a:after {background:#e52925}
.product_four .owl-item:nth-child(4n+2) .thumb .content_area1 a:after {background:#7fff3e}
.product_four .owl-item:nth-child(4n+3) .thumb .content_area1 a:after {background: #ff8721;}
.product_four .owl-item:nth-child(4n+4) .thumb .content_area1 a:after {background: #03dcff;}

.product_four .owl-item:nth-child(4n+1) .thumb .content-area a:after {background:#e52925}
.product_four .owl-item:nth-child(4n+2) .thumb .content-area a:after {background:#7fff3e}
.product_four .owl-item:nth-child(4n+3) .thumb .content-area a:after {background: #ff8721;}
.product_four .owl-item:nth-child(4n+4) .thumb .content-area a:after {background: #03dcff;}





.product_four .thumb .content-area {
    position: absolute;
    z-index: 2;
    transition: all 0.4s;
    padding: 0 24px 24px 24px;
    bottom: 0;
    left: -100%;
    opacity: 0;
}
.product_four .thumb .content-area a {
    margin-bottom: 8px;
    display: block;
    text-transform: capitalize;
    transition: all 0.4s;
    width: 100%;
    color: #fff;
    position: relative;
    font-size: 25px;
    font-weight: 300;
}
.product_four .thumb .content-area a:after {
    content: '';
    width: 30px;
    height: 2px;
    position: absolute;
    background: #000;
    left: 0;
    bottom: 0;
}
.product_four .thumb .content-area p {
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    line-height: var(--ztc-font-size-font-s26);
    font-weight: var(--ztc-weight-regular);
    color: #B2BBC6;
    transition: all 0.4s;
}
.product_four .thumb:hover .content-area {
    left: 0;
    transition: all 0.4s;
    opacity: 1;
}
.product_four .thumb:hover .content_area1 {/* display:none; */opacity: 0;transition: all 0.4s;}

/*-----------------------------------------*/
.explore_feature {
    padding: 60px 0;
}
.explore_feature .desc {
    width: 80%;
    margin: 0 auto;
}
.explore_feature .desc ul {
    padding-left: 0;
}
.explore_feature .desc ul li {
    border-bottom: 2px solid hsla(0, 0%, 90%, .9);
    padding: 30px 0;
    display: flex;
}
.explore_feature .desc ul li .blazy_field {
    display: flex;
    width: 320px;
    margin-right: 125px;
    flex: none;
    align-items: center;
}
.explore_feature .desc ul li .blazy_field .image-wrapper {
    width: 50px;
    height: 50px;
    position: relative;
    margin-right: 20px;
    border-radius: unset;
    overflow: hidden;
    flex: none;
}
.explore_feature .desc ul li .blazy_field .image-wrapper img {
    width: 100%;
}
.explore_feature .desc ul li .blazy_field h3{
    color: #000;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.explore_feature .desc ul li .content {}
.explore_feature .desc ul li .content p{
    color: var(--gray);
}
.explore_feature .desc ul li .content .contact_more{padding:0}
.explore_feature .desc ul li .content .contact_more a {margin:0}
/*-------------------------------hpl Master page-------------------------------------------*/
.intro-flex.mar_dd .intro-feature img{margin-bottom:15px}

#baguetteBox-overlay .full-image img {
    background: #fff;
}


/*-----------------------------------------*/
.product_threedf{background: #c4bfb9;}
.product_threedf .stella_box .stella_desc {
    width: 100%;
    margin-top: 15px;
}
.product_three .owl-stage-outer{
  height: 500px;
}



  .product_three .owl-item  {transition: all 0.4s ease;}
    


.our_range .product_three .owl-nav {
    display: flex;
    gap: 20px;
    padding: 0px 0px 0px 50px;
}
.our_range .product_three  .owl-nav button{width: 17px;outline: none;border: none;margin-top: 20px;width: 50px;height: 50px;font-size: 0;text-indent: 0;outline: none;border: 1px solid #eee;}
.our_range .product_three .owl-nav button img {width: 15px;}
.our_range .product_three .owl-nav button svg {
    width: 50px;
    height: 50px;
}


/*-----------------------------------------*/

/*----------------------------------product Filter page---------------------------------------------*/
.products_filter {padding: 0px 0 60px;background: #fff;}
.products_filter .grid_list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
.products_filter .ProductCard {
    text-decoration: none;
    color: inherit;
    display: block;
    overflow: hidden;
    transition: all .4s ease;
    padding: 8px;
    margin-bottom: 15px;
}
.products_filter .ProductCard .ProductImgBox {
    box-shadow: 0px 0px 8px #b3b3b3;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 0 10px -3px #565656;
    border-radius: 10px;
}

.products_filter .ProductCard img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
    transition: all .4s ease;
}
.products_filter .ProductCard .plus_zoom {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    opacity:0.2
}
.products_filter .ProductCard:hover .plus_zoom { opacity:1}
.products_filter .ProductCard .plus_zoom svg{
    width: 10px;
}
.products_filter .ProductCard .Caption {
}
.products_filter .ProductCard .Caption h4 {
    color: #000;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.products_filter .ProductCard .Caption h4 span {display:block;
    font-weight: 700; 
}
.FilterMenuSection {
    /* padding: 1em; */
    /* background-color: #fff; */
    /* border-bottom: none; */
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
    top: 80px;
    margin-bottom: 6px;
}



.SearchIconBtn {
    position: absolute;
    right: 0;
    background: none !important;
    border: 0 !important;
    width: 40px !important;
}
.SearchBox input.Search {
    padding: .8rem 3rem .8rem 1rem;
    background: url('../img/search.svg') 95% no-repeat;
    background-size: 15px;
    transition: all .25s ease;
    width: 100%;
    outline: none;
    border: 1px solid #ccc;
    height: 45px;
}

.SearchBox input.SearchIconBtn {
    background-color: #f3f6f7;
    box-shadow: none;
    color: #585858;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .18rem;
    cursor: pointer;
    transition: all .25s ease;
}



.pagination {
justify-content: center;
    align-items: center;
    gap: 15px;
}
.pagination button {
    border: 1px solid var(--dark);
    color: #fff;
    background: var(--dark);
    padding: 4px 17px;
    border-radius: 5px;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.7px;
}

.filter_list_option {
}
.filter_list_option .main_first{
    width: 100%;
    background-color: #fff;
    border-bottom: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 6px;
}
.filter_list_option .main_first:last-child,
.filter_list_option .list_down .list_down_name:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.filter_list_option .FilterHead{
    font-size: .8em;
    /* text-transform: uppercase; */
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: .05em;
    display: flex;
    justify-content: space-between;
    background: var(--dark);
    color: #fff;
    font-size: 15px;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: .05em;
    display: flex;
    justify-content: space-between;
    padding: 7px;
    align-items: center;
}
.filter_list_option .FilterHead span{
    width: 15px;
    position: relative;
    cursor: pointer;
    height: 15px;
}
.filter_list_option .active .FilterHead span:before{content: '';position: absolute;top: 0px;right: 0px;content: "\f106";font-family: FontAwesome;}
.filter_list_option .FilterHead span:after{content:'';position: absolute;top: 0px;right: 0px;content: "\f107";font-family: FontAwesome;line-height: 14px;}
.filter_list_option .list_down{
    width: 100%;
    display: none;
    padding: 15px 15px;
}
.filter_list_option .list_down .list_down_name{
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.filter_list_option .list_down .list_down_name .name{
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.filter_list_option .list_down .list_down_name .name span{
    position: relative;
    cursor: pointer;
}
.filter_list_option .list_down .list_down_name .name span:before{content:'';content: "\f078";font-family: FontAwesome;font-size: 10px;}
.filter_list_option .list_option{display: none;padding: 15px 15px;}
.filter_list_option .list_option ul{padding: 0;list-style: none;margin: 0;}
.filter_list_option .list_option ul li{
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.filter_list_option .list_option ul li a {
    margin: 0;
    display: block;
    position: relative;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    cursor: pointer;
}
.filter_list_option .list_option ul li a:hover {color:#000}
.filter_list_option .list_option ul li:last-child{
    border-bottom: 0px solid #eee;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.filter_list_option .list_option ul li label {
    margin: 0;
    display: block;
    padding-left: 20px;
    position: relative;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    cursor: pointer;
}
.filter_list_option .list_option ul li label:hover {color:#000}
.filter_list_option .list_option ul li label input {
    position: absolute;
    left: 0;
    top: 5px;
}

.filter_list_option .main_first.active .FilterHead span:after {display:none}
.filter_list_option .main_first.active .list_down{display:block;/* margin-bottom: 20px; */}
.filter_list_option .list_down .list_down_name.active .list_option {display:block}
.filter_list_option .list_down .list_down_name.active .name span:before {content: "\f077";}
.space_60 {padding: 15px 0;}

.main_sd_btn {}
.main_sd_btn ul {
    padding: 0;
    list-style: none;
    gap: 6px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.main_sd_btn ul li{width: 100%;overflow: hidden;}
.main_sd_btn ul li a {
    display: flex;
    background: var(--gray-dark);
    color: #fff;
    padding: 7px;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
}
.main_sd_btn ul li a:after {content: "\f105";font-family: FontAwesome;}

.main_first.pro_shade.active .list_option{display:block}


/*--------------------------products_details zoom--------------------------------*/
.products_details {background:#fff;padding-bottom: 65px;overflow: hidden;}
.products_details .product_zoom{width: 100%;height: 500px;overflow: hidden;}
.products_details .product_zoom img {width: 100%;height: 100%;object-fit: cover;}
.products_details #customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.products_details #customers td:nth-child(1) {
    color: #2a2a2a;
    font-weight: 600;
    }
.products_details #customers td,
 .products_details  #customers th {
  border: 1px solid #ddd;
  padding: 8px;
  position: relative;
  margin-top: 0;
  text-transform: capitalize;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.7px;
}

.products_details #customers tr:nth-child(even){background-color: #f2f2f2;}

.products_details #customers tr:hover {background-color: #ddd;}
.products_details .desc {}
.products_details .desc h3{
    font-weight: 300;
    font-size: 54px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
}
.products_details .desc p {    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #666666;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;}
/*--------------------------products_details zoom--------------------------------*/
.big_size_img {
    padding: 60px 0 60px;
    position: relative;
    background: #fff;
}
.big_size_img:before {content:"";background:#f5f6f3;width: 100%;height: 50%;position: absolute;z-index: 0;top: 0;}
.big_size_img .middle_cont {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}
.big_size_img .middle_cont h3 {
    font-weight: 300;
    font-size: 54px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
}
.big_size_img .middle{
    width: 70%;
    z-index: 1;
    position: relative;
    margin: 0 auto;
}
.big_size_img .middle img{
    width: 100%;
}

.tz-gallerys .zoom_point{
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tz-gallerys .zoom_point svg{
    background: #eeeeeea6;
    font-size: 26px;
    pointer-events: none;
    transition: 0.4s;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

/*------------------------------------------------------------*/
.Similar_pro {padding:60px 0}
.Similar_pro .ProductCard {
    text-decoration: none;
    color: inherit;
    display: block;
    overflow: hidden;
    transition: all .4s ease;
    padding: 0px;
    margin-bottom: 15px;
}
.Similar_pro .ProductCard .ProductImgBox {
    box-shadow: 0px 0px 8px #b3b3b3;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 0 10px -3px #565656;
    border-radius: 10px;
}

.Similar_pro .ProductCard img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
    transition: all .4s ease;
}
.Similar_pro .ProductCard .plus_zoom {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    opacity:0.2
}
.Similar_pro .ProductCard:hover .plus_zoom { opacity:1}
.Similar_pro .ProductCard .plus_zoom svg{
    width: 10px;
}
.Similar_pro .ProductCard .Caption {
}
.Similar_pro .ProductCard .Caption h4 {
    color: #000;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.Similar_pro .ProductCard .Caption h4 span {
    font-weight: 700;
    display: block;
}

.Similar_pro .owl-carousel .owl-nav {
    display: flex;
    gap: 6px;
}	
.Similar_pro .owl-carousel .owl-nav .owl-prev{/* background: #ffffff91 url('../img/icon_newevent_prev.png') no-repeat center center; */}	
.Similar_pro .owl-carousel .owl-nav .owl-next{/* background: #ffffff91 url('../img/icon_newevent_next.png') no-repeat center center; */}	
.Similar_pro .owl-carousel .owl-nav button{
    margin-top: 20px;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: 0;
    outline: none;
    border: 1px solid #eee;
    background: #0000;
     }
.Similar_pro .owl-carousel .owl-nav button img {
    width: 15px;
}
/*------------------------------------------------------------*/
.products_finder {
    padding: 0 0 80px;
    background: #fff;
}
.products_finder .grid_list {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}
.products_finder .finder_l {
    text-decoration: none;
    color: inherit;
    display: block;
    overflow: hidden;
    transition: all .4s ease;
    padding: 8px;
    margin-bottom: 15px;
}
.products_finder .finder_l .ProductImgBox {
    box-shadow: 0px 0px 8px #b3b3b3;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 0 10px -3px #565656;
    border-radius: 10px;
}

.products_finder .finder_l img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
    transition: all .4s ease;
}
.products_finder .finder_l .plus_zoom {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    opacity:0.2
}
.products_finder .finder_l:hover .plus_zoom { opacity:1}
.products_finder .finder_l .plus_zoom svg{
    width: 10px;
}
.products_finder .finder_l .Caption {
}
.products_finder .finder_l .Caption h4 {
    color: #000;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.products_finder .finder_l .Caption h4 span {
    font-weight: 700;
    display: block;
}
/*------------------------------------------------------------*/
/*-----------------------------product_detail_banner-------------------------------*/
.product_detail_banner {
}
.product_detail_banner:before {/* content:''; *//* background-image: linear-gradient(180deg, rgb(0 0 0 / 54%) 0.41%, rgb(255 255 255 / 0%) 100.17%); *//* position: absolute; *//* top: 0; *//* width: 100%; *//* height: 100%; */}
.product_detail_banner .img{}
.product_detail_banner .img img{
}

.pro_duct_details {background-color: #fff;border-radius: 45px 45px 0 0;width: 100%;max-width: 100%;padding: 70px 0 70px;position: relative;margin-top: -40px;overflow: hidden;}
.pro_duct_details .product_wdt {width: 940px;margin:0 auto}
.decor-sx-wrap {
    position: sticky;
    top: 70px;
    min-width: 240px;
    flex: 1 0 240px;
    flex-grow: 0;
}
.decor-sx-wrap .decor-title{
    margin-bottom: 30px;
}
.decor-sx-wrap .decor-title .decor-nome{
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1.25;
    margin-bottom: 3px;
}
.decor-sx-wrap .decor-title .decor-codice{}
.decor-sx-wrap .decor-collection{
    margin-bottom: 30px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all .4s;
    color: #636568;
}
.decor-sx-wrap .decor-collection .decor-block-title{
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px 0;
    line-height: 1.25;
    border-bottom: 1px solid;
    margin-bottom: .75em;
    color: #000;
}
.decor-sx-wrap .decor-collection a{
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all .4s;
    color: #636568;
}

.decor-sx-wrap .decor-collection a.btnHiResDec {
    display: block;
    margin-bottom: 6px;
}
.decor-sx-wrap .decor-collection a.btnHiResDec span {
    border-bottom: 1px solid #0000;
}
.decor-sx-wrap .decor-collection a.btnHiResDec img{
    margin-right: 10px;
}
.decor-sx-wrap .decor-collection a.btnHiResDec:hover span { border-bottom: 1px solid #999999;}
.decor-sx-wrap .decor-cta {display: flex;flex-wrap: wrap;gap: 7px;}
.decor-sx-wrap .decor-cta a{display: flex;width: 100%;background: var(--dark);padding: 10px;justify-content: center;color: #fff;gap: 11px;align-items: center;border-radius: 5px;}
.decor-sx-wrap .decor-cta a img {width: 20px;height: 20px;}


.pro_duct_details .tabsss {}
.pro_duct_details .tabsss .nav-tabs {
    border-bottom: none;
}
.pro_duct_details .tabsss .nav-tabs .nav-item {}
.pro_duct_details .tabsss .nav-tabs .nav-link {
    padding: 10px 60px 10px 20px;
    text-transform: capitalize;
    background-color: #f2f2f2;
    display: inline-block;
    vertical-align: top;
    /* height: 41px; */
    border-top-right-radius: 20px;
    border: 0;
    outline: 0;
    color: #000;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.pro_duct_details .tabsss .nav-tabs .nav-link.active {
    background: #000;
    color: #fff;
    transition: all .5s;
}

.pro_duct_details .tabsss .tab-content {
    background: #f2f2f2;
    box-shadow: 0px 8px 10px #dbdbdb;
}
.pro_duct_details .tabsss .tab-content .desc_pd{padding: 20px;}
.pro_duct_details .tabsss .tab-content .desc{}
.pro_duct_details .tabsss .tab-content .desc h3{font-size: 20px;/* font-size: 18px; */margin-bottom: 18px;font-weight: 400;letter-spacing: 0.7px;}
.pro_duct_details .tabsss .tab-content .desc .d-flex{
    gap: 15px;
    /* display: grid !important; */!i;!;
    grid-template-columns: 1fr 1fr;
}
.pro_duct_details .tabsss .tab-content .desc .t_desc{
    flex: 1;
    margin-bottom: 20px;
    padding: 10px;
    border-left: 1px solid currentColor;
    /* background: #fff; */
}
.pro_duct_details .tabsss .tab-content .desc .t_desc span{
    font-size: 16px;
    margin-bottom: 18px;
    font-weight: 500;
    letter-spacing: 0.7px;
    display: block;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.pro_duct_details .tabsss .tab-content .desc .t_desc ul{
    padding: 0 0 0 0px;
    list-style: none;
}
.pro_duct_details .tabsss .tab-content .desc .t_desc ul li{}

.three_d_two_d,
.three_d_two_d .iframe_box {
    height: 420px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    background: #dedede;
}
.product_zoom,
.tz-gallerys {height:100%}
.product_zoom img {width:100%;height: 100%;object-fit: cover;}
.three_d_two_d .box_2d_3d {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 50px;
    gap: 10px;
    opacity: 0.5;
    display: none;
}
.three_d_two_d:hover .box_2d_3d {opacity:1}
#show_3d {/* display:none; */}
.three_d_two_d .box_2d_3d span{
    display: flex;
    width: 50px;
    height: 50px;
    background: var(--dark);
    color: #fff;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.three_d_two_d .iframe_box iframe{width:100%;height:100%;border: none;}

.main_bn_ab.height_80 {
    height: 80vh;
}
.mid_small_x {
    border-radius: 7px;
    box-shadow: 0px 0px 10px #000000;
    padding: 3px;
    background: #fff;
}
.mid_small_x .tz-gallery {
    border-radius: 5px;
    width: 110px;
    overflow: hidden;
    height: 197px;
    position: relative;
}
.mid_small_x .tz-gallery a {display:block;height: 100%;}
.mid_small_x .tz-gallery a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mid_small_x .tz-gallery:before {content:'';position: absolute;width: 15px;height: 15px;background: #000;right: 10px;top: 10px;border-radius: 26px;}
/*-----------------------------product_detail_banner-------------------------------*/
/*-----------------------------finder search-------------------------------*/


/* Process Section Two */

.process-section-two {
    background-color: #fff;
    border-radius: 45px 45px 0 0;
    width: 100%;
    max-width: 100%;
    padding: 50px 0;
    position: relative;
    margin-top: -40px;
    overflow: hidden;
}

.process-section-two .process-wrapper {
    position: relative;
}

.process-section-two .process-wrapper:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 65px;
    right: 0;
    background: url('../img/process-shape.png') no-repeat center;
}

.process-block-two .inner-box {
    position: relative;
    text-align: center;
}

.process-block-two h4 {
    color: #000;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
}

.process-block-two p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #b5b5b5;
}

.process-block-two .icon {
    position: relative;
    height: 75px;
    width: 75px;
    padding: 8px;
    text-align: center;
    border-radius: 6px;
    font-size: 40px;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: var(--dark);
    display: flex;
    align-items: center;
    justify-content: center;
}
.process-block-two .icon img {
    width: 100%;
}
.process-block-two .icon .step-count {
    position: absolute;
    top: 50%;
    right: 0;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    background: #fff;
    line-height: 28px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.process-block-two .text {
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.7px;
}
.main_bn_ab.height_80  .ab_top .content {
    position: relative;
}
.main_bn_ab.height_80  .ab_top .content .content_flex {
    position: relative;
    display: flex;
    /* justify-content: space-between; */
    align-items: flex-start;
    gap: 40px;
    }
.product_wdt_flex {display:flex}
.prod_ct_details {
    padding-left: 40px;
    flex: 1 1 auto;
    min-width: 0;
}
.prod_ct_details .color_note {
    padding-bottom: 20px;
    font-size: 13px;
}
.product_zoom {}
.product_zoom .btn{
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    gap: 10px;
}
.product_zoom .btn button{
    border: 0px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_zoom .btn button img {
    width: fit-content;
    height: fit-content;
}
.product_zoom .tz-gallerys.active {display:block}
.product_zoom .tz-gallerys {display:none}

/*-----------------------------finder search-------------------------------*/
/*-----------------------------find_des-------------------------------*/
.find_des{
}
.find_des .fill_det{
}
.find_des .fill_det h3{
}
.find_des .fill_det .fes{
}
.find_des .fill_det .fes input{
}
.find_des .fill_det .cam_era{
}
.find_des .fill_det .cam_era svg {
}
/*-----------------------------find_des-------------------------------*/
/*-----------------------------main_bn_ab height_60-------------------------------*/
.main_bn_ab.height_60 {}
.product_detail_banner.d_block {}
.product_detail_banner.d_block .img {}
.product_detail_banner.d_block:before {
                                      }
/*-----------------------------main_bn_ab height_60-------------------------------*/

/*-----------------------------pdf_download-------------------------------
.pdf_download {
    padding: 80px 0;
}
.pdf_download .pdf_grid{
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.pdf_download .pdf_grid .pdf_grid_box.active {background: #464646;}
.pdf_download .pdf_grid .pdf_grid_box{
    box-shadow: 0 0 10px 0 rgba(213, 193, 180, .6);
    width: 100%;
    padding: .9375rem;
    background: #fff;
    height: max-content;
}
.pdf_download .pdf_grid .pdf_grid_box:nth-child(odd){
    margin-top: 20px;
}
.pdf_download .pdf_grid .pdf_grid_box_self{
    position: relative;
}
.pdf_download .pdf_grid .pdf_grid_box_img{
    margin-bottom: 15px;
}
.pdf_download .pdf_grid .pdf_grid_box_img img{
    width: 100%;
}
.pdf_download .pdf_grid .pdf_grid_box_heading{
    text-align: center;
    position: relative;
    margin-top: 0;
    line-height: 45px;
    font-weight: 400;
    font-size: 26px;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 10px;
}
.pdf_download .pdf_grid .pdf_grid_box  a.learn{
    width: fit-content;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 15px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin: 0 auto;
    }
.pdf_download .pdf_grid .pdf_grid_box .learn span {
    position: relative;
    display: block;
    width: 100%;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    color: #000000;
}
.pdf_download .pdf_grid .pdf_grid_box .learn img {
    filter: brightness(0.5);
}
.pdf_download .pdf_grid .pdf_grid_box.active .pdf_grid_box_heading {color:#fff}
.pdf_download .pdf_grid .pdf_grid_box.active a.learn {border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
.pdf_download .pdf_grid .pdf_grid_box.active a.learn span {color: #ffffff;}
.pdf_download .pdf_grid .pdf_grid_box.active .learn img {filter: invert(1);}
-----------------------------pdf_download-------------------------------*/
/*-----------------------------contact Us Page-------------------------------*/
.contact_info {background-color: #fff;
    border-radius: 45px 45px 0 0;
    width: 100%;
    max-width: 100%;
    padding: 50px 0;
    position: relative;
    margin-top: -40px;
    overflow: hidden;}
.contact_info .heading-box{}
.contact_info .heading-box h2{
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 28px;
    font-weight: 300;
    font-size: 40px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    }
.contact_info .heading-box p{
    width: 70%;
    margin: 0 auto;
    font-size: 19px;
}
.contact_info .contact-info-block {
    position: relative;
}

.contact_info .contact-info-block .inner-box {
    position: relative;
    padding: 25px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    height: 100%;
}

.contact_info .contact-info-block .icon-box {
    position: relative;
    padding-left: 70px;
    min-height: 70px;
}

.contact_info .contact-info-block .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
}
.contact_info .contact-info-block .icon img {width:100%}

.contact_info .contact-info-block h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    color: red;
}

.contact_info .contact-info-block h4 {
    font-size: 20px;
    font-weight: 400;
}
.contact_info .contact-info-block ul{
    list-style: none;
    padding: 0px;
    margin: 0;
}
.contact_info .contact-info-block ul li {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}

.contact_info .contact-info-block ul li a {
    color: #212529;
}
.map_gray {
    height: 500px;
}
.map_gray iframe{
    width: 100%;
    height: 100%;
    /* filter: grayscale(1); */
}
.contact-form-section {
    position: relative;
    padding: 60px 0;
    background: #fff;
    background-color: #464646;
}
.contact-form-section .domestic {
    width: 100%;
}



.contact-form-section .contact-form .form-group {
    margin-bottom: 15px;
}
.contact-form-section .contact-form .form-group .radi ,
.contact-form-section .contact-form .form-group .pre_radio {
    display: flex;
    gap: 30px;
}
.contact-form-section .contact-form .form-group .radi label,
.contact-form-section .contact-form .form-group .pre_radio label{
    margin: 0;
}
.contact-form-section .contact-form .sd_ladf{background: #fff;border-radius: 5px;overflow: hidden;border: 1px solid #f1f5f8;}
.contact-form-section .contact-form .sd_ladf label {
    background: #f1f5f8;
    width: 100%;
    padding: 11px;
    margin: 0;
    color: var(--dark) !important;
}
.contact-form-section .contact-form .form-group label{color:#fff;}
.contact-form-section .contact-form .form-group .pro_int{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background: #464646;
    padding: 10px;
    gap: 10px;
}
.contact-form-section .contact-form .form-group .pro_int label {
    background: #0000;
    color: #fff !important;
    padding: 0;
}

.contact-form-section .contact-form .form-group label{color:#fff;}
.contact-form-section .contact-form .form-group .iti  {
    width: 100%;
}
.contact-form-section .contact-form .bootstrap-select>.dropdown-toggle,
.contact-form-section .contact-form .form-group input[type="text"],
.contact-form-section .contact-form .form-group input[type="email"],
.contact-form-section .contact-form .form-group .select2-container .select2-selection--single,
.contact-form-section .contact-form .form-group textarea{
    width: 100%;
    border: none;
    outline: none;
}
.contact-form .bootstrap-select>.dropdown-toggle, .contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"], 
.contact-form-section .contact-form .form-group .select2-container .select2-selection--single,
.contact-form .form-group input[type="file"],
.contact-form .form-group select, 
.contact-form .form-group textarea{
    position: relative;
    display: block;
    height: 45px;
    font-size: 15px;
    color: var(--dark);
    line-height: 30px;
    font-weight: 400;
    border-radius: 4px;
    padding: 5px 20px;
    border-color: #f1f5f8;
    background-color: #f1f5f8;
    width: 100%;
	outline:none;
}
.contact-form-section .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px;}

.contact-form-section .contact-form .form-group textarea {
    height: 120px;
}

.contact-form-section .note p {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
}
.contact_title h2{
    position: relative;
    margin-top: 0;
    margin-bottom: 45px;
    line-height: 40px;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    text-transform: capitalize;
    letter-spacing: 0;
    text-align: center;
}
.contact-form-section-two button.btn_contact,
.contact-form-section button.btn_contact {
    text-align: center;
    margin: 0;
    padding: 15px;
    background: #BC2408;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    display: block;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.7px;
    font-size: 15px;
    border: none;
    outline: none;
}
/*-----------------------------contact Us Page-------------------------------*/


@media(max-width:992px){
	
.laminate_search .fiter_find {
display: block
}
	
}
	
/*------------------------------product Filter page-----------------------------------*/
/* Contact Form Section Two */

.contact-form-section-two {
    position: relative;
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #F1F5F8;
    overflow: hidden;
}

.contact-form-section-two .contact-form .form-group {
    margin-bottom: 30px;
    position: relative;
}
.contact-form-section-two label sup {
    color: red;
}
.contact-form-section-two label{
    color: #404040;
    font-size: 16px;
    font-weight: 500;
}
.contact-form-section-two .contact-form .bootstrap-select>.dropdown-toggle,
.contact-form-section-two .contact-form .form-group input[type="text"],
.contact-form-section-two .contact-form .form-group input[type="email"],
.contact-form-section-two .contact-form .form-group input[type="file"],
.contact-form-section-two .contact-form .form-group textarea,
.contact-form-section-two .contact-form .form-group select {
    width:100%;
    border-color: #ffffff;
    background-color: #ffffff;
    height: 45px;
    outline: none;
    box-shadow: none;
    border: none;
}
.di_input {
    width: 100%;
    /* border-color: #ffffff; */
    /* background-color: #ffffff; */
    height: 45px;
    outline: none;
    border-radius: 6px;
    }
.di_input.extra_input { height: auto;}
.di_input.extra_input input {
    margin-top: 15px;
}
.di_input .iti {
    width: 100%;
}
.di_input .iti .iti__selected-flag {
    border-radius: 6px;
}
.contact-form-section-two .contact-form .form-group textarea {
    height: 120px;
}



/*----------------------------------------------------
.range_carousel {
    position: relative;
}
.range_carousel .black-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #000;
    z-index: 1;
}
.range_carousel .testimonial-wrapper {
    display: flex;
    padding: 100px 0;
    position: relative;
    z-index: 2;
    padding-right: 0 !important;
}
.range_carousel .info-area {
    width: 42.75%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.38vw 0;
    padding-bottom: 0;
    position: relative;
}
.range_carousel .quoteblock.active {
    opacity: 1;
    transform: translateZ(0);
    pointer-events: all;
}
.range_carousel  .quoteblock {
    position: absolute;
    top: 0;
    left: 0;
    width: 79.92%;
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: opacity .85s cubic-bezier(.47,.42,0,.99), transform .85s cubic-bezier(.47,.42,0,.99);
    pointer-events: none;
    height: 100%;
}
.range_carousel .quoteblock .content {
    padding: 35px 0 0;
    color: #fff;
    width: 570px;
    z-index: 1;
}
.range_carousel .quoteblock p {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #fff;
    text-align: left;
    max-width: 358px;
    margin-bottom: 20px;
}
.range_carousel  .quoteblock .content h4 {
    font-family: nimbus-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    color: #fff;
}
.range_carousel .quoteblock .content h5 {
    opacity: .75;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal;
    color: #fff;
}
.range_carousel .afrttg {
    margin: 2.38vw 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 4.76vw;
}
.range_carousel .afrttg button:first-of-type {
    margin-right: 12px;
}
.range_carousel .button-circle.prev {
    transform: rotate(180deg);
}
.range_carousel .button-circle {
    display: inline-flex;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: opacity .85s cubic-bezier(.47,.42,0,.99);
    background: transparent;
    cursor: pointer;
    background: url(../img/icon-arrow-circle-right-light@2x.png.webp) no-repeat 50% / 50px;
}
.range_carousel .image-area {
    display: flex;
    align-items: center;
    position: relative;
    box-shadow: 10px 10px 50px 0 rgba(0, 0, 0, .25);
    width: 100%;
}
.range_carousel .image-area  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.range_carousel .im_hhf {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.range_carousel .image_sd.active {
    opacity: 1;
}
.range_carousel .image_sd {
    position: absolute;
    opacity: 0;
    transition: opacity .85s cubic-bezier(.47,.42,0,.99);
    width: 100%;
    height: 100%;
}
----------------------------------------------------*/

.slideshowapplication {
    background: #fff;
    padding: 70px 0 0;
}
.slideshow_container{
    position: relative;
    padding: 70px 0;
    overflow: hidden;
}
.slideshow_container:before{content:'';width: 50%;height: 100%;position: absolute;background: #000;top: 0;}
.slideshow_container .djf_dd{position: relative;}
.slideshow_container .mySlides  {opacity: 0;transition: opacity .85s cubic-bezier(.47,.42,0,.99);overflow: hidden;}
.slideshow_container .mySlides.active  {opacity: 1;}
.slideshow_container .mySlides .image_sd {
    display: block;
    height: 500px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: opacity .85s cubic-bezier(.47,.42,0,.99);
    width: 100%;
}
.image_sdf {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    border: 6px solid #fff;
}
.slideshow_container .mySlides.active .image_sd {
    opacity: 1;
}
.slideshow_container .mySlides .image_sd img {width:100%;object-fit: cover;height: 100%;}
.slideshow_container .quoteblock {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: opacity .85s cubic-bezier(.47,.42,0,.99), transform .85s cubic-bezier(.47,.42,0,.99);
    pointer-events: none;
    height: 100%;
    display: flex;
    align-items: center;
}
.slideshow_container .quoteblock .content {
    padding: 35px 0 0;
    color: #fff;
    width: 570px;
    z-index: 1;
}
.slideshow_container .quoteblock p {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #fff;
    text-align: left;
    max-width: 358px;
    margin-bottom: 20px;
}
.slideshow_container .quoteblock .content h4 {
    font-family: nimbus-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    color: #fff;
}
.slideshow_container .quoteblock .content h5 {
    opacity: .75;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal;
    color: #fff;
}
.slideshow_container .mySlides.active .quoteblock.active {
    opacity: 1;
    transform: translateZ(0);
    pointer-events: all;
}
.slideshow_container .mysLider {
    display: flex;
    gap: 15px;
    position: absolute;
    bottom: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    width: 33.33%;
}
.slideshow_container .mysLider a.mysLider_bt {color: #fff;display: inline-flex;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;justify-content: center;align-items: center;transition: opacity .85s cubic-bezier(.47,.42,0,.99);background: transparent;cursor: pointer;background: url(../img/icon-arrow-circle-right-light@2x.png.webp) no-repeat 50% / 50px;}
.slideshow_container .mySlides .ddsff {height: 0;}
.slideshow_container .mySlides.active .ddsff {height: 100%;}
.slideshow_container .mysLider a.mysLider_bt img {
    filter: brightness(39.5);
    width: 15px;
}

/*------------------------Laminate Finder-----------------------------*/
.laminate_finder_search {
    background: url('../img/other-bg.bae618e1.webp');
    padding: 60px 0;
    background: #464646;
    }
.floating, .floating2 {}
.floating {}
.floating-back {}
@keyframes floating {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(15px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes floating2 {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(-15px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes floating-back {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(-15px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes floating-back2 {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(15px)
    }

    to {
        transform: translate(0)
    }
}

.floating {
    animation-name: floating;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

.floating,.floating2 {
    animation-duration: 5s
}

.floating2 {
    animation-name: floating2;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

.floating-back {
    animation-name: floating-back;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

.floating-back2 {
    animation-name: floating-back2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

.lim_img {
    width: 100%;
}
.lim_img .green-svg{}

.upload-div {
    padding-top: 0;
}
.upload-div h1 {
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    text-transform: capitalize;
    letter-spacing: 0;
}
.upload-div  p {
    font-weight: 300;
    margin-bottom: 32px;
    color: #fff;
}

.upload-div .upload {
    background: #00000033;
    box-shadow: 0 4px 32px rgba(159, 0, 57, .16);
    border-radius: 16px;
    padding: 0;
}

.upload-div  .inner {
    border: 1px dashed #ffffff;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 40px 90px;
    position: relative;
}
.negative-margin {
    margin-top: 30px;
}
.negative-margin .form-group {
    /* border: 1px dashed #9796f0; */
    /* box-sizing: border-box; */
    /* border-radius: 16px; */
    /* background: #fff; */
    display: flex;
}
.negative-margin .form-group .input_cam {
    width: 100%;
    position: relative;
}
.negative-margin .form-group .input_cam span{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 12px;
}
.negative-margin .form-group .input_cam span svg{
    fill: #fff;
    width: 45px;
    height: 40px;
    cursor: pointer;
}
.negative-margin .form-group input {
    padding: 20px 24px;
    background: #00000033;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    width: 100%;
    height: 54.61px;
    border: 1px dashed #ffffff !important;
    }
.negative-margin .form-group .search-button {
    border: 1px dashed #ffffff;!;!importan;
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
    border-left: none;
    background: var(--dark);
    flex: 1;
    color: #fff;
    padding: 0 30px;
}
.upload-div  h3 {
    font-weight: 300;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 30px;
    color: #fff;
}
.upload-div .btn.btn-default {
    padding: 10px 30px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 6px;
    color: #464646;
    font-size: 15px;
    line-height: 16px;
    font-weight: 500;
}
.lim_img_dflex {display:flex;flex-wrap: wrap;width: 100%;}

input.copypic {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    opacity: 0;
}

.products_finder {
    padding: 70px 0 80px;
    background: #fff;
}
/*------------------------Laminate Finder-----------------------------*/

.contact_info .three_points{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 22px;
}

/*------------------------terMs_policy---------------------------*/
.terMs_policy {    padding: 80px 0;
    background-color: #fff;
    border-radius: 45px 45px 0 0;
    width: 100%;
    max-width: 100%;
    position: relative;
    margin-top: -40px;
    overflow: hidden;}
	
.terMs_policy .content h3 {
    color: #000;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
    background: #ededed;
    padding: 12px;
    }	
.terMs_policy .content p {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 30px;
}	
.terMs_policy .content ul,	
.terMs_policy .content ol {margin-bottom: 30px;}	
.terMs_policy .content ul li,	
.terMs_policy .content ol li{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 30px;
    color: #666;
}
.terMs_policy .content a {color: var(--red);}
/*------------------------terMs_policy---------------------------*/
/*------------------------news---------------------------*/
.news {
    padding: 60px 0;
}
.news .news-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.news .box{
    box-shadow: 0px 0px 10px #eee;
    border-radius: 11px;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    height: 100%;
}
.news .box .thumb_nail{
    overflow: hidden;
    height: 250px;
    margin-bottom: 15px;
}
.news .box .thumb_nail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news .box .desc{
    padding: 0 20px;
}
.news .box .desc h3 a{
    color: #000;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .box .desc p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .box .desc .contact_more {
    padding: 0;
}
.news .box .desc .contact_more a {
    margin: 0;
}

.news_detail_pg {
    background-color: #fff;
    border-radius: 45px 45px 0 0;
    width: 100%;
    max-width: 100%;
    padding: 50px 0;
    position: relative;
    margin-top: -40px;
    overflow: hidden;
}
.news_detail_pg .content{}
.news_detail_pg .content h1{
    color: #000;
    margin-bottom: 25px;
    font-size: 35px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.news_detail_pg .content p{    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 30px;}
/*------------------------news---------------------------*/
/*------------------------event---------------------------*/
.event {background:#fff;
    padding: 60px 0;
}
.event .tabsss {
    margin-right: 0;
    padding-left: 0;
    z-index: 2;
    position: relative;
}	
.event .tabsss ul{
    flex-wrap: wrap;
    border-bottom: none;
    /* max-height: 500px; */
    /* overflow-y: auto; */
}	
.event .tabsss ul li a.active:before{content:'';background: #f6050033;}	
.event .tabsss ul li a:before{content:'';content: '';width: 100%;height: 5px;position: absolute;background: #4646464a;bottom: 1px;z-index: -1;opacity: 0.7;left: 0;}	
.event .tabsss li{
    width: 100%;
    margin-bottom: 30px;
}
.event .tabsss .nav-link:focus, 
.event .tabsss .nav-link:hover {
    border-color: #e9ecef00 #e9ecef00 #e9ecef00;
}
.event .tabsss li a{
    color: #222;
    border-bottom: 0;
    padding: 0 0px;
}

.event .tabsss .nav-item.show .nav-link, 
.event .tabsss .nav-link.active {
    background-color: #ffffff00;
    border-color: #0000;
}
.event .tabsss li a.active{
    background: #0000;
    color: var(--red);
    border-bottom: 0px solid var(--red) !important;
}
.event .tabsss li a{
    position: relative;
    margin-top: 0;
    line-height: 34px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.event .tab-content {background:#eee;padding: 15px;}
.event .tab-content .ff_event_gris {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 17px;
}
.event .tab-content .ff_event_gris .thumb {
    background: #fff;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.event .tab-content .ff_event_gris .thumb .title {
    padding: 10px 10px 0px 10px;
}
.event .tab-content .ff_event_gris .thumb .title h3{
    text-align: center;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 20px;
}
.event .tab-content .ff_event_gris .thumb a {
    /* display: block; */
    height: 100%;
}
.event .tab-content .ff_event_gris .thumb .thuB_img {
    height: 190px;
    overflow: hidden;
    padding: 10px;
}
.event .tab-content .ff_event_gris .thumb img {width:100%;height: 100%;object-fit: cover;}
/*------------------------event---------------------------*/

.ProductGallery__Section.event .inEfwF {
    width: 50%;
    position: relative;
    height: 314px;
}
.ProductGallery__Section.event .inEfwF img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*------------------------blog------------------------*/
.blog_list {background-color: #fff;border-radius: 45px 45px 0 0;width: 100%;max-width: 100%;padding: 50px 0;position: relative;margin-top: -40px;}
.twm-blog-post-1-outer {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 0px 25px rgb(218 218 218 / 70%);
    margin-bottom: 30px;
    margin-top: 20px;
    display: flex;
    position: relative;
    margin-bottom: 60px;
}
.twm-blog-post-1-outer .wt-post-media {
    margin-top: -40px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 25px rgb(218 218 218 / 70%);
    margin-bottom: 50px;
    margin-bottom: 0px;
    margin-right: 30px;
    width: 320px;
}
.twm-blog-post-1-outer .wt-post-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.twm-blog-post-1-outer .wt-post-info {
    position: static;
    z-index: 1;
    flex: 1;
}
.twm-blog-post-1-outer .wt-post-info .wt-post-meta {
    position: inherit;
}
.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul {
    list-style: none;
    margin-bottom: 0px;
    padding: 0;
}

.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-date {
    background-color: var(--dark);
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    padding: 5px 15px 5px 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}
.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-date:before {
    content: "";
    position: absolute;
    left: -29px;
    bottom: -8px;
    z-index: -1;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 0px solid transparent;
    border-top: 8px solid var(--dark);
}
.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-date:after {
    content: "";
    background-color: var(--dark);
    position: absolute;
    top: 0px;
    left: -30px;
    bottom: 0px;
    width: 30px;
    z-index: -1;
}
.twm-blog-post-1-outer .wt-post-info .wt-post-meta ul li.post-date {
    position: absolute;
    left: 20px;
    top: 20px;
}
.site-button-link {
    position: relative;
    color: #1967d2;
    font-size: 14px;
    font-weight: 500;
    z-index: 1;
    transition: 0.5s all ease;
    overflow: hidden;
}
.twm-blog-post-1-outer .wt-post-info .wt-post-title   {}
.twm-blog-post-1-outer .wt-post-info .wt-post-title  .post-title a {
    color: #000;
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.twm-blog-post-1-outer .wt-post-info .wt-post-text  {}
.twm-blog-post-1-outer .wt-post-info .wt-post-text p {overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;}
.theiaStickySidebar {
    position: sticky;
    top: 65px;
}
.side-bar {
    background-color: #f5f5f5;
    padding: 30px;
    border-radius: 10px;
}
.side-bar .widget .section-head-small {
    font-size: 22px;
    font-weight: 500;
    padding-left: 10px;
    border-left: 3px solid #1967d2;
}
.side-bar .recent-posts-entry .widget-post {
    margin-bottom: 20px;
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.side-bar .recent-posts-entry .wt-post-media {
    width: 70px;
    height: 70px;
}
.side-bar .recent-posts-entry .wt-post-media img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.side-bar .recent-posts-entry .wt-post-info {
    flex: 1;
}
.recent-posts-entry .wt-post-info .wt-post-header {
    margin-bottom: 6px;
}
.side-bar .recent-posts-entry .wt-post-info .post-date {
    margin-top: 0px;
    color: var(--dark);
    font-size: 14px;
    display: block;
}
.side-bar .recent-posts-entry .wt-post-info .post-title {
    display: block;
}
.side-bar .recent-posts-entry .wt-post-info .post-title a {
    margin-top: 0px;
    font-size: 15px;
    display: block;
    color: var(--dark);
    color: #000;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.side-bar .recent-posts-entry .widget-post:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.blog_det_content { }
.blog_det_content .wt-post-title  {
    margin-bottom: 40px;
}
.blog_det_content .post-title{position: relative;margin-top: 0;margin-bottom: 10px;line-height: 40px;font-weight: 300;font-size: 30px;color: #222;text-transform: capitalize;letter-spacing: 0;}
.blog_det_content .post-date{font-size: 15px;line-height: 24px;color: #666;}
.blog_det_content .content h3{color: #000;margin-bottom: 20px;font-size: 25px;font-weight: 400;letter-spacing: 0.7px;}
.blog_det_content .content p{font-size: 15px;line-height: 24px;color: #666;}
.blog_det_content .content p {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 30px;
}	
.blog_det_content .content ul,	
.blog_det_content .content ol {margin-bottom: 30px;}	
.blog_det_content .content ul li,	
.blog_det_content .content ol li{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 30px;
    color: #666;
}
.blog_det_content .content a {color: var(--red);}


/*------------------------blog------------------------*/
/*------------------------Visualizer_fr------------------------*/
      .Visualizer_fr {
            overflow: hidden;
            padding: 80px 0;
        }
        .big_visual {
            overflow-y: hidden;
            cursor: grab;
            overflow-x: hidden;
            width: 100%;
            height: 520px;
            position: relative;
        }
        .drag_360 {
            /* height: 100%; */
            user-select: none;
        }
		.cir-2.office2 {
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 726px;
    top: 118px;
    width: 30px;
    z-index: 9;
    left: 965px;
}

.office2.cir-3 {
	    cursor: pointer;
	    height: 30px;
	    position: absolute;
	    width: 30px;
	    z-index: 9;
	    left: 925px;
	    bottom: 40px;
}

.circle.cir-1 {
    cursor: pointer;
    height: 30px;
    left: 520px;
    position: absolute;
    top: 65px;
    width: 30px;
    z-index: 9;
}
.circle span {
    color: #FFF;
}
.circle ul.active  {
    display: grid;
    transform: scale(1);
    opacity: 1;
    box-shadow: 3px 3px 30px rgba(118, 96, 168, 0.15);
}
.circle ul {
    border: 2px solid #fff;
    /* display: none; */
    max-height: 245px;
    overflow: auto;
    position: absolute;
    right: 0;
    width: 230px;
    z-index: 99999;
    background: #fff;
    list-style: none;
    padding: 0;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    transform: scale(0.01);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease 0.15s;
    transform-origin: center top;
    overflow: hidden;
}
.circle ul li {
    text-align: center;
    height: auto !important;
}
.circle ul li img {width:100%}
.circle ul li p {
    font-size: 13px;
    margin-top: 5px;
    line-height: 16px;
    margin-bottom: 5px;
    color: #000;
}

.top-left, .cent-left, .cent-cent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.top-left img,
.cent-cent img,
.cent-left img {display:none}
.top-left img.active,
.cent-cent img.active,
.cent-left img.active {display:block}

.side_design {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0px 10px #cacaca;
    overflow-y: scroll;
    height: 520px;
}
.side_design .search_bar {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 30px;
}
.side_design .search_bar input {
    border: none;
    outline: none;
    border-bottom: 1px solid #eee;
    flex: 1;
    font-size: 13px;
    padding: 7px 0;
}
.side_design .search_bar button.btn_serch {
    background: var(--dark);
    outline: none;
    border: none;
}
.side_design .search_bar button.btn_serch svg {
    filter: invert(30);
}
.b_ds_flex {}
.b_ds_flex .box{
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.b_ds_flex .box:last-child{
    border-bottom: 0px solid #eee;
    margin-bottom: 0;
    padding-bottom: 0;
}
.b_ds_flex .box_title{}
.b_ds_flex .box_title h3{
    font-size: 16px;
    position: relative;
    cursor: pointer;
}
.b_ds_flex .box_title h3:before{content: "\f105";font-family: FontAwesome;right: 0;position: absolute;font-size: 19px;}
.b_ds_flex .box_title .ul_ply {display: none;}
.b_ds_flex .box_title ul {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    
}
.b_ds_flex .box_title ul li {
    box-shadow: 0px 0px 10px #dcdcdc;
    cursor: pointer;
}
.b_ds_flex .box_title ul li img {
    width: 100%;
    height: 90px;
}
.b_ds_flex .box_title ul li p {
    margin-bottom: 0px;
    padding: 5px;
    font-size: 13px;
    color: #000;
    line-height: 15px;
    text-align: center;
}
/* width */
.side_design::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.side_design::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.side_design::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.side_design::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.b_ds_flex .box_title.active .ul_ply {display:block}
.b_ds_flex .box_title.active h3:before {transform: rotate(90deg);}

/*-----------------------------------------*/
.design_vis_four .owl-stage-outer{
  height: 500px;
}
.design_vis_four .thumb{
    height: 500px;
    overflow: hidden;
    /* cursor: default; */
    /* flex:1; */
    transition: all 0.4s ease;
    position: relative;
    box-shadow: -5px 0px 5px rgb(0 0 0 / 64%);
    background-position: center !important;
    background-repeat: no-repeat  !important;
    background-size: cover  !important;
}
.design_vis_four .thumb:before {content:'';position: absolute;width: 100%;height: 100%;background: #00000082;}
.design_vis_four .owl-item.active.deskt_op_owl:hover{
    width: 540px !important;
    /* overflow: hidden; */
    }

  .design_vis_four .owl-item  {transition: all 0.4s ease;}
    
.design_vis_four .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.design_vis_four .thumb .content_area1{
    position: absolute;
    transform: rotate(-90deg);
    width: 290px;
    height: auto;
    left: -80px;
    bottom: 162px;
    transition: all 0.4s;
    opacity: 1;
    z-index: 2;
}
.design_vis_four .thumb .content_area1 h3{
    display: block;
    text-transform: capitalize;
    transition: all 0.4s;
    width: 100%;
    color: #fff;
    position: relative;
    font-size: 25px;
    font-weight: 300;
}
.design_vis_four .thumb .content_area1 h3:after {content:'';width: 30px;height: 2px;position: absolute;background: #000;left: 0;bottom: 0;}
.Our_visualizer {padding:60px 0;overflow: hidden;}

.Our_visualizer .design_vis_four .owl-nav {
    display: flex;
    gap: 20px;
    padding: 0px 0px 0px 50px;
}
.Our_visualizer .design_vis_four  .owl-nav button{width: 17px;outline: none;border: none;margin-top: 20px;width: 50px;height: 50px;font-size: 0;text-indent: 0;outline: none;border: 1px solid #eee;}
.Our_visualizer .design_vis_four .owl-nav button img {width: 15px;}
.Our_visualizer .design_vis_four .owl-nav button svg {
    width: 50px;
    height: 51px;
}
.design_vis_four .owl-item:nth-child(4n+1) .thumb .content_area1 h3:after {background:#e52925}
.design_vis_four .owl-item:nth-child(4n+2) .thumb .content_area1 h3:after {background:#7fff3e}
.design_vis_four .owl-item:nth-child(4n+3) .thumb .content_area1 h3:after {background: #ff8721;}
.design_vis_four .owl-item:nth-child(4n+4) .thumb .content_area1 h3:after {background: #03dcff;}

.design_vis_four .owl-item:nth-child(4n+1) .thumb .content-area h3:after {background:#e52925}
.design_vis_four .owl-item:nth-child(4n+2) .thumb .content-area h3:after {background:#7fff3e}
.design_vis_four .owl-item:nth-child(4n+3) .thumb .content-area h3:after {background: #ff8721;}
.design_vis_four .owl-item:nth-child(4n+4) .thumb .content-area h3:after {background: #03dcff;}





.design_vis_four .thumb .content-area {
    position: absolute;
    z-index: 2;
    transition: all 0.4s;
    padding: 0 24px 24px 24px;
    bottom: 0;
    left: -100%;
    opacity: 0;
}
.design_vis_four .thumb .content-area h3 {
    margin-bottom: 8px;
    display: block;
    text-transform: capitalize;
    transition: all 0.4s;
    width: 100%;
    color: #fff;
    position: relative;
    font-size: 25px;
    font-weight: 300;
}
.design_vis_four .thumb .content-area a:after {
    content: '';
    width: 30px;
    height: 2px;
    position: absolute;
    background: #000;
    left: 0;
    bottom: 0;
}
.design_vis_four .thumb .content-area p {
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    line-height: var(--ztc-font-size-font-s26);
    font-weight: var(--ztc-weight-regular);
    color: #B2BBC6;
    transition: all 0.4s;
}
.design_vis_four .thumb:hover .content-area {
    left: 0;
    transition: all 0.4s;
    opacity: 1;
}
.design_vis_four .thumb:hover .content_area1 {opacity: 0;transition: all 0.4s;}

.all_design {
    background: #fff;
    padding: 60px 0;
    overflow: hidden;
}
.all_design:nth-child(even) {
    /* background: #f5f6f3; */
    padding: 60px 0;
    overflow: hidden;
}
.all_design .box_g {
    box-shadow: 0px 0px 10px #cfcfcf;
    padding: 10px;
    margin-bottom: 30px;
}
.all_design .box_g .title {
    text-align: center;
}
.all_design .box_g .title h3 {
    margin-bottom: 0;
    display: block;
    text-transform: capitalize;
    transition: all 0.4s;
    width: 100%;
    color: #000000;
    position: relative;
    font-size: 20px;
    font-weight: 400;
}
.all_design .box_g img {width:100%;height: 100%;object-fit: cover;}
.all_design .box_img {
    width: 100%;
    height: 230px;
    margin-bottom: 10px;
}
/*-----------------------------------------*/

/*-----------------------------pdf_download-------------------------------*/
.pdf_download {
    background-color: #fff;
    border-radius: 45px 45px 0 0;
    width: 100%;
    max-width: 100%;
    padding: 50px 0;
    position: relative;
    margin-top: -40px;
    overflow: hidden;
}
.pdf_download .pdf_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
}
.pdf_download .pdf_grid .pdf_grid_box.active {background: #464646;}
.pdf_download .pdf_grid .pdf_grid_box{
    box-shadow: 0 0 10px 0 rgba(213, 193, 180, .6);
    width: 100%;
    padding: 10px;
    background: #fff;
    display: flex;
    align-items: center;
}
.pdf_download .pdf_grid .pdf_grid_box_self{
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}
.pdf_download .pdf_grid .pdf_grid_box_img{
    /* margin-bottom: 15px; */
    width: 50px;
}
.pdf_download .pdf_grid .pdf_grid_box_img img{
    width: 100%;
}
.pdf_download .pdf_grid .pdf_grid_box_heading{
    /* text-align: center; */
    position: relative;
    margin-top: 0;
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 0;
    flex: 1;
}

.pdf_download .pdf_grid .pdf_grid_box.active .pdf_grid_box_heading {color:#fff}

/*-----------------------------pdf_download-------------------------------*/

img.globe {
    width: 285px;
    position: absolute;
    right: 183px;
    z-index: 1;
    top: 46px;
	animation: ani 45s linear infinite;
}

@keyframes ani {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.sub_desc {
    padding-bottom: 50px;
}
.sub_desc h3{
    font-weight: 300;
    font-size: 40px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
    text-align: center;
    }
.sub_desc p{    color: #666666;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;}
.content-section.pb_0	 {padding-bottom:0}
.tab_Desc_content {}
.tab_Desc_content p{    color: #666666;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;}
.tab_Desc_content .desc_img{
    background: #fff;
    padding: 10px;
    border-radius: 0;
    box-shadow: 4px 5px 6px #252525;
    float: right;
    width: 40%;
    height: 260px;
    margin: 0 0 40px 40px;
}
.tab_Desc_content .desc_img img{width:100%;height: 100%;object-fit: cover;}	
/*-------------------section_2d-----------------------*/	
.section_2d {padding:60px 0}
.section_2d .img{}
.section_2d .img img{width:100%}
/*-------------------section_2d-----------------------*/	
/*-------------------all_slider-----------------------*/
.all_slider {padding:60px 0}	
.all_slider .col_inn{padding: 15px 0;position: relative;}	
.all_slider .col_inn h3{text-align: center;position: relative;margin-top: 0;margin-bottom: 40px;line-height: 45px;font-weight: 400;font-size: 26px;text-transform: capitalize;letter-spacing: 0;width: fit-content;margin: 0 auto 30px;padding: 0 65px;}	
.all_slider .col_inn h3:before{content:'';width: 50px;height: 2px;background: #000;position: absolute;top: 50%;transform: translate(0px, -50%);left: 0;}
.all_slider .col_inn h3:after{content:'';width: 50px;height: 2px;background: #000;position: absolute;top: 50%;transform: translate(0px, -50%);right: 0;}
.all_slider .col_inn .owl-carousel{background: #fff;padding: 15px;border-radius: 0;position: relative;}	
.all_slider .col_inn .owl-carousel .item {height: 400px;}
.all_slider .col_inn .owl-carousel .item img {width: 100%;height: 100%;object-fit: cover;transition: all .3s ease;}
.all_slider .col_inn .owl-carousel .item img:hover {transform: scale(1.1);}
.all_slider .col_inn .owl-carousel .owl-nav {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    justify-content: space-between;
    width: 100%;
    left: 0;
}
.all_slider .col_inn .owl-carousel .owl-nav button {
    background: #313131e8;
    color: #fff;
    font-size: 23px;
    height: 40px;
    width: 30px;
    outline: none;
}
.all_slider .col_inn .owl-carousel .owl-nav button.owl-prev {}
.all_slider .col_inn .owl-carousel .owl-nav button.owl-next {}

/*-------------------all_slider-----------------------*/	
.video_iframe {height: 300px;box-shadow: 0px 5px 10px #8d8d8d;}
.video_iframe iframe{width:100%; height:100%}
.row_video {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}



.free_sample_c {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 45px 45px 0 0;
    width: 100%;
    max-width: 100%;
    padding: 70px 0 70px;
    position: relative;
    margin-top: -40px;
    overflow: hidden;
}
.free_sample_c .modal-dialog {
    -webkit-transform: none;
    transform: none;
    width: 80%;
    min-width: 80%;
    margin: 0 auto;
}
.free_sample_c .modal-body {
    padding: 2rem;
}
.free_sample_c .modal-dialog .modal-header {
    background: var(--dark);
    padding: 16px 15px;
}
.free_sample_c .modal-dialog .modal-header a {
}
.free_sample_c .modal-dialog .modal-header .modal-title {
    color: #fff;
    font-size: 20px;
    line-height: normal;
}
.free_sample_c .modal-dialog .modal-header a svg{}

.form_enqu {}
.form_enqu .from-group {
    margin-bottom: 15px;
}
.form_enqu .from-group label {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}
.form_enqu .from-group label sup {
    color: var(--red);
}
.form_enqu .from-group .in_icon {
    border: 1px solid #ececec;
    /* display: flex; */
    border-radius: 5px;
    overflow: hidden;
}
.form_enqu .from-group .in_icon .iti {width:100%}
.form_enqu .from-group .in_icon input {
    height: 55px;
    width: 100%;
    border: 0px;
    outline: none;
    padding: 10px;
}
.form_enqu .from-group .in_icon select {
    height: 50px;
    width: 100%;
    border: 0px;
    outline: none;
    padding: 10px;
}

.form_enqu .from-group .in_icon textarea {
    width: 100%;
    border: 0px;
    outline: none;
    padding: 10px;
    height: 150px;
}
.from-groupd {}
.from-groupd .fgrd_bnt{
    background: var(--dark);
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 30px;
    border-radius: 6px;
}

.feature_Li_cons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 35px;
}
.feature_Li_cons .bocx{
    text-align: center;
}
.feature_Li_cons .bocx img{
    width: 60px;
}
.feature_Li_cons .bocx p{
    margin: 0;
}

.from-group-s {}
.from-group-s label{
    font-size: 15px;
    color: #373737;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}
.from-group-s .in_icon_s {
    margin-bottom: 15px;
}
.from-group-s .in_icon_s label{
    margin-bottom: 0;
    font-size: 15px;
    color: #636569;
    font-weight: 400;
    padding-left: 20px;
    position: relative;
}
.from-group-s .in_icon_s label a {
    color: #636569;
    text-decoration: underline;
}
.from-group-s .in_icon_s input{
    position: absolute;
    left: 0;
    top: 5px;
}
.from-group-s  p{
    font-size: 15px;
    color: #636569;
    font-style: italic;
    line-height: normal;
}
.ffg_df {margin-bottom:15px}


.csr_zig {}
.csr_zig .main_sdf:nth-child(even) .col-md-7{order:1}
.csr_zig .main_sdf{}
.csr_zig .main_sdf .row{
    align-items: center;
}
.csr_zig .main_sdf .row .col-md-7{}
.csr_zig .main_sdf .box_img{
    border: 6px solid #ffffff;
    box-shadow: 0px 0px 10px #000;
    border-radius: 10px;
}
.csr_zig .main_sdf .box_img .box_img_s{
    border-radius: 5px;
    overflow: hidden;
    height: 300px;
}
.csr_zig .main_sdf .box_img .box_img_s img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.csr_zig .main_sdf .row .col-md-5{}
.csr_zig .main_sdf .content_desc{}
.csr_zig .main_sdf .content_desc h3{
    position: relative;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.csr_zig .main_sdf .content_desc h3:before{content:'';width: 100px;height: 2px;background: #000000;position: absolute;bottom: -10px;}
.csr_zig .main_sdf .content_desc p{
    margin: 0;
}
.csr_zig .main_sdf .content_desc a {
    display: flex;
    width: 160px;
    background: var(--dark);
    padding: 10px;
    justify-content: center;
    color: #fff;
    gap: 11px;
    align-items: center;
    border-radius: 5px;
}
.csr_zig .main_sdf .content_desc a img{
    width: 20px;
    height: 20px;
    filter: invert(1);
}
.csr_zig .main_sdf .content_desc a span{}

.com_plaint_form {
    padding-bottom: 50px;
    z-index: 3;
    position: relative;
}

.com_plaint_form_width {
    width: 80%;
    margin: -50px auto 0;
    background: #fff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0px 4px 10px #e7e7e7;
}

.com_plaint_form_width .head_c {
    margin-bottom: 50px;
}

.com_plaint_form_width .head_c h3 {
    position: relative;
    margin-top: 0;
    line-height: 40px;
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.cust_omer_h3 {
}

.cust_omer_h3 h3 {
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 11px;
    line-height: 40px;
}

.break-inside-avoid {
    margin-bottom: 30px
}

.break-inside-avoid .flex {
    display: flex;
    gap: 22px;
}

.break-inside-avoid .flex .field-decoration {
    justify-content: space-between;
    padding-bottom: .5rem;
    align-items: center;
    flex-direction: column;
    display: flex;
    position: relative;
}

.break-inside-avoid .flex .field-decoration:after {
    content: '';
    position: absolute;
    border-left: 3px dotted;
    height: 100%;
    top: 0;
}

.break-inside-avoid .flex .field-decoration label {
    background: #fff;
    z-index: 1;
}

.break-inside-avoid .flex .field-decoration label svg {
    width: 30px;
    height: 30px;
}

.break-inside-avoid .flex .w_full {
    flex: 1
}

.break-inside-avoid .flex .w_full .gg {
}

.break-inside-avoid .flex .w_full .gg .tod_d {
    margin-bottom: 20px;
}

.break-inside-avoid .flex .w_full .gg .tod_d .label {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: var(--red);
    padding: 0;
    margin: 0;
}
.break-inside-avoid .flex .w_full .gg .tod_d_s.Others_hide {display:none}
.break-inside-avoid .flex .w_full .gg .tod_d_s.Others_hide.show {display:block}
.break-inside-avoid .flex .w_full .gg .tod_d_s {
    display: block;
    margin-bottom: 20px;
}
.break-inside-avoid .flex .w_full .gg .tod_d_s:last-child{
    margin-bottom: 0;
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .i-grid {
    /* display: flex; */
    /* gap: 25px; */
}
.break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive label sup {color:var(--red)}
.break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive label {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    color: #000000;
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text {
    margin-top: 8px;
    
}
.border_cf {border-bottom: 1px solid #ebebeb;}
.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text.radio_btn {
    display: flex;
    gap: 55px;
}
.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .checkbox_btn{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px 27px;
}
.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .checkbox_btn label input {
    margin-right: 4px;
}
.checkbox_hide.show {display:block}
.checkbox_hide {display:none}
.break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive .short-text label {
    color: #666666;
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .short-text-input {
    width: 100%;
    border: none;
    /* border-bottom: 1px solid #ebebeb; */
    outline: none;
    padding: 10px 0;
    height: 44px;
}

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

.send_complaint .flo-button {
    padding: 10px 40px;
    background: #333;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 54px;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
}

.break-inside-avoid.msg .flex .field-decoration:after {
    display: none
}
.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .select2-container--default .select2-selection--single {
    background-color: #fff;
    width: 100%;
    border: none;
    /* border-bottom: 1px solid #ebebeb; */
    outline: none;
    padding: 7px 0;
    height: auto;
    border-radius: 0;
}
.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000;
    line-height: 28px;
    padding-left: 0;
}
.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: none;
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark);
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--dark);
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.sub_sli {padding:50px 0; background:#fff}
.thumb.dsf {margin-bottom: 10px;}
.thumb.edy {
    box-shadow: 0px 2px 10px #00000091;
    padding: 0px;
    border: 0px solid #e7e7e7;
    height: 260px;
}
.thumb.edy img{
    height: 100%;
    object-fit: cover;
}
.product_four_1.owl-carousel .owl-nav {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}	
.product_four_1.owl-carousel .owl-nav .owl-prev{    background: #ffffff91 url('../img/icon_newevent_prev.png') no-repeat center center;}	
.product_four_1.owl-carousel .owl-nav .owl-next{    background: #ffffff91 url('../img/icon_newevent_next.png') no-repeat center center;}	
.product_four_1.owl-carousel .owl-nav button{
    margin-top: 20px;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: 0;
    outline: none;
    border: 1px solid #eee;
    background: #0000;
    background-size: 15px !important;!i;!;
    }	

.table_stylam table {
    border: 0;
    padding: 0;
}
.table_stylam tr th{border: 0;}
.table_stylam tr th{
    margin-bottom: 20px;
    border-left: 1px solid currentColor;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    }
.table_stylam tr:nth-child(1) th  {
    font-size: 16px;
    margin-bottom: 18px;
    font-weight: 500;
    letter-spacing: 0.7px;
    padding: 0 9px 15px 9px;
    margin-bottom: 15px;
    border-bottom: 0px solid #eee;
    }
.table_stylam tr th strong {font-weight: 500;    }



.free_sample_modal {
    width: 100%;
    max-width: 100%;
    position: fixed;
    overflow: hidden;
}
.free_sample_modal .modal-dialog {
    -webkit-transform: none;
    transform: none;
    width: 80%;
    min-width: 80%;
    margin: 0 auto;
}
.free_sample_modal .modal-dialog {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.free_sample_modal .modal-body {
    padding: 20px;
}
.free_sample_modal .modal-dialog .modal-header {
    background: var(--dark);
    padding: 16px 15px;
}
.free_sample_modal .modal-dialog .modal-header a {position: absolute;right: -10px;background: var(--red);color: #fff;display: flex;width: 30px;height: 30px;justify-content: center;align-items: center;border-radius: 30px;top: -10px;}
.free_sample_modal .modal-dialog .modal-header .modal-title {
    color: #fff;
    font-size: 20px;
    line-height: normal;
}
.free_sample_modal .modal-dialog .modal-header a svg{
    filter: invert(1);
}
.free_sample_modal .form_enqu .showheredata{}
.free_sample_modal .form_enqu .showheredata .ddf_pra {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px;
}
.free_sample_modal .form_enqu .showheredata .hed_sep {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}
.free_sample_modal .form_enqu .showheredata .hed_sep:last-child{margin-bottom:0}
.free_sample_modal .form_enqu .showheredata .hed_sep h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.free_sample_modal .form_enqu .showheredata p{
    margin-bottom: 0px;
    color: #898989;
    font-size: 16px;
    font-weight: 400;
}
.free_sample_modal .form_enqu .showheredata p strong {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.free_sample_modal .form_enqu .showheredata table{}
.free_sample_modal .form_enqu .showheredata table tr{}
.free_sample_modal .form_enqu .showheredata table tr:nth-child(1) th{
    background: var(--dark);
    color: #fff;
    font-weight: 400;
}
.free_sample_modal .form_enqu .showheredata table tr th{
    font-weight: 400;
}
.free_sample_modal .form_enqu .showheredata table tr th strong{
    font-weight: 400;
}
.table_stylam_s tr:nth-child(1) th  {
    font-size: 15px;
    margin-bottom: 18px;
    font-weight: 400;
    letter-spacing: 0.7px;
    padding: 0 9px 0px 9px;
    margin-bottom: 0;
    border-bottom: 0px solid #eee;
    }
.table_stylam_s tr th strong {font-weight: 500;    }
.max_5d {
    color: var(--red);
    font-size: 13px;
    margin-bottom: 0;
    position: absolute;
}
.career_cond {
    margin: 0;
}
.career_cond input{}
.career_cond a{
    color: #000000;
    text-decoration: underline;
}

.thankyou_black {display:none;
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #000000bf;}
.thankyou_black.show {display:block}
.thankyou_center{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
}
.thankyou_bg{
    width: 600px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    position: relative;
}	
.thankyou_bg h3{
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 40px;
}
.thankyou_bg .close_thanks {
    position: absolute;
    right: -15px;
    top: -15px;
    background: var(--red);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    cursor: pointer;
}
.thankyou_bg .close_thanks svg {
    filter: invert(1);
}
.thankyou_bg p {}
.thankyou_bg img {
    width: 150px;
    margin: 30px 0;
}
.faq_prod.contd {    margin-top: 0;    padding: 60px 0;}

.job-listing-area {padding:40px 0; background:#fff}
.job-listing-top {
    background-color: #F8F8F8;
    margin-bottom: 30px;
}
.job-listing-form {padding: 20px;}
.job-listing-line {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 18px;
}
.job-listing-form .form-group {
    position: relative;
    margin-top: 4px;
    margin: 0;
}
.job-listing-form .form-group.select-group {
    border: none;
    padding-right: 0;
}
.job-listing-form .form-group .form-control {
    height: 50px;
    color: var(--bodyColor);
    border: none;
    background-color: #fff;
    font-size: 15px;
    padding: 10px 27px;
    width: 100%;
    border-radius: 3px;
    position: relative;
}
.job-listing-form .form-group i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 20px;
    color: var(--bodyColor);
}
.job-listing-form .submit-btn {
    width: 100%;
    text-align: center;
    padding: 12px 30px;
    background-color: var(--dark);
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
}
.recent-job-card {
    padding: 30px;
    background-color: var(--whiteColor);
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    transition: var(--transition);
	    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}
.recent-job-card.add_on .readmore span{rotate: 180deg;}
.recent-job-card.add_on .Skills_Required,
.recent-job-card.add_on .key_feature{display:block}
.recent-job-card .content {
    position: relative;
    padding-left: 90px;
}
.recent-job-card .content .d_apply {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.recent-job-card .content .d_apply .apply {
    width: 100%;
    text-align: center;
    padding: 9px 20px;
    background-color: var(--dark);
    color: #fff;
    border: none;
    outline: none;
    border-radius: 4px;
}
.recent-job-card .content .d_apply .apply .bookmark-btn {
    background: var(--dark);
    color: #fff;
    border: none;
    padding: 10px 30px;
    border-radius: 5px;
    outline: none;
}
.recent-job-card .content .recent-job-img {
    position: absolute;
    top: 0;
    left: 0;
}
.recent-job-card .content .recent-job-img a {
    display: block;
}
.recent-job-card .content .recent-job-img a img {
    border-radius: 50%;
}
.recent-job-card .content h3 {
    font-size: 20px;
    font-weight: 400;
}
.recent-job-card .content h3 a {
    color: #000;
}
.recent-job-card .content .job-list1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.recent-job-card .content .job-list1 li {
    display: inline-block;
    margin-right: 100px;
    font-size: 16px;
    color: var(--bodyColor);
    margin-bottom: 10px;
}
.recent-job-card .content .job-list1 li i {
    /* color: var(--red); */
}

.recent-job-card .job-sub-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recent-job-card .job-sub-content .job-list2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.recent-job-card .job-sub-content .job-list2 li.time {
    /* background-color: #E5FAF5; */
}
.recent-job-card .job-sub-content .job-list2 li {
    display: inline-block;
    padding: 6px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    margin-bottom: 0;
    background: #eee;
}
.recent-job-card .job-sub-content .job-list2 li.freelance {
    /* background-color: #FFEFED; */
}
.recent-job-card .job-sub-content .job-list2 li.urgent {
    /* background-color: #FAE5E5; */
}
.recent-job-card .job-sub-content .job-list2 li:last-child {
    margin-right: 0;
}
.recent-job-card .key_feature {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 30px;
    display: none;
}
.recent-job-card .key_feature.active{display:block}
.recent-job-card .key_feature h3{
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
}
.recent-job-card .key_feature ul li {color: #666666;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;}
.recent-job-card .key_feature p {color: #666666;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;}
.Skills_Required {
    border: #efefef 1px solid;
    box-shadow: 0px 5px 10px #4a4a4a1f;
    padding: 18px 10px 10px 10px;
    border-radius: 5px;
    /* display: none; */
    position: relative;
    margin-top: 25px;
}
.Skills_Required p {
    border-radius: 4px;
    background: var(--dark);
    padding: 0 8px;
    margin: 0;
    color: #fff;
    position: absolute;
    top: -15px;
    font-size: 13px;
}
.Skills_Required ul {
    list-style: none;
    padding: 0px;
    display: flex;
    flex: 1;
    margin: 0;
    flex-wrap: wrap;
    gap: 0 16px;
}
.Skills_Required ul li {
    font-size: 15px;
}
.Skills_Required ul li:after{content:','}
.Skills_Required ul li:last-child:after{content:'.'}
.recent-job-card .readmore {
    position: absolute;
    bottom: -14px;
    width: 100%;
    text-align: center;
}
.recent-job-card .readmore span{
    box-shadow: 0px 0px 10px #00000040;
    width: 30px;
    display: flex;
    margin: 0 auto;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 31px;
    background: #fff;
    cursor: pointer;
}
.recent-job-card .readmore span i{}

.ftr_trans.intro {display:block;position: absolute;top: auto;border-radius: 0px;width: 100%;border: none;}
.ftr_trans.intro .country_area {width: 100%;padding: 0;display: block;}
.ftr_trans.intro .country_area ul {
    display: block;
    position: relative;
}

.free_sample_modal .hed_sep.bg_rEMOve table tr:nth-child(1) th {
    background: none;
    color: initial;
}



/* Full-screen loader */
.loader-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; 
    transition: opacity 0.5s ease-out;
}

/* Hide loader after fade out */
.loader-wrapper.hidden {
    opacity: 0;
    pointer-events: none;
}
 .table_stylam1 table tr:nth-child(1) th {
    font-size: 16px;
    margin-bottom: 18px !important;
    letter-spacing: 0.7px; 
         padding: 0 10px !important;
    font-weight: 400 !important;
    line-height: 1.5;
   
}

.showheredata table tr th{
    padding: 6px;
    
}
.showheredata table{
text-align:center;
border:1px solid #cdcdcdad !important;    
}
.modal_after.active {display:block}
.modal_after {display:none;
    position: fixed;
    top: 0;
    background: #000000ed;
    width: 100%;
    z-index: 99;
    height: 100%;
}
.modal_after .modal_mid{
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
    height: 100%;
    align-items: center;
}
.modal_after .pop-up{
    width: 480px;
    background: #fff;
    padding: 15px;
    position: relative;
}
.modal_after .pop-up .close{
    position: absolute;
    width: 40px;
    height: 40px;
    background: var(--red);
    opacity: 1;
    border-radius: 70px;
    top: -15px;
    right: -15px;
}
.modal_after .pop-up .close svg{
    fill: #fff;
}
.modal_after .pop-up .close svg{}
.modal_after .pop-up .img{
    /* margin-bottom: 15px; */
}
.modal_after .pop-up .img img{
    width: 100%;
}
body.over_ssd {    overflow: hidden;}


.granex_first .gr_creative {}
.gr_creative img{width:100%}
.granex_first .desc{}
.granex_first .desc h3,
.granex_second .desc h3{
    position: relative;
    margin-top: 0;
    line-height: 50px;
    font-weight: 300;
    font-size: 40px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
}
.granex_first .desc p{}
.granex_first .desc ul{
    border: 1px solid #eee;
    list-style: none;
    padding: 0px;
}
.granex_first .desc ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 5px 25px;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}
.granex_first .desc ul li:last-child{border-bottom:0px}

.granex_second .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}
.granex_second .grid .ci_box{
    text-align: center;
}
.granex_second .grid .circle{
    width: 80px;
    margin: 0 auto 7px;
    background: #cacaca;
    border-radius: 100px;
}
.granex_second .grid .circle img{
    width: 100%;
}
.granex_second .grid .name{
    color: #666666;
    font-size: 15px;
    font-weight: 400;
}
.granex_second .bar {width: 100%;height:200px;list-style-type:none;position:relative;}
.granex_second .bar p {
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    margin: 0;
}
.granex_second .one p{
  background-color:#d9d6d3;
}
.granex_second .two p {
  background-color: #d9d6d3;
}
.granex_second .bar span {
    display: none !important;
}
.granex_second #content ul {list-style-type:none;display: flex;padding: 0;gap: 10px;margin: 0;}
.granex_second #content ul li {
    width: 50px;
}

.granex_second .bar p {
  height: 0;
  transition: height 3.5s ease;
  overflow: hidden;
  background-color: #ccc;
}

.granex_second .bar.one p.animated {
  height: 70%;
}

.granex_second .bar.two p.animated {
  height: 100%;
}

.granex_second .bar span {
  display: none;
}
.granex_second  .size_for {display: flex;align-items: flex-end;gap: 20px;}
.shet-ze {}
.granex_second .desc .shet-ze h3{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
}
.granex_second .desc .shet-ze p{
    margin: 0;
}
.shet-thick-zer {display:flex;gap: 50px;}
.granex_second #content .shet-thick-zer ul {
    display: block;
}
.granex_second #content .shet-thick-zer ul li{
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
    width: auto;
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: space-between;
}
.granex_second #content .shet-thick-zer ul li span{
    width: 100px;
    display: block;
    background: #cccccc;
}
.granex_second #content .shet-thick-zer ul li:first-child span{
    height: 6px;
}
.granex_second #content .shet-thick-zer ul li:last-child span{
    height: 12px;
}
.granex_second{padding:50px 0}
.madeof {width: 455px;}
.madeof img{width:100%}
.madeof h3 {
    position: relative;
    margin-top: 0;
    line-height: 50px;
    font-weight: 300;
    font-size: 40px;
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
}
.play_item {
    display: flex;
    gap: 25px;
    margin: 1rem 0;
}
.play_item .circle{
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #b1b1b1;
    width: 140px;
}
.play_item .circle img{width:100%}
.play_made .desc  p {
    font-size: 20px;
}
.play_made .desc .thiscan {
    border-bottom: 2px solid #2b2a29;
    border-top: 2px solid #2b2a29;
    padding: 10px;
    width: 100%;
    text-align: center;
}
.play_made .desc .thiscan p{
    margin: 0;
    font-weight: 600;
    color: #000;
    font-size: 17px;
}
.ext_int {
    display: flex;
    gap: 20px;
    padding: 20px 0;
}
.ext_int .sf_esxt{
    display: flex;
    align-items: center;
    gap: 20px;
}
.ext_int .sf_esxt .img{
    width: 70px;
}
.ext_int .sf_esxt .img img{
    width: 100%;
}
.ext_int .sf_esxt span{
    line-height: 24px;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
}
.ideals {}
.play_made .desc .ideals p{
    line-height: 24px;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
}
.pad_gap_15 {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.first_all {display: flex;gap: 20px;}
.first_all img {width:100%}
.first_all .first {width: calc(100% - 30%);}
.first_all .first_sec {display: flex;flex-wrap: wrap;gap: 20px;flex: 1;}
.first_all .first_sec_thrd {position: absolute;right: 233px;top: 175px;width: 240px;border-radius: 200px;overflow: hidden;padding: 0;border: 20px solid #fff;}
.row_find {
    display: flex;
    width: 100%;
    gap: 20px;
}
.row_find .coldsad {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    width: calc(100% - 30%);
}
.row_find .rows {
    position: relative;
}
.row_find .rows img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    left: 50;
}
.row_find .final_por{
    flex: 1;
}
.final_por {}
.final_top {
    text-align: center;
}
.final_top img{
    width: 70%;
}
.final_por .final_bot{
    display: flex;
    gap: 20px;
    justify-content: center;
}
.final_por .final_bot .circle {
    width: 100%;
    height: 180px;
}
.final_por .final_bot .circle img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 109px;
}
.row_find .rows span {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    background: #ffffff;
    border-radius: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--danger););
    left: -9px;
    top: -15px;
    font-size: 23px;
}
.inhouse_fac {padding: 50px 0;}
/*------------------play_ground---------------------*/
.play_ground {
    background: #a2d9f7;
    padding: 70px 0;
}
.play_ground .pd_zero{}
.play_ground .img_pl{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.play_ground .img_pl img{width: 100%;height: 100%;object-fit: cover;}
.play_ground .img_pl_half {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.play_ground .img_pl_half .fdg{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.play_ground .img_pl_half .fdg img {
}
.play_ground .hal_img{width: 80%;overflow: hidden;}
.play_ground .hal_desc{width: 25%;}
.play_ground .img_pl_half .gdd{
    width: 100%;
}
.play_gr img {width: 70%;}
.play_ground .flex {gap:50px}
.play_ground .play_gr {}
.play_ground .play_gr h3{
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.play_ground .play_gr h3:after{content:'';width: 50px;display: block;height: 2px;background: #212529;}
.play_ground .play_gr ul{
    list-style: none;
    padding: 0;
}
.play_ground .play_gr ul li{
    list-style: none;
    padding: 0;
    line-height: 30px;
}
.play_ground .flex_20 {display:flex;gap:20px;flex-wrap: wrap;}
.play_ground .flex_20 .sls {/* display: block; */}
.play_ground .flex_20 .sls ul{/* display:flex; *//* gap:20px; *//* list-style: none; *//* padding: 0px; */}
.play_ground .flex_20 .sls ul li img {/* width:100%; *//* height: 100%; *//* object-fit: cover; */}
/*------------------play_ground---------------------*/
/*------------------caroom---------------------*/
.caroom {padding: 70px 0;background:#55341b;}
.caroom .desc{display:flex;justify-content: space-between;gap: 30px;align-items: center;border-left: 1px solid #fff;padding-left: 30px;}
.caroom .desc .img{display: block;width: 50%;}
.caroom .desc .img img:first-child{margin-bottom:15px}
.caroom .desc .img img{display:flex;width: 100%;}
.al_head {    width: 200px;}
.al_head img{width:100%}
.caroom .detail {display: block;width: 50%;}
.caroom .detail .al_head {
    margin-bottom: 30px;
}
.caroom .detail ul {
    list-style: none;
    padding: 0px;
}
.caroom .detail ul li {
    color: #fff;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.7px;
}
.caroom .detail ul li strong {
    display: block;
    font-weight: 500;
}
.caroom .cor_lo_opt {}
.caroom .cor_lo_opt h3{
    color: #ffffff;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 40px;
}
.caroom .cor_lo_opt ul{
    display: flex;
    gap: 5px;
}
.caroom .cor_lo_opt ul li{
    width: 70px;
    height: 70px;
    border-radius: 70px;
}
.caroom_creative {
    position: relative;
}
.caroom_creative img{width:100%}
.caroom_creative .circle{
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 200px;
    overflow: hidden;
    right: 0;
}
.caroom_creative .circle img{}
/*------------------caroom---------------------*/
/*------------------table-tenis---------------------*/
.table-tenis {
    background: #fff;
    position: relative;
    padding: 70px 0;
}
.table-tenis:before{content:'';background: #54a6dc;position: absolute;width: 100%;height: 100%;top: 0;}
.table-tenis .table_s {
    position: relative;
}
.table-tenis .table_s img{width:100%}
.table-tenis .first {
    position: absolute;
    top: 130px;
    right: 0;
    width: 116px;
    display: none;
}
.table-tenis .first:before {content:'';border: 5px solid #fff;width: 10px;display: block;height: 10px;border-radius: 18px;position: absolute;top: -4px;left: 20px;}
.table-tenis .first:after {content:'';background: #fff;width: 20px;display: block;position: absolute;left: -18px;height: 2px;}
.table-tenis .first span{
    display: block;
    height: 100px;
    border-left: 2px solid #fff;
    padding-left: 39px;
    padding-top: 0;
    line-height: 3px;
    color: #fff;
}
.table-tenis .first span:before{content: '';background: #fff;width: 20px;display: block;position: absolute;left: 1px;height: 2px;}
.table-tenis .second {
    position: absolute;
    top: 450px;
    left: 181px;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    display: none;
}
.table-tenis .second .line_s{
    width: 215px;
    height: 2px;
    background: #fff;
    display: block;
}
.table-tenis .second span{
    display: block;
    color: #fff;
    text-align: center;
}
.table-tenis .second:before{content:'';border-bottom: 6px solid #ffffff00;border-left: 6px solid #00000000;border-right: 6px solid #ffffff;border-top: 6px solid #ffffff00; /* Arrow ka color */}
.table-tenis .second:after{content:'';border-bottom: 6px solid #ffffff00;border-left: 6px solid #ffffff;border-right: 6px solid #00000000;border-top: 6px solid #00000000; /* Arrow ka color */}


.table-tenis .third {
    position: absolute;
    bottom: 130px;
    right: 290px;
    width: 116px;
    display: none;
}
.table-tenis .third:before {content:'';content: '';background: #fff;width: 20px;display: block;position: absolute;right: -20px;height: 2px;}
.table-tenis .third:after {content:'';background: #fff;width: 20px;display: block;position: absolute;right: 0px;height: 2px;}
.table-tenis .third span{
    display: flex;
    height: 100px;
    border-right: 2px solid #fff;
    padding-right: 0px;
    padding-top: 0;
    line-height: 3px;
    color: #fff;
    align-items: flex-end;
    justify-content: center;
}
.table-tenis .third span:after{content: '';border: 5px solid #fff;width: 10px;display: block;height: 10px;border-radius: 18px;position: absolute;bottom: -6px;right: 20px;}

.table-tenis .fourth {
    position: absolute;
    bottom: 288px;
    left: 26px;
    display: flex;
    align-items: anchor-center;
    rotate: -90deg;
    display: none;
}
.table-tenis .fourth .line_s{
    width: 200px;
    height: 2px;
    background: #fff;
    display: block;
}
.table-tenis .fourth span{
    display: block;
    color: #fff;
    text-align: center;
}
.table-tenis .fourth:before{content:'';border-bottom: 6px solid #ffffff00;border-left: 6px solid transparent;border-right: 6px solid #ffffff;border-top: 6px solid #ffffff00; /* Arrow ka color */}
.table-tenis .fourth:after{content:'';border-bottom: 6px solid #ffffff00;border-left: 6px solid #ffffff;border-right: 6px solid #00000000;border-top: 6px solid #ffffff00; /* Arrow ka color */}
.table-tenis .fifth {position: absolute;top: 39px;width: 100%;text-align: center;}
.table-tenis .fifth .img{
    width: 200px;
    margin: 0 auto;
}
.table-tenis .fifth .img img{width:100%}
.big_table_border {
    border-left: 1px solid #fff;
    padding-left: 30px;
}
.table-tenis .big_table{width:100%;position: relative;}
.table-tenis .big_table img{width:100%}
.table-tenis .big_t_cirlce{width: 100%;display: flex;justify-content: end;margin-bottom: -81px;position: relative;padding-right: 20px;display: none;}
.table-tenis .big_t_cirlce img{width: 150px;}
.table-tenis .tensis_flex{
    /* display: flex; */
}
.table-tenis .tensis_flex .al_head {
    margin-bottom: 10px;
}
.table-tenis .tensis_desc{width: 100%;padding: 15px 15px;background: #fff;}
.table-tenis .tensis_desc ul{
    list-style: none;
    padding: 0px;
    /* display: grid; */
    /* grid-template-columns: 1fr 1fr; */
    margin: 0;
    }
.table-tenis .tensis_desc ul li{
    color: #212529;
    /* margin-bottom: 5px; */
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0;
    /* border: 1px solid #eee; */
    padding: 5px 10px;
    line-height: 23px;
    display: flex;
    align-items: anchor-center;
    }
.table-tenis .tensis_desc ul li strong{    display: block;
    font-weight: 500;}
.table-tenis .tensis_box {
    /* width: 50%; */
    background: #54a6dc;
    padding: 20px 15px 0;
    display: flex;
    justify-content: space-between;
}
.table-tenis .tensis_box .al_head_s {
    margin-bottom: 0;
}
.table-tenis .tensis_box .al_head_s p{
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
}
.table-tenis .tensis_box .cor_lo_opt {}
.table-tenis .tensis_box .cor_lo_opt h3{
    color: #ffffff;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    text-align: right;
}
.table-tenis .tensis_box .cor_lo_opt ul{
    display: flex;
    gap: 10px;
    padding: 0;
    list-style: none;
    margin: 0;
}
.table-tenis .tensis_box .cor_lo_opt ul li {text-align:center}
.table-tenis .tensis_box .cor_lo_opt ul li .circle{
    width: 60px;
    height: 60px;
    border-radius: 70px;
}
.table-tenis .tensis_box .cor_lo_opt ul li span {
    text-transform: uppercase;
    font-weight: 600;
}
/*------------------table-tenis---------------------*/
/*------------------indoor---------------------
.indoor {padding:50px 0; background:#fff}
.dsd img{width:100%}
.indor_desc  .al_head {
    margin-bottom: 30px;
    margin: 0 auto 30px;
}
.indor_desc .cor_lo_opt ul{
    display: flex;
    gap: 30px;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}
.indor_desc .cor_lo_opt ul li {text-align:center;width: 100%;}
.indor_desc .cor_lo_opt ul li span {
    text-transform: uppercase;
    font-weight: 600;
}
.indor_desc .cor_lo_opt ul li .circle{
    width: 60px;
    height: 60px;
    border-radius: 70px;
    margin: 0 auto;
}
------------------indoor---------------------*/
.feature_electro {padding: 0;position: relative;}
.feature_electro .box_sd {}
.feature_electro .box_sd img { width:100%}
.feature_electro .ele_size_av {background: #c2c6c8;width: fit-content;padding: 20px;z-index: 1;position: relative;}
.feature_electro .ele_size_av .ele_size{margin-bottom: 15px;}
.feature_electro .ele_size_av .ele_size p{width:100%;margin-bottom: 0;color: #000;}
.feature_electro .ele_size_av .ele_size p span{font-weight: 600;}
.feature_electro .ele_size_av .ele_av p{margin-bottom: 0px;color: #000;}
.feature_electro .ele_size_av .ele_av p span{font-weight: 600;}

.intro-flex.elf {display:flex;flex-wrap: wrap;}
.intro-flex.elf .intro-feature {width: 28%;}
.ele_size_addv {
    position: absolute;
    width: 100%;
    bottom: 60px;
}
.slideshow_container.fgte .quoteblock .content h4 {
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 40px;
    font-family: "Roboto", sans-serif;
}

.content_fir {}
.content_fir img{width:100%}

.ProductGallery__Section .three_tiles  .inEfwF {width: 25%; 
position: relative;flex: 1;}
.ProductGallery__Section .three_tiles .inEfwF img {width:100%;
height: 100%;object-fit: cover;}


.banner_s  {
    position: relative;
    height: 200px;
    overflow: hidden;
    background: #000;
    margin-bottom: 40px;
}
.banner_s:before{content:'';position: absolute;width: 100%;height: 100%;position: absolute;background: #0000009c;}
.banner_s img{width:100%;height: 100%;object-fit: cover;}
.banner_s h3{
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    color: #fff;
    width: 100%;
    font-weight: 300;
    font-size: 40px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
    text-align: center;
}
.row_skh {display:flex;gap: 87px;}
.big_height {
    position: relative;
    width: 30%;
    flex: 1;
}
.big_height img{width:100%}
.big_width {
    width: 70%;
    height: 100%;
    display: flex;
}
.big_width img{width:100%;height: 100%;object-fit: cover;}
.size_sd {
    background: #464646;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.size_sd_pd {
    padding: 10px;
}
.size_sd_pd h3 {
    font-size: 20px;
    color: #fff;
}
.size_sd_pd ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.size_sd_pd ul li {
    color: #c5c5c5;
    font-size: 15px;
}
.size_sd_pd ul li span {
    color: #fff;
}
.enq_uiry_now_shade {}
.enq_uiry_now_shade .btns{}


.new_one_sd.owl-carousel .owl-nav {
    display: flex;
    gap: 20px;
    padding: 0px 0px 0px 0px;
    /* margin-bottom: -94px; */
    z-index: 0;
    position: relative;
    position: absolute;
}
.new_one_sd.owl-carousel .owl-nav button{width: 17px;outline: none;border: none;margin-top: 20px;width: 50px;height: 50px;font-size: 0;text-indent: 0;outline: none;border: 1px solid #eee;}
.new_one_sd.owl-carousel .owl-nav button img {width: 15px;}
.new_one_sd.owl-carousel .owl-nav button svg {
    width: 50px;
    height: 50px;
}
.row_skh.aldsj {
    align-items: center;
}
.sd_digital .contact_more {padding-bottom: 0;}
.big_height.bg-Kd {background:#fff;padding: 15px;margin-left: -200px;}
.big_height.bg-Kd .digi {
    margin-bottom: 20px;
    width: 200px;
}

.stella_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}
.stella_box .stella_big{
    width: 100%;
}
.stella_box .stella_big img{}
.stella_box .stella_big img{
    width: 100%;
}
.stella_box .stella_desc{
    width: 100%;
}
.stella_box .stella_desc .pad{padding: 0 0;}
.stella_box .stella_desc .pad .title{}
.stella_box .stella_desc .pad .title h3{
    margin-bottom: 40px;
    font-weight: 300;
    line-height: 60px;
    color: #222;
    /* text-transform: capitalize; */
    letter-spacing: 0;
    font-family: "Corinthia", cursive;
    font-size: 76px;
}
.stella_box .stella_desc .ts_df{
    display: flex;
    width: 80%;
    gap: 63px;
}
.stella_box .stella_desc .ts_df .ts_vox{}
.stella_box .stella_desc .ts_df .ts_vox .top_s{
    margin-bottom: 20px;
}
.stella_box .stella_desc .ts_df .ts_vox .top_s h4{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.7px;
    margin: 0;
}
.stella_box .stella_desc .ts_df .ts_vox .top_s p{
    margin: 0;
    font-size: 15px;
}
.stella_box .stella_desc .ts_df .ts_vox .stella_list{}
.stella_box .stella_desc .ts_df .ts_vox .stella_list ul{
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
}
.stella_box .stella_desc .ts_df .ts_vox .stella_list ul li{
    line-height: 24px;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
    margin-bottom: 5px;
}
.stella_box .stella_desc .ts_df .ts_vox .stella_list ul li span{
    color: #000;
    font-weight: 600;
}
.stella_box .stella_desc .ts_df .ts_vox .stella_list p{
    margin: 0;
}
.stella_box .stella_desc .ts_df .ts_vox .stella_list p span {    color: #000;
    font-weight: 600;
}
.stella_box .stella_desc .ts_df .tiles {
    flex: 1;
    height: 202px;
    overflow: hidden;
}
.stella_box .stella_desc .ts_df .tiles img{width:100%}
.sd_digital:nth-child(even) .stella_box .stella_big{order:1}
.three_points.five_pd{display:flex}

.key_feature_esd {padding:50px 0}
.key_feature_esd .ele_size_av{display: flex;gap: 60px;align-items: flex-start;}
.key_feature_esd .ele_size_av .ele_img{width: 50%;}
.key_feature_esd .ele_size_av .ele_img img{width: 100%;}
.key_feature_esd .ele_size_av .ele_size{width: 50%;}
.key_feature_esd .ele_size_av .ele_size h3{
    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 40px;
}
.key_feature_esd .ele_size_av .ele_size ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.key_feature_esd .ele_size_av .ele_size ul li{
    margin-bottom: 20px;
    line-height: 24px;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
}

.itemsf {
    background: #e0e0e0;
    padding: 50px 0;
}
.itemsf:nth-child(odd) {
    background: #fff;
}
.itemsf .stella_big{
    height: 440px;
    overflow: hidden;
}



.searchbar-center input::placeholder {
  color: #ccc !important;
}


/*---------404----------*/
.error_four .head_bar .top_menu ul li a {color: #000000;}
.error_four .head_bar .top_menu ul li:before {background: #000000;}
.error_four .searchbar .searchbar-start svg {fill: #000000;}
.error_four .search_user svg {fill: #000000;}
.error_four .toggle-bar {border-top: 2px solid #000000;}
.error_four .toggle-bar::before, .error_four .toggle-bar::after {    background: #000;}
.eror_404 {background: #ffffff;width: 100%;height: 100vh;}

.eror_404 .eror_cnt {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.eror_404 .eror_cnt .img {
    width: 55%;
    margin: 0 auto;
}
.eror_404 .eror_cnt .img img {
    width: 100%;
}
.eror_404 .eror_cnt .dsc {
    text-align: center;
}
.eror_404 .eror_cnt .dsc a {
    text-align: center;
    margin: 0;
    padding: 15px;
    background: #BC2408;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    display: block;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.7px;
    font-size: 15px;
    border: none;
    outline: none;
    width: fit-content;
    margin: 25px auto 0;
}
/*---------404----------*/
/*---------thankyou----------*/
.thankyou_banner {
    width: 100%;
    HEIGHT: 100VH;
    position: relative;
    overflow: hidden;
}
.thankyou_banner:before {content:'';position: absolute;width: 100%;height: 100%;background: #000000ab;}
.thankyou_banner img{width:100%}
.thankyou_banner .width{width:100%;position: absolute;top: 50%;transform: translate(0px, -50%);}
.thankyou_banner .width .content {
    background: #eee;
    width: 60%;
    margin: 0 auto;
    padding: 25px;
    border-radius: 12px;
    text-align: center;
}
.thankyou_banner .width .content h3{
    line-height: 50px;
    /* color: #ffffff; */
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 35px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.thankyou_banner .width .content p{
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
}
.thankyou_banner .width .content a{
    text-align: center;
    margin: 0;
    padding: 15px;
    background: #BC2408;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    display: block;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.7px;
    font-size: 15px;
    border: none;
    outline: none;
    width: fit-content;
    margin: 0 auto;
}
/*---------thankyou----------*/



.event.gallery-code .tab-content {
background: #eeeeee00;
    padding: 0;
}
.event.gallery-code .tab-content .ff_event_gris .thumb {
    background: #40404000;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #d9d9d9;
}
.event.gallery-code .tab-content .ff_event_gris .thumb .thuB_img {
    height: 225px;
    overflow: hidden;
    padding: 10px;
}























  body {
      scroll-behavior: smooth;
      background: #f5f5f5;
    }
	
	

    .timeline-wrapper {
      padding: 60px 0;
      background: url(../img/background/watch.jpg);
      /* background-position: center; */
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      position: relative;
    }

.timeline-wrapper:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #ffffffba;
    top: 0;
}
.timeline-wrapper    .timeline {
      display: flex;
      flex-direction: column;
      position: relative;
      padding-left: 146px;
    }
.timeline-wrapper .timeline:before {content:'';height: 100%;/* background: #000; */width: 4px;position: absolute;left: 340px;border-right: 3px dotted #000;}
.timeline-wrapper    .year-section {
      position: relative;
      padding: 0px;
      padding-bottom: 80px;
      display: flex;
      gap: 25px;
      height: 200px;
    }
.timeline-wrapper .active .content{display:block}
 .timeline-wrapper   .year {
      width: 20%;
      top: 0;
      font-size: 18px;
      color: #999;
      /* transition: color 0.3s, font-weight 0.3s; */
      font-weight: 400;
      font-size: 46px;
      color: #000;
      line-height: 40px;
      position: relative;
    }
.timeline-wrapper .year:before{content:'';height: 15px;width: 15px;position: absolute;right: 1px;background: #000;border-radius: 30px;top: 9px;}
 .timeline-wrapper   .year-section.active .year {
      color: var(--red);
      font-size: 65px;
      font-weight: 500;
    }
.timeline-wrapper .year-section.active .year:before {background: var(--red); }     

 .timeline-wrapper   .content {
      max-width: 600px;
      display: none;
    }


 .timeline-wrapper   .content p {position: relative;margin-top: 0;margin-bottom: 0;color: #222;font-size: 20px;font-weight: 400;letter-spacing: 0.7px;text-transform: capitalize;}













/*-------------------------------------------
 .three_layer_slider {
      width: 100%;
      height: 500px;
      position: relative;
      overflow: hidden;
    }

    .scroll-content {
      display: flex;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      width: 100%;
      height: 500px;
      -webkit-overflow-scrolling: touch;
      touch-action: auto;
    }

    .scroll-content .real {
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
      scroll-snap-align: center;
position:relative
    }

    .scroll-content .real img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      user-select: none;
      pointer-events: none;
    }

    .three_layer_slider .arrow {
    position: absolute;
    bottom: 8%;
    font-size: 15px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 7px 11px;
    cursor: pointer;
    z-index: 10;
    }

    .three_layer_slider .arrow.left {
      left: 10px;
    }

   .three_layer_slider .arrow.right {
      right: 10px;
    }

   .three_layer_slider .circle.cir-1 {
    cursor: pointer;
    height: 30px;
    left: 385px;
    position: absolute;
    top: 65px;
    width: 30px;
    z-index: 9;
}
   .three_layer_slider .cir-2.office2 {
    cursor: pointer;
    height: 30px;
    position: absolute;
    top: 95px;
    width: 30px;
    z-index: 9;
    left: 640px;
}
   .three_layer_slider .office2.cir-3 {
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 9;
    left: 610px;
    bottom: 10px;
}
-------------------------------------------*/




.banner-prodcut-swiper .real {
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
      scroll-snap-align: center;
position:relative
    }

    .banner-prodcut-swiper .real img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      user-select: none;
      pointer-events: none;
    }
	
	.home-pd-slider.big_visual {
            overflow-y: hidden;
            cursor: grab;
            overflow-x: hidden;
            width: 100%;
            height: calc(100vh - 68px);
            position: relative;
        }
.Visualizer_fr.ne_ftr	.side_design {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0px 10px #cacaca;
    overflow-y: scroll;
    height: calc(100vh - 68px);
    margin-top: 0;
}

.Visualizer_fr.ne_ftr .b_ds_flex .box {/* border-bottom: 0px solid #eee; *//* margin-bottom: 0; *//* padding-bottom: 0; *//* display: none; */}
.Visualizer_fr.ne_ftr .b_ds_flex .box.active {display:block}

.tabs_col_fr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    display: none;
}
.tabs_col_fr .cd_vix {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.tabs_col_fr .cd_vix.active h3 {color:var(--red)}
.tabs_col_fr .cd_vix h3{
    font-size: 16px;
    position: relative;
    cursor: pointer;
}
.tabs_col_fr .cd_vix h3:before{content: "\f105";font-family: FontAwesome;right: 0;position: absolute;font-size: 19px;}

.Visualizer_fr.ne_ftr .b_ds_flex .box_title ul {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}


.tabs_col_fr .cd_vix h3 span {
    font-size: 10px;
}


.Visualizer_fr.ne_ftr .swiper-button-white {
    bottom: 15px;
    margin-top: 0;
    top: auto;
    background: #000;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Visualizer_fr.ne_ftr .swiper-button-white:after {
    font-size: 18px;
    color: #fff;
}


.dsf_posc {    text-align: center;}
.dsf_posc h3{    color: #222;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 40px;}
.Visualizer_fr.ne_ftr {
    overflow: hidden;
    padding: 0px 0;
}
.Visualizer_fr.ne_ftr .col-md-3,
.Visualizer_fr.ne_ftr .col-md-9{padding:0}

.dd_bg.visrt_ai .top_bar{display:none}
.visrt_ai .searchbar .searchbar-start svg,
.visrt_ai .search_user svg{fill:#000000;}
.visrt_ai .toggle-bar {border-top: 2px solid #000000;}
.visrt_ai .toggle-bar::before, 
.visrt_ai .toggle-bar::after {background: #060606;}

.Visualizer_fr.ne_ftr  .circle.cir-1 {
    cursor: pointer;
    height: 30px;
    left: 51%;
    position: absolute;
    top: 10%;
    width: 30px;
    z-index: 9;
}
.Visualizer_fr.ne_ftr .cir-2.office2 {
    cursor: pointer;
    height: 30px;
    position: absolute;
    left: 726px;
    top: 21%;
    width: 30px;
    z-index: 9;
    left: 67%;
}
.Visualizer_fr.ne_ftr .office2.cir-3 {
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 9;
    left: 53%;
    top: 9%;
}
.Visualizer_fr.ne_ftr .top-left, 
.Visualizer_fr.ne_ftr .cent-left, 
.Visualizer_fr.ne_ftr .cent-cent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.design_cssf {
    display: block;
    color: #090806;
    font-size: 8px;
}
.design_cssf a{    color: #090806;}


/*-----------KYC------------*/
.kyc_form {
    padding: 50px 0;
    z-index: 3;
    position: relative;
}

.kyc_form .kyc_width {
    width: 100%;
    margin: 0px auto 0;
    background: #fff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0px 4px 10px #e7e7e7;
}

.kyc_form .kyc_width .head_c {
    margin-bottom: 50px;
}

.kyc_form .kyc_width .head_c h3 {
    position: relative;
    margin-top: 0;
    line-height: 40px;
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.kyc_form .cust_omer_h3 {
}

.kyc_form .cust_omer_h3 h3 {
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 11px;
    line-height: 40px;
}

.kyc_form .break-inside-avoid {
    margin-bottom: 30px;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
}

.kyc_form .break-inside-avoid .flex {
    display: block;
    gap: 22px;
}

.kyc_form .break-inside-avoid .flex .field-decoration {
    justify-content: space-between;
    padding-bottom: .5rem;
    align-items: center;
    flex-direction: column;
    display: flex;
    position: relative;
    display: none;
}

.kyc_form .break-inside-avoid .flex .field-decoration:after {
    content: '';
    position: absolute;
    border-left: 3px dotted;
    height: 100%;
    top: 0;
}

.kyc_form .break-inside-avoid .flex .field-decoration label {
    background: #fff;
    z-index: 1;
}

.kyc_form .break-inside-avoid .flex .field-decoration label svg {
    width: 30px;
    height: 30px;
}

.kyc_form .break-inside-avoid .flex .w_full {
    flex: 1
}

.kyc_form .break-inside-avoid .flex .w_full .gg {
}

.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d {
    margin-bottom: 0;
    background: #e2e2e2;
    padding: 10px 15px;
}

.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d .label {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    padding: 0;
    margin: 0;
}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s.Others_hide {display:none}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s.Others_hide.show {display:block}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s {
    display: block;
    padding: 15px 15px;
    margin-bottom: 0;
}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s:last-child{
    margin-bottom: 0;
}

.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .i-grid {
    /* display: flex; */
    /* gap: 25px; */
}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive label sup {color:var(--red)}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive label {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    color: #000000;
}

.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .short-text {
    margin-top: 0px;
    
}
.kyc_form .border_cf.dollar_input {
    display: flex;
}
.kyc_form .border_cf.dollar_input span {
    width: 50px;
    background: #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.kyc_form .border_cf {border: 1px solid #ebebeb;border-radius: 5px;overflow: hidden;}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .short-text.radio_btn {
    display: flex;
    gap: 55px;
}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .checkbox_btn{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px 27px;
}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .checkbox_btn label input {
    margin-right: 4px;
}
.kyc_form .checkbox_hide.show {display:block}
.kyc_form .checkbox_hide {display:none}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive .short-text label {
    color: #666666;
}

.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .short-text-input {
    width: 100%;
    border: none;
    /* border-bottom: 1px solid #ebebeb; */
    outline: none;
    padding: 10px;
    height: 44px;
}

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

.kyc_form .send_complaint .flo-button {
    padding: 10px 40px;
    background: #333;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 54px;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
}

.kyc_form .break-inside-avoid.msg .flex .field-decoration:after {
    display: none
}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .select2-container--default .select2-selection--single {
    background-color: #fff;
    width: 100%;
    border: none;
    /* border-bottom: 1px solid #ebebeb; */
    outline: none;
    padding: 7px 0;
    height: auto;
    border-radius: 0;
}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000;
    line-height: 28px;
    padding-left: 0;
}
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: none;
}
/*-----------KYC------------*/

.bg_rem {
    background: #464646 !important;
    padding: 8px;
}
.contact-form-section .contact-form .form-group .bg_rem label {
    background: #0000;
    color: #fff !important;
    padding: 0;
    margin-bottom: 6px;
}
p.upload_note {margin: 0;
    color: red;
    font-size: 12px;
    line-height: normal;}
	
	
.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive .file-drop-area {
  position: relative;
  border: 1px dashed #ccc;
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  padding: 30px 20px;
  text-align: center;
  transition: border-color 0.3s ease;
  cursor: pointer;
  background-color: #fafafa;
  margin-bottom: 6px;
}

.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive .file-drop-area:hover {
  border-color: #000000;
}

.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive .file-drop-area.dragover {
  border-color: #28a745;
  background-color: #e9ffe9;
}

.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive .file-msg {
  font-size: 16px;
  color: #888;
}

.kyc_form .break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive .file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}	


.kyc_form .break-inside-avoid .w_full .gg .tod_d_s .short-text .checkbox_btn.two_rad {grid-template-columns:1fr 1fr;}


.radi_inp_spe {display: flex;gap: 15px;}
.radi_inp_spe #yes_interaction{ flex: 1;}

.mutliplecheckbox {padding: 10px;background: #464646;}
.mutliplecheckbox .multi_label{display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;}
.contact-form-section .contact-form .form-group .mutliplecheckbox .multi_label label {
    color: #ffffff !important;
    background: #464646 !important;
}



.partner_purpose {
    padding-top: 50px;
}
.partner_purpose .heading-box{
    margin-bottom: 0;
}
.partner_purpose .heading-box h2{
    font-size: 40px;
}

.footer-sub a{color:#fff!important;}



.gallery-code.sf_sw	{ background-color: #fff;
    border-radius: 45px 45px 0 0;
    width: 100%;
    max-width: 100%;
    padding: 50px 0;
    position: relative;
    margin-top: -40px;
    overflow: hidden;}