.elementor-22560 .elementor-element.elementor-element-5eb421a8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#072F6036;--border-color:#072F6036;--border-radius:0px 0px 0px 0px;box-shadow:13px 1px 7px -77px rgba(0, 0, 0, 0.88);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22560 .elementor-element.elementor-element-5eb421a8:not(.elementor-motion-effects-element-type-background), .elementor-22560 .elementor-element.elementor-element-5eb421a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E73BE;}.elementor-22560 .elementor-element.elementor-element-25ed3fb .elementor-button{background-color:var( --e-global-color-primary );padding:10px 10px 10px 10px;}.elementor-22560 .elementor-element.elementor-element-25ed3fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22560 .elementor-element.elementor-element-25ed3fb.elementor-element{--order:-99999 /* order start hack */;}.elementor-22560 .elementor-element.elementor-element-5e19ba5e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--align-content:center;--overlay-opacity:1;}.elementor-22560 .elementor-element.elementor-element-5e19ba5e::before, .elementor-22560 .elementor-element.elementor-element-5e19ba5e > .elementor-background-video-container::before, .elementor-22560 .elementor-element.elementor-element-5e19ba5e > .e-con-inner > .elementor-background-video-container::before, .elementor-22560 .elementor-element.elementor-element-5e19ba5e > .elementor-background-slideshow::before, .elementor-22560 .elementor-element.elementor-element-5e19ba5e > .e-con-inner > .elementor-background-slideshow::before, .elementor-22560 .elementor-element.elementor-element-5e19ba5e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-22560 .elementor-element.elementor-element-5e19ba5e.e-con{--align-self:center;}.elementor-22560 .elementor-element.elementor-element-6e8b9733 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22560 .elementor-element.elementor-element-3f2a3f2e > .elementor-widget-container{margin:0px 15px 0px 0px;}.elementor-22560 .elementor-element.elementor-element-3f2a3f2e .delimiter{height:40px;width:1px;margin:0px 0px 0px 10px;}.elementor-22560 .elementor-element.elementor-element-3f2a3f2e .delimiter-wrapper{text-align:center;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2{width:auto;max-width:auto;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DBDBDB9C;border-radius:5px 5px 5px 5px;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2:hover > .elementor-widget-container{border-radius:5px 5px 5px 5px;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2 .tpc-course-form-wrapper input[type="text"], .tpc-courses-searching.tpc-searching{width:100%;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2 form.tpc-course-form-wrapper{height:50px;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2 .tpc-course-form-wrapper .tpc-course-btn{width:15px;background-color:#F8F8F8;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2 .tpc-courses-searching{border-radius:10px;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2 .tpc-course-form-wrapper .tpc-course-input{background-color:#F8F8F8;}.elementor-22560 .elementor-element.elementor-element-1b1f84e{width:auto;max-width:auto;}.elementor-22560 .elementor-element.elementor-element-1b1f84e > .elementor-widget-container{margin:0px 30px 0px 20px;padding:0px 0px 0px 0px;}.elementor-22560 .elementor-element.elementor-element-1b1f84e .mini-cart{height:15px;}.elementor-22560 .elementor-element.elementor-element-1b1f84e .tpc-mini-cart_wrapper{text-align:center;}.elementor-22560 .elementor-element.elementor-element-1b1f84e .mini-cart .tpc-cart{color:#072f60;}.elementor-22560 .elementor-element.elementor-element-1b1f84e .woo_mini-count > span{background:#1E73BE;}.elementor-22560 .elementor-element.elementor-element-1b1f84e .mini-cart:hover .tpc-cart{color:#0056B3;}.elementor-22560 .elementor-element.elementor-element-0d3054d{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-22560 .elementor-element.elementor-element-0d3054d .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-22560 .elementor-element.elementor-element-36ea229f > .elementor-widget-container{margin:0px 15px 0px 0px;}.elementor-22560 .elementor-element.elementor-element-36ea229f .delimiter{height:40px;width:1px;}.elementor-22560 .elementor-element.elementor-element-36ea229f .delimiter-wrapper{text-align:center;}.elementor-22560 .elementor-element.elementor-element-5809c95c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#0000001F;--border-color:#0000001F;box-shadow:0px 15px 20px 0px rgba(0, 0, 0, 0.05);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1px;--padding-bottom:1px;--padding-left:0px;--padding-right:0px;}.elementor-22560 .elementor-element.elementor-element-5809c95c:not(.elementor-motion-effects-element-type-background), .elementor-22560 .elementor-element.elementor-element-5809c95c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37{width:auto;max-width:auto;display:inline-flex;flex-grow:1;justify-content:flex-start;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 > .elementor-widget-container{padding:6px 0px 6px 0px;border-style:solid;border-width:0px 0px 0px 1px;border-color:#C4C4C4;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav > div > ul, .elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav > ul{font-family:"Trebuchet MS", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav > ul > li > a{color:#484848;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav > ul > li:hover > a{color:#0099FF;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav > ul > li:hover > a > .menu-item__plus{color:#0099FF;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav > ul > li[class*="current"]:not(:hover) > a{color:#0079F2;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav > ul > li[class*="current"]:not(:hover) > a > .menu-item__plus{color:#0079F2;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav > div > ul ul, .elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav > ul ul{text-transform:none;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav ul li ul li:hover > a{color:#1E73BE;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav ul li ul li:hover > a > .menu-item__plus{color:#1E73BE;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav ul li ul li[class*="current"]:not(:hover) > a{color:#1E73BE;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 .primary-nav ul li ul li[class*="current"]:not(:hover) > a > .menu-item__plus{color:#1E73BE;}.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button{background-color:#1E73BE;font-family:"AR One Sans", Sans-serif;font-size:15px;font-weight:500;border-style:none;padding:9px 15px 9px 12px;}.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button:hover, .elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button:focus{background-color:#072F60;}.elementor-22560 .elementor-element.elementor-element-f165208.elementor-element{--align-self:center;}.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button-content-wrapper{flex-direction:row;}.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button{background-color:#1E73BE;font-family:"AR One Sans", Sans-serif;font-size:15px;font-weight:500;border-style:none;padding:9px 15px 9px 12px;}.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button:hover, .elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button:focus{background-color:#072F60;}.elementor-22560 .elementor-element.elementor-element-76e1e56.elementor-element{--align-self:center;}.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button-content-wrapper{flex-direction:row;}.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-22560 .elementor-element.elementor-element-c526fd8 .elementor-button{background-color:#1E73BE;font-family:"AR One Sans", Sans-serif;font-size:15px;font-weight:500;border-style:none;border-radius:5px 5px 5px 5px;padding:11px 15px 11px 12px;}.elementor-22560 .elementor-element.elementor-element-c526fd8 .elementor-button:hover, .elementor-22560 .elementor-element.elementor-element-c526fd8 .elementor-button:focus{background-color:#072F60;}.elementor-22560 .elementor-element.elementor-element-c526fd8.elementor-element{--align-self:center;}.elementor-22560 .elementor-element.elementor-element-c526fd8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-22560 .elementor-element.elementor-element-c526fd8 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-22560 .elementor-element.elementor-element-3f48a47 .elementor-button{background-color:#1E73BE;font-family:"AR One Sans", Sans-serif;font-size:15px;font-weight:500;border-style:none;border-radius:5px 5px 5px 5px;padding:11px 15px 11px 12px;}.elementor-22560 .elementor-element.elementor-element-3f48a47 .elementor-button:hover, .elementor-22560 .elementor-element.elementor-element-3f48a47 .elementor-button:focus{background-color:#072F60;}.elementor-22560 .elementor-element.elementor-element-3f48a47.elementor-element{--align-self:center;}.elementor-22560 .elementor-element.elementor-element-3f48a47 .elementor-button-content-wrapper{flex-direction:row;}.elementor-22560 .elementor-element.elementor-element-3f48a47 .elementor-button .elementor-button-content-wrapper{gap:7px;}@media(min-width:768px){.elementor-22560 .elementor-element.elementor-element-5e19ba5e{--content-width:1200px;}.elementor-22560 .elementor-element.elementor-element-5809c95c{--content-width:1200px;}}@media(max-width:1024px){.elementor-22560 .elementor-element.elementor-element-6e8b9733 > .elementor-widget-container{margin:0px 40px 0px 0px;}.elementor-22560 .elementor-element.elementor-element-65a0b1b2 .tpc-course-form-wrapper input[type="text"], .tpc-courses-searching.tpc-searching{width:220px;}.elementor-22560 .elementor-element.elementor-element-6c2b4a37 > .elementor-widget-container{padding:30px 0px 0px 0px;}}@media(max-width:767px){.elementor-22560 .elementor-element.elementor-element-65a0b1b2 .tpc-course-form-wrapper input[type="text"], .tpc-courses-searching.tpc-searching{width:150px;}}/* Start custom CSS for html, class: .elementor-element-d6ed476 *//* --- СЕТКА --- */
.elementor-22560 .elementor-element.elementor-element-d6ed476 .my-social-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 5px;
}

