body{font-family: 'Open Sans', sans-serif !important;}
.rectangle {
    box-sizing: border-box;
    border: 2px solid #E0E7EB;
    border-radius: 8px;
    background-color: #FFFFFF;
  }
  .home .rectangle {
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.06);
  }
  .nw-bnr .banner-img{
      margin-left: 5rem !important;
      height: 375px !important;
      width: 665px !important;
  }
  .nw-bnr .banner-text{
      position: absolute;
      right: 75px;
      text-align: center;
  }
  .nw-bnr .main-title{
      font-size:42px;
      color:#2D3137;
  }
  .nw-bnr .sub-title{        
    font-size: 40px;
    color: #2D3137;
    font-weight:700;
  }
  .nw-bnr .title-lg{ 
      font-size: 17px;
  }
  .nw-bnr .primanry-btn{    
    border: 1px solid #B40000;
    border-radius: 30px;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;  
    color: #CB0000;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0);
    margin: 15px 0 !important;
  
  }
  .hero-bannr #bannercaros .carousel-indicators{
      bottom: 0px !important;
      justify-content: end;
      margin-right: 0;
      margin-left: 0;
      height: 20px;
  }
  #bannercaros .carousel-indicators li{
      margin-right: 6px !important;
      margin-left: 6px !important;
  }
  .bannerpre {
      width: 0 !important;
      left: 65px !important;
  }
  .bannernxt {
      width: 0 !important;
      right: 60px !important;
  }
  
  .home-banner {
      padding: 50px 0 !important;
      border-bottom: none !important;
      margin-bottom: 0px;
  }
  #bannercaros .carousel-indicators .active {
      background-color: #8C8279 !important;
      opacity: 1 !important;
  }
  #bannercaros .carousel-indicators li{
      opacity: 0.5 !important;
  }
  .h1-subheader{
      color: #2D3137;
      font-size: 36px;
  }
  .cardContainer{
      max-width:1200px;
  }
  .ofr-code .card-header{
      font-size:16px;
      font-weight: bold;
      background:#B40000;    
  }
  .ofr-code .card-body{
      border: 1px solid #D8D8D8;
  }
  .ofr-code .card-text{    
      font-size: 18px;
      font-weight: bold;
  }
  .plus-icon {
      border-bottom: 1px solid #D1CCBD;
  }
  .plus-icon span {
      display: inline-block;
      width: 75px;
      height: 40px;
      background-color: #fff;
      padding: 10px;
  }
  .plus-icon span:after {
      display: block;
      width: 50px;
      height: 40px;
      opacity: 1;
      margin: auto;
      position: absolute;
      left: inherit;
      color: #424B5A;
      font-size: 12px;
      text-transform: uppercase;
  }
  .plus-icon.more span{
      width:110px;
  }
  .plus-icon.more span:after{  
      color: #CC0000;   
      width: 90px; 
  }
  .price-title {
      font-size: 28px;
      color: #CB0000;
      text-transform: uppercase;
  }
  .price-text-md{
      font-size:12px;
  }
  #bannercaros{
      margin: 0 auto;
      max-width: 1280px;
  }

  .photosessions{
    background-color: #FFFFFF;
  }

  .offerscarosul .crd-offers.view, .photogalcaro .crd-offers.view, .tips-nideas .crd-offers.view{
    color: #1E5E81;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: underline;
    }

  .crd-offers.view{
      font-size:16px;  
  }
  .glry-crd{
      border: none;
      border-radius: 2px 2px 8px 8px;
      background-color: #FFFFFF;
      box-shadow: 0 0 15px 0 rgba(0,0,0,0.06);
  }
  .glry-crd .card-body{
      padding: 24px 40px 40px 21px;
  }
  .glry-crd .card-text{
      color: #2D3137;
      font-size: 24px;
      font-weight: bold;
  }
  
  .indicators-position{
      position: absolute;
      right: 0;
      top: -40px;
  }
  .indicators-position .bannerpre{
      left: -60px !important;
  }
  .indicators-position .bannernxt{
      right: 15px !important;
  }
  
.new-banner .banner-text-left .banner-img img {
    object-fit: cover !important;
}

.new-banner .banner-text-left .banner-text{
    padding: 20px 50px !important;
}

.new-banner .carousel-indicators{
    margin: 0;
    width: fit-content;
    bottom: 0px !important;
    right: 70px !important;
    left: unset;
}

