/*
Theme Name: Makro Child
Theme URI: https://droitthemes.com/wp/makro/
Template: makro
Author URI: https://themeforest.net/user/droitthemes
Description: Makro is a creative WordPress theme for saas, software, startup, mobile app, agency and related products & services. Makro is loaded with tons of features, elements & blocks, options that give its users real flexibility to create a dynamic, professional website in no time.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: makro-child
*/

div[title="Contact us button"] > div {
  right: 70px!important;
  bottom: 45px!important;
}

.testimonial_section .item .thumbnail_wrap {
	background-image: url('/wp-content/uploads/2021/12/star.png')!important;
	background-size: contain!important;
    margin-bottom: 0!important;
}

.testimonial_section .item .thumbnail_wrap img {
	display: none!important;
}

#prova-2-button {
	padding: 18px 50px;
    padding-bottom: 19px;
    border: 1px solid transparent;
	    color: #ffffff;
    border-color: #ffffff;
	    z-index: 2;
    outline: none;
    color: #ffffff;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    background-color: transparent;
    text-align: center;
    position: relative;
    border-radius: 45px;
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-family: "Sofia Pro SemiBold";
   position: absolute;
    top: -230px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);	
		  animation-delay: 5s;
	  animation: fadeIn 3s;

  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
	font-weight: 600;
}    

#prova-2-button:hover {
	background-color: #fff;
	color: #5774fa;
}

#banner_section {
	-ms-flex-align: center!important;
    align-items: center!important;
	padding-top: 110px;
	margin-bottom: 0px;
}

.televik-phone .elementor-icon {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(44, 130, 237, .4);
    box-shadow: 0px 10px 30px 0px rgba(44, 130, 237, .4);
    background-image: -o-linear-gradient(50deg, #2c82ed 0%, #38d0fc 100%);
    background-image: linear-gradient(
40deg, #2c82ed 0%, #38d0fc 100%);
}
.televik-phone .elementor-icon:hover, .televik-support .elementor-icon:hover, .televik-chat .elementor-icon:hover {
	color: #fff;
}

.televik-chat .elementor-icon {
    background-image: linear-gradient(
40deg, #57B22A 0%, #77EA3D 100%);
	box-shadow: 0px 10px 30px 0px rgba(87, 178, 42, .4);
}


.televik-support .elementor-icon {
	box-shadow: 0px 10px 30px 0px rgba(255, 155, 18, .4);
    background-image: linear-gradient(
40deg, #FFB51C 0%, #FF8E0D 100%);
}

.televik-featured-card .elementor-element .elementor-element-populated {
    box-shadow: 0px 6px 15px 0px rgba(44, 60, 60, .06)!important;
	transition: background 0.2s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 15px 0px 10px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 10px;
    padding: 60px 20px 60px 20px;
}

#service_section .section_title {
	display: none;
}

#service_section .section_title .service_primary_2 {
	margin-top: 20px;
}

#service_section .elementor-repeater-item-c3bfb1a h3 {
	padding: 0 80px;
}

.pricing_plan_2 .info_list ul li {
	padding-right: 40px;
	position: relative;
}
.pricing_plan_2 .info_list > ul li i.fa-check-circle {
    color: #00a37b;
    position: absolute;
    right: 0;
    top: 5px;
}

#process_section .line_bg {
	background-image: url('/wp-content/uploads/2021/10/line_1.png')!important;
}

.process_section .line_bg:after, .process_section .line_bg:before {
    left: 49%;
}

.banner_content .text_effect_wrap .text_effect_bottom {
	    font-family: "Sofia Pro Bold"!important;
} 

#faq_section {
	padding-top: 50px;
}

#faq_section .col-lg-9.col-md-10.col-sm-10 {
	flex: 100%;
    max-width: 100%;
}

#faq_section .card {
    background-color: transparent;
}

.sec_ptb_120 {
    padding: 90px 0px;
}


.elementor-element-dea9bf4 .fas.fa-check{
	font-size: 12px;
    margin-right: 5px;
    color: #60c030;
}

.elementor-element-6f51df16 .fas.fa-check{
	font-size: 12px;
    margin-right: 5px;
    color: #33a6f4;
}


.elementor-element-0214b75 .fas.fa-check{
	font-size: 12px;
    margin-right: 5px;
   color: #ffa115;
}

.elementor-element-f29c788 .c_slide_in.is_shown .c_slide_in_wrap3 {
	font-family: "Sofia Pro";
    font-weight: 700;
}    

.banner_content .title_text + .mb-50.aos-init.aos-animate {
	opacity: 0;
    height: 100px;
}

.saas_banner {
    padding: 200px 0 200px 0;
    min-height: initial!important;
}

#banner_section {
    padding-top: 250px;
}

