html {
  font-family: 'Garamond';
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Garamond", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
img{

	border-radius: 8px;
}

.btn-primary {
    color: #000;
    background-color: #f27505;
    border-color: #f27505;
}
.btn-primary:hover {
    color: #000;
    background-color: rgba(242,117,5, 0.9);
    border-color: rgba(242,117,5, 0.9);
}
.badge-info {
    color: #fff;
    background-color: #e92d0c;
}
.btn-success {
    color: #000000;
    background-color: #F46C52;
    border-color: #F46C52;
}
.btn-success:hover {
    color: #000;
    background-color: rgba(244,108,82, 0.9);
    border-color: rgba(244,108,82, 0.9);
}
header.sinoheader .topbar {
    margin: 0;
    padding: 2px 0;
    background-color: #252525;
    color: rgba(255,255,255,.65);
    padding-bottom: 0px;
}
footer.footer {
    margin: 0;
    padding: 50px 0 80px;
    background-color: #252525;
    color: #eee;
    font-size: .9rem;
}
.secondary-cart-sidebar {
    float: right;
    width: auto !important;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  
}
.fa-bars::before {
    content: "\f0c9";
    color: #000;
    font-size: 20px;
}

/* footer*/
.footer {
    width: 100%;
    /* margin: 10px auto; */
}
.footer-menu {
    background-color: #111317;
    padding: 20px 10%;
}
.footer-menu .footer-menu-column {
    color: #fff;
    list-style: none;
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}
.footer-menu .footer-menu-column ul {
    list-style: none;
    padding-left: 0;
}
.footer-menu .footer-menu-column h2 {
 font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.footer-menu .footer-menu-column a {
    /*font-family: 'oswaldbook';*/
    display: block;
    color: #898d9a;
    margin-bottom: 10px;
    font-size: 14px;
}
@media ( max-width: 768px) {
    .footer {
        padding-bottom: 0px;
    }
    .footer-menu .footer-menu-column a {
        font-size: 14px;
    }
}
@media ( max-width: 425px) {
    .footer-menu .footer-menu-column {
        width: 49%;
    }
}
@media ( max-width: 375px) {
    .footer-menu .footer-menu-column {
        width: 49%;
    }
}
@media ( max-width: 300px) {
    .footer-menu .footer-menu-column {
        width: 100%;
    }
}
.footer-top {
    background-color: #000;
    padding: 10px 30px;
}
.footer-top .footer-t-left {
    float: left;
    font-size:10px;
}
.footer-top .footer-t-left ul {
    margin:0;
    padding:0;
}
.footer-top h4 {
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    float: left;
    clear: right;
    margin: 0px 0px 10px 5px;
    /* border-right: 1px solid #ffffff; */
    /* padding-right: 10px; */
}
.footer-top li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
    font-size: 30px;
}
.footer-top > a {
    display: inline-block;
    float: right;
    height: 100%;
    max-width: 140px;
    overflow: hidden;
}
.footer-top > a img {
    /* height: 100%; */
    width: 100%;
}
@media ( max-width: 576px ) {
    .footer-top {
        padding: 20px;
    }
    .footer-top h4 {
        margin-right: 0;
    }
    .footer-top .footer-t-left {
        float: none;
        text-align: center;
        margin-bottom: 15px;
        width: 100%;
    }
    .footer-top > a {
        display: inline-block;
        float: none;
        max-width: none;
        width: 100%;
        text-align: center;
    }
    .footer-top > a img {
        margin: auto;
        text-align: center;
        width: auto;
    }
}
.footer-bottom {
    /* margin: 10px auto; */
    display: inline-block;
    width: 100%;
    padding: 0 30px;
    background-color: #000;
}
.footer-bottom p {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}
.footer-bottom .apa-web {
    float: left;
    margin: 0;
}
.footer-bottom .policies {
    /*float: right;*/
    /*margin: 0;*/
 	/*left: 8%;*/
	position: relative;
}
.footer-bottom .policies a.Piracy {
    padding-right: 20px;
    border-right: 1px solid #eb6e00;
    margin-right: 10px;
  
    
}
.footer-bottom .policies a {
    text-decoration: none;
     color: #bac0c3;
   
}

.footer-btn {
  
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
 background-color: #f27505;
border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.footer-btn:hover {
     background-color: transparent;
     border: 1px solid #f27505;
     color: #fff;
}

/*
Get web hosting button in knowledgebase article
*/
.hostingbutton {
  border: none;
  color: white;
  padding: 18px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:bold;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
 
}

.hostingbutton1 {
  background-color: white; 
  color: black; 
  border: 2px solid #000;
}

.hostingbutton1:hover {
  background-color: #000;
  color: white;
}

.hostingbutton2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.hostingbutton2:hover {
  background-color: #008CBA;
  color: white;
}


@media ( max-width: 1200px) {

#order-standard_cart .secondary-cart-sidebar {

  width: 100% !important;

}

.d-block {
  border-bottom: 1px solid rgba(32, 31, 31, 0.1) !important;
  margin-bottom: 5px  !important;
}

}


 .card-transfer {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}

header.sinoheader .sinonavbar-nav a {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  color: #252525
}

#order-pure_comparison .price-table-container .order-button, #order-pure_comparison .price-table-container .order-button:hover {

background: linear-gradient(to bottom, #f27505 0%, #f27505 100%) !important;
}

#order-pure_comparison .price-table-container .price-table .top-head {
    border-radius: 10px 10px 0 0 !important;
    border: 1px #999 solid !important;
}

#order-pure_comparison .price-table-container .price-table {
      border-radius: 10px 10px 0 0 !important;
}

.primary-content .card{
    
     border-radius: 10px !important;
     border:0.5px #eaf2f9 solid;
}
   
   
   #sp-top-bar {
    background: #252525;
    color: #aaaaaa;
    padding-top:3px;
     padding-bottom:3px;
}
#sp-top-bar a {
    color: #aaaaaa;
} 



.sp-contact-info {
    list-style: none;
   margin: 0 -2% auto !important;
}
.sp-contact-info li {
    display: inline-block;
    margin: 0px 10px 0px 0px;
    font-size: 90%;
    white-space: nowrap;
}
.sp-contact-info li i {
    margin: 0 3px;
}

ul.sp-contact-info > li:not(:last-child) {
    margin-right: 20px;
}

ul.social-icons {
    list-style: none;
    padding-right: 0;
     padding-top: 0;
      padding-bottom: 0;
    margin: 0;
    display: inline-block;
    margin-left:-10%;
}
ul.social-icons > li {
    display: inline-block;
    line-height: 1.5;
}
ul.social-icons > li:not(:last-child) {
    margin-right: 25px;
}

.fa-tiktok {
  color: #111111;
  
  filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}

.logo-image {
  height: 62px;
}
.desknavbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial, Helvetica, sans-serif;
}

.sinonavbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.sinodropdown {
  float: left;
  overflow: hidden;
}

.sinodropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.desknavbar a:hover, .sinodropdown:hover .dropbtn {
  background-color: red;
}

.sinodropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.sinodropdown-content .sinoheader {
  background: red;
  padding: 16px;
  color: white;
}

.sinodropdown:hover .sinodropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #ccc;
  height: 250px;
}

.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #ddd;
}

/* Mega Menu */

