/*
Theme Name: Astra Child Theme
Theme URI: https://example.com/astra-child
Description: A child theme for Astra.
Author: Vani Bgd
Author URI: https://vanibgd.com/
Template: astra
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: 'Poppins Thin';
    src: url(../fonts/PoppinsThin/PoppinsThin.woff2) format("woff2");
    font-weight: bolder;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Light';
    src: url(../fonts/PoppinsLight/PoppinsLight.woff2) format("woff2");
    font-weight: bolder;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Regular';
    src: url(../fonts/PoppinsRegular/PoppinsRegular.woff2) format("woff2");
    font-weight: bolder;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins Medium';
    src: url(../fonts/PoppinsMedium/PoppinsMedium.woff2) format("woff2");
    font-weight: bolder;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins Bold';
    src: url(../fonts/PoppinsBold/PoppinsBold.woff2) format("woff2");
    font-weight: bolder;
    font-style: normal;
    font-display: swap;
}
.elementor-kit-24 {
	/* Global color */
	--global--color-tirquise-child: #36adaa;
	--e-global-color-primary: var(--global--color-tirquise-child);
	-webkit-tap-highlight-color: transparent;
	--global-typography-primary-font-family-child: "Poppins";
	--e-global-typography-primary-font-family: var(--global-typography-primary-font-family-child);
	--global-typography-primary-font-weight-child: normal;
    --e-global-typography-primary-font-weight: var(--global-typography-primary-font-weight-child);
    --e-global-typography-secondary-font-family: var(--global-typography-primary-font-family-child);
    --e-global-typography-secondary-font-weight: var(--global-typography-primary-font-weight-child);
    --e-global-typography-text-font-family: var(--global-typography-primary-font-family-child);
    --e-global-typography-text-font-weight: var(--global-typography-primary-font-weight-child);
    --e-global-typography-accent-font-family: var(--global-typography-primary-font-family-child);
    --e-global-typography-accent-font-weight: var(--global-typography-primary-font-weight-child);
}
html {
  scroll-behavior: smooth;
}
body {
    font-family:"Poppins Regular", sans-serif !important;
    background-color: #ffffff !important;
}
h1, h2, h3, h4, h5, h6, h1 span.red-underline-title, h2 span.red-underline-title {
    font-family:"Poppins Medium", sans-serif !important;
    /*font-weight:bold !important;*/
    color: #36adaa !important;
}
body .n2-ss-item-content div p {
	font-family: 'Poppins Regular', sans-serif !important;
    letter-spacing: 0px !important;
    font-size: 90% !important;
}
body .n2-section-smartslider .n2-highlighted,
body .n2-section-smartslider .n2-highlighted .n2-ss-animated-heading-i-text ss-word,
body .n2-section-smartslider .n2-highlighted:HOVER,
body .n2-section-smartslider .n2-ss-animated-heading-wrapper.n2-ss-item-content,
body .n2-section-smartslider .n2-ss-animated-heading-wrapper.n2-ss-item-content:hover,
body .n2-section-smartslider .n2-ss-button-container.n2-ss-nowrap,
body .n2-section-smartslider .n2-ss-button-container.n2-ss-nowrap:hover,
body .n2-section-smartslider .n2-ss-button-container.n2-ss-nowrap a,
body .n2-section-smartslider .n2-ss-button-container.n2-ss-nowrap a:hover,
body .n2-section-smartslider .n2-ss-button-container.n2-ss-nowrap a div,
body .n2-section-smartslider .n2-ss-button-container.n2-ss-nowrap a div:hover,
body .n2-section-smartslider .n2-highlighted .n2-ss-animated-heading-i-text ss-word:hover {
	font-family: 'Poppins Regular', sans-serif !important;
	font-weight: 500 !important;
}
em {
    font-style:italic;
}
strong {
    font-family: "Poppins bold", sans-serif !important;
    font-weight: 500 !important;
}
strong em {
    font-weight:bold;
    font-style:italic;
}
form.search-form,
form.search-form label {
    border-radius: 10px !important;
}
.ast-search-menu-icon:before {
    background-image:url(./img/search-icon.webp) !important;
}
.ast-search-menu-icon.ast-dropdown-active .search-field {
    width: 150px !important;
}
.ast-search-menu-icon .search-form {
    border: unset !important;
}
form.search-form label input[type=search] {
    margin: 0 !important;
    padding: 0.2em 0.2em 0.2em 0.8em !important;
}
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
    min-height: unset !important;
}
.ast-logo-title-inline .ast-site-identity {
    padding:0 !important;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: unset !important;
}
.last-menu-item {
    background-color: #36ADAA !important;
    border-radius: 10px !important;
    color: #ffffff !important;
}
.last-menu-item a.menu-link,
.last-menu-item:active a.menu-link {
    color: #ffffff !important;
}
.last-menu-item:hover {
    background-color: #ffffff !important;
}
.last-menu-item:hover a.menu-link{
    color: #36ADAA !important;
}
.main-header-menu .sub-menu {
	background: rgba(0,0,0,0.5) !important;
}
.main-header-menu .sub-menu a {
	padding: 3px 1em !important;
}
.main-navigation ul li ul li.white-on-hover:hover {
    text-decoration:none !important;
}
.white-on-hover:hover a {
    color:#ffffff !important;
    text-decoration:none !important;
}
/*
* Sub menu start
*/
.menu-li-item-style-class:hover {
    color:#36adaa !important;
    text-decoration: underline !important;
}
.menu-li-item-style-class .menu-bulet-before-a {
    background:url(../../uploads/2022/03/menu-bullet.png) no-repeat;
    background-position: 0 5px;
    padding: 0 0 4px 20px;
}
a[aria-current="page"]+.menu-bulet-before-a,
.menu-li-item-style-class:hover .menu-bulet-before-a {
    background:unset !important;
    background-position: unset !important;
    padding: unset !important;
    background:url(../../uploads/2022/03/menu-bullet-hover.png) no-repeat !important;
    background-position: 0 5px!important;
    padding: 0 0 0 20px!important;
}
.menu-li-item-style-class:active .menu-bulet-before-a {
    background:unset !important;
    background-position: unset !important;
    padding: unset !important;
    background:url(../../uploads/2022/03/menu-bullet-hover.png) no-repeat !important;
    background-position: 0 5px!important;
    padding: 0 0 0 20px!important;
}
.main-navigation ul li ul li:hover {
    color:#36adaa !important;
    text-decoration: underline !important;
}
/*
* Sub menu end
*/
.page-sub-title {
    font-family: "Poppins Medium", sans-serif !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 25px !important;
}
.swiper-pagination-bullet {
    background: #ffffff !important;
    border-radius: unset !important;
    height: 3px !important;
    opacity: 1 !important;
    width: 20px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #36ADAA !important;
    width: 200px !important;
}
a:focus, button:focus, input:focus {
	outline: none !important;
}
.red-underline-title {
    border-bottom: 2px solid #ff6d59 !important;
}
.elementor-element-e6ff856 {
    margin-bottom: 1.25rem !important;
}
.our-approach-p {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}
.text-align-center {
    text-align: center !important;
}
.text-align-center-mobile {
    text-align: unset !important;
}
.bold-text,
.text-bold {
    font-family:"Poppins Medium", sans-serif !important;
}
.normal {
    line-height: normal !important;
}
.row-standard-padding {
    padding: 40px 0 !important;
}
.row-lr-padding {
    padding-right: 40px !important;
    padding-left: 40px !important;
}
.elementor-image-carousel-wrapper .elementor-swiper-button i {
    color: #36ADAA !important;
}
/* originally carousel button with opacity 0.3 for blurish display */
.elementor-swiper-button.swiper-button-disabled {
    opacity: 0 !important;
    cursor: auto;
}
.entry-content h1, h1 {
    line-height: 1.3;
}
.like-h3 {
    font-size: 2rem !important;
    line-height: 2.2rem !important;
    margin-top:20px !important;
}
.like-h4 {
    font-size: 1.7rem !important;
    line-height: 1.9rem !important;
    margin-top:20px !important;
}
.ul-red-bullets {
  list-style: none;
  margin-left: 0 !important;
}
.ul-red-bullets li {
 background: url(../../uploads/2022/03/red-bullet-12x12-1.png) no-repeat top left;
 background-position: 0 5px;
 padding: 0 0 4px 20px;
 line-height:20px;
}
.padding-20 {
    padding: 20px !important;
}
.padding-22-5 {
    padding:22.5px !important;
}
.padding-40 {
    padding: 40px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.padding-top-20 {
    padding-top: 20px !important;
}
.padding-right-20 {
    padding-right: 20px !important;
}
.padding-right-20-desktop {
    padding-right: 20px !important;
}
.padding-top-40 {
    padding-top: 40px !important;
}
.padding-bottom-20 {
    padding-bottom: 20px !important;
}
.padding-bottom-40 {
    padding-bottom: 40px !important;
}
.padding-top-60 {
    padding-top: 60px !important;
}
.padding-bottom-60 {
    padding-bottom: 60px !important;
}
.padding-left-10 {
    padding-left: 10px !important;
}
.padding-left-20 {
    padding-left: 20px !important;
}
.no-margin {
    margin: 0 !important;
}
.margin-40 {
    margin: 40px !important;
}
.margin-top-60 {
    margin-top: 60px !important;
}
.margin-top-40 {
    margin-top: 40px !important;
}
.margin-top-45 {
    margin-top: 45px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-right-20 {
    margin-right: 20px !important;
}
.margin-right-40-hide-on-1024 {
    margin-right: 40px !important;
}
.margin-bottom-40 {
    margin-bottom: 40px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.height-570 img {
    height: 570px !important;
    margin-top: 40px !important;
}
.max-height-150 img {
    max-height:150px;
}
.width-540 {
    width:540px;
}
.width-520 {
    width:520px;
}
.width-250 {
    width:250px;
}
.no-padding,
.no-padding .elementor-widget-wrap{
    padding: 0 !important;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-p-small {
    font-size: 13px;     
}
#show-from-1088-1097 {
    display: none !important;
}
.span-empty-50 {
    width: 50px !important;
    /*height: 15px !important;*/
    display: inline-block;
}
.span-empty-70 {
    width: 70px !important;
    /*height: 15px !important;*/
    display: inline-block;
}
.text-decoration-none {
    text-decoration:none;
}
.title-red-border-left div.div-red-border-left {
    border-left: 2px solid #ff6d59 !important;
    padding-left: 20px !important;
    margin: auto !important;
    display: inline-block !important;
}
span.span-second-row {
    margin-top:-2px !important;
}
.a-in-text {
    
}
.hide-on-desktop {
    display: none;
}
.hide-on-mobile {
    display: block;
}
.title-red-gray-underline h2 {
    color: #ff6d59 !important;
}
.title-red-gray-underline .red-underline-title {
    border-bottom: 2px solid #828282 !important;
    color: #ff6d59 !important;
}
.font-weight-light {
    font-weight: light !important;
}
.color-white {
    color: #ffffff !important;
}
.large-number {
    font-size:50px !important;
    margin: 0 !important;
    color: #acacac !important;
    font-family: "Poppins Thin", sans-serif !important
}
#column-slick-3d .slick-html #carousel_3d .slick-list.draggable {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.slick-html #carousel_3d .slick-active {
    transform: scale(1.2) !important;
    z-index:-1;
    position:relative;
}
.slick-html #carousel_3d .slick-current {
    transform: scale(1.3) !important;
    z-index:99999;
    position:relative;
}
.bdt-slide-btn-icon {
    display: none !important;
}
    /* Slide header mobile start */
.desktop-header-slider .bdt-flex-center,
.header-slider-mobile .bdt-flex-center,
.home-page-slider-mobile .bdt-flex-center {
    justify-content: unset;
}
.desktop-header-slider h1.bdt-title-tag,
.desktop-header-slider h2.bdt-title-tag,
.header-slider-mobile h2,
.home-page-slider-mobile h2 {
    color: #fff !important;
    font-size: 2em !important;
}
a.bdt-slide-btn {
    text-decoration: none !important;
}
.desktop-header-slider .bdt-prime-slider-button-wrapper span.bdt-slide-btn-icon,
.header-slider-mobile .bdt-prime-slider-button-wrapper span.bdt-slide-btn-icon,
.home-page-slider-mobile .bdt-prime-slider-button-wrapper span.bdt-slide-btn-icon,
.bdt-prime-slider-skin-general .bdt-slideshow-nav li a:before {
    /*display:none !important;*/
}
.bdt-prime-slider-skin-general .bdt-slideshow-nav li a {
    border-radius: unset !important;
    width: 1.5em !important;
    height: 3px !important;
}
.bdt-prime-slider-skin-general .bdt-slideshow-nav {
    left: 40% !important;
}
.elementor-11 .elementor-element.elementor-element-b3f81ab .bdt-dotnav li.bdt-active a {
    width: 6em !important;
}
    /* SLIDER CURSOR */
#content .n2-ss-animated-heading-i-cursor {
    visibility:hidden;
}
.n2-section-smartslider a.n2-ow:hover {
    background-color: #ffffff !important;
    color: #ff6d59 !important;
}
 
