body{
    overflow-x: hidden;
    scroll-behavior: smooth;
}
html {
    /* scrollbar-color: #000 #000;
    scrollbar-width: thin; */
    scroll-behavior: smooth;
    overflow-x: hidden;
}
html.lenis,
html.lenis body {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
::-webkit-scrollbar {
    width: 0px;
}
::-webkit-scrollbar-thumb {
    background: #ca252b; 
}
::-webkit-scrollbar-thumb:hover {
    background: #ca252b; 
}
.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {
    transform: translate3d(-493px, 0, 0);
}
a {text-decoration: none;}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype'),
        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.main-container {
  padding: 0 110px;
}


/* our team */
.ourleft h4 {
  margin-bottom: 20px;
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 21px;color: #2ecc71;
  padding: 0;
}
.ourwrapper {padding: 60px 0;padding-top: 13%;}


.ourleft p {
  color: #000;
  max-width: 100%;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 14px;
}
.ourteamleft h2 {color: #FF4880; margin-bottom: 20px;font-size: 25px;
  font-weight: 500;
  font-family: 'Poppins'; }

.oursliders h4 {
  font-size: 20px;
  color: #000;
  margin-bottom: 10px;
  font-family: 'Roboto';
  font-weight: 600;padding-top: 15px;
}

.oursliders p {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-family: 'Roboto';
  font-weight: 500;
}
.oursliders h6 {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-family: 'Roboto';
  font-weight: 500;
  padding-bottom: 20px
}

.lkgwrapperbg {background: #F9F9F9;}

.lkgwrapper{padding: 60px 0;}


/* welcome */
.welcome-container {padding: 0 0 0 100px;}

.welcomewrapper {margin-top: 13%; }

.welcomeleft h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';
}
.welcomeright {padding-left: 80px;}
.welcomeflex{display: flex;align-items: center;}
.atwrapper {padding: 60px 0;}
.atleft p {
color: #000;
  font-size: 14px;
  margin-bottom: 30px;
  max-width: 100%;
  position: relative;
  padding-right: 9%;
  font-family: 'Roboto';
  font-weight: 500;
  padding-left: 0;
}

.bloswrapper {background-image: url(../images/curriculum-blossom-begin.webp); background-size: cover;background-repeat: no-repeat;padding: 100px 0;position: relative;}

.bloswrapper::before{background-image: url(../images/blos-shadow.png);position: absolute;left: 0;width: 100%; height: 100%;top: 0;content: '';background-size: cover;}
 .bloswrapper h2{
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 29px;
  margin-bottom: 0;
  color: #fff;position: relative;z-index: 9;
}


 .currimargin h2{
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 30px;
  margin-bottom: 40px;
  color: #fff;
  text-align: center;
}
 .curriwrapper{
  background: #1E1F45 0% 0% no-repeat padding-box;
  box-shadow: 3px 6px 15px #0000004D;
  padding: 60px 0;
 }
.curriright{
  background: #E4E4E4 0% 0% no-repeat padding-box;
  border-radius: 36px;
  padding: 40px 50px;
  height:100%;
}
.curriwrap{margin-bottom: 50px;}

.greencolor {
  color: #23B581;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 5px;
  font-family: 'Poppins';
}
.orangecolor {
 color: #F65A39;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 5px;
  font-family: 'Poppins';
}

.curriright h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';padding-bottom: 20px;margin: 0;
}

.curriright p {
  color: #000;
  font-size: 14px;
  margin-bottom: 15px;
  font-family: 'Roboto';
  font-weight: 500;
}


.curriright h6 {
  color: #000;
  font-size: 15px;
  margin-bottom: 0px;
  font-family: 'Roboto';
  font-weight: 500;
}
.currileft {padding-right: 4%;}

/* fac */
.facpagewrapper {padding: 60px 0;margin-top: 13%;}


.facpageleft h2 {font-size: 30px;
  font-weight: 500;padding-bottom: 30px;
  font-family: 'Poppins';}

.facpageleft  h4 {
color: #23B581;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px; font-family: 'Poppins';
}
.facpageleft p{
 color: #000;
  font-size: 14px;
  margin-bottom: 30px;
  font-family: 'Roboto';
  font-weight: 500;
  padding-left: 0;
}

