body {
  font-family: "Open Sans", sans-serif;
  color: #000;
}

a {
  color: black;
  text-decoration: none;
}

a:hover {
  color: chocolate;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
}

/*------ Header Section--------------------------------------*/
#header {
  transition: all 0.5s;
  border-bottom: 1px solid #FF8C00;
  height: 150px;
  padding: 5px;
}
#header .logo img {
  height: 110px;
  max-height: 110px;
}
#header h1{
  color: #FF8C00 !important;
  font-size: 30px;
  font-weight: 900;
  text-shadow: 1px 1px #B8860B !important;
}
#header h3{
  color: black !important;
  font-size: 20px;
  font-weight: 700;
}
#header h6{
  color: chocolate !important;
  font-size: 15px;
  font-weight: 700;
}
#header .rightlogos {
  display: flex;
  justify-content: end !important;
  align-items: center !important;
}
#header .rightlogo {
  height: 80px;
}
/*------- Navbar ------------------------------------------*/
#header .navbar {
  padding: 4px;
}
#header .navbar .navbar-nav{
  margin: auto !important;
}
#header .navbar li {
  position: relative;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#header .navbar a, .navbar a:focus {
  font-size: 15px;
  color: white !important;
  white-space: nowrap;  
  transition: 0.3s;
}
#header .navbar a:hover, #header .navbar a.active, #header .navbar a.active:focus, #header .navbar li:hover > a {
  color: #000 !important;
}
#header .navbar a.active{
  font-weight: 650;
}
#header .dropdown-menu{
  background-color: chocolate !important;
  color: #fff !important;
}
#header .dropdown-menu .dropdown-item:hover, #header .dropdown-menu .dropdown-item:focus{
  color: #000 !important;
}
#header .navbar .nav-item .btn{
  color: #000 !important;
}
#header .navbar .nav-item .btn:focus, #header .navbar .nav-item .btn:hover{
  transform: scale(1.07);
  opacity: 1;
}
/*------------End Navbar-----------------------------------------*/

/*-------------Start Media for Header----------------------------*/
@media (max-width: 575px) {
  #header {
    height: 190px;
  }
  #header a{
    justify-content: center !important;
  }
  #header .logo img {
    max-height: 80px;
  }
  #header h1{
    font-size: 15px;
    font-weight: 900;
    text-shadow: 0 0 #B8860B !important;
  }
  #header h3{
    font-size: 10px;
    font-weight: 700;
  }
  #header h6{
    color: chocolate !important;
    font-size: 11px;
    font-weight: 700;
  }
  #header .rightlogos {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
  }
  #header .rightlogo {
    height: 20px;
  }
  #header .dropdown-menu{
    background-color: #000 !important;
    color: #fff !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  #header {
    height: 190px;
  }
  #header a{
    justify-content: center !important;
  }
  #header .logo img {
    max-height: 80px;
  }
  #header h1{
    font-size: 15px;
    font-weight: 900;
  }
  #header h3{
    font-size: 10px;
    font-weight: 700;
  }
  #header h6{
    color: chocolate !important;
    font-size: 11px;
    font-weight: 700;
  }
  #header .rightlogos {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
  }
  #header .rightlogo {
    height: 30px;
  }
  #header .dropdown-menu{
    background-color: #000 !important;
    color: #fff !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header {
    height: 200px;
  }
  #header a{
    justify-content: center !important;
  }
  #header .logo img {
    max-height: 90px;
  }
  #header h1{
    font-size: 16px;
    font-weight: 900;
  }
  #header h3{
    font-size: 11px;
    font-weight: 700;
  }
  #header h6{
    color: chocolate !important;
    font-size: 12px;
    font-weight: 700;
  }
  #header .rightlogos {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
  }
  #header .rightlogo {
    height: 30px;
  }
  #header .dropdown-menu{
    background-color: #000 !important;
    color: #fff !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header {
    height: 150px;
    overflow: hidden;
  }
  #header a{
    justify-content: center !important;
  }
  #header .logo img {
    max-height: 100px;
  }
  #header h1{
    font-size: 21px;
    font-weight: 900;
  }
  #header h3{
    font-size: 14px;
    font-weight: 700;
  }
  #header h6{
    color: chocolate !important;
    font-size: 0.590rem;
    font-weight: 600;
  }
  #header .rightlogos {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
  }
  #header .rightlogo {
    height: 60px;
  }
  #header .dropdown-menu{
    background-color: #000 !important;
    color: #fff !important;
  }  
  #header .navbar li {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  #header .navbar a, .navbar a:focus {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {  
  #header h1{
    font-size: 25px;
  }
  #header h6{
    color: chocolate !important;
    font-size: 0.650rem;
    font-weight: 600;
  }
  #header .rightlogos {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
  }
  #header .rightlogo {
    height: 60px;
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {  
  #header h6{
    color: chocolate !important;
    font-size: 0.750rem;
    font-weight: 600;
  }
  #header .rightlogos {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
  }
  #header .rightlogo {
    height: 60px;
  }
}
/*-------------End Media for Header------------------------------*/

