
@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');


/* ====== Default css  ====== */

section a {outline: 0 !important;text-decoration: none !important;}
section a:active,section a:hover,section a:focus {outline: 0 !important;text-decoration: none !important;}
svg {fill: currentColor;}

/* ====== Default css  ====== */
html{height:100%;scroll-behavior: smooth;overflow-x:hidden;width: 100%;}
a:focus,a:hover,a:active{outline: none; text-decoration: none;box-shadow: none;}
:focus-visible{outline:none;}
h2.SecHead2{font-family:'Playfair Display', serif;font-weight: 400;font-size: 52px;line-height: 50px;color:#000000;margin:0;display:inline-block;text-align:left;}
body,ul,ol,li,p {margin: 0;padding: 0;list-style: none;}
p.Secpara{font-size:14px;font-family:'Roboto', sans-serif;line-height:20px;}


body {
  position: relative;
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

.mcContainer {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


* {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  list-style: none;
  border: none;
}



.CusCategoryProgressbarContent{color:#E38D17;font-size:22px;line-height:27px;font-weight:700;padding:35px 0 35px;}
span.CusCategoryProgressbar{width: 428px;margin-left: 15px;margin-top: -5px;display: inline-block;vertical-align: middle;height: 7px;background: #E38D17;}
p.customPara{margin:0 0 35px;color:#000;font-size:14px;}
.border_left_0{border-left:0 !important;}



/*CusCategory top*/
.CusCategoryTop{padding:60px 100px;display:flex;position:relative;}
.CusCategoryTop .CusCategoryWrap{display:flex;}
.CusCategoryContent{padding:40px 0 60px 55px;background: #FFFFFF ;border: 1px solid #CACACA;border-radius: 8px;}
.CusCategoryLeft{padding:20px 0 25px;width: 74%;margin-right: -144px;}
.CusCategoryLeft h2.SecHead2{width:100%;}
.CusCategoryLeft p.Secpara{color:#000;margin-left:0;margin-bottom:20px;max-width:78%;}
.CusCategoryCusImg{display:block;background:url('../images/CusCategory/categories-v0.png') no-repeat;width: 492px; background-size: 100%; height: 286px; background-position: bottom;}
.CusCategoryBenifits{display:flex;flex-direction:row;grid-gap:25px;clear:both;width:100%;margin-top:20px;}
.CusCategoryBenifits .imgPlaceholder{padding:0 10px;background:#E7E7E7 ;width:163px;height:163px;border-radius:50%;display: flex;align-items: center;justify-content:center;text-align:center;}
h3.secHeading3{font-size:18px;line-height:20px;font-weight:bold;margin:8px 0;}
.imgPlaceholder:active,.CusCategoryBenifits .imgPlaceholder:hover{background:#E38D17;color:#fff;cursor:pointer;}
.imgPlaceholder .small_cus_img{filter:brightness(0);}
.imgPlaceholder:hover .small_cus_img{filter:unset;}
.CusCategoryTop:after{content:"";background:url('../images/CusCategory/category_btm_bg.png')no-repeat;display:block;position:absolute;bottom: -287px;right: -205px;width: 456px;z-index: -1;height: 100%;}


/*Categories*/
.categories{padding:60px 100px;position:relative;}
.categories:before{content:'';display:block;background-color:#E38D17;width:100%;height:46px;position:absolute;bottom:42px;left:0;z-index:-1;}
.categories:after{content:'';display:block;background:url('../images/CusCategory/category-bg.png') no-repeat;width: 316px;height: 250px;position: absolute;bottom: 88px;right: -142px;z-index: -1;}
.categories .table{width:95.7%;padding: 15px 0;border: 1px solid #B3B3B3;background:#fff;display: block;border-radius: 25px;margin-bottom:0;}
.categoryContent{position:relative;}
.categoryContent:before{content:'';display:block;background:url('../images/CusCategory/category-bg.png') no-repeat;width: 316px;height: 250px;position: absolute;left: -277px;rotate: 0deg;z-index: -1;bottom: 26px;}
.categories .table thead tr th{vertical-align:top;font-size:17px;line-height:26px;font-weight:900;color:#E38D17;text-align:center;padding:15px 0 30px;width:100px;border-bottom:0;border-top:0;}
.categories .table thead tr th p.Secpara{color:#000;font-weight:400;font-size:17px;line-height:26px;}
.categories .table tbody tr td {padding: 12px 20px;}
.categories .table tbody tr:nth-child(odd) {background: #E7E7E7;}
.categories .table tbody tr:nth-child(even) td{padding: 15px 20px;}
.categories .table thead tr th:nth-child(1), .categories .table tbody tr td:nth-child(1){border-left:0;}
.categories .table thead tr th:nth-child(3), .categories .table tbody tr td:nth-child(3){border-right:0;}
.categories .table>tbody>tr>td{border-bottom:0;border-top:0;font-size:16px;line-height:22px;color:#000;text-align:center;}
.categories .table thead tr th, .categories .table>tbody>tr>td{border:1px solid #C1BEBE;border-bottom:0;border-top:0;}


/*Zonal awards*/
.ZonalAwards{padding-top:60px;position:relative;}
.ZonalAwards:before{background-color:transparent;content:'';display:block;background:url('../images/CusCategory/zonal_bg.png') no-repeat center;background-size:cover;width: 100%;height: 583px;position: absolute;bottom: 0;left:0;}
.ZonalAwards:after{display:none !important;}
.ZonalAwards .categoryContent:before{display:none !important;}
.ZonalAwards .table thead tr th{width:287px;}
.ZonalAwards .table thead tr th:nth-child(3), .ZonalAwards .table tbody tr td:nth-child(3){border-right:1px solid #C1BEBE;}
.ZonalAwards .table thead tr th:nth-child(4), .ZonalAwards .table tbody tr td:nth-child(4){border-right:0;}








/*Responsive css*/


@media all and (max-width:1200px){
h2.SecHead2{font-size:40px;line-height:40px;}	
.mcContainer {padding-left: 20px;padding-right: 20px;width:100%;}	
.CusCategoryTop, .categories{padding:60px 0 0;}
.CusCategoryContent{padding:40px 0 60px 25px;}
.CusCategoryCusImg img{max-width:100%;}
.CusCategoryLeft{margin-right:-95px;}
span.CusCategoryProgressbar {width:227px;}
.CusCategoryBenifits{padding-right:25px;}
.CusCategoryBenifits .imgPlaceholder{width:150px;height:150px;}
h3.secHeading3{font-size:16px;line-height:20px;}
.categories .table {width:100%;}
.categories:before {bottom:-17px;}
.categories:after{bottom:32px;}
.ZonalAwards{padding-bottom:30px;}
.ZonalAwards:before{bottom:0;}

	
}


@media all and (max-width: 980px) {
img{max-width:100%;}
.mcContainer {width: 100%;padding-left: 15px;padding-right: 15px;}
h2.SecHead2{font-size:23px;line-height:35px;}
p.Secpara{font-size:15px !important;line-height:24px !important;}
.CusCategoryContent{padding:0px 15px 30px 15px;}
.CusCategoryWrap{padding:10px 20px 0 20px;flex-direction:column;}
.CusCategoryLeft{max-width: 100%;margin-right: 0;width:100%;}
.CusCategoryTop:after{display:none;}
span.CusCategoryProgressbar{width:55%;height:5px;}
.CusCategoryProgressbarContent {font-size:20px;padding:10px 0 20px;}
.CusCategoryLeft p.Secpara{text-align:left;max-width:100%;}
.CusCategoryLeft h2.SecHead2 {margin-bottom:0;}
.CusCategoryCusImg{height: 217px;margin: -25px auto;background-position: center;margin-bottom:20px;}
.CusCategoryBenifits{padding:0;grid-gap:10px;}
.CusCategoryBenifits .imgPlaceholder{width: 130px;height: 130px;padding:0 45px;}
.CusCategoryBenifits .imgPlaceholder h3.secHeading3 {font-size: 12px;line-height: 14px;}
.categories .table>tbody>tr>td {font-size:15px;}
.categories .table-responsive{border-radius:10px;}
.categories .table thead tr th{font-size: 15px;line-height: 16px;padding:9px 7px 5px;}
.categories .table tbody tr:nth-child(even) td{border-right:1px solid #C1BEBE;padding:10px 20px;}
.categories .table tbody tr td{padding:10px 14px;}


 }


@media (max-width: 767px) {
	p.customPara{margin:0 0 20px;}
	.CusCategoryTop, .categories{padding:30px 0 0;}
	.CusCategoryLeft h2.SecHead2{width:100%;}
	.CusCategoryCusImg{margin-bottom:50px;max-width:100%;margin:-50px auto 43px;}
	.CusCategoryWrap{padding:0;}
	.CusCategoryContent{padding:10px 15px 20px 15px;}
	span.CusCategoryProgressbar{width:20%;}
	.CusCategoryBenifits{overflow:auto;margin-top:-20px;margin-bottom:15px;}
	.CusCategoryBenifits .imgPlaceholder{width: 120px;height: 120px;padding:0 45px;}
    .categories .table{background:#fff !important;border:none;border-radius:0;}
.categories .table-responsive{background:#fff;border-radius:10px;}
.categories .table-responsive::-webkit-scrollbar {height:15px;}
.categories .table-responsive::-webkit-scrollbar-track {background: #E7E7E7 ;border-radius:3px;}
.categories .table-responsive::-webkit-scrollbar-thumb {background: #E38D17 ;border-radius:3px;}
.ZonalAwards{padding-top:30px !important;}

}



@media all and (max-width: 480px) {
p.Secpara {font-size: 14px !important;}
span.mobProgress{width:45%;}
.categories:after, .categories:before{display:none;}
.CusCategoryCusImg {margin:-92px auto 3px;}
	
}