@media (max-width: 1550px) {

  .vertical-videos .text-carousel .text-carousel-content-container::before,
  .vertical-videos .text-carousel .text-carousel-content-container::after {
    display: none;
  }
}


@media (min-width: 2000px) {

  /* text two col - start */
  .text-2-column.with-img .text-2-column-content {
    padding: 40px 140px;
  }

  /* text two col - end */
}

@media (min-width: 1400px) and (max-width: 4000px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: calc(100% - 220px) !important;
  }

}

@media (min-width: 991.5px) and (max-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: calc(100% - 20px) !important;
  }
}

@media (max-width: 1399.5px) {

  /* hero banner - start */
  .hero-banner-content {
    padding: 100px 16px 100px 16px;
  }

  /* hero banner - end */



  /* online card section - start */
  .card-online-bg .card-online-icon::before,
  .card-online-bg .card-online-icon::after {
    right: -280px;
  }

  .card-online-bg .card-online-icon::after {
    width: 280px;
  }

  /* online card section - end  */



  /* vertical videos - start */
  .vertical-videos .text-carousel .carousel-item-content::before {
    display: none;
  }

  /* vertical videos - end */



  /* costs tab container - start */
  .costs-tab-container::before {
    left: 2%;
  }

  /* costs tab container - end */
}

@media (min-width: 992px) {

  .w-lg-75 {
    width: 75% !important;
    margin: 0 auto !important;
  }

  /* slick - start */
  .slick-track {
    display: flex !important;
  }

  .slick-slide {
    height: inherit !important;
  }

  /* slick - end */



  /* sticky stories block - start */
  .sticky-stories-block .carousel-item {
    position: relative;
    display: inline-block;
    float: unset;
    width: 48%;
    margin-right: 0;
    -webkit-backface-visibility: unset;
    backface-visibility: unset;
    transition: transform .6s ease-in-out;
  }

  /* sticky stories block - end */



  /* flip cards - start */
  .flip-card-inner {
    background-image: none !important;
  }

  /* flip cards - end */
	
	/* banner academic - start */
	.banner-academic-subcontent {
        width: calc(100% - 150px);
    }

	.banner-academic-subcontent p{
		width: 100%;
	}
	/* banner academic - end */

}



