@font-face {
	font-family: Poppins;
	src: url(../fonts/Poppins.otf);
}

@font-face {
	font-family: PoppinsSB;
	src: url(../fonts/PoppinsSB.otf);
}

@font-face {
	font-family: PoppinsB;
	src: url(../fonts/PoppinsB.otf);
}



body{transition: background-color .5s;background-color: #fff !important;}


a {
	color: #6628c0;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #181818;
	text-decoration: none;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: "Poppins", sans-serif;
}

div {
	position: relative;
}

a {
	cursor: pointer;
}

button,
a {
	border: 0px;
	outline: 0;
}

:focus,
:focus-visible {
	border: 0px;
	outline: 0px
}

.container-fluid {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

header {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

header p{display: inline;
float: right;
text-align: right;
font-size: 14px;
color:#ffffff;
margin-top: 40px;
}
.text-center{text-align: center;}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.mt150-res{
	margin-top: 150px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.pl15 {
	padding-left: 15px;
}

.pr15 {
	padding-right: 15px;
}


footer {
	    background-image: url(../images/footer.png);
    background-position: top;
    height: 200px;
    background-color: transparent;
    background-size: cover;
    width: 100%;
    float: left;
    position: relative;
}



.dnone{display: none;}
	.dblock{display: block;}

	.dcenter{display: flex;
			justify-content: center;}


	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 2;
		top: 0;
		right: 0;
		background-color: #5d1882;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 75px;
		}
	  
	  .sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 18px;
		color: #ffffff;
		display: block;
		transition: 0.3s;
		border-bottom: 1px solid #ae2b7b;
		}
	  
	  .sidenav a:hover {
	background-color: #ae2b7b;
	color: #ffffff;
	}

	  
	  .sidenav a:hover .closebtn {
	background-color:#86387d;  color: #86387d;
	  }

	  .sidenav a.active{    background-color: #86387d;}

	   .sidenav a:hover.active{  background-color:#ffffff;  color: #86387d;}
	  
	  .sidenav .closebtn {
		position: absolute;
		top: 6px;
		right: 30px;
		font-size: 36px;
		margin-left: 0px;
		border: 0px;
		padding: 0px;
		}

		.sidenav a:hover.closebtn{background-color: transparent;color: #ff64c3;}
	  
	  #main {
		transition: margin-left .5s;
		padding: 16px;
	  }

	  .navico{
		float: right;
		cursor: pointer;
		margin-top: 20px;
		background-color: #2e309200;
		padding: 5px;
		border-radius: 5px;
		margin-left: 0px;
		margin-right: -25px;
		}

		.navico:hover, .navico:focus{background: #D8429C;background: linear-gradient(90deg, rgba(216, 66, 156, 1) 0%, rgba(96, 25, 131, 1) 85%);border-radius: 2px;    transition: all 0.35s ease-out;}
	  
	  .navico div {
		width: 32px;
		height: 3px;
		background-color: rgb(255, 255, 255);
		margin: 6px 0;
		background: #D8429C;
		background: linear-gradient(90deg, rgba(216, 66, 156, 1) 0%, rgba(96, 25, 131, 1) 85%);
		border-radius: 10px;
		}

		.navico:hover div, .navico:focus div
		{background: #ffffff;    transition: all 0.35s ease-out;}

	  .m0{margin: 0px;}
	  .p0{padding: 0px;}

	  .contbg{
		    min-height: 520px;
		    width: 70%;
		    margin: 60px 10% 20px 20%;
		    float: left;
		    display: grid;
		    align-content: center;
		    }

	.contbg h3{
	    font-family: "PoppinsB", sans-serif;
	    color: #86387D;
	    font-size: 37px;
	    margin-bottom: 20px;
	    margin-left: 15px;
	}

	.contbg label{
		color: #000;
    font-family: "PoppinsSB", sans-serif;
    font-size: 18px;
    margin-left: 15px;
	 text-align: left;
	}

	.contbg input.form-control, .contbg select.form-control{
		color: #000;
   background-color: #F9E5F8;
    border: 1px solid #F9E5F8;
    border-radius: 50px;
    padding: 6px 20px;
    margin-bottom: 20px;
    text-align: left;
	}

	.contbg input.form-control:focus, .contbg select.form-control:focus{
		    box-shadow: 0 0 0 2px #f8d2f6;
	}

	.contbg .logbtn{
		    width: 100%;
    float: left;
    background: #D8429C;
    background: linear-gradient(90deg, rgba(216, 66, 156, 1) 0%, rgba(96, 25, 131, 1) 85%);
    border-radius: 50px;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: "PoppinsB", sans-serif;
    margin: 20px 0px 10px;
    font-size: 18px;
	}

	.contbg .logbtn:hover, .contbg .logbtn:focus{
		background: #601983;
background: linear-gradient(90deg, rgba(216, 66, 156, 1) 0%, rgba(216, 66, 156, 1) 100%);
transition: all 0.35s ease-out;
	}

	.smtxt
	{
		font-size: 13px;
		font-family: "Poppins", sans-serif;
		color:#000000;
	}

	.smtxt a
	{
		font-size: 13px;
		font-family: "Poppins", sans-serif;
		color:#D8429C;
		text-decoration: none;
	}

	.smtxt a:hover, .smtxt a:focus{
		color:#601983;
		text-decoration: underline;
	}




	footer p{
		    position: absolute;
    width: 98%;
    float: left;
    text-align: center;
    bottom: 20px;
    font-size: 14px;
    color: #fff;
    margin: 0px 1%;
	}

	.mascot{position: absolute;
    top: 115px;
    z-index: 1;
    right: 100px;}

	.logmascot{
		position: absolute;
    top: -54px;
    bottom: 0px;
    z-index: 1;
    right: 100px;
	}

	.result
	{width:70%;
	margin: 50px 15%;}

	.result h3 {
    font-family: "PoppinsB", sans-serif;
    color: #86387D;
    font-size: 37px;
    margin-bottom: 20px;
	text-align: center;
}

.result h5{
	font-family: "PoppinsSB", sans-serif;
    font-size: 24px;
    margin: 25px 0px 25px;
	text-align: center;
}

.result .score{
	width: 100%;
    float: left;
}

.result .score h1
{
	    display: inline-block;
		position: relative;
    width: auto;
    margin: 0px auto 20px;
    font-size: 90px;
    background: #D8429C;
    background: linear-gradient(180deg, rgba(216, 66, 156, 1) 0%, rgba(96, 25, 131, 1) 85%);
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    font-family: "PoppinsB", sans-serif;
    border: 2px solid #ffffff;
    box-shadow: inset 0px 0px 10px 0px #00000080;
}

.result .score h1::after{
	    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1px;
    background-color: #0000002b;
}

.result .btnmbg
{
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 100px;
}

.result .btnmbg .btnbg
{
	 display: grid;
	 align-content: center;
	 justify-content: center;
	 justify-items: center;
}

.result .btnmbg .btnbg .grybtn
{
	color: #2E3191;
    font-family: "PoppinsSB", sans-serif;
    text-decoration: none;
    font-size: 18px;
    background-color: #F2F2F2;
    border-radius: 10px;
    padding: 7px 35px;
    margin-top: 40px;
}

.result .btnmbg .btnbg .grybtn:hover, .result .btnmbg .btnbg .grybtn:focus
{
	color: #2E3191;
    background-color: #d8d8d8;
	    transition: all 0.3s ease-out;
}

.result .btnmbg .btnbg .blubtn
{
	color:#F2F2F2;
    font-family: "PoppinsSB", sans-serif;
    text-decoration: none;
    font-size: 18px;
    background-color:  #2E3191;
    border-radius: 10px;
    padding: 7px 35px;
    margin-top: 40px;
}

.result .btnmbg .btnbg .blubtn:hover, .result .btnmbg .btnbg .blubtn:focus
{
	color:#F2F2F2;
    background-color:  #11135e;
	    transition: all 0.3s ease-out;
}

.result .btnmbg .btnbg span{
	    font-family: "Poppins", sans-serif;
    font-size: 14px;
    margin: 10px 0px;
    text-align: center;
}


.dlist
	{width:100%;
	margin: 50px auto;}

	.dlist h3 {
    font-family: "PoppinsB", sans-serif;
    color: #86387D;
    font-size: 37px;
    margin-bottom: 20px;
	text-align: center;
}

.dmainlistbg
{
	/*width: 100%;*/
    float: left;
    display: flex;
    justify-content: space-evenly;
    gap: 3%;
	margin: 70px 10px;
}

.dlist .dlistbg
{
	/*width: 24%;*/
    float: left;
    display: grid;
    border: 2px solid #ccc;
    border-radius: 10px;
}
.dlist .dlistbg .dimg img{
	border-radius: 9px 9px 0px 0px;
	/*width:100%;*/
    max-width: 100%;
}
.dlist .dlistbg h4{
	    font-family: "PoppinsSB", sans-serif;
    font-size: 19px;
    text-align: left;
    margin: 20px 10px 0px 10px;
    color: #000;
}

.dlist .dlistbg h5{
    color: #6D6E70;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    text-align: left;
    margin: 10px 10px 0px 10px;
}

.dlist .dlistbg h6{
color: #6D6E70;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    text-align: left;
    margin: 18px 10px 15px 10px;
}

.dlist .dlistbg h6 img{
height: 15px; 
margin-top: -4px;
}

.dlist .dlistbg .btnbg 
{
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}


.dlist .dlistbg .btnbg .grybtn
{
	    color: #2E3191;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-size: 12px;
    background-color: #F2F2F2;
    border-radius: 10px;
    font-weight: bold;
    padding: 7px 14px;
    float: left;
    margin: 0px 5px 10px;
}


.dlist .dlistbg .btnbg .grybtn:hover, .dlist .dlistbg .btnbg .grybtn:focus
{
	color: #2E3191;
    background-color: #d8d8d8;
	    transition: all 0.3s ease-out;
}

.dlist .dlistbg .btnbg .blubtn
{
	    color: #F2F2F2;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-size: 12px;
    background-color: #2E3191;
    border-radius: 10px;
    font-weight: bold;
    padding:7px 14px;
    float: right;
    margin: 0px 5px 10px;
}

.dlist .dlistbg .btnbg .blubtn:hover, .dlist .dlistbg .btnbg .blubtn:focus
{
	color:#F2F2F2;
    background-color:  #11135e;
	    transition: all 0.3s ease-out;
}


.dtlbg
{
    float: left;
    margin-bottom: 40px;
}

.dtlbg h4{    font-family: "PoppinsB", sans-serif;
    font-size: 19px;
    text-align: left;
    margin: 0px 0px 20px 0px;
    color: #2D358F;}

    .dtlbg h5{
      color: #000000;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    text-align: left;
    margin: 0px 0px 20px 0px;
    }

    .dtlbg p 
    {
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    text-align: left;
    margin: 0px 0px 50px 0px;
    }

     .dtlbg a 
    {
             color: #000000;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    text-align: left;
    margin: 0px 0px 20px 0px;
    text-decoration: none;
    position: absolute;
    left: 35px;
    bottom: 20px;
    }

     .dtlbg a:hover,  .dtlbg a:focus{
 color: #86387D;
   text-decoration: underline;
    }

    .dtlbg iframe
    {
            border: 0;
    width: 100%;
    float: left;
    height: 300px;
    border-radius: 20px;
    }

.dcbg{background-color: #F6E4F0; width: 100%; float: left;    border-radius: 20px;
    padding: 40px 20px;}

    .qz h2 {
       font-family: "PoppinsB", sans-serif;
    color: #86387D;
    font-size: 37px;
    margin-top: 70px;
    margin-bottom: 50px;
    margin-left: 15px;
    text-align: center;
}

.questbg{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(to left, rgb(102 54 149), rgb(214 68 152));
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 20px;
    gap: 30px;
}
.questbg .quest{
        display: grid;
    justify-content: space-around;
    align-items: end;
    gap: 30px;
}
.questbg .questimg{
     display: grid;
    justify-content: space-around;
    align-items: end;
    gap: 30px;
}
.questbg .questimg img{
    height: 200px;
    width: max-content;
    margin-bottom: -5px;
    }

.questbg .quest h4{
    font-weight: 600;
    font-size: 26px;
    padding-bottom: 15px;
    line-height: normal;
}

.questbg .quest h4 span{
        font-weight: bold;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: normal;
    font-family: "PoppinsSB", sans-serif;
    color: #2D358F;
    float: left;
    width: 100%;
}
    
.radiobg
{
        width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    gap: 30px;
}

.npbtn
{
        padding: 5px 15px;
    border-radius: 5px;
    background-color: #2d358f;
    color: #fff;
    margin: 0px 10px;
}

.npbtn:hover, .npbtn:focus{
     background-color: #c73c99;
    color: #fff;
    transition: all 0.35s ease-out;
}



/*************************my css********************/
.mainformbox {
    background: #f8f9fa;
    border-radius: 20px;
    padding: 30px 30px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 25px 0px rgb(226 226 226 / 15%);
    margin-top: 20px;
}
.mainformbox h2{
font-family: "PoppinsB", sans-serif;
color: #86387D;
font-size: 32px;
}
.headingline {
    background: #1780be;
    width: 100px;
    height: 3px;
    margin-bottom: 30px;
}
.questionnaire {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.radiocontainer {
     white-space: normal !important;
    width: 100% !important;
    display: grid;
    position: relative;
    font-size: 20px;
    user-select: none;
    justify-content: center;
    align-items: start;
    align-content: stretch;
    justify-items: center;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.radiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 30px;
  width: 30px;
  bottom: 2px;
}

.radiocontainer span{
      min-height: 55px;
    margin-bottom: 10px;
    line-height: 25px;
}

.radiocontainer span.checkmark {
  height: 35px;
  width: 35px;
  background-color: #fff;
  border: 3px solid #2D358F;
  border-radius: 50%;
  min-height: unset;
}

/* This is the magic: show dot inside when selected */
.radiocontainer input:checked ~ .checkmark::after {
  display: block;
}

.radiocontainer .checkmark::after {
  content: "";
  display: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #2D358F;
  margin: 4px;
}
.btnmd {
    font-size: 15px;
    font-weight: 500;
    padding: 8px 30px;
}
.submit_btn1 {
    color: #fff;
    text-align: center;
    line-height: normal;
    background: linear-gradient(90deg, rgba(216, 66, 156, 1) 0%, rgba(96, 25, 131, 1) 85%);
    border: 1px solid #601983;
    border-radius: 10px;
    transition: 0.4s;
    position: relative;
    border:0px;
}

.submit_btn1:hover, .submit_btn1:focus
{
    background: linear-gradient(90deg, rgba(216, 66, 156, 1) 0%, rgba(216, 66, 156, 1) 85%);
}




@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 94%;
    }
}

	  @media screen and (max-height: 450px) {
		.sidenav {padding-top: 75px;}
		.sidenav a {font-size: 18px;}
	  }
	  
@media (max-width: 1920px) and (min-width: 1801px) {
	header img
{
    height: 70px;
    margin-top: 15px;
}

.contbg label
{
    font-size: 19px;
}

.contbg input.form-control
{
    padding: 10px 20px;
}

.contbg .logbtn
{
padding: 10px 20px;
}

.smtxt, .smtxt a {
    font-size: 16px;
}

	footer{    padding: 5px;
    font-size: 16px;}
	.navico{    transform: scale(1.3);}
	.sidenav a {
    padding: 12px 8px 12px 32px;
    font-size: 22px;
	}
	.sidenav .closebtn {
    top: -10px;
    font-size: 42px;
	}
}

@media (max-width: 1800px) and (min-width: 1600px) {
	header img
{
    height: 70px;
    margin-top: 15px;
}


.contbg input.form-control
{
    padding: 8px 20px;
}

.contbg .logbtn
{
padding: 10px 20px;
}

.smtxt, .smtxt a {
    font-size: 16px;
}

	footer{    padding: 5px;
    font-size: 16px;}
	.navico{transform: scale(1.1);}
	.sidenav a {
    padding: 12px 8px 12px 32px;
    font-size: 22px;
	}
	    .sidenav .closebtn {
        top: 9px;
        font-size: 42px;
    }
	footer, footer span{    font-size: 14px;}
}


@media (max-width: 1599px) and (min-width: 1451px) {
	
	footer{    padding: 5px;
    font-size: 16px;}
	.navico{transform: scale(1.1);}
	.sidenav a {
    padding: 10px 8px 10px 32px;
    font-size: 18px;
 }
	.sidenav .closebtn {
    top: 8px;
    font-size: 42px;
    height: 0px;
    line-height: normal;
 }
	footer, footer span{    font-size: 13px;}
}



@media (max-width: 1450px) and (min-width: 1300px) {
	footer, footer span{    font-size: 12px;}
	.mascot {
    top: 140px;
}
}

@media (max-width: 1299px) and (min-width: 1200px) {
	footer, footer span{    font-size: 12px;}
	.mascot {
    top: 140px;
}
.dlist .dlistbg .btnbg .grybtn, .dlist .dlistbg .btnbg .blubtn
{    padding: 7px 10px;}
}

@media (max-width: 1199px) and (min-width: 992px) {
    .dlist .dmainlistbg{    display: block;}
    .dlist .dlistbg {
    /*width: 29%;*/
    float: left;
    display: block;
    margin: 2%;
}

	footer, footer span{    font-size: 12px;}
    .mascot {
        top: 30px;
        right: 0;
    }
	.mascot-res {
        top: 200px;
        right: 0;
    }
	.contbg{min-height: auto;}
	.navico{margin-right: 0px;}
}



@media (max-width: 991px) and (min-width: 769px) {
     .questbg .questimg img {
    height: 90px;
    width: max-content;
    margin-bottom: -5px;
}
    .radiocontainer
{
    width: 29% !important;
    display: inline-block;
    float: left;
    margin: 0px 2% 20px;
}


.radiocontainer span {
    min-height: 35px;
    margin-bottom: 10px;
    line-height: 25px;
    width: 100%;
    float: none;
    display: block;
}

.radiocontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 30px;
    width: 30px;
    bottom: 12px;
    left: 42%;
}

.radiobg {
    width: 100%;
    float: left;
    display: inline-block;
    justify-content: center;
    margin-bottom: 50px;
    gap: 30px;
}

.dtlbg a{position: relative; bottom: unset; left: unset;}
      .dlist .dmainlistbg{    display: block;}
    .dlist .dlistbg {
    /*width: 29%;*/
    float: left;
    display: block;
    margin: 2%;
}


.dlist .dlistbg .btnbg .grybtn, .dlist .dlistbg .btnbg .blubtn{
        padding: 7px 12px;
}


	.contbg
	{
	        display: block;
        align-content: center;
        margin: 40px 5% 20px;
        width: 90%;
        min-height: auto;
	}
	footer p {
    margin: 0px 1% -10px;
}
	.mascot {
    position: relative;
    top: 90px;
    z-index: 1;
    right: unset;
    display: block;
    margin: 0px auto;
    height: 450px;
}

.mascot-res{ top: 205px;}

	footer{               font-size: 12px;
        position: relative;
        bottom: unset;
	    background-image: url(../images/footer.png);
    background-position: top;
    min-height: 140px;
    background-color: transparent;
    background-size: cover;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
	        height: auto;
}

.navico {
    float: right;
    cursor: pointer;
    margin-top: 7px;
    background-color: #2e309200;
    padding: 5px;
    border-radius: 5px;
    margin-left: 0px;
    margin-right: -30px;
}

}

@media (max-width: 1199px) and (min-width: 150px) {
	.mt0res{margin-top: 0px;}	
	.mb10res{margin-bottom: 10px;}
	.dnoneres{display: none !important;}
	.dblockres{display: block !important;}
}


@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 90%;
    }
}

@media screen and (max-width: 768px) and (min-width: 150px) {
    .questbg .questimg img {
    height: 90px;
    width: max-content;
    margin-bottom: -5px;
}
    .dtlbg a{position: relative; bottom: unset; left: unset;}
    	    .result {
        width: 100%;
        margin: 50px 0%;
    }
	.contbg
	{
	        display: block;
        align-content: center;
        margin: 40px 5% 20px;
        width: 90%;
        min-height: auto;
	}
	.mainformbox{
	margin: 40px 5% 20px;
	}
	footer p {
    margin: 0px 1% -12px;
	        font-size: 12px;
}
	.mascot {
    position: relative;
    top: unset;
    z-index: 1;
    right: unset;
    display: block;
    margin: 0px auto;
max-height: 450px;
        height: auto;
}
.container, .container-sm {
        max-width: 96%;
    }
	.smtxt{text-align: center;}
	footer{               font-size: 12px;
        position: relative;
        bottom: unset;
	    background-image: url(../images/footer.png);
    background-position: top;
    min-height: 99px;
    background-color: transparent;
    background-size: cover;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
	        height: auto;
}
	
	    .navico {
        position: absolute;
        right: 30px;
        top: -10px;
    }
	
	.float-none-xs {
		float: none !important;
	}

	.tcenter-xs {
		text-align: center !important;
	}


	.dnone-xs{display: none;}
	.dblock-xs{display: block;}
	
}

@media screen and (max-width: 500px) and (min-width: 150px) {
.result .btnmbg
{
	float: left;
	width: 100%;
	display: block;
}
}



@media screen and (max-width: 768px) and (min-width: 576px) {
      .dlist .dmainlistbg{    display: block;}
    .dlist .dlistbg {
    /*width: 45%;*/
    float: left;
    display: block;
    margin: 2%;
}
.radiocontainer
{
    width: 29% !important;
    display: inline-block;
    float: left;
    margin: 0px 2% 20px;
}


.radiocontainer span {
    min-height: 35px;
    margin-bottom: 10px;
    line-height: 25px;
    width: 100%;
    float: none;
    display: block;
}

.radiocontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 30px;
    width: 30px;
    bottom: 12px;
    left: 42%;
}

.radiobg {
    width: 100%;
    float: left;
    display: inline-block;
    justify-content: center;
    margin-bottom: 50px;
    gap: 30px;
}
}


@media screen and (max-width: 575px) and (min-width: 150px) {
     .radiocontainer
{
   width: 44% !important;
        display: inline-block;
        float: left;
        margin: 0px 2% 20px;
}

.questbg .quest h4 span{font-size: 25px;}   
.questbg .quest h4{ font-size: 20px;}   
.radiocontainer span {
    min-height: 35px;
    margin-bottom: 10px;
    line-height: 25px;
    width: 100%;
    float: none;
    display: block;
    font-size: 17px;
}

.radiocontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 30px;
    width: 30px;
    bottom: 12px;
    left: 42%;
}

.radiobg {
    width: 100%;
    float: left;
    display: inline-block;
    justify-content: center;
    margin-bottom: 50px;
    gap: 30px;
}
      .dlist .dmainlistbg
      {           
        display: block;
        gap: 0;
        margin: 30px auto;
    }

    .dlist .dlistbg {
    width: 96% !important;
    float: left;
    display: block;
    margin: 2%;
}
}

@media screen and (max-width: 1370px) and (min-width: 1365px)
{
    footer{position: fixed; bottom: 0px;}
}

@media (width: 1024px) and (height: 1366px) 
{
    footer{position: fixed; bottom: 0px;}
}

@media screen and (width: 820px) 
{
    footer{position: fixed; bottom: 0px;}
}

/*************************my css********************/
.mainformbox {
    background: #f8f9fa;
    border-radius: 20px;
    padding: 30px 30px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 25px 0px rgb(226 226 226 / 15%);
    margin-top: 20px;
}
.mainformbox h2{
font-family: "PoppinsB", sans-serif;
color: #86387D;
font-size: 32px;
}
.headingline {
    background: #1780be;
    width: 100px;
    height: 3px;
    margin-bottom: 30px;
}
.qquestionnaire {
    margin-bottom: 30px;
}
.qquestionnaire h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 15px;
}
.qquestionnaire label {
    white-space: normal !important;
    width: 100% !important;
    cursor: pointer;
}
.optradiocontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  user-select: none;
}

.optradiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 30px;
  width: 15px;
}

.rdcheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #43117e;
  border-radius: 50%;
}

/* This is the magic: show dot inside when selected */
.optradiocontainer input:checked ~ .rdcheckmark::after {
  display: block;
}

.optradiocontainer .rdcheckmark::after {
  content: "";
  position: absolute;
  display: none;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #43117e;
}
.btnmd {
    font-size: 15px;
    font-weight: 500;
    padding: 8px 30px;
}
.submit_btn1 {
    color: #fff;
    text-align: center;
    line-height: normal;
    background: linear-gradient(90deg, rgba(216, 66, 156, 1) 0%, rgba(96, 25, 131, 1) 85%);
    border: 1px solid #601983;
    border-radius: 10px;
    transition: 0.4s;
    position: relative;
}