/*==========================================================
    Product Name: UR-ADVISOR
    Created By: Codeshaper
    Website: http://codeshaper.net
    Description: 
    Version: v1.0
============================================================*/

/*==========================================================
    
    CSS INDEX
    ===================
  
  1. Theme Default CSS
  2. Theme Header CSS
  3. Theme Main Area CSS
  4. Question Page CSS
  5. Suggestion Page CSS

  
==========================================================*/


/*----------------------------------------*/
/*  1. Theme Default CSS
/*----------------------------------------*/


::placeholder {
    color: black;
    opacity: .65;
    font-size: 12px;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
  font-family: 'Kaylush';
  src: url("../webfonts/Kaylush.eot");
  src: url("../webfonts/Kaylush.eot") format("embedded-opentype"), url("../webfonts/Kaylush.woff2") format("woff2"), url("../webfonts/Kaylush.woff") format("woff"), url("../webfonts/Kaylush.ttf") format("truetype"), url("../webfonts/Kaylush.svg") format("svg");
   }

* {
    -webkit-font-smoothing: antialiased;
}

body{
    min-height: 110vh;
    font-family: 'Poppins', sans-serif;
    display: -webkit-flex;
    display: -moz-flex;
    display: -os-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column; 
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -os-justify-content: center;
  -ms-justify-content: center;
    justify-content: center;
}

body.light{

 /*background-color: #F7EAF0;*/
 background-color: #EDEBFC;
 
 

}

body.dark{
  background-color: #2C2D30;
}

.back-icon a {
    text-decoration: none;
    color: #fff;
    border: 2px solid #36585b;
    padding: 13px;
    border-radius: 11px;
}

.rectangle {
  width: 660px;
  border-radius: 10px;
  margin: auto;
  background: #ebecf0;
  box-shadow: 7px 7px 15px rgba(55, 84, 170, .15), -7px -7px 20px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, .2);
}

.dark .rectangle{
  box-shadow: -6px -6px 16px 0 rgba(255, 255, 255, 0.1), 6px 6px 16px 0 rgba(17, 17, 17, 0.53);
  color: #a7a7a7;
  background: transparent;
}
#viewmessage {
  display: none
}
/*----------------------------------------*/
/*  2. Theme Header CSS
/*----------------------------------------*/
header{
    position: absolute;
    top: 25px;
    right: 0;
    width: 100%;
    height: 11vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -os-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
}
.logo {
    text-align: left;
}

.logo img {
  max-width: 70px;
  /*max-height: 85px;*/
}

.light .light-logo{
  display: none;
}

.dark .dark-logo{
  display: none;
}

.themeIcon > button {
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15), -3px -3px 5px rgba(255,255,255,0.65);
  border: none;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  outline: none;
}

.themeIcon > button:hover {
  box-shadow: inset 3px 3px 7px rgba(136, 165, 191, 0.48), inset -3px -3px 7px #FFFFFF;
}


.dark .dark-btn{
  display: none;
}

.light .light-btn{
  display: none;
}


.light-btn {
  background: transparent;
  box-shadow: 3px 3px 5px rgba(77, 69, 69, 0.15), -3px -3px 5px rgba(0, 0, 0, 0.65) !important;
  color: #fff;
}
.light-btn:hover {
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.51), inset -3px -3px 7px #0000004f !important;
}
/*----------------------------------------*/
/*  3. Theme Main Area CSS
/*----------------------------------------*/
.home_title {
  width: 80%;
  margin: 20px auto;
}
.content-wrap-home{
  min-height: 70vh;
  max-width: 70%;
  margin: 0 auto;
  padding: 50px 10px;
  border-radius: 30px;
}

.content-wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.light .content-wrap{
 background: transparent;
  /*box-shadow: 7px 7px 15px rgba(55, 84, 170, .15), -7px -7px 20px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, .2) !important;*/
}

.dark .content-wrap {
  border-radius: 20px;
  /*box-shadow: 3px 3px 3px #202125, -3px -3px 3px #3e3e3e;*/
}

.content-wrap-top h1,
.content-wrap-home h2{
  font-family: 'Kaylush';
    font-size: 40px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: initial;
    text-align: center;
    color: #36585b;
    margin-bottom: 18px;
}
.content-wrap-top h1{
  color: #d5fefa;
  margin:15px 0px 30px;
}

.content-wrap-home p.content-wrap-home p{
  font-family: Poppins;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: normal;
  text-align: center;
  color: #36585b;
}

.light .content-wrap-home p,
.light .content-wrap-top h1, 
.light .content-wrap-home h2{
  color: #0D493C;
}

.dark .content-wrap-home p,
.dark .content-wrap-top h1, 
.dark .content-wrap-home h2{
  color: #d0d0d0;
}


.content-icon-slide {
    padding: 25px auto 0px;
}

/* 
.dark .owl-item{
  box-shadow: inset 5px 5px 7px 5px rgba(0, 0, 0, 0.16), inset -5px -5px 7px 5px rgba(62, 66, 68, 0.6);
}

.owl-carousel{
  margin: 50px 0px;
} */

.user-data button.red,
a.btn-lrg {
 
  
  text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    padding: 16px 30px;
    border-radius: 14px;
    width: auto;
    min-width: 160px;
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 600;
    margin: 10px 0px 0px;
    color: rgb(13, 73, 60);
    background-color: rgb(222, 218, 239);
    border: 1px solid rgb(13, 73, 60);
    line-height: 1.3;
    height: auto;
    min-height: auto;
    letter-spacing: 0.5px;
  
}

.user-data button.red{
  width: 100%;
  border-radius: 320px;
  margin-top: 10px;
}

.light .user-data button.red,
.light a.btn-lrg {
   color: rgb(13, 73, 60);
}

.light .user-data button.red:hover,
.light a.btn-lrg:hover {
      background-color: rgb(13, 73, 60);
      color: rgb(222, 218, 239);
  
}
.dark .user-data button.red,
.dark a.btn-lrg {
  box-shadow: -6px -6px 16px 0 rgba(255, 255, 255, 0.1), 6px 6px 16px 0 rgba(17, 17, 17, 0.53);
  color: #a7a7a7;
  background: transparent;
  outline: none;
}

