.dsp-none-desk {
  display: none;
}

.become-agent-banner {
  /* padding: 0px 148px; */
  padding-bottom: 97px;
}

.become-agent-banner-content {
  display: flex;
  margin-top: 22px;
  justify-content: space-between;
}

.become-agent-banner-content .banner-leftside-content {
  max-width: 565px;
}

.become-agent-banner-content .banner-leftside-content h1 {
  padding-top: 70px;
  font-family: 'Titillium-bold';
  font-weight: 700;
  font-size: 38px;
  line-height: 47px;
  color: #F89C30;
  padding-bottom: 21px;
}

.become-agent-banner-content .banner-leftside-content .banner-para,
.banner-leftside-content .banner-para span {
  font-family: 'Titillium-light';
  font-weight: 300;
  font-size: 24px;
  line-height: 37px;
  color: #171717;
  padding-bottom: 47px;
}

.banner-leftside-content .banner-para span {
  font-family: 'Titillium-bold';
  font-weight: 700;
  padding-bottom: 0px;
}

.banner-btn-div {
  display: flex;
  gap: 20px;
}

.banner-btn-div .get-started-btn {
  padding: 15px;
  border-radius: 31px;
  background-color: #0062AB;
  border: none;
  font-family: 'Titillium-regular';
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
  width: 228px;
  /* margin-bottom: 37px; */
}

.banner-btn-div .newto-btn {
  border: 2px solid #0062AB;
  background: #fff;
  color: #0062AB;
  border-radius: 40px;
  line-height: 30px;
  padding: 15px;
  border-radius: 31px;
  width: 219px;
  cursor: pointer;
  text-align: center;
  font-family: 'Titillium-regular';
  font-size: 20px;
}

.become-agent-banner-content .banner-leftside-content .banner-btn-icon {
  filter: invert(100%);
  transform: rotate(-90deg);
  vertical-align: middle;
}

.banner-sml-form {
  padding: 22px 38px 48px 54px;
  background-color: #0062AB;
  border-radius: 30px;
  position: relative;
  /* margin-top: -36px; */
  box-shadow: -10px 10px #F89C30;
  margin-top: 24px;
}

.form-text {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
  gap: 2%;
}

.form-text h2 {
  font-family: 'Titillium-bold';
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
  width: 64%;
}

.form-text p {
  font-family: 'Titillium-regular';
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #fff;
  width: 34%;
  padding-top: 13px;
}

.form-text p span {
  font-family: 'Titillium-bold';
  font-weight: 700;
  text-decoration: underline;
}

.form-inputs {
  display: flex;
  width: 100%;
}

.form-input-content {
  margin-right: 25px;
  max-width: 33.33%;
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.form-inputs .form-input-content label,
.form-inputs .annual-earning-content .annual-earning-txt {
  color: #fff;
  font-family: 'Titillium-light';
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
}

.form-inputs .form-input-content input {
  padding: 10px 26px;
  font-size: 18px;
  font-family: 'Titillium-light';
  font-weight: 300;
  width: 100%;
  /* line-height: 45px; */
  /* width: 313px; */
  outline: none;
  border: none;
  color: #000;
  margin-top: 13px;
  border-radius: 8px;
}

.banner-rightside-image img {
  width: 100%;
  height: 100%;
}

.form-inputs .form-input-content input::placeholder {
  font-family: 'Titillium-light';
  font-weight: 300;
}

.form-inputs .form-input-content input::-webkit-outer-spin-button,
.form-inputs .form-input-content input::-webkit-inner-spin-button {
  display: none;
}

.form-inputs .annual-earning-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*gap: 10px;*/
}

.form-inputs .annual-earning-content .annual-earning-txt {
  letter-spacing: 0px;
}

.form-inputs .annual-earning-content .annual-earning span {
  font-family: 'Titillium-bold';
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  color: #fff;
  display: flex;
  gap: 5px;
}

.banner-sml-form .banner-shadow {
  position: absolute;
  bottom: -15px;
  left: -16px;
  z-index: -1;
}


