#social_icon{
		width: 16%;
    max-width: 100px;
    padding-right: 5px;
}

h1{
	margin-top: 0px !important;
	margin-bottom: 80px !important;
	@media screen and(max-width: 768px) {
		margin-bottom: 60px !important;
	}
}

h2{
	margin-top: 0px !important;
	margin-bottom: 30px !important;
}
h3 {
	margin-top: 0px !important;
	margin-bottom: 30px !important;
}
p{
	line-height:1.7 !important;
	margin-bottom: 0!important;
}
ul, ol{
	line-height: 1.7;
	margin-bottom: 30px;
	font-size: 19px;
}
table{
	margin: 30px auto;
}
div.cs-section{
	margin-bottom: 50px;
}
p{
	&.blog-body{
		margin-bottom: 30px;
	}
}
div.cs-section{
	margin-bottom: 50px !important;
	p{
		margin-bottom: 30px !important;
	}
	p:last-child{
		margin-bottom: 0 !important;
	}
	p:has(+ ul){
		margin-bottom: 0 !important;
	}
}

.page-faq{
	h3{
		margin-bottom: 10px !important;
	}
	summary{
		align-items: baseline !important;
		padding-left: 0px !important;
	}
	details{
		margin-bottom:10px !important;
		>div{
			padding-left: 5px !important;
		}
	}
}

/* homepage why*/
.homepage-why-wrapper{
	>div:nth-child(1){
		h3{
			padding:30px 30px 0px;
		}
	}
	>div:nth-child(2) {
		p{
			padding: 0px 30px 30px;
		}
	}
}
/* right bottom social icons */
#social_icon{
	bottom:20px;
	right: -4px;
	>.e-con-inner{
		gap:10px;
		img{
			padding:2px;
			width:50px;
			@media screen and (min-width: 768px) {
				width: 65px;
			}
		}
	}
}
/* for mobile ai demo page */
@media screen and (max-width: 768px) {
.homepage-flip-wrapper{
	.elementor-flip-box__back{
			.elementor-flip-box__layer__title{
				font-size:28px !important;
			}
		.elementor-flip-box__layer__description{
			font-size:19px !important;
		}
	}
}	
}
footer{
	h2{
		line-height:1.2em !important;
	}
}
.footer-block{
	div{
			display: flex;
	flex-direction:column;
		line-height:1.7;
	}
	ul{
		gap: 0px;
		@media screen and (min-width: 768px) {
			gap: 10px;
		}
	}
}
.our-client{
	.elementor-swiper-button-prev{
		left: -5px !important;
	}
	.elementor-swiper-button-next{
		right: -5px !important;
	}
	.swiper-slide{
		padding:30px !important;
	}
}
.home-card{
	.elementor-flip-box__back{
	  border-radius: 20px;		
	}
	.elementor-flip-box__front{
	  border-radius: 20px;
		&::after{
			content: "";
			background-image: url('https://hkohla.com/wp-content/uploads/2026/02/arrow-icon3.png');
			background-repeat:no-repeat;
			background-size: cover;
			width:30px;
			height:30px;
			position: absolute;
			bottom:10%;
			left:30px;
		}
	}
}
.footer-table{
	margin:20px 0;
	width: 100%;
	display: grid;
	row-gap: 30px;
	@media screen and (min-width: 768px) {
		grid-template-columns: 35% auto;
	}
	h5{
		font-size:19px;
		text-transform: uppercase;
		color: #fff41f;
		margin:0;
		font-weight:700;
	}
	span, a{
		color: white;
		font-weight:700;
	}
}
.footer-desktop-menu{
	ul{
		border:1px solid #fff;	
		li{
			padding: 5px 7px;	
			@media screen and (min-width: 768px) {				
				padding: 5px 25px;
				position: relative;
			}
			&::before{
				content: "";
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 1px;
				height:70%;
				background: #fff;
				right: 0;
      }
			&:last-child{
				&::before{
					width: 0;
				}
			}
			a{
				margin: 0 !important;
				padding: 0 !important;
			}
		}
	}
  a,span{
		font-size: 14px !important;
		@media screen and (min-width: 768px) {
				font-size: 19px !important;
		}
	}
}