/*------ jumbo Section--------------------------------------------*/
#jumbo {
  margin-top: 150px !important;
  width: 100%;
  height: 100vh;
  position: relative;
  /* background: url("../img/dams/Tungabhadra-min_20.webp") top center; */
  background: url("../img/dams/KrishnaRajaSagaraDam.jpg") top center;
  background-size: cover;
}
#jumbo:before {
  content: "";
  background: rgba(0, 0, 40, 0.50) !important;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#jumbo h1 {
  margin: 0;
  font-size: 55px;
  font-weight: 700;
  line-height: 75px;
  color:chocolate !important;
  text-shadow: 1px 1px black; !important;
  font-family: "Poppins", sans-serif;
}
#jumbo h4 {
  margin-top: 10px;
  font-size: 25px;
  font-weight: 550;
  line-height: 45px;
  text-shadow: 1px 1px black; !important;
  color:#fff !important;
  font-family: "Poppins", sans-serif;
}

#jumbo .idsc-cards {
  margin-top: 20px;
}
#jumbo .idsc-cards img{
  height: 100px !important;
}
#jumbo .idsc-cards .img4 {
  height: 50px !important;
}

#jumbo .idsc-card {
  padding: 10px;
  position: relative;
  overflow: hidden;
  background: #F5FFFA;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  z-index: 1;
  width: 100% !important;
}
#jumbo .idsc-card .title {
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 22px;
/*  color:#FF8C00 !important;*/
color: rgba(0, 50, 50, 1) !important;
}
#jumbo .btn-idsc:hover {
  transform: scale(1.07);
  opacity: 1;
}

@media (max-width: 576px) {
  #jumbo{
    margin-top: 190px !important;
  }
  #jumbo h1 {
    margin-top: 0px;
    font-size: 30px !important;
    font-weight: 550;
    line-height: 40px;
    margin-bottom: 15px;
  }
  #jumbo h4{
    font-size: 18px !important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 5px;
  }
  #jumbo .idsc-cards {
    margin-top: 20px !important;
  }
  /*#jumbo .idsc-cards img{
    height: 20px !important;
  }
  #jumbo .idsc-cards img.img1, img.img2, img.img3{
    width: 20px !important;
  }*/
}
@media (min-width: 576px) and (max-width: 767px) {
  #jumbo{
    margin-top: 190px !important;
  }
  #jumbo h1 {
    margin-top: 0px;
    font-size: 30px !important;
    font-weight: 550;
    line-height: 40px;
    margin-bottom: 15px;
  }
  #jumbo h4{
    font-size: 18px !important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 5px;
  }
  #jumbo .idsc-cards {
    margin-top: 20px !important;
  }
  /*#jumbo .idsc-cards img{
    height: 20px !important;
  }
  #jumbo .idsc-cards img.img1, img.img2, img.img3{
    width: 20px !important;
  }*/
}
@media (min-width: 768px) and (max-width: 991px) {
  #jumbo{
    margin-top: 190px !important;
  }
  #jumbo h1 {
    margin-top: 0px;
    font-size: 30px !important;
    font-weight: 550;
    line-height: 40px;
    margin-bottom: 15px;
  }
  #jumbo h4{
    font-size: 18px !important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 5px;
  }
  #jumbo .idsc-cards {
    margin-top: 20px !important;
  }
  /*#jumbo .idsc-cards img{
    height: 20px !important;
  }
  #jumbo .idsc-cards img.img1, img.img2, img.img3{
    width: 20px !important;
  }*/
}

/*---------Background, Buttons & Text---------------*/
.bg-teal{
  background: rgba(0, 50, 50, 1) !important;
}
.bg-chocolate{
  background-color: chocolate !important;
}
.text-teal{
  color: rgba(0, 50, 50, 1) !important;
}
.text-chocolate{
  color: chocolate !important;
}
.text-yellow{
  color: #DAA520 !important;
}
.bg-yellow{
  background-color: #DAA520;
}
.btn{
  border-radius: 0 !important;
}
.btn-idsc, .btn-idsc:focus {
  background: #DAA520;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: solid 1px chocolate;
  color: #fff;
}
.btn-idsc:hover, .btn-idsc:focus:hover {
  color: #fff;
  background: #FF8C00;
}