.elementor-element-6334039 .elementor-element-populated, .elementor-element-6879536 .elementor-element-populated, .elementor-element-93417b4 .elementor-element-populated, .elementor-element-6ac765 .elementor-element-populated {
	padding: 0!important;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


#topinformation {
	position: absolute;
    top: -360px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    color: #fff;
    text-align: center;
	  animation-delay: 3s;
	  animation: fadeIn 3s;

  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
		
}

#topinformation  .fas.fa-check {
    font-size: 12px;
    margin-right: 5px;
    color: #fff;
}

.saas_banner .banner_content .title_text {
    margin-bottom: 150px;
}

  input[type=checkbox],
input[type=radio] {
    --active: #275EFE;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #BBC1E1;
    --border-hover: #275EFE;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  input[type=checkbox]:after,
input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  input[type=checkbox]:checked,
input[type=radio]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  input[type=checkbox]:disabled,
input[type=radio]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  input[type=checkbox]:disabled:checked,
input[type=radio]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
    cursor: not-allowed;
  }
  input[type=checkbox]:hover:not(:checked):not(:disabled),
input[type=radio]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type=checkbox]:focus,
input[type=radio]:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  input[type=checkbox]:not(.switch),
input[type=radio]:not(.switch) {
    width: 21px;
  }
  input[type=checkbox]:not(.switch):after,
input[type=radio]:not(.switch):after {
    opacity: var(--o, 0);
  }
  input[type=checkbox]:not(.switch):checked,
input[type=radio]:not(.switch):checked {
    --o: 1;
  }
  input[type=checkbox] + label,
input[type=radio] + label {
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }

  input[type=checkbox]:not(.switch) {
    border-radius: 7px;
  }
  input[type=checkbox]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  input[type=checkbox]:not(.switch):checked {
    --r: 43deg;
  }
  input[type=checkbox].switch {
    width: 38px;
    border-radius: 11px;
  }
  input[type=checkbox].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }
  input[type=checkbox].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  input[type=checkbox].switch:disabled:not(:checked):after {
    opacity: 0.6;
  }

  input[type=radio] {
    border-radius: 50%;
  }
  input[type=radio]:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  input[type=radio]:checked {
    --s: .5;
  }

.trial-checkboxes .wpcf7-checkbox {
	    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.trial-checkboxes .wpcf7-list-item label {
	    display: flex;
    align-items: center;
}

.trial-checkboxes .wpcf7-list-item label input {
	margin-right: 10px;
}

.trial-checkboxes > label {
	padding-left: 15px;
    opacity: .8;
}

#topinformation .email-phone {
	margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
}

#topinformation .email-phone a {
	color: #fff;
}

.saas_banner .banner_content .title_text {
    margin-bottom: 230px;
}


@media only screen and (max-width: 600px) {
	.header_section .menu_cart_icon .btn.btn_border {
	zoom: .8;
    margin-top: 10px!important;
    margin-right: 10px!important;
    margin-left: -5px!important;
    display: block!important;
}
	.header_section .brand_logo .brand_link, .header_section .brand_logo .brand_link img, .sidebar-menu-wrapper .mobile_menu a img, .sticky_header.stuck .brand_logo > .brand_link, .sticky_header.stuck .brand_logo > .brand_link > img:nth-child(2) {
    height: auto!important;
}
	
  #topinformation {
    width: 80%;
    top: -500px;
	}
	#topinformation .email-phone {
		margin-top: 40px;
    font-size: 16px;
}
	.banner_content .btns_group ul {
	    padding-top: 80px;
		display: flex;
		justify-content: center;	
	}
	.elementor-element-753a6252 .elementor-button-link  {
		margin-top: 15px;
	}
	.elementor-3582 .elementor-element {
		width: 100%;
	}
	.elementor-3582 .elementor-element {
		width: 100%;
	}

	.elementor-3582 .elementor-element {
    	width: 100%!important;
	}
	.elementor-3582 .elementor-element {
   		 width: 100%!important;
	}
	.elementor-repeater-item-6e89705 img {
		object-position: -30px;
		margin-bottom: 30px;
	}
	.elementor-button-wrapper {
		display: flex;
		justify-content: center;
	}
	#prova-2-button {
		padding: 18px 20px;
		width: 200px;
		top: -140px;	    
	}
	.sec_ptb_120.cart_section.bg_gray {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
	.elementor-1378 .elementor-element.elementor-element-fbe988e {
		padding: 40px 0px 40px 0px!important;
	}
	p {
		font-size: 16px!important;
	}
	.elementor-element-79a08af3 {
		padding-top: 30px!important;
	}
	.elementor-3582 .elementor-element.elementor-element-283c5a2 {
    padding: 200px 0px 70px 0px!important;
}
	#service_section {
		padding-bottom: 0!important;
	}
	.elementor-5581 .elementor-element.elementor-element-c4fabc6 {
    padding-top: 0!important;
}
}

