/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 15 2025 | 17:10:23 */
/*HeroBanner Css*/
.site-header,
.site-footer{
	display:none;
}
.hero_banner_text h1,
.hero_banner_text h6{
  background: -webkit-linear-gradient(11deg, #FD853A, #54545466) !important;
    -webkit-background-clip: text !important;!im;!;
  -webkit-text-fill-color: transparent;
	overflow:visible;
	display:inline;
}
.hero_banner_text h1 span span {
    background: -webkit-linear-gradient(11deg, #FD853A 7%, #ffa8717a 56%, #54545466 76%) !important;
    -webkit-background-clip: text !important;!im;!;
    -webkit-text-fill-color: transparent;
    overflow: visible;
    display: inline;
}
.text_box_ex {
    display: flex;
    gap: 20px;
}
.hero_banner_text h6{
  background: -webkit-linear-gradient(303deg, #FD853A, #eba97f) !important;
    -webkit-background-clip: text !important;!im;!;
  -webkit-text-fill-color: transparent;
	overflow:visible;
	display:inline;
}
.hero_banner_text h5{
	 background: -webkit-linear-gradient(356deg, #FD853A, #eba97f, #938f8d) !important;
	 -webkit-background-clip: text !important;!im;!;
  -webkit-text-fill-color: transparent;
	overflow:visible;
	display:inline;
}
.text_box_ex .text_box {
    display: flex;
    gap: 10px;
	font-family: "Poppins", Sans-serif;
}

.text_box_ex .text_box h4 {
    font-size: 75px;
    margin: 0;
    font-weight: 700;
    display: flex;
	color:#fff;
	font-style: italic;
	font-family: "Poppins", Sans-serif;
}

.text_box_ex .text_box h4 span {
    font-size: 46px;
}

.text_box_ex .text_box p {
    font-weight: 700;
    font-size: 22px;
    margin: 0;
    line-height: 31px;
    display: flex;
    align-items: center;
	color:#FD853A;
	text-transform:uppercase;
	width:min-content;
}

.heading_h2_gd{
	  background: -webkit-linear-gradient(11deg,#FD853A, #DB5400);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	overflow:visible;
	display:inline;
}
.banner-btn-box .banner-girl-img-2,
.banner-btn-box{transition:all 0.4s ease;
opacity:1;
}
.banner-btn-box .elementor-element-ab25228 {bottom:0;transition:all 0.4s ease;}
.banner-btn-box:hover .elementor-element-ab25228 {
    bottom: -90px;
    transition: all 0.4s ease;
}
.banner-btn-box:hover .banner-girl-img-2{
	visibility:hidden;
	transition: all 0.4s ease;	
	opacity:0;
}

/* Home our Services */
.hover_bg_change {
	border-radius: 50px 0 0 50px !important;
    transition: .5s !important;
	position:relative;
	z-index:0;
    /*background:linear-gradient(11deg, #db540000, #db540000) ;*/
	
}
.hover_bg_change:hover {
    padding: 4px 0 !important;
}
.hover_bg_change:hover::before{
	background:linear-gradient(11deg, #fd6e16, #fd6e16) !important;
	left:30px;
	transition:all .5s ease ;
	bottom:1px;
}
.hover_bg_change:hover::after{
	transition: all .5s ease !important;
	opacity:1;
}
.hover_bg_change:after,
.hover_bg_change:before{
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#fff;
	transition:all 0.4s ease !important;
	z-index:-1;
}
.hover_bg_change:after{
	height:100% !important;
	width:100%;
	background:linear-gradient(to right, #fd6e16, #db540000) !important;
	transition:all 0.4s ease ;
	opacity:0;
	border-radius:50px 0 0 50px;
}
.hover_bg_change svg,
.hover_bg_change svg path{
	 transition: 0.4s ease !important;
}
.hover_bg_change:hover svg path{
	stroke:#fd6e16;
	 transition: 0.4s ease !important;
}
.hover_bg_change:hover svg{
		margin-left: 30px !important;
	    margin-right: -30px !important;
		transition: 0.4s ease !important;
}
.hover_bg_change h4{
	transition:.5s !important;
}
.hover_bg_change:hover h4 {
    transition:.5s !important;
	padding-left:30px;
	color:fff;
}
.hover_bg_change h4 b{
	font-weight:300;
	color:#969696;
}
.hover_bg_change:hover h4 b{
	color:#fff;
}


.gd_btn_abb a{
/*background: linear-gradient(90deg,#fd6e16, #db540000);*/
}
.gd_btn_abb a span.elementor-button-icon {
    font-size: 45px;
}
.gd_btn_abb a>div>div{
	display:flex;
	align-items:center;
}
.gd_btn_abb a span.elementor-button-text,
.gd_btn_abb a span.elementor-button-icon{
	display:flex;
	align-items:center;
}
.gd_btn_abb a span.elementor-button-text{
	padding:0 20px
}


/*Our Magic*/
.services-card-section .magic-card-col-001 .magic-card-001 {
    z-index: 3;
	visibility:hidden;
	transition:all 0.4s ease;
	opacity:0;
}
.services-card-section .magic-card-col-001:hover .magic-card-001 {
	visibility:visible;
	transition:all 0.4s ease;
	opacity:1;
}
.services-card-section .magic-card-col-001 .hide_magic_img {
	visibility:visible;
	transition:all 0.4s ease;
	opacity:1;
}
.services-card-section .magic-card-col-001:hover .hide_magic_img {
	visibility:hidden;
	transition:all 0.4s ease;
	opacity:0;
}
.magic-card-001 img {
    filter: blur(4px);
}


/*technologies_logo_section*/
/*.technologies_logo_section .swiper-pagination-bullet {
    width: 25px !important;
    height: 5px !important;
	border-radius:5px !important;
}*/

@media (max-width:820px){
	
	.hover_bg_change {
	border-radius: 0px 0 0 0px !important;
}
	.hover_bg_change:hover {
    background: -webkit-linear-gradient(11deg, #fd6e16, #db540000) !important;
    transition: 0.4s ease !important;
    padding-left: 0px ;
/*     border-color: #f5792c !important; */
		border-radius: 0px 0 0 0px !important;
}
.hover_bg_change:hover::before{
	background: -webkit-linear-gradient(11deg, #fd6e16, #fd6e16) !important;
	left:0px;
	transition: 0.4s ease !important;
	bottom:1px;
}
	.hover_bg_change:after{
		border-radius: 0px 0 0 0px !important;
	}.hover_bg_change:hover svg{
		margin-left: 0px !important;
	    margin-right: 0px !important;
		transition: 0.4s ease !important;
}
	.hover_bg_change:hover h4 {
    transition:.5s !important;
	padding-left:0px;
	color:fff;
}
}
@media (max-width:767px){
	.banner-btn-box:hover .elementor-element-ab25228 {
    bottom: -68px;
    transition: all 0.4s ease;
}
}
@media (max-width:450px){
	.text_box_ex {
    	display: flex;
		flex-direction:column;
		gap: 0;
        align-items: center;
	}
	.text_box_ex .text_box h4 {
		font-size: 60px;
	}
	
}


/*HeroBanner Css*/