/* header */
.sinoheader{
	display: block;
	max-width:100vw;
	position: relative;
	z-index: 99;
	padding-top:15px;
	padding-bottom: 0;
    box-shadow: 0 1px 3px -2px #111;

}
.sinoheader .item-left{
  flex:0 0 50%;
}
.sinoheader .logo a{
	font-size: 30px;
	color:#000000;
	font-weight: 700;
	text-decoration: none;
}
.sinoheader .item-center{
	flex:0 0 66%;
}
.sinoheader .item-right{
	flex:0 0 17%;
	display: flex;
	justify-content: flex-end;
}
.sinoheader .item-right a{ 
     text-decoration: none;
     font-size: 16px;
     color:#555555;
     display: inline-block;
     margin-left: 10px;
     transition: color 0.3s ease;
}
.sinoheader .menu > ul > li{
	display: inline-block;
	line-height: 50px;
	margin-left: 25px;
}
.sinoheader .menu > ul > li > a{
	font-size: 18px;
	font-weight: 300;
	color:#111;
	position: relative;
	transition: color 0.3s ease;
}
.sinoheader .menu > ul > li .sub-menu{
	position: absolute;
	z-index: 500;
	background-color:#f8f9fa;
	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top:25px;
	opacity:0;
	visibility: hidden;
}
@media(min-width: 992px){
.sinoheader .menu > ul > li.menu-item-has-children:hover .sub-menu{
	margin-top: 20px;
	visibility: visible;
	opacity: 1;
	border-radius: 10px;
}
}
.sinoheader .menu > ul > li .sub-menu > ul > li{
	line-height: 1;
}
.sinoheader .menu > ul > li .sub-menu > ul > li > a{
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #011A41;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
  font-weight: 400;
}
.sinoheader .menu > ul > li .single-column-menu{
	min-width: 280px;
	max-width: 350px;
}
.sinoheader .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
   margin-left: -35px;
}
.sinoheader .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
	padding:12px 0;
	display: inline-block;
	font-size: 17px;
	color:#555;
	transition: color 0.3s ease;
}
.sinoheader .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);	
}

.sinoheader .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 100%;
  width: 100%; 	
  display: flex;
  flex-wrap: wrap;
  padding:13px;
}
.sinoheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:1 0 33%;
  padding:0 15px;
}
.sinoheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
	font-size: 16px;
	color:#ea4636;
	font-weight: 500;
	line-height: 1;
	padding:10px 0;
}
.sinoheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
	text-align: center;
}
.sinoheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
	object-fit: cover;
	border-radius: 10px;
}
.sinoheader .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.sinoheader .menu > ul > li .sub-menu > ul > li > a:hover,
.sinoheader .item-right a:hover,
.sinoheader .menu > ul > li:hover > a{
	color:#ea4636;
	text-decoration: none;
}

.sinoheader .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover{
  background: #f1e3d7;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  margin-left: -10px;
  
}

.sinospan {
    
background: #f1e3d7;
  padding: 8px;
  border-radius: 10px;
}

/* banner section */
.banner-section{
  background-image: url('../img/banner.jpg');
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}
.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}

/*responsive*/
@media(max-width: 1400px){

  .inner-banner{
    padding-top: 0;
  }

	.sinoheader .item-center{
		order:3;
		flex:0 0 100%;
	}
	.sinoheader .item-left,
	.sinoheader .item-right{
		flex:0 0 auto;
	}
	.v-center{
		justify-content: space-between;
	}
	
.sinoheader .mobile-menu-trigger{
		display: flex;
		height: 35px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
		border: 1px solid #000 !important;
        position: relative;
        border-radius:5px;
        
}	

.mobile-menu-trigger::after {
  background: #f27505;

}

.sinoheader .mobile-menu-trigger::after {
  top: .5rem;
}

	.sinoheader .mobile-menu-trigger span{
		display: block;
		/*height: 2px; enable to display hurmberger menu*/
		height: 3px;
		background-color: #333333;
		width: 24px;
		position: relative;
	}
	.sinoheader .mobile-menu-trigger span:before,
	.sinoheader .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #333333;
	}
	.sinoheader .mobile-menu-trigger span:before{
		top:-6px;
	}
	.sinoheader .mobile-menu-trigger span:after{
		top:6px;
	}
	.sinoheader .item-right{
		align-items: center;
	}

	.sinoheader .menu{
		position: fixed;
		width: 320px;
		background-color:#ffffff;
		left:0;
		top:0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}
	.sinoheader .menu.active{
	   transform: translate(0%);
	   background: url(https://sinosoft.co.ke/img/menu/menu7.jpg);
       background-size: cover;
       background-color: #fff;
        background-position: center center;
	}
	.sinoheader .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
	}
	.sinoheader .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.sinoheader .menu > ul > li > a i{
		position: absolute;
		height: 70px;
		width: 70px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.sinoheader .menu .mobile-menu-head{
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top:0;
	}
	.sinoheader .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 16px;
		display: none;
	}
	.sinoheader .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.sinoheader .menu .mobile-menu-head .current-menu-title{
   font-size: 1.3rem;
    font-weight: bold;
    color: #555;
    line-height:1;
	}
	.sinoheader .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;	
		font-size: 25px;
	}
	.sinoheader .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.sinoheader .menu > ul > li .sub-menu.mega-menu,
	.sinoheader .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0;
		padding:15px;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 40px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
.sinoheader .menu > ul > li .sub-menu.active{
	display: block;
 }
 
 
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);	
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);	
	}
}

	.sinoheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.sinoheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.sinoheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.sinoheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
        padding: 0px;
	}
	.sinoheader .menu > ul > li .sub-menu > ul > li > a,
	.sinoheader .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display: block;
	}
	.sinoheader .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 15px;
	}
	.menu-overlay{
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0;
		transition: all 0.5s ease;
	}
	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;	
	}

}

.desktopmenu {
    margin-top: -80px !important
}

header.header .search {
    width: 90%;
    border: 1px solid #e5e5e5;
    border-radius: .25rem;
    margin-right: 20px
}

.navbar-brand {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0
}

.sinonavbar-nav {
    margin: 0 auto
}

.sinonavbar-nav a:before {
    margin-bottom: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='12.25' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23aaaaaa' d='M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z'/%3E%3C/svg%3E");
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900
}

.section-title::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 11px;
    bottom: 0;
    left: 0;
    border-top: 1px solid #5a5a5a;
    border-bottom: 1px solid #5a5a5a
}

.section-title::after {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    bottom: 5px;
    left: 0;
    background: #e92d0c
}

.section-title.text-center::before {
    left: 50%;
    margin-left: -30px
}

.section-title.text-center::after {
    width: 120px;
    left: 50%;
    margin-left: -60px
}

.sinocurrency {
    font-weight: 700;
    font-size: 20px;
    bottom: 40%;
    width: 100px !important;
    position: fixed;
    left: 0;
    z-index: 2;
    opacity: .95
}

.master-breadcrumb li {
    list-style-type: none
}

.list-item h6 {
    font-size: 23px;
    color: #555;
    border-bottom: 1px solid #d28d81;
    font-weight: 700;
    margin-top: 2rem;
    padding-bottom: 5px
}

.whitepage {
    background-color: #fff;
    border-radius: 10px !important
}

.text-primary {
    color: #e92d0c !important
}

.linkplain {
    color: #212529
}

#order-pure_comparison .price-table-container .price-area,
#tagline {
    font-weight: 700
}

.portfolio {
    padding-bottom: 60px
}

.portfolio #portfolio-flters {
    padding: 0;
    margin: 0 0 35px;
    list-style: none;
    text-align: center
}

.portfolio #portfolio-flters li {
    cursor: pointer;
    margin: 0 12px 5px;
    display: inline-block;
    padding: 0 4px 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #444;
    transition: .3s ease-in-out;
    border-bottom: 2px solid #fff;
    font-family: Roboto, sans-serif
}

