/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/


/* Global Button */

.elementor-button {
    line-height: 65px !important;
}

.elementor-button:hover .elementor-button-icon svg path{
    fill: #4BBBFD;
}

.footmail .elementor-icon-box-icon a{
    width: 52.5px;
    height: 52.5px;
    background-color: #2ADC84;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0px 11.63px 15px rgba(0, 0, 0, 0.1);
}

.footmail .elementor-icon-box-icon{
    padding: 8.25px;
    border: 1px solid #2ADC84;
    border-radius: 50%;
}

.mid-text{
    font-weight: 600;

}

.text-mid{
    font-weight: 600;
}



.blue-icon .elementor-icon
{
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EEFAFF;
    border-radius: 50%;
    z-index: 10;
}

.blue-icon .elementor-icon{
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='%23BEDBEF' stroke-dasharray='4 4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.blue-icon  .elementor-icon-box-content{
    padding-bottom: 16px;
    border-bottom: 1px solid #DFF6FF;
}

.blue-icon .elementor-icon::before{
    position: absolute;
    height: 45px;
    width: 1px;
    content: '';
    left: 0px;
    right: 0px;
    bottom: -46px;
    margin: 0 auto;
    transform: scale(1.1236);
    background-image: url("data:image/svg+xml,%3Csvg width='1' height='45' viewBox='0 0 1 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='-2.18557e-08' x2='0.500002' y2='45' stroke='%23BEDBEF' stroke-dasharray='4 4'/%3E%3C/svg%3E ");
}

.blue-icon .elementor-icon{
    position: relative;
}

.last-blue-icon .elementor-icon::before{
    display: none !important;
}

.application-icon .elementor-icon{
    width: 122px;
    height: 122px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E9E7D4;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.17);
    border-radius: 50%;
}

.application-icon .elementor-icon-wrapper{
    display: flex !important;
    justify-content: center !important;
    width: 176px;
    height: 176px;
    align-items: center;
    background-color: #E9E7D4;
    border-radius: 50%;

}

.application-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='216' height='216' viewBox='0 0 216 216' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='108' cy='108' r='107.5' stroke='%23222222' stroke-dasharray='8 8'/%3E%3C/svg%3E ");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.footmail .elementor-icon-box-title a:hover{
    color: #333333;
}

#timelineProgress line {
  stroke-opacity: 1; /* ensure fully visible */
}
/* Time line scroller animation */

.timeline-wrapper {
  position: relative;
  width: 100%;
  max-width: 1576px;
  margin: 150px auto;
  height: 56px;
}

.timeline-wrapper svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

#timelineProgress line {
  stroke-dasharray: 1598;
  stroke-dashoffset: 1598;
}


.circle {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #333;
  border: 4px solid #fff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.09);
  transition: background 0.3s ease;
}


.circle[data-index="1"] { left: 0%; 
   border: none;
   width: 18px;
   height: 18px;
}
.circle[data-index="2"] { left: 16%; }
.circle[data-index="3"] { left: 50%; }
.circle[data-index="4"] { left: 84.5%; }
.circle[data-index="5"] { left: 100%;
   border: none;
   width: 18px;
   height: 18px;
}

.circle.active {
  background: #4BBBFD;
}

#timelineProgress line, #timelineBase line {
    vector-effect: non-scaling-stroke;
    stroke-opacity: 1;
}




/* Responsive parts */

@media only screen and (max-width: 1347px) {
  
.elementor-button {
    line-height: 54px !important;
}
}

@media only screen and (max-width: 1024px) {
    .elementor-button {
        line-height: 49px !important;
    }

    .elementor-button-icon svg{
     font-size: 15px;
    }

   
}


@media only screen and (max-width: 767px) {
  
   .footmail {
    display: flex;
    justify-content: center !important;
}

.blue-icon .elementor-icon::before{
    display: none;
}

.blue-icon .elementor-icon-box-icon{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.last-blue-icon .elementor-icon-box-icon{
    border: none;
}

.blue-icon .elementor-icon-box-content{
    display: flex;
    align-items: center;
    justify-content: center;
}

.blue-icon .elementor-icon-box-description{
    width: 50% !important;
}

.application-process .elementor-image-box-title {
    width: 50%;
}

.application-process .elementor-image-box-content {
    display: flex;
    justify-content: center;
}

}



@media only screen and (max-width: 445px) {
        .elementor-button {
        line-height: 41px !important;
    }

        .elementor-button-icon svg {
        font-size: 12px;
    }

}