body {
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}

a, a:link {
    text-decoration: none;
    color: #DF1D7B;
}

.hover-pink-link a:hover {
    color: #DF1D7B !important;
}

.overflow-x{
    overflow-x: hidden !important;
}
.text-npink {
    color: #C41C74 !important;
}

.btn {
    transition: all .5s ease;
}

.bg-light-grey {
    background-color: #F7F9F9;
}

.greyWhiteGradient {
    background: linear-gradient(278.97deg, #DEDEDE -1.88%, rgba(222, 222, 222, 0) 100%);
}

.pinkOrangeGradient {
    background: linear-gradient(65.02deg, #C41C74 14.69%, #ED1D7E 41.06%, #F15A3F 84.66%);
}

.purpleBlueGradient {
    background: rgb(118,43,144);
    /* background: linear-gradient(90deg, rgb(106 0 142) 0%, rgb(0 121 155) 100%); */
    background: linear-gradient(90deg, rgba(118,43,144,1) 0%, rgba(0,187,239,1) 100%);
} 

.darkGrenToLightGradient {
    background: rgb(0,152,172);
    /* background: linear-gradient(90deg, rgb(0 103 117) 0%, rgb(44 122 0) 100%); */
    background: linear-gradient(90deg, rgba(0,152,172,1) 0%, rgba(122,194,81,1) 100%);
}

.blueToRedGradient {
    background: rgb(47,64,154);
    background: linear-gradient(76.05deg, #762D8E 0%, #ED1F7E 103.31%);
}

.orangeToYellowGradient {
    background: rgb(233,59,77); 
    background: linear-gradient(90deg, rgba(233,59,77,1) 0%, rgba(252,196,24,1) 100%);
    /* background: rgb(118,43,144);
    background: linear-gradient(90deg, rgba(118,43,144,1) 0%, rgba(0,187,239,1) 100%); */
}

/* .violetToPinkGradient {
    background: rgb(118,45,142);
    background: linear-gradient(90deg, rgba(118,45,142,1) 0%, rgba(237,31,126,1) 100%);
} */

.violetToPinkGradient {
    background: #2F409A;
    background: linear-gradient(70.14deg, #2F409A -1.57%, #E21E26 99.02%);
    
}

.purpleTopinkGradiant {
    background: rgb(113,100,156);
    background: linear-gradient(90deg, rgba(113,100,156,1) 0%, rgba(179,85,158,1) 100%);
}

.purpleTopinkGradiant2 {
    background: rgb(118,45,142);
    background: linear-gradient(90deg, rgba(118,45,142,1) 0%, rgba(237,31,126,1) 100%);
}

.purpleToLightBlueGradient {
    background: rgb(113,100,156);
    /* background: linear-gradient(90deg, rgb(60 42 128) 0%, rgb(119 5 94) 100%); */
    background: linear-gradient(90deg, rgba(113,100,156,1) 0%, rgba(179,85,158,1) 100%);
}

.text-cPurple {
    color: #6D51A1;
}

.text-cSeaGreen {
    color: #1E9DA3;
}

.text-cGreen {
    color: #5CA446;
}

.text-cPink {
    color: #ED1D7E;
}

.text-cYellow {
    color: #CE9E00;
}

.text-cOrange {
    color: #EF4523;
}

.text-cBlue {
    color: #3F58A2;
}

.btn.pinkOrangeGradient {
    background: linear-gradient(65.02deg, #C41C74 14.69%, #ED1D7E 41.06%, #F15A3F 84.66%);
}

.btn.pinkOrangeGradient:hover {
    background: linear-gradient(65.02deg, #F15A3F 14.69%, #ED1D7E 41.06%, #C41C74 84.66%);
}

.btnOutlined {
    border: 1px solid rgba(220, 62, 113, 1) !important;
    color: rgba(220, 62, 113, 1) !important;
}

.btn.btnOutlined:hover {
    border: 1px solid rgba(220, 62, 113, 1) !important;
    background: linear-gradient(65.02deg, #F15A3F 14.69%, #ED1D7E 41.06%, #C41C74 84.66%);
    color: #ffffff !important;
}

.h2-gredient{
    background: linear-gradient(85.14deg, #C41C74 25.97%, #ED1D7E 48.33%, #F15A3F 68.84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

datalist {
    position: absolute;
    background-color: white;
    border: 1px solid blue;
    border-radius: 0 0 5px 5px;
    border-top: none;
    font-family: sans-serif;
    width: 350px;
    padding: 5px;
  
  }
  
  option {
    background-color: white;
    padding: 4px;
    /* color: blue; */
    color: rgba(0, 0, 0, 0.75);
    margin-bottom: 1px;
     font-size: 18px;
    cursor: pointer;
  }

  .bannerBg-blue {
    background-color: #a7f6ff;
  }

  .bannerBg-grey {
    background-color: #F7F9F9;
  }

  .bannerBg-white {
    background-color: #ffffff;
  }