.portfolio #portfolio-flters li.filter-active,
.portfolio #portfolio-flters li:hover {
    border-color: #f27505;
    color: #f27505
}

.portfolio .portfolio-item {
    background: #444;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    margin: 0 0 30px;
    border: 1px solid #f27505
}

.portfolio .portfolio-item img {
    transition: .3s ease-in-out;
    border-radius: 20px
}

.portfolio .portfolio-item .portfolio-info {
    opacity: 0;
    position: absolute;
    transition: .3s linear;
    text-align: center;
    top: 10%;
    left: 0;
    right: 0
}

.portfolio .portfolio-item .portfolio-info h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 700
}

.portfolio .portfolio-item .portfolio-info a i {
    color: rgba(255, 255, 255, .6);
    font-size: 28px;
    transition: .3s
}


#subscribe .section-header h2,
#subscribe p,
#videography .videography-item figure .link-details:hover i,
#videography .videography-item figure .link-preview:hover i,
.portfolio .portfolio-item .portfolio-info a i:hover {
    color: #fff
}

.portfolio .portfolio-item:hover img {
    opacity: .6;
    transform: scale(1.1)
}

.portfolio .portfolio-item:hover .portfolio-info {
    opacity: 1;
    top: calc(50% - 30px)
}

.portfolio-details,
.videography-details {
    padding-top: 40px
}

.portfolio-details .portfolio-details-slider .swiper-pagination,
.videography-details .videography-details-slider .swiper-pagination {
    margin-top: 20px;
    position: relative
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #f27505
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #f27505;
    width: 40px;
    border: 1px solid #f27505;
    border-radius: 5px
}

.portfolio-details .portfolio-info {
    padding: 30px;
    box-shadow: 0 0 30px rgba(30, 67, 86, .08)
}

.portfolio-details .portfolio-info h3,
.videography-details .videography-info h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.portfolio-details .portfolio-info ul,
.videography-details .videography-info ul {
    list-style: none;
    padding: 0;
    font-size: 15px
}

.portfolio-details .portfolio-info ul li+li,
.videography-details .videography-info ul li+li {
    margin-top: 10px
}

.portfolio-details .portfolio-description,
.videography-details .videography-description {
    padding-top: 30px
}

.map,
.menu-main .nav-link,
.portfolio-details .portfolio-description p,
.videography-details .videography-description p {
    padding: 0
}

.portfolio-details .portfolio-description h2,
.videography-details .videography-description h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px
}

.breadcrumb {
    margin-bottom: 5px;
    margin-top: 5px
}

.faq .content h3 {
    font-weight: 400;
    font-size: 34px
}

.faq .content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 5px
}

.faq .content p {
    font-size: 15px;
    color: #6c757d
}

.faq .accordion-item {
    border: 0;
    margin-bottom: 20px;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .06);
    border-radius: 10px
}

.faq .accordion-item:last-child {
    margin-bottom: 0
}

.faq .accordion-collapse {
    border: 0
}

.faq .accordion-button {
    padding: 20px 50px 20px 20px;
    font-weight: 600;
    border: 0;
    font-size: 18px;
    line-height: 24px;
    color: #222;
    text-align: left;
    background: #fff;
    box-shadow: none;
    border-radius: 10px;
    width: 100%
}

.faq .accordion-button .num {
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    color: #e92d0c
}

.faq .accordion-button:not(.collapsed) {
    color: #A72711;
    border-bottom: 0;
    box-shadow: none
}

.faq .accordion-button:after {
    position: absolute;
    right: 20px;
    top: 20px
}

.faq .accordion-body {
    padding: 0 10px 30px 15px;
    border: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: none
}

.map {
    margin-bottom: -6px
}

.map iframe {
    width: 100%;
    height: 380px
}

#contact .contact-info {
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid
}

#contact .contact-two {
    text-align: left;
    background: #f8f9fa;
    border-radius: 5px
}

#contact .contact-info i {
    font-size: 48px;
    display: inline-block;
    margin-bottom: 10px;
    color: #e92d0c
}

#contact .contact-info address,
#contact .contact-info p {
    margin-bottom: 0;
    color: #333
}

#contact .contact-info h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333
}

#awards a,
#contact .contact-info a,
.btn-link {
    color: #A72711
}


#contact .contact-info a:hover,
.w3-hover-orange {
    color: #f27505
}

#contact .contact-address,
#contact .contact-email,
#contact .contact-phone {
    margin-bottom: 20px
}

@media (min-width:768px) {
    #contact .contact-address,
    #contact .contact-email,
    #contact .contact-phone {
        padding: 20px 0
    }
    #contact .contact-phone {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }
}

#contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    font-weight: 600
}

#contact .php-email-form .error-message br+br {
    margin-top: 25px
}

#contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    font-weight: 600
}

#contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px
}

#contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    -webkit-animation: 1s linear infinite animate-loading;
    animation: 1s linear infinite animate-loading
}

#contact .php-email-form input,
#contact .php-email-form textarea {
    border-radius: 5px;
    box-shadow: none;
    font-size: 18px
}

#contact .php-email-form input:focus,
#contact .php-email-form textarea:focus {
    border-color: #f82249
}

#contact .php-email-form textarea {
    padding: 12px 15px
}

#contact .php-email-form button[type=submit] {
    background: #e92d0c;
    border: 0;
    padding: 10px 40px;
    color: #fff;
    transition: .4s;
    border-radius: 50px;
    cursor: pointer
}

#contact .php-email-form button[type=submit]:hover {
    background: #e13618
}

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

fieldset {
    border: .1px solid #222;
    margin: 0 2px;
    padding: 1rem .625em .75em;
    border-radius: 5px
}

.sinoselectdrop {
    border: .1px solid #222;
    border-radius: 5px;
    padding-bottom: 1rem
}

#subscribe {
    padding: 60px;
    background: url(../css/Jesus-Christ-is-Risen-He-is-not-here.webp) center center/cover no-repeat;
    overflow: hidden;
    position: relative
}

#subscribe:before {
    content: "";
    background: rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

@media (min-width:1024px) {
    #subscribe {
        background-attachment: fixed
    }
}

#subscribe input {
    background: #fff;
    color: #060c22;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 9px 20px;
    border-radius: 50px;
    font-size: 14px
}

@media (min-width:767px) {
    #subscribe input {
        min-width: 400px
    }
}

#subscribe a {
    border: 1px solid;
    padding: 12px 50px;
    cursor: pointer;
    color: #fff;
    transition: .3s;
    outline: 0;
    font-size: 14px;
    border-radius: 10px;
    width: 30%
}

#subscribe a:hover {
    background: #e92d0c;
    border: 0
}

@media (max-width:460px) {
    #subscribe button {
        margin-top: 10px
    }
}

#order-standard_cart .sidebar-collapsed,
.addon-promo-container,
.addon-promo-container-codeguard,
.addon-promo-container-marketgoo,
.addon-promo-container-nordvpn,
.addon-promo-container-ox,
.addon-promo-container-sitebuilder,
.addon-promo-container-sitelock,
.addon-promo-container-spamexperts,
.addon-promo-container-threesixtymonitoring,
.addon-promo-container-weebly,
.addon-promo-container-xovinow,
.providerLinkingFeedback,
.sino-menu-text {
    display: none !important
}


