@charset "utf-8";
/* CSS Document */
@media all{
  .whats-new-hero-caption *{margin-bottom: 0px;}
  .whats-new-hero-caption *
  .news-letter *,
  .nl-right *{margin-bottom:0px;}

  .resources-hero{padding:150px 0px 150px 0px; background: var(--NavBG); overflow: hidden;}
  .resources-hero-caption{row-gap: 1.4rem;}
  .resources-hero-caption h1{color:var(--HeroHdClr); font-size:var(--HeadingFive); font-weight:400;}
  .resources-hero-caption h2{color:var(--WhiteClr); font-weight:600; font-size: var(--HeadingOne);}
  .resources-hero-caption p{color:var(--WhiteClr); font-weight:400; font-size: var(--Largetxt); max-width: 854px;}

  #animated-heading{background: linear-gradient(90deg, #ff3e00 35%, #f78b70 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
  .typing-cursor {display: inline-block; width: 3px; height: 30px; background-color:var(--WhiteClr); margin-left: 5px; animation: blink 0.5s step-end infinite;}
  
  @keyframes blink {
    50% {
      background-color: transparent;
    }
  }

  .resources-icon1,
  .resources-icon2{animation: float 5s infinite ease-in-out;}
  .resources-icon1{width: 280px;bottom: -41%;left: -5%;animation-delay: 0s;animation-duration: 6s;transform: translateZ(-2px);opacity: 0.5;}
  .resources-icon2{width: 250px;top: -22%;right: -10%;animation-delay: 1s;animation-duration: 5s;transform: translateZ(-1px);opacity: 0.9;}

  @keyframes float {
    0% {
      transform: translateY(0) scale(1);
    }
    50% {
      transform: translateY(-20px) scale(1.1);
    }
    100% {
      transform: translateY(0) scale(1);
    }
  }

  .resources-icon3{bottom: -31%;left: 0;width: 66px;height: 66px;}
  .resources-icon4{top:-35%;left: 30%;width: 66px;height: 66px;}
  .resources-icon5{bottom:-30%;right: -0%;width: 66px;height: 66px;}

  .resources-icon3 img,
  .resources-icon4 img,
  .resources-icon5 img{animation: zoomIn 3s infinite ease-in-out;}

  .resources-icon3:after,
  .resources-icon4:after,
  .resources-icon5:after{content: ''; width: 66px; height: 66px; background:#711F1F; border-radius: 10px; position: absolute; left: 0px; transform: rotate(-16deg); animation: halfRotate 3s infinite ease-in-out;
  }

  @keyframes halfRotate {
    0%, 100% {
      transform: rotate(0deg); /* Start and end at original position */
    }
    50% {
      transform: rotate(10deg); /* Rotate halfway */
    }
  }
  @keyframes zoomIn {
    0%, 100% {
      transform: scale(0.95); /* Normal size */
    }
    50% {
      transform: scale(1); /* Zoomed in */
    }
  }

  .resources-outer{background:#f3f3f3;}

  .search-bar{border:solid 2px var(--PrimaryClr); border-radius:50px; max-width: 500px; column-gap: 15px; padding:6px 25px 5px 25px; background: var(--WhiteClr); margin: -25px auto 0px auto;}
  .search-submit{background: url('../images/search.svg') no-repeat center; background-size: contain; text-indent: -9999px; width: 30px; height: 30px;}
  .search-field{font-size: var(--Largetxt); color:#343434; width:100%;}

  .search-field::-webkit-input-placeholder {color:#343434;}
  .search-field::-moz-placeholder {color: #343434;}
  .search-field:-ms-input-placeholder {color:#343434;}
  .search-field:-moz-placeholder {color:#343434;}

  .resources-page-nav{padding:50px 0px;}
  .resources-page-nav ul{list-style: none; padding: 0px; margin: 0px;}
  .resources-page-nav ul li{padding:0px 1rem;}
  .resources-page-nav ul li a{font-size: 21px; color: #3E3E3E;}
  .resources-page-nav ul li a:hover{color: var(--PrimaryClr);}

  
  .recent-blog{display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--BrdRadius); background: var(--WhiteClr);}
  .rcnt-blog-thumb{padding-top:56%;}

  .rcnt-blog-info{padding:60px;}
  .blog-listing-card .post-meta{margin-bottom: 30px;}
  .blog-listing-card .post-meta a{font-size:var(--Largetxt); line-height: 36px; padding: 0px 1rem; border: solid 1px var(--CatClr); color: var(--CatClr); border-radius: 30px;}
  .blog-listing-card .post-meta a:hover{background: var(--PrimaryClr); color: var(--WhiteClr);}
  .blog-listing-card .post-meta span{color:#3d3d3d; opacity: 0.5;}

  .blog-listing-card h4 a{color:#333333;}
  .blog-listing-card h4 a:hover{color:var(--PrimaryClr);}
  .blog-listing-card p{font-size: 22px; line-height: 33px; color: #333333;}

  .blog-text-link{color: #999999; font-size: 22px;}
  .blog-text-link:hover .link-arrow{width: 25px;}
  .blog-text-link:hover{color: var(--PrimaryClr);}

  .post-author-meta{margin-top: 35px;}
  .post-author-meta figure{width: 90px; height: 90px; border: solid 3px #EEEEEE; margin-right: 25px;}
  .post-author-meta p a{font-size: 24px; color: var(--BlackClr); font-weight: 600;}
  .post-author-meta p a:hover{color: var(--PrimaryClr);}
  .post-author-meta p{color: #7F7F7F80; font-size:18px;}

  /* small card start */
  .resources-listing{margin-top: 90px; display: grid; grid-template-columns:30% 1fr; column-gap:5rem;}
  .resources-list-outer{display: grid; grid-template-columns: 1fr 1fr; row-gap: 30px; column-gap: 30px;}
  .blog-card{border-radius: 15px; background: var(--WhiteClr); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

  .blog-card .blog-listing-card{padding:30px;}
  .blog-card .resources-listing-th figure{transform-style: preserve-3d;max-height: 230px; height: 230px;}
  .blog-card .resources-listing-th figure img{transition: all 0.4s ease-in-out; object-fit: cover; height:100%; width: 100%;}
  .blog-card .resources-listing-th figure:hover img{transform: scale(1.2) rotate(-5deg);}

  .blog-card .blog-listing-card .post-meta a{font-size:var(--FontCat);}
  .blog-card .blog-listing-card h4{font-size:var(--Font26);}
  .blog-card .blog-listing-card p{font-size: var(--Bodytext);}
  .blog-card .blog-listing-card .blog-text-link{font-size: 18px;}
  .blog-card .blog-listing-card .blog-text-link .link-arrow{margin-top: 1px;}
  .blog-card .blog-listing-card .post-author-meta figure{width: 78px; height: 78px; margin-right: 15px;}
  .blog-card .blog-listing-card .post-author-meta p a{font-size:18px;}
  .blog-card .blog-listing-card .post-author-meta p{font-size:var(--Captiontxt); line-height:26px;}
  .blog-card .blog-listing-card .post-author-meta {margin-top: 20px;}

  .post-image-icon{background:#FF3E00; width:54px; height: 54px;}
  .post-image-icon img{max-height:70%;}

  .blog-more-link {color:var(--PrimaryClr); font-size:var(--Bodytext);}
  .blog-more-link:hover{color: var(--SecondryClr);}

  .resources-newsletter *{margin:0px;}
  .resources-newsletter{row-gap:15px; margin-bottom:50px;}
  .resources-newsletter h4{font-size: 26px; columns: var(--BlackClr); font-weight:700;}
  .resources-newsletter p{font-size: 16px; color: #262626;}
  .resources-newsletter label{font-size: 14px; color: #727272; font-weight: 400;}
  .resources-newsletter span{font-size: 11px; color: #999999;}

  .rn-group{column-gap: 15px;}
  .rn-group .form-control{font-size: 15px; color: #1E1E1E; padding-left:20px; padding-right:20px;}
  .rn-group .btn-primary{font-size: 17px; font-weight: 600;}  

  .customer-stories h2{margin-bottom:3rem;}

  .stories-card{background: #F4F4F4; border-radius: 20px;}
  .stories-card figure{transform-style: preserve-3d;}
  .stories-card figure img{transition: all 0.4s ease-in-out;}
  .stories-card figure:hover img{transform: scale(1.2) rotate(-5deg);}
  .sc-body{padding: 15px;}
  .sc-body *{margin-bottom: 0px;}
  .sc-body{row-gap: 1rem;}
  .sc-meta a{color: var(--PrimaryClr);}
  .sc-meta span{color: #7F7F7F80;}

  .sc-body h4{font-size: 23px; color: #333333; font-weight: 600;}
  .sc-body h4 a{color: currentColor;}
  .sc-body h4 a:hover{color: var(--PrimaryClr);}

  .cs-author-meta figure{width: 78px; height: 78px; margin-right: 15px;}
  .cs-author-meta p a{font-size: 19px; font-weight: 600; color: var(--BlackClr);}
  .cs-author-meta p{font-size:var(--Captiontxt); line-height:26px; color: #7F7F7F80;}

  .customer-stories-slider{padding-left:5%; overflow: hidden; padding-bottom:50px; position: relative;}
  .customer-stories-slider .slick-list {margin: 0 -10px; padding:0 10% 0 0 !important;}
  .customer-stories-slider .slick-slide {padding: 0 10px;}

  .customer-stories-slider{padding-bottom: 40px;}
  .customer-stories-slider .slick-prev:before,
  .customer-stories-slider .slick-next:before{display: none;}

  .customer-stories-slider .slick-prev,
  .customer-stories-slider .slick-next{z-index: 9;  bottom:-12px; top: unset;}
  
  .customer-stories-slider .slick-prev {
    left: 45.5%;
    background: url(../images/swipper-prev-arrow.svg) no-repeat center;
  }
  .customer-stories-slider .slick-next {
    right: 45.5%;
    background: url(../images/swipper-next-arrow.svg) no-repeat center;
  }



  

  /* sidebar */
  .product-search{border:solid 2px #B1B1B1; border-radius:6px; column-gap: 15px; padding:6px 15px 5px 15px; }
  .ps-btn{background: url('../images/search.svg') no-repeat center; background-size: contain; text-indent: -9999px; width:26px; height:26px; opacity: 0.4;}
  .ps-field{font-size: 20px; font-weight:400; color:#343434; width:100%;}

  .ps-field::-webkit-input-placeholder {color:#141218; opacity: 0.3;}
  .ps-field::-moz-placeholder {color:#141218; opacity: 0.3;}
  .ps-field:-ms-input-placeholder {color:#141218; opacity: 0.3;}
  .ps-field:-moz-placeholder {color:#141218; opacity: 0.3;}

  .pl-filter-accordian{margin-top:24px;}
  .pl-filter-accordian .accordion-button:focus{box-shadow: none;}
  .pl-filter-accordian .accordion-item{background: transparent; border-color:#E0E0E0;}
  .pl-filter-accordian .accordion-button{background: transparent;color:#242424;font-size:var(--HeadingFive);font-weight: 700;padding: 1.4rem 0px;}
  .pl-filter-accordian .accordion-button:hover{color:#242424;}
  .pl-filter-accordian .accordion-button:not(.collapsed) {color:#242424; background-color: transparent; box-shadow: 0;}
  .pl-filter-accordian .accordion-body, .pl-filter-accordian .accordion-body p{color: var(--BlackClr);}
  .pl-filter-accordian .accordion-button::after{background: url(../images/filter-down-arrow.svg) no-repeat center; background-size: cover; width:18px; height:10px;}
  .pl-filter-accordian .accordion-button:not(.collapsed)::after{background: url(../images/filter-down-arrow.svg) no-repeat center;}
  .pl-filter-accordian .accordion-button:not(.collapsed){box-shadow: none;}

  .pl-filter-accordian ul{list-style: none; padding: 0px; margin: 0px;}
  .pl-filter-accordian ul li{padding:0.48rem 0px; font-size: var(--Largetxt); color:#4b4b4b; cursor: pointer;}
  .pl-filter-accordian ul li a{font-size: var(--Largetxt); color:#4b4b4b; transition:all 0.5s ease;}
  .pl-filter-accordian ul li a:hover{color:#6f6f6f; padding-left: 5px;}

  /* side bar end */

  .resources-expand-outer{padding: 60px 0px;}
  .resources-expand-grid{grid-template-columns: 1fr 30%; column-gap:50px;}

  .resources-expand-top{row-gap:20px; margin-bottom:50px;}
  .resources-expand-top .re-cat a{font-size: 24px; line-height: 36px; padding:4px 1.2rem; border: solid 1px var(--CatClr); color: var(--CatClr); border-radius: 30px;}
  .resources-expand-top .re-cat a:hover{background: var(--PrimaryClr); color: var(--WhiteClr);}
  .resources-expand-top h1{font-size:var(--HeadingTwo);font-weight:700;}

  .expand-author-meta figure{width:56px; height:56px; margin-right: 15px; overflow: hidden; border-radius: 50px;}
  .expand-author-meta p{font-size: 19px; font-weight: 600;}
  .expand-author-meta span{font-size:var(--Captiontxt); line-height:26px;}

  .expand-tags{row-gap:15px; column-gap: 15px; height: 100%; margin-top:12px;}
  .expand-tags a{border: solid 1px #FFDCDC;border-radius:10px;font-size: 13px;color: #2B2B2B;background: #FFF3F3;padding: 0.3rem 0.5rem;}
  .expand-tags a:hover{background:#FFDCDC;}

  .resources-expand-body{margin-bottom: 60px;}

  .re-info a{color: var(--PrimaryClr);}
  .re-info p{font-size: 21px; line-height: 40px; margin-bottom: 1.4rem;}
  .re-info h2{font-size: 30px;}
  .re-info h3{font-size: var(--Largetxt);}
  .re-info h4{font-size: 22px;}
  .re-info h5{font-size:20px;}
  .re-info ul{list-style: none; padding: 0px; margin: 0px;margin-bottom: 1.4rem;}
  .re-info ul li{position: relative;padding-left:20px;font-size: 21px;line-height: 40px;padding-bottom: 10px;}
  .re-info ul li::before{content:'';width: 4px;height: 4px;background: #1E1E1E;border-radius: 100%;position: absolute;left: 0px;top:1.2rem;}

  .resources-nav-prev,
  .resources-nav-next{font-size:var(--Captiontxt); color: #999999; line-height: normal;}
  .resources-expand-footer a:hover{color: var(--PrimaryClr);}

  .resources-nav-prev .link-arrow{margin-right: 8px;}
  .resources-nav-prev .link-arrow::before,
  .resources-nav-prev .link-arrow::after {left: 0; right:unset}
  .resources-nav-prev .link-arrow::before{transform: rotate(136deg);} 
  .resources-nav-prev .link-arrow::after {transform: rotate(225deg);}

  .blog-share h6{font-size: 25px;}
  .social-media-resources{column-gap:30px;}
  .social-media-resources a{width: 30px; height: 30px;background: var(--PrimaryClr);}
  .social-media-resources a:hover{background:var(--NavBG);}
}



@media (min-width: 1600px) {
  .customer-stories-slider{padding-left:10%;}
}

@media (min-width: 1900px) {
  .customer-stories-slider{padding-left:17%;}
}

@media (max-width: 1680px) {  
  .resources-hero-caption{padding: 0px 10rem;}
  .blog-listing-card .post-meta {margin-bottom: 20px;}
  .sc-meta{font-size: 16px;}
  .sc-body h4{font-size: 100%}
  .re-info p, .re-info ul li{font-size:18px; line-height:30px;}
  .re-info ul li::before{top:1rem;}
}

@media (max-width: 1280px) {
  .resources-listing{column-gap:2rem;}
  .blog-card .blog-listing-card {padding: 20px;}
  .blog-card .blog-listing-card .post-meta a {font-size: 16px; line-height: 24px;}
  .blog-card .blog-listing-card h4 {font-size: var(--HeadingFive);}
  .blog-card .blog-listing-card p{line-height: 24px;}
}

@media (min-width: 961px) {
  .offcanvas.offcanvas-start{width: auto; border: 0px;}
  .offcanvas {transform: none !important; visibility: visible !important; position: unset; background: transparent; border: 0;}
}

@media all and (max-width:960px){
  .offcanvas{padding: 1rem;}
  .resources-listing{grid-template-columns: 1fr; margin-top: 30px;}
  .resources-newsletter {max-width: 500px; margin: 0 auto; margin-bottom:30px; background: #ffffff; padding: 2rem; border-radius: 15px;}
  .blog-listing-card .post-meta a {font-size: 16px;  line-height: 26px;}
  .resources-expand-grid{grid-template-columns: 1fr;}
  .resources-hero-caption {padding: 0;}

  .customer-stories-slider .slick-prev {left: 35.5%;}
  .customer-stories-slider .slick-next {right: 35.5%;}

}

@media all and (max-width:767px){
  .resources-hero-caption h1{font-size: var(--HeadingTwoSml);}

  .resources-hero-caption h2 {font-size: var(--HeadingTwo);}
  .resources-hero {padding: 80px 0px 100px 0px;}
  .resources-icon1{width: 100px;bottom: 0;left: 0;}
  .resources-icon2{right: 0;width: 30%;top: -10%;}
  .resources-icon3:after, .resources-icon4:after, .resources-icon5:after {width: 40px; height: 40px;}
  .resources-icon3{bottom: 30%;left: 7%;width:40px;height:40px;}
  .resources-icon4{top: -10%;left: 10%;width:40px;height:40px;}
  .resources-icon5{bottom:-10%; right:15%; width:40px; height:40px;}
  .resources-icon3 img,
  .resources-icon4 img,
  .resources-icon5 img{max-height:30px;}

  .search-submit{width: 20px; height: 20px;}


  .recent-blog{grid-template-columns: 1fr;}
  .rcnt-blog-info{padding: 15px;}
  .resources-list-outer{grid-template-columns: 1fr;}
  .blog-listing-card p{line-height: 24px; font-size: var(--Bodytext);}
  .blog-text-link{font-size: 18px;}
  .post-author-meta p a{font-size: 19px; line-height:var(--Captiontxt);}
  .post-author-meta figure{width: 78px; height: 78px; margin-right: 15px;}
  .post-author-meta{margin-top: 20px;}

  .customer-stories-slider{padding-left:10%;}
  .sc-body h4{font-size: 20px;}

  .resources-expand-top .re-cat a {font-size: 18px;  line-height: 30px;}
  .resources-expand-top h1{font-size: var(--HeadingTwoSml);}
  .re-info h2{font-size: var(--HeadingFour);}
  .re-info p, .re-info ul li {font-size: 16px; line-height: 26px;}
  
  .resources-nav-prev, 
  .resources-nav-next{font-size: 18px;}

  .resources-nav-prev .link-arrow, 
  .resources-nav-next .link-arrow{margin-top: 2px;}

  .blog-card .blog-listing-card h4{font-size:22px;}
  .blog-card .blog-listing-card p {line-height: inherit;}
  
  .re-info ul li::before{top: 12px;}
  .resources-expand-top{margin-bottom:30px;}
}