/* PRATIK CSS*/
@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
  font-family: Reborn;
  src: url(fonts/Reborn-PersonalUse.otf);
}

.font-helvetica {
	font-family: Helvetica, sans-serif;
}
.font-open-sans {
	font-family: Helvetica, sans-serif;
}
.font-exo {
	font-family: 'Exo 2', sans-serif;
}
.font-brush {
	font-family: Reborn;
}
.font-brush-1 {
	font-family: 'Heebo', sans-serif;
}
.font-encode-sans {
	font-family: 'Encode Sans Semi Condensed', sans-serif;
}

b, strong {
    font-weight: 600;
}
.displayinpc {
	display: block;
}
.displayinmobile {
	display: none;
}

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

body, html {
	font-size: 16px;
	font-family: Open Sans, sans-serif;
}
p {
	font-size: 16px;
}
.nopadding {
	padding:0;
}
.nomargin {
	margin:0;
}
.fontbold {
	font-weight: 600;
}
.fontitlaic {
	font-style: italic;
}
.back-black {
	background : #000;
}
.back-white {
	background : var(--white);
}
.back-blue {
	background : var(--tc);
}
.back-normal-blue {
	background : var(--tc);
}
.back-normal-green {
	background : #0A7D15;
}
.back-h-blue {
	background : #005294;
}
.back-yellow {
	background: #ffe500;
}
.back-green {
	background : #0A7D15;
}
.back-l-gray {
    background: #efefef;
}
.border-right-css {
	border-right: 2px solid #000;
}
.color-h-blue {
	color : #005294;
}
.color-black {
	color : #000;
}
.color-white {
	color : var(--white);
}
.color-gray {
	color : #666;
}
.color-yellow {
	color: #ffe500;
}
.color-blue {
	color : var(--tc);
}
.color-h-blue {
	color : #005294;
}
.color-green {
	color : #0A7D15;
}
.colordgray {
	color: #797d7e;
}
.color-red {
	color: #f52828;
}
.cfacebook {
	color: #3d5a96;
}
.ctwitter {
	color: #2aa3ef;
}
.cinstagram {
	color: #e42a8f;
}
.clinkedin {
	color: #007ab7;
}
.hcolordgray:hover, .hcolordgray:active, .hcolordgray:focus {
	color : #797d7e;
	transition: 0.3s;
}
.h-color-blue:hover, .h-color-blue:active, .h-color-blue:focus {
	color : var(--tc);
	transition: 0.3s;
}
.h-color-h-blue:hover, .h-color-h-blue:active, .h-color-h-blue:focus {
	color : #005294;
	transition: 0.3s;
}
.h-color-green:hover, .h-color-green:active, .h-color-green:focus {
	color : #0A7D15;
	transition: 0.3s;
}
.h-color-black:hover, .h-color-black:active, .h-color-black:focus {
	color : #000;
	transition: 0.3s;
}
.h-color-white:hover, .h-color-white:active, .h-color-white:focus {
	color : var(--white);
	transition: 0.3s;
}
.h-color-gray:hover, .h-color-gray:active, .h-color-gray:focus {
	color : #666;
	transition: 0.3s;
}
.paddingten {
	padding:10px 0;
}
.paddingtwenty {
	padding:20px 0;
}
.img-css {
	width: 100%;
}
.nodec {
	text-decoration: none;
}
.nodec:hover, .nodec:focus, .nodec:active {
	text-decoration: none;
}
.dec {
	text-decoration: underline;
}
.dec:hover, .nodec:focus, .nodec:active {
	text-decoration: underline;
}
.smallfontcss {
	font-size: 14px;
}
.extrasmallfontcss {
	font-size: 12px;
}
.normalfont {
	font-size: 16px;
}
.hr-class-hw {
	width: 50%;
	border: 0.5px solid black;
}
.hr-class-fw {
	width: 100%;
	border: 0.5px solid black;
}
.hr-class-w-hw {
	width: 50%;
	border: 0.5px solid var(--white);
}
.hr-class-w-fw {
	width: 100%;
	border: 0.5px solid var(--white);
}
.box-shadow-css {
    box-shadow: 0 0 10px #00000055;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.title-css {
    font-size: 50px;
}
@media(min-width:200px){.title-msg-css {font-size: 80px;}}
@media(min-width:768px){.title-msg-css {font-size: 100px;}}
@media(min-width:1200px){.title-msg-css {font-size: 140px;}}
@media(min-width:1440px){.title-msg-css {font-size: 160px;}}
@media(min-width:1600px){.title-msg-css {font-size: 190px;}}
@media(min-width:1920px){.title-msg-css {font-size: 220px;}}