.facpageimgs {position: relative;}
.facpageteddy {
  position: absolute;
  top: 28%;
  left: 70px;
}
.graycolor { background: #F5F5F5 ;}
.libright h4 {
  color: #ff5b3d;
  font-weight: 500;
  font-size: 21px;
  margin-bottom: 15px;
  font-family: 'Poppins';
}
.libright p{
 color: #000;
  font-size: 14px;
  margin-bottom: 0px;
  font-family: 'Roboto';
  font-weight: 500;
  padding-bottom: 5px;padding-right: 65px;
}
.libflex {display: flex;align-items: center;}
.libwrapper{padding: 60px 0;}
.libleft {padding-right: 10%;}
.libwrap{position: relative;}
.libshap {
  position: absolute;
  bottom: -10px;
  width: 180px;
  left: -10px;
}
/* about */
.bbmmargin {background: #1E1F45 0% 0% no-repeat padding-box;
box-shadow: 3px 6px 15px #0000004D;
border-radius: 34px;padding: 40px 80px;}

.bbmwrapper  {
  margin-top: 8%;padding: 60px 0;
}

.bbm-container {
  padding: 0 80px;
}
.bbmleft h2 {
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 29px;
  margin-bottom: 0;
  color: #fff;
  position: relative;
  padding-right: 15%;
}
.bbmleft p  {
  font-size: 21px;
  color: #FFF;
  font-weight: 500;
  font-family: 'Poppins';
  padding-right: 18%;
}
.bbmright {
  text-align: right;
}
.bbmright img  {
  height: 450px; position: relative;z-index: 9;
}
.bbmflex {display: flex;align-items: center;}

 .bbmtowrap img{
 margin-left: -10px;
  height: 50px;
  margin-right: -10px;
}

 .bbmtowrap {
  display: flex;
  gap: 0;justify-content: center;
}
 .bbmto{
  background: #1C1D33 0% 0% no-repeat padding-box;
  border-radius: 24px;
 width: 200px;
  text-align: center;
  padding: 20px 20px;position: absolute;
  bottom: 0;z-index: 1;
}
.bbmtext{ position: relative;}
 .bbmto h6 {
  font-weight: 500;
  font-size: 17px;
  font-family: 'Poppins';
  padding-bottom: 10px;color: #fff;text-align: center;
}
.itsright p {padding-bottom: 10px;font-size: 14px;padding-right: 0;}

.itsleft {position: relative;padding-right: 10%;}

 .itsabc img{
  position: absolute;
  bottom: -20px;
  right: 0;
}
.itsflex{display: flex;align-items: end;}

 .itskite img{
 position: absolute;
  top: -60px;
  right: 70px;
  height: 120px;
}
/* vm */
.vmwrapper{padding: 60px 0;}

.visiontext  {
  background: #F7F7F7 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 34px;
  padding: 30px 40px;
margin-bottom: 20px;}
.visiontext h5 {
  color: #23B581;
  font-weight: 500;
font-size: 20px;
  margin-bottom: 15px;
  font-family: 'Poppins';
}
.visiontext li {
  font-size: 15px;
  color: #000;
  font-family: 'Roboto';
  font-weight: 500;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.visiontext li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  font-weight: 400;
  background-image: url(../images/tick-circle-svgrepo-com.png);
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  background-repeat: repeat;
  background-size: cover;
}
.visiontext ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}
.vmright img {height: 100%;}