@media (max-width:576px) {
    .footer-top {
        padding: 20px
    }
    .footer-top h4 {
        margin-right: 0
    }
    .footer-top .footer-t-left {
        float: none;
        text-align: center;
        margin-bottom: 15px;
        width: 100%
    }
    .footer-top>a {
        display: inline-block;
        float: none;
        max-width: none;
        width: 100%;
        text-align: center
    }
    .footer-top>a img {
        margin: auto;
        text-align: center;
        width: auto
    }
    .sinocurrency {
        opacity: .8
    }
    .home-domain-search {
        padding-top: 4rem
    }
    .mr-auto-sino,
    .mr-dflex-sino {
        margin: 0 auto !important
    }

}

.mobileonly {
    padding-top: 10px !important
}

.category-title {
    border-bottom: 1px solid #f27505;
    padding-top: 10px;
    padding-bottom: 10px
}

.headerdomains h3,
.headerdomains h4,
.sitemap h3 {
    font-size: 18px
}

.sitemap h2 {
    font-size: 20px;
    font-weight: 700
}

.btn-outline-primary:hover,
.home-domain-search .input-group-wrapper {
    border: 1px solid #f27505
}

.recent-posts article {
    background-color: #fff;
    padding-top: 11px;
    overflow: hidden;
    min-height: 573px;
    padding-bottom: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.recent-more {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.recent-posts .post-img {
    overflow: hidden;
    padding: 10px
}

.recent-posts .post-category {
    font-size: 16px;
    color: #6f6f6f;
    margin-bottom: 10px;
    margin-left: 5px
}

.recent-posts .title {
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    margin: 0 0 20px
}

.recent-posts .title a {
    transition: .3s
}

.recent-posts .post-author-img {
    width: 50px;
    border-radius: 50%;
    margin-right: 15px;
    box-shadow: 1px 1px 1px 1px beige
}

.recent-posts .post-author {
    font-weight: 600;
    margin-bottom: 5px
}

.recent-posts .post-date {
    font-size: 14px;
    color: #3c3c3c;
    margin-bottom: 0
}

.sinosoft-footer {
    position: absolute;
    z-index: -300;
    top: -20000px
}

#awards .awards {
    border: 1px solid #e92d0c;
    box-shadow: -2px 2px 50px -20px rgba(0, 0, 0, .3);
    background: #fff;
    margin-bottom: 30px;
    border-radius: 8px;
    min-height: 440px
}

#awards .awards:hover .awards-img img {
    transform: scale(1.1)
}

#awards .awards-img {
    overflow: hidden;
    margin-bottom: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

#awards .stars,
#awards h3 {
    margin-bottom: 5px;
    padding: 0 20px
}

#awards .awards-img img {
    transition: .3s ease-in-out;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

#awards h3 {
    font-weight: 600;
    font-size: 20px
}

#awards a:hover {
     color: rgba(167,39,17, 0.9);
    text-decoration: none
}

#loadMore{
    color:#000 !important;
}

#loadMore:hover{
    color:#fff !important;
}

#awards .stars i,
#videography .videography-item .videography-info h4 a:hover,
.action-icon-btns a .ico-container i {
    color: #f2b705;
}

#awards p {
    padding: 0 20px;
    margin-bottom: 20px;
    color: #212529;
    font-size: 15px
}

.ketable {
    border: 1px solid #e92d0c
}

.ketable table {
    display: block;
    overflow-x: auto;
    white-space: nowrap
}

.equal-container,
.ketable table tbody {
    display: table;
    width: 100%
}

@media (max-width:767px) {
    .sp-contact-info {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.logos .sino-wrap {
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec
}

.logos .sino-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    background: #fff;
    height: 100px
}

.logos .sino-logo img {
    transition: .3s ease-in-out;
    height: 45px
}

.logos .sino-logo:hover img {
    filter: none;
    transform: scale(1.1)
}

#videography {
    padding: 60px 0
}

#videography #videography-flters {
    padding: 0;
    margin: 5px 0 35px;
    list-style: none;
    text-align: center
}

#videography #videography-flters li {
    cursor: pointer;
    margin: 15px 15px 5px 0;
    display: inline-block;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    border-radius: 4px;
    text-transform: uppercase;
    background: #fff;
    transition: .3s ease-in-out
}

#videography #videography-flters li.filter-active,
#videography #videography-flters li:hover {
    background: #f2b705;
    color: #fff
}

#videography #videography-flters li:last-child {
    margin-right: 0
}

#videography .videography-wrap {
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    transition: .3s;
    border-radius: 20px
}

#videography .videography-wrap:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .16)
}

#videography .videography-item {
    position: relative;
    overflow: hidden;
    padding-bottom: 3rem
}

#videography .videography-item figure {
    background: #000;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    margin: 0
}

#videography .videography-item figure:hover img {
    opacity: .4;
    transition: .3s
}

#videography .videography-item figure .link-details,
#videography .videography-item figure .link-preview {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    line-height: 1;
    text-align: center;
    width: 50px;
    height: 50px;
    background: rgba(233, 45, 12, .5);
    border-radius: 50%;
    transition: .2s linear
}

#videography .videography-item figure .link-details i,
#videography .videography-item figure .link-preview i {
    font-size: 22px;
    color: #333;
    line-height: 0
}

#videography .videography-item figure .link-details:hover,
#videography .videography-item figure .link-preview:hover {
    background: #f2b705
}

#videography .videography-item figure .link-preview {
    left: calc(50% - 38px);
    top: calc(50% - 18px);
    opacity: 1
}

#videography .videography-item figure .link-details {
    right: calc(50% - 38px);
    top: calc(50% - 18px)
}

#videography .videography-item figure:hover .link-preview {
    opacity: 1;
    left: calc(50% - 44px)
}

#videography .videography-item figure:hover .link-details {
    opacity: 1;
    right: calc(50% - 44px)
}

#videography .videography-item .videography-info {
    background: #fff;
    text-align: center;
    padding: 30px;
    height: 90px;
    border-radius: 0 0 3px 3px
}

#videography .videography-item .videography-info h4 {
    font-size: 18px;
    line-height: 1px;
    font-weight: 700;
    margin-bottom: 18px;
    padding-bottom: 0
}

#videography .videography-item .videography-info h4 a {
    color: #333
}

#videography .videography-item .videography-info p {
    padding: 0;
    margin: 0;
    color: #b8b8b8;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase
}

.videography-details .videography-details-slider .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #f2b705
}

.videography-details .videography-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #f2b705;
    width: 40px;
    border: 1px solid #f27505;
    border-radius: 5px
}

.videography-details .videography-info {
    padding: 30px;
    box-shadow: 0 0 30px rgba(51, 51, 51, .08)
}

#videography .play-btn {
    width: 94px;
    height: 94px;
    margin-bottom: 20px;
    background: radial-gradient(var(--color-primary) 50%, rgb(233, 45, 12. .9) 52%);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    overflow: hidden
}

#videography .play-btn:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    -webkit-animation: 2s infinite pulsate-btn;
    animation: 2s infinite pulsate-btn;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    top: 9%;
    left: 9%;
    background: rgba(198, 16, 0, 0)
}

#videography .play-btn:after,
#videography .play-btn:hover:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0
}

#videography .play-btn:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: .4s cubic-bezier(.55, .055, .675, .19)
}

#videography .play-btn:hover:before {
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0
}

#videography .play-btn:hover:after {
    border-left: 15px solid #f27505;
    transform: scale(20)
}

.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-content{ cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;padding:0;z-index:1;border-radius:10px;}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width: 50%;overflow:hidden;margin-top:8px;}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal; background-color: #fff;
  border: 0;}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px 8px 30px;text-align:left;border:none;white-space:normal;float:none;outline:0;box-shadow: 0 2px 4px 0px #f2b705;