@media(min-width:200px){.title-hw-msg-css {font-size: 30px;}}
@media(min-width:768px){.title-hw-msg-css {font-size: 30px;}}
@media(min-width:1200px){.title-hw-msg-css {font-size: 60px;}}
@media(min-width:1440px){.title-hw-msg-css {font-size: 70px;}}
@media(min-width:1600px){.title-hw-msg-css {font-size: 75px;}}
@media(min-width:1920px){.title-hw-msg-css {font-size: 80px;}}
/* WEBSITE CSS */
.sendreqcss {
	width: 60px;
	margin-right: 5px;
	padding: 2px 5px;
	background: var(--rtc);
	filter: invert(1);
	border-radius: 3px;
}
.topbarcss {
	padding: 5px 10px;
	background: var(--tc);
	line-height: 38px;
	border-radius: 4px;
	color: var(--white);
}
.footerlogocss {
	width: 100%;
	filter: invert(1) grayscale(1) saturate(1) brightness(10);
}
.newpadcss {
	padding: 30px 0;
}
#myDIV {
	display: none;
}
.centeralign {
	align-items: center;
}
.form-group {
    margin-bottom: 0;
}
.padsevencss {
	padding:7px;
}
li span.menu-css {
	font-size: 16px;
	color: #797d7e;
	text-transform: uppercase;
}
li span.menu-css i {
    font-size: 22px;
    margin: 0 5px;
}
span#marginfivecss i {
    font-size: 16px;
    margin: 0 5px;
}
#marginfivecss {
	cursor: pointer;
}
.bordercssss {
	border: 2px solid #797d7e;
}
#marginfivecss {
	margin-right: 5px;
	transition: .5s;
}
#myDIV a i {
	transition: visibility 0s, opacity 0.5s linear;
}
.myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  z-index: 1;
  width: 100%;
}
.pos-absolute-css {		
	position: absolute;
}
.img-top-css {
    width: 480px;
    padding: 80px;
}
.img-hw-top-css {
    width: 480px;
    padding: 38px 80px;
}
.title-msg-css {
    position: absolute;
    width: 100%;
    color: var(--white);
    padding-top: 100px;
	text-shadow: 0 0 40px black;
}
.text-css {
	position: absolute;
	width: 100%;
	z-index: 99;
	padding: 15% 48% 15% 30px;
}
.text-shadow-css {
	text-shadow: 0 0 20px #0000006a;
}
.topbar-img-css {
	width: 200px;
	padding: 12px 0;
}
.main-bar-b-css {
	background: #ffe500;
	border: 0;
	text-transform: uppercase;
	padding: 5px 20px;
	font-weight: 500;
	color: #000;
	border-radius: 30px;
	margin-top: 20px;
}
.logocss {
	width: 200px;
	margin-block: 8px;
	margin-left: 15px;
}
.menu-css {
	font-size: 16px;
	font-weight: 600;
}
.li-menu-css {
	margin-right: 10px;
}
.box-menu-css {
    padding: 0px 25px !important;
    color: var(--white);
    border-radius: 50px;
}
.main-top-box-css {
	background: url("img/ganga-main-box.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.menu-first-box-css {
	background: url("https://png.pngtree.com/thumb_back/fw800/back_our/20190619/ourmid/pngtree-food-overlooking-the-background-banner-image_138613.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.excellence-box-css {
	background: url("img/menu-box-2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
.footer-box-css {
	background: url("https://expertphotography.com/wp-content/uploads/2020/06/diy-food-background-5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.overlay-css {
	background: #00000099;
}
.overlay-1-css {
	background: #000000cc;
}
.overlay-2-css {
	background: #00000077;
}
.overlay-3-css {
	background: #00000099;
}
.overlay-4-css {
	background: #000000ee;
}
a.nav-link.menu-css.f-color-black {
	color : #000 !important;
	text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link {
	color: #797d7e !important;
}
.button-css {
    margin: 5px 0;
    background: transparent;
    color: var(--white);
    border: 2px solid var(--white);
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 700;
	cursor: pointer;
}
.b-button-css {
    margin: 5px 0;
    background: var(--tc);
    color: #000;
    border: 2px solid #000;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 700;
	cursor: pointer;
}
.cust-top-pad-css {
	padding: 10% 0;
}
.cust-common-pad-css {
	padding: 60px 0;
}
.about-css {
	font-size: 30px;
}
.about-para-css {
	font-size: 16px;
	font-weight: 500;
}
.menu-para-css {
	font-size: 16px;
}
.menu-price-css {
	font-size: 22px;
	font-weight: bold;
}
.inside-padding-css {
	padding: 30px 54px;
}
.inside-b-padding-css {
	padding: 30px 30px 0;
}
.left-right-css {
	padding: 5px 20px;
}
.pad-twenty-css {
	padding: 20px 0 0 0 ;
}
.padbocss {
	padding: 15px;
}
.pad-five-css {
	padding: 5px;
}
.marquee-css {
	vertical-align: middle;
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.z-index-top {
	z-index: 999;
}
.z-index-mid {
	z-index: 99;
}
.z-index-end {
	z-index: 9;
}
.box1-css {
    position: relative;
}
.box2-css {
    position: relative;
    top: -60px;
    right: -15px;
}
.box3-css {
    position: relative;
    left: -15px;
    top: -30px;
}
.box4-css {
    position: relative;
    top: -60px;
    right: -60px;
}
.testimonials-img-css {
	border-radius: 50%;
	width: 150px;
	margin: 20px 0 15px 0;
}
.pad-ten-css {
	padding: 10px;
}
.res-c-css {
	font-size: 36px;
	padding: 15px;
}
.copyright-footer {
	padding: 10px;
	color: var(--white);
}
.image-top-css {
	width: 450px;
}
.cust-title-1-css {
	background : var(--white);
	padding: 5px 0;
}
.cust-sub-menu-css {
    background: #fd6918;
    padding: 10px 0;
}
.carousel-inner img {
	width: 100%;
	height: 100%;
}
.carousel-caption {
    top: 50%;
	right: 60%;
    transform: translateY(-50%);
	bottom: initial;
	max-width: 600px;
	margin: auto;
}
.carousel-inner {
	border-bottom-left-radius: 50% 20%;
	border-bottom-right-radius: 50% 20%;
}
.border-top-min-css {
	border-top: 1px solid var(--white)fff22;
}
.c-para-css {
    font-size: 20px;
    background: #ffe500;
    border-radius: 100px;
    margin: 20px 0;
    padding: 15px 0;
	font-weight: 600;
}
.four-steps-css-numbers {
    font-family: 'Bungee', cursive;
    font-size: 100px;
    padding: 20px;
    width: 160px;
    height: 160px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
	margin: 15px auto;
}
.four-steps-css-text {
    font-size: 26px;
	font-weight: bold;
}
.four-boxes-css {
	background: #000000bb;
	padding: 20px 0;
}
.gallery-css {
	padding: 0 2px;
}
img.hover-shadow {
  transition: 0.3s;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.margin-4px {
	margin-bottom: 4px;
}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #00000024;
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
	display: none;
	text-align: center;
	background: #000;
}
.imgmySlides {
	height: 98vh;
	width: auto;
	padding-top: 2vh;
}

.cursor {
  cursor: pointer;
}
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
.big-font-css {
	font-size: 28px;
}
.img-transparent-shadow-css {
    filter: drop-shadow(2px 2px 3px #0000005a) drop-shadow(-2px -2px 3px #0000005a);
}
.back-one-g-css {
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,0) 100%);
	position: relative;
	top: -60px;
	z-index: 999;
}
.back-two-g-css {
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(105,252,255,1) 25%, rgba(166,255,146,1) 57%, rgba(255,166,23,1) 100%);
}
.hrclass {
    padding: 30px;
    margin: 0;
	border: 0;
}
.img-abt-css {
    width: 100%;
}
#pos-f-css {
	position: fixed !important;
	z-index: 9999;
}
.top-margin-gap-css {
    padding-top: 76px;
}
.cust-pad-1-css {
	padding: 50px 0;
}
.img-r-css {
	width: 100%;
}
.img-rc-css {
	width: 80%;
}
.new-r-width-css {
	width: 50%;
}
.bt-gap-css {
	padding: 100px 0;
}
.bt-top-gap-css {
	padding-top: 100px;
}
.newtext {
    padding: 15px;
    margin-top: -52px;
    margin-left: -60px;
	max-width: 500px;
	z-index: 9999;
	font-family: Arial Black;
}
.newtext p{
    font-size: 20px;
}
.imgcssabc {
	width: 52px;
}
.custhrcss {
	margin: 5px 0;
}
.skew-c{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, var(--white) 49%, var(--tc) 50%);
}
.skew-coff{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, var(--white) 49%, #efefef 50%);
}
.threeboxcss {
	background: var(--white);
}
.threeboxcss p {
    font-size: 20px;
    text-align: center;
	padding: 15px 0;
}
.img3bcss {
	width: 100%;
}
.contacttitleback {
	background: url("img/contact.jpg");
	background-size: cover;
	padding: 110px 0;
}
.indtitleback {
	background: url("img/industries.jpg");
	background-size: cover;
	padding: 16% 0;
}
.sustitleback {
	background: url("img/sustainability.jpg");
	background-size: cover;
	padding: 16% 0;
}
.border-bottom-css {
    border-bottom: 1px solid #797d7e29;
}
.sus-title-css {
	font-size: 55px;
	font-weight: bold;
	color: var(--white);
	text-shadow: 0 0 10px #000000d4, 0 0 30px #000000d4, 0 0 80px #000000d4;
}
.sus-stitle-css {
	font-size: 35px;
	font-weight: bold;
	color: var(--white);
	text-shadow: 0 0 10px #000000d4, 0 0 30px #000000d4, 0 0 80px #000000d4;
}
.tab-but-css {
    width: 19.6%;
    padding: 17px 0;
	color: #797d7e;
    display: inline-block;
    border-bottom: 3px solid #797d7e7a;
    cursor: pointer;
}
.tab-but-css:hover {
	border-bottom: 6px solid #797d7e7a;
    padding: 14px 0;
}
.tab-but-css i {
	font-size: 50px;
}
.focusred p{
	color: var(--tc);
}
.focusred i{
	color: var(--tc);
}
.focusred {
    border-bottom: 6px solid var(--tc);
    padding: 14px 0;
}
.focusred:hover {
    border-bottom: 6px solid var(--tc) !important;
    padding: 14px 0;
}
.tabcontent {
	padding: 20px 5px;
}
.titletabhead {
	font-size: 24px;
}
.tabcontentimg {
	width: 100%;
}
.buttoncss {
	background: var(--white);
	border: 0;
	font-weight: bold;
	color: var(--tc);
	font-family: 'Exo 2';
	padding: 5px 20px;
	box-shadow: 2px 2px 6px var(--tc);
}
.cs-four-box {
	padding: 5px;
	margin-bottom: 5px;
}
.cs-four-box i {
    font-size: 140px;
}
.cspadcss {
	padding: 20px;
}
.cs-f-b-text {
    padding: 15px 0;
    font-size: 20px;
    vertical-align: middle;
}
.cust-about-1css {
    max-width: 550px;
    padding: 60px;
}
.automargin {
	margin: auto;
}
.skewa {
	position: relative;
	padding: 100px 60px 40px 60px;
	border: 1px solid #e2e2e2;
}
.skewa:after {
	content: '';
	height: 46px;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -25px;
    background: #e4e6e8;
	border-bottom: 1px solid #e2e2e2;
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , -4deg );
	transform: skew( 0deg , -4deg );
}
.skewb {
	position: relative;
	padding: 80px 30px 100px 30px;
}
.skewb:after {
	content: '';
	height: 46px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: -25px;
    background: var(--white);
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , -4deg );
	transform: skew( 0deg , -4deg );
}
.skew {
	position: relative;
	padding: 100px 60px 40px 60px;
	border: 1px solid #e2e2e2;
}
.skew:after {
	content: '';
	height: 46px;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -25px;
    background: #e9e9e9;
	border-bottom: 1px solid #e2e2e2;
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , -4deg );
	transform: skew( 0deg , -4deg );
}
.skew2 {
	position: relative;
	padding: 100px 60px 40px 60px;
	border: 1px solid #e2e2e2;
}
.skew2:after {
	content: '';
	height: 46px;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -25px;
    background: var(--tc);
	border-bottom: 1px solid var(--tc);
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , 4deg );
	transform: skew( 0deg , 4deg );
}