.dark .user-data button.red:hover,
.dark a.btn-lrg:hover {
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.21), inset -3px -3px 7px rgba(76, 68, 68, 0.45);
}

a.btn-lrg i {
  border-radius: 10px;
  padding: 4px;
  font-size: 8px;
  position: relative;
  top: -1px;
  margin-left: 8px;
}

.light a.btn-lrg i{
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15), -3px -3px 5px rgba(255,255,255,0.65);
}

.dark a.btn-lrg i {
  box-shadow: 3px 3px 5px rgba(104, 98, 98, 0.15), -3px -3px 5px rgba(82, 82, 82, 0.65);
}
.searh-icon img {
  max-width: 100px;
  margin-bottom: 15px;
}


/*----------------------------------------*/
/*  4. Question Page CSS
/*----------------------------------------*/
.main-content form {
  display: inline-block;
}

.main-content form .content-wrap {
  /*min-width: 55vh;*/
  min-width: 100%;
    min-height: 100vh;
  border-radius: 15px;
}

.questions-wrap h4{
  font-family: Poppins;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  margin:20px auto;
}


.segment h2,
.content-wrap-top h2,
.qustion-single h2 {
  width: 486px;
  font-family: Poppins;
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: #36585b;
  margin:auto;
}

.que-ans{
    margin: 0;
    padding: 0px 0px 0px;
    list-style: none;
}

.que-ans li{
    margin-right: 20px;
    display: inline-block;
}

.content-wrap-top h2,
.qustion-single h2,
.light .segment h2,
.light .questions-wrap h4{
  color: #909CB0;
}


.dark .feature-post h2,
.dark .suggestion-slide>h2,
.dark .content-wrap-top h2,
.dark .qustion-single h2 ,
.dark .questions-wrap h4,
.dark .segment h2,
.dark .qustion-single h2{
  color: #d0d0d0 !important;
}

.user-data{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.segment h2 {
    font-size: 24px;
    line-height: 36px;
}

.segment {
    margin-bottom: 30px;
}
.user-data label {
  width: 100%;
  margin-bottom: 20px;
}

.user-data label input {
  width: 100%;
  border: none;
  box-shadow: inset 2px 2px 5px #aeaeae, inset -5px -5px 10px #FFF;
  padding: 15px 25px;
  font-size: 16px;
  border-radius: 320px;
  background-color: #EBECF0;
  text-shadow: 1px 1px 0 #FFF;
  box-shadow: 0 0 black;
  outline: none;
  transition: .5s;
  box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #FFF;
}

.user-data label input:focus {
  box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;
}

.dark .user-data label input{
  box-shadow: inset -2px -2px 6px rgba(255, 255, 255, 0.1), inset 2px 2px 6px rgba(0, 0, 0, 0.8);
  background: transparent;
  text-shadow: none;
  color: #dddddd8c;
}

.user-data .segment h2 {
  font-size: 24px;
  line-height: 36px;
}

.user-data .segment {
  margin-bottom: 30px;
}

#ck-button label input {
    position: absolute;
    left: 8px;
    top: 6px
}

#ck-button label input[type="text"]{
    position: inherit;
    left: 0;
    top: 0;
}

#ck-button label input[type="number"] {
    position: inherit;
    left: 0;
    top: 0;
}

#ck-button input:checked + span {
  color:#fff;
}
#ck-button{
  border-radius: 10px;
}


#ck-button button,
#ck-button label{
  display: inline-block;
  border-radius: 8px;
  letter-spacing: 1px;
  font-weight: 500;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  margin-bottom: 0px;
    position: relative;

}

#ck-button button{
  padding: 14px 20px;
}

.isCircle {
  border-radius: 100% !important;
}

ul.que-ans.ans-text #ck-button img,
ul.que-ans.ans-text #ck-button span {
  display: block;
  cursor: pointer;
  line-height: 0px;
}

.light ul.que-ans.ans-text #ck-button button ,
.light ul.que-ans.ans-text #ck-button {
  color: #909cb0;
}

.dark ul.que-ans.ans-text #ck-button button ,
.dark ul.que-ans.ans-text #ck-button {
  color: #a7a7a7;
  box-shadow: 3px 3px 5px rgba(18, 15, 15, 0.15), -3px -3px 5px rgb(58, 58, 58);
}

.light  ul.que-ans.ans-text #ck-button:hover{
}


.dark  ul.que-ans.ans-text #ck-button:hover{
  box-shadow: inset 3px 3px 7px rgba(21, 19, 19, 0.34), inset -3px -3px 7px #0000005c;
}

.ans-icon li{
 width: 120px;
  height: 120px;
  border-radius: 10px;
  background-color: #36585b;

}

.ans-icon li button,
.ans-icon li a{
  font-family: AppleColorEmoji;
  font-size: 65px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.42;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  text-decoration: none;
  line-height: 120px;
  display: block;
  border:none;
      cursor: pointer;
}

.border-radius li {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    background-color: #36585b;
    border-radius: 100%;
}

.que-ans img {
      width: 85px;
}

.que-ans .isCircle img {
      width: 74px !important;
}

.main-content-error{
  min-height: 64.5vh;
  display: flex;
  justify-content: center;
  align-items: center; 
}

.error{
  display: inline-block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  padding: 50px 55px;
  margin-bottom: 60px;
  border-radius: 20px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15), -3px -3px 5px rgba(255,255,255,0.65);
  max-width: 420px;
}

.error h2{
  font-size: 30px;
  margin-bottom: 40px;
  color: #909cb0;
}

.dark .error h2{
  color: #d0d0d0;
}

.dark .error{
  color:#fff;
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.21), inset -3px -3px 7px rgba(76, 68, 68, 0.45);
}
/*----------------------------------------*/
/*  5. Suggestion Page CSS
/*----------------------------------------*/

.content-wrap-top-img{
    width: 150px;
    height: 150px;
    border-radius: 72px;
    background-color: #ebecf0;
    margin: 10px auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -os-flex;
    display: -ms-flex;
    display: flex;
    
    -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column; 
  flex-direction: column;
  
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -os-justify-content: center;
  -ms-justify-content: center;
    justify-content: center;
    
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -os-align-items: center;
    align-items: center;
    
    box-shadow: 3px 3px 5px rgba(0,0,0,0.15), -3px -3px 5px rgba(255,255,255,0.65);

}