margin-left: -40%;color: #444;}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}

.lis section,
.shareit,
.shareit-bottom,
.w3-modal-content,
sup {
    position: relative
}

.sino-main-container,
.w3-bar {
    overflow: hidden
}

.w3-modal-content {
    margin: auto;
    background-color: #fff;
    padding: 0;
    outline: 0;
    width: 600px
}

.w3-bar {
    width: 50%;
    margin-top: 8px
}

.w3-center .w3-bar {
    display: inline-block;
    width: auto
}

.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0
}

.w3-bar .w3-dropdown-click,
.w3-bar .w3-dropdown-hover {
    position: static;
    float: left
}

.w3-bar .w3-button {
    white-space: normal;
    background-color: #fff;
    border: 0
}

.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    padding: 8px 16px 8px 30px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
    box-shadow: 0 2px 4px 0 #f2b705;
    margin-left: -40%;
    color: #444
}

.w3-block {
    display: block;
    width: 100%
}

@media (min-width:991px) {
    .w3-bar {
        display: none
    }
}

header.header .logo-img {
    max-width: 400px;
    max-height: 62px
}

.trigger-phone {
    color: #444;
    font-weight: 700;
    font-size: 16px
}

.btn-outline-primary,
.service .nav .nav-link.active h5,
.service .nav .nav-link.active h5 i {
    color: #000 !important
}

.trigger-phone a,
.trigger-phone i {
    color: #444
}

.sino-favi img {
    max-width: 36px
}

@media (min-width:768px) and (max-width:1400px) {
    .cart-btn {
        margin: 0 auto
    }
}

#order-pure_comparison .price-table-container .price-table {
    border-radius: 20px !important;
    width: 251px !important
}

.btn-info {
    background-color: #f27505;
    border-color: #da6700
}

.btn-info:hover {
    background-color: #da6700;
    border-color: #e57917
}

.list-group-item.active {
    color: #fff;
    background-color: #f27505;
    border-color: #f27505
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    border-color: #da6700 !important;
    background-color: #f27505 !important
}

@media (-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi),
(min-resolution:1.25dppx) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(blue@2x.png) !important
    }
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(242, 183, 5, .5) !important
}

#order-standard_cart .empty-cart .btn,
#order-standard_cart .view-cart-items-header {
    background-color: #f27505 !important
}

.btn-add-to-cart,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    background-color: #e92d0c !important;
    border-color: #e02100 !important
}

.btn-info.disabled,
.btn-info:disabled,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-success.disabled,
.btn-success:disabled {
    background-color: #f2b705;
    border-color: #f2b705
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(233, 45, 12, .5);
    background-color: #f2b705 !important;
    border-color: #f2b705 !important
}

.announcements-title h1,
.kbarticle-title h1 {
    font-size: 1.8rem;
    font-weight: 700
}

@media (max-width:1199px) {
    #sp-top-bar {
        display: none
    }
    .announcements-title h1,
    .kbarticle-title h1 {
        font-size: 1.7rem;
        font-weight: 700
    }
}

.shareit a,
.shareit-bottom a {
    width: 30px;
    height: 30px;
    font-size: 20px;
    opacity: .9;
    transition: opacity .15s linear;
    text-decoration: none;
    display: flex
}

.sinocurrency .form-control {
    cursor: pointer;
    margin-top: -8px;
    padding: 1px;
    border-left: 0;
    border: 1px solid;
    color: wheat;
    font-size: .8rem;
    font-weight: 700;
    width: 40.5%;
    border-radius: 0 3px 0 0;
    border-bottom: 0;
    background-color: #004258
}

.bg-primary {
    background-color: #e92d0c !important
}

@media (min-width:993px) {
    .nav-link {
        padding: 0 1rem
    }
}

#order-pure_comparison .includes-features ul.list-features li {
    background: url(../css/tick.png) no-repeat !important;
    width: 30% !important
}

.footer-bottom hr {
    margin-top: 0;
    margin-bottom: 1rem;
    border: 1px solid wheat;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.footer-menu .footer-menu-column a:hover {
    text-decoration: none;
    color: #fff
}

.shareit {
    display: flex;
    float: right;
    gap: 10px;
}

.shareit a {
    justify-content: center;
    align-items: center;
    color: #e92c0c
}

.shareit a:hover {
    opacity: 1;
    color: #f27302
}

.shareit-bottom {
    top: 20px;
    display: flex;
    padding-bottom: 20px;
     gap: 10px;
}

.shareit-bottom a {
    justify-content: center;
    align-items: center;
    color: #f27302
}

.lis .price-table,
.price-table-s {
    -webkit-transition: .3s
}

.shareit-bottom a:hover {
    opacity: 1;
    color: #e92c0c
}

@media (max-width:300px) {
    .footer-menu .footer-menu-column {
        width: 100%
    }
    .shareit a {
        display: table;
        width: 1px
    }
}

#order-pure_comparison .price-table-container .price-table.active .top-head {
    background: linear-gradient(to bottom, #ffffef 0, #fefebe 100%) !important
}

#order-pure_comparison .price-table-container .order-button {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #000;
    background: linear-gradient(to bottom, #fff 0, #fff 100%) !important
}

#order-pure_comparison .price-table-container .order-button:hover {
    background: linear-gradient(to bottom, #fff 0, #fff 100%) !important
}

#order-pure_comparison .price-table-container .order-button:hover::after,
.btn-outline-primary:hover::after {
    content: " →"
}

#order-pure_comparison .price-table-container .price-area {
    background: linear-gradient(to bottom, #fff 50%, #f2b705 100%) !important
}

.about-sino-soft {
    animation: 8s linear infinite rotation
}

@keyframes rotation {
    from {
        transform: rotate(-15deg)
    }
    to {
        transform: rotate(0)
    }
}

@media (max-width:600px) {
    .announcements-title h1,
    .kbarticle-title h1 {
        font-size: 1.6rem;
        font-weight: 700
    }
    .announcements-title h2,
    .kbarticle-title h2 {
        font-size: 1.3rem;
        font-weight: 700
    }
    .announcements-title h3,
    .kbarticle-title h3 {
        font-size: 1.2rem;
        font-weight: 700
    }
}

.tooltip {
    margin-bottom: 50px
}

.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    border-radius: 8px;
    width: 50px
}

.btn-outline-primary {
    background-color: #fff;
    border: 1px solid #f27505;
    background: linear-gradient(to bottom, #fff 0, #fff 100%) !important;
    font-size: 18px;
    font-weight: 700
}

.tablepress th,
td {
    padding: 15px
}

.invoice-container .invoice-header img {
    max-width: 50% !important;
    margin: 0 auto !important;
    float: right !important
}

@media only screen and (max-width:992px) {
    .sinomenunav>li {
        margin-left: 10px;
        padding-bottom: 20px
    }
    .navbar-nav {
        line-height: 3rem !important
    }
}

.breadcrumb,
.master-breadcrumb {
    background-color: #f8f9fa !important
}

.primary-bg-color {
    background-color: #fff
}

.brownpage {
    background-color: #f8f9fa;
    border-radius: 10px !important;
    padding: 20px
}

.sinoshadow {
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, .5)
}

.bg-light,
.lis-rounded-circle-50 {
    border-radius: 10px
}

.splide__pagination__page {
    background: #e92d0c !important
}

.hostinghome,
.select2-container {
    width: 100% !important
}

.lis-bg-light {
    background-color: #00000005;
    background-color: #f7f7f7
}

