/*
 Theme Name: Blocksy Child (Priority Load)
 Theme URI: https://creativethemes.com/blocksy/
 Description: Child theme for Blocksy with prioritized stylesheet loading.
 Author: You
 Template: blocksy
 Version: 1.0.0
 Text Domain: blocksy-child
*/

/* --- Custom CSS --- */
body {
	font-family: Inter, sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}

p {
	font-family: "Be Vietnam Pro" !important;
}


.social a {
	    background: none !important;
}

/* header */

#header {
    position: sticky;
    z-index: 50;
    top: 0;
}

.header-edit {
  height: 72px;
  padding: 0 var(--spacing-spacing-48, 48px);
  align-items: center;
  align-self: stretch;
  background-color: white;
}

/* Link menu cấp 1 */

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
background-color: #3f444b00 !important;
    color: #fff;
}

.menu-edit > nav > ul > li > a.elementor-item {
  color: var(--grey-700, #3F3F46);
  font-family: Inter, sans-serif;
  font-size: var(--Text-Sizes-Text-Regular, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}

.menu-edit > nav > ul > li > a.elementor-item-active {
  color: var(--brand-primary-900-Base, #2E3192);
  font-family: Inter, sans-serif;
  font-size: var(--Text-Sizes-Text-Regular, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}

/* Dropdown menu container */
.menu-edit nav ul li .elementor-nav-menu--dropdown {
  border-radius: var(--radius-corner-radius_10, 10px);
  border: 1px solid var(--grey-200, #E4E4E7);
  background: var(--white-950, #FFF);
  box-shadow: 0 20px 24px -4px rgba(2, 6, 23, 0.16), 0 8px 8px -4px rgba(2, 6, 23, 0.08);
}

/* Dropdown item */
.menu-edit nav ul li .elementor-nav-menu--dropdown li {
  display: flex;
  padding: var(--spacing-spacing-8, 8px) var(--spacing-spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-spacing-6, 6px);
  align-self: stretch;
}

/* Hover dropdown li */
.menu-edit nav ul li .elementor-nav-menu--dropdown li:hover {
  border-radius: var(--radius-corner-radius_6, 6px);
  border: 1px solid var(--brand-secondary-600, #E8750E);
  background: var(--brand-secondary-500--base, #F7931E);
}

/* Link dropdown */
.menu-edit nav ul li .elementor-nav-menu--dropdown li .elementor-sub-item {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  padding: 0;
}

.menu-edit nav ul li .elementor-nav-menu--dropdown li .elementor-sub-item:hover {
  color: var(--white-950, #FFF);
  background-color: var(--brand-secondary-500--base, #F7931E);
}
/* Áp dụng khi màn hình >= 1024px (desktop) */
@media screen and (min-width: 1024px) {
  .sub-menu li:hover {
    border-radius: var(--radius-corner-radius_10, 10px);
    border: 1px solid var(--grey-200, #E4E4E7);
    color: var(--white-950, #FFF);
    background-color: var(--brand-secondary-500--base, #F7931E);
  }

  .sub-menu {
    border-radius: var(--radius-corner-radius_10, 10px) !important;
    border: 1px solid var(--grey-200, #E4E4E7);
    background: var(--white-950, #FFF);
    box-shadow: 0 20px 24px -4px rgba(2, 6, 23, 0.16),
                0 8px 8px -4px rgba(2, 6, 23, 0.08) !important;
    padding: 5px !important;
  }

  .sub-menu .ct-menu-link {
    padding: var(--spacing-spacing-8, 8px)
             var(--spacing-spacing-16, 16px) !important;
  }
}




/* Button contact */
.btn-contact .elementor-button {
  display: flex;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-corner-radius_12, 12px);
  border: 2px solid var(--white-200, rgba(255, 255, 255, 0.20));
  background: linear-gradient(180deg, var(--brand-secondary-500--base, #F7931E) 0%, var(--brand-secondary-700, #C0590E) 100%);
}
.btn-contact-header {
	 display: flex;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-corner-radius_12, 12px);
  border: 2px solid var(--white-200, rgba(255, 255, 255, 0.20));
  background: linear-gradient(180deg, var(--brand-secondary-500--base, #F7931E) 0%, var(--brand-secondary-700, #C0590E) 100%);
}
.btn-contact .elementor-button span {
  color: var(--white-950, #FFF);
  font-family: var(--font-family-family-body, Inter), sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}

/* footer */
@media screen and (min-width: 1024px) {
	.footer{
		padding: var(--Section-Padding-padding-section-medium, 80px) var(--Page-Padding-padding-global, 64px) var(--spacing-spacing-16, 16px) var(--Page-Padding-padding-global, 64px);

	}
}
.footer {
    display: flex;
flex-direction: column;
align-items: center;
gap: 80px;
align-self: stretch;
background: #19194D;
background-blend-mode: plus-darker, normal;
}

.footer h2 {
  font-family: var(--font-family-family-display, Inter), sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 120% */
  letter-spacing: -0.8px;
  background: linear-gradient(90deg, var(--white-950, #FFF) 99.99%, var(--white-500, rgba(255, 255, 255, 0.50)) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.footer h3 {
	color: var(--white-950, #FFF);

/* Text - xLarge/semibold */
font-family: var(--font-family-family-body, Inter);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.045px;
}

.footer p{
	color: var(--white-800, rgba(255, 255, 255, 0.80));

/* Text/Small/Semi Bold */
font-family: Roboto;
font-size: var(--Text-Sizes-Text-Small, 14px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 21px */
}

.reserved {
	color: #FFF;
/* Text/Small/Normal */
font-family: Roboto;
font-size: var(--Text-Sizes-Text-Small, 14px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 21px */
}


/* Home */

/* Vị trí + style */
 /* Vị trí + style */
.silder .elementor-swiper-button {
  top: auto !important;
  bottom: 20px !important;
  transform: none !important;
  width: 44px; height: 44px;
	border-radius: 50px;
	background: var(--white-300, rgba(255, 255, 255, 0.30));
  backdrop-filter: blur(4px);
  z-index: 5;
}

.silder .elementor-swiper-button:hover {

border-radius: 50px;
border: 1px solid var(--grey-200, #E4E4E7);
background: var(--white-950, #FFF);

/* Shadow/small */
box-shadow: 0 4px 8px -2px rgba(2, 6, 23, 0.16), 0 2px 4px -2px rgba(2, 6, 23, 0.10);

}

/* Ẩn icon mặc định */
.silder .elementor-slides-wrapper .elementor-swiper-button:after,
.silder .elementor-slides-wrapper .elementor-swiper-button i,
.silder .elementor-slides-wrapper .elementor-swiper-button svg { display: none !important; }

/* Default: icon màu TRẮNG */
.silder .elementor-slides-wrapper .elementor-swiper-button-prev {
  left: calc(90% - 60px);
  background-image: url('/wp-content/uploads/2025/09/arrow-left.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.silder .elementor-slides-wrapper .elementor-swiper-button-next {
  left: calc(90% + 16px);
  background-image: url('/wp-content/uploads/2025/09/arrow-right.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

/* Hover: đổi icon sang ĐEN */
.silder .elementor-slides-wrapper .elementor-swiper-button-prev:hover {
  background-image: url('/wp-content/uploads/2025/09/arrow-left-hover.svg');
}
.silder .elementor-slides-wrapper .elementor-swiper-button-next:hover {
  background-image: url('/wp-content/uploads/2025/09/arrow-right-hover.svg');
}

/* Mobile */
@media (max-width: 767px) {
  .silder .elementor-slides-wrapper .elementor-swiper-button { width: 36px; height: 36px; bottom: 12px !important; }
  .silder .elementor-slides-wrapper .elementor-swiper-button-prev { left: calc(50% - 50px); }
  .silder .elementor-slides-wrapper .elementor-swiper-button-next { left: calc(50% + 12px); }
	
	
	/* Trường hợp CÓ .e-con-inner (để phòng khi trang khác dùng) */
	.line > .e-con-inner > .elementor-element.e-con.e-child + .elementor-element.e-con.e.child {
	  border-left: none !important;
	}
	
}

/* Kéo section/container ra full-bleed 100vw */
.hero-slider-wrap {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Đặt tỉ lệ (width/height) của ảnh hero.
   Ví dụ ảnh 1920x700 => 1920/700 ~ 2.742857 */
.hero-slider .elementor-main-swiper {
  --ratio: 1920/700;     /* chỉnh theo tỉ lệ ảnh của bạn */
  aspect-ratio: var(--ratio);
  height: auto !important;
}

/* Xóa height cố định do Elementor set inline */
.hero-slider .elementor-slides-wrapper,
.hero-slider .swiper,
.hero-slider .swiper-wrapper,
.hero-slider .swiper-slide {
  height: auto !important;
}

/* Giữ background hiển thị đẹp */
.hero-slider .swiper-slide {
  background-size: cover;            /* hoặc contain nếu muốn không crop */
  background-position: center center;
}
/* Container full-bleed ra 100vw */
.full-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Đảm bảo ảnh tự cao theo tỉ lệ */
.full-bleed .elementor-image-carousel .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.heading-custom h2 {
	
/* Heading - Desktop/h2 */
font-family: var(--font-family-family-display, Montserrat);
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 46px; /* 121.053% */
letter-spacing: -0.76px;
	background: var(--Heading, linear-gradient(90deg, var(--brand-primary-900-Base, #2E3192) 0%, var(--brand-secondary-600, #E8750E) 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.heading-custom h4 {

/* Heading - Desktop/h4 */
font-family: var(--font-family-family-display, Montserrat);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 133.333% */
letter-spacing: -0.24px;
	background: var(--Heading, linear-gradient(90deg, var(--brand-primary-900-Base, #2E3192) 0%, var(--brand-secondary-600, #E8750E) 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.btn-2 .elementor-button {
	padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 8px;
	border-radius: var(--radius-corner-radius_12, 12px);
border: 2px solid var(--brand-secondary-600, #E8750E);
	background-color:white;
} 
.btn-2 .elementor-button span{
	color: var(--brand-secondary-600, #E8750E);

/* Text - Large/semibold */
font-family: var(--font-family-family-body, Inter);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}

.btn-3 .elementor-button {
	background-color:white;
} 
.btn-3 .elementor-button span{
	color: var(--brand-secondary-600, black);

/* Text - Large/semibold */
font-family: var(--font-family-family-body, Inter);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}
/* --- CHỈ KẺ VIỀN Ở GIỮA 4 Ô NẰM NGANG --- */
/* Trường hợp KHÔNG có .e-con-inner (như HTML bạn gửi) */
.line > .elementor-element.e-con.e-child + .elementor-element.e-con.e-child {
  border-left: 1px solid var(--grey-300, #D4D4D8);
	
}

/* Trường hợp CÓ .e-con-inner (để phòng khi trang khác dùng) */
.line > .e-con-inner > .elementor-element.e-con.e-child + .elementor-element.e-con.e.child {
  border-left: 1px solid var(--grey-300, #D4D4D8);
}

/* Xóa mọi border-top mà bạn đã lỡ áp vào widget bên trong */
.line .elementor-widget { border: 0 !important; }

/* Mobile: khi xếp dọc thì bỏ viền dọc, chỉ kẻ ngang giữa */
@media (max-width: 767px) {
  .line > .elementor-element.e-con.e.child,
  .line > .e-con-inner > .elementor-element.e-con.e.child { border-left: 0 !important; }

  .line > .elementor-element.e-con.e.child + .elementor-element.e.con.e.child,
  .line > .e-con-inner > .elementor-element.e.con.e.child + .elementor-element.e.con.e.child {
    border-top: 1px solid var(--grey-300, #D4D4D8);
  }
}

.heading-1 h2{
	color: var(--white-950, #FFF);

/* Heading - Desktop/h2 */
font-family: var(--font-family-family-display, Montserrat);
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 46px; /* 121.053% */
letter-spacing: -0.76px;
}

.btn-4 a {

padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 8px;
	border-radius: var(--radius-corner-radius_12, 12px);
border: 2px solid var(--white-200, rgba(255, 255, 255, 0.20));
background: var(--white-950, #FFF);
	color: var(--Color-Neutral-Darkest, #000);

/* Text - Large/semibold */
font-family: var(--font-family-family-body, Inter);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
	}

/* Gallery 2 hàng cho Elementor Pro */
.two-rows .elementor-gallery__container{
  /* dùng Grid để kiểm soát 2 hàng */
  display: grid !important;
  grid-template-rows: repeat(2, 170px); /* chiều cao mỗi hàng -> chỉnh theo ý */
  grid-auto-flow: column;               /* fill theo cột: đủ 2 hàng mới qua cột mới */
  grid-auto-columns: minmax(0, 1fr);    /* mỗi cột rộng đều nhau */
  gap: 14px;                            /* khoảng cách giữa ảnh */
  height: auto !important;
}

/* reset mọi vị trí/size của Masonry nếu còn */
.two-rows .e-gallery-item{
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  margin: 0 !important;

  height: 100%;                /* item cao đúng một hàng (170px) */
  overflow: hidden;
  border-radius: 14px;         /* bo góc như hình */
}
.two-rows .e-gallery-item a{ display:block; height:100%; }
.two-rows .e-gallery-item img{
  width: 100%; height: 100%;
  object-fit: cover;           /* cắt ảnh để đầy khung, không méo */
  border-radius: 14px;
}

/* Tablet */
@media (max-width:1024px){
  .two-rows .elementor-gallery__container{
    grid-template-rows: repeat(2, 150px);
    gap: 12px;
  }
}

/* Mobile: vẫn 2 hàng, cột nhiều hơn nên mỗi ô sẽ hẹp lại
   (nếu muốn đổi sang 2 cột x nhiều hàng, nói mình sửa) */
@media (max-width:767px){
  .two-rows .elementor-gallery__container{
    grid-template-rows: repeat(2, 130px);
    gap: 10px;
  }
}

.boxs .elementor{
	    overflow: auto;
	border-radius: var(--radius-corner-radius_12, 12px);
background: var(--white-950, #FFF);

/* Shadow/small */
box-shadow: 0 4px 8px -2px rgba(2, 6, 23, 0.16), 0 2px 4px -2px rgba(2, 6, 23, 0.10);
}
.box .elementor-heading-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	align-self: stretch;
		color: var(--grey-950, #09090B);

	/* Heading - Desktop/h4 */
	overflow:hidden;
}

.box .elementor-widget-theme-post-excerpt{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	align-self: stretch;
	overflow: hidden;
	color: var(--grey-800, #27272A);
	text-overflow: ellipsis;


	/* Text - Large/regular */
	font-family: "Be Vietnam Pro";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}

.box h4 {
		/* Heading - Desktop/h4 */
	font-family: var(--font-family-family-display, Montserrat);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 133.333% */
	letter-spacing: -0.24px;
}
.box h4 :hover{
	color: var(--brand-secondary-600, #E8750E) !important;

}

.blog-new  .elementor-heading-title:hover {
	color: var(--brand-secondary-600, #E8750E) !important;	
}

.blog-new .elementor-heading-title{
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
	overflow: hidden;
color: var(--Color-Scheme-1-Text, #000);
text-overflow: ellipsis;

/* Heading - Desktop/h5 */
font-family: var(--font-family-family-display, Montserrat);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 140% */
letter-spacing: -0.2px;
}

.blog-new .box-tag a{

	border-radius: var(--radius-corner-radius_8, 8px);
	background: var(--brand-primary-900-Base, #2E3192);
	/* Text - Medium/semibold */

}
.blog-new .box-tag a {
		color: var(--white-950, #FFF);
		padding:8px;
		font-family: var(--font-family-family-body, Inter);
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 22px; /* 157.143% */
}

 .post-info .elementor-post-info__terms-list a {
	 	border-radius: var(--radius-corner-radius_8, 8px);
	background: var(--brand-primary-900-Base, #2E3192);
		color: var(--white-950, #FFF);
		padding:8px;
		font-family: var(--font-family-family-body, Inter);
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 22px; /* 157.143% */
}

.blog-new .elementor-grid {
	padding:5px;
}
.carousel-customer .swiper {
	padding: 0 100px;
}
.carousel-customer .swiper-slide {
	padding: var(--spacing-spacing-8, 8px) var(--spacing-spacing-20, 20px);
	border-radius: var(--radius-corner-radius_0, 0);
	border: 1px solid var(--grey-200, #E4E4E7);
	border-left:none;
	background: var(--white-950, #FFF);
}

.carousel-customer .swiper-slide-active {
	box-shadow: 0 4px 8px -2px rgba(2, 6, 23, 0.16), 0 2px 4px -2px rgba(2, 6, 23, 0.10);
}

.carousel-team .swiper-pagination {
	display: flex;
    align-items: center;
}
.carousel-team .swiper-pagination-bullet{
	width: 6px;
	height: 6px;
	aspect-ratio: 1/1;
	background: var(--Color-Scheme-1-Text, #000);
	opacity: 0.2;
}

.carousel-team .swiper-pagination-bullet-active{
	width: 10px;
	height: 10px;
	aspect-ratio: 1/1;
	background: var(--brand-secondary-600, #E8750E);
}

.carousel-team .elementor-swiper-button {
  top: auto !important;
  bottom: -25px !important;
	padding:10px;
	border-radius: 50px;
	border: 1px solid var(--grey-200, #E4E4E7);
	background: var(--white-950, #FFF);
	/* Shadow/small */
	box-shadow: 0 4px 8px -2px rgba(2, 6, 23, 0.16), 0 2px 4px -2px rgba(2, 6, 23, 0.10);
  z-index: 5;
}

.carousel-team .elementor-swiper-button:hover {
 border-radius: 50px;
background: rgba(9, 9, 11, 0.20);
}

.carousel-team .elementor-swiper-button-prev {
  left: calc(90% - 0px) !important;
}
.carousel-team .elementor-swiper-button-next {

}

/* Mobile */
@media (max-width: 767px) {
 .carousel-teamelementor-swiper-button { width: 36px; height: 36px; bottom: 12px !important; }
.carousel-team.elementor-swiper-button-prev { left: calc(50% - 50px); }
.carousel-team .elementor-swiper-button-next { left: calc(50% + 12px); }
}

.page-titile h1{
	color: var(--white-950, #FFF);
	text-align: center;

	/* Heading - Desktop/h1 */
	font-family: var(--font-family-family-display, Inter);
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px; /* 116.667% */
	letter-spacing: -0.96px;
	text-transform: capitalize;
}

.post-titile  h1 {

	font-family: var(--font-family-family-display, Inter);
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px; /* 116.667% */
	letter-spacing: -0.96px;
	text-transform: capitalize;
}
.page-widget-title {
	border-bottom: 1px solid var(--grey-200, #E4E4E7);
	background: var(--brand-primary-900-Base, #2E3192);
}

	.page-widget-title h4 {
		color: var(--brand-secondary-600, #E8750E);
		/* Heading - Desktop/h4 */
		font-family: var(--font-family-family-display, Inter);
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 32px; /* 133.333% */
		letter-spacing: -0.24px;
	}

	.box-widget-page {
		border-radius: var(--radius-corner-radius_12, 12px);
		border: 1px solid var(--grey-100, #F4F4F5);
		background: var(--white-950, #FFF);
		overflow:hidden;
		/* Shadow/small */
		box-shadow: 0 4px 8px -2px rgba(2, 6, 23, 0.16), 0 2px 4px -2px rgba(2, 6, 23, 0.10);
	}

	.text-widget-page .elementor-post .elementor-post__text{
	padding:12px; border-radius: var(--radius-corner-radius_8, 8px); border: 1px solid var(--grey-200, #E4E4E7); background: var(--white-950, #FFF); color:black;
	}

	.text-widget-page .elementor-post .elementor-post__text a{
	 color:black;
	}


	.box-widget-page .elementor-widget-container{
		padding:10px;
	}

	.widget-page-form form .wpcf7-form-control-wrap input{
		border-radius: 8px;
		border: 1px solid var(--Gray-300, #D5D7DA);
		background: var(--White, #FFF);
		/* Shadow/xs */
		box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
	}

	.widget-page-form form .wpcf7-form-control-wrap textarea{
		border-radius: 8px;
		border: 1px solid var(--Gray-300, #D5D7DA);
		background: var(--White, #FFF);
		/* Shadow/xs */
		box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
	}


	.post-link span a { 
		color: var(--grey-900, #18181B) !important;
		/* Text - Large/semibold */
		font-family: var(--font-family-family-body, Inter);
		font-size: 16px !important;
		font-style: normal !important;
		font-weight: 600 !important;
		line-height: 24px !important; /* 150% */
	}

	.box-widget-page .widget-page-form {
		padding:10px;
	}

.widget-page-form form .wpcf7-submit {
  display: flex;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-corner-radius_12, 12px);
  border: 2px solid var(--white-200, rgba(255, 255, 255, 0.20));
  background: linear-gradient(180deg, var(--brand-secondary-500--base, #F7931E) 0%, var(--brand-secondary-700, #C0590E) 100%);

}

.widget-page-contact .wpcf7-submit {
  display: flex;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 8px;
	border-radius: var(--radius-corner-radius_12, 12px);
	border: 2px solid var(--white-200, rgba(255, 255, 255, 0.20));
	background: linear-gradient(180deg, var(--brand-primary-500, #5C69F8) 0%, var(--brand-primary-700, #3231D1) 100%) !important;

}
.social-icon .elementor-icon{
	border-radius: 8px;
	padding:5px;
	height:25px;
	width:25px;
	background:white;
	border: solid 1px var(--grey-400, #9F9FA9);
}
.breadcrumb a,.breadcrumb_last{
	color: var(--grey-400, #9F9FA9);
	/* Text - Medium/semibold */
	font-family: var(--font-family-family-body, Inter);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px; /* 157.143% */
	}

	.cat-grid {
	  display: grid;
	  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	  gap: 16px;
		padding:10px;
				border-radius: var(--radius-corner-radius_12, 12px);
		border: 1px solid var(--grey-100, #F4F4F5);
		background: var(--white-950, #FFF);
		overflow:hidden;
		/* Shadow/small */
		box-shadow: 0 4px 8px -2px rgba(2, 6, 23, 0.16), 0 2px 4px -2px rgba(2, 6, 23, 0.10);
	}
	.cat-item {
	  border: 1px solid #e5e7eb;
	  border-radius: 12px;
	  padding: 12px;
	  background: #fff;
	  box-shadow: 0 1px 3px rgba(0,0,0,.1);
	}
	.cat-item .cat-name {
	  font-weight: 600;
	  margin-bottom: 4px;
	}
	.cat-item .cat-count {
	  font-size: 14px;
	  color: #666;
	}

	.cat-item:hover{
		border: 1px solid var(--brand-primary-900-Base, #2E3192);
	}

	.search .e-search-input-wrapper{
		border-radius: var(--radius-corner-radius_16, 16px);
		border: 1px solid var(--grey-300, #D4D4D8);
		background: var(--white-950, #FFF);
		overflow:hidden;
		/* Shadow/small */
		box-shadow: 0 4px 8px -2px rgba(2, 6, 23, 0.16), 0 2px 4px -2px rgba(2, 6, 23, 0.10);
	}

	.search .e-font-icon-svg {
		padding-top:5px;
	}

	.blog-pagin .elementor-pagination {
		padding-top : 20px;
	}

	.blog-pagin .elementor-pagination .next {
		float:right;
		color: var(--grey-800, #27272A);
		text-align: center;

		/* Text - Medium/semibold */
		font-family: var(--font-family-family-body, Inter);
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 22px; /* 157.143% */
	}

	.blog-pagin .elementor-pagination .prev {
		float:left;
		color: var(--grey-800, #27272A);
		text-align: center;

		/* Text - Medium/semibold */
		font-family: var(--font-family-family-body, Inter);
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 22px; /* 157.143% */
	}

		.blog-pagin .elementor-pagination  .page-numbers {
			color: var(--grey-500, #71717B);
		text-align: center;

		/* Text - Large/regular */
		font-family: "Be Vietnam Pro";
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px; /* 150% */
		}



	.blog-pagin .elementor-pagination .next , .page-numbers,.prev {
		border-radius: var(--radius-corner-radius_8, 8px);
		border: 1px solid var(--grey-200, #E4E4E7);
		background: var(--grey-100, #F4F4F5);
		padding:5px 10px;
	}

		.blog-pagin .elementor-pagination  .current {
			color: var(--brand-red-500, #D80500);
			text-align: center;
			/* Text - Large/regular */
			font-family: "Be Vietnam Pro";
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 24px; /* 150% */
			background:white;
			
		}

.tab-content {
	border-bottom: 1px solid var(--grey-200, #E4E4E7);
	background: var(--white-950, #FFF);
}

.tab-content .elementor-toc__body {
	 background: #27272a0f;
	padding:0;
}
.tab-content .elementor-toc__body li {
	padding:12px;
}

.tab-content .elementor-toc__body li:hover{
	background: var(--brand-primary-900-Base, #2E3192);
	color:white;
}

.post-info .elementor-post-info__item--type-date{
	color: var(--grey-500, #71717B);
font-family: var(--font-family-family-body, Inter);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
}
.loaction {
	border-radius: var(--radius-corner-radius_16, 16px);
border: 1px solid var(--grey-100, #F4F4F5);
background: var(--white-950, #FFF);

/* Shadow/xsmall */
box-shadow: 0 1px 3px 0 rgba(2, 6, 23, 0.14), 0 1px 2px 0 rgba(2, 6, 23, 0.10);
}

.loaction .elementor-widget-text-editor p{
	color: var(--Gray-600, #535862);
text-align: center;

/* Text md/Regular */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}


.loaction  .elementor-widget-heading div{
color: var(--brand-primary-500, #5C69F8);
text-align: center;

/* Text md/Semibold */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}