.dark .content-wrap-top-img{
  box-shadow: 3px 3px 3px #202125, -3px -3px 3px #3e3e3e;
  background-color: #2C2D30;
}

.content-wrap-top-img img {
    max-width: 70%;
    position: relative;
    top: -12px;
    -ms-max-height:100px;
}

.single-suggestion-content {
    padding: 12px;
}
.single-suggestion-content h2{
  font-family: Poppins;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--dark-grey-blue);
}
.single-suggestion-content p{
  font-family: Poppins;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: #36585b;
}

.dark .feature-post p ,
.dark .single-suggestion-content p {
  color: #d0d0d0;
}


.single-suggestion-box a{
    border-top: solid 0.5px #909cb094;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0px;
    text-align: center;
    color: #909cb0;
    display: block;
    padding: 10px;
    text-decoration: none;
}

.dark .single-suggestion-box a {
  border-top: solid 0.5px #00000094;
  color: #d0d0d0;
}

.single-suggestion-box {
    margin-bottom: 30px;
}

.content-wrap-top {
    padding-top: 110px;
}

.suggestion-link h2{
  font-family: Poppins;
  font-size: 23px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  color: #909CB0;
  margin-bottom: 20px;
}

.dark .suggestion-link h2{
  color: #d0d0d0;
}

.suggestion-slide a,
.suggestion-link button{
  width: 208px;
  height: 50px;
  border-radius: 10px;
  background-color: transparent;
  font-family: Poppins;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  color: #909cb0;
  text-decoration: none;
  display: block;
  margin:10px auto 0px;
  line-height: 3;
  border:0px;
  cursor: pointer;
  line-height: 2.2;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15), -3px -3px 5px rgba(255,255,255,0.65);
}
.suggestion-slide a:hover,
.suggestion-link button:hover{
  box-shadow: inset 3px 3px 7px rgba(136, 165, 191, 0.48), inset -3px -3px 7px #FFFFFF;
  color: #909cb0;
}

.dark .suggestion-slide a,
.dark .suggestion-link button{
  box-shadow: -6px -6px 16px 0 rgba(255, 255, 255, 0.1), 6px 6px 16px 0 rgba(17, 17, 17, 0.53);
    color: #a7a7a7;
}

.dark .suggestion-slide a:hover,
.dark .suggestion-link button:hover{
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.21), inset -3px -3px 7px rgba(76, 68, 68, 0.45);
}

.suggestion-slide a{
  line-height: 50px;
}

.suggestion-link {
    margin-top: 50px;
}

.suggestion-slide>h2{

  font-family: Poppins;
  font-size: 23px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  color: #929eb1;    
  margin-bottom: 20px;
}

.suggestion-slide {
    padding-bottom: 50px;
        padding-top: 40px;
}


/*----------------------------------------*/
/*  suggestin slider css
/*----------------------------------------*/

.slider-wrap{
  width: 361px;
  height: 235px;
}
.slick-list{
  border-radius: 10px;
}
.slick-current {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.slider {
  width: 361px;
  height: 235px;
  margin:auto;
}

.slider div img{
  height: 70px;
  margin: auto;
}

.slick-slide {

  
  background: red;
  color: white;
  padding: 20px 0 20px;
  font-size: 30px;
  font-family: "Arial", "Helvetica";
  text-align: center;
}

.slick-prev:before, 
.slick-next:before {
  color: black;    
}

.slick-dots {
  bottom: -30px;
}

.slick-slider .slick-list{
  box-shadow: 7px 7px 15px rgba(55, 84, 170, .15), -7px -7px 20px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, .2);
  cursor: all-scroll;
}

.dark .slick-slider .slick-list{
  background: transparent;
  box-shadow: -6px -6px 16px 0 rgba(255, 255, 255, 0.1), 6px 6px 16px 0 rgba(17, 17, 17, 0.53);
}

