/* Change Brand Font */
.custom_h2{
  font-size: 35px !important;
}


.navbar-brand{
  font-family: 'Ubuntu', sans-serif;
  font-size: 2em;
  font-weight: bold;
}

.fa-eye{
  position: absolute;
  right: 50px;
bottom: 115px;
}

h1,h2,h3,h4,h5,h6 {
  margin-top: 10px !important;
}

/* Change Navigation Color */
.navbar #myMenu .custom-nav .nav-item a {
  color: #fff;
}
.navbar #myMenu .custom-nav .nav-item a:hover{
  color: #F0AAB1;
}

/* Make Header Image Responsive */
.back-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 25vh !important;
  border-radius: 0px;
  /*margin-top: 84px;*/
  background-top: 0px;
}
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: 130px!important;
}

/* Header Image Sub-Title */
.st {
  font-size: 24px;
}

/* Change Footer Social Icon Color */
a {
  color:  #b90a0a;
}
a:hover {
  color: #E994A2;
}
#services{
  background-color:#b90a0a;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.card:hover {
  zoom: 1.02;
}
/*body { padding-top: 50px; }*/
/*#####################
Additional Styles (required)
######################*/
#myCarousel .thumbnail {
  margin-bottom: 0;
}
.carousel-control.left, .carousel-control.right {
  background-image:none !important;
}
.carousel-control {
  color:#fff;
  top:40%;
  color:#428BCA;
  bottom:auto;
  padding-top:4px;
  width:30px;
  height:30px;
  text-shadow:none;
  opacity:1;
}
.carousel-control:hover {
  color: #d9534f;
}
.carousel-control.left, .carousel-control.right {
  background-image:none !important;
}
.carousel-control.right {
  left:auto;
  right:-32px;
}
.carousel-control.left {
  right:auto;
  left:-32px;
}
.carousel-indicators {
  bottom:-30px;
}
.carousel-indicators li {
  border-radius:0;
  width:10px;
  height:10px;
  background:#ccc;
  border:1px solid #ccc;
}
.carousel-indicators .active {
  width:12px;
  height:12px;
  background:#3276b1;
  border-color:#3276b1;
}


.costom-login:hover , .costom-register:hover{
  background-color: #07094c!important;
  border: 1px solid #07094c !important;
}

.costom-register,.costom-login{
    background-color: #b90a0a!important;
  border: 1px solid #b90a0a !important;
}

.costom-text{
  color: #07094c !important;
  font-weight: bold;
  font-size: 9px;
}



.costom-icon{
  color: #b90a0a !important;
}


.costom {
    background-color: #0066CC!important;
}
.navbar #myMenu .custom-nav .nav-item a {
    color: #fff;
    min-width: 92px;
    text-align: center;
}

.nav-item a:hover, .nav-item .active{
   background-color:#b90a0a !important;
   color: #fff !important;

}

.carousel{.
  margin-top: 30px !important
}

#mobile_view{
  display: none;
  width: 100%
}

#mobile_view ul{
  list-style-type: none;
  /*float: right;*/
}

#mobile_view li{
  float: right;
  margin-right: 10px;
}

 .mainBodyClass{
      padding-top: 0 !important;
      padding-right: 0 !important;
      margin-top: 0 !important;
      margin-right: 0 !important;
     background-image: linear-gradient(to right,#fff,#e6e6e6);
     padding-left: 0 !important;
      margin-left: 0 !important;
}
.mainBodyClass,img{
  margin-left: 18px;

}
#header,img{
  margin-left: 18px;

}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 46px;
}


 
#search{
    width: 50%;
    margin-left: 8%;
    margin-top:10px;
}

.fa-search
{
  position: absolute;
  right: 30%;
 margin-top: -25px;

}


@media screen and (max-width: 568px){

.mt-5, .my-5 {
    margin-top: 17rem!important;
}
}

/*For Mobile View*/
@media screen and (max-width: 568px){

#top_head img {
  display: flex;
    margin: auto; 
}

  .custom_h2{
  font-size: 32px !important;
}

.navbar-toggler{
  position: absolute !important;
  margin-left: 20px  !important;
}

.navbar-nav{
  float: left !important; 
}

.navbar-nav .nav-item{
  width: 100% !important;
  min-width: 350px !important;
  float: left;
}


.navbar-collapse{
  position: absolute !important;
    top: 50px !important;
    width: 100% !important;
    background-color: #07094c !important;
}
.ml-auto{
  margin: 0px !important;
  text-align: left !important;
}

#desktop_view {
  display: none !important;
}
#mobile_view{
  display: block;
}
#desktop_view1 {
  margin-bottom: 25px;
}
#mobile_view1{
  display: block;

}


#search{
    width: 77%;
    margin-left: 6%;
    margin-top:10px;
}

.fa-search
{
  position: absolute;
  right: 16%;
 margin-top: -25px;

}


.dropdown-list{
  display: none;
}

}


.caption h3 {
  font-size: 20px!important;
  min-height: 75px!important;
}

#courseDescription{
  text-align: justify !important;
  padding: 10px 15px !important;
}

.fa:hover, .fas:hover {
    color: #b90a0a !important;
}