.lis section {
    padding-top: 6.25em;
    padding-bottom: 6.25em
}

.lis .font-weight-normal {
    font-weight: 400 !important
}

.lis .h3,
.lis h5 {
    font-size: 1rem
}

.price-table-s {
    max-width: 100%
}

.lis-rounded-top {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

.lis .pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.lis-latter-spacing-2 {
    letter-spacing: 2px
}

.lis .text-uppercase {
    text-transform: uppercase !important
}

.lis .lis-font-weight-500 {
    font-weight: 500
}

.lis .display-4 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.5rem
}

.lis .price-table sup {
    top: -1.5em
}

.lis .price-table small,
.lis .price-table sup,
.price-table small {
    font-size: 1.25rem
}

sup {
    font-size: 28%;
    line-height: 0
}

.lis-brd-light {
    border-color: #fef7e0 !important
}

.lis .bg-white {
    background-color: #fff !important
}

.lis .py-5 {
    padding-bottom: 3rem !important
}

.lis .lis-line-height-3,
.lis-line-height-3 {
    line-height: 3 !important
}

.lis .list-unstyled {
    padding-left: 0;
    list-style: none
}

.lis .btn-primary-outline {
    background-color: transparent;
    color: #e92d0c !important;
    border-color: #e92d0c
}

.lis .btn {
    padding: .5rem 1.3rem;
    font-size: 1rem;
    word-wrap: break-word;
    width: 95%
}

.lis .pl-2,
.px-2 {
    padding-right: .5rem !important
}

.btn-primary-outline:focus,
.lis .btn-primary-outline:hover {
    background-color: #e92d0c;
    border-color: #e92d0c;
    color: #fff !important
}

.lis-bg-primary {
    background-color: #fce8e6
}

.lis .price-table.active {
    transform: scale(1.045);
    -webkit-transform: scale(1.045)
}

.portfolio-description,
.project-content .portfolio-img {
    transition: .5s ease-in-out
}

.lis-rounded-bottom {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px
}

.sino-google-r {
    border: none;
    width: 100%;
    /*height: 450px;*/
    height: 520px;
}

.sino-google-text {
    margin-top: -80px
}

.splide .card-body {
    padding: 5px !important
}

.panel-title>a:before {
    float: right !important;
    content: "-";
    font-size:30px;
    font-weight: 300;
   
}

.panel-title>a.collapsed:before {
    float: right !important;
    content: "+";
    font-size:30px;
    font-weight: 300;
}

.panel-title>a:active,
.panel-title>a:focus,
.panel-title>a:hover {
    text-decoration: none
}

.footer-mobile {
    display: none !important;
    background-color: #111317;
    list-style: none
}

.footer-mobile h5 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #cdcbcb
}

.card article h3,
.panel-title a {
    font-size: 1.3rem;
    font-weight:600 !important;
}

.panel-title a {
    font-weight: 700;
    color: #e5e5e5 !important;
    line-height: 3rem
}

.footer-mobile a {
    color: #898d9a;
    line-height: 3rem
}

.footer-mobile ul {
    list-style: none
}

.footer {
    display: block !important
}

.social-footer {
    display: none;
}


@media only screen and (max-width:576px) {
    .footer {
        display: none !important
    }
    .footer-mobile {
        display: block !important
    }
    .social-footer {
        display: block
    }
}

.social-icons-footer a {
    color: #f9f9f9
}

.social-icons-footer li {
    margin-right: 1rem
}

@media (min-width:992px) and (max-width:1400px) {
    .sino-menu-text {
        margin-left: -8rem;
        font-size: 1.3rem;
        font-weight: 700;
        margin-bottom: 20px;
        display: block !important
    }
    .menu-overlay {
        z-index: 98
    }
    .sinoheader .menu>ul>li .sub-menu.active {
        margin-left: 34vw;
        width: 34vw
    }
    .sinoheader .menu {
        width: 68%
    }
    .sinoheader .menu .menu-main {
        width: 34vw
    }
    .sinoheader .menu>ul>li>a {
        height: 75px;
        line-height: 100px;
        font-size: 22px
    }
    .sinoheader .menu>ul>li>a i {
        height: 100px
    }
}

.sino-inner-header {
    width: 98%;
    margin: 0 auto
}

.menu-tag a {
    font-weight: 700;
    color: #222;
    font-size: 1.5rem
}

.cart-btn {
    margin-left: -29px
}

@media (max-width:1400px) {
    .sino-inner-header {
        max-width: 1140px;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
    .news-search {
        display: inline
    }
}

@media (min-width:348px) and (max-width:533px) {
    .cart-btn {
        margin-left: -64px
    }
}

@media (max-width:992px) {
    header.header .search {
        width: 90%
    }
    .msearch {
        padding-top: 20px !important
    }
    .sinoheader .mobile-menu-trigger {
        top: 10px
    }
}

.sinoheader .mobile-menu-trigger-scroll {
    display: flex;
    height: 20px;
    width: 32px;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    right: 20px;
    border: none;
    border-bottom: 5px solid #f2b705;
    padding: .5rem .75rem;
    margin-top: 15px;
    position: fixed
}

.mobile-menu-trigger-scroll::after,
.sinoheader .mobile-menu-trigger-scroll::before {
    content: " ";
    height: 5px;
    background: #e92d0c;
    position: absolute;
    left: -.35rem;
    right: 0;
    top: 0
}

.mobile-menu-trigger-scroll::after {
    background: #f27505
}

.sinoheader .mobile-menu-trigger-scroll::after {
    top: .5rem
}

.sinoheader .mobile-menu-trigger span {
    display: block;
    height: 1px;
    background-color: #000;
    width: 24px;
    position: relative
}

.sinoheader .mobile-menu-trigger span:after,
.sinoheader .mobile-menu-trigger span:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}

.sinoheader .mobile-menu-trigger span:before {
    top: -6px
}

.sinoheader .mobile-menu-trigger span:after {
    top: 6px
}

@media (max-width:1199px) {
    #mainNavbar .dropdown-toggle::after {
        border-top: .4em solid;
        border-right: .4em solid transparent;
        border-bottom: 0;
        border-left: .4em solid transparent;
        right: 0;
        position: absolute;
        top: 13px;
        color: #f27505
    }
}

.navbar-nav a {
    color: #030e23;
    font-size: 18px
}

.home-card-sino {
    min-height: 150px
}

.sino-hosting-height {
    height: 596px
}

.sino-host-button {
    bottom: 72px;
    position: absolute;
    margin-left: -47%
}

@media (min-width:332px) {
    .lis .display-4 {
        line-height: 1.5rem;
        font-size: 1.5rem
    }
}

.sino-prods {
    min-height: 520px
}

.sino-prods-button {
    position: absolute;
    margin-left: 5%;
    width: 90%;
    bottom: 10px
}

@media (max-width:400px) {
    .sino-prods {
        min-height: 490px
    }
}


@media (min-width:500px) and (max-width:768px) {
    .recent-posts article {
         min-height: 836px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .recent-posts article {
        min-height: 730px
    }
}

@media (min-width:992px){
    .recent-posts article {
        min-height: 707px
    }
}

@media (max-width:500px) {
    .recent-posts article {
        height: 600px
    }
}

.happy-s .splide__pagination {
    bottom: -2.5rem !important;
    display: none
}

.swiper-slide.swiper-width {
    width: auto !important
}

.project-content:hover .portfolio-img {
    opacity: .3
}

.portfolio-description {
    opacity: 0
}

.project-content:hover .portfolio-description {
    opacity: 1
}

div.scrollmenu {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px
}

#scrollmenu::-webkit-scrollbar-track {
    box-shadow: inset 5px 10px 5px 10px rgba(208, 11, 21, .3);
    box-shadow: inset 5px 10px 5px 10px rgba(242, 183, 5, .3)
}