/* --- КНОПКА (ОСНОВА З РАМКОЮ) --- */
.elementor-22560 .elementor-element.elementor-element-d6ed476 .soc-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    
    width: 27px;
    height: 27px;
    
    /* Рамка: молочна, квадратна, закруглена */
    border: 1.5px solid #ffffffb3; 
    border-radius: 5px;
    
    background-color: transparent;
    text-decoration: none !important;
    transition: all 0.3s ease; /* Плавність для всіх зміні (колір, фон, рамка) */
    
    position: relative;
    overflow: hidden;
}

/* --- ІКОНКА (МОЛОЧНА) --- */
.elementor-22560 .elementor-element.elementor-element-d6ed476 .soc-btn svg {
    width: 1em; 
    height: 1em;
    font-size: 17px; 
    fill: #f5f5f5; /* Молочний колір */
    display: block;
    transition: 0.3s;
}

/* --- ЕФЕКТ ПРИ НАВЕДЕННІ --- */

/* Коли наводимо: прибираємо молочну рамку (або фарбуємо її в колір фону) */
.elementor-22560 .elementor-element.elementor-element-d6ed476 .soc-btn:hover {
    border-color: transparent; /* Рамка стає прозорою, щоб не заважати фону */
    filter: brightness(1.1);
}

/* Іконка стає чисто білою при наведенні */
.elementor-22560 .elementor-element.elementor-element-d6ed476 .soc-btn:hover svg {
    fill: #ffffff;
}

