/*import fonts*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');

body
{
    font-family: 'Quicksand', sans-serif;
}


.galaxy-video-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    overflow: hidden;
    z-index: 0;
}
video {
    min-height: 100%;
    min-width: 100%;
}
.content-section {
    z-index: 9;
    position: relative;
}
.circle-img, .mapster_el
{
	max-width:550px !important;
	width:100% !important;
	display: block !important;
	margin: auto !important;
	height: 100% !important;
}

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

.img-logo {
    width: 100%;
    max-width: 250px;
}
.bg-clr{
    background-color:rgb(0 0 0 / 66%);
    border-radius: 20px;
}

.bg-clr1 {
    background-color: rgb(0 0 0 / 66%);
}
h1, h2, h3, h4,h5,h6{
    font-weight: 600;
}
#main-heading {
    text-align: center;
    color: #fff;
    font-size: 2.4em;
    width: 100%;
    line-height: 1;
    text-transform: capitalize;
    text-shadow: 1px 1px 1px #141a81;
    font-weight: 500;
    letter-spacing: 0.2px;
    word-spacing: 2px;
    font-family: 'Courgette', cursive;
    
}
span.dsgn-txt {
    color: #f3c30b;
    font-size: 2.8rem;
    text-shadow: 1px 1px 1px #18ebd7;
    font-weight: 600;
}
.bg-img {
    background-image: url("/assets/images/Dream 2.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin-bottom: -20px;
    border-radius: 40px;
}
.input-field {
    padding: 20px 0;
}
/*#main-heading span
{
	display: block;
}*/
.box-content {
    width: 100%;
    display: block;
    margin: auto;
    margin-top: 30px;
    /*background-color: rgb(0 0 0 / 66%);*/
    padding: 40px 120px;
    border-radius: 22px;
    

}
.padding-top
{
	padding-top: 2em
}
#sub-heading {
    text-align: center;
    color: #fff;
    font-size: 55px;
    padding: 11px 22px 5px;
    text-shadow: 2px 1px 2px #e1305d;
    line-height: 1;
    width: 100%;
    margin: auto;
    text-transform: capitalize;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
}


p {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
}

span.dsgn-txt2 {
    
    font-size: 2.5rem;
    
    font-style: italic;
    
}
.select-img {
    display: block;
    margin: 30px auto 10px;
    border-radius: 100%;
    box-shadow: 4px 4px 0 1px #006382, -4px -4px 0 1px #8a21ca;
}
/*#sub-heading span
{
    display: block;
}*/
.heading-paragraph {
    font-size: 21px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 5px #56181c;
}
.row
{
	display: flex;
}
.col-12
{
	flex: 100%;
}
.type-box {
    max-width: 600px;
    width: 100%;
    margin: 10px auto;
}
.mtb-2 {
    
    margin-top: 20px;
    margin-bottom: 20px;
}
#mapster_wrap_0
{
	max-width: 550px !important;
	width: 100% !important;
	height: auto !important;
    margin: auto !important;
}
.details-form {
    max-width: 680px;
    width: 100%;
    padding: 40px;
    margin: 40px auto;
    background-color: rgb(152 152 152 / 30%);
    border-radius: 20px;
}
.form-control:focus
{
    border-color: transparent !important;
    box-shadow: none !important;
}
.input-field label
{
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
}
label.status {
       background: linear-gradient(45deg, #4f11a3, #cb7523);
    box-shadow: 0 0 10px 2px rgb(5 2 76);
    display: block;
    padding: 12px 8px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 15px;
    text-shadow: 1px 1px 1px #000;
    font-family: 'Balsamiq Sans', cursive;
}

.checked label.status{
    /*background: linear-gradient(45deg, #42c58e, #2c8ee2);*/

    background: linear-gradient(45deg, #5012a478, #bd693291);

}

label.status:after
{
    font-size: 27px;
}
.reltn .col-6:nth-child(1) label.status:after
{
    content: 'single';
}
.reltn .col-6:nth-child(2) label.status:after
{
    content: 'in relationship';
}
.status-heading {
    font-family: 'Patrick Hand', cursive;;
    font-size: 2.2rem !important;
    text-align: left;
    display: block;
    text-shadow: 2px 2px 0px #000a86;
}
.relationship, .gen {
    display: none;
}
.reltn .col-6:nth-child(1) label.gender:after
{
    content: 'male';
}
.reltn .col-6:nth-child(2) label.gender:after
{
    content: 'female';
}
#box2
{
    color: #fff;
    background-color: rgba(0,0,0,0.9);
    padding: 30px;
    max-width: 900px;
    line-height: 1.7;
    z-index: 9;
}
#box1 h2 {
    font-size: 2rem;
    text-align: center;
    word-spacing: 3px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 1px #470263;
}
#box1 h4 {
    color: #ff7383;
    text-align: center;
    word-spacing: 3px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 1px #470263;
}
.list {
    margin-bottom: 30px;
    list-style: none;
}
.list li {
    margin-bottom: 12px;
    position: relative;
}
.list li:before {
    content: '-';
    position: absolute;
    left: -20px;
    font-size: 28px;
    top: -13px;
}
/*.name-content {
    background-color: #9758a075;
    padding: 20px 20px 5px;
    margin-bottom: 20px;
}*/
.name-content {
    background-color: #63086b;
    padding: 20px 20px 5px;
    margin-bottom: 20px;
    background: linear-gradient(174deg, #710579, #c06c2f);
}
.pname {
    text-align: right;
    font-style: italic;
}
.pname:before {
    content: '-';
    padding-right: 10px;
}
/*#box1 .form-btn
{
    background-image: linear-gradient(88deg, #fd5d6b 30%, #bf6273 60%, #d47cb4);
}*/
.mt-3{
    margin-top: 30px;
}
.mt-2{
    margin-top: 10px;
}
.para1{
    color: #fff;
    font-size: 19px;
    text-align: center;
}
/*#sub-heading span
{
    display: block;
}*/
.field-box {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 5px;
    margin-bottom: 15px;
    border-radius: 10px;
    position: relative;
}
.select:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    position: absolute;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    top: 0px;
    right: 14px;
    height: 100%;
    background-color: #b1b1b1;
    color: #211d1d;
    padding: 14px 5px 0;
}
.form-control {
    padding: 15px;
    height: auto !important;
    border-radius: 10px;
    outline: none;
    color: #1f1f1f !important;
    font-weight: 700;
    background-color: #fff;
    position: relative;
    border: 2px solid #b1b1b1;
}

