@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Merienda:wght@300..900&family=Niconne&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Protest+Revolution&display=swap');
@import url(https://fonts.googleapis.com/css?family=Terminal+Dosis);
body, html {
    width: 100%;
    overflow-x: hidden;
    background-image: url('../images/pgbg.png');
}
p {
  /*font-family: "Jost", sans-serif;*/
  font-family: "Poppins", sans-serif;
  color: #bf392b !important;
  font-size: 1.1rem;
}

header {
    background-color: #fbe0dc;
    color:#000; /*ea6554*/
    text-align: center;
}

.logoFontSize {
  font-size: 68px;
  font-weight: bold;
  color: #bf392b;
}

.logo img {
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid saddlebrown;
}

.dateis {
  border-radius: 50px;
  background-color: #ea6554;
  color: #fbe0dc;
  font-size: 22px;
}

.theme {
  color: #ea6554;
}

.navArea {
    box-shadow: 0px 0px 6px grey;
    background-color: #bf392b;
}

nav {
    padding: 5px !important;
    margin-top: 0px;
    position: absolute;
    margin: 0 10px 0px 10px;
}

nav ul li .nav-link{
    color: #fff;
    font-size: 17px !important;
    transition: all 1s !important;
}

nav ul li .nav-link:hover {
color: salmon;
transition: all 1s !important;
}

.btn-register
{
background: #bf392b;
background: radial-gradient(circle,rgb(229, 229, 230) 0%, rgb(245, 247, 247) 100%);
font-size: 22px;
border-radius: 50px;
border: 1px solid #bf392b;
color: brown !important;
font-weight: bold;
transition: all 2s;
}

.btn-register:hover
{
background: salmon;
border: 1px solid saddlebrown;
color: brown;
transition: all 2s;
}

.btn-brochure {
    background: salmon;
    font-size: 22px;
    border-radius: 50px;
    border: 1px solid saddlebrown;
    color: #fff !important;
    font-weight: bold;
    transition: all 2s;
}

.btn-brochure:hover {
background: radial-gradient(circle,rgba(3, 85, 161, 1) 0%, rgba(7, 193, 250, 1) 100%);
border: 1px solid #bf392b;
color: wheat !important;
transition: all 2s;
}

/* Carousel Wrapper */
.kb-carousel {
  overflow: hidden;
  max-height: 650px;
}

/* Carousel Items */
.kb-carousel .carousel-item {
  transition: transform .6s ease-in-out 0s, opacity ease-in-out .6s;
}

.kb-carousel .carousel-item.active {
  transition: transform .6s ease-in-out 0s, opacity ease-in-out .6s;
}

.kb-carousel .carousel-item-next.carousel-item-start .carousel-caption,
.kb-carousel .carousel-item-prev.carousel-item-end .carousel-caption {
  z-index: 0;
  opacity: 0;
}

/* Carousel Captions */
.kb-caption {
  top: 2%;
}

.kb-caption h1 {
  font-size: 7vw;
  color: rgba(0, 0, 0, 0.01);
  -webkit-text-fill-color: #bf392b;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: gold;
  text-align: center;
  font-weight: bold;
  transition: 0.5s all;
}

.kb-caption h1:hover
  {
    transform: scale(1.1);
    color: rgba(0, 0, 0, 0.5);
    -webkit-text-fill-color:#ea6554;
    color:#ea6554;
    transition: 1s all;
  }

  .kb-caption h2{
    text-shadow: 0px 0px 3px #000;
  }

.kb-caption h2.upper {
text-transform: uppercase !important;
font-weight: bold !important;
text-shadow: 0px 0px 12px grey;
}

.kb-caption-left {
  margin-right: auto;
}

.kb-caption-right {
  margin-left: auto;
}

.kb-caption-center {
  margin: auto;
}

.kb-caption h1,
.kb-caption h3 {
  padding: 0.5rem 0;
  margin-bottom: 0;
}

/* Controls */
.kb-control-prev,
.kb-control-next {
  width: 3.5rem;
  height: 3.5rem;
  margin: auto 0;
  opacity: 0;
  color: #fff;
  background: rgba(0 0 0 / 0.7);
}

.kb-carousel:hover .kb-control-prev,
.kb-carousel:hover .kb-control-next {
  opacity: 1;
}

.kb-control-prev {
  left: 1%;
}

.kb-control-next {
  right: 1%;
}

.kb-control-prev:hover,
.kb-control-prev:focus,
.kb-control-next:hover,
.kb-control-next:focus {
  color: #fff;
  background: rgba(0 0 0 / 1);
}

/* Support for dark mode */
[data-bs-theme = "dark"] .carousel .carousel-control-next-icon,
[data-bs-theme = "dark"] .carousel .carousel-control-prev-icon {
  filter: none;
}
/* carousel end */

.outlines {
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: transparent;
  font-size: 7vw;
  text-transform: uppercase;
  visibility: hidden !important;
}
.conferenceRegistration .notes h5 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
}

