/*
Theme Name: Genesis Block Theme Child
Theme URI: https://github.com/studiopress/genesis-block-theme/
Template: genesis-block-theme
Author: StudioPress
Author URI: https://www.studiopress.com/
Description: A beautifully-simple yet powerful WordPress theme that integrates perfectly with the block editor and the Genesis Blocks plugin. Start building amazing websites with blocks today! Install the Genesis Blocks plugin to add even more page-building blocks such as testimonials, sharing icons, notices, call to actions, buttons and more.
Tags: one-column,featured-images,theme-options,custom-background,custom-colors,custom-logo,custom-menu,editor-style,translation-ready,footer-widgets,full-width-template,blog,sticky-post,threaded-comments,wide-blocks
Version: 1.0.0.1787124171
Updated: 2026-08-19 07:22:51

*/

div#page {
    padding-top: 0;
}
span.red {
    color: #d81f35;
}
.line-height-0{
	line-height: 0;
}
.hero-container .bg-overlay{
    background-image: radial-gradient(rgba(255,255,255,0.9) 1px, transparent 1px);
    background-size: 18px 18px;
    height: 100%;
    opacity: 0.07;
    position: absolute !important;
    top: 0;
    left: 0;
}
p:last-child {
    margin-bottom: 0;
}
.max-content{
    width: max-content !important;
}
.home-banner-wrapper .right-col .elementor-widget-image img{
    box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(216, 31, 53, 0.5) 0px 40px 80px -24px;
    transition: all 0.3s;
    transform: rotate(6deg);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 12px;
}
.home-banner-wrapper .right-col .elementor-widget-image img:hover{
    transform: rotate(3deg) scale(1.03);
}
.green-dot{
    border-radius: 3.40282e38px;
    background-color: #2e9e4f;
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.home-banner-wrapper .right-col .elementor-widget-heading{
    max-width: 420px !important;
    margin-left: auto;
    padding-left: 15px;
}
.talk-print-wrapper .left-col{
    flex: 0 0 448px !important;
}
.talk-print-wrapper .right-col{
    flex: 0 0 max-content;
}
.color-a a:hover{
    color: #d81f35 !important;
}
.color-a-white a:hover{
    color: #fff !important;
}
@media(max-width:767px){
	.header-wrapper{
		flex-wrap: nowrap;
	}
	.header-wrapper .left{
		width: max-content;
		min-width: 120px;
	}
	.header-wrapper .right .elementor-button{
		padding: 10px 12px !important;
		font-size: 12px !important;
	}
}
@media(max-width:991px){
    .banner-btn-wrapper{
        flex-direction: column !important;
        align-items: start !important;
    }
    .grid-black{
        grid-template-columns: repeat(2,1fr) !important;
        row-gap: 0 !important;
    }
    .sno{
        min-width: 20px !important;
    }
    .full-width{
        width: 70%;
    }
}
@media(max-width:767px){
    .home-banner-wrapper .right-col .elementor-widget-heading{
        margin: 0;
    }
    .rainbow-bar{
        flex-wrap: nowrap;
    }
    .home-banner-wrapper .right-col img{
        max-width: 90% !important;
    }
    .home-banner-wrapper .right-col .elementor-widget-image{
        text-align: center;
    }
    .full-width{
        width: 100% !important;
    }
    .grid-black {
        grid-template-columns: repeat(1,1fr) !important;
    }
    .talk-print-wrapper .left-col{
        flex: 0 0 100% !important;
    }
    .talk-print-wrapper .right-col{
        flex: 0 0 100%;
    }
	.red-flex{
		flex-wrap: nowrap;
	}
}



/* custom css*/

.open-card {
    position: relative;
    padding: 35px 32px 25px;
    border: 1px solid #d8d8d8;
    box-shadow: 8px 8px 0 #f1eee6;
    transition: transform 0.3s ease;
}

.open-card::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 7px;
    background: #18181c;
}


.rate-container .elementor-widget-heading{
    min-width: 130px !important;
}

.image-label{
	position: absolute;
	bottom: 41px;
	left: 30px;
	    width: 287px;
}

/* Hover */
.open-card:hover {
    transform: translateY(-6px);
}

/*open shape*/

.open-shape {
    position: relative;
    width: 148px;
    height: 92px;
    background: #18181c;
    display: flex;
    align-items: center;
    clip-path: polygon(
        0 0,
        100% 0,
        77% 50%,
        100% 100%,
        0 100%
    );
}

.open-shape span:first-child {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-left: 20px;
    letter-spacing: 0.5px;
}

/* Red diamond */
.open-diamond {
    position: absolute;
    width: 46px;
    height: 46px;
    right: 10px;
    top: 22px;
    border: 2px solid #f4143d;
    transform: rotate(45deg);
    z-index: 3;
    margin: 0 !important;
    box-sizing: border-box;
}


