/*
Theme Name: Hello Elementor Child
Description: Child theme for Hello Elementor
Author: Sushil Kumar
Template: hello-elementor
Version: 1.0
*/

/* ------------------------------------------------ header -------------------------------------------------- */
.cta-button-header .elementor-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #F04B21;
    height: 100%;
    width: 50.5%;
    transform: scaleX(0);
    transform-origin: right;
    z-index: -1;
    transition: all .5s;
}

.cta-button-header .elementor-button {
    position: relative;
    z-index: 0;
}

.cta-button-header .elementor-button::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background:#F04B21;
    height: 100%;
    width: 50.5%;
    transform: scaleX(0);
    z-index: -1;
    transition: all .5s;
    transform-origin: left;
}
.cta-button-header .elementor-button:hover::before, .cta-button-header .elementor-button:hover::after {
    transform: scaleX(1);
}

@media  (max-width: 767.98px){
.header-menu {
    margin-left: auto;
}
.header-menu button.jkit-hamburger-menu {
    display: flex !important
;
    justify-content: center;
    align-items: center;
}
}


@media (min-width: 768px) and (max-width: 1024.98px){
    div#ekit-megamenu-main-menu {
    padding-bottom: 0;
    align-items: end;
}
}

/* ---------------------------------------------------------------------------------------------------------- */


/* Hide horizontal overflow for the entire page */
html, body {
   overflow-x: hidden;
}

.icon-shadow .elementor-social-icons-wrapper .elementor-icon {
    box-shadow: 12px 12px 20px rgba(3, 39, 55, 0.08);
    transition: all .5s;
}


.icon-shadow .elementor-social-icons-wrapper .elementor-icon:hover svg path{
    fill: #fff !important;
}



.icon-box-shadow-banner::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background:rgba(255, 255, 255, 0.2);
    width: 66px;
    height: 66px;
    z-index: -1;
    box-shadow:1.13636px 4.54545px 40px rgba(5, 88, 85, 0.4);
}

 .shadow-yellow::before{
     box-shadow: 1.13636px 4.54545px 40px rgba(240, 185, 48, 0.4); 
 }
 
  .shadow-orrange::before{
     box-shadow: 1.13636px 4.54545px 40px rgba(240, 75, 33, 0.4);
 }

.icon-box-shadow-banner {
    animation: grow 3s ease-in infinite alternate;
}
.anim-delay-2ms{
    animation-delay: .2s;
}
.anim-delay-4ms{
    animation-delay: .4s;
}
@keyframes grow{
    0%{
        transform:scale(1);
    }
    100%{
        transform:scale(.7);
    }
}


@media (max-width: 767.98px){
    .icon-box-shadow-banner::before {
    width: 60px;
    height: 60px;
}
}
.counter-item::before {
    clip-path: polygon(0 61%, 100% 0, 100% 100%, 0% 100%);
}

.counter-item .elementor-counter-number-wrapper .elementor-counter-number-suffix {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.counter-item .elementor-counter-number-wrapper {
    align-items: baseline;
}

/* ============== */
/* CTA Button */
/* ============== */

.cta-button-orrange .elementor-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: var( --e-global-color-accent );!i;!;!;!i;!;
    height: 100%;
    width: 50.5%;
    transform: scaleX(1);
    transform-origin: right;
    z-index: -1;
    transition: all .5s;
}

.cta-button-orrange .elementor-button {
    position: relative;
    z-index: 0;
}

.cta-button-orrange .elementor-button::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: var( --e-global-color-accent );
    height: 100%;
    width: 50.5%;
    transform: scaleX(1);
    z-index: -1;
    transition: all .5s;
    transform-origin: left;
}
.cta-button-orrange .elementor-button:hover::before, .cta-button-orrange .elementor-button:hover::after {
    transform: scaleX(0);
}
.cta-button-orrange .elementor-button:hover{
    color: var( --e-global-color-accent );
}

/* ------------------------------------------------ services -------------------------------------------------- */

.service-box:hover{
    z-index: calc(var(--z-index) + 1);
}

.service-box{
	border: 1px solid transparent;
}


/* ------------------------------------------------ blogs -------------------------------------------------- */
    .icon-box-shadow-banner::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background:rgba(255, 255, 255, 0.12);
    width: 66px;
    height: 66px;
    z-index: -1;
    box-shadow: 1.13636px 12px 64px rgba(240, 75, 33, 0.32);
}

.icon-box-shadow-banner {
    animation: grow 3s ease-in infinite alternate;
}
.anim-delay-2ms{
    animation-delay: .2s;
}
.anim-delay-4ms{
    animation-delay: .4s;
}
.anim-delay-6ms{
    animation-delay: .6s;
}
@keyframes grow{
    0%{
        transform:scale(1);
    }
    100%{
        transform:scale(.7);
    }
}

.blog-grid .jkit-postblock-content {
    display: flex
;
    flex-direction: column;
}

.blog-grid .jkit-post-excerpt {
    border-bottom: 1px dashed #E4E5E7;
    padding-bottom: 32px;
}
.blog-grid .jkit-post-meta {
    justify-content: start !important;
}

