@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');

.toggle-label {position: relative; display: block; width: 190px; height: 36px; margin: 30px 31% 20px; font-family:'Montserrat'; /* font-family:'robotoregular'; */ }
.toggle-label .back {position: absolute; width: 100%; height: 100%; background: #fff; transition: background 150ms linear;  -webkit-box-shadow: 1px 3px 5px 1px #ccc; -moz-box-shadow: 1px 3px 5px 1px #ccc; box-shadow: 1px 3px 5px 1px #ccc; border-radius: 50px; }
.toggle-label .label {display: block; position: absolute; width: 50%; color: #000; line-height: 42px; text-align: center; font-size: 18px; font-weight:600  !important; }
.toggle-label .label.regular,.label.regular-mbox { left: 0px; top:-5px; }
.toggle-label .label.prime,.label.prime-mbox {right: 0px; top:-5px;}

.toggle-label .back .label.regular,.label.regular-mbox {color: #000; font-weight:500;}
.toggle-label .back .label.regular.on,.label.regular-mbox.on {background: linear-gradient(to right, #ff4040 , #762c2c);   border-radius: 50px; border:2px solid #fff; -webkit-box-shadow: 0px 2px 5px 0px #ddd; -moz-box-shadow: 0px 2px 5px 0px #ddd; box-shadow: 0px 2px 5px 0px #ddd; color: #fff;}
.toggle-label .back .label.prime,.label.prime-mbox { color: #000; font-weight:500;}
.toggle-label .back .label.prime.on,.label.prime-mbox.on {background: linear-gradient(to right, #ffe291 , #c16f00);   border-radius: 50px; border:2px solid #fff; -webkit-box-shadow: 0px 2px 5px 0px #ddd; -moz-box-shadow: 0px 2px 5px 0px #ddd; box-shadow: 0px 2px 5px 0px #ddd;}
.label.regular-mbox.on,.label.prime-mbox.on{cursor:default;}
.toggle-label .back .label.off {color: #000; font-weight:600;}
.font10{font-size:10px; line-height:14px;}
.font24{font-size:24px; line-height:26px;}
.font500{font-weight:500;}
.font600{font-weight:600;}
.prime-white-list, .prime-block-list{list-style:none; margin:0px; padding: 2px 0;}
.prime-white-list li{background: url(https://imgs.communitymatrimony.com/cbsimages/star-bullet-white-icon.svg) no-repeat 0 50%; padding: 7px 0 7px 20px; font-size:16px; display:block !important;}
.prime-block-list li{background: url(https://imgs.communitymatrimony.com/cbsimages/star-bullet-black-icon.svg) no-repeat 0 47%; padding: 10px 0 10px 20px; font-size:16px; display:block !important;}
.newbutton, a.newbutton, .newbutton a{background: linear-gradient(to right, #2391c4 , #13aff7); border-radius: 16px; font-size: 14px; color:#fff; padding: 7px 20px; font-weight:400; text-decoration:none; display:inline-block;}
.newbutton-off{border: 1px solid #1f97cf; border-radius: 16px; font-size: 14px; color:#1f97cf; padding: 6px 20px 6px; font-weight:400; text-decoration:none; display:inline-block;}
.prime-bg{background-image: linear-gradient(135deg, #0e387e -22%, #041127 107%); border-radius:15px; width:800px; margin: 0 auto; font-family:'Montserrat';}
.prime-bg1{background: url(https://imgs.communitymatrimony.com/cbsimages/prime-bg1.svg) no-repeat; background-position: -32% -25px;}
.prime-bg2-top{background: url(https://imgs.communitymatrimony.com/cbsimages/prime-bg2.svg) no-repeat; background-position: 85% -60%; color:#fff;}
.prime-bg2-bottom{background: url(https://imgs.communitymatrimony.com/cbsimages/prime-bg2.svg) no-repeat; background-position: 110% 150%; color:#fff; padding: 10% 17%;}
.prime-ribbon-bg{ background: url(https://imgs.communitymatrimony.com/cbsimages/prime-ribbon-pattern.png) no-repeat -20px 20%; padding: 10% 17% 5%;}
.prime-white-bg1{background: #fff; border-radius:10px; color:#000; padding: 25px 22px 30px; margin-top:20px}
.prime-white-bg2{background: #fff; border-radius:10px; color:#000; padding: 25px 35px 30px; margin-top:50px}

.prime-lock-icon{background: url(https://imgs.communitymatrimony.com/cbsimages/pwa/assets/images/prime-lock-icon.svg) no-repeat; background-position: 100% 50%; padding:5px 0 3px 0;}



.prime-select {font-size: 14px; padding: 4px 15px; display: block; width: 100%; height: 40px; background-color: transparent; border: none; border: 1px solid #aaaaaa; border-radius: 9px;}
.prime-label{position: relative; margin: 20px 0 10px; width: 70%;}
.select-arrow {
    background: url(https://imgs.communitymatrimony.com/cbsimages/hp_new/dd_newicon.png) no-repeat;
    transform: rotate(270deg);
    background-size: 100%;
    position: absolute;
    top: 1px;
    right: 15px;
    background-position: 60% 50%;
    width: 10px;
    background-color: #fff;
    height: 38px;
    border-radius: 0 9px 9px 0;
}
.prime-main-bg{  
  background-position:
    top -130px left -230px,
    top -190px right -240px,
    bottom -130px right -260px,
    bottom -150px left -300px;  
  background-size: 30%;
  background-repeat: no-repeat;
  background-image:
    url(https://imgs.communitymatrimony.com/cbsimages/prime-bg3.png),
    url(https://imgs.communitymatrimony.com/cbsimages/prime-bg3.png),
    url(https://imgs.communitymatrimony.com/cbsimages/prime-bg3.png),
    url(https://imgs.communitymatrimony.com/cbsimages/prime-bg3.png);  
  background-attachment:fixed; 
}
a.clrwhite{color:#fff; text-decoration:none; display:inline-block;}
.prime-tag{background: url(https://imgs.communitymatrimony.com/cbsimages/prime-button-bg.svg) no-repeat; padding: 2px 0; font-size: 11px; font-weight: 600; width: 68px; display: inline-block; color:#000;  text-align: center; text-transform:uppercase; line-height:18px;}
.prime-verified{background: url(https://imgs.communitymatrimony.com/cbsimages/prime-verified-icon.svg) no-repeat 0% 40%; padding: 0 0 0 13px; font-size: 10px; color:#5e77d8; display: inline-block; text-align:left; text-transform:uppercase;}