/*.footer h4{font-family: var(--primary-font);}*/
.cAddress p{margin-bottom:20px;}

/* HOME PAGE SECTION */
h2.head{font-family: var(--primary-font);font-weight: 700;font-size: 35px;line-height: 44px;}
h2.heading {font-size: 40px;font-weight: 700;text-align: center;line-height: 50px;color: #000;}
.bg_img{display:block; clear:both;}
.bg_img_mob{display:none; margin-top:70px;}

.overViewSection{padding: 60px 0px;background-color:#fff; position:relative;}
.overViewSection p{font-family: var(--primary-font);font-weight: 500;font-size:20px;line-height: 30px;text-align: center; color: #000000; max-width:1000px; margin:0 auto;}

.keyAreasSection {padding: 60px 0px;background-color:#f4f4f4; position:relative;} 
.keyAreasSection h2.head{text-align:center; margin-bottom:20px;color:#000;}
p.paraHead{font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px;text-align: center; max-width:1035px; margin:0 auto;}
ul.keyModules {display: flex;flex-wrap: wrap;gap: 20px; list-style: none;padding: 0; margin-top:50px;justify-content: center;}
.keyModules li {flex: 1 1 18%;  background: #fff;border-radius: 12px;padding: 20px; transition: transform 0.2s;}
.keyModules li:hover {transform: translateY(-5px);}
.keyModules li img {margin-bottom:10px;}
.keyModules li h3 {font-family: var(--primary-font);font-weight: 700;font-size: 18px;line-height: 26px; color: #000;}
.keyModules li p { font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 21px; color: #000; text-align: left; }

.gameOnSection{padding: 60px 0px;background-color:#fff; position:relative;} 
.gameOnSection h2.head{text-align:center; margin-bottom:50px;color:#000;}
.gameOnContentBox{max-width:1075px; margin:0px auto;}
.gameOnWrap {display: flex;background: #f4f4f4; border-radius: 27px; overflow: hidden; }
.goLeft{flex: 1; min-width:480px; max-height: 342px;}
.goLeft img{width: 100%;height: 100%;object-fit: cover;display: block;}
.goRight{flex: 1.5;padding: 25px 25px 25px 40px; align-self: center;}
.goRight h3{font-family: var(--primary-font);font-weight: 700;font-size: 25px;line-height: 30px;color:#000;}
.goRight p {font-family: var(--primary-font);font-weight: 400;font-size: 18px;line-height: 30px;letter-spacing: 0.23px; color:#000;}
.goRight a {text-decoration: none;  font-family: var(--primary-font);font-weight: 400;font-size: 20px;line-height: 29px;letter-spacing: 0.23px; color:#CE1815;}
	
.gameOnMobSlide{display:none; margin-top: 30px;}
.gameOnDeskSlide{display:block;}
ul.gameOnModules {display: flex;flex-wrap: wrap;gap: 20px; list-style: none;padding: 0; margin-top:20px;justify-content: center;}
.gameOnModules li {flex: 1 1 49%;  background: #fafafa;border-radius: 14px;padding: 20px 25px; transition: transform 0.2s;}	
.gameOnModules li:hover {transform: translateY(-5px);}	
.gameOnModules li img {margin-bottom:20px; }
.gameOnModules li h3 {font-family: var(--primary-font);font-weight: 700;font-size: 25px;line-height: 30px; color: #000;}
.gameOnModules li p { font-family: var(--primary-font);font-weight: 400;font-size: 18px;line-height: 30px; color: #000; text-align: left; }

.gameOnModulesMob li { background: #fafafa;border-radius: 14px;padding: 20px 25px;}
.gameOnModulesMob li img {margin-bottom:20px; max-width:56px;}
.gameOnModulesMob li h3 {font-family: var(--primary-font);font-weight: 700;font-size: 20px;line-height: 30px; color: #000;}
.gameOnModulesMob li p { font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px; color: #000; text-align: left; }
#gameOnMob .owl-nav {position: absolute;top: 40%;width: 100%;}
#gameOnMob .owl-nav .owl-prev {left: -25px; position: absolute;}
#gameOnMob .owl-nav .owl-next {right: -25px;  position: absolute;}
#gameOnMob .owl-nav .owl-prev{height:35px;width:35px; background:#E3000F; color: #fff;}
#gameOnMob .owl-nav .owl-next{height:35px;width:35px;background:#E3000F; color: #fff;}

.craftingSection {padding: 60px 0px;background-color:#f4f4f4; position:relative;} 
.craftingSection h2.head{text-align:center; margin-bottom:20px;color:#000;}
.craftingSection p.paraTxt{max-width:700px; margin:0 auto; text-align:center; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px;}
.craftingContentBox{max-width:1075px; margin:20px auto;}
ul.craftingModules {display: flex;flex-wrap: wrap;gap: 30px; list-style: none;padding: 0; margin-top:20px;justify-content: center;}
.craftingModules li {flex: 1 1 31%;  background: #fff;border-radius: 18px; box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.08); padding: 18px 25px; transition: transform 0.2s; text-align:center;}	
.craftingModules li:hover {transform: translateY(-5px);}	
.craftingModules li img {margin-bottom:10px;}
.craftingModules li h3 {font-family: var(--primary-font);font-weight: 700;font-size: 22px;line-height: 28px; color: #1D1D1F;}
.craftingModules li p { font-family: var(--primary-font);font-weight: 700;font-size: 18px;line-height: 28px; color: #1D1D1F; margin:0px; }
.craftingModules li p .txtC1{color:#58C8C9;}
.craftingModules li p .txtC2{color:#EA7600;}
.craftingModules li p .txtC3{color:#F9C500;}
.craftingModules li p .txtC4{color:#ACACAC;}
.craftingModules li p .txtC5{color:#ACACAC;}
.craftingModules li p .txtC6{color:#ACACAC;}


.careerSection {padding: 60px 0px;background-color:#fff; position:relative;} 
.careerSection h2.head{text-align:center; margin-bottom:20px;color:#000;}
.careerSection p.paraTxt{max-width:900px; margin:0 auto; text-align:center; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px;}

/*
ul.careerModules {display: flex;flex-wrap: wrap;gap: 20px; list-style: none;padding: 0; margin-top:20px;}
.careerModules li {flex: 1 1 19%;  background: #fff;border-radius: 18px; border:1px solid #f4f4f4; padding: 0px; transition: transform 0.2s;}	
.careerModules li:hover {transform: translateY(-5px);}	
.careerHeadBox{background-color:#f4f4f4; height:70px; border-top-left-radius: 18px; border-top-right-radius: 18px; align-items: center; padding:10px 20px;display: flex;}
.careerModules li h3 {font-family: var(--primary-font);font-weight: 700;font-size: 18px;line-height: 28px; color: #000; }
.careerModules li p { font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px; color: #000; margin:0px;padding:10px 20px;}*/
.careerModules {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px; margin-top:20px;}
.careerModules li { background: #fff;border-radius: 18px; border:1px solid #f4f4f4; padding: 0px; transition: transform 0.2s;}	
.caBlock {position: relative;}
.caBlock h3 {margin: 0;cursor: default;display: flex;justify-content: space-between;align-items: center; font-family: var(--primary-font);font-weight: 700;font-size: 18px;line-height: 28px; color: #000; background-color:#f4f4f4; height:70px; border-top-left-radius: 18px; border-top-right-radius: 18px; padding:10px 20px;}
.caContent{padding:10px 20px;}
.caBlock li p { font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px; color: #000; margin:0px; }
.toggle-icon{display:none;}
.toggle-icon::before {content: '+';font-size: 19px;transition: transform 0.3s ease;}
.caBlock.active .toggle-icon::before {content: '−';}
.caContent {display: block;  overflow: visible;
      transition: max-height 0.5s ease, padding 0.3s ease;}
.caBlock.active .caContent {display: block;}
.caContent p{font-weight: 400;font-size: 14px;line-height: 24px;}

.industryConnectSection {padding: 60px 0px;background-color:#f4f4f4; position:relative;} 
.industryConnectSection h2.head{text-align:center; margin-bottom:20px;color:#000;}
.industryConnectSection p.paraTxt{max-width:900px; margin:0 auto; text-align:center; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px;}

ul.recruiter-client-list {width: 100%;display: flex;align-items: center;flex-flow:wrap;  padding:0px 0px;  margin-top: 30px;  margin-left: 0px;}
.recruiter-client-list li {display: flex;  align-items: center;  justify-content: center;  margin:25px auto 25px auto;}
.recruiter-list-seven li {background:#fff;  padding:10px 6px;  flex-basis: calc(12.5% - 10px);  width: auto;  height: 69px;  margin:5px;  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);  border-radius:4px;}
.recruiter-list-seven li img {max-width: 100px;  max-height: 42px;}

.industryTeamSection{padding: 60px 0px;background-color:#fff; position:relative;} 
.industryTeamSection h2.head{text-align:center; margin-bottom:20px;color:#000;}
.industryTeamSection p.paraTxt{max-width:900px; margin:0 auto; text-align:center; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px;}

.itListMobSlide{display:none;}
.itListDeskSlide{display:block;}
ul.itList{display: flex;flex-wrap: wrap;gap: 20px; list-style: none;padding: 0; margin-top:50px; }
.itList li {flex: 1 1 23%;  background: #f4f4f4;border-radius: 16px; padding: 0px; transition: transform 0.2s;}
.itList li:hover {transform: translateY(-5px);}	
.itList li img{border-top-left-radius: 18px; border-top-right-radius: 18px; }
.itList li .viTxt{padding:15px 10px; text-align:center; margin-bottom: 5px;}
.itList li h4 {font-family: var(--primary-font);font-weight: 700;font-size: 18px;line-height: 21px; color: #000; }
.itList li p { font-family: var(--primary-font);font-weight: 500;font-size: 16px;line-height: 22px; color: #CE1815; margin:0px;}

ul.itListMob{padding: 0; margin-top:50px;}
.itListMob li { background: #f4f4f4;border-radius: 16px; padding: 0px; }
.itListMob li img{border-top-left-radius: 18px; border-top-right-radius: 18px; }
.itListMob li .viTxt{padding:15px 10px; text-align:center; margin-bottom: 5px;}
.itListMob li h4 {font-family: var(--primary-font);font-weight: 700;font-size: 18px;line-height: 21px; color: #000; }
.itListMob li p { font-family: var(--primary-font);font-weight: 500;font-size: 16px;line-height: 22px; color: #CE1815; margin:0px;}

#itSliderMob .owl-dots {text-align: center;position: relative; top: 20px;}
#itSliderMob .owl-dot span{width: 20px;height: 3px;background: #a4a4a4;display: inline-block; margin: 5px; border-radius: 15px;}
#itSliderMob .active span{background: #E31E25;width: 50px;}

.patentsSection{padding: 60px 0px;background-color:#f4f4f4; position:relative;} 
.patentsSection h2.head{text-align:center; margin-bottom:20px;color:#000;}
.patentsSection p.paraTxt{max-width:900px; margin:0 auto; text-align:center; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px;}
.patentWrap{margin-top:50px;}
/* #patentSlider .owl-dots {text-align: center;position: relative; background: #000;display: table; margin: 70px auto 5px; border-radius:12px; line-height: 0;} */
/* #patentSlider .owl-dot{display:inline-block; } */
/* #patentSlider .owl-dot span{width: 65px;height:8px;background: #000;display: inline-block; margin: 2px; border-radius:12px;} */
/* #patentSlider .active span{background: #fff; border-radius:12px;} */

#patentSlider .owl-stage{padding-left: 0px !important;}
#patentSlider .item{background: #443F3F;padding:10px 10px 0px 10px; border-radius:12px;}
.miSlide{position:relative; min-height:330px;}
.miContent{position: absolute;  bottom: 0;  padding:20px 20px 20px 20px; }
.overlaySlider{background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 15.85%, rgba(0, 0, 0, 0.817826) 37.72%, rgba(68, 63, 63, 0.144) 100%); position: absolute; width:100%; height:100%;}
.miContent h4{font-family: var(--primary-font);font-weight: 400;font-size: 24px;line-height: 28px;color:#fff;}
.miContent p{font-family: var(--primary-font);font-weight: 400;font-size: 12px;line-height: 18px;color:#fff; margin:0px;}

/* #patentSlider .owl-dots {text-align: center;position: relative; background: #000;display: table; margin: 70px auto 5px; border-radius:12px; line-height: 0;} */
/* #patentSlider .owl-dot{display:inline-block; } */
/* #patentSlider .owl-dot span{width: 65px;height:8px;background: #000;display: inline-block; margin: 2px; border-radius:12px;} */
/* #patentSlider .active span{background: #fff; border-radius:12px;} */

#patentSlider .owl-dots {text-align: center; position: relative; background: #0D0D0D;  display: table;  margin: 30px auto 5px;  border-radius: 12px;  line-height: 0;}

#patentSlider .owl-dots {text-align: center;position: relative; top: 20px;}
/* #patentSlider .owl-dots .owl-dot:first-child  span{border-top-left-radius:12px; border-bottom-left-radius:12px;} */
/* #patentSlider .owl-dots .owl-dot:last-child  span{border-top-right-radius:12px; border-bottom-right-radius:12px;} */
#patentSlider .owl-dot span{width: 20px;height: 10px;background: #000;display: inline-block; margin: 0px; border-radius: 12px; border: 1px solid #000;}
#patentSlider .active span{background: #fff;width: 50px; border-radius: 12px;}
#patentSlider .owl-dots button{box-shadow:none;}


.projectsSection{padding: 60px 0px;background-color:#fff; position:relative;} 
.projectsSection h2.head{text-align:center; margin-bottom:20px;color:#000;}
.projectsSection p.paraTxt{max-width:900px; margin:0 auto; text-align:center; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px;}

ul.neList{margin-top: 12px; display:flex; gap:24px;}
.neList li{margin: 20px 0px 0px; width:50%; background:#f4f4f4; border-radius:16px; padding:40px;} 
/*.neList li:last-child{margin:50px 0px 0px;} */
.newsWrapList{display:flex; align-items: center;}
.newsWrapList img{max-width:270px; border-radius:20px; margin-right:32px; display:none;}
.newsEContent h3{font-family: var(--primary-font);font-size: 25px;font-weight: 700;line-height: 30px;text-align: left; color:#000; margin-bottom:10px;}
.newsEContent p{font-family: var(--primary-font);font-size: 18px;font-weight: 400;line-height: 30px;text-align: left;color:#000; margin-bottom:0px;}
.projectsContentBox{max-width:1090px; margin:20px auto;}

.playgroundSection{padding: 60px 0px;background-color:#f4f4f4; position:relative;} 
.playgroundSection h2.head{text-align:center; margin-bottom:20px;color:#000;}
.playgroundSection p.paraTxt{max-width:900px; margin:0 auto; text-align:center; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px;}
.battlesWrap{margin-top:50px;}
.pgbSlide{position:relative; min-height:330px;}
.playgroundSection .overlaySlider{position: absolute; width:100%; height:100%; background: linear-gradient(180deg, #000000 19.98%, rgba(0, 0, 0, 0) 43.95%);border-radius: 12px;}
.pgbPic img{border-radius: 12px;}
.pgbContent{position: absolute;  top: 0;  padding:20px 20px 0px 20px; }
.pgbContent h4{font-family: var(--primary-font);font-weight: 700;font-size: 18px;line-height: 24px;color:#fff;}
.pgbContent p{font-family: var(--primary-font);font-weight: 500;font-size: 14px;line-height: 24px;color:#fff; margin:0px;}

.creatorsSection{padding: 60px 0px;background-color:#fff; position:relative;} 
.creatorsSection h2.head{text-align:center; margin-bottom:20px;color:#000;}
.creatorsSection p.paraTxt{max-width:900px; margin:0 auto; text-align:center; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 26px;}

ul.galleryCreators {display: flex;flex-wrap: wrap;justify-content: center; list-style: none;gap: 20px; margin:25px 0px 0px 0px;}
ul.galleryCreators li { flex: 1 1 23%;background: white;border-radius: 8px; overflow: hidden; position:relative}
ul.galleryCreators li:nth-child(2){flex: 1 1 47%; }
ul.galleryCreators li img { width: 100%;max-height:230px;min-height: 230px;display: block;object-fit: cover;}

ul.galleryCreators li .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,.5);
}

ul.galleryCreators li:hover .overlay {opacity: 1;}
ul.galleryCreators li .text {
  color: white;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


@media only screen and (min-width: 1341px) and (max-width: 1440px) {
}


@media only screen and (min-width: 1200px) and (max-width: 1340px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.gameOnModules li{flex: 1 1 48%;}
	.recruiter-list-seven li{flex-basis: calc(24.5% - 10px);}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.keyModules li{flex: 1 1 47%;border-radius: 14px;}
	.goLeft{min-width: 270px;}
	.goRight{padding: 20px;}
	.goRight h3, .gameOnModules li h3{font-size: 18px;  line-height: 26px;}
	.goRight p, .gameOnModules li p{font-size: 16px;  line-height: 26px;}
	
	.gameOnModules li{flex: 1 1 48%;}
	.recruiter-list-seven li{flex-basis: calc(24.5% - 10px);}
	.itList li{flex: 1 1 47%;}
	.careerModules{grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (min-width: 992px) and (max-width: 1160px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
	h2.head{font-size: 26px;  line-height: 44px;}
	.bg_img{display:none;}
	.bg_img_mob{display:block; clear:both;}
	.overViewSection{padding: 22px 0px;}
	.overViewSection p{font-size: 16px;line-height: 26px;text-align:center;}
	.keyAreasSection{padding: 22px 0px;}
	.keyAreasSection h2.head{margin-bottom: 10px;}
	.keyModules li{flex: 1 1 100%;border-radius: 14px;}
	.keyModules li img{min-width: 81px;float: left;  margin-right: 20px;}
	.keyModules li img.oddImg{min-width: 81px;float: right;  margin-left: 20px; margin-right:0px;}
	.keyModules li h3{font-size: 18px;  line-height: 22px; margin-bottom: 2px;}
	.keyModules li p{font-size: 14px;  line-height: 20px; margin: 0;}
	.gameOnWrap{flex-wrap:wrap;}
	.goLeft {flex:100%;  min-width: auto;  max-height: none;}
	.goLeft img{height:175px;}
	.goRight {flex:auto;  padding:20px;  align-self: auto;}
	.goRight h3{font-size: 20px;}
	.goRight p{font-size:14px; line-height:26px; margin: 0;}
	.goRight a{font-size: 14px;  line-height: 30px; font-weight: 700;}
	
	.gameOnSection{padding: 20px 0px;}
	.gameOnSection h2.head{margin-bottom: 30px;}
	
	.gameOnMobSlide{display:block;}
	.gameOnDeskSlide{display:none;}
	
	.craftingSection{padding: 20px 0px;}
	.craftingSection h2.head{margin-bottom: 10px;}
	ul.craftingModules{gap: 10px;}
	.craftingModules li{flex: 1 1 46%;padding: 15px;}
	.craftingModules li h3{font-size: 18px;}
	.craftingModules li p{font-size: 14px; line-height: 22px;}
	.careerSection{padding: 25px 0px;}
	.careerSection h2.head{margin-bottom: 10px;}
	
	.industryConnectSection{padding: 25px 0px;}
	.industryConnectSection h2.head{margin-bottom: 10px;}
	
	.industryTeamSection{padding: 25px 0px;}
	.industryTeamSection h2.head{margin-bottom: 10px;}
	ul.itList{display:none;}
	.itListMobSlide{display:block;}
	.itListDeskSlide{display:none;}
	.patentsSection{padding: 20px 0px;}
	.patentsSection h2.head{margin-bottom: 10px;}
	#patentSlider .owl-dots{margin: 12px auto 30px;}
	
	.projectsSection{padding: 20px 0px;}
	.projectsSection h2.head{margin-bottom: 10px;}
	ul.neList{flex-wrap: wrap;gap: 0;}
	.neList li{margin:10px 0px; width:100%; padding:30px;} 
	.playgroundSection{padding: 20px 0px;}
	.playgroundSection h2.head{margin-bottom: 10px;}
	
	.creatorsSection{padding: 20px 0px;}
	.creatorsSection h2.head{margin-bottom: 10px;}
	ul.galleryCreators{gap: 5px;}
	ul.galleryCreators li{flex: 1 1 47%;border-radius: 0;}
	ul.galleryCreators li img{max-height: 130px;  min-height: 130px;}
	
	ul.recruiter-client-list{justify-content: center;}
	.recruiter-list-seven li{flex-basis: calc(32% - 10px); width: 29%;}
	.recruiter-list-seven li img {max-width: 85px;}
	
	.newsWrapList{flex-wrap: wrap;}
	.newsWrapList img {max-width: 100%; border-radius:0;  margin-right: 0;}
	.newsEContent h3{margin-top: 20px; font-size: 20px;}
	.newsEContent p{font-size: 16px;  line-height: 26px;}
	
	.toggle-icon{display:block; color: #d00000;width: 20px; height: 20px; border-radius:20px;    border:2px solid #d00000;line-height: 15px;text-align: center; font-weight: 500;}
	.careerModules {display: block;}
	.caBlock {margin-bottom: 0px;}
	.caBlock h3{background:none; cursor: pointer;}
	/*.caBlock.active .caContent {display: none;}*/
	.caContent {display: none;padding-top: 10px; }
	.caContent p{font-weight: 400;font-size: 16px;line-height: 24px;color:#475467;}
	.careerModules li{border:0px;border-bottom: 1px solid #f4f4f4;}
	h2.heading {font-size: 30px;font-weight: 700;text-align: center;line-height: 40px;color: #000;}
}

@media only screen and (min-width: 300px) and (max-width: 479px) {
	
	
	
}