.py-20 {
  padding-top: 5rem;padding-bottom: 5rem;}
#nav-wrap {background: #1b1b1b;border-top: 1px solid #1b1b1b;max-width: fit-content;margin: 0 auto;z-index: 9;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;padding-top: 10px; position: relative; overflow-y: initial;}
#nav-wrap::before{border-top-right-radius: 20px;  content: "";  position: absolute;  background-color: transparent;  height: 40px;  width: 20px;  top: 0;  box-shadow: 0 -20px 0 0 #1b1b1b;  margin-top: -1px;  margin-left: -20px;}
#nav-wrap::after{border-top-left-radius: 20px; content: "";    position: absolute;    background-color: transparent;    height: 40px;    width: 20px;    top: 0;    box-shadow: 0 -20px 0 0 #1b1b1b;right: 0;  margin-right: -20px;  margin-top: -1px;}
/*--main-body--*/
body{background: #272727;}
/**---- Products----*/
.zoom img{height: 500px;} 
/**--- Home Page ---*/
.homeside:nth-child(1){margin-top: -65px}
section.z-40{z-index:100;}
/*cta-v1*/
.cta-v1:nth-child(2) .cta-content{ display: flex;  gap: 20px;}
.cta-v1:nth-child(2) .cta-content .absolute{position: relative;}
.cta-v1:nth-child(2) .cta-content  .text-base{color: #858585}

.cta-v1:nth-child(2) .cta-content .absolute .link{display: flex;  color: #eeba04;  border: 1px solid #eeba04;  font-size: 22px;  padding: 20px 0;  width: auto;  max-width: 50%;  margin-top: 25px;}

.cta-v1:nth-child(2) .cta-content .absolute br{margin-bottom: 10px}

.cta-v1:nth-child(2) .cta-content .text-2\.5xl{font-size: 39px; color: #fff; margin-top: 5px;  margin-bottom: 10px;}
.cta-v1:nth-child(2) .cta-content .text-2\.5xl br{margin-bottom: 0;}

.cta-v1:nth-child(2) .cta-content .promote-img {position: relative; height: auto !important;  background: none !important;}

.cta-v1:nth-child(2) .cta-content .promote-img .link{display:none; position: absolute;  right: 0;  bottom: 0;  margin: 0;  border-color: #fff;  background: #fff;  padding: 25px 18px;  border-radius: 100%;}
.cta-v1:nth-child(2) .cta-content .promote-img .link svg {  width: 30px;  height: 15px;}
.cta-v1:nth-child(2) .cta-content .promote-img::before {display:none;  content: "";  position: absolute;  bottom: 70px;  right: 20px;  height: 30px;  width: 30px;  border-radius: 0 0 20px 0;  background-color: transparent;  border: 1px solid #e5e5e5;    border-top-width: 1px;    border-top-style: solid;    border-top-color: rgb(229, 229, 229);    border-left-width: 1px;   border-left-style: solid;    border-left-color: rgb(229, 229, 229);  border-top-width: 1px;  border-top-style: solid;  border-top-color: rgb(229, 229, 229);  border-left-width: 1px;  border-left-style: solid;  border-left-color: rgb(229, 229, 229);  border-top: 0;  border-left: 0;  box-shadow: 0 15px 0 0 #fff;}
.cta-v1:nth-child(2) .cta-content .promote-img::after{display:none;content: "";  position: absolute; bottom: 20px;  right: 77px;  height: 30px;  width: 30px;  border-radius: 0 0 20px 0;  background-color: transparent;  box-shadow: 10px 0 0 0 #fff;}

.homeedit:nth-child(3) { background: #1b1b1b;}
.homeedit:nth-child(3),.homeedit:nth-child(5) {
  padding: 90px 0 30px 0; margin-top: 0; margin-bottom: 0; color: #858585; }
.homeedit:nth-child(3) .text-gray-12, .homeedit:nth-child(5) .text-gray-12{
  color: #fff;}
.cta-v2:nth-child(4){
  padding: 30px 0 90px 0;background: #1b1b1b;} 
.cta-v2:nth-child(4) div{
  max-width: 1170px;  margin: 0 auto;}
.cta-v2:nth-child(4)  div div.absolute{
  z-index: 9;  top: auto;  padding-bottom: 50px;}
.cta-v2:nth-child(4)  div div.absolute .text-lg{font-size: 16px;  color: #eeba04;}
.cta-v2:nth-child(4)  div div.absolute .text-33{font-size: 13px;  line-height: normal;  margin-top: 10px;  font-weight: 500 !important;  color: #fff;  transition: max-height 1s ease;  max-height: 0;  overflow: hidden;}
.cta-v2:nth-child(4)  div div.absolute .process-goto{display: none;}
.cta-v2:nth-child(4) div div.absolute:hover .text-33{  display: block;  max-height: 100px;}

.cta-v2:nth-child(4) .absolute::before {  content: "";  position: absolute;  width: 100%;  height: 100%;  top: 0;  bottom: 0;  right: 0;  left: 0;  z-index: -1;  background: linear-gradient(to top,rgb(0, 0, 0) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 73%);  border-radius: 25px;}

.cta-v2:nth-child(4) .cta-v2-img .link {  position: absolute;  right: 0;  bottom: 0;  margin: 0;  border-color: #fff;  background: #fff;  padding: 20px;  border-top-left-radius: 30px;}

.cta-v2:nth-child(4) .cta-v2-img .link svg{transform: rotate(-45deg);}

.cta-v2:nth-child(4) .cta-v2-img {  position: relative;   background: none !important; overflow: hidden;}

.cta-v2:nth-child(4) .cta-v2-img .rounded-md {  border-radius: 15px;}

.cta-v2:nth-child(4) .cta-v2-img::after {  content: "";  position: absolute; bottom: -1px;  right: 55px;  height: 30px;  width: 30px;  border-radius: 0 0 20px 0;  background-color: transparent;  border: 1px solid #e5e5e5;  border-top: 0;  border-left: 0;  box-shadow: 0 15px 0 0 #fff;}

.cta-v2:nth-child(4) .cta-v2-img::before {  content: "";  position: absolute; bottom: 48px;  right: -1px;  height: 30px;  width: 30px;  border-radius: 0 0 20px 0;  background-color: transparent;  border: 1px solid #e5e5e5;  border-top: 0;  border-left: 0;  box-shadow: 0 15px 0 0 #fff;}

.cta-v2:nth-child(4) .cta-v2-img .link,.cta-v2:nth-child(4) .cta-v2-img::after,.cta-v2:nth-child(4) .cta-v2-img::before{z-index: 99;}
.break-all {  word-break: initial !important;}

.cta-v2:nth-child(6) .flex{
display: block;  clear: both;}
.cta-v2:nth-child(6) .flex .flex{display: flex;}
.cta-v2:nth-child(6) .flex div.md\:w-1\/4.w-full:nth-child(1), .cta-v2:nth-child(6) .flex div.md\:w-1\/4.w-full:nth-child(4) {width: 100%;clear: both;}
.cta-v2:nth-child(6) .flex div.md\:w-1\/4.w-full{margin-bottom: 20px;}
.cta-v2:nth-child(6) .flex div:nth-child(2), .cta-v2:nth-child(6) .flex div:nth-child(3){
width: 50%;  float: left;}
.cta-v2:nth-child(6) .flex div:nth-child(2){padding-right: 10px;}
.cta-v2:nth-child(6) .flex div:nth-child(3){padding-left: 10px;}
.cta-v2:nth-child(6) .flex div.h-44{
height: auto;  display: block;}
.cta-v2:nth-child(6) .flex .text-gray-12{
color: #eeba04;}
.cta-v2:nth-child(6) .flex .text-33{ font-size: 20px;}
.cta-v2:nth-child(6) .flex .link{display: none;}
.cta-v2:nth-child(6) .flex .absolute{
  background: #272727; color: #fff; right: 0;  top: auto;  bottom: 0;left: auto;   transition: height 1s ease; height: 0 !important;  overflow: hidden; padding: 0 20px;}

.cta-v2:nth-child(6) .flex .block.relative:hover .absolute {
  height: 100px !important;}
/**----Breadcrumb----*/
.page-wrapper nav a.text-gray-12{color: #eeba04}
/**----Sidebar Blogs----*/
input.rtl\:mr-2p { 
  margin-left: 10px;}
.md\:w-63.w-full form {
  background: #fff;    border-radius: 5px;}
.md\:w-63.w-full .mb-30p .relative .text-gray-12 {
    color: #fff; font-size: 22px; text-transform: uppercase;}
.md\:w-63.w-full  .mb-30p ul li{
      list-style: circle;    }
.md\:w-63.w-full .mb-30p a.text-gray-10,
.md\:w-63.w-full .mb-30p li::marker {color: #eeba04; font-size: 16px;
}
.md\:w-63.w-full .mb-30p a.text-gray-12 {
  color: #eeba04;
}
.md\:w-63.w-full .mb-30p a.text-gray-12:hover {
  color: #fff;
}
/**----blog category----*/
.blog-category .text-gray-12{color: #eeba04}
.blog-category .text-gray-12:hover{color: #fff}
.blog-category .text-gray-12:hover{color: #fff}
.blog-category .text-gray-12:hover{color: #fff}
.blog-category .text-gray-12:hover{color: #fff}
 
.md\:w-4\/6.lg\:w-full .text-gray-12{color: #eeba04}
.md\:w-4\/6.lg\:w-full .hover\:text-gray-12:hover{color: #eeba04}
/**----filter_box_result----*/
#filter_box_result.bg-white,#filter_box_result .bg-white {
  background: none;}
#filter_box_result .border {
    border: none;}
#filter_box_result.bg-white .text-gray-12{
  color: #fff;}
#filter_box_result.bg-white .text-gray-12 a:hover{
  color: #eeba04;}

#filter_box_result .border-one {
    position: relative; overflow: hidden; border: none; }
  

#filter_box_result .border-one::after {
    background: #a27e00; width: 70px;    position: absolute;    bottom: 0px; left: 0;    z-index: 8; height: 1px;    content: "";    overflow: hidden;  }
  
#filter_box_result .border-one::before {
    background: #fff; width: 5px; position: absolute; bottom: 0; left: 0; z-index: 9; height: 1px; content: "";animation: moveBar 3s linear infinite;
  }

  @keyframes moveBar {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(65px); /* Chính xác bằng width của ::after */
    }
  }

#filter_box_result.bg-white h3.text-gray-12 {font-size: 24px;}
#res-loader-html img {border-radius: 5px;}
#res-loader-html .border-gray-2{border-color: #eeba04;}

#item-details-container .border{border: none;}
#item-details-container h3.text-gray-12 {font-size: 24px;color: #fff;}
#item-details-container h4.text-gray-12,
#item-details-container button{color: #fff;}
#item-details-container .button-contact button{color: #eeba04; border: 1px solid #eeba04;}
#item-details-container .option-select {
  display: none;}
#item-details-container .specification-content .c-tab {
  display: block;}
#item-details-container .specification-content .c-tab p{
  display: none;}
  #item-details-container .specification-content h4.text-gray-12 { 
    font-size: 16px;
    text-transform: uppercase;
  }
  /**----Responsive----*/
@media (max-width: 768px) {
 .homeside:nth-child(1){margin-top: 0;}
 .cta-v1:nth-child(2) .cta-content{ display: block; }
} 
@media (min-width: 768px) {
 .cta-v1:nth-child(2) .cta-content .promote-img,
 .cta-v1:nth-child(2) .cta-content .absolute { width: 50%; }
 section:nth-child(3) .md\:text-22, section:nth-child(5) .md\:text-22{
    font-size: 36px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1536px;
  }
}