.silver-color {
  background: linear-gradient(301deg, rgba(241, 241, 241, 0), hsl(0, 0%, 23%)),
    linear-gradient(rgba(218, 218, 218, 0.95), rgba(73, 74, 75, 0.95)),
    linear-gradient(121deg, #636363, #818883),
    linear-gradient(238deg, rgba(173, 32, 142, 0), #f3f0f2),
    linear-gradient(42deg,
      rgba(0, 190, 213, 0),
      rgba(228, 232, 233, 0.85) 85%,
      rgba(233, 236, 236, 0.87) 87%,
      #c1c5c5),
    linear-gradient(126deg, rgba(0, 190, 213, 0), #909394),
    linear-gradient(#e1e0e4, #545355);
}

.silver-color {
     display:inline-flex;
    justify-content: center;
    align-items: center;
  height: 50vh;
  width: 100%;
  /*display: flex;*/
  /*justify-content: space-around;*/
}

.silver-plan-text {
    display:inline-flex;
    justify-content: center;
    align-items: center;
    height:50vh;
  /*padding-top: 50px;*/
  font-size: 70px;
  letter-spacing: 2px;
  color: silver;
  font-weight: 800;
}

.feature-btn {
  height: 25px;
  width: 50%;
  padding: 15px 20px 60px 30px;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 30px;
  background-color: #545355;
  border: none;
}

.feature-btn:hover {
  color: #e1e0e4;
  background: rgb(20, 20, 20);
}

.silverplan a {
  text-decoration: none;
  color: silver;
}

.silver-pack-details-desc {
  font-size: 15px;
  word-spacing: 5px;
  letter-spacing: 1px;
  font-weight: 300;
}

.note-silver {
  background-color: #545355;
  color: silver;
  font-size: 18px;
  padding: 20px;
  letter-spacing: 1px;
}

/**************** Gold Section***********/
.gold-color {
  background: linear-gradient(301deg, rgba(238, 216, 144, 0), hsl(39, 74%, 63%)),
    linear-gradient(rgba(240, 207, 100, 0.95), rgba(231, 213, 133, 0.95)),
    linear-gradient(121deg, #dba55e, #eeece5),
    linear-gradient(238deg, rgba(173, 32, 142, 0), #f3f0f2),
    linear-gradient(42deg,
      rgba(0, 190, 213, 0),
      rgba(228, 232, 233, 0.85) 85%,
      rgba(233, 236, 236, 0.87) 87%,
      #c1c5c5),
    linear-gradient(126deg, rgba(0, 190, 213, 0), #909394),
    linear-gradient(#e1e0e4, #545355);
}

.gold-color-dimension {
     display:inline-flex;
    justify-content: center;
    align-items: center;
  height: 50vh;
  width: 100%;
  /*display: flex;*/
  /*justify-content: space-around;*/
}

.gold-plan-text {
      display:inline-flex;
    justify-content: center;
    align-items: center;
    height:50vh;
  /*padding-top: 80px;*/
  font-size: 70px;
  letter-spacing: 2px;
  color: rgb(179, 157, 37);
  font-weight: 800;
}

.feature-btn-gold {
  height: 25px;
  width: 50%;
  padding: 15px 20px 60px 30px;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 30px;
  color:#EE9E0A;
  border: none;
}
.feature-btn-gold:hover{
  background: hsl(41, 76%, 69%);
}
.note-gold {
  background-color:hsl(39, 74%, 63%);
  /* color:white; */
  font-size: 18px;
  padding: 20px;
  letter-spacing: 1px;
}


/********* Platinum color  ***********/

.platinum-color {
  background: linear-gradient(301deg, rgba(253, 246, 246, 0), hsl(0, 7%, 67%)),
  linear-gradient( rgb(239, 231, 231), #cdcac0 ),
  linear-gradient(121deg, #636363, #818883),
  linear-gradient(238deg, rgba(173, 32, 142, 0), #f3f0f2),
  linear-gradient(42deg,
    rgba(0, 190, 213, 0),
    rgba(228, 232, 233, 0.85) 85%,
    rgba(233, 236, 236, 0.87) 87%,
    #c1c5c5),
  linear-gradient(126deg, rgba(0, 190, 213, 0), #909394),
  linear-gradient(#e1e0e4, #545355);
}

.platinum-color-dimension {
     display:inline-flex;
    justify-content: center;
    align-items: center;
  height: 50vh;
  width: 100%;
  /*display: flex;*/
  /*justify-content: space-around;*/
}
.platinum-plan-text {
    /*  display:inline-flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*height:50vh;*/
  /*padding-top: 80px;*/
  font-size: 70px;
  letter-spacing: 2px;
  color: white;
  font-weight: 800;
}
.feature-btn-platinum {
  height: 25px;
  width: 50%;
  padding: 15px 20px 60px 30px;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 30px;
  border: none;
}
.feature-btn-platinum:hover{
  background: #c1c5c5;
}
.note-gold {
  /* background-color:hsl(39, 74%, 63%); */
  color:white;
  font-size: 18px;
  padding: 20px;
  letter-spacing: 1px;
}


/************ Diamond Plans ********************/

/********* Platinum color  ***********/

.diamond-color {
  background: linear-gradient(301deg, rgba(99, 137, 141, 0), hsl(192, 18%, 44%)),
  linear-gradient( rgb(180, 220, 225), #719097 ),
  linear-gradient(121deg, #636363, #818883),
  linear-gradient(238deg, rgba(173, 32, 142, 0), #f3f0f2),
  linear-gradient(42deg,
    rgba(0, 190, 213, 0),
    rgba(228, 232, 233, 0.85) 85%,
    rgba(233, 236, 236, 0.87) 87%,
    #c1c5c5),
  linear-gradient(126deg, rgba(0, 190, 213, 0), #909394),
  linear-gradient(#e1e0e4, #545355);
}

.diamond-color-dimension {
     display:inline-flex;
    justify-content: center;
    align-items: center;
  height: 52vh;
  width: 100%;
  /*display: flex;*/
  /*justify-content: space-around;*/
}
.diamond-plan-text {
      display:inline-flex;
    justify-content: center;
    align-items: center;
    height:50vh;
  /*padding-top: 40px;*/
  font-size: 70px;
  letter-spacing: 2px;
  color: rgb(40 212 255);
  /* color: white; */
  font-weight: 800;
}
.feature-btn-diamond {
  height: 25px;
  width: 50%;
  padding: 15px 20px 60px 30px;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 30px;
  border: none;
  color: white !important;
}
.feature-btn-diamond:hover{
  background: hsl(192, 23%, 71%);
  
}
.note-gold {
  /* background-color:hsl(39, 74%, 63%); */
  color:white;
  font-size: 18px;
  padding: 20px;
  letter-spacing: 1px;
}
@media screen and (max-width: 764px) {
  .silver-plan-text {
         display:inline-flex;
    justify-content: center;
    align-items: center;
    height:50vh;
      height:0px;
    padding-top: 10px;
    font-size: 30px;
    letter-spacing: 2px;
    /*margin-top: 10px !important;*/
  }
  .gold-plan-text {
         height:0px;
    padding-top: 10px;
    font-size: 30px;
    letter-spacing: 2px;
    /*margin-top: 10px !important;*/
  }
 .platinum-plan-text {
        height:0px;
  padding-top: 10px;
  font-size: 30px;
  letter-spacing: 2px;
  /*margin-top: 10px !important;*/
 }
 .diamond-plan-text {
        height:0px;
  /*padding-top: 10px;*/
  font-size: 30px;
  letter-spacing: 2px;
  /*margin-top: 10px !important;*/
 }


  .silver-color {
    /*height: 60vh;*/
    /*width: 100%;*/
    display: block;
  }
  .gold-color-dimension {
    /*height: 60vh;*/
    /*width: 100%;*/
    display: block;
   
  }
  .platinum-color-dimension {
    height: 60vh;
    /*width: 100%;*/
    display: block;
  }
  .diamond-color-dimension {
    height: 57vh;
    /*width: 100%;*/
    display: block;
  }
  .feature-btn {
    width: 100%;
    font-size: 20px;
    padding: 15px 20px 50px 30px;
  }
  .feature-btn-gold {
    width: 100%;
    font-size: 20px;
    padding: 15px 20px 50px 30px;
  }
  .feature-btn-platinum {
    width: 100%;
    font-size: 20px;
    padding: 15px 20px 50px 30px;
  }
  .feature-btn-diamond {
    width: 100%;
    font-size: 20px;
    padding: 15px 20px 50px 30px;
  }
  .silver-bird {
    /*margin-top: 40px !important;*/
  }

  .silver-pack-details-desc {
    font-size: 15px;
  }
}
@media (min-width:765px) and (max-width:1200px) {
  .silver-plan-text {
      font-size: 45px ;
  }
  .gold-plan-text {
        font-size: 45px;
    }
  .diamond-plan-text {
            font-size: 45px;
        }
  .platinum-plan-text {
         font-size: 45px;
     }
     .feature-btn{
         width:100%;
     }
       .feature-btn-gold{
         width:100%;
     }
       .feature-btn-platinum{
         width:100%;
     }
       .feature-btn-diamond{
         width:100%;
     }
}