/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/
.home-header {
    background: linear-gradient(90deg, #f5f5f5 10%, #fff 10%);
}
.home-header .logo-area{
	position: relative;
    z-index: 1;
	padding:20px 0;
}
.home-header .logo-area::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 285px;
    background: #f5f5f5;
    z-index: -1;
    right: 0;
    top: 0;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.home-header .logo-area::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #dbdbdb;
    bottom: 0px;
    right: -71px;
    z-index: -1;
    clip-path: polygon(89% 0, 98.5% 0, 79.5% 100%, 71% 100%);
}
.home-banner .elementor-swiper-button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: rgba(206, 151, 71, 0.3);
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.home-banner .elementor-swiper-button:hover{
    background:#ce9747;
}
.custom-sub-heading h2 {
    background: #ffe8c6;
    display:inline-block;
    padding:4px 15px 3px 30px;
    border-radius:50px;
    position:relative;
}
.custom-sub-heading h2:before{
    position:absolute;
    content:"";
    width:6px;
    height:6px;
    top:37%;
    left:15px;
    background:#ce9747;
    border-radius:50px;
}
.services-block{
	position:relative;
}
.services-block:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:rgba(255,255,255,1);
	top:0;
	left:0;
	transition:ease .5s;
}
.services-block:hover:before{
	background:rgba(6,42,38,0.78);
}
.services-block .service-btn .elementor-button-icon{
	font-size:12px;
}
.services-block:hover .elementor-heading-title,
.services-block:hover .elementor-widget-text-editor,
.services-block:hover .elementor-widget-text-editor p{
	color:#fff !important;
}
.services-block:hover .service-btn .elementor-button{
	color:#fff !important;
	fill:#fff !important;
}
.why-block-img{
	animation: bounce-x 2s infinite linear;
}
@keyframes bounce-x {
    0% {        
        transform: translateX(0);
    }
    50% {        
        transform: translateX(5px);
    }
    100% {        
        transform: translateX(0);
    }
}
.breadcrumb {
    font-size: 16px;
    margin: 0;
    line-height: 24px;
	color:#fff;
}
.breadcrumb .seperator {
    color: #ce9747;
    margin-right: 5px;
}
.breadcrumb a {
    color: #ce9747;
    text-decoration: none;
}
.breadcrumb a svg {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.custom-mv-box svg g {
    color: #fff;
    stroke: #fff;
}
.custom-mv-box-2 svg path {
    color: #ce9747;
    fill: #ce9747;
}
.custom-side{
	position: sticky;
    top: 120px;
    align-self: flex-start;
}
.custom-side,
.custom-side .e-con-inner {
    overflow: visible !important;
}
.custom-sidebar {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}
.custom-sidebar.active,
.custom-sidebar:hover{
    background:#ce9747;
    cursor:pointer;
}
.custom-sidebar.active .elementor-icon-box-title,
.custom-sidebar:hover .elementor-icon-box-title {
    color:#fff !important
}
.custom-sidebar.active .elementor-icon-box-icon .elementor-icon,
.custom-sidebar:hover .elementor-icon-box-icon .elementor-icon{
    color:#fff !important;
    fill:#fff !important;
    stroke:#fff !important
}
#ast-scroll-top {
    background-color: rgba(206, 151, 71, 0.8);
    font-size: 15px;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.policy-details h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 5px 0;
    color: #ce9747;
}
.policy-details h3 {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 5px 0;
    color: #000;
}

.policy-details ul {
    margin: 0 0 10px 0;
}
.policy-details ul li p {
    margin: 0 !important;
}




@media (min-width:200px) and (max-width:768px){
	.home-header .logo-area::after {
    right: -20px;
    clip-path: polygon(90% 0, 98.5% 0, 79.5% 100%, 71% 100%);
	}
	.home-banner .elementor-swiper-button {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 8px;
	}
	.elementor-slide-button{
		padding:10px 20px !important;
	}
	.elementor-counter-title{
		text-align:center;
	}
	.why-img{
		position:relative;
	}
	.top-header-lists ul{
		margin-inline:0 !important;
	}
	.custom-sidebar {
    padding: 10px;
}
}