@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Satisfy&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");
@import url("animate.css");
@import url("owl.css");
@import url("swiper.min.css");
@import url("jquery.fancybox.min.css");
@import url("jquery-ui.css");
@import url("linear.css");
@import url("select2.min.css");
@import url("fontawesome-all.css");
@import url("flaticon.css");
@import url("tm-bs-mp.css");
@import url("tm-utility-classes.css");
:root {
  --container-max-width: 1500px;
  --container-width: 96%;
  --padding-top: 80px;
  --padding-bottom: 80px;
  --padding-top-mobile: 60px;
  --padding-bottom-mobile: 60px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: var(--container-max-width);
    width: var(--container-width);
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}

.padding-section {
    padding-top: var(--padding-top) !important;
    padding-bottom: var(--padding-bottom) !important;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: var(--container-max-width);
        width: var(--container-width);
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: var(--container-max-width);
        width: var(--container-width);
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: var(--container-max-width);
        width: var(--container-width);
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: var(--container-max-width);
        width: var(--container-width);
    }
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: var(--container-max-width);
        width: var(--container-width);
    }
}

@media (max-width: 1330px) {
    .about-section-three .icon-idea {
        left: 450px;
    }

    .about-section-three .icon-dots-5 {
        top: 540px;
    }
}

@media (max-width: 1080px) {
    .about-section-three .icon-dots-5 {
        display: none;
    }
}

@media (max-width: 1040px) {
    .persona-png {
        display: none;
    }
}

@media (max-width: 1031px) {
    .image-column.template-contacte {
        display: none;
    }
}

@media (max-width: 992px) {
    .about-section .content-column, .about-section-two .content-column{
		order: 0 !important;
	}

    .about-section-two .image-column {
        justify-content: center;
    }

    .about-section-two .content-column {
        margin-bottom: 40px;
    }

    .main-footer .widgets-section {
        padding-top: var(--padding-top-mobile);
        padding-bottom: var(--padding-bottom-mobile);
    }

    .mrb-mobile-0 {
        margin-bottom: 0 !important;
    }

    .contact-details__right {
        margin-top: 60px;
    }

    .about-section-three .icon-dots-5 {
        top: 290px;
    }

    .about-section-three .content-column {
        order: 0 !important;
    }

    .df-template-abclogopedia2 {
        display: none;
    }
}

@media (max-width: 768px) {
    .padding-section {
        padding-top: var(--padding-top-mobile) !important;
        padding-bottom: var(--padding-bottom-mobile) !important;
    }

    section > .container, section > .container-fluid {
        padding-top: var(--padding-top-mobile) !important;
        padding-bottom: var(--padding-bottom-mobile) !important;
    }

    .page-title .title {
        font-size: 54px;
    }

    .main-slider .text br {
        display: none;
    }
}

@media (max-width: 660px) {

    .page-title .title {
        font-size: 48px;
    }

    .about-section-three .icon-dots-5 {
        display: none;
    }
}

@media (max-width: 480px) {

    .page-title .title {
        font-size: 44px;
    }

    .main-slider .text {
        font-size: 16px;
        line-height: 22px;
    }

    .btn-style-two.slider-1 {
        font-size: 9px;
    }
}