.new-banner .carousel-indicators li{
    background-color: #d0d0d0 !important;
}

.new-banner .carousel-indicators li.active{
    background-color: #8C8279 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
   
    .bannerpre {
        width: 0 !important;
        left: 19px !important;
    }
    .bannernxt {
        width: 0 !important;
        right: 20px !important;
    }
    .nw-bnr .banner-img {
        margin-left: 2rem !important;
    }


    .nw-bnr .main-title, .nw-bnr .sub-title {
        font-size: 30px;
    }

    .nw-bnr .title-lg {
        font-size: 14px;
    }

    .new-banner .nw-bnr .banner-img {
        width: -webkit-fill-available !important;
        width: -moz-available !important;
    }

    .new-banner .banner-text-left .banner-img img {
        height: 100% !important;
        width: 70% !important;
    }

    .new-banner .nw-bnr .banner-text {
        right: 35px;
    }

    .new-banner .carousel-indicators {
        right: 35px !important;
    }
    .hero-bannr .nw-bnr .sub-title {
        line-height: 36px;
    }
}

@media (width: 768px) {
    .new-banner .banner-text-left .banner-img {
        margin: auto !important;
    } 

    .new-banner .banner-text-left {
        display: flex !important;
    }

    .new-banner .banner-text.desktop {
        display: block !important;
        width: 50% !important;
    }  
}