/**
* Home page - About us
*/
.line-height-red-background {
    line-height: 30px;
}
.red-paragraf,
.line-height-p,
.line-height-20 {
    line-height:20px;
}
.line-height-17 {
    line-height:17px;
}
.border-right-section {
    border-right: 2px solid #f8f8f8 !important;
}
.border-right-section,
.border-no-section {
    position: relative;
    display: inline-block;
}
.column-about-core-values .img-top,
.bespoke-services .img-top,
.border-right-section .img-top,
.border-no-section .img-top,
.column-models .img-top,
.column-right-border-gray .img-top,
.row-with-dots .img-top,
.column-outsourcing .img-top {
    display: none;
    position: absolute;
    z-index: 99;
    left:0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.column-about-core-values:hover .img-top,
.bespoke-services:hover .img-top,
.border-right-section:hover .img-top,
.border-no-section:hover .img-top,
.column-models:hover .img-top,
.column-right-border-gray:hover .img-top,
.row-with-dots .section-with-dots:hover .img-top,
.row-with-dots .section-with-dots-1:hover .img-top,
.column-outsourcing:hover .img-top {
    display: inline;
}
.column-models:hover .img-top {
    top:10px !important;
    left:80px !important;
    margin:auto !important;
    width:193px !important;
}
.column-about-core-values:hover .img-top,
.column-right-border-gray:hover .img-top {
    top:0 !important;
}
.column-about-core-values .elementor-widget-wrap {
    padding: 0 !important;
}
#go-to-web-programming,
#go-to-cloud-native,
#go-to-mobile-development,
#go-to-desktop-applications, 
#go-to-qa{
    cursor:pointer;
}

/**
* Home page business models
*/
 .column-models {
    margin: 0 5px !important;
    transition: 0.8s;
 }
.column-models .elementor-element-populated {
    padding-right: 80px !important;
    padding-left: 80px !important;
}
.business-models-subtitle,
.business-models-paragraf {
    text-align: center !important;
    color: #1d1d1d !important;
}
.business-models-paragraf {
    color: #7a7a7a !important;
    margin-bottom: 10px !important;
}
.business-models-subtitle h4 {
    font-family:"Poppins Medium", sans-serif !important;
    /*font-weight: 900 !important;*/
}
.column-models:hover {
    transform: scale(1.05);
    transition: 0.8s;
}
.column-models:hover .img-top,
.column-models:hover h4 {
    margin-top: 8px !important;
}
.column-models:hover .elementor-heading-title,
.column-models:hover .business-models-subtitle,
.column-models:hover .business-models-paragraf {
    text-align:center !important;
    color: #ffffff !important;
}
.column-models:hover .elementor-button {
    background-color: #FFFFFF !important;
    color: #38ADAA !important;
}
#column-bm-height-580 {
    background-color: rgba(0,0,0,0) !important;
    height:580px !important;
    visibility: hidden !important;
}
#column-cloud-types-height-400 {
    background-color: rgba(0,0,0,0) !important;
    height:400px !important;
    visibility: hidden !important;
}
.elementor-11 .elementor-element.elementor-element-76d1048 > .elementor-element-populated {
    border: 0 !important;
}

/**
* Home page our approach
*/
#our-approach-row {
    position: relative !important;
}
p.approach-fields {
    font-weight: bold !important;
    font-size: 1.1rem !important;
    line-height: 20px !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}
.section-title-for-dots,
.section-with-dots, .section-with-dots-1 {
    margin-right:-1px !important;
    margin-left:-1px !important;
}
.section-with-dots .elementor-widget-wrap,
.section-with-dots .elementor-widget-wrap .elementor-element,
.section-with-dots-1 .elementor-widget-wrap,
.section-with-dots-1 .elementor-widget-wrap .elementor-element{
    padding: 0 !important;
    margin: 0 !important;
}
#p-our-approach-hover,
#p-our-approach-hover-mob,
#p-our-approach-hover-1,
#p-our-approach-hover-1-mob{
    line-height:20px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#section-our-approach-display,
