
.video-cust-pop a.dialog-close-button.dialog-lightbox-close-button {
    padding: 8px;
    border-radius: 100px;
}


span.capital-text {
    font-size: 166px;
}

.gradient-text .elementor-heading-title {
    background: linear-gradient(90deg, #A08524, #C29B41);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}


p{
	margin: 0 !important;
	padding: 0 !important;
}

.main-tabs .e--selected{
	border-bottom:2px solid black !important;
}

.inner-tabs{
	border: 1px solid #25252540;
	width: fit-content !important;
	margin: 30px auto;
	padding: 8px;
}
.inner-tabs button.e--selected{
	background: #03234A !important;
	color: white !important;
}
.inner-tabs button.e--selected span{
	color: white !important;
}

/* Button Hover Effect */
.parent-border-container {
    display: inline-block;
    position: relative;
    transition: padding 0.4s ease-in-out;
}

.golden-btn::before{
	background: linear-gradient(to right, rgba(64, 60, 51, 0.65) 0%, rgba(64, 60, 51, 0.01) 40%, rgba(64, 60, 51, 0.75) 100%) !important;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
-webkit-mask-composite: xor !important;
mask-composite: exclude !important;
}
.blue-btn::before{
	background:linear-gradient(to right, rgb(8 44 118 / 65%) 0%, rgba(8, 44, 118, 0.01) 40%, rgb(8 44 118 / 75%) 130% 130%) !important;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
-webkit-mask-composite: xor !important;
mask-composite: exclude !important;
}

.parent-border-container::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.1) 40%, #ffffff 130%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

.parent-border-container:hover {
    padding: 0px; 
}

.parent-border-container .elementor-button-icon,
.parent-border-container i,
.parent-border-container svg {
    display: inline-block;
    transition: transform 0.6s ease-in-out !important;
}

.parent-border-container:hover .elementor-button-icon,
.parent-border-container:hover i,
.parent-border-container:hover svg {
    transform: rotate(-50deg) !important;
}
.parent-border-container .elementor-button {
    border: none !important;
}

/* Sidebar Menu */
.sidebar-menu nav ul li{
	border-bottom: 1px solid #a9a9a9;
	padding: 20px 30px;
}

/* Banner Title */
.home-banner-container {
    display: flex;
    flex-wrap: wrap;
}

.home-banner-container h1 {
    font-size: clamp(44px, 9vw, 130px);
    -webkit-font-smoothing: antialiased;
}

/* Play Button Animation */
#video-btn-wrapper .elementor-widget-image:nth-child(2) img {
    height: auto;
    animation: rotateFull 10s linear infinite;
    transform-origin: center center;
}

#video-btn-wrapper .elementor-widget-image:nth-child(1) img {
    height: auto;
    z-index: 2;
}
@keyframes rotateFull {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


.detail-hover-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent; 
  color: #1a365d; 
  text-decoration: none;
  font-weight: 500;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}

.detail-hover-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #C29B41;
  z-index: -1;
  
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.detail-hover-btn:hover::before {
  transform: scaleY(1);
}

.detail-hover-btn:hover {
  color: #ffffff;
}
.detail-hover-btn i {
  margin-left: 10px;
  transition: transform 0.4s ease;
}

.detail-hover-btn:hover i {
  transform: translateX(5px);
}


/* Media Query */


@media (min-width: 1224px) and (max-width: 1800px) {
  .home-banner-container h1 {
    font-size: clamp(90px, 11.814vw - 121.4px, 120px);
  }
}


@media (min-width: 1024px) and (max-width: 1223px) {
  .home-banner-container h1 {
    font-size: clamp(90px, 11.814vw - 121.4px, 120px);
		line-height: 80px;
  }	
	.home-banner-container {
			margin-bottom: 20px;
	}
}


@media(max-width:1225px){
	.desktop-view{
		display: none !important;
}
	.menu-container{
		display: none !important; 
}
	.sidebar-container .elementor-element-0506e50{
		display: none;
}
	.sidebar-icon{
		display: block !important;
	}
	.header-logo-container{
		width: 50%;
	}
}


@media(max-width:1024px){

span.capital-text {
    font-size: 124px;
}

}

@media (max-width: 768px) {
    .responsive-logo-container {
        gap: 10px;
			margin-bottom: 0px;
    }
	.inner-tabs{
		width: 220px !important;
	}
    .logo-unit {
        justify-content: center;
        flex: 0 1 auto;
    }

    span.capital-text {
        font-size: 95px;
    }
}

@media (max-width: 500px) {

    span.capital-text {
        font-size: 65px;
    }

}