.program-center-text h2{color: var(--f2t-yellow-50);}
.card-layout-text h2{text-transform: none; color: var(--f2t-yellow-50); text-transform: uppercase;}

/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
    .program-slide-section{color: var(--white); }
    .program-slide-main{padding: 171px 0 193px;}
    
    .program-slide-center{width: 475px; height: 475px; margin: 0 auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); position: absolute; z-index: 1;}
    .slide-center-bg{width: 100%; height: 100%; opacity: 0.14; border: solid 1px #b9a182; background-color: var(--black); border-radius: 300px; position: absolute; z-index: -1;}
    .program-center-text{max-width: 314px; text-align: center; transform: scale(1.1); opacity: 0; transition: all 0.5s ease-in-out; transition-delay: 2s; }
    .program-center-text h2{font-size: 60px; line-height: 60px; margin-bottom: 15px; color: var(--f2t-yellow-50);}
    .program-center-text .button{margin-top: 6px;}    
    .in-viewport .program-center-text{opacity: 1; transform: scale(1);}

    .program-card-template{width: 841px; height: 841px; margin: 0 auto; display: block; position: relative; z-index: 0;}
    .program-card-template:before{width: 100%; height: 100%; opacity: 0.25; background-image: url("../images/card-oval.svg"); background-repeat: no-repeat; content: ""; display: inline-block; position: absolute; z-index: -1;}

    .rotating-slider{margin: 0 auto; width: 280px; height: 280px; position: relative; }
    .rotating-slider ul.direction-controls{list-style: none; margin: 0 auto; padding: 0; top: calc(50% + 300px); transform: translate(-50%, -50%); position: absolute; width: 1200px; height: 100%; left: 50%; }
    .rotating-slider ul.direction-controls li::before{display: none; } 
    .rotating-slider ul.direction-controls li.left-arrow{position: absolute; top: 50%; left: 100%; transform: translateY(-50%); }
    .rotating-slider ul.direction-controls li.right-arrow{position: absolute; top: 50%; right: 100%; transform: translateY(-50%); }
    .rotating-slider ul.direction-controls li button{width: 50px; height: 50px; min-width: 0; padding: 0; border: solid 1px #e1c16e; border-radius: 300px; background-color: transparent; cursor: pointer; font-size: 0; line-height: 0; text-align: center; display: flex; align-items: center; justify-content: center; }
    .rotating-slider ul.direction-controls li button::before{content: "\f104"; font-family: "FontAwesome"; font-weight: 400; font-size: 24px; }
    .rotating-slider ul.direction-controls li.left-arrow button::before{content: "\f105"; }
    .rotating-slider ul.direction-controls li button:hover{background-color: var(--f2t-yellow-50); } 
    .rotating-slider ul.direction-controls li button:focus{background-color: var(--f2t-yellow-50);}
    
    .rotating-slider ul.slides{border-radius: 50%; height: 100%; margin: 0; overflow: hidden; padding: 0; position: relative; top: 0; left: 50%; transform: translateX(-50%) rotate(0); transform-origin: center center; width: 100%; }
    .rotating-slider ul.slides li{background-position: center; background-size: cover; display: block; list-style: none; position: absolute; top: 0; left: 50%; text-align: center; transform-origin: bottom center; width: 100%; }
    .rotating-slider ul.slides li{color: #fff; padding: 0 !important; clip-path: none !important; margin: 0; }
    .rotating-slider ul.slides li::before{display: none; }
    .rotating-slider ul.slides li .inner{box-sizing: border-box; padding: 0; height: 100%; width: 100%; }

    .card-layout-text{max-width: 350px;}
    .card-layout-text h2{margin-bottom: 10px; opacity: 0.2; transition: opacity 0.5s ease-in-out;}
    .card-icon{max-width: 45px; margin-bottom: 21px; opacity: 0.5; transition: opacity 0.5s ease-in-out;}
    .card--desc{opacity: 0; font-size: 15px; transition: opacity 0.5s ease-in-out;}

    .active-slide .card-layout-text h2{opacity: 1;}
    .active-slide .card-icon{opacity: 1;}
    .active-slide .card--desc{opacity: 1;}
}
@media only screen and (max-width: 1024px) and (min-width: 1024px){
	.rotating-slider ul.direction-controls {width: 910px;}
}

@media only screen and (max-width: 1023px) and (min-width: 768px){
    .program-slide-section{color: var(--white); }
    .program-slide-main{padding: 78px 0 80px;}
    .program-slide-center{display: block; margin-bottom: 71px;}
    .program-center-text h2{font-size: 46px; line-height: 42px; margin-bottom: 19px;}
    .program-center-text .button{margin-top: 7px;}   

    .rotating-slider{position: relative;}
    .rotating-slider::before{width: 100vw; height: auto; top: 78px; left: -50vw; margin-left: 50%; opacity: 0.31; border-top: 1px dashed var(--white); content: ""; display: block; position: absolute; z-index: -1; }
    .rotating-slider ul.slides{margin: 0;}
    .rotating-slider ul.slides li::before{display: none; }
    .card-icon{max-width: 45px; min-height: 45px; margin-bottom: 16px; }
    .card-layout-text{max-width: 245px;}
    .card-layout-text h2{margin: 0 auto 11px; max-width: 180px; color: var(--white);}

    .rotating-slick-slider .slick-arrow{right: -9px; top: 53px; transform: none;}
    .rotating-slick-slider .slick-arrow.prev-arrow{left: -9px;}
    .rotating-slick-slider ul.slick-dots{padding-top: 31px;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .program-slide-section{color: var(--white); }
    .program-slide-main{padding: 59px 0 83px;}
    .program-slide-center{display: block; margin-bottom: 71px;}
    .program-center-text h2{font-size: 46px; line-height: 42px; margin-bottom: 19px;}
    .program-center-text .button{margin-top: 7px;}   

    .rotating-slider{position: relative;}
    .rotating-slider::before{width: 100vw; height: auto; top: 78px; left: -50vw; margin-left: 50%; opacity: 0.31; border-top: 1px dashed var(--white); content: ""; display: block; position: absolute; z-index: -1; }
    .rotating-slider ul.slides{margin: 0;}
    .rotating-slider ul.slides li::before{display: none; }
    .card-icon{max-width: 45px; min-height: 45px; margin-bottom: 16px; }
    .card-layout-text{max-width: 245px;}
    .card-layout-text h2{margin: 0 auto 11px; max-width: 180px; color: var(--white); text-transform: uppercase;}

    .rotating-slick-slider .slick-arrow{right: -9px; top: 53px; transform: none;}
    .rotating-slick-slider .slick-arrow.prev-arrow{left: -9px;}
    .rotating-slick-slider ul.slick-dots{padding-top: 31px;}
}