body{margin: 0px; padding: 0px; font-family: 'Lato', sans-serif!important;}
*{margin: 0px; padding: 0px; text-decoration: none;  box-sizing: border-box;}



.result-container{max-width: 1166px; margin: 0px auto; box-sizing: border-box; font-family: 'Lato', sans-serif!important;}
.main-content-wrap{padding-top: 120px;}
.main-content-wrap .result-container{display: flex;}
.wrap-left-content{width: 500px;}
.wrap-right-form{width: 600px; margin-left: auto;}

.heading-text-withbg{background-image: url('../result-screen-asset/top-content-right.svg'); background-position: right top; background-repeat: no-repeat; background-size: 230px; padding-top: 55px; padding-bottom: 60px; position: relative; }

.heading-text{font-family: 'Roboto', sans-serif;color: #2F2F2F; letter-spacing: 0.04em; font-weight: 700; font-size: 30px; display: inline-block; position: relative; line-height: 33px; z-index: 1;}
.heading-text::before{content: '';  height: 10px;  width: calc(100% - 65%);  background: #FDD3D3;
  border-radius: 2px;  position: absolute;  bottom: 2px;  right: -10px; z-index: -1;}

.heading-text-withbg .heading-wrap{margin-bottom: 25px;}
.heading-text-withbg  .heading-wrap :last-child{margin-bottom: 0px;}
.heading-text-withbg:after{width: 12px; height: 12px; border-radius: 100%; background-color: #A5D2EF; position: absolute; bottom: 10px; left: 150px;  content: '';   animation: MoveUpDown1 5s linear infinite;}

.heading-text-withbg::before{width: 12px; height: 11px; background-image: url('../result-screen-asset/trigle.svg'); background-size: 11px; content: '';
  position: absolute; left: 80px; bottom: 20px;      animation:  5s rotateall linear infinite;
  }


/* content list */

.content-list ul{margin: 0px; padding: 0px; list-style: none;}
.content-list ul::marker{display: none;}
.content-list ul li{background-color: #fff; box-shadow: 0px 0px 15px 1px rgba(125, 125, 125, 0.15);
  border-radius: 8px; padding: 10px 20px; font-size: 18px;  font-weight: 500; color: #090023; margin-bottom: 25px; position: relative;}
  .content-list ul li::after{width: 2px; height: calc(100% - 20px); top: 10px; background: #FC3A52; content: '';
  position: absolute; left: 0px;    
  }
  .content-list ul li:last-child::before{background-image: url('../result-screen-asset/list-before.svg'); background-repeat: no-repeat;  content: ''; right: -20px; width: 30px; height: 30px; top: 50%; margin-top: -15px;     z-index: -1;    position: absolute;    background-size: 30px; }



  

/* dare to deram */

.dare-dream-phera{font-weight: 400;
  font-size: 16px;
  line-height: 24px;}


.dream-video {
  display: flex;
}

.dreamvideobox {
  max-width: 48%;
}

.dreamvideobox img {
  width: 100%;
}

.dreamvideobox:last-child {
  margin-left: 4%;
}
.dream-data {margin-top: 45px; margin-bottom: 100px;}
.dream-data .heading-wrap{position: relative; margin-bottom: 10px;}
.dream-data .heading-wrap:after{width: 12px; height: 12px; border-radius: 100%;background: rgba(94, 200, 135, 0.7);position: absolute; bottom: 10px; right:150px;  content: ''; }
.dare-dream-phera{position: relative; margin-bottom: 15px;}
.dare-dream-phera:after{width: 12px; height: 12px; border-radius: 100%;background: #fff; border: 1px solid #ccc; position: absolute; bottom: 20px; right:-30px;  content: '';}
.dreamvideobox{position: relative; margin-top: 5px;}
.dreamvideobox:first-child::after{width: 30px; height: 32px; background-image: url('../result-screen-asset/dream1.svg'); position: absolute; bottom: -25px; left: -10px; content: ''; background-size: 30px; z-index: -1;}


.dreamvideobox:last-child::after{width: 40px; height: 42px; background-image: url('../result-screen-asset/dream2.svg'); position: absolute; bottom: -35px; left: -10px; content: ''; background-size: 40px; z-index: -1;}


/* right form section */

.form-wrap-shdw{
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
border-radius: 16px; padding: 18px 20px 18px 20px; background-color: #fff;
}
.row-form.two-in-row{display: flex; flex-wrap: wrap; justify-content: space-between;}
.row-form.two-in-row .input-box{width: calc(50% - 15px); }
.input-box label{font-weight: 500; margin-bottom: 5px; font-size: 16px; line-height: 22px; color: #000; width: 100%;}
.input-box  input{background: rgba(204, 204, 204, 0.2); height: 40px;  border: 1px solid rgba(204, 204, 204, 0.4);    border-radius: 2px; font-size: 16px; line-height: 22px; color: #333; width: 100%; outline: 0px; padding: 0px 10px; box-sizing: border-box; }
.input-box{margin-bottom: 12px; outline: 0px; position: relative;}

.input-box select{background: rgba(204, 204, 204, 0.2); height: 40px;  border: 1px solid rgba(204, 204, 204, 0.4);    border-radius: 2px; font-size: 16px; line-height: 22px; color: #333; width: 100%; outline: 0px; padding: 0px 10px; box-sizing: border-box;}

.input-box textarea{background: rgba(204, 204, 204, 0.2); height: 40px;  border: 1px solid rgba(204, 204, 204, 0.4);    border-radius: 2px; font-size: 16px; line-height: 22px; color: #333; width: 100%; outline: 0px; padding: 10px 10px; box-sizing: border-box; min-height: 100px;}

input.whiteup{background-color: #fff!important;
  display: flex;
  border: 1px solid #ccc;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  padding: 6px;
  width: auto; width: 100%;} 
.input-box i {
  color: #000000;
  font-size: 11px;
  font-style: normal;
}

.formsubmit {text-align: center; display: flex; align-items: center; justify-content: center; width: 100%;}
.formsubmit #submit-form{width: 300px; height: 44px; display: flex; align-items: center; justify-content: center; background: #FC3A52;  border-radius: 8px; text-decoration: none; font-weight: 700;  font-size: 16px; line-height: 24px; letter-spacing: 0.03em; color: #fff; border: 0px; outline: 0px;}
.formsubmit #submit-form:hover{ background-color: #f8516a!important;}

.row-form.signle-in-row.Upload-videp .input-box{
  width:100%;

}
.wrap-right-form{position: relative;}
.wrap-right-form:after{
  width: 40px; height: 42px; background-image: url('../result-screen-asset/formleft.svg'); position: absolute; top: 200px; left: -30px; content: ''; background-size: 40px; z-index: -2;
}

.wrap-right-form::before{
  width: 40px; height: 42px; background-image: url('../result-screen-asset/formbottom.svg'); position: absolute; bottom: 60px; left: -30px; content: ''; background-size: 40px; z-index: -2;
}

.form-wrap-shdw::after{
  width: 40px; height: 42px; background-image: url('../result-screen-asset/form-bottom-right.svg'); position: absolute;bottom: 19px;
  right: 20px;
  content: '';
  background-size: 40px;
  z-index: -2;
}


/* testimoanils */

.testimoanils{margin-top: 10px; margin-bottom: 40px; }
.testimoanils .heading-wrap{position: relative;}
.testimoanils .heading-wrap:after{width: 12px; height: 12px; border-radius: 100%;background: rgba(94, 200, 135, 0.7);position: absolute; bottom: 10px; left:500px;  content: ''; }

.slieBox{
  background: #FFFFFF;
border: 0.771261px solid rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 1px rgba(170, 170, 170, 0.15);
border-radius: 12.3402px;
padding: 30px 15px 20px 15px;
text-align: center;
    margin-left: 10px;
margin-right: 10px;
min-height: 355px!important;
}
.slideBoxImg{width: 50px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 12px; background-color: #ccc; overflow: hidden; border-radius: 100%;}
.slideBoxName{
  font-weight: 600;
font-size: 14px;
line-height: 15px;
color: #212427;
}

.slideBoxExamName{font-weight: 400;
  font-size: 12px;
  line-height: 14px; margin-top: 5px;
  color: rgba(33, 36, 39, 0.5);}

.slideBox-text{
  font-weight: 400;
font-size: 12px;
color: rgba(0, 0, 0, 0.7);
text-align: center;
margin-top: 12px;
}


.achiver-slider-wrap.responsive{max-width: 1000px; margin: 30px auto  0px auto;}
.slick-arrow{width: 48px; height: 48px; background-color: #fff; background-image: url('../result-screen-asset/exam-slick-arrow.svg'); background-repeat: no-repeat; background-position: center; box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06); outline: 0px; border: 0px; font-size: 0px; border-radius: 100%; position: absolute; top: 50%; margin-top: -24px; border:1px solid #e4e4e4;}
.slick-prev.slick-arrow{left: -52px; cursor: pointer; background-image: url('../result-screen-asset/exam-slick-arrow.svg');  transform: rotate(180deg);}



.slick-next.slick-arrow{right: -52px; cursor: pointer; background-image: url('../result-screen-asset/exam-slick-arrow.svg')}
.slick-disabled{opacity: 0.5;  cursor: auto!important;  filter: grayscale(100%);}
.ratingreview{display: flex; align-items: center; margin-top: 10px; justify-content: center;}
.ratingreview img{margin-right: 2px;}
.ratingreview img:last-child{margin-right: 0px;}

.slick-dots{display: flex; list-style: none;  margin-left: auto; margin-right: auto; text-align: center; justify-content: center; margin-top: 15px;}
.slick-dots li button{height: 12px; width: 12px; border: 3px solid #fff; margin: 0 5px;  border-radius: 50%; background-color: rgba(255,192,203,.822); font-size: 0px; outline: 0px; border: 0px;}
.slick-dots li.slick-active button{height: 18px; width: 18px; border: 4px solid #fc3a52; background-color: #fff;}



.ripple{position: relative;  overflow: hidden; }

.ripple:before { border-radius: 50%;  background-color: rgba(255,255,255,0.6);  content:'';  position: absolute;  top: 50%; left: 50%;  width:0; height:0;}

.ripple:hover:before {transition: all 0.5s ease-out;  opacity:0;  width:160px;  height:160px;  margin-top:-80px;  margin-left:-80px;}
.main-content-wrap.mobileonly{display: none;}



div.input-box .alert.alert-danger {
  padding: 0;
  /* width: max-content; */
  background: transparent;
  border: 0px;
  margin-bottom: 0px;
}

div.input-box .alert.alert-danger {
  padding: 0px;
  margin-top: 5px;
  position: relative;
  left: 0px;
}



div#fileSizeError .alert.alert-danger {
  padding: 0;
  /* width: max-content; */
  background: transparent;
  border: 0px;
  margin-bottom: 0px;
}

div#fileSizeError {
  padding: 0px;
  margin-top: 5px;
  position: relative;
  left: 0px;
}

/* loader */

.userDetails div.loader { display: none;    border-radius: 6px; top: 0;  position: absolute!important;    transform: translate(0%, 0%);    background: #ffd0d6;      width: 100%;    height: 48px;    left: 0;
}
.userDetails div.loading {border: 2px solid #000;    width: 30px!important;  height: 30px;    border-radius: 50%;   border-top-color: #fff;
border-left-color: #fff; animation: spin 1s infinite ease-in;    position: absolute; left: 50%; margin-left: -20px;  top: 50%;
margin-top: -15px;}



.submitouter{position: relative; text-align: center; margin-top: 8px;}

    
.row-form .col-md-12{padding-left: 0px!important;}

optgroup[label]:nth-child(odd) {
  background: #fff;
}
textarea{
  resize: none!important;
}

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

  .main-content-wrap.webeonly .dream-data{display: none;}

  .main-content-wrap .result-container{flex-direction: column; padding: 0px 15px; box-sizing: border-box;}
  .wrap-left-content{width: 100%;}
  .heading-text{font-size: 20px;}
  .dare-dream-phera:after{display: none;}
  .wrap-right-form:after{display: none;}
  .testimoanils .heading-wrap:after{display: none;}
  .wrap-right-form::before{display: none;}
  .slick-arrow{display: none!important;}
  .dreamvideobox:first-child::after{display: none;}
  .dreamvideobox:last-child::after{display: none;}
  .dream-data .heading-wrap:after{display: none;}
/* banner top */
  .content-list ul li:last-child::before{display: none;}
  .heading-text-withbg{background-size: 150px; background-position: center right;}
  .heading-text-withbg .heading-wrap{margin-bottom: 15px;}
  .heading-text-withbg{padding-bottom: 40px;}
  .content-list ul li{font-size: 16px; padding-left: 10px; padding-right: 8px;}
  .slieBox{min-height: auto!important;}
  .main-content-wrap{padding-top: 50px;}
  
  

  /*form */
  .form-wrap-shdw{padding: 15px 10px;}
  .formsubmit #submit-form{width: 100%; display: block;}
  .submitouter{width: 100%;}
  .wrap-right-form{width: 100%;}
  .row-form.two-in-row .input-box{width: 100%;}
  .input-box input{height: 32px;}
  .input-box select{height: 32px;}
  input#selectFile{height: auto;}
  .row-form.signle-in-row.Upload-videp .input-box{width: 100%;}
  /*dare dream */
  .dream-data{margin-top: 30px; margin-bottom: 30px;}
  .main-content-wrap.mobileonly{display: block; padding-top: 0px!important;}
  .main-content-wrap.mobileonly .daretodream{max-width: 300px; margin: 0px auto;}
  .dreamvideobox:last-child{margin-left: 0px!important;}
  .dreamvideobox{max-width: 100%!important;}
  
  .dare-dream-phera{font-size: 15px;}
  
  /* testimoanils */
  .result-container{width: 100%; padding: 0px 15px;}
  .testimoanils{margin-top: 0px;}
}

@media (min-width: 768px) and (max-width: 1023px){
  .result-container{width: 100%; padding: 0px 15px;}
  .achiver-slider-wrap.responsive{max-width: 600px;}
  .wrap-left-content{width: 48%;}
  .wrap-right-form{width: 50%; margin-left: auto;}
  .heading-text{font-size: 24px;}
  .input-box label{font-size: 13px;}
  .input-box input{height: 32px; font-size: 13px;}
  .input-box select{height: 32px; font-size: 13px;}
  .row-form.signle-in-row.Upload-videp .input-box{width: 100%;}
  .row-form.signle-in-row.Upload-videp .input-box input{height: auto;}
  .wrap-right-form::before{display: none;}
  .form-wrap-shdw::after{display: none;}
  .dream-data{margin-bottom: 40px;}
}

@media (min-width: 1023px) and (max-width: 1200px){
  .result-container{width: 100%; padding: 0px 15px;}
  .achiver-slider-wrap.responsive{max-width: 600px;}
  .wrap-left-content{width: 48%;}
  .wrap-right-form{width: 50%; margin-left: auto;}
  .heading-text{font-size: 24px;}
  .input-box label{font-size: 13px;}
  .input-box input{height: 32px; font-size: 13px;}
  .input-box select{height: 32px; font-size: 13px;}
  .row-form.signle-in-row.Upload-videp .input-box{width: 100%;}
  .row-form.signle-in-row.Upload-videp .input-box input{height: auto;}
  .main-content-wrap .result-container{align-items: flex-start;}
  .wrap-right-form::before{bottom: -30px;}
  .dream-data{margin-bottom: 40px;}
}


@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
  }


/* animation */


@keyframes MoveUpDown {
  0%,
  100% {
    bottom: 150;
  }
  50% {
    bottom: 160px;
  }
}
@keyframes MoveLeft {
  0%,
  100% {
    right: 10px;
  }
  50% {
    right: 36px;
  }
}
@keyframes MoveUpDown1 {
  0%,
  100% {
    bottom: 0px;
  }
  50% {
    bottom: 60px;
  }
}

@keyframes rotateall {
  0%,
  100% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(80);
  }
}

span.Click-here {
  color: #3f51b5;
  font-size: 10px;
  text-decoration: none;
  cursor: pointer;
  font-style: italic;
  position: relative;
    top: -13px;
}
.custom-model-main {
text-align: center;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0; /* z-index: 1050; */
-webkit-overflow-scrolling: touch;
outline: 0;
opacity: 0;
-webkit-transition: opacity 0.15s linear, z-index 0.15;
-o-transition: opacity 0.15s linear, z-index 0.15;
transition: opacity 0.15s linear, z-index 0.15;
z-index: -1;
overflow-x: hidden;
overflow-y: auto;
}

.model-open {
z-index: 99999;
opacity: 1;
overflow: hidden;
}
.custom-model-inner {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
display: inline-block;
vertical-align: middle;
width: 600px;
margin: 30px auto;
max-width: 97%;
}
.custom-model-wrap {
display: block;
width: 100%;
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
text-align: left;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: calc(100vh - 70px);
overflow-y: auto;
}
.model-open .custom-model-inner {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
z-index: 999;
}
.model-open .bg-overlay {
background: rgba(0, 0, 0, 0.6);
z-index: 99;
}
.bg-overlay {
background: rgba(0, 0, 0, 0);
height: 100vh;
width: 100%;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
-webkit-transition: background 0.15s linear;
-o-transition: background 0.15s linear;
transition: background 0.15s linear;
}
.close-btn {
position: absolute;
right: 0;
top: -50px;
cursor: pointer;
z-index: 99;
font-size: 30px;
color: #fff;
}


.tncheading{    color: #414143;
font-weight: 700;
font-size: 16px;
line-height: 24px;}
.formcustum{display: flex; align-items: center;justify-content: center; height: 100%;}


.form-heading{    font-size: 26px;
  font-weight: 700;
  color: #515151;
  margin-bottom: 20px; }
  .pop-up-content-wrap ul{margin-top: 20px; margin-left: 25px;}
  .pop-up-content-wrap ul li{font-size: 16px; line-height: 30px;}
.custom-model-inner {
  margin-top: 50px;
}
@media screen and (max-width: 799px){
  .custom-model-inner {
  margin-top: 45px;
}
}