.conferenceRegistration .notes i {
  color: #3ab47d;
}

.conferenceRegistration .notes #price
{
  font-size: 18px;
  font-weight: bold;
  color: #bf392b;
}

.timerData .timer .time {
    color: #bf392b;
    margin: 15px;
    padding: 10px;
    margin-top: 0px;
    font-size: 22px;
    font-weight: bold;
    background-color: #fff;
  }
  .stitle {
    text-align: center;
    position: relative;
    color: #80a6b2;
  }

  .stitle h3 {
    position: relative;
  margin-top: -110px;
  color: #bf392b;
  font-size: 4vw;
  font-weight: bold;
  }

  .registrationBlock {
    border: 1px solid #bf392b;
  }

.imageAbout .text
{
  position: relative;
  margin-top: -100px;
  background-color: #bf392b;
  color: antiquewhite;
  width: 80%;
  border-radius: 20px;
  padding: 12px;
  text-align: center;
}

.imageAbout .text big, .imageAbout .text small {
  width: 100%;
  clear: both;
  display: block;
}

.aboutDelhiData {
  background-image: url('../images/about_bg.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.time {
  border: 1px solid #bf392b;
  border-radius: 5px;
  padding: 12px 20px;
  text-align: center;
}

.timerData .text p {
text-align: center !important;
}

section.committee {
  background-image: url('../images/committee_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.committeeData {
  background-color: #bf392b;
  color: #fff;
}

.committeeData .committeeBox
{
  margin-top: 20px;
}

.committeeData .committeeBox .txt, .imageAbout .txt {
  margin: 10px;
  padding: 5px;
  text-align: center;
  background-color: #bf392b;
  color: #fff;
  border-radius: 20px;
  position: relative;
  margin-top: -60px;
  z-index: 99;
}

.txt big, .imageAbout .txt big {
  width: 100%;
  clear: both;
  display: block;
  font-size: 14px;
}

.committeeData .committeeBox .txt small, .imageAbout .txt small {  
  color: gold;
  font-style: oblique;
  text-decoration:overline;
}

.committeeData .committeeBox .image {
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid lightgray;
  overflow: hidden;
}
.committeeData .committeeBox .image img {
  width: 100%;
  transition: all 1s;
}

.committeeData .committeeBox .image img:hover {
  transform: scale(1.1);
  cursor: pointer;
  transition: all 1s;
}

.colorBrown {
  color: #bf392b;
}

#speakers .committeeBox {
    background-color: #fbe0dc !important;
    color: #ea6554;
  }

  #speakers .committeeBox img {
    border: 1px solid salmon;
    border-radius: 8px;
    background-color: #ea6554;
  }

  #speakers .committeeBox big {
    color: #bf392b;
  }

p {
  text-align: justify;
}

.imageAbout .image {
  overflow: hidden;
}

a:hover, .imageAbout img:hover {
  transform: scale(1.1) !important;
  transition: all 1s !important;
}

/*a .fa:hover {
margin-left: 20px;
transition: all 1s;
}*/

