/*
Theme Name: Dustra Child
Theme URI: https://themelocker.tech/dustra
Template: dustra
Author: validthemes
Author URI: https://themeforest.net/user/validthemes/portfolio
Description: Dustra is a Bootstrap Based WordPress Theme.
Version: 1.5.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dustra-child
*/


.elementor-top-section .banner-area.text-large .content .shape {
	clip-path: polygon(50% 0%, 100% 40%, 100% 100%, 0% 100%, 0% 40%);
}
body, h1, h2, h3, h4, h5, h6, p, a {
	  font-family: "Inter", sans-serif !important;
}
.sec-trust .right-info p {

    background: linear-gradient(135deg, #113160, #1d4f91);
    color: #fff;
    padding: 35px;
    border-radius: 30px 60px 30px 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(17, 49, 96, 0.2);
	
}
.sec-trust .right-info p:before {
   content: "❝";
    position: absolute;
    top: -20px;
    right: 20px;
    font-size: 120px;
    color: rgba(255,255,255,0.08);
    font-family: serif;
}

.single-dustra-service .services-details-area .col-lg-8.services-single-content {
	width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.our-service-sec .services-style-six-area {
	padding-top: 60px;
    padding-bottom: 60px;
}

/* =========================================
   RUNNING PROJECTS - 3 COLUMN CARD LAYOUT
   Image → Title → Description
   ========================================= */

/* Card */
.project-slider-sec .projects-carousel .owl-item {
    padding: 0 15px;
    box-sizing: border-box;
}

.project-slider-sec .projects-carousel .item {
    height: 100%;
}

/* Force original Bootstrap row into vertical layout */
.project-slider-sec .projects-carousel .item > .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    margin: 0 !important;
    width: 100% !important;
}


/* =========================================
   1. IMAGE FIRST
   ========================================= */

.project-slider-sec .projects-carousel .thumb-box {
    order: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}

.project-slider-sec .projects-carousel .thumb {
    width: 100% !important;
    height: 250px !important;
    overflow: hidden;
    margin: 0 !important;
}

.project-slider-sec .projects-carousel .thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}


/* Remove video icon */
.project-slider-sec .projects-carousel .popup-youtube {
    display: none !important;
}


/* =========================================
   2. CONTENT BELOW IMAGE
   ========================================= */

.project-slider-sec .projects-carousel .info {
    order: 2 !important;

    width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 100% !important;

    padding: 25px 0 0 !important;
    margin: 0 !important;
}


/* Running Projects */
.project-slider-sec .projects-carousel .info h4 {
    margin: 0 0 8px !important;

    font-size: 14px !important;
    line-height: 1.3 !important;

    color: #1682a2 !important;
    font-weight: 600 !important;

    text-transform: uppercase;
}


/* Project Title */
.project-slider-sec .projects-carousel .info h2 {
    margin: 0 0 15px !important;

    font-size: 26px !important;
    line-height: 1.25 !important;
}


/* Description */
.project-slider-sec .projects-carousel .info p {
    margin: 0 !important;

    font-size: 15px !important;
    line-height: 1.7 !important;

    color: #666 !important;
}


/* =========================================
   REMOVE PROJECT NAME / DURATION / BUDGET
   ========================================= */

.project-slider-sec .projects-carousel .info ul {
    display: none !important;
}


/* =========================================
   REMOVE OLD BLUE BOX / EXTRA STYLING
   ========================================= */

.project-slider-sec .projects-carousel .info::before,
.project-slider-sec .projects-carousel .info::after {
    display: none !important;
}


/* =========================================
   OWL NAVIGATION
   ========================================= */

.project-slider-sec .projects-carousel .owl-nav {
    margin-top: 30px !important;
}

.project-slider-sec .projects-carousel .owl-nav .owl-prev,
.project-slider-sec .projects-carousel .owl-nav .owl-next {
    position: static !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .project-slider-sec .projects-carousel .thumb {
        height: 220px !important;
    }

    .project-slider-sec .projects-carousel .info h2 {
        font-size: 23px !important;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .project-slider-sec .projects-carousel .owl-item {
        padding: 0 !important;
    }

    .project-slider-sec .projects-carousel .thumb {
        height: 220px !important;
    }

    .project-slider-sec .projects-carousel .info {
        padding-top: 20px !important;
    }

    .project-slider-sec .projects-carousel .info h2 {
        font-size: 24px !important;
    }
}

.project-slider-sec .projects-carousel .owl-nav {
    display: flex !important;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.project-slider-sec .projects-carousel .owl-nav button {
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;

    color: #0b7595 !important;

    border: none !important;
    border-radius: 3px;

    cursor: pointer;
}

.project-slider-sec .projects-carousel .owl-nav button:hover {
    background: #222 !important;
}

.project-slider-sec .projects-carousel .owl-nav span {
    font-size: 30px;
    line-height: 1;
}
.project-slider-sec .owl-prev-arrow, .project-slider-sec .owl-next-arrow {
	background-color: none !important;
	color : #0b7595 !important;
}