/*
Theme Name:HTC theme
Theme URI:
Author:chinh12hy@gmail.com
Author URI:
Description: Custom theme by Chinh Pham Duc
Version:
License:
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain:
Domain Path:/languages/
Tags:white,right-sidebar,translation-ready,custom-background,responsive-layout,custom-menu,editor-style
*/
@font-face {
  font-family: Raleway;
  src: url('font/Raleway-Regular.ttf');
  url('font/Raleway-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
:root {
  --font-size-base: 16px;
  --font-size-large: 24px;
  --text-color-base: #031E39;
  --primary-color: #FF5E18;
  --hover-btn-color: #E05C23;
  --focus-btn-color: #D44305;
  --padding-base-mobile: 20px;
  --screen-ipad: 768px;
  --screen-mobile: 576px;
  --service-title-color: #1757B7;
  --menu-height: 77px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  border: 0;
}

html.ovfh {
  overflow: hidden;
}

body {
  min-height: 100%;
  font-size: var(--font-size-base);
  line-height: 1.5;
  color: var(--text-color-base);
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-family: "Raleway", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}


img {
  width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: middle;
}

ol,
ul {
  list-style: none;
}

h1,
h2 {
  font-size: 6rem;
  font-weight: 400;
  margin-bottom: 4rem;
}


a {
  text-decoration: none;
  color: var(--text-color-base);
  /* visited link */
  /* mouse over link */
  /* selected link */
}

.slider-x-item-title {
  border: 0 !important;
}

.chaty-i-trigger .chaty-channel {
  bottom: 90px !important;
}

.flex-row {
  display: flex;
}

.item-center {
  align-items: center;
}

.align-right {
  text-align: right;
}

.align-justify {
  text-align: justify;
}

.container {
  max-width: 1040px;
}

.w-50 {
  width: 50%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.fs-lg {
  font-size: 24px;
}

.hover-underline:hover {
  text-decoration: underline;
}

.text-white {
  color: white;
}

.text-normal {
  color: var(--text-color-base);
}

.text-primary {
  color: var(--primary-color);
}

.text-uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.title-section {
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
}

.mx-auto {
  margin: 0 auto;
}

.semi-bold {
  font-weight: 600;
}

.color-white-opacity-6 {
  color: white;
  opacity: .6;
}

textarea {
  resize: none;
  width: 100%;
  font-family: "Raleway", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.two-row-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.three-row-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


@media ( min-width: 769px ) {
  .hide-desktop {
    display: none !important;
  }
}

@media ( max-width: 768px ) {
  .hide-mobile {
    display: none !important;
  }
}