@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap");

@font-face {
  src: url(../../fonts/UTM_Kabel_KT.ttf);

  font-family: UTM_Kabel_KT;
}

@font-face {
  src: url(../../fonts/SVN-Poppins_SemiBold.ttf);

  font-family: poppins;
}

html {
  padding: 0px;

  margin: 0px;

  overflow-x: hidden;
}

body {
  font-style: normal;

  font-weight: 400;

  font-size: 13px;

  font-family: "Roboto", sans-serif;

  letter-spacing: 0em;

  color: #000;

  position: relative;

  background: #fff;
}

ul,
ol {
  margin: 0;

  padding: 0;

  list-style: none;
}

a:hover,
a:focus {
  text-decoration: none !important;
}

:focus,
:hover {
  outline: none !important;
}

img {
  max-width: 100%;
}

.thumbnail {
  padding: 0px;

  border: none;

  background: none;

  margin: 0px;

  overflow: hidden;
}

.row {
  margin-right: -15px;

  margin-left: -15px;
}

.container {
  width: 100%;

  max-width: 1170px;

  padding-left: 15px;

  padding-right: 15px;

  margin: 0 auto;
}

.bg_opacity {
  position: fixed;

  width: 100%;

  background: rgba(0, 0, 0, 1) !important;

  top: 0;

  bottom: 0;

  z-index: 99 !important;

  display: none;
}

.logo_header figure {
  text-align: center;

  padding: 20px 0px;
}

.banner_km_vn_nd {
  display: table;
  width: 100%;
  background: none;
  background-size: cover;
  text-align: center;
}

.banner_km_vn_nd .container {
  max-width: 1000px;

  margin: 0 auto;
}

.banner_km_vn_nd figure {
  text-align: center;
}

.banner_km_vn_nd h1 {
  font-size: 37px;

  line-height: 43px;

  color: #fff;

  text-transform: uppercase;

  font-family: UTM_Kabel_KT;

  margin-top: 50px;
}

.banner_km_vn_nd h2 {
  font-size: 32px;

  line-height: 43px;

  color: #fff;

  font-family: "Lobster", cursive;
}

.banner_km_vn_nd .col-sm-7 {
  padding: 0 80px 0 0;
}

.tg_search_sop {
  display: inline-block;
  width: 100%;
  border: solid 10px rgb(11 48 110 / 70%);
  height: 90px;
  margin: 0px;
  position: relative;
  top: -50px;
}

::placeholder {
  font-style: italic;
}

.tg_search_sop .search_nd_ft {
  position: relative;

  width: 80%;

  float: left;
}

.tg_search_sop .search_nd_ft textarea {
  width: 100%;

  padding: 22px;

  font-size: 16px;

  border: none;

  height: 70px;
}

.tg_search_sop a.bt_click_search_nd {
  font-size: 20px;

  height: 70px;

  background: #ff8a00;

  color: #fff;

  float: right;

  border-radius: 0 5px 5px 0;

  text-transform: uppercase;

  font-weight: bold;

  line-height: 70px;

  width: 20%;
}

.txt_banner {
  font: 23px roboto;
  position: relative;
  color: #fff;
  display: table;
  margin: 0px auto;
  text-align: left;
}
.txt_banner>p {
  float: left;
  margin: 2px 10px 0px 0px;
  font-size: 23px;
  line-height: 31px;
} 
.txt_banner>.textwidget {
  display: table;
}
.txt_banner span u {
  text-decoration: none;
  color: #929191;
  position: relative;
  margin: 0px 5px;
}
.txt_banner span u::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #929191;
  top: 14px;
}

