.page-banner-style-4 {}

.page-banner-style-4 .page-banner-img {height:920px}

.page-banner-style-4 .page-banner-img img {width:100%; height:100%; object-fit:cover;}

.page-banner-style-4 .page-banner-right {background:var(--third-5);display:flex;align-items: center;padding-left:110px;padding-bottom: 0;}

.page-banner-style-4 .page-banner-right-inner {max-width:630px;}

.page-banner-style-4 .page-banner-right h1 {color:#fff;}

.page-banner-style-4 .page-banner-right p {font-family:var(--font-family-serif);color:#fff;font-size: 28px;}

.page-banner-style-4 .page-banner-right p a {font-family:var(--font-family-sans-serif);font-size:18px;text-decoration:none;font-weight: var(--btn-font-weight);font-family: var(--btn-font-family);border-width: var(--btn-border-width);border-style: var(--btn-border-style);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);padding: var(--btn-md-padding-y) var(--btn-md-padding-x);transition: var(--transition-200);color: var(--dark);border-color: var(--white);background: #fff;}

.page-banner-style-4 .page-banner-right p a:hover {background:var(--primary);color: #fff;border-color: var(--primary);}



@media (max-width:991px) {

 .page-banner-style-4 .page-banner-img {height:450px; } 

  .page-banner-style-4 .page-banner-img img {object-position:top;}

  .page-banner-style-4 .page-banner-right {padding:30px}

  .page-banner-style-4 .page-banner-right-inner {max-width:100%;}

}





.img-card-style-4 .img-card-wrap {position:relative;margin-bottom:30px;}

.img-card-style-4 .img-card-wrap .img-card-top {width:440px; height:480px;}

.img-card-style-4.img-right .img-card-wrap .img-card-top {width:440px; height:480px;float:right;}

.img-card-style-4 .img-card-wrap .img-card-bottom {width:410px;height:280px;bottom: 120px;position: relative;float: right;margin-bottom: -90px;}

.img-card-style-4.img-right .img-card-wrap .img-card-bottom {width:410px;height:280px;bottom: 120px;position: relative;float: left;margin-bottom: -90px;}

.img-card-style-4 .img-card-wrap .img-card-top img, .img-card-style-4 .img-card-wrap .img-card-bottom img {object-fit:cover;height: 100%;width: 100%;}



@media (max-width:1199px) {

 .img-card-style-4 .img-card-wrap .img-card-top, .img-card-style-4.img-right .img-card-wrap .img-card-top {width:80%; } 

  .img-card-style-4 .img-card-wrap .img-card-bottom, .img-card-style-4.img-right .img-card-wrap .img-card-bottom {width:80%}

}

@media (max-width:1199px) {

 .img-card-style-4 .img-card-wrap .img-card-top, .img-card-style-4.img-right .img-card-wrap .img-card-top {width:100%;margin-bottom:15px; height:350px} 

.img-card-style-4.img-right .img-card-wrap .img-card-top {float:none;}

  .img-card-style-4 .img-card-wrap .img-card-bottom, .img-card-style-4.img-right .img-card-wrap .img-card-bottom {width: 80%;/* bottom:0; */float:none;margin: 0 auto -90px;height: 230px;}

}



._bg-primary .Spacer .mwSpacer .mwDivider {background-color:#fff}



.icon-carousel-style-1 {overflow:hidden;padding-bottom: 90px;}

.icon-carousel-style-1 .carousel-item-wrap {background:#fff;margin:0 15px;border-radius:5px;padding:30px 50px;display: block;position:relative;transition:0.3s ease;bottom:0}

.icon-carousel-style-1 .carousel-item-wrap:hover { bottom:30px}

.icon-carousel-style-1 .carousel-item .carousel-item-img {width:90px; height:90px;margin-bottom:30px;}

.icon-carousel-style-1 .carousel-item .carousel-item-img img {object-fit:contain;width:100%; height:100%;}

.icon-carousel-style-1 .carousel-item h3, .icon-carousel-style-1 .carousel-item p {color:#000;}

.icon-carousel-style-1 .carousel-item h3 {font-family:var(--font-family-sans-serif); font-size:30px;font-weight:700}

.icon-carousel-style-1 .carousel-item p {font-size:16px;}

.icon-carousel-style-1 .carousel-item .carousel-item-btn {display;flex;display: flex;align-items: center;gap: 15px;color: var(--primary);font-weight: 700;} 

.icon-carousel-style-1 .slick-dots {

    bottom: -60px;

}

.icon-carousel-style-1 .slick-dots button {border:1px solid var(--third);width: 14px;height: 14px;border-radius:100%;margin-right:30px}

.icon-carousel-style-1 .slick-dots .slick-active button {background:var(--third)}

.icon-carousel-style-1 .slick-list {margin-left:-15px;padding-top: 30px;}

.shift-right {position:relative; left:180px}



@media (max-width:1199px) {

.shift-right {position:relative;left:0;} 

}



.newsletter-form {display:flex;width:100%; gap:15px}

.newsletter-form .mwInput.text {flex:0 0 40%;max-width:40%}



@media (max-width:1365px) {

.newsletter-form .mwInput.text {flex:0 0 35%;max-width:35%} 

}



@media (max-width:991px) {

 .newsletter-form .mwInput.text {flex:0 0 100%;max-width:100%} 

 .newsletter-form {display:flex;flex-wrap:wrap;}

}





.directory-filter-wrap {box-shadow:0 0 20px rgba(0,0,0,0.15); padding:60px}

.directory-filter-wrap h3 {display:flex; align-items:center;gap:10px;}

.directory-filter-wrap .directory-filter-fields {display:flex;gap:15px;width:100%;justify-content: space-between;align-items: flex-end;}

.directory-filter-wrap .directory-filter-fields .programs-field {flex: 0 0 30%;}

.directory-filter-wrap .directory-filter-fields .city-field {flex:0 0 20%;}

.directory-filter-wrap .directory-filter-fields .region-field {flex: 0 0 20%;}

.directory-filter-wrap .directory-filter-fields .filter-btns {flex: 0 0 25%;display: flex;gap: 15px;max-width: 30%;justify-content: space-between;align-items: flex-end;}
.directory-filter-wrap .directory-filter-fields .filter-btns .btn {margin-bottom:0}
.directory-filter-wrap .directory-field p {margin-bottom:10px; font-size:16px;}


@media (max-width:1199px) {
  .directory-filter-wrap .directory-filter-fields {display:block}
  .directory-filter-wrap .directory-field {margin-bottom:15px;}
  .directory-filter-wrap .directory-filter-fields .filter-btns {max-width:100%;justify-content:left;}
}

.directory-btns {display:flex; margin-top:90px;gap:15px;}
.directory-btns .btn.active span, .directory-btns .btn span:hover {background:var(--third); color:#fff!important;border-color:var(--third)!important}

.directory-list .directory-item {box-shadow:0 0 5px rgba(0,0,0,0.15); border-radius:10px;padding:30px 30px 1px;margin-bottom:30px;}
.directory-list .directory-item h3 {font-weight:700;}
.directory-list .directory-item p a {display:flex; align-items:center; gap:15px;}
.directory-list .directory-item p a:hover {color:var(--third); gap:20px;}