@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Poppins:wght@300;400&display=swap');


/* cus css  kk*/
.showcase_title span {
  font-size: 22px;
  font-weight: 400;
}

#Es_section_btn.tab-btn-active,
#Is_section_btn.tab-btn-active,
#Sbc_section_btn.tab-btn-active {
  background: #0a3e65 !important;
  border-color: #0a3e65 !important;
}

.showcase-btn:hover,
.showcase-btn:focus {
  background: #0a3e65;
}

.header_nav ul li {
  list-style: none !important;
}

.section1_bg_new_color {
  background: linear-gradient(
    to right,
    #f26420 0%,
    #d9a87a 25%,
    #c8c4b0 50%,
    #6e7fa8 75%,
    #1a3870 100%
  );
}

.g-delayed-video-section {
  height: 56vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block !important;
}

.g-delayed-video-poster {
  position: absolute;
  inset: 0;
}

.g-delayed-video-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.g-delayed-video {
  position: absolute;
  inset: 0;
}

.g-delayed-video .elementor-wrapper {
  width: 100% !important;
  height: 100% !important;
}

.g-delayed-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

.g-delayed-video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
}

@media (max-width: 1260px) {
  .g-delayed-video-section {
    height: 75vh;
  }
}

@media (max-width: 767px) {
  .g-delayed-video-section {
    height: 30vh;
  }
}

.g-delayed-video .elementor-video {
  object-fit: cover !important;
  object-position: 61% 32% !important;
}

.student_detail_page button.click_to_zoom_btn,
.model_btn {
  padding: 13px 28px !important;
  background-color: #312261;
  color: white;
  font-size: 15px !important;
  border-radius: 12px !important;
  border: 0px !important;
}

.student_detail_page button.click_to_zoom_btn, .model_btn:hover, .student_detail_page button.click_to_zoom_btn, .model_btn:focus {
    background: #5b286b;
}

.student_detail_page button.click_to_zoom_btn.expand_style {
  position: absolute;
  top: -24px;
  right: 0;
  padding: 0;
  background-color: transparent;
  z-index: 99;
}

.page-id-629 .g-delayed-video.g-cd-video-adjust.elementor-widget,
.page-id-1241 .g-delayed-video.g-cd-video-adjust.elementor-widget,
.page-id-1247 .g-delayed-video.g-cd-video-adjust.elementor-widget,
.page-id-1561 .g-delayed-video.g-cd-video-adjust.elementor-widget{
  margin-top: -1px;
}
.icons_list_with_arrow li span.elementor-icon-list-text {
  padding-left: 0 !important;
}

/* side menu */
.hw-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 420px;
  height: 100vh;
  overflow: hidden;
  z-index: 9999;
  background: radial-gradient(circle at top right, #ff4fd8 0%, transparent 30%),
    radial-gradient(circle at bottom, #c7007f 0%, transparent 35%),
    linear-gradient(180deg, #120022 0%, #1f0039 100%);
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.4);
}

/* GLOW */

.header_menu .menu_container{
	background: white !important;
}
.hw-sidebar-overlay {
  position: absolute;
  inset: 0;
/*   background: radial-gradient(
      circle at 90% 30%,
      rgba(255, 255, 255, 0.08),
      transparent 20%
    ),
    radial-gradient(
      circle at 100% 80%,
      rgba(255, 0, 140, 0.25),
      transparent 30%
    ); */
	background: white !important;
  pointer-events: none;
}

/* INNER */

.hw-sidebar-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 38px 34px;
  backdrop-filter: blur(14px);
}

/* TOP */

.hw-sidebar-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.hw-logo img {
  width: 180px;
}

/* CLOSE */

.hw-close {
  background: transparent;
  border: none;
  color: #000000;
  font-size: 28px;
  cursor: pointer;
  transition: 0.3s ease;
  opacity: 0.8;
}

.hw-close:hover {
  opacity: 1;
  transform: rotate(90deg);
}

/* HERO */

.hw-sidebar-hero {
  margin-top: 70px;
}

.hw-sidebar-hero h2 {
  font-size: 52px;
  line-height: 1.05;
  color: #fff;
  font-weight: 300;
  letter-spacing: -2px;
  margin: 0;
}

.hw-location {
  margin-top: 32px;
  color: #ff79cf;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/* DIVIDER */

.hw-divider {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 42px 0;
}

/* CONTENT */

.hw-sidebar-content {
  flex: 1;
}

/* SOCIALS */

.hw-socials {
  display: flex;
  gap: 14px;
  margin-top: auto;
}

.hw-socials a {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  transition: 0.3s ease;
}

.hw-socials a:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-4px);
}

/* MOBILE */