.txt_banner strong {
  font-size: 26px;

  color: #ff8a00;
}
.banner_smaller .col-sm-4{
  padding: 0px;
  position: relative;
}
.banner_smaller .col-sm-4::before{
  content: "";
  width: 0px;
  height: 0px;
  border-bottom: 250px solid white;
  border-left: 80px solid transparent;
  position: absolute;
  top: 0px;
  left: -80px;
  z-index: 2;
  display: none;
}
.banner_smaller .row>.col-sm-4:nth-child(1)::before{
  opacity: 0;
}
.banner_smaller .row>.col-sm-4::after{
  content: "";
  width: 0px;
  height: 0px;
  border-bottom: 250px solid #4c78ce;
  border-left: 80px solid transparent;
  position: absolute;
  top: 0px;
  left: -81px;
  z-index: 1;
  display: none;
}
.banner_smaller .row>.col-sm-4:nth-child(1)::after{
  opacity: 0;
}
.banner_smaller .col-sm-4 img{
  width: 100%;
}
.banner_smaller {
  background: #133c8b;

  padding: 30px 0;
}

.tg_content h3 {
  font-size: 37px;
  color: #123b8a;
  text-align: center;
  margin: 70px 0 40px 0px;
  text-transform: uppercase;
  font-family: poppins;
}

.improve_brand_left {
  background: url("../../images/improve_brand_bgleft.jpg") no-repeat;

  background-size: cover;

  min-height: 400px;

  border: solid 1px #7ddfff;

  text-align: center;

  padding: 20px;

  color: #133c8b;
}

.improve_brand_left .title {
  font: 700 22px roboto;

  position: relative;

  min-height: 100px;

  margin-left: -120px;
}

.improve_brand_left .title:after {
  content: "";

  position: absolute;

  background: url("../../images/icon_logo_blue.png");

  width: 121px;

  height: 88px;
}

.improve_brand_left h4 {
  font-size: 22px;

  font-weight: bold;

  text-transform: uppercase;

  margin: 10px 0 20px;
}

.improve_brand_box {
  background: #133c8b;

  color: #fff;

  width: 100%;

  float: left;

  padding: 10px;

  font-family: "Oswald", sans-serif;
}

.improve_brand_box h5 {
  float: left;

  width: 30%;

  font-size: 46px;
}

.improve_brand_box ul {
  float: right;

  width: 70%;

  text-align: left;
}

.improve_brand_box li {
  padding: 5px 0;

  text-transform: uppercase;

  font-size: 15px;
}

.improve_brand_left p {
  font-family: "Oswald", sans-serif;

  font-size: 15px;

  margin: 10px 0 20px;

  display: inline-block;
}

.improve_brand_left a {
  background: #4b88bf;

  color: #fff;

  border-radius: 10px;

  padding: 10px 20px;

  font-family: "Roboto Slab", serif;

  font-size: 21px;

  position: relative;
}

.improve_brand_left a:after {
  content: "";

  background: url("../../images/icon_cursor.png");

  width: 21px;

  height: 31px;

  position: absolute;

  bottom: -15px;

  right: -8px;
}

.improve_brand_left a:hover {
  background: #276aa7;
}