@media (max-width: 1340px) {
  .banner-sml-form .form-text {
    margin-bottom: unset;
    align-items: baseline;
  }

  .form-text h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .form-inputs .form-input-content {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    justify-content: space-between;
  }

  .form-inputs .annual-earning-content {
    justify-content: space-between;
  }

  .banner-sml-form .form-input-content label,
  .banner-sml-form .annual-earning-content .annual-earning-txt {
    font-size: 17px;
    line-height: 25px;
  }

  .form-inputs .annual-earning-content .annual-earning span {
    font-size: 30px;
  }


}

/*********** Banner Mobile View ***********/
@media screen and (min-width:320px) and (max-width:767px) {
  .dsp-none-mob {
    display: none;
  }

  .become-agent-banner {
    width: 100%;
    padding: 0px 0px 34px 0px;
  }

  .become-agent-banner-content {
    flex-direction: column;
    padding: 0px 30px;
    margin: 0px 0px 22px;
  }

  .become-agent-banner-content .banner-leftside-content h1 {
    padding-top: 35px;
    font-family: 'Titillium-bold';
    font-weight: 700;
    padding-bottom: 17px;
  }

  .become-agent-banner-content .banner-leftside-content .banner-para {
    width: 100%;
    padding-bottom: 24px;
    font-size: 20px;
    line-height: 34px;
  }

  .banner-btn-div {
    display: flex;
    flex-direction: column;
    gap: 17px;
    width: 218px;
    margin-bottom: 40px;
  }

  .banner-btn-div .get-started-btn,
  .banner-btn-div .newto-btn {
    max-width: 218px;
    padding: 15px;
    margin: unset;
    border-radius: 31px;
  }

  /* .become-agent-banner-content .banner-leftside-content button {        margin-bottom: 37px;    } */
  .banner-sml-form {
    padding: 20px 27px 40px 27px;
    border-radius: 29px;
    margin: 0px 22px 0px 26px;
  }

  .form-text {
    margin-bottom: 0px;
  }

  .form-text h2 {
    font-size: 30px;
    line-height: 33px;
    width: 196px;
    margin-bottom: 0px;
  }

  .form-inputs {
    flex-direction: column;
  }

  .form-input-content {
    margin-right: 0px;
    max-width: 100%;
    margin-top: 25px;
  }

  .form-inputs .form-input-content label,
  .form-inputs .annual-earning-content .annual-earning-txt {
    font-size: 18px;
    line-height: 24px;
  }

  .form-inputs .annual-earning-content {
    gap: 0px;
    margin-top: 22px;
  }

  .form-inputs .form-input-content input {
    width: 100%;
  }

  .dsp-none-desk,
  .dsp-none-desk span {
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    font-family: 'Titillium-light';
    font-weight: 300;
  }

  .dsp-none-desk span {
    font-family: 'Titillium-bold';
    text-decoration: underline;
  }

  .form-text-mob {
    margin-top: 20px;
  }
}

.mainHeader .rightSec {
  display: none;
}


/* Container CSS */
@media (min-width:767px) {
  .container-bagic {
    max-width: min(1164px, 95%);
    margin: 0 auto;
  }
}


.productlandingpage-agent header.mainHeader .container nav ul li:nth-child(1),
.productlandingpage-agent header.mainHeader .container nav ul li:nth-child(2) {
  display: inline-block;
}

@media (max-width:768px) {

  .productlandingpage-agent header.mainHeader .container nav ul li:nth-child(1),
  .productlandingpage-agent header.mainHeader .container nav ul li:nth-child(2) {
    display: block;
  }

  .logoSec img {
    height: 53px;
    margin-top: 1px;
  }

  .mainHeader nav>ul>li.open .sumMenuSec {
    z-index: 1;
    min-height: auto !important;
    min-width: 324px;
    display: contents !important;
  }

  .mainHeader nav>ul>li .sumMenuSec>ul>li .iconSec p.deviceMenuOpen:after {
    background-position: -320px -404px !important;
  }

  .mainHeader nav>ul>li .sumMenuSec>ul>li .iconSec p:after {
    content: none;
  }

  .mainHeader nav>ul>li:first-child .sumMenuSec>ul>li:first-child .iconSec p:after {
    content: "";
  }

  .mainHeader nav>ul>li>a:after {
    content: none;
  }

  .mainHeader nav>ul>li:nth-child(1)>a:after,
  .mainHeader nav>ul>li:nth-child(2)>a:after {
    content: "";
  }


}