@import url('https://fonts.googleapis.com/css2?family=Niramit:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
body{
  font-family: 'Niramit', sans-serif !important;
  font-size: 16px;
}
.banner-box-layout2 {
  padding-top: 0rem;
}
nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li a {
  font-size: 12px;
  padding: 0px 11px;
}
.banner-box-layout2 .item-title {
  line-height: 68px;
}
.case-study-box-layout1 h3{
  position: absolute;
  top: 20px;
  font-family: 'Niramit', sans-serif !important;
  text-align: center;
  font-size: 34px;
  width: 95%;
  text-shadow: 1px 1px 2px #ffffff;
  font-weight: 800;
}
.case-study-box-layout1 h4{
  position: absolute;
  top: 56px;
  text-align: center;
  font-size: 14px;
  text-shadow: 1px 1px 2px #ffffff;
  width: 95%;
  font-weight: 400;
  color: #000;
}
.new-col{
  padding-left: 5px;
  padding-right: 5px;
}
.cat-p-1{
  margin-bottom: 0;
  font-size: 12px;
  background: #0529a4;
  color: #FFF;
  line-height: 25px;
  margin: 4px;
  text-align: center;
  border-radius: 0 6px 0 6px;
  overflow: hidden;
  max-width: 101px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.price-p-1{
  margin-bottom: 0;
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
  color: #ce0000;
  margin: 4px;
  text-align: center;
  border-radius: 0 0 0 6px;
}
.case-study-box-layout1 {
  margin-bottom: 9px;
  -webkit-box-shadow: 0px 0px 10px 0px rgb(33 30 30 / 15%);
  box-shadow: 0px 0px 3px 0px rgb(33 30 30 / 88%);
}
.case-study-box-layout1:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgb(33 30 30 / 15%);
  box-shadow: 0px 0px 3px 0px rgb(33 30 30 / 88%);
  border-radius: 6px;
}
.case-study-box-layout1:hover .item-img img {
  transform: scale(10) translateZ(0);
}
.ads-img{
  border-radius: 6px;
  margin-bottom: 8px;
}
.number h3{
  position: absolute;
  top: 48px;
  font-family: 'Oswald', sans-serif !important;
  text-align: center;
  font-size: 30px;
  width: 95%;
  text-shadow: 1px 1px 2px #ffffff;
  font-weight: 800;
}
.number h4 {
  position: absolute;
  top: 90px;
  text-align: center;
  font-size: 14px;
  text-shadow: 1px 1px 2px #ffffff;
  width: 95%;
  font-weight: 400;
  color: #000;
}



.header-nav .nav>li .sub-menu li a {
  font-size: 12px;
  font-weight: 300;
  padding: 5px 10px;
}
.custom-theme ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.custom-theme span {
	float: left;
	color: #666;
	font-size:14px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #2f3b59;
	padding: 4px 10px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.16);
	background: #2f3b59;
}
.custom-theme a{
	float: left;
	color: #2f3b59;
	font-size:14px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #2f3b59;
	padding: 4px 10px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	/*box-shadow: 0 5px 8px rgba(0,0,0,0.16);*/
	background: transparent;
	display: inline-block;
	line-height: inherit;
}

.custom-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
	box-shadow: 0 3px 5px rgba(0,0,0,0.16);
}

.custom-theme .current {
	background: #2f3b59;
	color: #FFF;
	border-color: #2f3b59;
	box-shadow: 0 3px 5px rgba(0,0,0,0.16);
	cursor: default;
}

.custom-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}



.true{
  background: #b31e24;
}
.dtac{
  background: #01aef0;
}
.ais{
  background: #aecc2c;
  color: #000;
}
.inner-page-banner {
  padding: 6rem 0 6rem;
}
.blog-box-layout4 .item-content {
  padding: 9px;
}
.item-content p{
  margin-bottom: 0px;
}
.why-chose-box-layout1 .single-item li {
  margin-bottom: 10px;
}
.service-box-layout7 {
  padding: 20px;
}
.action-box-layout1 .contact-form-box .form-group .form-control {
  height: 54px;
}
.action-wrap-layout1 {
  padding: 6rem 0 6rem;
}
.contact-form-box-layout1 .contact-form-box .form-group .form-btn {
  font-size: 16px;
}
h3, h4, h5 {
  line-height: 40px;
}
.single-case-box-layout1 .item-content .item-table {
  width: 100%;
}
.slider-area .slide-1 div.slider-sub-text, .slider-area .slide-2 div.slider-sub-text, .slider-area .slide-3 div.slider-sub-text {
  color: #ffffff;
}
.slider-area .slide-1 div.slider-big-text, .slider-area .slide-2 div.slider-big-text, .slider-area .slide-3 div.slider-big-text {
  color: #ffffff;
}
.slider-area .slide-1 div.slider-paragraph, .slider-area .slide-2 div.slider-paragraph, .slider-area .slide-3 div.slider-paragraph {
  color: #ffffff;
}
nav.template-main-menu > ul > li > a {
  color: #000000;
}
.header-menu {
  background-color: #FFF;
}