/* BELLOW CSS CODE FOR NAVBAR */

.navbar{
  background-color:#029fb2;
  margin-right: 0px !important;
  margin-left: 0px !important;

}
.top-bar {
    background-color: #029fb2;
    color: #fff;
}


.nav-item  {
   padding:0px 12px;
}


.navbar-nav .nav-link{
   color:white !important;

}

 .list-group-item a{
  text-decoration: none;
 }

.badge{
    border-radius: 0px !important;
}

@media  screen and (max-width:1400px){
    .nav-item  {
   padding:0px 7px;
}


.list-inline-item{
  margin-bottom: none !important;
}

.container-fluid{
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-bottom:2px;
}

.navbar-nav .nav-link{
   font-family:"tw cen mt";
   font-size:1em;
   color:white !important;
   font-weight: bold;

}

  }


  @media  screen and (max-width:1200px){
    .nav-item  {
   padding:0px 12px;
}

.navbar-nav .nav-link{
   font-family:"tw cen mt";
   font-size:1em;
   color: #029fb2 !important;
   font-weight: bold;

}

  }

@media  screen and (max-width:992px){
  .nav-item:hover{
  background-color:#f8f9fa;

}
.advertisement{
    margin-bottom:20px;
  }

}


.navbar-toggler {
  color: #ffffff;
  border-color:#ffffff;
  padding:3px 5px;
}

.btn-close{
  border: 1px solid#029fb2 !important;
  opacity: 1 !important;

}


.dropdown-divider{
  margin:5px;
}

.title1{
   font-family: "Vidaloka", serif;
   font-style: normal;
   font-size:18px;

   }

.columnheight{
  width: 100% !important;
  height: 100% !important;

}

.card-body{
    padding: 5px;

}

.title{
  font-family: "Roboto", sans-serif;
  font-size:16px;
  font-weight: 600;
  line-height: 1.2;
  font-style: normal;
  color: #444;

   }

.dateandatuthor{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size:12px;

}

.title-ebook{
  font-family: "Vidaloka", serif;
  font-size:20px;
  line-height: 1.2;
  font-style: normal;
  color: #444;
  text-align: justify;

   }


  a{
  text-decoration: none !important;
 }

 .card-body .title:hover{
   text-decoration: 1px solid #000 underline !important;
 }

 .title-of-details{
    font-family: 'Georgia', serif;
    font-size:20px;
    font-weight: 800;
    line-height: 1.5;
    color: #000;

     }

  .description{
      font-family: 'Georgia', serif;
      font-size:18px;
      color: #444;
   }

.subtitle{
      font-family: 'Georgia', serif;
      font-size:16px;
      color: #444;
      margin-bottom: 4px !important;
}

.card-text{
  font-weight: 600;
  font-style: normal;
  font-size:20px;
   }


.promo {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color:#029fb2;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
  font-family: "Vidaloka", serif;
}


.horizontal-news{
    border-top: 1px solid #029fb2;

}

.horizontal-news:hover{
  background-color:#F9F6EE ;
}

.custom-nav-link {
    font-family: "Raleway", sans-serif;
    font-weight: 900;
    color: #008040;
    font-size: 17px;

  }

  .custom-nav-link:hover {
    color: #dc3545; /* Hover color */
  }

  .active{
    color:#dc3545 !important;
  }

  .text-uppercase{
    font-family: "Raleway", sans-serif;
    font-weight: 900;
    font-size: 17px;
  }


/* BELLOW CSS CODE FOR FOOTER SECTION */

hr.style1{
  border-top: 1px solid #fff;
  display:block;

}

.vertical-left{
border-left: 1px solid #cccccc;

}

@media  screen and (max-width:576px){
.vertical-left{
   border-left: none;
}

.vertical-line{
    border-left: 1px solid #cccccc;
}

}

  footer {
            font-family: Montserrat, arial;
            font-size: 13px !important;
            background-color:#000000;
            display:block;
            padding-bottom: 20px;
            text-align:left;
            z-index: 2;

            }

footer .nav-link {
    color: white;
    text-decoration: none;
}

footer .nav-link:hover {
    color:#000000;
    text-decoration: underline !important;
    text-decoration-color: #000000 !important;
}

.vertical-news img{
    width:100%;
    box-shadow: 0 1px 5px #FF0000, inset 0 1px 0 #FF0000;
  }


/* BELLOW CSS CODE FOR VIDEOS SECTION */


.vimg {
position: relative;
width: 100%;
background-color: #000000;
}

