/* 
Theme Name: SEO Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
h2 span {
    background: linear-gradient(268.52deg, #2647C7 21.6%, rgba(38, 71, 199, 0.7) 104.08%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 64px;
    padding-bottom: 5px; 
    display: inline-block;
}
.main-link .elementor-button-link {
    position: relative;
    padding-left: 24px;
    transition:  padding-left 0.5s;
}
.main-link .elementor-button-link:hover{
    padding-left: 45px;
}
.main-link .elementor-button-icon {
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%) translateX(10px);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.main-link .elementor-button-link:hover .elementor-button-icon {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}
.hero-section{
	position: relative;
    background-color: #F9FAFB;
}
.hero-section:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(86.01% 50.19% at 50.61% 98.78%, rgba(204, 228, 249, 0.6) 0%, rgba(204, 236, 250, 0) 100%),
    radial-gradient(50.87% 18.39% at 50.61% 97.58%, rgba(204, 228, 249, 0.7) 0%, rgba(204, 236, 250, 0) 100%);
    border-radius: 0 0 80px 80px;
}
.about-block {
    position: relative;
    border-radius: 24px;
    box-shadow: 0px 2px 2px 0px #00000014;
    padding: 10px;
    background: linear-gradient(180deg, #FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(180deg, #FFFFFF, #FFFFFF) border-box;
    border: 4px solid transparent;
    transition: background 0.8s ease;
}
.about-block:hover{
    background: linear-gradient(180deg, rgba(236, 248, 254, 0.5), rgba(236, 248, 254, 0.5)) padding-box, 
                linear-gradient(180deg, #FFFFFF, #FFFFFF) border-box;
                transition: background 0.8s ease;
}
.about-block .elementor-image-box-content{
	padding: 0 25px 30px;
}
.services-section{
	background: radial-gradient(129.76% 66.84% at 50% -16.84%, #CCE4F9 0%, #F9FAFB 100%);
}
.more-seo{
	background: radial-gradient(#67AFEE -50%, #2647C7 70%);
	box-shadow: -1px 2px 4px 0px #0000001F;
}

.services-section .elementor-widget-container {
    position: relative;
    overflow: hidden;
}

.services-section .elementor-icon-box-title, 
.services-section .elementor-icon-box-description {
    position: absolute;
    width: calc(100% - 90px);
    left: 0;
    transition: all 0.5s ease;
    right: 90px;
}

.services-section .elementor-icon-box-title {
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    margin: 0;
}

.services-section .elementor-icon-box-description {
    top: 100%;
    opacity: 0;
}

.services-section .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    top: -50%;
    opacity: 0;
}

.services-section .elementor-icon-box-wrapper:hover .elementor-icon-box-description {
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}
.why-seo .elementor-icon svg{
    margin-right: 35px;
}
.buy-block{
    position: relative;
    padding-bottom: 90px;
    overflow: hidden;
}


.buy-block .more-buy {
    position: absolute;
    transform: translateY(calc(100% - 70px));
    opacity: 1;
    transition: all 0.5s ease;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: 70px;
    background: #fff;
}
.buy-block:hover .more-buy {
    height: calc(100% - 20px);
    transform: translateY(0);
    top: 10px;
    opacity: 1;
    transition:  translateY 1s ease, transform 1s ease;
}
.buy-block .more-buy ul {
    opacity: 0;
    visibility: hidden;
    list-style: none;
    padding: 0;
    margin: 30px 0 0;

}
.buy-block:hover .more-buy ul{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.buy-block .more-buy ul li{
    position: relative;
    padding: 7px 32px 7px 0;
    font-family: var(--e-global-typography-primary-font-family);
}
.buy-block .more-buy ul li:before {
    position: absolute;
    content: "";
    right: 0;
    top: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 24 24'%3E%3Cpath fill='%232647c7' d='M 12 0 C 5.371094 0 0 5.371094 0 12 C 0 18.628906 5.371094 24 12 24 C 18.628906 24 24 18.628906 24 12 C 24 5.371094 18.628906 0 12 0 Z M 11 17.414063 L 6.292969 12.707031 L 7.707031 11.292969 L 11 14.585938 L 18.292969 7.292969 L 19.707031 8.707031 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.team-section .team-block img{
    width: 100%;
}
.team-block .elementor-image-box-wrapper{
    position: relative;
    background: linear-gradient(180deg, #FFFFFF, rgba(219,219,219,.3)) padding-box, 
                linear-gradient(180deg, #FFFFFF, #FFFFFF) border-box;
    transition: background 0.8s ease;
    border-radius: 24px;
}
.team-block .elementor-image-box-wrapper .elementor-image-box-content{
    padding: 0 10px 10px;
}
.elementor-widget-n-accordion .e-n-accordion-item{
    position: relative;
    background: linear-gradient(180deg, #FFFFFF, rgba(219,219,219,.3)) padding-box, 
                linear-gradient(180deg, #FFFFFF, #FFFFFF) border-box;
    transition: background 0.8s ease;
    border-radius: 24px;
}
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{
    border-radius: 24px 24px 0 0;
}
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-con{
    border-radius: 0 0 24px 24px;
}
.elementor-testimonial{
    display: flex;
    flex-direction: column-reverse;
}
.elementor-testimonial .elementor-star-rating{
    position: absolute;
    left: 0;
}
.elementor-star-rating i:before{
    font-family:eicons!important ;
}
@media (max-width: 1400px) {
    .buy-block .more-buy ul li{
        padding: 5px 32px 5px 0;
    }
    .more-buy .elementor-icon-box-wrapper{
        position: relative;
    }
    .about-block .elementor-image-box-content{
        padding: 0 15px 30px;
    }
    .more-buy .elementor-icon-box-wrapper .elementor-icon-box-icon {
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
    }
}
@media (max-width: 767px) {
    .about-block img{
        width: 100%;
    }
    .services-section .elementor-icon-box-title{
        min-height: 60px;
    }
    .services-section .elementor-icon-box-title, 
    .services-section .elementor-icon-box-description {
        transform: translateY(0%);
        position: relative;
        width: auto;
        left: unset;
        transition: all 0.5s ease;
        right: unset;
        top: unset;
        opacity: initial
    }
    .main-link .elementor-button-link{
        padding-left: 45px;
    }
    .main-link .elementor-button-link .elementor-button-icon{
        opacity: 1;
        transform: translateY(-50%) translateX(0);
    }
    .buy-block {
        padding-bottom: 10px; 
        overflow: visible; 
    }
    .buy-block .more-buy {
        position: static; 
        transform: none;
        opacity: 1;
        transition: none;
        width: 100%;
        height: auto;
        background: #fff;
        top: auto;
        bottom: auto;
        left: auto;
    }

    .buy-block .more-buy ul {
        opacity: 1;
        visibility: visible;
        transform: none;
        margin: 20px 0 0;
    }
    .buy-block:hover .more-buy,
    .swiper-slide-active .buy-block .more-buy {
        height: auto;
        transform: none;
        top: auto;
        transition: none;
    }
    .buy-block:hover .more-buy ul,
    .swiper-slide-active .buy-block .more-buy ul {
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

@media (max-width: 540px) {
    .buy-block {
        padding-bottom: 10px; 
        overflow: visible; 
    }

    .buy-block .more-buy {
        position: static; 
        transform: none;
        opacity: 1;
        transition: none;
        width: 100%;
        height: auto;
        background: #fff;
        top: auto;
        bottom: auto;
        left: auto;
    }

    .buy-block .more-buy ul {
        opacity: 1;
        visibility: visible;
        transform: none;
        margin: 20px 0 0;
    }
    .buy-block:hover .more-buy,
    .swiper-slide-active .buy-block .more-buy {
        height: auto;
        transform: none;
        top: auto;
        transition: none;
    }
    .buy-block:hover .more-buy ul,
    .swiper-slide-active .buy-block .more-buy ul {
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    .services-section .elementor-icon-box-title, 
    .services-section .elementor-icon-box-description {
        position: relative;
        width: 100%;
        left: unset;
        transition: none;
        right: unset;
    }

    .services-section .elementor-icon-box-title {
        top: unset;
        transform: unset;
        opacity: 1;
        margin: 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .services-section .elementor-icon-box-description {
        top: unset;
        opacity: 1;
    }

    .services-section .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
        top: unset;
        opacity: 1;
    }

    .services-section .elementor-icon-box-wrapper:hover .elementor-icon-box-description {
        top: unset;
        transform: unset;
        opacity: 1;
    }
    .elementor-testimonial__text{
        text-align: center;
    }
}