.equal {
    display: table-cell
}

.service .nav .nav-link {
    transition: .5s
}

.service .nav-link {
    color: #000;
    background-color: #fef7e0;
    border: 1px solid #fce8e6 !important
}

.service .nav-pills .nav-link.active {
    color: #000;
    background-color: #fce8e6;
    border: 1px solid #f27505 !important
}

.sino-sitebuilder .nav-item {
    width: 95%
}

.service .splide__pagination {
    bottom: -4.5em
}

.action-icon-btns a {
    font-weight: 700;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .06);
    border-bottom: 1px solid #fce8e6;
    border-left: 1px solid #fce8e6;
    border-right: 1px solid #fce8e6
}

.contact .contact-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    background: #fef7f7;
    z-index: 1;
    animation-name: image-efects;
    animation-duration: 10s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transition: .5s
}

@keyframes image-efects {
    0%,
    100% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%
    }
    25% {
        border-radius: 35% 65% 27% 73%/71% 25% 75% 29%
    }
    50% {
        border-radius: 41% 59% 45% 55%/32% 21% 79% 68%
    }
    75% {
        border-radius: 69% 31% 39% 61%/70% 83% 17% 30%
    }
}

.contact .contact-img .contact-img-inner {
    position: relative;
    z-index: 9
}

@media (min-width:1200px) {
    #contact .contact-two {
        margin-top: -82px
    }
}

@media (max-width:580px) {
    #awards a {
        font-size: .8rem
    }
    .sinoheader .menu {
        width: 85vw
    }
    .sinoheader .menu>ul>li>a {
        line-height: 70px;
        height: 70px
    }
}

  
  
ul.sino-social-icons {
    list-style: none;
    padding-right: 0;
     padding-top: 0;
      padding-bottom: 0;
    margin: 0;
    display: inline-block;
    margin-left:-10%;
}
ul.sino-social-icons > li {
    display: inline-block;
    line-height: 1.5;
}
  
ul.sino-social-icons > li:not(:last-child) {
  
  border-radius: 50%;
  border: 1px solid #fce8e6;
  margin: 20px;
  padding: 14px;
  background: #fce8e6;
  padding-top: 10px;
  padding-bottom: 10px;
}

.menu-main .nav-link {

  padding: 0;
}

@media (min-width:1400px) {
    .sinoheader .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
        width: 60%
    }
    .mobile-menu-trigger-scroll {
        display: none !important
    }
    .sinoheader .menu>ul>li>a>i {
        bottom: 0 !important;
        position: absolute
    }
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "»"
}

@media (min-width:1620px) {
    .sino-inner-header {
        width: 70%;
       
    }
}

@media (min-width:414px) {
    .mr4-sino {
        margin-right: 1.5rem !important
    }
}

@media (max-width:992px) {
    div.scrollmenu {
        display: inline;
        overflow-y: hidden;
        overflow-x: auto
    }
    .service .navs {
        flex-wrap: inherit !important
    }
    .service .nav-link {
        width: max-content !important
    }
    .sinoheader .menu .menu-main {
        margin-left: -6%
    }
}

.recent-posts .splide__pagination {
    bottom: -2rem
}

.scroll-indicator {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(to right,  #f27505, #f2b705, #e92d0c);
    z-index: 1000;
    transition: width .3s

}

.back-to-top {
    position: fixed;
    right: 50px;
    bottom: 15px;
    transition: .4s ease-in-out;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1;
    gap: 4.8px;
    box-shadow: 0 0 0 20px rgba(242, 183, 5, .0792156863), 0 0 0 10px rgba(242, 117, 5, .0992156863);
    z-index: 99;
    left: 10px;
    display: none;
    width: 40px;
    height: 40px;
    background-color: rgba(242, 183, 5, .6);
    border-color: rgba(242, 183, 5, .9);
    color: rgba(0, 0, 0, .7);
    font-size: 38.6px
}

.back-to-top:hover {
    color: rgba(0, 0, 0, .9);
  
}

.announcement-title {
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 5px;
    font-weight: 700
}

.sino-promo {
    font-size: 14px;
    font-weight: 700
}

#scrollmenu::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(242, 183, 5, .6)
}

#scrollmenu::-webkit-scrollbar-thumb {
    background-color: rgba(233, 45, 12, .7)
}


.action-icon-btns a .ico-container i {
    color: #222;
}

.action-icon-btns a .ico-container i:hover {
    color: #333;
}


.action-icon-btns a {
    color: #111;
}


.action-icon-btns a:hover {
    color: #000;
}

@media (min-width:1400px){
    
.news-search {
 display:none;   
}

    
}



.mobile-menu-trigger-scroll{
	display: none;
}

#mobile-menu-trigger-scroll{
	display: none;
}

.divmore{
    display: none;
  }
  
  @media (min-width:1400px){
      
 
 .menu-item-has-children:hover i {
     transform: rotate(3.142rad) !important;
     transition: 600ms ease all;
  }
  
   .menu-item-has-children i{
     margin-left:5%;
  }
  
  }
  
  @media (min-width:992px){
      
        .site-arrow-mobile{
            
            display:none;
      
  }
      
  }
  
  .sino-website-button{
    bottom: 119px;
    position: absolute;
    margin-left: -47%;
}



#cookieNotice.display-right {
    left: 5px;
    /*right: 30px;*/
    bottom: 30px;
    max-width: 395px;
}

#cookieNotice.light {
    background-color: rgba(0,0,0, 0.89);
    /*background-color: var(--cookieNoticeProLight);*/
    color: #fff;
    /*color: var(--cookieNoticeProDark);*/
}
#cookieNotice {
    box-sizing: border-box;
    position: fixed;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 6px rgb(0 0 0 / 25%);
    font-family: inherit;
    z-index: 999997;
}
#cookieNotice #closeIcon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #bfb9b9;
    overflow: hidden;
    opacity: .85;
    z-index: 999999;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/close-icon.svg) 0 0 / 20px 20px no-repeat;
}
#cookieNotice * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
#cookieNotice .title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background: url(../img/cookie-icon.svg) 0 0 / 40px 40px no-repeat;
    padding-left: 45px;
    height: 40px;
}
#cookieNotice .title-wrap svg {
    margin-right: 10px;
}
#cookieNotice h4 {
    font-family: inherit;
    font-weight: 700;
    font-size: 18px;
}
#cookieNotice.light p, #cookieNotice.light ul {
    color: #fff;
    /*color: var(--cookieNoticeProDark);*/
}
#cookieNotice p, #cookieNotice ul {
    font-size: 14px;
    margin-bottom: 20px;
}
#cookieNotice .btn-wrap {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    justify-content: center;
    margin: 0 -5px 0 -5px;
    flex-wrap: wrap;
}
#cookieNotice .btn-wrap button {
    flex-grow: 1;
    padding: 0 7px;
    margin: 0 5px 10px 5px;
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 130px;
    line-height: 36px;
    border: none;
    font-family: inherit;
    font-size: 16px;
    transition: box-shadow .3s;
}
#cookieNotice button {
    outline: 0;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
#cookieNotice .btn-wrap button:hover {
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);
    transform: translate3d(0,-1px,0);
}



@media (max-width: 576px) {

#cookieNotice.display-right {
    left: 5px;
    right: 5px;
    bottom: 30px;
    max-width: 98%;
}
}

