.dairy-card-slidersec { padding: 109px 0 127px; }
.dairy-card-row { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items: center; }
.dairy-card-content { position: relative; z-index: 55; width: 28%; padding-right: 90px; }
.dairy-card-title h2 { margin-bottom: 22px; }
.dairy-card-title p:last-child { margin-bottom: 0; }
.dairy-card-innerslider { width: 33.33%; display: flex !important; flex-wrap: wrap; border-radius: 10px; min-height: 428px; max-height: 428px; position: relative; {# perspective: 1000px; overflow: hidden; padding-top: 15px; #} }
.dairy-card-fliphover { position: relative;  width: 100%; height: inherit; transition: transform 1s; transform-style: preserve-3d; {# display: flex; #} } 
.dairy-card-fliphover:hover .dairy-card-Back { opacity: 1; }
.dairy-card-Front { border-radius: 10px; position: absolute; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
.dairy-card-Back { overflow: hidden; transition:opacity .4s; opacity:0; border-radius: 10px; position: absolute; background-color:rgb(0 0 0 / 60%); height: 100%; width: 100%; }
/* .dairy-card-Back:before { position: absolute; z-index: -1; width: 100%; height: 100%; content: ''; background-color: rgba(0 ,0, 0, 60%); } */
.dairy-card-bgoverly { width: 100%; height: inherit; overflow: auto; }
.dairy-card-boxtext p:last-child { margin-bottom: 0; }
.dairy-card-boxtitle h3 { margin-bottom: 6px; }
.dairy-card-slider { position: relative; width: 100%; }
.dairy-card-slider .slick-list { overflow: visible; }
.dairy-card-slider .slick-slide { margin: 0 12px; }
.dairy-card-slidersec { overflow: hidden; width: 100%; }
.dairy-card-slider:before { position: absolute; z-index: 2; top: 0; right: 100%; width: 3550px; height: 100%; content: ''; }
/* .slider-btn { background-image: url(https://2043508.fs1.hubspotusercontent-na1.net/hubfs/2043508/Gro_Images_July_2023/White_Arrow.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: center center; background-color: #361677; padding: 0; border: 0; font-size: 0; outline: 0; width: 46px; height: 46px; border-radius: 50%; } */
/* .slider-btn:hover , .slider-btn:focus { background-color: #313349; border: 0; } */

.prev-btn.slider-btn { transform: rotate(180deg); }
.next-btn.slider-btn { margin-left: 10px; }
.btn-wrap { line-height: 0; margin-top: 24px; }
.dairy-card-slider .slick-arrow { opacity: 0; }
.dairy-card-slider .slick-prev { left: 0; }
.dairy-card-slider .slick-next { right: 0; }
.dairy-card-boxcontent { display: flex; flex-wrap: wrap; align-content: space-between; width: 100%; height: inherit; padding: 35px 16px 35px 34px; color: #fff; }
.dairy-card-beforeimg { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 145px; height: 145px; border: 5px solid #fff; border-radius: 10px; }
.dairy-card-right { width: 77%; margin-right: -5%; }
.dairy-card-bottom { margin-top: 15px; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; position:relative; }
.dairy-card-boxbefore { width: calc(100% - 145px); display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; }
.dairy-card-boxbefore:before { background-image: url(https://2043508.fs1.hubspotusercontent-na1.net/hubfs/2043508/Gro_Images_July_2023/White_Curve_Arrow.svg); content: ""; background-size: contain; background-repeat: no-repeat; display: inline-block; background-position: top left; width: 50px; height: 50px; position: absolute; left: 0; bottom: -12px; }
.dairy-card-slider .slick-dots li { flex: 1; display: initial; position: static; margin: 0; width: ; height: 100%; }
.dairy-card-slider .slick-dots li button { border-radius: 3px; display: block; width: 100%; padding: 0; height: inherit; }
.dairy-card-slider .slick-dots li button:before { display: none; }
.dairy-card-slider .slick-dots { border-radius: 3px; bottom: 0; display: flex !important; width: calc(80% - 25px); left: 12.5px; background-color: #D9D9D9; height: 5px; }
.dairy-card-slider .slick-dots li.slick-active button { background-color: #361677; }
.dairy-card-slider.slick-dotted.slick-slider { margin-bottom: 0; padding-bottom: 45px; }
.dairy-card-mobile-title { display: none; }
.dairy-card-mobile-title h4 { margin: 0; }
.dairy-card-bgoverly::-webkit-scrollbar-track { background-color: #F5F5F5; }
.dairy-card-bgoverly::-webkit-scrollbar{ width: 6px; background-color: #F5F5F5; }
.dairy-card-bgoverly::-webkit-scrollbar-thumb { background-color: #361677; }
.dairy-card-link { position: absolute; right: 25px; bottom: 0; line-height: 0; }
.h2, h2 {font-size: 55px; line-height: 55px;}

/* @media(max-width: 1320px){
.dairy-card-right { width: 70%; margin-right: 0; }
} */

@media(max-width: 1270px){
  .dairy-card-right { width: 72%; margin-right: 0; }
  .dairy-card-content { padding-right: 60px; }
  .dairy-card-slider.slick-dotted.slick-slider { padding-right: 40px; }
}

@media(max-width: 991px){
  .dairy-card-slidersec { padding: 80px 0 100px; }
  .dairy-card-slider.slick-dotted.slick-slider { padding-right: 0px; }
  .dairy-card-content { padding-right: 30px; }
  .dairy-card-beforeimg { width: 100px; height: 100px; }
  .dairy-card-boxbefore { width: calc(100% - 100px); }
  .dairy-card-boxcontent { padding: 35px 15px 35px 15px; } 
}

@media(max-width: 767px){
  .dairy-card-slidersec { padding: 51px 0 76px; }
  .dairy-card-content { padding-right: 0; width: 100%; text-align: center; margin-bottom: 40px; }
  .btn-wrap { display: none; }
  .dairy-card-Back { display: none; }
  .dairy-card-innerslider:hover .dairy-card-fliphover { transform: none; } 
  .dairy-card-innerslider { min-height: auto; max-height: 100%; } 
  .dairy-card-Front { position: static; height: 420px; background-position: center top; }
  .dairy-card-slider .slick-arrow { opacity: 1; background-image: url(https://2043508.fs1.hubspotusercontent-na1.net/hubfs/2043508/Gro_Images_July_2023/White_Arrow.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: center center; z-index: 1; width: 46px; height: 46px; border-radius: 50%; background-color: #361677; display: inline-block!important; }
  .dairy-card-slider .slick-arrow:before { display: none; }
  .dairy-card-slider .slick-arrow.slick-prev { transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); left: 25px; } 
  .dairy-card-slider .slick-arrow.slick-next { right: 25px; }  
  .dairy-card-slider .slick-list { overflow: hidden; }
  .dairy-card-right { width: 100%; }
  .dairy-card-fliphover { display: block;  }
  .dairy-card-mobile-title { margin-top: 20px; display: block; text-align: center; width: 100%; }
  .dairy-card-slider .slick-dots { left: 0; bottom: 0x; display: block !important; border-radius: 0; width: 100%; background-color: transparent; height: auto; } 
  .dairy-card-slider .slick-dots li { display: inline-block; flex: initial; width: 40px; margin: 0 3px; height: 6px; }
  .dairy-card-slider .slick-dots li button { border-radius: 0; background-color: #000; opacity: 20%; }
  .dairy-card-slider .slick-dots li.slick-active button { opacity: 1; }
  /*  .dairy-card-slider.slick-dotted.slick-slider { padding-bottom: 30px; } */
  .dairy-card-slider , .dairy-card-slider.slick-dotted.slick-slider { padding: 0 28px 50px; }
  .dairy-card-slider .slick-slide { margin: 0 10px; } 
  .CustomDairyClass .dairy-card-mobile-title { display: flex !important; justify-content: space-between; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.70); backdrop-filter: blur(2px); border-radius: 0 0 10px 10px;  padding: 12px 22px 15px;  text-align: left;}
  .CustomDairyClass .dairy-card-mobile-title h4 { color: #fff; }
 .dairy-card-link { position: static; }
   .dairy-card-slider .slick-prev, .dairy-card-slider .slick-next { top: calc(50% - 25px); }
  .dairy-card-title.sampleheader-title { width: 80%; margin: auto;}
  .h4, h4 {font-size: 30px; line-height: 40px; padding-top: 3px;}
}

@media(max-width: 400px){
  .dairy-card-slider .slick-arrow { opacity: 0; left: 0; }
  .dairy-card-slider, .dairy-card-slider.slick-dotted.slick-slider { padding: 0 0 30px; }
  .dairy-card-slider .slick-dots li { width: 30px; }
}