.form-control::placeholder {
    color: #2b2b2b;
}
datalist
{
    height: 100px;
}
.clr-white
{
    color: #fff;
}
.form-btn
{
    /*background-image: linear-gradient(134deg, #c30201c9 15%, #ff8198 49%, #cf3102c7);*/
    /*background-image: linear-gradient(88deg, #bb0011 30%, #541d27 60%, #3a0928);*/
    
    /*background-color: #ff7373;*/
    background-image: linear-gradient(134deg, #5012a4 50%, #c06c2f 49%);
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 50%);
    border: none;
    outline: none;
    padding: 12px 0px;
    max-width: 800px;
    width: 100%;
    margin: auto;
    font-size: 20px;
    border-radius: 15px;
    display: block;
    margin-top: 10px;
    transition: .5s all linear;
    white-space: pre-wrap;
}
select.form-btn
{
    display: inline-block !important;
}
.form-btn:hover
{
    /*background-color: #d62a2a;*/
     /*background-image: linear-gradient(88deg, #ff4656 30%, #ff5473 60%, #ff67c8);*/
}
.form-btn:hover {
    /* background-color: #d62a2a; */
    /* background-image: linear-gradient(88deg, #ff4656 30%, #ff5473 60%, #ff67c8); */
    background-image: linear-gradient(134deg, #611f918c 50%, #c671298c 49%);
   /* color: #000;*/
    color: #760683;
    font-weight: 700;

}

#ui-datepicker-div
{
    z-index: 9 !important;
}
.dob
{
    display: flex;
}
.dob .field-box
{
    flex: 1;
    margin: 0 10px;
}
.dob .field-box:first-child
{
    margin-left: 0;
}
.dob .field-box:last-child
{
    margin-right: 0;
}
.form-para
{
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-shadow: 1px 1px #171717;
}
.shape {
    position: absolute;
    width: 50px;
    height: 50px;
    transform: scale(0.8);
}
.cir {
    position: absolute;
    border-radius: 50%;
    z-index: 5;
}
.btn-contain {
    width: 100%;
    height: 100px;
     position: absolute; 
     top: 50%; 
     left: 50%; 
    transform: translate(-50%, -50%);
}
.btn-box{
    width: 100%;
  margin: 20px auto;
  text-align: center;
}
.custom-btn {
    width: 100%;
    color: #fff;
    border-radius: 8px;
    padding: 13px 25px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;
    font-size: 22px;
    outline: none;
}
.btn-13 {
  background-color: #89d8d3;
background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);
  border: none;
  z-index: 1;
}
.btn-13:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 8px;
   background-color: #4dccc6;
