.avatar-circle {
	border-radius: 100px;
	border: 1px solid #D6C08D;
}

.brad {
	border-radius: 40px;
}

.pge-btn {
    border-radius: 50px;
    font-weight: 600;
}

.cv-banner-100 {
    width: 100%;
}

.cont-pos-rel {
    position:  relative;
}
.cont-pos-rel .btn-fix-bot {
    bottom: 20px;
    margin-left: auto;
    position: absolute;
    margin-right: auto;
    width: 100%;
    left: 0px;
}

.mh-150 {
    max-height: 150px;
}

.img-circle {
    border-radius: 50%;
}

.bgwhite {
    top: 0;
    padding: 15px;
    background-color: #FFFFFF;
}
#mainNav {
    transition: all 0.5s ease-in-out;
    backdrop-filter: blur(5px);
}

/**
 * Video Background Section
 */
.banner-section {
    .banner-content {
        min-height: 800px;
    }
    /* Mobile Portrait - shorter height */
    @media (max-width: 640px) and (orientation: portrait) {
        .banner-content {
            min-height: 250px;
        }
    }

    /* Mobile Landscape - full viewport height */
    @media (max-width: 1024px) and (orientation: landscape) {
        .banner-content {
            min-height: calc(100vh - 4rem); /* Adjust subtraction based on your header/nav height */
        }
    }

    /* Mobile Landscape - full viewport height */
    @media (max-width: 1024px) and (orientation: landscape) {
        .banner-content {
            min-height: calc(100vh - 4rem); /* Adjust subtraction based on your header/nav height */
        }
    }

    /* Optional: Adjust video height for very small portrait screens */
    @media (max-width: 400px) and (orientation: portrait) {
        .video-container {
            aspect-ratio: 4/3; /* More square aspect ratio for small phones */
        }
    }
}
.section {
    @media (max-width: 640px) and (orientation: portrait) {
        padding-top: 0rem;
    }
}
.block-details {
    .b-img {
        img {
            float: right;
        }
    }
    @media (max-width: 640px) and (orientation: portrait) {
        .b-cta {
            text-align: center;
        }
        .b-img {
            text-align: center;
            margin-top: 10px;
            img {
                float: none;
                display: inline-block;
            }
        }
        margin-bottom: 20px;
    }
}