.rightcontentcss1 {
	background: var(--tc);
	position: absolute;
	bottom: -40px;
	max-width: 600px;
	min-width: 400px;
    padding: 15px;
	left: 70%;
}
.rightcontentcss1 p {
    padding: 10px 20px;
    font-size: 18px;
	font-weight: 600;
}

.rightcontentcss2 {
	background: #e8e8e8db;
	position: absolute;
	bottom: -40px;
	max-width: 600px;
	min-width: 400px;
    padding: 15px;
	left: 70%;
}
.rightcontentcss2 p {
    padding: 10px 20px;
    font-size: 18px;
	font-weight: 600;
}
.rightcontentcss3 {
	background: var(--tc);
	position: absolute;
	bottom: -40px;
	max-width: 600px;
	min-width: 469px;
    padding: 15px;
	left: 70%;
}
.cognito .c-forms-form input[type=text], .cognito .c-forms-form input[type=password], .cognito .c-forms-form textarea, .cognito .c-forms-form select {
	padding: 8px 12px !important;
	box-shadow: 2px 2px 2px #000a !important;
	background: var(--tc);
	color: var(--white) !important;
}
.rightcontentcss3 p {
    padding: 10px 20px;
    font-size: 18px;
	font-weight: 600;
}
.custfonto {
	font-size: 22px !important;
	font-weight: bold !important;
}
.cust-big-pad-css {
	padding: 100px 0;
}
.cusmaxwidthcss {
    max-width: 800px;
    padding: 24px;
}
.back-ind-css {
	background: url("img/industry.jpg");
	background-size: cover;
}
.back-about-css {
	background: url("img/about.jpg");
	background-size: cover;
	background-position-x: center;
}
.back-shredding-css {
	background: url("img/shredding.jpg");
	background-size: cover;
	background-position-x: center;
}
.back-sus-css {
	background: url("img/sus.jpg");
	background-size: cover;
	background-position: center;
}
.cust-common-pad12-css {
	padding-top : 46px;
	padding-bottom: 120px;
}
.cust-common-ind-css {
	padding-top : 46px;
	padding-bottom: 120px;	
}
.paddingtwentyccss {
	padding: 20px;
}
.back-trans-black	 {
	background: var(--white)8;
}
.padding-bottom-thirty {
	padding: 0 0 40px 0;
}
.cusmaxwidthcss {
	max-width: 800px;
}
.svgcolor {
	width: 60px;
	margin-right: 20px;
	filter: invert(1) sepia(0) saturate(0) hue-rotate( 0deg );
}
.svgcolor1 {
	width: 60px;
	margin-right: 20px;
	filter: invert(0) sepia(0) saturate(0) hue-rotate( 0deg );
}
.pagetitlecss {
	font-size: 36px;
	font-weight: 600;
	text-shadow: 0 0 20px var(--white), 0 0 30px var(--white), 0 0 40px var(--white), 0 0 60px var(--white);
}
.cust-internalw {
	width: 80%;
	padding: 0px 20px;
	margin:auto;
}
.cust-internalpage-pad-css {
	width:80%;
	margin:auto;
	padding: 40px 20px;
}
.ind-box-head-css {
	font-size: 24px;
	font-weight: 600;
}
.ind-box-img-css {
	width: 100%;
}
.ind-box-css {
	margin-bottom: 40px;
}
.ind-box-text-css {
    padding: 10px 15px;
}
.ind-box-css {
    margin-bottom: 40px;
	background: var(--white);
    box-shadow: 0 0 10px #00000026;
}
.contact-formcss {
	padding: 20px 0;
}
.cust-line-heights {
	line-height: 30px;
}
.readmorebutcss {
	background: white;
	font-size: 18px;
	font-weight: 700;
	border: 0;
	padding: 5px 20px;
	box-shadow: 3px 3px 5px var(--tc);
	margin-top: 15px;
}
.title-hw-msg-sub-css {
	font-size: 50px;
}
.boxpadding {
	padding: 30px 15px;
	width:90%;
	margin:auto;
}
.inv-title-css {
	font-size: 36px;
	text-align: left;
}
.inv-title-abt-css {
	font-size: 16px;
	padding-bottom: 12px;
	text-align: right;
}
.width1366 {
	max-width: 1366px;
	margin: auto;
}
.filterscreen {
	border: 2px solid #E5E5E5;
	border-radius: 5px;
	width:90%;
	margin:auto;
}
input[type='radio'] {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	outline: none;
	border: 1px solid #A8A8A8;
	background: var(--white);
	vertical-align: middle;
}
input[type='radio']:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin: 3px auto;
	border-radius: 50%;
}
input[type="radio"]:checked:before {
	background: var(--tc);
}
input[type="radio"]:checked {
	border: 2px solid var(--tc);
}
.radiobutton {
	color: #A8A8A8;
	/* margin-left: 5px; */
	font-size: 16px;
	vertical-align: middle;
}
input[type="radio"]:checked + .radiobutton {
	color: #000;
}
.radiobutton-reg {
	color: #000;
	margin-left: 5px;
	font-size: 16px;
	vertical-align: middle;
}
input[type="radio"]:checked + .radiobutton-reg {
	color: #000;
}

.divTableCell > a {
    color: var(--tc);
}