/*-----------------Rajasthan-----------------------------*/
#rajasthan .idsc-cards {
  margin-top: -100px;
}
#rajasthan .idsc-card {
  position: relative;
  overflow: hidden;  
  box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 100% !important;
  opacity: 1;
  height: 300px;
  max-height: 300px;
}
#rajasthan #card1{
  background: url("../img/rajasthan/camels.jpg") top center;
  background-size: cover;
}
#rajasthan #card2{
  background: url("../img/rajasthan/hawa mahal.jpg") top center;
  background-size: cover;
}
#rajasthan #card3{
  background: url("../img/rajasthan/Jodhpur.jpg") top center;
  background-size: cover;
}
#rajasthan #card4{
  background: url("../img/rajasthan/rajasthan-1.jpg") top center;
  background-size: cover;
}

@media (max-width: 576px) {
  #rajasthan .idsc-cards {
    margin-top: -35px;
    padding: 0 !important;
  }
  #rajasthan .idsc-cards .col-3{
    padding: 0 !important;
  }
  #rajasthan .idsc-card {
    height: 75px !important;
    max-height: 75px !important;
    width: 100% !important;
    margin-right: 5px !important;
    padding: 0 !important;
    border: solid 1px #FF8C00 !important;
    display: block !important;
    margin-left: 5px !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  #rajasthan .idsc-cards {
    margin-top: -75px;
    padding: 0 !important;
    margin-right: 10px;
  }
  #rajasthan .idsc-cards .col-3{
    padding: 5px !important;
  }
  #rajasthan .idsc-card {
    height: 150px !important;
    max-height: 150px !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #rajasthan .idsc-cards {
    margin-top: -75px;
    padding: 0 !important;
    margin-right: 10px;
  }
  #rajasthan .idsc-cards .col-3{
    padding: 5px !important;
  }
  #rajasthan .idsc-card {
    height: 200px !important;
    max-height: 200px !important;
    width: 100% !important;
  }
}

/*-----------------About Us, Travel Assistance, Sponsors & Exhibition, Organisers, Contactus-----------------------------*/
#aboutus {
  width: 100%;
  position: relative;
  /*background: url("../img/rajasthan/camels.webp") top center;*/
  background: url("../img/karnataka/world-heritage-day.png") top center;
  background-size: cover;
}
#aboutus:before {
  content: "";
  background: rgba(0, 0, 40, 0.70) !important;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#aboutus h1, #travelassistance h1, #sponsorsandexhibition h1, #organisers h1, #contactus h1{
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  color: #ffd700;
  font-family: "Poppins", sans-serif;
}
#aboutus .row .col-12 p{
  text-align:justify !important;
}

#travelassistance {
  width: 100%;
  position: relative;
  /*background: url("../img/rajasthan/ranthambore.webp") top center;*/
  /*background: url("../img/karnataka/Maravanthe-Beach-scaled.jpeg") top center;  */
  background: url("../img/karnataka/Beautiful_Sunset_Background-1366.jpeg") top center; 
  background-size: cover;
}
#travelassistance:before {
  content: "";
  background: rgba(0, 0, 40, 0.70) !important;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#travelassistance .row .col-12 p{
  text-align:justify !important;
}

#sponsorsandexhibition {
  width: 100%;
  position: relative;
  /*background: url("../img/rajasthan/hawa mahal.webp") top center;*/
  background: url("../img/karnataka/hampi.jpg") top center;
  background-size: cover;
}
#sponsorsandexhibition:before {
  content: "";
  background: rgba(0, 0, 40, 0.80) !important;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#sponsorsandexhibition .row .col-12 p{
  text-align:justify !important;
}

#organisers {
  width: 100%;
  position: relative;
  /*background: url("../img/rajasthan/amer_fort.webp") top center;*/
  background: url("../img/karnataka/mysore-karnataka.jpg") top center;
  background-size: cover;
  margin-top: 20px;
  min-height: 40rem !important;
}
#organisers:before {
  content: "";
  background: rgba(0, 0, 40, 0.70) !important;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#organisers .idsc-card .card{
  min-height: 9.35rem !important;
}
#organisers .idsc-card img.img1{
  height: 100px !important;
}
#organisers .idsc-card img.img2{
  height: 100px !important;
}
#organisers .idsc-card img.img3{
  height: 100px !important;
}
#organisers .idsc-card img.img4 {
  height: 50px !important;
}
#organisers .idsc-card img.img5{
  height: 100px !important;
}
#organisers .idsc-card img.img6{
  height: 100px !important;
}
#organisers .idsc-card img.img7{
  height: 50px !important;
}
#organisers .idsc-card .logo-sectoin{
  min-height: 4.5rem !important;
}
#organisers .idsc-card .text-sectoin{
  min-height: 4.5rem !important;
}