#mob-section-our-approach-display,
#section-our-approach-display-1,
#mob-section-our-approach-display-1{
    /*display: none;*/
	border: 2px solid #DCDCDC;
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 25%);
	margin-top: -4px !important;
	text-align: center
}
/* our approuch section with icons */
#section-our-approach-display,#section-our-approach-display-1, #p-our-approach-hover {
    display:block;
}
#firstImgDefault .img-top {
    display:block;
}

/*
* Home page - Counter
*/
.row-counter {
    padding:50px 100px 40px !important;
}
.counter-column {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.elementor-counter-number-wrapper {
    border-bottom:2px solid #fff !important;
}
.elementor-counter-number,
.elementor-counter-number-suffix {
    font-size: 3rem !important;
}

/*
* Home page - Join our team
*/
a.a-bold-anchor {
    color: #000000 !important;
}
.button-red-background a.elementor-button-link {
    background-color: #ff6d59 !important;
    border-radius: 10px !important;
}
.p-join-our-team {
    font-size: 1.8rem !important;
    line-height: 2rem !important;
}
.button-red-background a.elementor-button-link span span {
    font-size: 1.5rem !important;
}
.column-border-radius img {
    border-radius: 10px !important;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

/*
* Home page - Blog
*/
#element-home-blog-slider {
    margin-top:30px !important;
}
.swiper-button-next, .swiper-button-prev {
    color: #38adaa !important;
    background-image: unset !important;
}
#home-blog-row .swiper-slide {
    background-color: #ffffff !important;
    border: 2px solid #eaeaea !important;
    border-radius: 10px !important;
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 25%) !important;
    padding: 5px !important;
}
#home-blog-row .swiper-slide img {
    border-radius: 10px !important;
}
#home-blog-row .swiper-container .wp-spaios-content-wrp {
    background-color: #ffffff !important;
}
#home-blog-row .wp-spaios-title a {
    color: #000000 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
#home-blog-row a.wp-spaios-readmore-btn {
    background-color: #38adaa !important;
    border-radius:10px !important;
    text-decoration: none !important;
}
#home-blog-row .carolentor-posts-meta a,
#home-blog-row .carolentor-posts-title a {
    text-decoration: none !important;
}

/*
* Home page - Calendar plugin
*/
.ribbon-mask,
.bottom_powered_by {
    display:none !important;
}

/*
* Home page - Contact form
*/
.section-contact-form-red {
    padding: 4rem 2rem 0 3rem !important;
}
#home-page-cf input,
#home-page-cf textarea {
    border-radius:10px !important;
}
.button-read-all-blog a,
#home-page-cf input[type="submit"] {
    background-color: #ff6d59 !important;
    border-radius:10px !important;
    color: #ffffff !important;
    padding: 8px 30px !important;
}

/*
* Footer
*/
#website-footer {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#website-footer p,
#website-footer a,
#website-footer-4 p {
    color: #ffffff !important;
	letter-spacing: -0.2px;
}
#website-footer-2,
#website-footer-3 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
}
#website-footer-1,
#website-footer-2,
#website-footer-3 {
    border-right: 1px solid #ffffff !important;
}
#website-footer-2 .elementor-element,
#website-footer-3 .elementor-element {
    padding:0 !important;
}
#website-footer-4 {
    padding-left: 2.5rem !important;
}
#website-footer-4 p {
    margin-bottom: 0 !important;
}
#footer-copyright {
    font-size: 8px !important;
}
#row-footer-copyright,
#row-footer-copyright .elementor-widget-wrap,
#column-footer-copyright {
    padding: 0 !important;
    text-align: center !important;
}

/*
* About page
*/
.column-about-core-values p.text-align-center {
    padding: 0 10px !important;
}

/*
* Bespoke page
*/
.bespoke-services {
    border:1px solid #7a7a7a !important;
    border-radius: 10px !important;
    margin:5px !important;
    padding-top:20px;
    padding-bottom: 20px;
}
.bespoke-services:hover {
    background-color: #36adaa !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%) !important;
    color: #ffffff !important;
    transition:0s !important;
}
.bespoke-services .img-bellow,
.bespoke-services .img-top {
    border-image-width: 0 !important;
}
.bespoke-services:hover .img-bellow {
    opacity:0 !important;
}
.bespoke-services .title-gray h3 {
    color: #7a7a7a !important;
}
.bespoke-services:hover .title-gray h3 {
    color: #ffffff !important;
    transition:0s !important;
}
.bespoke-services .title-gray a {
    text-decoration:none !important;
}
.red-button-white-text a {
    background: #ff6d59 !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    text-align: center !important;
}

/*
* Careers page
*/
#row-benefits-white-gray,
#row-benefits-white-gray .elementor-column {
    padding-top:0 !important;
    padding-bottom:0 !important;
}
#carousel-careers-open-positions .slide-column {
    padding:10px !important;
}
#carousel-careers-open-positions .slide-column .inside-column {
    border: 2px solid #F2F2F2 !important;
    border-radius: 10px !important;
    padding: 20px !important;
}
#carousel-careers-gallery .slide-column {
    width:520px !important;
}
#carousel-careers-gallery .display-inline,
#carousel-careers-gallery img {
    /*display: inline !important;*/
    float: left !important;
}
.slick-html .image-holder {
    height:250px;
}
.slick-html .image-holder img {
    padding: 40px !important;
}
.slick-html #carousel-careers-open-positions .image-holder img {
    padding: 0 !important;
    margin: auto !important;
}
.slick-html .text-holder {
    height:85px;
    text-align: center;
}
.slick-html .text-holder p {
    margin-bottom:10px;
    min-height: 50px;
}
.slick-html .text-holder .a-apply {
    background: #38adaa;
    border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    padding: 3px 20px;
    text-decoration: none;
}
#carousel-careers-open-positions .text-holder .a-apply {
    border: 1px solid #38adaa;
}
#carousel-careers-open-positions .text-holder .a-apply:hover {
    background: #ffffff;
    color: #38adaa;
}
.red-text {
    color:#ff6d59;
}
.counter-careers .elementor-column .elementor-widget-wrap {
    padding-right:20px !important;
    padding-left:20px !important;
}
.counter-careers .elementor-counter-title {
    border-top: 2px solid #525252 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    margin-top:20px;
    padding-top:20px;
}

/*
* Cloud page
*/
#inner-row-cloud-types {
    padding-top: 0;
    padding-bottom: 0;
}
.column-cloud-types {
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 10px;
    min-height: 450px !important;
    box-shadow: -2px -2px 10px 0px rgb(0 0 0 / 0%);
}
.column-cloud-types:hover {
    border-color: #F2F2F2;
    box-shadow: -2px -2px 10px 0px rgb(0 0 0 / 25%);
}
.p-cloud-types-hover {
    display:none;
}
.column-cloud-types:hover .p-cloud-types-hover {
    display:block;
}
.column-cloud-technologies .elementor-widget-wrap {
    border:2px solid #36adaa !important;
    border-radius:10px !important;
    text-align: center !important;
    margin: 10px !important;
    /*padding:4px !important;*/
}
.column-cloud-technologies img {
    width:80px !important;
}
.background-gray-darker {
    background-color: #d3d3d3 !important;
}
#carousel_cloud_why_partner .elementor-column .elementor-widget-wrap {
    min-height: 230px !important;
    padding-right: 20%;
    padding-left: 20%;
}
#carousel_cloud_why_partner .slick-dots li {
    margin: 0!important;
}
#carousel_cloud_why_partner .slick-dots li button {
    width:8px !important;
    padding:0 !important;
}
#carousel_cloud_why_partner .slick-dots li button:before {
    background-color:rgba(0,0,0,0.25) !important;
    width:8px !important;
    height:3px !important;
    content:""!important;
}
#carousel_cloud_why_partner .slick-dots li.slick-active {
    width:4rem !important;
    margin-right:12px !important;
}
#carousel_cloud_why_partner .slick-dots li.slick-active button {
    width:4rem !important;
}
#carousel_cloud_why_partner .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    background-color:#38adaa !important;
    width:4rem !important;
    height:3px !important;
    content:""!important;
}
.slick-html #carousel_cloud_why_partner .slick-dots {
    bottom:-44px;
}