.slick-vertical .slick-slide {
  background: -webkit-linear-gradient(to bottom, #f0f1f4, #f0f1f4);
  background: linear-gradient(to bottom, #f0f1f4, #f0f1f4);
}

.dark .slick-vertical .slick-slide {
  background: -webkit-linear-gradient(to bottom, #2c2d30, #2c2d30b0);
  background: linear-gradient(to bottom, #2c2d30, #2c2d30b0);
}

.slick-slide.slick-current.slick-active.slick-center {
  background-image: linear-gradient(to bottom,#e4e5e9, #dcdde16b, #e7e8ec, #e6e7eb, #e8e9ed, #e6e7eb, #e4e5e9, #e4e5e9);
}

.dark .slick-slide.slick-current.slick-active.slick-center {
  background-image: linear-gradient(to bottom,#2c2d30, #4f5258, #5d6065, #5e6166, #5e6166, #5c5f64, #515458, #2c2d30);
}
/*----------------------------------------*/
/*  6. Feature post CSS
/*----------------------------------------*/
.feature-area{
  background: #f0f1f4;
  padding:60px 0px;
}

.dark .feature-area {
  background: #212226;
}


.feature-post h2{
  font-family: Poppins;
  font-size: 23px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #929eb1;
}
.feature-post p{
  width: 379px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  color: #36585b;
  margin:auto;
}
.feature-post a{
    width: 260px;
    height: 50px;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0px;
    text-align: center;
    color: #909cb0;
    text-decoration: none;
    margin: auto;
    background: transparent;
    display: block;
    line-height: 50px;
    border-radius: 11px;
    margin-top: 15px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.15), -3px -3px 5px rgba(255,255,255,0.65);
}

.dark .feature-post a{
  box-shadow: -6px -6px 16px 0 rgba(255, 255, 255, 0.1), 6px 6px 16px 0 rgba(17, 17, 17, 0.53);
  color: #a7a7a7;
}

.feature-post a:hover{
  box-shadow: inset 3px 3px 7px rgba(136, 165, 191, 0.48), inset -3px -3px 7px #FFFFFF;
}

.dark .feature-post a:hover{
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.21), inset -3px -3px 7px rgba(76, 68, 68, 0.45);
}

.feature-post a i {
  border-radius: 10px;
  padding: 4px;
  font-size: 8px;
  position: relative;
  top: -1px;
  margin-left: 8px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15), -3px -3px 5px rgba(255,255,255,0.65);
}

.dark .feature-post a i { 
  box-shadow: 3px 3px 5px rgba(104, 98, 98, 0.15), -3px -3px 5px rgba(82, 82, 82, 0.65);
}


.hideMe{
    display:none !important;
}

.light .result-area,
.dark .result-area {
  box-shadow: none !important;
}
/*----------------------------------------*/
/*  7. Foote CSS
/*----------------------------------------*/
.footer {
    background: #EBECF0;
    overflow: hidden;
    padding: 20px 0px 10px;
}


.dark .footer {
    background: #2c2d30;
}


footer.footer p{
  font-size: 25px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  color: #909CB0;
}


footer.footer p span {
    width: 10px;
    height: 10px;
    background: red;
    display: inline-block;
    border-radius: 100%;
}

@-webkit-keyframes leaves {
    0% {
        -webkit-transform: scale(1.0);
    }
    100% {
        -webkit-transform: scale(.90);
    }
}

@keyframes leaves {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(.90);
    }
}

/* ----------------next preview style */

div#nextprevew {
    font-size: 15px;
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;

}

button:focus{
    outline: 0px;
}
button.btnstlb{

    margin-right: 85px;
}
button.btnstln{
    margin-left: 85px;

}
span.nextback {
    padding: 0px 10px;
}

/* ---------- */

p img.welcomefootimg {
    width: 625px;
}



.home_title.mm h2:before{
    top: -85px;
    right: -75px;
    position: absolute;
    content: "";
    width: 112px;
    height: 111px;
    background: url(https://menoveda.com/cdn/shop/files/Balance_Circle-22.png?v=1668762931);
    background-size: cover;
    background-position: center center;
    animation: mymove 7s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    z-index: 9;
}
@keyframes mymove{
  0%{
    transform:rotate(0deg);
            
  
  }
  100%{
    transform:rotate(360deg);
             
  }
}


h2.position-relatiovstl {
    position: relative;
}

.content-wrap-single .qustion-single h2 {
    font-family: 'Kaylush';
    font-weight: 500;
    width: 100%;
    margin: 20px auto 20px; 
    font-size: 38px;
    color: rgb(13, 73, 60);
    text-transform: none;
    letter-spacing: initial;
}

section.bg_stl {
    background-color: #ecefca;
}

/* contaner2------------------------change 1 se 2------------------ */

ul.que-ans.ans-text.input-container-2 input.form-control {
   min-width: 370px;
    min-height: 55px;
    border: 1px solid black;
    border-radius: 7px;
}

ul.que-ans.ans-text.input-container-2 li#ck-button{
	
	    margin-right: 0px;
	
}

ul.que-ans.ans-text.input-container-2 li#ck-button label{
	
	    padding: 0px 0px;

}


/* contaner3-----------------change 2 se 3------------------------ */

ul.que-ans.ans-text.input-container-3 li#ck-button span {
    font-size: 18px;
    padding: 11px 0;
    font-family: system-ui;
    font-weight: 500;
}

ul.que-ans.ans-text.input-container-3 li#ck-button input:checked + .imgrap{
	color: #838189;
	color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 22px 22px;
    border-radius: 8px;
	
}


ul.que-ans.ans-text.input-container-3 li#ck-button .imgrap {
    padding: 22px 22px;
}

ul.que-ans.ans-text.input-container-3 li#ck-button {
  
  
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 20px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;
    
}

ul.que-ans.ans-text.input-container-3 li#ck-button label input{
	
	    z-index: -1;
	        visibility: hidden;
}


ul.que-ans.ans-text.input-container-3 li#ck-button label img{
 width: 90px;
 opacity: .87;

}
   
ul.que-ans.ans-text.input-container-3 {
    padding: 0 196px;
}


ul.que-ans.ans-text.input-container-3 li#ck-button:hover {
    transform: translateY(-5px);
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

/*  ----contaner 5-----------change 3 se 5----------------------*/

ul.que-ans.ans-text.input-container-5 li#ck-button{
  margin-right: 0px;
}

ul.que-ans.ans-text.input-container-5 li#ck-button label{
	    padding: 0px 0px;

}

ul.que-ans.ans-text.input-container-5 input.form-control {
    min-width: 345px;
    min-height: 49px;
    
    border: 1px solid black;
    border-radius: 7px;
}


/*--------contaner6------  change 4 se 6-----------------------------*/

ul.que-ans.ans-text.input-container-6 li#ck-button{
height: 20% !important; 
  
    padding: 0px !important;
    max-width: 100%;
   margin: 0px 10px 12px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

}


ul.que-ans.ans-text.input-container-6 {
    display: flex;
    flex-direction: column;
    padding:0 30px;
}

ul.que-ans.ans-text.input-container-6 li#ck-button label{
    display: flex;
    padding: 20px 35px;

}
ul.que-ans.ans-text.input-container-6 li#ck-button label span{
   cursor: pointer;
    line-height: 0px;
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
    font-family: system-ui;
 
}

ul.que-ans.ans-text.input-container-6 li#ck-button label input{
     left: 18px;
    top: 14px;
    width: 15px;
    height: 15px;
    position: absolute;

}

ul.que-ans.ans-text.input-container-6 li#ck-button input:checked + span {

color: #838189;

}

ul.que-ans.ans-text.input-container-6 li#ck-button label:hover {
    display: flex;
    padding: 20px 35px;
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

/* contaner 5---------------------------------------------------- */

ul.que-ans.ans-text.input-container-7{

       column-count: 3;
    display: list-item;
    width: 983px;
    padding:0 100px;
}

ul.que-ans.ans-text.input-container-7 li#ck-button label{
min-width: 250px;
    display: inline-block;
     /*padding: 20px 55px; */
    border-radius: 8px;
    letter-spacing: 1px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    margin-bottom: 0px;
    position: relative;

}
ul.que-ans.ans-text.input-container-7 li#ck-button label:hover {
 
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

ul.que-ans.ans-text.input-container-7 li#ck-button label input {
   left: 18px;
    top: 14px;
    width: 14px;
    height: 14px;
    position: absolute;
      border-radius: 50%;
    border: 1px solid #1f0202;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background-color: white;
}
ul.que-ans.ans-text.input-container-7 li#ck-button label input:checked{
    
    background-color: #0d493c;
    border: 3px solid white;
}

  ul.que-ans.ans-text.input-container-7 li#ck-button input:checked + span {
    color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 16px 37px;
	
 border-radius: 8px;
}

