/* Tablet Screen */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header.secondary-header .logo {
    justify-content: center !important;
  }
  /* Common Header */
  .header .nav li a {
    margin: 0 11px;
  }

  /*===========================
  Start Knowledge Page CSS
  =============================*/
  .knowledge .custom-container {
    max-width: 960px;
  }
  .knowledge .container {
    padding: 0 15px;
  }
  /*===========================
  End Knowledge Page CSS
  =============================*/
  .case-study .container .content .box .box-title {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .more .container .wrapper {
    justify-content: space-around;
  }
}
  /* Start Case Study Single */
@media only screen and (max-width: 1200px) {
  /* ABOUT us - milestones */
  .milestones #chartArrowDesktop p {
    font-size: 12px;
  }
  .milestones #chartArrowDesktop .content:nth-of-type(2) {
    bottom: 10%;
  }
  .milestones #chartArrowDesktop .content:nth-of-type(3) {
    left:37%
  }
  .milestones #chartArrowDesktop .content:nth-of-type(4) {
    bottom: 17%;
  }
  .milestones #chartArrowDesktop .content:last-of-type {
    top: 12%;
  }
  /* Start Case Study Single */
  .case-study .container .content {
    row-gap: 25px;
  }
  .more .container .wrapper {
    flex-wrap: wrap;
    margin-bottom: 30px;
    justify-content: center;
  }
  .more .container .wrapper .content .sub-content {
    max-width: 100%;
    margin: auto;
  }
  .more .container .content .end {
    margin-top: 80px;
  }
  .more .container .content .information {
    margin-top: 50px;
  }
  .more .container .content .end .box {
    padding: 0;
    gap:0
  }
  .case-study .container .content .box .box-text {
    font-size: 14px;
    line-height: 20px;
  }
  .more .container .content .end .box-text {
    font-size: 15px;
    line-height: 20px;
  }
  .case-study .container .content .box .box-icon, .more .container .content .end .box .box-icon {
    margin-bottom: 0;
  }
  .case-study .container .content .box .box-img, .more .container .content .end .box .box-img {
    object-fit: contain;
    height: auto;
  }
  /* End Case Study Single */
  .hero-slider-mobile .owl-controls {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
  .hero-slider-mobile .owl-dot span {
    width: 7px !important;
    height: 7px !important;
  }
  #welcome .mouse-cursor {
    width: 37px !important;
    height: 36px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
  }

  .case-study .container .content .box {
    padding: 15px 0px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {

  /* Secondary Header */
  .header.secondary-header .container {
    height: 74px;
    padding-top: 12px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    transition: all 400ms ease-out;
  }

  .header.secondary-header .logo {
    width: 100%;
    height: 55px;
    margin-top: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 13px;
  }
  .header-inner .nav .menu-item {
    padding-bottom: 13px;
  }
  .header.secondary-header .logo img {
    content: url("../img/logo.png");
    object-fit: contain;
    height: 40px;
  }

  .header.secondary-header .nav li:not(.get-quote) a {
    color: #212529;
  }

  .header.secondary-header .angle-down {
    filter: brightness(0) saturate(100%) invert(11%) sepia(10%) saturate(777%) hue-rotate(169deg) brightness(92%) contrast(90%);
  }
}

@media only screen and (max-width: 991px) {
  .knowledge .card .card-body {
    min-height: auto;
  }
  /* Service-detail */
  .service-detail .reason_build {
    margin-top: 0;
  }
  .service-detail .reason_build .list .contact-poster {
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 80px;
  }
  .service-detail .reason_build .list p, .service-detail .reason_build .list li {
    font-size: var(--font-size-text-small);
  }
  .service-detail .reason_build .list .content-poster h3 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
  }
  .service-detail .reason_build .list .content-poster .btn-light {
    border-radius: 20px;
    font-weight: 500;
    color: var(--main-color);
    width: 100%;
    max-width: 193px;
  }
  .service-detail .introduction .content p, .service-detail .reason_build .content p, .service-detail .reason_choose .content .item, .service-detail .development_process .content p {
    line-height: 25px;
  }
  .service-detail .introduction .thumb img{
    height: auto;
  }
  .service-detail .owl-carousel .owl-item img {
    height: 320px;  
  }
  .service-detail .development_process .step {
    padding-bottom: 15px;
    flex-wrap: wrap;
  }
  .service-detail .development_process .step h5 {
    font-size: 32px;
  }
  .service-detail .development_process .step h3 {
    font-size: 18px;
  }
  .service-detail .contact_detail_services h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .service-detail .list_case_study .items {
    width: calc((100% / 2) - 15px)
  }
  .service-detail .list_case_study .card-texts h3, .service-detail .list_case_study .card-texts p {
    font-size: var(--font-size-text-small);
  }
  
  .service-detail .list_case_study .card-texts p {
    font-size: 12px;
  }
 
  /* End Service details */

  /* Common header */
  .header .logo {
    display: none;
  }

  .header .main-menu {
    display: none;
  }

  .header .nav-btn {
    display: inline-block;
    margin-right: 20px;
  }

  .header .container {
    margin: 0;
    width: 100%;
    max-width: unset;
    border-radius: 0;
  }
  /* About us - milestones */
  .milestones #chartArrowMobile {
    background: url("../img/about-us-timeline-mobile.png") no-repeat 10px;
    background-size: contain;
    height: 700px;
    position: relative;
  }
  .milestones #chartArrowMobile .content {
    left: 15%;
  }
  .milestones #chartArrowMobile p {
    color: #fff;
    font-size: 14px;
  }
  .milestones #chartArrowMobile h4 {
    color: #fff;
    margin-bottom: 0;
  }

  .case-study .container .content {
    padding-left: 0;
  }
  .milestones #chartArrowMobile .content:first-of-type {
    top: 0;
  }
  .milestones #chartArrowMobile .content:nth-of-type(2) {
    top: 22%;
  }
  .milestones #chartArrowMobile .content:nth-of-type(3) {
    top: 43%;
  }
  .milestones #chartArrowMobile .content:nth-of-type(4) {
    bottom: 20%;
  }
  .milestones #chartArrowMobile .content:last-of-type {
    bottom: 0%;
  }
  /* Secondary Header */
  .header.secondary-header .container {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  }

  .header.header.secondary-header .container:has(.slicknav_btn.slicknav_collapsed) {
    background: #0d305fe5;
    transition: background 300ms ease-out;
  }

  .header .slicknav_menu {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }

  #mobile-nav {
    width: 100%;
    max-height: 100vh;
    overflow: hidden auto;
  }

  #mobile-nav>a {
    position: absolute;
    top: 11px;
    left: 20px;
  }

  #mobile-nav>a>img {
    height: 24px;
  }

  #mobile-nav .slicknav_menu {
    background: transparent;
    transition: background 300ms ease-out;
  }

  #mobile-nav:has(.slicknav_btn:not(.slicknav_collapsed)) {
    height: 100vh;
    overflow: hidden auto;
  }

  #mobile-nav .slicknav_menu:has(> .slicknav_btn:not(.slicknav_collapsed))+a>img {
    content: url("../img/logo.png");
    object-fit: contain;
  }

  #mobile-nav .slicknav_menu:has(> .slicknav_btn:not(.slicknav_collapsed)) {
    background: #fff;
    color: #383838;
    min-height: 100%;
  }

  #mobile-nav .slicknav_menu:has(> .slicknav_btn:not(.slicknav_collapsed)) .slicknav_nav a:not(.btn) {
    color: #383838;
  }

  #mobile-nav .slicknav_menu:has(> .slicknav_btn:not(.slicknav_collapsed)) .slicknav_icon-bar:nth-child(1) {
    transform: translate(-3px, 4px) rotate(45deg);
    background: #000;
  }

  #mobile-nav .slicknav_menu:has(> .slicknav_btn:not(.slicknav_collapsed)) .slicknav_icon-bar:nth-child(2) {
    display: none;
  }

  #mobile-nav .slicknav_menu:has(> .slicknav_btn:not(.slicknav_collapsed)) .slicknav_icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(-2px, -3px);
    background: #000;
  }

  #mobile-nav .slicknav_nav {
    padding-bottom: 20px;
  }

  #mobile-nav .slicknav_nav>.btn {
    border-radius: 24px;
    padding: 5px 13px;
    margin-left: 15px;
    font-size: 14px;
    width: fit-content;
    color: #ffffff;
  }

  #mobile-nav .slicknav_nav a {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #383838;
  }

  #mobile-nav .slicknav_icon-bar:nth-child(2) {
    width: 0.9em;
  }

  #mobile-nav .menu-mobile {
    margin-left: 0;
    margin-right: 0;
    border-top: 1px solid #0000002e;
    margin-top: 20px;
  }

  #mobile-nav .menu-mobile .slicknav_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #mobile-nav .menu-mobile li {
    padding-left: 0;
    margin: 13px 0;
  }

  #mobile-nav .menu-mobile li:hover {
    color: #000;
  }

  #mobile-nav .slicknav_btn {
    background: transparent;
  }

  #mobile-nav .slicknav_btn:hover {
    background: #ffffff70;
  }

  #mobile-nav .slicknav_arrow {
    visibility: hidden;
    width: 18px;
  }

  #mobile-nav .slicknav_arrow::before {
    visibility: visible;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
  }

  #mobile-nav .menu-mobile li:has(.sub-menu:not(.slicknav_hidden)) .slicknav_arrow::before {
    content: "\f078";
  }

  .container .company-counter .content .counter-title {
    font-size: 16px;
    font-weight: 500;
  }
  .company-counter .content span.counter { 
    font-size: 28px;
  }
  .company-counter .content .counter-img {
    height: 22px;
  }

  .our-team .team .member ul {
    padding: 0 20px 0 40px;
  }

  .our-team .team:nth-child(even) {
    background-color: unset;
  }

  .our-team .team:nth-child(odd) .member:nth-child(even),
  .our-team .team:nth-child(even) .member:nth-child(odd) {
    background-color: #F3FAFF;
  }

  .our-team .container {
    padding-right: 15px;
    padding-left: 15px;
    max-width: 991px;
  }

  .awards {
    margin: 0;
    height: 340px;
    padding: 36px 0 15px;
  }

  .awards .container .section-title {
    color: #f3faff;
    text-align: center;
    margin: 0;
  }

  .award .group-item {
    justify-content: center;
  }

  .awards .container .title {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 10px 0;
    line-height: 35px;
    text-align: center;
  }

  .awards .container .text {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 20px;
  }

  .awards .container .award-1 {
    height: 81px;
    text-align: center;
  }

  .awards .container .button {
    text-align: center;
  }

  .awards .container .button .btn {
    border-radius: 16px;
    margin-top: 20px;
    padding: 5px 12px;
    text-align: center;
  }

  .awards .container .row {
    margin-right: 0;
  }

  .award .container .title span {
    font-size: 20px;
    padding-bottom: 8px;
  }

  .basic-section .container .title span {
    font-size: 40px;
  }
  .basic-section .container .subtitle {
    font-size: 28px;
  }
  .cus-card.card{
    box-shadow: unset;
  }
  .cus-card.card.card-right{
    margin-top: 29px;
  }
  .card{
    background-color: unset;
  }
  .contact-form {
    display: unset;
  }
  .contact-form .banner {
    width: 100%;
    justify-content: flex-start;
    padding-left: 40px;
  }
  .contact-form .form-container {
    max-width: unset;
  }
  .contact-address .container .address-card {
    width: 100%;
  }
  .contact-email .item {
    width: 50%;
  }

  .industries-detail .services {
    padding: 20px;
  }
  .industries-detail .industries-product .products {
    flex-direction: column;
  }
  .industries-detail .industries-product .product {
    flex-direction: column;
  }
  .industries-detail .industries-product .product-info {
    opacity: 0;
    height: 0;
    overflow: unset;
    transition: transform 1s ease-out, opacity 0.4s ease 0.5s;
  }
  .industries-detail .industries-why-choose-us .list {
    gap: 110px 50%;
  }
  .industries-detail .services .image-box {
    max-width: 100%;
  }
  .industries-detail .services .list {
    display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        gap: 0;
        justify-content: center !important;
  }
  .industries-detail .services .list {
    margin-bottom: 20px;
  }
  .industries-detail .services a.active{
    border-left: unset;
    border-bottom: 1.5px solid #08244F;
  }
  .industries-detail .services a{
    font-size: 11px;
  }
  .industries-banner .box .content .slider-title {
    font-size: 16px;
  }
  .industries-banner .box .feature .item {
    font-size: 20px;
    line-height: 25px;
  }
  .industries-banner .box .feature .item .name {
    font-size: 14px;
    line-height: 25px;
  }
  .industries-banner .box .content {
    padding-left: 15px;
  }
  .industries-banner .box .feature {
    padding-right: 10px;
  }
  .industries-banner .box .feature .feature-container {
    margin-left: 15px;
    max-width: 100%;
    column-gap: 10px;
  }
  
  /* Start Timeline scroll CSS */
  .timeline {
    display: none;
  }
  /* End Timeline scroll CSS */

  .more .container .content .end .box .box-btn {
    font-size: 14px;
  }
  .single-knowledge .container .list .item {
    display: flex;
    flex-direction: column;
  }
  .single-knowledge .container .tag {
    order: 2;
  }
  .single-knowledge .container .popular {
    position: initial;
  }
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .got-idea .container .title {
    font-size: 44px;
  }

  /* About-us banner */

  .page-banner .title {
    font-size: 48px;
  }

  .page-banner .description {
    font-size: 16px;
    margin: 0 70px;
  }

  /* About-us principle */
  .principle {
    padding-top: 30px;
    padding-bottom: 0;
    background: transparent url("../img/wave-9.png") no-repeat;
    background-position: 0% 192px;
    background-size: cover;
  }

  .principle .container {
    flex-direction: column;
    gap: 0;
  }

  .principle .container img {
    border-radius: 5px;
    object-fit: cover;
    order: 3;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .principle .container .intro {
    font-size: 18px;
    font-weight: 200;
    line-height: 20px;
    max-width: 720px;
    order: 1;
    margin-bottom: 0;
  }

  .principle .container .intro span {
    font-weight: 500;
  }

  .principle .container .principle-list {
    order: 2;
  }

  .principle .container .principle-list .principle-item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding-right: 20px;
    margin-bottom: 0;
    margin-top: 30px;
    margin-left: 0;
  }

  .principle .container .principle-list .principle-item .number {
    width: 60px;
    height: 60px;
    font-size: 22px;
    position: static;
    margin-right: 16px;
    grid-column: 1;
  }

  .principle .container .principle-list .principle-item h3 {
    font-size: 25px;
    grid-column: 2;
  }

  .principle .container .principle-list .principle-item p {
    font-size: 16px;
    line-height: 20px;
    grid-column: 2;
    margin: 0;
  }

  .principle .container .principle-list .principle-item ul {
    grid-column: 2;
    margin: 0;
    padding-left: 23px;
  }

  .principle .container .principle-list .principle-item ul li {
    font-size: 16px;
    line-height: 20px;
  }

  /* About-us ceo message and teams */
  .ceo-message .container .title,
  .teams .container .title {
    font-size: 48px;
  }

  /* About-us teams */
  .teams .container .list .name-card .content p:first-child {
    font-size: 17px;
  }

  /* About-us milestones */
  .milestones .container .title {
    font-size: 46px;
  }

  .milestones .container {
    background-position: -30px;
  }

  /* Common Includes Contact */
  .contact .container .title {
    font-size: 46px;
    text-transform: capitalize;
  }

  /* Common Includes See more */
  .see-more .wrapper {
    gap: 25px
  }
  .service .container .system {
    height: auto;
  }

  .introduce .container .row .right {
    margin-top: 20px;
  }

  .industries .container .button {
    margin-bottom: 15px;
  }

  .industries .container .industry-right-bg {
    display: flex;
    width: 100%;
  }

  /* .industries .container .list {
    gap: 20px;
  } */

  /* .industries .container .list .item {
    max-width: calc(25% - 5px);
  } */

  .industries .container .list .item .industry-detail img {
    width: 28px;
    height: 28px;
  }

  .industries .container .list .item .industry-detail span {
    font-size: 16px;
  }

  .choose-us .choose-us-bg {
    margin: 0;
  }

  .awards .container .award-2 {
    bottom: 40px;
  }

  .clients .container .feedback-card {
    height: 450px;
  }

  .our-team .team {
    padding-top: 0;
  }

  .our-team .team .member {
    text-align: center;
    padding-top: 20px;
  }

  .our-team .team .member img {
    width: 278px;
    height: 278px;
  }

  .our-team .team .member ul {
    padding: 0 20px 0 40px;
    margin-left: 120px;
  }

  .awards .container .row {
    flex-wrap: unset;
  }

  .clients .container .feedback-card {
    height: 450px;
  }

  /* Services */
  .services .container .service-card .image {
    margin-top: 10px;
  }

  .services .container .service-card h3 {
    font-size: 28px;
  }

  .services .container .service-card p {
    font-size: 20px;
    text-align: center;
  }

  .services .container .service-card {
    padding: 40px 0;
  }

  /* Services Detail */
  .service-detail .information .detail {
    position: relative;
  }

  .service-detail .information .detail .box {
    gap: 15px;
    margin-bottom: 31px;
  }

  .service-detail .information .detail .title {
    font-size: 23px;
  }

  .service-detail .information .detail .overview-description {
    text-align: justify !important;
    font-size: 12px;
  }

  .service-detail .information .detail .list {
    margin-bottom: 15px;
  }

  .service-detail .information .detail .list .item .case-study {
    border: none !important;
  }

  .service-detail .information .detail .box .item .application .card-body .card-title {
    font-size: 16px;
  }

  .service-detail .information .detail .list .item {
    border-radius: 8px;
    box-shadow: 0px 3px 28px 0px #00000029;
    padding: 0;
    max-height: 129px;
  }

  .service-detail .information .detail .list .item .case-study {
    height: 100%;
    overflow: hidden;
  }

  .service-detail .information .detail .list .item .case-study .content .card-title {
    font-size: 14px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
  }

  .service-detail .information .detail .list .item .case-study .content .card-text {
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
  }

  .service-detail .information .detail .list .item .case-study .content .card-text .text-muted {
    font-size: 10px;
    line-height: 24px;
  }

  .service-detail .information .detail .list .item .case-study .img {
    background-color: #D9D9D9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .service-detail .information .detail .list .item .case-study .img img {
    width: 80%;
  }

  .service-detail .information .detail .pagination-links {
    margin-top: 22px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    height: 30px;
    position: absolute;
    bottom: 0;
    transform: translate(-50%);
  }

  .service-detail .information .detail .pagination-links .page-numbers {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 8px 7px;
    box-shadow: 0px 4px 4px 0px #0000000D;
    border-radius: 5px;
    color: #38383880;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }

  .service-detail .information .detail .pagination-links .page-numbers.current {
    background: #08244F;
    color: #fff;
  }

  .service-detail .information .contact-poster {
    font-size: 34px;
  }

  .service-detail .information .contact-poster a {
    font-size: 14px;
  }

  /*===========================
  Start Case Study Detail CSS
  =============================*/
  .case-study-banner {
    text-align: center;
  }
  .case-study .container {
    padding: 0 20px;
  }
  .case-study-banner .wrapper p {
    font-size: 25px;
  }
  .case-study .container .wrapper {
    gap: 20px;
  }
  .case-study .container .sub-content {
    max-width: 300px;
  }
  .case-study .container .content .box {
    padding: 20px;
    margin: 0;
  }
  .case-study .container .sub-content .category,
  .case-study .container .sub-content .tag {
    padding: 20px;
  }
  .case-study .container .sub-content .category h3 {
    margin-bottom: 15px;
  }
  .case-study .container .content {
    padding-left: 15px;
  }
  .case-study .container .content .box .box-title {
    font-size: 12px;
  }
  .case-study .container .content .box .box-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
  }
  .case-study .container .content .box .box-icon {
    margin-bottom: 24px;
  }
  .case-study .container .content .box .box-img {
    width: 312px;
    height: 100%;
  }
  .case-study .container .content .box .box-btn {
    font-size: 14px;
  }
  .case-study .container .content .box .box-icon-wp {
    width: 28px;
  }
  /*===========================
  End Case Study Detail CSS
  =============================*/

  /*===========================
  Start Press Release CSS
  =============================*/
  .press-release .container .list .item .card a {
    flex: 1;
  }
  .basic-section .container .title span {
    font-size: 46px;
  }
  .basic-section .container .latest-list .latest-item {
    margin-bottom: 56px !important;
  }
  /*===========================
  End Press Release CSS
  =============================*/

  /*===========================
  Start News Page CSS
  =============================*/
  .news {
    padding: 21px 0 24px;
  }
  .news .container {
    padding: 120px 20px 0;
    position: relative;
  }
  .news .container .search-box {
    position: absolute;
    top: 21px;
    left: 20px;
    right: 20px;
    height: 50px;
    align-items: center;
  }
  .news .container .item-mb {
    position: unset !important;
    flex: unset;
    max-width: unset;
  }
  .news .container .item-mb .search-box .search-box-input {
    font-size: 15px;
    line-height: 18px;
    font-weight: 300;
    padding: 10px 0;
    height: 100%;
  }
  .news .container .item-mb .search-box .search-box-input::placeholder {
    font-size: 15px;
    line-height: 18px;
    font-weight: 300;
  }
  .news .container .item-mb .search-box #search-button-news {
    height: 100%;
  }
  .news .container .item-mb .search-box #search-button-news i {
    display: block;
    font-size: 16px;
  }
  .news .container .wrapper-slider {
    position: relative;
    margin-bottom: 40px;
  }
  .news .container .wrapper-slider .list-mb .owl-dots {
    margin-left: unset;
    text-align: center;
  }
  .news .container .wrapper-slider .list-mb .slider-card {
    flex-direction: column;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-body {
    padding: 0 0 27px 0;
  }
  .news .container .wrapper-slider .list-mb .slider-card a:has(img) {
    min-width: 100%;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-title {
    font-size: 15px;
    line-height: 24px;
    color: #041228;
    margin: 15px 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-text {
    font-size: 13px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-text .text-muted {
    font-size: 11px;
    line-height: 24px;
  }
  .news .container .item-mb .news-card{
    margin-bottom: 20px;
  }
  .news .container .item-mb .news-card a:has(img) {
    min-width: calc(139 / 334 * 100%);
    max-width: calc(139 / 334 * 100%);
  }
  .news .container .item-mb .news-card img {
    aspect-ratio: 139 / 129;
  }
  .news .container .item-mb .news-card .card-body {
    padding: 15px;
  }
  .news .container .item-mb .news-card .card-title {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news .container .item-mb .news-card .card-text {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news .container .item-mb .news-card .card-text .text-muted {
    font-size: 11px;
    line-height: 24px;
  }
  .news .pagination-links {
    margin-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    height: 30px;
  }
  .news .pagination-links .page-numbers {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    padding: 8px 7px;
    box-shadow: 0px 4px 4px 0px #0000000D;
    border-radius: 5px;
    color: #38383880;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }
  .news .pagination-links .page-numbers.current {
    background: #08244F;
    color: #fff;
  }
  .news .container .slider-mb {
    margin-top: 20px !important;
  }
  .news .container .item-mb .title {
    margin: 31px 0 22px;
  }
  .news .container .item-mb .title span {
    font-size: 23px;
  }
  .news .container .item-mb .title hr {
    background-color: #061D3F;
    margin: 0;
  }
  .news .container .item-mb .list-card {
    background-color: #FBFAF5;
  }
  .news .container .item-mb .nav-card:first-child {
    border: none !important;
  }
  .news .container .item-mb .nav-card {
    margin-bottom: 0;
    box-shadow: unset;
    padding: 20px;
    border-radius: unset;
    border-top: 0.2px solid rgba(56, 56, 56, 0.1) !important;
  }
  .news .container .item-mb .nav-card a:has(img) {
    min-width: calc(125 / 309 * 100%);
    max-width: calc(125 / 309 * 100%);
  }
  .news .container .item-mb .nav-card img {
    aspect-ratio: 125 / 87;
  }
  .news .container .item-mb .nav-card .card-body {
    padding: 15px;
  }
  .news .container .item-mb .nav-card .card-body .card-title {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news .container .item-mb .nav-card .card-body .card-text .text-muted {
    font-size: 11px;
    line-height: 24px;
  }
  /*===========================
  End News Page CSS
  =============================*/

    /*===========================
  Start Knowledge Page CSS
  =============================*/
  .knowledge .custom-container .wrapper-slider {
    margin: 0 auto !;
  }
  .knowledge .basic-container .list {
    gap: 40px;
  }
  .knowledge .custom-container .wrapper-slider {
    position: relative;
    padding: 0;
    margin: 0 auto !important;
    width: 100%;
    max-width: 720px;
  }
  .knowledge .basic-container.container {
    padding: 0 15px;
  }
  /*===========================
  End Knowledge Page CSS
  =============================*/

  /*===========================
  Start TV Channels Page CSS
  =============================*/
  .tv-channels .container .list-featured .card .card-body {
    padding: 30px 0;
  }
  .tv-channels .container .list-featured .card .card-body .card-title {
    font-size: 25px;
  }
  /*===========================
  End TV Channels Page CSS
  =============================*/

  /*===========================
  Start Knowledge Detail Page CSS
  =============================*/
  .single-knowledge .container,
  .single-post .container {
    padding: 23px 0 33px;
  }
  .single-post .container .popular {
    margin-top: 34px;
  }
  .single-knowledge .container .list,
  .single-post .container .list {
    flex-direction: column;
    margin: unset;
  }
  .single-knowledge .container .list .item,
  .single-post .container .list .item {
    flex: unset;
    max-width: unset;
    padding: unset;
  }
  .single-knowledge .container .list .item .info,
  .single-post .container .list .item .info {
    margin-top: 25px;
    padding-top: 25px;
  }
  .single-knowledge .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-header,
  .single-post .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-header {
    font-size: 21px;
    line-height: 24px;
    letter-spacing: 0.16px;
    font-weight: 400;
    color: #383838;
  }
  .single-knowledge .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor::before,
  .single-knowledge .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor .ftwp-text,
  .single-post .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor::before,
  .single-post .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor .ftwp-text {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.55px;
    color: #383838;
  }
  .single-knowledge .container .list .item .content h2,
  .single-knowledge .container .list .item .content #ftwp-postcontent h3,
  .single-post .container .list .item .content h2,
  .single-post .container .list .item .content #ftwp-postcontent h3 {
    font-size: 21px;
    line-height: 20px;
    letter-spacing: 0.8px;
    font-weight: 400;
    color: #383838;
  }
  .single-knowledge .container .list .item .content p,
  .single-knowledge .container .list .item .content #ftwp-postcontent ul li,
  .single-post .container .list .item .content p,
  .single-post .container .list .item .content #ftwp-postcontent ul li {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #383838;
    text-align: justify;
  }
  .single-knowledge .container .list .item .info .social,
  .single-post .container .list .item .info .social {
    gap: 10px;
  }
  .single-knowledge .container .list .item .info .social .btn,
  .single-post .container .list .item .info .social .btn {
    padding: 5px 8px;
  }
  .single-knowledge .container .list .item .info .btn,
  .single-post .container .list .item .info .btn {
    font-size: 16px;
    padding: 5px 13px;
    height: 28px;
    letter-spacing: unset;
  }
  .single-knowledge .container .list .item .info .btn a,
  .single-post .container .list .item .info .btn a {
    color: #ffffff;
  }
  .single-knowledge .container .list .item .info .btn:first-child img,
  .single-post .container .list .item .info .btn:first-child img {
    width: 11px;
  }
  .single-knowledge .container .list .item .info .btn img,
  .single-post .container .list .item .info .btn img {
    width: 14px;
    margin-right: 5px !important;
  }
  .single-knowledge .container .tag,
  .single-post .container .tag {
    margin-top: 58px;
    padding: 19px 17px;
  }
  .single-knowledge .container .tag .title,
  .single-post .container .tag .title {
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    color: #08244F;
    margin-bottom: 20px;
  }
  .single-knowledge .container .tag .content,
  .single-post .container .tag .post {
    margin-top: unset;
  }
  .single-knowledge .container .tag .content .item,
  .single-post .container .tag .content .item {
    font-size: 17px;
    line-height: 18px;
    font-weight: 500;
    color: #696969;
    padding: 8px 14px;
    border: 1.5px solid #C1C1C1;
    border-radius: 14px;
  }
  .single-knowledge .container .tag .content .item.active,
  .single-post .container .tag .content .item.active {
    background: transparent;
    color: #195CBF;
    border: 1.5px solid #195CBF;
  }
  .single-knowledge .container .popular .title h3,
  .single-post .container .popular .title h3 {
    font-size: 25px;
  }
  .single-knowledge .container .popular .list,
  .single-post .container .popular .list {
    margin-top: 22px;
    background: #FBFAF5;
    padding: unset;
  }
  .single-knowledge .container .popular .list .nav-card,
  .single-post .container .popular .list .nav-card {
    box-shadow: unset;
    background: transparent;
    margin: unset;
    padding: 15px;
    border-radius: unset;
    border-bottom: 0.2px solid #38383833 !important;
  }
  .single-knowledge .container .popular .list .nav-card:last-child,
  .single-post .container .popular .list .nav-card:last-child {
    border-bottom: unset !important;
  }
  .single-knowledge .container .popular .list .nav-card .card-body,
  .single-post .container .popular .list .nav-card .card-body {
    padding: 4px 7px 14px 13px;
  }
  .single-knowledge .container .popular .list .nav-card .card-title,
  .single-post .container .popular .list .nav-card .card-title {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .single-knowledge .container .popular .list .nav-card .text-muted,
  .single-post .container .popular .list .nav-card .text-muted {
    font-size: 13px;
    line-height: 24px;
    color: #676E73;
  }
  .single-knowledge .container .related-article,
  .single-post .container .related-article {
    margin-top: 37px;
  }
  .single-knowledge .container .related-article .title,
  .single-post .container .related-article .title {
    font-size: 25px;
    margin-bottom: 23px;
  }
  .single-knowledge .container .popular .list .nav-card img,
  .single-post .container .popular .list .nav-card img {
    aspect-ratio: 125 / 87;
    height: 100%;
  }
  .single-knowledge .container .popular .list .nav-card a:has(img),
  .single-post .container .popular .list .nav-card a:has(img) {
    min-width: calc(125 / 309 * 100%);
    max-width: calc(125 / 309 * 100%);
  }
  /*===========================
  End Knowledge Detail Page CSS
  =============================*/
}

@media only screen and (min-width: 768px){
  /* Override Knowledge T07/24 */
  #knowledge #knowledge-slider .owl-item .card > a {
    height: 140px;
  }
  #knowledge .tags_mobile {
    display: none;
  }
  #knowledge .tags_web {
    display: block;
  }
}
/* Mobile Screen */
@media only screen and (max-width: 767px) {
  .service-detail .introduction .content h2, .service-detail .reason_build .content h2, .service-detail .reason_choose .content h2, 
  .service-detail .development_process .content h2, .service-detail .list_case_study h2 {
    font-size: 24px;
    line-height: 35px;
    text-align: center;
  }
  .service-detail .introduction .content p, .service-detail .reason_build .content p, 
  .service-detail .reason_choose .content .item, .service-detail .development_process .content p {
    font-size: var(--font-size-text-small);
    margin-bottom: 20px;
  }

  .awards .container .award-2 {
    display: none;
  }
  
  .overview {
    padding: 22px 20px;
  }
  /* Common Includes Contact */
  .contact {
    padding: 32px 0 20px;
    min-height: 295px;
  }

  .contact .container {
    max-width: 543px;
  }

  .contact .container .title {
    font-size: 34px;
    line-height: 45px;
  }

  .contact .container .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1px;
    color: #383838;
    margin-bottom: 25px;
  }

  .contact .container .button .btn {
    font-size: 13px;
    line-height: 18px;
    padding: 10px;
  }

  /* Common Includes See More */
  .see-more {
    padding: 10px;
  }
  .see-more .wrapper {
     flex-direction: column;
     gap: 30px;
  }

  /* Common Includes Got An Idea */
  .got-idea {
    padding: 28px 0 45px;
    min-height: 184px;
  }

  .got-idea .container {
    padding: 0 20px;
  }

  .got-idea .container .title {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 0.32px;
    margin-bottom: 20px;
  }

  .got-idea .container .text {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.12px;
    font-weight: 400;
    margin-bottom: 20px;
  }

  .got-idea .container .button .btn {
    line-height: 18px;
    color: #fff !important;
  }

  /* Common Footer */
  .footer {
    padding: 34px 0 17px;
  }

  .footer .container .list {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0 !important;
  }

  .footer .container .logo {
    height: 109px;
  }

  .footer .container .copyright {
    font-size: 14px;
  }

  .footer .container .logo img {
    width: 100%;
  }

  .footer .container .list .nav-container {
    margin-top: 27px;
    width: 387px;
  }

  .footer .container .list .nav-container .nav-list a {
    font-size: 16px;
    line-height: 10px;
    font-weight: 600;
  }

  .footer .container .list .nav-container .social {
    column-gap: 0;
    padding: 0 17px;
  }

  .footer .container .list .nav-container .social a {
    flex-shrink: 0;
  }

  .footer .container .divide-line {
    margin-top: 30px;
    margin-bottom: 27px;
  }

  /* About-us */

  /* About-us banner */
  .page-banner {
    
    min-height: 171px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .page-banner .title {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 40px;
  }

  .page-banner .description {
    font-size: 15px;
    line-height: 25px;
    max-width: 543px;
    margin: 0 20px;
  }

  .page-banner .description br {
    display: none;
  }

  /* About-us principle */
  .principle {
    padding-top: 18px;
    padding-bottom: 0;
    background: transparent url("../img/wave-9.png") no-repeat;
    background-position: 0% 192px;
    background-size: cover;
  }

  .principle .container {
    flex-direction: column;
    gap: 0;
    padding: 0 20px;
  }

  .principle .container img {
    border-radius: 5px;
    object-fit: cover;
    order: 3;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .principle .container .intro {
    font-size: 15px;
    font-weight: 200;
    line-height: 20px;
    max-width: 543px;
    order: 1;
    margin-bottom: 0;
  }

  .principle .container .intro span {
    font-weight: 500;
  }

  .principle .container .principle-list {
    order: 2;
  }

  .principle .container .principle-list .principle-item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-bottom: 0;
    margin-top: 30px;
    margin-left: 0;
  }

  .principle .container .principle-list .principle-item .number {
    width: 54px;
    height: 54px;
    font-size: 22px;
    position: static;
    margin-right: 16px;
    grid-column: 1;
  }

  .principle .container .principle-list .principle-item h3 {
    font-size: 22px;
    margin: 0;
    grid-column: 2;
  }

  .principle .container .principle-list .principle-item p {
    font-size: 13px;
    line-height: 20px;
    grid-column: 2;
    margin: 0;
  }

  .principle .container .principle-list .principle-item ul {
    grid-column: 2;
    margin: 0;
    padding-left: 19px;
  }

  .principle .container .principle-list .principle-item ul li {
    font-size: 13px;
    line-height: 20px;
  }

  /* About-us ceo message */
  .ceo-message {
    padding-top: 19px;
    margin: 0 20px;
  }

  .ceo-message .container .title {
    font-size: 34px;
    line-height: 16px;
    margin-bottom: 27px;
  }

  .ceo-message .container .box {
    flex-direction: column;
    padding: 0;
  }

  .ceo-message .container .box>img {
    width: 16px;
    height: 12px;
  }

  .ceo-message .container .box .avatar {
    width: 345px;
    height: 391px;
  }

  .ceo-message .container .box .box-wrapper-btn {
    width: 100%;
    margin-left: 20px;
  }

  .ceo-message .container .box .avatar img {
    bottom: 40px;
    width: 100%;
    height: 347px;
    object-fit: cover;
  }

  .ceo-message .container .box .avatar .name {
    font-size: 20px;
    line-height: 16px;
    width: 202px;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%);
    padding: 15px 0 10px;
  }

  .ceo-message .container .box .message,
  .ceo-message .container .box .read-more-para {
    font-size: 13px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: 1px;
    max-width: 100%;
    padding: 0 6px 12px 15px;
    margin: 0;
  }

  .ceo-message .container .box .btn.btn-link {
    font-size: 13px;
    line-height: 35px;
  }

  /* About-us ceo team */
  .teams {
    padding-top: 17px;
    padding-bottom: 21px;
  }

  .teams .container .title {
    font-size: 34px;
    line-height: 16px;
    margin-bottom: 30px;
  }

  .teams .container .list .name-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }

  .teams .container .list .name-card img {
    max-width: 100%;
    height: auto;
  }

  .teams .container .list .owl-stage-outer {
    margin-bottom: 42px;
  }

  .teams .container .list .owl-controls .owl-dots span {
    width: 12px;
    height: 12px;
  }

  /* About-us milestones */
  .milestones #chartArrowMobile .content {
    left: 20%;
  }
  .milestones #chartArrowMobile h4 {
   font-size: 22px; 
  }
  .milestones #chartArrowMobile p {
    font-size: 12px;
  }
  .milestones #chartArrowMobile .content:first-of-type {
    top: 0;
  }
  .milestones #chartArrowMobile .content:nth-of-type(2) {
    top: 22%;
  }
  .milestones #chartArrowMobile .content:nth-of-type(3) {
    top: 43%;
  }
  .milestones #chartArrowMobile .content:nth-of-type(4) {
    bottom: 20%;
  }
  .milestones #chartArrowMobile .content:last-of-type {
    bottom: 0%;
  }

  .milestones .container .title {
    font-size: 34px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 1px;
  }

  .slider .single-slider {
    min-height: 412px;
    padding-top: 61px;
    height: 450px;
  }

  .slider .single-slider .box {
    margin: 0 15px;
    min-height: 100%;
  }

  .slider .single-slider .content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 392px;
  }

  .slider .single-slider h1 {
    font-size: 24px;
    line-height: 35px;
  }

  .slider .single-slider p.slider-title {
    font-size: 14px;
    line-height: 20px;
  }

  .slider .single-slider .button {
    margin-top: 20px;
  }

  /* introduce */
  .introduce {
    padding: 24px 20px;
  }

  .introduce h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
  }

  .introduce .text {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
  }

  .introduce .container .d-flex {
    gap: 31px;
    margin: 20px auto 36px;
  }

  .introduce .btn {
    margin-right: 0px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 14px;
    height: 34px;
    display: flex;
    align-items: center;
  }

  .introduce .btn img {
    margin-left: 16px;
    padding-top: 5px;
  }

  .introduce .container .row .col-lg-7.pr-0,
  .introduce .container .col-lg-5.pl-0.mt-auto {
    padding: 0 15px !important;
  }

  .introduce .container .counter-container {
    gap: 20px;
  }

  .introduce .container .counter-container {
    gap: 20px;
  }

  .container .counter-container {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0;
    height: 37px;
  }

  .container .counter-container .line-through {
    display: none;
  }

  .container .company-counter {
    margin-right: 16px;
    width: auto;
  }

  .container .company-counter .content {
    height: 36px;
  }

  .container .company-counter .content .counter {
    font-size: 18px;
    font-weight: 400;
  }

  .container .company-counter .content img {
    height: 20px;
    margin: 0;
  }

  .container .company-counter .content .counter-title {
    font-size: 14px;
    font-weight: 500;
  }

  .introduce .container .counter-container .company-counter .content .d-flex {
    margin: 0;
    gap: 16px;
    display: flex;
  }

  /* services */
  .service {
    padding: 17px 20px;
  }

  .service .container .text {
    text-align: start;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
  }

  .service .container .content {
    width: 100%;
  }

  .service .container .content>.title {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 1px;
    text-align: start;
  }

  .service .container .content>.description {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: start;
  }

  .service .container div.tab {
    display: flex;
    flex-wrap: wrap;
    margin: 22px 0 20px;
    justify-content: center;
    gap: 10px;
  }

  .service .container .tab .tab-item {
    background: transparent;
    padding: 1px 5px !important;
  }

  .service .container div.tab .tab-item span {
    font-size: 12px;
    font-weight: 500;
  }

  .service .container .system {
    height: auto;
    overflow: hidden;
    padding: 35px 8px 40px;
    background: #f3faff;
    border-radius: 20px;
  }

  .service .container .system-item.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .service .container .system .system-item .title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .service .container .system .system-item .description {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: 15px;
  }

  .service .container .system .system-item .button .btn {
    border-radius: 16px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 14px;
  }

  /*industries*/
  .industries {
    padding: 47px 20px;
  }

  .industries .container .title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 35px;
    margin: 15px 0;
  }

  .industries .container .text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
  }

  .industries .container .button {
    text-align: center;
    display: none;
  }

  .industries .container .button-mobile {
    display: block;
    margin-top: 30px;
  }


  .industries .container .list .item img {
    max-width: unset;
  }

  .industries .container .list .item .industry-detail img {
    width: 28px;
    height: 28px;
  }

  .industries .container .list .item .industry-detail span {
    font-size: 16px;
  }

  /*choose-us*/
  .choose-us {
    padding: 17px 20px;
  }

  .choose-us .container .section-title {
    text-align: start;
  }

  .choose-us .container .title {
    text-align: start;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 15px 0;
    line-height: 35px;
  }

  .choose-us .container .text {
    color: #383838;
    text-align: start;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 1px;
    margin-bottom: 15px;
  }

  .choose-us .item ,
  .industries-why-choose-us .item{
    background-color: #fff;
    cursor: pointer;
    min-height: 44px;
    margin: 20px 0 30px 0px;
    border-radius: 2px;
    padding: 9px 20px 20px 20px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  }

  .choose-us .item .partner-feature,
  .industries-why-choose-us {
    position: relative;
  }

  .choose-us .item .partner-feature i {
    position: absolute;
    right: 0;
  }

  .choose-us .choose-us-bg {
    width: 100%;
    height: auto;
    margin-top: 14px;
  }

  .choose-us .container .item .partner-feature img {
    width: 28px;
    height: 27px;
  }

  .choose-us .container .item .partner-feature span {
    font-size: 20px;
    line-height: 18.2px;
    margin-left: 10px;
  }

  .choose-us .container .item .description {
    color: #383838;
    font-size: 14px;
    line-height: 20px;
    display: none;
  }

  .case-studies {
    padding: 28px 20px;
  }

  .case-studies .container .title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 15px 0;
    line-height: 35px;
  }

  .case-studies .container .text {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    margin-bottom: 13px;
  }

  /*Award*/
  .awards {
    margin: 0;
    height: 340px;
    padding: 36px 0 15px;
  }

  .awards .container .section-title {
    color: #f3faff;
    text-align: center;
    margin: 0;
  }

  .awards .container .title {
    font-size: 24px;
  }

  .awards .container .text {
    font-size: 14px;
  }

  .award .container .row {
    margin-right: 0;
  }

  .awards .container .row {
    margin-left: unset !important;
  }

  .awards .container .row .col-lg-6 {
    padding-left: unset !important;
    padding-right: unset !important;
  }

  .awards .container .award-1 {
    height: 81px;
    text-align: center;
    margin: 0 20px;
  }

  .awards .container .award-1 img {
    height: unset;
  }

  .awards .container .award-2 {
    display: none;
  }

  .awards .container .button {
    text-align: center;
  }

  .awards .container .button .btn {
    border-radius: 16px;
    margin-top: 20px;
    padding: 5px 12px;
    text-align: center;
  }

  /*clients*/
  .clients {
    padding: 17px 20px;
  }

  .clients .container .title {
    font-size: 24px;
    letter-spacing: 2px;
    margin: 15px 0;
    line-height: 35px;
  }

  .clients .container .text {
    color: #383838;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    margin-bottom: 14px;
  }

  .clients .partner-list {
    margin-bottom: 0;
  }

  .clients .container .feedback-card {
    padding: 20px 18px;
  }

  .clients .container .feedback-card .avatar {
    width: 123px;
    height: 123px;
  }

  .clients .container .feedback-card .name {
    font-size: 16px;
    line-height: 14.52px;
    margin-top: 11px;
  }

  .clients .container .feedback-card .description {
    font-size: 16px;
    font-weight: 500;
    line-height: 12.1px;
  }

  .clients .container>.btn {
    top: calc(25% - 24px);
  }

  .clients .container .feedback-card .content>img:last-child {
    bottom: 20px;
    right: 10px;
    transform: rotate(180deg);
  }

  .clients .container .feedback-card .content {
    position: relative;
    padding: 24px 18px;
  }

  .clients .container .feedback-card .content>p {
    font-size: 11px;
    line-height: 30px;
  }

  /*location*/
  .location {
    margin: 0;
    padding: 17px 20px;
  }

  .location .container .title {
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 2px;
    font-weight: 500;
    margin: 10px 0;
  }

  .location .container .text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 300;
  }

  .location .container .address-card .address-prev-slider,
  .location .container .address-card .address-next-slider {
    display: none;
  }

  /* history */
  .history {
    padding: 22px 20px;
  }

  .history .history-container {
    padding: unset;
    margin-top: 50px;
    display: unset;
    margin-bottom: 20px;
  }

  .history .history-container .image {
    padding-right: 0;
  }

  .history .history-container .image img {
    width: 100%;
  }

  .history .history-container .image p {
    font-size: 14px;
  }

  .history .history-container .content {
    padding: 35px 0 0 20px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 58px;
  }

  .history .history-container .content i {
    position: absolute;
    font-size: 8px;
    transform: rotate(45deg);
  }

  .history .history-container .content .title {
    position: absolute;
    top: -10px;
    left: 0px;
    font-size: 20px;
    line-height: 16px;
    letter-spacing: 1px;
  }

  .history .history-container .content-item {
    display: grid;
    grid-template-columns: 36px auto;
  }

  .history .history-container .content-item span {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 2px;
  }

  .history .history-container .content-item ul {
    margin-bottom: 29px;
  }

  .history .history-container .content-item li {
    font-size: 14px;
  }

  .history .years-list {
    height: 46px;
    background-color: #0d305f;
    box-sizing: border-box;
    margin: 0 -20px;
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
  }

  .history .years-list .year-button {
    background-color: transparent;
    border: none;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
  }

  .history .years-list .year-button:focus,
  .history .years-list .year-button:active {
    outline: none;
    box-shadow: none;
  }

  .history .years-list .active {
    text-decoration: underline;
    border: none;
    font-weight: 600;
  }

  .address-container-mobile {
    display: none;
  }

  .address .country-buttons {
    display: none;
  }

  .address .address-container .content {
    display: unset;
  }

  .address .address-container .map {
    padding: 0 10px;
  }

  .address .address-container .content {
    padding-left: 20px;
  }

  /* our-team */
  .our-team {
    padding: 43px 0;
  }

  .our-team .team {
    padding: unset;
  }

  .our-team .team .member ul {
    margin-left: 40px;
  }

  .our-team .container {
    max-width: unset;
  }

  .our-team .team .member {
    text-align: center;
    padding: 16px 12.5px;
    height: auto;
  }

  .our-team .team .member img {
    width: 278px;
    height: 278px;
  }

  .slider .single-slider .content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 392px;
  }

  /*===========================
  Start Services CSS
  =============================*/
  .services {
    padding: 45px 0 36px;
  }

  .services .container {
    padding: 0 20px;
  }

  .services .container .column {
    margin-bottom: 25px;
  }

  .services .container .service-card .content {
    padding: 0 16px;
  }


  .services .container .service-card h3 {
    font-size: 25px;
    line-height: 45px;
    letter-spacing: 0.4px;
    margin-bottom: 15px;
  }

  .services .container .service-card p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.11px;
    color: #383838;
    text-align: center;
  }

  .services .container .service-card a {
    padding: 7px 10px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
  }

  .see-more .container .title {
    font-size: 20px;
  }


  /*===========================
  End Services CSS
  =============================*/

  /*===========================
  Start Services Detail CSS
  =============================*/
  .service-detail {
    padding: 30px 0;
  }

  .service-detail .container {
    padding: 0 20px;
  }
  .service-detail .introduction, .service-detail .reason_build, .service-detail .reason_choose, .service-detail .development_process, .service-detail .list_case_study {
    padding: 0;
  }
  .service-detail .reason_build {
    margin-top: 50px;
  }
  .service-detail .list_case_study .items .card-img {
    max-height: 175px;
  }
  /*===========================
  End Services Detail CSS
  =============================*/

  .basic-section .container {
    padding: 19px;
  }
  .basic-section .container .title span {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .cus-card.card .card-title {
    font-size: 12px;
  }
  .cus-card.card .card-text {
    font-size: 10px;
  }
  .basic-section .container .subtitle{
    font-size: 16px;
  }

  /*===========================
  Start Case Study Detail CSS
  =============================*/
  .case-study-banner {
    height: 223px;
  }
  .case-study-banner .wrapper {
    height: 100%;
    text-align: center;
    padding: 0 20px;
  }
  .case-study-banner .wrapper button {
    margin-top: 73px;
    padding: 6px 8px;
    font-size: 10px;
  }
  .case-study-banner .wrapper p {
    font-size: 11px;
    line-height: 25px;
    letter-spacing: 0.22px;
    margin-top: 16px;
  }
  .case-study .container .wrapper {
    margin: 30px 0 24px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 20px 20px 0;
    gap: 19px;
  }
  .case-study .container .content {
    gap: 25px;
  }
  .case-study .container .sub-content .search {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    margin: 0 auto;
    max-width: 514px;
  }
  .case-study .container .sub-content .search input {
    padding: 10px 15px 10px 18px;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
  }
  .case-study .container .sub-content .search .icon {
    width: 15px;
    height: 15px;
    top: 13px;
    right: 15px;
  }
  .case-study #searchform {
    margin-bottom: 20px;
  }
  .case-study .container .content .box {
    padding: 15px 10px 15px 15px;
    border-radius: 8px;
    margin: 0;
    width: 100%;
    max-width: 514px;
  }
  .case-study .container .content .box .box-main {
    flex-grow: 1;
  }
  .case-study .container .content .box.reverse {
    padding: 15px 4px 11px 8px;
  }
  .case-study .container .content .box .box-title {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 3px;
  }
  .case-study .container .content .box .box-text {
    font-size: 12px;
    line-height: 20px;
    color: #041228;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
  }
  .case-study .container .content .box .box-icon {
    gap: 10px;
    margin-bottom: 13px;
  }
  .case-study .container .content .box .box-icon-wp {
    font-size: 5px;
    line-height: 6px;
    letter-spacing: 0.5px;
  }
  .case-study .container .content .box .box-icon-wp img {
    width: 23px;
    height: 20px;
  }
  .case-study .container .content .box .box-btn {
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 12px;
  }
  .case-study .container .content .box .box-btn i {
    width: 14px;
    height: 14px;
  }
 
  .case-study .container .content .page {
    gap: 16px;
  }
  .case-study .container .content .page span,
  .case-study .container .content .page i {
    width: 30px;
    height: 30px;
    box-shadow: 0px 4px 4px 0px #0000000D;
    border-radius: 5px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #38383880;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .case-study .container .content .page span.checked {
    width: 30px;
    height: 30px;
    box-shadow: 0px 4px 4px 0px #0000000D;
    border-radius: 5px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #08244F;
    color: #ffffff;
    border: none;
    padding: 0;
  }
  .case-study .container .sub-content {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
 
  .case-study .container .sub-content .search-box .search-box-input {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    padding: 10px 0;
    height: 100%;
  }
  .case-study .container .sub-content .search-box .search-box-input::placeholder {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    color: #989898;
  }
  .case-study .container .sub-content .search-box #search-button {
    width: 60px;
    height: 100%;
    position: absolute;
    right: 0;
    border: none;
    outline: none !important;
    background-color: transparent;
    font-size: 24px;
    color: #696969;
  }
  .case-study .container .sub-content .search-box #search-button i {
    display: block;
    font-size: 15px;
  }
  .case-study .container .sub-content .category {
    margin: 0;
    padding: 16px 12px;
    max-width: 514px;
  }
  .case-study .container .sub-content .category h3 {
    font-size: 20px;
    line-height: 30px;
    color: #08244F;
    margin-bottom: 20px;
  }
  .case-study .container .sub-content .category .info {
    gap: 15px;
  }
  .case-study .container .sub-content .category .info .item {
    padding: 8px 12px 9px 16px;
    margin: 0;
  }
  .case-study .container .sub-content .tag {
    margin-top: 20px;
    padding: 19px 17px;
    max-width: 514px;
  }
  .case-study .container .sub-content .tag h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .case-study .container .sub-content .tag .info {
    gap: 15px;
  }
  .case-study .container .sub-content .tag .info .item {
    margin: 0;
  }

  .more .container .banner {
    height: auto;
    padding: 100px 0;
    justify-content: center
  }
  .more .container .banner p {
    font-size: 28px;
    line-height: normal;
    letter-spacing: 4px;
    font-weight: 500;
    color: #fff;
  }
  .more .container .banner button {
    margin-top: 0;
  }
  .more .container .content .social .btn {
    width: 100%;
  }
  .more .container .content .social .main {
    width: 100%;
  }
  .more .container .content .social .main .btn {
    width: 50%;
  }
  /*===========================
  End Case Study Detail CSS
  =============================*/

  /*===========================
  Start Press Release CSS
  =============================*/
  .press-release {
    padding: 20px 0 !important;
  }
  .press-release .container {
    padding: 0 20px;
  }
  .press-release .container .list {
    display: none;
  }
  .press-release .container .mb {
    display: block !important;
  }
  .press-release .container .mb .card {
    box-shadow: unset;
  }
  .press-release .container .mb .card .card-img-overlay {
    padding: 20px;
  }
  .press-release .container .mb .card .card-title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
  }
  .press-release .container .mb .card .card-text {
    font-size: 12px;
    line-height: 20px;
  }
  .press-release .container .mb .list-mb .owl-dots {
    display: none !important;
  }
  .press-release .container .mb .list-mb .owl-stage-outer .owl-stage {
    padding: unset;
  }
  .press-release .container .mb .list-btn {
    display: flex !important;
    align-items: center;
    gap: 20px;
    justify-content: end;
    margin-top: 5px;
  }
  .press-release .container .mb .list-btn .btn-ic {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
    padding: 7px;
    font-size: 18px;
    background: transparent;
    border-radius: 16px;
    opacity: 50%;
    border: none;
    outline: none;
  }
  .press-release .container .mb .list-btn .btn-ic i {
    font-size: 18px;
    color: #383838;
  }
  .basic-section .container .title {
    column-gap: 16px;
    margin-bottom: 34px;
  }
  .basic-section .container .title span {
    font-size: 22px;
    line-height: 16px;
  }
  .basic-section .container .title hr {
    margin: 0;
  }
  .latest-list .latest-item {
    margin-bottom: 20px !important;
    height: 129px;
  }
  .latest-list .latest-item .card {
    flex-direction: row;
  }
  .latest-list .latest-item .card a {
    flex: 0 0 180px;
    border-radius: 8px;
    overflow: hidden;
  }
  .latest-list .latest-item .card a .card-img-top {
    height: 100%;
  }
  .latest-list .latest-item .card .card-body {
    padding: 8px 12px 5px 16px;
  }
  .latest-list .latest-item .card .card-title {
    font-size: 12px;
    line-height: 24px;
    color: #041228;
    margin-bottom: 14px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .latest-list .latest-item .card .card-text {
    font-size: 11px;
    color: #383838;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .press-release .end a {
    margin-top: 2px !important;
    margin-bottom: unset !important;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    padding: 5px 17px;
    cursor: pointer;
  }
  /*===========================
  End Press Release CSS
  =============================*/

  .contact-form .banner {
    font-size: 20px;
    min-height: 198px;
    line-height: 50px;
  }
  .contact-form .form-main .form-layout{
    display: unset;
  }
  .contact-form .form-main .form-layout p {
    width: unset;
  }
  .contact-section .container .address-card .btn{
    display: none;
  }
  .contact-section .title {
    font-size: 20px;
  }
  .contact-address {
    padding: 25px 20px;
  }
  .contact-section .text{
    font-size: 12px;
  }
  .contact-email{
    padding: 25px 20px;
  }

  /*===========================
  Start News Page CSS
  =============================*/
  .news {
    padding: 21px 0 24px;
  }
  .news .container {
    padding: 82px 20px 0;
    position: relative;
  }
  .news .container .search-box {
    position: absolute;
    top: 21px;
    left: 20px;
    right: 20px;
    height: 40px;
    align-items: center;
  }
  .news .container .item-mb {
    position: unset !important;
    flex: unset;
    max-width: unset;
  }
  .news .container .item-mb .search-box .search-box-input {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    padding: 10px 0;
    height: 100%;
  }
  .news .container .item-mb .search-box .search-box-input::placeholder {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
  }
  .news .container .item-mb .search-box #search-button-news {
    height: 100%;
  }
  .news .container .item-mb .search-box #search-button-news i {
    display: block;
    font-size: 15px;
  }
  .news .container .wrapper-slider {
    position: relative;
  }
  .news .container .wrapper-slider .list-mb .owl-dots {
    display: none !important;
  }
  .news .container .wrapper-slider .list-mb .slider-card {
    flex-direction: column;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-body {
    padding: 0 0 27px 0;
  }
  .news .container .wrapper-slider .list-mb .slider-card a:has(img) {
    min-width: 100%;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-title {
    font-size: 14px;
    line-height: 24px;
    color: #041228;
    margin: 10px 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-text {
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-text .text-muted {
    font-size: 10px;
    line-height: 24px;
  }
  .news .container .wrapper-slider .list-btn {
    display: flex !important;
    align-items: center;
    gap: 20px;
    justify-content: end;
    position: absolute;
    right: 0;
    bottom: 24px;
    z-index: 999;
  }
  .news .container .wrapper-slider .list-btn .btn-ic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border-radius: 16px;
    opacity: 50%;
    border: none;
    outline: none;
  }
  .news .container .wrapper-slider .list-btn .btn-ic i {
    font-size: 18px;
    color: #383838;
  }
  .news .container .item-mb .news-card{
    margin-bottom: 20px;
  }
  .news .container .item-mb .news-card a:has(img) {
    min-width: calc(139 / 334 * 100%);
    max-width: calc(139 / 334 * 100%);
  }
  .news .container .item-mb .news-card img {
    aspect-ratio: 139 / 129;
  }
  .news .container .item-mb .news-card .card-body {
    padding: 8px 12px 5px 16px;
  }
  .news .container .item-mb .news-card .card-title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news .container .item-mb .news-card .card-text {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news .container .item-mb .news-card .card-text .text-muted {
    font-size: 10px;
    line-height: 24px;
  }
  .news .pagination-links {
    margin-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    height: 30px;
  }
  .news .pagination-links .page-numbers {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 8px 7px;
    box-shadow: 0px 4px 4px 0px #0000000D;
    border-radius: 5px;
    color: #38383880;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }
  .news .pagination-links .page-numbers.current {
    background: #08244F;
    color: #fff;
  }
  .news .container .slider-mb {
    margin-top: 20px !important;
  }
  .news .container .item-mb .title {
    margin: 31px 0 22px;
  }
  .news .container .item-mb .title span {
    font-size: 22px;
  }
  .news .container .item-mb .title hr {
    background-color: #061D3F;
    margin: 0;
  }
  .news .container .item-mb .list-card {
    background-color: #FBFAF5;
  }
  .news .container .item-mb .nav-card:first-child {
    border: none !important;
  }
  .news .container .item-mb .nav-card {
    margin-bottom: 0;
    box-shadow: unset;
    padding: 20px;
    border-radius: unset;
    border-top: 0.2px solid rgba(56, 56, 56, 0.1) !important;
  }
  .news .container .item-mb .nav-card a:has(img) {
    min-width: calc(125 / 309 * 100%);
    max-width: calc(125 / 309 * 100%);
  }
  .news .container .item-mb .nav-card img {
    aspect-ratio: 125 / 87;
  }
  .news .container .item-mb .nav-card .card-body {
    padding: 4px 7px 14px 13px;
  }
  .news .container .item-mb .nav-card .card-body .card-title {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news .container .item-mb .nav-card .card-body .card-text .text-muted {
    font-size: 10px;
    line-height: 24px;
  }
  /*===========================
  End News Page CSS
  =============================*/

  /*===========================
  Start Carrees Page CSS
  =============================*/
  .career-search-toolbar .container .form-item .form-select-box{
    width: unset;
  }
  .career-search-toolbar .container .form-item .form-select-box select{
    background: unset;
    font-size: 12px;
  }
  .career-search-toolbar .container .form-item .form-search-box input {
    font-size: 12px;
  }
  .career-search-toolbar .container form {
    text-align: center;
  }
  .career-search-toolbar .container .form-item {
    margin-bottom: 20px;
    margin-right: unset;
  }
  .career-search-toolbar .container .form-item label {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .career-search-toolbar .container form {
    font-size: 20px;
  }
  .life-at-bap .container .join-us .content{
    display: unset;
    text-align: center;
  }
  .life-at-bap .container .join-us{
    text-align: center;
    margin-top: 20px;
  }
  .life-at-bap .container .join-us h3{
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
  }
  /*===========================
  Start Knowledge Page CSS
  =============================*/
  .knowledge {
    position: relative;
  }
  .knowledge .tags-wrap {
    /* position: absolute;
    bottom: 35px; */
    width: 100%;
  }
  .knowledge .tags-wrap .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 0;
    background: #F5F5F5B2;
    padding: 19px 17px;
    border-radius: 20px;
  }
  .knowledge .tags-wrap .tags a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #696969;
    margin: 0;
    padding: 8px 16px;
    border-radius: 14px;
    border: 1.5px solid #C1C1C1;
    box-shadow: unset;
  }
  .knowledge .container .tags a:hover {
    color: #195CBF;
    background-color: transparent;
    border: 1.5px solid #195CBF;
  }
  .knowledge .category {
  }
  .knowledge.basic-section .category.container {
    padding: 0 20px;
  }
  .knowledge .category .dropdown-toggle {
    max-width: 139px;
  }
  .knowledge .category .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.75px;
    font-weight: 400;
    border: none;
    outline: none;
    background: transparent;
    color: #383838;
  }
  .knowledge .category .dropdown-toggle i {
    font-size: 12px;
  }
  .knowledge .category .dropdown-menu.show {
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
  }
  .knowledge .category .dropdown-menu.show .dropdown-item {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #383838;
    padding: 7px 9px;
  }
  .knowledge .category .dropdown-menu.show .dropdown-item:hover {
    background-color: #F3FAFF;
  }
  .knowledge .category .dropdown-toggle::after {
    display: none;
  }
  .knowledge .category.show .dropdown-toggle .ic-up {
    display: block !important;
  }
  .knowledge .category.show .dropdown-toggle .ic-down {
    display: none;
  }
  .knowledge .basic-container {
    /* margin-bottom: 130px; */
  }
  .knowledge .basic-container .title {
    margin-bottom: 20px;
  }
  .knowledge .basic-container .row {
    gap: 20px;
  }
  .knowledge .basic-container .mb-reverse {
    flex-direction: column-reverse;
  }
  .knowledge .basic-container .card {
    box-shadow: unset;
  }
  .knowledge .basic-container .item-mb .card {
    flex-direction: row;
    box-shadow: 0px 3px 20px 0px #00000029;
  }
  .knowledge .basic-container .card-body {
    padding: 8px 0;
  }
  .knowledge .basic-container .item-mb .card-body {
    padding: 8px 13px 10px 15px;
  }
  .knowledge .basic-container .card-body .card-title {
    font-size: 14px;
    line-height: 24px;
    color: #041228;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .knowledge .basic-container .item-mb .card-body .card-title {
    margin-bottom: 15px;
  }
  .knowledge .basic-container .card-body .card-text {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .knowledge .basic-container .item-mb .card-body .card-text {
    margin-bottom: 9px;
  }
  .knowledge .custom-container .knowledge-slider .card {
    box-shadow: unset;
  }
  .knowledge .custom-container .knowledge-slider .card .card-body {
    height: auto;
  }
  .knowledge .custom-container .knowledge-slider .card .card-body .card-title {
    font-size: 14px;
    line-height: 24px;
    color: #041228;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .knowledge .custom-container .knowledge-slider .card .card-body .card-text {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 27px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .knowledge .custom-container .knowledge-slider .owl-controls .owl-nav {
    display: none;
  }
  .knowledge .custom-container .wrapper-slider {
    position: relative;
    padding: 0;
    margin: 0 auto !important;
    width: 100%;
    max-width: 540px;
  }
  .knowledge .custom-container .wrapper-slider .list-btn {
    display: flex !important;
    align-items: center;
    gap: 20px;
    justify-content: end;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 999;
  }
  .knowledge .custom-container .wrapper-slider .list-btn .btn-ic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border-radius: 16px;
    opacity: 50%;
    border: none;
    outline: none;
  }
  .knowledge .custom-container .wrapper-slider .list-btn .btn-ic i {
    font-size: 20px;
    color: #383838;
  }
  .knowledge .basic-container .see-more-btn {
    font-size: 13px;
    margin: 20px 0 !important;
  }
  
  /*===========================
  End Knowledge Page CSS
  =============================*/
  .industries-detail .container{
    padding: 17px 20px;
  }
  .industries-detail .industries-why-choose-us .list {
    display: unset;
    background: unset;
  }
  .industries-detail .industries-why-choose-us .item:nth-child(odd) .partner-feature {
    text-align: unset;
  }


  /*===========================
  Start TV Channels Page CSS
  =============================*/
  .tv-channels {
    padding: 20px 0;
  }

  .tv-channels .container .list {
    position: relative;
  }
  .tv-channels .container .list .list-mb {
    margin: unset;
  }
  .tv-channels .container .list .list-mb .item-mb {
    padding: 0 20px;
  }
  .tv-channels .container .list .list-mb .item-mb .card-body {
    text-align: center;
    padding: 12px 0 15px;
  }
  .tv-channels .container .list .list-mb .item-mb .card-body .card-title {
    font-size: 14px;
    line-height: 18px;
  }
  .tv-channels .container .list .list-mb .item-mb .card {
    margin-bottom: unset !important;
  }
  .tv-channels .container .list .list-btn {
    display: flex !important;
    align-items: center;
    gap: 20px;
    justify-content: end;
    position: absolute;
    bottom: 51px;
    right: 20px;
    z-index: 999;
  }
  .tv-channels .container .list .list-btn .btn-ic {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
    padding: 7px;
    font-size: 18px;
    background: transparent;
    border-radius: 16px;
    opacity: 50%;
    border: none;
    outline: none;
  }
  .tv-channels .container .list .list-btn .btn-ic i {
    font-size: 18px;
    color: #383838;
  }
  .tv-channels .container .primary-card .card-title {
    font-size: 24px;
    line-height: 35px;
  }
  /*===========================
  End TV Channels Page CSS
  =============================*/

  /*===========================
  Start Knowledge Detail Page CSS
  =============================*/
  .single-knowledge .container,
  .single-post .container {
    padding: 23px 0 33px;
  }
  .single-knowledge .container .list,
  .single-post .container .list {
    flex-direction: column;
    margin: unset;
    padding: 0 20px;
  }
  .single-knowledge .container .list .item,
  .single-post .container .list .item {
    flex: unset;
    max-width: unset;
    padding: unset;
  }
  .single-knowledge .container .list .item .info,
  .single-post .container .list .item .info {
    margin-top: 25px;
    padding-top: 25px;
  }
  .single-knowledge .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-header,
  .single-post .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-header {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.16px;
    font-weight: 400;
    color: #383838;
  }
  .single-knowledge .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor::before,
  .single-knowledge .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor .ftwp-text,
  .single-post .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor::before,
  .single-post .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor .ftwp-text {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.55px;
    color: #383838;
  }
  .single-knowledge .container .list .item .content h2,
  .single-knowledge .container .list .item .content #ftwp-postcontent h3,
  .single-post .container .list .item .content h2,
  .single-post .container .list .item .content #ftwp-postcontent h3 {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.8px;
    font-weight: 400;
    color: #383838;
  }
  .single-knowledge .container .list .item .content p,
  .single-knowledge .container .list .item .content #ftwp-postcontent ul li,
  .single-post .container .list .item .content p,
  .single-post .container .list .item .content #ftwp-postcontent ul li {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #383838;
    text-align: justify;
  }
  .single-knowledge .container .list .item .info .social,
  .single-post .container .list .item .info .social {
    gap: 10px;
  }
  .single-knowledge .container .list .item .info .social .btn,
  .single-post .container .list .item .info .social .btn {
    padding: 5px 8px;
  }
  .single-knowledge .container .list .item .info .btn,
  .single-post .container .list .item .info .btn {
    font-size: 13px;
    padding: 5px 13px;
    height: 28px;
    letter-spacing: unset;
  }
  .single-knowledge .container .list .item .info .btn a,
  .single-post .container .list .item .info .btn a {
    color: #ffffff;
  }
  .single-knowledge .container .list .item .info .btn:first-child img,
  .single-post .container .list .item .info .btn:first-child img {
    width: 11px;
  }
  .single-knowledge .container .list .item .info .btn img,
  .single-post .container .list .item .info .btn img {
    width: 14px;
    margin-right: 5px !important;
  }
  .single-knowledge .container .tag,
  .single-post .container .tag {
    margin-top: 58px;
    padding: 19px 17px;
  }
  .single-knowledge .container .tag .title,
  .single-post .container .tag .title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    color: #08244F;
    margin-bottom: 20px;
  }
  .single-knowledge .container .tag .content,
  .single-post .container .tag .content {
    margin-top: unset;
  }
  .single-knowledge .container .tag .content .item,
  .single-post .container .tag .content .item {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #696969;
    padding: 8px 14px;
    border: 1.5px solid #C1C1C1;
    border-radius: 14px;
  }
  .single-knowledge .container .tag .content .item.active,
  .single-post .container .tag .content .item.active {
    background: transparent;
    color: #195CBF;
    border: 1.5px solid #195CBF;
  }
  .single-post .container .popular {
    margin-top: 34px;
}
  .single-knowledge .container .popular .title h3,
  .single-post .container .popular .title h3 {
    font-size: 22px;
  }
  .single-knowledge .container .popular .list,
  .single-post .container .popular .list {
    margin-top: 22px;
    background: #FBFAF5;
    padding: unset;
  }
  .single-knowledge .container .popular .list .nav-card,
  .single-post .container .popular .list .nav-card {
    box-shadow: unset;
    background: transparent;
    margin: unset;
    padding: 15px;
    border-radius: unset;
    border-bottom: 0.2px solid #38383833 !important;
  }
  .single-knowledge .container .popular .list .nav-card:last-child,
  .single-post .container .popular .list .nav-card:last-child {
    border-bottom: unset !important;
  }
  .single-knowledge .container .popular .list .nav-card .card-body,
  .single-post .container .popular .list .nav-card .card-body {
    padding: 4px 7px 14px 13px;
  }
  .single-knowledge .container .popular .list .nav-card .card-title,
  .single-post .container .popular .list .nav-card .card-title {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .single-knowledge .container .popular .list .nav-card .text-muted,
  .single-post .container .popular .list .nav-card .text-muted {
    font-size: 10px;
    line-height: 24px;
    color: #676E73;
  }
  .single-knowledge .container .related-article,
  .single-post .container .related-article {
    margin-top: 37px;
  }
  .single-knowledge .container .related-article .title,
  .single-post .container .related-article .title {
    font-size: 22px;
    margin-bottom: 23px;
  }
  .single-knowledge .container .related-article .list,
  .single-post .container .related-article .list {
    padding: unset;
  }
  .single-knowledge .container .popular .list .nav-card img,
  .single-post .container .popular .list .nav-card img {
    aspect-ratio: 125 / 87;
    height: 100%;
  }
  .single-knowledge .container .popular .list .nav-card a:has(img),
  .single-post .container .popular .list .nav-card a:has(img) {
    min-width: calc(125 / 309 * 100%);
    max-width: calc(125 / 309 * 100%);
  }
  /*===========================
  End Knowledge Detail Page CSS
  =============================*/

  /*===========================
	Start Search Base CSS
  =============================*/
  .page-header {
    text-align: center;
  }
  .page-header .page-title{
    display: unset;
    font-size: 20px;
  }
  .page-header .page-title span {
    margin-left: unset;
    width: max-content;
    margin: auto;
    font-size: 18px;
  }
  .search-post {
    margin-bottom: unset;
    padding: 0 20px;
  }
  .search-results {
    padding: 25px 20px;
    justify-content: center;
  }
  .offshore-card.card {
    height: auto;
  }
  .offshore-card.card img {
    height: 215px;
  }
  .offshore-card.card h2 {
    font-size: 12px;
  }
  .offshore-card.card p {
    font-size: 10px;
  }
  .knowledge-tag .container .content .main {
    display: block;
  }
  .knowledge-tag .container .content .main .sub-core {
    max-width: unset;
  }
  .knowledge-tag .container .content .main .list {
    margin: unset;
  }
  /* Start Milestones CSS */
  .milestones .container img.bg_pc {
    display: none;
  }
  .milestones .container img.bg_mobile {
    display: block;
    height: 100%;

    position: absolute;
    left: 10%;
    transform: translateX(-10%);
  }
  #timelineCanvas {
    top: -53.5px;
    left: 10%;
    height: 810px;
    width: 540px;
    transform: translateX(-10%);
  }
  /* End Milestones CSS */

  /* Override Knowledge 07/24 */
  #knowledge #knowledge-slider .owl-item .card > a {
    aspect-ratio: 5/3
  }
  #knowledge .tags_mobile {
    display: block;
  }
  #knowledge .tags_web {
    display: none;
  }
  #knowledge .title_tag {
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
    color: #08244f;
    text-transform: capitalize;
    font-size: 20px;
  }
  #knowledge .list.rg-25 .item-mb .card {
    height: 129px;
  }
    /* Override Offshore 07/24 */
  #offshore .offshore-card.card {
    height: 135px;
    margin: 12px;
  }
  #offshore .offshore-card.card img {
    height: 100%;
  }
  #offshore .offshore-card .card-title {
    font-size: 14px;
    line-height: 16px;
  }
  #offshore .offshore-card .card-text {
    font-size: 10px;
    line-height: 16px;

  }
  #offshore #search-results-offshore {
    margin-bottom: 40px;
  }
  #offshore .text-muted {
    font-size: 10px;
  }
  #offshore .search-box {
    margin: 0 16px;
  }
  #offshore .container .tag {
    margin-top: 0;
  }
  #offshore .popular_post {
    padding: 0 12px;
  }
  #offshore .popular_post .nav-card {
    height: 106px;
  }
  #offshore .popular_post .nav-card img {
    height: 100%;
  }
  #offshore .container .slider .item {
    flex-direction: column;
    padding: 0px 16px;
  }
  #offshore .container .slider .item img{
    height: 240px;
  }
  #offshore .container .slider .item .content {
    padding: 0px 12px;
  }
  /* Override news and resource 07/24 */
  #tv-channels-slider div.owl-stage-outer .card-body {
    min-height: auto;
  }
  .basic-section .see-more-btn {
    margin-top: 12px !important;
  }
  /* Override home */
  .teams .container .list .name-card .content p:last-child {
    width: calc(100% - 2px);
  }
  .teams .container .list .name-card .content {
    text-align: left;
  }
  .more .container .content .information .content h2 {
    line-height: 1.8;
  }

}
@media only screen and (max-width:575px) {

  .service-detail .list_case_study .list_items {
    gap: 10px;
    row-gap: 15px;
    justify-content: center;
  }
}
/* Mobile Screen */
@media only screen and (max-width: 450px) {
  /* About Us - Milestones */
  .milestones #chartArrowMobile .content {
    left: 24%
  }

  /* Common Includes Contact */
  .contact {
    padding: 32px 0;
  }

  .contact .container {
    max-width: 335px;
  }

  .contact .container .title {
    font-size: 32px;
    text-transform: capitalize;
  }

  .contact .container .text {
    font-size: 12px;
  }

  .contact .container .button .btn {
    font-size: 11px;
  }

  /* Common Includes See More */
  .see-more {
    padding: 10px;
  }

  .see-more .container .title {
    font-size: 20px;
  }

  .see-more .container .button .btn {
    font-size: 14px;
  }

  /* Common Footer */
  .footer .container .copyright {
    font-size: 12px;
  }

  .footer .container .list .nav-container {
    width: 287px;
  }

  .footer .container .list .nav-container .nav-list a {
    font-size: 14px;
  }

  /* Common Includes Got An Idea */
  .got-idea .container .title {
    font-size: 32px;
  }

  .got-idea .container .text {
    font-size: 12px;
  }

  /* About-us */

  /* About-us banner */
  .page-banner .title {
    font-size: 24px;
  }

  .page-banner .description {
    font-size: 11px;
    max-width: 335px;
  }

  /* About-us principle */
  .principle .container .intro {
    font-size: 11px;
  }

  .principle .container .principle-list .principle-item .number {
    font-size: 20px;
  }

  .principle .container .principle-list .principle-item h3 {
    font-size: 20px;
  }

  .principle .container .principle-list .principle-item p {
    font-size: 11px;
  }

  .principle .container .principle-list .principle-item ul li {
    font-size: 11px;
  }

  /* About-us ceo message */
  .ceo-message .container .box .avatar {
    width: 245px;
    height: 291px;
  }

  .ceo-message .container .box .avatar img {
    height: 247px;
  }

  .ceo-message .container .box .message,
  .ceo-message .container .box .read-more-para {
    font-size: 11px;
  }

  .ceo-message .container .box .btn.btn-link {
    font-size: 11px;
  }

  /* About-us milestones */
  .milestones .container .title {
    font-size: 32px;
  }
  /*===========================
	Start Hero Area CSS
=============================*/
  .slider .single-slider {
    min-height: 392px;
    padding-top: 61px;
  }

  .slider .single-slider .box {
    margin: 0 15px;
    min-height: 100%;
  }

  .slider .single-slider .content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 392px;
  }

  .slider .single-slider h1 {
    font-size: 20px;
    line-height: 35px;
  }

  .slider .single-slider p.slider-title {
    font-size: 11px;
    line-height: 20px;
  }


  .slider .single-slider .button {
    margin-top: 15px;
  }

  .slider .single-slider .btn {
    border-radius: 16px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 11px;
    height: 28px;
  }

  /*===========================
	End Hero Area CSS
=============================*/

  /*===========================
	Start Introduce Area CSS
=============================*/
  .introduce {
    padding: 24px 20px;
  }

  .introduce h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    padding: 0;
  }

  .introduce .text {
    font-size: 10px;
    line-height: 20px;
  }

  .introduce .btn {
    margin-right: 0px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 10px;
    height: 34px;
    display: flex;
    align-items: center;
    width: max-content;
  }

  .introduce .btn img {
    margin-left: 16px;
    padding-top: 5px;
  }

  /* .introduce .container .button:nth-child(1) {
    width: 123px;
  }

  .introduce .container .button:nth-child(2) {
    width: 161px;
  } */

  .introduce .container .counter-container {
    gap: 16px;
  }

  .introduce .container .counter-container {
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0;
    height: 37px;
  }

  .introduce .container .counter-container .line-through {
    display: none;
  }

  .introduce .container .company-counter {
    margin-right: unset;
  }

  .introduce .container .company-counter .content {
    height: 36px;
  }

  .introduce .container .company-counter .content .counter {
    font-size: 14px;
    font-weight: 400;
  }

  .introduce .container .company-counter .content .counter-title {
    font-size: 10px;
    font-weight: 500;
  }

  .introduce .container .counter-container .company-counter .content .d-flex {
    margin: 0;
    gap: 4px;
    display: flex;
  }

  /*===========================
	End Introduce Area CSS
=============================*/

  /*===========================
	Start Services Area CSS
=============================*/
  .service {
    padding: 17px 20px;
  }

  .service .container .text {
    text-align: start;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
  }

  .service .container .content {
    width: 100%;
  }

  .service .container .content>.title {
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 1px;
    text-align: start;
  }

  .service .container .content>.description {
    font-size: 11px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: start;
  }

  .service .container .tab .tab-item {
    margin-right: unset !important;
  }

  .service .container div.tab .tab-item span {
    font-size: 8px;
    font-weight: 500;
  }

  .service .container .system-item.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .service .container .system .system-item .title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
  }

  .service .container .system .system-item .description {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
    margin-bottom: 15px;
  }

  .service .container .system .system-item .button .btn {
    border-radius: 16px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 11px;
  }

  /*===========================
	End Services Area CSS
=============================*/

  /*===========================
	Start Industries Area CSS
=============================*/
  .industries {
    padding: 47px 20px;
  }

  .industries .container .title {
    font-size: 20px;
  }

  .industries .container .text {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
  }

  .industries .container .button {
    text-align: center;
    display: none;
  }

  .industries .container .button-mobile {
    display: block;
  }

  .industries .container .button .btn {
    border-radius: 16px;
    padding: 5px 12px;
    font-size: 11px;
    border-width: 2px;
  }

 


  .industries .container .list .item img {
    height: 100%;
    max-width: unset;
  }

  .industries .container .list .item .industry-detail img {
    width: 20px;
    height: 20px;
  }

  .industries .container .list .item .industry-detail span {
    font-size: 12px;
  }

  /*===========================
	End Industries Area CSS
=============================*/

  /*===========================
	Start Why Choose Us Area CSS
=============================*/
  .choose-us {
    padding: 17px 20px;
  }

  .choose-us .container .section-title {
    text-align: start;
  }

  .choose-us .container .title {
    font-size: 20px;
  }

  .choose-us .container .text {
    font-size: 11px;
  }

  .choose-us .item {
    cursor: pointer;
    min-height: 41px;
  }

  .choose-us .item .partner-feature {
    position: relative;
  }

  .choose-us .item .partner-feature i {
    position: absolute;
    right: 0;
  }

  .choose-us .container .item .partner-feature img {
    width: 22px;
    height: 23px;
  }

  .choose-us .container .item .partner-feature span {
    font-size: 14px;
    line-height: 18.2px;
    margin-left: 10px;
  }

  .choose-us .container .item .description {
    font-size: 11px;
  }

  /*===========================
	End Why Choose Us Area CSS
=============================*/

  /*===========================
	Start Case study Area CSS
=============================*/
  .case-studies .container .section-title {
    text-align: center;
  }

  .case-studies .container .title {
    font-size: 20px;
    text-align: center;
  }

  .case-studies .container .text {
    font-size: 11px;
    text-align: center;
  }

  .case-studies .container .button {
    text-align: center;
  }

  .case-studies .container .button a {
    background-color: #fff;
    color: #223c67;
    border: #223c67 2px solid;
  }

  .case-studies .container .item .tag {
    font-size: 10px;
    font-weight: 500;
    color: #124797;
    text-transform: uppercase;
    text-align: center;
  }

  .case-studies .container .item .description {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    margin-bottom: 0;
  }

  .case-studies .container .button .btn {
    border-radius: 16px;
    padding: 5px 12px;
    font-size: 11px;
    border-width: 2px;
    margin-top: 20px;
  }

  /*===========================
	End Case study Area CSS
=============================*/

  /*===========================
	Start Awards Area CSS
=============================*/
  .awards {
    margin: 0;
    height: 300px;
    padding: 17px 0 15px;
  }

  .awards .container .title {
    font-size: 20px;
  }

  .awards .container .text {
    font-size: 11px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 20px;
  }

  .awards .container .award-1 {
    height: 81px;
  }

  .awards .container .award-2 {
    display: none;
  }

  .awards .container .button {
    text-align: center;
  }

  .awards .container .button .btn {
    border-radius: 16px;
    margin-top: 20px;
    padding: 5px 12px;
    text-align: center;
  }

  .award {
    padding: unset;
  }

  .award .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  
  .award .container .title span {
    font-size: 20px;
    color: #08244F;
    padding-bottom: 8px;
  }

  .awards .container .row {
    margin-right: 0;
  }

  /*===========================
	End Awards Area CSS
=============================*/

  /*===========================
	Start Why Choose Us Area CSS
=============================*/
  .clients {
    padding: 17px 20px;
  }

  .clients .container .title {
    font-size: 20px;
    letter-spacing: 2px;
    margin: 15px 0;
    line-height: 35px;
  }

  .clients .container .text {
    color: #383838;
    font-size: 11px;
  }

  .clients .partner-list {
    margin-bottom: 0;
  }

  .clients .container .feedback-card {
    padding: 20px 18px;
  }

  .clients .container .feedback-card .avatar {
    width: 113px;
    height: 113px;
  }

  .clients .container .feedback-card .name {
    font-size: 12px;
  }

  .clients .container .feedback-card .description {
    font-size: 10px;
    font-weight: 500;
    line-height: 12.1px;
  }

  .clients .container>.btn {
    top: calc(25% - 24px);
  }

  .clients .container .feedback-card .content>img:last-child {
    bottom: 30px;
    right: 10px;
    transform: rotate(180deg);
  }

  .clients .container .feedback-card .content {
    position: relative;
    padding: 24px 18px;
  }

  .clients .container .feedback-card .content>p {
    font-size: 11px;
    line-height: 30px;
  }

  /*===========================
	End Why Choose Us Area CSS
=============================*/

  /*===========================
	Start Location CSS
=============================*/
  .location {
    margin: 0;
    padding: 17px 20px;
  }

  .location .container .title {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 2px;
    font-weight: 500;
    margin: 10px 0;
  }

  .location .container .text {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 300;
  }

  .location .container .button-list {
    display: none;
  }

  .location .container .button-list {
    display: none;
  }

  .location .container .address-card {
    margin: 13px 0;
    position: relative;
  }

  .location .container .row>div:first-child {
    height: 119px;
    margin-bottom: 13px;
  }

  .location .container .address-card .content .name {
    text-align: center;
  }

  .location .container .row>div:first-child {
    height: 119px;
    margin-bottom: 13px;
  }

  .location .container .address-card .content .name {
    text-align: center;
  }

  .location .container .address-card .address-prev-slider {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
  }

  .location .container .address-card .address-next-slider {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    transform: rotate(180deg);
  }

  .location .container .address-card img {
    filter: brightness(0) invert(1);
  }

  /*===========================
	Start History page CSS
=============================*/
  

  .history .container .title,
  .overview .container .title {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 15px;
  }

  .history .container .text,
  .overview .container .text {
    margin-bottom: 12px;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: center;
    color: #383838;
  }

  .overview .container .board .board-container {
    display: unset;
  }

  .overview .container .board .board-container label {
    font-size: 14px;
    line-height: 25px;
  }

  .overview .container .board .board-container .value {
    font-size: 12px;
    padding: 10px 16px 10px 28px;
  }

  .history {
    padding: 22px 20px;
  }

  .history .history-container {
    margin-top: 50px;
    display: unset;
    margin-bottom: 20px;
  }

  .history .history-container .image {
    padding-right: 0;
  }

  .history .history-container .image p {
    font-size: 10px;
  }

  .history .history-container .content {
    padding: 35px 0 0 20px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 58px;
  }

  .history .history-container .content i {
    font-size: 6px;
    transform: rotate(45deg);
  }

  .history .history-container .content .title {
    position: absolute;
    top: -10px;
    left: 0px;
    font-size: 20px;
    line-height: 16px;
    letter-spacing: 1px;
  }

  .history .history-container .content-item {
    display: grid;
    grid-template-columns: 36px auto;
  }

  .history .history-container .content-item span {
    font-size: 16px;
  }

  .history .history-container .content-item ul {
    margin-bottom: 29px;
  }

  .history .history-container .content-item li {
    font-size: 12px;
  }

  .history .years-list {
    height: 46px;
    background-color: #0d305f;
    box-sizing: border-box;
    margin: 0 -20px;
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
  }


  .history .years-list .year-button {
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
  }

  .history .years-list .year-button:focus,
  .history .years-list .year-button:active {
    outline: none;
    box-shadow: none;
  }

  .history .years-list .active {
    outline: none;
    box-shadow: none;
  }

  .history .years-list .active {
    text-decoration: underline;
    border: none;
    font-weight: 600;
  }

  /* Address */
  .address {
    padding: 0;
  }

  .address .address-container {
    display: none;
  }

  .address .address-container-mobile {
    padding: 14px 20px;
    display: block;
  }

  .address .address-container-mobile .content-address {
    position: relative;
  }

  .address .address-container-mobile .content i {
    position: absolute;
    font-size: 6px;
    transform: rotate(45deg);
    top: -4px;
    left: -4.5px;
  }

  .address .address-container-mobile .content .content-address {
    border-left: 1px solid #000000;
    padding-left: 14px;
    padding-top: 16px;
  }

  .address .address-container-mobile .content .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1px;
    color: #124797;
    margin-bottom: 10px;
  }

  .address .address-container-mobile .content span {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 2px;
    padding-left: 14px;
    color: #08244f;
    display: block;
    position: relative;
    top: 6px;
  }

  .address .address-container-mobile .content ul {
    padding-left: 20px;
  }

  .address .address-container-mobile .content li {
    list-style: disc;
    font-size: 12px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 2px;
  }

  .address .country-buttons {
    height: 46px;
    background-color: #0d305f;
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
  }

  .address .country-buttons .country-button {
    background-color: transparent;
    border: none;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
  }

  .address .country-buttons .country-button:focus,
  .address .country-buttons .country-button:active {
    outline: none;
    box-shadow: none;
  }

  .country-buttons .active {
    text-decoration: underline;
    border: none;
    font-weight: 600;
  }

  /* our-team */
  .our-team {
    padding: 43px 0;
  }

  .our-team .team .member ul {
    margin-left: unset;
  }

  .our-team .team .member {
    text-align: center;
    padding: 16px 12.5px;
    height: auto;
  }

  .our-team .team .member img {
    width: 278px;
    height: 278px;
  }


  /*===========================
  Start Services CSS
  =============================*/
  .services {
    padding: 45px 0 36px;
  }

  .services .container {
    padding: 0 20px;
  }

  .services .container .column {
    margin-bottom: 25px;
  }

  .services .container .service-card {
    padding: 10px 0 22px;
  }

  .services .container .service-card .image {
    margin: 0 8px;
    width: calc(100% - 8px);
  }

  .services .container .service-card .content {
    padding: 0 16px;
  }


  .services .container .service-card h3 {
    font-size: 20px;
    line-height: 45px;
    letter-spacing: 0.4px;
    margin-bottom: 15px;
  }

  .services .container .service-card p {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.11px;
    color: #383838;
    text-align: center;
  }

  .services .container .service-card a {
    padding: 5px 8px;
    font-size: 11px;
    line-height: 18px;
    font-weight: 500;
  }


  /*===========================
  Start Services Detail CSS
  =============================*/
  .service-detail .reason_build .list .fa-check-circle {
    margin-top: 5px;
  }

  /*===========================
  End Services Detail CSS
  =============================*/
  .basic-section .owl-nav .owl-prev,
  .basic-section .owl-nav .owl-next {
    display: none !important;
  }
  .basic-section .container .subtitle{
    margin-top: 20px;
  }
  .basic-section .see-more-btn {
    padding: 5px 12px;
  }

  /*===========================
  Start Case Study Detail CSS
  =============================*/
  .case-study .container .wrapper {
    margin: 19px 0 24px;
    padding: 57px 20px 0;
  }
  .case-study .container .sub-content .search {
    margin: unset;
    max-width: unset;
  }
  .case-study .container .content .box {
    width: unset;
    max-width: unset;
  }
  .case-study .container .content .box .box-img {
    max-height: 147px;
  }
  .case-study .container .sub-content .category {
    max-width: unset;
  }
  .case-study .container .sub-content .tag {
    max-width: unset;
  }
  /*===========================
  End Case Study Detail CSS
  =============================*/

  /*===========================
  Start Press Release CSS
  =============================*/
  .press-release .container .mb .card .card-img-overlay {
    padding: 0 16px 5px 10px;
  }
  .press-release .container .mb .card .card-title {
    font-size: 12px;
  }
  .press-release .container .mb .card .card-text {
    font-size: 10px;
  }
  .basic-section .container .title span {
    font-size: 20px;
  }
  .latest-list .latest-item .card a {
    flex: 0 0 139px;
  }
  .latest-list .latest-item .card .card-text {
    font-size: 10px;
  }
  .press-release .end a {
    font-size: 11px;
  }
  /*===========================
  End Press Release CSS
  =============================*/

  /*===========================
  Start News Page CSS
  =============================*/
  .news .container .item-mb .search-box .search-box-input {
    font-size: 12px;
  }
  .news .container .item-mb .search-box .search-box-input::placeholder {
    font-size: 12px;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-title {
    font-size: 12px;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-text {
    font-size: 10px;
  }
  .news .container .wrapper-slider .list-mb .slider-card .card-text .text-muted {
    font-size: 8px;
  }
  .news .container .item-mb .news-card .card-title {
    font-size: 12px;
  }
  .news .container .item-mb .news-card .card-text {
    font-size: 10px;
  }
  .news .container .item-mb .news-card .card-text .text-muted {
    font-size: 8px;
  }
  .news .container .item-mb .title span {
    font-size: 20px;
  }
  .news .container .item-mb .nav-card .card-body .card-title {
    font-size: 10px;
  }
  .news .container .item-mb .nav-card .card-body .card-text .text-muted {
    font-size: 8px;
  }
  /*===========================
  End News Page CSS
  =============================*/

   /*===========================
  Start Carrees Page CSS
  =============================*/
  .career-search-toolbar {
    padding: 0 8px;
  }
  .career-search-toolbar .container .btn {
    padding: 0 12px;
    font-size: 11px;
    height: 74px;
    height: 28px;
    font-weight: 500;
    border-radius: 16px;
  }
  .hiring .container .title {
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 35px;
    margin-bottom: 15px;
  }
  .hiring .container .tab .tab-item {
    font-size: 8px;
    text-transform: uppercase;
  }
  .hiring {
    padding: 17px 20px;
  }
  .hiring .container .tab{
    margin-bottom: 20px;
  }
  .hiring .container .cus-card .card-body {
    background-color: #fff;
  }
  .life-at-bap {
    padding: 17px 20px;
  }
  .life-at-bap .container .title {
    font-size: 20px;
  }
  .life-at-bap .container .text {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
  }
  .life-at-bap .container .life-img.left:nth-child(1),
  .life-at-bap .container .life-img.right:nth-child(2){
    height: 129px;
    margin-bottom: 8px;
  }
  .life-at-bap .container .life-img.left:nth-child(2),
  .life-at-bap .container .life-img.right:nth-child(1){
    height: 215px;
    margin-bottom: 8px;
  }
  .life-at-bap .container .col.col-6{
    padding: 4px;
  }
  .life-at-bap .container .row{
    margin: 0;
  }

  /*===========================
  Start Knowledge Page CSS
  =============================*/
  .knowledge .tags-wrap .tags a {
    font-size: 12px;
  }
  .knowledge .category .dropdown-toggle {
    font-size: 15px;
  }
  .knowledge .category .dropdown-toggle i {
    font-size: 10px;
  }
  .knowledge .category .dropdown-menu.show .dropdown-item {
    font-size: 14px;
  }
  .knowledge .basic-container .card-body .card-title {
    font-size: 12px;
  }
  .knowledge .basic-container .card-body .card-text {
    font-size: 10px;
  }
  .knowledge .custom-container .knowledge-slider .card .card-body {
    height: auto;
  }
  .knowledge .custom-container .knowledge-slider .card .card-body .card-title {
    font-size: 12px;
  }
  .knowledge .custom-container .knowledge-slider .card .card-body .card-text {
    font-size: 10px;
  }
  .knowledge .custom-container .wrapper-slider .list-btn .btn-ic i {
    font-size: 18px;
  }
  .knowledge .basic-container .see-more-btn {
    font-size: 11px;
  }
  /*===========================
  End Knowledge Page CSS
  =============================*/
  .industries-banner{
    height: 329px;
  }
  .industries-banner .box .content {
    display: unset;
    margin-top: 58px;
    flex: unset;
    padding-left: 20px;
  }
  .industries-banner .box .content h1{
    font-size: 20px;
    line-height: 35px;
  }
  .industries-detail .title {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 2px;
    margin-bottom: 15px;
  }
  .industries-detail .text {
    font-size: 11px;
    color: #383838;
    max-width: unset;
  }
  .industries-banner .box .content .btn{
    margin-top: 18px;
    width: 110px;
    height: 28px;
    font-size: 11px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .industries-banner .box .content .slider-title {
    font-size: 11px;
    line-height: 20px;
    margin: unset;
  }
  .industries-banner .box .statistic {
    height: 93px;
    width: 329px;
    grid: unset;
    margin-top: 15px;
  }
  .industries-banner .box .feature{
    padding: 16px 0 15px 20px;
  }
  .industries-banner .box .feature .feature-container{
    max-width: unset;
  }
  .industries-banner .box .feature .item{
    font-size: 18px;
    line-height: 20px;
  }
  .industries-banner .box .feature .item .name{
    font-size: 10px;
    line-height: 20px;
  }
  .industries-detail .services{
    background: unset;
    margin-top: 36px;
    padding: unset;
  }

  .industries-detail .services .image-box {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
  }
  .industries-detail .industries-services, .industries-detail .industries-product, .industries-detail .industries-why-choose-us {
    padding: 17px 0;
  }
  .industries-detail .industries-why-choose-us .item .partner-feature {
    font-size: 14px;
  }
  .industries-detail .industries-why-choose-us .item .description {
    font-size: 11px;
    line-height: 20px;
  }
  .industries-detail .industries-product .product-image{
    align-items: end;
  }
  .industries-detail .industries-product .product-image-content{
    justify-content: start;
  }
  .industries-detail .industries-product .product-info ul{
    display: flex;
    justify-content:space-between;
  }
  .industries-detail .industries-product .product-info li span{
    display: block;
  }
  .industries-detail .industries-product .product-info li {
    padding-left: 16px;
  }

  /*===========================
  Start TV Channels Page CSS
  =============================*/
  .tv-channels .container .list .list-btn {
    bottom: 44px;
  }
  .tv-channels .container .list .list-mb .item-mb .card-body {
    padding: 8px 0 11px;
  }
  .tv-channels .container .list .list-mb .item-mb .card-body .card-title {
    font-size: 14px;
  }
  /*===========================
  End TV Channels Page CSS
  =============================*/

  /*===========================
  Start Knowledge and New, Press Related Detail Page CSS
  =============================*/
  .single-knowledge .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-header,
  .single-post .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-header {
    font-size: 16px;
  }
  .single-knowledge .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor::before,
  .single-knowledge .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor .ftwp-text,
  .single-post .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor::before,
  .single-post .container .list .item .content #ftwp-container.ftwp-wrap #ftwp-list .ftwp-item .ftwp-anchor .ftwp-text {
    font-size: 11px;
  }
  .single-knowledge .container .list .item .content h2,
  .single-knowledge .container .list .item .content #ftwp-postcontent h3,
  .single-post .container .list .item .content h2,
  .single-post .container .list .item .content #ftwp-postcontent h3 {
    font-size: 16px;
  }
  .single-knowledge .container .list .item .content p,
  .single-knowledge .container .list .item .content #ftwp-postcontent ul li,
  .single-post .container .list .item .content p,
  .single-post .container .list .item .content #ftwp-postcontent ul li {
    font-size: 11px;
  }
  .single-knowledge .container .list .item .info .btn,
  .single-post .container .list .item .info .btn {
    font-size: 11px;
  }
  .single-knowledge .container .tag .title,
  .single-post .container .tag .title {
    font-size: 20px;
  }
  .single-knowledge .container .tag .content .item,
  .single-post .container .tag .content .item {
    font-size: 12px;
  }
  .single-knowledge .container .popular .title h3,
  .single-post .container .popular .title h3 {
    font-size: 20px;
  }
  .single-knowledge .container .popular .list .nav-card .card-title,
  .single-post .container .popular .list .nav-card .card-title {
    font-size: 10px;
  }
  .single-knowledge .container .popular .list .nav-card .text-muted,
  .single-post .container .popular .list .nav-card .text-muted {
    font-size: 8px;
  }
  .single-knowledge .container .related-article .title,
  .single-post .container .related-article .title {
    font-size: 20px;
  }
  /*===========================
  End Knowledge and New, Press Related Detail Page CSS
  =============================*/
  .search-post-banner .wrapper h3 {
    font-size: 24px;
  }

  .knowledge-tag .container .content .main .list {
    justify-content: center;
  }
  .knowledge-tag .container .content .main .list .base {
    width: 335px;
  }
  .knowledge-tag .container .content .main .sub-core {
    padding: 0 20px;
  }
  .knowledge-tag .container .content .main .tag {
    background-color: #F5F5F5;
    padding: 19px 17px;
  }
  .knowledge-tag .container .content .main .tag .content .item{
    background-color: transparent;
    border: 1.5px solid #C1C1C1;
    font-size: 12px;
  }
  .knowledge-tag .container .content .main .tag .content .item.active {
    background-color: transparent;
    border: 1.5px solid #195CBF;
    font-size: 12px;
    color: #195CBF;
  }
  .knowledge-tag .container .name {
    font-size: 20px;
  }
  .knowledge-tag .container .content .main .list .base .wrap .sub h3 {
    font-size: 12px;
    text-align: start;
  }
  .knowledge-tag .container .content .main .list .base .wrap .sub p{
    font-size: 10px;
    text-align: start;
  }

  .more .container .content .end .box .box-title {
    font-size: 10px;
  }
  .more .container .content .end .box-text {
    font-size: 12px;
  }
  .more .container .content .end .box .box-btn {
    font-size: 12px;
  }
  .more .container .content .end .box .box-img {
    height: auto;
    width: auto;
  }
  .tv-channels .container .primary-card .card-title {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1920px) {
  /* .container {
    max-width: 1400px;
  } */
}