.container-fluid { width: 1250px; }
.container { width: 1140px; }
.df-card { width: 183px;  transition: transform 0.5s ease-in-out 0s; transform-style: preserve-3d;   }
.df-card:hover { transform: rotateY(180deg); }
.back, .front { width: 183px; height: 290px; position: absolute; top: 0; left: 0; backface-visibility: hidden; border-radius: 10px; }
.cmd-front { background-image: url("https://youngdesigners.nid.edu/images25/front-cmd.png"); }
.cmd-back {background-image: url("https://youngdesigners.nid.edu/images25/back-cmd.png"); transform: rotateY(180deg);}
.ind-front { background-image: url("https://youngdesigners.nid.edu/images25/front-ind.png"); }
.ind-back {background-image: url("https://youngdesigners.nid.edu/images25/back-ind.png"); transform: rotateY(180deg);}
.intd-front { background-image: url("https://youngdesigners.nid.edu/images25/front-intd.png"); }
.intd-back {background-image: url("https://youngdesigners.nid.edu/images25/back-intd.png"); transform: rotateY(180deg);}
.itd-front { background-image: url("https://youngdesigners.nid.edu/images25/front-itd.png"); }
.itd-back {background-image: url("https://youngdesigners.nid.edu/images25/back-itd.png"); transform: rotateY(180deg);}
.txd-front { background-image: url("https://youngdesigners.nid.edu/images25/front-txd.png"); }
.txd-back {background-image: url("https://youngdesigners.nid.edu/images25/back-txd.png"); transform: rotateY(180deg);}
/*.phd1-front { background-image: url("../images25/front-phd1.png"); }
.phd1-back {background-image: url("../images25/back-phd1.png"); transform: rotateY(180deg);}*/

.phd1-card { width: 183px; height: 300px; overflow: hidden;  transition: transform 0.9s ease; transform-style: preserve-3d;   }
.phd1-front { background-image: url("https://youngdesigners.nid.edu/images25/front-phd1.png"); object-fit: cover;  }
.phd1-card:hover { transform: scale(1.1); }