ul.que-ans.ans-text.input-container-7 li#ck-button label span{
	    cursor: pointer;
   line-height: 7px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
	
	padding: 16px 37px;
}

ul.que-ans.ans-text.input-container-7 input.form-control {
    min-width: 345px;
    min-height: 49px;
    
    border: 1px solid black;
    border-radius: 7px;
}

ul.que-ans.ans-text.input-container-7 li#ck-button{
height: 20% !important; 
  
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 5px 10px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

}


/*---contaner6--------------------------------------------------*/

ul.que-ans.ans-text.input-container-8 li#ck-button{
height: 20% !important; 
  
    padding: 0px !important;
    max-width: 100%;
    
   max-width: 150px;
    max-height: 306px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

}
ul.que-ans.ans-text.input-container-8 li#ck-button label{
  font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    width: 120px;
    padding-top: 41px;
    padding-bottom: 85px;

}

ul.que-ans.ans-text.input-container-8 {
    display: flex;
   flex-direction: row;
}

ul.que-ans.ans-text.input-container-8 li#ck-button label input{
   left: 50px;
    top: 85px;
    width: 15px;
    height: 15px;
    position: absolute;

}

ul.que-ans.ans-text.input-container-8 li#ck-button label:hover {
    display: flex;
   padding: 21px 35px; 
   background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
    width: 120px;
    padding-top: 41px;
    padding-bottom: 85px;
    justify-content: center;
}

ul.que-ans.ans-text.input-container-8 li#ck-button input:checked + span {
    color: #838189;
}

 ul.que-ans.ans-text.input-container-8 li#ck-button label span{
    cursor: pointer;
    line-height: 7px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
}


/* ------contaner7*/

ul.que-ans.ans-text.input-container-9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 35px;
}


ul.que-ans.ans-text.input-container-9 li#ck-button {
    height: 20% !important;
    padding: 0px !important;
       width: 62%;
   margin: 0px 10px 10px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;
}

ul.que-ans.ans-text.input-container-9 li#ck-button label{
	
	    display: flex;
    padding: 20px 35px;
	
}

ul.que-ans.ans-text.input-container-9 li#ck-button label input{
	
	left: 18px;
    top: 14px;
    width: 15px;
    height: 15px;
    position: absolute;
}

ul.que-ans.ans-text.input-container-9 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
}

ul.que-ans.ans-text.input-container-9 li#ck-button label:hover {
    display: flex;
   
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

ul.que-ans.ans-text.input-container-9 li#ck-button input:checked + span {
    color: #838189;
}

/* ------------contaner 8 */



ul.que-ans.ans-text.input-container-10 {
    display: flex;
    flex-direction: column;
    padding: 0px 45px;
}

ul.que-ans.ans-text.input-container-10 li#ck-button {
    height: 20% !important;
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 10px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;
}

ul.que-ans.ans-text.input-container-10 li#ck-button label{
	
	    display: flex;
    padding: 20px 35px;
	
}

ul.que-ans.ans-text.input-container-10 li#ck-button label input{
	
	left: 18px;
    top: 14px;
    width: 15px;
    height: 15px;
    position: absolute;
}

ul.que-ans.ans-text.input-container-10 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
}

ul.que-ans.ans-text.input-container-10 li#ck-button label:hover {
    display: flex;
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

ul.que-ans.ans-text.input-container-10 li#ck-button input:checked + span {
    color: #838189;
}

 /*-----contener--9 */

ul.que-ans.ans-text.input-container-11 li#ck-button {
    height: 20% !important;
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 20px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;
}
 ul.que-ans.ans-text.input-container-11 li#ck-button label{
padding: 27px 90px;
} 

ul.que-ans.ans-text.input-container-11 li#ck-button label input{
	
	left: 18px;
    top: 19px;
    position: absolute;
    width: 15px;
    height: 15px;
}

ul.que-ans.ans-text.input-container-11 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
    position: relative;
    right: 42px;
}


ul.que-ans.ans-text.input-container-11 li#ck-button label:hover {
    display: flex;
     /*padding: 20px 35px; */
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

ul.que-ans.ans-text.input-container-11 li#ck-button input:checked + span {
    color: #838189;
}

/* --------contaner10-- */


ul.que-ans.ans-text.input-container-12 {
   display: grid;
    justify-content: space-evenly;
}

ul.que-ans.ans-text.input-container-12 li#ck-button {
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 12px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;
}

ul.que-ans.ans-text.input-container-12 li#ck-button label{
	
	    display: flex;
    padding: 20px 35px;
	
}

ul.que-ans.ans-text.input-container-12 li#ck-button label input{
	
	left: 18px;
    top: 14px;
    width: 15px;
    height: 15px;
    position: absolute;
}

ul.que-ans.ans-text.input-container-12 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
}

ul.que-ans.ans-text.input-container-12 li#ck-button label:hover {
    display: flex;
    padding: 20px 35px;
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

ul.que-ans.ans-text.input-container-12 li#ck-button input:checked + span {
    color: #838189;
}

/* contaener 11 */



ul.que-ans.ans-text.input-container-13 li#ck-button {
    height: 20% !important;
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 20px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;
}

 ul.que-ans.ans-text.input-container-13 li#ck-button label{
	
	    
       padding: 27px 85px;
	
} 

ul.que-ans.ans-text.input-container-13 li#ck-button label input{
	
	left: 18px;
    top: 20px;
    width: 15px;
    height: 15px;
    position: absolute;
}

ul.que-ans.ans-text.input-container-13 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    right: 35px;
}

ul.que-ans.ans-text.input-container-13 li#ck-button label:hover {
    display: flex;
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

ul.que-ans.ans-text.input-container-13 li#ck-button input:checked + span {
    color: #838189;
}

/* contaner 12 */



ul.que-ans.ans-text.input-container-14 li#ck-button {
    height: 20% !important;
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 20px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;
}

 ul.que-ans.ans-text.input-container-14 li#ck-button label{
	
	    
        padding: 27px 85px;
	
} 

ul.que-ans.ans-text.input-container-14 li#ck-button label input{
	
	left: 18px;
    top: 20px;
    width: 15px;
    height: 15px;
    position: absolute;
}

ul.que-ans.ans-text.input-container-14 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
     position: relative;
    right: 35px;
}

ul.que-ans.ans-text.input-container-14 li#ck-button label:hover {
    display: flex;
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}
ul.que-ans.ans-text.input-container-14 li#ck-button input:checked + span {
    color: #838189;
}

/* -----contaner13 */


ul.que-ans.ans-text.input-container-15 {
    display: grid;
    justify-items: stretch;
    justify-content: space-evenly;
}
ul.que-ans.ans-text.input-container-15 li#ck-button {
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 12px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

overflow: auto;
}



ul.que-ans.ans-text.input-container-15 li#ck-button label input{
	
	left: 18px;
    top: 14px;
    width: 15px;
    height: 15px;
    position: absolute;
      border-radius: 50%;
    border: 1px solid #1f0202;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background-color: white;

}

ul.que-ans.ans-text.input-container-15 li#ck-button label input:checked{
    
    background-color: #0d493c;
    border: 3px solid white;
}



ul.que-ans.ans-text.input-container-15 li#ck-button input:checked + span {
	color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 16px 43px;
	width: 100%;
 border-radius: 8px;
}

  ul.que-ans.ans-text.input-container-15 li#ck-button label span {
    cursor: pointer;
    line-height: 7px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    padding: 16px 43px;
}

ul.que-ans.ans-text.input-container-15 li#ck-button label{
	    display: flex;
 
}

ul.que-ans.ans-text.input-container-15 li#ck-button label:hover {
    display: flex;
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

/*ul.que-ans.ans-text.input-container-13 li#ck-button input:checked + span {*/
/*    color: #838189;*/
/*}*/



/* contaner 14 */


ul.que-ans.ans-text.input-container-16{

    /*     column-count: 3;*/
    /*display: list-item;*/
    /*width: 1080px;*/
    width: 1158px;
}


ul.que-ans.ans-text.input-container-16 li#ck-button label{
min-width: 350px;
    display: inline-block;
    border-radius: 8px;
    letter-spacing: 1px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    margin-bottom: 0px;
    position: relative;

}
ul.que-ans.ans-text.input-container-16 li#ck-button label:hover {
   
   
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}


ul.que-ans.ans-text.input-container-16 li#ck-button label input {
   left: 18px;
    top: 16px;
    width: 14px;
    height: 14px;
    position: absolute;
      border-radius: 50%;
    border: 1px solid #1f0202;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background-color: white;
    
}

ul.que-ans.ans-text.input-container-16 li#ck-button label input:checked{
    
    background-color: #0d493c;
    border: 3px solid white;
}

ul.que-ans.ans-text.input-container-16 li#ck-button{
height: 20% !important; 
  
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 5px 10px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

}

ul.que-ans.ans-text.input-container-16 li#ck-button label:hover {
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}
ul.que-ans.ans-text.input-container-16 li#ck-button input:checked + span {
	
	color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 13px 43px;
	
 border-radius: 8px;
}

ul.que-ans.ans-text.input-container-16 li#ck-button label span {
    cursor: pointer;
    line-height: 20px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    padding: 13px 43px;
}



/* contaner15---- */



ul.que-ans.ans-text.input-container-17{

       column-count: auto;
    display: list-item;
       width: 745px;
}


ul.que-ans.ans-text.input-container-17 li#ck-button label:hover {
 
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

ul.que-ans.ans-text.input-container-17 li#ck-button label input {
   left: 18px;
    top: 14px;
    width: 14px;
    height: 14px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #1f0202;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background-color: white;
    
}

ul.que-ans.ans-text.input-container-17 li#ck-button label input:checked{
    
    background-color: #0d493c;
    border: 3px solid white;
}

ul.que-ans.ans-text.input-container-17 li#ck-button{
height: 20% !important; 
  
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 10px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

}

ul.que-ans.ans-text.input-container-17 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
	
	padding: 20px 43px;
}

ul.que-ans.ans-text.input-container-17 li#ck-button input:checked + span {
    color: #838189;
	
	color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 20px 43px;
	
 border-radius: 8px;
}

ul.que-ans.ans-text.input-container-17 li#ck-button label{
min-width: 300px;
    display: inline-block;
    border-radius: 8px;
    letter-spacing: 1px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    margin-bottom: 0px;
    position: relative;

}


/* contaner 16 */

ul.que-ans.ans-text.input-container-19{

          column-count: auto;
    display: list-item;
    width: 980px;
}


ul.que-ans.ans-text.input-container-19 li#ck-button label:hover {
 
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}


ul.que-ans.ans-text.input-container-19 li#ck-button label input {
  left: 18px;
    top: 14px;
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #1f0202;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background-color: white;
}

ul.que-ans.ans-text.input-container-19 li#ck-button label input:checked{
    
    background-color: #0d493c;
    border: 3px solid white;
}

ul.que-ans.ans-text.input-container-19 li#ck-button{
height: 20% !important; 
  
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 10px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

}

ul.que-ans.ans-text.input-container-19 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
	padding: 20px 43px;
}

ul.que-ans.ans-text.input-container-19 li#ck-button input:checked + span {
    color: #838189;
	
	color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 20px 43px;
	
 border-radius: 8px;
}
ul.que-ans.ans-text.input-container-19 li#ck-button label{
    min-width: 443px;
    display: inline-block;
    border-radius: 8px;
    letter-spacing: 1px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    margin-bottom: 0px;
    position: relative;

}

/* ----contaner 17 */


ul.que-ans.ans-text.input-container-20{

          column-count: 2;
    display: list-item;
    width: 820px;
}


ul.que-ans.ans-text.input-container-20 li#ck-button label:hover {
   
   
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}


ul.que-ans.ans-text.input-container-20 li#ck-button label input {
  left: 18px;
    top: 14px;
    width: 15px;
    height: 15px;
    position: absolute;
      border-radius: 50%;
    border: 1px solid #1f0202;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background-color: white;
}

ul.que-ans.ans-text.input-container-20 li#ck-button label input:checked{
    
    background-color: #0d493c;
    border: 3px solid white;
}

ul.que-ans.ans-text.input-container-20 li#ck-button{
height: 20% !important; 
  
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 10px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

}
ul.que-ans.ans-text.input-container-20 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
padding: 20px 43px;
}