/*
* Desktop development page
*/
.row-white-gray {
    
}
.section-gray-background {
    padding: 20px 20px 0 !important;
}
.section-gray-background .elementor-widget-wrap {
    padding-bottom: 0 !important;
}
.font-weight-light {
    font-family: "Poppins Thin", sans-serif;
    margin: 0 !important;
}
.bottom-0 {
    bottom: 0 !important;
}

/*
* Legacy Systems page
*/
#legacy-cta-p {
    font-size: 1.6rem !important;
    padding-left:40px !important;
    padding-right: 40px !important;
}
#legacy-cta-button a {
    /*width: 70% !important;*/
}
.column-legacy .cta-button-white-text a {
    background-color: #36adaa !important;
    border: 2px solid #36adaa !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 1.5rem !important;
    padding-top:8px;
    padding-bottom: 8px !important;
    text-align: center !important;
    /*width: 40% !important;*/
}
.column-legacy .cta-button-white-text a:hover {
    background-color: #ffffff !important;
    color: #36adaa !important;
}
/*#sp-ea-6235 .ea-expand .ea-header a {*/
/*    background-color: #ffffff !important;*/
/*    color: #444 !important;*/
/*}*/
#sp-ea-6235 .sp-ea-single .ea-header a[aria-expanded="true"] {
    background-color: #36adaa !important;
    color: #ffffff !important;
}

/*
* Mobile development page
*/
span.width-100-percent {
    width: 100% !important;
}

/*
* Outsourcing page
*/
.column-outsource {
    padding: 40px 20px 20px !important;
}
.column-outsourcing .elementor-element {
    margin:0;
}
.column-red-small {
    text-align: center !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
#row-services-we-offer-1 {
    padding: 65px 20px 0 20px !important;
}
#row-services-we-offer-2 {
    border: 3px solid #38adaa !important;
    margin: -100px 20px 40px 20px !important;
    padding: 100px 20px 20px 20px !important;
}
#row-services-we-offer-3 {
    border: 3px solid #38adaa !important;
    margin: -100px 20px 40px 20px !important;
    padding: 100px 20px 20px 20px !important;
}
.red-underline-services, .red-underline-services-ger {
    font-size:1.3em !important;
    cursor: pointer;
}
.active-red-underline {
    color: #FF6D59;
    text-decoration: underline;
}
.display-span {
    margin-right: 5px;
}
.carousel-swo-row .elementor-widget-wrap {
    padding:0 !important;
}
.active-carousel {
    display: block;
}
#image-swo {
    width:40% !important;
    padding-right: 2px !important;
}
#column-swo-3 .elementor-widget-wrap {
    padding-left: 0 !important;
}
#t-swo {
    color:#1d1d1d !important;
}
#paragraf-swo {
    /*margin-bottom: 10px;*/
}
#btn-outsorcing-services {
    margin-top:20px;
}
.counter-outsourcing {
    width: 33% !important;
}
.counter-outsourcing .elementor-counter-number-wrapper {
    float: left !important;
    display: flex !important;
    width: 48% !important;
}
.counter-outsourcing .elementor-counter-number-wrapper .elementor-counter-number,
.counter-outsourcing .elementor-counter-number-wrapper .elementor-counter-number-suffix {
    box-sizing: border-box !important;
    display: inline !important;
    font-size: 16px !important;
    margin: 0 !important;
}
.counter-outsourcing .elementor-counter-title {
    border-left: 1px solid #525252 !important;
    display: flex !important;
    font-size: 12px !important;
    line-height: 12px !important;
    padding-left: 10px !important;
    text-align: left !important;
}
#column-services-we-offer-2-left .elementor-widget-wrap {
    position:relative;
}
#counter-row-desktop {
    position: absolute;
    bottom: 10px;
}
#counter-row-desktop .elementor-widget-wrap {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#counter-outsorcing-desktop-1 .elementor-counter-number-wrapper,
#counter-outsorcing-desktop-2 .elementor-counter-number-wrapper,
#counter-outsorcing-desktop-3 .elementor-counter-number-wrapper {
    padding-top:5px;
}
#counter-outsorcing-desktop-1 .elementor-counter-number-prefix,
#counter-outsorcing-desktop-2 .elementor-counter-number-prefix,
#counter-outsorcing-desktop-3 .elementor-counter-number-prefix {
    flex-grow: 1;
}
#counter-outsorcing-desktop-1 .elementor-counter-number,
#counter-outsorcing-desktop-2 .elementor-counter-number {
    flex-grow: 5;
    text-align: right;
}
#counter-outsorcing-desktop-3 .elementor-counter-number {
    flex-grow: 4;
    text-align: right;
}
#counter-outsorcing-desktop-1 .elementor-counter-number-suffix,
#counter-outsorcing-desktop-2 .elementor-counter-number-suffix,
#counter-outsorcing-desktop-3 .elementor-counter-number-suffix {
    flex-grow: 1;
}

/*
* Mobile development page
*/
.red-paragraf {
    border-left: 1px solid #ff6d59 !important;
    color: #ff6d59 !important;
    font-family: "Poppins Bold", sans-serif !important;
    padding-left:10px !important;
}
.red-paragraf-no-border {
    color: #ff6d59 !important;
    font-size: 18px !important;
    font-family: "Poppins Medium", sans-serif !important;
}

/*
* Web development page
*/
.row-fb-end-web-dev {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.web-dev-progressive-like-h3 {
    font-size: 1.7rem !important;
    line-height: 1.9rem !important;
    margin-top:20px !important;
}
.row-fb-end-web-dev p {
    margin-bottom: 20px !important;
}
#section-webdew-cta {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
#dark-gray-underline {
    border-bottom: 2px solid #3d3d3d !important;
    padding-bottom: 5px !important;
}

/*
* QA page
*/
.cta-like-white-text-p {
    color: #ffffff !important;
    font-size:18px !important;
    line-height:26px;
    margin-bottom: 0 !important;
}
.cta-like-white-text-p a {
    color: #ffffff !important;
}
#column-carouseld-every-second {
    padding: 30px 10px 0 !important;
}
#carousel-every-second .elementor-widget-container .elementor-image-carousel-wrapper div.swiper-slide:nth-child(2n) {
    margin-top:7rem !important;
}
#section-3-rows {
    border: solid 3px #36adaa !important;
}
#row-parts-3-1 {
    padding-top: 40px !important;
}
#row-parts-3-2 {
    
}
#row-parts-3-3 {
    padding-bottom: 40px !important;
}
#column-parts-3-1 {
    border-top:3px solid #36adaa !important;
    border-right:3px solid #36adaa !important;
    border-bottom:0 !important;
    border-left:3px solid #36adaa !important;
}
#column-parts-3-2 {
    /*height:300px !important;*/
}
#column-parts-3-3 {
    border-top:0 !important;
    border-right:3px solid #36adaa !important;
    border-bottom:3px solid #36adaa !important;
    border-left:3px solid #36adaa !important;
    padding-bottom:40px !important;
}
#sp-ea-6199 .ea-card:hover h4 a,
#sp-ea-6199 .ea-expand h4 a,
#sp-ea-6199 .p-accordion a {
    color: #fff !important;
}
/*
#sp-ea-6199.sp-horizontal-accordion>.single-horizontal>.sp-collapse>.ea-body {
    margin-left: 200px !important;
}
#sp-ea-6199.sp-horizontal-accordion>.single-horizontal>.ea-header {
    text-align:center !important;
}
#sp-ea-6199.sp-horizontal-accordion>.single-horizontal.ea-expand.active>.ea-header a,
#sp-ea-6199.sp-horizontal-accordion>.single-horizontal {
    border-color: #38adaa !important;
}
#column-parts-3-2 .active a {
    color:#ffffff !important;
}
#column-parts-3-2 h4 a {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
img.eap-title-custom-icon {
    display: block !important;
    margin: auto;
}
*/