#contactus {
  width: 100%;
  position: relative;
  /*background: url("../img/rajasthan/dome.webp") top center;*/
  background: url("../img/karnataka/belur-and-halebidu.jpg") top center;
  background-size: cover;
  margin-top: 20px;
  min-height: 40rem !important;
}
#contactus:before {
  content: "";
  background: rgba(0, 0, 40, 0.70) !important;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}


#contactus .card{
/*  min-height: 300px;*/
}
#contactus .card .bi{
  font-size: 20px;
}

@media (max-width: 576px) {
  #aboutus, #travelassistance, #sponsorsandexhibition, #organisers #contactus{
    padding: 0 !important;
    font-size: 13px;
  }
  #aboutus h1, #travelassistance h1, #sponsorsandexhibition h1, #organisers h1, #contactus h1{
    font-size: 30px;
  }
  #aboutus h2, #travelassistance h2, #sponsorsandexhibition h2, #organisers h2, #contactus h2{
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  #aboutus, #travelassistance, #sponsorsandexhibition, #organisers, #contactus{
    padding: 0 !important;
    font-size: 16px;
  }
  #aboutus h1, #travelassistance h1, #sponsorsandexhibition h1, #organisers h1, #contactus h1{
    font-size: 35px;
  }
  #aboutus h2, #travelassistance h2, #sponsorsandexhibition h2, #organisers h2, #contactus h2{
    font-size: 23px;
  }
}

/*-----------------Conference Theme, Timeline-----------------------------*/
#conferencethemes h1, #timeline h1, #committees h1, #programschedule h1, #oursponsors h1{
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  font-family: "Poppins", sans-serif;
}
#conferencethemes .card{
  min-height: 15rem !important;
}
#conferencethemes .card .card-body{
  min-height: 7rem !important;
}


.tbl tbody tr .td-col-center{
  text-align: center;
}

@media (max-width: 576px) {
  #conferencethemes, #timeline, #committees, #programschedule{
    padding: 0 !important;
    font-size: 13px;
  }
  #conferencethemes h1, #timeline h1, #committees h1, #programschedule h1{
    font-size: 30px;
  }
  #conferencethemes h2, #timeline h2, #committees h2, #programschedule h2{
    font-size: 20px;
  }
  #committees table tbody tr td{
    font-size: 12px !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  #conferencethemes, #timeline, #contactus, #committees, #programschedule{
    padding: 0 !important;
    font-size: 16px;
  }
  #conferencethemes h1, #timeline h1, #committees h1, #programschedule h1{
    font-size: 35px;
  }
  #conferencethemes h2, #timeline h2, #committees h2, #programschedule h2{
    font-size: 23px;
  }
  #committees table tbody tr td{
    font-size: 15px !important;
  }
}

#conferencethemes .curved, #timeline .curved, #contactus .curved{
  border-top-left-radius: 30%;
  border-bottom-right-radius: 30%;
}

.curved{
  border-top-left-radius: 30%;
  border-bottom-right-radius: 30%;
}
.curved2{
  border-top-right-radius: 30%;
  border-bottom-left-radius: 30%;
}

/*-------------Registration, Login-----------------------------------*/
#register {
  width: 100%;
  min-height: 200vh;
  position: relative;
  background: url("../img/dams/Tungabhadra-min.jpg") top center;
  background-size: cover;
}
#login {
  width: 100%;
  height: 200vh;
  position: relative;
  background: url("../img/dams/Tungabhadra-min.jpg") top center;
  background-size: cover;
}
#register:before, #login:before {
  content: "";
  background: rgba(0, 0, 40, 0.60) !important;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#register h4, #login h4 {
  margin-top: 10px;
  font-size: 25px;
  font-weight: 550;
  line-height: 45px;
  color:chocolate !important;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 576px) {
  #register, #login{    
    font-size: 15px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  #register h4, #login h4{
    font-size: 18px !important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 5px;
  }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: chocolate;
  font-size: 14px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
  opacity: 1;
  text-align: center;
}
#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #fff;
}
#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}
#footer .footer-top .footer-contact h3 {
  font-size: 26px;
  margin: 0 0 10px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 500;
  color: chocolate;
}
#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  color: black;
}
#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: chocolate;
  position: relative;
  padding-bottom: 12px;
}
#footer .footer-top .footer-links {
  margin-bottom: 10px;
  text-align: left !important;
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: chocolate;
  font-size: 18px;
  line-height: 1;
}
#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top .footer-links ul a {
  color: #777777;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: chocolate;
}