ul.que-ans.ans-text.input-container-20 li#ck-button input:checked + span {
    color: #838189;
	
	color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 20px 43px;
	
 border-radius: 8px;
}

ul.que-ans.ans-text.input-container-20 li#ck-button label{
    min-width: 400px;
    display: inline-block;
    border-radius: 8px;
    letter-spacing: 1px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    margin-bottom: 0px;
    position: relative;

}

/* contener  18 */



ul.que-ans.ans-text.input-container-21{

          column-count: auto;
    display: list-item;
    width: 1100px;
}


ul.que-ans.ans-text.input-container-21 li#ck-button label:hover {
   
   
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}
ul.que-ans.ans-text.input-container-21 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

ul.que-ans.ans-text.input-container-21 li#ck-button label input {
  left: 18px;
    top: 14px;
    width: 15px;
    height: 15px;
    position: absolute;
      border-radius: 50%;
    border: 1px solid #1f0202;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background-color: white;

}

ul.que-ans.ans-text.input-container-21 li#ck-button label input:checked{
    
    background-color: #0d493c;
    border: 3px solid white;
}

ul.que-ans.ans-text.input-container-21 li#ck-button{
height: 20% !important; 
  
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 10px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

}


ul.que-ans.ans-text.input-container-21 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
	padding: 20px 43px;
	
}

ul.que-ans.ans-text.input-container-21 li#ck-button input:checked + span {
    color: #838189;
	
	color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 20px 43px;
	
 border-radius: 8px;
 
}

ul.que-ans.ans-text.input-container-21 li#ck-button label{
    min-width: 342px;
    display: inline-block;
    border-radius: 8px;
    letter-spacing: 1px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    margin-bottom: 0px;
    position: relative;

}



/* ciontener  19 */


ul.que-ans.ans-text.input-container-22{

          column-count: 2;
    display: list-item;
    width: 885px;
}


ul.que-ans.ans-text.input-container-22 li#ck-button label:hover {
   
   
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}


ul.que-ans.ans-text.input-container-22 li#ck-button label input {
  left: 18px;
    top: 14px;
    width: 15px;
    height: 15px;
    position: absolute;
     border-radius: 50%;
    border: 1px solid #1f0202;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background-color: white;
}

ul.que-ans.ans-text.input-container-22 li#ck-button label input:checked{
    
    background-color: #0d493c;
    border: 3px solid white;
}


ul.que-ans.ans-text.input-container-22 li#ck-button{
height: 20% !important; 
  
    padding: 0px !important;
    max-width: 100%;
    margin: 0px 10px 10px;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;

}

ul.que-ans.ans-text.input-container-22 li#ck-button label span{
	    cursor: pointer;
    line-height: 0px;
    font-family: system-ui;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
	
	padding: 20px 43px;
}

ul.que-ans.ans-text.input-container-22 li#ck-button input:checked + span {
    color: #838189;
	
	color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 20px 43px;
	
 border-radius: 8px;
}


ul.que-ans.ans-text.input-container-22 li#ck-button label{
    min-width: 430px;
    display: inline-block;
    border-radius: 8px;
    letter-spacing: 1px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    margin-bottom: 0px;
    position: relative;

}


/* contaner 20 */

ul.que-ans.ans-text.input-container-23 li#ck-button input:checked + span {
    color: #838189;
}

ul.que-ans.ans-text.input-container-23 li#ck-button {
    padding: 0px !important;
    max-width: 100%;
    border: 1px solid rgb(13, 73, 60);
    border-radius: 10px;
    background: rgb(226, 223, 244);
    font-family: Montserrat;
    color: rgb(13, 73, 60);
    cursor: pointer;
    transition: all 0.25s ease 0s;
	
   width: 149px;
    height: 190px;

}

ul.que-ans.ans-text.input-container-23 li#ck-button:hover {
    transform: translateY(-5px);
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}


ul.que-ans.ans-text.input-container-23 li#ck-button label img {
    width: 90px;
    opacity: .87;
}

ul.que-ans.ans-text.input-container-23 li#ck-button:hover {
    transform: translateY(-5px);
    background: rgb(13, 73, 60);
    color: rgb(226, 223, 244);
    border-color: rgb(13, 73, 60);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}
ul.que-ans.ans-text.input-container-23 li#ck-button label input{
	
	    z-index: -1;
	    visibility: hidden;
}

ul.que-ans.ans-text.input-container-23 li#ck-button label span {
   font-size: 18px;
    padding: 11px 0px;
    font-family: system-ui;
    font-weight: 500;
    line-height: 22px;
}



ul.que-ans.ans-text.input-container-23 li#ck-button input:checked + .imgrap{
	color: #838189;
	color: rgb(226, 223, 244);
    background-color: rgb(13, 73, 60);
    padding: 16px 24px;
    border-radius: 8px;
	
} 

    ul.que-ans.ans-text.input-container-23 li#ck-button .imgrap {
    padding: 15px 24px;
}


/* ----nextprevew button */

div#nextprevew span {
    cursor: pointer;
    font-family: system-ui;
    font-weight: 500;
    font-size: 14px;
}


/* user info */

form.mynameform .form-group.mb-3 input {
   min-width: 427px;
    min-height: 53px;
    border: 1px solid black;
    border-radius: 10px;
    padding: 0 0px 0 20px;
}

section.user-information .home_title h3 {
    font-family: 'Kaylush';
    font-size: 40px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: initial;
    text-align: center;
    color: #36585b;
}


.fontsl {
    font-size: 12px;
}

/* user info */
.btnstl a {
    padding: 12px 34px;
}

section.user-information .home_title h3.r_userinfoheading {
    font-size: 30px !important;
}

/* quiz description */

p.question-description {
    font-family: Montserrat;
    font-weight: 400;
    width: 100%;
    font-size: 15px;
    color: rgb(0, 0, 0);
    text-transform: none;
    letter-spacing: initial;
    padding-bottom: 10px;
}


a#nxtBtn {
    color: #212529;
    cursor: pointer;
    font-weight: 400;
    font-size: 17px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}

a#backBtn {
    color: #212529;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}

a#saveUserInformation {
   color: #212529;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}

