.elementor-1393 .elementor-element.elementor-element-93c1509{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1393 .elementor-element.elementor-element-89420b7{--display:flex;}.elementor-1393 .elementor-element.elementor-element-a54e045{--display:flex;}.elementor-1393 .elementor-element.elementor-element-c27e68b{--display:flex;}.elementor-1393 .elementor-element.elementor-element-18f8a18{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1393 .elementor-element.elementor-element-1c2a395{--display:flex;}.elementor-1393 .elementor-element.elementor-element-02d4e13{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-1393 .elementor-element.elementor-element-02d4e13 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1393 .elementor-element.elementor-element-02d4e13 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1393 .elementor-element.elementor-element-02d4e13 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1393 .elementor-element.elementor-element-9b8e479{--display:flex;}.elementor-1393 .elementor-element.elementor-element-33b2416 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1393 .elementor-element.elementor-element-2de5e5b{--display:flex;}.elementor-1393 .elementor-element.elementor-element-a7d584b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1393 .elementor-element.elementor-element-86541f8 .elementor-icon-box-wrapper{align-items:center;}.elementor-1393 .elementor-element.elementor-element-86541f8{--icon-box-icon-margin:12px;}.elementor-1393 .elementor-element.elementor-element-86541f8 .elementor-icon{font-size:25px;}.elementor-1393 .elementor-element.elementor-element-bad2d98 .elementor-icon-box-wrapper{align-items:center;}.elementor-1393 .elementor-element.elementor-element-bad2d98{--icon-box-icon-margin:12px;}.elementor-1393 .elementor-element.elementor-element-bad2d98 .elementor-icon{font-size:25px;}.elementor-1393 .elementor-element.elementor-element-1a87e4c .elementor-icon-box-wrapper{align-items:center;}.elementor-1393 .elementor-element.elementor-element-1a87e4c{--icon-box-icon-margin:12px;}.elementor-1393 .elementor-element.elementor-element-1a87e4c .elementor-icon{font-size:25px;}.elementor-1393 .elementor-element.elementor-element-9990340{--display:flex;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-button span{gap:30px;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:16px;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-16px;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-field-type-html{padding-bottom:0px;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1393 .elementor-element.elementor-element-ae23ed6{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;}.elementor-1393 .elementor-element.elementor-element-a038395{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-link-wrapper, 
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-custom-grid .ecs-post-loop,
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .elementor, 
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .elementor .elementor-inner, 
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .elementor .elementor-inner .elementor-section-wrap, 
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .elementor .elementor-section-wrap,
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .elementor > .elementor-section,
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .elementor > .e-container,
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .ecs-link-wrapper > .elementor > .e-container,
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .ecs-link-wrapper > .elementor > .elementor-section,
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-link-wrapper > .has-post-thumbnail, .ecs-link-wrapper > .has-post-thumbnail > .elementor-section,
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .has-post-thumbnail, .ecs-post-loop > .has-post-thumbnail > .elementor-section,
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .elementor .elementor-inner .elementor-section-wrap .elementor-top-section,  
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .elementor .elementor-section-wrap .elementor-top-section, 
            .elementor-1393 .elementor-element.elementor-element-5aafff5 .ecs-post-loop > .elementor .elementor-container{height:100%;}.elementor-1393 .elementor-element.elementor-element-5aafff5 .elementor-post{height:auto;}.elementor-1393 .elementor-element.elementor-element-5aafff5{--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-1393 .elementor-element.elementor-element-5aafff5 .swiper-container{width:calc(100% - 0px);}@media(max-width:767px){.elementor-1393 .elementor-element.elementor-element-86541f8{--icon-box-icon-margin:0px;}.elementor-1393 .elementor-element.elementor-element-86541f8 .elementor-icon{font-size:30px;}.elementor-1393 .elementor-element.elementor-element-bad2d98{--icon-box-icon-margin:0px;}.elementor-1393 .elementor-element.elementor-element-bad2d98 .elementor-icon{font-size:30px;}.elementor-1393 .elementor-element.elementor-element-1a87e4c{--icon-box-icon-margin:0px;}.elementor-1393 .elementor-element.elementor-element-1a87e4c .elementor-icon{font-size:30px;}.elementor-1393 .elementor-element.elementor-element-5aafff5{--e-posts-slides-to-show:1;}}@media(min-width:768px){.elementor-1393 .elementor-element.elementor-element-93c1509{--content-width:1110px;}.elementor-1393 .elementor-element.elementor-element-2de5e5b{--width:40%;}}/* Start custom CSS *//*icon arrown form*/
i.fas.fa-long-arrow-alt-right {
    color: #0160e7;
}



.toggle-button {
    z-index: 10;
}

.toggle-button::after {
      content: "";
    position: absolute;
    top: -50px;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, transparent, white);
    transition: opacity 0.5s ease;
    opacity: var(--after-opacity, 1);
    z-index: 1;
}

.toggle-button.no-after::after {
  opacity: 0;
}

.toggle-button {
  transition: margin-top 0.5s ease; /* Hiệu ứng di chuyển nhẹ nhàng */
}

.toggle-button.moved-down {
  margin-top: 30px;
}

.div_see_more {
    z-index: 99;
  
}

/* CSS cho desktop */
@media (min-width: 1024px) { 
.container_hero {
    margin-top: 30px;
}

/*Breadcrumb*/
.rank-math-breadcrumb {
    font-size: 1.3rem;
}

.rank-math-breadcrumb a {
    color: var(--red-brand);
}

.rank-math-breadcrumb a:hover {
    color: #ee3537ab;
}

.rank-math-breadcrumb .separator {
    padding: 0 3px;
}

/*Title Projec*/

.main_projects h1 {
    margin-top: 15px;
    font-size: 2.8rem;
    font-weight: 600;
    color: var(--color-black);
    line-height: 22px;
    line-height: normal;
}

/*Avatar Project*/
.main_projects .avart_main_project {
    margin-top: 15px;
}

/*Description Project*/
.desc_project_ct {
    margin-top: 10px;
}

.desc_project_ct .heading__title .elementor-heading-title {
    padding-left: 13px;
    font-size: 2rem;
    font-weight: 600;
    margin: 15px 0 25px;
}

.desc_project_ct .heading__title .elementor-heading-title:before {
    content: "";
    width: 4px;
    height: 35px;
    background: var(--red-brand);
    position: absolute;
    top: 12%;
    left: 0;
}

/*items Field*/
.container_items_acf {
    margin-top: 20px;
}

.container_items_acf ul {
    display: grid;
    column-gap: 10px;
    grid-template-columns: 1fr 1fr;
    list-style-type: none;
    padding-left: 0;
    
}

.container_items_acf li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.list__flex_cs a {
    color: var(--red-brand);
    font-weight: 600;
}

.list__flex_cs a:hover {
    color: #ee3537ab;
}

/*.container_items_acf li:not(:last-child) {*/
/*    padding-bottom: 10px;*/
/*}*/

.container_items_acf li {
    padding-bottom: 10px;
}

.container_items_acf img {
    width: 18px;
    height: 18px;
    object-fit: cover;
}

.list__flex_cs p {
    margin-bottom: 0;
}

/*Review Customer*/
.review_customer {
    margin: 30px 0;
}

.review_customer h3 {
    text-align: left !important;
}

.review_customer_html {
    padding-left: 30px;
}

.review_customer .elementor-widget-container {
    display: flex;
    /*justify-content: center;*/
}

figure.snip1197 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  margin: 10px;
  min-width: 400px;
  max-width: 510px;
  width: 100%;
  border-radius: 0 8px 8px 0;
  color: #333;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1197 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1197 img {
  float: right;
  max-width: 40%;
  vertical-align: middle;
  border-radius: 0 8px 8px 0;
}
figure.snip1197 figcaption {
  top: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  position: absolute;
  background-color: #ffffff;
  border-radius: 8px 0 0 8px;
}
figure.snip1197 blockquote {
  position: relative;
  padding: 25px 50px 25px 50px;
  font-size: 0.8em;
  font-weight: 500;
  text-align: left;
  margin: 0;
  line-height: 1.6em;
  font-style: italic;
}
figure.snip1197 blockquote:before,
figure.snip1197 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.snip1197 blockquote:before {
  top: 25px;
  left: 20px;
}
figure.snip1197 blockquote:after {
  content: "\201D";
  right: 20px;
  bottom: 0px;
}
figure.snip1197 .arrow {
  top: 30px;
  left: 100%;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #ffffff;
  margin: 0;
  position: absolute;
}
figure.snip1197 .author {
    position: absolute;
    top: 60%;
    width: 60%;
    padding: 10px 15px;
    color: #3D3D3D;
    margin-top: 25px;
    text-transform: uppercase;
    font-style: italic;
}
figure.snip1197 .author h5 {
  opacity: 0.8;
  margin: 0;
  font-weight: 600;
}
figure.snip1197 .author h5 span {
  display: block;
  font-weight: 400;
  text-transform: none;
  margin-top: 8px;
}

/*Gallery iamge project*/
.gallery__img_project {
    margin-top: 20px;
}

.gallery__img_project h3, .review_customer h3, .order_projects h3, .youtube_project h3 {
    margin-bottom: 30px;
    padding-left: 13px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
}

.gallery__img_project h3:before, .review_customer h3:before, .order_projects h3:before, .youtube_project h3:before {
    content: "";
    width: 4px;
    height: 35px;
    background: var(--red-brand);
    position: absolute;
    top: -8px;
    left: 0;
}

/*Button see more*/
.gallery__img_project button {
    all: unset;
}

.gallery__img_project .toggle-button {
    cursor: pointer;
    width: 100%;
    height: 35px;
    border: 1px solid #BBBBBB;
    color: #333;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
}

.gallery__img_project .toggle-button:hover {
    color: #333;
    border: 1px solid #767676;
    background: transparent;
}

/*Sidebar*/
.container__customer {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 5%);
    border-top: 3px solid var(--red-brand);
    border-radius: 5px;
    padding: 25px 30px 5px;
}

.container__customer h3{
    color: #ff0000;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 15px
}

.container__customer .elementor-icon-box-title {
  all: unset;
  font-size: 1.8rem;
  color: #6d6d6d;
  font-weight: 600;
}

.container__customer .elementor-icon-box-description {
    font-size: 1.6rem;
    color: #2d2d2d;
}


.container__customer .icon__box_name {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    
    min-height: 68px;
}

.container__customer .icon__box_name:not(:first-child) {
    margin-top: 20px;
}

.container__customer .icon__box_name_last-child {
    border-bottom: none;
}


/*Form*/
.div_form {
    position: sticky;
    top: 85px;
    margin-top: 30px;
    text-align: center;
    padding: 20px 15px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.div_form h4 {
    font-size: 2rem;
    font-weight: 600;
    color: #ff0000;
    line-height: normal;
}

.div_form .list_form_sidebar {
    display: inline-block;
    text-align: left;
    margin-top: 10px;
    padding: 0;
}

.div_form .list_form_sidebar li {
    color: #0B0A0A;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.03px;
    gap: 20px;
    margin-bottom: 5px;
}

.form__contact {
    margin-top: 20px;
}

.form__contact label {
    color: #222;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 1.4rem;
}


.form__contact button{
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    position: relative;
    z-index: 1;
    transition: color .1s ease-in-out, background-color 1s ease-in-out;
    padding: 0 10px 0 30px;
    height: 54px;
    line-height: 0;
    background-color: #0160e7;
    border: none;
    border: 2px solid #0160e7 ;
    font-weight: 600;
    color: #fff;
}


.form__contact .elementor-button-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    background: #fff;
    border-radius: 99px;
    justify-content: center;
    z-index: 1;
    padding: 10px;
}

.form__contact .elementor-button-icon svg path{
    fill: #0160e7 !important;
    stroke: #0160e7;
}

/*button hover*/
.form__contact button:hover {
    color: #0160e7 !important;
    z-index: 2;
    background: #0160e7;
}

.form__contact button:before {
    background: #fff;
    content: '';
    position: absolute;
    z-index: 0;
    width: 40px;
    height: 40px;
    top: 5px;
    right: 10px;
    display: block;
    border-radius: 999px;
    background-color: #fff;
    transition: .2s all ease-in-out;
}

.form__contact button:hover:before {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    padding-right: 19px;
    right: -1px;
    top: -1px;
    line-height: 50px;
    z-index: -1;
}




input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    color: #333;
    opacity: 1!important;
    outline: 0;
    border: 1px solid var(--color-hover-brand);
}

/*Group Option Field*/
.parent-option {
    font-weight: 600;
}

.optgroup-child {
    font-weight: 600;
    color: red;
}


/*Orther Projects*/
.order_projects {
    margin-top: 70px;
}

/*Youtube*/
.youtube_project {
    margin-top: 50px;
} 


}


/*Responsive Tablet*/
@media (min-width: 768px) and (max-width: 1023px) {
.container_hero {
    margin-top: 30px;
    padding: 0 10px;
}

/*Breadcrumb*/
.rank-math-breadcrumb {
    font-size: 1.3rem;
}

.rank-math-breadcrumb a {
    color: var(--red-brand);
}

.rank-math-breadcrumb a:hover {
    color: #ee3537ab;
}

.rank-math-breadcrumb .separator {
    padding: 0 3px;
}

/*Title Projec*/
.main_projects h1 {
    margin-top: 20px;
    font-size: 2.6rem;
    font-weight: 600;
    color: var(--color-black);
    line-height: normal;
}

/*Avatar Project*/
.main_projects .avart_main_project {
    margin-top: 15px;
}

/*Description Project*/
.desc_project_ct {
    margin-top: 10px;
}

.desc_project_ct .heading__title .elementor-heading-title {
    padding-left: 13px;
    font-size: 2rem;
    font-weight: 600;
    margin: 15px 0 25px;
}

.desc_project_ct .heading__title .elementor-heading-title:before {
    content: "";
    width: 4px;
    height: 35px;
    background: var(--red-brand);
    position: absolute;
    top: 12%;
    left: 0;
}

/*items Field*/
.container_items_acf {
    margin-top: 20px;
}

.container_items_acf ul {
    display: grid;
    column-gap: 10px;
    grid-template-columns: 1fr 1fr;
    list-style-type: none;
    padding-left: 0;
    
}

.container_items_acf li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

/*.container_items_acf li img {*/
/*    margin-top: auto;*/
/*    margin-bottom: auto;*/
/*}*/

.list__flex_cs a {
    color: var(--red-brand);
    font-weight: 600;
}

.list__flex_cs a:hover {
    color: #ee3537ab;
}

/*.container_items_acf li:not(:last-child) {*/
/*    padding-bottom: 10px;*/
/*}*/

.container_items_acf li {
    padding-bottom: 10px;
}

.container_items_acf img {
    width: 18px;
    height: 18px;
    object-fit: cover;
}

.list__flex_cs p {
    margin-bottom: 0;
}

/*Review Customer*/
.review_customer {
    margin: 30px 0;
}

.review_customer h3 {
    text-align: left !important;
}

.review_customer .elementor-widget-container {
    display: flex;
    /*justify-content: center;*/
}

figure.snip1197 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 265px;
  border-radius: 0 8px 8px 0;
  color: #333;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1197 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1197 img {
  float: right;
  max-width: 30%;
  vertical-align: middle;
  border-radius: 0 8px 8px 0;
}
figure.snip1197 figcaption {
  top: 0;
  bottom: 0;
  left: 0;
  width: 70%;
  position: absolute;
  background-color: #ffffff;
  border-radius: 8px 0 0 8px;
}
figure.snip1197 blockquote {
  position: relative;
  padding: 33px 15px 15px 15px;
  font-size: 0.8em;
  font-weight: 500;
  text-align: left;
  margin: 0;
  line-height: 1.6em;
  font-style: italic;
}
figure.snip1197 blockquote:before,
figure.snip1197 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.snip1197 blockquote:before {
  top: 25px;
  left: 20px;
}
figure.snip1197 blockquote:after {
  content: "\201D";
  right: 20px;
  bottom: 0px;
}
figure.snip1197 .arrow {
  top: 30px;
  left: 100%;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #ffffff;
  margin: 0;
  position: absolute;
}
figure.snip1197 .author {
    position: absolute;
    top: 60%;
    width: 60%;
    padding: 0 15px 10px 15px;
    color: #3D3D3D;
    margin-top: 10px;
    text-transform: uppercase;
    font-style: italic;
}
figure.snip1197 .author h5 {
  opacity: 0.8;
  margin: 0;
  font-weight: 600;
}
figure.snip1197 .author h5 span {
  display: block;
  font-weight: 400;
  text-transform: none;
  margin-top: 8px;
}

/*Gallery iamge project*/
.gallery__img_project {
    margin-top: 20px;
}

.gallery__img_project h3, .review_customer h3, .order_projects h3, .youtube_project h3 {
    margin-bottom: 30px;
    padding-left: 13px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
}

.gallery__img_project h3:before, .review_customer h3:before, .order_projects h3:before, .youtube_project h3:before {
    content: "";
    width: 4px;
    height: 35px;
    background: var(--red-brand);
    position: absolute;
    top: -8px;
    left: 0;
}




/*Sidebar*/
.div__sidebar_pj {
    margin-top: 35px;
}

.container__customer {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 5%);
    border-top: 3px solid var(--red-brand);
    border-radius: 5px;
    padding: 25px 30px 5px;
}

.container__customer h3{
    text-align:center;
    color: #ff0000;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 15px
}

.container__customer .elementor-icon-box-title {
  all: unset;
  font-size: 1.8rem;
  color: #6d6d6d;
  font-weight: 600;
}

.container__customer .elementor-icon-box-description {
    font-size: 1.6rem;
    color: #2d2d2d;
}


.container__customer .icon__box_name {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    
    min-height: 68px;
}

.container__customer .icon__box_name:not(:first-child) {
    margin-top: 20px;
}

.container__customer .icon__box_name_last-child {
    border-bottom: none;
}


/*Form*/
.div_form {
    position: sticky;
    top: 85px;
    margin-top: 30px;
    text-align: center;
    padding: 20px 15px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.div_form h4 {
    font-size: 2.2rem;
    font-weight: 600;
    color: #ff0000;
    line-height: normal;
}

.div_form .list_form_sidebar {
    display: inline-block;
    text-align: left;
    margin-top: 10px;
    padding: 0;
}

.div_form .list_form_sidebar li {
    color: #0B0A0A;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.03px;
    gap: 20px;
    margin-bottom: 5px;
}

.form__contact {
    margin-top: 20px;
}

.form__contact label {
    color: #222;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 1.4rem;
}


.form__contact button{
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    position: relative;
    z-index: 1;
    transition: color .1s ease-in-out, background-color 1s ease-in-out;
    padding: 0 30px 0 30px;
    height: 54px;
    line-height: 0;
    background-color: #0160e7;
    border: none;
    border: 2px solid #0160e7 ;
    font-weight: 600;
    color: #fff;
}


.form__contact .elementor-button-icon {
    /*width: 40px;*/
    /*height: 40px;*/
    /*display: inline-flex;*/
    /*background: #fff;*/
    /*border-radius: 99px;*/
    /*justify-content: center;*/
    /*z-index: 1;*/
    /*padding: 10px;*/
    display: none;
}

.form__contact .elementor-button-icon svg path{
    fill: #0160e7 !important;
    stroke: #0160e7;
}

/*button hover*/
.form__contact button:hover {
    /*color: #0160e7 !important;*/
    z-index: 2;
    background: #0160e7;
}

.form__contact button:before {
    display: none;
    /*background: #fff;*/
    /*content: '';*/
    /*position: absolute;*/
    /*z-index: 0;*/
    /*width: 40px;*/
    /*height: 40px;*/
    /*top: 5px;*/
    /*right: 10px;*/
    /*display: block;*/
    /*border-radius: 999px;*/
    /*background-color: #fff;*/
    /*transition: .2s all ease-in-out;*/
}

/*.form__contact button:hover:before {*/
/*    width: calc(100% - 2px);*/
/*    height: calc(100% - 2px);*/
/*    padding-right: 19px;*/
/*    right: -1px;*/
/*    top: -1px;*/
/*    line-height: 50px;*/
/*    z-index: -1;*/
/*}*/

input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    color: #333;
    opacity: 1!important;
    outline: 0;
    border: 1px solid var(--color-hover-brand);
}

/*Group Option Field*/
.parent-option {
    font-weight: 600;
}

.optgroup-child {
    font-weight: 600;
    color: red;
}


/*Orther Projects*/
.order_projects {
    padding: 10px;
    margin-top: 70px;
}

/*Dot Slide*/
.swiper-pagination-bullet-active {
    background: var(--red-brand) !important;
}
 
/*Youtube*/
.youtube_project {
    margin-top: 50px;
}    
}



/* CSS cho mobile */
@media (max-width: 767px) {
.container_hero {
    margin-top: 30px;
    padding: 0 10px;
}

/*Breadcrumb*/
.rank-math-breadcrumb {
    font-size: 1.3rem;
}

.rank-math-breadcrumb a {
    color: var(--red-brand);
}

.rank-math-breadcrumb a:hover {
    color: #ee3537ab;
}

.rank-math-breadcrumb .separator {
    padding: 0 3px;
}

/*Title Projec*/
.main_projects h1 {
    margin-top: 20px;
    font-size: 2.6rem;
    font-weight: 600;
    color: var(--color-black);
    line-height: normal;
}

/*Avatar Project*/
.main_projects .avart_main_project {
    margin-top: 15px;
}

/*Description Project*/
.desc_project_ct {
    margin-top: 10px;
}

.desc_project_ct .heading__title .elementor-heading-title {
    padding-left: 13px;
    font-size: 2rem;
    font-weight: 600;
    margin: 15px 0 25px;
}

.desc_project_ct .heading__title .elementor-heading-title:before {
    content: "";
    width: 4px;
    height: 35px;
    background: var(--red-brand);
    position: absolute;
    top: 12%;
    left: 0;
}

/*items Field*/
.container_items_acf {
    margin-top: 20px;
}

.container_items_acf ul {
    display: grid;
    column-gap: 10px;
    grid-template-columns: 1fr 1fr;
    list-style-type: none;
    padding-left: 0;
    
}

.container_items_acf li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

/*.container_items_acf li img {*/
/*    margin-top: auto;*/
/*    margin-bottom: auto;*/
/*}*/

.list__flex_cs a {
    color: var(--red-brand);
    font-weight: 600;
}

.list__flex_cs a:hover {
    color: #ee3537ab;
}

/*.container_items_acf li:not(:last-child) {*/
/*    padding-bottom: 10px;*/
/*}*/

.container_items_acf li {
    padding-bottom: 10px;
}

.container_items_acf img {
    width: 18px;
    height: 18px;
    object-fit: cover;
}

.list__flex_cs p {
    margin-bottom: 0;
}

/*Review Customer*/
.review_customer {
    margin: 30px 0;
}

.review_customer h3 {
    text-align: left !important;
}

.review_customer .elementor-widget-container {
    display: flex;
    /*justify-content: center;*/
}

figure.snip1197 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 265px;
  border-radius: 0 8px 8px 0;
  color: #333;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1197 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1197 img {
  float: right;
  max-width: 30%;
  vertical-align: middle;
  border-radius: 0 8px 8px 0;
}
figure.snip1197 figcaption {
  top: 0;
  bottom: 0;
  left: 0;
  width: 70%;
  position: absolute;
  background-color: #ffffff;
  border-radius: 8px 0 0 8px;
}
figure.snip1197 blockquote {
  position: relative;
  padding: 33px 15px 15px 15px;
  font-size: 0.8em;
  font-weight: 500;
  text-align: left;
  margin: 0;
  line-height: 1.6em;
  font-style: italic;
}
figure.snip1197 blockquote:before,
figure.snip1197 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.snip1197 blockquote:before {
  top: 25px;
  left: 20px;
}
figure.snip1197 blockquote:after {
  content: "\201D";
  right: 20px;
  bottom: 0px;
}
figure.snip1197 .arrow {
  top: 30px;
  left: 100%;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #ffffff;
  margin: 0;
  position: absolute;
}
figure.snip1197 .author {
    position: absolute;
    top: 60%;
    width: 60%;
    padding: 0 15px 10px 15px;
    color: #3D3D3D;
    margin-top: 10px;
    text-transform: uppercase;
    font-style: italic;
}
figure.snip1197 .author h5 {
  opacity: 0.8;
  margin: 0;
  font-weight: 600;
}
figure.snip1197 .author h5 span {
  display: block;
  font-weight: 400;
  text-transform: none;
  margin-top: 8px;
}

/*Gallery iamge project*/
.gallery__img_project {
    margin-top: 20px;
}

.gallery__img_project h3, .review_customer h3, .order_projects h3, .youtube_project h3 {
    margin-bottom: 30px;
    padding-left: 13px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
}

.gallery__img_project h3:before, .review_customer h3:before, .order_projects h3:before, .youtube_project h3:before {
    content: "";
    width: 4px;
    height: 35px;
    background: var(--red-brand);
    position: absolute;
    top: -8px;
    left: 0;
}




/*Sidebar*/
.div__sidebar_pj {
    margin-top: 35px;
}

.container__customer {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 5%);
    border-top: 3px solid var(--red-brand);
    border-radius: 5px;
    padding: 25px 30px 5px;
}

.container__customer h3{
    text-align:center;
    color: #ff0000;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 15px
}

.container__customer .elementor-icon-box-title {
  all: unset;
  font-size: 1.8rem;
  color: #6d6d6d;
  font-weight: 600;
}

.container__customer .elementor-icon-box-description {
    font-size: 1.6rem;
    color: #2d2d2d;
}


.container__customer .icon__box_name {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    
    min-height: 68px;
}

.container__customer .icon__box_name:not(:first-child) {
    margin-top: 20px;
}

.container__customer .icon__box_name_last-child {
    border-bottom: none;
}


/*Form*/
.div_form {
    position: sticky;
    top: 85px;
    margin-top: 30px;
    text-align: center;
    padding: 20px 15px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.div_form h4 {
    font-size: 2.2rem;
    font-weight: 600;
    color: #ff0000;
    line-height: normal;
}

.div_form .list_form_sidebar {
    display: inline-block;
    text-align: left;
    margin-top: 10px;
    padding: 0;
}

.div_form .list_form_sidebar li {
    color: #0B0A0A;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.03px;
    gap: 20px;
    margin-bottom: 5px;
}

.form__contact {
    margin-top: 20px;
}

.form__contact label {
    color: #222;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 1.4rem;
}


.form__contact button{
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    position: relative;
    z-index: 1;
    transition: color .1s ease-in-out, background-color 1s ease-in-out;
    padding: 0 10px 0 30px;
    height: 54px;
    line-height: 0;
    background-color: #0160e7;
    border: none;
    border: 2px solid #0160e7 ;
    font-weight: 600;
    color: #fff;
}


.form__contact .elementor-button-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    background: #fff;
    border-radius: 99px;
    justify-content: center;
    z-index: 1;
    padding: 10px;
}

.form__contact .elementor-button-icon svg path{
    fill: #0160e7 !important;
    stroke: #0160e7;
}

/*button hover*/
.form__contact button:hover {
    color: #0160e7 !important;
    z-index: 2;
    background: #0160e7;
}

.form__contact button:before {
    background: #fff;
    content: '';
    position: absolute;
    z-index: 0;
    width: 40px;
    height: 40px;
    top: 5px;
    right: 10px;
    display: block;
    border-radius: 999px;
    background-color: #fff;
    transition: .2s all ease-in-out;
}

.form__contact button:hover:before {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    padding-right: 19px;
    right: -1px;
    top: -1px;
    line-height: 50px;
    z-index: -1;
}

input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    color: #333;
    opacity: 1!important;
    outline: 0;
    border: 1px solid var(--color-hover-brand);
}

/*Group Option Field*/
.parent-option {
    font-weight: 600;
}

.optgroup-child {
    font-weight: 600;
    color: red;
}


/*Orther Projects*/
.order_projects {
    padding: 10px;
    margin-top: 70px;
}

/*Dot Slide*/
.swiper-pagination-bullet-active {
    background: var(--red-brand) !important;
}
 
/*Youtube*/
.youtube_project {
    margin-top: 50px;
} 
 
}/* End custom CSS */