/*
* Why Codolis page
*/
#why-codolis-cta-white-text-p {
    color: #ffffff !important;
    font-size: 1.1rem !important;
    margin: 0 !important;
    line-height: 24px;
}
#cta-white-text-p {
    color: #ffffff !important;
    font-size: 1.6rem !important;
    margin: 0 !important;
    line-height: 24px;
}
.cta-white-text-p {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    line-height: 1.9rem;
    text-align: center !important;
    margin: 0 !important;
}
.cta-white-text-p a {
    color: #ffffff !important;
}
.cta-white-text-button a {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    color: #36ADAA !important;
    font-size: 1.5rem !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    width: 40% !important;
}
#column-legacy-cta-red .cta-white-text-button a {
    width: unset !important;
}
.green-background .cta-white-text-button a {
    border: 2px solid #ffffff !important;
}
.green-background .cta-white-text-button a:hover {
    background-color: #36ADAA !important;
    color: #ffffff !important;
}
.red-background .cta-red-text-button a {
    border: 2px solid #ffffff !important;
    color: #ff6d59 !important;
}
.red-background .cta-red-text-button a:hover {
    background-color: #ff6d59 !important;
    color: #ffffff !important;
}
.button-read-all-blog a,
.button-red-background a,
.white-background .button-red-background a,
#home-page-cf input[type="submit"] {
    border: 2px solid #ff6d59 !important;
}
.button-read-all-blog a:hover,
.button-red-background a:hover,
.white-background .button-red-background a:hover,
#home-page-cf input[type="submit"]:hover {
    background-color: #ffffff !important;
    color: #ff6d59 !important;
}
#cta-red {
    padding: 40px 0 !important;
}
#cta-red .cta-white-text-p {
    margin: 0 !important;
}
#cta-red .column-wa-why-codolis {
    margin: 0 !important;
}
.column-wa-why-codolis .cta-red-text-button a {
    color: #ff6d59 !important;
    padding-bottom: 8px !important;
}
.row-bm-why-codolis {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.row-p-mobile {
    text-align: center !important;
}
.column-right-border-gray,
.column-right-border-gray .elementor-widget-wrap,
.column-right-border-gray .elementor-element {
    margin: 0 !important;
    padding: 0 !important;
}
.column-border-right-gray,
.column-border-right-gray-2,
.column-border-right-gray-about {
    border-right: 1px solid #e0e0e0 !important;
}
.column-padding-left-60 {
    border-left: 1px solid #e0e0e0 !important;
    padding: 10px 0 10px 60px !important;
}
.column-padding-left-60 .title-red-h4 h4,
.column-cloud-technologies .title-red-h4 h4,
.column-about-core-values .title-red-h4 h4 {
    color: #FF6D59 !important;
}
.column-padding-left-60 p {
    margin: 0 !important;
}
.row-iws-why-codolis img {
    padding: 30px 30px 0 30px !important;
}
.row-iws-why-codolis p {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    text-align: center !important;
}
.column-wa-why-codolis,
.column-wa-why-codolis h2 {
    margin-bottom: 2.5rem !important;
    text-align: center !important;
}
#row-cta-why-c #cta-white-text-p {
    padding-right:10% !important;
    padding-left:10% !important;
}

/*
* Blog archive page
*/
.elementor-widget-elementor-blog-posts .wpcap-grid .wpcap-grid-container .wpcap-post .title > a {
    padding:5px 0 0 !important;
}
.wpcap-grid article.wpcap-post:hover {
    background:#38ADAA !important;
}
.wpcap-grid article:hover .post-grid-text-wrap,
.wpcap-grid article:hover .post-grid-text-wrap h4 a,
.wpcap-grid article:hover .post-grid-text-wrap .post-grid-meta span,
.wpcap-grid article:hover .post-grid-text-wrap .post-grid-excerpt p {
    color: #ffffff !important;
    transition: unset !important;
}
.wpcap-grid article:hover .post-grid-text-wrap .read-more-btn {
    background-color: #ffffff !important;
    color: #FF6D59 !important;
    transition: unset !important;
}
.post-grid-text-wrap h3,
.post-grid-text-wrap h4 {
    margin: 0 !important;
    padding: 0 !important;
}
.wpcap-grid-container .post-grid-meta {
    margin-top: 0 !important;
}

/*
* Blog single page
*/
.blog-header-title-like-h1 h2 {
    color: #ffffff !important;
    font-size: 40px !important;
}
article.post {
    background: #ffffff !important;
}
.navigation.post-navigation .nav-links .nav-previous a,
.navigation.post-navigation .nav-links .nav-next a {
    background-color: #36adaa !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-family:"Poppins Thin", sans-serif !important;
    font-size: 16px !important;
    height: 24px;
    line-height: 16px !important;
    padding:4px 20px !important;
    text-align: center !important;
}
/* disable arows */
.navigation.post-navigation .nav-links a span.ast-left-arrow,
.navigation.post-navigation .nav-links a span.ast-right-arrow {
    display:none;
}
.blog-section .blog-like-h4,
.blog-section p {
    margin-bottom: 0 !important;
}

/*
* Contact page
*/
    /* Red contact form - start */
.section-contact-form-red {
    background-color:#ff6d59;
    font-size: 20px;
    color: #ffffff;
    padding: 4rem 2rem 4rem 3rem ;
}
.section-contact-form-red form p {
    padding: 0 5px 5px 10px;
    margin-bottom:5px!important;
}
.section-contact-form-red form p label {
    padding: 0px;
    line-height: 1;
}
.section-contact-form-red form small {
    font-size: 50%;
}
.section-contact-form-red form p label span select {
    border-radius: .3em;
    font-size: 20px;
    color: #1d1d1d;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    font-family: "Poppins Regular", sans-serif;
    padding: 7px 7px 7px 20px;
}
.section-contact-form-red form p:nth-of-type(-n+2) label span::after,
.section-contact-form-red form p:nth-of-type(4) label span::after,
.section-contact-form-red form p:nth-of-type(5) label span::after{
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
    position: absolute;
    top: 15px;
    right: 30px;
    content:" ";
    pointer-events: none;
    cursor: pointer;
}
.section-contact-form-red form p:nth-of-type(-n+2),
.section-contact-form-red form p:nth-of-type(4),
.section-contact-form-red form p:nth-of-type(5) {
    width: 49%;
    display: inline-block;
}
.section-contact-form-red form input[type="email"],
.section-contact-form-red form input[type="submit"],
.section-contact-form-red form input[type="text"] {
    border-radius: .3em;
    font-size: 20px;
    font-family: "Regular Regular", sans-serif;
    padding: 7px 7px 7px 20px;
    height: 32px;
    color :#1d1d1d;
}
.section-contact-form-red form input[type="submit"] {
    color: #3aada9;
    width: 100%;
    background-color: #ffffff;
    /*margin-top: 3rem;*/
}
.section-contact-form-red form input[type="submit"]:hover {
    color: #ffffff;
    background-color: #3aada9;
}
input::-webkit-input-placeholder {
    color: #1d1d1d;
    opacity: 0.3; 
}
.wpcf7 form.sent .wpcf7-response-output
.wpcf7-response-output {
    border-color: #38adaa !important;
    background-color: #ff6d59 !important;
    color: #fff !important;
    font-size: 18px !important;
    margin-top: 1em !important;
}
.img-icons {
    margin-left: 10px;
    width: 70px;
    height: 60px;
}
.span-icons {
    
    display: inline-block;
}
.span-icons::after {
    content: 'x';
    position: relative;
    top: -25px;
}
.hidden-tech {
    display:none;
}
    /* Red contact form - end */
.br-show-on-950,
.show-on-921,
.br-show-on-600,
.show-on-490,
.br-show-on-390 {
    display:none !important;
}
#wpcal_user_app,
li.wpcal_slot a,
#wpcal-widget .widget-main .event-date-col .vc-container .vc-day-content:not(.vc-text-gray-400) {
    color: #38adaa !important;
}
#wpcal-widget .widget-main .event-date-col .vc-container .vc-highlights+.vc-day-content {
    background-color: #38adaa !important;
    color: #fff !important;
}
li.wpcal_slot a {
    border: 1px solid #38adaa !important;
}
.height-408 {
    height: 408px !important;
}
.column-padding-50 {
    padding:50px !important;
}
.background-main-color {
    background-color: #38adaa;
    border-radius:8px !important;
}
#wpcal-widget .widget-main.state-form .event-form .confirmed-timing {
    color: #38adaa !important;
}
#wpcal-widget .widget-main.state-form .event-form .confirmed-timing:before {
    filter: brightness(0.7) sepia(2) hue-rotate(123deg) saturate(9);
}
.column-no-margin-padding .elementor-widget-wrap.elementor-element-populated,
.map-no-padding {
    padding: 0 !important;
    margin: 0 !important;
}
.map-no-padding iframe {
    vertical-align: middle !important;
}

