/*!
--------------------------------------------------
Page : Home
Framework : Credensys Framework v1.0
--------------------------------------------------
*/

/*==================================================
01 HERO
==================================================*/
.cd-hero{
   position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    
}
.home-banner{ background-color:#FFFEDB;}
.about-banner { background-color:#FFDBDB;} 
.programs-banner { background: rgba(68, 159, 11, 0.2);}
.parent-banner{ background: rgba(0, 136, 255, 0.2);}
.registration-banner{ background: rgba(236, 0, 140, 0.2);}
.contact-banner {background-color:#E0DAC0;}
.gallery-banner {background: rgba(11, 124, 41, 0.2); }

.cd-hero__wrapper{
 display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:50px;
}

.cd-hero__left,
.cd-hero__right{
     position: relative;
     z-index: 2;
     min-width: 0;
     
}


.cd-hero__right{  display: flex;
    justify-content: center;
    align-items: center;}
.hero-box{
    
    background:#f5f5f5;
    border-radius:20px;
}

.hero-box--right{
    background:#ececec;
}
/*----------------------------------
Hero Left
----------------------------------*/

.cd-hero__left{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-left:18%;
    margin-top: 100px;
}

/*==================================
00 HOME LAYOUT
==================================*/

.home .ast-container{
    max-width:100%;
    padding:0;
}

.home .site-main{
    margin:0;
    padding:0;
}

/*----------------------------------
Hero Media
----------------------------------*/

.cd-hero__media{
    position: relative;
    width: 100%;
    max-width: 935px;   /* adjust to your design */
    height: 100%;
}

/*----------------------------------
Showcase
----------------------------------*/

.cd-showcase{

    position: relative;
    width: 100%;
    aspect-ratio: 8 / 6;
    overflow: hidden;
}

.cd-showcase__image{
    position: relative;
    width: 100%;

    height: 100%;
    inset: 0;
}

.cd-showcase__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.home-banner .cd-showcase__image img{
    object-position: center 39px;
}

.cd-showcase-slider{
    width:100%;
    max-width:100%;
    overflow:hidden;
}

.swiper{
    width:100%;
}

/*----------------------------------
Hero Eyebrow
----------------------------------*/

.cd-hero__eyebrow{
    margin-bottom:var(--cd-space-24);
    display:inline-flex;
    align-items:center;
    font-weight:var(--cd-fw-regular);
    color:var(--cd-primary);
    font-size: 18px;
    line-height: 26px;



/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

/*----------------------------------
Hero Title
----------------------------------*/

.cd-hero__title{
    margin-bottom:var(--cd-space-24);
    font-size: clamp(35px, 3.5vw, 70px);
    line-height: 55px;
    color: var(--cd-body);
}

/*----------------------------------
Hero Description
----------------------------------*/

.cd-hero__description{
    margin-bottom:var(--cd-space-4);
    font-size:18px;
    line-height:1.7;
}

/*----------------------------------
Hero Actions
----------------------------------*/

.cd-hero__actions{
    display:flex;
    align-items:center;
    gap:var(--cd-space-16);
    display: none;
}

    .ast-separate-container #primary {
     margin: 0em 0
    } 

/*==================================================
02 Announcement Strip
==================================================*/
.announcement-strip {
    overflow: hidden;
    background: var(--cd-primary, #ff09e6);
    color: #ffffff;
}

.announcement-strip__viewport {
    overflow: hidden;
}

.announcement-strip__track {
    display: flex;
    width: max-content;
    animation: cd-announcement-scroll var(--announcement-duration, 35s) linear infinite;
    will-change: transform;
}

.announcement-strip__message {
    flex: 0 0 auto;
    margin: 0;
    padding: 13px 42px;
    color: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
}

.announcement-strip__message a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@keyframes cd-announcement-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .announcement-strip__track {
        animation: none;
    }

    .announcement-strip__viewport {
        overflow-x: auto;
    }
}



/*==================================================
Hero fees-registration
==================================================*/
.cd-fees-detail {
    font-size: 18px;
    text-align: center;
}

.cd-fees-detail .cd-full-price{
    font-size: 23px;
    font-weight: 700;
    color: #0088FF;
}

.cd-fees-detail .cd-part-price{
    font-size: 23px;
    font-weight: 700;
    color: #EC008C;
}

/*==================================
Mobile
==================================*/
@media (max-width: 768px) {
.home-banner .cd-showcase__image img {
    object-position: center 0px;
    scale: 1.2;
}
}