input[type='radio'].lbutrad {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	outline: none;
	border: 1px solid #000;
	background: var(--white);
	vertical-align: middle;
}
input[type='radio'].lbutrad:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin: 3px auto;
	border-radius: 50%;
}
input[type='radio'].lbutrad:checked:before {
	background: #000;
}
input[type='radio'].lbutrad:checked {
	border-color:#000;
	border: 2px solid #000;
}
.lradiobutton {
	color: #000;
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}
input[type="radio"]:checked + .lradiobutton {
	color: #000;
}
.paddingten {
	padding: 5px 0;	
}
.hrfilter {
	border: 1px solid #E5E5E5;
	background: #E5E5E5;
	margin: 0px;
}
.hrfilterfooter {
	border: 1px solid #E5E5E5;
	background: #E5E5E5;
	margin: 10px 0px;
}
.filter-titles {
	font-size: 16px;
	font-weight: bold;
}
.custf-css {
	font-size: 16px;
}
.filter-titles-veera {
	font-size: 16px;
	font-weight: bold;
	padding: 7px 0;
	background: var(--white);
	text-transform: capitalize;
    border: 2px solid var(--tc);
    border-radius: 4px;
	color: var(--tc);
}
.wid-10-per {
	width: 7.85%;
}
.wid-20-per {
	width: 19%;
}
.wid-25-per {
	width: 23.9%;
}
#ck-button label input {
    position: absolute !important;
    display: none !important;
}
.widthfull {
    width: 100% !important;
}
#ck-button input + span {
	border: 1px solid var(--tc);
	border-radius: 5px;
	background: var(--ltc);
}
#ck-button input:checked + span {
    background-color: var(--rtc) !important;
	border: 1px solid #000;
	filter: invert(1);
}
#ck-button label span {
    text-align: center !important;
    padding: 4% 0px !important;
    display: block !important;
}
#ck-button label {
    margin-bottom: 0px;
}
#ck-button {
    background-color: var(--white);
    overflow: auto !important;
	display: inline-block;
}
#ck-button1 {
    background-color: var(--ltc);
    overflow: auto;
    float: left;
    margin-right: 5px;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid var(--tc);
    outline: 0;
    border-radius: 5px;
}
#ck-button1 label {
    float: left;
}
#ck-button1 label input {
    position: absolute;
    display: none;
}
#ck-button1 input:checked + span {
    background-color: var(--tc);
    color: var(--white);
}
#ck-button1 label span {
    text-align: center;
    display: block;
    padding: 7px 5px;
}
.filter-text-css {
	font-size: 16px;
	color: #000;
}
.filter-text-css:after, .filter-text-css:checked, .filter-text-css:focus, .filter-text-css:visited {
	color: #A8A8A8;
}
::placeholder {
	color: #A8A8A8 !important;
}
.form-control, #disfrom, #disto, .new_input_css {
    border: 1.5px solid var(--tc);
}
.form-control:after, .form-control:checked, .form-control:focus, .form-control:visited {
	border:2px solid;
    border-color: #000;
}
.form-control:focus,
#disfrom:focus,
#disto:focus,
.new_input_css:focus {
    color: #000;
    background-color: var(--ltc);
	border:2px solid var(--tc);
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,0,0,0);
}
select {
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	background-color: var(--white);
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	width: 100%;
}
.filter-submit-css {
    width: 200px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin: auto;
    background: var(--tc);
    color: var(--white);
    border: 0px solid;
}
.pu-buttoncss {
	width: 100%;
	cursor: pointer;
	background: var(--white);
	border: 2px solid #A8A8A8;
	color: #838383;
	font-size: 18px;
	border-radius: 8px;
	outline: 0px;
}
.pu-buttoncss:focus, .pu-buttoncss:active, .pu-buttoncss:checked, .pu-buttoncss:visited {
	border: 2px solid #000;
	color: #000;
	border-radius: 8px;
	outline: 0px;
}
.smalltextcss {
	font-size: 12px;
	font-weight: 800;
	margin-top: -18px;
	position: relative;
	margin-bottom: 3px;
}
.custmargin-carat {
	margin-top: 15px;
}
.footertextcss {
	font-size: 12px;
	margin-bottom: 10px;
}
.footerul{
  display:flex;  
  list-style:none;
  padding: 0;
  margin: 0;
}
.facss {
	padding: 0 15px;
}
.footercss {
	padding: 30px 0;
}
.homeback-1 {
	background: url("img/homepage-1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 280px 0;
}
.homeback-2 {
	background: url("img/homepage-2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 150px 0;
}
.loginback {
	background: url("img/loginback.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 150px 0;
}
.homepage-title {
    font-size: 40px;
	margin-bottom: 15px;
}
.homepage-sub-title {
    font-size: 30px;
	margin-bottom: 5px;
}
.hompage-para {
    font-size: 18px;
}
.homebuttoncss {
	color: var(--white);
	border: 1px solid var(--white);
	border-radius: 5px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 10px 0;
	text-align: center;
	width: 200px;
	background: #00000000;
}
.inputlogin {
	width: 100%;
	margin-bottom: 15px;
	border: 2px solid var(--tc);
	border-radius: 25px;
	padding: 8px 15px;
	color: #000;
	font-weight: 600;
}
.inputlogin:focus,.inputlogin:active,.inputlogin:active {
	border-radius: 25px;
	outline: 0px;
	box-shadow: 0 0 2px #000, 0 0 3px #000;
}
.inputlogin::placeholder {
	color: #838383 !important;
	opacity: 1 !important;
}
input:focus::placeholder {
  color: #00000000 !important;
}
.lbutcss {
	border-radius: 5px;
	cursor: pointer;
	border: 0px;
	padding: 5px 0;
	width: 150px;
	color: var(--white);
	text-align: center;
	background: var(--tc);
}
.rbutcss {
	border-radius: 5px;
	cursor: pointer;
	border: 0px;
	padding: 5px 0;
	width: 100%;
	color: var(--white);
	margin-top: 20px;
	text-align: center;
	background: var(--tc);
}
.l-logincss {
	padding: 0px 20px 0px 20px;
}
.vl {
	border: 2px solid #000;
	height: 200px;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: 55px;
	border-radius: 10px;
}
.hl {
	border: 2px solid #000;
	width: 200px;
	margin: auto;
	border-radius: 10px;
}
.r-logincss {
	padding: 50px 50px 50px 20px;
}
.custlcss {
    padding: 30px 15px;
    border-radius: 5px;
	margin-left: 50px;
}
.l-para {
	font-size: 16px;
}
.l-sub-title {
	font-size: 26px;
	margin-bottom: 15px;
}

.dontdisplayonstart {
    display: none;
    position: absolute;
    width: 1366px;
    background: var(--white);
    box-shadow: 0 0 10px #00000040;
    padding: 10px;
    z-index: 999;
}
div.blueTable {
  background-color: var(--ltc);
  width: 100%;
  border-collapse: collapse;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
  padding: 3px;
  border: 1px solid;
}
.divTable.blueTable .divTableBody .divTableCell {
  font-size: 14px;
}
.divTable.blueTable .divTableRow:nth-child(even) {
  background: var(--white);
}
.colorchange:nth-child(even) {
  background: var(--white);
}
.divTable.blueTable .divTableHeading {
  background: var(--tc);
  position: sticky;
    top: 0;
}
.divTable.blueTable .divTableHeading .divTableHead {
  font-size: 15px;
  font-weight: bold;
  color: var(--white);
}
.blueTable .tableFootStyle {
  font-size: 14px;
}
.blueTable .tableFootStyle .links {
	 text-align: right;
}
.blueTable .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: var(--white);
  padding: 2px 8px;
  border-radius: 5px;
}
.blueTable.outerTableFooter {
  border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
.divTable.blueTable .divTableHeading .divTableHead a {
    color: var(--white);
    text-decoration: none;
}
.divTable.blueTable .divTableHeading .divTableHead a:hover,
.divTable.blueTable .divTableHeading .divTableHead a:focus,
.divTable.blueTable .divTableHeading .divTableHead a:active {
    color: var(--white);
    text-decoration: none;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}


.padone {
	padding-left: 30px;
	padding-right: 0px;
}
.padtwo {
	padding-left: 0px;
}
.padding15 {
	padding: 15px;
}
.custwcssone {
	width: 48%;
	display: inline-block;
}
.justifycss {
	display: flex;
	justify-content: space-between;
}
.inside-but-css {
    padding: 7px 5px;
    margin-right: 5px;
    font-weight: bold;
    width: 100px;
    margin: 3px 4px;
    font-size: 14px;
    background: var(--ltc);
    border: 1px solid var(--tc);
    outline: 0;
    color: #000;
    border-radius: 5px;
}
.cust_margin_reset_carats {
    margin-top:5px;
}
.inside-but-css:focus, .inside-but-css:active, .inside-but-css:checked, .inside-but-css:visited {
	background-color: var(--tc);
    border: 1px solid var(--tc);
	outline: 0px;
	color: var(--white);
	font-weight: bold;
}
#colorch,
#claritych,
#cutgradech,
#polishch,
#symmetrych,
#fluorescencech,
#locch,
#labch,
#milkych,
#shadech,
#exvg_main {
    overflow: auto;
    float: left;
    margin-right: 5px;
    font-weight: bold;
    font-size: 14px;
	background-color: var(--ltc);
    border: 1px solid var(--tc);
    outline: 0;	    border-radius: 5px;
}
#colorch label,
#claritych label,
#cutgradech label,
#polishch label,
#symmetrych label,
#fluorescencech label,
#locch label,
#labch label,
#milkych label,
#shadech label,
#exvg_main label {
    float: left;
}
#colorch label input,
#claritych label input,
#cutgradech label input,
#polishch label input,
#symmetrych label input,
#fluorescencech label input,
#locch label input,
#labch label input,
#milkych label input,
#shadech label input,
#exvg_main label input {
    position: absolute;
    display: none;
}
#colorch input + span,
#claritych input + span,
#cutgradech input + span,
#polishch input + span,
#symmetrych input + span,
#fluorescencech input + span,
#locch input + span,
#labch input + span,
#milkych input + span,
#shadech input + span,
#exvg_main input + span {
   border: 1px solid #A8A8A8;
   border-radius: 5px;
}
#colorch input:checked + span,
#claritych input:checked + span,
#cutgradech input:checked + span,
#polishch input:checked + span,
#symmetrych input:checked + span,
#fluorescencech input:checked + span,
#locch input:checked + span,
#labch input:checked + span,
#milkych input:checked + span,
#shadech input:checked + span,
#exvg_main input:checked + span {
    background-color:  var(--tc);
    color: var(--white);
}
#colorch label span,
#claritych label span,
#cutgradech label span,
#polishch label span,
#symmetrych label span,
#fluorescencech label span,
#locch label span,
#labch label span,
#milkych label span,
#shadech label span,
#exvg_main label span {
    text-align: center;
    display: block;
    padding: 7px 5px;
}