/*------ Back to Top --------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 40px;
  bottom: 100px;
  z-index: 1000;
  background: #DAA520;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #DC143C;
  color: #000;
  transform: scale(1.07);
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

#loading_effect{
  color: #FFFFFF;
  background:url(../img/opacity.png);
  width:100%; 
  height:10000px; 
  z-index:5000; 
  position:absolute;
  top:0px;
  left:0px;
  text-align:center;
  font-family:"Times New Roman",Georgia,Serif;
}
#img_wait_for_ajax{
  margin-top:5.5rem;
  width: 75%;
  margin-left: auto;
  margin-right: auto; 
}

/*------ dashboard Section--------------------------------------------*/
#dashboard {
  margin-top: 150px !important;
  width: 100%;
}

#dashboard .card{
  border-radius: 0 !important;
}

@media (max-width: 576px) {
  #dashboard{
    margin-top: 190px !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  #dashboard{
    margin-top: 190px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #dashboard{
    margin-top: 190px !important;
  }
}


#loading_effect div.spinner-border{
  width: 3rem;
  height: 3rem;
  margin-top: 12.0rem !important;
}

#header .navbar .nav-item .btn{
  color: white !important;
}

#scroll_dams img{
  height: 280px !important;
}

.fullcap {
  position: absolute; 
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: none;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 1.5rem !important;
  color: white !important;
  text-align: center;
}


#scroll_dams .dam-images:hover .fullcap {
  visibility: visible;
  opacity: 1;
}

.dataTables_filter input{
  margin-bottom: 10px !important;
}



/* Conference Themes */
#conferencethemes .grid {
/*  padding: 60px;*/
  margin: 0 auto;
/*  max-width: 1200px;*/
  max-width: 600px;
}
#conferencethemes .grid-item {
  position: relative;
/*  margin-top: -90px;*/
  margin-top: -45px;
  margin-right: 5px;
  margin-left: 5px;
/*  width: calc(33.33% - 10px);*/
  width: calc(33.33% - 10px);
  float: left;
  transition: all 0.5s;
  overflow: hidden;
  -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  -webkit-shape-outside: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
#conferencethemes .grid-item:before {
  display: block;
  padding-top: 112.5%;
  content: "";
}
#conferencethemes .grid-item:nth-child(1), #conferencethemes .grid-item:nth-child(2) {
  margin-top: 0;
}
#conferencethemes .grid-item:nth-child(7n-1), #conferencethemes .grid-item:nth-child(1) {
/*  margin-left: 185px;*/
  margin-left: 105px;
}

#conferencethemes #img1{
  background-image: url("../img/dams/Mahi-Bajaj-Sagar-Dam1.webp");
}
#conferencethemes #img2{
  background-image: url("../img/dams/Almatti_min.webp");
}
#conferencethemes #img3{
  background-image: url("../img/dams/bhakra_dam_min.webp");
}
#conferencethemes #img4{
  background-image: url("../img/dams/Tungabhadra-min_20.webp");
}
#conferencethemes #img5{
  background-image: url("../img/dams/Rengali1.webp");
}
#conferencethemes #img6{
  background-image: url("../img/dams/Krishnaraja_sagar_dam_min.webp");
}
#conferencethemes #img7{
  background-image: url("../img/dams/Salal_Power_Station_Jammu_and_Kashmir_min.webp");
}
#conferencethemes .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
#conferencethemes .img:before, #conferencethemes .img:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  opacity: 0;
  transition: opacity 0.5s;
}
#conferencethemes .img:before {
  background: rgba(128, 0, 128, 0.25);
}
#conferencethemes .img:after {
  background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5), transparent);
}

#conferencethemes .container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  opacity: 0;
  text-align: center;
  color: white;
  will-change: transform;
  backface-visibility: hidden;
  transform: translate(-50%, -50%) scale(0.9);
  transition: all 0.5s;
  -webkit-shape-outside: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  shape-outside: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
#conferencethemes h5 {
  font-family: "Arapey";
  font-style: italic;
  font-weight: 400;
}

#conferencethemes .grid-item:hover .img:before,
#conferencethemes .grid-item:hover .img:after,
#conferencethemes .grid-item:hover .container {
  opacity: 1;
}
#conferencethemes .grid-item:hover .container {
  transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 768px) {
  #conferencethemes .grid {
    display: none;
  }
}