.elementor-kit-8{--e-global-color-primary:#041B34;--e-global-color-secondary:#000000;--e-global-color-text:#222222;--e-global-color-accent:#EB6028;--e-global-color-4b8de82:#FFFFFF;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Kumbh Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* --- Кнопка --- */
.osn-button .elementor-button {

    padding: 8px 8px 8px 32px;
    display: inline-flex;
    align-items: center;
    transition: background-color .3s ease;
}

.osn-button .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* --- Текст (ставим первым) --- */
.osn-button .elementor-button-text {
    order: 1;
    color: #fff;
}

/* --- Белый круг с иконкой (вторым) --- */
.osn-button .elementor-button-icon {
    order: 2;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.osn-button .elementor-button-icon svg {
    width: 17px;
    height: 17px;
    transform: rotate(-45deg);
    transition: transform .3s ease;
}


.osn-button .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(0deg);
}







/* --- Кнопка --- */
.osn-button2 .elementor-button {
    padding: 8px 8px 8px 32px;
    display: flex;              /* было inline-flex */
    align-items: center;
    width: 100%;                /* тянем на всю ширину контейнера */
    transition: background-color .3s ease;
}

.osn-button2 .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;  /* разводим по краям */
    width: 100%;                     /* вместо gap: 16px */
}

/* --- Текст (первым) --- */
.osn-button2 .elementor-button-text {
    order: 1;
}

/* --- Круг с иконкой (вторым) --- */
.osn-button2 .elementor-button-icon {
    order: 2;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    background: #EB6028;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.osn-button2 .elementor-button-icon svg,
.osn-button2 .elementor-button-icon svg g,
.osn-button2 .elementor-button-icon svg path {
    fill: #fff !important;
}

.osn-button2:hover .elementor-button-icon svg {
    transform: rotate(0deg);
}

.osn-button2 .elementor-button-icon svg {
    width: 17px;
    height: 17px;
    transform: rotate(-45deg);
    transition: transform .3s ease;
}



/* Плавность — задаём на самих элементах, а не в hover */
.serv-block .serv-img img {
    transition: transform .4s ease;
    display: block;
}

.serv-block .serv-head,
.serv-block .serv-head * {
    transition: color .3s ease;
}

/* --- Hover --- */
.serv-block:hover .serv-img img {
    transform: scale(1.1);
}

.serv-block:hover .serv-head,
.serv-block:hover .serv-head * {
    color: #EB6028 !important;
}





/* Оба логотипа плавно меняют прозрачность */
.logo-block .logo-black,
.logo-block .logo-orange {
    transition: opacity .3s ease;
}

/* Оранжевый ложится поверх чёрного */
.logo-block .logo-orange {
    opacity: 0;
}

/* Исходное состояние */
.logo-block .logo-black {
    opacity: 1;
}

/* --- Hover --- */
.logo-block:hover .logo-black {
    opacity: 0;
}

.logo-block:hover .logo-orange {
    opacity: 1;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://edgehome.ca/wp-content/uploads/2026/07/WorkSans-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://edgehome.ca/wp-content/uploads/2026/07/WorkSans-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://edgehome.ca/wp-content/uploads/2026/07/WorkSans-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Kumbh Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://edgehome.ca/wp-content/uploads/2026/07/KumbhSans-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Kumbh Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://edgehome.ca/wp-content/uploads/2026/07/KumbhSans-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */