h1, p {
  font-family: Hiragino Maru Gothic Pro, serif;
}

body {
  color: #ffffff;
  background-color: #0E171E;
}

/*header-nav*/

.header-section {
  background-color: #232F3E;
}

.header-nav-primary-list-link {
  color: #ffffff;
}

.header-nav-contact-link {
  background: transparent linear-gradient(128deg, #01F1FE 0%, #4DAEFE 100%, #4FACFE 100%) 0% 0% no-repeat padding-box;
}

.header-logo img {
  display: none;
}

.header-logo-link:after {
  content: '';
  display: inline-block;
  width: 180px;
  height: 65.891px;
  background-image: url(lib/images/no-doubt/corp-logo-white.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.header-nav-drop {
  background-color: #43B6FE;
}

@media screen and (max-width: 767px) {
  .header-logo-link:after {
    width: 115px;
    height: 42.094px;
  }
  .drawer-open {
    background: transparent linear-gradient(128deg, #01F1FE 0%, #4DAEFE 100%, #4FACFE 100%) 0% 0% no-repeat padding-box;
  }
  #drawer-menu {
    background-color: #43B6FE;
  }
}

/*header search toggle*/

.icon-search {
  display: none;
}

.search-open:after{
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 20px;
  background-image: url(lib/images/no-doubt/search-icon-white.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.search-bar-container{
  background-color: #232F3E;
}


.search-submit:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 20px;
  background-image: url(lib/images/no-doubt/search-icon-white.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.search-input-form {
  color: #ffffff;
}

.search-input-form::placeholder {
  color: #ffffff;
  opacity: 0.6;
}

/* IE */
.search-input-form:-ms-input-placeholder {
  color: #ffffff;
  opacity: 0.6;
}

/* Edge */
.search-input-form::-ms-input-placeholder {
  color: #ffffff;
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .search-open:after, .search-submit:after {
    margin: 14px;
  }
}

/*main content*/
.main-container {
  margin: 0 auto;
}

.section-inner {
  width: 90%;
  margin: 0 auto;
}

/* section1 */

.storong-message {
  color:#4BD9F5;
  font-size: 1.3rem;
}

.description {
  margin: 40px 0;
  color:#BFBFBF;
  font-size: 0.75rem;
}

.scroll-button {
  display: block;
  margin: 0 auto 70px auto;
}


@media screen and (max-width: 767px) {
  .top-mainvisual img{
    width: 100%;
  }
  
  .top-message {
    /* width: 300px; */
  }
}

@media screen and (min-width: 768px) {
  .section-containner {
    max-width: 1100px;
    margin: 0 auto;
  }

  .section1 .section-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  
  .top-mainvisual {
    position: absolute;
    right: 0;
  }
  
  .top-message {
    margin-top: 268px;
    width: 300px;
  }
}

/* section2 */

.section2 .section-containner {
  margin-top: 70px;
}

.section2 h2 {
  text-align: center;
}

.section2 .section-inner h2 {
  font-size: 2rem;
}

.s2-sub-message {
  font-size: 1.3rem;
}

.feature-containner {
  margin: 70px auto;
}

.feature-title {
  font-size: 0.9rem;
  text-align: center;
  margin-top: 20px;
}

.feature-text {
  font-size: 0.75rem;
  color: #BFBFBF;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .feature-item {
    width: 210px;
    margin: 20px auto 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .feature-containner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

  }
  .feature-item {
    width: 174px;
  }
}

/* section3 */

.section3 .section-containner {
  margin-top: 70px;
}

.section3 h2 {
  font-size: 2rem;
  text-align: center;
}

.s3-sub-message {
  font-size: 1.3rem;
}

.diagnosis-containner {
  margin-top: 40px;
}

.diagnosis-containner h3 {
  font-size: 0.9rem;
}

.s3-headline {
  background-image: url(lib/images/no-doubt/headline-bg-section3.svg);
  background-repeat: no-repeat;
  background-size:cover;
  width: 250px;
  line-height: 2;
  padding-left: 10px;
}

.diagnosis-items {
  margin: 40px auto 70px auto;
}

.diagnosis-item {
  margin-bottom: 30px;
}

.diagnosis-item .text-wrapper {
  margin-top: 20px;
}

.diagnosis-text {
  font-size: 0.75rem;
  color: #BFBFBF;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .diagnosis-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .diagnosis-item {
    width: 210px;
    margin: 20px auto 0 auto;
    flex-basis: 45%;
  }
}

@media screen and (min-width: 768px) {
  .diagnosis-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .diagnosis-item {
    flex-basis: 33%;
  }  
  .diagnosis-item .text-wrapper {
    width: 190px;
  }
}


/* section4 */

.section4 {
  padding-top: 70px;
  padding-bottom: 70px;  

  background-color: #1A242F;
}

.section4 .section-containner {
  margin: 70px auto;
}

.section4 h2 {
  font-size: 2rem;
  text-align: center;
}

.install-step-cases-containner {
  margin-top: 70px;
}

.install-step-title:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(lib/images/no-doubt/headline-bullets.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 7px;
}

.install-case2 {
  margin-top: 40px;
}

.install-step-img {
  width: 100%;
}

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

}

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

}


/* section5 */

.section5 {
  padding-top: 70px;
  padding-bottom: 70px;  
  background-color: #1A242F;
}

.section5 h2 {
  font-size: 2rem;
  text-align: center;
}

.s5-sub-message {
  font-size: 1.3rem;
}

.s5-description {
  margin-top: 25px;
  font-size: 1.1rem;
  color: #BFBFBF;
  text-align: center;
}

.no-doubt-expert-img {
  margin-top: 40px;
  width: 100%;
}


/* section6 */

.section6 .section-inner {
  text-align: center;
  max-width: 640px;
}

.section6 h2 {
  font-size: 1.3rem;
}

.section-headline {
  text-align: center;
  margin-top: 70px;
}
.plans-containner {
  margin: 70px auto;
}

.plan-item {
  text-align: center;
  margin: 0 auto;
}

.plan-title:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(lib/images/no-doubt/headline-bullets.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 7px;
  font-size: 1rem;
}

.plan-img {
  margin-top: 20px;
}

.plan-item .text-wrapper {
  margin-top: 20px;
}

.strong-plice {
  font-size: 1.7rem;
}

.plan-text {
  margin-top: 20px;
  font-size: 0.8rem;
  color: #BFBFBF;
}

.campaingn-wrapper {
  margin: 0 auto;
}
.campaingn-body {
  background-color: #ffffff;
  color:#292929;
  position:relative;
  border:3px solid transparent;
  border-left-color:#4FACFE;
  border-right-color:#01F1FE;
  padding:10px;
  text-align:center;
  padding: 16px;

}

.campaingn-body::before,
.campaingn-body::after {
    position:absolute;
    left:-3px;
    right:-3px;
    bottom:-3px;
    height:3px;
    background:linear-gradient(to right, #4FACFE, #01F1FE);
    content:"";
}

.campaingn-body::before {
    top:-3px;
}

.campaingn-body::before {
    bottom:-3px;
}

.campaingn-headline {
  font-weight: 700;
}
.campaingn-text {
  font-size: 0.6rem;
  font-weight: 700;
}

.campaingn-annotation {
  margin-top: 10px;
  text-align: right;
  font-size: 0.5rem;
}

.conversion-button {
  background: transparent linear-gradient(281deg, #4FACFE 0%, #01F1FE 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  color: #ffffff;
  width: 300px;
  padding: 16px 0;
  border: 0px solid #131A22;
  border-radius: 75px;
  margin-top: 30px;
}

.button-link {
  color: #ffffff;
}

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

}

@media screen and (min-width: 768px) {
  .plans-containner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }  
}


/* section7 */

.section7 .section-containner {
  margin: 70px auto;
}

.section7 h2 {
  font-size: 1.3rem;
}

.contact-form-title {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 70px;
}

.section7 h2.form-title {
  font-size: 20px;
  color: #ffffff;
}

.form-sub-title {
  font-size: 0.5rem;
  color: ;
}

.contact-form-container {
  max-width: 700px;
  margin: 68px auto 0 auto;
}

.contact-form-item {
  margin: 0 auto 20px auto;
}
.contact-form-item input[type="text"], .contact-form-item input[type="email"], .contact-form-item input[type="tel"] {
  border: 2px solid rgba(64, 64, 64, 1);
  border-radius: 25px;
  width: 100%;
  font-size: 18px;
  padding: 15px 36px;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wpcf7-form-control-wrap textarea {
  border: 2px solid rgba(64, 64, 64, 1);
  border-radius: 25px;
  resize: none;
  width:100%;
  height:200px;
  font-size: 18px;
  padding: 15px 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

.wpcf7-form-control-wrap textarea:focus {
  outline: none;
}

.mandatory-input {
  color: #00F2FE;
}

.privacy-policy-container {
  width: 100%;
  background-color: #ffffff;
  border: 2px solid #404040;
  border-radius: 25px;
  padding: 15px 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.agreement-privacy-policy-container {
  margin: 24px auto;
  text-align: center;
  color: #292929;
}

.submit-btn-container {
  text-align: center;
}

.submit-btn-inner {
  margin-bottom: 24px;
  display: inline-block;
}

.wpcf7-submit {
  background: transparent linear-gradient(281deg, #4FACFE 0%, #01F1FE 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  color: #ffffff;
  width: 300px;
  padding: 16px 0;
  border: 0px solid #131A22;
  border-radius: 75px;
  margin-top: 30px;
}

/*footer*/
.footer-border {
  height: 15px;
  background: transparent linear-gradient(91deg, #01F1FE 0%, #4FACFE 100%) 0% 0% no-repeat padding-box;
}

.btn-to-pagetop {
  display: none;
}

.footer-section {
  background-color: #131A22;
}

.footer-primary-list, .footer-primary-list-link, .footer-copyright{
  color: #01F2FE;
}

.footer-instagram-icon, .footer-twitter-icon, .footer-facebook-icon {
  display: none;
}

.footer-instagram-link:after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(lib/images/no-doubt/ico-instagram-skyblue.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.footer-twitter-link:after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(lib/images/no-doubt/ico-twitter-skyblue.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.footer-facebook-link:after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(lib/images/no-doubt/ico-facebook-skyblue.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}