body {
    background-color: #f8f9fa;
    /*line-height:1.2;*/
}
.faculty-img {
    width: 100%;
    height: auto;
}
.rating {
    color: gold;
}
a{
    text-decoration:none;
    color:#000;
}
.alert{
    font-size:12px;
}
/*css for content font style start*/
h1{
    font-size:30px;
    margin-top:30px;
    margin-bottom:30px;
    font-weight:600;
    padding:5px; /*important for hindi fonts*/
}
.f-style hr{
  border: 5px solid green;
  border-radius: 1px;font-size:30px;
  opacity:0.1;
  margin:40px 0px;
}
.f-style .cpad{
    padding:40px;
}
/*.f-style h1{*/
/*    font-size:30px;*/
/*    font-weight:600;*/
/*    display:none;*/
/*}*/
.f-style .hnone h1{
    font-size:30px;
    font-weight:600;
    display:none;
}
.f-style h2{
    font-size:24px;
    font-weight:500;
    font-weight:normal;
    text-align:left;
}
.f-style h3{
    font-size:22px;
    font-weight:500;
    text-align:left;
    margin-top:40px;
}
.f-style h4{
    font-size:21px;
    font-weight:500;
    text-align:left;
    margin-top:40px;
}
.f-style h5{
    font-size:20px;
    font-weight:500;
    text-align:left;
    margin-top:30px;
}
.f-style h6{
    font-size:18px;
    font-weight:500;
    text-align:left;
    margin-top:25px;
}
.f-style p{
    font-size:18px;
    word-spacing:3px;
    line-height:1.7;
    text-align:left;
}
.f-style img{
    width:auto;
    height:180px;
}
.f-style iframe{
    margin:auto;
}
.f-style ul{
    font-size:16px;
    text-align:left;
    word-spacing:3px;
}
.f-style ol{
    font-size:16px;
    text-align:left;
    word-spacing:3px;
}
.f-style ol li{
    margin:15px 0px;
    font-size:16px;
    word-spacing:3px;
}
.f-style ul li{
    margin:10px 0px;
    font-size:16px;
    word-spacing:3px;
}
.f-style ol li strong{
    margin:15px 0px;
    font-size:16px;
    word-spacing:3px;
}
.f-style table thead,tbody tr td,th{
    font-size:13px;
    word-spacing:2px;
    text-align:left;
}
.f-style .btn-primary{
    background-color:#0067c2;
    border-color:#0067c2;
}
.f-style .btn-secondary{
    background-color:#e6e6e6;
    border-color:#e6e6e6;
}
.f-style .btn-info{
    background-color:#02bce6;
    border-color:#02bce6;
}
.f-style .btn-success{
    background-color:#02a659;
}
.f-style .btn-warning{
    background-color:#f5dc6c;
}
.f-style .btn-danger{
    background-color:#ba2102;
}
.animate
{
    /*text-transform: uppercase;*/
    /*background-image: linear-gradient(225deg, #2d9afa 0%, #44107a 29%, #ff1361 67%, #fff800 100%);*/
    background-image: linear-gradient(225deg, #0f78d4 0%, #338ede 25%, #263a7a 50%, #2d456e 75%, #030303 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 10s linear infinite;
    display: inline-block;
    /*font-size: 190px;*/
}
@keyframes textclip {
  to {
    background-position: 100% center;
  }
}

/*css for blink text START*/
.blink_me {
  animation: blinker 3s linear infinite;
  font-size:14px;
}

@keyframes blinker {
  50% {
    /*opacity: 0;*/
    opacity: 0.6;
  }
}
/*css for blink text END*/

/*css for Brand Animated*/
.anm a {
  color: #396dbf;
  text-shadow: 0 20px 25px #2e2e31, 0 40px 60px #2e2e31;
  font-size: 32px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: -1px;
  margin: 0;
  position: absolute;
  top: 35%;
  left: 8%;
  transform: translateX(-50%) translateY(-50%);
}

.anm a:before,
.anm a:after {
  content: "";
  padding: .9em .4em;
  position: absolute;
  left: 50%;
  width: 150%;
  top: 50%;
  display: block;
  border: 20px solid red;
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  animation: 10s infinite alternate ease-in-out tipsy;
}

.anm a:before {
  border-color: #d9524a #d9524a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  z-index: -1;
}

.anm a:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d9524a #d9524a;
  box-shadow: 25px 25px 25px rgba(46, 46, 49, .8);
}
/*css for Brand Animated*/
.hero {
    background: #fff9c4;
    color: #396dbf;
    padding: 100px 0px 40px 0px;
    text-align: center;
}



/*Add some custom styles for better presentation related posts and you may like section*/
.related-posts-section {
    background-color: #f0f4f8;
    padding: 2rem;
    border-radius: 10px;
}
.related-posts-section h6 {
    color: #333;
    font-weight: bold;
    /*text-transform: uppercase;*/
    margin-bottom: 1.5rem;
}

