@font-face {
  font-family: 'UTM Neo Sans Intel';
  src: url('../css/fonts/UTMNeoSansIntel.woff2') format('woff2'),
       url('../css/fonts/UTMNeoSansIntel.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UTM Neo Sans Intel Italic';
  src: url('../css/fonts/UTMNeoSansIntel-Italic.woff2') format('woff2'),
       url('../css/fonts/UTMNeoSansIntel-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'UTM Neo Sans Intel Bold';
  src: url('../css/fonts/UTMNeoSansIntelBold.woff2') format('woff2'),
       url('../css/fonts/UTMNeoSansIntelBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'UTM Neo Sans Intel Bold Italic';
  src: url('../css/fonts/UTMNeoSansIntel-BoldItalic.woff2') format('woff2'),
       url('../css/fonts/UTMNeoSansIntel-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'HY-Haming';
  src: url('../css/fonts/HY-Haming.woff2') format('woff2'),
       url('../css/fonts/HY-Haming.woff') format('woff'); 
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root{
  --font-family-primary: 'UTM Neo Sans Intel', sans-serif;
  --font-family-haming: 'HY-Haming', sans-serif;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --primary-color-one: #ee8720;
  --primary-color-two: #282f3b;
  --primary-color-three: #f0f3f9;
  --color-white:#fff;
  --primary-color-four:#32644D;
  --primary-color-five: #1f2530;
  --text-color-dark: #4a4e56;
  --text-color-dark-two: #888888;
  --text-color-light: #aaafb8;
  --heading-dark: #282f3b;
  --link-color-dark: #282f3b;
  --border-color-dark: #e4e7ee; 
  --border-color-dark-two:#373e4a;
  --border-color-light: #fbfcfe;
  --menu-color: #282f3b;
  --menu-color-white: #ffffff;
  --menu-dropdown-color: #282f3b;
  --menu-active-color: #078586;
  --box-shadow: 0px 0px 40px 0px rgba(0,0,0,.09);
  --box-shadow-two: 0px 3px 16px 0px rgba(0 , 0 , 0 , .05);
  --footer-default-bgcolor: #1f2530;
  --preloader-background-color: #078586;
  --bg-light-color-one:#F0F3F947;
  --bg-light-color-two:#F0F3F969;
} 

.color_white{
  color: #fff!important;
}
/*--================bg light colors ====================--*/
.bg_light_1{
  background:var(--primary-color-three)!important;
}
/*--================bg light colors ====================--*/
/*--================bg dark colors ====================--*/
.bg_dark_2{
  background:var(--primary-color-four)!important;
}

.bg_vipt_green{
  background:var(--primary-color-four)!important;
}
/*--================bg dark colors ====================--*/
/*--================divider colors ====================--*/

.divider_w_1{
  border-bottom: 1px solid rgba(255 , 255 , 255 , .1);
}
/*--================divider colors ====================--*/
/*--================border colors ====================--*/
/*--================border colors ====================--*/

/*--================box shadows ======================--*/
/*--================box shadows ======================--*/

.top_bar.style_two .top_inner .common_css i {
  color: #fff;
  font-size: 16px;
}
/* So1 Global. */

body {
  font-family: var(--font-family-primary);
  font-size: 16px;
  color: var(--text-color-dark);
  font-weight: 400;
  background: #fff;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -o-font-smoothing: antialiased !important;
  -ms-font-smoothing: antialiased !important;
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
img {
  max-width: 100%;
  height: auto;
}
ul {
  padding-left: 17px;
}
.page_wapper {
  position: relative;
}
.page_wapper #wrapper_full {
  overflow: visible;
}
@media (max-width: 992px) {
  body.home .page_header_default {
      padding: 100px 0px;
      min-height: auto;
 }
}
.row {
  --bs-gutter-x: 0;
}
.col-lg-1, .col-lg-10, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-12, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-9, .col-sm-12, .col-sm-3, .col-sm-6, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-6, .col-xl-7, .col-xl-8 {
  padding-right: 15px;
  padding-left: 15px;
}
h1, h2 a, h2, h3 a, h3, h5 a, h5, h6 a, h6 {
  font-weight: 700;
  margin: 0;
  color: var(--primary-color-two);
      font-family: var(--font-family-primary);
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  word-break: break-word;
}
h1 {
  line-height: 54px;
}
h2 {
  line-height: 44px;
}
h3 {
  line-height: 38px;
}
h5 {
  line-height: 30px;
}
.h6, h6 {
  line-height: 26px;
}
p {
  font-size: 17px;
  line-height: 30px;
  font-family: var(--font-family-primary);
  font-weight: 400;
  margin-bottom: 15px;
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  text-align: justify;
}
input, input[type="text"], input[type="email"], textarea {
  position: relative;
  height: 56px;
  line-height: 26px;
  border-radius: 5px;
  border: 1px solid var(--border-color-dark);
  width: 100%;
  padding: 4px 15px 0px 15px;
  display: block;
  transition: 0.5s ease-in-out !important;
  -moz-transition: 0.5s ease-in-out !important;
  -o-transition: 0.5s ease-in-out !important;
  -ms-transition: 0.5s ease-in-out !important;
  margin-bottom: 20px;
  color: var(--text-color-dark);
}
textarea {
  height: 150px;
  padding: 20px 20px;
}
input:focus, textarea:focus, input:active, textarea:active {
  outline: 0px;
  border-color: var(--primary-color-one);
}
body input[type="submit"], body button[type="submit"] {
  position: relative;
  display: inline-block;
  min-width: 1  3.646rem;
  min-height:   3.646rem;
  font-size: 12px;
  line-height:   3.646rem;
  padding: 0px 20px;
  border-radius: 10px 0px 10px 0px;
  border: 1px solid var(--border-color-one);
  background: var(--primary-color-one);
      font-family: var(--font-family-primary);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .container {
      min-width: 1200px;
      padding: 0px 15px;
 }
}
.container-fluid {
  padding: 0px;
}
.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: var(--primary-color-one);
  transition: 0.5s ease-in-out !important;
  -moz-transition: 0.5s ease-in-out !important;
  -o-transition: 0.5s ease-in-out !important;
  -ms-transition: 0.5s ease-in-out !important;
}
a:hover {
  color: var(--primary-color-one);
}
#content {
  width: 100%;
  height: 100%;
}
ul li {
  margin-bottom: 5px;
}
/*--==================vc_custom_r_s ===================--*/
/*----====Content--css========----*/
/*----====preloader--css========----*/
.preloader-wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
.preloader-wrap::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--primary-color-one);
}
.preloader-wrap .preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-position: center center;
  background-repeat: no-repeat;
}

/*----====page-header--css========----*/
.page_header_default {
  position: relative;
  min-height: 370px;
  padding: 100px 0px 100px;
  overflow: hidden;
  align-items: center;
}