/*
* Search page
*/
.elementor-search-form--skin-full_screen .elementor-search-form__toggle  {
    color: #38adaa !important;
}
.elementor-search-form--skin-full_screen .elementor-search-form__container {
    background-color: rgba(56,173,170,0.9) !important;
}
.elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button,
.elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button:hover {
    color: #fff !important;
}
.elementor-post__card {
    padding: 20px !important;
}
.elementor-posts .elementor-post__card .elementor-post__text {
    padding: 0 !important;
}
.elementor-post__card .elementor-post__thumbnail {
    border-radius: 10px !important;
}
.elementor-posts .elementor-post__meta-data {
    color: #737373 !important;
    padding-left: 0 !important;
}
.elementor-grid-item:hover .elementor-post__card {
    background-color: #38adaa !important;
}
.elementor-grid-item:hover h3 a,
.elementor-grid-item:hover p,
.elementor-grid-item:hover .elementor-post__meta-data {
    color: #fff !important;
}
.elementor-grid-item:hover .elementor-post__meta-data {
    border-top-color: #ffffff !important;
}
.elementor-post__read-more {
    background-color: #ff6d59 !important;
    border-radius: 8px !important;
    color: #fff !important;
    padding: 5px 20px !important;
}
.elementor-grid-item:hover .elementor-post__read-more,
.elementor-post__read-more:hover {
    color: #ff6d59 !important;
    background-color: #fff !important;
}

/*
* reCaptcha 
*/

.grecaptcha-badge {
	bottom:150px !important;
}

/*
* Back-to-top
*/
#return-to-top {
    position: fixed;
    z-index: 9;
    bottom: 90px;
    right: 20px;
    background-color: rgba(56,173,170,0.8);
    width: 50px;
    height: 50px;
    border:1px solid #f8f8f8;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    display: none;
}
#return-to-top:hover {
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,.5);
}
a {
    background: 0 0;
    cursor: pointer;
}
a:hover {
    outline: 0;
}
#return-to-top img {
    padding-left: 9px;
    vertical-align: bottom;
    padding-bottom: 5px;
}
#return-to-top:hover img {
    padding-bottom:10px;
}
.showToTop {
    visibility: visible !important;
    display: block !important;
}
.hideToTop {
    visibility: hidden !important;
    display: none !important;
}

/* Tidio chat */
#tidio-chat-iframe {
	inset: auto 5px 5px auto !important;
}
.input-group .footer-bottom {
	display:none !important;
}

/*
* MAX 1100 screen
*/
@media screen and (max-width: 1100px) {
    .row-fb-end-web-dev p.margin-10-on-1100 {
        margin-bottom:10px !important
    }
}



/*
* MAX 1100 screen
*/
@media screen and (min-width: 1071px) and (max-width: 1081px) {
    #show-from-1071-1081 {
        display: block !important;
    }
}
/*@media screen and (min-width: 1089px) and (max-width: 1097px) {*/
/*    #show-from-1088-1097 {*/
/*        display: block !important;*/
/*    }*/
/*}*/

/*
* MAX 1068 screen
*/
@media screen and (max-width: 1069px) {
    #row-web-development-progressive {
        background-image: url(/wp-content/uploads/2022/03/Codolis-web-development-progressive-background-2.webp) !important;
    
    }
    #show-from-1071-1081 {
        display: none !important;
    }
}

/*
* MAX 1060 screen
*/
@media screen and (max-width: 1060px) {
    #section-webdew-cta {
        width: 80% !important;
    }
    .cta-white-text-button a {
        width: 50% !important;
    }
}

/*
* MAX 1045 screen
*/
@media screen and (max-width: 1045px) {
    #row-why-c-progressive {
        /*background-image: url(../../uploads/2022/03/...); !important;*/
    }
}

/*
* MAX 1030 screen
*/
@media screen and (max-width: 1030px) {
    .counter-outsourcing .elementor-counter-number-wrapper .elementor-counter-number,
    .counter-outsourcing .elementor-counter-number-wrapper .elementor-counter-number-suffix {
        font-size:16px !important;
    }
    .counter-outsourcing .elementor-counter-title {
        font-size:10px !important;
    }
}

/*
* MAX 1024 screen
*/
@media screen and (max-width: 1024px) {
    .row-counter .elementor-counter-title {
        font-size:15px !important;
    }
    .column-cloud-technologies .elementor-widget-wrap {
        margin:5px !important;
    }
    .column-cloud-technologies h4 {
        font-size:1.1rem !important;
    }
    #column-bm-height-580,
    #column-cloud-types-height-400 {
        margin-left: -15px !important;
    }
    .margin-right-40-hide-on-1024 {
        margin-right: 0 !important;
    }
}

/*
* MAX 950 screen
*/
@media screen and (max-width: 950px) {
    .br-show-on-950 {
        display:block !important;
    }
    .title-margin-top {
        line-height: 50px !important;
    }
    .section-contact-form-red form p:nth-of-type(-n+2),
    .section-contact-form-red form p:nth-of-type(4),
    .section-contact-form-red form p:nth-of-type(5) {
        width:100%;
    }
}

