/* 
Theme Name: Hello Elementor 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 */

.sgf-hover-card {
    position: relative;
    overflow: hidden;
}
.sgf-hover-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 61, 78, 0) 50.12%, rgba(0, 61, 78, 0.90) 100% );
    opacity: 1;    
    z-index: 1;
	transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.sgf-hover-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 130%;
    z-index: 1;
	border-radius: 30px;

    background: linear-gradient(180deg, rgba(0, 61, 78, 0.45) 0%, rgba(0, 61, 78, 0.90) 62.23%);

    transform: translateY(100%);
    opacity: 0;

    transition:
        transform 1.15s cubic-bezier(0.16, 1, 0.3, 1),
        opacity 0.9s ease;

    pointer-events: none;
}

.sgf-hover-card > .e-con-inner,
.sgf-hover-card > * {
    position: relative;
    z-index: 2;
}

.sgf-card-title {
    transform: translateY(65px);
    transition: transform 0.45s ease;
}
.sgf-card-desc {
    opacity: 0;
    transform: translateY(35px);
    max-height: 0;
    overflow: hidden;
    transition:
        opacity 0.8s ease 0.12s,
        transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.12s,
        max-height 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.sfg-hover-card .arrow-btn-down {
	transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/*.sgf-hover-card:hover::before {
   background: linear-gradient(180deg, rgba(0, 61, 78, 0.45) 0%, rgba(0, 61, 78, 0.90) 62.23%);
}*/
.sgf-hover-card:hover::after {
    transform: translateY(0);
    opacity: 1;
}
.sgf-hover-card:hover .sgf-card-title {
    transform: translateY(0);
}
.sgf-hover-card:hover .sgf-card-desc {
    opacity: 1;
    transform: translateY(0);
    max-height: 160px;
}
.sgf-hover-card:hover .arrow-btn-down {
    transform: rotate(180deg);
}

.yellow-btn.white-btn::before {
	display: none;
}
.yellow-btn:not(.white-btn) {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: linear-gradient(to right, #003D4E 50%, #FBBD13 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    
    transition: background-position 0.7s ease, color 0.4s ease;
}
.yellow-btn:hover:not(.white-btn) {
    background-position: left bottom;
	color: #FFF;
}

.arrow-btn-down {
    pointer-events: none;
    cursor: default;
	rotate: -90deg;
}
.arrow-btn-down::after {
	content: "";
    width: 24px;
    height: 18px;
    margin-left: -11px;
    margin-top: -4px;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    flex-shrink: 0;
    display: inline-flex;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.7416 16.7036C17.7414 16.9788 17.632 17.2426 17.4374 17.4372C17.2428 17.6318 16.9789 17.7412 16.7038 17.7414L4.9549 17.7414C4.81553 17.7463 4.6766 17.7231 4.54639 17.6732C4.41618 17.6232 4.29737 17.5476 4.19703 17.4507C4.0967 17.3539 4.0169 17.2378 3.9624 17.1094C3.90789 16.9811 3.87981 16.843 3.87981 16.7036C3.8798 16.5641 3.90789 16.4261 3.9624 16.2977C4.0169 16.1694 4.0967 16.0533 4.19703 15.9564C4.29736 15.8596 4.41618 15.7839 4.54639 15.734C4.6766 15.684 4.81553 15.6608 4.9549 15.6658L14.1973 15.6658L0.304314 1.77274C0.109565 1.57799 0.000155516 1.31385 0.000155539 1.03843C0.000156237 0.763016 0.109565 0.49888 0.304314 0.30413C0.499064 0.109381 0.7632 -2.78517e-05 1.03862 -2.85028e-05C1.31403 -2.84796e-05 1.57817 0.109381 1.77292 0.30413L15.6659 14.1971L15.6659 4.95472C15.661 4.81535 15.6842 4.67642 15.7342 4.54621C15.7841 4.416 15.8598 4.29718 15.9566 4.19685C16.0535 4.09651 16.1695 4.01672 16.2979 3.96221C16.4263 3.90771 16.5643 3.87962 16.7038 3.87962C16.8432 3.87962 16.9812 3.90771 17.1096 3.96221C17.238 4.01672 17.354 4.09651 17.4509 4.19685C17.5477 4.29718 17.6234 4.416 17.6733 4.54621C17.7233 4.67642 17.7465 4.81535 17.7416 4.95472L17.7416 16.7036Z' fill='%23003D4E'/%3E%3C/svg%3E");
 }

@media screen and (max-width: 767px) {
	.white-btn {
		justify-content: space-between;
	}
}