.related-posts-section .btn .btn-outline-success{
    color:#cbf5bc;
    border:1px solid #cbf5bc;
}
.card {
    transition: all 0.3s ease;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.card-title a {
    text-decoration: none;
    font-weight: 600; /* Change this to adjust boldness */
}
.card-title a.title-styling {
    font-size: 1.2rem; /* Default size for titles */
}
/* Optional: Add styles for longer titles */
.card-title a.title-styling.large-title {
    font-size: 1.5rem; /* Larger titles */
}
.card-title a.title-styling.small-title {
    font-size: 1rem; /* Smaller titles */
}
.card-footer a {
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: bold;
}
.card-footer a:hover {
    background-color: #3867a6;
    color: #fff;
}

.card-footer .btn-outline-primary{
    color:#3867a6;
    border:1px solid #3867a6;
}

/*comment section css*/
.comment-section {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
}

.comment-section h3 {
    font-weight: bold;
}

.comment-section .form-label {
    font-weight: 500;
}


/*for footer*/
.f-style .ffnt p{
    font-size:14px;
}
.f-style .ffnt li{
    font-size:14px;
}
.f-style .fcfnt p{
    font-size:16px;
}
.f-style .ffnt a:hover{
    font-size:15px;
}

@media (max-width: 767px){
    .text-center-left{
        text-align:left;
    }
    .hero {
        padding: 60px 0px 20px 0px;
    }
    .alert{
        font-size:10px;
    }
    h1{
        font-size:19px;
        margin-top:20px;
        margin-bottom:20px;
        font-weight:600;
        padding:5px; /*important for hindi fonts*/
    }
    .f-style .cpad{
        padding:15px;
    }
    .f-style h1{
        font-size:20px;
        font-weight:550;
        /*display:none; /* important if h1 heading in content*/
    }
    .f-style h2{
        font-size:18px;
        font-weight:600;
        text-align:left;
    }
    .f-style h3{
        font-size:16px;
        font-weight:500;
        text-align:left;
        margin-top:10px;
    }
    .f-style h4{
        font-size:15px;
        font-weight:500;
        text-align:left;
        margin-top:10px;
    }
    .f-style h5{
        font-size:14px;
        font-weight:600;
        text-align:left;
    }
    .f-style h6{
        font-size:13px;
        font-weight:600;
        text-align:left;
        margin-top:10px;
    }
    .f-style a{
        text-decoration:none;
        color:#000000;
        font-size:11px;
        word-spacing:2px;
        text-align:left;
    }
    .f-style p{
        font-size:13px;
        word-spacing:2px;
        text-align:left;
    }
    .f-style img{
        width:auto;
        height:120px;
    }
    .f-style iframe{
        margin:auto;
    }
    .f-style ul{
        font-size:11px;
        text-align:left;
        word-spacing:2px;
    }
    .f-style ol{
        font-size:11px;
        word-spacing:2px;
        text-align:left;
    }
    .f-style ol li{
        margin:0px 0px;
        word-spacing:2px;
        font-size:11px;
    }
    .f-style ul li{
        margin:0px 0px;
        word-spacing:2px;
        font-size:11px;
    }
    .f-style ol li strong{
        margin:0px 0px;
        word-spacing:2px;
        font-size:11px;
    }
    .f-style button{
    font-size:10px;
    height:26px;
    width:auto;
    }
    .f-style table thead,tbody tr td,th{
        font-size:11px;
        word-spacing:2px;
        text-align:left;
    }
    .f-style *{
        text-align:left;
    }
    .f-style input[type=search]{
        height:30px;
        width:100%;
        font-size:11px;
    }
    .f-style input[type=text]{
    height:30px;
    width:100%;
    font-size:11px;
    }
    .f-style input[type=email]{
    height:30px;
    width:100%;
    font-size:11px;
    }
    
    .f-style input[type=submit]{
    height:30px;
    width:100%;
    font-size:11px;
    text-align:center;
    }
    .f-style select{
        height:30px;
        width:100%;
        font-size:11px;
    }
    .f-style select option{
    font-size: 11px;
    }
    .f-style label{
        font-size:11px;
    }
    .form-group lebel{
        margin:0;
    }
    .form-group select{
        margin:0;
    }
    .f-style .dataTables_info{
        font-size:11px;
    }
    .blink_me {
      animation: blinker 3s linear infinite;
      font-size:10px;
      opacity:0.7;
    }
    .anm a {
      /*display:none;*/
      color: #396dbf;
      text-shadow: 0 20px 25px #2e2e31, 0 40px 60px #2e2e31;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
      letter-spacing: 1px;
      margin: 0;
      position: absolute;
      top: 10%;
      left: 10%;
      transform: translateX(-50%) translateY(-50%);
    }
    .anm a:before,
    .anm a:after {
      content: "";
      padding: .9em .4em;
      position: absolute;
      left: 50%;
      width: 150%;
      top: 50%;
      display: block;
      border: 7px solid red;
      transform: translateX(-50%) translateY(-50%) rotate(0deg);
      animation: 15s infinite alternate ease-in-out tipsy;
    }
    
    .anm a:before {
      border-color: #d9524a #d9524a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
      z-index: -1;
    }
    
    .anm a:after {
      border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d9524a #d9524a;
      box-shadow: 5px 5px 5px rgba(46, 46, 49, .8);
    }
    .hero {
      padding: 60px 0px 20px 0px;
    }
    
    
    /*for footer*/
    .f-style .ffnt p{
    font-size:11px;
    }
    .f-style .ffnt li{
        font-size:11px;
    }
    .f-style .fcfnt p{
        font-size:12px;
    }
    .f-style .ffnt,.fcfnt a:hover{
        font-size:12px;
    }
    
}