@media (max-width: 768px) {
  .hw-sidebar {
    width: 100%;
  }

  .hw-sidebar-inner {
    padding: 26px;
  }

  .hw-sidebar-hero h2 {
    font-size: 38px;
  }
}

.hw-logo img {
  max-width: 280px;
  width: 100%;
}
.cus_header {
  margin-bottom: 32px;
}
/*  end of side menu*/


.page-id-629 .g-delayed-video .elementor-video {
    object-fit: cover !important;
    object-position: 61% 50% !important;
}

/*  cus student page font optimization final */
.student_detail_page .container .top_section .content p.student_name {
    font-size: 24px;
}
p.student_course {
    font-size: 18px !important;
}
a.linkedin_profile {
    margin-top: -6px !important;
}

.student_detail_page .container .top_section .content .project_name {
    font-size: 23px !important;
}

.project_overview.app_mobile_layout .project_overview_content {
   
    margin-top: auto;
    margin-bottom: 25px;
}
.student_detail_page button.click_to_zoom_btn:hover {
    background-color: transparent !important;
}
.bottom_image > div button.click_to_zoom_btn.expand_style {
    padding: 10px !important;
}
/*  cus student page font optimization final */

.postid-1745 .content_text p {
    font-size: 14px !important;
}

.onlyhomepage,
.page-id-2 .bottom_container-two {
	display: none ;
}
.page-id-2 .onlyhomepage  {
	display: block ;
}

.bottom_container-two {
     background: #312261;
    padding: 16px;
    color: white;
}
.bottom_container-two h3 {
    margin: 0;
    color: white;
    font-size: 18px !important;
	 font-family: "IBM Plex Mono", monospace;
	    text-transform: uppercase;text-align:center;
}
ul#menu-footer-menu li {
    list-style: none !important;
}
.student_detail_page button.click_to_zoom_btn.expand_style {
    position: absolute;
    top: -29px;
    right: -11px;
    padding: 0 !important;
    background-color: transparent;
    z-index: 99;
}
.student_detail_page .project_overview_content button.click_to_zoom_btn:hover,
.student_detail_page .project_overview_content button.click_to_zoom_btn:focus {
    background-color: #5b286b !important;
}
ul#menu-footer-bottom-links li {
    list-style: none !important;
}



/* yang cus page */
@media (min-width: 768px) {
	.postid-2532 section.full_video_section.video {
	   width: 45% !important;
		float: left !important;
	}
	.postid-2532 section.bottom_image_section.no_border {
		width: 55% !important;
		float: left !important;
	}
	.postid-2532 .bottom_image {
		display: flex !important;
		align-items: flex-start !important;
		gap: 20px !important;
		flex-direction: column !important;
	}
	.postid-2532 .bottom_image > div {
		width: 100%;
		position: relative;
	}

	.postid-2532 nav.student_navigation {
		margin-top: 529px;
	}
	.postid-2532 .bottom_image > div img {
		width: 100%;
		position: relative;
		height: 229px;
		object-fit: cover !important;
	}
	.postid-2532 button.click_to_zoom_btn.expand_style.bottom_popup_btn img {
		width: 26px;
		height: 28px;
	}
	.postid-2532 .student_detail_page .container > section {
		padding: 40px 20px;
		border-bottom: 0;
	}
}
/* yang cus page */
/*gazal */
.postid-2545 .laptop_mockup_image {
    visibility: hidden !important;
}
/*gazal */
@media screen and (max-width: 768px) {

    .g-delayed-video .elementor-video {
        object-fit: cover !important;
        object-position: 61% 15% !important;
        height: 45vh !important;
    }
    .page-id-629 .g-delayed-video .elementor-video {
    object-fit: cover !important;
    object-position: 32% 14% !important;
    height: 35vh !important;
}
.hw-logo img {
    max-width: 209px !important;
    width: 100%;
}
.header_menu .menu_container > ul > li > a {
    font-size: 16px !important;
}
.bottom_container-two h3 {
    font-size: 15px !important;
}
.student_detail_page .container .top_section .image img {
    width: 100% !important;
    height: auto !important;
    /* object-fit: cover; */
    /* object-position: 0 36%; */
}
    .student_detail_page .container .top_section .content p, .student_detail_page .container .description p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 24px;
    }
.student_detail_page .container .top_section .content p, .student_detail_page .container .description p {
    padding-top: 12px;
    font-size: 16px !important;
}
.student_detail_page .container .top_content_section .description::before, .project_overview::before, .full_video_section .full_video_wrapper::before, .project_overview .project_overview_content::before, .image_mobile_layout .mobile_image_section::before{
    visibility: hidden !important;
}
.student_navigation .student_navigation div p.name {
        width: 140px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
}
.hw-sidebar-top {
    padding-bottom: 30px;
}