@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700&display=swap');
 html {
     max-width: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 body {
     margin: 0;
     /* -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none; */
 }
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
     display: block;
 }
 
 audio,
 canvas,
 progress,
 video {
     display: inline-block;
     vertical-align: baseline;
 }
 
 audio:not([controls]) {
     display: none;
     height: 0;
 }
 
 [hidden],
 template {
     display: none;
 }
 
 a {
     background-color: transparent;
 }
 
 a:active,
 a:hover {
     outline: 0;
 }
 
 abbr[title] {
     border-bottom: 1px dotted;
 }
 
 b,
 strong {
     font-weight: bold;
 }
 
 dfn {
     font-style: italic;
 }
 
 mark {
     color: #4d5156;
     background: #ff0;
 }
 
 small {
     font-size: 80%;
 }
 
 sub,
 sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
 }
 
 sup {
     top: -.5em;
 }
 
 sub {
     bottom: -.25em;
 }
 
 img {
     border: 0;
     max-width: 100%;
 }
 
 svg:not(:root) {
     overflow: hidden;
 }
 
 figure {
     margin: 1em 40px;
 }
 
 hr {
     height: 0;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
 }
 
 pre {
     overflow: auto;
 }
 
 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     margin: 0;
     font: inherit;
     color: inherit;
 }
 
 button {
     overflow: visible;
 }
 
 button,
 select {
     text-transform: none;
 }
 
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer;
 }
 
 button[disabled],
 html input[disabled] {
     cursor: default;
 }
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     padding: 0;
     border: 0;
 }
 
 input {
     line-height: normal;
 }
 
 input[type="checkbox"],
 input[type="radio"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
 }
 
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
 
 input[type="search"] {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     -webkit-appearance: textfield;
 }
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 fieldset {
     padding: .35em .625em .75em;
     margin: 0 2px;
     border: 1px solid #c0c0c0;
 }
 
 legend {
     padding: 0;
     border: 0;
 }
 
 textarea {
     overflow: auto;
 }
 
 optgroup {
     font-weight: bold;
 }
 
 table {
     border-spacing: 0;
     border-collapse: collapse;
 }
 
 td,
 th {
     padding: 0;
 }
 
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 *:before,
 *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 body {
     position: relative;
 }
 
 input,
 button,
 select,
 textarea {
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
 }
 
 a {
     color: #009EF6;
     text-decoration: none;
 }
 
 a:hover,
 a:focus {
     text-decoration: underline;
 }
 
 a:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
 }
 
 figure {
     margin: 0;
 }
 
 img {
     max-width: 100%;
     vertical-align: middle;
 }
 
 hr {
     margin-top: 20px;
     margin-bottom: 20px;
     border: 0;
     border-top: 1px solid #eee;
 }
 
 [role="button"] {
     cursor: pointer;
 }
 
 .clear_both {
     width: 100%;
     clear: both;
 }
 
 .breadcrumb {
     margin-top: 5px;
     width: 100%;
     height: 22px;
     position: relative;
     clear: both;
     overflow: hidden;
 }
 
 .breadcrumb ul::before {
     content: '...';
     z-index: 2;
     display: block;
     background: #FFFFFF;
     width: 16px;
     height: 20px;
     color: #21619D;
     font-family: 'Quicksand';
     font-size: 16px;
     font-weight: 400;
     line-height: 20px;
     position: absolute;
     right: -0px;
     top: 2px;
     bottom: 0;
     margin: 0 auto;
 }
 
 .breadcrumb ul {
     padding: 0;
     margin: 0;
     padding-right: 15px;
     width: max-content;
     position: relative;
     list-style-type: none;
     clear: both;
 }
 
 .breadcrumb ul li {
     width: max-content;
     height: 20px;
     float: left;
     position: relative;
 }
 
 .breadcrumb ul li+li {
     margin-left: 10px;
     padding-left: 15px;
 }
 
 .breadcrumb ul li+li::before {
     content: '';
     width: 5px;
     height: 7.5px;
     position: absolute;
     display: block;
     top: 2px;
     bottom: 0;
     left: 0;
     margin: auto 0;
     background: url(../images/breadcrumb.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .breadcrumb ul li a {
     color: #868686;
     font-family: 'Manrope', sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 20px;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     clear: both;
     margin: 20px 0 10px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     color: #0057D9;
 }
 
 h1 {
     font-size: 34px;
     line-height: 44px;
 }
 
 h2 {
     font-size: 28px;
     line-height: 38px;
 }
 
 h3 {
     font-size: 22px;
     line-height: 32px;
 }
 
 h4 {
     font-size: 20px;
     line-height: 30px;
 }
 
 h5 {
     font-size: 18px;
     line-height: 28px;
 }
 
 h6 {
     font-size: 16px;
     line-height: 26px;
 }
 
 p {
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
     margin: 0 0 10px;
 }
 
 ul,
 ol {
     padding-left: 25px;
     margin-top: 0;
     margin-bottom: 0px;
 }
 
 ul ul,
 ol ul,
 ul ol,
 ol ol {
     margin-bottom: 0;
 }
 
 blockquote {
     padding: 10px 20px;
     margin: 15px 0;
     font-size: 16px;
     background: #f9f9f9;
     border-left: 5px solid #2196F3;
 }
 
 blockquote p:last-child,
 blockquote ul:last-child,
 blockquote ol:last-child {
     margin-bottom: 0;
 }
 
 blockquote footer,
 blockquote small,
 blockquote .small {
     display: block;
     font-size: 80%;
     line-height: 1.42857143;
     color: #777;
 }
 
 blockquote footer:before,
 blockquote small:before,
 blockquote .small:before {
     content: '\2014 \00A0';
 }
 
 .blockquote-reverse,
 blockquote.pull-right {
     padding-right: 15px;
     padding-left: 0;
     text-align: right;
     border-right: 5px solid #eee;
     border-left: 0;
 }
 
 .blockquote-reverse footer:before,
 blockquote.pull-right footer:before,
 .blockquote-reverse small:before,
 blockquote.pull-right small:before,
 .blockquote-reverse .small:before,
 blockquote.pull-right .small:before {
     content: '';
 }
 
 .blockquote-reverse footer:after,
 blockquote.pull-right footer:after,
 .blockquote-reverse small:after,
 blockquote.pull-right small:after,
 .blockquote-reverse .small:after,
 blockquote.pull-right .small:after {
     content: '\00A0 \2014';
 }
 
 address {
     margin-bottom: 20px;
     font-style: normal;
     line-height: 1.42857143;
 }
 
 code,
 kbd,
 pre,
 samp {
     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 }
 
 code {
     padding: 2px 4px;
     font-size: 90%;
     color: #c7254e;
     background-color: #f9f2f4;
     border-radius: 4px;
 }
 
 kbd {
     padding: 2px 4px;
     font-size: 90%;
     color: #fff;
     background-color: #333;
     border-radius: 3px;
     -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
 }
 
 kbd kbd {
     padding: 0;
     font-size: 100%;
     font-weight: bold;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 pre {
     display: block;
     padding: 9.5px;
     margin: 0 0 10px;
     font-size: 13px;
     line-height: 1.42857143;
     color: #2B4325;
     word-break: break-all;
     word-wrap: break-word;
     background-color: #f5f5f5;
     border: 1px solid #ccc;
     border-radius: 4px;
 }
 
 pre code {
     padding: 0;
     font-size: inherit;
     color: inherit;
     white-space: pre-wrap;
     background-color: transparent;
     border-radius: 0;
 }
 
 caption {
     padding-top: 8px;
     padding-bottom: 8px;
     color: #777;
     text-align: left;
 }
 
 fieldset {
     min-width: 0;
     padding: 0;
     margin: 0;
     border: 0;
 }
 
 legend {
     display: block;
     width: 100%;
     padding: 0;
     margin-bottom: 20px;
     font-size: 21px;
     line-height: inherit;
     color: #2B4325;
     border: 0;
     border-bottom: 1px solid #e5e5e5;
 }
 
 label {
     display: inline-block;
     max-width: 100%;
     margin-bottom: 5px;
     font-weight: bold;
 }
 
 input[type="search"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 input[type="radio"],
 input[type="checkbox"] {
     margin: 4px 0 0;
     margin-top: 1px \9;
     line-height: normal;
 }
 
 input[type="file"] {
     display: block;
 }
 
 input[type="range"] {
     display: block;
     width: 100%;
 }
 
 select[multiple],
 select[size] {
     height: auto;
 }
 
 input[type="file"]:focus,
 input[type="radio"]:focus,
 input[type="checkbox"]:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
 }
 
 output {
     display: block;
     padding-top: 7px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
 }
 
 .form-control[disabled],
 .form-control[readonly],
 fieldset[disabled] .form-control {
     background-color: #eee;
     opacity: 1;
 }
 
 .form-control[disabled],
 fieldset[disabled] .form-control {
     cursor: not-allowed;
 }
 
 textarea.form-control {
     height: auto;
 }
 
 input[type="search"] {
     -webkit-appearance: none;
 }
 
 .fade {
     opacity: 0;
     -webkit-transition: opacity .15s linear;
     -o-transition: opacity .15s linear;
     transition: opacity .15s linear;
 }
 
 .fade.in {
     opacity: 1;
 }
 
 .hide {
     display: none !important;
 }
 
 .show {
     display: block !important;
 }
 
 .invisible {
     visibility: hidden;
 }
 
 .hidden {
     display: none !important;
 }
 
 html,
 body {
     position: relative;
     height: 100%;
 }
 
 body {
     max-width: 100%;
     width: 100%;
     background: #FFFFFF;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     color: #4d5156;
     margin: 0;
     padding: 0;
 }
 
 body.no_scroll {
     overflow: hidden;
 }
 
 strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     color: #4d5156;
 }
 
 :focus {
     outline: 0 !important;
     text-decoration: blink !important;
 }
 
 a:hover {
     text-decoration: none;
 }
 
 a {
     text-decoration: none;
     font-family: 'Manrope', sans-serif;
     color: #0057D9;
 }
 
 :focus {
     outline: 0 !important;
     text-decoration: blink !important;
 }
 
 .container {
     position: relative;
     width: 1160px;
     padding: 0;
     margin: 0 auto;
 }
 
 footer .container {
     z-index: 1;
     position: relative;
 }
 
 .remove_margin {
     margin: 0 -10px;
     position: relative;
 }
 /* title */
 
 .title {
     width: 100%;
     clear: both;
     position: relative;
 }
 
 .title.center {
     text-align: center;
 }
 
 .title h3,
 .title h2 {
     margin: 0 0 15px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 32px;
     line-height: 40px;
     color: #0057D9;
     word-spacing: 0
 }
 
 .title p {
     color: #4d5156;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     font-weight: 400;
     line-height: 26px;
 }
 
 .content {
     overflow: hidden;
     width: 100%;
     position: relative;
     clear: both;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
     color: #4d5156;
 }
 
 .content p {
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
     color: #4d5156;
     text-align: justify
 }
 
 .content p strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
 }
 
 .content p img {
     height: auto !important;
     display: block !important;
     margin: 10px auto !important;
     max-width: 100% !important;
 }
 
 .content ul {
     margin: 5px 0;
     padding-left: 20px;
     list-style-type: disc;
     width: auto;
     max-width: 100%;
     clear: both;
     position: relative;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
     color: #4d5156;
     text-align: justify
 }
 
 .content ul li {
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
     color: #4d5156;
     text-align: justify;
     padding: 5px 0;
 }
 
 .content ul li span,
 .content ul li p {
     margin: 0;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
     color: #4d5156;
     text-align: justify;
 }
 
 .content table {
     max-width: 100%;
     position: relative;
     clear: both;
     margin: 10px 0 20px;
 }
 
 .content table thead {
     width: 100%;
     border: 0;
     position: relative;
     background: #0F61DB;
 }
 
 .content table thead tr {
     width: 100%;
     position: relative;
     border: 0;
 }
 
 .content table thead tr th {
     text-align: center;
     font-family: 'Manrope', sans-serif;
     font-weight: 500;
     font-size: 20px;
     line-height: 30px;
     color: #FFFFFF;
     padding: 10px 20px;
     border: 1px solid #FFFFFF;
 }
 
 .content table tbody {
     width: 100%;
     border: 0;
     position: relative;
 }
 
 .content table tbody tr {
     width: 100%;
     position: relative;
     border: 0;
     background: #F2F7FF;
 }
 
 .content table tbody tr:nth-child(odd) {
     background: rgba(242, 247, 255, 0.3);
 }
 
 .content table tbody tr td {
     padding: 10px 20px;
     border: 1px solid #FFFFFF;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 26px;
     color: #4a4a4a;
 }
 
 .content_blog .content table tbody tr {
     background: #FFFFFF;
 }
 
 .content_blog .content table tbody tr td p {
     margin: 0;
     font-size: 16px;
     line-height: 24px;
 }
 
 .content_blog .content table tbody tr td {
     border: 1px solid #dcd8d8;
     font-size: 16px;
     line-height: 24px;
 }
 /* popup_video */
 
 .popup_video {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     background: rgba(0, 0, 0, .5);
     opacity: 0;
     display: none;
     z-index: 999999999;
 }
 
 .popup_video.show {
     opacity: 1;
     display: block;
 }
 
 .close_video {
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
 }
 
 .close_video .icon_close_video {
     position: absolute;
     top: 15px;
     right: 20px;
     z-index: 2;
     display: block;
     width: 30px;
     height: 30px;
     background: url(../images/close.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .show_video {
     width: max-content;
     height: max-content;
     max-width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     z-index: 5;
 }
 
 .show_video .video {
     width: 1100px;
     margin: 0 auto;
     max-width: calc(85%);
 }
 
 .show_video .video video {
     width: 100%;
 }
 /* header */
 
 header {
     position: fixed;
     width: 100%;
     max-width: 100%;
     height: 60px;
     top: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
     z-index: 9999;
     padding: 12px 0;
     background: #FFFFFF;
     box-shadow: 0px 4px 4px rgba(24, 78, 174, 0.1);
 }
 
 header.header_content {
     position: absolute;
 }
 
 .logo {
     width: max-content;
     position: relative;
     margin: 0;
 }
 
 .logo img {
     width: auto;
     height: 36px;
 }
 
 .menu {
     width: max-content;
     position: absolute;
     right: 0;
     top: 0;
     margin: 0;
     display: block;
     z-index: 1;
 }
 
 .menu nav {
     position: relative;
     width: max-content;
     margin: 0;
     padding: 0;
 }
 
 .menu nav ul {
     list-style-type: none;
     width: max-content;
     position: relative;
     padding: 0;
     margin: 0;
 }
 
 .menu nav ul li {
     width: auto;
     float: left;
     display: table;
     position: relative;
     padding: 7px 20px;
 }
 
 .menu nav ul li a {
     position: relative;
     display: block;
     font-family: 'Manrope', sans-serif;
     Font-weight: 600;
     font-size: 18px;
     line-height: 20px;
     color: #0057D9;
     transition: all 0.3s;
     word-spacing: 0;
 }
 
 .menu nav ul li:hover a,
 .menu nav ul li.active a {
     color: #67D01E;
 }
 
 .menu nav ul li ul {
     opacity: 0;
     width: max-content;
     position: absolute;
     top: 50px;
     left: -10px;
     background: #FFFFFF;
     box-shadow: 1px 4px 20px rgba(24, 78, 174, 0.1);
     border-radius: 10px;
     cursor: pointer;
     list-style-type: none;
     z-index: 999;
     -webkit-transform-origin: top;
     transform-origin: top;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-transform: scale(1, 0);
     transform: scale(1, 0);
     display: block;
     padding: 0;
     margin: 0;
 }
 
 .menu nav ul li:hover ul {
     display: block;
     opacity: 1;
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
     transition: transform 0.3s ease, opacity 0.2s ease 0.1s;
     -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease 0.1s;
 }
 
 .menu nav ul li ul::before {
     content: '';
     width: 100%;
     height: 20px;
     background: none;
     z-index: 2;
     position: absolute;
     top: -20px;
     left: 0;
 }
 
 .menu nav ul li ul li:nth-child(2) {
     border-radius: 10px 10px 0 0;
     padding-top: 25px !important;
 }
 
 .menu nav ul li ul li:last-child {
     border-radius: 0 0 10px 10px;
     padding-bottom: 25px;
 }
 
 .menu nav ul li ul li {
     width: 100%;
     position: relative;
     clear: both;
     float: none;
     display: block;
     padding: 12px 30px;
     background: #FFFFFF;
     transition: all 0.3s;
 }
 
 .menu nav ul li ul li a {
     width: 100%;
     display: block;
     font-family: 'Manrope', sans-serif;
     font-weight: 500;
     font-size: 16px;
     line-height: 16px;
     text-transform: capitalize;
     color: #9DA9C1 !important;
     transition: all 0.3s;
     word-spacing: 0
 }
 
 .menu nav ul li:hover ul li:hover a {
     color: #0057D9 !important;
 }
 
 .menu nav ul li .icon_menu {
     display: none;
     opacity: 0;
 }
 
 .menu nav ul li ul .back_menu_item_sub {
     position: relative;
     display: none;
     opacity: 0;
 }
 
 .menu nav ul li.button_contact {
     position: relative;
     width: auto;
     padding: 0;
     padding-left: 50px;
     top: -2px;
 }
 
 .menu nav ul li.button_contact a {
     display: block;
     text-transform: none;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     color: #FFFFFF !important;
     padding: 8px 25px 8px 20px;
     background: #67D01E;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
     border-radius: 10px;
     text-transform: capitalize;
 }
 
 .menu nav ul li.button_contact:hover a {
     color: #FFFFFF;
 }
 
 .menu nav ul li.button_contact a span {
     display: none;
 }
 
 .button_menu {
     position: absolute;
     right: 0;
     top: 0;
     z-index: 99;
     opacity: 0;
     display: none;
     width: 50px;
     height: 50px;
     background: url(../images/menu.svg) no-repeat;
     background-size: 40px 46px;
     background-position: right center;
 }
 
 .button_menu.open {
     background: url(../images/close_menu.svg) no-repeat;
     background-size: 40px 46px;
     background-position: right center;
 }
 /* section_home */
 
 .section_home {
     height: 600px;
     overflow: hidden;
     width: 100%;
     position: relative;
     clear: both;
     margin-top: 60px;
     background: linear-gradient(200deg, #4262EF 0%, #1030BC 150%);
 }
 
 .section_home .home {
     margin: 0 auto;
     width: 1160px;
     max-width: calc(100% - 30px);
     height: 100%;
     position: relative;
 }
 
 .section_home::before {
     content: '';
     width: 300px;
     height: 336px;
     background: url(../images/home/1.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .section_home::after {
     content: '';
     width: 300px;
     height: 336px;
     background: url(../images/home/1.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     right: 0;
     bottom: 0;
     transform: rotate(180deg);
 }
 
 .section_home .bg_home {
     width: 220px;
     height: 220px;
     background: url(../images/home/2.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 0;
 }
 
 .content_home {
     position: absolute;
     z-index: 2;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto 0;
     width: 550px;
     height: max-content;
 }
 
 .content_home h1 {
     margin: 0 0 15px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 36px;
     line-height: 46px;
     color: #FFFFFF;
 }
 
 .content_home ul {
     list-style-type: none;
     padding: 0;
     width: 535px;
     max-width: 100%;
     margin: 0 0 25px;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
     color: #CEDAED;
 }
 
 .content_home ul li {
     padding: 5px 0;
     padding-left: 34px;
     font-family: 'Manrope', sans-serif;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     color: #CEDAED;
     background: url(../images/check_list.svg) no-repeat;
     background-size: 24px 24px;
     background-position: left top 5px;
 }
 
 .content_home a#video_about_us {
     text-align: center;
     width: 200px;
     background: #F2F7FF;
     border-radius: 10px;
     display: block;
     float: left;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     text-transform: capitalize;
     color: #0057D9;
     padding: 10px 25px;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }
 
 .content_home a#contact_consultant {
     margin-right: 15px;
     float: left;
     text-align: center;
     display: block;
     width: 200px;
     background: #67D01E;
     box-shadow: -4px 4px 4px 0px rgba(255, 255, 255, 0.17) inset;
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     text-transform: capitalize;
     color: #FFFFFF;
     padding: 10px 25px 10px 20px;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }
 
 .animation_home {
     z-index: 1;
     margin: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     width: auto;
     height: 530px;
 }
 
 .animation_home iframe {
     width: 820px;
     height: 530px;
     border: 0;
 }
 
 .animation_home img {
     width: auto;
     height: 100%;
 }
 /* section_whychoose */
 
 .section_whychoose {
     width: 100%;
     clear: both;
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     padding: 80px 0 0;
     display: inline-block;
 }
 
 .slider_whychoose {
     padding: 10px 0;
     width: 100%;
     clear: both;
     position: relative;
 }
 
 .slider_whychoose .swiper-button-next,
 .slider_whychoose .swiper-button-prev {
     background: rgba(0, 0, 0, .2);
     top: 28%;
     bottom: auto;
 }
 
 .slider_whychoose .swiper-button-next::before,
 .slider_whychoose .swiper-button-prev::before {
     filter: brightness(0) invert(1);
 }
 
 .slider_whychoose .swiper-button-next {
     right: 20px;
 }
 
 .slider_whychoose .swiper-button-prev {
     left: 20px;
 }
 
 .slider_whychoose .swiper-slide {
     width: 33.33%;
     float: left;
     position: relative;
     padding: 10px;
 }
 
 .whychoose {
     width: 100%;
     position: relative;
     overflow: hidden;
 }
 
 .whychoose img {
     width: 100%;
     margin-bottom: 5px;
     position: relative;
 }
 
 .whychoose p {
     margin: 10px 0 0;
     padding-right: 25px;
     color: #4d5156;
     font-family: 'Manrope', sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
 }
 
 .whychoose p.name_whychoose strong {
     color: #0057D9;
     font-family: 'Manrope', sans-serif;
     font-size: 20px;
     font-weight: 600;
 }
 /* section_list_service */
 
 .section_list_service {
     width: 100%;
     clear: both;
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     padding: 0 0 80px;
     display: inline-block;
 }
 /* section_list_services */
 
 .section_list_services {
     width: 100%;
     clear: both;
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     padding: 80px 0 0;
     display: inline-block;
 }
 
 .list_services {
     width: 100%;
     padding: 10px 0;
     position: relative;
     clear: both;
     display: inline-block;
 }
 
 .list_services ul {
     position: relative;
     list-style-type: none;
     clear: both;
     width: 100%;
     position: relative;
     margin: 0;
     padding: 0;
 }
 
 .list_services ul li {
     width: 33.33%;
     float: left;
     position: relative;
     background: #F2F7FF url(../images/checked.svg) no-repeat;
     background-size: 22px 22px;
     background-position: left 20px center;
     color: #437FEC;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     font-weight: 600;
     line-height: 24px;
     padding: 15px 20px;
     padding-left: 50px;
     border: 1px solid #FFFFFF;
 }
 
 .list_services ul li:nth-child(4),
 .list_services ul li:nth-child(5),
 .list_services ul li:nth-child(6),
 .list_services ul li:nth-child(10),
 .list_services ul li:nth-child(11),
 .list_services ul li:nth-child(12),
 .list_services ul li:nth-child(16),
 .list_services ul li:nth-child(17),
 .list_services ul li:nth-child(18) {
     background: rgba(242, 247, 255, 0.5) url(../images/checked.svg) no-repeat;
     background-size: 22px 22px;
     background-position: left 20px center;
 }
 /* section_procedure */
 
 .section_procedure {
     width: 100%;
     clear: both;
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     padding: 80px 0 0;
     display: inline-block;
 }
 
 .list_procedure {
     width: 100%;
     padding: 10px 0;
     position: relative;
     clear: both;
     display: inline-block;
 }
 
 .list_procedure ul {
     position: relative;
     list-style-type: none;
     clear: both;
     width: 100%;
     position: relative;
     margin: 0;
     padding: 0;
 }
 
 .list_procedure ul li {
     width: 50%;
     position: relative;
     background: #F2F7FF;
     color: #437FEC;
     font-family: 'Manrope', sans-serif;
     font-size: 16px;
     font-weight: 600;
     line-height: 24px;
     padding: 20px;
     padding-left: 55px;
     border: 1px solid #FFFFFF;
 }
 
 .list_procedure ul li:nth-child(even) {
     background: rgba(242, 247, 255, 0.5);
 }
 
 .list_procedure ul li:nth-child(5),
 .list_procedure ul li:nth-child(6),
 .list_procedure ul li:nth-child(7),
 .list_procedure ul li:nth-child(8) {
     right: 0;
     position: absolute;
     top: 0;
 }
 
 .list_procedure ul li:nth-child(6) {
     top: 90px;
 }
 
 .list_procedure ul li:nth-child(7) {
     top: 180px;
 }
 
 .list_procedure ul li:nth-child(8) {
     top: 270px;
 }
 
 .list_procedure ul li span {
     left: 20px;
     text-align: center;
     display: block;
     position: absolute;
     z-index: 1;
     background: #67D01E;
     box-shadow: -4px 4px 4px 0px rgba(255, 255, 255, 0.17) inset;
     width: 26px;
     height: 26px;
     border-radius: 30px;
     overflow: hidden;
     color: #FFF;
     text-align: center;
     font-family: 'Manrope', sans-serif;
     font-size: 16px;
     font-weight: 600;
     line-height: 26px;
 }
 /* section_table_price */
 
 .section_table_price {
     width: 100%;
     clear: both;
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     padding: 80px 0 0;
     display: inline-block;
 }
 
 .section_table_price .table_price {
     padding: 10px 0 30px;
 }
 
 .table_price_advantage {
     width: 100%;
     clear: both;
     position: relative;
     margin-top: 50px;
 }
 /* section_customer */
 
 .section_customer {
     width: 100%;
     clear: both;
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     padding: 80px 0 0;
     display: inline-block;
 }
 
 .slider_customer {
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .slider_customer .swiper-button-next,
 .slider_customer .swiper-button-prev {
     width: calc(50% - 300px);
     height: 100%;
     background: none;
     transition: all 0.5s;
     box-shadow: none;
 }
 
 .slider_customer .swiper-button-next::before {
     margin: auto 0;
     left: 30px;
     right: auto;
     width: 40px;
     height: 40px;
     background: url(../images/next.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .slider_customer .swiper-button-prev::before {
     margin: auto 0;
     left: auto;
     right: 30px;
     width: 40px;
     height: 40px;
     background: url(../images/prev.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .slider_customer .swiper-button-next::before,
 .slider_customer .swiper-button-prev:before {
     filter: none;
 }
 
 .slider_customer .swiper-slide {
     float: left;
     width: 600px;
     height: 400px;
     padding: 5px;
 }
 
 .customer {
     display: block;
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
 }
 /* .customer a {
     display: block;
     width: 100%;
     height: 100%;
     overflow: hidden;
 } */
 
 .customer img {
     position: relative;
     z-index: 1;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     transition-duration: 150ms;
 }
 
 .customer:hover img {
     transform: scale(1.05);
 }
 
 .customer p {
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
     position: absolute;
     margin: 0;
     padding: 20px 35px;
     width: 100%;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 2;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 24px;
     line-height: 22px;
     color: #FFFFFF;
     opacity: 0;
     transition: all 0.3s;
 }
 
 .swiper-slide-active .customer p {
     opacity: 1;
 }
 /* section_reviewer */
 
 .section_reviewer {
     width: 100%;
     position: relative;
     clear: both;
     background: #FFFFFF;
     padding: 80px 0 0;
     display: inline-block;
 }
 
 .section_reviewer .title {
     width: calc(100% - 180px);
 }
 
 .slider_reviewer {
     width: 100%;
     padding-top: 40px;
     clear: both;
     position: relative;
     display: inline-block;
 }
 
 .slider_reviewer .swiper-slide {
     width: 540px;
     float: left;
     position: relative;
     padding: 0;
     margin: 0;
 }
 
 .swiper-button-next.swiper-button-next-reviewer {
     right: 0;
     top: 0;
     left: auto;
     bottom: auto;
 }
 
 .swiper-button-prev.swiper-button-prev-reviewer {
     right: 60px;
     top: 0;
     left: auto;
     bottom: auto;
 }
 
 .slider_reviewer .swiper-slide+.swiper-slide {
     margin-left: 80px;
 }
 
 .reviewer {
     width: 100%;
     position: relative;
 }
 
 .reviewer .info_reviewer {
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .reviewer .info_reviewer img {
     float: left;
     width: 70px;
     height: 70px;
     border-radius: 70px;
     overflow: hidden;
 }
 
 .reviewer .info_reviewer p {
     margin: 10px 0;
     width: calc(100% - 85px);
     float: right;
     position: relative;
 }
 
 .reviewer .info_reviewer p strong {
     display: block;
     color: #0057D9;
     font-family: 'Manrope', sans-serif;
     font-size: 20px;
     font-weight: 600;
     line-height: 30px;
 }
 
 .reviewer .info_reviewer p span.rating_reviewer {
     margin-top: 5px;
     display: block;
     width: 92.8px;
     height: 16px;
     background: url(../images/ratings/5.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .reviewer .content_reviewer {
     display: inline-block;
     margin-top: 15px;
     border-top: 1px solid #437FEC;
     padding: 15px 60px 0 0;
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .reviewer .content_reviewer::before {
     content: '';
     width: 28px;
     height: 20px;
     background: url(../images/quote.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     right: 0;
     top: 20px;
 }
 
 .reviewer .content_reviewer ul,
 .reviewer .content_reviewer ul li,
 .reviewer .content_reviewer p {
     color: #4d5156;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     font-weight: 400;
     line-height: 26px;
     text-align: justify;
 }
 /* section_contact_consultant */
 
 .section_contact_consultant {
     width: 100%;
     position: relative;
     clear: both;
     background: #FFFFFF;
     padding: 80px 0;
     display: inline-block;
 }
 
 .section_contact_consultant .title {
     width: 1000px;
     max-width: 100%;
     margin: 0 auto;
 }
 
 .images_contact_consultant {
     width: 480px;
     position: relative;
     max-width: 100%;
     float: right;
 }
 
 .images_contact_consultant iframe {
     width: 100%;
     height: 440px;
     border: 0;
     position: relative;
 }
 
 .form_contact_consultant {
     padding: 0;
     width: 600px;
     max-width: 100%;
     float: left;
     position: relative;
 }
 /* section_service */
 
 .section_service {
     width: 100%;
     position: relative;
     clear: both;
     background: #FFFFFF;
     padding: 80px 0 0;
     display: inline-block;
 }
 
 .list_service {
     width: 100%;
     position: relative;
     clear: both;
     display: inline-block;
 }
 
 .service {
     width: 33.33%;
     float: left;
     padding: 15px;
     position: relative;
     text-align: center;
 }
 
 .service .img_service {
     width: 100%;
     position: relative;
 }
 
 .service .img_service img {
     width: 285px;
     max-width: 100%;
 }
 
 .service .info_service {
     width: 100%;
     text-align: center;
     margin: 20px 0 30px;
 }
 
 .service .info_service p strong {
     margin: 20px 0 20px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 24px;
     line-height: 30px;
     color: #0057D9;
 }
 
 .service .info_service p {
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     word-spacing: 0;
     color: #4d5156;
 }
 
 .service .more_service {
     width: 100%;
     clear: both;
 }
 
 .service .more_service strong {
     display: block;
     width: 150px;
     margin: 0 auto;
     background: #F2F7FF;
     color: #437FEC;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     Font-weight: 600;
     font-size: 16px;
     line-height: 22px;
     padding: 10px 0px;
     text-transform: capitalize;
 }
 
 .service .more_service:hover strong {
     background: #67D01E;
     color: #FFFFFF;
 }
 /* section_website */
 
 .section_website {
     width: 100%;
     clear: both;
     position: relative;
     padding: 80px 0 0;
     background: #FFFFFF;
 }
 
 .box_list_website {
     width: 100%;
     position: relative;
     clear: both;
     padding: 30px 0 0;
 }
 
 .list_website {
     padding: 0;
     width: 100%;
     position: relative;
     clear: both;
     display: inline-block;
 }
 
 .website {
     width: 50%;
     float: left;
     position: relative;
     padding: 10px;
 }
 
 .website .mockup_website {
     width: 100%;
     position: relative;
     overflow: hidden;
 }
 
 .website .mockup_website img {
     width: 100%;
     transition-duration: 150ms;
 }
 
 .website:hover .mockup_website img {
     transform: scale(1.05);
 }
 
 .website .info_website {
     width: 100%;
     position: relative;
     padding: 15px 0 35px;
 }
 
 .website .info_website p {
     margin: 0;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 28px;
     color: #4d5156;
     word-spacing: 0;
 }
 
 .website .info_website p strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 20px;
     color: #0057D9;
 }
 
 .website .info_website p span {
     float: left;
     position: relative;
 }
 
 .website .info_website .rating {
     margin-left: 40px;
     top: 6px;
     display: block;
     width: 92.8px;
     height: 16px;
     z-index: 2;
     background: url(../images/ratings/5.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .website .info_website .rating.rating5 {
     background: url(../images/ratings/5.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .website .info_website .rating.rating4 {
     background: url(../images/ratings/4.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .website .info_website .rating.rating3 {
     background: url(../images/ratings/3.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .website .info_website .rating.rating2 {
     background: url(../images/ratings/2.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .website .info_website .rating.rating1 {
     background: url(../images/ratings/1.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .like_button {
     position: absolute;
     right: 15px;
     bottom: 15px;
     width: 40px;
     height: 40px;
     background: rgba(0, 0, 0, 0.2);
     border-radius: 40px;
     padding: 8px 10px;
     transition: all 0.5s;
 }
 
 .like_button:hover {
     transform: scale(1.1);
 }
 
 .like_button .heart {
     position: relative;
     display: inline-block;
     cursor: pointer;
     width: 20px;
     height: 18px;
     vertical-align: middle;
 }
 
 .like_button .heart svg {
     opacity: 0.8;
     position: relative;
     display: inline-block;
     width: 20px;
     height: 18px;
     fill: transparent;
     stroke: #FFFFFF;
     stroke-width: 1.5px;
     transition: fill 250ms;
     transition: all 0.5s;
 }
 
 .like_button:hover .heart svg {
     stroke: #FFFFFF;
 }
 
 .like_button .heart .heartRing {
     display: none;
 }
 
 .like_button.active .heart svg {
     opacity: 1;
     fill: #FFFFFF;
     stroke: none;
 }
 
 .like_button.active .heart .heartRing {
     display: inline-block;
     position: absolute;
     left: -3px;
     top: -3px;
     border-radius: 100%;
     opacity: 0;
     width: 24px;
     height: 24px;
     border: solid 3px #FFFFFF;
 }
 
 .like_button.active .heart .heartSparkle {
     position: absolute;
     left: 50%;
     top: 50%;
     opacity: 0;
     width: 4px;
     height: 4px;
     border-radius: 100%;
     background-color: #FFFFFF;
 }
 
 .like_button.active .heart svg {
     animation: pop-bounce 500ms;
 }
 
 .like_button.active .heart .heartRing {
     animation: explode 300ms;
 }
 
 .like_button.active .heart .heartSparkle {
     animation: shoot 500ms;
     animation-delay: 100ms;
 }
 
 .like_button .pos1,
 .like_button .pos2,
 .like_button .pos3,
 .like_button .pos4 {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 6px;
     height: 6px;
 }
 
 .like_button .pos1 {
     transform: rotate(0deg);
 }
 
 .like_button .pos2 {
     transform: rotate(144deg);
 }
 
 .like_button .pos3 {
     transform: rotate(216deg);
 }
 
 .like_button .pos4 {
     transform: rotate(288deg);
 }
 /* animations */
 
 @keyframes pop-bounce {
     0% {
         transform: scale(0.1);
     }
     40% {
         transform: scale(1.3);
     }
     70% {
         transform: scale(0.9);
     }
     90% {
         transform: scale(1.1);
     }
     100% {
         transform: scale(1);
     }
 }
 
 @keyframes explode {
     0% {
         transform: scale(0.1);
         opacity: 0.1;
     }
     20% {
         opacity: 1;
     }
     100% {
         transform: scale(1.5);
         opacity: 0;
     }
 }
 
 @keyframes shoot {
     0% {
         transform: translateX(5px) scale(1);
         opacity: 0;
     }
     20% {
         opacity: 1;
     }
     100% {
         transform: translateX(20px) scale(0);
         opacity: 0;
     }
 }
 
 .more {
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .more.right {
     text-align: right;
 }
 
 .more.center {
     text-align: center;
 }
 
 .more a {
     text-decoration: none;
     margin: 0;
     width: max-content;
     padding: 10px 25px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     text-transform: capitalize;
     color: #FFFFFF;
     display: block;
     background: #67D01E;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
     border-radius: 10px;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }
 
 .more.right a {
     margin-left: auto;
 }
 
 .more.center a {
     margin: 0 auto;
 }
 
 .content_home a .icon_more,
 .more_service strong .icon_more,
 .more a .icon_more {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     display: inline-block;
     font: normal normal normal;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 .content_home a:hover .icon_more,
 .content_home a:focus .icon_more,
 .content_home a:active .icon_more,
 .more_service strong:hover .icon_more,
 .more_service strong:focus .icon_more,
 .more_service strong:active .icon_more,
 .more a:hover .icon_more,
 .more a:focus .icon_more,
 .more a:active .icon_more {
     -webkit-animation-name: icon-more;
     animation-name: icon-more;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
 }
 
 .more a .icon_more::before {
     content: url(../images/icon_more.svg);
     position: relative;
     padding-left: 5px;
     top: -1px;
     filter: brightness(0) invert(1);
 }
 
 .content_home a .icon_more::before,
 .more_service strong .icon_more::before {
     content: url(../images/icon_more.svg);
     position: relative;
     padding-left: 5px;
     top: -1px;
 }
 
 .more_service:hover strong .icon_more::before {
     filter: brightness(0) invert(1);
 }
 
 @-webkit-keyframes icon-more {
     16.65% {
         -webkit-transform: translateX(6px);
         transform: translateX(6px);
     }
     33.3% {
         -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
     }
     49.95% {
         -webkit-transform: translateX(4px);
         transform: translateX(4px);
     }
     66.6% {
         -webkit-transform: translateX(-2px);
         transform: translateX(-2px);
     }
     83.25% {
         -webkit-transform: translateX(1px);
         transform: translateX(1px);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }
 
 @keyframes icon-more {
     16.65% {
         -webkit-transform: translateX(6px);
         transform: translateX(6px);
     }
     33.3% {
         -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
     }
     49.95% {
         -webkit-transform: translateX(4px);
         transform: translateX(4px);
     }
     66.6% {
         -webkit-transform: translateX(-2px);
         transform: translateX(-2px);
     }
     83.25% {
         -webkit-transform: translateX(1px);
         transform: translateX(1px);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }
 
 .icon_brochuse {
     position: relative;
     padding-left: 26px;
 }
 
 .icon_brochuse::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto 0;
     width: 20px;
     height: 17px;
     background: url(../images/icon_brochuse.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .icon_contact {
     position: relative;
     padding-left: 28px;
 }
 
 .icon_contact::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto 0;
     width: 22px;
     height: 20px;
     background: url(../images/icon_contact.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .icon_register {
     position: relative;
     padding-left: 26px;
 }
 
 .icon_register::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto 0;
     width: 19px;
     height: 19px;
     background: url(../images/icon_register.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .icon_website {
     position: relative;
     padding-left: 28px;
 }
 
 .icon_website::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto 0;
     width: 20px;
     height: 20px;
     background: url(../images/icon_website.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .icon_messenger {
     position: relative;
     padding-left: 28px;
 }
 
 .icon_messenger::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto 0;
     width: 20px;
     height: 19px;
     background: url(../images/icon_messenger.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 /* section_faqs */
 
 .section_faqs {
     width: 100%;
     padding: 80px 0 0;
     clear: both;
     position: relative;
     background: #FFFFFF;
     display: inline-block;
 }
 
 .animation_faqs {
     width: 470px;
     position: relative;
     float: right;
 }
 
 .animation_faqs iframe {
     width: 100%;
     height: 440px;
     border: 0;
 }
 
 .box_list_faqs {
     clear: both;
     padding-top: 50px;
     width: 100%;
     position: relative;
 }
 
 .list_faqs {
     margin: 25px 0 0;
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .faqs {
     padding: 25px 80px;
     width: 100%;
     position: relative;
     clear: both;
     background: rgba(242, 247, 255, 0.6);
     border: 1px solid #FFFFFF;
 }
 
 .faqs:nth-child(even) {
     background: rgba(242, 247, 255, 0.3);
 }
 
 .faqs .title_faqs {
     width: 100%;
     display: block;
     position: relative;
     padding: 0;
     padding-right: 50px;
     cursor: pointer;
 }
 
 .faqs .title_faqs .icon_down {
     position: absolute;
     top: 0px;
     right: 0;
     display: block;
     width: 30px;
     height: 30px;
     background: #F2F7FF;
     border-radius: 30px;
 }
 
 .faqs .title_faqs .icon_down::before {
     content: '';
     width: 10px;
     height: 14px;
     background: url(../images/down.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     z-index: 1;
     right: 0;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto;
 }
 
 .faqs .title_faqs.open .icon_down {
     background: rgba(103, 208, 30, 1);
 }
 
 .faqs .title_faqs.open .icon_down::before {
     filter: brightness(0) invert(1);
     transform: rotate(180deg);
 }
 
 .faqs .title_faqs h4 {
     margin: 0;
     font-family: 'Manrope', sans-serif;
     color: #437FEC;
     font-size: 22px;
     font-weight: 600;
     line-height: 30px;
 }
 
 .faqs .content_faqs {
     display: inline-block;
     padding: 0px;
     padding-right: 150px;
     padding-top: 15px;
     position: relative;
     display: none;
     opacity: 0;
 }
 
 .faqs .content_faqs.open {
     display: block;
     opacity: 1;
 }
 
 .faqs .content_faqs .content {
     padding-left: 15px;
     border-left: 2px solid #437FEC;
 }
 
 .faqs .content_faqs .content p,
 .faqs .content_faqs .content ul li,
 .faqs .content_faqs .content ul li p,
 .faqs .content_faqs .content {
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     line-height: 26px;
     font-weight: 400;
     color: #4d5156;
     word-spacing: 0;
 }
 /* section_branding */
 
 .section_branding {
     display: inline-block;
     width: 100%;
     clear: both;
     position: relative;
     padding: 80px 0 0;
     background: #FFFFFF;
 }
 
 .list_branding {
     padding: 10px 0;
     position: relative;
     width: 100%;
     clear: both;
     display: inline-block;
 }
 
 .branding {
     width: 25%;
     float: left;
     position: relative;
     padding: 10px;
 }
 
 .branding .img_branding {
     position: relative;
     width: 100%;
     height: 220px;
     overflow: hidden;
 }
 
 .branding .img_branding img {
     transition: all 0.5s;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     position: relative;
 }
 
 .branding .img_branding:hover img {
     transform: scale(1.1);
 }
 /* section_blog */
 
 .section_blog {
     display: inline-block;
     width: 100%;
     clear: both;
     position: relative;
     padding: 80px 0 0;
     background: #FFFFFF;
 }
 
 .list_blog {
     padding: 20px 0;
     width: calc(100% - 400px);
     float: left;
     position: relative;
 }
 
 .slider_blog {
     display: inline-block;
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .swiper-button-next.swiper-button-next-blog {
     right: 0;
     top: -55px;
     left: auto;
     bottom: auto;
 }
 
 .swiper-button-prev.swiper-button-prev-blog {
     right: 60px;
     top: -55px;
     left: auto;
     bottom: auto;
 }
 
 .slider_blog .swiper-slide {
     position: relative;
     width: 33.33%;
     float: left;
     padding: 10px;
 }
 
 .blog {
     width: 100%;
     clear: both;
     display: table;
     position: relative;
     padding: 15px 0;
     border: 0;
     border-right: 1px solid #e4edfc;
 }
 
 .list_blog .blog+.blog {
     border-top: 1px solid #e4edfc;
 }
 
 .swiper-slide .blog {
     width: 100%;
     padding: 0;
     border: 0;
 }
 
 .blog .img_blog {
     width: 210px;
     height: 140px;
     float: left;
     position: relative;
     overflow: hidden;
 }
 
 .swiper-slide .blog .img_blog {
     width: 100%;
     height: auto;
     float: none;
 }
 
 .blog .img_blog img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     transition-duration: 150ms;
 }
 
 .blog:hover .img_blog img {
     transform: scale(1.05);
 }
 
 .blog .info_blog {
     width: calc(100% - 230px);
     padding: 0;
     padding-right: 20px;
     float: right;
     position: relative;
 }
 
 .swiper-slide .blog .info_blog {
     width: 100%;
     padding: 10px 0;
     float: none;
     clear: both;
 }
 
 .blog .info_blog p {
     margin: 0;
     margin-bottom: 5px;
     max-height: 55px;
     overflow: hidden;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 26px;
     color: #4d5156;
     word-spacing: 0
 }
 
 .swiper-slide .blog .info_blog p {
     margin: 0;
     margin-top: 5px;
 }
 
 .blog .info_blog p span {
     color: #437FEC;
 }
 
 .blog .info_blog p span .icon_calendar {
     position: relative;
     padding-left: 20px;
 }
 
 .blog .info_blog p span .icon_calendar::before {
     content: '';
     width: 14px;
     height: 16px;
     background: url(../images/calendar.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto 0;
 }
 
 .blog .info_blog p strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 20px;
     color: #0057D9;
 }
 
 .list_blog_views {
     padding: 30px 0;
     width: 360px;
     float: right;
     position: relative;
 }
 
 .list_blog_views.fixed {
     position: fixed;
     top: 70px;
     right: calc(50% - 580px);
 }
 
 .box_slider_blog_views {
     width: 100%;
     position: relative;
 }
 
 .slider_blog_views {
     width: 100%;
     position: relative;
 }
 
 .box_slider_blog_views .swiper-button-next,
 .box_slider_blog_views .swiper-button-prev {
     bottom: auto;
     top: 25%;
     background: rgba(0, 0, 0, 0.2);
 }
 
 .box_slider_blog_views .swiper-button-prev {
     left: 10px;
 }
 
 .box_slider_blog_views .swiper-button-next {
     right: 10px;
 }
 
 .box_slider_blog_views .swiper-button-next::before,
 .box_slider_blog_views .swiper-button-prev::before {
     filter: brightness(0) invert(1);
 }
 /* section_partner */
 
 .section_partner {
     width: 100%;
     clear: both;
     position: relative;
     padding: 80px 0 0;
 }
 
 .slider_partner {
     display: inline-block;
     width: 100%;
     clear: both;
     position: relative;
 }
 
 .slider_partner .swiper-slide {
     position: relative;
     width: auto;
     float: left;
 }
 
 .slider_partner .swiper-wrapper {
     transition-timing-function: linear !important;
 }
 
 .partner {
     padding: 0 25px;
     width: auto;
     position: relative;
 }
 
 .partner img {
     width: auto;
     height: 60px;
 }
 /* footer */
 
 footer {
     overflow: hidden;
     display: block;
     width: 100%;
     clear: both;
     position: relative;
     padding: 80px 0;
     background: linear-gradient(220deg, #0057D9 0%, #0057D9 70%);
 }
 
 footer::after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     z-index: 0;
     width: 700px;
     height: 350px;
     background: url(../images/footer/background_after.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 footer::before {
     content: '';
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: 0;
     width: 594px;
     height: 360px;
     background: url(../images/footer/background_before.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .title_footer {
     float: left;
     width: 600px;
     max-width: calc(100% - 250px);
     position: relative;
 }
 
 .title_footer p {
     margin: 0;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 34px;
     line-height: 40px;
     text-transform: capitalize;
     color: #FFFFFF;
 }
 
 .social {
     width: max-content;
     float: right;
     position: relative;
 }
 
 .social ul {
     position: relative;
     padding: 0;
     margin: 5px 0;
     list-style-type: none;
 }
 
 .social ul li {
     width: auto;
     float: left;
     position: relative;
 }
 
 .social ul li+li {
     margin-left: 10px;
 }
 
 .social ul li a {
     display: block;
 }
 
 .social ul li a img {
     width: auto;
     height: 30px;
     transition: all 0.3s;
 }
 
 .social ul li:hover a img {
     transform: scale(1.2);
 }
 
 .footer {
     padding: 60px 0 80px;
     width: 100%;
     clear: both;
     position: relative;
     display: inline-block;
     border-bottom: 1px solid rgba(206, 218, 237, 0.2);
 }
 
 .contact_footer {
     margin-right: 85px;
     width: 395px;
     float: left;
     position: relative;
 }
 
 .menu_footer {
     width: max-content;
     position: relative;
     float: left;
     margin-left: 90px;
 }
 
 .menu_footer p,
 .contact_footer p {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 18px;
     line-height: 24px;
     color: #FFFFFF;
 }
 
 .menu_footer ul,
 .contact_footer ul {
     margin: 0;
     padding: 0;
     position: relative;
     list-style-type: none;
     width: 100%;
 }
 
 .menu_footer ul li,
 .contact_footer ul li {
     width: 100%;
     padding: 5px 0;
     position: relative;
 }
 
 .menu_footer ul li a,
 .contact_footer ul li a {
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     color: #CEDAED;
 }
 
 .contact_footer ul li a strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 24px;
     color: #CEDAED;
 }
 
 .coppyright {
     margin-top: 30px;
     width: auto;
     float: left;
     position: relative;
 }
 
 .coppyright span {
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 25px;
     color: #CEDAED;
 }
 .coppyright strong{
    color: #FFFFFF;
 }
 .dmca {
     margin-top: 30px;
     width: auto;
     float: right;
 }
 
 .dmca img {
     width: auto;
     height: 25px;
 }
 /* banner_page */
 
 .banner_page {
     display: inline-block;
     padding: 60px 0;
     margin-top: 60px;
     width: 100%;
     clear: both;
     position: relative;
     overflow: hidden;
 }
 
 .title_page {
     width: 500px;
     float: left;
     position: relative;
 }
 
 .title_page h1 {
     font-family: 'Manrope', sans-serif;
     font-weight: 700;
     font-size: 90px;
     line-height: 100px;
     text-transform: uppercase;
     color: #0057D9;
 }
 
 .animation_page {
     width: 500px;
     float: right;
     position: relative;
 }
 
 .animation_page iframe {
     width: 100%;
     height: 380px;
     border: 0;
 }
 
 .animation_page img {
     width: 100% !important;
     height: auto !important;
 }
 /* share */
 
 .share {
     margin: 25px 0;
     width: 260px;
     height: 40px;
     z-index: 2;
     position: relative;
     float: right;
 }
 
 .share ul {
     width: 100%;
     height: 100%;
     position: relative;
     padding: 0;
     margin: 0;
     list-style-type: none;
 }
 
 .share ul li {
     text-align: center;
     width: max-content;
     float: left;
     position: relative;
 }
 
 .share ul li+li {
     margin-left: 10px;
 }
 
 .share ul li a {
     display: block;
     margin: 0 auto;
 }
 
 .share ul li a img {
     width: 35px;
     height: 35px;
 }
 /* content_about */
 
 .content_about {
     width: 100%;
     clear: both;
     position: relative;
     display: inline-block;
     padding: 0 0 80px;
 }
 
 .content_about_us {
     width: 100%;
 }
 
 .video_about {
     width: 100%;
     position: relative;
     clear: both;
     margin-top: 20px;
 }
 
 .video_about video {
     width: 100%;
 }
 
 .content_improve {
     width: 100%;
     position: relative;
 }
 
 .content_improve ul {
     width: 100%;
     margin: 0;
     padding: 0;
     list-style-type: none;
     position: relative;
 }
 
 .content_improve ul li {
     width: 50%;
     position: relative;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
     color: #4d5156;
     text-align: justify;
     padding: 10px 20px 10px 40px;
 }
 
 .content_improve ul li strong {
     text-align: center;
     display: block;
     position: absolute;
     left: 0;
     top: 9px;
     background: #67D01E;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
     border-radius: 30px;
     width: 30px;
     height: 30px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 30px;
     color: #FFFFFF;
 }
 
 .content_improve ul li:nth-child(4),
 .content_improve ul li:nth-child(5) {
     position: absolute;
     right: 0;
     top: 0;
 }
 
 .content_improve ul li:nth-child(5) {
     top: 75px;
 }
 
 .content_solution {
     width: calc(100% - 600px);
     float: left;
     position: relative;
 }
 
 .img_solution {
     width: 470px;
     position: relative;
     float: right;
 }
 
 .img_solution img {
     width: 100%;
 }
 
 .content_technology {
     width: calc(100% - 500px);
     float: right;
     position: relative;
 }
 
 .content_technology .content ul {
     width: 100%;
     position: relative;
     list-style-type: none;
     padding: 0;
     margin: 20px 0;
 }
 
 .content_technology .content ul li {
     width: 100%;
     position: relative;
     clear: both;
     padding: 8px 34px;
     background: url(../images/checked.svg) no-repeat;
     background-size: 24px 24px;
     background-position: left top 10px;
 }
 
 .content_technology .content ul li strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 18px;
     line-height: 28px;
     color: #0057D9;
 }
 
 .img_technology {
     width: 400px;
     position: relative;
     float: left;
 }
 
 .img_technology img {
     width: 100%;
 }
 
 .title_team {
     width: 500px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
 }
 
 .title_team.fixed {
     position: fixed;
     top: 100px;
     left: calc(50% - 580px);
 }
 
 .title_service .more,
 .title_team .more {
     margin-top: 15px;
     display: inline-block;
 }
 
 .list_team {
     width: 600px;
     position: relative;
     float: right;
 }
 
 .list_team .team {
     width: 50%;
     float: left;
     padding-left: 30px;
     padding-bottom: 35px;
     position: relative;
 }
 
 .list_team .team img {
     width: 100%;
     height: 310px;
     object-position: center;
     object-fit: cover;
     position: relative;
     margin-bottom: 15px;
 }
 
 .list_team .team p {
     margin-top: 5px;
     margin-bottom: 0;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     word-spacing: 0;
     font-size: 18px;
     line-height: 28px;
     color: #4d5156;
 }
 
 .list_team .team p strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 22px;
     color: #0057D9;
 }
 
 .more_contact,
 .more_brochuse {
     opacity: 0;
     display: none;
 }
 /* content_service_detail */
 
 .content_service_detail {
     width: 100%;
     position: relative;
     clear: both;
     padding: 0;
     display: inline-block;
 }
 
 .title_service {
     width: 400px;
     position: absolute;
     top: 0px;
     left: 0;
 }
 
 .service_advantage .title h3,
 .title_service .title h2 {
     font-size: 32px;
     line-height: 40px;
 }
 
 .title_service.fixed {
     position: fixed;
     top: 100px;
     left: calc(50% - 580px);
 }
 
 .content_service {
     width: 660px;
     max-width: 100%;
     float: right;
     position: relative;
 }
 /* service_advantage */
 
 .service_advantage {
     width: 100%;
     position: relative;
     clear: both;
     padding: 80px 0;
     display: inline-block;
 }
 
 .slider_advantage {
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .swiper-button-next.swiper-button-next-advantage {
     right: 0;
     top: -55px;
     left: auto;
     bottom: auto;
 }
 
 .swiper-button-prev.swiper-button-prev-advantage {
     right: 60px;
     top: -55px;
     left: auto;
     bottom: auto;
 }
 
 .slider_advantage .swiper-slide {
     width: 330px;
     padding: 10px;
     float: left;
     position: relative;
 }
 
 .slider_advantage .swiper-slide .advantage {
     width: 100%;
     position: relative;
 }
 
 .advantage .img_advantage {
     width: 100%;
     overflow: hidden;
     position: relative;
 }
 
 .advantage .img_advantage img {
     width: 100%;
 }
 
 .advantage .info_advantage {
     width: 100%;
     position: relative;
     padding: 20px 0;
 }
 
 .advantage .info_advantage p {
     margin: 0 0 5px;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     color: #4d5156;
     text-align: justify;
     word-spacing: 0;
 }
 
 .advantage .info_advantage p strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 20px;
     color: #0057D9;
 }
 /*  */
 
 .rating_content {
     width: max-content;
     padding: 15px 0 50px;
     display: inline-block;
     clear: both;
     position: relative;
 }
 
 #total_star {
     display: none;
 }
 
 .statistical_rating {
     margin-left: 10px;
     float: right;
     width: auto;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 18px;
     line-height: 30px;
     color: #868686;
 }
 
 .rating_content .star_rating {
     width: max-content;
     position: relative;
     display: inline-block;
     padding: 0;
     margin: 0;
     cursor: pointer;
 }
 
 .rating_content .star_rating .star_rate {
     width: 30px;
     height: 30px;
     overflow: hidden;
     margin-right: 8px;
     position: relative;
     float: left;
     background: url(../images/ratings/star_none.svg) no-repeat;
     background-size: cover;
     background-position: center;
     transition: all 0.5s;
 }
 
 .rating_content .star_rating .star_rate:hover {
     background: url(../images/ratings/star.svg) no-repeat;
     background-size: cover;
     background-position: center;
     transform: scale(1.2) rotate(5deg);
 }
 
 .rating_content .star_rating .star_rate.check {
     background: url(../images/ratings/star.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 /* menu_tab */
 
 .box_menu_tab {
     width: 100%;
     position: relative;
 }
 
 .menu_tab {
     cursor: pointer;
     width: 100%;
     padding-bottom: 25px;
     display: inline-block;
     clear: both;
     position: relative;
     overflow-x: auto;
 }
 
 .icon_scroll {
     display: block;
     width: 18px;
     height: 19px;
     position: absolute;
     bottom: 0px;
     right: -30px;
     z-index: 3;
     background: url(../images/icon_scroll.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .menu_tab::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background-color: #437FEC;
     height: 8px;
     border: 1px solid #F2F7FF;
 }
 
 .menu_tab::-webkit-scrollbar-track {
     border-radius: 10px;
     background-color: #F2F7FF;
     border: 0;
 }
 
 .menu_tab::-webkit-scrollbar {
     border-radius: 10px;
     width: 100%;
     height: 8px;
     border: 0;
     background-color: #F2F7FF;
 }
 
 .menu_tab ul {
     width: max-content;
     position: relative;
     clear: both;
     margin: 0;
     padding: 0;
     list-style-type: none;
 }
 
 .menu_tab ul li {
     width: auto;
     float: left;
     position: relative;
 }
 
 .menu_tab ul li+li {
     margin-left: 20px;
 }
 
 .menu_tab ul li a {
     display: block;
     background: #F2F7FF;
     padding: 10px 30px;
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     text-transform: capitalize;
     color: #437FEC;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
 }
 
 .menu_tab ul li:hover a,
 .menu_tab ul li.active a {
     color: #FFFFFF;
     background: #67D01E;
 }
 
 .menu_tab ul li.search a {
     position: relative;
     background: #67D01E;
     padding: 12px 12px;
 }
 
 .menu_tab ul li.search a i.icon_search {
     width: 18px;
     height: 18px;
     display: block;
     position: relative;
     background: url(../images/search.svg) no-repeat;
     background-size: cover;
     background-position: center;
     filter: brightness(0) invert(1);
 }
 /* content_detail */
 
 .content_detail {
     width: 100%;
     clear: both;
     position: relative;
     display: inline-block;
     margin-top: 60px;
     padding: 80px 0;
     background: #FFFFFF;
 }
 
 .info_content_website {
     width: 360px;
     position: relative;
     float: right;
 }
 
 .image_page_website {
     width: calc(100% - 400px);
     padding-right: 10px;
     max-height: 550px;
     float: left;
     position: relative;
     overflow-y: auto;
     /* cursor: n-resize; */
 }
 
 .image_page_website::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background-color: #437FEC;
     width: 8px;
     border: 1px solid #F2F7FF;
 }
 
 .image_page_website::-webkit-scrollbar-track {
     border-radius: 10px;
     background-color: #F2F7FF;
     border: 0;
 }
 
 .image_page_website::-webkit-scrollbar {
     border-radius: 10px;
     height: 100%;
     width: 8px;
     border: 0;
     background-color: #F2F7FF;
 }
 
 .image_page_website img {
     width: 100%;
     height: auto;
     /* object-fit: cover; */
     /* object-position: top; */
     /* transition: all 4s ease; */
 }
 /* .image_page_website img:hover {
    object-position: bottom;
} */
 
 .title_website {
     width: 100%;
     clear: both;
     position: relative;
 }
 
 .title_website h1 {
     width: 100%;
     clear: both;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 60px;
     line-height: 70px;
     text-transform: uppercase;
     color: #0057D9;
     margin: 0 0 20px;
 }
 
 .button_info_website {
     width: 100%;
     clear: both;
     display: inline-block;
     margin-top: 40px;
 }
 
 .button_info_website .more {
     position: relative;
     float: left;
     clear: none;
 }
 
 .like_website {
     cursor: pointer;
     position: absolute;
     left: 190px;
     bottom: 4px;
     width: auto;
     background: #F2F7FF;
     border-radius: 10px;
     padding: 10px 20px;
 }
 
 .like_website span {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 26px;
     text-transform: capitalize;
     color: #437FEC;
 }
 
 .like_website .heart {
     float: left;
     position: relative;
     margin-right: 8px;
     top: 4px;
     display: block;
     cursor: pointer;
     width: 20px;
     height: 18px;
     transition: all 0.3s;
 }
 
 .like_website:hover .heart {
     transform: scale(1.2);
 }
 
 .like_website .heart svg {
     opacity: 0.8;
     position: relative;
     display: inline-block;
     width: 20px;
     height: 18px;
     fill: transparent;
     stroke: #437FEC;
     stroke-width: 1.5px;
     transition: fill 250ms;
     transition: all 0.5s;
 }
 
 .like_website:hover .heart svg {
     stroke: #437FEC;
 }
 
 .like_website .heart .heartRing {
     display: none;
 }
 
 .like_website.active .heart svg {
     opacity: 1;
     fill: #437FEC;
     stroke: none;
 }
 
 .like_website.active .heart .heartRing {
     display: inline-block;
     position: absolute;
     left: -3px;
     top: -3px;
     border-radius: 100%;
     opacity: 0;
     width: 24px;
     height: 24px;
     border: solid 3px #437FEC;
 }
 
 .like_website.active .heart .heartSparkle {
     position: absolute;
     left: 50%;
     top: 50%;
     opacity: 0;
     width: 4px;
     height: 4px;
     border-radius: 100%;
     background-color: #437FEC;
 }
 
 .like_website.active .heart svg {
     animation: pop-bounce 500ms;
 }
 
 .like_website.active .heart .heartRing {
     animation: explode 300ms;
 }
 
 .like_website.active .heart .heartSparkle {
     animation: shoot 500ms;
     animation-delay: 100ms;
 }
 
 .like_website .pos1,
 .like_website .pos2,
 .like_website .pos3,
 .like_website .pos4 {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 6px;
     height: 6px;
 }
 
 .like_website .pos1 {
     transform: rotate(0deg);
 }
 
 .like_website .pos2 {
     transform: rotate(144deg);
 }
 
 .like_website .pos3 {
     transform: rotate(216deg);
 }
 
 .like_website .pos4 {
     transform: rotate(288deg);
 }
 /* review_rating */
 
 .review_rating {
     width: 760px;
     max-width: 100%;
     clear: both;
     position: relative;
     display: inline-block;
     padding: 80px 0 50px;
     margin: 0;
 }
 
 .rating {
     width: 100%;
     position: relative;
 }
 
 .rating .rating_score {
     text-align: center;
     position: relative;
     width: 260px;
     height: 170px;
     float: left;
     border-right: 1px solid rgba(0, 0, 0, 0.06);
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
 }
 
 .rating .rating_score .reviews_stats {
     width: 100%;
     text-align: center;
     margin: 10px 0;
 }
 
 .rating .rating_score .reviews_stats span {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     color: #437FEC;
 }
 
 .rating_circle {
     display: inline-block;
     margin: 0 auto;
     background: #67D01E;
     width: 100px;
     height: 100px;
     border-radius: 100px;
     box-sizing: border-box;
     position: relative;
     z-index: 2;
 }
 
 .rating_circle.rating_circle_0 .rc_count:before {
     content: "0.0";
 }
 
 .rating_circle.rating_circle_0.half .rc_count:before {
     content: "0.5";
 }
 
 .rating_circle.rating_circle_1 .rc_count:before {
     content: "1.0";
 }
 
 .rating_circle.rating_circle_1.half .rc_count:before {
     content: "1.5";
 }
 
 .rating_circle.rating_circle_2 .rc_count:before {
     content: "2.0";
 }
 
 .rating_circle.rating_circle_2.half .rc_count:before {
     content: "2.5";
 }
 
 .rating_circle.rating_circle_3 .rc_count:before {
     content: "3.0";
 }
 
 .rating_circle.rating_circle_3.half .rc_count:before {
     content: "3.5";
 }
 
 .rating_circle.rating_circle_4 .rc_count:before {
     content: "4.0";
 }
 
 .rating_circle.rating_circle_4.half .rc_count:before {
     content: "4.5";
 }
 
 .rating_circle.rating_circle_5 .rc_count:before {
     content: "5.0";
 }
 
 .rc_pie {
     background: #F2F7FF;
     border-radius: 100px;
     box-sizing: border-box;
     height: 100%;
     position: absolute;
     transform-origin: 100% 50%;
     width: 50%;
     border: 6px solid #F2F7FF;
 }
 
 .rc_spinner {
     background: #F2F7FF;
     border-radius: 200px 0 0 200px;
     border-right: none;
     transform: rotate(0deg);
     z-index: 2;
 }
 
 .rating_circle.rating_circle_0 .rc_spinner {
     transform: rotate(0deg);
 }
 
 .rating_circle.rating_circle_0.half .rc_spinner {
     transform: rotate(36deg);
 }
 
 .rating_circle.rating_circle_1 .rc_spinner {
     transform: rotate(72deg);
 }
 
 .rating_circle.rating_circle_1.half .rc_spinner {
     transform: rotate(108deg);
 }
 
 .rating_circle.rating_circle_2 .rc_spinner {
     transform: rotate(144deg);
 }
 
 .rating_circle.rating_circle_2.half .rc_spinner {
     transform: rotate(180deg);
 }
 
 .rating_circle.rating_circle_3 .rc_spinner {
     transform: rotate(216deg);
 }
 
 .rating_circle.rating_circle_3.half .rc_spinner {
     transform: rotate(252deg);
 }
 
 .rating_circle.rating_circle_4 .rc_spinner {
     transform: rotate(288deg);
 }
 
 .rating_circle.rating_circle_4.half .rc_spinner {
     transform: rotate(324deg);
 }
 
 .rating_circle.rating_circle_5 .rc_spinner {
     transform: rotate(360deg);
 }
 
 .rc_filler {
     border-left: none;
     border-radius: 0 200px 200px 0;
     left: 50%;
     z-index: 1;
 }
 
 .rating_circle.rating_circle_0 .rc_filler {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_0.half .rc_filler {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_1 .rc_filler {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_1.half .rc_filler {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_2 .rc_filler {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_2.half .rc_filler {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_3 .rc_filler {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_3.half .rc_filler {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_4 .rc_filler {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_4.half .rc_filler {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_5 .rc_filler {
     opacity: 0;
 }
 
 .rc_mask {
     background: inherit;
     border-radius: 200px 0 0 200px;
     height: 100%;
     position: absolute;
     width: 50%;
     z-index: 3;
 }
 
 .rating_circle.rating_circle_0 .rc_mask {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_0.half .rc_mask {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_1 .rc_mask {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_1.half .rc_mask {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_2 .rc_mask {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_2.half .rc_mask {
     opacity: 0;
 }
 
 .rating_circle.rating_circle_3 .rc_mask {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_3.half .rc_mask {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_4 .rc_mask {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_4.half .rc_mask {
     opacity: 1;
 }
 
 .rating_circle.rating_circle_5 .rc_mask {
     opacity: 1;
 }
 
 .rc_count {
     width: 88px;
     height: 88px;
     border-radius: 100%;
     background: #FFFFFF;
     box-sizing: border-box;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 30px;
     line-height: 88px;
     color: #0057D9;
     position: absolute;
     text-align: center;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     z-index: 4;
 }
 
 .rating .rating_histogram {
     padding: 0 80px 20px 70px;
     position: relative;
     float: right;
     width: calc(100% - 260px);
     height: 170px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     vertical-align: top;
 }
 
 .rating_histogram .rating_bar {
     margin: 0 0 25px;
     height: 8px;
     position: relative;
     width: 100%;
     background: #F2F7FF;
 }
 
 .rating_histogram .rating_bar .bar {
     position: relative;
     -webkit-transition: width 0.25s ease;
     transition: width 0.25s ease;
     display: inline-block;
     height: 8px;
     top: -8px;
     background: #67D01E;
 }
 
 .rating_histogram .bar_label {
     text-align: left;
     top: -4px;
     left: -40px;
     width: 28px;
     height: 16px;
     position: absolute;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 16px;
     color: #0057D9;
 }
 
 .rating_histogram .bar_label .icon_star {
     position: absolute;
     display: block;
     width: 14px;
     height: 14px;
     background: url(../images/ratings/rating.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto 0;
 }
 
 .rating_histogram .bar_number {
     position: absolute;
     right: -80px;
     top: -4px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 14px;
     color: #437FEC;
 }
 
 .rating_histogram .bar_number strong {
     color: #437FEC;
 }
 
 .form_comment_rating {
     width: 100%;
     display: none;
     position: relative;
     clear: both;
     padding: 40px 0;
 }
 
 .form_comment_rating.show {
     display: inline-block;
 }
 
 .title_form {
     width: 100%;
     position: relative;
 }
 
 .title_form p {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 30px;
     line-height: 40px;
     color: #0057D9;
 }
 
 .form_rating {
     margin: 10px 0;
     display: inline-block;
     cursor: pointer;
     position: relative;
 }
 
 .form_rating input[type="radio"].rating_star {
     border: 0;
     position: relative;
     -webkit-appearance: none;
     padding: 0;
     margin: 0;
     cursor: pointer;
     margin-right: 5px;
 }
 
 .form_rating input[type="radio"].rating_star:before,
 .form_rating input[type="radio"].rating_star:checked:before,
 .form_rating input[type="radio"].rating_star:hover:before {
     display: block;
     position: relative;
     content: "";
     background: url(../images/ratings/star.svg) no-repeat;
     background-position: center;
     background-size: cover;
     width: 26px;
     height: 26px;
     transition: all 80ms ease 100ms;
 }
 
 .form_rating input[type="radio"].rating_star:checked~ :before,
 .form_rating input[type="radio"].rating_star:hover~ :before {
     position: relative;
     display: block;
     content: "";
     background: url(../images/ratings/star_none.svg) no-repeat;
     background-position: center;
     background-size: cover;
     width: 26px;
     height: 26px;
     transition: all 80ms ease 100ms;
 }
 
 .more_form_review {
     width: 100%;
     clear: both;
     position: relative;
     text-align: center;
     padding: 25px 0;
 }
 
 .more_form_review strong {
     cursor: pointer;
     width: max-content;
     display: block;
     margin: 0 auto;
     background: #67D01E;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     padding: 10px 25px;
     text-align: center;
     text-transform: capitalize;
     color: #FFFFFF;
 }
 
 .more_form_review strong .icon_comment {
     position: relative;
     padding-left: 28px;
 }
 
 .more_form_review strong .icon_comment::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     margin: auto 0;
     width: 20px;
     height: 17px;
     background: url(../images/icon_comment.svg) no-repeat;
     background-position: center;
     background-size: cover;
 }
 
 .list_review {
     padding: 20px 0;
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .review {
     padding: 15px 0;
     clear: both;
     width: 100%;
     position: relative;
 }
 
 .review+.review {
     border-top: 1px solid #F2F7FF;
 }
 
 .review p {
     margin: 0 0 5px;
     clear: both;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
     color: #4d5156;
     text-align: justify;
 }
 
 .review p strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 18px;
     color: #0057D9;
 }
 .review p strong.name_review{
    font-size: 22px;
 }
 .review span {
     margin-left: 15px;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 14px;
     color: #9A9A9A;
 }
 
 .review span .icon_clock {
     position: relative;
     padding-left: 18px;
 }
 
 .review span .icon_clock::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto 0;
     width: 14px;
     height: 14px;
     background: url(../images/clock.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .review .icon_ratings {
     position: relative;
     padding-left: 90px;
 }
 
 .review .icon_ratings::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto 0;
     width: 90px;
     height: 16px;
     background: url(../images/ratings/5.svg) no-repeat;
     background-size: 100% auto;
     background-position: center;
 }
 /* content_table_price */
 
 .content_table_price {
     width: 100%;
     position: relative;
     clear: both;
     display: inline-block;
     padding: 0 0 80px;
 }
 
 .list_table_price {
     width: 100%;
     clear: both;
     position: relative;
     display: inline-block;
     padding: 50px 0;
 }
 
 .table_price {
     width: 100%;
     position: relative;
     clear: both;
     display: inline-block;
     padding: 20px 0;
 }
 
 .table_price table {
     margin: 0;
     padding: 0;
     border: 0;
     width: 360px;
     float: left;
     position: relative;
 }
 
 .table_price table+table {
     margin-left: 40px;
 }
 
 .table_price table thead {
     width: 100%;
     border: 0;
     position: relative;
     background: #0F61DB;
 }
 
 .table_price table thead tr {
     width: 100%;
     position: relative;
     border: 0;
 }
 
 .table_price table thead tr td {
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 22px;
     line-height: 40px;
     color: #FFFFFF;
     padding: 15px 30px;
 }
 
 .table_price table thead tr td strong {
     display: block;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 35px;
     color: #FFFFFF;
 }
 
 .table_price table tbody {
     width: 100%;
     border: 0;
     position: relative;
 }
 
 .table_price table tbody tr {
     width: 100%;
     position: relative;
     border: 0;
     background: #F2F7FF;
 }
 
 .table_price table tbody tr:nth-child(odd) {
     background: rgba(242, 247, 255, 0.3);
 }
 
 .table_price table tbody tr td {
     padding: 15px 30px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: #437FEC;
 }
 
 .content_note {
     padding: 0;
     clear: both;
     display: inline-block;
     width: 100%;
     position: relative;
 }
 
 .content_note .content {
     width: calc(100% - 530px);
     position: relative;
     float: right;
     clear: none;
 }
 
 .content_note .animation_note {
     width: 500px;
     float: left;
     position: relative;
 }
 
 .table_price.table_price_domain table {
     width: max-content;
 }
 
 .table_price.table_price_domain table thead tr td {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 20px;
     line-height: 30px;
     color: #FFFFFF;
 }
 
 .table_price.table_price_domain table tr td {
     border: 1px solid #FFFFFF;
 }
 /* content_list */
 
 .content_list {
     width: 100%;
     position: relative;
     clear: both;
     padding: 0 0 80px;
     display: inline-block;
     overflow: hidden;
 }
 /* pagination_subpage */
 
 .pagination_subpage {
     width: 100%;
     position: relative;
     clear: both;
     margin-top: 20px;
     display: inline-block;
 }
 
 .pagination {
     max-width: 100%;
     width: max-content;
     margin: 0;
     padding: 0;
     display: flex;
     list-style: none;
 }
 
 .pagination_subpage.right {
     width: 100%;
     margin-top: 30px;
 }
 
 .pagination_subpage.right .pagination {
     text-align: right;
     margin-left: auto;
 }
 
 .page-link {
     position: relative;
     display: block;
     padding: 0;
     width: 40px;
     height: 40px;
     margin: 0;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 40px;
     color: #437FEC;
     box-sizing: border-box;
     text-align: center;
     background: #F2F7FF;
     border-radius: 40px;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
 }
 
 .page-link.page-left,
 .page-link.page-right {
     border: 0;
 }
 
 .page-link.page-left span {
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     width: 8px;
     height: 14px;
     background: url(../images/left.svg) no-repeat;
     background-size: cover;
     background-position: center;
     margin: auto;
 }
 
 .page-link.page-right span {
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     width: 8px;
     height: 14px;
     background: url(../images/right.svg) no-repeat;
     background-size: cover;
     background-position: center;
     margin: auto;
 }
 
 .page-link.page-left:hover span,
 .page-link.page-right:hover span {
     filter: brightness(0) invert(1);
 }
 
 .page-link.page-left:hover,
 .page-link.page-right:hover {
     background: #67D01E;
     border: 0;
 }
 
 .page-link:hover {
     z-index: 2;
     color: #FFFFFF;
     background: #67D01E;
 }
 
 .page-item+.page-item {
     margin-left: 10px;
 }
 
 .page-item.active .page-link {
     z-index: 3;
     color: #FFFFFF;
     background: #67D01E;
 }
 
 .page-item.disabled .page-link {
     color: #FFFFFF;
     background: #67D01E;
     pointer-events: none;
     cursor: auto;
 }
 /* menu_content */
 
 .menu_content {
     width: 280px;
     max-width: 100%;
     position: absolute;
     top: 0;
     right: 0;
     float: right;
 }
 
 .menu_content.fixed {
     position: fixed;
     top: 100px;
     right: calc(50% - 580px);
     z-index: 2;
 }
 
 .head_menu_content {
     width: 100%;
     position: relative;
     padding: 0 0 15px;
     clear: both;
 }
 
 .head_menu_content strong {
     position: relative;
     color: #0057D9;
     font-family: 'Manrope', sans-serif;
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
 }
 
 .head_menu_content strong::before {
     content: '';
     width: 80px;
     height: 3px;
     background: #67D01E;
     position: absolute;
     bottom: -15px;
     left: 0;
 }
 
 .head_menu_content .icon_menu_content {
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 2;
     width: 30px;
     height: 30px;
     border-radius: 30px;
 }
 
 .head_menu_content .icon_menu_content::before {
     content: '';
     position: absolute;
     z-index: 2;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     filter: brightness(0) invert(1);
 }
 
 .list_menu_content {
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .list_menu_content ul {
     list-style-type: none;
     margin: 0;
     padding: 10px 0;
     width: 100%;
     position: relative;
     clear: both;
     max-height: calc(100vh - 200px);
     overflow-y: auto;
 }
 
 .list_menu_content ul::-webkit-scrollbar {
     border-radius: 0;
     width: 4px;
     height: 100%;
     border: 0;
     background-color: rgba(240, 244, 252, 0);
 }
 
 .list_menu_content ul::-webkit-scrollbar-thumb {
     border-radius: 0;
     background-color: #99bff9;
     width: 4px;
     border: 4px;
 }
 
 .list_menu_content ul::-webkit-scrollbar-track {
     border-radius: 0;
     background-color: rgba(240, 244, 252, 0);
     width: 4px;
     height: 100%;
     border: 0;
 }
 
 .list_menu_content ul li {
     width: 100%;
     padding: 5px 10px 5px 0;
     background: #FFFFFF;
     position: relative;
     color: #868686;
     font-family: 'Manrope', sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
 }
 
 .list_menu_content ul li a {
     color: #868686;
     font-family: 'Manrope', sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
 }
 
 .list_menu_content ul li.active a,
 .list_menu_content ul li:hover a {
     color: #005FE7;
 }
 
 .button_menu_content {
     display: none;
     opacity: 0;
     width: 47px;
     height: 44px;
     background: url(../images/menu_content.svg) no-repeat;
     background-size: cover;
     background-position: center;
     cursor: pointer;
 }
 
 .menu_content.menu_content_service {
     position: relative;
     top: 30px;
     left: 0;
     width: 100%;
     clear: both;
 }
 
 .menu_content.menu_content_service .list_menu_content ul {
     max-height: 250px;
 }
 /* content_blog */
 
 .content_blog {
     width: calc(100% - 320px);
     max-width: 100%;
     float: left;
     position: relative;
     margin: 0;
 }
 
 .info_content_detail {
     display: inline-block;
     margin: 5px 0 15px;
     width: 100%;
     clear: both;
     position: relative;
 }
 
 .info_content_detail span {
     font-family: 'Manrope', sans-serif;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     color: #868686;
 }
 
 .info_content_detail span+span {
     margin-left: 30px;
 }
 
 .info_content_detail .icon_calendar {
     position: relative;
     padding-left: 18px;
 }
 
 .info_content_detail .icon_calendar::before {
     content: '';
     width: 14px;
     height: 16px;
     background: url(../images/calendar.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto 0;
 }
 
 .info_content_detail .icon_author {
     position: relative;
     padding-left: 18px;
 }
 
 .info_content_detail .icon_author::before {
     content: '';
     width: 17px;
     height: 17px;
     background: url(../images/author.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto 0;
 }
 
 .info_content_detail .icon_views {
     position: relative;
     padding-left: 22px;
 }
 
 .info_content_detail .icon_views::before {
     content: '';
     width: 20px;
     height: 12px;
     background: url(../images/views.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto 0;
 }
 /*  */
 
 .rating_content {
     width: max-content;
     padding: 30px 0;
     clear: both;
     position: relative;
 }
 
 #total_star {
     display: none;
 }
 
 .statistical_rating {
     float: right;
     width: auto;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 30px;
     color: #2F2F2F;
 }
 
 .rating_content .star_rating {
     width: max-content;
     position: relative;
     display: inline-block;
     padding: 0;
     margin: 0;
     cursor: pointer;
 }
 
 .rating_content .star_rating .star_rate {
     width: 26px;
     height: 26px;
     overflow: hidden;
     margin-right: 8px;
     position: relative;
     float: left;
     background: url(../images/ratings/star.svg) no-repeat;
     background-size: cover;
     background-position: center;
     filter: grayscale(1);
     transition: all 0.5s;
 }
 
 .rating_content .star_rating .star_rate:hover {
     filter: grayscale(0);
     opacity: 1;
     transform: scale(1.1) rotate(5deg);
 }
 
 .rating_content .star_rating .star_rate.check {
     filter: grayscale(0)
 }
 /* section_blog_other */
 
 .section_blog_other {
     width: 100%;
     clear: both;
     position: relative;
     padding: 0 0 100px;
 }
 /* content_contact */
 
 .content_contact {
     width: 100%;
     clear: both;
     position: relative;
     padding: 0 0 80px;
     display: inline-block;
 }
 
 .google_map {
     width: 430px;
     height: auto;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     overflow: hidden;
 }
 
 .google_map iframe {
     width: 100%;
     height: 380px;
     border: 0;
 }
 
 .form_contact {
     width: calc(100% - 480px);
     float: right;
     position: relative;
 }
 
 .price_input {
     position: relative;
     width: 100%;
     height: 20px;
     margin: 10px 0 20px;
 }
 
 .price_input .field_range {
     position: absolute;
     right: 0;
     left: auto;
     top: 0;
     width: auto;
     height: auto;
 }
 
 .price_input .field_range:first-child {
     left: 20px;
     right: auto;
 }
 
 .field_range label {
     position: absolute;
     right: 0;
     top: 0;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: #868686;
 }
 
 .field_range input {
     right: 32px;
     text-align: right;
     position: relative;
     width: 32px;
     height: 24px;
     outline: none;
     border: 0;
     background: none;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: #868686;
 }
 
 .price_input .field_range:first-child input {
     right: 24px;
     width: 24px;
     text-align: center;
 }
 
 .field_range input::placeholder {
     color: #868686;
 }
 
 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
     -webkit-appearance: none;
 }
 
 .slider_price {
     margin: 0;
     margin-top: 10px;
     width: 100%;
     height: 4px;
     position: relative;
     background: #F2F7FF;
     border-radius: 4px;
 }
 
 .slider_price .progress {
     height: 100%;
     left: 0%;
     right: 0%;
     position: absolute;
     border-radius: 4px;
     background: #67D01E;
 }
 
 .range_input {
     position: relative;
 }
 
 .range_input input {
     position: absolute;
     width: 100%;
     height: 4px;
     top: -4px;
     background: none;
     pointer-events: none;
     -webkit-appearance: none;
     -moz-appearance: none;
 }
 
 input[type="range"]::-webkit-slider-thumb {
     height: 14px;
     width: 14px;
     border-radius: 50%;
     background: #67D01E;
     pointer-events: auto;
     -webkit-appearance: none;
 }
 
 input[type="range"]::-moz-range-thumb {
     height: 14px;
     width: 14px;
     border: none;
     border-radius: 50%;
     background: #67D01E;
     pointer-events: auto;
     -moz-appearance: none;
 }
 /* form  */
 
 .form {
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .form .label {
     width: 100%;
     clear: both;
     margin: 20px 0 10px;
     padding: 0;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 22px;
     line-height: 32px;
     color: #0057D9;
 }
 
 .form_select,
 .form_service,
 .form_textarea,
 .form_input {
     width: 100%;
     clear: both;
     position: relative;
 }
 
 .form_input select,
 .form_input input {
     position: relative;
     width: calc(50% - 10px);
     height: 50px;
     float: left;
     background: #F2F7FF;
     border: 1px solid #E4E7FB;
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: #437FEC;
     padding: 0 20px;
     margin: 10px 0;
 }
 
 .form_input input:nth-child(even) {
     float: right;
 }
 
 .form_input select:nth-child(even) {
     float: right;
 }
 
 .form_input select::placeholder,
 .form_textarea select::placeholder,
 .form_textarea textarea::placeholder,
 .form_textarea input::placeholder,
 .form_input input::placeholder {
     color: #437FEC;
 }
 
 .form_textarea select,
 .form_textarea textarea,
 .form_textarea input {
     position: relative;
     width: 100%;
     height: 50px;
     background: #F2F7FF;
     border: 1px solid #E4E7FB;
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: #437FEC;
     padding: 0 20px;
     margin: 10px 0;
 }
 
 .form_input select,
 .form_textarea select {
     outline: 0 none;
     -webkit-appearance: none;
     background: #F2F7FF url(../images/select.svg) no-repeat;
     background-size: 14px 8px;
     background-position: center right 15px;
 }
 
 .form_input select option,
 .form_textarea select option {
     color: #4d5156;
 }
 
 .form_textarea textarea {
     height: 100px;
     padding: 10px 20px;
 }
 
 .form_service .list_choose_service {
     width: 500px;
     max-width: 100%;
     position: relative;
     clear: both;
     display: inline-block;
 }
 
 .list_choose_service .choose_service {
     width: 50%;
     float: left;
     position: relative;
     padding: 10px 0;
 }
 
 .list_choose_service .choose_service:last-child {
     width: 100%;
 }
 
 .list_choose_service .choose_service label {
     padding: 0;
     margin: 0;
     margin-left: 10px;
     position: relative;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: #868686;
 }
 
 .list_choose_service .choose_service input {
     padding: 0;
     margin: 0;
     width: 24px;
     height: 24px;
     float: left;
 }
 
 .list_choose_service .choose_service input[type=checkbox]:checked {
     width: 24px;
     height: 24px;
     border: 0;
     background: url(../images/checked.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .list_choose_service .choose_service input[type=checkbox] {
     position: relative;
     top: 0px;
     -webkit-appearance: none;
     width: 24px;
     height: 24px;
     border: 0;
     background: url(../images/check.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 
 .button_submit {
     width: 100%;
     clear: both;
     position: relative;
     margin: 10px 0;
 }
 
 .button_submit.right {
     text-align: right;
 }
 
 .button_submit button {
     width: auto;
     height: 44px;
     clear: both;
     background: #67D01E;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     text-transform: capitalize;
     color: #FFFFFF;
     border: 0;
     padding: 0 25px;
 }
 
 .button_submit button .icon_send {
     position: relative;
     padding-left: 30px;
 }
 
 .button_submit button .icon_send::before {
     content: '';
     width: 24px;
     height: 14px;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     margin: auto 0;
     background: url(../images/icon_send.svg) no-repeat;
     background-position: center;
     background-size: cover;
 }
 /* form_recruitment */
 
 .form_recruitment {
     padding: 30px 0;
     width: 100%;
     clear: both;
     position: relative;
 }
 /* website_other */
 
 .website_other {
     width: 100%;
     position: relative;
     clear: both;
     padding: 0;
     display: inline-block;
 }
 
 .slider_website {
     width: 100%;
     position: relative;
     clear: both;
 }
 
 .swiper-button-next.swiper-button-next-website {
     right: 0;
     top: -55px;
     left: auto;
     bottom: auto;
 }
 
 .swiper-button-prev.swiper-button-prev-website {
     right: 60px;
     top: -55px;
     left: auto;
     bottom: auto;
 }
 /* content_search */
 
 .content_search {
     width: 100%;
     clear: both;
     position: relative;
     padding: 80px 0;
     margin-top: 60px;
     display: inline-block;
 }
 
 .form_search {
     float: right;
     width: 360px;
     position: relative;
     top: 0;
     z-index: 2;
     right: 0;
 }
 
 .form_search.fixed {
     position: fixed;
     top: 80px;
     right: calc(50% - 580px);
 }
 /*  */
 
 .button_search,
 .button_category {
     position: relative;
     display: none;
     opacity: 0;
     width: auto;
     float: left;
 }
 
 .button_category strong {
     cursor: pointer;
     text-align: center;
     display: block;
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 22px;
     width: max-content;
     padding: 10px 25px;
     text-align: center;
     text-transform: capitalize;
     color: #FFFFFF;
     background: #67D01E;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
     border-radius: 10px;
 }
 
 .button_category strong .icon_category {
     position: relative;
     padding-left: 24px;
 }
 
 .button_category strong .icon_category::before {
     content: '';
     width: 16px;
     height: 20px;
     background: url(../images/icon_category.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto 0;
 }
 
 .button_search {
     margin-left: 15px;
 }
 
 .button_search a {
     position: relative;
     display: block;
     width: max-content;
     background: #67D01E;
     box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
     border-radius: 10px;
     width: 42px;
     height: 42px;
 }
 
 .button_search a .icon_search {
     display: block;
     width: 18px;
     height: 18px;
     background: url(../images/search.svg) no-repeat;
     background-size: cover;
     background-position: center;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     filter: brightness(0) invert(1);
 }
 /*  */
 
 .close_menu_tab {
     position: relative;
     display: none;
     opacity: 0;
     width: 100%;
     clear: both;
     background: #0F61DB;
     padding: 15px 30px;
 }
 
 .close_menu_tab strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 18px;
     line-height: 20px;
     text-transform: uppercase;
     color: #FFFFFF;
 }
 
 .close_menu_tab .icon_close {
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     opacity: 1;
     right: 25px;
     top: 0;
     bottom: 0;
     margin: auto 0;
     background: url(../images/close.svg) no-repeat;
     background-size: cover;
     background-position: center;
 }
 /*  */
 
 .slider_button_fixed {
     display: none;
     opacity: 0;
     z-index: 999;
     cursor: pointer;
     position: fixed;
     right: 10px;
     bottom: 20px;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     background: rgba(63, 180, 245, 1);
 }
 
 .slider_button_fixed::before {
     content: "";
     border-radius: 50px;
     border: 2px solid rgba(63, 180, 245, 1);
     position: absolute;
     right: 0;
     top: 0;
     left: 0;
     bottom: 0;
     margin: auto;
     box-sizing: border-box;
     width: 50px;
     height: 50px;
     transition: all 0.8s ease;
     animation: grow 1.6s infinite;
 }
 
 .slider_button_fixed::after {
     content: "";
     border-radius: 50px;
     background: rgba(63, 180, 245, 0.7);
     position: absolute;
     right: 0;
     top: 0;
     left: 0;
     bottom: 0;
     margin: auto;
     box-sizing: border-box;
     width: 50px;
     height: 50px;
     transition: all 0.8s ease;
     animation: grow 0.8s infinite;
 }
 
 @keyframes grow {
     from {
         transform: scale(1, 1);
         opacity: 1;
     }
     to {
         transform: scale(1.5, 1.5);
         opacity: 0;
     }
 }
 
 .swiper_fixed {
     width: 100%;
     height: 100%;
     border-radius: 100%;
     overflow: hidden;
 }
 
 .swiper_fixed .swiper-slide img {
     width: 50px;
     height: 50px;
 }
 
 .button_fixed {
     opacity: 1;
     display: block;
     width: 175px;
     position: fixed;
     z-index: 999;
     right: 10px;
     bottom: 80px;
 }
 
 .button_fixed ul {
     width: 100%;
     position: relative;
     margin: 0;
     padding: 0;
     list-style-type: none;
 }
 
 .button_fixed ul li {
     width: 100%;
     position: relative;
 }
 
 .button_fixed ul li+li {
     padding-top: 5px;
 }
 
 .button_fixed ul li a {
     display: inline-block;
     width: 100%;
     position: relative;
     background: #FFFFFF;
     box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
     border-radius: 8px;
     padding: 10px 12px;
 }
 
 .button_fixed ul li a img {
     width: 42px;
     float: left;
     position: relative;
 }
 
 .button_fixed ul li a p {
     margin: 2px 0;
     width: calc(100% - 50px);
     float: right;
     position: relative;
 }
 
 .button_fixed ul li a p strong {
     font-family: 'Manrope', sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 20px;
     color: #009EF6;
     display: block;
 }
 
 .button_fixed ul li a p span {
     display: block;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 18px;
     color: #888888;
 }
 
 .button_fixed ul li.button_messenger a p strong {
     color: #B73BE1;
 }
 
 .button_fixed ul li.button_zalo a p strong {
     color: #005FE7;
 }
 
 .button_fixed ul li.button_hotline a p strong {
     color: #37C837;
 }
 
 .slider_button_fixed.open {
     background: rgba(63, 180, 245, 1) url(../images/close.svg) no-repeat;
     background-size: 14px 14px;
     background-position: center;
 }
 
 .slider_button_fixed.open::before,
 .slider_button_fixed.open::after,
 .slider_button_fixed.open .swiper_fixed {
     display: none;
     opacity: 0;
 }
 
 .button_fixed.open {
     opacity: 1;
     display: block;
 }
 /*  */
 
 #_loading {
     display: none;
     opacity: 0;
     transition: all 0.5s;
 }
 
 #_loading.loading {
     display: block;
     width: 100%;
     height: 100vh;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     clear: both;
     position: fixed;
     display: block;
     text-align: center;
     opacity: 1;
     background: rgba(0, 0, 0, 0.5);
     z-index: 999999;
 }
 
 #_loading.loading img {
     display: block;
     width: 50px;
     height: 50px;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     position: absolute;
     margin: uto;
     animation: rotate_loading 1.5s linear infinite;
 }
 
 @keyframes rotate_loading {
     from {
         transform: rotate(0deg);
     }
     to {
         transform: rotate(359deg);
     }
 }
 
 .go_top {
     opacity: 0;
     display: none;
     position: fixed;
     z-index: 99;
     top: 20px;
     right: calc(50% - 340px);
     border-radius: 40px;
     border: 1.5px solid #67D01E;
     width: 40px;
     height: 40px;
     background: #67D01E;
     box-shadow: -4px 4px 4px 0px rgba(255, 255, 255, 0.17) inset;
 }
 
 .go_top.left {
     right: auto;
     left: calc(50% - 580px);
 }
 
 .go_top.fixed {
     opacity: 1;
     display: block;
 }
 
 .go_top a {
     display: block;
     cursor: pointer;
     position: absolute;
     top: 25px;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 2;
     width: 18px;
     height: 3px;
     transform: rotate(180deg);
 }
 
 .icon_go_top {
     position: absolute;
     width: 18px;
     height: 3px;
     opacity: 0;
     transform: scale3d(0.5, 0.5, 0.5);
     animation: gotop 3s ease-out infinite;
 }
 
 .icon_go_top:first-child {
     animation: gotop 3s ease-out 1s infinite;
 }
 
 .icon_go_top:nth-child(2) {
     animation: gotop 3s ease-out 2s infinite;
 }
 
 .icon_go_top:before,
 .icon_go_top:after {
     content: ' ';
     position: absolute;
     top: 0;
     height: 100%;
     width: 51%;
     background: #FFFFFF;
 }
 
 .icon_go_top:before {
     left: 0;
     transform: skew(0deg, 40deg);
 }
 
 .icon_go_top:after {
     right: 0;
     width: 50%;
     transform: skew(0deg, -40deg);
 }
 
 @keyframes gotop {
     25% {
         opacity: 1;
     }
     33% {
         opacity: 1;
         transform: translateY(5px);
     }
     67% {
         opacity: 1;
         transform: translateY(10px);
     }
     100% {
         opacity: 0;
         transform: translateY(20px) scale3d(0.5, 0.5, 0.5);
     }
 }
 
 @media all and (max-width: 1520px) {
     .button_fixed {
         opacity: 0;
         display: none;
     }
     .slider_button_fixed {
         display: block;
         opacity: 1;
     }
 }
 
 @media all and (max-width: 1239px) {
     .container {
         width: 1000px;
     }
     h1 {
         font-size: 30px;
         line-height: 38px;
     }
     h2 {
         font-size: 24px;
         line-height: 32px;
     }
     h3 {
         font-size: 22px;
         line-height: 30px;
     }
     h4 {
         font-size: 20px;
         line-height: 28px;
     }
     h5 {
         font-size: 18px;
         line-height: 26px;
     }
     h6 {
         font-size: 16px;
         line-height: 24px;
     }
     header {
         height: 50px;
         padding: 0;
     }
     .logo img {
         margin: 10px 0;
         height: 30px;
     }
     .button_menu {
         opacity: 1;
         display: block;
     }
     .menu {
         display: none;
         opacity: 0;
         position: absolute;
         right: 0;
         top: 50px;
         z-index: 9999;
         background: #FFFFFF;
         width: 300px;
         max-width: 100%;
         height: calc(100vh - 50px);
         box-shadow: 0px 4px 4px rgba(24, 78, 174, 0.1);
     }
     .menu.open {
         display: block;
         opacity: 1;
     }
     .menu nav {
         overflow: hidden;
         width: 100%;
         height: 100%;
         clear: both;
     }
     .menu nav ul {
         margin: 0;
         padding: 0;
         float: none;
         width: 100%;
         height: 100%;
         clear: both;
         position: relative;
         display: block;
     }
     .menu nav ul li {
         position: static;
         border-top: 1px solid #F2F7FF;
         width: 100%;
         float: none;
         clear: both;
         padding: 0;
     }
     .menu nav ul li a {
         width: max-content;
         float: left;
         display: block;
         padding: 13px 30px;
         font-size: 16px;
         line-height: 24px;
         text-transform: uppercase;
         color: #0057D9;
     }
     .menu nav ul li:hover {
         background: #FFFFFF;
     }
     .menu nav ul li.active {
         background: #F2F7FF;
     }
     .menu nav ul li:hover a,
     .menu nav ul li.active a {
         color: #0057D9;
     }
     .menu nav ul li .icon_menu {
         display: block;
         position: absolute;
         width: 100%;
         height: 50px;
         float: right;
         cursor: pointer;
         right: 0;
         z-index: 2;
         opacity: 1;
         background: url(../images/icon_menu.svg) no-repeat;
         background-size: 20px 14px;
         background-position: center right 20px;
     }
     .menu nav ul li.button_contact {
         margin: 50px 0 0;
         padding: 0 30px;
         border: 0 !important;
         background: #FFFFFF !important;
     }
     .menu nav ul li.button_contact a span {
         display: inline-block;
     }
     .menu nav ul li ul {
         width: 100%;
         height: 100%;
         position: absolute;
         background: #FFFFFF;
         top: 0;
         left: 0;
         right: 0;
         transform: translateX(100%);
         transition: 0.3s;
         visibility: hidden;
     }
     .menu nav ul li:hover ul {
         transform: translateX(100%);
         visibility: hidden;
     }
     .menu nav ul li ul.open {
         transform: translateX(0);
         visibility: visible;
     }
     .menu nav ul li ul::before {
         display: none;
     }
     .menu nav ul li ul li {
         padding: 0 !important;
         background: #FFFFFF !important;
     }
     .menu nav ul li ul li:nth-child(2) {
         padding-top: 0 !important;
     }
     .menu nav ul li ul li a {
         padding-left: 60px;
         background: #FFFFFF !important;
     }
     .menu nav ul li ul .back_menu_item_sub {
         width: 100%;
         padding: 10px 30px;
         position: relative;
         display: block;
         opacity: 1;
         font-family: 'Manrope', sans-serif;
         font-weight: 600;
         font-size: 16px;
         line-height: 24px;
         text-transform: uppercase;
         color: #0057D9;
         background: #deeaff;
         padding-left: 60px;
     }
     .menu nav ul li ul .back_menu_item_sub .icon_back_menu {
         display: block;
         position: absolute;
         top: 15px;
         left: 30px;
         width: 20px;
         height: 14px;
         background: url(../images/icon_menu.svg) no-repeat;
         background-size: cover;
         background-position: center;
         z-index: 2;
         transform: rotate(180deg);
     }
     /*  */
     .section_home {
         margin-top: 50px;
         height: 500px;
     }
     .section_home .home {
         width: 1000px;
     }
     .content_home {
         width: 415px;
     }
     .content_home h1 {
         font-size: 34px;
         line-height: 44px;
     }
     .content_home p {
         font-size: 20px;
         line-height: 30px;
     }
     .content_home a {
         width: 170px;
         font-size: 14px;
         line-height: 20px;
         padding: 10px 20px;
     }
     .animation_home {
         height: 430px;
     }
     .animation_home iframe {
         width: 655px;
         height: 430px;
     }
     .animation_home img {
         width: auto;
         height: 100%;
     }
     .button_info_website {
         margin-top: 25px;
     }
     .title_footer {
         width: 450px;
     }
     .service .info_service p {
         margin-bottom: 5px;
     }
     .service_advantage .title h3,
     .title_service .title h2,
     .title h3,
     .title h2 {
         font-size: 28px;
         line-height: 38px;
     }
     .website .info_website p strong {
         font-size: 18px;
         line-height: 26px;
     }
     .service .info_service p strong,
     .customer p {
         font-size: 22px;
         line-height: 32px;
     }
     .advantage .info_advantage p,
     .list_team .team p,
     .blog .info_blog p,
     .service .info_service p {
         font-size: 16px;
         line-height: 24px;
     }
     .service .more_service strong {
         width: 140px;
         font-size: 14px;
         line-height: 20px;
     }
     .website .info_website p {
         font-size: 16px;
     }
     .more a {
         padding: 10px 20px;
         font-size: 14px;
         line-height: 20px;
     }
     .content table thead tr th,
     .content table tbody tr td,
     .content,
     .content ul li,
     .content p {
         font-size: 16px;
         line-height: 24px;
     }
     .advantage .info_advantage p strong {
         font-size: 20px;
         line-height: 30px;
     }
     .list_team .team p strong {
         font-size: 18px;
         line-height: 24px;
     }
     .blog .info_blog p strong {
         font-size: 18px;
     }
     .menu_footer {
         margin-left: 65px;
     }
     .banner_page {
         padding: 50px 0;
         margin-top: 50px;
     }
     .title_page {
         width: 400px;
     }
     .title_page h1 {
         font-size: 70px;
         line-height: 80px;
     }
     .animation_page {
         width: 400px;
     }
     .animation_page iframe {
         width: 100%;
         height: 300px;
     }
     .content_about {
         padding: 0 0 60px;
     }
     .content_technology .content ul {
         margin: 15px 0;
     }
     .content_improve ul li,
     .content_technology .content ul li {
         padding-left: 35px;
     }
     .content_technology .content ul li strong,
     .content_improve ul li {
         font-size: 16px;
         line-height: 24px;
     }
     .content_technology .content ul li span,
     .content_improve ul li strong {
         top: 8px;
         width: 26px;
         height: 26px;
         font-size: 14px;
         line-height: 26px;
     }
     .title_team {
         width: 400px;
     }
     .title_service.fixed,
     .title_team.fixed {
         top: 80px;
         left: calc(50% - 500px);
     }
     .list_team .team p {
         margin: 0;
     }
     .title_service {
         width: 300px;
     }
     .advantage .info_advantage {
         padding: 10px 0;
     }
     .advantage .info_advantage p {
         margin: 0;
     }
     .slider_advantage .swiper-slide {
         width: 300px;
     }
     .menu_tab ul li a {
         padding: 10px 25px;
         font-size: 14px;
         line-height: 20px;
     }
     .menu_tab ul li+li {
         margin-left: 15px;
     }
     .title_website h1 {
         font-size: 50px;
         line-height: 60px;
     }
     .image_page_website {
         height: 435px;
     }
     .like_website {
         right: auto;
         left: 150px;
         bottom: 5px;
         padding: 6px 20px;
     }
     .like_website span {
         font-size: 13px;
         line-height: 20px;
     }
     .like_website .heart {
         top: 2.5px;
         width: 18px;
     }
     .footer {
         padding: 30px 0 50px;
     }
     footer::before {
         width: 330px;
         height: 200px;
     }
     footer::after {
         width: 400px;
         height: 200px;
     }
     .section_table_price,
     .section_reviewer,
     .section_procedure,
     .section_list_services,
     .section_partner,
     .section_whychoose,
     .section_blog,
     .section_faqs,
     .section_website,
     .section_service,
     .section_customer {
         padding: 60px 0 0;
     }
     .service_advantage,
     .section_contact_consultant {
         padding: 60px 0;
     }
     .content_list {
         padding: 0 0 50px;
     }
     .more_form_review strong {
         padding: 10px 25px;
         font-size: 14px;
         line-height: 20px;
     }
     .title_form p {
         font-size: 20px;
         line-height: 30px;
     }
     .form_comment_rating {
         padding-bottom: 0;
     }
     .form_input select,
     .form_textarea select,
     .form_textarea textarea,
     .form_textarea input,
     .form_input input {
         height: 44px;
         font-size: 14px;
     }
     .form_input select,
     .form_textarea select {
         background-size: 10.5px 6px;
     }
     .form_textarea textarea {
         height: 80px;
     }
     .button_submit button {
         font-size: 14px;
         padding: 0 25px;
         height: 40px;
     }
     .list_table_price {
         padding: 30px 0;
     }
     .table_price {
         padding: 0;
     }
     .table_price table {
         width: 323px;
     }
     .table_price table+table {
         margin-left: 15px;
     }
     .table_price table thead tr td {
         font-size: 18px;
         line-height: 30px;
         padding: 12px 25px;
     }
     .table_price table thead tr td strong {
         font-size: 26px;
     }
     .table_price table tbody tr td {
         padding: 12px 25px;
         font-size: 16px;
         line-height: 24px;
     }
     .content_note .content {
         width: 500px;
     }
     .content_note .animation_note {
         width: 460px;
     }
     .table_price.table_price_domain table thead tr td {
         font-size: 18px;
         line-height: 30px;
     }
     .menu_tab ul li.search a {
         padding: 11px;
     }
     .menu_tab ul li.search a i.icon_search {
         width: 16px;
         height: 16px;
     }
     .blog .img_blog {
         width: 200px;
         height: 140px;
     }
     .blog .info_blog {
         width: calc(100% - 220px);
     }
     .blog .info_blog p {
         max-height: 50px;
     }
     .form_search.fixed,
     .list_blog_views.fixed {
         right: calc(50% - 500px);
         top: 50px;
     }
     .list_blog {
         width: calc(100% - 385px);
     }
     .content_detail,
     .content_search {
         padding: 50px 0;
         margin-top: 50px;
     }
     .section_blog_other {
         padding-bottom: 60px;
     }
     .form .label {
         font-size: 18px;
         line-height: 26px;
     }
     .list_choose_service .choose_service input[type=checkbox]:checked,
     .list_choose_service .choose_service input[type=checkbox] {
         width: 22px;
         height: 22px;
     }
     .list_choose_service .choose_service label {
         margin-left: 5px;
     }
     .google_map {
         width: 370px;
     }
     .google_map iframe {
         height: 300px;
     }
     .form_contact {
         width: calc(100% - 400px);
     }
     .animation_faqs {
         width: 400px;
     }
     .box_list_faqs {
         width: calc(100% - 440px);
     }
     .partner {
         padding: 0 20px;
     }
     .partner img {
         height: 50px;
     }
     .animation_faqs iframe {
         height: 370px;
     }
     .title_footer p {
         font-size: 26px;
         line-height: 36px;
     }
     .contact_footer {
         margin-right: 20px;
     }
     .slider_reviewer .swiper-slide {
         width: 455px;
     }
     .form_contact_consultant {
         width: 500px;
     }
     .images_contact_consultant {
         width: 450px;
     }
     .images_contact_consultant iframe {
         height: 405px;
     }
     .reviewer .info_reviewer p strong {
         font-size: 18px;
         line-height: 26px;
     }
     .reviewer .content_reviewer ul,
     .reviewer .content_reviewer ul li,
     .reviewer .content_reviewer p,
     .faqs .content_faqs .content p,
     .faqs .content_faqs .content ul li,
     .faqs .content_faqs .content ul li p,
     .faqs .content_faqs .content,
     .title p,
     .list_services ul li {
         font-size: 16px;
         line-height: 24px;
     }
     .whychoose p {
         margin: 5px 0 0;
     }
     .menu_content.fixed {
         position: fixed;
         top: 80px;
         right: calc(50% - 500px);
         z-index: 99;
     }
     .list_procedure ul li:nth-child(6) {
         top: 114px;
     }
     .list_procedure ul li:nth-child(7) {
         top: 228px;
     }
     .list_procedure ul li:nth-child(8) {
         top: 342px;
     }
     .go_top {
         right: calc(50% - 260px);
     }
     .go_top.left {
         right: auto;
         left: calc(50% - 500px);
     }
     .branding {
         width: 33.33%;
     }
 }
 
 @media all and (max-width: 1029px) {
     .container {
         width: 860px;
     }
     h1 {
         font-size: 28px;
         line-height: 36px;
     }
     .section_home .home {
         width: 860px;
     }
     .section_home::before {
         width: 179px;
         height: 200px;
     }
     .section_home::after {
         width: 179px;
         height: 200px;
     }
     .section_home .bg_home {
         width: 180px;
         height: 180px;
     }
     .content_home {
         width: 380px;
     }
     .content_home h1 {
         margin: 0 0 10px;
         font-size: 32px;
         line-height: 40px;
     }
     .content_home ul {
         margin: 0 0 20px;
         font-size: 16px;
         line-height: 24px;
     }
     .content_home ul li {
         padding-left: 28px;
         background-size: 20px 20px;
         background-position: left top 7px;
     }
     .content_home a#contact_consultant,
     .content_home a#video_about_us {
         width: 180px;
         font-size: 14px;
         line-height: 22px;
     }
     .title h3,
     .title h2 {
         font-size: 26px;
         line-height: 34px;
     }
     .customer p {
         font-size: 18px;
         line-height: 26px;
     }
     .customer p {
         padding: 15px 20px;
     }
     .service {
         padding: 10px;
     }
     .service a {
         width: 240px;
     }
     .service .info_service {
         margin: 15px 0 20px;
     }
     .service .info_service p br {
         display: none;
     }
     .service .info_service p {
         font-size: 14px;
         line-height: 22px;
         margin-bottom: 5px;
     }
     .service .info_service p strong {
         margin-bottom: 5px;
         font-size: 18px;
     }
     .slider_whychoose .swiper-slide {
         width: 350px;
     }
     .website .info_website p {
         line-height: 24px;
     }
     .website .info_website .rating {
         margin-left: 30px;
         top: 2px;
         width: 105px;
         height: 18px;
     }
     .animation_faqs {
         width: 360px;
     }
     .box_list_faqs {
         width: calc(100% - 400px);
     }
     .swiper-slide .blog .info_blog {
         padding: 5px 0;
     }
     .swiper-slide .blog .info_blog p {
         margin-top: 5px;
     }
     .partner {
         padding: 0 15px;
     }
     .contact_footer {
         width: 330px;
         margin-right: 0;
     }
     .menu_footer {
         margin-left: 55px;
     }
     .title_footer {
         width: 60%;
         max-width: 100%;
     }
     .title_footer p {
         font-size: 30px;
         line-height: 40px;
     }
     .menu_footer p,
     .contact_footer p {
         margin-bottom: 10px;
         font-size: 20px;
         line-height: 24px;
     }
     .menu_footer ul li a,
     .contact_footer ul li a {
         font-size: 14px;
         line-height: 22px;
     }
     .coppyright span {
         font-size: 14px;
     }
     .content_technology,
     .content_solution {
         width: calc(100% - 440px);
     }
     .img_solution,
     .img_technology {
         width: 400px;
     }
     .content_technology .content ul {
         margin: 0 0 10px;
     }
     .title_service,
     .title_team {
         display: inline-block;
         width: 100%;
         clear: both;
         position: relative;
     }
     .title_service .more,
     .title_team .more {
         margin: 0;
         position: absolute;
         bottom: 0;
         display: none;
         opacity: 0;
     }
     .more_contact {
         margin-top: 30px;
     }
     .more_contact,
     .more_brochuse {
         opacity: 1;
         display: block;
     }
     .list_team {
         display: inline-block;
         clear: both;
         float: none;
         padding: 15px 0;
         width: 100%;
     }
     .list_team .team {
         margin: 0;
         padding: 0 0 20px;
         padding-right: 15px;
         width: 33.33%;
     }
     .list_team .team img {
         width: 100%;
         height: 300px;
         margin-bottom: 10px;
     }
     .content_service {
         padding: 0;
         padding-top: 25px;
         width: 100%;
         float: none;
     }
     .review p strong {
         font-size: 16px;
     }
     .review p strong.name_review{
        font-size: 18px;
     }
     .table_price table {
         width: 280px;
     }
     .table_price table+table {
         margin-left: 10px;
     }
     .table_price table thead tr td {
         font-size: 16px;
         line-height: 30px;
         padding: 10px 20px;
     }
     .table_price table thead tr td strong {
         font-size: 24px;
     }
     .table_price table tbody tr td {
         padding: 10px 20px;
         font-size: 14px;
         line-height: 22px;
     }
     .section_table_price .table_price {
         padding: 10px 0 15px;
     }
     .content_note .content {
         width: 400px;
     }
     .content_note .animation_note {
         margin: 50px 0 0;
         width: 420px;
     }
     .table_price.table_price_domain table thead tr td {
         font-size: 16px;
         line-height: 24px;
     }
     .list_blog {
         width: calc(100% - 300px);
     }
     .form_search,
     .list_blog_views {
         width: 270px;
     }
     .form_search.fixed,
     .list_blog_views.fixed {
         right: calc(50% - 430px);
     }
     .info_content_detail strong,
     .info_content_detail span {
         font-size: 14px;
     }
     .statistical_rating {
         font-size: 16px;
     }
     .list_choose_service .choose_service label {
         font-size: 14px;
     }
     .animation_faqs iframe {
         height: 325px;
     }
     .whychoose p {
         font-size: 14px;
         line-height: 22px;
     }
     .whychoose p.name_whychoose strong {
         font-size: 18px;
         line-height: 24px;
     }
     .list_services ul li {
         width: 50%;
         background: #F2F7FF url(../images/checked.svg) no-repeat !important;
         background-size: 20px 20px !important;
         background-position: left 20px center !important;
         padding-left: 45px;
     }
     .list_services ul li:nth-child(3),
     .list_services ul li:nth-child(4),
     .list_services ul li:nth-child(7),
     .list_services ul li:nth-child(8),
     .list_services ul li:nth-child(11),
     .list_services ul li:nth-child(12),
     .list_services ul li:nth-child(15),
     .list_services ul li:nth-child(16),
     .list_services ul li:nth-child(19),
     .list_services ul li:nth-child(20) {
         background: rgba(242, 247, 255, 0.5) url(../images/checked.svg) no-repeat !important;
         background-size: 20px 20px !important;
         background-position: left 20px center !important;
     }
     .list_procedure ul li {
         width: 100%;
         clear: both;
         position: relative !important;
         top: 0 !important;
         float: none !important;
     }
     .blog .info_blog p strong {
         font-size: 17px;
     }
     .faqs {
         padding: 20px 25px;
     }
     .faqs .content_faqs {
         padding-right: 40px;
     }
     .faqs .title_faqs h4 {
         font-size: 20px;
         line-height: 28px;
     }
     .slider_reviewer .swiper-slide {
         width: 385px;
     }
     .reviewer .content_reviewer {
         padding: 10px 40px 0 0;
     }
     .reviewer .content_reviewer::before {
         top: 15px;
         width: 19.8px;
         height: 14px;
     }
     .reviewer .content_reviewer p {
         font-size: 14px;
     }
     .form_contact_consultant {
         width: 400px;
     }
     .form_contact_consultant .form_input select,
     .form_contact_consultant .form_input input {
         width: 100%;
     }
     .images_contact_consultant {
         width: 420px;
         top: 120px;
     }
     .images_contact_consultant iframe {
         height: 375px;
     }
     .menu_content.fixed {
         position: fixed;
         top: 80px;
         right: calc(50% - 430px);
         z-index: 2;
     }
     .menu_content.menu_content_service {
         top: 0px;
         display: inline-block;
     }
     .go_top {
         right: calc(50% - 190px);
     }
     .go_top.left {
         top: 10px;
         left: auto;
         right: 5px;
         bottom: 10px;
     }
     .rating_content {
         padding: 30px 0 10px;
     }
     .share {
         display: inline-block;
         width: 100%;
         height: auto;
         clear: both;
         position: relative;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         margin: 0 0 10px !important;
     }
     .share ul li {
         width: auto;
         float: left;
         clear: none;
         margin: 0 15px 0 0 !important;
     }
 }
 
 @media all and (max-width: 889px) {
     .container {
         width: 720px;
     }
     h1 {
         font-size: 26px;
         line-height: 32px;
     }
     h2 {
         font-size: 22px;
         line-height: 30px;
     }
     h3 {
         font-size: 20px;
         line-height: 28px;
     }
     h4 {
         font-size: 18px;
         line-height: 26px;
     }
     h5 {
         font-size: 16px;
         line-height: 24px;
     }
     h6 {
         font-size: 14px;
         line-height: 22px;
     }
     .title h3,
     .title h2 {
         font-size: 24px;
         line-height: 30px;
         margin: 0 0 10px;
     }
     .title p br {
         display: none;
     }
     .section_table_price,
     .section_reviewer,
     .section_procedure,
     .section_list_services,
     .section_partner,
     .section_whychoose,
     .section_blog,
     .section_faqs,
     .section_website,
     .section_service,
     .section_customer {
         padding: 50px 0 0;
     }
     .section_home {
         height: 350px;
     }
     .section_home::before {
         width: 134px;
         height: 150px;
     }
     .section_home::after {
         width: 134px;
         height: 150px;
     }
     .section_home .bg_home {
         width: 120px;
         height: 120px;
     }
     .section_home .home {
         width: 720px;
     }
     .animation_home {
         height: 320px;
     }
     .animation_home iframe {
         width: 480px;
         height: 320px;
     }
     .content_home {
         width: 390px;
     }
     .content_home h1 {
         margin: 0 0 5px;
         font-size: 25px;
         line-height: 30px;
     }
     .content_home ul {
         margin: 0 0 10px;
         font-size: 14px;
         line-height: 22px;
     }
     .content_home ul li {
         padding: 2px 0;
         padding-left: 24px;
         background-size: 16px 16px;
         background-position: left top 5px;
         font-size: 14px;
         line-height: 22px;
     }
     .content_home a#contact_consultant,
     .content_home a#video_about_us {
         width: 150px;
         font-size: 13px;
         line-height: 18px;
         padding: 8px 15px;
     }
     .service .more_service strong {
         width: 120px;
         padding: 8px 15px;
         font-size: 13px;
         line-height: 18px;
     }
     .more a {
         padding: 8px 15px;
         font-size: 13px;
         line-height: 18px;
     }
     .more a .icon_more::before,
     .content_home a .icon_more::before,
     .more_service strong .icon_more::before {
         content: url(../images/icon_more_mobile.svg);
     }
     .icon_contact {
         padding-left: 20px;
     }
     .icon_contact::before {
         width: 17.6px;
         height: 16px;
     }
     .slider_customer .swiper-slide {
         width: 450px;
         height: 300px;
     }
     .slider_customer .swiper-button-next,
     .slider_customer .swiper-button-prev {
         width: calc(50% - 230px);
     }
     .customer p {
         margin: 0;
         padding: 10px 20px;
         font-size: 16px;
         line-height: 24px;
     }
     .website .info_website p strong {
         font-size: 16px;
     }
     .list_service {
         max-width: 100%;
         width: 580px;
         margin: 0 auto;
         display: block;
     }
     .service {
         width: 100%;
         padding: 15px 0;
     }
     .service {
         display: inline-block;
         position: relative;
         max-width: 100%;
         width: 100%;
     }
     .service .img_service {
         width: 280px;
         float: right;
     }
     .service .info_service {
         text-align: left;
         float: left;
         width: calc(100% - 300px);
     }
     .service .more_service {
         width: max-content;
         position: absolute;
         bottom: 15px;
         left: 0;
     }
     .service:nth-child(even) .img_service {
         float: left;
     }
     .service:nth-child(even) a .info_service {
         text-align: right;
         float: right;
     }
     .service:nth-child(even) a .more_service {
         left: auto;
         right: 0;
     }
     .faqs .content_faqs .content p,
     .faqs .content_faqs .content ul li,
     .faqs .content_faqs .content ul li p,
     .faqs .content_faqs .content,
     .website .info_website p {
         font-size: 14px;
         line-height: 22px;
     }
     .website .info_website .rating {
         margin-left: 25px;
         top: 3px;
         width: 95px;
         height: 16px;
     }
     .website .info_website {
         padding: 10px 0 30px;
     }
     .animation_faqs {
         float: right;
         margin: 40px 0;
         width: 270px;
     }
     .animation_faqs iframe {
         height: 245px;
     }
     .box_list_faqs {
         float: left;
         width: calc(100% - 270px);
     }
     .faqs .title_faqs h4 {
         font-size: 18px;
         line-height: 26px;
     }
     .faqs .title_faqs .icon_down {
         width: 24px;
         height: 24px;
     }
     .faqs .title_faqs .icon_down::before {
         width: 8px;
         height: 11.2px;
     }
     .slider_blog .swiper-slide {
         width: 300px;
     }
     .blog .info_blog p span {
         font-size: 14px;
     }
     .swiper-slide .blog .info_blog p {
         margin-top: 3px;
     }
     .swiper-button-next,
     .swiper-button-prev {
         width: 33px;
         height: 33px;
     }
     .swiper-button-next::before,
     .swiper-button-prev::before {
         width: 6.29px;
         height: 11px;
     }
     .swiper-button-prev.swiper-button-prev-reviewer,
     .swiper-button-prev.swiper-button-prev-website,
     .swiper-button-prev.swiper-button-prev-advantage,
     .swiper-button-prev.swiper-button-prev-blog {
         right: 45px;
     }
     .swiper-button-prev.swiper-button-prev-website,
     .swiper-button-next.swiper-button-next-website,
     .swiper-button-prev.swiper-button-prev-advantage,
     .swiper-button-next.swiper-button-next-advantage,
     .swiper-button-prev.swiper-button-prev-blog,
     .swiper-button-next.swiper-button-next-blog {
         top: -40px;
     }
     .slider_customer .swiper-button-next::before,
     .slider_customer .swiper-button-prev::before {
         width: 33px;
         height: 33px;
     }
     footer {
         padding: 60px 0;
     }
     .footer {
         padding: 20px 0 30px;
     }
     .title_footer {
         width: calc(100% - 300px);
     }
     .contact_footer {
         width: 245px;
     }
     .menu_footer {
         margin-left: 40px;
     }
     .menu_footer p,
     .contact_footer p {
         margin-bottom: 5px;
         font-size: 18px;
     }
     .menu_footer ul li,
     .contact_footer ul li {
         padding: 3px 0;
     }
     .contact_footer ul li a strong {
         font-size: 20px;
     }
     .lovaweb,
     .coppyright {
         margin-top: 15px;
     }
     .banner_page {
         padding: 30px 0;
     }
     .title_page h1 {
         font-size: 50px;
         line-height: 60px;
     }
     .title_page {
         width: 280px;
     }
     .animation_page {
         width: 280px;
     }
     .animation_page iframe {
         width: 100%;
         height: 220px;
     }
     .content_improve ul li:nth-child(5) {
         top: 90px;
     }
     .content_technology,
     .content_solution {
         width: 100%;
     }
     .img_solution,
     .img_technology {
         width: 100%;
     }
     .list_team .team img {
         height: 260px;
     }
     .info_content_website {
         width: 100%;
         float: none;
         clear: both;
     }
     .image_page_website {
         width: 100%;
         float: none;
         clear: both;
     }
     .image_page_website {
         height: 400px;
     }
     .review_rating {
         width: 100%;
     }
     .title_website h1 {
         margin: 30px 0 15px;
         font-size: 40px;
         line-height: 50px;
     }
     .button_info_website {
         margin-top: 20px;
     }
     .list_table_price {
         padding: 15px 0 30px;
     }
     .table_price table {
         width: 233px;
     }
     .table_price table thead tr td {
         font-size: 14px;
         line-height: 26px;
     }
     .table_price table thead tr td strong {
         font-size: 22px;
     }
     .content_note .content {
         width: 370px;
         font-size: 14px;
         line-height: 22px;
     }
     .content_note .animation_note {
         margin: 50px 0 0;
         width: 320px;
     }
     .list_blog {
         width: 100%;
     }
     .blog {
         border: 0 !important;
         width: 50%;
         float: left;
         clear: none;
         padding: 10px;
     }
     .blog .img_blog {
         width: 100%;
         height: auto;
     }
     .blog .info_blog {
         width: 100%;
         padding: 5px;
     }
     .blog .info_blog p {
         margin: 3px 0 0;
     }
     .form_search,
     .list_blog_views {
         position: relative;
         width: 100%;
         float: none;
         clear: both;
     }
     .page-link {
         width: 34px;
         height: 34px;
         font-size: 14px;
         line-height: 34px;
     }
     .page-link.page-right span,
     .page-link.page-left span {
         width: 6.29px;
         height: 11px;
     }
     .list_blog_views {
         padding-bottom: 0;
     }
     .box_slider_blog_views .swiper-slide {
         width: 300px;
         float: left;
         padding: 10px 0;
         padding-right: 20px;
     }
     .box_slider_blog_views .swiper-button-next,
     .box_slider_blog_views .swiper-button-prev {
         top: -40px;
         background: #F2F7FF;
         right: 0;
         left: auto;
     }
     .box_slider_blog_views .swiper-button-prev {
         right: 45px;
     }
     .box_slider_blog_views .swiper-button-next::before,
     .box_slider_blog_views .swiper-button-prev::before {
         filter: none;
     }
     .content_blog {
         width: 100%;
     }
     .rating_content {
         padding-bottom: 15px;
     }
     .website_other .remove_margin,
     .service_advantage .remove_margin,
     .section_blog .remove_margin,
     .section_blog_other .remove_margin {
         margin: 0;
     }
     .website.swiper-slide {
         width: 320px;
         padding: 10px 0;
         padding-right: 20px;
     }
     .service_advantage .swiper-slide,
     .slider_blog .swiper-slide {
         padding: 10px 0;
         padding-right: 20px;
     }
     .form_search .form_textarea {
         width: 33.33%;
         float: left;
         clear: none;
     }
     .form_search .form_textarea+.form_textarea {
         padding-left: 10px;
     }
     .form_search .button_submit button {
         float: right;
         clear: none;
     }
     .form_contact,
     .google_map {
         width: 100%;
         position: relative;
         clear: both;
         float: none;
     }
     .google_map iframe {
         margin-top: 40px;
         height: 300px;
     }
     .menu_tab.menu_tab_category {
         top: 0px;
         left: auto;
         right: 0;
         background: #FFFFFF;
         box-shadow: 0px 4px 4px rgba(24, 78, 174, 0.1);
         width: 300px;
         max-width: 100%;
         height: 100%;
         z-index: 99999;
         position: fixed;
         display: none;
         opacity: 0;
     }
     .menu_tab.menu_tab_category.open {
         display: block;
         opacity: 1;
     }
     .button_search,
     .button_category {
         display: block;
         opacity: 1;
     }
     .button_category.fixed {
         position: fixed;
         top: auto;
         bottom: 0;
         left: 0;
         z-index: 99;
     }
     .menu_tab.menu_tab_category ul {
         width: 100%;
         padding: 0;
     }
     .menu_tab.menu_tab_category ul li {
         width: 100%;
         margin: 0 !important;
         background: #FFFFFF;
         text-align: left;
         border-top: 1px solid #F2F7FF;
     }
     .menu_tab.menu_tab_category ul li a {
         padding: 15px 30px;
         text-align: left;
         background: #FFFFFF;
         color: #0057D9;
         font-size: 16px;
         line-height: 24px;
     }
     .menu_tab ul li:hover a,
     .menu_tab ul li.active a {
         background: #F2F7FF;
         color: #0057D9;
     }
     .menu_tab ul li.search {
         display: none;
         opacity: 0;
     }
     .close_menu_tab {
         display: block;
         opacity: 1;
     }
     .icon_scroll {
         display: none;
         opacity: 0;
     }
     .list_procedure ul li {
         padding: 15px;
         padding-left: 45px;
         font-size: 14px;
         line-height: 20px;
     }
     .list_procedure ul li span {
         width: 22px;
         height: 22px;
         font-size: 12px;
         line-height: 22px;
         left: 15px;
     }
     .form_contact_consultant {
         max-width: 100%;
         width: 550px;
         margin: 0 auto;
         float: none;
         clear: both;
     }
     .images_contact_consultant {
         width: 550px;
         max-width: 100%;
         margin: 0 auto;
         float: none;
         clear: both;
         position: relative;
         top: 0;
     }
     .images_contact_consultant iframe {
         height: 500px;
     }
     .service_advantage,
     .section_contact_consultant {
         padding: 50px 0 40px;
     }
     .title_footer p {
         font-size: 24px;
         line-height: 30px;
     }
     .menu_content {
         opacity: 0;
         display: none;
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         height: 100%;
         background: #FFFFFF;
         z-index: 999999;
         box-shadow: 0px 4px 4px rgba(24, 78, 174, 0.1);
     }
     .menu_content.fixed {
         display: none;
         opacity: 0;
     }
     .menu_content.open {
         display: block !important;
         opacity: 1 !important;
         position: fixed !important;
         top: 0 !important;
         right: 0 !important;
         left: auto !important;
         width: 260px !important;
         max-width: 100% !important;
         z-index: 99999 !important;
     }
     .button_menu_content {
         display: block;
         opacity: 1;
         position: fixed;
         top: 35vh;
         right: 0;
         z-index: 999;
     }
     .head_menu_content {
         width: 100%;
         border: 0;
         background: #005FE7;
         padding: 10px 20px;
     }
     .head_menu_content strong {
         color: #FFFFFF;
         font-size: 18px;
     }
     .head_menu_content .icon_menu_content {
         background: none;
         width: 22px;
         height: 22px;
         bottom: 0;
         right: 15px;
         margin: auto 0;
     }
     .head_menu_content .icon_menu_content::before {
         width: 22px;
         height: 22px;
         background: url(../images/close.svg) no-repeat;
     }
     .list_menu_content ul {
         padding: 0;
         max-height: calc(100vh - 50px) !important;
     }
     .list_menu_content ul li {
         padding: 10px 20px;
         border-bottom: 1px solid #F2F7FF;
     }
     .menu_content.menu_content_service {
         display: none;
         opacity: 0;
     }
     .go_top {
         top: 10px;
         left: auto;
         right: 5px;
         bottom: 10px;
     }
     .section_branding .branding {
         margin: 0 -10px;
     }
     .branding {
         width: 50%;
     }
 }
 
 @media all and (max-width: 749px) {
     .container {
         width: 560px;
     }
     .more.right,
     .button_submit.right,
     .more.center {
         text-align: left;
     }
     .more.right a,
     .more.center a {
         margin: 0;
     }
     .title.center {
         text-align: left;
     }
     .section_home {
         overflow: hidden;
         height: auto;
     }
     .section_home .home {
         width: 560px;
         padding: 50px 0;
         position: relative;
     }
     .animation_home {
         width: 100%;
         position: relative;
         clear: both;
         top: 0;
         bottom: 0;
         left: -20px;
         right: 0;
         margin: 0 auto;
     }
     .animation_home iframe {
         width: 480px;
         height: 320px;
     }
     .content_home {
         top: -30px;
         display: inline-block;
         position: relative;
         width: 100%;
         height: auto;
     }
     .content_home h1 {
         font-size: 22px;
         line-height: 30px;
     }
     .content_home ul {
         margin: 0 0 20px;
     }
     .section_home::after,
     .section_home::before {
         width: 179px;
         height: 200px;
     }
     .service .info_service {
         margin: 0;
     }
     .website {
         width: 100%;
     }
     .animation_faqs {
         float: none;
         clear: both;
         width: 100%;
         margin: 40px 0 0;
     }
     .animation_faqs iframe {
         height: 500px;
     }
     .box_list_faqs {
         float: none;
         clear: both;
         width: 100%;
     }
     .partner {
         padding: 0 10px;
     }
     .partner a img {
         height: 40px;
     }
     .title_footer {
         width: 100%;
         float: none;
         clear: both;
     }
     .social {
         float: none;
         clear: both;
         width: 100%;
         position: relative;
     }
     .social ul {
         margin: 20px 0;
         display: inline-block;
     }
     .contact_footer {
         width: 100%;
         padding: 10px 0;
     }
     .social ul li {
         margin-left: 0;
     }
     .dmca {
         margin-top: 10px;
         float: left;
         clear: both;
     }
     .dmca img {
         height: 35px;
     }
     .menu_footer {
         margin-left: 0;
         max-width: 100%;
         padding: 10px 0;
     }
     .menu_footer:nth-child(4),
     .menu_footer:nth-child(3) {
         margin-left: 50px;
     }
     .menu_footer ul li a,
     .contact_footer ul li a {
         font-size: 16px;
     }
     .coppyright a {
         display: block;
         position: absolute;
         bottom: -40px;
         left: 0;
     }
     .coppyright {
         width: 100%;
     }
     .coppyright span {
         font-size: 16px;
         margin: 0;
     }
     .content_improve ul li {
         width: 100%;
     }
     .content_improve ul li:nth-child(4),
     .content_improve ul li:nth-child(5) {
         position: relative;
         top: 0 !important;
     }
     .list_team .team {
         width: 50%;
     }
     .list_team .team img {
         height: 300px;
     }
     .service_advantage .title {
         width: calc(100% - 150px);
     }
     .review_rating {
         padding: 50px 0 30px;
     }
     .rating .rating_score {
         width: 200px;
     }
     .rating .rating_histogram {
         padding: 0 80px 20px 60px;
         width: calc(100% - 200px);
     }
     .rating .rating_score .reviews_stats span {
         font-size: 14px;
         line-height: 22px;
     }
     .review p {
         font-size: 16px;
         line-height: 24px;
     }
     .list_table_price {
         padding: 35px 0 15px;
     }
     .table_price table {
         clear: both;
         float: none;
         margin: 15px 0 !important;
         width: 260px;
         max-width: 100%;
     }
     .content_note .content {
         width: 100%;
     }
     .content_note .animation_note {
         width: 100%;
         margin: 10px 0;
     }
     .table_price.table_price_domain table thead tr td {
         font-size: 14px;
         line-height: 20px;
     }
     .table_price.table_price_domain table thead tr td:nth-child(1) {
         width: 150px;
     }
     .form_search .form_textarea {
         width: 100%;
         margin: 0;
         padding: 0 !important;
     }
     .menu_footer ul li,
     .contact_footer ul li {
         padding: 5px 0;
     }
     .list_services ul li:nth-child(odd),
     .list_services ul li {
         width: 100%;
         background: #F2F7FF url(../images/checked.svg) no-repeat !important;
         background-size: 18px 18px !important;
         background-position: left 18px center !important;
         padding-left: 45px;
     }
     .list_services ul li:nth-child(even) {
         background: rgba(242, 247, 255, 0.5) url(../images/checked.svg) no-repeat !important;
         background-size: 18px 18px !important;
         background-position: left 18px center !important;
     }
     .section_table_price .table_price {
         padding: 0;
     }
     .faqs {
         padding: 10px 20px;
     }
     .box_slider_reviewer {
         padding-top: 20px;
         position: relative;
     }
     .section_reviewer .title {
         width: 100%;
     }
     .slider_reviewer .swiper-slide {
         width: 100%;
         margin: 0 !important;
     }
     .reviewer {
         padding-right: 20px;
     }
     .reviewer .content_reviewer {
         margin: 0;
         border: 0;
         padding-right: 5px;
         border-right: 1px solid #bdd7ff;
     }
     .reviewer .content_reviewer::before {
         top: -50px;
         right: 20px;
         width: 28px;
         height: 20px;
     }
     .slider_reviewer {
         padding-top: 20px;
     }
     .slider_customer .swiper-button-next,
     .slider_customer .swiper-button-prev {
         width: calc(50% - 210px);
     }
     .title_footer p {
         font-size: 30px;
         line-height: 40px;
     }
     .faqs .title_faqs h4 {
         font-size: 16px;
         line-height: 24px;
     }
     .images_contact_consultant iframe {
         height: 490px;
     }
     .section_branding .branding {
         margin: 0 -5px;
     }
     .branding {
         padding: 5px;
         width: 50%;
     }
     .branding .img_branding {
         height: 200px;
     }
 }
 
 @media all and (max-width: 589px) {
     .container {
         width: 430px;
     }
     .content_home h1 {
         font-size: 28px;
         line-height: 38px;
     }
     .menu.open {
         right: -15px;
     }
     .section_blog,
     .section_faqs,
     .section_website,
     .section_service,
     .section_customer {
         padding: 50px 0 0;
     }
     .section_home .home {
         width: 430px;
     }
     .animation_home {
         width: 600px;
         left: -100px;
     }
     .slider_customer .swiper-slide {
         width: 330px;
         height: 220px;
     }
     .slider_customer .swiper-button-next,
     .slider_customer .swiper-button-prev {
         width: calc(50% - 170px);
     }
     .slider_customer .swiper-button-next::before {
         left: 5px;
     }
     .slider_customer .swiper-button-prev::before {
         right: 5px;
     }
     .service {
         padding: 0 0 30px;
         display: inline-block;
     }
     .service .img_service {
         width: 300px !important;
         max-width: 100% !important;
         position: relative;
         float: none !important;
         clear: both !important;
         margin: 0 auto !important;
     }
     .service .info_service {
         width: 300px !important;
         max-width: 100% !important;
         float: none !important;
         clear: both !important;
         margin: 15px auto !important;
         text-align: center !important;
     }
     .service .more_service {
         position: relative;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         clear: both;
         margin: 0 auto;
     }
     .title_page {
         width: 190px;
     }
     .title_page h1 {
         font-size: 34px;
         line-height: 44px;
     }
     .animation_page {
         width: 230px;
     }
     .list_team .team {
         width: 50%;
         padding-right: 10px !important;
     }
     .list_team .team img {
         height: 230px;
     }
     .section_blog_other,
     .content_about {
         padding-bottom: 50px;
     }
     .rating .rating_score {
         float: none;
         clear: both;
         margin: 0 auto;
         width: 200px;
         border: 0;
     }
     .rating .rating_histogram {
         float: none;
         clear: both;
         border: 0;
         width: 100%;
         padding: 0 80px 20px 40px;
     }
     .form_input input {
         position: relative;
         width: 100%;
         float: none;
         clear: both;
     }
     .table_price table {
         width: 360px;
     }
     .blog {
         width: 100%;
         padding: 10px 0;
     }
     .statistical_rating {
         font-size: 16px;
         line-height: 24px;
     }
     .rating_content .star_rating .star_rate {
         width: 22px;
         height: 22px;
         margin-right: 5px;
     }
     .share ul li+li {
         margin: 0 10px 0 0 !important;
     }
     .share ul li a img {
         width: 30px;
         height: 30px;
     }
     .form .label {
         width: 100%;
         clear: both;
         margin: 10px 0 5px;
     }
     .list_choose_service .choose_service {
         padding: 5px 0;
     }
     .list_choose_service .choose_service input[type=checkbox]:checked,
     .list_choose_service .choose_service input[type=checkbox] {
         width: 20px;
         height: 20px;
         top: 2px;
     }
     .price_input .field_range:first-child input {
         width: 18px;
     }
     .field_range input,
     .field_range label {
         font-size: 14px;
         padding: 0;
         margin: 0;
     }
     .field_range input {
         width: 23px;
     }
     .price_input .field_range label {
         right: 5px;
     }
     .show_video .video {
         width: calc(100% - 30px);
         max-width: 100%;
     }
     .close_video .icon_close_video {
         top: 13px;
         right: 23px;
         width: 24px;
         height: 24px;
     }
     .animation_faqs {
         margin: 30px 0 0;
     }
     .animation_faqs iframe {
         height: 390px;
     }
     .menu_footer:nth-child(4) {
         width: 100%;
         margin-left: 0;
     }
     .animation_page iframe {
         width: 100%;
         height: 180px;
     }
     .images_contact_consultant iframe {
         height: 390px;
     }
     .blog .info_blog p {
         max-height: 42px;
     }
     .reviewer .content_reviewer {
         padding-right: 20px;
     }
     .blog .info_blog p strong {
         font-size: 16px;
     }
     .swiper-slide .blog .info_blog p,
     .title p {
         font-size: 14px;
         line-height: 22px;
     }
     .swiper-button-prev.swiper-button-prev-blog,
     .swiper-button-next.swiper-button-next-blog {
         top: 26%;
         background: rgba(0, 0, 0, 0.3);
     }
     .swiper-button-prev.swiper-button-prev-blog::before,
     .swiper-button-next.swiper-button-next-blog::before {
         filter: brightness(0) invert(1);
     }
     .swiper-button-prev.swiper-button-prev-blog {
         left: 5px;
         right: auto;
     }
     .swiper-button-next.swiper-button-next-blog {
         right: 5px;
         left: auto;
     }
     .branding .img_branding {
         height: 160px;
     }
     .breadcrumb ul li:nth-child(4) {
         display: none;
     }
     .info_content_detail span+span {
         margin-left: 20px;
     }
 }
 
 @media all and (max-width: 459px) {
     .container {
         width: calc(100% - 30px);
     }
     .title h3,
     .title h2 {
         font-size: 26px;
         line-height: 34px;
     }
     .coppyright span,
     .menu_footer ul li a,
     .contact_footer ul li a,
     .content_technology .content ul li strong,
     .content_improve ul li,
     .content,
     .content ul li,
     .content p {
         font-size: 16px;
         line-height: 24px;
     }
     .menu_footer p,
     .contact_footer p {
         font-size: 16px;
     }
     .animation_home {
         left: -30%;
     }
     .title_page {
         width: 180px;
     }
     .title_page h1 {
         font-size: 34px;
         line-height: 40px;
     }
     .animation_page {
         width: 190px;
     }
     .animation_page iframe {
         width: 100%;
         height: 160px;
     }
     .slider_customer .swiper-button-next,
     .slider_customer .swiper-button-prev {
         width: calc(50% - 120px);
     }
     .slider_customer .swiper-slide {
         padding: 1px;
     }
     .section_customer .container {
         width: 100% !important;
     }
     .list_team .team p strong {
         font-size: 15px;
     }
     .content_home h1,
     .title_footer p {
         font-size: 28px;
         line-height: 38px;
     }
     .content_home p {
         font-size: 18px;
         line-height: 28px;
     }
     .image_page_website {
         height: 300px;
     }
     .service_advantage .title {
         width: calc(100% - 90px);
     }
     .table_price table {
         width: 100% !important;
     }
     .animation_faqs {
         width: 370px;
         margin: 30px auto 0;
     }
     .animation_faqs iframe {
         height: 335px;
     }
     .list_team .team p {
         font-size: 13px;
     }
     .table_price table thead tr td {
         font-size: 16px;
     }
     .table_price table thead tr td strong {
         font-size: 26px;
     }
     .images_contact_consultant {
         width: 360px;
         top: 20px;
     }
     .images_contact_consultant iframe {
         height: 325px;
     }
     .section_customer .title {
         padding: 0 15px;
     }
 }
 
 @media all and (max-width: 400px) {
     .animation_home {
         left: -42%;
     }
     .title_footer p {
         font-size: 24px;
         line-height: 32px;
     }
     .title_page {
         clear: both;
         width: 300px;
         max-width: 100%;
     }
     .title_page h1 {
         margin: 0 0 20px;
         font-size: 50px;
         line-height: 60px;
     }
     .list_choose_service .choose_service {
         width: 100%;
     }
     .animation_page {
         width: 100%;
     }
     .animation_page iframe {
         width: 100%;
         height: 220px;
     }
     .animation_faqs {
         max-width: 100%;
         width: 340px;
         margin: 20px auto 0;
     }
     .animation_faqs iframe {
         height: 310px;
     }
     .images_contact_consultant {
         width: 320px
     }
     .images_contact_consultant iframe {
         height: 290px;
     }
     .branding {
         width: 100%;
     }
     .branding .img_branding {
         height: auto;
     }
     footer::after {
         width: 300px;
         height: 150px;
     }
     .info_content_detail span+span {
         margin-left: 15px;
     }
 }