/* КОЛЬОРИ ФОНУ ПРИ HOVER */
.elementor-22560 .elementor-element.elementor-element-d6ed476 .btn-facebook:hover { background-color: #3b5998; }
.elementor-22560 .elementor-element.elementor-element-d6ed476 .btn-linkedin:hover { background-color: #0077b5; }
.elementor-22560 .elementor-element.elementor-element-d6ed476 .btn-whatsapp:hover { background-color: #25d366; }
.elementor-22560 .elementor-element.elementor-element-d6ed476 .btn-telegram:hover { background-color: #2AABEE; }
.elementor-22560 .elementor-element.elementor-element-d6ed476 .btn-youtube:hover  { background-color: #FF0000; }

/* --- ІНСТАГРАМ ПРИ НАВЕДЕННІ --- */
.elementor-22560 .elementor-element.elementor-element-d6ed476 .btn-instagram:hover { 
    /* Додаємо background-origin, щоб градієнт починався від самого краю */
    background-origin: border-box;
    background-clip: padding-box; 
    
    background-color: #d6249f; 
    background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    
    /* Робимо рамку прозорою, щоб вона не перекривала градієнт */
    border-color: transparent; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25ad2bc0 *//* === СПІЛЬНИЙ СТИЛЬ для контейнера кнопок === */
.login-join.tutor .login-join_wrapper {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

/* Текстові кнопки (Вхід / Профіль) */
.login-join.tutor a.login-btn,
.login-join.tutor a.profile-btn {
    padding: 0;
    background: none !important;
    border: none !important;
    border-radius: 0;
    font-weight: 500;
    transition: color 0.25s ease;
}

.login-join.tutor a.login-btn { color: #363637; }
.login-join.tutor a.login-btn:hover { color: #0073e6; }

.login-join.tutor a.profile-btn { color: #363637; }
.login-join.tutor a.profile-btn:hover { color: #0056b3; }


/* === СПІЛЬНИЙ СТИЛЬ ДЛЯ ОБОХ ГРАФІЧНИХ КНОПОК (Вихід та Реєстрація) === */
.login-join.tutor a.logout-btn,
.login-join.tutor .blue-register-btn {
    padding: 12px 22px !important; 
    background: #1e73be !important;
    color: #fff !important;
    border-radius: 5px;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important; /* Однакова товщина для обох */
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    border: none !important;
}

/* === ХОВЕР ДЛЯ ВИХОДУ (Стає червоним) === */
.login-join.tutor a.logout-btn:hover {
    background: #b72f2a !important; 
    color: #fff !important;
}

/* === ХОВЕР ДЛЯ РЕЄСТРАЦІЇ (Стає темно-синім) === */
.login-join.tutor .blue-register-btn:hover {
    background: #072F60 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f165208 *//* ПОЧАТКОВИЙ СТАН КНОПКИ */
.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button {
    background-color: transparent !important;
    border: 2px solid #1E73BE !important;
    color: #1E73BE !important;
    transition: all 0.3s ease-in-out !important;
    border-radius: 5px;
}

/* ПОЧАТКОВИЙ СТАН ІКОНКИ (робимо синьою) */
.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button .elementor-button-icon i,
.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button .elementor-button-icon svg {
    color: #1E73BE !important;
    fill: #1E73BE !important;
    transition: all 0.3s ease-in-out !important;
}

/* СТАН ПРИ НАВЕДЕННІ (КНОПКА) */
.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button:hover {
    background-color: #1E73BE !important;
    border-color: #1E73BE !important;
    color: #ffffff !important;
}

/* СТАН ПРИ НАВЕДЕННІ (ІКОНКА СТАЄ БІЛОЮ) */
.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button:hover .elementor-button-icon i,
.elementor-22560 .elementor-element.elementor-element-f165208 .elementor-button:hover .elementor-button-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-76e1e56 *//* ПОЧАТКОВИЙ СТАН КНОПКИ */
.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button {
    background-color: transparent !important;
    border: 2px solid #1E73BE !important;
    color: #1E73BE !important;
    transition: all 0.3s ease-in-out !important;
    border-radius: 5px;
}

/* ПОЧАТКОВИЙ СТАН ІКОНКИ (робимо синьою) */
.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button .elementor-button-icon i,
.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button .elementor-button-icon svg {
    color: #1E73BE !important;
    fill: #1E73BE !important;
    transition: all 0.3s ease-in-out !important;
}

/* СТАН ПРИ НАВЕДЕННІ (КНОПКА) */
.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button:hover {
    background-color: #1E73BE !important;
    border-color: #1E73BE !important;
    color: #ffffff !important;
}

/* СТАН ПРИ НАВЕДЕННІ (ІКОНКА СТАЄ БІЛОЮ) */
.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button:hover .elementor-button-icon i,
.elementor-22560 .elementor-element.elementor-element-76e1e56 .elementor-button:hover .elementor-button-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}/* End custom CSS */