body {
    font-family: "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", sans-serif;
}
p {
    font-family: "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC",  sans-serif;

}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:  "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", sans-serif;
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 0;
}
#topnav .navigation-menu > li > a {
    font-family:  "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", sans-serif;
    font-weight: 400;
}

#topnav .navigation-menu > li .submenu li a {
    font-weight: 300;
}

.home-slider-70 .carousel-item,
.home-slider-70 .carousel {
  height: 75vh;
  width: 100%;
}

.title-p {
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0
}

.card {
  background: none;
}

.github-star {
  float: right;
  padding-top: 27px;
}

@media (max-width: 991px){
  .github-star {
    float: left;
    padding: 10px 20px;
    
  }
}

@media (max-width: 768px){
    .menu-mt-pnone {
        margin-top: 0 !important
    }
    .notice-phone {
        display: none !important;
    }
  .title-heading .heading {
     font-size: 25px !important;
  }
  .mega-nav-sandbox .mega-nav-body {
      background-color: white;
      box-shadow: 0 2px 16px rgba(79,99,122,0.2);
      color: black;
      margin: 1em;
      padding: 1em !important;

    }
}

.subscription-table {
  width: 100%;
  margin-bottom: 20px;
}
.subscription-table th {
  border: 1px solid #a8a8a8;
  padding: 10px 0 5px 0;
  background-color: #00355D;
  text-align: center;
  color: white;
}
.subscription-table td {
  border: 1px solid #a8a8a8;
  padding: 14px 0 14px 10px;
 background-color: white;
}
.table-title-1{
font-size: 18px;
font-weight: 700;
text-align: center;
}
.table-title-2{
font-size: 16px;
font-weight: 500;
}
.td-bg-color{
background-color: #F7F7F7 !important;
color: #787878;
}
.carousel-control-prev,
.carousel-control-next {
  font-size: 60px;
}
/* CSS for FIT2CLOUD Nav */
#f2cnav .logo{
  line-height: 0rem;
}

@media (max-width: 991px){
  #navigation {
    top: 120px !important;
  }
}

.carousel-control-next, .carousel-control-prev{
  bottom: -105px !important;
}

.mega-nav-sandbox .mega-nav-grid-item {
	align-items: center;
	border: 1px solid #d4dcdd;
	display: flex;
	margin-bottom: -1px;
	min-height: 3.57143em;
	padding: 0.28571em 0.71429em;
	position: relative;
    width: 200px;
    height: 200px;
}

.mega-nav-sandbox .mega-nav-h3::before {
		background-color: #d4dcdd;
		content: ' ';
		height: 0px !important;
		left: 0;
		position: absolute;
		right: 0.67857em;
		top: 0
}

.mega-nav-sandbox .mega-nav-body-grid::before {
    background-color: #d4dcdd;
    content: ' ';
     height: 0px !important;
    left: -2em;
    margin-top: -0.78571em;
    position: absolute;
    right: -2em;
    top: 100%;
}

.mega-nav-sandbox .mega-nav-body {
	background-color: white;
	box-shadow: 0 2px 16px rgba(79,99,122,0.2);
	color: black;
	margin-top: 1em;
	padding: 1em;
	padding-left: 80px;
	padding-right: 80px
}

.explore-feature .icon-size {
    height: 30px;
    width: 30px;
    line-height: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.explore-feature .product-text-color{
  color: #6c757d
}

.explore-feature:hover .bg-js {
  background-color: #2b937c;
  color: white !important;
}

.explore-feature:hover .bg-ms {
  background-color: #622870;
  color: white !important;
}

.explore-feature:hover .bg-ko {
  background-color: #fc6554;
  color: white !important;
}

.explore-feature:hover .bg-f2c {
  background-color: #0A7BE0;
  color: white !important;
}

.avatar-icon-small {
    width: 16px;
}

.bg-half {
    padding: 225px 0;
}

.card .header-card-body {
    padding: 1rem !important;
}

.footer-text-color {
    text-decoration: underline !important;
    color: #00355D !important;
}

.btn-primary,
.btn-soft-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    box-shadow: none !important;
}

.btn-soft-primary {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.bg-banner {
    padding: 0 !important;
}

.my-bg-overlay {
    background-color: rgba(60, 72, 88, 0.1) !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.my-bg-half{
    padding: 110px 0 90px;
}

.btn-outline-release {
  padding: 6px 12px;
  border: 1px solid white;
  color: white;
  background-color: transparent;
  line-height: 2.5
}

#topnav > .notice-phone a:hover {
    color: #cbd3da !important;
}

.alert-release {
  padding: 8px 16px;
  border-radius: 0px;
  font-size: 14px;
  margin-bottom:0px;  
  background-color: #00355D;
  color: #ffffff;
  border-color: #00355D;
}

.menu-btn {
    padding: 8px 10px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.live-font-size {
    font-size: 15px !important;
}

/*------------*/
.footer-start-box{
    position: fixed;
    bottom: 75px !important;
    right: 30px !important;
    width: 230px !important;
    height: 45px !important;
    padding: 13px;
    border-radius: 20px;
    box-shadow: 0 8px 16px 0 rgba(46,37,111,.32);
    background-image: linear-gradient(109deg,#00355D,#7565ee);
    color: #fff;
    cursor: pointer;
    text-align: center;
}
.footer-start-title{
    font-weight: 600;
}

.footer-start-text{
    color: white
}