.visiontext:last-child {margin-bottom: 0;}
.vmright{height: 100%;position: relative;}


 .itsbus img{
 position: absolute;
  top: -50px;
  right: 50px;
  height: 50px;
}
/* c detail */
.curridewrapper { margin-top: 10%;padding-top: 60px;}
 .currideleft h4 {
  color: #23B581;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 15px;
  font-family: 'Poppins';
}
.currideleft h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';padding-bottom: 40px;margin: 0;}
.currideleft h3 span {color: #ff5b3d;font-weight: 600;}

.currideleft h3 {
  font-size: 25px;
  font-weight: 500;
  font-family: 'Poppins';}

.currideleft p {
  color: #000;
  font-size: 14px;
  margin-bottom: 30px;
  padding-right: 8%;
  font-family: 'Roboto';
  font-weight: 500;
}


.currideright p {
  color: #000;
  font-size: 14px;
  margin-bottom: 30px;
  padding-right: 5%;
  font-family: 'Roboto';
  font-weight: 500;margin-top: 30px;
}
 .currideleft h6 {
  background: #898AB529 0% 0% no-repeat padding-box;
  color: #000;
  padding: 15px 20px;
   font-family: 'Roboto';
  font-weight: 500;}

.whybhavansmargin {padding: 30px 30px;}

.whybhavanswrapper{background: #F2F0F0 ; padding: 60px 0;}

.whybhavansleft{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 6px 15px #0000004D; padding: 60px 60px;
border-radius: 34px;}

.whybhavansleft h2 {font-size: 30px;
  font-weight: 500;padding-bottom: 30px;font-family: 'Poppins';text-align: center;}
.whybhavansleft h2 span {
  color: #ff5b3d;
}


.whybhavansleft li {
  font-size: 17px;
  color: #000;
  font-family: 'Roboto';
  font-weight: 500;
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}
.whybhavansleft li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  font-weight: 400;
  background-image: url(../images/green-tick.png);
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-repeat: repeat;
  background-size: cover;
}
.whybhavansleft ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}




.ctechhead h4 {
  font-size: 27px;
  font-weight: 500;
  font-family: 'Poppins';
 color: #F65A39;
}



.ctechhead h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';
 padding-right: 60%;padding-bottom: 30px;
}
.ctechright p {
color: #777777;
  font-size: 15px;
  margin-bottom: 30px;
  padding-right: 13%;
  font-family: 'Roboto';
  font-weight: 500;
}


.ctechleft p {
  color: #777777;
  font-size: 15px;
  margin-bottom: 30px;
  padding-right: 13%;
  font-family: 'Roboto';
  font-weight: 500;
}
.ctechleft img {padding-bottom: 20px;}

.ctechleft h5 {
  font-size: 25px;
  font-weight: 500;
  padding: 5px 0;
    padding-right: 0px;
  font-family: 'Poppins';
  padding-right: 18%;
}

.ctechright h6 {
  font-size: 18px;
  font-weight: 500;
  padding: 5px 0;
    padding-right: 0px;
  font-family: 'Poppins';
  padding-right: 22%;padding-top: 20px;
}

.ctechleft {padding-right: 10%;position: relative;}
.ctechsilder {position: relative;}
.ctechsilder::before {position: absolute;
  background-image: url(../images/line-01.png);
  background-repeat: no-repeat;
left: -40px;
  top: 0;
  width: 5px;
  height: 100%;
  content: '';}


.ctechwrapper {padding: 60px 0;}
/* safe */
.safewrapper {background: #303150;position: relative;}

.safewrapper::before{position: absolute;width: 50%;height: 100%;right: 0;
background-color: #fff;content: '';}
.safeleft h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';
  padding-right: 10%;  color: #fff;padding-top: 20px;
}


.safeleft  p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 30px;
  padding-right: 13%;
  font-family: 'Roboto';
  font-weight: 500;
}
.safeleft , .saferight {padding: 30px 0;}

.safeleft {padding-right: 20px;}

.saferight {position: relative;z-index: 9;}



.safebox {background: #F7F7F7 0% 0% no-repeat padding-box;
border: 0.5px solid #707070;
border-radius: 34px; padding: 20px 20px;}

.saferight li {
  font-size: 17px;
  color: #000;
  font-family: 'Roboto';
  font-weight: 500;
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}
.saferight li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  font-weight: 400;
  background-image: url(../images/green-tick.png);
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-repeat: repeat;
  background-size: cover;
}
.saferight ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}
.safeimg img {
  max-width: 310px;
}
.saferight {padding-left: 30px;}

.saferight p {
  color: #777777;
  font-size: 14px;
  font-family: 'Roboto';
  font-weight: 500;padding-top: 20px;
}
.saferight h6 {
  font-size: 18px;
  font-weight: 500;
  font-family: 'Poppins';padding: 20px 0;
}

