/* Custom styling for Custom website */

html,body {
	overflow-x: hidden !important;
	scroll-behavior: smooth;
}
body {
	overflow-y:hidden;
}
.elementor-location-header {
	position:relative;
}


.button-arrows span.elementor-button-icon svg {
    font-size: 21px!important;
    position: relative!important;
    top: 1px!important;
}

.button-arrows:hover .elementor-button-icon svg path  {
   fill: #ffffff !important;
	
}


.buttons-svg-color svg{ 
	font-size: 21px!important;
    position: relative!important;
    top: 1px!important;
}



/* services area */
.buttons-after-line::before{
    content: ""!important;
    position: absolute!important;
    background: #074E78!important;
    width: 20px!important;
    height: 3px!important;
    bottom: 0px!important;
    transition: 1s!important;
    
}


.buttons-after-line:hover::before{
    content: ""!important;
    width: 30px!important;
    bottom: 0px!important;
    transition: 1s!important;
}



.form-contacts .elementor-form input::placeholder {
    color: black !Important;
    opacity: 1!Important;
}

.form-contacts .elementor-form textarea::placeholder {
    color: black !Important;
    opacity: 1!Important;
	padding-top: 20px!important;
}



.multiheading span {
    color: #074E78!important;
}



.Newsletters .elementor-form input::placeholder {
    color: #63666D !Important;
    opacity: 1!Important;
}


.email-links a{
		color:black !important;
}


.post-content blockquote{
   margin: 0!important;
}

.post-content blockquote h2{
	
	font-family: Encode Sans!important;
	font-weight: 400!important;!important;
	font-style: Regular!important;
	font-size: 30px!important;
	line-height: 2.5rem!important;
	border-left: 4px solid #074E78!important;
	padding-left: 45px!important;

}



.elementor-custom-embed-play{
    position: relative;
    z-index: 2;
}

/* Common Wave Style */
.elementor-custom-embed-play::before,
.elementor-custom-embed-play::after,
.elementor-custom-embed-play span{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: waveAnim 3s infinite;
}

/* Small Wave */
.elementor-custom-embed-play::before{
    width: 180px;
    height: 180px;
    background: rgba(0, 102, 170, 0.35);
    animation-delay: 0s;
}

/* Medium Wave */
.elementor-custom-embed-play::after{
    width: 280px;
    height: 280px;
    background: rgba(0, 102, 170, 0.22);
    animation-delay: 1s;
}

/* Large Wave */
.elementor-custom-embed-play span{
    width: 380px;
    height: 380px;
    background: rgba(0, 102, 170, 0.12);
    animation-delay: 2s;
    z-index: -3;
}

@keyframes waveAnim{
    0%{
        transform: translate(-50%, -50%) scale(0.7);
        opacity: .8;
    }

    100%{
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}



.services-sections{
    height: 100%!important;
    /* display: block; */
}

.services-parent{
	 height: 100%!important;
}


.zoom-img{
    overflow:hidden;
    border-radius:20px; /* optional */
}

/* Image */
.zoom-img img{
    width:100%;
    display:block;
    transition:transform 0.6s ease;
    transform:scale(1);
}

/* Hover Effect */
.zoom-img:hover img{
    transform:scale(1.1);
}


/* blog animation  */

.blog-image-vip {
  position: relative;
}

/* image smooth base */
.blog-image-vip img {
  transition: transform 0.6s ease, filter 0.6s ease;
  will-change: transform;
}

/* floating animation */
.blog-image-vip {
  animation: floaty 6s ease-in-out infinite;
}

/* hover zoom + brightness */
.blog-image-vip:hover img {
  transform: scale(1.08) rotate(1deg);
  filter: brightness(1.1);
}

/* shine effect */
.blog-image-vip::before {
  content: "";
  position: absolute;
  top: -100%;
  left: -75%;
  width: 50%;
  height: 300%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.4),
    transparent
  );
  transform: skewX(-25deg);
}

.blog-image-vip:hover::before {
  animation: shine 1s ease;
}



/* SHINE MOVE */
@keyframes shine {
  0% { left: -75%; }
  100% { left: 125%; }
}



.services-parent:hover{
    background-color: #074E78 !important;
}

.services-parent:hover h4{
    color: white !important;
}

.services-parent:hover .post-contents{
    color: white !important;
}

.services-parent:hover .icon-images{
    filter: brightness(0) saturate(100%) invert(1)!important;
}