.blog-grid .jkit-post:hover {
    border-color: #f04b214d !important;
    transform: translateY(-4px);
}

.blog-grid .jkit-post {
    transition: all .4s ease-in-out;
}

.blog-grid .jkit-post:hover .thumbnail-container {
    transition: all .4s ease;
}

/* ------------------------------------------------ posts -------------------------------------------------- */

  .post-feature-img img{
      height: 544px;
      object-fit: cover;
  }
  .post-feature-img {
    max-height: 544px;
}

.post-feature-img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(3, 39, 55, 0) 50.12%, #032737 95.63%);
    border-radius: 12px;
}

.blog-post-categories .jkit-category.category-list-item a {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    background: #032737;
    padding: 24px;
}

.blog-post-categories .jkit-category.category-list-item a:hover {
    background: var(--e-global-color-accent);
}

.blog-post-categories .jkit-category.category-list-item:first-child a {
    border-radius: 4px 4px 0 0;
}

.blog-post-categories .jkit-category.category-list-item:last-child a {
    border-radius: 0 0 4px 4px;
}

.post-page-grid .jkit-thumb {
    max-width: 112px !important;
}

.post-page-grid article.jkit-post:last-child {
    border: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.blog-page-tags .term-list a {
    border: 1px solid #E4E5E7;
    padding: 4px 16px;
    border-radius: 100px;
    transition: all .5s;
    display: inline-block;
}

.blog-page-tags .term-list a:hover {
    background: var( --e-global-color-primary );
    color: #fff !important;
    border: 1px solid var( --e-global-color-primary );
}

.post-terms {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}



@media (max-width: 767.98px){
    .post-feature-img img {
    height: 375px;
}

.post-feature-img::before {
    background: linear-gradient(180deg, rgba(3, 39, 55, 0) 35.12%, #032737 90.63%);
}
}

@media (min-width: 768px) and (max-width: 1024.98px){
    .post-feature-img img {
    height: 470px;
}
}

/* ------------------------------------------------ footer -------------------------------------------------- */
a{
    text-decoration: none !important;
}
.footer-links ul{
    list-style-type: none;
}
.footer-icons svg {
    font-size: 20px;
}
/* ============== */
/* CTA Button */
/* ============== */

.cta-button-orrange .elementor-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: var( --e-global-color-accent );!i;!;!;!i;!;
    height: 100%;
    width: 50.5%;
    transform: scaleX(1);
    transform-origin: right;
    z-index: -1;
    transition: all .5s;
}

.cta-button-orrange .elementor-button {
    position: relative;
    z-index: 0;
}

.cta-button-orrange .elementor-button::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: var( --e-global-color-accent );
    height: 100%;
    width: 50.5%;
    transform: scaleX(1);
    z-index: -1;
    transition: all .5s;
    transform-origin: left;
}
.cta-button-orrange .elementor-button:hover::before, .cta-button-orrange .elementor-button:hover::after {
    transform: scaleX(0);
}
.cta-button-orrange .elementor-button:hover{
    color: var( --e-global-color-accent );
}
/*=======END========*/

.footer-icons .elementor-icon:hover svg path {
    fill: #f04b21;
}

.footer-icons .elementor-icon svg path {
    transition: all .4s ease;
}
.icon-box-shadow::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.02);
    width: 72px;
    height: 72px;
    z-index: -1;
    box-shadow: 1.13636px 12px 64px rgba(240, 185, 48, 0.4);
}

.wing-anim{
    animation: wing 5s linear infinite alternate;
}

@keyframes wing{
    0%{
        transform: translateY(0px)
    }
    100%{
        transform: translateY(-30px)
    }
}

@media (max-width: 767.98px){
    .mobile-responsive-width {
    max-width: 310px !important;
    margin: auto;
}
}

/* ---------------------------------------------------------------------------------------------------------- */

/* Hide horizontal overflow for the entire page */
.icon-shadow .elementor-social-icons-wrapper .elementor-icon {
    box-shadow: 12px 12px 20px rgba(3, 39, 55, 0.08);
    transition: all .5s;
}


.icon-shadow .elementor-social-icons-wrapper .elementor-icon:hover svg path{
    fill: #fff !important;
}



.icon-box-shadow-banner::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background:rgba(255, 255, 255, 0.2);
    width: 66px;
    height: 66px;
    z-index: -1;
    box-shadow:1.13636px 4.54545px 40px rgba(5, 88, 85, 0.4);
}

 .shadow-yellow::before{
     box-shadow: 1.13636px 4.54545px 40px rgba(240, 185, 48, 0.4); 
 }
 
  .shadow-orrange::before{
     box-shadow: 1.13636px 4.54545px 40px rgba(240, 75, 33, 0.4);
 }

.icon-box-shadow-banner {
    animation: grow 3s ease-in infinite alternate;
}
.anim-delay-2ms{
    animation-delay: .2s;
}
.anim-delay-4ms{
    animation-delay: .4s;
}
@keyframes grow{
    0%{
        transform:scale(1);
    }
    100%{
        transform:scale(.7);
    }
}


@media (max-width: 767.98px){
    .icon-box-shadow-banner::before {
    width: 60px;
    height: 60px;
}
}