.disciplines, .dfname {bottom: 10px; left: 10px; position: absolute; line-height: 20px;  }
.disciplines a, .dfname a { display: block; color: #fff; font-weight: 400; }
.disciplines a { font-size: 13px; }
/*.messages { margin-top: 400px; }*/
.dfname { text-transform: uppercase; font-size: 15px; }
.home-footer h2 { font-size: 36px; margin: 20px 0; }
.home-footer p.contact { color: #4F4F4F; }
.home-footer p, .home-footer p a { color: #000000; }
.messages img { border-radius: 20px; }
.message-text{ font-size: 16px; color: #464646; margin: 10px 0; min-height: 150px; }
.message h3 { font-size: 700px; font-size: 25px; line-height: 10px; }
.designation { color:#909090; }
.view-speech a { color:#909090; display: inline-block; border-bottom: 1px solid #909090; }
.view-speech a:hover{ text-decoration: none; }
.message-text span { color:#909090; font-size: 14px; }
.messages .row { margin-bottom: 50px; }
.show-df-sm { display: none; }
/* .meesage-text { overflow-y: auto; padding-right: 50px;  max-height: 350px;}
.message-text::-webkit-scrollbar-track { border-radius: 4px; background-color: rgba(144, 144, 144, 0.2); }
.message-text::-webkit-scrollbar { width: 8px; }
.message-text::-webkit-scrollbar-thumb { width: 8px; background-color: #909090; border-radius: 4px; } */

		.line1 {
  width: 250px; /* Adjust as needed */
  height: 0.5px;
  background-color: #F05A28; /* Line color */
  position: relative; /* Needed for positioning pseudo-elements */
  margin: 20px auto; /* Center the line */
}
.line1::before,
.line1::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px; /* Dot size */
  height: 3px; /* Dot size */
  border-radius: 50%; /* Make it a circle */
  background-color: #F05A28; /* Dot color */
}

.line1::before {
  left: -3px; /* Adjust to position the dot */
}

.line1::after {
  right: -3px; /* Adjust to position the dot */
}
.container-fluid { width: 1250px; }
.container { width: 1140px; }
.project-detail { background-color: #F9F9F9; padding: 40px 20px 20px; border-radius: 0 0 15px 15px; }
.project-detail img { border-radius: 20px; }
.programme { position: absolute; right: 0; bottom: 5px; background-color: #F05A28; padding: 3px; border-radius: 8px; color:#fff; width: 85px; text-align: center}
.profile-detail { margin: 20px 0; }
.profile-detail .name { font-weight: 700; line-height: 28px; color:#000; font-size: 26px;  }
.guide-sponsor { color: #121212; font-size: 16px; margin: 20px 0px 40px; }
.profile-detail .guide-sponsor label { font-weight: 700; margin-bottom: 0; color:#000; margin-right: 4px; }
.email { color: #F05A28; margin-top: 50px; }
.email .fa-regular { font-size: 22px; font-weight: 300px; }

	.fixed-icon-container {
   position: fixed;
  top: 50%;
  /*left: 20px;  Or right: 20px for right side */
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between; /* Space between items */
  align-items: center; /* Vertically align items */
  
  padding: 10px;
  border-radius: 5px;
		
		width: inherit;
		margin-left: -16px;
}
	.prev-icon, .next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
	height: 40px;
	width: 40px;
		
}
.prev-icon {
    left: -20px;
	position: absolute;
}

.next-icon {
    right: -15px;
	position: absolute;
}

.prev-icon:hover, .next-icon:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.prev-icon i, .next-icon i {
    color: white;
    font-size: 20px;
	
    position: relative;
	line-height: 40px;
	left: 35%
}
h3.project-title { color:#F05A28; font-size: 40px; }
.keywords, .keywords-sm { margin-bottom: 20px; }
.keywords span, .keywords-sm span { border-radius: 20px; background: #EFEFEF; padding: 7px 20px; display: inline-block; text-align: center; font-size: 12px; color:#000;  }
.keywords span:not(:first-child), .keywords-sm span:not(:first-child) { margin-left: 20px; }
.breadcrumb {font-size: 14px; color:#F05A28; padding: 0; background-color: transparent; margin-bottom: 15px; }
.student-info-sm { display: none; }
.bg-light-grey { background-color: #F9F9F9; margin: 0 17px; border-radius: 0 0 15px 15px;}
.bg-black { background-color: #000; }
.synopsis { padding-left: 30px; }
.keywords-sm { display: none; }
.gmt { margin-top: 20px; }
.bg-cmd { background-color: #10258e; }
.bg-ind { background-color: #ee5a29 }
.bg-intd{ background-color: #fdc318;}
.bg-itd { background-color: #7220a8; }
.bg-txd { background-color: #ff00ce; }
.bg-phd1{ background-color: #4160e8; }

.archives, .archives a { color: #000 }
.archives a { display: block; margin-bottom: 5px; }
@media screen and (max-width: 768px) {
	.df-cards { display: none; }
	.container-fluid, .container, .wrapper { width: 100%; }
	.show-df-sm { display: block; }
	
	.bg-cmd { background-color: #10258e; }
	.bg-ind { background-color: #ee5a29 }
	.bg-intd{ background-color: #fdc318;}
	.bg-itd { background-color: #7220a8; }
	.bg-txd { background-color: #ff00ce; }
	.bg-phd1{ background-color: #4160e8; }
	
	.bg-cmd a, .bg-ind a, .bg-intd a, .bg-itd a, .bg-txd a, .bg-phd a { display: block; margin-bottom: 5px; color:#fff; font-size: 18px; font-weight: 400; }
	.bg-cmd a:hover, .bg-ind a:hover, .bg-intd a:hover, .bg-itd a:hover, .bg-txd a:hover, .bg-phd1 a:hover { text-decoration: none; }
	
	.accordion button, .accordion .card-body { color:#fff!important; }	
	.accordion .card { border-top-left-radius: 20px!important; }
	.accordion .card { border-top-right-radius: 20px!important; }
	.accordion .card { margin-bottom: -20px !important; padding-bottom: 30px; padding-top: 0px; }
	.accordion .card-header { border-bottom: none;  background-color:transparent; padding-bottom: 0!important; }
	.accordion .card-body { padding: 5px 33px 5px;}
	.accordion .card:last-child { padding-bottom: 10px;}
	.accordion button:focus { outline: none; box-shadow: none; /* You might want to remove this as well */ text-decoration: none; }
	.student-info-sm { display: block; margin-top: 20px; }
	.student-info { display: none; }
	/*.sticky-top { z-index: 0; position: inherit; }*/
	.synopsis { padding-right: 15px; padding-left: 15px;; }
	.breadcrumb, .keywords { display: none; }
	.keywords-sm { display: block; }
	.keywords-sm span { margin-left: 0!important; margin-right: 10px; margin-bottom: 8px; }
	.student-info-mob { font-size: 12px; }
	.student-info-mob label { margin-bottom: 0; }
	.synopsis .project-title { margin-top: 20px; }
	.prev-icon, .next-icon { z-index: 100; }
	.prev-icon { left: -5px; }
	.next-icon { right: -5px; }
	
	.home-footer .col-sm-6 { display: none; }
	.messages .col-sm-3 { text-align: center; }
	.messages .col-sm-3 img { margin-bottom: 10px; }
}