/* contact */
.contactleft {background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 6px 15px #0000004D;
border-radius: 34px;padding: 50px 50px;height: 100%;}
.contactwrapper {margin-top: 8%;padding: 60px 0;background: #F9F9F9}



.contactleft .form-control {
  box-shadow: 0px 3px 6px #00000029;
  background: #F5F5F5 0% 0% no-repeat padding-box;
 border-radius: 10px;border: none;
margin-bottom: 25px;
  padding: 12px 25px;  font-weight: 500;
  font-family: 'Poppins';
}

.contactleft .form-control::placeholder {color: #000;font-size: 13px;  font-weight: 500;
  font-family: 'Poppins';}



.formbtn {margin-top: 20px;text-align: center;}

.formbtn a {
 background: #303150 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 20px;
  color: #fff;
padding: 7px 35px;
  text-align: center;font-weight: 600;}


.formbtn a:hover {background: #000;color: #fff;transition: 0.5s;}

.contactleft h5 {
  font-size: 22px;
  font-weight: 500;
  font-family: 'Poppins';
  color: #F65A39;
}
.contactleft h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';
padding-bottom: 30px;;margin: 0;
}

.contactleft p {
  color: #000;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: 'Roboto';
  font-weight: 500; border-bottom: 1px solid #000;margin-bottom: 40px;
padding-bottom: 35px;
}
.conbox  {
  background: #FFF 0% 0% no-repeat padding-box;
  box-shadow: 3px 6px 15px #0000004D;
  border-radius: 15px;
  padding: 20px 30px;margin-top: 20px;
}
.emailbox  {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 15px;
  padding: 20px 20px;display: flex;
  gap: 20px;margin-bottom: 15px;
}
.emailicon{background: #E3EEF6;
  border-radius: 40px;
min-width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;}

.emailicon img {
  height: 20px;
}
.emailtext h6 {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Poppins';
  padding-bottom: 10px;margin: 0;
}
.emailtext p {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Poppins';
  padding-bottom: 0px;margin: 0;
}

.checkbox-group {
    display: flex;
    align-items: center;
margin: 40px 0;
}

.checkbox-group input {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
}

.checkbox-group label {
    margin: 0;
    color: #2F3C33;
    font-weight: bold;  font-weight: 500;
  font-family: 'Poppins';font-size: 13px;
}

.checkbox-group a {
    color: #000;
    text-decoration: none;  font-weight: 500;
  font-family: 'Poppins';
}
.mapwrapper {padding: 60px 0;background: #F5F7FB}

.mapmargin h6 {
    margin: 0;
    color: #000; font-weight: 500;
  font-family: 'Poppins';font-size: 16px;text-align: center;margin-bottom: 30px;
}
.mapmargin h6 img {height: 15px;margin-right: 10px;}
.mapmargin iframe{box-shadow: 3px 6px 15px #0000004D;
border-radius: 15px; }

/* acti */
.activiwrap{padding: 60px 0;margin-top: 8%;}
.main-box{

  background:#fff;
  border-radius:20px;
  display:flex;
  overflow:hidden;
 background: #F9F9F9 0% 0% no-repeat padding-box;
border: 0.5px solid #707070;
border-radius: 20px;
}

/* LEFT SIDE */
.left{
  width:260px;
  padding:30px;
  border-right:1px solid #707070;
}

.left h3{
  color:#ff4d4d;font-weight: 500;
  font-family: 'Poppins';
  margin-bottom:20px;font-size: 18px;
}

.list-item{
  margin-bottom:15px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  color:#444;
}

.list-item input{
  accent-color:#1aa260;
  cursor:pointer;
}

.list-item.active{
  color:#1aa260;
  font-weight:600;
}

/* RIGHT SIDE */
.right{
  flex:1;
  padding:40px;
}

.right h2{
  color:#1aa260;
  margin-bottom:10px;font-size: 18px;font-weight: 500;
  font-family: 'Poppins';
}

.right p{
 color: #000;
  margin-bottom: 30px;
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 13px;
padding-right: 35%;
}

.tab-content{
  display:none;
  animation:fade 0.4s ease-in-out;
}

.tab-content.active{
  display:block;
}

.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
}
.card {background: transparent; border: none;}
.card img{
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transition:0.3s;
}

.card img:hover{
  transform:translateY(-6px);
}

.card img{
  width:100%;
  height:200px;
  object-fit:cover;
}

.card h4{
  padding:15px;
  margin:0;
  font-size:16px;font-weight: 500;
  font-family: 'Poppins';
}

@keyframes fade{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}