/*!
Theme Name: Tara
Theme URI: http://taraclinic.vn/
Author: http://taraclinic.vn/
Author URI: https://vck.edu.vn
Description: Bác sỹ thẩm mỹ của bạn
Version: 1.0.0
License: Tara là chủ sở hữu giao diện này!
License URI: LICENSE
Text Domain: tara
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

html {line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */}
/*function disable_intermediate_image_sizes($sizes) {
    return array();
	}
add_filter('intermediate_image_sizes_advanced', 'disable_intermediate_image_sizes');*/
/* bar con action */
.action-bar {
    position: fixed;max-height: 318px;
    bottom: 50px;
    right: 15px;
    width: 70px;
    background-color: #00a571;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 13px #cacaca;
    z-index: 9;
}
.action-bar li a{text-decoration: none;}
.action-bar .bg-zalo {
    width: 33px;
    height: 33px;
    display: block;
    background: url(./images/zalo-icon.png) no-repeat 50%;
    background-size: 100%;
    margin: 0 auto;
}
.action-bar .chat .bg-fb-messenger {
    width: 33px;
    height: 33px;
    display: block;
    background: url(./images/icon-messenger.png) no-repeat 50%;
    background-size: 100%;
    margin: 0 auto 4px;
}
.action-bar .bg_dat_lich {
    width: 33px;
    height: 33px;
    display: block;
    background: url(./images/quatang.png) no-repeat 50%;
    background-size: 100%;
    margin: 0 auto 4px;
}