.vimg img {
opacity: 0.5;

}

.vimg img:hover {
opacity: 1;
}


.play-button {
    background-color:red;

    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.play-button i {
    color: white;
    font-size: 24px;
    padding-left: 6px;
    opacity: 1;
}

.play-button:hover {
    background-color: rgba(0, 0, 0, 0.5);
}


/* BELLOW CSS CODE FOR EBOOK SECTION */

.hover-box {
    position: relative;
    max-width: 400px;
    margin: auto;
  }

  .img-fluid {
    width: 100%;
    /* Cross-browser transition */
    -webkit-transition: opacity 0.4s ease, border 0.4s ease;
       -moz-transition: opacity 0.4s ease, border 0.4s ease;
        -ms-transition: opacity 0.4s ease, border 0.4s ease;
         -o-transition: opacity 0.4s ease, border 0.4s ease;
            transition: opacity 0.4s ease, border 0.4s ease;

    /* Cross-browser backface-visibility */
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }

  .hover-box:hover .img-fluid {
    opacity: 0.3;
    border: 1px solid #029fb2;
  }

  .hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;

    /* Cross-browser transform */
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    /* Cross-browser transition */
    -webkit-transition: opacity 0.4s ease;
       -moz-transition: opacity 0.4s ease;
        -ms-transition: opacity 0.4s ease;
         -o-transition: opacity 0.4s ease;
            transition: opacity 0.4s ease;

    text-align: center;
  }

  .hover-box:hover .hover-content {
    opacity: 1;
  }

  .btn-hover {
    background-color: #029fb2;
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;


    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
       -moz-transition: background-color 0.3s ease, color 0.3s ease;
        -ms-transition: background-color 0.3s ease, color 0.3s ease;
         -o-transition: background-color 0.3s ease, color 0.3s ease;
            transition: background-color 0.3s ease, color 0.3s ease;
  }

  .btn-hover:hover {
    background-color: #fff;
    color: #029fb2;
  }


.pagination .page-link {
  color: #dc3545; /* red or any color you prefer */
}

/* Change background and text color on hover */
.pagination .page-link:hover {
  background-color: #ffe6e6;
  color: #b30000;
}

/* Change active page button */
.pagination .page-item.active .page-link {
  background-color: #dc3545; /* red */
  border-color: #dc3545;
  color: #fff;
}

.about-name{
    font-family: 'Georgia', serif;
    font-size: 20px;
    font-weight: 800;
    margin-bottom:15px;
}

.about-title{
    font-family: 'Georgia', serif;
    font-size: 20px;
    font-weight: 800;
    margin-top:10px;
    margin-bottom:10px;

}

.error{ color: red; }

.tf-color-1 {
    color: #dc3545;
    font-size: 16px;

}

.form-control{
     border: 1px dotted #dc3545;
}


 .make-me-sticky-ebook {
    position: -webkit-sticky;
    position: sticky;
    top:60px;
    padding: 0px 0px 20px;
}


.btn .btn-danger{
	font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:none;
	padding-top:-5px !important;
	padding-bottom:-5px !important;
}


.inquiry{
  padding-top:2px !important;
  padding-bottom:2px !important;
  font-size:17px !important;
  text-align:center;
  background-color: #66cdaa;
  text-decoration:none !important;
  font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;


}

.inquiry:hover{
   background-color:#ffa500;
}

 .inquiry a{
  text-decoration:none !important;
  color:black;
}


 #map {
        height: 90vh;
        width: 100%;
        }
 .flag-icon {
            width: 32px;
            height: 20px;
            object-fit: cover;
            border: 1px solid #ccc;
        }

.navbar-nav .nav-link.active {
    border-bottom: 2px solid white;
    padding-bottom: 4px;
    line-height: 1.2;
    transition: border-color 0.3s ease;
    color: white !important;
}

.navbar-nav .nav-link {
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s ease;
}



.zoom-img {
    transition: transform 0.4s ease;
}

.card:hover .zoom-img {
    transform: scale(1.08) rotate(1deg); /* zoom in slightly */
}

.card,
.card-img,
.card-img-top,
.card-img-overlay {
    border-radius: 0 !important;
}

.news-title-link:hover h5,
.news-title-link:hover h6,
.bi-person:hover {
    color: #029fb2;
}

.author-link:hover {
    color: #029fb2 !important;
    text-decoration: underline; /* optional */
}

.fa-calendar-alt, .fa-user{
    color: #029fb2 !important;
}

.bg-navbar{
    background-color:#029fb2;
}