/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --color-01: #005bb4;
    --color-notfi: #0092ff;
}

.search-form.html .searchform input {
    background-color: rgb(255 255 255 / 3%) !important;
    border-color: var(--color-01) !important;
    border-radius: 99px !important;
    box-shadow: none;
    color: currentColor !important;
}

.searchform-wrapper .flex-col:last-of-type {
    margin-left: -2.5em;
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background-color: var(--color-01);
    border-radius: 100px !important;
}

.header-search-form {
    margin-left: 20px !important;
}

a.button.primary.lowercase.notifications {
    font-size: 16px;
    font-weight: 400;
    background-color: var(--color-notfi);
}

#row-1813107595>.col>.col-inner {
    padding: 0px 0px 20px 10px;
}

p {
    margin-bottom: 0;
}

.thong-bao1 {
    border: 1px var(--color-01) solid;
    border-radius: 18px;
    padding-top: 30px;
}

.icon-box.featured-box.chatonline.icon-box-left.text-left {
    background-color: var(--color-01);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 15px;
    color: #fff;
    margin-top: -30px;
    border-radius: 14px 14px 0 0;
    align-items: center;
}

.thong-bao1 .col,
.columns,
.gallery-item {
    padding: 0px;
}

.boxchatonline {
    padding: 11px;
}

.bnt-tele {
    margin: 0 auto;
    display: table;
    background-color: #54a9eb;
    font-weight: 400;
}

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

a.button.primary.is-outline.lowercase.bnt-seemore {
    width: 90%;
    font-weight: 200;
    border-radius: 10px !important;
    border: 1px #e5e5e5 solid;
}

.icon-box-left,
.icon-box-right {
    align-items: center;
}

.pl-15 {
    padding-left: 15px;
}

.extensions_left .text {
    padding-top: 2px;
}

.extensions_left .col-inner {
    border-radius: 10px;
}

.px-10 .col.post-item {
    margin-left: 10px;
    margin-right: 10px;
}

.px-10 .col-inner {
    border-radius: 10px;
    overflow: hidden;
}

.shake-text {
    animation: shakeEffect 0.5s infinite;
}

.icon-box.featured-box.icon-social {
    background-color: #dcefff;
    border-radius: 9px;
}

.no-shadown .col-inner {
    box-shadow: unset;
}

.icon-box.featured-box.icon-thuong:hover {
    background-color: #dcefff;
    border-radius: 9px;
}

ul.nav.nav-normal.nav-size-normal.nav-center span {
    background-color: #eef7ff;
    padding-left: 67px;
    padding-right: 67px;
    border-radius: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}

ul.nav.nav-normal.nav-size-normal.nav-center li.active span {
    background-color: #004d94;
    color: #fff;
}

.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before {
    display: none;
}

a.button.primary.lowercase.description {
    font-size: .875rem;
    font-weight: 400;
    border-radius: 7px !important;
    margin-right: 2px !important;
    background-color: #fbbf24;
    width: 80%;
}

a.button.primary.lowercase.buy-it-now {
    font-size: .875rem;
    font-weight: 400;
    width: 80%;
    border-radius: 7px !important;
    background-color: #dc2626;
}

.bnt-aff {
    background-color: #3b82f6;
    font-size: 15px;
    font-weight: 300;
}

.padding-border {
    border-radius: 10px;
    overflow: hidden;
}

.color-white a,
.color-white span {
    color: #fff;
}

.absolute-footer {
    display: none;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    background-color: #fff;
    border: 1px #005bb4 solid;
    box-shadow: none;
    box-sizing: border-box;
    color: #333;
    font-size: .97em;
    height: 2.507em;
    max-width: 100%;
    padding: 0 .75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;
    width: 100%;
    border-radius: 10px;
}

.wpcf7-submit {
    width: 100%;
    font-weight: 400 !important;
    border-radius: 10px !important;
    text-transform: capitalize !important;
}

.col.post-item .col-inner {
    border-radius: 10px;
    overflow: hidden;
}

.lightbox-content {
    background-color: transparent;
    box-shadow: unset;
}

.block-contact .col-inner {
    border-radius: 10px;
}

.icon-box.featured-box.icon-profile.icon-box-left.text-left {
    background-color: #eef7ff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.p-10 .img-inner{
	padding:30px
}

.tab-custom-content .tab a{
	font-size: 16px;
    font-weight: 700;
    left: 40px;
	padding: 15px 25px;
	border-radius:10px;
	text-transform:capitalize
}

.tab-custom-content .tab.active a{
	background-color: #004d94;
    color: #fff;
}

.content-testimonials .col-inner{
	padding:30px!important
}

.content-testimonials .col-inner .icon-box img{
	border-radius:50px
}

.content-testimonials .col-inner .text{
	padding-top:30px
}

.content-testimonials .col-inner .img-inner{
	margin-top:30px
}

.accordion .toggle {
    position: absolute;
    right: 10px;
    left: auto;
    width: 35px;
    height: 35px;
    background-color: #f3f6ff;
    border-radius: 50px;
}

