/*featuer hero section*/
.feature-hero-section {padding-top: 40px; padding-bottom: 100px; }
.feature-hero-row > .feature-hero-lt, .feature-hero-row > .feature-hero-rt {width: 100%; }
.feature-hero-row {display: grid !important; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.feature-hero-lt .retro-banner{margin-top: 10px;}
.hero-content {margin-bottom: 30px; }

/*hero right image column*/
.feature-hero-rt .feature-img img {
    width: 430px;
    height: 430px;
    object-fit: contain;
    /* box-shadow: 8px 8px 0px 0px #000000; */
    /* border: 2px solid #000000; */
    /* border-radius: 16px 16px 16px 200px; */
    position: relative;
    right: -60px;
}
.feature-hero-rt .feature-img {max-width: 450px; height: 550px; background: #F15FAD; border: 2px solid #000000; border-radius: 16px; display: flex; align-items: center; margin-left: auto; margin-right: 50px; }




@media (max-width: 1200px) {
.feature-hero-rt .feature-img {max-width: 100%; height: 430px;}
.feature-hero-section {padding-top: 30px; padding-bottom: 80px; }
.feature-hero-section {padding-bottom: 70px;}

}


@media (max-width: 960px) {
.feature-hero-rt .feature-img {height: 400px;    margin-right: 20px; }
.feature-hero-rt .feature-img img{right: -30px;}
.feature-hero-row{    gap: 20px;}
h1, .main-head { line-height: 1.2;}
.feature-hero-section {padding-bottom: 50px;}



}


@media (min-width: 767px) {
.mobile-btn {display: none !important; }



}


@media (max-width: 767px) {
.desktop-btn {display: none !important; }
.hero-call-btn a.cta-btn{width: 100% !important;}
.feature-hero-row { grid-template-columns: 1fr; gap: 0;}
.feature-hero-rt .feature-img {justify-content: end;max-width: 360px; margin: 0 auto 30px !important;}
.feature-hero-rt .feature-img img {right: -30px; width: auto; max-width: 340px; }
.hero-content .main-head {text-align: center; }
.feature-hero-lt .page-title {text-align: center; }
.feature-hero-rt .button-link.mobile-btn {width: 100%; display: block; }
.mobile-btn.vc_btn3-container .vc_general.vc_btn3 {width: 100%; justify-content: center; }

.feature-hero-section {padding-top: 20px; padding-bottom: 50px;}


}



@media (max-width: 480px) {
    .feature-hero-rt .feature-img {max-width: 100%; margin: 0 28px 30px 0 !important; height: 340px; }
    .feature-hero-rt .feature-img img {height: 290px;}


}