.post-template-default .site-main{position: relative;top: 40px}
.post-template-default .site-main .post-content:before{content: '';background: linear-gradient(to bottom, rgba(255,208,138,0.2) 2.06%, rgba(255,255,255,0) 95.79%);backdrop-filter: blur(20px);border-radius: 16px;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.post-template-default .post-content{position: relative;cursor: pointer; padding: 20px;border-radius: 15px;}
.post-template-default .post-desc{position: relative;z-index: 3;}

.site-header .header-main{position: relative;}
.site-footer{position: relative;bottom: 0px;height: 50px;}

.fix-content{margin-bottom: 30px;}
.fix-content ul{padding-left: 0;list-style: none;display: flex;justify-content: center;}
.fix-content ul li{background-color:rgba(179, 90, 16, 0.64);padding: 7px 20px;border-radius: 5px;margin-right: 10px;}
.fix-content ul li:hover{background-color: rgba(147,96,54,0.64);transition: .3s all;}
.fix-content ul li:last-child{margin-right: 0;}
.fix-content ul li a{color: #fff;}
.sticky-fix-content{position: fixed;top: 0;width: 100%;z-index: 1000;background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-in-out;left: 0;padding-top: 20px;padding-bottom: 10px;border-top: 2px solid #fbb612;}

#contact {position: relative;margin-bottom: 20px; margin-top: 40px; padding-bottom: 40px;background: #fee5ad;background: -moz-linear-gradient(0deg,rgba(254,229,173,1) 0%,rgba(254,238,195,1) 51%,rgba(255,251,248,1) 100%);background: -webkit-linear-gradient(0deg,rgba(254,229,173,1) 0%,rgba(254,238,195,1) 51%,rgba(255,251,248,1) 100%);background: linear-gradient(0deg,rgba(254,229,173,1) 0%,rgba(254,238,195,1) 51%,rgba(255,251,248,1) 100%);}
#contact::before {content: '';background: url("../images/bg-footer.png") left bottom no-repeat;background-size: contain;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.company-info {border-radius: 16px;padding: 32px;height: 100%;position: relative;overflow: hidden;}
.company-info::before {content: '';background: url("../images/ns-2.svg") center no-repeat;background-size: cover;opacity: 0.28;width: 100%;height: 100%;position: absolute;top: 0;left: 0;pointer-events: none;z-index: 2;}
.company-info::after {content: '';background: linear-gradient(to bottom, rgba(255,207,138,0.2) 2.06%, rgba(255,255,255,0) 95.79%);border-radius: 16px;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.company-info .company-inner {position: relative;z-index: 3;}
.company-info .company-name {font-size: 18px;line-height: 1.5;margin-bottom: 0px;}
.company-info .company-item {padding: 15px 0 15px 40px;border-bottom: 1px solid #746B61;padding-left: 40px;}
.company-info .company-item:last-child{border-bottom: unset;}
.company-info .company-item.company-address {background: url("../images/location.svg") left center no-repeat;background-size: 30px;}
.company-info .company-item.company-phone {background: url("../images/call.svg") left center no-repeat;background-size: 30px;}
.company-info .company-item.company-email {background: url("../images/sms.svg") left center no-repeat;background-size: 30px;}
.contact-company .wpcf7 {border-radius: 16px;padding: 32px;height: 100%;position: relative;overflow: hidden;}
.contact-company .wpcf7::before {content: '';background: url("../images/ns-2.svg") center no-repeat;background-size: cover;opacity: 0.28;width: 100%;height: 100%;position: absolute;top: 0;left: 0;pointer-events: none;z-index: 2;}
.contact-company .wpcf7::after {content: '';background: linear-gradient(to bottom, rgba(255,207,138,0.2) 2.06%, rgba(255,255,255,0) 95.79%);border-radius: 16px;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.contact-company .wpcf7 .wpcf7-form {position: relative;z-index: 3;}
.contact-company .wpcf7 .form-contact h3 {font-size: 20px;line-height: 1.5;margin-bottom: 15px;}
.contact-company .wpcf7 .form-contact .form-title {font-weight: bold;font-size: 18px;line-height: 1.5;margin-bottom: 5px;}
.contact-company .wpcf7 .form-contact .wpcf7-form-control-wrap {position: relative;}
.contact-company .wpcf7 .form-contact .wpcf7-form-control-wrap::before {content: "";position: absolute;z-index: -1;inset: 0;background: linear-gradient(to right, #F5A764 0%, #F5BB63 50%, #926037 100%);padding: 1px;border-radius: 8px;-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;}
.contact-company .wpcf7 .form-contact .form-control {height:45px;color:#CCBEAC;border:0;background:transparent}
.contact-company .wpcf7 .form-contact .form-control::placeholder {color:#CCBEAC}
.contact-company .wpcf7 .form-contact .form-submit {margin-top: 5px;}
.contact-company .wpcf7 .form-contact .form-submit span {display: inline-block;position: relative;}
.contact-company .wpcf7 .form-contact .form-submit span::before {content: "";position: absolute;z-index: -1;inset: 0;background: linear-gradient(to right, #F5A764 0%, #F5BB63 50%, #926037 100%);padding: 1px;border-radius: 8px;-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;}
.contact-company .wpcf7 .form-contact .form-submit .btn-submit {background: rgba(147,96,54,0.64);border-radius: 8px;width: 140px;height: 45px;font-weight: bold;border: 0px solid;}
.contact-company .wpcf7 .form-contact .form-submit .wpcf7-spinner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;}
.contact-company .wpcf7 .form-contact .form-submit span::before {content: "";position: absolute;z-index: -1;inset: 0;background: linear-gradient(to right, #F5A764 0%, #F5BB63 50%, #926037 100%);padding: 1px;border-radius: 8px;-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;}

@media only screen and (min-width: 576px){

  .company-info .company-name {font-size: 22px;}
  .company-info .company-item {padding: 18px 0 18px 40px;}

}

@media only screen and (min-width: 1100px){

  #contact {margin-bottom: 0;}
  .company-info .company-name {font-size: 24px;}
  .company-info .company-item {padding: 20px 0 20px 40px;}
  .contact-company .wpcf7 .form-contact h3 {font-size: 24px;}

}

@media only screen and (min-width: 1200px){

  .company-info .company-name {font-size: 26px;}
  .company-info .company-item {padding: 25px 0 25px 40px;}
  .contact-company .wpcf7 .form-contact h3 {font-size: 30px;margin-bottom: 24px;}

}

@media only screen and (min-width: 1400px) {
  .du-an-template-default .post-content {padding: 30px;}

  .company-info .company-name {font-size: 30px;}
}

@media only screen and (min-width: 1600px){

  .company-info {padding: 32px 48px 32px 48px;}
  .contact-company .wpcf7 {padding: 32px 48px;}
  .contact-company .wpcf7 .form-contact .form-control {height: 52px;}
  .contact-company .wpcf7 .form-contact .form-submit {margin-top: 17px;}
  .contact-company .wpcf7 .form-contact .form-submit .btn-submit {height: 52px;width: 170px;}

}

@media (max-width: 576px) {
  .du-an-template-default .site-main{top: 10px;}

  .fix-content {margin-bottom: 15px;}
  .fix-content ul{display: block;padding-left: 15px;padding-right: 15px;text-align: left; margin-bottom: 0;}
  .fix-content ul li{margin-bottom: 10px;display: inline-block;padding: 5px 10px;}
  .fix-content ul li a{font-size: 13px;}
  .sticky-fix-content{padding-top: 15px;padding-bottom: 0px;top: 80px;}
}