.sectionTitle {
  transition: all 2s;
}

.socialIcons .fa {
  margin: 6px 12px;
}

.socialIcons .fa:hover {
  transform: scale(1.3) !important;
  cursor: pointer;
  color: #ea6554 !important;
  transition: all 1s;
}

/* for sliding message */

#testimonialCarousel .card {
  width: 100% !important;
}
.carousel .card {
  margin: 0 0.5em;
  border: 0;
}

.carousel-control-prev,
.carousel-control-next {
  width: 3rem;
  height: 3rem;
  background-color: grey;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}


/* sliding message end */

.conferenceRegistration {
  background-image: url("../images/registration_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

footer {
  background: #bf392b;
  color:#fff;
}

footer a {
  text-decoration: none;
  color: gold;
}

.bottomFooter {
  background-color: saddlebrown;
}

footer .fa {
  cursor: pointer;
}

footer .fa:hover {
  color: #024286;
  transform: scale(1.35);
  transition: all 1s;
}

@keyframes swing-v {
  0% {
    transform:translateY(0)
  }
  to {
    transform:translateY(30px)
  }
}

/* mobile responsive */
@media screen and (max-width:650px) {

  .carousel-control-prev, .carousel-control-next {
    width: 2.0rem;
    height: 2.0rem;
  }

  .carousel-caption h1 {
    font-size: 5vw;
  }
  
  .notes .title2 {
    font-size: 28px !important;
    margin-bottom: 30px !important;
  }

  .notes .mt-5, .notes .mt-3 {
    margin-top: 0px !important;
  }

  .carousel-caption h3 {
    font-size: 16px;
    margin-top: -15px !important;
  }

  .carousel-item hr {
    display: none;
  }

  .carousel-caption h2 {
    font-size: 0.75rem;
  }

  .sectionTitle h3 {
    margin-top: 0px !important;
    font-size: 28px !important;
  }

  .carousel-caption .buttons {
    display: none;
  }

  .p-1, .p-2, .p-3, .p-4, .p-5 {
    padding: 10px !important;
  }

  .pt-1, .pt-2, .pt-3, .pt-4, .pt-5 {
    padding-top: 10px !important;
  }

  .m-1, .m-2, .m-3, .m-4, .m-5 {
    margin: 10px !important;
  }

  .mt-1, .mt-2, .mt-3, .mt-4, .mt-5 {
    margin: 10px !important;
  }

  .mb-1, .mb-2, .mb-3, .mb-4, .mb-5 {
    margin: 10px !important;
  }

  .registrationBlock {
    margin-top: 0px !important;
    margin-left: -15px;
  }

  .navbar-brand img {
    margin-top: 12px !important;
  }

  .aboutDelhi {
    margin-top: 60px !important;
  }

  .aboutDelhiData {
    background-size: cover !important;
  }

  .aboutDelhiContent a, .venueImages a {
    display: block !important;
    text-align: center !important;
  }

  #speakers .committeeBox {
    margin-top: 15px !important;
    background-color: #fbe0dc !important;
  }

  .flagCounter img {
    width: 90% !important;
  }

  .conferenceNotes .notes, nav {
  margin: 0px !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}

.navArea .container-fluid {
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}

.conferenceNotes .pt-5 {
  padding-top: 10px !important;
}

.messageData .container.p-5, #highlights .shadow.p-5, .registrationData .shadow.p-5 {
  padding: 10px !important;
}

.aboutRegistration .p-3 {
  padding: 0px !important;
}

.icon-list-items li {
  font-size: 18px !important;
}

.aboutSpinecon .imageAbout .shadow {
  height: auto;
  width: 100%;
}

.wd100 {
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important;
}

#highlights .shadow.p-5 {
  padding: 0px !important;
}

.whatElse {
  margin-top: 10px;
}

.bottomFooter .text-left p, .bottomFooter .text-end {
  text-align: center !important;
}

.outlines {
  display: none !important;
}

.query .fa-phone {
  margin-bottom: 12px !important;
}
  
}