/*
* MAX 921 screen - Mobile Extra
*/
@media screen and (max-width: 922px) {
    .elementor-hidden-mobile_extra,
    .elementor-hidden-mobile {
        display: none !important;   
    }
    .br-hide-on-mob {
        display: none !important;
    }
    /*
    * Mobile menu - start
    */
        /* header with logo*/
    #masthead .ast-mobile-header-wrap .ast-primary-header-bar, #masthead .ast-mobile-header-wrap .ast-below-header-bar {
        background-color:#000000;
        height:50px;
        padding-top:5px;
        padding-bottom:5px;
    }
        /* toggle menu */
    .ast-button-wrap .menu-toggle.main-header-menu-toggle {
        padding: 0 !important;
    }
        /* logo container */
    .custom-logo-link {
        display:inline-flex;
        height:23px !important;
        width:100px !important;
        margin-top:3px !important;
    }
    #ast-hf-mobile-menu .ast-logo-title-inline .site-logo-img {
        padding-top:4px !important;
    }
    #ast-hf-mobile-menu .site-logo-img .custom-logo-link img {
        /*height:30px !important;*/
        /*padding-top:4px !important;*/
    }
        /* for transparency of menu */
    .ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {
        opacity:.9;
    }
        /* overlap menu */
    .main-navigation {
        position:absolute;
    }
        /* ul element MENU */
    [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
        width:40px !important;
        height:40px !important;
    }
    #ast-hf-mobile-menu {
        background-color:  #ff6d59;
        text-align:center;
        box-sizing:border-box !important;
    }
     #ast-hf-mobile-menu > li > a {
        color:#ffffff;
        font-size: 18px;
    }
        /* arrow down */
    #ast-hf-mobile-menu li:nth-child(2) button span:nth-child(2){
      color:white;
      width: 0; 
      height: 0; 
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid white;
      position:relative;
      left:70px;
    }
    #ast-hf-mobile-menu li:nth-child(2) button {
      width:100%;
      top:14px;
    }
        /* remove svg arrow */
    .ast-arrow-svg {
      display:none;
    }
    .last-menu-item {
      border-radius:0!important;
      background-color: #f8f8f8 !important;
    }
    .last-menu-item a.menu-link {
      color: #36adaa !important;
    }
        /* services sub-menu */
    #ast-hf-mobile-menu li:nth-child(2) ul {
    background-color: #ff6d59!important;
    text-align:center;
    border-top:1px solid rgba(255, 255, 255, .2);;
    border-bottom:1px solid rgba(255, 255, 255, .2);;
    }
    #ast-hf-mobile-menu li:nth-child(2) ul li a {
        color:#ffffff ;
        font-size: 18px;
    }
        /* remove down arrow in softver li */
    #ast-hf-mobile-menu li:nth-child(2) ul li button span:nth-child(2) {
      opacity:0;
    }
        /* softver sub-menu links */
    #ast-hf-mobile-menu li:nth-child(2) ul li ul li a {
       color:#1d1d1d;
    }
        /* search icon */
    #ast-mobile-header .ast-icon.icon-search svg {
        height:30px !important;
        width: 30px !important;
        margin-top:5px !important;
    }
    /* 
    * Mobile menu - end
    */
    
    #show-mobile-header-slider {
        display: block !important;
    }
    #slider_2546 {
        visibility: visible !important;
    }
    .column-padding-left-60 {
        padding-left: 15px !important;
    }
    .column-padding-left-60 p {
        display: none !important;
    }
    .text-align-center-mobile {
        text-align: center !important;
    }
    .padding-right-20-desktop {
        padding-right: unset;
    }
    .hide-on-desktop {
        display: block !important;
    }
    .hide-on-mobile {
        display: none !important;
    }
    .title-red-border-left {
        text-align: center !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .row-white-gray {
        background-image: unset !important;
        padding-bottom: 40px !important;
    }
    .section-gray-background {
        padding: 0 !important;
    }
    .section-gray-background .elementor-widget-wrap {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .section-gray-background p {
        text-align: center !important;
    }
    .column-border-right-gray-2,
    .column-border-right-gray-about {
        border-right: unset !important;
    }
    .column-border-right-gray-mobile {
        border-right: 1px solid #e0e0e0 !important;
    }
    .column-border-top-gray {
        border-top: 1px solid #e0e0e0 !important;
    }
    .column-border-left-gray {
        border-left: 1px solid #e0e0e0 !important;
    }
    .column-border-bottom-gray {
        border-bottom: 1px solid #e0e0e0 !important;
    }
    .row-counter {
        padding:50px 20px 40px !important;
    }
    .row-counter .elementor-widget-wrap {
        padding:10px 70px !important;
    }
    .web-dev-progressive-like-h3 {
        max-width:400px;
        margin-right:auto;
        margin-left:auto;
    }
    .red-underline-title {
        padding-bottom: 0 !important;
    }
    h2 {
        line-height: 1.6 !important;
    }
    
        /* Slide header mobile start */
    .header-slider-mobile .bdt-flex-center,
    .home-page-slider-mobile .bdt-flex-center {
        justify-content: unset;
    }
    .header-slider-mobile h2,
    .home-page-slider-mobile h2 {
        color: #fff !important;
        font-size: 2em !important;
    }
    a.bdt-slide-btn {
        text-decoration: none !important;
        margin: 0 20px 20px 0 !important;
    }
    .header-slider-mobile .bdt-prime-slider-button-wrapper span.bdt-slide-btn-icon,
    .home-page-slider-mobile .bdt-prime-slider-button-wrapper span.bdt-slide-btn-icon,
    .bdt-prime-slider-skin-general .bdt-slideshow-nav li a:before {
        display:none !important;
    }
    .bdt-prime-slider-skin-general .bdt-slideshow-nav li a {
        border-radius: unset !important;
        width: 1.5em !important;
        height: 3px !important;
    }
    .bdt-prime-slider-skin-general .bdt-slideshow-nav {
        left: 40% !important;
    }
    .elementor-11 .elementor-element.elementor-element-b3f81ab .bdt-dotnav li.bdt-active a {
        width: 6em !important;
    }
        /* Slide header mobile end */
    
        /* Web development page - start */
    #section-webdew-cta {
        width: 100% !important;
    }
        /* Web development page - end */
        /* Legacy page - start */
    .column-legacy .cta-button-white-text a {
        width: 100% !important;
    }
        /* Legacy page - end */
        /* Outsourcing page - start */
    #row-outsourcing-the-main-reason,
    #row-outsourcing-the-main-reason .title-red-border-left div.div-red-border-left {
        display:none;
    }
        /* Outsourcing page - end */
    .row-home-about-mobile .swiper-slide {
        padding:20px !important;
    }
    .row-home-about-mobile .swiper-slide.swiper-slide-active {
        border-right: solid 2px #F2F2F2;
    }
    #row-about-connect {
        background-image: url(../../uploads/2022/03/codolis-about-connect-with-our-experts-mobile.webp);
    }
    #id-row-with-dots-mobile .elementor-swiper-button-next {
        right:-20px !important;
    }
    #id-row-with-dots-mobile .elementor-swiper-button-prev {
        left:-20px !important;
    }
    .border-bottom-right-radius-20 {
        border-bottom-right-radius:20px !important;
    }
    .border-top-left-radius-20 {
        border-top-left-radius:20px !important;
    }
    .large-number-about,
    .red-paragraf-no-border-about {
        display:inline-block;
    }
    .red-paragraf-no-border-about {
        margin-left:20px;
        font-size: 1.5em;
    }
    .extra-mobile-padding-40 {
        padding:40px !important;
    }
    .home-join-our-team p {
        margin-bottom: 0 !important;
    }
    .home-join-our-team .elementor-button-wrapper {
        margin:20px 0 !important;
    }
    #carousel-every-second .elementor-widget-container .elementor-image-carousel-wrapper div.swiper-slide:nth-child(2n) {
        margin-top: unset !important;
    }
    #row-cta-why-c {
        background-image: url(../../uploads/2022/03/why-codolis-call-to-action-mobile-background.webp);
        background-repeat: no-repeat;
        background-size: cover;
    }
    #cta-red {
        background-image: url(../../uploads/2022/03/codolis-red-background-mobile.webp) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
        /* Outsourcing page */
    #counter-row-desktop {
        display:none !important;
    }
    .counter-row-mobile-1 .elementor-counter-number-prefix,
    .counter-row-mobile-2 .elementor-counter-number-prefix,
    .counter-row-mobile-3 .elementor-counter-number-prefix {
        flex-grow: 1;
    }
    .counter-row-mobile-1 .elementor-counter-number,
    .counter-row-mobile-2 .elementor-counter-number {
        flex-grow: 5;
        text-align: right;
    }
    .counter-row-mobile-3 .elementor-counter-number {
        flex-grow: 4;
        text-align: right;
    }
    .counter-row-mobile-1 .elementor-counter-number-suffix,
    .counter-row-mobile-2 .elementor-counter-number-suffix,
    .counter-row-mobile-3 .elementor-counter-number-suffix {
        flex-grow: 1;
    }
    .counter-outsourcing {
        width:100% !important;
    }
    .counter-outsourcing .elementor-widget-wrap {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .counter-outsourcing .elementor-counter-number-wrapper {
        padding-top:5px;
    }
    .counter-outsourcing .elementor-counter-number-wrapper .elementor-counter-number,
    .counter-outsourcing .elementor-counter-number-wrapper .elementor-counter-number-suffix {
        font-size:26px !important;
    }
    .counter-outsourcing .elementor-counter-title {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    .row-iws-why-codolis p {
        font-size: 1.4rem !important;
        margin:0 !important;
    }
    .show-on-921 {
        display:block !important;
    }
    .height-570 img {
        height: auto !important;
        content: url(../../uploads/2022/03/codolis-how-we-do-it-steps-mobile.webp);
    }
    #cta-white-text-p {
        font-size: 1.4rem !important;
    }
    .cta-white-text-button a {
        width: 80% !important;
    }
    #website-footer-1 {
        border-right: none !important;
    }
    #website-footer-2,
    #website-footer-3 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    #website-footer-4 {
        padding-left: 1.5rem !important;
    }
    /*
    * Mobile Carousel Slick - start
    */
        /* remove original arrows */
    .slick-prev:before,
    .slick-next:before {
        display:none;
    }
        /* hide arrow when notnihg to slide */
   .slick-html button.slick-disabled {
        visibility:hidden;
    }
        /*.row-slick-carousel .slick-html{*/
    .slick-html {
        padding-right: 40px;
        padding-left: 40px;
    }
    .slick-html .slick-initialized .slick-slide {
        padding:2px;
    }
    .slick-html .slick-initialized .slick-slide .inside-column {
        border:1px solid #8e8e8e;
        border-radius: 10px !important;
        padding:50px !important;
        position: relative;
    }
    .slick-html .image-holder {
        height:200px;
    }
    .slick-html .slick-initialized .slick-slide img {
        margin:auto !important;
    }
    .slick-html .slick-initialized .slick-slide h4,
    .slick-html .slick-initialized .slick-slide p {
        text-align: center !important;
    }
    .button-slick-carousel {
        background-color: #38adaa !important;
        border-radius: 5px !important;
        bottom: 18px !important;
        left: 50% !important;
        margin: 0 !important;
        padding: 5px 10px !important;
        position: absolute !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
    }
    a.a-slick-carousel {
        color: #FFFFFF;
        text-align: center !important;
        text-decoration: unset !important;
    }
    #id-row-slick-carousel,
    #carousel_cloud_types,
    #carousel_cloud_types .slide-column {
        vertical-align: middle !important;
    }
    .slick-html #carousel_cloud_types .slick-slide {
        height:100% !important;
        padding:15px;
    }
    .slick-html #carousel_cloud_types .slick-slide .inside-column {
        border: 1px solid #F2F2F2;
        border-radius: 10px;
        box-shadow: -2px -2px 10px 0px rgb(0 0 0 / 25%);
        padding:30px;
    }
    #carousel-careers-gallery .slick-slide img {
        display: inline !important;
    }
    .slick-html #carousel-careers-gallery .margin-top-70 {
        margin-top: 70px !important;
    }
    .slick-html #carousel-careers-gallery .margin-top-40 {
        margin-top: 40px !important;
    }
    .slick-html #carousel-careers-gallery .margin-top-20 {
        margin-top: 20px !important;
    }
    .slick-html #carousel-careers-gallery .margin-right-20 {
        margin-right: 20px !important;
    }
    .slick-html #carousel-careers-gallery .margin-bottom-40 {
        margin-bottom: 40px !important;
    }
    .slick-html #carousel-careers-gallery .margin-bottom-20 {
        margin-bottom: 20px !important;
    }
    .slick-html #carousel_home_about_us .slick-slide .inside-column {
        padding:20px !important;
    }
    .slick-html #carousel_home_about_us .image-holder img {
        padding: 0 !important;
        height:200px !important;
    }
    /*
    * Mobile Carousel Slick - end
    */
}

