@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(./../fonts/Raleway-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Raleway-ExtraBold";
  src: local("Raleway-ExtraBold"),
    url(./../fonts/Raleway-ExtraBold.ttf) format("truetype");
}

@font-face {
  font-family: "Raleway-SemiBold";
  src: local("Raleway-SemiBold"),
    url(./../fonts/Raleway-SemiBold.ttf) format("truetype");
}

@font-face {
  font-family: "Raleway-Medium";
  src: local("Raleway-Medium"),
    url(./../fonts/Raleway-Medium.ttf) format("truetype");
}



.fiveTop {
  padding-top: 5%;
}

.fiveBottom {
  padding-bottom: 5%;
}

.fiveLeft {
  padding-left: 8%;
}

.fiveRight {
  padding-right: 8%;
}


.bottomStroke {
  margin-top: -5px;
  width: 40px;
  height: 4px;
  background-color: #62c69a;
  margin-bottom: 20px;
}


.bottomStroke1 {
  margin-top: -5px;
  width: 100px;
  height: 4px;
  background-color: #62c69a;
  margin-bottom: 20px;
}

.headerLeftCol{

  padding-top: 10%;
}

#headerSection {
  background: -webkit-linear-gradient(
          right,
          rgb(97 197 155 / 15%),
          rgb(71 127 228 / 15%)
  );

  min-height: 95vh;
}