.improve_brand_right {
  background-image: linear-gradient(to right, #eee, #fff);

  border: solid 1px #eee;

  padding: 20px;

  min-height: 400px;

  font: 17px roboto;
}

.improve_brand_right li {
  margin: 35px 0;

  line-height: 26px;
}

.advantage_vn figure{
  display: table;
  margin: 0px auto;
} 

.advantage_vn h3 {
  position: relative;
}

.advantage_vn h3:after {
  position: absolute;

  content: "";

  height: 1px;

  width: 70%;

  background: #a4a4a4;

  bottom: -10px;

  left: 15%;
}

.online_business li {
  width: 20%;

  float: left;

  position: relative;

  margin-top: 150px;

  text-align: center;

  font: 700 19px roboto;

  text-transform: uppercase;

  padding: 0 20px;
}

.online_business li:before {
  content: "";

  position: absolute;

  background: #163a89;

  width: 130px;

  height: 130px;

  top: -150px;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

  border-radius: 50%;

  background-repeat: no-repeat;

  background-position: center center;
}

.online_business li:nth-child(1):before {
  background-image: url("../../images/online_business_ico1.png");
}

.online_business li:nth-child(2):before {
  background-image: url("../../images/online_business_ico2.png");
}

.online_business li:nth-child(3):before {
  background-image: url("../../images/online_business_ico3.png");
}

.online_business li:nth-child(4):before {
  background-image: url("../../images/online_business_ico4.png");
}

.online_business li:nth-child(5):before {
  background-image: url("../../images/online_business_ico5.png");
}

.why_business ul {
  width: 80%;

  margin: 0 auto;
}

.why_business li {
  display: inline-block;

  width: 100%;

  margin: 10px 0;
}

.why_business li span {
  width: 90%;

  background: #e0eaff;

  color: #123b8a;

  text-transform: uppercase;

  font: 700 24px roboto;

  border: dashed 1px #362f2d;

  padding: 15px;

  text-align: center;

  border-radius: 10px;

  display: inline-block;
}

.why_business li i {
  width: 10%;

  height: 85px;

  background-repeat: no-repeat;
}

.why_business li:nth-child(odd) span {
  float: right;
}

.why_business li:nth-child(odd) i {
  float: left;

  background-position: left top;
}

.why_business li:nth-child(even) span {
  float: left;
}

.why_business li:nth-child(even) i {
  float: right;

  background-position: right top;
}

.why_business li i.ico1 {
  background-image: url("../../images/why_business_ico1.png");
}

.why_business li i.ico2 {
  background-image: url("../../images/why_business_ico2.png");
}

.why_business li i.ico3 {
  background-image: url("../../images/why_business_ico3.png");
}

.why_business li i.ico4 {
  background-image: url("../../images/why_business_ico4.png");
}

.why_business li i.ico5 {
  background-image: url("../../images/why_business_ico5.png");
}

h3.title_price_km {
  color: #fff;
}

.tg_speed_development_sop {
  display: table;

  width: 100%;

  background: url("../../images/banner_registrations.jpg") no-repeat;

  background-size: cover;

  padding: 0px 0px 100px 0px;

  background-position: center;
}

.tg_speed_development_sop .col-sm-7 {
  margin: 60px 0px 0px 0px;

  display: table;

  width: 100%;

  max-width: 660px;
}

.tg_speed_development_sop p {
  font-size: 21px;

  line-height: 29px;

  color: #145eab;

  display: table;

  width: 100%;

  max-width: 520px;
}

.tg_speed_development_sop h4 {
  font-size: 23px;

  line-height: 31px;

  color: #145eab;

  margin: 30px 0px;
}

.tg_rocket_nd_sop {
  display: inline-block;

  width: 100%;

  margin: 0px 0px 20px 0px;
}

.tg_rocket_nd_sop .tg_number_registrations {
  width: 50%;

  float: left;
}

.tg_rocket_nd_sop .tg_number_registrations p {
  font-size: 22px;

  line-height: 30px;

  margin: 0px 0px 12px 0px;

  font-family: "Oswald", sans-serif;

  text-align: center;
}

.tg_rocket_nd_sop .tg_number_registrations h5 {
  font-size: 46px;

  color: #145eab;

  margin: 0 20px;

  border: 1px solid #91b5e5;

  padding: 25px 0;

  text-align: center;

  border-radius: 10px;

  font-family: "Oswald", sans-serif;

  background-image: linear-gradient(#fff, #f4f4f4);
}

.tg_speed_development_sop p.tg_source_sop {
  font-size: 17px;

  line-height: 25px;

  color: #145eab;

  margin: 0px;

  font-style: italic;

  text-align: center;
}

.tg_domain_good_job_nd li {
  background: url("../../images/icon2_development.png") no-repeat;

  width: 723px;

  height: 135px;

  display: inline-block;

  margin: 10px 0;

  font-family: "Oswald", sans-serif;

  font-size: 22px;

  padding: 30px 80px;
}

.tg_domain_good_job_nd li strong {
  color: #145eab;
}

.tg_registration_now_nd {
  background: url("../../images/registration_banner.jpg");

  text-align: center;

  padding: 20px 0 80px;
}

.tg_registration_now_nd .container {
  max-width: 600px;
}

.tg_registration_now_nd h3 {
  font: 32px roboto;

  text-transform: uppercase;

  color: #fff;
}

.tg_registration_now_nd img {
  margin-bottom: 10px;
}

.tg_registration_now_nd a {
  background: #ff8900;

  color: #fff;

  font: 700 30px roboto;

  padding: 20px 50px;

  border-radius: 50px;

  margin-top: 10px;

  display: inline-block;
}

.mt30 {
  margin-top: 30px;
}

.mt60 {
  margin-top: 60px;
}

.advantage_vn_mobile {
  display: none;
}

.banner_smaller .container {
  position: relative;
}

.click_banner {
}

[class*="detail_banner"] {
  position: absolute;

  left: 0;

  top: 231px;

  z-index: 11;

  border: solid 1px #89cbf5;

  box-shadow: 0 0 30px #799ec5;

  background: #fff;

  padding: 30px 50px !important;

  border-radius: 20px;

  width: 100%;

  background-image: linear-gradient(#fff, #eee);

  font-size: 17px;
}

.click_banner h4 {
  font: 700 22px roboto;

  text-transform: uppercase;

  color: #145eab;
}

.detail_banner1 p {
  margin: 8px 0;

  display: inline-block;

  width: 100%;
}

.detail_banner1 p span {
  background: #7c7c7c;

  color: #fff;

  border-radius: 5px;

  padding: 5px 10px;
}

.click_banner .red {
  color: red;
}

.click_banner .note {
  color: red;

  font-style: italic;

  margin: 20px 0;

  display: inline-block;
}

.btn_regist_now , .btn_regist_now_link{
  background: #145eab;

  color: #fff;

  border-radius: 50px;

  padding: 15px 40px;

  font-size: 20px;

  display: inline-block;

  margin: 0px;
}

.btn_regist_now:hover {
  background: #113785;

  color: #fff;
}

.ico_close {
  background: url("../../images/icon_close.png");

  width: 38px;

  height: 38px;

  display: inline-block;

  position: absolute;

  right: 20px;

  top: 20px;
}

.detail_banner1:before,
.detail_banner2:before,
.detail_banner3:before {
  content: "";

  background: url("../../images/ar_detail_banner.png");

  width: 34px;

  height: 17px;

  position: absolute;

  top: -17px;
}

.detail_banner1:before {
  left: 15%;
}

.detail_banner2:before {
  left: 30%;
}

.detail_banner3:before {
  left: 70%;
}

.click_banner .note {
  display: inline-block;

  width: 100%;
}

.detail_banner2 .note p {
  margin: 0 0 0 20px;
}

.detail_banner2 .note strong {
  margin: 0 0 10px 0;

  display: inline-block;

  text-decoration: underline;
}

.detail_banner3 h4 {
  margin-bottom: 20px;
}

.detail_banner3 .txt_sale {
  border: dashed 1px #1e3c8b;

  padding: 10px;

  background: #e6f2ff;

  border-radius: 5px;

  margin: 20px 0;

  font-weight: bold;

  color: #1e3c8b;
}

.detail_banner3 .txt_sale span {
  color: red;
}

.detail_banner3 h5 {
  font-weight: bold;

  text-transform: uppercase;

  font-size: 18px;

  margin: 30px 0 20px;
}

.detail_banner3 .note strong {
  margin-bottom: 10px;

  display: inline-block;

  width: 100%;
}

.detail_banner3 .note p {
  margin-left: 30px;
}

.banner_smaller .row a {
  display: block;
}

.tab-content {
  display: none;
}

.tab-content.current {
  display: block;
}
p.tg_note_nd {
      font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-style: italic;
    margin: 20px 0px 0px 0px;
}

@media (max-width: 1024px) {
  [class*="detail_banner"] {
    position: fixed;

    left: 0px;

    right: 0px;

    top: 10px;

    padding: 25px 15px 20px 15px !important;

    width: 95%;

    z-index: 99;

    overflow: auto;

    height: 100%;

    margin: 0px auto;

    border-radius: 5px;

    max-height: 95%;
  }

  .ico_close {
    top: 0px;

    right: 0px;
  }

  .click_banner h4 {
    font-size: 18px;

    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .tg_domain_good_job_nd li {
    width: 100%;

    font-size: 20px;

    padding: 20px 70px;
  }
}

@media (max-width: 767px) {
  .banner_km_vn_nd .col-sm-7 {
    padding: 0;
  }

  .banner_smaller {
    padding: 10px 0;
  }

  .banner_smaller img {
    width: 100%;

    margin-bottom: 10px;
  }

  .tg_content h3 {
    font-size: 23px;
    margin: 40px 0;
    line-height: 34px;
  }

  .improve_brand_box h5,
  .improve_brand_box ul {
    width: 100%;
  }

  .why_business li i {
    width: 20%;
  }

  .why_business li span {
    width: 80%;

    font-size: 20px;
  }

  .improve_brand_box li {
    background: #3555ab;

    margin-bottom: 2px;

    text-align: center;
  }

  .improve_brand_left p {
    width: 100%;
  }

  .improve_brand_right,
  .improve_brand_left {
    min-height: auto;
  }

  .improve_brand_right li {
    margin: 20px 0;
  }

  .mt30,
  .mt60 {
    margin-top: 0;
  }

  .tg_speed_development_sop {
    background-position: left;

    padding: 0px 0px 30px 0px;
  }

  .tg_speed_development_sop .col-sm-7,
  .tg_speed_development_sop p {
    max-width: 100%;
  }

  .tg_speed_development_sop h4 {
    text-align: center;
  }

  .tg_buy_domain_nd figure {
    text-align: center;
  }

  .online_business li {
    font-size: 15px;
  }

  .tg_domain_good_job_nd li {
    width: 100%;

    height: auto;

    font-size: 17px;

    padding: 10px;

    background: #f4faff;

    border-radius: 10px;

    border: dashed 1px #a5c2dc;
  }

  .advantage_vn figure {
    display: none;
  }

  .advantage_vn_mobile {
    display: block;

    font-size: 17px;

    text-align: center;
  }

  .advantage_vn_mobile h4 {
    text-align: center;

    background: #ecf2ff;

    padding: 15px 30px;

    display: inline-block;

    margin: 0 auto;

    border-radius: 10px;

    color: #1e6cb3;

    line-height: 24px;
  }

  .advantage_vn_mobile ul {
    text-align: left;
  }

  .advantage_vn_mobile ul p {
    color: #ff8a00;

    margin: 20px 0 0 0;

    display: inline-block;

    font-weight: bold;

    text-transform: uppercase;
  }

  .advantage_vn_mobile li {
    margin: 10px 0 0;

    position: relative;

    padding-left: 16px;
  }

  .advantage_vn_mobile li:before {
    content: "\f111";

    position: absolute;

    left: 0;

    top: 8px;

    color: #000;

    font: normal normal normal 7px/1 FontAwesome;
  }
    .banner_smaller .container .row .col-sm-4:first-child {
    margin: 0px !important;
  }
}

@media (max-width: 540px) {
  .online_business li {
    width: 33%;

    margin-bottom: 20px;

    font-size: 13px;

    margin-top: 110px;
  }

  .online_business li:before {
    width: 100px;

    height: 100px;

    background-size: 60%;

    top: -110px;
  }

  .why_business li span {
    font-size: 15px;

    width: 70%;
  }

  .why_business li i {
    width: 30%;
  }

  .tg_rocket_nd_sop .tg_number_registrations h5 {
    font-size: 35px;
  }

  .banner_km_vn_nd figure img {
    max-width: 200px;
  }

  .tg_search_sop {
    height: auto;
  }

  .tg_search_sop .search_nd_ft,
  .tg_search_sop a.bt_click_search_nd {
    width: 100%;
  }

  .txt_banner span {
    width: 100%;

    display: inline-block;
  }

  .tg_search_sop .search_nd_ft textarea {
    height: 60px;

    float: left;
  }

  .tg_search_sop {
    top: initial;
    background: #005b9e;
    margin: 0px;
  }

  .tg_search_sop a.bt_click_search_nd {
    height: 60px;

    line-height: 60px;
  }

  .banner_km_vn_nd {
    padding: 30px 0px 50px 0px;
  }
  .banner_smaller .container .row .col-sm-4:first-child {
    margin: 0px !important;
  }
}