.spartner{
    font-size:1.5rem;
}

.sitebuilder-title  {
    font-size: 1.25rem;
}

.panel-sub{
  font-size: 1.1rem;
    font-weight: 700;
    color: #cdcbcb;
}

.badge-danger {
    color: #000;

}

.badge-success {
    color: #000;
    background-color: #29AD49;
}

.label-info {
      color: #000;
 
}

.badge-primary {

    background-color: #2F598E;
}

.sgradient {
 background:#e92d0c;
 background: linear-gradient(to right, #e92d0c 30%, #f2b705 60%, #f27505  80%, #e92d0c  100%);
 background-clip: border-box;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
}
@media (min-width:992px){

.sgradient {
 background:#e92d0c;
background: linear-gradient(to right, #e92d0c 40%, #f2b705 10%, #f27505 10%, #e92d0c 60%);
 background-clip: border-box;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent

}

}

.suptime{
    font-size: 3rem !important;
}

.psuptime{
    font-weight:bold;
}

@media (max-width:500px){

.suptime{
    font-size: 2.2rem !important;
}

.spartner{
    font-size:1.05rem;
}


}

.psuptime-div{
    background: #fff;
    padding: 5px;
    margin-top: 2px;
    border-radius: 10px;
}

@media (min-width:768px) and (max-width:991px){
    
.psuptime-div{

    margin-left: 90px;
    margin-right: 90px;
}
}


@media (min-width:992px){
    .psuptime-div{
    margin-left: 25px;
    margin-right: 25px;
}
}

.header-btn {
  display: inline-block;
  font-weight: 358;
  color: #aaa;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select:
none;
  -moz-user-select:
none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #aaaaaa;
  font-size: 12px;
  border-radius:
.25rem;
  transition:
color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.header-btn-mobile{
      display: inline-block;
  font-weight:bold;
  color: #222;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select:
none;
  -moz-user-select:
none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #aaaaaa;
  font-size: 12px;
  border-radius:
.25rem;
  transition:
color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.modal-body {

  padding-top: 0;
}

#modalChooseLanguage .modal-footer>.btn {
  margin-top: -86px;
  z-index:1;
}

img {
  max-width: 100%;
  height: auto;
}

#textInput div{
      overflow: hidden;
  overflow-x: auto;
  clear: both;
 
}

#textInput table{
      overflow: hidden;
  overflow-x: auto;
  clear: both;
  width: 100%;
  border-collapse: collapse;
  border-color: #F27404;
 
}

#textInput table{

  border:1px solid #F27404;
 
}

#textInput th{

  border:1px solid #F27404;
 
}

#textInput td {

  border:1px solid #F27404;
 
}

.social-signin-btns {
   border-radius: 10px !important;
    border: 0.5px #eaf2f9 solid;
    width: 58%;
    margin: 0 auto;
  
}

.glightbox-clean .gslide-title {
 
  color: #fff !important;
 
}

.glightbox-clean .gdesc-inner {

  background: #000;
 
}

.whatsapp-chat {
  position: fixed;
  right: 0px;
  bottom: 100px;
  transition: 0.5s;
  z-index: 999;
  background-image: url('../img/whatsapp.webp');
color: white;
background-size: contain;
background-repeat: no-repeat;
}

.fa-sysre {
padding: 10px;
font-size: 24px;
width: 20px;
text-align: center;
text-decoration: none;
/* margin: 5px 2px; */
display: inherit;
}




 .fa-sysre-whatsapp {
padding: 24px !important;
  padding-right: 16px !important;

}

.fa-sysre:hover {
  opacity: 0.7;
}

  .hs-form .legal-consent-container,
  .hs-form .powered-by {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden;
  }

/* ==============================
   Elegant Tab Design (Sino Soft Style)
   ============================== */

.nav-tabs {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  justify-content: center;
  gap: 5px;
}

.nav-tabs .nav-link {
  color: #444;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 8px 8px 0 0;
  font-weight: 600;
  transition: all 0.3s ease;
  padding: 10px 20px;
}

.nav-tabs .nav-link:hover {
  color: #e92d0c;
  background-color: rgba(242, 117, 5, 0.08);
  border-color: rgba(233, 45, 12, 0.2);
}

.nav-tabs .nav-link.active {
  color: #fff;
  background: linear-gradient(135deg, #e92d0c, #f27505);
  border-color: transparent;
  box-shadow: 0 2px 6px rgba(233, 45, 12, 0.3);
}

.tab-content {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0 0 8px 8px;
  padding: 25px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

/* Optional typography enhancements */
.tab-content p {
  color: #333;
  line-height: 1.7;
}

.tab-content ul {
  list-style: none;
  padding: 0;
}

.tab-content ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  line-height: 1.6;
}

.tab-content ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #f27505;
  font-weight: bold;
}

/* Add soft background hover for container */
.border.rounded.p-4 {
  background: linear-gradient(to bottom right, #fff, #fff8f6);
}

table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #fff;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table th, table td {
  padding: 10px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #333;
  vertical-align: top;
  white-space: wrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* On mobile, wrap only if text is long (approximation via width constraint) */
@media (min-width: 768px) {
  table td {
    max-width: 300px;             /* short text stays single-line */
    overflow-wrap: break-word;
    word-break: break-word;
  }
  

}

/* On mobile, wrap only if text is long (approximation via width constraint) */
@media (max-width: 768px) {
  table td {
    max-width: 200px;             /* short text stays single-line */
    overflow-wrap: break-word;
     word-break: inherit;
      white-space: wrap;
  }
  
}

/* Section */
#why-choose-us {
  scroll-margin-top: 80px;
}

#why-choose-us .feature-card {
  background: #fff;
  border-radius: 15px;
  transition: all 0.4s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
#why-choose-us .feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Icon & Image Size */
#why-choose-us .trust-img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  object-fit: contain;
  transition: transform 0.3s ease;
}
#why-choose-us .trust-img:hover {
  transform: scale(1.05);
}

/* Mobile: smaller image size to match icon look */
@media (max-width: 576px) {
  #why-choose-us .trust-img {
    width: 45px;
    height: 45px;
  }
}

/* Typography */
#why-choose-us h5 {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
#why-choose-us p {
  font-size: 0.9rem;
}

/* Responsive padding */
@media (max-width: 576px) {
  #why-choose-us .feature-card {
    padding: 1.5rem;
  }
}

/* Staggered fade animation */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-aos="fade-up"] {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.8s ease forwards;
}

/* Add delay with CSS variable fallback if AOS unavailable */
[data-aos-delay="100"] { animation-delay: 0.1s; }
[data-aos-delay="200"] { animation-delay: 0.2s; }
[data-aos-delay="300"] { animation-delay: 0.3s; }
[data-aos-delay="400"] { animation-delay: 0.4s; }
[data-aos-delay="500"] { animation-delay: 0.5s; }
[data-aos-delay="600"] { animation-delay: 0.6s; }


/* Force space between rows on desktop */
#why-choose-us .row.gy-5 > *:nth-child(n + 1) {
  margin-top: 40px !important; /* adds visible gap for second row */
}

/* Add a bit more breathing room on larger screens */
@media (min-width: 992px) {
  #why-choose-us .row.gy-5 > *:nth-child(n + 4) {
    margin-top: 60px !important;
  }
}

/* Keep mobile compact */
@media (max-width: 767px) {
  #why-choose-us .row.gy-5 > *:nth-child(n + 2) {
    margin-top: 25px !important;
  }
}