@media (max-width: 767px) {
    .offerscarosul .text-2D3 {
        line-height: 36px;
    }
    .f-findStudio p.f-title {
        color: #1F2432;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0.15px;
        line-height: 31px;
    }
    .tips-nideas .text-2D3 {
        color: #2D3137;
        font-size: 28px;
        letter-spacing: 0;
        line-height: 36px;
    }
    .photogalcaro .text-2D3 {
        color: #2D3137;
        font-size: 28px;
        letter-spacing: 0;
        line-height: 36px;
    }
    .hero-bannr .nw-bnr .banner-img {
        height: 220px!important;
    }

    .hero-bannr .nw-bnr .main-title, .hero-bannr .nw-bnr .sub-title {
        font-size: 30px;
        line-height: 36px !important;
    }
    .offersslider .slick-slide {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .nw-bnr .title-lg {
        font-size: 14px;
    }
    .home-banner .banner-text-left .banner-img {
        max-width: none !important;
        width: 100% !important;
        margin: 0px !important;
    }

    .home-banner {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .home-banner .banner-text-left {
        display: flex !important;
        flex-direction: column !important;
    }

    .home-banner .banner-text.desktop {
        width: calc(100% - 50px) !important;
        position: inherit !important;
        margin-top: -8% !important;
    }

    .new-banner .carousel-indicators {
        left: 50%;
        transform: translateX(-50%);
        bottom: -25px !important;
    }

    .home-banner .banner-img img {
        height: inherit !important;
    }

    .new-banner .banner-text-left .banner-text {
        padding: 20px 30px !important;
    }
    .new-banner .bannernxt, .new-banner .bannerpre {
        top: 75px !important;
    }
    .home-banner.new-banner .banner-text.desktop{
        display: block;
    }
    .bannerpre {
        left: 16px !important;
    }
    .bannernxt {
        right: 15px !important;
    }
    .jcpevents-gallery.photogalcaro .jcpevents-subheader {
        color: #2D3137;
        font-size: 16px;
        line-height: 1.5em;
    }
    .jcpevents-gallery.photogalcaro .fs-36 {
        padding: 10px 0;
    }
    .slick-current .card .img-box {        
        width: 100%;
        height: 100vh;
        /* background-image: url(path/to/your/image.jpg); */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-height: 351px;
    }

    .photosessions{
        padding-right: 0 !important;
    }

    .rounded-card .img-box{
        border-radius: 50%;
        height: 100px !important;
        width: 100px !important;
        margin: 0 auto;
    }

    .rounded-card .img-box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .rounded-card .card-body .card-title{
        text-align: center;
        font-family: "Open Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 16.8px */
        letter-spacing: 1.25px;
        text-transform: uppercase;
    }

    .photosessions .pss-slider .slick-current .rounded-card .img-box{
        height: 100px;
    }
}


/*
* Offers Block begin
*/


/* body{font-family: 'Open Sans', sans-serif;} */
.offersslider .slick-slide {
    margin-right: 15px;
    margin-left: 15px;
    height: inherit !important;
}
.fs-36{font-size: 36px;} .fs-24{font-size: 24px;} .fs-14{font-size: 14px;}
.text-red{color: #CB0000;}
.bg-primary{background:#CC0000 !important;}
.text-2D3{color: #2D3137;}
.text-2D3{color:#2D3137}
.fw-medium{font-weight: 500 !important;}
.plus-line::before{content:"";background: #D1CCBD;height: 1px;width: 100%;position: absolute;margin-top: 13px;left: 0;}
.plus-line span{color: #424B5A;font-size: 14px;background: #fff;padding: 0 10px;position: relative;}
.book-session-box .price .price-category{color: #2D3137;}
.plus-more span{color: #CB0000;}
.book-session-box .btn{background: #CB0000;font-size: 16.5px;font-weight: 700;color: #fff;text-transform: uppercase;width: 100%;border-radius: 100px;padding: 10px;}
.book-session-box .btn-view{font-size:14px;color: #1E5E81;text-decoration: underline;font-weight: 700;background: #fff;border: none;margin: 10px 0;}
.book-session-box {border-radius: 10px 10px 10px 10px}

 
.slide-arrow{position: absolute;top: 45%;margin-top: -10px}

.next-arrow{right: 0px;background: url(../blocks/offers/images/arrow-icon-right.svg) #fff no-repeat 12px 9px;width: 31.25px;height: 31.25px;border: none;border-radius: 100px;z-index: 1;top: -52px;border: 1px solid #C2D1D9;}
.prev-arrow {left: 100%;margin-left: -70px;background: url(../blocks/offers/images/arrow-icon-left.svg) #fff no-repeat 10px 9px;width: 31.25px;height: 31.25px;border: none;border-radius: 100px;top: -52px;z-index: 1;border: 1px solid #C2D1D9;}
.slick-slider {margin:0 -15px;}

.card .img-box{height: 240px;}
img.wrap-inner {object-fit: cover;object-position: center;}
.slick-slide {margin-right:15px;margin-left:15px;height: inherit !important;}
 
  .slick-track {display: flex !important;}
  .slick-slide {height: auto}
  .card{width: 100%;}
  .card .btn-view {font-size: 14px;color: #1E5E81;text-decoration: underline;font-weight: 700;
background: #fff;border: none;margin: 10px 0}
.tips-nideas .card a{
    color: #1E5E81;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 auto;
}
.tips-nideas .card .card-title, .pss-slider .card .card-title{font-size: 24px;font-weight: 700;line-height: 34px;color: #2D3137;margin-bottom: 0;} 
.fw-bold{font-weight: 700;}
.display-5{font-size:3rem;}  

@media (max-width: 991.98px) { 
  .fs-36{font-size: 28px}
  .fs-24{font-size: 20px}
  .slide-arrow {margin-top: -2px}
 }

 @media (max-width: 575.98px) { 
  .slick-slide {
    margin-right: 0px;
    margin-left: 0px;
  }
  .slick-slider {
    margin: 0 0px;
      margin-top: 0px;height: inherit !important;
  }
  }


.tips-nideas a.btn.btn-view:focus {
    outline: none;
    box-shadow: none;
}
.offerscarosul a.crd-offers.view:hover, .photogalcaro a.crd-offers.view:hover, .tips-nideas a.crd-offers.view:hover {
    text-decoration: underline;
    color: #1E5E81;
} 
a.crd-offers.view:hover {
    text-decoration: none;
    outline: none;
    color: #1E5E81;
}
.viewmorelink::after {
   
	content: url(../blocks/offers/images/viewmore.svg);
    height: 16px;
    width: 16px;
    position: relative;
    top: 3px;
    margin-left: 10px;
}
/*
* Offers Block end
*/


.new-banner .desktop p.main-title {
    line-height: 46px;
}
.hero-bannr .banner-text-left .banner-text {
    width: 45%;
}
.offerscarosul .card .text-red {
    margin-top: 5px!important;
}
.offerscarosul .card .bg-primary {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.11px;
    line-height: 31px;
    text-align: center;
}
.offerscarosul .offersslider, .photogalcaro .pss-slider, .tips-nideas .offersslider {
    margin-top: 15px!important;
}
.offersslider .card .h5.text-2D3 {
    color: #2D3137;
    font-size: 18px;
    font-weight: bold!important;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
}

.hero-bannr .primanry-btn:hover {
    color: #CB0000 !important;
}

.offersslider .book-session-box .btn-view {
    text-transform: capitalize;
}
.offersslider .book-session-box .card {
    background: #ffffff;    
    box-sizing: border-box; 
    border: 2px solid #E0E7EB;
    border-radius: 2px 2px 8px 8px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 6%);
}

body.page-template-page-blockhome .blockhome {
    background-color: #fff;
    padding-bottom: 50px;
}
.page-template-page-blockhome .exclusiveOffer-wrapper {
    margin-top: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-banner .desktop p.main-title {
        line-height: 36px;
    }
    .new-banner .desktop p.sub-title {
        font-weight: 700;
    }
    .hero-bannr #bannercaros .carousel-indicators {
        right: 2rem !important;
        bottom: 0 !important;
    }
    .hero-bannr .banner-text-left .banner-img {
        height: 330px !important;
    }
    .find-a-stdo-sec .f-findStudio .inputField {
        width: auto;
    }
    .find-a-stdo-sec .f-findStudio .f-findStudioInputFields > div {
        width: 60%;
    }
    .prev-arrow {
        margin-left: -95px;
    }
    .next-arrow {
        right: 19px;
    }
}

.hero-bannr  .nw-bnr .title-lg {
    font-weight: 600;
    font-family: "OpenSans-Regular";
}
.cContainer.cardContainer.my-5, .cContainer.cardContainer.mt-5 {
    margin-bottom: 4rem!important;
    margin-top: 4rem!important;
}
.tips-nideas .card .img-box{height: 212px;}
.pss-slider .slick-slide{opacity: 0.4}
.pss-slider .slick-active{opacity: 1}

/* WP-797 */
@media (min-width: 768px) {
    .new-banner .banner-text.desktop {
        width: 40% !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .home-banner .banner-text-left .banner-img {
        max-width: 91.5%;
    }
    .new-banner .banner-text-left .banner-text {
        padding: 20px !important;
    }
    
}

@media (min-width: 820px) and (max-width: 991px) {
    .find-a-stdo-sec .f-findStudio {
        display: flex;
        margin: 0 auto;
    }
    .footer_hidecnt .f-findStudio {
        display: flex;
        margin: 0 auto;
    }
    .hideContentOnPrint.footer_hidecnt {
        margin: 0 25px;
    }
    .footer_hidecnt .f-titleBlock p.f-title {
        font-size: 18px !important;
    }
}

@media (max-width: 767px) {
    .hero-bannr #bannercaros .carousel-indicators {        
        bottom: -15px !important;
    }
}

.home-banner .banner-text p.title-lg.mt-3 {
    margin-top: 5px !important;
}

.blockhome .slide.book-session-box {
    border: none !important;
}
.pss-slider .card.shadow-sm, .offersslider .card.shadow-sm {
    box-sizing: border-box;
    border: 2px solid #E0E7EB;
    border-radius: 2px 2px 8px 8px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 6%) !important;
}
.offersslider .slide.bg-white.shadow-sm {
    background: none !important;
    box-shadow: none !important;
}
.pss-slider .slide.shadow-sm{
    box-shadow: none !important;
}


.photosessions .text-2D3{
    color: var(--text-primary, #000);
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; 
}

.pss-slider .rounded-card {
    border:none;
    border-radius: unset;
}

.rounded-card .img-box{
    border-radius: 50%;
    width:  126px;
    height: 126px;
}

.rounded-card .card-body{
    padding:14px 0 0 0;
}

.rounded-card .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pss-slider .rounded-card .card-title{
    color: #424B5A;
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

.pb-5.tips-nideas .card .img-box {
    height: auto;
}

@media (max-width: 767px) {
    .photosessions{
        padding-right: 0 !important;
    }

    .rounded-card .img-box{
        border-radius: 50%;
        height: 100px !important;
        width: 100px !important;
        margin: 0 auto;
    }

    .rounded-card .img-box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .rounded-card .card-body .card-title{
        text-align: center;
        font-family: "Open Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 16.8px */
        letter-spacing: 1.25px;
        text-transform: uppercase;
    }

    .photosessions .pss-slider .slick-current .rounded-card .img-box{
        height: 100px;
    }

    .photosessions .text-2D3{
        color: #000;
        font-family: "Open Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .photosessions .prev-arrow{
        left: 95%;
    }
    .photosessions .next-arrow{
        right: 18px;
    }
}