:root {
	--white: #fff;
	--black: #000;
	--gray: #ddd;
	--lgray: #fcfcfc;
	--dgray: #aaa;
	--edgray: #616161;
	--ddgray: #3b3b3b;
	--tc: #96010f;
	--ltc: #94a7ee;
	--dtc: #01052b;

	--tc2: #94795d;
	--ltc2: #faebdb;
	--dtc2: #382c1f;
}
body, html {
	margin:0;
	padding:0;
	color: var(--ddgray);
	background-color: var(--white);
	overflow-x: hidden;
	font-family: "Arsenal", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Arsenal", sans-serif;
}
p, span {
    font-size: 1.2rem;
    letter-spacing: 0.3px;
    word-spacing: 1px;
}
img {
	max-width: 100%;
	width: 100%;
	border-radius: 5px;
}
.displayinpc-f {
	display: flex;
}
.displayinmobile-f {
	display: none;
}

@media (max-width: 767.98px) {
	.displayinpc-f {
		display: none;
	}
	.displayinmobile-f {
		display: inline-block;
	}
}


/*GENERAL CSS*/
.back-gray {
	background-color: var(--gray);
}
.back-lgray {
	background-color: var(--lgray);
}
.back-dgray {
	background-color: var(--dgray);
}
.back-edgray {
	background-color: var(--edgray);
}
.back-tc {
	background-color: var(--tc);
}
.back-ltc {
	background-color: var(--ltc);
}
.back-dtc {
	background-color: var(--dtc);
}
.back-tc2 {
	background-color: var(--tc2);
}
.back-ltc2 {
	background-color: var(--ltc2);
}
.back-dtc2 {
	background-color: var(--dtc2);
}
.color-gray {
	color: var(--gray);
	transition: 200ms ease-in-out;
}
.color-lgray {
	color: var(--lgray);
	transition: 200ms ease-in-out;
}
.color-dgray {
	color: var(--dgray);
	transition: 200ms ease-in-out;
}
.color-tc {
	color: var(--tc);
	transition: 200ms ease-in-out;
}
.color-ltc {
	color: var(--ltc);
	transition: 200ms ease-in-out;
}
.color-dtc {
	color: var(--dtc);
	transition: 200ms ease-in-out;
}
.color-tc2 {
	color: var(--tc2);
	transition: 200ms ease-in-out;
}
.color-ltc2 {
	color: var(--ltc2);
	transition: 200ms ease-in-out;
}
.color-dtc2 {
	color: var(--dtc2);
	transition: 200ms ease-in-out;
}
.h-color-gray:hover,
.h-color-gray:focus,
.h-color-gray:active {
	color: var(--gray);
}
.h-color-lgray:hover,
.h-color-lgray:focus,
.h-color-lgray:active {
	color: var(--lgray);
}
.h-color-dgray:hover,
.h-color-dgray:focus,
.h-color-dgray:active {
	color: var(--dgray);
}
.h-color-tc:hover,
.h-color-tc:focus,
.h-color-tc:active {
	color: var(--tc);
}
.h-color-ltc:hover,
.h-color-ltc:focus,
.h-color-ltc:active {
	color: var(--ltc);
}
.h-color-dtc:hover,
.h-color-dtc:focus,
.h-color-dtc:active {
	color: var(--dtc);
}
.h-color-tc2:hover,
.h-color-tc2:focus,
.h-color-tc2:active {
	color: var(--tc2);
}
.h-color-ltc2:hover,
.h-color-ltc2:focus,
.h-color-ltc2:active {
	color: var(--ltc2);
}
.h-color-dtc2:hover,
.h-color-dtc2:focus,
.h-color-dtc2:active {
	color: var(--dtc2);
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background: var(--white);
}
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px var(--gray); 
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	background-color: var(--dgray); 
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: var(--edgray);
}
/*MEGA MENU*/
.navbar-expand-lg .navbar-nav .mega_dd_menu {
    position: absolute;
    width: 98%;
    margin: auto 1%;
    border: 1px solid var(--lgray);
}
.offer_main_css {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    row-gap: 15px;
}
.offer_css {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 15px;
	row-gap: 15px;
	background-color: var(--lgray);
    padding: 10px;
    border-radius: 5px;
}
.list-group-item {
    padding: 5px 15px;
    color: var(--ddgray);
}
.list-group-item:hover, .list-group-item:focus, .list-group-item:active {
    color: var(--tc);
}
.mm_title_css {
    font-size: 22px;
    border-bottom: 1px solid var(--tc);
    margin-bottom: 20px;
    color: var(--tc);
    display: block;
    position: relative;
    width: max-content;
    padding: 0px 30px 5px 0;
}