.action-bar .bg_vtri {
    width: 33px;
    height: 33px;
    display: block;
    background: url(./images/vtri.png) no-repeat 50%;
    background-size: 100%;
    margin: 0 auto 4px;
}
.action-bar .call i {
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    background-color: #29c4bf;
    color: #fff;
    line-height: 33px;
    margin: 0 auto;
    border-radius: 33px;
    animation: e 2s ease infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .3s;
}
.action-bar .list-cta .text {
    display: block;
    margin-top: 3px;
    color: #191919;
    font-size: 11px;
    font-weight: 700;
}
.action-bar .list-cta {
    list-style: none;
    padding: 0;
    margin: -6px;
}
.action-bar .list-cta li {
    margin: 10px 0;list-style: none;
}
.action-bar .zalo {
    position: relative;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.wrap-content1{overflow: hidden;}
.accordion a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}
.accordion a:hover,.accordion a:hover::after {cursor: pointer;color: #ff5353;}
.accordion a:hover::after {border: 1px solid #ff5353;}
.accordion a.active {color: #ff5353;border-bottom: 1px solid #ff5353;}
.accordion a::after {
  font-family: 'Ionicons';
  content: '\f218';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;
  color: #7288a2;
  padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #7288a2;
  text-align: center;
}
.accordion a.active::after {font-family: 'Ionicons';content: '\f209';color: #ff5353;border: 1px solid #ff5353;}
.accordion .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}
.accordion .content p {font-size: 1rem;font-weight: 300;}
.accordion .content.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}

body,button,input,select,optgroup,textarea {color: #404040;font-family: 'Tahoma', sans-serif;font-size: 17px;line-height: 28px;}
h1, h2, h3, h4, h5, h6 {clear: both;line-height: 32px;}
p {margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: 'Tahoma', sans-serif;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code, kbd, tt, var {font-family: 'Tahoma', sans-serif;font-size: 15px;font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
mark, ins {background: #fff9c0;text-decoration: none;}
big {font-size: 125%;}
.aligncenter{text-align: center;}  
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
body {	background: #fff;    margin: 0;}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul, ol {margin: 0 0 1.5em 0em;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto;max-width: 100%;}
figure {margin: 1em 0;}
table {	margin: 0 0 1.5em;width: 100%;}
#primary{margin-top: 2em;}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,input[type="button"],input[type="reset"],input[type="submit"] {border: 1px solid;border-color: #ccc #ccc #bbb;border-radius: 3px;background: #e6e6e6;color: rgba(0, 0, 0, 0.8);font-size: 12px;font-size: 0.75rem;line-height: 1;padding: .6em 1em .4em;}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}
button:active, button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],
input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {color: #666;border: 1px solid #ccc;border-radius: 3px;padding: 3px;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {color: #111;margin-left: 10px;}
select {border: 1px solid #ccc;}
textarea {width: 100%;}
/*--------------------------------------------------------------
# Header Top
--------------------------------------------------------------*/
#hd-top{background: none;width:90%;float:left;}
#menu-top{width: 96%; float: left;}
#menu-top ul{margin: 0;padding: 0;}
#menu-top ul li{float: left;padding: 5px 0;list-style: none;margin: 0;}
#menu-top ul li a{text-decoration: none;color: #fff;padding: 0 10px !important;border-right: 1px solid #fff;font-size: 12px;}
#menu-top ul li a:hover{color:#e70f76 ;}
#menu-top ul li:last-child a {border-right: none;}
#mega-menu-wrap-menu-top{clear: none;}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
a {color: #000;}
a:visited {color: #000;}
a:hover, a:focus, a:active {color: #000;}
a:focus {outline: none;}
a:hover, a:active {outline: 0;}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {clear: both;display: block;float: left;width: 100%;background: #fff;}
.main-navigation ul {list-style: none;margin: 0;padding-left: 0;}
.main-navigation ul li:hover > ul{display: block;width: 220px;}
.main-navigation ul li ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);position: absolute;z-index: 99999;display: none;width:  200px;top: 40px}
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {left: 100%;}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul {left: auto;}
.main-navigation ul li ul li{float: left;width: 100%;}
.main-navigation li {float: left;}
.main-navigation a {display: block;	text-decoration: none;color: #e70e76;}
.nav-menu .current-menu-item a { color: #000;font-weight: bold;}
.menu-main-menu-container .nav-menu li a:hover, .menu-main-menu-container #nav-fixed li a:hover{ color: #f00;}


/*=========================================================
  NAVIGATION
===========================================================*/
 #nav{overflow: hidden;height: 78px;}
 #nav:after {content: "";position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(33, 38, 49, 0.5);z-index: 90;opacity: 0;visibility: hidden;-webkit-transition: 0.2s all;transition: 0.2s all;}
 #nav.shadow-active:after {opacity: 1;visibility: visible;}
.fixNav {width: 100%;height: 53px;display: block;position: fixed;top: 0;left: 0;z-index: 100000;}
 #nav-fixed {background: #0cbab4;left: 0;right: 0;position: fixed;z-index: 999999;height: 96px;margin-bottom: 1em;}
.main-navigation ul li ul{width: 254px;background: #118bd9;}
.main-navigation ul li ul li{border-bottom: 1px dotted #ccc;}
.main-navigation ul li ul li a{background: none;color: #000;}
.main-navigation ul li ul li a:hover{color: #f00;}
 #nav-fixed.slide-down {-webkit-animation: slide-down 0.3s;animation: slide-down 0.3s;z-index: 9;box-shadow: 0px 1px 3px 0px #d2cdcd;}
 #nav-fixed.slide-up {top: 0;-webkit-animation: slide-up 0.3s;animation: slide-up 0.3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
 @-webkit-keyframes slide-down {
     from {-webkit-transform:translateY(-100%);transform:translateY(-100%);}
     to {-webkit-transform:translateY(0%);transform:translateY(0%);}
}
 @keyframes slide-down {
     from {-webkit-transform:translateY(-100%);transform:translateY(-100%);}
     to {-webkit-transform:translateY(0%);transform:translateY(0%);}
}
 @-webkit-keyframes slide-up {
     from {-webkit-transform:translateY(0%);transform:translateY(0%);}
     to {-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}
 @keyframes slide-up {
     from {-webkit-transform:translateY(0%);transform:translateY(0%);}
     to {-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}
 #nav .container {position: relative;}

/*----------------------------*\
  menu
\*----------------------------*/
 .nav-menu {margin-left: 20px;}
 .nav-menu li a {position: relative;text-transform: capitalize;transition: 0.2s color;}
 .nav-menu li:first-child a {}
 .nav-menu li a:after {content: '';position: absolute;left: 0;right: 0;bottom: 0px;width: 100%;height: 4px;-webkit-transition: 0.2s width;transition: 0.2s width;}
 
/*----------------------------*\
  search
\*----------------------------*/
.nav-btns {float:right;margin-top: 24px;}
.nav-btns button{padding: 5px 5px 6px 20px;font-size: 1em;color:#12bcb5;}
.nav-btns > button {
     border: none;
     line-height: 20px;
     background: transparent;
}
 .nav-btns .search-form {
     position: absolute;z-index: 99;
     height: 39px;
     right: 0;
     bottom: 0px;
     padding: 0px 15px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.3s all;
     transition: 0.3s all;
}
 .nav-btns .search-form.active {
     opacity: 1;
     visibility: visible;
}
 .nav-btns .search-form .search-input {
         height: 37px;
    margin: 0;
    padding: 5px;
    width: 100%;
    border: 1px solid #dedede;
    background: #FFF;
    font-weight: 600;
}

 .nav-btns .search-form .search-close {
     position: absolute;
     top: 50%;
     right: 15px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     border: none;
     background: transparent;
     line-height: 20px;
     color: #212631;
     font-size: 22px;
     padding: 0;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 35px;color: #fff;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-times{color: #0cbab4;}
/*----------------------------*\
  nav aside
\*----------------------------*/
 #nav-aside {
     position: fixed;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: #fff;
     max-width: 250px;
     width: 100%;
     padding: 50px 5px;
     overflow-y: scroll;
     z-index: 999999;
     -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     transform: translateX(100%);
     -webkit-transition: 0.3s all;
     transition: 0.3s all;
}
#nav-aside ul{margin: 0;padding: 0;}
#nav-aside ul li{margin: 0;padding: 9px 0;list-style: none;border-bottom: 1px solid #ddd;}
#nav-aside ul li a{color: #000;text-transform: capitalize;padding: 0 0 0 5px;text-decoration: none;}
#nav-aside ul li a:hover{color: #118bd9;}
#nav-aside.active {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
 .nav-aside-menu li a {font-family: 'Tahoma', sans-serif;font-weight:700;font-size:23px;}
 .nav-aside-social li {display: inline-block;}
 .nav-aside-social li > a {display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: #212631;
     color: #FFF;border-radius: 2px;margin-right: 5px;-webkit-transition: 0.2s opacity;transition: 0.2s opacity;}
 .nav-aside-social li > a:hover, .nav-aside-social li > a:focus {opacity: 0.9;}
 .nav-aside-close {position: absolute;top: 0px;right: 0px;height: 50px;width: 50px;line-height: 50px;text-align: center;
     background-color: transparent;color: #ff0000;border: none;font-size: 28px;border-radius: 50%;padding: 0;}
/* tong the */
.wrap-content{margin: 0 auto; width: 100%; max-width: 1120px;}
/*slide */
.motasl{background: #e70e76;}
.textsl {text-align: center;padding: 3px;color: #fff;}
#text1{padding-top: 18px; font-size: 22px;}
#text2{padding-bottom: 18px; font-size: 18px;}
/*header */
#hd-bn{overflow: hidden;}
.site-branding{width: 25%;float: left;}
#hd-lg img{padding: 8px 0 0 8px;}

#dv-hd{width: 58%; float: left;}
#dv-hd ul{margin: 0;padding: 0;overflow: hidden;margin-top: 2.4em;float: right;}
#dv-hd ul li{float: left;list-style: none;width: 48%;overflow: hidden;margin-left: 0.5em;font-size: 15px;}
#dv-hd ul li a{color: #ffa500;}
#dv-hd ul li img{width: 10%;margin-right: 18px;margin: 3px  0 0 18px;}
#dv-hd ul li .ct-dv{width: 80%;float: left;}
#dv-hd ul li .title-sp{font-weight: bold;color: #000;}
#dv-hd ul li  p{margin: 0;font-size: 14px;font-weight: normal;}
#dv-hd ul #dc{width: 60%;}
#dv-hd ul #dc p{color: #f00;}
#dv-hd ul #dtt{width: 37%;;}
#dv-hd ul #dtt p{color: #f00;font-weight: bold;font-size: 16px}
/*header Bottom */
#header-bottom{overflow: hidden; margin: 1em 0;width: 100%;float: left;}

#slide-hd{width:100%;}
/*breadcrumb */
#breadcrumb1{ padding: 12px 5px;background: #ccc;font-size: 13px;}
#breadcrumb1 a{text-decoration: none;}
#breadcrumb1 a:hover{color: #0081b7;}

/*home*/
/* home gioi thieu */
#gt-cty{overflow: hidden;}
#gtd-content{width: 69%; float: left;}
#gtd-content p{margin: 1em;}
#f-gioithieu{width: 29%; float:right;}
#f-gioithieu p{margin-top: -10px;margin-bottom: 12px;}
#f-gioithieu .required{width: 100%;padding: 8px;margin: 5px 0;}
.entry-title{font-size: 28px;font-weight: 500;text-transform: uppercase;margin: 2em 0 1em 0;padding: 0;}
.entry-title a{color: #000;text-decoration: none;}
#noi-dung-gt img{
    width: 42%;
    float: left;
    margin-right: 20px;}
#noi-dung-gt #gt-content{width: 55%;
    float: left;
    text-align: justify;
    font-size: 14px;}
#f-gioithieu .submit-1{    padding: 10px;
    font-size: 14px;
    background: #37b957;
    color: #fff;
    text-transform: uppercase;}
.reamore {float:right;}
.reamore a{font-weight: bold; color:#37b957;}



#ftpr-home{width: 100%; overflow: hidden;margin: 0 auto;}
#ftpr-home h3,.page-title{color: #0cbab4;padding: 15px 0 0;
       font-size: 1.2em;
    font-weight: 600;}
.content-s ul li h2,#ftpr-home h3 span,.page-title span{border-bottom: 3px solid  #118bd9;
    padding-bottom: 14px;}
.content-s ul,#ftpr-home ul{margin:2em 0;padding: 0;width:100%;overflow: hidden;}
.content-s ul li, #ftpr-home ul li{width: 22%; float: left;list-style:none;margin:10px;overflow: hidden;}
.content-s ul li a,#ftpr-home ul li a{text-decoration: none;color: #000;font-weight: 500;}
#container ul li img,#ftpr-home ul li img{ float:left;margin-right: 10px;width: 30%;}
.content-s ul li img{ float:left;margin-right: 10px;width: 26%;}
.content-s ul li button img, #ftpr-home ul li button img{width: 16px;}
#ftpr-home ul li .title-sp{}
.het_hang{color: #c0c0c0;font-weight: bold;font-style: italic;font-size: 13px;}
    
/* home dich vu */
#dvu{margin: 2em 0;overflow: hidden;}
.dich-vu-home{width: 100%;}
.dich-vu-home ul{margin: 0;padding: 0;overflow: hidden;text-align: center;}
.dich-vu-home ul li{list-style: none;overflow: hidden;height:auto;width:  46%;float: left;margin: 20px;min-height: 229px;}
.dich-vu-home ul li img{/*width:12% ;float: leftmargin-right: 12px;*/;overflow: hidden;}
.dich-vu-home ul li .dv-nd{float: left;width: 100%;background: #e70f76;margin-top: -7px;}
.dich-vu-home ul li h3{   text-transform: none;font-size: 14px;
    margin: 10px 0;
    padding: 0;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;}
.dich-vu-home ul li h3 a{text-decoration: none;color: #fff;}
.dich-vu-home ul li h3 a:hover{color: #283372;}
.dich-vu-home ul li p{margin-top: 10px;padding-bottom: 5px;margin-bottom: 0;}
.reamoredv{margin: 8px auto;
    background: #39b74c;
    padding: 10px 14px;
    width: 133px;}
.reamoredv a{color: #fff;font-weight: bold;}
/* t?i sao chon */
#taisao-chon{background: #283372 url(./images/bg-taisao.png) no-repeat bottom center;text-align: center; padding: 2em 0;}
#taisao-chon .taisao{color: #fff;padding: 2em 0 1em 0;}
#taisao-chon span{border-bottom: 3px #fff solid;padding-bottom: 10px; line-height: 60px;}
#taisao-chon ul{margin: 2em 0;padding: 0; overflow: hidden;}
#taisao-chon ul li{list-style: none; float: left;width: 33.33%; padding: 0 10px;}
#taisao-chon .title-ft {color: #fff;}


/* tin t?c */
#tin_tuc .tt-moi1{margin: 2em 0;}
#tin_tuc span{border-bottom: 3px solid #0081b7;padding-bottom: 5px;}
#tin_tuc ul{margin: 2em 0 0 0;padding: 0; overflow: hidden;text-align: center;}
#tin_tuc ul li{list-style: none; float: left;width: 33.33%; padding: 10px;text-align: center;border: 1px solid #dedede;
    margin: 8px;
}
#tin_tuc ul li .tt-tinmoi{    max-height: 34px; min-height: 34px;}
#tin_tuc ul a{text-decoration: none; font-weight: bold;color: #283372;}

/* dang ky index*/
.w50{width: 50%; float: left;padding: 20px ;}
#hinh{padding: 20px 48px 30px 30px ;}
#f-dky{background: #e70e76;border-radius: 8px;}
#f-dky input, #f-dky textarea, #f-dky .wpcf7-submit {padding: 5px; margin: 8px 0;
    width: 100%;
}
#f-dky .wpcf7-submit {    padding: 15px;
    color: #fff;
    background: #283372;}
.tt-form{font-size: 2em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 8px 0;}
#f-dky p{color: #fff;}
/* Khach Hang*/
#khach-hang hr{margin-top: -38px;}
.tt-home, #hdong .tt-home,#khach-hang .tt-home, #dich-vu .tt-home, #phuc-vu .tt-home{color: #0cbab4;font-size: 24px;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;text-align: center;width: 100%;}
#khach-hang span{background: #fff;padding: 5px 10px ;}
#khach-hang ul{padding:0;margin: 0;overflow: hidden;}
#khach-hang li {list-style: none;padding: 10px;width: 17%;float:left;padding-bottom: 20px;text-align: center;}
#khach-hang li p{text-align: justify;}
#khach-hang li img{border-radius: 102px; width: 70%; text-align: center;box-shadow: 1px 2px 4px grey;
    border: 1px solid #fffcfc;}
#khach-hang li .tt img{border-radius: 5px;}
#khach-hang ul li h3{text-align: center;}
#khach-hang ul li a{text-decoration: none;font-weight: 600;text-transform: uppercase;color: #000;font-size: 14px;padding: 5px 15px;}
/* tien ích cong ty */
#tien_ich_cty{background: #283372 url(./images/bg_ti.jpg) no-repeat center;padding: 3em 0;}
#tien_ich_cty .ti-cty{width: 47%;float: left;margin: 8px 15px;overflow: hidden;}
.title-ti{color: #fff;font-size: 20px;font-weight: bold;text-align: center;}
#tien_ich_cty p{color: #fff; text-align: justify;}

/* home phuc vu */
#pvu{margin: 2em 0;overflow: hidden;}
.phuc-vu-home{width: 100%;}
.phuc-vu-home .tt-home{color: #283372;}
.phuc-vu-home ul{margin: 0;padding: 0;overflow: hidden;}
.phuc-vu-home ul li{list-style: none;overflow: hidden;height:auto;padding:5px;border: 1px solid #ddd;width:  48%;float: left;margin: 5px;min-height: 229px;}
.phuc-vu-home ul li img{/*width:12% ;float: leftmargin-right: 12px;*/;overflow: hidden;}
.phuc-vu-home ul li .dv-nd{float: left;width: 86%;}
.phuc-vu-home ul li h3{   text-transform: none;
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;}
.phuc-vu-home ul li h3 a{text-decoration: none;}
.phuc-vu-home ul li h3 a:hover{color: #f00;}
.phuc-vu-home ul li p{margin-top: 10px;padding-bottom: 5px;margin-bottom: 0;}
.reamoredv{margin: 8px auto;
    background: #39b74c;
    padding: 10px 14px;
    width: 133px;}
.reamoredv a{color: #fff;font-weight: bold;}

/* chat luong*/
#cl{margin: 2em 0;overflow: hidden;}
.cl-bn{float: left;
    width: 40%;
    margin-right: 2em;}
.cl-home{width: 100%;}
.cl-home .tt-home{color: #283372;    text-align: center;
    font-size: 20px;
    font-weight: bold;}
.cl-home ul{margin: 0;padding: 0;overflow: hidden;}
.cl-home ul li{list-style: none;overflow: hidden;height:auto;padding:5px;width:  100%;float: left;margin: 10px 5px;background: #0470bd;border-radius: 10px;}
.cl-home ul li:hover{background: #ccc;}
.cl-home ul li img{width:8% ;float: left;margin-right: 12px;overflow: hidden;}
.cl-home ul li .dv-nd{float: left;width: 86%;}
.cl-home ul li h3{   text-transform: none;
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
    font-weight: bold;
    line-height: 1.5;}
.cl-home ul li h3 a{text-decoration: none;color: #fff;}
.cl-home ul li p{margin-top: 10px;padding-bottom: 5px;margin-bottom: 0;}
.reamoredv{margin: 8px auto;
    background: #39b74c;
    padding: 10px 14px;
    width: 133px;}
.reamoredv a{color: #fff;font-weight: bold;}

/* khach hang than thiet */
#home-khtt{background: #283372 url(./images/bg_ti.jpg) no-repeat center;padding: 3em 0;}
#gtkh-content{float:left; width: 58%;}
#ttkh-gt img {width: 40%;float: left;margin-right: 20px;}
#gtkh-content p{color: #fff;text-align: justify;}
#gtkh-content .title-kh a {color: #fff;text-transform: uppercase;text-decoration: none;}
#gtkh-content .reamore a{color: #fff;}


/* home hoat dong */
#hdong{margin: 2em 0;overflow: hidden;}
.hoat-dong-home{width: 100%;}
.hoat-dong-home .tt-home{color: #283372;}
.hoat-dong-home ul{margin: 0;padding: 0;overflow: hidden;}
.hoat-dong-home ul li{list-style: none;overflow: hidden;    height: 229px;width:  31%;float: left;margin: 12px;margin-bottom: 0;padding-bottom: 0;}
.hoat-dong-home ul li img{/*width:12% ;float: leftmargin-right: 12px;*/;overflow: hidden;}
.hoat-dong-home ul li .dv-nd{float: left;}
.hoat-dong-home ul li h3{   text-transform: none;
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;}
.hoat-dong-home ul li p iframe{width: 100%; height:213px;}
.reamoredv{margin: 8px auto;
    background: #283372;
    padding: 10px 14px;
    width: 133px;}
.reamoredv a{color: #fff;font-weight: bold;}
/*footer*/
.btoom{width: 50%;float: left;}
#bt-left{margin-right: 2em;}
.btoom {
    width: 48%;
    float: left;
    border: 1px solid #ddd;
}
.btoom ul {margin: 0;padding: 0;}
.btoom ul li{list-style: none;}
.ct-bt{padding: 1em;}
.tt-bt {background: #118bd9;
    width: 100%;
    padding: 10px;
    color: #fff;margin: 0 0 1.5em 0;
    font-size: 16px;
    font-weight: bold;}
#ft-content{padding: 20px 0 0 ;}

#cp{    background: #0cbab4;
    border-top: 1px solid #2f9de4;
    padding: 10px;
    text-align: center;
    color: #666;}
.ft-tr{ width:  23%; float: left; margin-right: 2%;}
#ft-phai{width: 75%; float: right; overflow: hidden;}
.ft-c{float: left;width: 100%; padding-left: 40px;}
.ft-dcct {width: 60%;float: left;padding-left: 40px; }
.ft-dcct li.icodt{background: url(./images/icon-call.png) no-repeat center left;padding-left: 25px;}
.ft-dcct li.icoemail{background: url(./images/icon-call.png) no-repeat center left;padding-left: 25px;}
.ft-dcct li.icodiachi{background: url(./images/icon-map.png) no-repeat center left;padding-left: 25px;}
.ft-lk {width: 40%;float: right;padding-left: 40px; }
.ft-c ul{margin: 0;padding: 15px 0 0;}
.ft-c ul li{color: #fff; list-style: none;margin: 0;padding: 5px 0;}
.ftct ul {margin: 8px 0;padding: 0;}
.ftct ul li{margin: 6px 0;padding: 0;color: #fff;list-style: none;}
.ftct p, .ftct ul li a{color: #fff;text-decoration: none;}
.ftct ul li a:hover{color: #f00;}

#ft-lh1, #ft-bg, #ft-cnit, #ft-gt{width: 100%;}
.tt-ft{font-weight: bold;font-size: 18px;text-transform: uppercase;color: #fff;padding: 10px 0;border-bottom: 1px dotted #fff;}

/* side bar*/
#nav_menu-2 .widget-title{color: #fff; background: #0dbbb4;font-size: 16px;padding: 10px 8px;margin: -1px;
    border-radius: 10px 10px 0 0;}
#nav_menu-2{border-radius: 10px; border: 1px solid #0dbbb4;}
#secondary #nav_menu-2 ul{padding: 8px;}
#secondary #nav_menu-2 ul li a{color: #0dbbb4;}
#secondary{width: 20%;margin-top: 1em;padding: 8px 0px;float: right;}
#secondary .tt-moi1{font-weight: bold;font-size: 18px;text-transform: uppercase;}
#secondary .page-title1{padding-bottom: 6px;
    background: #118bd9;
    color: #fff;
    padding: 7px 8px;
    font-size: 18px;
    margin-bottom: 1em;}
#secondary ul {margin: 0;padding: 0;}
#secondary ul li{margin: 0;padding: 10px 0;list-style: none;width: 100%;overflow: hidden;border-bottom: 1px dotted #ccc;}
#secondary ul li:last-child{border-bottom: none;}
#secondary ul li .hinhsb{width: 18%;height: auto; float: left;margin-right: 3%;} 
#secondary ul li .hinhsb img{margin-bottom: 0;padding-bottom: 0;}
#secondary ul li .tt-tinmoi{width: 78%; float: right}
#secondary ul li a{text-decoration: none;}

#ho_tro{margin: 0 0 2em 0;background: #eee;width: 100%;border-radius: 15px;border: 1px solid #ccc;}
#ho_tro img{    border-radius: 15px 15px 0 0;}
#ho_tro ul li{list-style: none;padding: 5px 10px;border: none;border-bottom: 1px dotted #cecdcd;}
#ho_tro ul .hotline{color:#f00;}
#ho_tro #cty{font-weight: 600; text-align: center;font-size: 18px;padding: 5px;border-bottom: 1px solid #cecdcd;color: #118bd9;}
#goi{margin: 0 auto;margin: 0 auto;width: 115px;padding: 10px;background: #f00;border-radius: 5px;}
#goi a{color: #fff; font-weight: bold; font-size: 14px;text-decoration: none;}
.hotline{font-size: 19px;color:#f00; text-align: center;color: #fff;font-weight: bold;}

/*hotline ft*/
#hl-ft{position: fixed;bottom: 3%;left: 3%;width: 158px;height: 38px;background: #f00;padding: 8px;border-radius: 17px;z-index: 999;}
#hl-ft a{color:  #fff;font-weight: bold;text-decoration: none;font-size: 13px; }

/* single*/
.entry-header .i-title{    margin: 1em 0;color: #0dbbb4;
    font-size: 18px;
    text-transform: uppercase;}

.site-main{
        width: 77%;
    float: left;
    text-align: justify;
}
.site-main h1 {margin-top: 0;}
.site-main ul, .site-main ol{margin: 0;padding: 0;}
.site-main .entry-meta{    padding: 8px 10px;
    background: #ecebeb;
    margin: 2em 0;
    color: #21a6de;}
.site-main .entry-meta a{color: #ffa500;}
.entry-content {margin-top: 0em;}

.ct-single ol li,.ct-single ul li{ list-style: circle;padding: 9px;}
.ct-single ol li a ,.ct-single ul li a{text-decoration: none; color: #f00; font-weight: bold;}
.ct-single ol li a:hover ,.ct-single ul li a:hover{color: #283372;}
/*bai viet lien quan*/
.navigation{overflow: hidden;width: 100%;margin-bottom: 2em;}
.nav-link{border-top: 1px solid #c0c0c0;padding: 17px 0;}
.nav-previous{width: 48%;float: left;text-transform: none;}
.nav-next{width: 48%;float: right;text-align: right;text-transform: none;}
.nav-next a,.nav-previous a{text-decoration: none; color: #000;}
.tt-lien-quan{font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase;padding: 10px 0;border-bottom: 2px solid #ccc;margin: 1em 0;background: #0cbab4;
    color: #fff;
    padding: 10px;}
.lq-news{margin: 0; padding: 0; }
.lq-news li{list-style: none;border: 1px solid #ccc;overflow: hidden;margin: 10px 12px;width: 22%;float: left;}
.lq-news li .new-img {width: 100%; float: left;}
.lq-news li .ct-lq h4{margin: 0;padding: 5px;min-height: 60px;max-height: 60px;}
.lq-news li .ct-lq h4 a{text-decoration: none !important; text-transform: none;color: #0489bb;font-size: 14px;font-weight: normal;}
.lq-news li .ct-lq{float: left;width: 100%;}
.lq-news li .ct-lq p{padding: 8px; margin: 0;font-size: 14px;max-height: 110px;min-height: 110px;}
.hl-tk{position: fixed;bottom: 20px;width: 55px;left: 5%;}

/*archive */
.main-left article{width: 48%;
    margin: 8px;
    float: left;
    padding: 8px;
    overflow: hidden;
    min-height: 170px;
    border: 1px solid #ddd;}
.entry-meta {background: #ccc;
    padding: 5px;}
.entry-meta a{color: #000;}

.c-title{text-transform: none;margin: 7px 0;
    font-size: 14px;max-height: 28px;min-height: 28px;
    font-weight: 500;}
.c-title a{color: #12bcb5;font-weight:bold;text-decoration: none;}
.c-title a:hover{color: #283372;}
.entry-content{overflow: hidden;}
.entry-content .ct-archive img{    float: left;
    width: 30%;
    margin: 0 2em 0 0;}
/* footer */
.phan-trang {    text-align: center;
    margin-bottom: 2em;}
.page-numbers{
    padding: 8px;
    border: 1px solid #283372;
    border-radius: 5px;
    background: #21a6de;
    
}
.phan-trang a,.page-numbers, .phan-trang a:visited{color: #fff;text-decoration: none;}
.phan-trang .current {background: #3fd0f9;}
/*lien he*/
#ttcty-plh{width: 48%;float: left;height: fit-content;margin: 2em 0;}  
#f-lhp input{ margin: 5px 0;padding: 8px;}
#f-lhp submit{font-size: 18px; font-weight: bold;}
#f-lhp{margin: 2em 0;float: right;width:50%;border-left:1px solid #ccc ;padding: 5px 15px;}
#f-lhp input{width: 100%;}
#f-lhp input.wpcf7-submit {    width: 100px;color: #fff;font-weight: bold;padding: 10px 15px;
    font-size: 16px;
    background: #37b957;
    border: 1px solid #057922;}

 /*landing page demo */
 .me-fix{overflow: hidden;    padding: 2em 5px !important;}
 .tara-ul1{padding: 0;}
 .tara-ul1 li{float: left;width: 30.2%; padding: 0;list-style: none;margin: 5px 1em;text-align: center;min-height: 340px;
 }
 .tara-ul1 li p{text-align: justify;}

 .video-kh{width:45%;float: left;margin: 10px 15px;border: 5px solid #0cbab4; border-radius: 10px; }
.dv_noibac{background: url(./images/bg-dv.jpg) no-repeat left center;}
.tt-dvnb{text-align: center; #color: #37b957;}
.dv_noibac .nb-left {width: 35%;float: left;}
.dv_noibac .nb-left img{margin-top: 50%;}
.dv_noibac ul{width:  65%; float: left;}
.dv_noibac ul li{width: 30%; padding: 2em;list-style: none; margin: 0; float: left;position: relative;}
.dv_noibac ul li img{border-radius: 20%;border: 1px solid #5ff0e0;}
.dv_noibac ul li .nddb{text-align: center;bottom: -5px;padding: 2px 25px;border: 1px solid #0dbbb4;
    left: 16%;background: #0dbbb4;position: absolute;}
    .dv_noibac ul li .nddb a{color: #fff; text-decoration: none;}
    .dv_noibac ul li .nddb a:hover{color: #222; }

/*--------------------------------------------------------------
# mobile######
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle,.main-navigation.toggled ul {display: block;}
.main-navigation.toggled ul ul{display: none;width: 254px;}
@media screen and (min-width: 800px) {
     .menu-toggle {display: none;}
	 .main-navigation ul {display: block;}
     
}

/**********************
************ landung page bcsy ***********/
#bc-sy h2{ text-align: center; color: #0cbab4;}
#bc-sy #image-bsy{width: 40%; float: left;}
#bc-sy #nd-bsy{width: 60%; float: right;}

/* tai sao */
#visaochontr #vs-trai, #visaochontr #vs-phai{width: 35%; float: left;}
#visaochontr #vs-giua {width: 30%; float: left;}
#visaochontr ul{padding: 0;}
#visaochontr ul li{list-style: none;max-height: 102px; min-height: 103px;}
#visaochontr ul li h4{color: #0cbab4; margin: 0;}
#visaochontr ul li p{margin: 5px 0;}
#visaochontr ul li#vs1, #visaochontr ul li#vs2, #visaochontr ul li#vs3{text-align: right;padding-right: 70px; }
#visaochontr ul li#vs4, #visaochontr ul li#vs6, #visaochontr ul li#vs5{text-align: left;padding-left: 70px;}
#visaochontr ul li#vs1 {background: url(./images/vs1.png) no-repeat right center;}
#visaochontr ul li#vs2 {background: url(./images/vs2.png) no-repeat right center;}
#visaochontr ul li#vs3 {background: url(./images/vs3.png) no-repeat right center;}
#visaochontr ul li#vs4 {background: url(./images/vs4.png) no-repeat left center;}
#visaochontr ul li#vs5 {background: url(./images/vs5.png) no-repeat left center;}
#visaochontr ul li#vs6 {background: url(./images/vs6.png) no-repeat left center;}
/* dang ky */
#dky-f {overflow: hidden;    width: 100%;}
#dky-f img{width: 40%; float: left;}
#dky-f #fdk{float: right;width: 40%;}
#dky-f #fdk p{float: left; margin-left: 10px;}
#dky-f #fdk p input{width: 90%;border: 1px solid #0cbab4}
.ndung1 textarea{height: 100px; width: 94.5%;border: 1px solid #0cbab4}
.ndung1 input{background:#0cbab4; color: #fff; border: 1px solid #0cbab4;font-size: 1em;text-transform: uppercase;padding: 10px 20px;}
.tt-dk{margin: 20px 0 12px;font-size: 1.5em;font-weight: 600;text-align: center;}
.mtf{text-align: center;}
/**********************
************ PLUGIN ***********/
#nd-gthieu{
    width: 52%;
    float: left;
}
#link-hinh{
    width: 42%;
    float: right;
    padding: 2em 0 2em 2em;
}
.reamore{
    background: #283372;
    color: #fff !important;
    padding: 8px;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #fff;
}


.title-ft{
    color: #283372;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}


.vck-ul{
    margin: 0;padding: 0;
}
.vck-ul li{padding: 10px; width:  25%;float: left;list-style: none;text-align: center;}
.vck-ul li p{text-align: justify;}
/* ban muốn */
#ban_muon-gthieu{width: 85%;color:#fff;float: left;}
#ban_muon-gthieu .entry-title{ font-size: 20px;}
.reamore1{width: 10%;float: right;margin-top: 3em;}

/* tin tuc landign page */
.tt-ldp{background: #dedede;padding: 3em 0;}
.tt-ldp ul{margin: 0;padding: 0;text-align: center;}
.tt-ldp ul li{    background: #fff;list-style: none;float: left;width: 48%;border: 1px solid #b5afaf;margin: 10px;border-bottom: 3px solid #0cbab4;border-radius: 3px;}
.tt-ldp ul li .hinhsb{width: 25%; float: left;}
.tt-ldp ul li .mta{    width: 72%;
    float: right;
    text-align: justify;
    padding: 8px 8px 0 8px;}
.tt-ldp ul li .mta p{padding: 10px 0 0 0;margin: 0;}
.tt-ldp ul li .mta a{text-decoration: none;
    font-weight: bold;}
@media all and (min-width:320px){
    body{}
    /*header */
    .site-branding {width: 34%;
    padding: 12px 0;
    position: absolute;
    top: -8px;
    right: 33%;}
    #menu-top { width: 83%;    display: none;}
    #dv-hd {display: none;}
    #hd-top {width: 73%;}
    .wrap-content{padding: 0 5px;}
    /*menu */
    .main-navigation{width:100%;}
    .menu-toggle{background:#ddd;color:#000;font-size:16px;height:35px;text-transform:uppercase;border:none;padding:5px 15px;float:left;border: 1px solid #6d6d6d;}
    .menu-toggle img{width:110px;float:right;height:auto;}
    .site-branding #logo img{}
    .main-navigation ul{overflow:hidden;width:100%;display: none;}
    .main-navigation ul li{width:100%;margin: 7px 0px;}
    .menu1 ul{display: block;}
    .menu-toggle{font-size: 15px;}
    #nav-fixed{height: 75px;}
    #nav-fixed ul{margin-top: 8px;}
    #nav button {background: none;font-size: 1em;border: none;float: right;margin-top: 5px;}
    .nav-btns {margin-top: 0px;position: absolute;
    right: 10px;
    top: 12px;}
    .nav-btns .search-form{top : 10px;    width: 250px;}
    #nav button.search-close{margin-top: 0px ;}
    /*bottom header */
    #menu-hd{display: none;}
    #slide{ }
    #slide-hd {width: 100%; }
    #khuyen-mai  {display:none;}
    /*home*/
    .menu1{width: 210px !important;}
    .menu1 #dv-hd{display: block;width: 100%;}
    .menu1 #dv-hd li{width: 100%;}
    .mega-toggle-blocks-right, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
    height: 67px;
    width: 22px;
    position: absolute;
    right: 18px;
    top: 3px;
}
    #mega-menu-wrap-menu-1 .mega-menu-toggle{height: auto;    position: absolute;
        left: 15px;
    width: 50px;}
    .mega-menu-open .mega-toggle-block-0 .mega-toggle-animated{height: 45px !important;
        top: 0; left: 129px;
        position: absolute;
        padding: 10px 5px !important; background: #0cbab4 !important;}

    #visaochontr #vs-trai, #visaochontr #vs-phai{width: 100%;}
    #visaochontr #vs-giua {width: 100%;}
    #visaochontr ul li{max-height: none;}

    #dky-f img{width: 100%;}
    #dky-f #fdk {width: 100%;}
    .ndung1 textarea {width: 96.5%;}

    #bc-sy #image-bsy {width: 100%;}
    #bc-sy #nd-bsy { width: 100%;}
    /* home gioi thieu */
    #gtd-content {width: 100%;}
    #noi-dung-gt img{width: 100%;}
    #noi-dung-gt #gt-content{width: 100%;}
    #f-gioithieu{width: 100%;}
    /* home dich vu */
    .dich-vu-home ul li{width: 97%;}
    /* tin tuc dich vu */
    #tin_tuc ul li{width: 100%; }
    /* form dang ky */
    #hinh{display: none;}
    #f-dky{width: 100%;}
    /* Khach Hang*/
    #khach-hang li {width: 100%;}
    /* tien ích cong ty */
    #tien_ich_cty .ti-cty{width: 91%;}
    /* home phuc vu */
    .phuc-vu-home ul li{width: 97%;}
    /* chat luong*/
    .cl-bn{width: 100%;}
    .cl-home ul{width: 100%;}
    /* khach hang than thiet */
    #ttkh-gt img{width: 100%;}
    #gtkh-content{width: 100%;}
    /* home hoat dong */
    .hoat-dong-home ul li{width: 93%;}
   /*footer*/
   .ftct{}
   #footer-top ul.menu-bt {width: 49%;padding: 0 10px;}
   #footer-coppyright {padding: 0 10px;}
   #fan-page { width: 49%;}
   .ft-lk{display: none;}
   .ft-dcct{width:  100%;}
   .ft-tr {width: 97%;    padding:0 5px;text-align: center;}
   #ft-phai {width: 100%;}
   .ft-dcct {padding-left: 10px;}
   .ft-c{padding-left: 10px;}
   /* sitemain*/
   .site-main{width: 100%;}
   /*tin lien quan */
   .lq-news li{width: 97%;}
   /*secondary */
   #secondary{width: 100%;  }
   /*archive*/
   .main-left article{width: 95%;}
   /* widget */
   .vck-ul li {width: 100%;}
   .tt-ldp ul li {width: 100%; margin: 10px 0;}
   #nd-gthieu {width: 100%;text-align: justify;}
   #link-hinh {padding: 0;width: 100%;}
   /** ladingpage demo **/
   .tara-ul1 li{width: 100%;margin: 0;}
   .dv_noibac .me-fix{padding: 0 5px 1em 15px !important;}
   .dv_noibac .tt-dvnb{padding: 1em 0 0;}
   .dv_noibac .nb-left{/*width: 100%;*/display: none;}
   .dv_noibac ul{width: 100%;margin: 0;padding: 0;}
   .dv_noibac ul li{width: 33%;margin: 0;padding: 0 5px 15px 5px;}
   .dv_noibac ul li .nddb {padding: 6px 4px;color: #fff;font-weight: bold;position: unset;margin: -7px 0;
    left: 10%;font-size: 14px;}
    .dv_noibac .nb-left img {margin-top: 0%;}

    .video-kh{width:  93%;}
    .dv_noibac ul li img {
        border-radius: 20%;
    }
    /* action bar */
    .action-bar{bottom: 0px;left: 1px;width: fit-content;}
    .action-bar .list-cta li{float: left;min-width: 64px;border-right:1px solid #0cbab4 ;margin: 10px 0 1px;}

    #cp{height: 120px;}
}

@media all and (min-width:375px){
    .site-branding { width: 31%;
    padding: 10px 0;
    top: -8px;
    right: 34%;
}
.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated{left: 180px;}
.action-bar {left: 8%;display: none;}
.nav-btns .search-form{width: 350px;}
.nav-btns .search-form .search-input {
    
    border: #027571 1px solid;
    background: #fff;
}
}

@media all and (min-width:568px){
    .site-branding {width: 15%;padding: 4px 0;}
    #nav-fixed {height: 70px;}
    #nav button {margin-top: 0px;}

    #hd-top {width: 84%;}
    /* home dich vu */
    .dich-vu-home ul li {width: 48%;margin: 5px;min-height: 170px;}
    /* Khach Hang*/
   #khach-hang li {width: 50%;padding: 20px;}
    .vck-ul{overflow: hidden; }
   .vck-ul li {width: 50%;padding: 20px;height: 345px;   }
    /* home phuc vu */
    .phuc-vu-home ul li{width: 48%;}
    /* home hoat dong */
    .hoat-dong-home ul li{width: 45%;}
    /*footer*/
   .ftct{}
   /*tin lien quan */
   .lq-news li{width: 45%;}
}

@media all and (min-width:667px){
    .dv_noibac ul li {width: 33%;}
}

@media all and (min-width:736px){

    .site-branding {right: 42%;}
    .action-bar {left: 28%;}
}
@media all and (min-width:800px){
    /* menu main */
    .nav-btns {margin-top: 5px;}
    /*header */
    .site-branding{width: 10%;    margin: 5px 0 0 0;}
    .site-branding a{padding: 0 !important;background: none !important;}
    #dv-hd{width: 67%;display: block;float: right;text-align: right;}
    #dv-hd ul{margin-top: 1.4em;}
    #dv-hd ul #dc {width: 63%;}
    #dv-hd ul #dtt {width: 34%;}
    /*--------------------------------------------------------------
    ## Menus
    --------------------------------------------------------------*/
    .menu-menu-1-container, #mega-menu-wrap-menu-1{float: right; width: 86%;margin-top: 17px;clear: none;}
    
    
    .main-navigation {width: 100%;background: #0cbab4;}
    .main-navigation ul {display: block;display: block;overflow: hidden;}
    #nav-fixed .main-navigation ul li ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);position: absolute;z-index: 99999;top: 55px; overflow: hidden;width: 254px;}
    .main-navigation ul ul ul {left:1px;top: 15px;}
    .main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {float: left;}
    .main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul {left: auto;}
    .main-navigation li {float: left;padding: 5px 0px;}
    .main-navigation li:first-child a{background: none;}
    .main-navigation a {display: block;	text-decoration: none;background: url(./images/line_nav.png) no-repeat left center;padding: 0px 9px;margin: 0;}
    .main-navigation ul li{width: auto;}
    .menu1 ul li{width: 100%;}
    .menu1 ul{width: 100%;}
    #nav-fixed ul{width: fit-content;float: right;margin: inherit;}
    #nav-fixed {height: 80px;}
    .main-navigation ul li{margin: 0;}
    .fixNav .site-branding {display: block;}
    
    #bc-sy #image-bsy {width: 40%;}
    #bc-sy #nd-bsy {width: 60%;}
    #visaochontr #vs-trai, #visaochontr #vs-phai { width: 35%;}
    #visaochontr #vs-giua {width: 30%;}

    #dky-f img {width: 40%;}
    #dky-f #fdk {width: 55%;}
    
    #slide{display:block;}
    /* home gioi thieu */
    #gtd-content {width: 69%;}
    #noi-dung-gt img{width: 41%;}
    #noi-dung-gt #gt-content{width: 55%;}
    #f-gioithieu{width: 29%;}
    /* home dich vu */
    .dich-vu-home ul li{width: 23.5%;margin: 5px;}
    /* tin tuc dịch vu */
    #tin_tuc ul li {width: 31.333%;}
    /* form dang ky */
    #hinh{display: block;}
    #f-dky{width: 50%;}
    /* Khach Hang*/
    #khach-hang li {width: 16%;}
    /* tien ích cong ty */
    #tien_ich_cty .ti-cty{width: 46%;}
    /* home phuc vu */
    .phuc-vu-home ul li{width: 23.5%;}
    /* chat luong*/
    .cl-bn{width: 43%;}
    .cl-home ul{width: 52%;}
    /* khach hang than thiet */
    #ttkh-gt img{width: 40%;}
    #gtkh-content{width: 57%;}
    /* home hoat dong */
    .hoat-dong-home ul li{width: 30.2%;}
    /* footer*/
    .ft-tr {width: 23%;}
    #ft-phai {width: 75%;}
    .ftct{}
    /*secondary*/
    #secondary{    width: 20%;margin: -8px 0;}
    /* sitemain*/
   .site-main{width: 76%;border-right: #ddd 1px solid;padding-right: 5px;}
   /*archive*/
   .main-left article{width: 47.2%;}
   .lq-news li{margin: 10px 9px;}
   /*tin lien quan */
   .lq-news li{width: 22%;}
   /* widget */
   .vck-ul li {width: 25%;padding: 10px;}
   #khach-hang li {width: 25%;padding: 10px;}
   .tt-ldp ul li {width: 47%;margin: 10px;max-height: 140px;min-height: 140px;}
   #nd-gthieu {width: 52%;}
   #link-hinh {width: 42%;padding: 2em 0 2em 2em;}

   .ft-lk{display: block;}
   .ft-dcct{width:  60%;}

    /* action bar */
    .action-bar{bottom: 5px;left: 94%;width: fit-content;}
    .action-bar .list-cta li{float: none;min-width: 70px;border-right:1px solid #0cbab4 ;margin: 10px 0 1px;}
    #cp {height: 43px;}
    /* loat chinh sua */
.fa{font-size: 15px;}
.nav-btns{position: unset;}
#menu-top{display: block;}
.site-branding{position: inherit;    background: #0cbab4;margin: 0;padding: 0;}

}
@media all and (min-width:1024px){
    /*header */
    #dv-hd{width: 56%;}
    #dv-hd ul{margin-top: 2.4em;}
    #dv-hd ul #dc {width: 64%;}
    #dv-hd ul #dtt {width: 32%;}
    #dv-hd ul #dc img{width: 7%;}
    #dv-hd ul #dc .ct-dv{width: 86%;}
    
    .main-navigation a {padding: 0px 20px;}
    .main-navigation a img{height: 73px;width: auto;max-width: inherit;}
    body{padding: 0;}
    #khuyen-mai .baner-small{width:49%;}

    #menu-top {width: 96%;}
    #hd-top {width: 90%;    background: #0cbab4;}

    
    /* home gioi thieu */
    #gtd-content {width: 69%;}
    #noi-dung-gt img{width: 42%;}
    #noi-dung-gt #gt-content{width: 55%;margin-top: -20px;}
    #f-gioithieu{width: 29%;}
    /* tien ích cong ty */
    #tien_ich_cty .ti-cty{width: 47%;}
    /* home phuc vu */
    .phuc-vu-home ul li{width: 24%;}
    /* chat luong*/
    .cl-bn{width: 40%;}
    .cl-home ul{width: 56%;}
    /* khach hang than thiet */
    #ttkh-gt img{width: 40%;}
    #gtkh-content{width: 57%;}
    /* home hoat dong */
    .hoat-dong-home ul li{width: 30.5%;}
    /* footer*/
    /*footer*/
    .ftct{width: 49%;}
    /*secondary*/
    #secondary{    width: 20%;}
    /* sitemain*/
   .site-main{width: 76%;}
   /*archive*/
   .main-left article{width: 48%;}
   /*widget*/
   .dich-vu-home ul li {width: 48%;margin: 10px;}
   #khach-hang li {width: 25%;padding: 20px;}
   .dich-vu-home ul li{width: 46%;margin: 15px;}
   .vck-ul li {padding: 20px;}
   .tt-ldp ul li {width: 48%;}
   #slide {}

   .tara-ul1 li {width: 30.2%;}



   
}
.bannerpopup{display: none;}
@media(max-width:767px){
    .site-branding {
        width: 31%;
        padding: 0;
        top: 0;
        right: 34%;
        text-align: center;
    }
    .site-branding img{
        max-height: 70px;
        width: auto;
        max-width: inherit;
    }
    .icon_contact_show{display: none;}
    #ft-content{padding: 10px 0 0;}
    #colophon .ft-gt img{
        max-height: 100px !important;
        width: auto !important;
    }
    #ft-phai .ftct ul li{
        font-size: 15px;
    }
    .ft-tr{max-height: 120px;}
    .ft-c {
        line-height: 2;
    }
    .icon_contact_show_mobile{
        position: fixed;
        bottom: 0;
        width: 100%;
        display: block;
        left: 0;
        text-align: center;
    }
    .action-bar {
        display: inline-block;
        margin: 0 auto;
        position: initial;
    }
    .action-bar .list-cta li{
        min-width: 58px;
    }
    .bannerpopup {
        display: block;
        padding: 10px;
        gap: 12px;
        justify-content: space-evenly;
        background: #15876c;
        color: #fff;
        text-align: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
}
@media all and (min-width:1280px){
.lq-news li{margin: 10px 12px;}
#menu-top {width: 96%;}
#hd-top {width: 4%;float: right;margin-top: 17px;}
.nav-btns .search-form .search-input{margin-top: 6px;}
.nav-btns .search-form{right: 67px;}
.icon_contact_show {
    position: fixed;
    right: 12px;
    top: 50%;
    z-index: 111;
    transform: translateY(-50%);
    text-align: left;
}
.icon_show {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    margin-bottom: 16px;
    transition-property: width;
    transition-duration: 1s;
    cursor: pointer;
    height: 48px;
}
.icon_contact_show .icon_show a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-left: 26px;
}
.call_span {
    font-weight: 600;
    font-size: 18px;
    color: #FFF;
    opacity: 0;
    visibility: none;
}
.icon_contact_show .icon_show:hover .call_span {
    opacity: 1;
    visibility: visible;
    transition: 1s;
}
.icon_show .bg-zalo {
    width: 33px;
    height: 33px;
    display: block;
    background: url(./images/zalo-icon.png) no-repeat 50%;
    background-size: 100%;
    margin: 0 auto;
}
.icon_show .bg-fb-messenger {
    width: 33px;
    height: 33px;
    display: block;
    background: url(./images/icon-messenger.png) no-repeat 50%;
    background-size: 100%;
    margin: 0 auto 4px;
}
.icon_show .bg_dat_lich {
    width: 33px;
    height: 33px;
    display: block;
    background: url(./images/quatang.png) no-repeat 50%;
    background-size: 100%;
    margin: 0 auto 4px;
}

.icon_show .bg_vtri {
    width: 33px;
    height: 33px;
    display: block;
    background: url(./images/vtri.png) no-repeat 50%;
    background-size: 100%;
    margin: 0 auto 4px;
}
span.btn-hover {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon_contact_show .icon_show:hover span.btn-hover {
    background: transparent;
}
.icon_contact_show .icon_show:hover span.btn-hover i{
    color: #fff;
}
.icon_contact_show .icon_show .btn-hover {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: rgba(255,255,255,.75);
    box-shadow: 2px 4px 7px rgb(0 0 0 / 15%);
}

.icon_contact_show .icon_show .btn-hover span.bg-i{
    text-align: center;
    background: #29c4bf;
    border-radius: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}
.icon_contact_show .icon_show .btn-hover span.bg-i i{
    color: #fff;
    font-size: 15px;
}
.icon_contact_show .icon_show:hover {
    background: #15876c;
    box-shadow: 2px 4px 7px rgb(0 0 0 / 15%);
    border-radius: 15px;
    width: 180px!important;
}
.icon_contact_show .icon_show:hover .sprite-btn-phone{background-position:-45px -273px}.icon_contact_show .icon_show:hover .sprite-btn-booking{background-position:-165px -87px}.icon_contact_show .icon_show:hover .sprite-btn-mes{background-position:-202px -87px}
.sprite {
    background-image: url(images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}
.sprite-Rectangle-1 {
    width: 9px;
    height: 9px;
    background-position: -5px -5px;
}
.sprite-Rectangle-2 {
    width: 9px;
    height: 9px;
    background-position: -24px -5px;
}
.sprite-address-1 {
    width: 24px;
    height: 24px;
    background-position: -43px -5px;
}
.sprite-address-2 {
    width: 20px;
    height: 20px;
    background-position: -77px -5px;
}
.sprite-address-3 {
    width: 25px;
    height: 30px;
    background-position: -107px -5px;
}
.sprite-appointment {
    width: 51px;
    height: 51px;
    background-position: -142px -5px;
}
.sprite-appointment-white {
    width: 51px;
    height: 51px;
    background-position: -203px -5px;
}
.sprite-arrow_back {
    width: 24px;
    height: 24px;
    background-position: -264px -5px;
}
.sprite-arrow_left {
    width: 32px;
    height: 32px;
    background-position: -298px -5px;
}
.sprite-arrow_right {
    width: 32px;
    height: 32px;
    background-position: -340px -5px;
}
.sprite-bct {
    width: 150px;
    height: 56px;
    background-position: -5px -66px;
}
.sprite-bg-menu-mobile {
    width: 405px;
    height: 131px;
    background-position: -5px -132px;
}
.sprite-booking {
    width: 70px;
    height: 70px;
    background-position: -264px -47px;
}
.sprite-btn-booking {
    width: 27px;
    height: 27px;
    background-position: -382px -5px;
}
.sprite-btn-booking-2 {
    width: 30px;
    height: 30px;
    background-position: -344px -47px;
}
.sprite-btn-booking-white {
    width: 27px;
    height: 28px;
    background-position: -165px -87px;
}
.sprite-btn-mes {
    width: 27px;
    height: 27px;
    background-position: -202px -87px;
}
.sprite-btn-mes-white {
    width: 27px;
    height: 27px;
    background-position: -344px -87px;
}
.sprite-btn-mes-white-2 {
    width: 30px;
    height: 29px;
    background-position: -5px -273px;
}
.sprite-btn-phone {
    width: 27px;
    height: 27px;
    background-position: -381px -87px;
}
.sprite-btn-phone-2 {
    width: 26px;
    height: 26px;
    background-position: -384px -42px;
}
.sprite-btn-phone-white {
    width: 27px;
    height: 27px;
    background-position: -45px -273px;
}
.sprite-button-add {
    width: 16px;
    height: 17px;
    background-position: -82px -273px;
}
.sprite-button-add-white {
    width: 24px;
    height: 24px;
    background-position: -108px -273px;
}
.sprite-button-minus {
    width: 16px;
    height: 17px;
    background-position: -142px -273px;
}
.sprite-button-minus-white {
    width: 24px;
    height: 24px;
    background-position: -168px -273px;
}
.sprite-call {
    width: 39px;
    height: 39px;
    background-position: -202px -273px;
}
.sprite-call-white {
    width: 39px;
    height: 39px;
    background-position: -251px -273px;
}
.sprite-cart {
    width: 24px;
    height: 24px;
    background-position: -300px -273px;
}
.sprite-close {
    width: 32px;
    height: 32px;
    background-position: -334px -273px;
}
.sprite-dmca {
    width: 104px;
    height: 37px;
    background-position: -5px -315px;
}
.sprite-download {
    width: 30px;
    height: 29px;
    background-position: -376px -273px;
}
.sprite-email {
    width: 20px;
    height: 20px;
    background-position: -119px -312px;
}
.sprite-hotline {
    width: 70px;
    height: 70px;
    background-position: -420px -5px;
}
.sprite-menu {
    width: 28px;
    height: 28px;
    background-position: -418px -85px;
}
.sprite-phone {
    width: 18px;
    height: 18px;
    background-position: -456px -85px;
}
.sprite-search {
    width: 18px;
    height: 18px;
    background-position: -456px -113px;
}
.sprite-search-White {
    width: 18px;
    height: 18px;
    background-position: -420px -141px;
}
.icon_contact_show .icon_show:hover .sprite-btn-phone {
    background-position: -45px -273px;
}
.icon_contact_show .icon_show:hover .sprite-btn-booking {
    background-position: -165px -87px;
}
.icon_contact_show .icon_show:hover .sprite-btn-mes {
    background-position: -202px -87px;
}
#slide {}
/*landing demo */
    .dv_noibac .nb-left {width: 30%;display: block;}
    .dv_noibac ul {width: 70%;}
    .dv_noibac ul li {
        width: 33%;
        padding: 1em 2em;
        border-radius: 50%;
        text-align: center;
        position: relative;
    }
    .dv_noibac ul li strong{
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .dv_noibac ul li a{
        background: #5ff0e0;
        color: #333;
        padding: 10px;
        text-decoration: none;
    }
    .dv_noibac .nb-left img{margin-top: 50%;}
    .dv_noibac ul li .nddb {font-size: 16px;padding: 3px 45px;left: 16%;}

    .tara-ul1 li { width: 30.2%;margin: 5px 1em;}
    .video-kh { width: 45%;}
}

@media(max-width: 767px){
    .dv_noibac ul li {
        text-align: center;
        position: relative;
    }
    .dv_noibac ul li strong{
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .dv_noibac ul li a{
        background: #5ff0e0;
        color: #333;
        padding: 10px;
        text-decoration: none;
        font-size: 12px;
    }
    #ttcty-plh{width: 100%;}
}
/*h3 span{
    font-size:19px;
}*/
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 24px;
    height: 24px;
    border: 2px solid #1abc9c;
    background-color: #f5f5f7;
    border-radius: 5px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    outline: none;
    min-width: 24px;    
}

input[type="checkbox"]::before {
    content: "\2713";
    font-size: 1.5em;
    line-height: 22px;
    color: #1abc9c;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.2s;
}

input[type="checkbox"]:checked::before {
    transform: translate(-50%, -50%) scale(1);
}

.checklist-item {
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.checklist-item-header {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.2em !important;
    width: 100%;
    background-color: #f5f5f7;
    color: #000;
    border-bottom: 1px solid #e4e5e9;
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    padding: 0.25em 1.25em 0.25em 1.25em;
    position: relative;
    transition: background-color 0.2s, border-radius 0.3s;
    align-items: center;
    line-height: 0 !important;
}

input[type="checkbox"]:checked ~ .checklist-item-header {
    background-color: #1abc9c;
    color: #fff;
}

.checklist-item-header button {
    margin-left: auto;
    padding: 10px;
    margin-top: 3px;
    margin-bottom: 3px
    border: none;
    border-radius: 5px;
    background-color: #1abc9c;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 0.1;
}

.checklist-item-header button:hover {
    background-color: #16a085;
}

input[type="checkbox"]:checked ~ .checklist-item-header {
    background-color: #b2d8b2 !important;
    color: #006600;
}

.checklist-item-content {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1em;
    display: none;
    padding: 1.5em 3.5em 1.5em 3.5em;
}

.rounded-top {
    border-radius: 1rem 1rem 0 0 !important;
}

.rounded-all {
    border-radius: 1rem !important;
}

.checklist-item-header button span.desktop-text {
    display: inline;
}

.checklist-item-header button span.mobile-text {
    display: none;
}

@media screen and (max-width: 600px) {
    .checklist-item-header {
        font-size: 1em !important;
    }

    .checklist-item-content {
        font-size: 0.8em;
    }

    .checklist-item-header button span.desktop-text {
        display: none;
    }

    .checklist-item-header button span.mobile-text {
        display: inline;
    }
}

.checklist-item label {
    margin: 10px;
}
.responsive-embed {
    position: relative;
    padding-bottom: 56.25%; /* This is for 16:9 ratio. Adjust as needed for other aspect ratios */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.responsive-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*New home page design*/
.custom-row > div{
    width: max-content;
}

.icon-achievement{
    position: relative;
    font-size: 0.75rem;
    color: #808080;
}

.icon-achievement:before{
    content: "";
    position: absolute;
    left: -1rem;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #00A571 3.29%, #003F2B 96.71%);
    border-radius: 2px;
}

.icon-achievement h3{
    margin-top: 0;
    margin-bottom: 0.25rem;
    font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
    color: var(--e-global-color-f069cb9);
    line-height: 1;
}

.icon-achievement p{
    margin-top: 0;
    margin-bottom: 0;
}



.icon-box-outstanding .elementor-icon-box-wrapper{
    display: flex !important;
    gap: 0.75rem;
}

.icon-box-outstanding .elementor-icon-box-icon{
    width: clamp(4rem, 3.6rem + 2vw, 6rem);
    margin-bottom: 0 !important;
}

.icon-box-outstanding svg{
    width: 100%;
    height: 6rem;
    margin-bottom: 0;
}

.icon-box-outstanding .elementor-icon-box-content{
    flex: 1;
    text-align: left;
}

.icon-box-outstanding .elementor-icon-box-title{
    margin-top: 0;
    margin-bottom: 0;
    color: var(--e-global-color-f069cb9) !important;
    font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}

.icon-box-outstanding .elementor-icon-box-description{
    font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
    line-height: 1.5;
    color: #000;
    text-align: justify;
}


.main-title h2{
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
    font-size: clamp(1.125rem, 0.925rem + 1vw, 2.125rem);
}

.sub--title h3{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/*===*/
.main-title-choose-us img{
    width: clamp(4rem, 3.5rem + 2.5vw, 6.5rem);
    margin-bottom: -3px;
}

.icon-choose-us .elementor-icon-box-icon{
    margin-bottom: 0.25rem !important;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.icon-choose-us .elementor-icon-box-icon .elementor-icon svg{
    width: 4rem;
    height: 4rem;
    max-width: unset;
    max-height: unset;
}

.icon-choose-us .elementor-icon-box-title{
    /*margin-top: 0 !important;
    margin-bottom: 0.25rem !important;*/
    color: var(--e-global-color-f069cb9) !important;
}

.icon-choose-us .elementor-icon-box-description{
    line-height: 1.2;
    color: #000;
}


/*===*/

.box-hot-service .elementor-image-box-wrapper{
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(89deg, #D7FDE6 0%, #EDFFF4 35.1%, #EDFFF4 64.03%, #D7FDE6 100%);
    box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.box-hot-service .elementor-image-box-img{
    width: 100% !important;
    overflow: hidden;
    display: block;
}

.box-hot-service a{
    display: block;
}

.box-hot-service .elementor-image-box-img img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
    object-fit: cover;
}

.box-hot-service:hover .elementor-image-box-img img{
    transform: scale(1.1);
}

.box-hot-service .elementor-image-box-title{
    margin-top: 0 !important;
    color: var(--e-global-color-f069cb9) !important;
    padding: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
    font-size: clamp(0.75rem, 0.675rem + 0.375vw, 1.125rem);
    line-height: 1.2;
}

.consulting-form{
    margin-bottom: 0 !important;
}

.consulting-form .form-control{
    width: 100%;
    background-color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}

.consulting-form .form-control:focus{
    margin-left: unset;
}

.consulting-form .form-button{
    text-align: center;
}

.consulting-form .form-button button{
    background-color: #fff;
    border-radius: 0.5rem;
    color: var(--e-global-color-f069cb9);
    padding: 0.625rem 1rem;
    font-size: 1rem;
    font-weight: 600;
}


.consulting-form .wpcf7-form-control-wrap{
    display: block;
    margin-bottom: 0.75rem;
}


.box-title-contact h2{
    margin-top: 0;
    margin-bottom: 0.25rem;
    color: #fff;
}

.box-title-contact p{
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}


.gallery-partner .swiper-slide-inner{
    padding: 1rem;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 6px;
    overflow: hidden;
}

.gallery-partner .swiper-pagination{
    bottom: 0 !important;
}

.gallery-partner .swiper-pagination-bullet{
    border: 3px solid #E5E5E5;
    transition: all .3s ease-in-out;
}


.footer-bottom p{
    margin: 0;
    line-height: 1.2;
}

.col-footer p{
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.col-footer p:last-of-type{
    margin-bottom: 0;
}

.title-footer h3{
    font-size: 1.5rem;
}

.img-icon-footer{
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transition: all.3s ease-in-out;
}

.img-icon-footer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.img-icon-footer:hover{
    transform: translateY(-0.5rem);
}

.copyright p{
    margin: 0;
}

.block-footer > .e-con-inner .elementor-element{

}


.btn-header a{
    background: linear-gradient(180deg, #00A571 3.29%, #003F2B 96.71%);
    border-radius: 0.5rem;
}


.offcanvas-menu .offcanvas-sidebar-button,
.search-header .jkit-search-modal{
    width: 2rem !important;
    height: 2rem !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0.25rem;
}

.offcanvas-menu .offcanvas-sidebar-button svg,
.search-header .jkit-search-modal svg{
    width: 18px !important;
}


.offcanvas-menu .offcanvas-sidebar-button span{
    line-height: 0;
}

@media (max-width: 767px){
    .icon-choose-us .elementor-icon-box-icon{
        margin-bottom: 0 !important;
        align-items: flex-start;
    }


    .icon-choose-us .elementor-icon-box-wrapper{
        align-items: center;
    }
    .icon-choose-us .elementor-icon-box-icon .elementor-icon svg {

    }

    .icon-choose-us .elementor-icon-box-title {
        margin-top: 0;
        margin-bottom: 0.25rem;
    }

    .icon-choose-us .elementor-icon-box-description{
        line-height: 1.5;
    }


    .hfe-nav-menu > .menu-item{
        border-top: 1px solid #009448;
    }

    .hfe-nav-menu .menu-item a.hfe-menu-item{
        padding: 15px 0 !important;
    }

    .hfe-nav-menu .menu-item-has-children a.hfe-menu-item,
    .hfe-nav-menu .menu-item-has-children a.hfe-sub-menu-item{
        padding: 0 !important;
    }

    .hfe-nav-menu .menu-item .sub-menu{
        padding-left: 25px;
    }

    .hfe-nav-menu .menu-item .sub-menu .menu-item{
        border-top: 1px dashed #009448;
        border-bottom: 0 !important;
    }

    .hfe-nav-menu .sub-menu > .menu-item > .hfe-sub-menu-item{
        padding: 15px 0 15px 15px !important;
    }

    .hfe-nav-menu .hfe-menu-toggle i{
        font-size: 1rem; 
        color: #009448;
    }

    .hfe-nav-menu .hfe-menu-toggle{
        background-color: #ccc3;
        margin: 0 0 0 auto;
        padding: 0.75rem !important;
        border: 0 !important;
    }


    .offcanvas-close-button{
        position: absolute !important;
        left: 1rem;
        top: 1rem;
    }

    .form-search-offcanvas .sina-search-box{
        display: flex;
    }

    .form-search-offcanvas .sina-search-box .sina-input-field{
        padding: 0.25rem 0.5rem !important;
        background-color: transparent !important;
    }

    .form-search-offcanvas .sina-search-box .sina-search-btn{
        padding: 0.25rem 0.5rem !important;
        background-color: #00a571 !important;
    }

}