/* starting header cssrajeshjhacss  */

* {
  padding: 0%;
  margin: 0%;
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Lexend, sans-serif;
  box-sizing: border-box;
  padding: 0;
}

header {
  background-color: #fff;
  
  position: sticky;
  top: 0;
  z-index:9999;
}
header.fexed{box-shadow: 0 0 20px #eee;}

.translationSection ul li {
  position: relative;
  z-index: 1;
}

.translationSection ul li:hover {
  z-index: 0 !important;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  z-index: 1000;
}

.translationSection,
.voiceSection,
.fileSection,
.imageSection,
.pdfSection {
  position: relative;
  z-index: 1;
}

.translationSection ul li,
.voiceSection ul li,
.fileSection ul li,
.imageSection ul li,
.pdfSection ul li {
  position: relative;
  z-index: 2;
}

.translationSection ul li:hover,
.voiceSection ul li:hover,
.fileSection ul li:hover,
.imageSection ul li:hover,
.pdfSection ul li:hover {
  z-index: 0 !important;
}

.navbar {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
  padding: 0px !important;
  margin: 0px !important;
}

.navbar-brand img {
  height: 40px !important;
}

.nav-link {
  font-weight: bold;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.navbar-nav li {
  position: relative;
  display: inline-block;
}

.navbar-nav li a {
  font-weight: 500;
}

.navbar-nav li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 50px;
  height: 10px;
  background: url("img/underline.png") no-repeat center;
  background-size: contain;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.navbar-nav li:hover::after {
  opacity: 1;
}

.nav-link:hover::after {
  width: 70%;
}

.card img {
  width: 30%;
}

.nav-link:hover {
  color: #fd7e14 !important;
}

.card {
  margin: 10px;
  padding: 15px;
  position: static !important;
  border: none;
  width: 100%;
  align-items: center;
  transition: transform 0.3s ease-in-out;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
  height: 100%;
}

.card:hover .text-center {
  color: #fd7e14 !important;
}

.row:nth-child(2) .card {
  height: 170px;
}

.video-card {
  width: 240px;
  height: 100px;
}

.video-card img {
  padding: 10px;
  width: 100%;
}

.cards .video-card img {
  padding: 10px;
  width: 45%;
}

.voice-card {
  width: 200px;
  height: 125px;
}

.translation-card {
  width: 200px;
  height: 150px;
}

.file-card {
  width: 200px;
  height: 130px;
}

.navbar-expand-lg .navbar-nav {
  align-items: center;
}

.education-card .Course {
  padding-right: 10px;
  font-weight: 300;
  font-size: 0.8rem;
  line-height: normal;
  margin: 5px 0 0;
}

.education-card img {
  /* padding: 10px; */
  width: 15%;
}

.image_card {
  width: 200px;
  height: 135px;
}

.image_card img {
  width: 50px;
}

.pdf_card {
  width: 170px;
  height: 150px;
}

.mt-1 {
  margin-top: 0.15rem !important;
}

.card:hover {
  transform: scale(1.2);
  background: #eeeeee;
  transform-origin: center center;
}

.container {
  left: 17%;
  width: 75%;
  border-radius: 10px;
  padding: 11px;
  border: 1px solid rgb(226 223 223);
  box-shadow: 0 0 20px #eee !important;
  /* background: transparent; */
  background-color: #fff;
  position: absolute;
}

.container p {
  font-weight: bold;
}

p {
  margin: auto;
}

/*.row > * {
  margin-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-left: 0% !important;
  flex-shrink: 0;
}*/

.text-center {
  font-size: 1.15rem;
  font-weight: 600;
  color: rgb(67, 63, 63);
}

#fileContent {
  width: 17% !important;
}

#fileContent {
  left: 67% !important;
}

#pdfContent {
  width: 68%;
  left: 26% !important;
}

#aboutContent {
  width: 16%;
  left: 84%;
}

ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

#aboutContent ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

/* Hide all sections initially */
.section-content {
  display: none;
}

/* Show the hovered section */
.section-content.active {
  display: block;
}

#aboutContent li {
  margin-bottom: 5px;
  font-size: 14px;
  padding: 11px 5px;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
}

#aboutContent li:hover {
  background: #f5f5f5;
  border-radius: 10px;
}

#aboutContent .drop-menu-item a {
  color: red !important;
}

#pdfContent p {
  font-size: 1.15rem;
}

.content-section {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 500px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: none;
}

.d-none {
  display: none !important;
}

.show {
  display: block !important;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}

.row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin: 0;
  padding: 0;
  /* align-items: center; */
  /* margin: auto; */
  margin: auto;
}

.col-2 {
  width: 20%;
}

#videoContent .row .col-2 {
  width: 25%;
}

