/* 
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
*/

/*
    Add your custom styles here

html, body {overflow-x: hidden !important;}

p {margin-bottom: none;}


/* Hello Title & Description */



body { font-family: "Heebo";}


p { color: #092540;}




.tax_wrapper .elementor-widget-container { 
    
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(20, 50px);
  gap: 20px;
 }


.tax_wrapper2 .elementor-widget-container { 
    
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(20, 50px);
  gap: 20px;
 }




.tax {
    padding: 1rem 0px; 
    display: flex;
    justify-content: center;
    justify-items:center;
    width: 80%;
    

}

#termtemp { margin-top: 80px;}



.taxa {
    padding: 1rem 0px; 
    display: flex;
    background: #f4f4f4;
    justify-content: center;
    justify-items:center;
    border-radius:  20px 0px 0px 20px;
    width: calc(100% - 44px);
    height: 50px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    

}
    


.taxa a {color:#0C3B5A; position: relative; display: block; width: 100%; text-align: center; font-weight: 500; top: -6px; font-weight: bold !important; font-size: 22px;
    text-align: right !important; padding-right: 20px;}


.bgtax i::after{
    position: absolute;
    

}



.bgtax { width: 55px; height: 50px; border-radius: 0px 20px 20px 0px;box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.bgtax i { 
    font-size: 27px;
    color: #fff;
    position: relative;
    right: 22%;
    top: 22%;
}



.breadcrumbs a { color: #074D7D; font-weight: 500 !important; font-size: 1.8rem; }
.breadcrumbs a:hover { color: #1672A5; }


.breadcrumbs {
    color:#1672A5;
    font-weight: 500 !important;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: start;
}



.breadcrumbs span { padding: 0px 4px;}

.check:before {
    content: '';
    width: 14px;
    height: 9px;
    background: url("images/check.svg") no-repeat center center/contain;
}



.paths {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 5px;
    flex-direction: row-reverse;
}



.path_row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 216.68px;
    flex-direction: row-reverse;
}



.point_name {
    min-height: 0;
    position: absolute;
    top: calc(71% + 10px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 90px;
    left: -20px;
    text-align: center;
}



.point_top_name {
   
    top: calc(51% + 10px) !important;
}







.green_arrow {
    position: relative;;
    margin-left: -1px;
    align-self: center;
    height: 8px;
    background: url('images/g_line.svg') repeat-x center center;
    z-index: 2;
    width:80px;
   
}


.green_arrow:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: -2px;
    top: 0.5px;
    background: url('images/g_circle.svg') no-repeat left center;
}

.green_arrow:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    right: -2px;
    top: 0;
    background: url('images/g_arrow.svg') no-repeat right center;
}


.yeloow_arrow {
    position: relative;
    top: 17.5px;
    margin-left: -1px;
    align-self: center;
    height: 8px;
    background: url('images/y_line.svg') repeat-x center center;
    z-index: 2;
    width:80px;
    
}


.yeloow_arrow:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: -2px;
    top: 0.5px;
    background: url('images/y_circle.svg') no-repeat left center;
}

.yeloow_arrow:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    right: -2px;
    top: 0;
    background: url('images/y_arrow.svg') no-repeat right center;
}


.bottom_point_item {
    align-self: flex-end;
    z-index: 1;
    position: relative;
}


.violet_arrow {
    position: relative;
    top: 41px;
    height: 8px;
    background: url('images/v_line.svg') repeat-x center center;
    z-index: 2;
    width:80px;
}


.violet_arrow:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: -2px;
    top: 0.5px;
    background: url('images/v_circle.svg') no-repeat left center;
}

.violet_arrow:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    right: -2px;
    top: 0;
    background: url('images/v_arrow.svg') no-repeat right center;
}



.point_first_path .check {
    border: 1px solid #A358D0;
}

point_second_path .check {
    border: 1px solid #fc0;
}



.double_arrow {
    position: relative;
    height: 166px;
    min-width: 156px;
    background: url('images/double_line.svg') no-repeat right center;
    margin-left: 0px;
    z-index: 2;
}

.double_arrow:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 100%;
    left: -2px;
    top: 0;
    background: url('images/v_circle.svg') no-repeat left center;
}



.disable { }

.purple_disable .point{ background: #A358D0 !important;}
.yeloow_disable .point{ background: #fc0 !important;}
.green_disable .point{ background: #00CC67 !important;}


.first_deme { margin-top: 60px;}
.third_deme { position: relative; top: 30px;}



.point.active {
    background: #DFF0FF;
}

.point.active .check{
    background: #00CC67;
}



.point_first_path.active .check {
    background: #A358D0;
}

.point_second_path .check {
    border: 1px solid #FFCC00;
}

.point_second_path.active .check {
    background: #FFCC00;
}






#positions { margin-top: 7rem; }

.box {
    padding: 42px 56px;
    padding-bottom: 30px;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 22.5px;
    margin-top: 3rem;
    display: none;
}



.box h4 { color: #0c3b5a; font-size: 1.6rem; } 




.point_name h4 { font-weight: 400 !important; font-size: 0.9rem !important;}


.point_middle_name {width: 100px; }





.point {
    
position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F6F8;
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    margin: 23px 0;
    cursor: pointer;
    transition: all .3s;    
    
    
}


.check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #00CC67;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .3s;
}



.single_row {
    position: relative;
    display: flex;
    justify-content: left;
    flex-direction: row-reverse;
}

.row_name {
    position: absolute;
    left: 0;
    bottom: 18px;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
}

.point_first_path, .point_second_path {
    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
}


.point_first_path {
    margin-bottom: 55px;
}



.bottom_point_item {
    align-self: center;
    z-index: 1;
    position: relative;
}

.point_second_path {
    margin-top: 55px;
}

.double_rows {
    width: 100%;
}


.point_item {
    align-self: flex-start;
    z-index: 1;
    position: relative;
}



.row_top_name { position: absolute; top: -35%; left: 3px;}

.bottom_row_name { position: absolute;    top: 113%;
    left: 4px;
}




.row_top_name h4 { background: #A358D0; color: #fff; font-size: 1rem; padding: 10px 25px; border-radius: 20px; } 


.bottom_row_name h4 { background: #FFCC00; color: #fff; font-size: 1rem; padding: 10px 25px; border-radius: 20px; } 


@media only screen and (max-width: 600px) {
  

    
    
}