.page-id-5572 .breadcrumb_section, .page-id-5696 .breadcrumb_section {
padding-bottom: 160px!important;
}
.page-id-5581 .breadcrumb_section {
padding-bottom: 130px!important;
}
@media screen and (max-width: 600px) {
  .page-id-5572 .breadcrumb_section, .page-id-5696 .breadcrumb_section {
padding-bottom: 130px!important;
}
	.page-id-5581 .breadcrumb_section {
padding-bottom: 110px!important;
}
} 

.page-id-916 .banner_content .title_text + .mb-50.aos-init.aos-animate {
	height: auto;
    font-size: 22px;
    font-weight: 600;
    opacity: .9;
}

.page-id-916 .banner_content .title_text + .mb-50.aos-init.aos-animate {
	width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.page-id-916 .banner_content .title_text + .mb-50.aos-init.aos-animate:after {
	content: 'Ansök idag och få 30% rabatt!';
    display: block;
    width: 100%;
    position: relative;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 400;
	opacity: .8;
}

#timer {
    font-weight: 600;
    font-size: 28px;
    margin-top: -30px;
    margin-bottom: 30px;
    color: #4154f1;
}

.breadcrumb_section.bg_gradient_blue {
	background-image: url('/wp-content/uploads/2021/12/headerimage.jpg')!important;
	background-size: cover!important;
	background-position: center!important;
}

.home #banner_section {
	background-image: url('/wp-content/uploads/2021/12/home-hero.jpg')!important;
	background-size: cover!important;
	background-position: center!important;
}

.home .header_section:not(.stuck) {
	margin-top: 50px;
}
.home #headerbanner {
	background-color: #4154F1;
}


.home #headerbanner #timer {
	font-weight: 600;
    font-size: 20px;
    width: 150px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 20px;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.home #headerbanner .elementor-widget-container {
	display: flex;
    align-items: center;
}

.home #headerbanner .elementor-widget-container a {
	color: #fff;
	font-weight: 600;
}

.home #headerbanner .elementor-widget-container a:hover {
	text-decoration: underline;
}


#chatbot-features .elementor-icon-wrapper {
	text-align: center;
}

#chatbot-features .elementor-icon {
	font-size: 30px;
    padding: 20px;
}

#chatbot-features .elementor-icon {
    box-shadow: 0px 10px 30px 0px rgba(141, 108, 245, .4);
    background-image: linear-gradient(
40deg, #9e62ff 0%, #6610F1 100%);
}

#chatbot-features .elementor-widget-heading .elementor-widget-container {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px ;
}

#chatbot-features .elementor-widget-wrap {
	background-color: #FFFFFF;
}


#chatbot-features .elementor-widget-heading .elementor-widget-container .elementor-heading-title {
	color: #373D46;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
	text-align: center;
}
#chatbot-features .elementor-button-link {
	font-size: 14px;
    font-weight: 700;
    fill: #6610F1;
    color: #6610F1;
    background-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px;
}

#chatbot-features .elementor-button-link:hover {
	color: #FFFFFF;
    background-color: #6610F1;
    border-color: #6610F1;
}

#chatbot-features .elementor-element-e3e14a0 {
	text-align: center;
    color: #212121;
    font-size: 16px;
    line-height: 26px;
}

#chatbot-features .elementor-element-e3e14a0 .elementor-widget-container {
	padding: 0;
	margin-bottom: 25px;
}

#chatbot-features .elementor-element-e3e14a0 .fas.fa-check {
    font-size: 12px;
    margin-right: 5px;
    color: #6610F1;
}

@media screen and (max-width: 600px) {
	#testimonial_section > .container > .row {
		    flex-direction: column-reverse;
	}
	
.home #headerbanner .elementor-widget-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
	.home #headerbanner #timer {
    font-weight: 600;
    font-size: 18px;
    width: 200px;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    color: #fff;
    border-right: none;
}
	.home .header_section:not(.stuck) {
	margin-top: 120px;
}
	.home #headerbanner .elementor-widget-container a {
   line-height: 1.5;
}
}

#timer {
	display: none!important;
}

.chatbot-feature-item .chatbot-feature-number {
	    font-family: "Sofia Pro Bold";
		font-size: 34px;
}

.chatbot-feature-item .chatbot-feature-number.unlimited {
	font-size: 50px;
    font-family: sans-serif;
	line-height: 1.4;
}

.page-id-6292 .breadcrumb_section.bg_gradient_blue, .page-id-6285 .breadcrumb_section.bg_gradient_blue {
	    background-image: url(/wp-content/uploads/2022/01/headerimagebot.jpg)!important;
}

.televik-featured-card .elementor-element-populated {
	display: flex;
	flex-direction: column;
}

.televik-featured-card .elementor-widget-button {
	margin-top: auto;
}

.breadcrumb_section .breadcrumb_content p {
    max-width: 545px;
}