/*
* MAX 830 screen
*/
@media screen and (max-width: 830px) {
    .slick-html #carousel_business_models .slick-slide .inside-column {
        height: 600px !important;
    }
}

/*
* MAX 820 screen
*/
@media screen and (max-width: 820px) {
    #legacy-cta-button a {
        /*width: 100% !important;*/
    }
}

/*
* MAX 740 screen
*/
@media screen and (max-width: 740px) {
	.ea-card #sp-ea-6199 .p-accordion a {
		color: #fff !important
	}
}

/*
* MAX 650 screen
*/
@media screen and (max-width: 650px) {
    .bdt-prime-slider-skin-general .bdt-slideshow-nav {
        left: 38% !important;
    }
}

/*
* MAX 622 screen
*/
@media screen and (max-width: 622px) {
    .row-counter .elementor-widget-wrap {
        padding:10px 40px !important;
    }
}

/*
* MAX 600 screen
*/
@media screen and (max-width: 600px) {
    .mobile-header-carousel-h2 {
        font-size: 2.2rem!important;
    }
    .br-show-on-600 {
        display:block !important;
    }
    .title-margin-top {
        line-height: 50px !important;
    }
    .counter-outsourcing .elementor-counter-title {
        width: unset !important;
    }
    .slick-html #carousel_home_about_us .image-holder img {
        height:150px !important;
        margin-top: 30px !important;
    }
    #sp-ea-6199 .ea-card:hover h4 a,
    #sp-ea-6199 .ea-expand h4 a,
    #sp-ea-6199 .p-accordion a {
        color: #fff !important;
    }
}

/*
* MAX 560 screen
*/
@media screen and (max-width: 560px) {
    .bdt-prime-slider-skin-general .bdt-slideshow-nav {
        left: 37% !important;
    }
    #row-services-we-offer-2 {
        padding:100px 0 20px !important;
    }
	#row-services-we-offer-3 {
        padding:100px 0 20px !important;
    }
    .section-contact-form-red,
    .section-contact-form-red form small {
        font-size: 1em !important;
    }
    .slick-html #carousel_business_models .slick-slide .inside-column {
        height: 600px !important;
    }
}

/*
* MAX 515 screen
*/
@media screen and (max-width: 515px) {
    .slick-html #carousel_cloud_types .slick-slide .inside-column {
        height: 550px !important;
    }
}

/*
* MAX 502 screen
*/
@media screen and (max-width: 502px) {
    .bdt-prime-slider-skin-general .bdt-slideshow-nav {
        left: 36% !important;
    }
    .row-counter .elementor-widget-wrap {
        padding:10px !important;
    }
    .slick-html #carousel_home_about_us .image-holder img {
        height:120px !important;
        margin-top: 50px !important;
    }
}

/*
* MAX 490 screen
*/
@media screen and (max-width: 490px) {
    .mobile-header-carousel-h2 {
        font-size: 2rem!important;
    }
    .show-on-490 {
        display:block !important;
    }
    #carousel_cloud_why_partner .elementor-column .elementor-widget-wrap {
        padding-right: 10%;
        padding-left: 10%;
    }
}

/*
* MAX 468 screen
*/
@media screen and (max-width: 468px) {
    .bdt-prime-slider-skin-general .bdt-slideshow-nav {
        left: 34% !important;
    }
    .row-iws-why-codolis p {
        font-size: 1.1rem !important;
    }
    .red-underline-services, .red-underline-services-ger {
        font-size: 1em !important;
    }
    #website-footer-1,
    #website-footer-2,
    #website-footer-3 {
        border-right: none !important;
    }
    #website-footer-2,
    #website-footer-3,
    #website-footer-4 {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
    }
}

/*
* MAX 447screen
*/
@media screen and (max-width: 447px) {
    .slick-html #carousel_home_about_us .image-holder img {
        height:150px !important;
        margin-top: 35px !important;
    }
}

/*
* MAX 434screen
*/
@media screen and (max-width: 434px) {
    .slick-html #carousel_cloud_types .slick-slide .inside-column {
        padding: 30px !important;
    }
}

/*
* MAX 420 screen
*/
@media screen and (max-width: 420px) {
    .bdt-prime-slider-skin-general .bdt-slideshow-nav {
        left: 32% !important;
    }
    .counter-outsourcing .elementor-counter-number-wrapper .elementor-counter-number, .counter-outsourcing .elementor-counter-number-wrapper .elementor-counter-number-suffix {
        font-size:20px !important;
    }
    .counter-outsourcing .elementor-counter-title {
        font-size: 16px !important;
        line-height: 16px !important;
    }
    #carousel_cloud_why_partner .elementor-column .elementor-widget-wrap {
        padding-right: 10px !important;
        padding-left: 10px !important;
        width: 95% !important;
    }
}

/*
* MAX 390 screen
*/
@media screen and (max-width: 390px) {
    .br-show-on-390 {
        display:block !important;
    }
    .elementor-counter-number, .elementor-counter-number-suffix {
        font-size: 2.2rem !important;
    }
    .row-counter .elementor-counter-title {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin-top: 5px !important;
    }
    .red-underline-services, .red-underline-services-ger {
        font-size: 0.9em !important;
    }
    .slick-html #carousel_cloud_types .slick-slide .inside-column {
        padding: 20px !important;
    }
    .slick-html #carousel_business_models .slick-slide .inside-column {
        padding: 30px !important;
    }
        /* Career page */
    #careers-mob-header #n2-ss-13 .n2-ss-button-container a {
        padding: 8px 13px 7px !important;
    }
    #careers-mob-header #n2-ss-13 .n2-ss-button-container a div {
        font-size: 0.9em important;
    }
}

/*
* MAX 368 screen
*/
@media screen and (max-width: 368px) {
    .bdt-prime-slider-skin-general .bdt-slideshow-nav {
        left: 30% !important;
    }
    .slick-html #carousel_cloud_types .slick-slide .inside-column {
        height: 620px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .red-paragraf-no-border {
        font-size: 1em !important;
    }
}

/*
* MAX 350 screen
*/
@media screen and (max-width: 350px) {
    #column-swo-3 .elementor-widget-wrap {
        padding-right: 0 !important;
    }
    .red-underline-services, .red-underline-services-ger {
        font-size:0.7em !important;
    }
    #carousel_cloud_why_partner .elementor-column .elementor-widget-wrap {
        width: 97% !important;
    }
}

/*
* MAX 336 screen
*/
@media screen and (max-width: 336px) {
    #careers-button-2 {
        /*margin:10px 0 0 !important;*/
        /*padding:4px 33px 5px !important;*/
    }
    .slick-html #carousel_cloud_types .slick-slide .inside-column {
        height: 700px !important;
    }
    .slick-html #carousel_business_models .slick-slide .inside-column {
        padding: 20px !important;
        height: 620px !important;
    }
    .slick-html #carousel_home_about_us .image-holder img {
        height:120px !important;
        margin-top: 70px !important;
    }
    .web-dev-header-cta-button div {
        font-size: 0.9em !important;
    }
}

/*
* MAX 295 screen
*/
@media screen and (max-width: 295px) {
    #careers-mob-header #n2-ss-13 .n2-ss-button-container a {
        padding: 6px 6px 5px !important;
    }
    .slick-html #carousel_cloud_why_partner .slick-slide img {
        width:60px !important;
        height:60px !important;
    }
    .red-paragraf-no-border {
        font-size: 0.85em !important;
    }
    .slick-html #carousel_business_models .slick-slide .inside-column {
        padding: 10px !important;
    }
}

input[type=button] {
	background-color: #38adaa!important;
	color: white!important;
}
input[type=button]:hover {
	background-color: #287a78!important;
	-webkit-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}