/*full color shape*/

.full-color-box {
    position: relative;
    width: 147px;
    height: 92px;
    background: #18181c;
    box-sizing: border-box;
    padding: 17px 19px;
}

/* Red left strip */
.full-color-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: #f4143d;
}

/* FULL COLOR text */
.full-color-title {
    color: #f4143d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 1;
    margin-bottom: 10px;
}

/* White lines */
.full-color-lines {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.full-color-lines span {
    display: block;
    height: 3px;
    background: #ffffff;
}

.full-color-lines span:nth-child(1),
.full-color-lines span:nth-child(2) {
    width: 104px;
}

.full-color-lines span:nth-child(3) {
    width: 68px;
}


/* for you card shape*/
.for-you-card {
    position: relative;
    width: 148px;
    height: 92px;
    background: #f7f6ef;
    border: 1px solid #d8d6cd;
    box-sizing: border-box;
    transform: rotate(-2deg);
    padding: 24px 20px;
    
    /* Red offset */
    box-shadow: 6px 6px 0 #f4143d;
}

/* Small tape at top */
.for-you-tape {
    position: absolute;
    top: -2px;
    left: 54px;
    width: 38px;
    height: 10px;
    background: rgba(255,255,255,0.85);
}

/* Text */
.for-you-text {
    position: relative;
    z-index: 2;
}

.for-you-title {
    color: #f4143d;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 5px;
}

.for-you-subtitle {
    color: #111216;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
}

/*bar chart*/
.bars {
    width: 100%;
}

.bars > div {
    display: grid;
    grid-template-columns: 145px 1fr 60px;
    align-items: center;
    column-gap: 12px;
    margin-bottom: 22px;
}

.bars span {
    font-size: 13px;
    font-weight: 600;
    color: #111;
    white-space: nowrap;
}

.bars i {
    display: block;
    height: 24px;
    background: #08a6d5;
}

.bars > div:nth-child(2) i {
    background: #078b4c;
    width: 100%;
}

.bars b {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    white-space: nowrap;
}

.number-box {
    position: relative;
    width: 72px;
    height: 72px;
    background: #f4143d;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Dark red top strip */
.number-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13px;
    background: #c8102e;
}

.eye-brow {
    display: flex;
    align-items: center;
    gap: 12px;
}

.eye-brow p {
    margin: 0;
}

.eye-brow:before {
    content: "";
    width: 28px;
    height: 3px;
    background: red;
    display: block;
    flex-shrink: 0;
}

/* top banner*/
@media(min-width:1024px) and (max-width:1625px)
{.elementor-element.elementor-element-60dd923.e-con-full.e-flex.e-con.e-child {
    padding:0;
    padding-top: 30px;
}}

/*banner ring circle*/
.ring {
    border: 1px solid #48484e;
    border-radius: 50%;
    width: 520px;
    height: 520px;
    position: absolute;
    top: 60px;
    right: -70px;
}
.hero-left {
        padding: 92px 40px 80px max(40px, 50vw - 600px) !important;
}

@media (max-width: 768px){
	.hero-left{
		padding: 40px 15px !important;
	}
}
span.red-color {
    font-weight: 600;
    color: #ed1735;
}
.habitat-img img{
    max-height: 570px;
    filter: drop-shadow(0 24px 30px #0009);
    object-fit: contain;
}
.open-card{
    height: 100% !important;
}
.open-card .elementor-widget-progress{
    margin-top: auto !important;
}
.bars span{
    font-size: 11px;
}
.bars *{
    font-family: Arial;
}
@media(max-width:1200px){
    .rate-container .first{
        padding-right: 20px !important;
    }
    .rate-container .second, .rate-container .third{
        padding: 0 20px !important;
    }
    .rate-container .four{
        padding-left: 20px !important;
    }
    .rate-container h2{
        font-size: 40px !important;
    }
    .rate-container .elementor-widget-heading{
        min-width: 110px !important; 
    }
    .rate-container p, .rate-container .lift-head{
        font-size: 10px !important;
    }
}
@media(max-width:1024px){
	.text-left a{
		padding: 0;
	}
	.hero-left {
		padding: 70px 30px !important;
	}
	.rate-container .first, .rate-container .second, .rate-container .third, .rate-container .four{
		padding: 0 !important;
		border: 0 !important;
	}
}
@media(max-width:767px){
	.hero-left {
		padding: 70px 15px !important;
	}
	.image-label{
		left: 15px;
		width: calc(100% - 40px);
	}
}
.open-shape, .full-color-box, .for-you-card, .bars *{
    font-family: Source Sans Pro, sans-serif;
}