body {opacity: 0;
 animation: fadeIn 2s forwards;
 }
        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

.eael-creative-button{transition: all 0.4s ease-in-out;}

#site-logo #site-logo-inner a img{ width:300px;}

.has-social #site-navigation-wrap, .has-after-header-content #site-navigation-wrap {right: 20px; top: 34px;}

.smalldot{
	background-image: url("https://ask4rtechnologies.in/wp-content/uploads/2025/03/dotss.png");
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position-y: center;	
}

.textgradient{
background: -webkit-linear-gradient(#1956c1, #e2403b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;		
}

.services{
		background-color:#fff;	
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-left:10px;
		margin-right:10px;
		padding-left: 30px;
		margin: 5px;
}

.services p{padding-right:10px; }

.serviceicon{
		padding-top:32px;
		width:80px;
		padding-bottom: 8px;
}
.servicebutton{
		padding-top:10px;
		clear:both;
}
.butnew{
		padding-top:10px;
		padding-bottom:10px;
		padding-left: 15px;
    padding-right: 15px;
		background-color: #eaa329;
		border-radius:10px;
		color:#fff;
}
.butnew:link{color:#fff; }
.butnew:hover{
		background-color: #265080;
		color:#fff;
}
.spacer10{
height:10px;		
}

.statics p{
		color: #fff;
  font-size: 15px;
  line-height: 25px;
}

.statics h4{
		margin-bottom: 2px;
  color: #fff;
  font-size: 18px;
}

.slidertext{
	font-size: 48px;
		color:#000;
  font-weight: 300;
  line-height: 62px;
}
.slidertext a{
		color:#000;
}
.slidertext a:hover{
		color:#265080;
}

.slidertext i{
		margin-left:15px;
		margin-right:15px;
		background: -webkit-linear-gradient(#1956c1, #e2403b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;		
}

.single .entry-content p {
		text-align:justify;
}


.background-image-page-header-overlay {
  opacity: 0.5;
		background: rgb(25,86,193);
background: linear-gradient(90deg, rgba(25,86,193,1) 0%, rgba(226,64,59,1) 100%);
}

.yellowtext{color:#eaa329; text-decoration:underline;}

.page-header .page-subheading {
  font-size: 15px;
  line-height: 1.8;
  width: 50%;
  margin-top: 15px;
}


.contactform{width:100%;}
.contactform textarea {width:100% !important; height:80px;}
.contactrow{margin-bottom: 10px;}
.contactcol1{width: 32%; display: inline-block; margin-right:8px;}
.contactcol2{width: 32%; display: inline-block; margin-right:8px;}
.contactcol3{width: 32%; display: inline-block; margin-right:0px;}
.contactfull{width: 100%; display: inline-block;}



@media only screen and (max-width: 959px) {
  body.default-breakpoint .oceanwp-mobile-menu-icon {
    display: block;
    margin-top: 0px;
  }
		.serviceicon{
		padding-top: 25px;
    width: 52px;
		padding-bottom: 8px;
}
		.services{
		padding-left: 25px;
}
		
#site-header-inner {
  padding: 10px 15px 10px 15px;
		}
#site-logo #site-logo-inner a img{ width:80px;}		
		.page-header .page-subheading {width:100%;}		
		
}

@media (max-width: 480px) {
  .page-header, .has-transparent-header .page-header {
    padding: 50px 0 50px 0;
  }
		.page-header .page-subheading {width:100%;}
		#site-logo #site-logo-inner a img{ width:80px;}
}


@media only screen and (max-width: 767px) {
.services{padding-left: 0px;}
.serviceicon{padding-top: 10px; width: 72px; padding-bottom: 8px;}
.elementor-4094 .elementor-element.elementor-element-dda5666 span.eael-testimonial-quote {
 top: -26%;  right: 72%;}
#top-bar-wrap {display: none;}	
		.services p{padding-right:10px; padding-left:10px;}
}

#chaty-widget-0 .chaty-widget {
  right: 12px;
  left: auto;
}

#chaty-widget-0 .chaty-widget {
  bottom: 75px;
}