.elementor-21 .elementor-element.elementor-element-74a5213 > .elementor-container{min-height:40vh;}.elementor-21 .elementor-element.elementor-element-74a5213{padding:4% 8% 4% 8%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-b46ccc4{text-align:left;}.elementor-21 .elementor-element.elementor-element-b46ccc4 .elementor-heading-title{font-family:"Sofia", Sans-serif;font-size:5vw;font-weight:bold;line-height:1.2em;color:#001524;}.elementor-21 .elementor-element.elementor-element-bb37d25 .elementor-heading-title{font-family:"Sofia", Sans-serif;font-weight:bold;color:#000000;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-46080f7{font-family:"Sofia", Sans-serif;line-height:2em;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21 .elementor-element.elementor-element-cfc980f > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-cfc980f .elementor-button{font-family:"Sofia", Sans-serif;font-weight:bold;}.elementor-21 .elementor-element.elementor-element-5d005b3{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-6d4b5c5{--spacer-size:50px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21 .elementor-element.elementor-element-98ca484 .elementor-heading-title{font-family:"Sofia", Sans-serif;font-weight:bold;color:#0A0A0A;}.elementor-21 .elementor-element.elementor-element-4458bd4{font-family:"Sofia", Sans-serif;font-size:1rem;line-height:2em;}.elementor-21 .elementor-element.elementor-element-188bde6 > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-b8a82d5{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-55ac84f{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-44c2033 .elementor-heading-title{font-family:"Sofia", Sans-serif;font-weight:bold;color:#0A0A0A;}.elementor-21 .elementor-element.elementor-element-5544c7d{font-family:"Sofia", Sans-serif;font-size:1rem;line-height:2em;}.elementor-21 .elementor-element.elementor-element-310ca04 > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-6a08746{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-e0870dc{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-81f8f8c .elementor-heading-title{font-family:"Sofia", Sans-serif;font-weight:bold;color:#171515;}.elementor-21 .elementor-element.elementor-element-3ebceac{font-family:"Sofia", Sans-serif;font-size:1rem;line-height:2em;}.elementor-21 .elementor-element.elementor-element-943511a > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-05ad8a3{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-87b9ee5{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-c25a597 .elementor-heading-title{font-family:"Sofia", Sans-serif;font-size:2.3vw;font-weight:bold;color:#001524;}.elementor-21 .elementor-element.elementor-element-812cad0{font-family:"Sofia", Sans-serif;font-size:1rem;line-height:2em;}.elementor-21 .elementor-element.elementor-element-df07e8d > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-df07e8d .elementor-button{font-family:"Sofia", Sans-serif;font-size:1rem;font-weight:bold;line-height:2.5em;}.elementor-21 .elementor-element.elementor-element-4799e9b{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-7ea8244{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-5eaad64 > .elementor-widget-container{background-image:url("https://itell.solutions/wp-content/uploads/2020/07/iphone_itell_adapted_referenzen_inhalt_1.png");margin:0px 60px 0px 60px;background-repeat:no-repeat;background-size:contain;}.elementor-21 .elementor-element.elementor-element-dae1926 .elementor-heading-title{font-family:"Sofia", Sans-serif;font-size:2.3vw;font-weight:bold;color:#001524;}.elementor-21 .elementor-element.elementor-element-a4c8ec7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-ea1abcf{text-align:right;font-family:"Sofia", Sans-serif;font-size:1rem;line-height:2em;}.elementor-21 .elementor-element.elementor-element-b39e63a > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-b39e63a .elementor-button{font-family:"Sofia", Sans-serif;font-size:1rem;font-weight:bold;line-height:2.5em;}.elementor-21 .elementor-element.elementor-element-929645e{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-c91f418{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-83372fd{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-21 .elementor-element.elementor-element-83372fd .elementor-heading-title{font-family:"Sofia", Sans-serif;font-size:2.3vw;font-weight:bold;color:#001524;}.elementor-21 .elementor-element.elementor-element-000734c{text-align:left;font-family:"Sofia", Sans-serif;font-size:1rem;line-height:2em;}.elementor-21 .elementor-element.elementor-element-93dd077 > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-93dd077 .elementor-button{font-family:"Sofia", Sans-serif;font-size:1rem;font-weight:bold;line-height:2.5em;}.elementor-21 .elementor-element.elementor-element-7c726bb{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-c19a8a6{--spacer-size:50px;}.elementor-21 .elementor-element.elementor-element-7298fde > .elementor-background-overlay{background-color:#001524;opacity:1;}.elementor-21 .elementor-element.elementor-element-7298fde{padding:4% 8% 04% 8%;}.elementor-bc-flex-widget .elementor-21 .elementor-element.elementor-element-58b3106.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-21 .elementor-element.elementor-element-58b3106.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-21 .elementor-element.elementor-element-58b3106 > .elementor-element-populated{margin:0% 0% 0% 5%;--e-column-margin-right:0%;--e-column-margin-left:5%;}.elementor-21 .elementor-element.elementor-element-7e230aa{width:100%;max-width:100%;align-self:center;text-align:center;}.elementor-21 .elementor-element.elementor-element-7e230aa > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-7e230aa img{width:100%;max-width:100%;border-radius:50% 50% 50% 50%;}.elementor-21 .elementor-element.elementor-element-36ddfc2 > .elementor-element-populated{margin:0% 10% 0% 10%;--e-column-margin-right:10%;--e-column-margin-left:10%;}.elementor-21 .elementor-element.elementor-element-77c6547 > .elementor-widget-container{margin:3% 0% 0% 0%;}.elementor-21 .elementor-element.elementor-element-77c6547 .elementor-heading-title{font-family:"Sofia", Sans-serif;font-size:2.5rem;font-weight:bold;line-height:1.2em;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-20e382c{color:#FFFFFF;font-family:"Sofia", Sans-serif;font-size:1rem;line-height:2em;}.elementor-bc-flex-widget .elementor-21 .elementor-element.elementor-element-44d1082.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-21 .elementor-element.elementor-element-44d1082.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-58b3106{width:19.825%;}.elementor-21 .elementor-element.elementor-element-36ddfc2{width:65.526%;}.elementor-21 .elementor-element.elementor-element-44d1082{width:14.313%;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-5eaad64 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-b46ccc4 .elementor-heading-title{font-size:2rem;}.elementor-21 .elementor-element.elementor-element-947a3e7{margin-top:10px;margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-cc63f47{margin-top:10px;margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-d67e402{margin-top:10px;margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-14f17ac{margin-top:10px;margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-0b47dac{margin-top:10px;margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-c25a597 .elementor-heading-title{font-size:2rem;}.elementor-21 .elementor-element.elementor-element-df07e8d > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-21 .elementor-element.elementor-element-7d216e4{margin-top:10px;margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-dae1926 .elementor-heading-title{font-size:2rem;}.elementor-21 .elementor-element.elementor-element-a4c8ec7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-a4c8ec7 img{width:100%;}.elementor-21 .elementor-element.elementor-element-b39e63a > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-21 .elementor-element.elementor-element-691b1b8{margin-top:10px;margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-83372fd .elementor-heading-title{font-size:2rem;}.elementor-21 .elementor-element.elementor-element-93dd077 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-21 .elementor-element.elementor-element-7298fde{margin-top:0px;margin-bottom:0px;padding:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-7e230aa{text-align:center;}.elementor-21 .elementor-element.elementor-element-36ddfc2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-77c6547 .elementor-heading-title{font-size:2rem;}}@media(min-width:1025px){.elementor-21 .elementor-element.elementor-element-5eaad64 > .elementor-widget-container{background-attachment:scroll;}}/* Start custom CSS for button, class: .elementor-element-cfc980f */.elementor-21 .elementor-element.elementor-element-cfc980f {
    max-width: 550px;
}

/* BUTTON-ANIMATION:
- Pointer size is done by border-width/border-radius.
- Please check position through setting 'cursor:crosshair !important' in the html-identifier and adjust 'left' and 'top' hereafter.
*/

.elementor-21 .elementor-element.elementor-element-cfc980f {
    min-height: 20px
}

.elementor-21 .elementor-element.elementor-element-cfc980f .elementor-button-wrapper {
    position: absolute;
    left: 0px;
}

.elementor-21 .elementor-element.elementor-element-cfc980f .elementor-button-wrapper>a {
    --col1: #001524;
    --col2: #FF9052;
    --bgcol: #FFFFFF;
    position: relative;
	min-height: 10px;
	min-width: 10px;
	border-radius: 40px !important;
	padding: 2px !important;
	margin: 0px !important;
	
	background: conic-gradient(var(--col2) var(--pos, 0%), var(--col1) 0%);
	background-color: var(--col1);
	
    animation-name: buttonDeHov;
    animation-duration: 1.2s;
    animation-direction: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.elementor-21 .elementor-element.elementor-element-cfc980f .elementor-button-wrapper>a:hover {
    background-color: var(--col2);
    
    animation-name: buttonHov;
    animation-duration: 1.2s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/* SMARTER SOLUTION; ONLY WILL WORK WHEN WE GOT JQUERY RUNNING */

/*.elementor-21 .elementor-element.elementor-element-cfc980f .elementor-button-wrapper>a.out {*/
/*    animation-name: buttonDeHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: forwards;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*}*/
/*.elementor-21 .elementor-element.elementor-element-cfc980f .elementor-button-wrapper>a.on {*/
/*    animation-name: buttonHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: normal;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*	background-color: #FF9052;*/
/*}*/

.elementor-21 .elementor-element.elementor-element-cfc980f .elementor-button-wrapper>a>.elementor-button-content-wrapper {
    background-color: var(--bgcol);
	border-radius: 38px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 55px !important;
	padding-right: 55px !important;
	transition: 2s;
}
.elementor-21 .elementor-element.elementor-element-cfc980f .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text {
	transition: 1s;
}
.elementor-21 .elementor-element.elementor-element-cfc980f .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text:hover {
    transform: scale(1.07);
}

@keyframes buttonHov {
    0% {
        --pos: 0%;
    }
    100% {
        --pos: 100%;
    }
}
@keyframes buttonDeHov {
    0% {
        --pos: 100%;
    }
    100% {
        --pos: 0%;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-188bde6 */.elementor-21 .elementor-element.elementor-element-188bde6 {
    max-width: 550px;
}

/* BUTTON-ANIMATION:
- Pointer size is done by border-width/border-radius.
- Please check position through setting 'cursor:crosshair !important' in the html-identifier and adjust 'left' and 'top' hereafter.
*/

.elementor-21 .elementor-element.elementor-element-188bde6 {
    min-height: 20px
}

.elementor-21 .elementor-element.elementor-element-188bde6 .elementor-button-wrapper {
    position: absolute;
    left: 0px;
}

.elementor-21 .elementor-element.elementor-element-188bde6 .elementor-button-wrapper>a {
    --col1: #001524;
    --col2: #FF9052;
    --bgcol: #FFFFFF;
    position: relative;
	min-height: 10px;
	min-width: 10px;
	border-radius: 40px !important;
	padding: 2px !important;
	margin: 0px !important;
	
	background: conic-gradient(var(--col2) var(--pos, 0%), var(--col1) 0%);
	background-color: var(--col1);
	
    animation-name: buttonDeHov;
    animation-duration: 1.2s;
    animation-direction: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.elementor-21 .elementor-element.elementor-element-188bde6 .elementor-button-wrapper>a:hover {
    background-color: var(--col2);
    
    animation-name: buttonHov;
    animation-duration: 1.2s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/* SMARTER SOLUTION; ONLY WILL WORK WHEN WE GOT JQUERY RUNNING */

/*.elementor-21 .elementor-element.elementor-element-188bde6 .elementor-button-wrapper>a.out {*/
/*    animation-name: buttonDeHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: forwards;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*}*/
/*.elementor-21 .elementor-element.elementor-element-188bde6 .elementor-button-wrapper>a.on {*/
/*    animation-name: buttonHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: normal;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*	background-color: #FF9052;*/
/*}*/

.elementor-21 .elementor-element.elementor-element-188bde6 .elementor-button-wrapper>a>.elementor-button-content-wrapper {
    background-color: var(--bgcol);
	border-radius: 38px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 55px !important;
	padding-right: 55px !important;
	transition: 2s;
}
.elementor-21 .elementor-element.elementor-element-188bde6 .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text {
	transition: 1s;
}
.elementor-21 .elementor-element.elementor-element-188bde6 .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text:hover {
    transform: scale(1.07);
}

@keyframes buttonHov {
    0% {
        --pos: 0%;
    }
    100% {
        --pos: 100%;
    }
}
@keyframes buttonDeHov {
    0% {
        --pos: 100%;
    }
    100% {
        --pos: 0%;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-310ca04 */.elementor-21 .elementor-element.elementor-element-310ca04 {
    max-width: 550px;
}

/* BUTTON-ANIMATION:
- Pointer size is done by border-width/border-radius.
- Please check position through setting 'cursor:crosshair !important' in the html-identifier and adjust 'left' and 'top' hereafter.
*/

.elementor-21 .elementor-element.elementor-element-310ca04 {
    min-height: 20px
}

.elementor-21 .elementor-element.elementor-element-310ca04 .elementor-button-wrapper {
    position: absolute;
    left: 0px;
}

.elementor-21 .elementor-element.elementor-element-310ca04 .elementor-button-wrapper>a {
    --col1: #001524;
    --col2: #FF9052;
    --bgcol: #FFFFFF;
    position: relative;
	min-height: 10px;
	min-width: 10px;
	border-radius: 40px !important;
	padding: 2px !important;
	margin: 0px !important;
	
	background: conic-gradient(var(--col2) var(--pos, 0%), var(--col1) 0%);
	background-color: var(--col1);
	
    animation-name: buttonDeHov;
    animation-duration: 1.2s;
    animation-direction: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.elementor-21 .elementor-element.elementor-element-310ca04 .elementor-button-wrapper>a:hover {
    background-color: var(--col2);
    
    animation-name: buttonHov;
    animation-duration: 1.2s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/* SMARTER SOLUTION; ONLY WILL WORK WHEN WE GOT JQUERY RUNNING */

/*.elementor-21 .elementor-element.elementor-element-310ca04 .elementor-button-wrapper>a.out {*/
/*    animation-name: buttonDeHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: forwards;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*}*/
/*.elementor-21 .elementor-element.elementor-element-310ca04 .elementor-button-wrapper>a.on {*/
/*    animation-name: buttonHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: normal;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*	background-color: #FF9052;*/
/*}*/

.elementor-21 .elementor-element.elementor-element-310ca04 .elementor-button-wrapper>a>.elementor-button-content-wrapper {
    background-color: var(--bgcol);
	border-radius: 38px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 55px !important;
	padding-right: 55px !important;
	transition: 2s;
}
.elementor-21 .elementor-element.elementor-element-310ca04 .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text {
	transition: 1s;
}
.elementor-21 .elementor-element.elementor-element-310ca04 .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text:hover {
    transform: scale(1.07);
}

@keyframes buttonHov {
    0% {
        --pos: 0%;
    }
    100% {
        --pos: 100%;
    }
}
@keyframes buttonDeHov {
    0% {
        --pos: 100%;
    }
    100% {
        --pos: 0%;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-943511a */.elementor-21 .elementor-element.elementor-element-943511a {
    max-width: 550px;
}

/* BUTTON-ANIMATION:
- Pointer size is done by border-width/border-radius.
- Please check position through setting 'cursor:crosshair !important' in the html-identifier and adjust 'left' and 'top' hereafter.
*/

.elementor-21 .elementor-element.elementor-element-943511a {
    min-height: 20px
}

.elementor-21 .elementor-element.elementor-element-943511a .elementor-button-wrapper {
    position: absolute;
    left: 0px;
}

.elementor-21 .elementor-element.elementor-element-943511a .elementor-button-wrapper>a {
    --col1: #001524;
    --col2: #FF9052;
    --bgcol: #FFFFFF;
    position: relative;
	min-height: 10px;
	min-width: 10px;
	border-radius: 40px !important;
	padding: 2px !important;
	margin: 0px !important;
	
	background: conic-gradient(var(--col2) var(--pos, 0%), var(--col1) 0%);
	background-color: var(--col1);
	
    animation-name: buttonDeHov;
    animation-duration: 1.2s;
    animation-direction: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.elementor-21 .elementor-element.elementor-element-943511a .elementor-button-wrapper>a:hover {
    background-color: var(--col2);
    
    animation-name: buttonHov;
    animation-duration: 1.2s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/* SMARTER SOLUTION; ONLY WILL WORK WHEN WE GOT JQUERY RUNNING */

/*.elementor-21 .elementor-element.elementor-element-943511a .elementor-button-wrapper>a.out {*/
/*    animation-name: buttonDeHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: forwards;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*}*/
/*.elementor-21 .elementor-element.elementor-element-943511a .elementor-button-wrapper>a.on {*/
/*    animation-name: buttonHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: normal;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*	background-color: #FF9052;*/
/*}*/

.elementor-21 .elementor-element.elementor-element-943511a .elementor-button-wrapper>a>.elementor-button-content-wrapper {
    background-color: var(--bgcol);
	border-radius: 38px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 55px !important;
	padding-right: 55px !important;
	transition: 2s;
}
.elementor-21 .elementor-element.elementor-element-943511a .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text {
	transition: 1s;
}
.elementor-21 .elementor-element.elementor-element-943511a .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text:hover {
    transform: scale(1.07);
}

@keyframes buttonHov {
    0% {
        --pos: 0%;
    }
    100% {
        --pos: 100%;
    }
}
@keyframes buttonDeHov {
    0% {
        --pos: 100%;
    }
    100% {
        --pos: 0%;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df07e8d */.elementor-21 .elementor-element.elementor-element-df07e8d {
    max-width: 550px;
}

/* BUTTON-ANIMATION:
- Pointer size is done by border-width/border-radius.
- Please check position through setting 'cursor:crosshair !important' in the html-identifier and adjust 'left' and 'top' hereafter.
*/

.elementor-21 .elementor-element.elementor-element-df07e8d {
    min-height: 20px
}

.elementor-21 .elementor-element.elementor-element-df07e8d .elementor-button-wrapper {
    position: absolute;
    left: 0px;
}

.elementor-21 .elementor-element.elementor-element-df07e8d .elementor-button-wrapper>a {
    --col1: #001524;
    --col2: #FF9052;
    --bgcol: #FFFFFF;
    position: relative;
	min-height: 10px;
	min-width: 10px;
	border-radius: 40px !important;
	padding: 2px !important;
	margin: 0px !important;
	
	background: conic-gradient(var(--col2) var(--pos, 0%), var(--col1) 0%);
	background-color: var(--col1);
	
    animation-name: buttonDeHov;
    animation-duration: 1.2s;
    animation-direction: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.elementor-21 .elementor-element.elementor-element-df07e8d .elementor-button-wrapper>a:hover {
    background-color: var(--col2);
    
    animation-name: buttonHov;
    animation-duration: 1.2s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/* SMARTER SOLUTION; ONLY WILL WORK WHEN WE GOT JQUERY RUNNING */

/*.elementor-21 .elementor-element.elementor-element-df07e8d .elementor-button-wrapper>a.out {*/
/*    animation-name: buttonDeHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: forwards;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*}*/
/*.elementor-21 .elementor-element.elementor-element-df07e8d .elementor-button-wrapper>a.on {*/
/*    animation-name: buttonHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: normal;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*	background-color: #FF9052;*/
/*}*/

.elementor-21 .elementor-element.elementor-element-df07e8d .elementor-button-wrapper>a>.elementor-button-content-wrapper {
    background-color: var(--bgcol);
	border-radius: 38px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 55px !important;
	padding-right: 55px !important;
	transition: 2s;
}
.elementor-21 .elementor-element.elementor-element-df07e8d .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text {
	transition: 1s;
}
.elementor-21 .elementor-element.elementor-element-df07e8d .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text:hover {
    transform: scale(1.07);
}

@keyframes buttonHov {
    0% {
        --pos: 0%;
    }
    100% {
        --pos: 100%;
    }
}
@keyframes buttonDeHov {
    0% {
        --pos: 100%;
    }
    100% {
        --pos: 0%;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b39e63a */.elementor-21 .elementor-element.elementor-element-b39e63a {
    max-width: 550px;
}

/* BUTTON-ANIMATION:
- Pointer size is done by border-width/border-radius.
- Please check position through setting 'cursor:crosshair !important' in the html-identifier and adjust 'left' and 'top' hereafter.
*/

.elementor-21 .elementor-element.elementor-element-b39e63a {
    min-height: 20px
}

.elementor-21 .elementor-element.elementor-element-b39e63a .elementor-button-wrapper {
    position: absolute;
    left: 0px;
}

.elementor-21 .elementor-element.elementor-element-b39e63a .elementor-button-wrapper>a {
    --col1: #001524;
    --col2: #FF9052;
    --bgcol: #FFFFFF;
    position: relative;
	min-height: 10px;
	min-width: 10px;
	border-radius: 40px !important;
	padding: 2px !important;
	margin: 0px !important;
	
	background: conic-gradient(var(--col2) var(--pos, 0%), var(--col1) 0%);
	background-color: var(--col1);
	
    animation-name: buttonDeHov;
    animation-duration: 1.2s;
    animation-direction: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.elementor-21 .elementor-element.elementor-element-b39e63a .elementor-button-wrapper>a:hover {
    background-color: var(--col2);
    
    animation-name: buttonHov;
    animation-duration: 1.2s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/* SMARTER SOLUTION; ONLY WILL WORK WHEN WE GOT JQUERY RUNNING */

/*.elementor-21 .elementor-element.elementor-element-b39e63a .elementor-button-wrapper>a.out {*/
/*    animation-name: buttonDeHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: forwards;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*}*/
/*.elementor-21 .elementor-element.elementor-element-b39e63a .elementor-button-wrapper>a.on {*/
/*    animation-name: buttonHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: normal;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*	background-color: #FF9052;*/
/*}*/

.elementor-21 .elementor-element.elementor-element-b39e63a .elementor-button-wrapper>a>.elementor-button-content-wrapper {
    background-color: var(--bgcol);
	border-radius: 38px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 55px !important;
	padding-right: 55px !important;
	transition: 2s;
}
.elementor-21 .elementor-element.elementor-element-b39e63a .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text {
	transition: 1s;
}
.elementor-21 .elementor-element.elementor-element-b39e63a .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text:hover {
    transform: scale(1.07);
}

@keyframes buttonHov {
    0% {
        --pos: 0%;
    }
    100% {
        --pos: 100%;
    }
}
@keyframes buttonDeHov {
    0% {
        --pos: 100%;
    }
    100% {
        --pos: 0%;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-93dd077 */.elementor-21 .elementor-element.elementor-element-93dd077 {
    max-width: 550px;
}

/* BUTTON-ANIMATION:
- Pointer size is done by border-width/border-radius.
- Please check position through setting 'cursor:crosshair !important' in the html-identifier and adjust 'left' and 'top' hereafter.
*/

.elementor-21 .elementor-element.elementor-element-93dd077 {
    min-height: 20px
}

.elementor-21 .elementor-element.elementor-element-93dd077 .elementor-button-wrapper {
    position: absolute;
    left: 0px;
}

.elementor-21 .elementor-element.elementor-element-93dd077 .elementor-button-wrapper>a {
    --col1: #001524;
    --col2: #FF9052;
    --bgcol: #FFFFFF;
    position: relative;
	min-height: 10px;
	min-width: 10px;
	border-radius: 40px !important;
	padding: 2px !important;
	margin: 0px !important;
	
	background: conic-gradient(var(--col2) var(--pos, 0%), var(--col1) 0%);
	background-color: var(--col1);
	
    animation-name: buttonDeHov;
    animation-duration: 1.2s;
    animation-direction: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.elementor-21 .elementor-element.elementor-element-93dd077 .elementor-button-wrapper>a:hover {
    background-color: var(--col2);
    
    animation-name: buttonHov;
    animation-duration: 1.2s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/* SMARTER SOLUTION; ONLY WILL WORK WHEN WE GOT JQUERY RUNNING */

/*.elementor-21 .elementor-element.elementor-element-93dd077 .elementor-button-wrapper>a.out {*/
/*    animation-name: buttonDeHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: forwards;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*}*/
/*.elementor-21 .elementor-element.elementor-element-93dd077 .elementor-button-wrapper>a.on {*/
/*    animation-name: buttonHov;*/
/*    animation-duration: 2s;*/
/*    animation-direction: normal;*/
/*    animation-iteration-count: 1;*/
/*    animation-timing-function: ease-in-out;*/
/*    animation-fill-mode: forwards;*/
/*	background-color: #FF9052;*/
/*}*/

.elementor-21 .elementor-element.elementor-element-93dd077 .elementor-button-wrapper>a>.elementor-button-content-wrapper {
    background-color: var(--bgcol);
	border-radius: 38px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 55px !important;
	padding-right: 55px !important;
	transition: 2s;
}
.elementor-21 .elementor-element.elementor-element-93dd077 .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text {
	transition: 1s;
}
.elementor-21 .elementor-element.elementor-element-93dd077 .elementor-button-wrapper>a>.elementor-button-content-wrapper>.elementor-button-text:hover {
    transform: scale(1.07);
}

@keyframes buttonHov {
    0% {
        --pos: 0%;
    }
    100% {
        --pos: 100%;
    }
}
@keyframes buttonDeHov {
    0% {
        --pos: 100%;
    }
    100% {
        --pos: 0%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-988d5df */.elementor-21 .elementor-element.elementor-element-988d5df {
  width: 100%;
  height: 100%;
  vertical-align: center;
  position: relative;
}
.elementor-21 .elementor-element.elementor-element-988d5df>div {
    position: absolute;
    height: fit-content;
    top:50%;
    transform: translateY(-50%);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sofia';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://itell.solutions/wp-content/uploads/2020/07/sofiapro-light.eot');
	src: url('https://itell.solutions/wp-content/uploads/2020/07/sofiapro-light.eot?#iefix') format('embedded-opentype'),
		url('https://itell.solutions/wp-content/uploads/2020/07/sofiapro-light.woff2') format('woff2'),
		url('https://itell.solutions/wp-content/uploads/2020/07/sofiapro-light.woff') format('woff'),
		url('https://itell.solutions/wp-content/uploads/2020/07/sofiapro-light.ttf') format('truetype'),
		url('https://itell.solutions/wp-content/uploads/2020/07/sofiapro-light.svg#Sofia') format('svg');
}
@font-face {
	font-family: 'Sofia';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://itell.solutions/wp-content/uploads/2020/07/SofiaProMedium.eot');
	src: url('https://itell.solutions/wp-content/uploads/2020/07/SofiaProMedium.eot?#iefix') format('embedded-opentype'),
		url('https://itell.solutions/wp-content/uploads/2020/07/SofiaProMedium.woff2') format('woff2'),
		url('https://itell.solutions/wp-content/uploads/2020/07/SofiaProMedium.woff') format('woff'),
		url('https://itell.solutions/wp-content/uploads/2020/07/SofiaProMedium.ttf') format('truetype'),
		url('https://itell.solutions/wp-content/uploads/2020/07/SofiaProMedium.svg#Sofia') format('svg');
}
/* End Custom Fonts CSS */