@media (max-width: 991.5px) {

  /* tooltip - start */
  .tooltip-content::before {
    left: unset;
    right: 20px;
  }

  /* tooltip - end */



  /* breadcrumb - start */
  .d-breadcrumb .breadcrumb-item {
    display: none;
  }

  .d-breadcrumb .breadcrumb-item-mobile {
    display: block;
  }

  .d-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    padding: 6px 8px 6px 8px;

    font: var(--fa-font-solid);
    content: "\f0d9";
    color: var(--hyperlink);
  }

  /* breadcrumb - end */



  /* dot pattern - start */
  .container.dot-pattern::after {
    display: none;
  }

  /* dot pattern - end */



  /* hero banner - start */
  .hero-banner {
    padding-top: 300px;
    background: no-repeat 76% center / cover;
  }

  .hero-banner-content {
    width: 100%;
    padding: 45px 40px;
  }

  /* hero banner - end */



  /* landing page banner - start */
  .landing-banner img {
    margin-bottom: 25px;
  }

  /* landing page banner - end */



  /* degree template banner - start */
  .degree-banner-top {
    text-align: center;
    padding-bottom: 54px;
  }

  .degree-banner-btns {
    flex-direction: column;
    row-gap: 25px;
    column-gap: 0;
    align-items: center;
  }

  .degree-banner-bottom {
    padding: 54px 0;
  }

  .degree-banner-bottom::before {
    display: none;
  }

  .degree-banner-img {
    text-align: center;
  }

  .degree-banner-img::before {
    display: none;
  }

  .degree-banner-img::after {
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 0;
    display: block;
    width: 310px;
    height: 53px;
    background-image: url(../img/dot-texture-white-2.svg);
    background-repeat: no-repeat;
  }

  .degree-banner-img img {
    width: 100%;
    max-height: 600px;
    margin-bottom: -2px;
  }

  .degree-banner-subimg {
    text-align: center;
    margin-top: 45px;
  }

  .degree-banner-subimg .tags {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 12px;
    margin: 24px auto;
  }

  /* degree template banner - end */



  /* accordions - start */

  .accordions-section-intro {
    margin-bottom: 35px;
  }

  .accordions-section-img {
    display: none;
  }

  .accordions-section-pathway {
    margin-top: 35px;
  }

  /* accordions - end */



  /* tabs - start */

  .tabs-main .accordion-header {
    position: static;
    top: unset;
    width: 100%;
    padding: 0 0;
  }

  .tabs-main .accordion-header .accordion-button {
	  background-color: var(--primary-brown) !important;
	  color: var(--white) !important;
	  border-bottom: 2px solid var(--white) !important;
	  padding: 10px 38px 10px 16px;
  }

  .tabs-main .accordion-header .accordion-button:not(.collapsed),
  .tabs-main .accordion-header .accordion-button[aria-expanded="true"] {
    background-color: var(--primary-gold) !important;
    color: var(--primary-brown) !important;
    border-bottom: none !important;
  }

  .tabs-main .accordion-header .accordion-button::before {
    content: "\f0d7";
    left: unset;
    right: 12px;
  }

  .tabs-main .accordion-header .accordion-button:not(.collapsed)::before,
  .tabs-main .accordion-header .accordion-button[aria-expanded="true"]::before {
    content: "\f0d8";
    color: var(--primary-brown);
  }

  .tabs-main .accordion-body {
    padding: 0 12px 45px 12px;
  }

  .tabs-main .accordion-body p {
    padding: 20px 0;
  }

  .tabs-main .accordion-body .d-btn {
    margin-top: 15px;
    margin-bottom: 45px;
  }

  .tabs-main .accordion-body img {
    margin-top: -2px;
  }

  .tabs-main .accordion-body .callout-section {
    margin-top: 20px;
  }

  /* tabs - end */



  /* hover boxes - start */
  .hover-boxes-title {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hover-boxes .hover-box {
    row-gap: 45px;

    text-align: left;
    padding: 20px;
  }

  .hover-boxes .hover-box-container:first-of-type .hover-box,
  .hover-boxes .hover-box-container:last-of-type .hover-box {
    background-color: var(--primary-midnight);
    color: var(--white);
  }

  .hover-boxes .hover-box-container:first-of-type .hover-box:hover,
  .hover-boxes .hover-box-container:first-of-type .hover-box:focus-visible,
  .hover-boxes .hover-box-container:last-of-type .hover-box:hover,
  .hover-boxes .hover-box-container:last-of-type .hover-box:focus-visible {
    background-color: var(--white);
    color: var(--primary-midnight);
  }

  .hover-boxes .hover-box::after {
    position: absolute;
    top: 40px;
    right: 30px;
  }

  .hover-boxes .hover-box-icon {
    font-size: 25px;
  }

  /* hover boxes - end */




  /* related programs & links - start */
  .related-programs .related-programs-content {
    display: flex;
    flex-direction: column;
    row-gap: 65px;
  }

  .related-programs .related-programs-sub-content.buttons {
    row-gap: 25px;
  }


  /* related programs & links - end */



  /* news feed - start */
  .news-feed,
  .news-feed.v2 {
    padding-top: 0;
    padding-bottom: 165px;
  }

  .news-feed-content-left {
    row-gap: 20px;
  }

  .news-feed .title {
    background-color: var(--primary-gold);
    color: var(--primary-brown);
    margin-bottom: 45px;
    padding: 16px;
  }

  .news-feed .d-btn {
    position: absolute;
    bottom: 60px;
    right: 16px;
  }

  .news-feed .divider-horizontal-md {
    margin-top: 0;
  }

  /* news feed - end */



  /* text two col - start */

  .text-2-column.no-img .text-column-intro {
    margin-bottom: 45px;
  }

  .text-2-column.no-img .text-column-content:first-of-type {
    margin-bottom: 45px;
  }

  .text-2-column.with-img .text-2-column-content {
    padding: 45px 16px 45px 16px;
  }

  .d-bg-white .text-2-column.with-img .text-2-column-content {
    padding: 45px 16px 16px 16px;
  }

  .text-2-column-video {
    position: relative;
    text-align: center;
    padding: 0 0 36px 0;
    background: var(--primary-gold);
  }

  .text-2-column-video::before {
    display: none;
  }

  .text-2-column-video::after {
    display: none;
  }

  .text-2-column-video iframe,
  .text-2-column-video video,
  .text-2-column-video img {
    width: 95%;
  }

  .text-2-column .text-2-column-img {
    position: relative;
    text-align: start;
  }

  .text-2-column .text-2-column-img img {
    width: 95%;
  }

  .text-2-column .text-2-column-img::before,
  .text-2-column .text-2-column-img.order-lg-0::before {
    top: 0;
    width: 100%;
    height: calc(100% + 36px);
  }

  .text-2-column .text-2-column-img::after,
  .text-2-column .text-2-column-img.order-lg-0::after {
    bottom: -16px;
    left: 4%;
    width: 88%;
    background-position: center center;
  }

  /* text two col - end */



  /* quote box - start */
  .quote-box {
    position: relative;
    text-align: center;
  }

  .quote-box .quote-box-content {
    padding: 75px 45px 120px 45px;
  }

  .quote-box::after {
    height: 60px;

    background-image: url('../img/quote-bg-sm.svg');
  }

  /* quote box - end */



  /* img carousel - start */
  .img-carousel .carousel-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    text-align: start;
    padding: 30px 18px;
  }

  .img-carousel.carousel .carousel-item::after {
    max-height: 30%;
  }

  .img-carousel.carousel .carousel-item img {
    min-height: 428px;
    height: auto;
    max-height: auto;
  }

  /* img carousel - end */



  /* info card carousel - start */
  .cards-info-carousel-title {
    background-image: none;
    background-color: transparent;
    color: var(--primary-brown);
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .card-info-carousel {
    margin-top: 30px;
  }

  /* info card carousel - end */



  /* blog listing intro section - start */
  .news-intro-title {
    margin-bottom: 35px;
  }

  .news-intro-content-img {
    margin-bottom: 35px;
  }

  .news-intro.v1 .news-intro-content {
    row-gap: 35px;
  }

  .news-intro .news-intro-content-img {
    padding-left: 0;
    padding-right: 0;
  }

  .news-intro.v1 .news-intro-content-img::before {
    display: none;
  }

  .news-intro.v1 .news-intro-content-img img {
    z-index: 0;
    margin-top: 0;
  }

  .news-intro-content-title {
    row-gap: 25px;
  }

  .news-intro.v1 .news-intro-content-info {
    row-gap: 25px;
  }

  .news-intro.v2 .news-intro-content-info {
    row-gap: 45px;
  }

  /* blog listing intro section - start */



  /* college hero - start */
  .hero-college {
    background-image: none !important;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-college::before {
    display: none;
  }

  .hero-college::after {
    top: unset;
    bottom: 70px;
    right: 16px;

    display: block;
    height: 53px;
    width: 310px;

    background-image: url('../img/dot-texture-white-2.svg');
    background-position: bottom right;
  }

  .hero-college-content {
    margin: 45px 0 200px 0;
  }

  /* college hero - end */



  /* college parallax - start */
  .parallax-college {
    padding: 65px 0;
    background-attachment: unset;
  }

  /* college parallax - end */



  /* banner visit - start */
  .banner-visit {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 360px;
  }

  .banner-visit::after {
    display: none;
  }

  .banner-visit-content {
    background: var(--overlay-brown);
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .banner-visit-subcontent {
    margin-top: 75px;
  }

  /* banner visit - end */



  /* banner academic - start */
  .banner-academic {
    background-image: none;
  }

  .banner-academic .banner-academic-content::before,
  .banner-academic .banner-academic-content::after {
    display: none;
  }

  .banner-academic-content {
    background-color: var(--primary-brown);
    padding-top: 45px;
    padding-bottom: 88px;
  }

  .banner-academic-btns {
    flex-direction: column;
    row-gap: 45px;
    column-gap: 0;
    align-items: center;
  }

  .banner-academic-subcontent {
    margin-top: 45px;
  }

  /* banner academic - end */



  /* banner blog - start */

  .banner-blog {
    background-image: none !important;
    padding-top: 0;
    padding-bottom: 0;
  }

  .banner-blog::before,
  .banner-blog::after {
    display: none;
  }

  .banner-blog-content {
    row-gap: 20px;
    padding: 0 0 45px 0;
  }

  .banner-blog-content .title {
    background-color: var(--primary-gold);
    color: var(--primary-brown);
    padding: 16px;
    margin-bottom: 20px;
  }

  .banner-blog-content .subtitle,
  .banner-blog-content-info {
    color: var(--white);
    padding: 0 20px;
  }

  /* banner blog - end */



  /* person bio section - start */
  .person-bio-section .container {
  	min-height: auto;
   }

  .person-bio-img {
    position: relative;
    z-index: 0;
    right: 0;
    top: -60px;
    text-align: right;
  }

  .person-bio-img::before {
    width: 78%;
    height: 98%;
    right: 30px;
    left: unset;
  }

  .person-bio-img img {
    width: 80%;
  }

  .person-bio-card {
    padding: 30px 20px 90px 20px;
  }

  .person-bio-card::after {
    bottom: 0;
    right: 10px;
    height: 310px;
    width: 53px;

    background-image: url(../img/dot-texture-white.svg);
  }

  .person-bio-paragraph {
    margin: 60px 16px 16px 16px;
  }


  /* person bio section - end */



  /* person listing - with img - start */ 
  .person-listing-carousel { 
    padding: 140px 0 0 0; 
  } 

  .person-listing-carousel-title::before, 
  .person-listing-carousel-title::after { 
    display: none; 
  } 

  .person-listing-carousel::after { 
    content: ""; 
    position: absolute; 
    z-index: 0; 
    top: 36px; 
    right: 16px; 
    display: block; 
    width: 307px; 
    height: 100px; 
    background-image: url(../img/dot-texture-2.svg); 
    background-repeat: no-repeat; 
  } 

  .card-img-carousel { 
    margin-top: 35px; 
    margin-bottom: 35px; 
  } 

  /* person listing - with img - end */



  /* person listing - no img - start */
  .person-listing {
    row-gap: 25px;
  }

  .person-listing .person-listing-item {
    margin: 0 0;
    padding: 25px 0;
  }

  /* person listing - no img - end */



  /* news listing - start */
  .news-listing {
    padding-bottom: 100px;
  }

  .news-listing::after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    height: 70px;
    width: 300px;
    background-image: url(../img/dot-texture-2.svg);
    background-repeat: no-repeat;
  }

  .featured-card {
    width: 100%;
  }

  .news-listing .featured-content {
    /* padding-bottom: 45px; */
    margin-bottom: 65px;
  }

  /* news listing - start */



  /* story feed - start */
  .story-feed {
    margin-top: 100px;
    padding: 65px 0 56px 0;
    margin-top: 150px;
    background: var(--primary-grey);
  }

  .story-feed-container {
    padding-left: 0;
  }

  .story-feed-container::before {
    top: -146px;
    right: 0;
    left: unset;

    height: 70px;
    width: 300px;

    background-image: url('../img/dot-texture-2.svg');
  }

  .story-feed .story-feed-intro {
    row-gap: 20px;
  }

  .story-feed .story-feed-item {
    border-top: none;
    border-bottom: 1px solid var(--secondary-line-grey);
    padding: 20px 0;
  }

  .story-feed .story-feed-item p {
    display: none;
  }

  /* with img */
  .story-feed.with-img {
    margin-top: 0;
  }

  .story-feed.with-img::before {
    display: none;
  }

  .story-feed.with-img .story-feed-text {
    width: calc(70% - 16px)
  }

  .story-feed.with-img .story-feed-item img {
    width: 30%;
    margin-right: 16px;
  }

  /* story feed - end */



  /* online card section - start */
  .card-online-bg {
    background-image: url(../img/online_section-bg-sm.svg);
    padding: 50px 0px 100px 0px;
  }

  .card-online-bg .card-online-icon {
    font-size: 38px;
    margin-top: 0;
    margin-bottom: 150px;
    margin-left: 40px;
    padding: 25px 30px;
  }

  .card-online-bg .card-online-icon::before,
  .card-online-bg .card-online-icon::after {
    top: unset;
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
  }


  .card-online-bg .card-online-icon::after {
    width: 4px;
    height: 200px;
  }

  .card-online-bg .card-online-icon::before {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }

  .card-online-bg .card-basic::before {
    top: -6px;
    left: 56px;
    width: 60px;
    height: 30px;
  }

  /* online card section - end  */



  /* costs tab container - start */
  .costs-tab-container {
    row-gap: 25px;
  }

  .costs-tab-container::before {
    display: none;
  }

  .costs-tab .nav-tabs {
    justify-content: center;
    border: none;
  }

  .costs-tab .nav-tabs .nav-link {
    background-color: var(--primary-midnight);
    color: var(--white);
    width: 50%;
    border: none;
    padding: 20px 20px 30px 20px;
    border-radius: 0px;
  }

  .costs-tab .nav-tabs .nav-link.active {
    background-color: var(--primary-midnight);
    color: var(--primary-gold);
  }

  .costs-tab .nav-tabs .nav-link.active::after {
    content: "";

    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);

    width: 0;
    height: 0;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-bottom: 18px solid var(--primary-grey);
  }

  .costs-tab .tab-content {
    padding: 45px 0;
  }

  .costs-tab .costs-tab-title {
    margin-bottom: 30px;
  }

  .costs-tab .price-box {
    min-width: 230px;
    margin-bottom: 25px;
  }

  /* costs tab container - end */



  /* form template - start */

  .template-form .form-container::before {
    display: none;
  }

  .template-form .form-container {
    padding-left: 0;
  }

  .template-form .form-img {
    display: none;
  }

  /* form template - end */



  /* events section - start */
  .layout-events-section-basic {
    margin-top: 85px;
  }

  .events-section {
    position: relative;
    background-color: var(--white);
    padding-top: 0;
    padding-bottom: 104px;
  }

  .events-section::before {
    display: none;
  }

	.events-section-content { 
		margin-bottom: 40px; 
		padding: 0 16px; 
	}

  .events-section-box { 
    background-image: none; 
    width: 96%; 
    min-height: auto;
    padding: 35px 20px; 
  }

  .events-section-content .title {
    display: block;
    margin-top: 40px;
  }

  .events-section-box .title {
    display: none;
  }
	
	.event-row .event-date { 
		width: 110px; 
		padding: 12px 12px 12px 12px; 
	}

  .events-decoration { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    background-color: var(--primary-robin); 
    color: var(--white); 
    width: 100%; 
    height: auto; 
  }

  .events-decoration img {
    position: absolute;
    left: 150px;
    top: unset;
    bottom: -14%;
    transform: rotate(90deg);
  }

  .events-decoration .icon {
    display: none;
  }

  /* event row - v2 */
  .events-section-basic {
    position: relative;
    padding-bottom: 50px;
  }

  .events-section-basic .main-hyperlink {
    position: absolute;
    bottom: 0;
    left: 15px;
  }

  /* events section - end */



  /* program listing intro section - start */
  .programs-intro-section-content {
    position: relative;
    padding-top: 46px;
    padding-bottom: 46px;
    background-image: none !important;
  }

  .programs-intro-section-content::before,
  .programs-intro-section-content::after {
    display: none;
  }

  .programs-intro-section-content .divider-horizontal-lg {
    width: 102px;
  }

  .programs-intro-section-form {
    padding: 46px 0 46px 0;
  }

  .programs-intro-section-form form,
  .programs-intro-section-form .select-section,
  .programs-intro-section-form .chechbox-section {
    display: flex;
    flex-direction: column;
  }

  .programs-intro-section-form form {
    row-gap: 24px;
  }

  .programs-intro-section-form .select-section {
    row-gap: 24px;
  }

  .programs-intro-section-img {
    display: block;
  }

  /* program listing intro section - end */
  
  /* programs listing results - start */
  .programs-listing-header {
    margin-bottom: 35px;
  }

  .programs-listing-header .toBottom-btn {
    display: none;
  }

  .programs-listing-header .toBottom-btn::before {
    margin-right: unset;
    margin-left: auto;
  }

  .programs-listing-header form {
    display: block;
    width: 100%;
    margin-bottom: 18px;
  }

  .programs-listing-accordion .accordion-button {
    padding-left: 24px;
	  padding-right: 48px; 
  }

  .programs-listing-accordion .accordion-button::before {
    content: "\f054";
    left: unset;
    right: 24px;
  }

  /* programs listing results - end */



  /* sticky stories block - start */
  .sticky-stories-block {
    display: flex;
    flex-direction: column;
    row-gap: 35px;
  }

  .sticky-stories-block .watermark-block {
    display: none;
  }

  .sticky-stories-cards {
    padding: 0 0;
  }

  .sticky-stories-card {
    row-gap: 0;
    margin: 0;
  }

  .sticky-stories-card .hyperlink {
    padding: 24px 18px;
  }

  /* sticky stories block - end */



  /* sticky stories - start */
  .sticky-stories .card-basic {
    row-gap: 35px;
    padding: 52px 40px 30px 40px;
    margin-bottom: 45px;
  }

  .sticky-stories .card-basic p {
    display: none;
  }

  /* sticky stories - end */



  /* basic card - start */

  .card-basic.v-2 {
    padding: 74px 34px 54px 34px !important;
  }

  .card-basic.v-2 .hyperlink {
    margin-top: 35px;
  }

  /* basic card - end */



  /* vertical videos - start */
  .vertical-videos {
    border-bottom: none;
  }

  .vertical-videos .text-carousel {
    padding: 0 0 0 0;
  }

  .text-carousel .text-carousel-video img,
  .text-carousel .text-carousel-video video {
    width: 100%;
    min-height: auto;
  }

  .vertical-videos .carousel-item {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .text-carousel .text-carousel-content {
    padding: 0 20px 20px 20px;
  }

  .text-carousel .carousel-control-next,
  .text-carousel .carousel-control-prev {
    top: -70px;
  }

  .text-carousel .carousel-control-prev {
    left: 36px;
  }

  .text-carousel .carousel-control-next {
    left: 120px;
    right: unset;
  }

  .vertical-videos .cta-btn {
    width: 100%;
  }

  /* vertical videos - end */



  /* program card - start */
  .program-card-categories {
    padding: 24px 24px 45px 24px;
  }

  .program-card-categories .category-tag {
    display: inline-block;
    min-width: 150px;
  }

  .program-card-content {
    padding: 12px 24px 24px 24px;
  }

  .program-card-img::after {
    bottom: 0;
    left: 0;
    width: calc(100% + 0px);
    height: 94%;
  }

  .program-card-img img {
    width: calc(100% - 40px);
    margin-bottom: 40px;
    margin-left: 40px;
  }

  /* program card - end */



  /* flip cards - start */
  .flip-card {
    height: auto;
    perspective: unset;
    margin-bottom: 2px;
  }

  .flip-card-inner {
    transform-style: none;
  }

  .flip-card:hover .flip-card-inner,
  .flip-card:focus-within .flip-card-inner {
    transform: none !important;
  }

  .flip-card-front {
    background-image: none !important;

    position: relative;
    height: 110px;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;

    cursor: pointer;
  }

  .flip-card-front::after {
    font: var(--fa-font-solid);
    content: "\2b";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);

    color: var(--white);
    font-size: 40px;
  }

  .flip-card-back {
    background-image: none !important;
    display: none;

    position: relative;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
  }

  .flip-card-back {
    transform: none;
  }

  .flip-cards .horizantal-card-img {
    display: none;
  }

  /* flip cards - end */



  /* horizantal card - start */
  .horizantal-card-content {
    padding: 45px 10px;
  }

  /* horizantal card - end */



  /* cost filtering - start */
  .cost-filtering-header .col-12 {
    margin: 10px 0;
  }

  .cost-filtering-header .reset-btn {
    display: block;
    margin-top: 20px;
    margin-left: 0;
  }

  .cost-filtering-header .tooltip-btn {
    float: inline-end;
  }

  .cost-filtering-body .cost-filtering-img {
    position: relative;
  }

  .cost-filtering-body .cost-filtering-img img {
    height: auto;
  }

  .cost-filtering-body .cost-filtering-img::after {
    top: unset;
    bottom: 16px;
    right: 16px;

    width: 310px;
    height: 53px;

    background-image: url(../img/dot-texture-white-2.svg);
  }

  .cost-filtering-body .cost-filtering-content {
    row-gap: 45px;
    padding: 45px 0;
    text-align: center;
  }

  .cost-filtering-content .category-tag {
    margin: 0 auto;
  }

  .cost-filtering-content .cost-breakdown {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }

  .cost-filtering-content .cost-breakdown span {
    display: block;
  }

  .cost-filtering-content .cost-box {
    row-gap: 4px;
    flex-direction: column-reverse;
    margin: 20px 0;
  }

  .cost-filtering-content .cost-box .cost {
    margin: 0 auto;
  }

  .cost-filtering-content .section-2 .col-12:last-of-type .cost-box {
    margin-bottom: 0;
  }

  .cost-filtering-content .section-2 {
    row-gap: 12px;
  }

  .cost-filtering-content .section-2,
  .cost-filtering-content .section-3 {
    row-gap: 25px;
  }

  /* cost filtering - end */



  /* list expander - start */
  .list-expander-title {
    text-align: center;
    padding: 0 20px 45px 20px;
  }

  .list-expander .tab-content,
  .list-expander .tab-pane,
  .list-expander .tab-pane>.row,
  .list-expander .list-expander-content {
    height: auto;
    min-height: auto;
  }

  .list-expander .list-expander-text {
    flex-direction: column-reverse;
    padding: 30px 30px;
    margin-top: 250px;
    text-align: right;
  }

  .list-expander .list-expander-content::after {
    height: calc(100% - 250px);
  }

  .list-expander .list-expander-text .icon {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 40px;
    margin-bottom: 0;
  }

  .list-expander .list-expander-text .hyperlink-arrow {
    margin-left: auto;
  }

  /* list expander - end */

}



@media (max-width: 767.5px) {

  /* info card carousel - end */
  .card-info-carousel.slick-slider {
    padding: 0 0;
  }

  .card-info-carousel .slick-slide {
    margin: 0 0;
  }

  /* info card carousel - start */



  /* primary carousel control - start */
  .slick-next,
  .slick-prev {
    top: 150px;
  }

  /* primary carousel control - end */
}