/*----------------------------------------------
*
* [Default Stylesheet]
*
* Theme    : Eco-c
* Version  : 1.0
* Author   : Arcticlab
* Support  : arcticlab.ru
* 
----------------------------------------------*/

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

[ALL CONTENTS]

1. Root
2. Button
3. Effect

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

/*----------------------------------------------
1. Root
----------------------------------------------*/

/* #region Root */

:root {
    --white-color: #ffffff;
    --header-bg-color: #1B6737;
}

/* #endregion Root */

/*----------------------------------------------
2. Button
----------------------------------------------*/
.green-btn {
    background-color: #2AA055;
    transition: 0.3s ease;
}
.green-btn:hover {
    background-color: #24914C;
    transition: 0.3s ease;
}
.green-btn:active {
    background-color: #1B6737;
    transition: 0.3s ease;
}

.white-green-btn {
    background: #FFF;
    border-color: #2AA055;
}
.white-button-green-border:hover {
    
}
.white-button-green-border:active {
    
}
.slider-btn-switch {
    background-image: url("data:image/svg+xml;charset=UTF-8,%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' transform='rotate(180 30 30)' stroke='%232AA055'/%3e%3cpath d='M37.2961 29.7297C37.2962 29.8459 37.2753 29.9609 37.2345 30.0682C37.1938 30.1755 37.134 30.273 37.0586 30.355L28.9505 39.2002C28.6337 39.5459 28.1206 39.5459 27.804 39.2002C27.4874 38.8546 27.4872 38.2949 27.804 37.9495L35.3388 29.7297L27.804 21.5098C27.4872 21.1642 27.4872 20.6045 27.804 20.2591C28.1208 19.9137 28.6339 19.9135 28.9505 20.2591L37.0586 29.1043C37.134 29.1864 37.1938 29.2838 37.2345 29.3912C37.2753 29.4985 37.2962 29.6135 37.2961 29.7297Z' fill='%232AA055'/%3e%3c/svg%3e ");
    background-size: cover;
    transition: 0.3s ease;
}
/*, .accordion-item:hover > .slider-btn-switch*/
.slider-btn-switch:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%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' transform='rotate(-180 30 30)' fill='%232AA055' stroke='%232AA055'/%3e%3cpath d='M37.2967 30.8097C37.2968 30.9258 37.2759 31.0409 37.2351 31.1482C37.1943 31.2555 37.1345 31.353 37.0591 31.435L28.9511 40.2802C28.6342 40.6258 28.1212 40.6258 27.8046 40.2802C27.488 39.9346 27.4878 39.3749 27.8046 39.0295L35.3394 30.8097L27.8046 22.5898C27.4878 22.2442 27.4878 21.6845 27.8046 21.3391C28.1214 20.9937 28.6344 20.9935 28.9511 21.3391L37.0591 30.1843C37.1345 30.2663 37.1943 30.3638 37.2351 30.4711C37.2759 30.5784 37.2968 30.6935 37.2967 30.8097Z' fill='white'/%3e%3c/svg%3e ");
    transition: 0.3s ease;
}
.slider-btn-switch:active {
    background-image: url("data:image/svg+xml;charset=UTF-8,%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' transform='rotate(-180 30 30)' fill='%231B6737' stroke='%231B6737'/%3e%3cpath d='M37.2967 30.8097C37.2968 30.9258 37.2759 31.0409 37.2351 31.1482C37.1943 31.2555 37.1345 31.353 37.0591 31.435L28.9511 40.2802C28.6342 40.6258 28.1212 40.6258 27.8046 40.2802C27.488 39.9346 27.4878 39.3749 27.8046 39.0295L35.3394 30.8097L27.8046 22.5898C27.4878 22.2442 27.4878 21.6845 27.8046 21.3391C28.1214 20.9937 28.6344 20.9935 28.9511 21.3391L37.0591 30.1843C37.1345 30.2663 37.1943 30.3638 37.2351 30.4711C37.2759 30.5784 37.2968 30.6935 37.2967 30.8097Z' fill='white'/%3e%3c/svg%3e ");
    transition: 0.3s ease;
}
.slider-btn-switch.btn-revert {
    transform: rotate(180deg);
}
.top-arrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='87' height='87' viewBox='0 0 87 87' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='43.5' cy='43.5' r='43' transform='rotate(-180 43.5 43.5)' stroke='%232AA055'/%3e%3cpath d='M59.7071 44.7071C60.0976 44.3166 60.0976 43.6835 59.7071 43.2929L53.3431 36.929C52.9526 36.5384 52.3195 36.5384 51.9289 36.929C51.5384 37.3195 51.5384 37.9527 51.9289 38.3432L57.5858 44L51.9289 49.6569C51.5384 50.0474 51.5384 50.6806 51.9289 51.0711C52.3195 51.4616 52.9526 51.4616 53.3431 51.0711L59.7071 44.7071ZM27 45L59 45L59 43L27 43L27 45Z' fill='%232AA055'/%3e%3c/svg%3e ");
    background-size: cover;
    transition: 0.3s ease;
}
.top-arrow:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='87' height='87' viewBox='0 0 87 87' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='43.5' cy='43.5' r='43.5' transform='rotate(-180 43.5 43.5)' fill='%232AA055'/%3e%3cpath d='M59.7071 44.7071C60.0976 44.3166 60.0976 43.6834 59.7071 43.2929L53.3431 36.9289C52.9526 36.5384 52.3195 36.5384 51.9289 36.9289C51.5384 37.3195 51.5384 37.9526 51.9289 38.3431L57.5858 44L51.9289 49.6569C51.5384 50.0474 51.5384 50.6805 51.9289 51.0711C52.3195 51.4616 52.9526 51.4616 53.3431 51.0711L59.7071 44.7071ZM27 45L59 45L59 43L27 43L27 45Z' fill='white'/%3e%3c/svg%3e ");
    transition: 0.3s ease;
}
.top-arrow:active {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='87' height='87' viewBox='0 0 87 87' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='43.5' cy='43.5' r='43.5' transform='rotate(-180 43.5 43.5)' fill='%231B6737'/%3e%3cpath d='M59.7071 44.7071C60.0976 44.3166 60.0976 43.6834 59.7071 43.2929L53.3431 36.9289C52.9526 36.5384 52.3195 36.5384 51.9289 36.9289C51.5384 37.3195 51.5384 37.9526 51.9289 38.3431L57.5858 44L51.9289 49.6569C51.5384 50.0474 51.5384 50.6805 51.9289 51.0711C52.3195 51.4616 52.9526 51.4616 53.3431 51.0711L59.7071 44.7071ZM27 45L59 45L59 43L27 43L27 45Z' fill='white'/%3e%3c/svg%3e");
    transition: 0.3s ease;
}

.green-btn {
    background: #2AA055;
    color: #FFF;
    transition: 0.3s ease;
    border: 1px solid #2AA055;
}
.green-btn:hover {
    color: #2AA055 !important;
    background: #FFF;
    transition: 0.3s ease;
    border: 1px solid #2AA055;
}
.white-green-btn {
    transition: 0.3s ease;
    color: #2AA055;
    border: 1px solid #2AA055;
    background: #FFF;
}
.white-green-btn:hover {
    transition: 0.3s ease;
    background: #2AA055;
    border: 1px solid #2AA055;
    color: #FFF;
}
.white-btn {
    color: #FFF;
    border: 1px solid #FFF;
    transition: 0.3s ease;
}
.white-btn:hover {
    color: #1B6737; 
    background: #FFF;
    transition: 0.3s ease;
}