/*
Theme Name: Pustudio
Description: Theme wordpress gia re
Author: Truong Phong
Template: flatsome
Version: 1.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.home_ss .section-title {
  border-bottom:0;
  font-size:24px;
  color:var(--fs-color-primary);
  margin-bottom:16px
}
.home_ss span.section-title-main {
  border-bottom:0;
  padding:0;
  margin:0;
  text-transform:none
}
.home_ss .section-title b {display:none}
.home_ss .section-title-center span.section-title-main {
  display:block;
  margin:0 auto
}
.home_ss .container.section-title-container {margin-bottom:0}
.home_ss1 h1 {
  font-size:80px;
  line-height:1;
  margin-bottom:24px
}
.home_ss1 h3 {font-size:20px}
.home_ss1 p {
  font-size:16px;
  width:80%
}
.home_ss1 a.button {
  border-radius:12px;
  height:48px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  font-size:16px
}
.home_ss1 .phongvt-rating {
  font-size:15px;
  margin-top:8px
}
.home_ss1 .row {
  justify-content:space-between;
  width:100%;
  display:flex;
  align-items:center
}
.home_ss1 .row .col {padding-bottom:0}
.home_ss1 .row .col.large-3 .col-inner {
  background:#fff;
  padding:16px;
  border-radius:16px
}
.home_ss1 .row .col.large-3 .col-inner .icon-box {
  border-bottom:1px solid #eee;
  align-items:center;
  padding-bottom:8px;
  margin-bottom:8px;
  gap:8px
}
.home_ss1 .row .col.large-3 .col-inner .icon-box .icon-box-img {padding:4px}
.home_ss1 .row .col.large-3 .col-inner .icon-box .icon-box-text {padding-left:0}
.home_ss1 .row .col.large-3 .col-inner .icon-box .icon-box-img img {padding-top:0}
.home_ss1 .row .col.large-3 .col-inner .icon-box .icon-box-text h4 {
  margin-bottom:2px;
  font-size:18px;
  color:var(--fs-color-primary);
  line-height:1
}
.home_ss1 .row .col.large-3 .col-inner .icon-box:first-child .icon-box-text h4 {font-size:22px}
.home_ss1 .row .col.large-3 .col-inner .icon-box .icon-box-text p {font-size:14px}
.home_ss1 .row .col.large-3 .col-inner .icon-box:last-child {
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:0
}
.home_ss1 .row::before,
.home_ss1 .row::after {
  display:none !important;
  content:none !important
}
.home_ss2 .large-7 .list {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px
}
.home_ss2 .large-7 .list .icon-box, .home_ss2 .large-5 .list .icon-box,.home_ss3 .list .icon-box {
  border:1px solid #ececec;
  border-radius:8px;
  padding:12px
}
.home_ss2 .large-7 .list .icon-box .icon-box-text h3, .home_ss2 .large-5 .list .icon-box h3,.home_ss3 .list .icon-box h3 {
  font-size:15px;
  line-height:1.4;
  min-height:44px;
  margin-bottom:2px;
  color:var(--fs-color-primary)
}
.home_ss2 .large-7 .list .icon-box .icon-box-text p,.home_ss2 .large-5 .list .icon-box p {
  font-size:13px;
  line-height:1.4
}
.home_ss2 .large-5 .list {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:8px
}
.home_ss2 .large-5 .list .icon-box h3 {
  font-size:16px;
  min-height:unset;
  margin-bottom:4px
}
.section-title a {
  color:var(--fs-color-primary);
  font-size:15px;
  font-weight:500
}
.section-title a i.icon-angle-right {
  top:2px;
  opacity:1
}
.section-title a:hover {text-decoration:underline}
.home_ss3 .list {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px
}
.home_ss3 .video-list {grid-template-columns:repeat(2, 1fr)}
.home_ss3 .list .icon-box h3, .home_ss4 .list .icon-box h4 {min-height:unset}
.home_ss3 .col-inner, .home_ss3 .col-inner .box,.home_ss3 .col-inner .box-image {border-radius:8px}
.home_ss3 .col-inner .box-image {
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.home_ss3 .icon-box-img {margin-bottom:12px}
.home_ss3 .col-inner .box-text p.cat-label {
  font-size:11px;
  opacity:1;
  color:#666;
  margin-bottom:6px
}
.home_ss3 .col-inner .box-text h5.post-title a {font-size:20px}
.home_ss3 .row2 .list .video {
  border-radius:8px;
  padding-top:0 !important;
  height: 254px;
}
.home_ss3 .row2 .icon-box-text h3 {
  font-size:18px;
  margin-bottom:4px;
  line-height:1
}
.home_ss3 .row2 .icon-box-text p {
  font-size:14px;
  line-height:1.4
}
.home_ss3 .row2 .large-6:last-child .large-4 {
  flex-basis:max-content;
  max-width:max-content;
  min-width:calc(33.33% - 13px);
  padding:0
}
.home_ss3 .row2 .large-6:last-child .row {
  display:flex;
  gap:8px;
  margin:0;
  justify-content:space-between
}
.home_ss3 .row2 .large-6:last-child .large-4 .col-inner .icon-box {
  gap:8px;
  align-items:center;
  padding:8px;
  border:1px solid #ececec;
  border-radius:8px;
  height:100%
}
.home_ss3 .row2 .large-6:last-child .large-4 .col-inner .icon-box-text {padding-left:0}
.home_ss3 .row2 .large-6:last-child .large-4 .col-inner .icon-box-img {
  width:40px !important;
  height:40px;
  margin-bottom:6px
}
.home_ss3 .row2 .large-6:last-child .row:after {display:none}
.home_ss4 .right .list {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px
}
.home_ss4 .right .list h3 {
  font-size:13px;
  font-weight:500;
  line-height:1.4
}
.home_ss4 .right .list .icon-box {
  text-align:center;
  border:1px solid #ececec;
  border-radius:8px;
  padding:6px;
  height:130px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  gap:6px
}
.home_ss4 .right .list .icon-box-img {
  margin:0 auto;
  width:40px !important
}
.home_ss4 .left {
  flex-basis:54%;
  max-width:54%
}
.home_ss4 .right {
  flex-basis:46%;
  max-width:46%
}
.home_ss4 .left .list {
  display:flex;
  flex-direction:column;
  gap:8px
}
.home_ss4 .left .list .icon-box {
  border:1px solid #ececec;
  border-radius:8px;
  padding:8px;
  align-items:center;
  gap:8px
}
.home_ss4 .left .list .icon-box h3 {
  font-size:18px;
  margin-bottom:0;
  line-height:1.4
}
.home_ss4 .left .list .icon-box p {font-size:14px}
.home_ss4 .left .list .icon-box .icon-box-text {padding-left:0}
.home_ss4 .left .list .icon-box .icon-box-img {width:40px !important}
.home_ss4 .right .content {
  padding-top:12px;
  padding-left:12px;
  padding-right:136px;
  position:relative;
  background:#fffaf7;
  border-radius:8px
}
.home_ss4 .right .content:before {
  content:'';
  width:136px;
  height:160px;
  position:absolute;
  top:6px;
  right:0;
  background:url('/wp-content/uploads/2026/07/img.png') no-repeat;
  background-size:136px;
  z-index:1
}
.home_ss4 .right .wpcf7 {
  background:#fffaf7;
  padding:0 12px 12px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px
}
.home_ss4 .right .content h4 {
  font-size:18px;
  line-height:1.4
}
.home_ss4 .right .content p {
  font-size:14px;
  margin-bottom:0;
  padding-bottom:12px
}
.home_ss4 .right form .form-email .large-10,.home_ss4 .right form .form-email .large-2 {
  max-width:100%;
  flex-basis:100%
}
.home_ss4 .right form .form-email input {
  margin-bottom:8px;
  border-radius:8px;
  box-shadow:unset;
  font-size:14px;
  height:38px;
  width:100%
}
.home_ss4 .right form .form-email input.wpcf7-submit {margin-bottom:0}
.home_ss4 .left .large-6:last-child .list .icon-box {
  height:84px;
  background:url('/wp-content/uploads/2026/07/banner_1.png');
  background-size:cover !important
}
.home_ss4 .left .large-6:last-child .list .icon-box:nth-child(2) {background:url('/wp-content/uploads/2026/07/banner_2.png')}
.home_ss4 .left .large-6:last-child .list .icon-box:nth-child(3) {background:url('/wp-content/uploads/2026/07/banner_3.png')}
.home_ss4 .left .large-6:last-child .list .icon-box:nth-child(4) {background:url('/wp-content/uploads/2026/07/banner_4.png')}
.home_ss4 .left .large-6:last-child {
  border-left:1px solid #0f6b455e;
  border-right:1px solid #0f6b455e
}
.home_ss4 .right .large-6:first-child {border-right:1px solid #0f6b455e}
.home_ss4 .large-6 {padding-bottom:0}
.home_ss4 .right form .form-email span.wpcf7-spinner {display:none}
.home_ss4 .right form {margin-bottom:0}
.home_ss5 .list {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px
}
.home_ss5 .list .video {
  margin:0;
  border-radius:8px;
  padding-top:0 !important;
  height:178px
}
.home_ss5 form {margin-bottom:0}
.home_ss5 form p {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-bottom:0
}
.home_ss5 form input {
  margin-bottom:8px;
  box-shadow:unset;
  border-radius:8px;
  font-size:14px;
  height:48px
}
.home_ss5 form select {
  border-radius:8px;
  font-size:14px;
  margin-bottom:8px;
  height:48px
}
.home_ss5 form p:nth-child(5) {display:block}
.home_ss5 form p:nth-child(5) input {width:100%}
.home_ss5 .wpcf7-response-output {display:none}
.home_ss5 span.wpcf7-spinner {display:none}
.home_ss3 .list .icon-box {
  height:138px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column
}
.home_ss2 .large-5 .list .icon-box {height:94px}
.home_ss5 .large-6:last-child .large-8,.home_ss5 .large-6:last-child .large-4 {padding-bottom:0}
.home_ss5 .large-6:last-child .large-4 img {border-radius:12px}
.home_ss3 .row2 .large-12 {
    padding: 0;
}
#footer .section {padding-bottom:0}
#footer .section .col {padding-bottom:0}
#footer h4 {
  font-size:20px;
  text-transform:uppercase
}
#footer ul {margin-left:-4px}
#footer ul li {
  margin-bottom:2px;
  font-size:15px
}
#footer ul li:hover a {text-decoration:underline}
#footer .social-icons.follow-icons {margin-top:16px}
.header-nav > li > a {
  font-size:15px;
  font-family:'Bricolage Grotesque';
  text-transform:uppercase
}
@media (max-width: 48em) {
  .home_ss1 h1 {font-size:50px}
  .home_ss1 .row .col:last-child {padding-top:30px}
  .home_ss .section-title {font-size:18px}
  .home_ss2 .large-7 .list {grid-template-columns:repeat(2, 1fr)}
  .home_ss2 .large-7 .list .icon-box .icon-box-text h3, .home_ss2 .large-5 .list .icon-box h3, .home_ss3 .list .icon-box h3 {min-height:auto}
  .home_ss2 .large-5 .list .icon-box {height:auto;flex-direction: column;gap: 8px;}
  .home_ss2 {padding-bottom:0 !important}
  .home_ss3 {
  }
  .home_ss3 .col-inner .box-image {
    border-top-right-radius:8px;
    border-bottom-left-radius:0
  }
  .home_ss3 .row2 .large-6:last-child {padding-bottom:0}
  .home_ss4 .left,.home_ss4 .right {
    flex-basis:100%;
    max-width:100%
  }
  .home_ss4 .large-6 {padding-bottom:30px}
  .home_ss4 {padding-bottom:0 !important}
  .home_ss5 {padding-top:0 !important}
  .home_ss5 .large-4 {display:none}
  .home_ss5 .large-8 {
    padding-bottom:0;
    margin-bottom:-15px
  }
  .home_ss3 .row2 .large-6:last-child .large-4 {flex-basis: 100%;max-width: 100%;}
  .home_ss3 .row2 .large-6:last-child .row {
  flex-direction: column;
  }
  .home_ss4 .right .content:before {
    width:130px;
    height:154px;
    background-size:120px
  }
	.home_ss2 .large-5 .list .icon-box-img {
    width: 40px !important;
}

.home_ss2 .large-5 .list .icon-box-text {
    padding-left: 0;
}

.home_ss3 .list {
    grid-template-columns: repeat(2, 1fr);
}

.home_ss3 .row2 .list .video {
    height: 130px;
}

.home_ss5 .list .video {
    height: 100px;
}

.home_ss5 form input, .home_ss5 form select {
    height: 38px;
}
}