.headerTitle1 {
  /*font-style: normal;*/
  font-family: Raleway-SemiBold;
  letter-spacing: 0;
  text-decoration: none;
  background: -webkit-linear-gradient(left, #0e377c, #467de6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-size: 2.8vw;
  /*font-weight: 400;*/
}
.headerTitle2 {
  font-style: normal;
  font-family: Raleway-ExtraBold'';
  letter-spacing: 0;
  text-decoration: none;
  background: -webkit-linear-gradient(left, #0e377c, #467de6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-size: 2.8vw;
  font-weight: 900;
}

.headerDescription {
  /*font-style: normal;*/
  /*font-weight: semi-bold;*/
  font-family: Raleway;
  /*color: rgb(88, 89, 91);*/
  font-size: 1.5vw;
  line-height: 2.4vw ;
}

.headerImage {
  height: 100%;
  width: 100%;
  padding: 5%;
  /*background-color: red;*/
}

.card {
  border-radius: 20px;
  /*border-color: transparent;*/
}


.pricingHeader {
  /*font-style: normal;*/
  /*font-weight: bold;*/
  font-family: Raleway-ExtraBold;
  letter-spacing: 0;
  text-decoration: none;
  font-size: 3vw;
  background: -webkit-linear-gradient(left, #0e377c, #467de6);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.planImage {
  width: 100%;
  height: 100%;
}
.planImageIcon {
  padding: 10px;
  position: absolute;
  top: 9em;
  left: 1em;
  width: 20%;
  height: 20%;
  z-index: 1;
}
.planTitle {

  font-family: Raleway-ExtraBold;
  font-size: 2vw;
  margin-top: 10%;
  color: rgb(88,89,91);

}

.planPrice {
  font-family: Arial;
  font-style: bold;
  font-weight: 700;
  font-size: 2.5vw;
  color: #0e377c;
  padding: 1% 1%;
}

.planDescription {

  font-family: Raleway;
  font-size: 1.1vw;
  padding: 1% 1%;
  color: rgb(88,89,91);

}

.planValidity {
  font-size: 1.1vw;
  color: rgb(167, 169, 172);
  padding: 1% 1%;
  font-family: Raleway;
}

.planButton {

  font-family: Raleway;
  border-radius: 6px;
  height: 45px;
  width: 160px;
  border-width: 2px;
  font-weight: bold;
  /*background: #ffffff;*/
  border-color: #62c69a;
  font-size: 1.3vw;
  font-weight: 500;
  color: #62c69a;

}


.faqHeader {
  font-style: normal;
  font-weight: bold;
  font-family: Raleway-ExtraBold;
  letter-spacing: 0;
  text-decoration: none;
  font-size: 2.8vw;
  background: -webkit-linear-gradient(left, #0e377c, #467de6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.faqDescription {
  /*font-style: normal;*/
  /*font-weight: semi-bold;*/
  font-family: Raleway;
  color: rgb(109, 110, 113);
  font-size: 1.3vw;
}

.collapse-btn {
  color: rgb(88, 89, 91);
  font-family: Raleway;
  font-weight: 400;
}
.desc-card {
  color: rgb(88, 89, 91);
  font-size: 1rem;
}
.firstRow {
  background: -webkit-linear-gradient(
    left,
    rgb(71 127 228 / 15%),
    rgb(97 197 155 / 15%)
  );
  padding-bottom: 4%;
  padding-left: 10px;
}
.header-Col1 {
  margin-top: 10%;
  padding: 2%;
}
.logo-dwn {
  color: rgb(178, 50, 96);
  width: 20px;
}

/* Drop Down */
.drpdwn {
  background-color: #fff;
  color: #62c69a;
  border: 1px solid #62c69a;
  border: none;
}

.dropdown-menu.show {
  background-color: rgb(70, 125, 230);
  overflow-y: scroll;
  height: 40vh;
  width: 15rem;
}
.dropdown-menu.show::-webkit-scrollbar-track {
  border: 1px solid maroon;
  border-radius: 10px;
  padding: 2px 0;
  background-color: white;
}
.dropdown-menu.show::-webkit-scrollbar-thumb {
  border: 1px solid maroon;
  border-radius: 10px;
  padding: 2px 0;
  background-color: maroon;
}
.dropdown-menu.show::-webkit-scrollbar {
  width: 6px;
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #467de6;
}
.dropdown-item {
  font-family: "Raleway-Medium";
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #ffffff;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.drp-title {
  padding-left: 1%;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  font-family: Raleway;
  color: white;
}

hr{
  border: 1px solid white;

}
.drp-desc {
  padding-left: 1%;
  font-size: 1rem;
  font-style: normal;
  font-weight: 200;
  font-family: Raleway;
  color: white;
}

/* NAV BAR CSS STARTS */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: rgb(255 255 255 / 90%);
}
.navbar-light .navbar-nav .nav-link {
  color: rgb(255 255 255);
}
.btn-primary {

  margin-top: -10px;
  border: solid;
  border-radius: 11px;
  border-width: 2px;
  padding: 0px 2vw;
  height: 3vw;
  border-color: #32ec95;
  color: white;
  background-color: transparent;
}
.navbar {
  background-color: #0d377c !important;
  height: 90px;
}
.navbar-brand {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 0;
}
a,
.navbar-brand,
.navbar-nav .nav-link {
  color: white;
  font-size: 1.2vw;
  padding-top: 10px;
}
a {
  color: white;
  text-decoration: none;
  font-family: Raleway-Medium;
  font-weight: regular;
  display: inline-block;
  padding: 10px 10px;
  position: relative;
  margin-left: 3vw;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{

  color: white;
}

.nav-link:after {
  background: none repeat scroll 30 0 transparent;
  bottom: -29px;
  content: "";
  display: block;
  height: 6px;
  left: 50%;
  position: absolute;
  background: #62c69a;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
a:hover:after {
  width: 100%;
  left: 0;
  color: white;
}
/* Nav Ends */
/* Footer */
.footer-logo {
  margin-top: 5%;
  margin-bottom: 5%;
  margin-left: 25%;
}
.sm-icons {
  margin-top: 5%;
  margin-bottom: 5%;
  margin-right: 25%;
}

.sm-icons img{

  height: 6%;
  width: 6%;
}

.sm-icons p {

  text-align: right;
  font-style: normal;
  font-weight: 500;
  font-family: Raleway-SemiBold;
  letter-spacing: 0;
  text-decoration: none;
  font-size: 1.2vw;
  color: rgb(13,55,124);
  /*margin-right: -5%;*/
}
.btn.focus, .btn:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

#footer {
}

.headerButton{
  font-family: Raleway-SemiBold;
  border-radius: .5vw;
  height: 3.4vw;
  width: 10vw;
  color: whitesmoke;
  background: #62c69a;
  border-color: #62c69a;
  margin-left: 0px;
  font-size: 1.5vw;
  }