#educationContent {
  height: 208px;
}

#educationContent .col-2 {
  width: 32%;
}

#educationContent .card {
  width: 93% !important;
}

#voiceContent {
  width: 77% !important;
}

#translationContent .card {
  width: 93% !important;
  height: 93% !important;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 998;
}

.dropdown-menu.show {
  display: block;
}

/* ending header css  */

/* staring section css */

.banner-homepage-sec {
  align-items: center;
/*  background: linear-gradient(180deg, #fff, #ffead7);*/
  background-image: linear-gradient(141deg, #ae6eff, #7c4de6);
  display: flex;
  height: 700px;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.fancy-shaps-sec .fancy-shap1 {
  left: -8px;
  position: absolute;
  top: 3%;
}

.fancy-shaps-sec img {
  width: 69%;
}

.fancy-shaps-sec .fancy-shap2 {
  position: absolute;
  right: -37px;
  top: 10%;
}

.fancy-shaps-sec .fancy-shap3 {
  left: 42%;
  position: absolute;
  top: 70%;
}
/*.round-shap-banner-homepage {
  background: url(../img/bannerBtmBg.png);
 
  bottom: -325px;
  height: 400px;
  opacity: 1;
  position: relative;
  width: 100%;
  z-index: 1;
  height: 308px;

}*/

/*.round-shap-banner-homepage {
  background: #fff;
  border-radius: 50%;
  bottom: -325px;
  height: 400px;
  opacity: 1;
  position: absolute;
  width: 100%;
  z-index: 1;
}*/

.banner-homepage-sec .banner-content-sec {
  bottom: 0;
  margin: 30px auto auto;
  max-width: 1500px;
  position: relative;
  text-align: left;
  width: 90%;
}

.green_hadding {
  color: #fff;
  width: 100%;
  font-weight: 700;
  font-size: 39px;
  margin-top: 10px;
  text-transform: uppercase;
  line-height: 52px;
}
.green_hadding span{color: #fff}
.banner-content-sec .lead {
    font-size: 32px;
    font-weight: 400;
    margin-top: 22px;
    color: #fff;
}

.videoPopup {
  background: linear-gradient(90deg, #01d5f5, #52df84);
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
  padding: 6px 12px;
}

.banner-content-sec .second-head.home {
  height: 139px;
  margin: auto;
  overflow-y: auto;
  text-align: start;
}

.banner-content-sec .second-head {
  font-size: 18px;
  line-height: 28px;
  max-width: 797px;
}

.banner-content-sec .second-head.home p {
  /* font-size: 1rem; */
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}

.banner-content-sec .second-head.home::-webkit-scrollbar {
  width: 8px;
}

.banner-content-sec .second-head.home::-webkit-scrollbar-thumb {
  background-color: #fd7e14;
  border-radius: 4px;
}

.banner-content-sec .second-head.home::-webkit-scrollbar-thumb:hover {
  background-color: #0dcaf0;
  border-radius: 4px;
}

.banner-content-sec .second-head.home::-webkit-scrollbar-track {
  background: #fff;
}

/* ending section css */

/* starting main css */

.page-container {
  margin: auto;
  max-width: 100%;
  padding-bottom: 25px;
  padding-top: 0px;
}
.sectionIn{max-width: 1170px; margin: auto;}
.sectionINTwo{   /* background-image: linear-gradient(175deg, #ffecda 0%, #ffffff 100%);*/
  margin-top: 65px;background-image: linear-gradient(127deg, #ae6eff, #8a4fec);}

.page-container h2.text-center {
  font-size: 36px;
  margin-bottom: 50px;
  margin-top: 20px;
  position: relative;
  color: #fff;
}

.page-container h2.text-center:after {
  background: url("../img/underline-curv.svg") no-repeat
    center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 5px;
  bottom: 10px;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 170px;
}
.whySamvadini.page-container h2.text-center:after{bottom: -20px}

.translationSection ul {
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.page-container ul {
  font-weight: 300;
  line-height: 1.9rem;
  list-style: circle;
  margin: 20px 0;
}

.translationSection ul li {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #eee;
  max-width: 100%;
  overflow: hidden;
  padding: 20px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.translationSection .css-hboir5 {
  display: block;
  width: 100%;
}

.css-hboir5 {
  align-items: center;
}

.logo-maker-page p {
  font-weight: 100;
}

p {
  font-size: 1.05rem;
  font-weight: 300;
  line-height: 1.9rem;
  /* margin: 1.1rem 0; */
}

.logo-maker-page .css-1hnxo7a {
  margin-right: 0;
}

.translationSection .css-1hnxo7a {
  align-items: center;
  display: inline-block;
  justify-content: center;
  position: relative;
  width: 65px;
}

.translationSection .css-1hnxo7a img {
  width: 100%;
}

.css-1hnxo7a {
  margin-bottom: 10px;
}

.logo-maker-page .css-195k0gj {
  padding-left: 0;
}

.translationSection .css-9f6g39 {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.translationSection .css-itvw0n {
  font-size: 0.8rem;
  height: 5rem;
  line-height: normal;
  margin: 5px 0 0;
  overflow: auto;
}

.Videosec .css-itvw0n {
  height: auto !important;
}

.css-itvw0n {
  font-weight: 100 !important;
}

.translationSection .css-itvw0n p {
  font-weight: 300;
}

.translationSection .css-itvw0n::-webkit-scrollbar {
  width: 9px;
}

.translationSection .css-itvw0n::-webkit-scrollbar-thumb {
  background-color: #fd7e14;
  border-radius: 4px;
}

.translationSection .css-itvw0n::-webkit-scrollbar-thumb:hover {
  background-color: #0dcaf0;
  border-radius: 4px;
}

.translationSection .css-itvw0n::-webkit-scrollbar-track {
  background: #fff;
}

.translationSection.Videosec ul {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.translationSection.Videosec .css-1hnxo7a {
  width: 100%;
}

.translationSection.Videosec .css-1hnxo7a img {
  width: 100%;
}

.logo-maker-page .css-1hnxo7a {
  margin-right: 0;
}

.logo-maker-page .css-195k0gj {
  padding-left: 0;
}

.translationSection .css-9f6g39 {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5rem;
}

li {
  transition: transform 0.3s ease-in-out;
}

li .css-hboir5 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  height: 100% !important;
  width: 100% !important;
}

/*li:hover {
  transform: scale(1.1);
  z-index: 10;
}*/

.translationSection {
  position: relative;
  /* overflow: hidden; */
}

.voiceSection ul {
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.voiceSection ul li {
  transition: all 0.2s ease-in-out;
}

.voiceSection ul li {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #eee;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  padding: 20px;
  text-align: center;
}

.voiceSection .css-hboir5 {
  display: block;
  width: 100%;
}

.voiceSection .css-1hnxo7a {
  align-items: center;
  display: inline-block;
  /* justify-content: center; */
  position: relative;
  width: 50px;
}

.voiceSection .css-1hnxo7a img {
  width: 100%;
}

.logo-maker-page .voiceSection .css-195k0gj {
  padding-left: 0;
}

.voiceSection .css-9f6g39 {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5;
}

.voiceSection .css-itvw0n {
  font-weight: 100;
  font-size: 0.8rem;
  line-height: normal;
  margin: 5px 0 0;
}

.fileSection ul {
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.fileSection ul li {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #eee;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.fileSection ul li {
  padding: 20px;
}

.fileSection .css-hboir5 {
  display: block;
  width: 100%;
}

.fileSection .css-1hnxo7a {
  align-items: center;
  display: inline-block;
  /* justify-content: center; */
  position: relative;
  width: 50px;
}

.fileSection .css-9f6g39 {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5;
}

.fileSection .css-itvw0n {
  font-size: 0.8rem;
  line-height: normal;
  margin: 5px 0 0;
}

.css-9f6g39 {
  color: rgb(77, 75, 75);
  font-weight: bold;
}

.imageSection.others ul {
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.imageSection ul li {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #eee;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  padding: 20px;

  transition: all 0.2s ease-in-out;
  text-align: center;
}

.imageSection .css-hboir5 {
  display: block;
  width: 100%;
}

.imageSection .css-1hnxo7a {
  align-items: center;
  display: inline-block;
  justify-content: center;
  position: relative;
  width: 50px;
}

.imageSection .css-1hnxo7a img {
  width: 100%;
}

.imageSection .css-itvw0n {
  font-size: 0.8rem;
  line-height: normal;
  margin: 5px 0 0;
}

.imageSection .css-9f6g39 {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5;
}

.logo-maker-page .css-195k0gj {
  padding-left: 0;
}

.button.green {
  padding: 10px 28px;
  background: linear-gradient(90deg, #01d5f5, #52df84);
  color: #fff;
}

.button {
  /* background: linear-gradient(90deg, #ddd, #ccc); */
  border: none;
  border-radius: 5px;
  /* color: #fff; */
  font-weight: 400;
  line-height: normal;
  padding: 10px 20px;
  transition: all 0.2s ease-in-out;
}

.imageSection ul {
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.imageSection ul li {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #eee;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  padding: 20px;
  text-align: center;
}

.pdfSection ul {
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.pdfSection ul {
  margin: 0;
}

.pdfSection ul li {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #eee;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  padding: 20px;
  text-align: center;
}

.pdfSection .css-hboir5 {
  display: block;
  width: 100%;
}

.pdfSection .css-1hnxo7a {
  align-items: center;
  display: inline-block;
  /* justify-content: center; */
  position: relative;
  width: 50px;
}

.pdfSection img {
  width: 70% !important;
}

main .bottom-line-theme {
  background: linear-gradient(
    60deg,
    #ffbd00 10%,
    #f9132f 20%,
    #7535e7 40%,
    #01d5f5 60%,
    #01d5f5 0,
    #52df84
  );
  height: 6px;
  margin-bottom: 0px;
  width: 100%;
}

footer {
  font-size: 1rem;
  font-weight: 300;
  background: #f0e4ff; padding-top: 35px
}
.copyright_content.text-center.py-4{padding-top: 0px!important; padding-bottom: 20px!important}
/* footer .row {
    align-items: center;
    display: flex;
    margin: auto;
} */

footer .row {
  /* align-items: center; */
  display: flex;
  margin: auto;
}

.col-lg-12 {
  flex: 0 0 auto;
  width: 100% !important;
}

.col-lg-3 {
  flex: 0 0 auto;
  width: 25% !important;
}

.col-lg-2 {
  flex: 0 0 auto;
  width: 13% !important;
}

footer h6 {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: left;
}

footer .footer-right-links ul {
  align-items: flex-end;
  display: block;
  line-height: 36px;
  list-style: none;
  padding-left: 0;
  text-align: left;
}

.footer-right-links li {
  border-bottom: 1px solid #eaeaea;
  line-height: 18px;
  padding: 5px 0;
}

.footer-right-links li a {
  font-size: 13px;
}

a,
a:hover {
  color: #404040;
  text-decoration: none;
}

footer .footer-right-links {
  justify-content: space-around;
  display: flex;
}

footer ul {
  display: inline-flex;
  gap: 10px;
}

footer .footer-links {
  text-align: center;
  opacity: 1;
}

.footer-links li {
  list-style: none;
}

.footer-links ul li a {
  font-size: 15px;
}

.center p {
  text-align: center;
  font-weight: 100;
  margin-bottom: 50px;
}

.footer-right-links li:hover {
  transform: none;
  z-index: auto;
}

hr {
  border: 0;
  border-top: var(--bs-border-width) solid;
  color: inherit;
  margin: 1rem 0;
  opacity: 0.25;
}

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 0px;
}

.social-icon img {
  width: 30px;
  height: 30px;
  border-radius: 6px;
}

.row .icon {
  width: 3%;
  margin: 0% !important;
  padding-bottom: 20px;
}

.footer-links {
  margin-top: 10px;
  font-size: 14px;
}

.footer-links a {
  text-decoration: none;
  color: #888888;
  font-size: 12px;
  margin: 0 5px;
}

.copyright {
  margin-top: 10px;
  font-size: 14px;
  color: gray;
}

ul.socialMediaLst li:first-child a {
  color: #0077b5;
}

/* comment card styles start  */
.comment-card {
  opacity: 0.5;
  filter: grayscale(100%);
  text-decoration: none;
}

.comment-card img {
  filter: grayscale(100%);
}

.comment-card p {
  color: grey !important;
}

.aicte-logo {
  display: inline-block !important;
}
/*new-css-rajesh*/
.effect-wrapper {
  text-align: left;
  font-weight: bold;
  color: teal;
  font-size: 60px;
  height: 160px;
}

#typed {
  font-size: 40px;
  /*background: linear-gradient(to right, #fea247, #ef5e9f, #41d1b2);*/
/*  background: linear-gradient(to right, #fffc00, #ffffff, #88ff00);
  background-clip: text;
  color: transparent;*/
  color: #fff
}

.cursor {
  display: inline-block;
  width: 8px;
  height: 60px;
  background-color: transparent!important;
  animation: blinker 800ms infinite;
  vertical-align: bottom;
}

.cursor.typing-true {
  animation: none;
}
.responsiveImg{width: 62%; margin-left: 125px;}
.page-container h2.secSbHdng{font-size: 20px; text-align: center; position: relative;}
.secondLayerLft{width: 100%}
.secondLayerLftTtl{width: 100%; position: relative;}
.img-res{width: 100%}
.page-container h2.secSbHdngAbs{position: absolute; top: 162px; font-size: 29px; color: #fff}
.ScndtextTop{width: 41%; display: inline-block; text-align: center; font-style: italic; margin-left: 63px; color: #fff }
.scndTopRgt{position: relative; right: 50px; float: right;}
.text-center span{display: block; font-size: 16px; padding-top: 8px; font-weight: 400}
.samvadiniMsngrSec{padding: 65px 0}
.samvadiniMsngrSec .text-center{padding-bottom: 35px}
.tab-pane{border-bottom:1px solid #ccc; padding-bottom:10px;}
.tabs {
  width: 100%;
  border-radius: 5px 5px 5px 5px;
  display : flex;
}
ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
  width : 35%;
}
#tabs-content{
  width : 63%;
  height: 620px;
  margin-left: 10px;
}
ul#tabs-nav li {
  font-weight: bold;
  margin-right: 2px;
  padding: 4px 10px;
  border-radius: 5px 5px 5px 5px;
  /*border: 1px solid #d5d5de;
  border-bottom: none;*/
  cursor: pointer;
  display:block;
  margin-bottom: 3px;
  padding-left: 0;
}
ul#tabs-nav li:nth-child(1){background: #32d73f;}
ul#tabs-nav li.active{background: #32d73f;}
ul#tabs-nav li:nth-child(1):hover{background: rgba(50,215,63,0.8);}
ul#tabs-nav li:nth-child(2){background: #fda249;}
ul#tabs-nav li:nth-child(2):hover{background:rgba(253,162,73,0.8);}
ul#tabs-nav li:nth-child(3){background: #dd5a90;}
ul#tabs-nav li:nth-child(3):hover{background: rgba(221,90,144,0.8);}
ul#tabs-nav li:nth-child(4){background: #4053d6;}
ul#tabs-nav li:nth-child(4):hover{background: rgba(64,83,214,0.8);}
ul#tabs-nav li:nth-child(5){background: #d64740;}
ul#tabs-nav li:nth-child(5):hover{background: rgba(214,71,64,0.8);}
ul#tabs-nav li:nth-child(6){background: #d68440;}
ul#tabs-nav li:nth-child(6):hover{background: rgba(214,132,64,0.8);}
ul#tabs-nav li:nth-child(7){background: #8740d6;}
ul#tabs-nav li:nth-child(7):hover{background: rgba(135,64,214,0.8);}
ul#tabs-nav li:nth-child(8){background: #40a7d6;}
ul#tabs-nav li:nth-child(8):hover{background: rgba(64,167,214,0.8);}
ul#tabs-nav li:nth-child(9){background: #d6c440;}
ul#tabs-nav li:nth-child(9):hover{background: rgba(214,196,64,0.8);}
ul#tabs-nav li:nth-child(10){background: #4080d6;}
ul#tabs-nav li:nth-child(10):hover{background: rgba(64,128,214,0.8);}

#tab1 h2{color: #fda249}
#tab2 h2{color: #dd5a90}
#tab3 h2{color: #4053d6}
#tab4 h2{color: #d64740}
#tab5new h2{color: #d68440}
#tab6new h2{color: #8740d6}
#tab7new h2{color: #40a7d6}


#tab5 h2{color: #d6c440}
#tab6 h2{color: #4080d6}
#tab7 h2{color: #32d73f}

#collapseOne h2{color: #32d73f}
#collapseTwo h2{color: #fda249}
#collapseThree h2{color: #4097dc}
#collapseFour h2{color: #4053d6}

#collapseFiveNew h2{color: #d64740}
#collapseSixNew h2{color: #d68440}
#collapseSevenNew h2{color: #8740d6}


#collapseFive h2{color: #40a7d6}
#collapseSix h2{color: #d6c440}
#collapseSeven h2{color: #4080d6}

#tabs-nav li a span{display: block; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 0px; font-size: 30px; }
.tabCntImg{width: 100%; float: left; text-align: center;}
.tab-content img{width: 220px; display: inline-block;}
.tab-content-m img{width: 220px; display: inline-block;}

/*ul#tabs-nav li:hover,
ul#tabs-nav li.active {
  background-color: #08E;
}*/
#tabs-nav li a {
  text-decoration: none;
  color: #fff;
  position: relative;
  padding-left: 19px;
  font-size: 16px; 
  font-weight: 400;
  display: inline-block;
  line-height: 18px;
}
.tab-content {
  padding: 10px;
  border: 2px solid #d0f4de;
  background-color: #d0f4de;
  border-radius: 8px;
  height: 734px;
  margin-top: 5px;
}
.tab-content-m {
  padding: 10px;
  border: 2px solid #d0f4de;
  background-color: #d0f4de;
  border-radius: 8px;
  height: 656px;
  margin-top: 5px;
}
#collapseOne .tab-content-m{border: 2px solid #d0f4de; background-color: rgba(208,244,222,0.2);}
#collapseTwo .tab-content-m{border: 2px solid #ffe7cf; background-color: rgba(255,249,243,0.2);}
#collapseThree .tab-content-m{border: 2px solid #e4c1f9; background-color: rgba(228,193,249,0.2);}
#collapseFour .tab-content-m{border: 2px solid #d6dbff; background-color: rgba(255,230,255,0.2);}

#collapseFiveNew .tab-content-m{border: 2px solid #d6dbff; background-color: #fff7f7;}
#collapseSixNew .tab-content-m{border: 2px solid #d6dbff; background-color: #fff9f3;}
#collapseSevenNew .tab-content-m{border: 2px solid #d6dbff; background-color: #f9f4ff;}


#collapseFive .tab-content-m{border: 2px solid #fde4cf; background-color: rgba(245,252,255,0.2);}
#collapseSix .tab-content-m{border: 2px solid #ffcfd2; background-color: rgba(255,254,244,0.2);}
#collapseSeven .tab-content-m{border: 2px solid #dfe7fd; background-color: rgba(223,231,253,0.2);}

#tab1{border: 2px solid #d0f4de; background-color: #fffaf5;}
#tab2{border: 2px solid #ffd8b1; background-color: #fff2f8}
#tab3{border: 2px solid #e4c1f9; background-color: #f8f9ff;}
#tab4{border: 2px solid #ede7b1; background-color: #fff7f7;}
#tab5new{border: 2px solid #fde4cf; background-color: #fff5f4;}
#tab6new{border: 2px solid #fde4cf; background-color: #fcf9ff;}
#tab7new{border: 2px solid #fde4cf; background-color: #f8fdff;}

#tab5{border: 2px solid #fde4cf; background-color: #fffefa;}
#tab6{border: 2px solid #ffcfd2; background-color: #f6faff;}
#tab7{border: 2px solid #dfe7fd; background-color: #f6fff7;}

#tab7 img{width: 300px}

.page-container.downloadApp .downloadHdng{text-transform: uppercase; margin-top: 25px; font-size: 36px; font-weight: 300}
.page-container.downloadApp .downloadHdng span{font-weight: 700}
.downloadBothBtn{width: 100%; display: inline-block; margin-top: 45px}
.downloadAppRgtIn{text-align: center;}
.downloadBothBtn ul{padding: 0; margin: 0; list-style-type: none; text-align: center;}
.downloadBothBtn ul li{display: inline-block; margin-right: 15px}
.downloadBothBtn ul li a{color: #000; border:1px solid #ccc; padding: 8px 25px; display: inline-block; border-radius: 8px; text-transform: uppercase;}
.page-container .whySamvadini h2.text-center{color: #000}

.downloadBothBtn ul li a i{font-size: 28px; position: relative; top: 4px}
.downloadBothBtn ul li:nth-child(1) a{background: #ff9818; color: #fff; font-weight: 400}
.downloadBothBtn ul li:nth-child(2) a{background: #2cb70d; color: #fff; font-weight: 400}
.downloadAppRgtIn p{font-size: 22px;}
.downloadArrowIcn{position: relative; top: 25px}
.qrScan{padding-top: 45px}
.qrScan img{width: 200px; border: 2px solid #ccc; padding: 5px}

#myGallery{
  position:relative;

  text-align: center;
}
#myGallery img{
  position:absolute;
  width: 220px;
   z-index: 1;
   left: 0;
   right: 0; margin: auto;
}

#myGallery img.active{
  z-index: 2
}

#myGallery12{
  position:relative;

  text-align: center;
}
#myGallery12 img{
  position:absolute;
  width: 220px;
   z-index: 1;
   left: 0;
   right: 0; margin: auto;
}

#myGallery12 img.active{
  z-index: 2
}


#myGallery2{
  position:relative;

  text-align: center;
}
#myGallery2 img{
  position:absolute;
  width: 220px;
   z-index: 1;
   left: 0;
   right: 0; margin: auto;
}

#myGallery2 img.active{
  z-index: 2
}

#myGallery6{
  position:relative;

  text-align: center;
}
#myGallery6 img{
  position:absolute;
  width: 220px;
   z-index: 1;
   left: 0;
   right: 0; margin: auto;
}

#myGallery6 img.active{
  z-index: 2
}

@keyframes blinker {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: transparent;
  }
  100% {
    background-color: #ffffff;
  }
}

@media (max-width: 575.98px) {
  .aicte-logo {
    display: none !important;
  }
}
.translationSection ul,
.voiceSection ul,
.imageSection ul,
.pdfSection ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
  margin: auto;
  width: 80%;
}

/* Tablet: 3 columns */
@media (min-width: 768px) {
  .translationSection ul,
  .voiceSection ul,
  .imageSection ul,
  .pdfSection ul {
    margin: auto;
    width: 90%;
    grid-template-columns: repeat(3, 1fr);
  }
  .fileSection ul li {
    width: 90%;
    margin: auto;
  }
  .text-start p {
    line-height: 23px;
    font-size: 15px;
    margin: auto;
    width: 94%;
    font-weight: 100;
  }
  .page-container h2 {
    font-size: 30px;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .row .icon {
    width: 5%;
  }

}

/* Laptop/Desktop: 4 columns */
@media (min-width: 992px) {
  .translationSection ul,
  .voiceSection ul,
  .imageSection ul,
  .pdfSection ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
.whySamvadiniMobile{display: none;}
.langIcnNew{position: relative; left: 145px}
.waveDesign{width: 100%; float: left; position: absolute; bottom: 0px; left: 0; height: 308px; background: url(../img/bannerBtmBg.png) no-repeat; background-size: cover;}
.andrdcnytrDiv{width: 50%; float: left; text-align: center; margin-top: 18px; margin-bottom: 10px; position: relative; z-index: 999}
.andrdcnytrDiv a:hover{color: #fff}
.andrdBtnHdr{color: #000; border:1px solid #ccc; padding: 8px 25px; display: inline-block; border-radius: 8px; text-transform: uppercase;background: #ff9818; color: #fff; font-weight: 400; width: 70%}
.footer-links{display: none;}
#abc20ba0494e94d{top: -11px!important; right: 73%!important;}
/*#typed, .effect-wrapper { white-space: pre-wrap; }
.no-anuvadini {white-space: pre;}*/
.hdngQuote{margin-top: 0; color: #fffc00}
.feedbckFrm{position: fixed; bottom: 10px; right: 10px;   display: inline-block; padding: 8px 15px; border-radius: 8px; z-index: 9999; color: #fff; font-size: 18px; animation: changeBackgroundColor 0.5s infinite; border: 2px solid #fff}
@keyframes changeBackgroundColor {
  0% {
    background-color: #41d1b2;
  }
  100% {
    background-color: #ed5ea2;
  }
  
}

@media only screen and (max-width: 767px){
  .fancy-shaps-sec .fancy-shap1{display: none;}
  .fancy-shaps-sec .fancy-shap2{display: none;}
  .green_hadding{font-size: 16px; margin-top: 0; line-height: 27px;}
  .banner-content-sec .lead{font-size: 18px; margin-top: 0;}
  .effect-wrapper{font-size: 30px; height: 100px; line-height: 30px}
  #typed{font-size: 21px; line-height: 28px; height: 80px; float: left;}
  .fancy-shaps-sec .fancy-shap3{top: 79%;left: 62%;}
  .page-container{padding-top: 0}
  .page-container h2.text-center{font-size: 18px; padding: 0 15px}
  .tabs{width: 100%;flex-direction: column; display: flex;}
  #tabs-content{width: 100%}
   ul#tabs-nav{overflow-x: scroll; width: 100%; display: flex; white-space: nowrap;}
  #tabs-nav li{display: inline-block;}
  #tabs-content{margin-left: 0}
  #tabs-nav li a{font-size: 16px}
  #tab1 h2{font-size: 17px}
  .tab-content p{font-size: 16px}
  .tab-content img{width: 195px}

   .tab-content-m p{font-size: 16px}
  .tab-content-m img{width: 195px}
 #collapseSeven .tab-content-m img{width: 270px}
  .page-container.samvadiniMsngrSec{padding-top: 35px}
  .page-container.samvadiniMsngrSec h2.text-center:after{bottom: -21px}
  .ScndtextTop{width: 100%; margin-left: 0; text-align: left; padding-right: 39px;}
  .page-container h2.secSbHdngAbs {position: absolute; top: 98px; font-size: 17px; left: 0;}
  .ScndtextTop.scndTopRgt{text-align: right; padding-right: 0; float: right; right: 0; padding-left: 39px;}
  .samvadiniMsngrHdng.page-container h2.text-center{margin-bottom: 20px}
  .page-container.downloadApp .downloadHdng{margin-top: 30px; font-size: 26px;}
  .downloadBothBtn ul li{margin-bottom: 15px}
  .downloadBothBtn ul li:nth-child(1) a{padding: 8px 45px}
  .downloadArrowIcn{display: none;}
  .row .icon{margin: 2%!important}
.indiaFrstSafty{display: none;}
.page-container.downloadApp{margin-top: 85px}
.whySamvadiniDekstop{display: none;}
.whySamvadiniMobile{display: inline-block;}
.chatWithouSh img{width: 170px!important}
.fetrLst{display: block; margin-right: 15px; font-size: 36px;}
.accordion-button.acOne{background: #32d73f; color: #fff}
.accordion-button.acTwo{background: #fda249; color: #fff}
.accordion-button.acThree{background: #49adfd; color: #fff}
.accordion-button.acFour{background: #4053d6; color: #fff}

.accordion-button.acFivenew{background: #d64740; color: #fff}
.accordion-button.acSixnew{background: #d68440; color: #fff}
.accordion-button.acSevennew{background: #8740d6; color: #fff}

.accordion-button.acFive{background: #40a7d6; color: #fff}
.accordion-button.acSix{background: #d6c440; color: #fff}
.accordion-button.acSeven{background: #4080d6; color: #fff}
.tab-content-m h2{font-size: 20px}
.accordion-item{margin-bottom: 5px}
.accordion-header .accordion-button{border-radius: 0px!important}
.downloadBothBtn ul li a span{color: #fff200}
.langIcnNew{left: 0}
.waveDesign{display: none;}
.responsiveImg{width: 100%; margin-left: 0px;}
.banner-homepage-sec{height: auto;}
.page-container h2.text-center{margin-bottom: 13px}
footer {padding-top: 18px}
.row .icon{margin-bottom: 0!important}
.copyright_content .row.justify-content-center{margin-left: -25px}
.navbar-toggler{display: none;}
.banner-homepage-sec .lead{display: none;}
.banner-homepage-sec .banner-content-sec{ margin-top: 8px;}
.andrdcnytrDiv{width:100%; margin-top: -32px}
.footer-links{margin-top: 0; margin-bottom: 15px}
.footer-links{display: block;}
#abc20ba0494e94d{top: -11px!important; right: 0%!important;}
.banner-homepage-sec{background: #0c8ee0}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
  .fancy-shaps-sec .fancy-shap1{display: none;}
  .fancy-shaps-sec .fancy-shap2{display: none;}
  .green_hadding{font-size: 18px; margin-top: 0; line-height: 34px;}
  .banner-content-sec .lead{font-size: 18px; margin-top: 0;}
  .effect-wrapper{font-size: 30px; height: 100px; line-height: 30px}
  #typed{font-size: 21px; line-height: 28px; height: 80px; float: left;}
  .fancy-shaps-sec .fancy-shap3{top: 79%;left: 62%;}
  .page-container{padding-top: 0}
  .page-container h2.text-center{font-size: 18px; padding: 0 15px}
  .tabs{width: 100%;flex-direction: column; display: flex;}
  #tabs-content{width: 100%}
   ul#tabs-nav{overflow-x: scroll; width: 100%; display: flex; white-space: nowrap;}
  #tabs-nav li{display: inline-block;}
  #tabs-content{margin-left: 0}
  #tabs-nav li a{font-size: 16px}
  #tab1 h2{font-size: 17px}
  .tab-content p{font-size: 16px}
  .tab-content img{width: 195px}

   .tab-content-m p{font-size: 16px}
  .tab-content-m img{width: 195px}

  .page-container.samvadiniMsngrSec{padding-top: 35px}
  .page-container.samvadiniMsngrSec h2.text-center:after{bottom: -21px}
  .ScndtextTop{width: 100%; margin-left: 0; text-align: left; padding-right: 39px;}
  .page-container h2.secSbHdngAbs {position: absolute; top: 98px; font-size: 17px; left: 0;}
  .ScndtextTop.scndTopRgt{text-align: right; padding-right: 0; float: right; right: 0; padding-left: 39px;}
  .samvadiniMsngrHdng.page-container h2.text-center{margin-bottom: 20px}
  .page-container.downloadApp .downloadHdng{margin-top: 30px; font-size: 26px;}
  .downloadBothBtn ul li{margin-bottom: 15px}
  .downloadBothBtn ul li:nth-child(1) a{padding: 8px 45px}
  .downloadArrowIcn{display: none;}
  .row .icon{margin: 2%!important}
  .banner-homepage-sec{padding-bottom: 95px; height: auto;}
.whySamvadiniDekstop{display: none;}
.whySamvadiniMobile{display: inline-block;}
.chatWithouSh img{width: 170px!important}
.fetrLst{display: block; margin-right: 15px; font-size: 36px;}
.accordion-button.acOne{background: #32d73f; color: #fff}
.accordion-button.acTwo{background: #fda249; color: #fff}
.accordion-button.acThree{background: #dd5a90; color: #fff}
.accordion-button.acFour{background: #4053d6; color: #fff}
.accordion-button.acFive{background: #d64740; color: #fff}
.accordion-button.acSix{background: #d68440; color: #fff}
.accordion-button.acSeven{background: #8740d6; color: #fff}
.tab-content-m h2{font-size: 20px}
.accordion-item{margin-bottom: 5px}
.accordion-header .accordion-button{border-radius: 0px!important}
.page-container h2.accordion-header{margin-bottom: 0; padding-top: 0}
.banner-homepage-sec{background: #0c8ee0}
}