.page_header_default::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: var(--primary-color-two);
  opacity: 0.85;
  z-index: 1;
}
.page_header_default .parallax_cover {
  position: absolute;
  top: 0;
  min-height: 530px;
  height: 100%;
  width: 100%;
  left: 0;
}
.page_header_default .parallax_cover img {
  max-width: 100%;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  margin-bottom: 0px;
}
.page_header_default .page_header_content {
  position: relative;
  z-index: 3;
  text-align: center;
}
.page_header_default .page_header_content .banner_title_inner {
  position: relative;
  margin-bottom: 20px;
}
.page_header_default .page_header_content .banner_title_inner .title_page {
  color: #fff;
  font-size:   3.646rem;
  line-height: 70px;
  font-weight: 700;
      font-family: var(--font-family-primary);
}
@media (max-width: 1200px) {
  .page_header_default::after {
      display: none;
 }
}
.breadcrumbs {
  position: relative;
  display: inline-block;
}
.breadcrumbs ul {
  position: relative;
  padding: 0;
}
.breadcrumbs ul li {
  margin-right: 30px;
  color: var(--primary-color-one);
 /*var(--primary-color-one)*/
  position: relative;
      font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.breadcrumbs ul li a {
  color: #a7a7a7;
  position: relative;
  text-decoration: none;
      font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  padding-right: 30px;
}
.entry-title{
  margin: max(min(0.35em, 35px), 20px) 0 max(min(0.25em, 25px), 15px) 0;
}
.single_content_upper .stm_post_details {
  margin-bottom: 4px;
}
.clearfix:after, .clearfix:before {
  content: ' ';
  display: table;
  line-height: 0;
  clear: both;
}
.single_content_upper .stm_post_details .post_meta {
  max-width: 85%;
  float: left;
  list-style: none;
  padding: 0;
  margin-bottom: 5px;
}
.single_content_upper .stm_post_details .post_meta li {
  float: left;
  margin: 0;
  margin-right: 32px;
  margin-bottom: 5px;
}
.single_content_upper .stm_post_details .post_meta li i {
  position: relative;
  top: -1px;
  color: var(--primary-color-one);
  margin-right: 4px;
  font-size: 15px;
}
.single_content_upper .stm_post_details .post_meta li span {
  display: inline-block;
  margin-bottom: 5px;
  color: #555;
}
.single_content_upper .stm_post_details .post_meta li span:hover {
  color: var(--primary-color-one);
}
.image-cover {
  background-position: 50% 50%;
  background-size: cover;
  height: auto;
  overflow: hidden;;
  position: relative;
  width: 260px !important;
  height: 190px !important;
}
.breadcrumbs ul li a:before {
  position: absolute;
  content: "\f105";
  font-family: 'FontAwesome';
  right: 11px;
  top: -4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
.breadcrumbs ul li a:last-child {
  padding-right: 0px;
}
.breadcrumbs ul li a:last-child:before {
  display: none;
}
.breadcrumbs ul li:before {
  position: absolute;
  content: "\f105";
  font-family: 'FontAwesome';
  right: -19px;
  top: -2px;
  color: #a7a7a7;
  font-size: 14px;
}
.breadcrumbs ul li:last-child {
  margin-right: 0;
}
.breadcrumbs ul li:last-child::before {
  display: none;
}
@media (max-width: 992px) {
  .page_header_default {
      padding: 100px 0px;
      min-height: auto;
 }
  .page_header_default .parallax_cover {
      min-height: 100%;
 }
}
/*--------------------------blog_single_details_outer-------------------------------*/
.blog_single_details_outer {
  position: relative;
}
.blog_single_details_outer .single_content_upper {
  position: relative;
}
/*------sec_comments------*/
/*------tags_and_share------*/
/*------back-to-top------------*/
.prgoress_indicator {
  position: fixed;
  right: 50px;
  bottom: 75px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transform: translateY(15px) !important;
  -moz-transform: translateY(15px) !important;
  -o-transform: translateY(15px) !important;
  -ms-transform: translateY(15px) !important;
  transform: translateY(15px) !important;
  -webkit-transition: all 200ms linear !important;
  -moz-transition: all 200ms linear !important;
  -o-transition: all 200ms linear !important;
  -ms-transition: all 200ms linear !important;
  transition: all 200ms linear !important;
}
.prgoress_indicator.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}
.prgoress_indicator::after {
  position: absolute;
  content: "\f106";
  font-family: 'FontAwesome';
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: var(--primary-color-one);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  font-weight: 900;
  z-index: 1;
  -webkit-transition: all 200ms linear !important;
  -moz-transition: all 200ms linear !important;
  -o-transition: all 200ms linear !important;
  -ms-transition: all 200ms linear !important;
  transition: all 200ms linear !important;
}
.prgoress_indicator::before {
  position: absolute;
  content: "\f106";
  font-family: 'FontAwesome';
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  opacity: 0;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear !important;
  -moz-transition: all 200ms linear !important;
  -o-transition: all 200ms linear !important;
  -ms-transition: all 200ms linear !important;
  transition: all 200ms linear !important;
}
.prgoress_indicator:hover ::after {
  color: var(--primary-color-one);
}
.prgoress_indicator:hover ::before {
  opacity: 1;
}
.prgoress_indicator svg path {
  fill: none;
}
.prgoress_indicator svg.progress-circle path {
  stroke: var(--primary-color-one);
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear !important;
  -moz-transition: all 200ms linear !important;
  -o-transition: all 200ms linear !important;
  -ms-transition: all 200ms linear !important;
  transition: all 200ms linear !important;
}


/* so2 Themebutton*/
.theme-btn {
  position: relative;
      font-family: var(--font-family-primary);
 /*----theme-btn one-----*/
 /*----theme-btn two-----*/
}
.theme-btn.two {
  display: inline-block;
  padding: 0px 25px;
  border-radius: 10px 0px 10px 0px;
  background: transparent;
  color: var(--color-white);
  border: 1px solid var(--color-white);
  line-height: 56px;
  min-height: 56px;
  min-width: 1  3.646rem;
  text-align: center;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  font-weight: 600;
  font-size: 15px;
}
.theme-btn.two:hover {
  background: var(--primary-color-one);
  color: #fff;
  border-radius: 0px 10px 0px 10px;
}
.theme-btn.four {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  color: var(--heading-dark);
  text-transform: uppercase;
  background: none !important;
      font-family: var(--font-family-primary);
  font-weight: 600;
}
.theme-btn.four i {
  position: relative;
  top: 2px;
  font-size: 18px;
  left: 5px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.theme-btn.four:hover {
  color: var(--primary-color-one);
  background: none !important;
}
.theme-btn.four:hover i {
  left: 10px;
}
.theme-btn.five {
  font-size: 14px;
  position: relative;
  text-align: center !important;
  color: var(--primary-color-one);
  display: inline-block;
  border: 1px solid var(--primary-color-one);
  min-width: 210px;
  height: 40px;
  line-height: 35px !important;
  font-weight: 600;
  transition: all 0.5s ease;
  transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  text-transform: uppercase;
  border-radius: 5px;
}
.theme-btn.five i {
  position: relative;
  top: 2px;
  font-size: 18px;
  left: 5px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.theme-btn.five:hover {
  background: var(--primary-color-one);
  color: #fff;
}
.theme-btn.five:hover i {
  left: 10px;
}
.theme-btn.six {
  display: inline-block;
  padding: 0px 25px;
  border-radius: 10px 0px 10px 0px;
  background: var(--color-white);
  color: var(--menu-color);
  line-height: 56px;
  min-height: 56px;
  min-width: 1  3.646rem;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.theme-btn.six i {
  position: relative;
  top: 2px;
  font-size: 18px;
  left: 5px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.theme-btn.six:hover {
  background-color: transparent; /* Nền trong suốt */
  color: #fff; /* Chữ màu trắng khi hover */
  border: 1px solid var(--color-white);
}
.theme-btn.six:hover i {
  left: 10px;
}
.theme-btn.color_white {
  color: #fff !important;
  border-color: #fff !important;
  background: transparent !important;
}
.theme_btn_all {
  position: relative;
}
.text-md-end {
  display:none;
}

/*------so 3 topbar------------*/

/*--------topbar css-------------*/
.top_bar {
  position: relative;
  background: var(--primary-color-two);
}
.top_bar .top_inner {
  display: table;
  width: 100%;
}
.top_bar .top_inner .common_css {
  display: table-cell;
  vertical-align: top;
  line-height: 40px;
}
.top_bar .top_inner .common_css .contntent {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  margin-right: 25px;
  vertical-align: top;
}
.top_bar .top_inner .common_css .contntent i {
  position: absolute;
  left: -20px;
  top: 0;
  color: var(--primary-color-one);
  margin-right: 5px;
  bottom: 0;
  margin: auto;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
}
.top_bar .top_inner .common_css .contntent .text {
  position: relative;
}
.top_bar .top_inner .common_css .contntent .text span, .top_bar .top_inner .common_css .contntent .text a {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: var(--text-color-light);
}
.top_bar .top_inner .common_css .contntent:last-child {
  margin-right: 0px;
}
.top_bar .top_inner .right_side {
  float: right;
}
.top_bar.style_two {
  position: relative;
  background: var(--primary-color-one);
}
.top_bar.style_two .auto-container {
  max-width: 1400px;
}
.top_bar.style_two .top_inner .common_css i {
  color: #fff;
  font-size: 14px;
}
.top_bar.style_two .top_inner .common_css .text span, .top_bar.style_two .top_inner .common_css .text a {
  color: #fff;
}
/*-------------------------------------- ===============fixed-header============= --------------------------------------*/
@media (max-width: 992px) {
  .top_bar {
      padding: 15px 0px 15px;
 }
  .top_bar .top_inner {
      display: block !important;
      text-align: center;
 }
  .top_bar .top_inner .common_css {
      display: block;
      line-height: normal;
 }
  .top_bar .top_inner .common_css .contntent {
      position: relative;
      margin-bottom: 10px;
 }
  .top_bar .top_inner .common_css.right_side {
      float: none;
 }
}
/*--------------top_bar style_six with header style_six-------------------*/
@media (max-width: 768px) {
  .top_bar .top_inner .common_css .contntent {
      margin: 0px 0px 15px;
      display: block;
 }
  .top_bar .top_inner .common_css .contntent i {
      display: none;
 }
}


/* so3 Header*/

/*-===============---crt_mobile_menu---====================--*/
.nav-link {
  padding: 0px;
}
.crt_mobile_menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  z-index: 999999;
  visibility: hidden;
  transform: translateX(-100%);
  transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -ms-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
}
.crt_mobile_menu .menu-backdrop {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background: #282f3b;
  opacity: 0.8;
  cursor: pointer;
}
.crt_mobile_menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #fff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -ms-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  border-radius: 0px;
  padding: 20px;
}
.crt_mobile_menu .menu-box form {
  position: relative;
  margin-bottom: 30px;
}
.crt_mobile_menu .menu-box form input {
  margin-bottom: 0px;
}
.crt_mobile_menu .menu-box form button.sch_btn {
  position: absolute;
  line-height: 41px;
  min-width: unset;
  padding: 0;
  min-height: unset;
  right: 7px;
  border-radius: 5px;
  background: var(--primary-color-one);
  width: 41px;
  height: 41px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  border: 0px;
  bottom: 0;
  top: 0;
  margin: auto;
}
.crt_mobile_menu .menu-box .close-btn {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  line-height: 40px;
  text-align: center;
  border: 1px solid var(--border-color-dark);
  text-align: center;
  display: block;
  margin-bottom: 20px;
  margin-left: auto;
}
/*----============---header_default-styles--===========---*/
.header {
  position: relative;
  background: #fff;
  padding: 10px 0px 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.header, .default_sickty_heaad {
  position: relative;
  background: #fff;
  padding: 10px 0px 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.header .header_logo_box {
  position: relative;
}
.header .header_logo_box img {
  display: block;
  width: 170px;
  height: auto;
  margin-bottom: 0px;
}
.header .header_logo_box .logo_default {
  display: block;
}
.header .header_logo_box .logo__sticky {
  display: none;
}
.header .header_content_collapse .navigation_menu {
  float: right;
}
.header .header_content_collapse .navigation_menu .navbar_nav, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav {
  padding: 0;
  margin: 0px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li {
  position: relative;
  margin-right: 30px;
  padding: 0px 0px;
  margin-bottom: 0px !important;
  display: inline-block;
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.dropdown, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.dropdown {
  margin-right: 40px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li a.nav-link {
  font-size: 16px;
  line-height: 55px;
  padding: 0;
  font-weight: 600;
  color: var(--menu-color);
      font-family: var(--font-family-primary);
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
.header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link:hover {
  color: var(--primary-color-one);
}
.header .header_content_collapse .navigation_menu .navbar_nav li:last-child {
  margin-right: 0px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu {
  position: absolute;
  display: block !important;
  pointer-events: none;
  left: 0;
  margin-left: 0;
  background-color: #fff;
  min-width: 250px;
  padding: 20px 25px;
  transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  z-index: 0;
  box-shadow: var(--box-shadow);
  border: 0px !important;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li {
  display: block;
  padding: 5px 0px;
  margin: 0 !important;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li a.nav-link {
  color: var(--text-color-dark) !important;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  font-family:  var(--font-family-primary);
  display: block;
  white-space: inherit;
}

.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.header .header_content_collapse .navigation_menu .navbar_nav li:hover > .dropdown-menu {
  opacity: 1;
  z-index: 99;
  margin-left: 0;
  margin-top: 0 !important;
  z-index: 9999 !important;
  visibility: visible;
  transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  pointer-events: fill;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn {
  position: absolute;
  right: -31px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li {
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
  transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition-delay: 0.19s;
  transition-delay: 0.19s;
}
.header .header_content_collapse .navigation_menu .navbar_nav li:hover .dropdown-menu li {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.header .hamburger_menu {
  position: relative;
  float: none;
  top: 0px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  margin-top: 0px;
  z-index: 11;
}
.header .hamburger_menu .line {
  width: 25px;
  height: 2px;
  background-color: var(--menu-color);
  display: block;
  margin: 6px auto;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.header .hamburger_menu:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
  top: calc(50% - 20px);
  left: calc(50% - 21px);
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  margin-left: 1px;
}
/*----navbar-togller-styles--*/
.header .navbar_togglers {
  position: relative;
  display: none;
}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active {
  background: transparent;
  border: none;
}
.dropdown-toggle::after {
  display: none !important;
}
/*-------search---popup--------*/
.search-popup {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 30%;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  background: var(--primary-color-four);
  -webkit-transform: translateY(-101%);
  -ms-transform: translateY(-101%);
  transform: translateY(-101%);
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}
.search-popup.popup-visible {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
}
.search-popup.popup-visible .search-form {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  transition: all 500ms ease 500ms;
  -moz-transition: all 900ms ease 500ms;
  -webkit-transition: all 900ms ease 500ms;
  -ms-transition: all 900ms ease 500ms;
  -o-transition: all 900ms ease 500ms;
}
.search-popup.popup-visible .search-form fieldset {
  position: relative;
  padding: 0px;
}

.search-popup .overlay-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
}
.search-popup .close-search {
  position: absolute;
  right: 25px;
  top: 25px;
  width: 30px;
  color: #fff;
  height: 30px;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  z-index: 5;
  transition: all 500ms ease;
}
.search-popup .close-search i {
  font-size: 20px;
}
.search-popup .search-form {
  position: relative;
  padding: 30px 15px 0px;
  max-width: 1024px;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  z-index: 10;
}
.search-popup .search-form {
  margin-bottom: 30px;
}
.search-popup .search-form input, .search-popup .search-form input[type="search"] {
  position: relative;
  height:   3.646rem;
  padding: 20px   3.646rem 20px 30px;
  background: #fff;
  line-height: 30px;
  font-size: 16px;
  color: var(--primary-color-one);
  border-radius: 5px;
  box-shadow: none;
  outline: none;
  border: none;
  margin: auto;
}
.search-popup .search-form button {
  position: absolute;
  top: 0;
  right: -5px;
  width: 80px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  background: var(--primary-color-two);
  color: #fff;
  border-radius: 5px;
  bottom: 0;
  margin: auto;
  border: 0px;
  font-weight: 400;
}
/*-----contact modal----------*/
.modal_popup {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  padding: 100px 0px 0px;
  overflow: auto;
  background: none;
  -webkit-transform: translateY(-101%);
  -ms-transform: translateY(-101%);
  transform: translateY(-101%);
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}
.modal_popup::before {
  position: absolute;
  content: '';
  background: #fff;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}
.modal_popup.contact-popup-visible {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
}
.modal_popup .modal-popup-inner {
  background: var(--primary-color-three);
  border-radius: 10px;
  position: relative;
  max-width: 1140px;
  margin: auto;
}
.modal_popup .modal-popup-inner .close-modal {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  background: var(--primary-color-one);
  color: #fff;
  font-size: 16px;
  z-index: 3;
  cursor: pointer;
}
.modal_popup .modal-popup-inner .form_inner {
  position: relative;
  padding: 40px 50px 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: var(--box-shadow-two);
}
.modal_popup .modal-popup-inner .form_inner p {
  position: relative;
  margin: 0px 0px 15px;
  padding: 0px;
}
.modal_popup .modal-popup-inner .form_inner p:last-child input {
  margin: 0px;
}
.modal_popup .modal-popup-inner .form_inner p label {
  display: block;
  width: 100%;
  font-size: 12px;
  color: var(--heading-dark);
  font-weight: 600;
  text-transform: uppercase;
      font-family: var(--font-family-primary);
}
.modal_popup .modal-popup-inner .form_inner textarea {
  height: 150px;
}
.modal_popup .modal-popup-inner .about_company_inner {
  position: relative;
  border-radius: 10px;
  padding: 40px 50px 50px 50px;
  overflow: hidden;
}
.modal_popup .modal-popup-inner .about_company_inner .logo {
  position: relative;
  margin-bottom: 30px;
}
.modal_popup .modal-popup-inner .about_company_inner .logo img {
  width: 150px;
}
.modal_popup .modal-popup-inner .about_company_inner .text {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--border-color-dark);
}
.modal_popup .modal-popup-inner .about_company_inner .text p {
  margin-bottom: 30px;
}
/*-------header with elementor-------------*/
.navbar-brand {
  padding: 0px;
  display: block;
  margin: 0px;
}
/*----style-one-----*/
.header .header_content_collapse {
  display: table;
  width: 100%;
}
.header .header_content_collapse .header_menu_box, .default_sickty_heaad .header_content_collapse .header_menu_box {
  display: table-cell;
  vertical-align: middle;
}
.header .header_right_content {
  display: table-cell;
  vertical-align: middle;
  float: right;
}
.header .header_right_content ul {
  padding: 2px 0px 0px;
  margin: 0px;
}
.header .header_right_content ul li {
  display: inline-block;
  margin-left: 20px;
}
.header .header_right_content .contact-toggler {
  position: relative;
  width: 54px;
  height: 54px;
  line-height: 50px;
  border-radius: 50%;
  border: 1px solid var(--border-color-dark);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  background: #fff;
  box-shadow: 0px 0px 0px 0px;
}
.header .header_right_content .contact-toggler::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--primary-color-one);
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.header .header_right_content .contact-toggler i {
  color: #fff;
  font-size: 18px;
  position: relative;
  z-index: 1;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.header .header_right_content .contact-toggler:hover {
  border-color: transparent;
}
.header .header_right_content .contact-toggler:hover::before {
  width: 100%;
  height: 100%;
}
/*-------------------------------------- ===============fixed-header============= --------------------------------------*/
/*-----------header_logo_box_solo----------------*/
.header_area {
  position: relative;
  display: block;
  width: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  background: 0 0;
  box-shadow: 1px 1px 10px rgba(0,0,0,.15)
}
/*------===============================================-------------*/
/*--------header_style_six_nw-------*/
/*---------=================header_default-style seven================---------------*/
/*---------=================header header_default style_nine side_menu head_================---------------*/
/*---------=================header style ten shop ================---------------*/
/*-----mega_menu style for mobilr-------*/
/*-------------------------------------- ===============fixed-header============= --------------------------------------*/
/*-----header-media-----*/
@media (max-width: 1200px) {
  .header_content_collapse {
      display: none !important;
 }
  .header .navbar_togglers {
      display: block;
 }
  .header .logo_column {
      width: 86%;
 }
  .header .menu_column {
      width: 14%;
 }
}


/* so4 Slide*/


/*----------------animate-csss---------------*/
/*----------------slider-csss---------------*/
.slider {
  position: relative;
  width: 100%;
}
.slider .slide-item {
  position: relative;
  display: block;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  width: 100%;
}
.slider .animated {
  animation-duration: 1.25s;
}
.slider.style_one .slide-item-content {
  position: relative;
  overflow: hidden;
}
.slider.style_one .slide-item-content .image-layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.slider.style_one .slide-item-content .auto-container {
  position: relative;
  z-index: 10;
  padding: 0px 15px;
}
.slider.style_one .slide-item-content .slider_content {
  position: relative;
  padding: 350px 0px 200px;
  z-index: 11;
}
.slider.style_one .slide-item-content .slider_content h1 {
  font-size:   3.646rem;
  line-height: 90px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #fff;
  opacity: 0;
  letter-spacing: 1px;
  transition: 0.9s ease-in-out;
  -moz-transition: 0.9s ease-in-out;
  -o-transition: 0.9s ease-in-out;
  -ms-transition: 0.9s ease-in-out;
}
.slider.style_one .slide-item-content::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #198754;
  opacity: 0.25;
  z-index: 1;
}
.slide-item-content.content_right {
  text-align: right;
}

.slide-item-content.content_center {
  text-align: center;
}
/*------slider-v2-----*/
.slide-item-content {
  min-height: 550px;
}
/* ======================================= single_banner ======================================= */



/* so5 Common*/
/*---==========================================----- -----==================Common css===============----- -----=========================================-----*/
.object-fit-cover {
  overflow: hidden;
  object-fit: cover;
  object-position: top;
}
/* style switcher */
/*-----style-switcher------*/
.prev-single-one, .next-single-one {
  background: none;
}
.prev-single-one::before, .next-single-one::before {
  position: absolute;
  font-family: "FontAwesome" !important;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #fff;
  text-align: center;
  font-size: 18px;
  color: var(--primary-color-two);
  border-radius: 50%;
  box-shadow: var(--box-shadow);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.prev-single-one::after, .next-single-one::after {
  display: none !important;
}
.next-single-one::before {
  content: "\f105";
}
.prev-single-one::before {
  content: "\f104";
}
.p_pagination .swiper-pagination {
  position: relative !important;
  padding:   3.646rem 0px 0px;
  text-align: center;
  margin: auto;
  width: 100% !important;
  transform: inherit !important;
}
/*---==========================================----- -----==================pagination===============----- -----=========================================-----*/
.pagination {
  position: relative;
  width: 100%;
  display: block;
  margin-top: 30px;
}
.pagination li {
  position: relative;
  display: inline-block;
}
.pagination li a {
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  background: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family:  var(--font-family-primary) !important; 
  line-height: 46px !important;
  color: var(--text-color-dark) !important;
  text-align: center !important;
  border-radius: 50% !important;
  margin: 0px 3px !important;
  position: relative !important;
  padding: 0px !important;
}
.pagination li a i {
  font-size: 21px;
  color:  var(--font-family-primary);
  font-weight: 400;
  font-family: "FontAwesome";
}
.pagination li:hover a, .pagination li.active a {
  background:  var(--font-family-primary) !important;
  color: #fff !important;
}
.pagination li:hover a i {
  color: #fff !important;
}
/*---==========================================----- -----==================title_all_box===============----- -----=========================================-----*/
.parallax_cover img {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  right: 0;
  object-fit: cover;
}
/*---==========================================----- -----==================title_all_box===============----- -----=========================================-----*/
.title_all_box {
  position: relative;
}
.title_all_box.style_one .title_sections {
  position: relative;
}
.title_all_box.style_one .title_sections .title, .title_all_box.style_one .title_sections h2 {
  font-size: 40px;
  line-height: 55px;
  font-weight: 600;
  color: var(--primary-color-one);
  margin-bottom: 20px;
      font-family: var(--font-family-primary);
}
.title_all_box.style_one .title_sections p {
  font-size: 17px;
  line-height: 30px;
  font-family: var(--font-family-primary) !important;
}
.title_all_box.style_one.light_color h2 {
  color: var(--color-white);
}
.title_all_box.style_one.light_color p {
  color: var(--color-white);
}
.title_all_box.style_five .title_sections {
  position: relative;
}
.title_all_box.style_five .title_sections h2 {
  font-size: 38px;
  line-height: 50px;
      font-family: var(--font-family-primary);
  font-weight: 700;
  color: var(--heading-dark);
  padding: 0px 0px 10px 0px;
}
.title_all_box.style_five.light_color h2 {
  color: #fff;
}
/*---==========================================----- -----==================extra_content===============----- -----=========================================-----*/
.extra_content {
  position: relative;
}
.extra_content .download_box_content {
  position: relative;
  padding-top: 10px;
}
.extra_content .download_box_content a {
      font-family: var(--font-family-primary);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: var(--heading-dark);
  display: inline-block;
  padding-right: 50px;
  position: relative;
}
.extra_content .download_box_content a i {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  background: var(--primary-color-one);
  border-radius: 50px;
  color: #fff;
}
/*---==========================================----- -----==================image_absolute===============----- -----=========================================-----*/
.move_image_absolute {
  position: absolute;
}
.move_image_absolute img {
  width: 100%;
  right: 100%;
}
/*---==========================================----- -----==================video_box===============----- -----=========================================-----*/
.video_box {
  position: relative;
  width: 70px;
  height: 70px;
  display: inline-block;
}
.video_box:before, .video_box:after {
  width: 0px;
  height: 0px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 0;
}
.video_box:after {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.video_box a {
  position: relative;
  display: inline-block;
  font-size: 30px !important;
  color: #fff;
  width: 70px;
  height: 70px;
  line-height:   3.646rem;
  text-align: center !important;
  border-radius: 50%;
  background: var(--primary-color-one);
  background-image: inherit;
  z-index: 10;
}
@keyframes ripple {
  70% {
      background: rgba(255, 255, 255, 0);
      width: 120px;
      height: 120px;
 }
  100% {
      background: rgba(255, 255, 255, 0);
      width: 0px;
      height: 0px;
 }
}
/*---==========================================----- -----==================area of expertise ===============----- -----=========================================-----*/
.area_of_expertise {
  position: relative;
  padding: 100px 0px 0px;
  overflow: hidden;
}
.area_of_expertise .simpleParallax {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  min-height: 600px;
}
.area_of_expertise .simpleParallax img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.area_of_expertise .title_and_video {
  position: relative;
  padding-bottom: 50px;
  z-index: 11;
}
.area_of_expertise .title_and_video .col-lg-4 {
  position: relative;
}
.area_of_expertise .title_and_video .video_box {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  left: 0;
  height: 70px;
}
.area_of_expertise .title_and_video .video_box a {
  background: #fff;
  color: var(--primary-color-one);
}
.area_of_expertise .title_and_video .video_box a::after {
  -webkit-animation: none;
  animation: none;
  width: 90px;
  height: 90px;
  top: 0;
  background: rgba(255, 255, 255, 0.4);
  z-index: -1;
  bottom: 0;
  margin: auto;
  right: 0px;
  left: -10px;
  -webkit-transform: inherit;
  transform: inherit;
  transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
}
.area_of_expertise .title_and_video .video_box a::before {
  -webkit-animation: none;
  animation: none;
  width: 110px;
  height: 110px;
  top: 0;
  background: rgba(255, 255, 255, 0.2);
  z-index: -1;
  bottom: 0;
  margin: auto;
  right: 0px;
  left: -20px;
  -webkit-transform: inherit;
  transform: inherit;
  transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
}
.area_of_expertise .title_and_video .title_sections h2 {
  color: #fff;
}
.area_of_expertise .title_and_video .title_sections p {
  color: rgba(255, 255, 255, 0.85);
}
.area_of_expertise .expertise_box {
  position: relative;
  padding: 40px 10px 20px 15px;
  margin-top: 30px;
  cursor: pointer;
}
.area_of_expertise .expertise_box .step_number {
  position: relative;
  float: left;
  z-index: 11;
}
.area_of_expertise .expertise_box .step_number h2 {
  font-size: 30px;
  line-height:  65px;
  color: #fff;
  font-weight: 700;
}
.area_of_expertise .expertise_box .title {
  position: relative;
  margin-left: 55px;
  z-index: 11;
  top: 22px;
}
.area_of_expertise .expertise_box .title a {
  font-size: 20px;
  font-weight: 700;
  color: var(--heading-dark);
  display: block;
  line-height: 30px;
  color: #fff;
}
.area_of_expertise .expertise_box::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 10px;
  left: 0;
  bottom: 0;
  background: rgba(248, 153, 31, 0.73);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  z-index: 1;
}
.area_of_expertise .expertise_box:first-child:after, .area_of_expertise .expertise_box:nth-child(2):after, .area_of_expertise .expertise_box:nth-child(3):after  {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.3);
  width: 1px;
  height: calc(100% + 1000px);
  right: 0px;
  bottom: 0px;
  z-index: 0;
}
.area_of_expertise .expertise_box:hover::before {
  background: var(--primary-color-one);
  height: 100%;
}
.area_of_expertise:hover .title_and_video .video_box a::after {
  width: 70px;
  height: 70px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.area_of_expertise:hover .title_and_video .video_box a::before {
  width: 70px;
  height: 70px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.area_of_expertise::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(300deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 100%);
  opacity: 0.65;
  z-index: 1;
}
/*---==========================================----- -----==================testimonial_sec ===============----- -----=========================================-----*/
/*-----v2 style-----*/
.testimonial_sec {
  position: relative;
}
.testimonial_sec.style_v2_two {
  text-align: center;
}
.testimonial_sec.style_v2_two .testimonial_box {
  position: relative;
  z-index: 4;
}
.testimonial_sec.style_v2_two .testimonial_box .c_image {
  position: relative;
  overflow: hidden;
  width: 400px;
  height: 400px;  
  margin: 0 auto 20px;
}
.testimonial_sec.style_v2_two .testimonial_box .c_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.testimonial_sec.style_v2_two .testimonial_box .c_content h2 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
  line-height: 32px;
}
.testimonial_sec.style_v2_two .testimonial_box .c_content span {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  display: block;
      font-family: var(--font-family-primary);
  margin-bottom: 15px;
}
.testimonial_sec.style_v2_two .arrows {
  position: absolute;
  width: 100%;
  height: 100px;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
}
.testimonial_sec.style_v2_two .arrows .prev-single-one, .testimonial_sec.style_v2_two .arrows .next-single-one {
  position: absolute;
  left: -80px;
  top: 0;
  bottom: 0;
  z-index: 3;
}
.testimonial_sec.style_v2_two .arrows .prev-single-one:before, .testimonial_sec.style_v2_two .arrows .next-single-one:before {
  width:   3.646rem;
  height:   3.646rem;
  box-shadow: var(--box-shadow);
  line-height:   3.646rem;
  text-align: center;
  border-radius: 0px;
  font-size: 26px;
  color: #fff;
  background: var(--primary-color-one);
}
.testimonial_sec.style_v2_two .arrows .next-single-one {
  left: unset;
  right: -20px;
}
/*---==========================================----- -----==================grid column for blog post and project ===============----- -----=========================================-----*/
/*---==========================================----- -----================== image_boxes ===============----- -----=========================================-----*/
.image_boxes {
  position: relative;
}
/*---==========================================----- -----================== simple image boxes ===============----- -----=========================================-----*/
.simple_image_boxes {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.simple_image_boxes img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
/*---==========================================----- -----================== image_boxes ===============----- -----=========================================-----*/
.counter-block.style_two {
  position: relative;
  padding: 35px 45px;
  border-radius: 10px;
  width: 50%;
}
.counter-block.style_two .coun_ter {
  position: relative;
  margin-bottom: 10px;
}
.counter-block.style_two .coun_ter span {
  display: inline-block;
  font-size: 50px;
  line-height: 35px;
  font-weight: 700;
  color: var(--color-white);
      font-family: var(--font-family-primary);
}
.counter-block.style_two .coun_ter small {
  font-size: 30px;
  position: relative;
  color: var(--color-white);
}
.counter-block.style_two .content_box {
  position: relative;
}
.counter-block.style_two .content_box h6 {
  display: block;
  color: var(--color-white);
  line-height: 30px;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 6px;
}
/*---==========================================----- -----================== call_to_action ===============----- -----=========================================-----*/
/*---==========================================----- -----================== icon_box_all ===============----- -----=========================================-----*/
.icon_box_all {
  position: relative;
 /*---light_color_one ---*/
}
.icon_box_all.style_two {
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  min-height: 75px;
}
.icon_box_all.style_two .icon_content {
  position: relative;
  display: flex;
}
.icon_box_all.style_two .icon_content .icon {
  position: relative;
  min-width: 50px;
}
.icon_box_all.style_two .icon_content .icon span {
  font-size: 35px;
  color: var(--color-white);
  line-height: 120px;
  margin: auto;
}
.icon_box_all.style_two .icon_content .txt_content {
  position: relative;
  margin-left: 15px;
  margin-bottom: 30px;
}
.icon_box_all.style_two .icon_content .txt_content p {
  margin: 10px 0px 0px 0px;
}
.icon_box_all.style_two:hover {
  border-color: var(--primary-color-one);
}
/*---==========================================----- -----================== content_box_cn ===============----- -----=========================================-----*/
.content_box_cn {
  position: relative;
}
.content_box_cn.style_one {
  padding: 0px 0px 10px 10px;
}
.content_box_cn.style_one .txt_content {
  position: relative;
}
.content_box_cn.style_one .txt_content::before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  background: var(--primary-color-one);
  left: -25px;
  top: 8px;
}
.content_box_cn.style_one .txt_content::after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  background: var(--primary-color-one);
  opacity: 0.4;
  left: -19px;
  top: 8px;
}
.content_box_cn.style_one .txt_content h3 a {
  display: block;
  color: var(--heading-dark);
  line-height: 28px;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
/*---==========================================----- -----================== faq_section ===============----- -----=========================================-----*/
/*---==========================================----- -----================== progress_bar ===============----- -----=========================================-----*/
/*---==========================================----- -----================== time_line_section ===============----- -----=========================================-----*/
.time_line_section {
  position: relative;
}

.time_line_section.style_two .event_box {
  position: relative;
}
.time_line_section.style_two .event_box .image {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0px auto 20px;
}
.time_line_section.style_two .event_box .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.time_line_section.style_two .event_box .date_box {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.time_line_section.style_two .event_box .date_box h6 {
  position: relative;
  display: inline-block;
  padding: 12px 26px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
  background: transparent;
  border-radius: 30px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.time_line_section.style_two .event_box .date_box h6::before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: var(--primary-color-one);
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -25px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.time_line_section.style_two .event_box .content_box {
  position: relative;
  background: transparent;
  padding: 40px 30px;
  border-radius: 10px;
  text-align: center;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.time_line_section.style_two .event_box .content_box h2 {
  line-height: normal;
}
.time_line_section.style_two .event_box .content_box h2 a {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 12px;
  display: block;
}
.time_line_section.style_two .event_box .content_box p {
  margin-bottom: 10px;
  color: var(--text-color-light);
}
.time_line_section.style_two .event_box:hover .content_box {
  background: var(--primary-color-one);
}
.time_line_section.style_two .event_box:hover .content_box p {
  color: rgba(255, 255, 255, .8);
}
.time_line_section.style_two .event_box:hover .date_box {
  border-bottom: 1px solid var(--primary-color-one);
}
.time_line_section.style_two .event_box:hover .date_box h6 {
  background: var(--primary-color-one);
}
/*---------tab ----style-----one---------------*/
.tabs_all_box {
  position: relative;
}
.about_us_section .homepage:before{
      background-image: url('../images/vipt/map-dot.png');
      content: '';
      position: absolute;
      left: -120px;
      top: 800px;
      width: 920px;
      height: 535px;
      background-size: cover;
      z-index: -1;
}
.about_us_section2 .homepage:before{
  background-image: url(../images/vipt/map-dot.png);
  content: '';
  position: absolute;
  left: -230px;
  top: 360px;
  width: 920px;
  height: 535px;
  background-size: cover;
  z-index: -1;
}
section.about_us_section {
  padding: 100px 0px 100px 0px;
}
section.about_us_section2 {
  padding: 100px 0px 100px 0px;
}

.tabs_all_box .s_tab {
  display: none;
}

.tabs_all_box .s_tab.active-tab {
  display: block;
}
.tabs_all_box .s_tab.active-tab.show {
  animation: fadeIn ease 0.9s;
  -webkit-animation: fadeIn ease 0.9s;
  -moz-animation: fadeIn ease 0.9s;
  -o-animation: fadeIn ease 0.9s;
  -ms-animation: fadeIn ease 0.9s;
}
.tabs_all_box.type_one {
  position: relative;
}
.tabs_all_box.type_one .tabs_header {
  position: absolute;
  left: 0px;
  width: 270px;
  height: auto;
  background: #fff;
  padding: 10px 0px 0px 0px;
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  z-index: 5;
  top: -10px;
}
.tabs_all_box.type_one .tabs_header ul {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}
.tabs_all_box.type_one .tabs_header ul li {
  display: block;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.tabs_all_box.type_one .tabs_header ul li a {
  font-size: 16px;
  position: relative;
  font-weight: 700;
  color: var(--heading-dark);
  line-height: 28px;
      font-family: var(--font-family-primary);
  padding: 20px 0px;
  border-bottom: 1px solid var(--border-color-dark);
  background: transparent;
  border-radius: 0px;
  display: block;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.tabs_all_box.type_one .tabs_header ul li a.active {
  color: var(--primary-color-one);
}
.tabs_all_box.type_one .tabs_header ul li:last-child a {
  border-bottom: 0px;
}
.tabs_all_box.type_one .tabs_header ul li:hover a {
  color: var(--primary-color-one);
  padding-left: 5px;
}
.tabs_all_box.type_one .tab_content {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  min-height: 550px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-left: 300px;
}
.tabs_all_box.type_one .tab_content::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0px;
  z-index: 1;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.tabs_all_box.type_three .tabs_header {
  position: relative;
  margin-bottom: 30px;
}
.tabs_all_box.type_three .tabs_header .showcase_tabs_btns {
  position: relative;
}
.tabs_all_box.type_three .tabs_header ul {
  display: block;
  margin: 0;
  padding: 0;
}
.tabs_all_box.type_three .tabs_header ul li {
  display: inline-block;
  padding: 0px 30px 20px 20px;
}
.tabs_all_box.type_three .tabs_header ul li a {
  font-size: 40px;
  font-weight: 700;
  color: var(--heading-dark);
  line-height: 28px;
  text-transform: capitalize;
      font-family: var(--font-family-primary);
  border-radius: 10px;
  border: 0px;
  background: transparent;
  display: block;
}
.tabs_all_box.type_three .tabs_header ul li a.active {
  color: var(--primary-color-one);
}
.tabs_all_box.type_three .tab_content {
  position: relative;
}
.tabs_all_box.type_three .tab_content .content_bx {
  position: relative;
}
.tabs_all_box.type_three .tab_content .content_bx p {
  margin-bottom: 26px;
}
@keyframes fadeIn {
  0% {
      opacity: 0;
 }
  100% {
      opacity: 1;
 }
}
@-moz-keyframes fadeIn {
  0% {
      opacity: 0;
 }
  100% {
      opacity: 1;
 }
}
@-webkit-keyframes fadeIn {
  0% {
      opacity: 0;
 }
  100% {
      opacity: 1;
 }
}
@-o-keyframes fadeIn {
  0% {
      opacity: 0;
 }
  100% {
      opacity: 1;
 }
}
@-ms-keyframes fadeIn {
  0% {
      opacity: 0;
 }
  100% {
      opacity: 1;
 }
}
/*----client_logo_carousel------*/
/*------------newsteller------------------*/
/*----price_plan_box------*/
.price_plan_box {
  position: relative;
}
.price_plan_box.style_one {
  box-shadow: var(--box-shadow);
  background: #fff;
  padding: 65px 30px 0px;
  border-radius: 10px;
  height: 700px;
}
.title.style_one {
  padding: 20px 5px 40px;
}
p.pwhite {
  color:rgba(255, 255, 255, 0.7);
}
.price_plan_box.style_one .top {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-right: 25px;
}
.price_plan_box.style_one .top::before {
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background: var(--primary-color-one);
  bottom: 0;
  left: 0;
}
.titlewhite .top::before {
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background: var(--color-white);
  bottom: 0;
  left: 0;
}
.title.style_one .top {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-right: 25px;
}
.price_plan_box.style_one .bottom {
  position: relative;
}
.modal-popup-inner .form_content input, .modal-popup-inner .form_content input[type="text"], .modal-popup-inner .form_content input[type="email"], .modal-popup-inner .form_content textarea {
  margin-bottom: 5px !important;
}
.modal-popup-inner .form_content p {
  position: relative;
  margin: 0px;
}
.modal-popup-inner .form_content p i {
  position: absolute;
  top: 46px;
  right: 14px;
  color: var(--primary-color-one);
  margin: auto;
  font-size: 16px;
  height: 16px;
}
.modal-popup-inner .form_content p br {
  display: none;
}
/*--====================================================-- ----==============price_plan_box========================-- --======================================================--*/
/*--====================================================-- ----==============social_media_v_one========================-- --======================================================--*/
.social_media_v_one {
  position: relative;
}
.social_media_v_one ul {
  padding: 0;
  margin: 0;
}
.social_media_v_one ul li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px !important;
}
.social_media_v_one ul li:last-child {
  margin-right: 0px;
}
.social_media_v_one ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  border-radius: 50px;
  background: var(--primary-color-two);
  color: #fff;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.social_media_v_one ul li a span {
  opacity: 0.8;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.social_media_v_one ul li a small {
  position: absolute;
  padding: 5px 15px;
  border-radius: 5px;
  background: #fff;
  color: var(--primary-color-one);
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  min-width: 100px;
  text-align: center;
  margin: auto;
  left: -10px;
  right: 0;
  top: -35px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  opacity: 0;
}
.social_media_v_one ul li a small::before {
  position: absolute;
  content: '';
  width: 12px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 12px;
  bottom: -20px;
  left: 20px;
}
.social_media_v_one ul li a:hover {
  background: var(--primary-color-one);
  color: #fff;
}
.social_media_v_one ul li a:hover small {
  opacity: 1;
}
.social_media_v_one ul li a:hover span {
  opacity: 1;
}
.social_media_v_one.style_two ul li a {
  background-color: var(--primary-color-three);
  color: var(--primary-color-one);
}
/*--====================================================-- ----==============shape_one========================-- --======================================================--*/
/*--====================================================-- ----==============Contact us contact boxes========================-- --======================================================--*/
.contact_box_content {
  position: relative;
}
.contact_box_content.style_one .contact_box_inner {
  position: relative;
  padding: 20px 30px;
  display: block;
  border-radius: 10px;
  border: 1px solid var(--border-color-dark);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  cursor: pointer;
  background: #fff;
}
.contact_box_content.style_one .contact_box_inner .contnet {
  position: relative;
}
.contact_box_content.style_one .contact_box_inner .contnet h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-dark);
  margin-bottom: 5px;
  line-height: 26px;
}
.contact_box_content.style_one .contact_box_inner .contnet p {
  margin-bottom: 0px;
}
.contact_box_content.style_one .contact_box_inner:hover {
  box-shadow: var(--box-shadow);
  border-color: #fff;
}
.contact_box_content.style_one .contact_box_inner.icon_yes .icon_bx {
  position: absolute;
  left: 24px;
  bottom: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: var(--primary-color-one);
  margin: auto;
  text-align: center;
  line-height: 40px;
}
.contact_box_content.style_one .contact_box_inner.icon_yes .icon_bx span {
  color: #fff;
  font-size: 16px;
}
.contact_box_content.style_one .contact_box_inner.icon_yes .contnet {
  margin-left: 55px;
}
/*--====================================================-- ----==============Contact Form contact========================-- --======================================================--*/
form p {
  margin-bottom: 0px;
}
form br {
  display: none;
}
.contact_form_box_all {
  position: relative;
}
.contact_form_box_all input, .contact_form_box_all input[type="text"], .contact_form_box_all textarea {
  margin: 6px 0px 25px !important;
}
.contact_form_box_all button[type="submit"] {
  margin-bottom: 10px !important;
}
.contact_form_box_all label {
  position: relative;
}
.contact_form_box_all textarea {
  height: 130px;
}
.contact_form_box_all.type_one .contact_form_box_inner {
  position: relative;
  padding: 50px 45px 35px;
  border-radius: 15px;
  background: #fff;
  box-shadow: var(--box-shadow-two);
  z-index: 1;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode {
  position: relative;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode label {
  font-size: 12px;
  font-weight: 600;
      font-family: var(--font-family-primary);
  line-height: 12px;
  color: var(--heading-dark);
  width: 100%;
  text-transform: uppercase;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode input, .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode button {
  width: 100%;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode textarea {
  height: 150px;
}
.contact_form_box_all.type_two .contact_form_shortcode form p::last-child, .contact_form_box_all.type_two .contact_form_shortcode form div::last-child {
  margin-bottom: 0px;
}
form {
  position: relative;
}
/*-============fourntcontent====================-*/
.search {
  position: relative;
  margin-bottom: 30px;
}
/*-----description_box-------*/
.description_box {
  position: relative;
}
.description_box p {
  margin: 0;
}
/*----===========quotes_box==============------*/
.quotes_box {
  position: relative;
}
.quotes_box.style_one {
  padding: 0px 20px 0px 20px;
  border-left: 3px solid var(--primary-color-one);
}
.quotes_box.style_one .icon {
  position: absolute;
  left: 28px;
  top: 0;
}
.quotes_box.style_one .icon img {
  height: 44px;
  width: auto;
}
.quotes_box.style_one .content {
  position: relative;
  padding-left: 75px;
}
.quotes_box.style_one .content h6 {
  font-size: 22px;
  line-height: 32px;
  color: var(--primary-color-two);
  margin-bottom: 18px;
}
.quotes_box.style_one .content h3 {
  font-size: 18px;
  line-height: 28px;
  color: var(--primary-color-one);
}
@media (max-width: 768px) {
  .quotes_box.style_one .icon {
      position: relative;
      left: 0;
      right: 0;
      margin-bottom: 20px;
 }
  .quotes_box.style_one .content {
      padding-left: 0px;
 }
}
/*----contact_list type_one-----*/
/*------=========================megamenu box========================---------------*/
/*-------==============list_item_box===============---------*/
/* so6 service*/

/*--=====================================--- --------------service css----------------- ---=====================================--*/
.service_box {
  position: relative;
}
.service_box.style_one .service_content {
  position: relative;
  cursor: pointer;
  background: #fff;
  opacity: 0.96;
  padding: 30px;
  border-radius: 15px;
  box-shadow: var(--box-shadow);
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
.service_box.style_one .service_content .image {
  position: relative;
  margin-bottom: 20px;
  margin-left:30px;
}
.service_box.style_one .service_content .image img {
  width: auto;
  display: block;
}
.service_box.style_one .service_content .content_inner {
  position: relative;
}
.service_box.style_one .service_content .content_inner h2 a {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading-dark);
  display: block;
  line-height: 32px;
  margin-bottom: 10px;
}

.service_box.style_one .service_content .content_inner a.read_more {
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
      font-family: var(--font-family-primary);
  color: var(--heading-dark);
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.service_box.style_one .service_content .content_inner a.read_more::before {
  position: absolute;
  content: "\f105";
  font-family: "FontAwesome";
  right: -16px;
  top: 0px;
  font-size: 17px;
  color: var(--heading-dark);
  height: 15px;
  line-height: 15px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.service_box.style_one .service_content .content_inner a.read_more:hover {
  color: var(--primary-color-one);
}
.service_box.style_one .service_content .content_inner a.read_more:hover::before {
  right: -25px;
  color: var(--primary-color-one);
}
.service_box.style_one .service_content:hover .content_inner h2 a {
  color: var(--primary-color-one);
}
.service_box.style_one .service_content:hover {
  transform: translateY(-10px);
}
.service_box.style_five .service_content {
  position: relative;
}
.service_box.style_five .service_content .image_box {
  position: relative;
  overflow: hidden;
  height: 220px;
  margin-bottom: 5px;
  border-radius: 5px;
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
.service_box.style_five .service_content .image_box img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service_box.style_five .service_content .image_box::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%; 
  left: -100%;
  border: 5px;
  top: 0;
  background: linear-gradient(90deg, var(--bg-light-color-one) 40%, rgba(0, 0, 0, 0.09) 180%);
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
.service_box.style_five .service_content .content_inner {
  position: relative;
  padding: 25px 20px;
  border: 1px solid var(--border-color-dark);
  border-radius: 5px;
  background: #fff;
}
.service_box.style_five .service_content .content_inner span {
  display: block;
  position: absolute;
  width:   3.646rem;
  border-radius: 5px;
  color: var(--primary-color-one);
  border: 1px solid var(--border-color-dark);
  height:   3.646rem;
  left: 20px;
  top: 0px;
  bottom: 0;
  margin: auto;
  font-size: 30px;
  text-align: center;
  line-height:   3.646rem;
  border-radius: 50px;
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
.service_box.style_five .service_content .content_inner .text_box {
  position: relative;
  margin-left: 80px;
}
.service_box.style_five .service_content .content_inner .text_box h2 {
  line-height: normal;
}
.service_box.style_five .service_content .content_inner .text_box h2 a {
  font-size: 20px;
  font-weight: 700;
  color: var(--heading-dark);
  line-height: 30px;
  margin-bottom: 6px;
  display: block;
}
.service_box.style_five .service_content .content_inner .text_box p {
  margin-bottom: 0px;
}
.service_box.style_five .service_content:hover .image_box::before {
  left: 0;
  opacity: 0.9;
}
.service_box.style_five .service_content:hover .content_inner span {
  border-color: var(--primary-color-one);
  background: var(--primary-color-one);
  color: #fff;
}
.service_post {
  position: relative;
}
.service_post.style_five {
  margin-bottom: 20px;
}
.service_post.style_five .image_box {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.service_post.style_five .image_box .gradient {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, var(--primary-color-two) 6%, rgba(0, 0, 0, 0.09) 62%);
  left: 0;
  top: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.service_post.style_five .image_box img {
  position: relative;
  width: 100%;
  height: 430px;
  object-fit: cover;
  transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}
.service_post.style_five .image_box::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background: var(--bg-light-color-one);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}
.service_post.style_five .content_box {
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 4;
  padding: 40px 30px 30px;
  overflow: hidden;
}
.service_post.style_five .content_box h2 {
  line-height: normal;
}
.service_post.style_five .content_box h2 a {
  display: block;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transform: translateY(70px);
}
.service_post.style_five .content_box p {
  transform: translateY(200px);
  color: #fff;
  margin-bottom: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.service_post.style_five .icon_box {
  position: absolute;
  left: 0;
  bottom: -26px;
  background: var(--primary-color-one);
  width: 65px;
  height: 65px;
  border-radius: 50px;
  line-height: 65px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  z-index: 10;
  left: 75%;
}
.service_post.style_five .icon_box span {
  position: absolute;
  font-size: 30px;
  line-height: 35px;
  display: block;
  height: 35px;
  width: 35px;
  text-align: center;
  top: 0;
  bottom: 0;
  color: #fff;
  left: 0;
  right: 0;
  margin: auto;
  font-weight: 700;
}
.service_post.style_five:hover .image_box img {
  -webkit-transform: scale(1.2) rotate(2deg);
  transform: scale(1.2) rotate(2deg);
}
.service_post.style_five:hover .image_box::before {
  opacity: 0.8;
}
.service_post.style_five:hover .icon_box {
  left: 30px;
}
.service_post.style_five:hover .content_box h2 a {
  transform: translateY(-30px);
}
.service_post.style_five:hover .content_box p {
  transform: translateY(-30px);
}

/* so7 projects*/
/*---==========================================----- -----==================project_caro_section ===============----- -----=========================================-----*/
.project_caro_section .p_pagination .swiper-pagination {
  padding: 20px 0px 0px;
}
/*---==========================================----- -----================== project_all ===============----- -----=========================================-----*/
.project_all {
  position: relative;
}
.project_all.filter_enabled {
  padding: 60px 0 20px 0px;
}
.project_all.filt_style_one .fliter_group {
  position: relative;
  margin-bottom: 50px;
}
.project_all.filt_style_one .fliter_group .project_filter {
  position: relative;
  display: block;
  padding-left: 0px;
}
.project_all.filt_style_one .fliter_group .project_filter li {
  display: inline-block;
  margin: 0px 15px;
  position: relative;
  padding: 9px 15px 5px;
  border-left: 1px solid var(--border-color-dark);
  border-bottom: 1px solid var(--border-color-dark);
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  text-transform: uppercase;
      font-family: var(--font-family-primary);
  font-weight: 600;
}
.project_all.filt_style_one .fliter_group .project_filter li.current {
  border-color: var(--primary-color-one);
  background: var(--primary-color-one);
  color: #fff;
}
.project_all.filt_style_four .fliter_group {
  position: relative;
  margin-bottom: 40px;
  margin-top: 20px;
}
.project_all.filt_style_four .fliter_group .project_filter {
  position: relative;
  display: block;
  border-bottom: 1px solid var(--border-color-dark);
}
.project_all.filt_style_four .fliter_group .project_filter li {
  display: inline-block;
  position: relative;
  padding: 0px 8px 16px;
  margin: 0px 3px;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  text-transform: uppercase;
  font-weight: 600;
  background: transparent;
      font-family: var(--font-family-primary);
  font-weight: 700;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.project_all.filt_style_four .fliter_group .project_filter li.current {
  color: var(--primary-color-one);
}
.project_all.filt_style_four .fliter_group .project_filter li:after {
  position: absolute;
  content: '';
  background: var(--primary-color-one);
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.project_all.filt_style_four .fliter_group .project_filter li.current:after {
  opacity: 1;
}
.pd_zero {
  padding: 0px !important;
}
/*---==========================================----- -----================== project_information ===============----- -----=========================================-----*/
/* so8 blog*/


/*--=====================================--- --------------Blog css----------------- ---=====================================--*/
/*--====== hover-1 ======--*/
.img_hover-1 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.img_hover-1::before {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  opacity: 0;
  background: var(--bg-light-color-one);
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out !important;
  -moz-transition: 0.5s ease-in-out !important;
  -o-transition: 0.5s ease-in-out !important;
  -ms-transition: 0.5s ease-in-out !important;
  transition: 0.5s ease-in-out !important;
}
.img_hover-1::after {
  position: absolute;
  z-index: 1;
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, .2);
  border-radius: 10px;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  margin: auto;
}
@-webkit-keyframes circle {
  0% {
      opacity: 1;
 }
  40% {
      opacity: 1;
 }
  100% {
      width: 100%;
      height: 100%;
      opacity: 0;
 }
}
@keyframes circle {
  0% {
      opacity: 1;
 }
  40% {
      opacity: 1;
 }
  100% {
      width: 100%;
      height: 100%;
      opacity: 0;
 }
}
.news_box:hover .img_hover-1::before {
  opacity: 0.85;
}
.news_box:hover .img_hover-1::after {
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}
/*----sticky ------*/
/*------ news_box style_one ------*/
.news_box.style_one {
  position: relative;
  margin: 0px 0px 30px;
  text-align: center;
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  overflow: hidden;
}
.news_box.style_one .image {
  position: relative;
  overflow: hidden;
  width: 630px;
  height: 390px;
}
.news_box.style_one .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_box.style_one .content_box {
  position: relative;
  z-index: 4;
  padding: 30px 15px 15px;
}
.news_box.style_one .content_box .date {
  position: absolute;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: var(--primary-color-one);
  border: 4px solid #fff;
  top: 0;
  left: 0;
  right: 0;
  padding: 9px 10px 0px;
}
.news_box.style_one .content_box .date span {
  display: block;
  color: #fff;
      font-family: var(--font-family-primary);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}
.news_box.style_one .content_box .date span.date_in_number {
  font-size: 18px;
  line-height: 24px;
}
.news_box.style_one .content_box .categories {
  font-size: 12px;
  display: block;
  color: var(--text-color-dark);
      font-family: var(--font-family-primary);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px;
}
.news_box.style_one .content_box .categories i {
  font-size: 16px;
  margin-right: 5px;
}
.news_box.style_one:hover .content_box .categories {
  color: var(--primary-color-one);
}
.news_box.style_one.has_images .content_box .date {
  margin: -45px auto 0;
}
/*----====news_box default_style list_vi=====----*/
.news_box.default_style.list_view {
  position: relative;
  display: flex;
  box-shadow: var(--box-shadow);
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 10px;
}
.news_box.default_style.list_view .image {
  position: relative;
  max-width: 170px;
  max-height: 100%;
}
.news_box.default_style.list_view .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_box.default_style.list_view .image .categories {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 12px 2px;
  background: var(--primary-color-two);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 26px;
  border-radius: 0px 0px 10px 0px;
      font-family: var(--font-family-primary);
  transition: 0.9s ease-in-out;
  -moz-transition: 0.9s ease-in-out;
  -o-transition: 0.9s ease-in-out;
  -ms-transition: 0.9s ease-in-out;
}
.news_box.default_style.list_view .image .categories i {
  margin-right: 6px;
}
.news_box.default_style.list_view .content_box {
  position: relative;
  padding: 20px;
}
.news_box.default_style.list_view .content_box .date {
  position: relative;
  margin-bottom: 15px;
}
.news_box.default_style.list_view .content_box .date span {
  display: block;
  color: var(--primary-color-one);
      font-family: var(--font-family-primary);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}
.news_box.default_style.list_view .content_box h2 a {
  display: block;
  color: var(--heading-dark);
  line-height: 32px;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}
.news_box.default_style.list_view .content_box h2 a:hover {
  color: var(--primary-color-one);
}
.news_box.default_style.list_view .content_box p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.news_box.default_style.list_view:hover .image .categories {
  background: var(--primary-color-one);
}
.news_box.default_style.list_view.normal_view {
  display: block;
}
.news_box.default_style.list_view.normal_view .image {
  height: 350px;
  min-width: auto;
  width: 100%;
  max-width: 100%;
}
.news_box.default_style.list_view.normal_view .content_box {
  margin-left: 0px;
}
.grid_box .news_box {
  margin-bottom: 0px !important;
}
.grid_layout.row .grid_box .news_box {
  margin-bottom: 30px !important;
}
.blog_feature_image {
  position: relative;
  overflow: hidden;
}
.blog_feature_image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 15px;
}
/*-----------====================related_post ===========================------------------*/
.related_post {
  position: relative;
  margin-top: 50px;
  padding-top: 50px;
  margin-bottom: 20px;
  border-top: 1px solid var(--border-color-dark);
}
.related_post .title_sections_inner {
  position: relative;
  margin-bottom: 30px;
}
.related_post .title_sections_inner h2 {
  font-size: 24px;
  color: var(--heading-dark);
  line-height: 34px;
}
.related_post .news_box.default_style.list_view {
  box-shadow: none !important;
  background: var(--primary-color-three);
  margin-bottom: 20px;
}
.related_post .news_box.default_style.list_view .image {
  height: 250px !important;
  min-height: 250px !important;
}
.related_post .news_box.default_style.list_view .content_box {
  padding: 30px 10px 30px !important;
}
.related_post .news_box.default_style.list_view .content_box h2 a {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 8px;
}
.related_post .news_box.default_style.list_view .content_box .source {
  margin: 0px !important;
  padding: 0px !important;
  border-bottom: 0px !important;
}
.related_post .news_box.default_style.list_view .content_box .source p {
  margin: 0px !important;
}
.related_post .arrow_related {
  position: absolute;
  right: 0;
  top: 43px;
}
.related_post .arrow_related .related-button-next, .related_post .arrow_related .related-button-prev {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  text-align: center;
  line-height: 50px;
  border: 1px solid var(--border-color-dark);
}
.related_post .arrow_related .related-button-next i, .related_post .arrow_related .related-button-prev i {
  position: absolute;
  font-size: 20px;
  height: 20px;
  width: 20px;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
}
.related_post .arrow_related .related-button-prev {
  margin-right: 8px;
}
@media (max-width: 992px) {
  .arrow_related {
      top: inherit !important;
      bottom: -40px;
      left: 0;
      margin: auto;
      text-align: center;
 }
}

/* so9 footer*/

/*----============---footer_default-styles--===========---*/
/*---==========================================----- -----================== footer widgets css ===============----- -----=========================================-----*/
/*----============---about company--===========---*/
.footer_widgets {
  position: relative;
  margin-bottom: 30px;
 /*----about company-----*/
 /*-----get_in_touch_foo------*/
 /*-----navigation_foo-----*/
}
.footer_widgets .fo_wid_title {
  position: relative;
  margin-bottom: 16px;
}
.footer_widgets .fo_wid_title:before {
  position: absolute;
  content: '';
  width: 70px;
  height: 3px;
  background: var(--primary-color-one);
  left: 0;
  bottom: -15px;
}
.footer_widgets .fo_wid_title h2 {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 5px;
}
.footer_widgets.about_company {
  position: relative;
}
.footer_widgets.get_in_touch_foo {
  position: relative;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner {
  position: relative;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .top, .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom {
  position: relative;
  margin-bottom: 20px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .top h6, .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom h6 {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 8px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .top p {
  color: var(--primary-color-three);
  margin-bottom: 0px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .bottom {
  margin-bottom: 0px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content {
  position: relative;
  margin-bottom: 5px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content h5 {
  display: inline-block;
  font-family:  var(--font-family-primary);
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 26px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content a {
  color: var(--primary-color-three);
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}
.footer_widgets.navigation_foo {
  position: relative;
}
.footer_widgets.navigation_foo .navigation_foo_inner {
  position: relative;
}
.footer_widgets.navigation_foo .navigation_foo_inner ul {
  padding: 0;
  margin: 0;
  position: relative;
}
.footer_widgets.navigation_foo .navigation_foo_inner ul li {
  position: relative;
  display: block;
  list-style: none;
}
.footer_widgets.navigation_foo .navigation_foo_inner ul li a {
  display: block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 9px;
  color: var(--primary-color-three);
  font-weight: 400;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.footer_widgets.navigation_foo .navigation_foo_inner ul li a:hover {
  color: var(--primary-color-one);
}
/*------recent--post-----*/
/*----foo_subscribe ----*/
.foo_subscribe {
  position: relative;
}
.foo_subscribe.style_one p {
  color: var(--primary-color-three);
  margin-bottom: 15px;
}
.foo_subscribe.style_one .shortcodes {
  position: relative;
  padding-top: 5px;
}
.foo_subscribe.style_one .shortcodes input {
  border-radius: 10px;
  width: 100%;
  border-color: rgba(255, 255, 255, .06);
  font-size: 14px;
      font-family: var(--font-family-primary);
}
.foo_subscribe.style_one .shortcodes input[type="submit"] {
  background: var(--primary-color-one);
  position: absolute;
  width: auto;
  height: 45px;
  font-size: 12px;
      font-family: var(--font-family-primary);
  text-transform: uppercase;
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  right: 5px;
  min-width: auto;
  min-height: auto;
  line-height: 29px;
  top: 0px;
  bottom: 0;
  margin: auto;
  border-radius: 10px;
}
/*------footer_copy_right ------*/
.footer_copy_content {
  position: relative;
  color: var(--text-color-light);
  margin: 0px;
  font-family:  var(--font-family-primary);
}
/*-----------=====================footer_contact_form========================-------------------*/
/*---footer_contact_list -----*/
/*---gallery_repeater------*/
.footer_logo img {
  width: 250px;
}
.footer_logo {
  padding: 32px 0 20px 0;
}
/* so10 themecss*/

/*--------=========================shop css==============================----------------*/

strong {
      font-family: var(--font-family-primary);
}
/*----=====product_box type_one=====-------*/

.product_box {
  position: relative;
  margin-bottom: 30px;
}
.product_box.type_one {
  padding: 20px;
  background: #fff;
  text-align: center;
}
.product_box.type_one .inner_box {
  position: relative;
}
.product_box.type_one .inner_box .image_box {
  position: relative;
  margin: auto;
  border-radius: 10px;
  margin-bottom: 20px;
}
.product_box.type_one .inner_box .image_box img {
  width: 100%;
  height: auto;
  margin: auto;
  border: 0px !important;
}
.product_box.type_one .content_box {
  position: relative;
}
.product_box.type_one .content_box h2 {
  line-height: normal;
}
.product_box.type_one .content_box h2 a {
  font-size: 18px;
  line-height: 28px;
  color: var(--heading-dark);
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}
.product_box.type_one .content_box .cart_btn {
  position: relative;
}
.product_box.type_one .content_box .cart_btn a {
  background: var(--primary-color-three);
  font-size: 12px;
  line-height: 26px;
  padding: 0px 25px;
  font-weight: 600;
  min-width: 140px;
  display: inline-block;
  color: var(--heading-dark);
  border-radius: 5px !important;
  text-transform: uppercase !important;
  margin: auto !important;
  text-align: center !important;
  position: relative;
  padding: 10px 25px !important;
}
.product_box.type_one .content_box .cart_btn a:hover {
  color: var(--primary-color-one) !important;
}
.product_box.type_one .content_box .cart_btn:hover {
  color: var(--bg-light-color-one) !important;
}

.product_box.type_one .content_box .cart_btn a::after {
  position: absolute;
  z-index: 99;
  right: 10px;
}
.product_box.type_one:hover .inner_box {
  position: relative;
}
.product_box:hover .inner_box {
  position: relative;
}

/*--------=========================shop css==============================----------------*/
/*--------=========================shop Single Product css==============================----------------*/

.default_single_product {
  position: relative;
  padding: 60px 0 0;
}
.default_single_product .summary {
  position: relative;
}
.default_single_product .summary .product_title {
  position: relative;
  font-size: 30px;
  line-height: 70px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--heading-dark);
}

.default_single_product .summary .product_title::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 4px;
  bottom: 0;
  background: var(--primary-color-four);
}

.related .summary .product_title::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 4px;
  bottom: -15px;
  background: var(--primary-color-four);
}
.default_single_product .summary .woocommerce-product-details__short-description {
  position: relative;
  margin-bottom: 30px;
}
.default_single_product .summary .woocommerce-product-details__short-description p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: var(--text-color-dark);
}
.default_single_product .summary form {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.default_single_product .woocommerce-tabs {
  position: relative;
  padding: 50px;
  margin-bottom: 50px;
  border-radius: 5px;
  border: 1px solid var(--border-color-dark);
}

.related.products {
  position: relative;
}
.related.products h2 {
  position: relative;
  font-size: 30px;
  line-height: 7  0px;
  margin-bottom: 30px;
}

/*--------=========================shop Checkout css==============================----------------*/

/*-----------=======================whole_login_content=======================-------------------*/

/*----------=======================mini_cart_togglers========================-------------------*/
/*------elementor------*/

/*------elementor------*/
/*------offer ------*/

/* so11 themecss*/

/*------===============-widget css sidebarwidgets footer footerwidgets-==============------*/
.wp-block-search__inside-wrapper {
  position: relative;
}
.wp-block-search__inside-wrapper i {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  height: 20px;
}
.wp-block-search__inside-wrapper input {
  height: 56px;
  border-radius: 10px;
  font-size: 14px;
  color: var(--heading-dark);
  font-weight: 400;
  border: 1px solid var(--border-color-dark);
}
/*---sidebar-css--*/
/*----widgets_grid_box----*/
.widgets_grid_box {
  position: relative;
  margin-bottom: 50px;
}
.widgets_grid_box .widget-title {
  position: relative;
  margin-bottom: 50px;
  font-size: 18px;
  margin-left: 60px;
  font-weight: 700;
  line-height: 26px;
  color: var(--heading-dark);
      font-family: var(--font-family-primary);
}
.widgets_grid_box .widget-title:before {
  position: absolute;
  content: "";
  width: 50px;
  left: -60px;
  height: 2px;
  background: var(--primary-color-one);
  top: 0;
  bottom: 0;
  margin: auto;
}
.widgets_grid_box .widget-title:after {
  position: absolute;
  content: "";
  width: 10px;
  left: -60px;
  height: 10px;
  border-radius: 10px;
  background: var(--primary-color-one);
  top: 0;
  bottom: 0;
  margin: auto;
}
.widgets_grid_box ul {
  position: relative;
  padding: 0px;
}
.widgets_grid_box ul li {
  position: relative;
  list-style: none;
  padding: 14px 0px 8px;
  border-bottom: 1px solid var(--border-color-dark);
  transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  display: block;
  text-transform: uppercase;
      font-family: var(--font-family-primary);
  font-weight: 600;
  font-size: 12px;
}
.widgets_grid_box ul li a {
  line-height: 22px;
  display: inline-block;
  position: relative;
  transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  color: var(--text-color-dark);
  text-transform: uppercase;
  font-size: 12px;
}
.widgets_grid_box ul li:last-child {
  padding-bottom: 0px;
  border-bottom: 0px;
}
.widgets_grid_box ul.wp-block-categories {
  padding: 15px 30px 25px;
  border-radius: 10px;
  border: 1px solid var(--border-color-dark);
}
.widgets_grid_box ul.wp-block-categories li {
  padding: 14px 0px !important;
}
.widgets_grid_box ul.wp-block-categories li:last-child {
  padding-bottom: 0px !important;
}
.widgets_grid_box ul.wp-block-categories li a {
  padding-right: 8px;
}
.widgets_grid_box .widget-title {
  position: relative;
  margin-bottom: 50px;
  font-size: 18px;
  margin-left: 60px;
  font-weight: 700;
  line-height: 26px;
  color: var(--heading-dark);
      font-family: var(--font-family-primary);
}
.widgets_grid_box .widget-title:before {
  position: absolute;
  content: "";
  width: 50px;
  left: -60px;
  height: 2px;
  background: var(--primary-color-one);
  top: 0;
  bottom: 0;
  margin: auto;
}
.widgets_grid_box .widget-title:after {
  position: absolute;
  content: "";
  width: 10px;
  left: -60px;
  height: 10px;
  border-radius: 10px;
  background: var(--primary-color-one);
  top: 0;
  bottom: 0;
  margin: auto;
}
/*---=======widget_about_authour========------*/
.about_authour_widget {
  position: relative;
  padding: 30px;
  border-radius: 10px;
  background: var(--primary-color-two);
  text-align: center;
}
.about_authour_widget h3 {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}
.about_authour_widget img {
  width: 160px;
  height: 160px;
  margin: 0 auto 20px;
  border-radius: 50%;
  object-fit: cover;
}
.about_authour_widget p {
  color: var(--text-color-light);
  line-height: 26px;
}
.about_authour_widget a {
  font-size: 12px;
  background: var(--primary-color-one);
  text-transform: uppercase;
  font-weight: 600;
      font-family: var(--font-family-primary);
  color: #fff;
  display: inline-block;
  position: relative;
  line-height: 22px;
  padding: 17px 28px 11px;
  border-radius: 30px;
}
/*----latest----pist--------*/
.widgets_grid_box ul li {
  margin-bottom: 0px !important;
}
/*----====widget_crochure=========-----*/
/*----====widget_contact_box_widget=========-----*/



/* so12 themecss*/


a.theme-btn.four {
  float: right;
}

.pd_top_20 {
  padding-top: 20px;
}

.pd_bottom_20 {
  padding-bottom: 20px;
}

h6.titleone {
  font-size: 32px;
  line-height: 45px;
  font-weight: 600;
  color: var(--primary-color-one);
  margin-bottom: 15px;
      font-family: var(--font-family-primary);
}

h5.title {
  text-align: left;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 30px;
}

p.blog {
  text-align: left;
}

p.short_desc {
  font-size: 15px;
  line-height: 25px;
}
section.mapsvipt {
  position: relative;
  padding: 0px 0px 0px;
  overflow: hidden;
}

section.whychoose.bg_op_1 {
  background-image: url('../images/vipt/whychose.jpg');
  padding: 80px 0;
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

section.whychoose.bg_op_2 {
  background-image: url('../images/vipt/testi-home-9.jpg');
  padding: 80px 0;
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mapsvipt .bannervipt {
  background-image: url('../images/vipt/banner3.jpg');
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-size: cover !important;
  height: 700px;
}

.image_box.cover {
  padding: 10px 0;
}

img.img-fluid1 {
  max-width: 42%;
  margin-left: 40px;
}

h2.title {
  font-size: 32px;
  line-height: 45px;
  font-weight: 600;
  color: var(--primary-color-one);
  margin-bottom: 25px;
}

a.search-toggler {
  padding-right: 15px;
}

a.flag {
  padding-right:10px;
}

.service_box.style_one.dark_color.last {
  padding-top: 150px;
}


p.tamnhinsumenh {
  text-align: justify;
}

h6.title {
  font-size: 15px;
  line-height: 25px;
  padding-bottom: 5px;
}

.blogfull {
  padding:80px 0;
}

.title_all_box.style_one.padđing {
  padding-right: 20px;
}

section.whychoose.bg_op_2::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(350deg, var(--primary-color-two) 70%, rgba(0, 0, 0, 0.09) 100%);
  opacity: 0.65;
}

.num {
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-size: 350px;
  line-height: .9;
  margin-top: 3%;
  font-weight: 700;
  letter-spacing: -10px;
}
.wrap_number .num {
  background-image: url('../images/vipt/rice10year.jpg');
}
.plus {
  font-size: 150px;
  color: #E7CC88;
  opacity: 0.4;
  line-height: .5;
  font-weight: 600;
  margin-top: 40px;
}

span.text_up {
  font-family:var(--font-family-haming);
  font-size: 60px;
  color: var(--primary-color-one);
  text-align: center;
  display: block;
  max-width: 600px;
  margin-top: -50px;
}

section.contact-section {
  padding: 70px 0;
}

.contact_box_content.style_one {
  padding-bottom: 15px;
}

.woocommerce-product-formcontact {
  position: relative;
  padding: 20px 30px;
  display: block;
  border-radius: 10px;
  border: 1px solid var(--border-color-dark);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  cursor: pointer;
  background: var(--primary-color-four);
}

p.text-center.whitebold {
  color:#fff;
  font-weight:700;
  font-size:20px;
  padding-bottom: 20px;
}




.linetitle {
  content: "";
  position: absolute;
  width: 80px;
  height: 5px;
  background: var(--primary-color-one);
}

.first {
  margin-top: 50px;
}

.video-wrap {
  width: 100%;
  position: relative;
  padding-bottom: 40%;
}

.video-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.tabs_all_box.type_three .tabs_header ul li:not(:last-child) {
  border-right: 1px solid rgba(62, 62, 62, 0.2);
  height: 40px;
}

.Haming {
  font-family: var(--font-family-haming);
  font-size: 90px;
  text-align: right;
}

.mission {
  padding: 0px 0;
}

.mr_top_minus_80 {
  margin-top: -80px;
}

.col-lg-7.bg_dark_2.mr_top_minus_80.pd_bottom_20.bg_op_1 {
  padding: 10px;
}

.box_content .inner::before{
  top: 0;
  right: 0;
  bottom: 0;
  left: -7.604rem;
  background: #F3F3F3;
  content: '';
  position: absolute;
  z-index: -1;
}

.inner {
  position: relative;
  padding: 58px 48px 83px 21px;
}

.title.m{
  margin-bottom: 30px;
}

.title.rev::before{
  width: 3px;
  height: 60px;
  content: '';
  position: absolute;
  background: var(--primary-color-one);
  top: 65px;
  bottom: 10px;
  left: 2px;
}

.bod {
  padding: 60px 0 0;
}

.service-section .title-sec {
  padding-top: 100px;
  padding-bottom: 240px;
}


.service-section .service-box-wrapper {
  padding-bottom: 90px;
}

.service-section .service_box.style_five {
  margin-top: -160px;
}
.branch__info h3{
  font-size: 20px;
}

.branch__info-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.branch__info-inner>div:nth-child(1) {
  max-width: 350px;
}

.branch__info-inner>div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 500px;
}

.branch__info .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 15px;
}


.branch__info .info img {
  margin-right: 15px;
  margin-top: 10px;
}

.branch__info {
  margin-top: 20px;
}

.mission {
  height: 700px;
}

.staff.bg_vipt_green {
  padding:60px;
}

.chart {
  padding-top:100px;
}

.reoffice {
  padding:60px 0 0;
}

.procedure {
  padding:60px;
}

.certificate-container {
  overflow: hidden; /* Đảm bảo phần zoom không tràn ra ngoài */
  padding-top:30px;
}

.certificate-img {
  overflow: hidden; /* Ẩn phần tràn ra ngoài của ảnh */
}

.certificate-img img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 400px;
  border: 1px solid #000;
}

.certificate-info {
  padding-top: 20px;
}
.certificate-info h3 {
  position: relative; /* Để định vị đường gạch chân */
  overflow: hidden; /* Ẩn phần gạch chân mặc định */
  font-size:20px;
}

.certificate-info h3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0; /* Độ rộng ban đầu là 0 */
  height: 2px; /* Độ dày của đường gạch chân */
  background-color: black; /* Màu của đường gạch chân */
  transition: width 0.3s ease; /* Thêm hiệu ứng chuyển tiếp mượt mà */
}

.certificate-container:hover .certificate-img img {
  transform: scale(1.1); /* Zoom nhẹ ảnh lên 105% */
}

.certificate-container:hover .certificate-info h3::before {
  width: 60%; /* Khi hover, kéo dài đường gạch chân ra toàn bộ chiều rộng */
}


.img-fluid2{
  max-height: 370px;
  width: auto;
}


.main-banner-area {
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 950px;
}
.d-table {
  width: 100%;
  height: 100%;
}
.d-table-cell {
  vertical-align: middle;
}


.main-banner-content {
  max-width: 630px;
  margin-left: auto;
}

.main-banner-content h1 {
  font-size: 40px;
  color: var(--primary-color-one);
  margin: 0 0 16px 0;
}



.banner-image {
  text-align: right;
  margin-top: -10px;
  position: relative;
}

.banner-image .shape-area .creative-shape {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: -1;
  left: 4%;
}

.banner-image .shape-area .creative-shape-two {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: -1;
  left: 2%;
}

.main-banner-area {
  padding-bottom:20px;
}

.colorgreen {
  color: var(--primary-color-four);
}


.content-section {
  padding-top: 50px;
}

.project_all.filt_style_one.heighpro {
  height: auto;
  overflow: visible; /* Đảm bảo nội dung có thể tràn nếu cần */
}

.contentproduct{
  padding: 0 200px;
}

.project_container {
  overflow: hidden;
}
.galleryvipt {
      padding-top: 50px;
}

.product_box.type_one .image_box {
  position: relative;
  overflow: visible; /* Đảm bảo rằng phần dư của hình ảnh khi phóng to vẫn hiển thị */
}

.product_box.type_one .image_box img {
  transition: transform 0.5s ease, background-color 0.5s ease;
  display: block;
  width: 100%;
  height: auto;
}

.product_box.type_one .image_box:hover img {
  transform: scale(1.2);
}

.imgwhychose {
  width: 250px;
  margin-bottom: 20px;
}


.gallery {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 0;
}

.gallery-row {
  display: flex;
  gap: 10px;
}

.gallery-item {
  position: relative;
  width: calc(25% - 10px);
  overflow: hidden;
  cursor: pointer;
}

.gallery-item img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 16px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gallery-item:hover .overlay {
  opacity: 1;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
  margin: auto;
  display: block;
  max-width: 30%;
}

.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  transition: 0.3s;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.mfp-counter {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 18px;
  text-align: center;
}

.contentproductvipt{
  padding-top: 50px;
}

.header_bottom {
  padding-top: 20px;
}

.floating_menu_box {
  position: fixed;
  width: 100%;
  height: auto;
  text-align: center;
  left: 0;
  z-index: 99;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  opacity: 0;
  bottom: -100px;
  visibility: hidden;
}
.floating_menu_box ul {
  display: inline-block;
  position: relative;
  border-radius: 50px;
  background: #fff;
  padding: 10px 55px 10px 15px;
  -webkit-box-shadow: var(--box-shadow-two);
  box-shadow: var(--box-shadow-two);
  margin: auto;
  margin: 0px;
}
.floating_menu_box ul .close {
  position: absolute;
  right: 4px;
  top: 0;
  width: 38px;
  height: 38px;
  background: var(--primary-color-one);
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 38px;
  border-radius: 50px;
  bottom: 0;
  cursor: pointer;
  margin: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.floating_menu_box ul .close:hover {
  background: var(--primary-color-two);
  color: #fff;
}
.floating_menu_box ul li {
  display: inline-block;
  position: relative;
  margin-bottom: 0px !important;
}
.floating_menu_box ul li a {
  font-size: 15px;
      font-family: var(--font-family-primary);
  font-weight: 600;
  color: var(--heading-dark);
  padding: 7px 12px;
  border-radius: 30px;
  margin-right: 5px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  margin-bottom: 0px !important;
}
.floating_menu_box ul li.active a, .floating_menu_box ul li:hover a {
  background: var(--primary-color-one);
  color: #fff;
}
.floating_menu_box ul li:last-child a {
  margin-right: 0px;
}
.floating_menu_box.remove_floating {
  display: none;
}
.floating-menu .floating_menu_box {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}
.floating-menu.floating_close .floating_menu_box {
  opacity: 0 !important;
  visibility: hidden !important;
}
@media (max-width: 768px) {
  .floating_menu_box {
      display: none !important;
 }
}

.slider.style_one .owl-item.active .slide-item-content .slider_content h1 {
  opacity: 1;
}

.imgwhychose {
  width: 250px;
  margin-bottom: 20px;
}

.title-limit {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Số dòng muốn giới hạn */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 4em; /* Điều chỉnh để phù hợp với chiều cao dòng của bạn */
}

.title-limit2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  min-height: 2.5em;
}


.max-width45 {
  min-height: 60px;
}

img.aligncenter {
  padding: 20px;
}

.article-content img {
  padding: 20px 0 10px; /* Giảm padding-bottom xuống 10px */
  margin: 0 auto;
  display: block;
}

.article-content img + em, /* Nếu mô tả dùng thẻ em */
.article-content .wp-caption-text, /* Nếu dùng WordPress caption */
.article-content figcaption /* Nếu dùng thẻ figcaption */ {
  text-align: center;
  display: block;
  margin-bottom: 10px; /* Loại bỏ margin mặc định */
  color: #666; /* Màu chữ mô tả, có thể điều chỉnh */
  font-style: italic;
}

/* Nếu ảnh được bọc trong figure */
.article-content figure {
  margin: 0 auto;
  text-align: center;
}

#mapvipt {
  margin-top:20px;
  height: 700px; /* Điều chỉnh chiều cao theo ý muốn */
  width: 100%; /* Chiều rộng 100% để bản đồ chiếm toàn bộ không gian */
}