background-image: linear-gradient(315deg, #bf6b2f 0%, #5f1e92 74%);
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  transition: all 0.3s ease;
}
.btn-13:hover {
  color: #fff;
}
.btn-13:hover:after {
  top: 0;
  height: 100%;
}
.btn-13:active {
  top: 2px;
}


#footer{
    background-color: rgb(0 3 70 / 90%);
    padding: 30px 0;

}
#footer a {
    color: #ffffff;
}
.footer-list{
    max-width: 600px;
    width: 100%;
    margin: 10px auto;
    text-align: center;
}
.copyrighttxt{
    color: white;
    text-align: center;
}
.footer-para {
    color: white;
    text-align: center;
    font-size: 15px;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}
.sun-image {
    position: absolute;
    top: 225px;
    left: 471px;
    z-index: 9;
    max-width: 194px;
    width: 100%;
}
#circle {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.wheel-img {
    animation: 40s linear wheelround infinite;
    z-index: 1;
}
.clr-white
{
    color: #fff;
}
@keyframes wheelround
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}
.ptb-2
{
    padding: 20px 0;
}
.plr-2
{
    padding: 0 20px;
}
@media(max-width: 1370px)
{
    .sun-image {
        top: 226px;
        left: 471px;
    }
}
@media(max-width: 1192px)
{
    .sun-image {
        top: 228px;
        left: 387px;
    }
}

@media (max-width: 1196px){
.sun-image {
    top: 226px;
    left: 385px;
}
}
@media (max-width: 1198px){
    .sun-image {
        top: 226px;
        left: 384px;
    }
}
@media (max-width: 1024px)
{
    .sun-image {
        left: 370px;
    }
}
@media (max-width: 980px)
{
    .sun-image {
        left: 257px;
    }
}
@media only screen and (max-width: 1188px) and (orientation: landscape)
{
    .sun-image {
        left: 384px;
    }
    .text-center.clr-white.mt-2 {
        font-size: 22px;
    }
}
@media only screen and (max-width: 971px) and (orientation: landscape)
{
    .sun-image {
        left: 265px;
    }
}

@media (max-width: 990px)
{
    .sun-image {
        left: 263px;
    }
}

@media (max-width: 768px)
{

    .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .sun-image
    {
        left: 262px;
    }
    .col-4, .col-6
    {
        flex: 100% !important;
        max-width: 100% !important;
    }
    .dob
    {
        flex-wrap: wrap;
    }
    .dob .field-box
    {
        flex: 100%;
        margin: 0 0 10px;
    }
    #main-heading
    {
        font-size: 2em;
    	max-width: 683px;
    	margin: 0 auto;
        line-height: 1.5;
    }
    span.dsgn-txt {
   
        font-size: 2rem;
        font-weight: 700;
    }

    .input-field {
        padding: 9px 0;
    }
    .input-field .col-4 {
        margin-bottom: 15px;
    }
    .status-heading
    {
        font-size: 1.8rem !important;
    }
    .box-content {
	    padding: 40px 40px;
	}
    #box1 h2 {
        font-size: 1.6rem;
    }
    .plr-2 {
        padding: 0 0px;
    }
    p {
        font-size: 16px;
    }

}
@media (max-width: 767px)
{
    .sun-image {
        left: 172px;
    }
}
@media (max-width: 756px)
{
    .sun-image {
        left: 171px;
    }
}


@media (max-width: 585px)
{
    .sun-image {
        left: 174px;
        top: 205px;
    }
    .text-center.clr-white.mt-2 {
        font-size: 17px;
    }
}
@media (max-width: 570px)
{
    .sun-image {
        left: 187px;
        top: 222px;
    }
}
@media (max-width: 560px) and (orientation: landscape)
{
     .sun-image {
        left: 174px;
        top: 205px;
    }
}
@media only screen and (max-width:398px) and (orientation: landscape)
{
    .sun-image {
        left: 144px;
        top: 161px;
    }
}

