@import url("./_outcomes-section.css?v=226");


.banner-bg:before{position:absolute; top:0; left: 0; display: block; width: 100%; content:"";     z-index: 1!important; background: #00000057; height: 100%;}
.home-banner-iframe{z-index: 1!important;}
.home-banner-video{display: block; width: 100%; height: 100%; object-fit: cover;}
.home-banner-iframe video{display: block; width: 100%; height: 100%; max-width: 100%; object-fit: cover;}
.hero-banner-main{position: relative; z-index: 1; min-height: 622px; padding: 0 0 60px;}
.hero-banner-text{margin-top: auto;}
.hero-banner-text p{font-size: 16px; font-weight: 600;}
.hero-banner-main .btn .button{ background-color: rgb(232 119 34 / 60%);}
.hero-banner-main .btn .button:hover{background-color: #757575;
  color: #fff;}
  .hero-banner-text .button {background-color: #ffffff6b; font-size: 18px; padding: 14px 60px 14px 60px; text-transform: capitalize; font-weight: 600; border-radius: 8px; }
.hero-banner-text h1{letter-spacing: normal;}

.location-section {width: 100%; clear: both;}
.location-main{padding: 40px 0 80px; position: relative;}
.location-main h3{margin-bottom: 50px; color: #000; font-size: 32px;letter-spacing: normal; font-weight: 400;}
.location-main h3 a{color: #000;}
.location-main h3 a:hover{color: #e87722;}
.location-row{gap: 20px;}
.location-list{flex: 0 0 calc(33.33% - 14px); position: relative; overflow: hidden;}

.location-info{overflow: hidden; border-radius: 20px;}
.location-list:hover{position: relative;}
.location-text-hover {top: 100%; left: 0; right: 0; width: 100%; height: 100%; transition: top 0.75s ease-in-out;  color: #fff; position: absolute; z-index: 2;  background-color: rgb(0 0 0 / 75%);   padding: 50px 55px; border-radius: 20px; overflow-y: auto;-ms-overflow-style: none; scrollbar-width: none; }
/* .location-text-hover::after{opacity: 0.75; width: 100%; height: 200%; top: 0; left: 0; background-color: #000; position: absolute; z-index: -1; content: ""; display: block; border-radius: 20px;} */
.location-text-hover::-webkit-scrollbar { display: none; }
.location-list:hover .location-text-hover{top: 0;}
.location-list.no-cont:hover{}

.location-text-hover p{font-size: 16px; padding: 8px; margin-bottom: 0; border-bottom: 1px solid #757575; font-weight: 600; line-height: 20px;}
.location-text-hover p:last-child{border-bottom: 0;}
span.apn-watermark{ position: absolute; right: 16px; bottom: 24px; color: #fff; font-size: 18px; text-transform: capitalize; font-weight: 500; font-family: 'Montserrat',sans-serif; transition: all 0.75s ease-in-out;}
span.apn-watermark a{color: #fff; font-weight: 500;}
span.apn-watermark a:before{display: none;}

.location-info img{border-radius: 20px; min-height: 300px; max-height: 300px;}
.location-info{position: relative;}
.location-info figure:before{position: absolute; content:""; width: 100%; height: 100%; display: block;  background-image: linear-gradient(145deg, rgba(0, 0, 0, 0) 55%, #000 110%); border-radius: 20px; } 

.evaluation-section{background-color: #eae3dc; }
.evaluation-left{    display: flex; flex-direction: column; justify-content: center; position: relative; top: -4px;}
.evaluation-text h2{font-size: 32px; font-weight: 600;  font-family: 'Montserrat',sans-serif; letter-spacing: normal; text-transform: capitalize;}
.evaluation-text p{font-size: 18px; font-weight: 400;}
/* .evaluation-left small{font-size: 24px; letter-spacing: normal; text-transform: capitalize; color: #505050;} */
.evaluation-left-text small br{display: none;}
.evaluation-left-text small{font-size: 24px; color: #505050; line-height: 29px; letter-spacing: 0; text-transform: capitalize;}

.evaluation-arrows{margin-top: 24px;}
.evaluation-arrows .slick-arrow{border-radius: 50%; color: #fff; background-color: rgb(134, 134, 134, 0.3); width: 32px; height: 32px;  cursor: pointer;}
.evaluation-arrows .slick-arrow:hover{background-color: #d97123; opacity: 1;}
.evaluation-arrows .slick-arrow.next-arrow{margin-left: 8px;}
.evaluation-arrows span{font-size: 15px; font-weight: 400;}
.evaluation-arrows .slick-arrow.slick-disabled{background-color: rgb(196, 196, 196, 0.3)};
.evaluation-image { width: 100%; height: 100%; }
.evaluation-thumb img{width: 100%; height: 100%; object-fit: cover; object-position: 50%,50%; }
.evaluation-thumb {width: 100%; height: 100%; display: block;}


.progress-started { margin: 20px 0; }
.progress-bar { width: 100%; height: 8px; background-color: rgba(170, 170, 170, 0.3); border-radius: 12px; position: relative; overflow: hidden; margin-top: 16px; }
.progress-highlight { height: 100%; position: absolute; top: 0; left: 0; background-color: #d97123; transition: all 1s ease; }

.connect-section{ background-color: #f7f7f7;}
.connect-main{gap: 144px; padding: 114px 0 80px;}
.connect-lt img{border-radius: 50px;}
.connect-form{background-color: #fff; width: 100%;  box-sizing: border;}

.connect-rt h2{font-size: 2rem; font-weight: normal; letter-spacing: normal; color: #000; margin-bottom: 41px;}
.connect-rt h2:hover{color: #d97123;}
.connect-rt h2 a{color: #000;;}
.connect-rt h2 a:hover{  color: #d97123;;}
.connect-rt h2 br{display: none;}

/* .apn-star-section{background-color: #f7f7f7;} */

/* media css starts here */
@media only screen and (min-width: 1261px){
    .evaluation-left{flex: 0 0 calc(50% + 138px); max-width: calc(50% + 138px); padding-right: 138px;}
    .evaluation-right{flex: 0 0 calc(50% - 138px); max-width: calc(50% - 138px);}

    .evaluation-left-text{margin-left: auto; max-width: 608px; width: 100%;}
}
@media only screen and (min-width: 1024px){
    .evaluation-wrap{flex-direction: row-reverse;}
    .location-row .slick-slide{ margin-right: 40px;}
    .connect-main{gap: 144px;}
    .connect-lt{flex: 0 0 calc(100% - 56%);}
    .connect-rt{flex: 0 0 44%;}

    .apn-star-main{padding: 64px 0 64px;}

    .evaluation-thumb img{min-height: 721px; max-height: 721px;}

    .location-main { padding: 40px 0 110px};
    .location-list:hover span.apn-watermark{opacity: 0;}
    
   body.page-template-apn-landing-page
    .outcomes-main { padding: 180px 0 150px; }

    .location-section.no-outcomes .location-main{padding: 180px 0 200px;}

    .evaluation-left-text small {margin-bottom: 40px;}

    .progress-started{margin-bottom: 58px;}

    .evaluation-text h2{margin-bottom: 20px;}
}
@media only screen and (max-width: 1260px) and (min-width: 1024px){
    .location-text-hover{padding: 2rem;}
    .evaluation-left-text{padding: 0 60px 0 20px;}
    .evaluation-left{flex: 0 0 50%; max-width: 50%;}
    .evaluation-right{flex: 0 0 50%; max-width: 50%;}
}
@media only screen and (max-width: 1250px) and (min-width: 1024px){
    .connect-main{gap: 88px;}
    .connect-lt{flex: 0 0 calc(100% - 54.5%);}
    .connect-rt{flex: 0 0 45.5%;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .evaluation-wrap{display: block;}

    .connect-main{gap: 80px;}

}
@media only screen and (max-width: 1023px) and (min-width: 200px){
    .location-info img{min-height: 274px; max-height: 274px;}
    .location-row .slick-slide{width: 272px; margin-right: 22px;}
    .location-row.flex.slick-initialized.slick-slider{width: calc(100% + 40px); margin-left: 5px;}
    .location-list:hover .location-text-hover{padding: 20px;}
    .location-main span{position: inherit; right: 0; bottom: 0; color: #000; font-size: 16px; margin-top: 16px; display: block;} 
    .location-main span a{color: #000;}
    .location-section.no-outcomes .location-main{padding: 80px 0 80px;}


    .evaluation-left-text { padding: 53px 50px 45px; }
    .evaluation-left-text small{font-size: 1.75rem; text-align: center; text-transform: uppercase; font-weight: normal; line-height: normal; margin-bottom: 35px;}
    .evaluation-left-text small br{display: block;}
    .evaluation-text h2{ margin-bottom: 14px;}
    .evaluation-text p{font-size: 0.875rem; font-weight: normal; color: #757575; line-height: normal; letter-spacing: normal; }

    .evaluation-arrows .slick-arrow {width: 40px; height: 40px}
    .evaluation-arrows span { font-size: 18px; font-weight: 500; }
    .evaluation-arrows .slick-arrow.next-arrow { margin-left: 13px; }
    .progress-started{margin: 20px 0 28px;}
    .progress-bar{ border-radius: 7px; margin-top: 8px;}

    .connect-main{padding: 50px 0;}
    .apn-star-main { padding: 64px 0 64px; }
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .evaluation-wrap{display: block;}
    .evaluation-left-text { padding: 44px 25px 35px; }
    .evaluation-left-text small{font-size: 1.75rem; text-align: center; text-transform: uppercase; font-weight: normal; line-height: normal; margin-bottom: 30px;}
    .evaluation-left-text small br{display: block;}
    .evaluation-text h2{font-size: 1.25rem; margin-bottom: 16px;}
    .evaluation-text p{font-size: 0.875rem; font-weight: normal; color: #757575; line-height: normal; letter-spacing: normal; margin-bottom: 5px;}
    .evaluation-thumb img{height: 368px;}

    .evaluation-arrows .slick-arrow {width: 32px; height: 32px}
    .evaluation-arrows span { font-size: 16px; font-weight: 500; }
    .evaluation-arrows .slick-arrow.next-arrow { margin-left: 8px; }

    .progress-started{margin: 20px 0 22px;}
    .progress-bar{height: 4.2px; border-radius: 7px; margin-top: 8px;}

    .location-list{flex: 272px;}
    .location-main{padding: 54px 0 110px;}
    .location-main h3{ margin-bottom: 42px;}

    .connect-main{padding: 48px 0 50px;}
    .connect-lt{display: none;}
    .connect-rt{margin: 0 auto;}
    .connect-rt h2 { font-size: 1.75rem; color: #505050; max-width: 200px; margin: 0 auto 28px; text-align: center; } .connect-rt h2 br{display: block;}


    .evaluation-arrows { margin-top: 12px; }
    .footer ul {margin-bottom: 40px;}

    .location-text-hover {padding: 20px;}

    .hero-banner-main{min-height: 663px;}
    .hero-banner-main .btn .button{width: 321px; border-radius: 23px;}
    .hero-banner-text h1 { letter-spacing: normal; font-size: 28px; font-weight: 500; }
    .hero-banner-text p{margin-bottom: 24px; padding: 0 10px; line-height: 18px; font-weight: 500;}
.outcomes-main { text-align: center; padding: 58px 0 40px; }
.outcomes-rt {margin-bottom: 8px;}
}