.accordion-item{
	border-radius: 13px !important;
	box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15, 25, 0.03) !important;
	margin-bottom: 15px !important;
}

.accordion-title{
	border-top:0;padding:25px
}

a.plain{
	color:#000
}

.discover-csustom svg{
	    transition: color 0.2s ease-in-out;
    border: 0;
    border-radius: 50%;
    background-color: #fff;
    color: #33354d !important;
    font-size: 15px !important;
    box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15, 25, 0.03);
    width: 45px;
    height: 45px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
	    padding: 15px;
}

a.discover-more {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bg-image-full {
    position: relative;
}

.bg-image-full .section-bg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: radial-gradient(116.18% 118% at 50% 100%, rgba(99, 102, 241, 0.1) 0%, rgba(218, 70, 239, 0.05) 41.83%, rgba(241, 244, 253, 0.07) 82.52%);
}

.confirm-tele a {
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.confirm-tele svg {
    fill: #004D94;
    transition: fill 0.3s;
	width:20px;
	height:20px
}

.fs-1 svg{
	position:relative;
	top:2px
}

.fs-1 *{
	font-size:16px
}

.ppx-t{
	padding-top:20px;padding-bottom:20px
}

.confirm-right svg {
    fill: #004D94;
    transition: fill 0.3s;
    width: 48px;
    height: 48px;
}

.confirm-tele:hover .col-inner,
.confirm-right:hover .col-inner{
	background: #004D94;
	border-radius: 10px
}

.confirm-tele:hover svg,
.confirm-right:hover svg{
	fill: #fff
}

.confirm-tele:hover *,
.confirm-right:hover *{
	color:#fff!important
}

.confirm-tele:hover .fs-1 svg path {
    color: #fff !important;
    fill: #fff !important;
}

.confirm-tele:hover .fs-1 svg path:nth-child(2) {
    color: #fff !important;
    fill: #004d94 !important;
}

.confirm-menu {
    flex-direction: unset;
    justify-content: center;
    gap: 30px;
    color: #000;
}

.page-id-406 #footer{
	display:none
}

.page-id-406 #content{
	padding-bottom:0;
}

.padding-bootom-0{
	padding-bottom:0
}

.video-fit{
	padding-top:0!important
}

.video-fit iframe{
	position:unset;
	height: 400px;
}

.rwd-table {
  margin: auto;
  min-width: 300px;
  max-width: 100%;
  border-collapse: collapse;
}

.rwd-table thead tr:first-child {
  border-top: none;
  background: #428bca;
  color: #fff;
}

.rwd-table tbody tr:first-child {
  background-color: #ebf3f9;
}

.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f9fc;
}

.rwd-table tr:nth-child(odd):not(:first-child) {
  background-color: #ebf3f9;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 120px;
  display: inline-block;
  color: #000;
}

.rwd-table th,
.rwd-table td {
  text-align: center;
  font-weight:700;
  line-height:1.3
}

.rwd-table {
  color: #333;
  border-radius: .4em;
  overflow: hidden;
}

.rwd-table tr {
  border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em;
}

.mfp-wrap {
    top: -15px;
}

.lightbox-content{
    max-width: max-content;
}

#bm-lightbox {
    background: #fff;
    border-radius: 10px;
}

#bm-lightbox h3 {
    font-size: 16px;
    padding: 1.3em !important;
    display: flex;
    gap: 5px;
    margin-bottom: 0;
    justify-content: center;
}

.respomnv-table {
    overflow-x: auto;
}

@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}

@media screen and (min-width: 100px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #d8e7f3;
  }

  .rwd-table td:before {
    display: none;
  }

  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }

  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }

  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }

  .rwd-table th{
    padding: 1em 1.3em!important;
    white-space: nowrap;
  }
  
  .rwd-table td {
    padding: 1.3em !important;
  } 
}

@keyframes shakeEffect {
    0% {
        transform: translateX(0);
    }

    10% {
        transform: translateX(-5px);
    }

    30% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(-5px);
    }

    70% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

@media(max-widtH:768px) {
    .row .section {
        padding-left: 15px;
        padding-right: 15px;
    }

    ul.nav.nav-normal.nav-size-normal.nav-center span{
        padding-left: 15px;
        padding-right: 15px;
    }

    .text h2{
        padding-left:5px;
        padding-right: 5px;
    }

    .pl-15{
        padding-left: 10px;
    }

    .icon-box-left .icon-box-img+.icon-box-text{
        padding-left: 5px;
    }

    .icon-box-text p{
        font-size: 14px;
    }

    a.button.primary.lowercase.description,
    a.button.primary.lowercase.buy-it-now{
        width: 85%;
    }

    .lightbox-content {
        padding: 0!important;
    }

    .col {
        padding-bottom: 10px!important;
    }
    
    .rwd-table th,.rwd-table td{
        white-space:nowrap
    }
}

@media(max-width:549px){
    .icon__1{
        max-width:35px;
        max-height:35px;
    }
    
}