.row.result_footer.d-flex.flex-column.align-items-center button.rounded a {
    color: black;
}


/*-------------*/

ul.que-ans.ans-text.input-container-1 li#ck-button label span {
    background-color: rgb(236, 239, 202);
    border: 1px solid black;
    padding: 20px;
    color: black;
    border-radius: 6px;
}

ul.que-ans.ans-text.input-container-1 li#ck-button label input{
z-index: -1;
}




ul.que-ans.ans-text.input-container-4 li#ck-button label span {
    background-color: rgb(236, 239, 202);
    border: 1px solid black;
    padding: 20px;
    color: black;
    border-radius: 6px;
}

ul.que-ans.ans-text.input-container-4 li#ck-button label input{
z-index: -1;
}


ul.que-ans.ans-text.input-container-18 li#ck-button label span {
    background-color: rgb(236, 239, 202);
    border: 1px solid black;
    padding: 20px;
    color: black;
    border-radius: 6px;
}

ul.que-ans.ans-text.input-container-18 li#ck-button label input{
z-index: -1;
}



ul.que-ans.ans-text.input-container-24 li#ck-button label span {
    background-color: rgb(236, 239, 202);
    border: 1px solid black;
    padding: 20px;
    color: black;
    border-radius: 6px;
}

ul.que-ans.ans-text.input-container-24 li#ck-button label input{
z-index: -1;
}



div#submit-button-group-24 {
    position: absolute;
   top: 410px;
}

div#prev-button-group-24 {
    margin: 34px 0;
}

button.border-0.bg-transparent {
    background-color: rgb(236, 239, 202) !important;
    border: 1px solid black !important;
    padding: 13px 20px;
    color: black;
    border-radius: 6px;
}


/*=== GOS CSS===*/

   .disocunt_result_kit.price_model_discount {
	   text-align:center;
        display: block !important;
        font-size: 20px;
        background: #eaf4f1;
        color: #000 !important;
        padding: 6px 5px;
        max-width: 65%;
	margin: 0 auto 10px !important;}
.price_model_discount span {
    color: #dc3545;
    padding-left: 10px;
}

.section-title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    line-height: 1.25;
margin-bottom: 30px !important;}

.month-plan-buy-now{background-color:#487158;}

.result-area input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 0px;
  height: 0px;
}

.result-area input[type=checkbox]:checked:before {
      content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border: 2px solid #000;
  background-color: #16c60c;  
  transition: all 0.2s linear;
}


.result-area input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
   width: 30px;
  height: 30px;
 border: 2px solid #000;
  background-color: #16c60c;  
  border-radius: 3px;

}


.result-area input[type=checkbox]:after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border: solid #fff;
  border-width: 0 0px 0px 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  top: 0px;
  left: 50px;
  transition: all 0.2s linear;
}

.result-area input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 10px;
  height: 19px;
  border: solid #fff;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 3px;
  left: 11px;
}

    .journey-card {
        padding-bottom: 70px !important;
      
    }
	
	.month-first, .month-second, .month-third {
        font-family: fredoka_oneregular !important;
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0em;
        color: #0D493C ;
    }
	



	.month-first {
        left: 5%;
        top: -20px;
    }
	    .first {
        left: 8%;
    }
	.circle {
           width: 108px;
    height: 36px;
    background-color: #0c3a6e;
    border-radius: 14px;
    }
.circle	.circle-text{color:#fff;}
	    .line {
        height: 3px;
        background-color: #0c3a6e;
        left: 50%;
        transform: translateX(-50%);
    }
	
	    .content-first, .content-second, .content-third {
        line-height: 18px;
        letter-spacing: 0em;
		width:260px;
    }
	    .content-first {
        left:0;
        bottom: -120px;
		}
	    .month-second {
        top: -20px;
    }
	    .content-second {
        bottom: -103px;
    }
	    .month-third {
        right: 5%;
        top: -20px;
    }
	    .content-third {
        right: 0;
        bottom: -121px;
    }
	
	    .third {
        right: 8%;
    }
.sticky-btn, .result4 .sticky-btn, .result4-a .sticky-btn, .result4b .sticky-btn, .result5 .sticky-btn {
    padding: 10px;
    background: #fff;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
.sticky-btn button#add-to-cart-result-page, .result-hi .sticky-btn button#add-to-cart-result-page{
    margin: 0 !important;
}
.result4_buynow, .result4_buynow {
    background: #16c60c;
16c60c}
.result4 span.price_flex_align_sticky, .result-hi span.price_flex_align_sticky {
    display: flex;
    align-items: center;
    justify-content: center;
}
.result4 span.price_flex_align_sticky del.all-total-price, .result-hi span.price_flex_align_sticky del.all-total-price {
    font-size: 20px;
    padding-right: 5px;
}
.result4 del.all-total-price {
    color: #dc3545 !important;
    font-size: 18px;
}
.result4 .sticky-btn .result4_buynow .rmoney_price, .result4-a .sticky-btn .result4_buynow .rmoney_price, .result4b .sticky-btn .result4_buynow .rmoney_price {
    font-size: 32px;
    margin: 0;
}

.price {
    font-size: 1.6rem;
    letter-spacing: normal;
    line-height: calc(1 + .5 / var(--font-body-scale));
    color: rgb(var(--color-foreground));
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
}
.result4 span.total-price {
    padding-left: 5px;
}
.price>* {
    display: inline-block;
    vertical-align: top;
}
.result4 .sticky-btn .result4_buynow .iot_text, .result4-a .sticky-btn .result4_buynow .iot_text, .result4b .sticky-btn .result4_buynow .iot_text, .result4b .sticky-btn .result4_buynow .iot_text {
    font-size: 13px;
    color: #414143;
}
.result4 .sticky-btn .result4_buynow .Rmoney_buy, .result4-a .sticky-btn .result4_buynow .Rmoney_buy, .result4b .sticky-btn .result4_buynow .Rmoney_buy {
    font-size: 32px;
    color: #414143;
}

.btn-dark:hover {
background-color: #23272b !important;}
	
.result4_buynow:hover.fsvg_fill {	fill: #16c60c;}

.trust-badge {width:98%;}

.mob_content-first, .mob_content-second, .mob_content-third {text-align:left;}

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

.mt-7 {margin-top:7em;}
.trust-badge {width:73%;}
}


}