.featuressectiondinner{
      max-width: 81.94444vw;
    margin: auto;
}
.topptitleleft h4{
    font-style: normal;
    font-weight: 700;
    font-size: 0.972222vw;
    line-height: 1.25vw;
    letter-spacing: 0.1em;
    background: linear-gradient(112.78deg, #FF720D -42.37%, #FE177A 52.59%, #A40FF4 153.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    flex: none;
    order: 0;
    flex-grow: 0;
    width: max-content;
}
.topptitleleft h1{
font-style: normal;
    font-weight: 700;
    font-size: 2.2222vw;
    line-height: 3.055555vw;
    text-transform: capitalize;
    color: #272D3E;
    max-width: 32.847222vw;
}
.topptitleleft{
      width: calc(100% - 39.9305555vw);
    float: left;
}
.topptitleright{
      width: 39.9305555vw;
    float: left;
  padding-top: 2.430555vw;
}
.topptitle{
         display: flow-root;
      margin-bottom: 4.86111vw;
}
.topptitleright p{
font-style: normal;
font-weight: 500;
font-size: 1.25vw;
line-height: 2.22222vw;
color: #404040;
}
.bottomfeaturessinner{
  columns: 3;
    position: relative;
    column-gap: 2.0833333vw;
}
.singlefeaturesinner h3{
font-style: normal;
    font-weight: 500;
    font-size: 1.38888vw;
    line-height: 2.22222vw;
    color: #000000;
    text-align: center;
    margin-top: 1.388888vw;
  max-width: 25vw;
    margin-bottom: 0.6944444vw;}
.singlefeaturesinner p{
  font-style: normal;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 1.52777777vw;
    text-align: center;
    color: #404040;
    max-width: 25vw;
    margin: auto;
    margin-bottom: 0;
}











@media screen and (max-width: 600px){

.featuressectiond {
    padding: 60px 0 0;
}
.featuressectiondinner {
    max-width: 372px;
    margin: auto;
}
.topptitle {
    margin-bottom: 65px;
}
.topptitleleft {
    width: 100%;
 
}
.topptitleright {
    width: 100%;
    float: left;
    padding-top: 0;
}
.topptitleleft h1 {
    max-width: 324px;
    font-size: 24px;
    line-height: 33px;
    margin: auto;
    margin-bottom: 19px;
}
.topptitleleft h4 {
    width: initial;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    max-width: 324px;
    margin: auto;
    margin-bottom: 3px;
}
.topptitleright p {
    font-size: 18px;
    line-height: 150%;
    max-width: 332px;
    margin: auto;
}
.bottomfeaturessinner {
    columns: auto;
    position: relative;
    column-gap: initial;
}
.singlefeatures img{
	max-width: 319px;
    margin: auto;
    display: block;
}
.singlefeaturesinner h3 {
    margin: auto;
    margin-top: 20px;
    max-width: initial;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 32px;
}
.singlefeaturesinner p {
    max-width: 345px;
    margin: auto;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
}
.singlefeatures{
	margin-bottom: 77px;
}


}











@media screen and (min-width: 1600px){

.featuressectiond{
      padding: 90px 0;
}
.featuressectiondinner{
      max-width: 1180px;
    margin: auto;
}
.topptitleleft h4{
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1em;
    background: linear-gradient(112.78deg, #FF720D -42.37%, #FE177A 52.59%, #A40FF4 153.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    flex: none;
    order: 0;
    flex-grow: 0;
    width: max-content;
}
.topptitleleft h1{
font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-transform: capitalize;
    color: #272D3E;
    max-width: 473px;
}
.topptitleleft{
      width: calc(100% - 575px);
    float: left;
}
.topptitleright{
      width: 575px;
    float: left;
  padding-top: 35px;
}
.topptitle{
         display: flow-root;
      margin-bottom: 70px;
}
.topptitleright p{
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #404040;
}
.bottomfeaturessinner{
  columns: 3;
    position: relative;
    column-gap: 30px;
}
.singlefeaturesinner h3{
font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
    text-align: center;
    margin-top: 20px;
  max-width: 360px;
    margin-bottom: 10px;}
.singlefeaturesinner p{
  font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #404040;
    max-width: 360px;
    margin: auto;
    margin-bottom: 0;
}

  .topptitleleft h2{
    font-style: normal;
    font-weight: 700;
 h2::after {
    content: '';
    border-bottom: #B9a4f8 0.5rem solid;
    position: relative;
    display: block;
    width: 10rem;
    margin: 1rem 0;
}




}