/* Theme Name: Technology FX Theme
Theme URI: https://technologyfx.com/
Author: Andrei De La Rosa
Author URI: https://wordpress.org/
Version: 0.0.794
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others. */
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-variant-numeric: lining-nums;
}

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #4470B190;
    transition: background-color 0.3s ease;
    z-index: 999;
}

.navbar.sticky {
    background-color: #4470B1;
    color: white !important;
}

.btn {
    border-radius: 20px;
    width: auto;
}

.hero {
    /* Ajusta esta altura según tu necesidad */
    background-color: #f0f0f0;
}

.hero-services {
    background-image: url('assets/img/hero-services.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 0 0 20px 20px;
    height: 565px;
}

@media (min-width: 576px) {
    .hero-services {
        height: 720px;
    }
}

.hero {
    background-image: url('assets/img/hero-home.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 0 0 20px 20px;
    height: 565px;
}

@media (min-width: 576px) {
    .hero {
        height: 720px;
    }
}

@media (min-width: 768px) {
    .hero {
        height: 720px;
    }
}

.hero-casestudy {
    background-image: url('assets/img/hero-casestudy.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 0 0 20px 20px;
    background-size: cover;
}

@media (min-width: 576px) {
    .hero-casestudy {
        height: 720px;
    }
}

.hero-info {
    border-radius: 20px 80px 20px 20px;
    display: block;
}

.hero-info2 {
    border-radius: 20px 20px 20px 70px;
    display: flex;
    flex-direction: column;
    background-image: url('assets/img/logo_case_study.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 123px;
    background-size: contain;
    width: 100%;
}

@media (min-width: 576px) {
    .hero-info2 {
        height: 198px;
        border-radius: 20px 20px 20px 79px;
    }
}

@media (min-width: 768px) {
    .hero-info2 {
        width: 477px;
        height: 183px;
    }
}

@media (min-width: 992px) {
    .hero-info2 {
        width: 45%;
        height: auto;
    }
}

.services-c1 {
    border-radius: 20px 20px 70px;
}

@media (min-width: 576px) {
    .services-c1 {
        border-bottom-right-radius: 70px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .services-c1 {
        width: 100%;
        border-radius: 20px 20px 70px;
    }
}

@media (min-width: 992px) {
    .services-c1 {
        border-radius: 20px 80px 20px 20px;
        width: 32%;
    }
}

.services-c2 {
    border-radius: 70px 20px 20px;
}

@media (min-width: 576px) {
    .services-c2 {
        border-radius: 70px 20px 20px;
    }
}

@media (min-width: 768px) {
    .services-c2 {
        border-radius: 80px 20px 20px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .services-c2 {
        width: 33%;
        border-radius: 20px 20px 20px 70px;
    }
}

.services-c3 {
    border-radius: 20px 70px 20px 20px;
}

@media (min-width: 576px) {
    .services-c3 {
    }
}

@media (min-width: 768px) {
    .services-c3 {
        border-radius: 20px 70px 20px 20px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .services-c3 {
        width: 33%;
        border-radius: 70px 20px 20px;
    }
}

.right-photo {
    border-radius: 70px 20px 20px;
    height: auto;
}

.home-photo-industrysolutions {
    background-image: url('assets/img/pharmacist.jpg');
    background-size: cover;
    background-position: center top;
    top: -24px;
    height: 350px;
    position: relative;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .home-photo-industrysolutions {
    }
}

@media (min-width: 1200px) {
    .home-photo-industrysolutions {
        height: 412px;
    }
}

@media (min-width: 1400px) {
    .home-photo-industrysolutions {
        height: 411px;
    }
}

.casestudy-challenge-photo {
    background-image: url('assets/img/cs_blooms_image-hero%201.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    align-self: stretch;
    height: 380px;
}

@media (min-width: 576px) {
    .casestudy-challenge-photo {
        height: 538px;
    }
}

@media (min-width: 768px) {
    .casestudy-challenge-photo {
        height: 676px;
    }
}

@media (min-width: 992px) {
    .casestudy-challenge-photo {
        height: 690px;
    }
}

@media (min-width: 1200px) {
    .casestudy-challenge-photo {
        height: 620px;
    }
}

@media (min-width: 1400px) {
    .casestudy-challenge-photo {
        height: 600px;
    }
}

.aboutus-photo1 {
    background-image: url('assets/img/pharmacist.jpg');
    background-size: cover;
    background-position: center top;
    top: -24px;
    height: 350px;
    position: relative;
    background-repeat: no-repeat;
}

.aboutus-photo2 {
    background-image: url('assets/img/pharmacist.jpg');
    background-size: cover;
    background-position: center top;
    top: 0;
    height: 388px;
    position: relative;
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    .aboutus-photo2 {
        height: 280px;
    }
}

@media (min-width: 768px) {
    .aboutus-photo2 {
        height: 412px;
    }
}

@media (min-width: 992px) {
    .aboutus-photo2 {
        top: -30px;
        height: 439px;
    }
}

@media (min-width: 1200px) {
    .aboutus-photo2 {
        height: 410px;
    }
}

@media (min-width: 1400px) {
    .aboutus-photo2 {
    }
}

.logo-box {
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 1px 1px 10px 3px #ececec;
    margin-bottom: 10px;
    width: 85px;
    height: 85px;
    background-size: contain;
    background-image: url('assets/img/customers/customer-1.jpg');
}

@media (min-width: 576px) {
    .logo-box {
        width: 97px;
    }
}

@media (min-width: 768px) {
    .logo-box {
        width: 151px;
        height: 151px;
        background-image: url('assets/img/customers/customer-1.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
}

@media (min-width: 992px) {
    .logo-box {
        width: 123px;
        height: 123px;
    }
}

@media (min-width: 1200px) {
    .logo-box {
        width: 159px;
        height: 159px;
        background-image: url('assets/img/customers/customer-1.jpg');
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1400px) {
    .logo-box {
        width: 163px;
        height: 163px;
    }
}

.car-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: white;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.a {
}

.carousel-indi {
    width: 12px !important;
    height: 12px !important;
    border-radius: 100% !important;
    border: 2px solid #4470b1 !important;
    background: #4470b1 !important;
}

.carousel-indi:active {
    width: 12px !important;
    height: 12px !important;
    border-radius: 100% !important;
    border: 2px solid #4470b1 !important;
    background: #4470b1 !important;
}

.carousel-services-1 {
    width: 12px !important;
    height: 12px !important;
    border-radius: 100% !important;
    border: 2px solid #233036!important;
    opacity: 1;
    background: #233036!important;
}

.carousel-services-1:active {
    width: 12px !important;
    height: 12px !important;
    border-radius: 100% !important;
    border: 2px solid #233036 !important;
    background: #233036 !important;
    opacity: 10 !important;
}

.home-testimonials {
    background-color: #7095ce;
    background: #7a96c065);
    background-image: url('assets/img/home-bg-testimonial.jpg');
    background-size: cover;
    background-blend-mode: screen;
    background-attachment: fixed;
}

.home-case-column2 {
    padding-top: 5vh;
}

@media (min-width: 768px) {
    .home-case-column2 {
        padding-top: 9vh;
    }
}

.home-case-column3 {
    padding-top: 5vh;
}

@media (min-width: 768px) {
    .home-case-column3 {
        padding-top: 18vh;
    }
}

.home-form {
    width: 100%;
}

.w-50 {
    width: 50%;
}

.home-form-input-short {
    width: 100%;
}

@media (min-width: 768px) {
    .home-form-input-short {
    }
}

@media (min-width: 992px) {
    .home-form-input-short {
        width: 50%;
    }
}

.hero-image-column {
    border-radius: 20px 20px 20px 80px;
    background-image: url('assets/img/customers/customer-3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.photo-advisoryservices-1 {
    background-image: url('assets/img/advisory-services-photo.png');
    background-size: cover;
    background-position: center center;
    height: 250px;
    border-radius: 10px;
}

.services-testimonials {
    background-image: url('assets/img/female-pharmacist-with-prescription-tablet-pc.jpg');
    background-size: cover;
    background-blend-mode: multiply;
    background-color: rgba(112, 149, 206, 0.87);
    background-position: center center;
    background-attachment: fixed;
}

.case-study-testimonial {
    background-image: url('assets/img/bg-case-testimonial.png');
    background-size: cover;
    background-blend-mode: multiply;
    background-color: rgba(112, 149, 206, 0.87);
    background-attachment: fixed;
}

.advisory-services-testimonials {
    background-image: url('assets/img/technology-solutions-photo');
    background-size: cover;
    background-blend-mode: multiply;
    background-color: rgba(112, 149, 206, 0.87);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.managed-services-testimonials {
    background-image: url('assets/img/managed-services-photo.jpg');
    background-size: cover;
    background-blend-mode: multiply;
    background-color: rgba(112, 149, 206, 0.87);
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.photo-technologysolutions-1 {
    background-image: url('assets/img/technology-solutions-photo');
    background-size: cover;
    background-position: center center;
    height: 200px;
}

.photo-managedservices-1 {
    background-image: url('assets/img/managed-services-photo.jpg');
    background-size: cover;
    background-position: center top;
    height: 200px;
    width: 100%;
}

@media (min-width: 992px) {
    .photo-managedservices-1 {
        height: auto;
        width: 47%;
        background-position: center center;
    }
}

@media (min-width: 576px) {
    .photo-technologysolutions-1 {
        background-image: url('assets/img/technology-solutions-photo');
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 200px;
    }
}

@media (min-width: 768px) {
    .photo-technologysolutions-1 {
        background-image: url('assets/img/technology-solutions-photo');
        background-size: cover;
        background-position: center center;
        height: 200px;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .photo-technologysolutions-1 {
        background-image: url('assets/img/technology-solutions-photo');
        background-size: cover;
        background-position: center center;
        height: 100%;
        width: 47%;
    }
}

.rounded-lt {
    border-radius: 60px 20px 20px;
}

.aboutus-logos {
    width: auto;
    height: 100%;
}

.pharmacy-block {
    background-image: url('assets/img/block-pharmacy.png');
    background-repeat: no-repeat;
    background-position: center top;
}

@media (min-width: 768px) {
    .pharmacy-block {
        background-image: url('assets/img/block-pharmacy.png');
        background-size: contain;
    }
}

@media (min-width: 992px) {
    .pharmacy-block {
        background-size: auto;
    }
}

@media (min-width: 1400px) {
    .pharmacy-block {
        background-size: cover;
        background-position: center -17px;
        height: 455px;
    }
}

/* Pharmacy */
.pharmacy-block {
    background-image: url('assets/img/block-pharmacy.png');
    background-repeat: no-repeat;
    background-position: center top;
    height: 342px;
    background-size: cover;
}

@media (min-width: 576px) {
    .pharmacy-block {
    }
}

@media (min-width: 768px) {
    .pharmacy-block {
        background-image: url('assets/img/block-pharmacy.png');
        background-size: auto;
        background-repeat: no-repeat;
        height: 370px;
    }
}

@media (min-width: 992px) {
    .pharmacy-block {
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .pharmacy-block {
        height: 556px;
    }
}

@media (min-width: 1400px) {
    .pharmacy-block {
        background-size: cover;
        background-position: center -17px;
        position: relative;
        height: 604px;
    }
}

/* Medical */
.medical-block {
    background-image: url('assets/img/block-medical.png');
    background-repeat: no-repeat;
    background-position: center top;
    height: 342px;
    background-size: cover;
}

@media (min-width: 576px) {
    .medical-block {
    }
}

@media (min-width: 768px) {
    .medical-block {
        background-image: url('assets/img/block-medical.png');
        background-size: auto;
        background-repeat: no-repeat;
        height: 370px;
    }
}

@media (min-width: 992px) {
    .medical-block {
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .medical-block {
        height: 556px;
    }
}

@media (min-width: 1400px) {
    .medical-block {
        background-size: cover;
        background-position: center -17px;
        position: relative;
        height: 604px;
    }
}

/* Not Profit */
.nonprofit-block {
    background-image: url('assets/img/block-nonprofit.png');
    background-repeat: no-repeat;
    background-position: center top;
    height: 342px;
    background-size: cover;
}

@media (min-width: 576px) {
    .nonprofit-block {
    }
}

@media (min-width: 768px) {
    .nonprofit-block {
        background-image: url('assets/img/block-nonprofit.png');
        background-size: auto;
        background-repeat: no-repeat;
        height: 370px;
    }
}

@media (min-width: 992px) {
    .nonprofit-block {
        background-size: auto;
        background-position: center bottom;
    }
}

@media (min-width: 1200px) {
    .nonprofit-block {
        height: 556px;
    }
}

@media (min-width: 1400px) {
    .nonprofit-block {
        background-size: cover;
        background-position: center -17px;
        position: relative;
        height: 604px;
    }
}

/* Retail */
.retail-block {
    background-image: url('assets/img/block-retail.png');
    background-repeat: no-repeat;
    background-position: center top;
    height: 342px;
    background-size: cover;
}

@media (min-width: 576px) {
    .retail-block {
    }
}

@media (min-width: 768px) {
    .retail-block {
        background-image: url('assets/img/block-retail.png');
        background-size: auto;
        background-repeat: no-repeat;
        height: 370px;
    }
}

@media (min-width: 992px) {
    .retail-block {
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .retail-block {
        height: 556px;
    }
}

@media (min-width: 1400px) {
    .retail-block {
        background-size: cover;
        background-position: center -17px;
        position: relative;
        height: 604px;
    }
}

.row-each-industries {
    position: absolute;
}

.row-info-industries {
    position: relative;
    top: -170px;
}

@media (min-width: 768px) {
    .row-info-industries {
        position: relative;
        top: -107px;
    }
}

@media (min-width: 992px) {
    .row-info-industries {
        top: -251px;
    }
}

@media (min-width: 1200px) {
    .row-info-industries {
        position: relative;
        top: -263px;
    }
}

@media (min-width: 1400px) {
    .row-info-industries {
        position: relative;
        top: -393px;
    }
}

.pharmacy-container {
    height: 1738px;
}

@media (min-width: 576px) {
    .pharmacy-container {
        height: 1044px;
    }
}

@media (min-width: 768px) {
    .pharmacy-container {
        height: 1115px;
    }
}

@media (min-width: 992px) {
    .pharmacy-container {
        height: 941px;
    }
}

@media (min-width: 1200px) {
    .pharmacy-container {
        height: 1022px;
    }
}

@media (min-width: 1400px) {
    .pharmacy-container {
        height: 950px;
    }
}

.medical-container {
    height: 1686px;
}

@media (min-width: 576px) {
    .medical-container {
        height: 1045px;
    }
}

@media (min-width: 768px) {
    .medical-container {
        height: 1146px;
    }
}

@media (min-width: 992px) {
    .medical-container {
        height: 983px;
    }
}

@media (min-width: 1200px) {
    .medical-container {
        height: 1035px;
    }
}

@media (min-width: 1400px) {
    .medical-container {
        height: 966px;
    }
}

.retail-container {
    height: 1728px;
}

@media (min-width: 576px) {
    .retail-container {
        height: 1013px;
    }
}

@media (min-width: 768px) {
    .retail-container {
        height: 1112px;
    }
}

@media (min-width: 992px) {
    .retail-container {
        height: 949px;
    }
}

@media (min-width: 1200px) {
    .retail-container {
        height: 1045px;
    }
}

@media (min-width: 1400px) {
    .retail-container {
        height: 977px;
    }
}

.rounded-tr {
    border-radius: 20px 70px 20px 20px;
}

@media (min-width: 1200px) {
    .rounded-tr {
    }
}

.rounded-tl {
    border-radius: 70px 20px 20px;
}

.maincontent {
    --bs-gutter-x: 0px !important;
}

.case-herotitle {
    color: #ffffff !important;
}

.graphic {
    width: 347px;
    height: 347px;
    padding-right: 17px;
}

@media (min-width: 576px) {
    .graphic {
        width: 364px;
        height: 269px;
    }
}

@media (min-width: 768px) {
    .graphic {
        width: 420px;
        height: 347px;
    }
}

@media (min-width: 992px) {
    .graphic {
        width: 549px;
        height: 449px;
    }
}

@media (min-width: 1200px) {
    .graphic {
        width: 732px;
        height: 606px;
    }
}

.bg-none {
    background: none! !important;
}

.main-case-text {
}

@media (min-width: 576px) {
    .main-case-text {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .main-case-text {
        font-size: 21px;
    }
}

@media (min-width: 1400px) {
    .main-case-text {
        font-size: 24px;
    }
}

.bdclass {
    max-width: 1200px;
}

.hero-case-block {
    height: 565px;
}

@media (min-width: 576px) {
    .hero-case-block {
        height: 720px;
    }
}

.title-404 {
    font-size: 144px;
    text-align: center;
}

@media (min-width: 576px) {
    .title-404 {
    }
}

@media (min-width: 768px) {
    .title-404 {
    }
}

@media (min-width: 992px) {
    .title-404 {
        font-size: 261px;
        text-align: center;
    }
}

@media (min-width: 1400px) {
    .title-404 {
        font-size: 489px;
    }
}

.subtitle-404 {
    font-size: 31px;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
}

@media (min-width: 576px) {
    .subtitle-404 {
    }
}

@media (min-width: 768px) {
    .subtitle-404 {
        font-size: 46px;
        line-height: 50px;
    }
}

.copy-404 {
    text-align: center;
    font-size: 25px;
}

@media (min-width: 768px) {
    .copy-404 {
        font-size: 23px;
        font-weight: normal;
        line-height: 52px;
    }
}

.lottie-one-style {
    width: 125%;
    height: 339px;
    padding: 0px 18px 0px 0px;
}

@media (min-width: 576px) {
    .lottie-one-style {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .lottie-one-style {
        height: 504px;
        padding-right: 0px;
    }
}

.whitespace {
    white-space: normal;
}