@media (max-width: 564px)
{
    .sun-image {
        left: 185px;
    }
}
@media (max-width: 537px)
{
    .sun-image {
        left: 172px;
    }
}
@media (max-width: 533px)
{
    .sun-image {
        left: 171px;
        top: 201px;
    }
    #box1 h2 {
        font-size: 1.5rem;
    }
}
@media (max-width: 540px)
{
    .sun-image {
        left: 173px;
        top: 210px;
    }
}
@media (max-width: 526px)
{
    .sun-image {
        left: 166px;
        top: 213px;
    }
}
@media (max-width: 516px)
{
    .sun-image{
        width: 34%;
    }
}
@media (max-width: 519px)
{
    .sun-image {
        left: 162px;
        top: 199px;
    }
}
@media (max-width: 510px)
{
    .form-btn
    {
        font-size: 16px;
    }
    #main-heading {
        font-size: 2em;
    }
}
@media (max-width: 491px)
{
    .sun-image {
        left: 162px;
        top: 208px;
    }
}
@media (max-width: 486px)
{
    .sun-image {
        left: 162px;
        top: 198px;
    }
}
@media (max-width: 483px)
{
    #main-heading {
        font-size: 1.8em;
    }
    #sub-heading {
        font-size: 22px;
    }
    .sun-image {
        width: 29%;
        left: 171px;
        top: 207px;
    }
}
@media (max-width: 473px)
{
    .sun-image {
        left: 169px;
        top: 214px;
    }
}
@media (max-width: 464px)
{
    .sun-image {
        left: 165px;
        top: 199px;
    }
}
@media (max-width: 448px)
{
    .sun-image {
        width: 29%;
        left: 158px;
        top: 193px;
    }
}
@media (max-width: 425px)
{
   
    #main-heading {
        font-size: 1.6em;
        line-height: 1.5;
    }
    #sub-heading
    {
      font-size: 21px;
      line-height: 1.5;  
    }
    span.dsgn-txt {
    
        font-size: 1.8rem;
        font-weight: 700;
    }
    .sun-image {
        left: 152px;
        top: 170px;
    }
    .list {
        padding-left: 25px;
    }
    .box-content {
        padding: 33px 10px;
    }
    #box1 h2 {
        font-size: 1.4rem;
    }
    .row
    {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .input-field.plr
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    p {
        font-size: 16px;
    }
  
}
@media (max-width: 420px)
{
    .sun-image {
        left: 150px;
        top: 170px;
    }
}
@media (max-width: 414px)
{
    .sun-image {
        left: 146px;
        top: 180px;
    }
}
@media (max-width: 411px)
{
    .sun-image {
        left: 148px;
        top: 180px;
    }
}
@media (max-width: 400px)
{
    .sun-image {
        left: 142px;
        top: 161px;
    }
}
@media (max-width: 395px)
{
    .sun-image {
        left: 140px;
        top: 160px;
    }
}
@media (max-width: 375px)
{
    .details-form {
        max-width: 650px;
        width: 100%;
        padding: 20px;
    }
    #sub-heading {
        font-size: 17px;
    }
    .heading-paragraph {
        font-size: 15px;
    }

    span.dsgn-txt {
    
        font-size: 1.8rem;
        font-weight: 700;
    }
    
    #main-heading {
        font-size: 1.4em;
        line-height: 1.3;
    }
    
    #footer a {
       display: block;
       padding: 5px 0;
       font-size: 15px;
    }
    #footer span
    {
        display: none;
    }
    .sun-image {
        left: 133px;
        top: 152px;
    }

    p {
        font-size: 14px;
    }

}
@media (max-width: 364px)
{
    .sun-image {
        left: 130px;
        top: 147px;
    }
}
@media (max-width: 360px)
{
    .sun-image {
        left: 128px;
        top: 162px;
    }

}
    
@media (max-width: 353px)
{
    .sun-image {
        left: 124px;
        top: 146px;
    }
}
@media (max-width: 340px)
{
    .sun-image {
        left: 120px;
        top: 141px;
    }
}
@media (max-width: 330px)
{
    .sun-image {
        left: 115px;
        top: 137px;
    }
}
@media (max-width: 320px)
{
    #main-heading {
        font-size: 1.2em;
        line-height: 1.7;
    }
   /* #main-heading {
	    font-size: 1.2em;
	    line-height: 2.5;
	}*/
    p
    {
        font-size: 13px;
    }
    .sun-image {
        left: 114px;
        top: 134px;;
    }
    span.dsgn-txt {
   
        font-size: 1.7rem;
        font-weight: 700;
    }
}
@media (max-width: 280px)
{
    .sun-image {
        left: 101px;
        top: 135px;
    }


}