/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.1
Text Domain: uncode
*/

.icon-box-title{
    border-radius: 15px;
    max-width: 70px;
    padding: 18px 20px;
    background: #ecf0f4;
    position: relative;
    display: inline-block;
}
.icon-box-title::after, .dot-icon {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    width: 16px;
    height: 16px;
    background-color: #f2c230;
    border-radius: 50%;
}
.small-icon-box-notitle{
	border-radius: 15px;
    max-width: 50px;
    padding: 10px 12px;
    background: #fcf3d9;
	border:1px solid #fae5a2;
}
.dot-icon {
	top: 0 !important;
}
.icon-box-notitle{
	border-radius: 15px;
    max-width: 70px;
    padding: 18px 20px;
    background: #fcf3d9;
}
.eng-tool-right-col-1{
	width:20%;
}
.eng-tool-right-col-2{
	width:80%;
}
.left-col-1{
	width:10%;
}
.rounded-5{
	border-radius:15px;
}
.pd-lft-rgt-p p{
padding: 0 10px;
}
.pd-lft-rgt{
	padding:0 20px;
}
.mg .uncol{
margin:100px;
}
.margin-top-5{
margint-top:5px
}
.mg-right{
	margin-right:10px;
}
.round-img img{
	border-top-left-radius:15px;
    border-top-right-radius:15px;
}
.radius img, .radius{
	border-radius:20px;
}
.margin-top{
	margin-top:20px !important;
}
.pd-left-0{
	padding-left:0 !important;
}
.access-highlight{
 	padding: 20px;
    background-color: #fef9ea;
    border-left: 6px solid;
    border-radius: 10px;
    border-color: #f2c230;
}
.expert-col {
    position: relative;
    border-radius: 16px;
}
.expert-col::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 65px;
    width: 80px;
    height: 6px;
    background-color: #1c3b6c;
    border-radius: 10px;
    z-index: 9;
}
.btn-flex .uncont {
    display: flex;
    gap: 20px;
}
.btn-left-col .uncont {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:10px;
}
.primary-btn {
    padding: 20px !important;
    font-size: 16px;
}
.secondary-btn {
    padding: 20px !important;
    font-size: 16px;
    color: #0b3b78 !important;
    border: 1px solid #dbe2e9;
}
.linear-top-border {
    position: relative;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 0 !important;
}
.linear-top-border::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -4px;
    width: 100%;
    height: 6px;
    clip-path: polygon(3% 0, 99% 0, 100% 100%, 2% 100%);
    background: linear-gradient(90deg, #144075, #e2b934);
    z-index: 9999;
}
.roundedbox-light{
	background-color: #fdf5de;
    display: inline-block;
    color: #1f4f7a;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1;
}
.font-wgt-400{
	font-weight:400;
}
.transparent-btn {
    background-color: transparent !important;
    padding: 20px !important;
    font-size: 18px;
    color: #082b58 !important;
    border: 1px solid #dbe2e9 !important;
    border-radius: 15px;
    font-weight: 800 !important;
}
.white{
	color:#fff !important;
}
.flex-row .uncont {
    display: flex;
    gap: 20px;
    justify-content: end;
}
.cta-btn{
	padding: 13px 31px !important;
    font-size: 12px;
    border-radius:120px;
}
.uncont .btn-container .cta-btn:hover{
	background: #f2c230 !important;
    border-color: #f2c230 !important;
    color: #123f73 !important;
}
.cta-btn1{
	padding: 13px 31px !important;
    font-size: 12px;
    border-radius:120px;
}
.uncont .btn-container .cta-btn1:hover {
    background-color: #fff !important;
    color: #0b3b78 !important;
}


/* ------------------------------------------------------------------
 * Services page (ID 1734) — force white button label on hover.
 * Uncode's outline buttons fill with color on hover but the inner
 * .button-text span keeps its original color. Override it.
 * ------------------------------------------------------------------ */
body.page .box-wrapper a.custom-link.btn.button-text:hover,
body.page .box-wrapper a.custom-link.btn.button-text:focus {
    color: #fff !important;
}

/* ------------------------------------------------------------------
 * Reusable utility — white text on hover for any Uncode button.
 *
 * Usage: in the WPBakery button settings, add `btn-hover-white` to the
 *        "Extra class name" field. Works on outline + filled buttons.
 *
 * Covers both Uncode button structures:
 *   - <a class="btn"><span class="button-text">…</span></a>
 *   - <a class="btn">…direct text…</a>
 * ------------------------------------------------------------------ */
body .box-wrapper .btn-hover-white:hover,
body .box-wrapper .btn-hover-white:focus,
body .box-wrapper .btn-hover-white:hover .button-text,
body .box-wrapper .btn-hover-white:focus .button-text {
    color: #fff !important;
}

/* ------------------------------------------------------------------
 * Single product — Description section, MOBILE horizontal spacing.
 *
 * Tune the gutter with the single value below (--lpinz-desc-mobile-gutter).
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {
    /* One comfortable, consistent gutter for the whole description section. */
    body.single-product .row.limit-width:has(.overview) {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    /* Remove the duplicated cell padding (.single-block-padding = 36px)… */
    body.single-product .overview .uncell {
        /* padding-left: 0 !important;
        padding-right: 0 !important; */
    }
    /* …and the extra padding on the product's OWN nested row inside the
       description body, so the body text lines up flush with the heading. */
    body.single-product .overview .uncode_text_column .row.limit-width.row-parent {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ------------------------------------------------------------------
   Row background self-hosted video — reliable full-height cover.
------------------------------------------------------------------ */
.uncode-video-container .wp-video,
.uncode-video-container video.background-video-shortcode {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    transform: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* ------------------------------------------------------------------
   Homepage project cards — force the "Read on LinkedIn"
   buttons to sit flush at the BOTTOM of each card so they line up across
   the row, no matter how much body text each card has.
------------------------------------------------------------------ */
.linkedin-ctn .uncont {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.linkedin-ctn .uncont > .btn-container {
    margin-top: auto !important;
    padding-top: 24px;
}