/**
 * Zazz portfolio carousel styles.
 *
 * These rules are copied VERBATIM from css/new-page.css so the portfolio
 * carousel on the converted Zazz template pages renders 100% identically to
 * python-application-development.php. Only the portfolio-relevant selectors are
 * included here (scoped to the carousel classes) so we do NOT clobber the rest
 * of the Zazz page design the way linking the full new-page.css would.
 *
 * Source: css/new-page.css (line numbers noted for traceability).
 * The only deltas vs source are: stray leading tabs inside a few url() strings
 * were removed so the background-image paths resolve cleanly.
 */

/* ---- Base rules ---- */

/* new-page.css:257 */
.ourtxt {
    font-size: 50px;
    line-height: 69px;
    font-family: CircularStdRegular;
    font-style: normal;
    font-weight: 700;
    line-height: 69px;
}

/* new-page.css:265 (wins via !important over the later .bltxt override) */
.bltxt {
    color: #3D5AFE !important;
}

/* new-page.css:339 */
.vcsbtn{
    color: white;
    border: 2px solid;
    padding: 7px;
    border-radius: 6px;
    margin-top: 8px;
    top: 24px;
    position: relative;
    background-color: #373737;
}
/* new-page.css:349 */
.vcsbtn:hover{
    color:rgb(190, 190, 190);
}

/* new-page.css:380 */
.expcar1 {
    background-image: url("https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages/portcar1.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 600px;
    height: 600px;
}
.expcar2 {
    background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages/portcar2.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 600px;
    height: 600px;
}
.expcar3 {
    background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages/portcar3.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 600px;
    height: 600px;
}
.expcar4 {
    background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages/portcar4.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 600px;
    height: 600px;
}
.expcar5 {
    background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages/portcar5.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 600px;
    height: 600px;
}
.expcar6 {
    background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages/portcar6.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 600px;
    height: 600px;
}
.expcar7 {
    background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages/portcar7.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 600px;
    height: 600px;
}

/* new-page.css:479 */
.ourptxt {
    font-size: 19px;
    color: #828FAD;
    padding-bottom: 40px;
    padding-top: 10px;
}

/* new-page.css:489 */
.oneimg-carosel {
    text-align: left;
    padding: 50px 0px 100px 50px;
}

/* new-page.css:504 */
.export-carousel .owl-nav {
    position: absolute;
    top: -30%;
    right: -66%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* new-page.css:812 (keep owl dots visible, matches Python) */
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}

/* new-page.css:781 */
.storeimgs{
    display: flex;
    gap: 20px;
}
/* new-page.css:785 */
.headtxttwo{
    color: white;
    padding: 20px 0px 5px 0px;
}
/* new-page.css:789 */
.pptxt{
    color: white;
    font-weight: 100;
}

/* ---- Responsive rules ---- */

/* new-page.css:1072 */
@media screen and (max-width:1200px) {
    .export-carousel .owl-nav {
        top: -20%;
    }
}

/* new-page.css:1125 (max-width:999px) */
@media screen and (max-width:999px) {
    .ourtxt {
        line-height: 55px;
        margin-bottom: 5px;
    }
    .oneimg-carosel {
        text-align: left;
        padding: 36px 0px 85px 36px;
    }
    .ourptxt {
        font-size: 14px;
        padding-bottom: 5px;
    }
    .expcar1 ,.expcar2, .expcar3, .expcar4,.expcar5,.expcar6, .expcar7{
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100% 471px;
        height: 450px;
    }
    .vcsbtn {
        top: 16px;
    }
    .oneimg-carosel p{
        font-size: 13px;
    }
}

/* new-page.css:1310 (max-width:600px) */
@media screen and (max-width:600px) {
    .expcar1 {
        background-image: url("https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb1.webp");
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar2 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb2.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar3 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb3.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar4 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb4.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar5 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb5.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar6 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb6.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar7 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb7.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .caband{
        display: none !important;
    }
    .item .oneimg-carosel .storeimgs img{
        width: 100px !important;
    }
    .ourtxt {
        font-size: 26px;
        line-height: 36px;
        text-align: center;
    }
    .export-carousel .owl-nav {
        position: relative;
        left: -25%;
    }
    .oneimg-carosel {
        text-align: left;
        padding: 75px 30px 30px 30px;
    }
}

/* new-page.css:1632 (max-width:410px) */
@media screen and (max-width:410px) {
    .expcar1 {
        background-image: url("https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb1.webp");
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar2 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb2.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar3 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb3.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar4 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb4.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar5 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb5.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar6 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb6.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .expcar7 {
        background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/new-pages-webp/portcarmb7.webp');
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .caband{
        display: none !important;
    }
    .item .oneimg-carosel .storeimgs img{
        width: 100px !important;
    }
    .ourtxt {
        font-size: 30px;
        line-height: 36px;
        text-align: center;
    }
    .export-carousel .owl-nav {
        position: relative;
        left: -25%;
    }
    .oneimg-carosel {
        text-align: left;
        padding: 75px 30px 30px 30px;
    }
    .ourptxt {
        font-size: 19px;
        color: #828FAD;
        padding-bottom: 10px;
        padding-top: 10px;
    }
}