/*MAIN CSS*/
.logocss {
    max-width: 120px;
}
.logo_div {
    justify-content: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--lgray);
	transition: all 0.3s ease-in-out;
}
.header_gap_css {
	padding-top: 165.31px;
}
@media (min-width: 767.98px) {
	.logo_div.hide {
		margin-top: -82.76px;
		transition: all 0.3s ease-in-out;
	}
}
@media (min-width: 1440px) {
	.logo_div.hide {
		margin-top: -105.52px;
		transition: all 0.3s ease-in-out;
	}
}
.top_header_css {
    background: #fff;
    border-bottom: 1px solid var(--lgray);
	z-index: 999;
}
.navbar {
	padding: 0;
}
.navbar-nav.ms-auto {
    flex: 1;
    margin: auto !important;
    display: flex;
    justify-content: space-around;
}
.navbar-toggler {
    background-color: var(--tc2);
}
.nav-link {
	padding: 15px 0;
	font-size: 1.2rem;
}
.nav-link:hover, .nav-link:active, .nav-link:focus {
    color: var(--tc);
}
.tb_content_css {
    position: relative;
    padding-left: 5%;
    overflow: hidden;
    color: var(--white);
    height: 100%;
    display: grid;
    align-items: center;
}
.top_para_text {
    margin: 0;
    text-shadow: 0 0 10px #000, 0 0 15px #000, 0 0 30px #000;
}
.tb_content_css_right {
    position: absolute;
    max-width: 500px;
    right: 5%;
	padding-top: 30px;
	text-align: right;
}
.top_box_css {
    display: grid;
    align-items: center;
}
.top_content_header_css {
	align-items: initial;
}
.top_content_header_css_i {
	padding-top: 60px;
}
.title_css {
	font-size: 24px;
	margin-bottom: 15px;
}
.button_css {
    background: 0;
    border: 2px solid #000;
    padding: 5px 15px;
	color: #000;
}
.button_css_white {
    background: 0;
    border: 2px solid #fff;
    padding: 5px 15px;
	color: #fff;
}
.center_icon_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
	column-gap: 60px;
}
.cg_img_css {
    max-width: 150px;
    margin-bottom: 20px;
	filter: invert(1);
}
.cg_title_css {
	font-size: 24px;
}
.mid_custom_img {
	background-image: url("../img/mid_center_img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 400px;
}
.mid_grid_c {
	background-image: url("../img/mid_c_img_d.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.mid_grid_c {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	margin-bottom: 50px;
}
.grid_center {
    color: #000;
}
.mid_box_css {
	display: grid;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}
.mc_content_css {
    position: absolute;
    max-width: 660px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    background: #00000047;
	color: #fff;
}
.grid_mid_section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 100px;
    position: relative;
    margin-top: -200px;
	margin-bottom: 20px;
}
.gm_img_css {
    margin-bottom: 20px;
}
.contact_grid_css {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    column-gap: 15px;
}
.contact-left-img {
	width: 100%;
	padding-right: 20px;
}
.member_associates_img_css {
    max-width: 130px;
    margin-bottom: 15px;
}
.break_css {
	margin-block: 10px;
	margin-inline: auto;
	width: 60px;
	opacity: 1;
	border: 0;
	padding: 2px;
	border-radius: 50px;
	background-color: var(--edgray);
}
.sub_title_css {
	font-size: 21px;
}
.web_title_css {
	margin: 0;
	color: white;
}
.header_top_title_css {
	background-color: var(--dgray);
	padding: 30px 0;
}
.msg_from_team_css {
    width: 100%;
    border-radius: 50px;
    box-shadow: 13px 11px 18px #0000003b;
    margin-bottom: 35px;
}
.cust_border {
	border-top: 1px solid var(--gray);
	border-bottom: 1px solid var(--gray);
}
.custom_grid_colors {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	height: 10px;
}
.cgc_1 {
	background-color: var(--lgray);
}
.cgc_2 {
	background-color: var(--gray);
}
.cgc_3 {
	background-color: var(--dgray);
}
.main_container_parallax{
	perspective: 1px;
	height: 100vh;
	overflow-y: hidden;
}

.background {
	position: fixed;
	height:115%;
	width:100%;
	transition: all 3s cubic-bezier(0.22, 0.44, 0, 1);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.content {
	transition: all 3s cubic-bezier(0.22, 0.44, 0, 1);
	transform: translateY(40vh);
}

.background:first-child {
	transform: translateY(-15vh);
}

.background:first-child .content {
	transform: translateY(15vh);
}

.background.scroll-down {
	transform: translateY(-130vh)
}

.background.scroll-down>.content{
	transform: translateY(40vh)
}

.background.scroll-down + .background:not(.scroll-down){
	transform: translateY(-15vh)
}

.background.scroll-down + .background:not(.scroll-down)>.content{
	transform: translateY(15vh)
}

.header_index .top_header_css {
	background: #fff0;
	border-bottom: 0;
}
.grid_center {
    max-width: 800px;
}
.custom_f_extended {
	border-top: 1px solid var(--gray);
}
.mine_back_css {
	position: relative;
}
.mine_back_css:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.15;
	background-image: url("../img/diamond_mine.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	background-attachment: fixed;
}
.pos_relative {
	position: relative;
}
.pdfContainer {
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
.pdf_main_container canvas {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
    border: 1px solid var(--gray);
    border-radius: 10px;
}
.pdfSection {
	margin-bottom: 50px;
}
.pagination button {
    cursor: pointer;
    padding: 5px 10px;
    margin: 0 5px;
    background-color: var(--tc);
    border: 1px solid var(--tc);
    border-radius: 5px;
    color: var(--white);
    font-weight: 700;
}
.pagination button:hover {
	background-color: #e0e0e0;
}
.pagination {
    margin-top: 10px;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: calc(94% - 5px);
    padding: 10px;
    border-radius: 6px;
    justify-content: space-around;
    background-color: var(--tc2);
    color: var(--white);
    font-weight: 900;
    box-shadow: 0 0 10px #00000038;
    align-items: center;
}
.background_image_main {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px;
    align-items: center;
    display: grid;
}
.about_us_header { background-image: url('../img/main_headings_back/1.jpg'); }
.rough_header { background-image: url('../img/main_headings_back/2.jpg'); }
.polish_header { background-image: url('../img/main_headings_back/3.jpg'); }
.jewellery_header { background-image: url('../img/main_headings_back/4.jpg'); }
.responsibility_header { background-image: url('../img/main_headings_back/5.jpg'); }
.education_header { background-image: url('../img/main_headings_back/6.jpg'); }
.contact_us_header { background-image: url('../img/main_headings_back/7.jpg'); }
@media (max-width: 767.98px) {
	.about_us_header { background-image: url('../img/main_headings_back/mob/1.jpg'); }
	.rough_header { background-image: url('../img/main_headings_back/mob/2.jpg'); }
	.polish_header { background-image: url('../img/main_headings_back/mob/3.jpg'); }
	.jewellery_header { background-image: url('../img/main_headings_back/mob/4.jpg'); }
	.responsibility_header { background-image: url('../img/main_headings_back/mob/4.jpg'); }
	.education_header { background-image: url('../img/main_headings_back/mob/6.jpg'); }
	.contact_us_header { background-image: url('../img/main_headings_back/mob/7.jpg'); }
	.contact-left-img {
		width: 100%;
		padding-bottom: 20px;
	}
}


.inside_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.grid_center_legacy {
    display: grid;
    grid-template-columns: 2fr 2fr;
    column-gap: 30px;
    row-gap: 20px;
    justify-content: center;
}
img.gc_legacy {
    border: 5px solid var(--gray);
    box-shadow: 10px 10px #0000002b;
}
.carousel-caption {
    position: absolute;
    right: auto !important;
    bottom: auto !important;
    top: 50% !important;
    left: 0;
    transform: translate(20%, -50%);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #000 !important;
    text-align: left !important;
    max-width: 600px;
}
.cc_title {
	font-size: 2rem;
}
.cc_para {
	font-size: 1.1rem;
}
.carousel-control-next, .carousel-control-prev {
	width: 4.5% !important;
}
.con_grid_items {
    display: grid;
    grid-template-columns: 6fr 2fr;
    column-gap: 30px;
}
.sidebar_links_div {
    display: grid;
	row-gap: 12px;
}
.sidebar_g_items {
    border-left: 1px solid var(--gray);
	padding-left: 25px;
}
.mgi_imgs {
    margin-bottom: 15px;
}
.member_associates_tab_img {
	width: 100%;
	max-width: 100px;
}
.nav.nav-tabs {
    display: flex;
    justify-content: center;
    row-gap: 15px;
    column-gap: 40px;
	border: 0;
}
.nav-tabs .nav-link {
    background-color: var(--tc2);
    border: 0;
    border-radius: 7px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: var(--tc);
	position: relative;
}
.nav-tabs .nav-link img {
	filter: invert(1) brightness(2) grayscale(2);
}
.inside_content_tabs {
    padding: 15px;
    border-radius: 10px;
}
.itc_title {
    font-size: 22px;
    color: var(--tc);
    margin-bottom: 15px;
}
.grid_team_section {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 20px;
    column-gap: 20px;
}
.gts_img {
    max-width: 160px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.gts_team_member {
    font-size: 22px;
    margin-bottom: 5px;
	color: var(--tc);
}
.gts_loc {
    color: var(--dgray);
}
.sec_d_title {
    font-size: 22px;
    margin-bottom: 5px;
}
.sec_main_diamonds {
    display: grid;
    row-gap: 15px;
}
.sec_img_ss {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 15px;
    column-gap: 15px;
	margin-top: 15px;
}
.gallery_sec {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	row-gap: 20px;
	column-gap: 20px;
}
.gallery_items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: var(--lgray);
    border-radius: 7px;
	padding: 10px;
	row-gap: 10px;
	column-gap: 10px;
}
.gallery_img {
    max-height: 150px;
    width: auto;
    padding: 8px;
    filter: drop-shadow(5px 5px 6px #0000005b);
}
.gi_title {
    font-size: 20px;
}
.sec_jod_image {
    border-radius: 8px;
    margin-top: 15px;
}
.sec_main_csr {
    display: grid;
    row-gap: 40px;
}
.sec_csr_image {
    border-radius: 8px;
}
.sec_sap {
    display: grid;
    grid-template-columns: 2fr 5fr;
    row-gap: 30px;
    column-gap: 30px;
    align-items: center;
}
.sec_sap:nth-child(even) {
    grid-template-columns: 5fr 2fr;
}
.sec_csr {
    display: grid;
    grid-template-columns: 2fr 5fr;
    row-gap: 20px;
    column-gap: 30px;
    align-items: center;
}
.sec_csr:nth-child(even) {
    grid-template-columns: 5fr 2fr;
}
.img_csr_containers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 15px;
    column-gap: 15px;
    align-items: center;
}
.img_csr_in {
    display: grid;
    gap: 15px;
}
.diamond_shapes_main {
    display: grid;
    grid-template-columns: 2fr 1fr;
    row-gap: 15px;
    column-gap: 15px;
	align-items: center;
}
.ds_image {
    padding: 10px;
    background: var(--dgray);
    border-radius: 10px;
}
.cp_grid_css {
    display: grid;
    column-gap: 30px;
    row-gap: 30px;
}
.cp_grid_items {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr;
	column-gap: 10px;
	row-gap: 10px;
	align-items: center;
}
.cp_contact_iframe {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    border: 1px solid var(--gray);
}
#videoContainer {
    position: relative;
    height: 83vh; /* Set height to 100% of viewport height */
    overflow: hidden; /* Hide overflow content */
}
#bgVideo {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.banner-overlay {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 99;
	height: 83vh;
	margin-bottom: -83vh;
	position: absolute;
}

.banner-overlay-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.banner-overlay-text-grid {
    background: #4848489c;
    padding: 31px;
    border-radius: 12px;
	text-align: start;
}
.banner-overlay-text-grid h1 {
    font-size: 20px;
    color: var(--white);
    font-weight: 500;
    text-align: start;
    text-transform: uppercase;
}
.bot_small {
    font-size: 30px;
}
.bot_hr_css {
	opacity: 1;
	border: 0;
	padding: 2px;
	background-color: var(--tc);
	border-radius: 50px;
	margin-block: 15px;
}
.titles_css {
	font-size: 26px;
}
.homepage_stones_back {
	background-image: url('../img/homepage_stones.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display: grid;
	place-items: center;
	min-height: 800px;
}
.hsb_content_container {
	max-width: 1000px;
	padding: 50px;
	background-color: #ffffffd5;
	border-radius: 15px;
}
.view_more_css {
	background-color: var(--tc);
	color: var(--white);
	border: 0;
	padding: 5px 15px;
	margin-top: 10px;
}
.footer_b_image {
	width: 100%;
	height: auto;
}
.clients_main_container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    row-gap: 15px;
    column-gap: 70px;
    min-height: 400px;
    justify-content: center;
    align-items: center;
}
.cmc_img_css {
    box-shadow: 0 0 20px #0000001f;
}
.hr_thick_line {
    margin: 0;
    border: 0;
    outline: 0;
    padding: 5px;
    background-color: var(--tc);
    opacity: 1;
}
.main_g_items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	row-gap: 30px;
	column-gap: 30px;
	align-items: center;
}
.mfot_new_grid {
    grid-template-columns: 3fr 2fr;
}
.sap_new_grid {
    grid-template-columns: 4fr 2fr;
}
.caa_new_grid {
    grid-template-columns: 2fr 4fr;
}
.mgi_full_imgs {
	max-width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
}
.oteg_inside {
    display: grid;
	gap: 30px;
}
.one_third_esg_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
.esg_equal_container_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.eec_inside_container {
    background: var(--lgray);
    padding: 20px;
    border-radius: 10px;
}
.sus_image_css {
	max-width: 400px;
}
.esg_main_container {
    display: grid;
    gap: 30px;
}
.nav-tabs .nav-item.show .nav-link::after, .nav-tabs .nav-link.active::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--tc);
    margin-left: 5px;
    position: absolute;
    bottom: -14px;
    left: 39%;
}
@media (max-width: 1440px) {
	.background_image_1 .content {
		margin-top: 18%;
	}
	.contact_grid_item * {
		font-size: 14px;
	}
	.ma_title_css {
		font-size: 16px;
	}
	.carousel-caption {
		transform: translate(10%, -50%);
	}
	.nav-link {
		padding: 10px 0px !important;
		font-size: 14px;
	}
	.logocss {
		max-width: 100px;
	}
	.logo_div {
		padding: 10px 0;
	}
	.header_gap_css {
		padding-top: 124.43px;
	}
}
@media (max-width: 767.98px) {
	.logocss {
		max-width: 100px;
	}
	.header_gap_css {
		padding-top: 93.09px;
	}
	.top_box_css {
		display: grid;
		align-items: center;
	}
	.center_icon_grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.title_css {
		font-size: 24px;
	}
	.cg_img_css {
		max-width: 100px;
	}
	.cg_title_css {
		font-size: 20px;
	}
	.mc_content_css {
		width: 100%;
	}
	.contact_grid_css {
		grid-template-columns: repeat(1, 1fr);
	}
	.contact_grid_item_1 {
		display: none;
	}
	.top_content_header_css_i {
		padding-top: 20px;
	}
	.mid_grid_c {
		grid-template-columns: repeat(1, 1fr);
		background-image: none;
		margin-bottom: 30px;
	}
	.grid_center > .button_css_white {
		border: 2px solid #000;
    	color: #000;
	}
	.grid_center {
		padding: 0;
		color: #000;
	}
	.grid_mid_section {
		grid-template-columns: repeat(1, 1fr);
		margin-top: auto;
		row-gap: 30px;
		margin-bottom: 20px;
	}
	.mid_custom_img {
		display: none;
	}
	.grid_center_legacy {
		grid-template-columns: 1fr;
	}
	.header_index .header_gap_css {
		padding-top: 0;
	}
	.navbar {
		padding: 10px 0;
	}
	ul.navbar-nav {
		padding: 0;
		border-radius: 6px;
		row-gap: 5px;
	}
	.nav-link, .list-group-item {
		font-size: 14px;
		padding: 2px 5px !important;
		color: var(--edgray);
    }
	.nav-header-items .nav-link {
		color: var(--gray);
	}
	.navbar-nav > .nav-item {
		border-radius: 5px;
		padding: 1px 7px;
		border: 1px solid var(--lgray);
	}
	.navbar-toggler-icon {
		filter: invert(1) brightness(6) grayscale(2) opacity(10);
	}
	.navbar-toggler:focus {
		box-shadow: none;
		opacity: 0.8;
	}
	.nav.nav-tabs {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 23px;
		align-items: center;
		justify-content: center;
		column-gap: 10px;
		border: 0;
	}
	.nav.nav-tabs > .nav-item {
		display: grid;
	}
	.nav-tabs .nav-link {
		border-radius: 10px;
	}
	.nav-item.nav-header-items {
		border: 0;
		padding: 0;
	}
	.tab-content {
		margin-top: 15px;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu,
	.navbar-expand-lg .navbar-nav .mega_dd_menu {
		position: relative;
		width: 100%;
		margin: auto;
	}
	.mega-content > div > div > .col-12.col-md-4.py-4,
	.mega-content > div > div > .col-12.col-md-8.py-4 {
		padding: 5px !important;
	}
	.mega-content > div > div > .col-12.col-md-4.py-4 > .mm_title_css {
		display: none;
	}

	.carousel-caption {
		position: absolute;
		right: auto !important;
		bottom: auto !important;
		top: 18% !important;
		left: auto !important;
		transform: none !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		color: #000 !important;
		text-align: left !important;
		max-width: 100%;
		padding: 10px;
	}
	.cc_title {
		font-size: 1.7rem;
	}
	.cc_para {
		font-size: 1rem;
	}
	.carousel-control-next, .carousel-control-prev {
		width: 10% !important;
	}
	.member_associates_tab_img {
		max-width: 80px;
		padding: 5px;
	}
	.nav-tabs .nav-link {
		padding: 0;
	}
	.grid_team_section {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 15px;
		column-gap: 10px;
		text-align: center;
	}
	.gts_inside {
		background-color: var(--lgray);
		padding: 10px;
		border-radius: 8px;
	}
	.gts_img {
		max-width: 120px;
		border-radius: 5px;
		margin-bottom: 10px;
	}
	.gts_team_member {
		font-size: 18px;
	}
	.gts_loc_company, .gts_loc {
		font-size: 15px;
	}
	.con_grid_items {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
	.sec_img_ss {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.gallery_sec {
		grid-template-columns: repeat(1, 1fr);
	}
	.gallery_items {
		grid-template-columns: 1fr 2fr;
	}
	.gi_title {
		font-size: 18px;
	}
	.diamond_shapes_main {
		grid-template-columns: 1fr;
	}
	.cp_grid_items > .member_associates_img_css {
		margin-inline: auto;
	}
	.cp_grid_items {
		grid-template-columns: 1fr;
		background: var(--lgray);
		text-align: center;
		padding: 10px;
		border-radius: 10px;
	}
	.offer_main_css {
		grid-template-columns: 1fr;
	}
	.offer_css {
		grid-template-columns: 1fr;
	}
	.offer_css img {
		max-width: 120px;
	}
	.hsb_content_container {
        padding: 20px 0;
        margin: 0 5%;
    }
	.clients_main_container {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 20px;
		column-gap: 20px;
		padding: 50px 20px;
	}
	.cmc_div_css:first-child,
	.cmc_div_css:last-child {
		display: none;
	}
	.main_g_items {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 15px;
		column-gap: 15px;
	}
	.homepage_stones_back {
		background-image: none;
		min-height: auto;
	}
	.background_image_main {
		min-height: 150px;
	}
	.tb_content_css {
		text-align: center;
		padding-left: 0;
		place-items: end;
		justify-content: center;
		display: flex;
	}
	.top_para_text {
        font-size: 22px;
        background: var(--tc2);
        width: 100%;
        display: grid;
        text-shadow: none;
        padding: 3px;
    }
	.pagination {
		width: 90%;
		margin-inline: 5%;
	}
	.sec_sap:nth-child(even), .sec_sap {
		grid-template-columns: 1fr;
	}
	.sec_csr:nth-child(even), .sec_csr {
		grid-template-columns: 1fr;
	}
	.img_csr_containers {
		grid-template-columns: 1fr;
	}
	
	.one_third_esg_grid,
	.esg_equal_container_grid {
		grid-template-columns: 1fr;
	}
	.footer_img_container {
		position: relative;
		display: grid;
	}
	@keyframes slide {
		0% { transform: translateX(0); }
		50% { transform: translateX(calc(0% - calc(100% - 100vw))); }
		100% { transform: translateX(0); }
	}
	.footer_b_image {
		height: 320px;
		max-width: max-content;
		width: auto;
		position: relative;
		overflow: hidden;
		aYashvition: slide 24s ease-in-out infinite;
	}
}


/*LOGIN POPUP - START*/
.login-popup {
	width: 767.98px;
	height: auto;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--white);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 1000;
}
.login-form {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.login-img img {
	width: 100%;
	height: auto;
}
.login-img p {
	font-size: 20px;
	font-weight: 500;
	margin: 0px;
}
.hdr-mbr-logo {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding-bottom: 20px;
}
.hdr-mbr-logo img {
	width: 100px;
	height: auto;
}
.popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}
.login-form h2 {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}
.login-form-group {
	margin-bottom: 15px;
}
.login-form-group label {
	display: block;
	margin-bottom: 5px;
	color: var(--dgray);
}
.login-form-group input[type="text"],
.login-form-group input[type="password"] {
	width: 100%;
	padding: 10px;
	border: 1px solid var(--lgray);
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 16px;
}
.login-form p {
	font-size: 16px;
	color: var(--black);
	font-weight: 400;
	margin: 0px;
}
.login-form a {
	font-size: 16px;
	color: var(--black);
	font-weight: 500;
	margin: 0px;
}
.login-form a:hover {
	font-size: 16px;
	color: var(--black);
	font-weight: 500;
	text-decoration: underline;
	margin: 0px;
}

@media (max-width: 767.98px) {
	.login-popup {
		width:90%;
	}
}
/*LOGIN POPUP - END*/

.nav-btn button {
	border-radius: 100px;
	border: 1px solid var(--black);
	font-size: 14px;
	font-weight: 400;
	color: var(--black);
	padding: 3px 25px;
	text-transform: uppercase;
}
.nav-btn  button:hover,
.nav-btn  button:active {
	border-radius: 100px;
	color: var(--white);
	border: 1px solid var(--tc1);
	background-color: var(--tc1);
}
@media (max-width: 767.98px) {
	.nav-btn {
		margin-top: 10px;
	}
}


/* Additional CSS */

.grid-itms {
	display: grid;
	grid-template-columns: 20% 80%;
}
.item-img {
	margin-right: 30px;
}
.item-img img {
	width: 100%;
	height: auto;
}
.item-dtls {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	gap: 10px;
}
.item-dtls h3 {
	font-size: 20px;
	font-weight: 500;
	color: black;
	text-transform: uppercase;
}
.item-dtls p {
	font-size: 18px;
	font-weight: 400;
}
.grid-two-cnt {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	grid-gap: 75px;
}
.grid-dtls {
	margin-top: -20px;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-wrap: wrap;
	margin: 0;
	gap: 10px;
	
}
.grid-dtls h5 {
	font-size: 15px;
	font-weight: 400;
	color: var(--tc);
	text-transform: uppercase;
	margin: 0;
}
.grid-dtls h1 {
	font-size: 30px;
	font-weight: 500;
	color: var(--tc);
	margin: 0;
}
.grid-dtls p {
	padding-top: 10px;
	font-size: 17px;
	font-weight: 400;
	margin: 0;
}
.grid-dtls-s {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.grid-dtls-s h1 {
	font-size: 30px;
	font-weight: 600;
	color: var(--tc);
	margin: 0;
}
.grid-dtls-s p {
	padding-top: 10px;
	font-size: 17px;
	font-weight: 400;
	margin: 0;
}
.footer-top {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	grid-gap: 50px;
}
.footer-items {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	gap: 0px;
}
.footer-items h1 {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--white);
}
.footer-items p {
	font-size: 18px;
	font-weight: 400;
	color: var(--lgray);
}
.footer-items a {
	font-size: 18px;
	font-weight: 400;
	color: var(--lgray);
	text-decoration: none;
}
.footer-items a:hover {
	text-decoration: underline;
}
.contact-dtls {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
}
.contact-social {
	display: flex;
	flex-direction: row;
	justify-content: start;
	gap: 5px;
}
.contact-social i {
	border-radius: 100px;
	padding: 10px;
	background-color: var(--tc);
	color: var(--white);
	font-size: 20px;
	margin-right: 10px;
	margin-top: 5px;
}
.grid-products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
}
.product-archive {
	display: flex;
	flex-direction: column;
}
.prdt-arc-dtls {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	gap: 10px;
	background-color: var(--lgray);
	padding: 0px 20px 20px 20px;
	min-height: 125px;
}
.list-items {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 30px;
	text-align: center;
	justify-content: center;
}
.bg-color {
	background-color: var(--gray);
}
@media (max-width: 1200px) {
	.grid-products {
		grid-template-columns: repeat(3, 1fr);
	}
	.prdt-arc-dtls {
		padding: 15px;
	}
	.list-items {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 1000px) {
	.grid-products {
		grid-template-columns: repeat(2, 1fr);
	}
	.prdt-arc-dtls {
		padding: 15px;
	}
	.list-items {
		grid-template-columns: repeat(3, 1fr);
	}
}
.prdt-arc-dtls h1 {
	font-size: 18px;
	font-weight: 600;
	margin: 0px;
}
.prdt-arc-dtls p {
	font-size: 16px;
	font-weight: 400;
	margin: 0px;
	text-align: center;
}
.item-single {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 20px;
}
.item-single img {
	border-radius: 100%;
	width: 120px;
	height: 120px;
}
.item-single h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
.item-single p {
	font-size: 16px;
	font-weight: 400;
	margin: 0;
}
.text-dcr-border {
	padding-left: 30px;
	padding-bottom: 10px;
	border-left: 2px solid var(--tc);
	margin: 0;
}
.bot_but_css {
	background-color: #00000000;
	padding: 5px 15px;
	text-transform: uppercase;
	border: 2px solid var(--white);
	color: var(--white);
	transition: all ease-in-out;
}
.bot_but_css:hover,
.bot_but_css:focus {
	background-color: var(--tc);
}


/* Slide Button Animation - START */
.btn.btn-background-slide::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-color: var(--tc);
	transition: transform 300ms ease-in-out;
	transform: scaleX(0);
	transform-origin: left;
}
.btn.btn-background-slide:hover::before,
.btn.btn-background-slide:focus::before {
	transform: scaleX(1);
}
.btn.btn-background-slide {
	transition: color 300ms ease-in-out;
	z-index: 1;
	border: 2px solid var(--tc);
	padding: 7px 20px 8px 20px ;
	border-radius: 0px;
	color: var(--tc);
	text-transform: uppercase;
}
.btn.btn-background-slide:hover,
.btn.btn-background-slide:focus {
	color: var(--white);
}
/* Slide Button Animation - END */






.bg-img {
	background-image: url('../img/banner-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 767.98px) {
	.text-dcr-border {
		margin-top: 10px;
		padding-top: 20px;
		padding-bottom: 10px;
		border-top: 2px solid var(--tc);
		padding-left: 0px;
		border-left: 0px;
	}
	.grid-two-cnt {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.grid-img {
		order: -1;
	}
	.grid-img img {
		border-radius: 0px;
	}
	.grid-dtls {
		margin-top: 0px;
		order: 1;
		text-align: center;
	}
	.footer-top {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.contact-dtls {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.contact-social {
		justify-content: center;
		align-items: center;
	}
	.contact-social a {
		font-size: 18px;
		color: var(--black);
		text-decoration: none;
		text-align: center;
	}
	.grid-products {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
	}
	.list-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
		text-align: center;
	}
}


/*tab - start*/
.tab-container {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	margin-top: 40px;
}

.tab {
	position: relative;
	text-align: center;
	padding: 10px;
	border-bottom: 2px solid var(--lgray);
	cursor: pointer;
	flex-grow: 1;
}
.tab-title h6{
	padding-top: 10px;
}
.tab img {
	width: 100%;
	max-width: 50px;
	height: auto;
}
.tab-content {
	display: none;
	padding: 20px;
	background-color: var(--lgray);
	border-top: 2px solid var(--tc);
	margin-top: 10px;
}
.tab-content.active {
	display: block;
}
.tab.active {
	border-bottom: 2px solid var(--tc);
}
.tab.active::after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%) rotate(180deg);
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent var(--tc) transparent;
}
.tab-content img {
	padding-top: 20px;
}
@media (max-width: 767.98px) {
	.tab img {
		width: 100%;
		max-width: 40px;
		height: auto;
	}
	.tab-title h6{
		padding-top: 10px;
		font-size: 16px;
	}
}
/*tab-end*/


/*CONTACT FORM - START*/
.contact-form h2 {
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	margin: 0px;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.form-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.form-group {
	width: 48%;
	position: relative;
}
.form-group.full-width {
	width: 100%;
}
.form-group label {
	display: block;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 10px;
	transition: all 0.3s ease;
	pointer-events: none;
	color: var(--dgray);
	font-size: 16px;
	line-height: 1.5;
	width: calc(100% - 20px);
	padding: 10px;
	box-sizing: border-box;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid var(--dgray);
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.5;
	resize: vertical;
}
.form-group input[type="text"]:focus + label,
.form-group input[type="email"]:focus + label,
.form-group textarea:focus + label {
	display: none;
}
.form-group textarea {
	resize: vertical;
	resize: vertical;
}
.btn-submit {
	width: 100%;
	padding: 10px;
	background-color: var(--tc);
	color: var(--white);
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	text-transform: uppercase;
}

/*CONTACT FORM - END*/