.cust-but-one-abc label {
    min-width: 68px;
	margin: 0;
}
.cust-but-loc-abc label {
    min-width: 80px;
	margin: 0;
}
.cust-but-onenew-abc label {
    min-width: 62.3px;
	margin: 0;
}
.cust-but-two-abc label {
    min-width: 55px;
	margin: 0;
}
.cust-but-four-abc label {
    min-width: 50px;
	margin: 0;
}
.cust-but-three-abc label {
    min-width: 53.5px;
	margin: 0;
}
.cust-but-five-abc label {
    min-width: 45px;
	margin: 0;
}
.cust-but-five-abc {
	margin-bottom: 5px;
}
.defaultcolorgray {
	background: var(--white) !important;
    outline: 0;
}
.border1pxblack {
	border: 1px solid #000;
}
.wa-css{
    width: 68px;
    filter: drop-shadow(0px 0px 2px #000000aa);
    padding: 10px;
}
.cust-top-bot-head-css {
	padding: 15px 0;
}
.fsbuttoncss-1 {
	font-size: 16px;
	align-content: center;
	background: #E0E0E0;
	color: #838383;
	padding: 4px 15px;
	border-radius: 5px;
	border:0px;
	text-align: center;
	vertical-align: middle;
	outline: 0px;
}
.fsbuttoncss-1:hover, .fsbuttoncss-1:focus {
	color: var(--white);
	border:0px !important;
	outline:0px !important;
	background: #838383;
	transition-delay: ease-in-out 1s;
	transition-duration: 0.5s;
}
.fsbuttoncss {
	font-size: 16px;
	align-content: center;
	background: var(--tc);
	color: var(--white);
	padding: 5px 15px;
	border-radius: 5px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
	outline: 0px;
}
.fsbuttoncss:hover, .fsbuttoncss:focus {
	color: var(--white);
	text-shadow: 0 0 2px var(--white);
	border:0px !important;
	outline:0px !important;
	background: var(--tc);
	transition-delay: ease-in-out 1s;
	transition-duration: 0.5s;
}
.fsbuttoncsscf {
	font-size: 15px;
	align-content: center;
	background: var(--tc);
	color: var(--white);
	padding: 4px 10px;
	border-radius: 5px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
	outline: 0px;
}
.fsbuttoncsscf:hover, .fsbuttoncsscf:focus {
	color: var(--white);
	text-shadow: 0 0 2px var(--white);
	border:0px !important;
	outline:0px !important;
	background: var(--tc);
	transition-delay: ease-in-out 1s;
	transition-duration: 0.5s;
}
.cust-icon-css {
	color: #838383;
	padding: 10px;
	background: #E0E0E0;
	width: 44px;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
}
.cust-icon-css:hover, .cust-icon-css:focus {
	color: var(--white);
	background: #838383;
	transition-delay: ease-in-out 1s;
	transition-duration: 0.5s;
}
.wa-color {
	background: #2cca3e;
	color: var(--white);
	padding: 7px;
	font-size: 29px;
	vertical-align: middle;
	text-align: center;
	border-radius: 5px;
	width: 44px;
}
.copy-color {
	background: var(--tc);
	color: var(--white);
	padding: 7px;
	font-size: 29px;
	vertical-align: middle;
	text-align: center;
	border-radius: 5px;
	width: 44px;
}
.ex-color {
	background: #297943;
	color: var(--white);
	padding: 7px;
	font-size: 29px;
	vertical-align: middle;
	text-align: center;
	border-radius: 5px;
	width: 44px;
}
.wa-color:hover,.wa-color:focus,
.copy-color:hover,.copy-color:focus,
.ex-color:hover,.ex-color:focus {
	box-shadow: 0 0 5px #000000aa;
}
.padding-bot-regcss {
    padding-top: 10px;
    padding-bottom: 15px;
}
.reg-titles {
    font-weight: bold;
    margin-bottom: 5px;
	font-size: 15px;
}
.border2pxblack {
    border: 2px solid #000;
}
.reg-text-css::placeholder {
	color: #A8A8A8 !important;
}
.reg-text-css {
    color: #000;
    padding: 8px 15px !important;
    font-size: 17px;
    border-radius: 9px;
    height: auto !important;
}
.reg-text-css:focus,.reg-text-css:checked,.reg-text-css:active {
	box-shadow: 0 0 2px #000, 0 0 3px #000;
}
td.page {
	padding: 15px;
	width: 15px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}
.contentcenter {
	align-self: center;
}
.form-group {
	margin-bottom: 0rem;
}
.videocss{
	width:100%;
	height:100%;
	border:0px;
}
.vpimagecss {
	width: 100%;
	border-radius: 15px;
}
.squarecontentcss {
    padding: 30px;
    box-shadow: 0 0 13px #00000094;
	width: 100%;
    height: 100%;
}
.margin-bot-css-vp {
	margin-bottom: 30px;
}
td.tableborderscss {
	border: 1px solid #A8A8A8;
	padding: 10px 0;
}
.width100 {
	width: 100%;
}
.bigcheckbox {
	width: 20px;
	height: 20px;
}
.cust-m-box-css {
	padding: 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.hrclass90 {
    margin: 10px 0;
    width: 90%;
	border-top: 1px solid rgb(0 0 0 / 32%);
}
.hrclass100 {
    margin: 15px 0;
    width: 100%;
	border-top: 1px solid rgb(0 0 0 / 32%);
}
.rcss {
	color: #000;
	font-size: 17px;
	text-decoration: none;
}
.rcss:hover, .rcss:focus {
	color: var(--tc);
	text-decoration: none;
}
.p-bkac-css {
    padding: 10px;
    background: var(--tc);
	line-height: 22px;
	color: var(--white);
}
p.top-title-css input[type="checkbox"] {
    margin-right: 15px;
}
.m-b-5 {
	margin-bottom: 14px;
}
.fontvidcss {
	font-size: 24px;
}
.cust-title-l-css {
	font-size: 32px;
	text-align: left;
	padding-top: 30px;
	padding-left: 20px;
}
.login-back-css {
	background: url(img/lback.jpg);
	background-size: cover;
	padding: 150px 0;
}
li.centeralign.nav-item.li-menu-css i {
    font-size: 22px;
    margin: 0 5px;
}
.topbutcss {
    padding: 6px 30px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 5px;
    border: 0px;
    outline: 0px;
    box-shadow: 0 0 10px #0000006e;
}
.topbutcss:hover, .topbutcss:focus {
    background: var(--tc);
}
span.memcss {
    font-size: 23px;
    color: var(--white);
    font-weight: 500;
    text-shadow: 0 0 10px #0000008c;
    margin-left: 25px;
}
.modal-title {
	font-size: 20px;
}
.modal-footer .btn.btn-default {
    background: var(--tc);
    padding: 4px 20px;
    color: var(--white);
    text-transform: uppercase;
}
.modal-backdrop {
	background: #00000000;
}
.modal-header, .modal-body, .modal-footer {
	padding: 5px 15px;
}
textarea.form-control {
	margin-top : 5px;
	margin-bottom : 5px;
	background-color: var(--ltc) !important;
}
.footertextcss {
    font-size: 12px;
    margin-bottom: 10px;
}
.newfottext {
	font-size: 16px;
}
.legalcss {
    padding: 30px;
    background: white;
}
.srabscss {
    position: fixed;
    right: 20px;
    bottom: 20px;
    border: 2px solid var(--white);
    border-radius: 5px;
	z-index: 999 !important;
}
.srfsbuttoncss {
    font-size: 24px;
    align-content: center;
    background: var(--tc);
    color: var(--white);
    padding: 8px 18px;
    border-radius: 5px;
    border: 0px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 1px;
    outline: 0px;
}
.srfsbuttoncss:hover, .srfsbuttoncss:focus {
    color: var(--white);
    text-shadow: 0 0 2px var(--white);
    border: 0px !important;
    outline: 0px !important;
    background: var(--tc);
    transition-delay: ease-in-out 1s;
    transition-duration: 0.5s;
}
.display_v_center {
    display: flex;
    justify-content: end;
    align-items: center;
    row-gap: 15px;
    column-gap: 11px;
}
.reset_carats {
    color: black;
    font-size: 15px;
    margin-top: 8px;
}
.reset_carats:hover {
    color: var(--tc);
	text-decoration: none;
}
.inp_title {
    font-size: 20px;
    font-weight: 900;
    color: var(--tc);
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid;
    margin-bottom: 20px;
}
.exvg_main_box > input.symmetrych{
 opacity: 0;
 position: absolute;
}
.button_nr {
    position: relative;
    display: grid;
}
.mc_input_css {
    position: absolute;
    bottom: -33px;
    left: 0;
    max-width: 97%;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid var(--tc);
    padding: 2px 5px;
}
.nodec {
	text-decoration : none;
}
.nodec:hover,
.nodec:focus,
.nodec:active {
	text-decoration : none;
}
.divTableCell > a.color-adefault {
	color: #2aa6dc;
    font-weight: 600;
}
.divTableCell > a.color-memo {
	color: #b42222;
    font-weight: 600;
}

.divTableCell > a.color-memonw {
	color: #41b110;
    font-weight: 600;
}

.divTableCell > a.color-adefault:hover,
.divTableCell > a.color-adefault:focus,
.divTableCell > a.color-adefault:active {
	color: #2aa6dc;
}
.divTableCell > a.color-memo:hover,
.divTableCell > a.color-memo:focus,
.divTableCell > a.color-memo:active {
	color: #b42222;
}
.divTableCell > a.color-memonw:hover,
.divTableCell > a.color-memonw:focus,
.divTableCell > a.color-memonw:active {
	color: #41b110;
}

.gird_div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.gird_div .grid_1 {
    text-align: left;
}
.gird_div .grid_2 {
    text-align: center;
}
.gird_div .grid_3 {
    text-align: right;
}
.cert_icon {
	background-color: var(--tc);
	font-size: 14px;
	padding: 4px 8px;
}
.dd_logo_css {
    max-width: 180px;
	margin-inline: auto;
}
.dd_table_grid {
    display: grid;
}
.dd_para {
	padding: 3px 5px;
    text-align: center;
}
.dd_itg {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	margin-top: 5px;
	column-gap: 5px;
    row-gap: 5px;
}
.dd_itg_main .dd_inside_content {
    background: var(--tc);
	color: var(--white);
}
.dd_inside_content {
    background: var(--ltc);
    border: 1px solid #c6d3eb;
	border-radius: 5px;
}
.dd_ivg_button {
    background: var(--tc);
    color: var(--white);
    border: 0;
    padding: 8px 15px;
    border-radius: 6px;
    box-shadow: 5px 5px 0px var(--ltc);
    width: 100%;
}
.dd_table_grid {
    display: grid;
    margin-inline: auto;
    max-width: 506px;
    margin-block: 15px;
}
.dd_download_b_grids {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 15px;
    row-gap: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.dd_video_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 15px;
    row-gap: 15px;
}
.dd_ivg video {
    border-radius: 10px;
}
#pdfContainer {
    border: 1px solid #c6d3eb;
    border-radius: 10px;
    margin-top: 20px;
    padding: 2px;
    background: var(--white);
}
.header_grid {
    display: grid;
    grid-template-columns: 5fr 3fr 5fr;
    box-shadow: 0 0 10px #00000026;
}
.grid_h_two {
	display: grid;
	place-content: center;
}
.grid_h_three {
    display: flex;
    justify-content: end;
    align-items: center;
    row-gap: 10px;
    column-gap: 10px;
	padding: 0 15px 0 0;
}
.grid_h_three_main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 10px;
    column-gap: 10px;
    padding: 0 15px 0 0;
}
.grid_h_three a .fsbuttoncss {
    min-width: 186px;
}
.table_fixed_header {
	width: 400px;
	table-layout: fixed;
	border-collapse: collapse;
}
.table_fixed_header tbody {
	display: block;
	width: 100%;
	overflow: auto;
	height: 100px;
}
.table_fixed_header thead tr {
	display: block;
}
.table_fixed_header thead {
	background: black;
	color: #fff;
}
.table_fixed_header th,
.table_fixed_header td {
	padding: 5px;
	text-align: left;
	width: 200px;
}
.lbccbox {
	font-family: system-ui, sans-serif;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.1;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 0.5em;
	margin: 0;
    position: absolute;
	top: 10px;
	left: 10px;
}
.mobile_grid {
    border-radius: 5px;
    border: 0.5px solid #dbdbdb;
	background: #fbfbfb;
	color: #000;
    margin-block: 12px;
}
.mobile_grid:nth-child(even) {
	background: #dbf4ff;
}
.mobile_grid * p {
    padding: 5px;
}
input[type="checkbox"].ccheckbox {
    display: grid;
    place-content: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 24px;
    height: 24px;
    border: 1.5px solid currentColor;
    border-radius: 3px;
    transform: translateY(-0.075em);
}
input[type="checkbox"].ccheckbox::before {
	content: "";
	width: 20px;
    height: 20px;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em #000;
	border-radius: 3px;
}
input[type="checkbox"].ccheckbox:checked::before {
	transform: scale(0.8);
}
.data_bf {
    font-size: 18px;
    font-weight: 800;
    text-align: right;
	margin: 0;
}
.data_sf {
	margin: 0;
	font-size: 14px;
}
.data_nf {
	margin: 0;
	font-size: 14px;
}
.grid_one {
    display: grid;
	position: relative;
}
.grid_two {
    display: flex;
    place-content: center;
    column-gap: 10px;
}
.grid_three {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.grid_five, .grid_six, .grid_eight {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.mobile_grid .grid_one,
.mobile_grid .grid_two {
	border: 0.5px solid #dbdbdb;
}
.mobile_grid .grid_three p,
.mobile_grid .grid_four p,
.mobile_grid .grid_five p,
.mobile_grid .grid_six p,
.mobile_grid .grid_seven p,
.mobile_grid .grid_eight p,
.mobile_grid .grid_nine p,
.mobile_grid .grid_ten p {
    border: 0.5px solid #dbdbdb;
}
.divTable.blueTable .divTableBody .divTableCell:last-child {
    max-width: 180px;
}
.remarkcss {
    overflow-x: auto;
    width: 100%;
    text-align: left;
    white-space: nowrap;
}

.remarkcss::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.remarkcss::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
.remarkcss::-webkit-scrollbar-thumb {
  background: var(--tc); 
  border-radius: 10px;
}
.remarkcss::-webkit-scrollbar-thumb:hover {
  background: var(--tc); 
}
.icons_cert_pdf {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 5px;
    column-gap: 5px;
}
.form_input_amount_buts {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}
#disfrom, #disto, .new_input_css {
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--black);
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.row_margin_bottom {
    margin-bottom: 5px;
}
.adv_srch_css_text {
    font-size: 20px;
    text-align: center;
    margin-top: 15px;
}
.adv_filter_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 8px;
    column-gap: 30px;
    padding: 15px;
}
.adv_fg_in_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 15px;
}
.advfd_input_grid {
    display: flex;
    gap: 6px;
}
.advanced-filter {
	display: none;
}
.pos_relative {
	position: relative;
}
p#toggleText {
    margin: 0;
    position: absolute;
    background: var(--ltc);
    padding: 5px 10px;
    border-radius: 5px;
    right: 15px;
    top: 18px;
    cursor: pointer;
}
@media (max-width: 1440px) {
	.grid_h_three a .fsbuttoncss {
		min-width: 120px;
	}
	.logocss {
		width: 99px;
	}
	.fsbuttoncss {
		font-size: 14px;
	}
	.menu-css {
		font-size: 13px;
		font-weight: 200;
	}
    .divTable.blueTable .divTableBody .divTableCell {
        font-size: 10px;
    }
	.divTable.blueTable .divTableHeading .divTableHead {
		font-size: 10px;
	}
}
@media screen and (min-width: 1366px) {
	.width1366 {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 1366px) {
	.inside-but-css {font-size: 13px;width: 95px;}
	.cust-but-one-abc label {min-width: 66px;}
	.cust-but-onenew-abc label {min-width: 60.7px;}
	.cust-but-two-abc label {min-width: 58px;}
	.cust-but-three-abc label {min-width: 50px;}
	.cust-but-five-abc label {min-width: 58px;}
	.cust-but-four-abc label {min-width: 48px;}
	.dontdisplayonstart {min-width: 1250px;}
}
@media (max-width: 768px) {
	.grid_h_one {
        display: block;
        text-align: center;
    }
	.header_grid {
        grid-template-columns: 1fr;
        padding-bottom: 0;
        margin-bottom: 0;
    }
	.fsbuttoncss {
		width: 100%;
	}
	.fsbuttoncsscf {
		width: 100%;
	}
	.grid_h_three.lg_grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	.grid_h_three {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		justify-content: center;
		align-items: center;
		padding: 10px;
		row-gap: 5px;
		column-gap: 5px;
	}
	.grid_h_three_main {
		padding: 0;
	}
	.grid_h_three_main > div {
		width: 100%;
	}
	.result_page_grid a:first-child {
		grid-column: span 2;
	}
	.dd_download_b_grids {
		grid-template-columns: repeat(2, 1fr);
	}
	.dd_video_grid {
		grid-template-columns: repeat(1, 1fr);
	}
    .display_v_center {
        justify-content: center;
        align-items: center;
    }
    .insidelogocss {
        text-align: center;
    }
	.legalcss {
		padding: 15px;
	}
	.srabscss {
		right: 3%;
		bottom: 20px;
		z-index: 999 !important;
		width: 94%;
	}
	.gird_div {
        display: grid;
        grid-template-columns: 3fr 1fr 1fr;
    }
	.logocss {
		width: 120px;
		margin: 0;
	}
	.skewb {
		padding: 30px 0px 30px 0px;
		margin-top: 30px;
	}
	.topbutcss {
		padding: 5px 0px;
		font-size: 18px;
		width: 100%;
		margin-bottom: 8px;
	}
	span.memcss {
		font-size: 20px;
		margin-left: 0px;
		margin-top: 10px;
	}
	.login-back-css {
		background: url(img/mlback.jpg);
		background-size: cover;
		padding: 20px 0;
	}
	.text-css {
		padding: 25px 30px 15% 30px !important;
	}
	.cust-title-l-css {
		font-size: 26px;
		text-align: center;
		padding-top: 30px;
		padding-left: 0px;
	}
	.form-group {
		margin-bottom: 1rem;
	}
	.title-hw-msg-sub-css {
		font-size: 30px;
	}
	.cust-big-pad-css {
		padding: 30px 0;
	}
	.cust-internalw {
		width: 100%;
		margin:auto;
	}
	.cust-internalpage-pad-css {
		width:100%;
		margin:auto;
		padding: 25px 15px;
	}
	.skew:after {
		height: 42px;
	}
	.skew2:after {
		height: 42px;
	}
	 .m-nopadding {
		 padding: 0px;
	 }
	.indtitleback {
		padding: 100px 0 100px;
	}
	.contacttitleback {
		background: url("img/m-contact.jpg");
		background-size: cover;
		padding: 30px 0 200px;
		text-align: center;
	}
	.sus-title-css {
		font-size: 38px;
	}
	.sus-stitle-css {
		font-size: 26px;
	}
	.sustitleback {
		padding: 100px 0 100px;
	}
	.tab-but-css {
		width: 48.6%;
		padding: 10px 0;
		color: #797d7e;
		display: inline-block;
		border-bottom: 3px solid #797d7e7a;
		cursor: pointer;
	}
	.tabcontent {
		padding: 20px 20px;
	}
	.tab-but-css i {
		font-size: 26px;
	}
	.tabcontent {
		padding: 33px 20px;
		margin-top: 30px;
		background: #e6e6e6;
	}
	h1, h2, h3, h4, h5, h6 {
		margin: 0px 0 10px 0;
	}
	.cust-common-pad12-css {
		padding-top: 45px;
		padding-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
	}
	.cust-common-ind-css {
		padding-top: 45px;
		padding-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
	}
	.rightcontentcss1 {
		background: var(--tc);
		position: relative;
		bottom: 0;
		max-width: 0;
		min-width: 100%;
		padding: 15px;
		left: 0;
	}
	.rightcontentcss2 {
		background: #eaeaeabf;
		position: relative;
		bottom: 0;
		max-width: 0;
		min-width: 100%;
		padding: 15px;
		left: 0;
	}
	.rightcontentcss3 {
		background: var(--tc);
		position: relative;
		bottom: 0;
		max-width: 0;
		min-width: 100%;
		padding: 15px;
		left: 0;
	}
	.tab-but-css:hover {
		border-bottom: 6px solid #797d7e7a !important;
		padding: 7px 0;
	}
	.focusred {
		border-bottom: 6px solid var(--tc);
		padding: 7px 0;
	}
	.focusred:hover {
		border-bottom: 6px solid var(--tc) !important;
		padding: 7px 0;
	}
	.menu-css {
		font-size: 16px;
		font-weight: 200;
	}
	.m-nopadding {
		padding: 0;
	}
	.threeboxcss p {
		margin-bottom: 20px;
	}
	.border-right-css {
		border-right: 0px;
	}
	.inside-padding-css {
		padding: 20px;
	}
	.newtext {
		padding: 15px;
		margin-top: 0;
		margin-left: 0;
		max-width: 500px;
		z-index: 9999;
		font-family: Arial;
		font-weight: bold;
	}
	.imgcssabc {
		width: 37px;
	}
	.newtext p {
		font-size: 16px;
	}
	.main-bar-b-css {
		background: #ffe500;
		border: 0;
		text-transform: uppercase;
		padding: 5px 10px;
		font-weight: 500;
		color: #000;
		font-size: 15px;
		border-radius: 30px;
		margin-top: 28px;
		position: absolute;
		right: 10px;
		top: -77px;
	}
	ul.ul-menu-css.navbar-nav.ml-auto {
		background: var(--tc);
		padding: 15px 20px;
		border-radius: 5px;
		align-items: baseline;
	}
	.padsevencss {
		background: var(--white);
	}
	.navbar-light .navbar-nav .nav-link {
		color: var(--white) !important;
	}
	.menu-css {
		color: #000 !important;
		font-weight: 600;
		padding: 0 10px;
	}
	.pairs_div {
		padding-top: 15px;
	}
	.topbar-img-css {
		width: 150px;
	}
	.half-width-css {
		width: 50%;
		padding: 3px;
	}
	.four-steps-css-numbers {
		font-size: 54px;
		width: 100px;
		height: 100px;
	}
	.four-steps-css-text {
		font-size: 19px;
	}
	.c-para-css {
		font-size: 16px;
		padding: 5px 5px 7px;
		vertical-align: middle;
	}
	.marquee-css {
		font-size: 16px;
	}
	.about-css {
		font-size: 26px;
		margin-top: 15px;
	}
	.carousel-caption h1 {
		font-size: 24px;
	}
	.button-css {
		margin: 15px;
		background: #0A7D15;
		color: var(--white);
		border: 2px solid var(--white);
		padding: 2px 10px;
		font-size: 16px;
		font-weight: 700;
		cursor: pointer;
	}
	.navbar-light .navbar-toggler-icon {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(61,61,61,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	.navbar-light .navbar-toggler {
		border-color: #3d3d3d;
	}
	ul.displayinmobile.ul-menu-css.navbar-nav.ml-auto {
		background: #ffe500;
		padding: 5px 15px;
		margin: 15px 0;
		border-radius: 7px;
	}
	.m-menu-title-css {
		font-size: 16px;
		font-weight: bold;
	}
	.cust-but-css {
		display: inline-block;
	}
	li.nav-item.li-menu-css.box-menu-css {
		padding: 0px 17px !important;
		color: var(--white);
		border-radius: 50px;
		display: inline-block;
		margin: 0;
	}
	.m-menu-para-css {
		font-size: 15px;
	}
	.m-sub-menu-title-css {
		font-size: 20px;
		font-weight: bold;
		margin: 0;
	}
	.menu-cust-s-menu-css {
		background: #ffba89;
	}
	.m-menu-main-t-css {
		font-size: 20px;
		font-weight: bold;
		margin: 0;
		padding: 10px 0px;
	}
	.m-twenty-pad-css {
		padding: 20px;
	}
	.m-menu-main-h-css {
		font-size: 24px;
		font-weight: bold;
	}
	.left-menu-css {
		width: 80%;
	}
	.right-menu-css {
		width: 20%;
		text-align: right;
	}
	
	.pos-absolute-css {		
		position: absolute;
		text-align: center;
		width: 100%;
	}
	.m-menu-back {
		background: url("img/m-menu-box.jpg");
		background-attachment: fixed;
		background-size: contain;
		background-repeat: repeat;
		background-position: center;
	}
	.myVideo {width:100%;}
	.img-top-css {
		width: 300px;
		padding: 30px 0;
	}
	.col-md-7-m {
		width: 60%;
	}
	.col-md-5-m {
		width: 40%;
	}
	.col-md-6-m {
		width: 50%;
	}
	.col-md-12-m {
		width: 100%;
	}
	.squarecontentcss {
		text-align: center;
		padding: 15px;
		box-shadow: 0 0 10px #00000094;
		margin-bottom: 20px;
	}
	.videocss{
		width:300px;
		height:320px;
		border:0px;
	}
	.margin-bot-css-vp {
		margin-bottom: 20px;
	}
	.vpimagecss {
		width: 300px;
	}
	.maincss {
		padding: 0;
	}
	.wa-color,
	.copy-color,
	.ex-color {
		margin: 10px 0;
	}
	.form-group {
		margin-bottom: 1rem;
	}
	.l-logincss,.r-logincss {
		padding: 20px;
	}
	.custlcss {
		padding: 15px 0px;
		width: 100%;
		margin: auto;
	}
	.loginback {
		padding: 50px 0;
	}
	.homeback-1 {
		background: none;
		padding: 15px;
		margin-bottom: 20px;
	}
	.homeback-2 {
		background: none;
		padding: 15px;
		margin-bottom: 20px;
	}
	.homeimgm {
		width: 100%;
		margin-bottom: -40px;
	}
	.footertextcss {
		font-size: 14px;
	}
	.footercss {
		padding: 30px;
	}
	.footerul {
		justify-content: center;
	}
	.custmow {
		width: 50%;
	}
	.copyrightcss {
		margin-top: 30px;
	}
	.custmargin-carat {
		margin-top: 0;
	}
	.wid-25-per {
		width: 49%;
	}
	.wid-10-per {
		width: 32.0%;
	}
	.filter-titles {
		text-align: left !important;
		margin: 15px 0 4px 0;
	}
	.custf-css {
		text-align: left !important;
		margin: 15px 0 4px 0;
	}
	.smalltextcss {
		margin-top: 0;
	}
	.pu-buttoncss {
		margin: 5px 0;
	}
	.caratcss {
		width: 50%;
		margin-bottom: 13px;
	}
	.inv-title-css {
		font-size: 26px;
		text-align: center;
		margin-bottom: 15px;
	}
	.inv-title-abt-css {
		font-size: 16px;
		padding-bottom:10px;
		text-align: center;
	}
	.boxpadding {
		padding: 30px 0px;
	}
	.filter-titles-veera {
		margin-bottom: 6px;
	}
    .padone {
        margin-top: 5px;
    }
	.padone .form-group {
		width: 31%;
        margin-bottom: 5px;
	}
	.inside-but-css {
		width: 88%;
	}
	.padtwo {
		padding-left: 15px;
		padding-right: 15px;
	}
	.justifycss {
		display: block;
		justify-content: space-between;
	}
	.cust-but-one-abc label, .cust-but-onenew-abc label, .cust-but-two-abc label, .cust-but-three-abc label, .cust-but-five-abc label, .cust-but-four-abc label, .cust-but-loc-abc label {
		width: 100%;
		min-width: 25px;
	}
	.cust-but-loc-abc {
		width: 48.3%;
		margin-bottom: 10px;		
	}
	.cust-but-one-abc {
		width: 31%;
		margin-bottom: 10px;
	}
	.cust-but-onenew-abc {
		width: 31%;
		margin-bottom: 10px;
	}
	.cust-but-two-abc {
		width: 23.2%;
		margin-bottom: 10px;
	}
	.cust-but-four-abc {
		width: 31%;
		margin-bottom: 10px;
	}
	.cust-but-three-abc {
		width: 31%;
		margin-bottom: 10px;
	}
	.cust-but-five-abc {
		width: 31%;
		margin-bottom: 10px;
	}
	.cust-icon-css {
		margin-top: 10px;
	}
	.text-center-m {
		text-align: center !important;
	}	
	.newpadcss {
		padding: 30px 10px;
	}
	.remarkcss {
		overflow-x: hidden;
		width: 100%;
		white-space: normal;
	}
    a.blantershow-chat {
        bottom: 85px !important;
        left: 13px !important;
    }
    
    #whatsapp-chat {
        bottom: 170px !important;
    }
    .icons_res_vc {
        display: inline-flex;
        row-gap: 10px;
        column-gap: 10px;
    }
}


@media (min-width: 768px) {
	.header_grid.displayinpc {
		display: grid;
	}
	.header_grid.displayinmobile {
		display: none;
	}
}
@media (max-width: 768px) {
	.header_grid.displayinpc {
		display: none;
	}
	.header_grid.displayinmobile {
		display: grid;
		padding: 0;
		margin: 0;
		grid-template-columns: 1fr 6fr 1fr;
	}
	.cust_mobile_container {
		padding: 10px;
	}
	.mg_grid_css {
		display: grid;
		row-gap: 10px;
		column-gap: 10px;
	}
	.grid_h_icons {
		display: grid;
		place-items: center;
	}
	.gh_icons {
		color: #000;
	}
	.header_grid.displayinmobile > .result_page_grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.header_grid.displayinmobile > .result_page_grid a:first-child {
		grid-column: span 1;
	}
	.header_grid.displayinmobile > .result_page_grid a > .fsbuttoncss {
		font-size: 20px;
		padding: 2px 0px;
	}
	.crgi_1 > .crgi_1_1 > label {
		position: relative;
		left: 5px;
		top: 0;
		width: auto;
		display: flex;
		transform: scale(1.5);
		margin-right: 10px;
	}
	.crg_inside {
		display: grid;
		grid-template-columns: 5fr 2fr;
		row-gap: 10px;
		column-gap: 10px;
	}
	.crgi_1_1 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		column-gap: 10px;
	}
	.rvs_icon {
		font-size: 18px;
	}
	.responsivevs {
		position: fixed;
		text-align: center;
		right: 3%;
		bottom: 15px;
		z-index: 999 !important;
		width: 80px;
		font-size: 14px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--tc);
		border: 0;
		padding: 5px;
		border-radius: 6px;
	}
	.responsivevs a {
		color: #fff;
	}
	.cust_wa_but > a.blantershow-chat {
		bottom: 15px !important;
		left: 15px !important;
	}
	.cust_wa_but > #whatsapp-chat {
		bottom: 99px !important;
	}
	.crgi_1_2 {
		display: grid;
		grid-template-columns: 5fr 7fr;
		margin-top: 12px;
		margin-bottom: 10px;
	}
	.crgi_2_1 {
		display: grid;
		place-items: center;
		background: var(--ltc);
		padding: 7px;
		border-radius: 5px;
		row-gap: 8px;
		column-gap: 5px;
		margin-bottom: 5px;
	}
	.crgi_1_2_1 {
		display: grid;
		row-gap: 7px;
	}
	.crgi_1_2_2 {
		display: grid;
		row-gap: 7px;
	}
	.crg_inside > .crgi_1 > div > div > p {
		font-size: 12.5px;
	}
	.crg_inside > .crgi_1 > .remarkcss {
		font-size: 12.5px;
	}
	.crg_inside > .crgi_2 > div > p {
		font-size: 12.5px;
	}
	.crg_inside > .crgi_2 > p {
		font-size: 12.5px;
	}
	.crg_inside > .crgi_2 > p.data_bf {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 10px;
	}
	.custom_res_grid {
		padding: 6px 8px;
		border-radius: 5px;
		border: 1px solid #dbdbdb;
	}
	.custom_res_grid:nth-child(even) {
		background: #f5f5f5;
	}
	.custom_res_grid:nth-child(odd) {
		background: #f1f6ff;
	}
	.custom_res_grid {
		display: none;
	}
	.total_grid {
		display: flex;
		justify-content: space-around;
		position:relative;
		background: var(--ltc);
		width: 100%;
		padding: 7px 0;
	}
	.items_tb_bar {
		margin: 0;
		font-size: 12px;
		text-align: center;
	}
	.pos_fixed {
		position: fixed;
		top: 0;
		z-index: 99999;
	}
	.pos_f_gap {
		padding-top: 60px;
	}
	button#loadMoreBtn {
		font-size: 12px;
		align-content: center;
		background: var(--tc);
		color: var(--white);
		padding: 5px 15px;
		border-radius: 5px;
		border: 0px;
		text-align: center;
		vertical-align: middle;
		letter-spacing: 1px;
		outline: 0px;
		width: fit-content;
		margin: auto;
		margin-top: 10px;
	}
	.adv_filter_grid {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 10px;
		column-gap: 0;
		padding: 15px;
	}
	.adv_fg_in_grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
	}
	p#toggleText {
		margin: auto;
		position: relative;
		right: auto;
		margin-top: 11px;
		width: 80%;
		text-align: center;
		top: auto;
	}
}
@media (max-width: 370px) {
    .cust-but-two-abc {
        width: 22.9%;
        margin-bottom: 10px;
    }
}