@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

figure { margin: 0; }

:focus { outline: none }

.form-control:focus { box-shadow: none; }

img, fieldset { border: 0; }

ul, ol { margin: 0 0 20px 0px; padding: 0; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

html, body { height: 100%; }

body { font-size: 14px; line-height: 16px; color: #fff; /*background: #232739;*/ font-family: 'Poppins', sans-serif; }



.welcomePage h1{ margin:20vh 0 20px}

.welcomePage .logoCenter{ margin-bottom:30px}

.welcomePage .contentText{ line-height:22px}


.userprofileform::-webkit-scrollbar{
  display: none;
}
#wrapper { padding: 0 15px;/*height: -moz-calc(100% - 173px);

#wrapper { padding:0px}

	height: -webkit-calc(100% - 173px);



	height: calc(100% - 173px);

	padding-top: 140px;

	padding-bottom: 100px;*/  height:100vh}
	
	#wrapper { padding:0px}

.profile_box figure {
   /* max-width: 140px;  */
  margin: 0 auto; position: relative; }

.profile_box { width: 100%; text-align: center; padding: 40px 15px 40px }

.profile_box img { float: none; }

.profile_box i { position: absolute; right: 20px; bottom: 5px; cursor: pointer; }

.profile_box i img { width: 26px; height: auto; }

.login_logo { width: 100%; text-align: center; padding: 50px 15 15px 15px;/*padding: 60px 15px;*/ }

.login_logo h1 { font-size: 22px; line-height: 24px; margin: 15px 0; font-weight: 700; }

.login_form input[type="text"], .login_form input[type="email"], .login_form input[type="password"], .signup_form input[type="text"],.signup_form input[type="number"], .signup_form input[type="email"], .signup_form input[type="password"] { border: 1px solid #777b86; background: #171b26; border-radius: 24px; font-size: 14px; line-height: 20px; color: #8f9392; font-weight: 400; min-height: 48px; padding: 10px 22px; }

.login_form .remember, .login_form .forgot, .signup_form .remember, .signup_form .terms { float: left; width: 50%; padding: 0px 15px; font-size: 12px; line-height: 16px; color: #8f9392; font-weight: 400; position: relative; }

.login_form .form-check-label { display: inline-block; vertical-align: middle }

.login_form .remember, .signup_form .remember { padding-left: 23px; }

.login_form .remember input[type="checkbox"], .signup_form .remember input[type="checkbox"] { border: 1px solid #777b86; position: relative; top: 2px; margin-right: 5px; }

.signup_form .remember label a { color: #e06d13; font-weight: 600; }

.login_form .forgot { text-align: left; color: #fff }

.login_form .forgot a { color: #fff }

.btn_set { margin: 60px 0; }

/*#registerBtn { background-color: #4CAF50; color: white; padding: 16px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; opacity: 0.9; }*/

.login_form .btn_set > input[type="button"], .signup_form .btn_set > input[type="button"],input[type="submit"], .signup_btn, .common_btn, #registerBtn { background: #e06d13; color: #fff; border-radius: 21px; display: inline-block; width: 100%; border: 0; padding: 10px 22px; min-height: 42px; font-size: 20px; line-height: 22px; font-weight: 600; cursor: pointer; }

 #registerBtn{ margin:20px 0 20px}

.signup_btn:hover, .common_btn:hover { color: #fff; }

.login_form .btn_set .dont_account, .signup_form .btn_set .dont_account { width: 100%; text-align: center; margin-top: 15px; }

.login_form .btn_set .dont_account span, .signup_form .btn_set .dont_account span { font-size: 14px; line-height: 16px; font-weight: 400; color: #fff; }

.dont_account a { background: #fff; border-radius: 4px; color: #e06d13; font-size: 13px; line-height: 15px; text-transform: uppercase; font-weight: 600; padding: 3px 10px; border: 0; cursor: pointer; margin-left: 5px }

header { background: #2e3549; height: 40px; margin-bottom: 80px; position: fixed; left: 0; top: 0; width: 100%; z-index: 1; }

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}

.logo_box { /*width: 123px;

	height: 123px;

	background: url(../images/oval.png) no-repeat 0 0;

	top: -25px;

	*/ margin: 0 auto; display: flex; align-content: unset; align-items: flex-end; justify-content: center; position: relative; background-size: contain }

.logo_box img { width: 30px; height: auto; position: relative; top: 5px; }

.body_text { padding-top: 50px }

.body_text p { color: #ffffff; font-size: 15px; font-weight: 400; line-height: 24px; }

.body_text p strong { /*color: #ffffff;*/ font-size: 18px; font-weight: 600; line-height: 27px; font-weight: 600; }

.body_text figure { width: 100%; text-align: center; /*margin: 80px 0;*/ margin: 20px 0; }

.task_comp { width: 100%; background: #e06d13; cursor: pointer; font-size: 20px; line-height: 26px; font-weight: 600; border: 0; padding: 10px 15px; color: #fff; position: fixed; bottom: 66px; left: 0; }

 footer { padding: 10px 15px; position: fixed; left: 0; bottom: 0; width: 100%; background: #2e3549; 
  z-index:1;
 }

footer .foot_menu { margin: 0; display: flex; list-style: none; justify-content: space-around; }

footer .foot_menu li { width:25%; font-size: 11px; line-height: 14px; text-transform: uppercase; font-weight: 400; }

footer .foot_menu li a { color: #fff !important; display: block; padding-top: 32px; text-align: center; background-size: 25px !important; }

footer .foot_menu li:nth-child(1) a { background: url(../images/challenge.png) no-repeat top center; }

footer .foot_menu li:nth-child(2) a { background: url(../images/task.png) no-repeat top center; background-size: 20px !important; }

footer .foot_menu li:nth-child(3) a { background: url(../images/profile.png) no-repeat top center; background-size: 20px !important; }

footer .foot_menu li:nth-child(4) a { background: url(../images/logout.png) no-repeat top center; }

footer .foot_menu li.active:nth-child(1) a { background: url(../images/challenge_active.png) no-repeat top center; }

footer .foot_menu li.active:nth-child(2) a { background: url(../images/task_active.png) no-repeat top center; background-size: 20px !important; }

footer .foot_menu li.active:nth-child(3) a { background: url(../images/profile_active.png) no-repeat top center; background-size: 20px !important; }

footer .foot_menu li.active:nth-child(4) a { background: url(../images/logout_active.png) no-repeat top center; }

.modal p { color: #000; font-size: 14px; line-height: 22px; font-weight: 400; text-align: center; }

.modal-header { padding: 0 15px 0 15px; border: 0; position: relative; }

.modal-header .close { background: url(../images/close.png) no-repeat 0 0; width: 29px; height: 29px; font-size: 0; opacity: 1; right: 10px; position: relative; }

.modal-footer { padding: 0px 15px 10px 15px; border: 0; }

.center_btn { width: 100%; text-align: center; justify-content: center; }

.center_btn .open_document { cursor: pointer; background: #e06d13; border-radius: 9px; text-align: center; color: #fff; font-size: 18px; line-height: 22px; font-weight: 500; min-width: 184px; display: inline-block; min-height: 38px; border: 0; float: none; }

.date_row { width: 100%; border-bottom: 1px solid #777b86; font-size: 18px; line-height: 21px; color: #e06d13; padding-bottom: 5px; display: inline-block; }

.calendar_list { width: 100%; list-style: none; margin: 0; position: relative }

.calendar_list:before { left: 60px; top: 0; height: 100%; width: 1px; background: #fff; position: absolute; content: ""; }

.calendar_list li { width: 100%; }

.chk_box { position: relative; padding-left: 14px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.chk_box input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; /* background-color: #eee; */ border: 1px solid #818590; border-radius: 2px; }

.calendar_list li { width: 100%; display: flex; justify-content: space-between; margin: 30px 0; }

.calendar_list li .date_box { color: #ffffff; font-size: 12px; font-weight: 500; line-height: 10px; text-transform: uppercase; width: 65px; justify-content: center; text-align: center; position: relative; margin-right: 40px; }

.calendar_list li .date_box::before { left: 54px; top: 0; height: 13px; width: 13px; background: #e06d13; position: absolute; content: ""; border-radius: 100%; }

.calendar_list li .date_box span { width: 100%; display: inline-block; font-size: 22px; line-height: 25px; margin-bottom: 5px; }

.calendar_list li .text_box { border-radius: 5px; background-color: #e06d13; padding: 8px; width: 90%; }

.calendar_list li .text_box a{ display:flex; width:100%}

.calendar_list li .text_box a p{ width: calc(100% - 25px)}

.calendar_list li .text_box.locked { background: #8c461b; }

.calendar_list li .text_box.locked p { color: #000; }

.calendar_list li .text_box.expired { background: #2e3549; }

.calendar_list li .text_box.expired p { color: #696f8d; font-size: 12px; font-weight: 400; line-height: 19px; }

.calendar_list li .text_box { border-radius: 5px; background-color: #e06d13; padding: 15px 20px; width: 90%; display: flex; justify-content: space-between; min-height: 50px; align-items: center; cursor: pointer; }

.calendar_list li .text_box p { font-size: 12px; font-weight: 400; line-height: 19px; margin-bottom: 0; }

.calendar_list li .text_box .icon_box { width: 25px; margin-left: 10px; }

.calendar_list li .text_box .icon_box { width: 20px; height: 20px; }

.calendar_list li .text_box .icon_box img { width: 18px; height: auto; }

.thumb { width: 100%; text-align: center; }

.thumb img { max-width: 100px; margin: 0 auto; }

.thanks strong { color: #e06d13; font-size: 24px; line-height: 22px; text-transform: uppercase; width: 100%; display: inline-block; text-align: center; margin: 20px 0; }

.thanks span { color: #000000; font-size: 16px; font-weight: 400; line-height: 22px; width: 100%; text-align: center; display: inline-block; margin-bottom: 20px; }

.contact_us { width: 100%; padding: 40px 0 0 0; }

.contact_us .tabs { margin: 0 0 50px 0; list-style: none; display: flex; justify-content: center; }

.contact_us .tabs li { margin: 0 5px; }

.contact_us .tabs li a { width: 168px; height: 38px; border-radius: 9px; background-color: #ea9c5f; color: #ffffff; font-size: 18px; font-weight: 500; line-height: 19px; text-transform: uppercase; display: flex; /* flex-direction: row-reverse; */ justify-content: center; align-items: center; }

.contact_us .tabs li.current a { background-color: #e06d13; }

.tab-content { display: none; }

.tab-content.current { display: inherit; }

.contact_us input[type="text"], .contact_us input[type="email"] { border-radius: 24px; border: 1px solid #979797; color: #000000; font-size: 14px; font-weight: 400; line-height: 16px; height: 45px; }

.contact_us textarea { border-radius: 5px; border: 1px solid #979797; color: #000000; font-size: 14px; font-weight: 400; line-height: 16px; height: 200px; width: 100%; padding: 15px 34px 15px 15px; resize: none; }

.contact_us label.edit { position: absolute; top: 10px; right: 10px; cursor: pointer; }

.contact_us input[type="submit"] { background: #e06d13; margin-top: 25px; color: #fff; border-radius: 21px; display: inline-block; width: 100%; border: 0; padding: 10px 22px; min-height: 42px; font-size: 20px; line-height: 22px; font-weight: 500; cursor: pointer; text-transform: uppercase }

.validation label.edit { position: absolute; top: 10px; right: 10px; cursor: pointer; }

.validation textarea { border-radius: 5px; border: 1px solid #979797; color: #000000; font-size: 14px; font-weight: 400; line-height: 16px; height: 120px; width: 100%; padding: 15px 34px 15px 15px; resize: none; }

.sorry { text-align: center; padding: 50px 20px }

.sorry strong { font-size: 18px; font-weight: 400; }

.sorry a { font-size: 16px; font-weight: 600; color: #e06d13; text-decoration: underline; }

.body_text h1 { font-size: 30px; line-height: 35px; margin: 10px 0; font-weight: 700 }

.body_text span.sub_title { font-size: 16px; line-height: 18px; font-weight: 400; margin: 25px 0 50px; width: 100%; display: inline-block; }

.body_text .read_more { color: #e06d13; }
.
.cha_list { width: 100%; list-style: none; margin: 0; padding: 0; }
.cha_list li{position: relative; margin: 30px 0; width: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26); border-radius: 3px; background-color: #f7f2f2; padding: 15px;}
.circle_icon{ display: flex; justify-content: flex-end; position: absolute;top: 5px; right:5px; }
.circle_icon span{ text-align: center; font-weight: bold;padding:8px 0 0 0; margin: 0; color: #000; background: url(../images/circle_icon.png) no-repeat; background-size: 100%; width:35px; height:35px; }

.cha_list li a{  display: flex; }

.cha_list li figure { width: 60px; margin: 0; }

.cha_list li figure img { max-width: 60px !important; height: 60px; border-radius: 100%; }

.cha_list li .text { padding: 0 15px; width: 100%; }

.cha_list li .text p { color: #000000; font-size: 14px; font-weight: 600; line-height: 20px; }

.cha_list li .text p i.completed { color: #e06d13; font-weight: 500; }

.cha_list li .text p i { color: #4a4a4a; font-weight: 500; }

.cha_list li .text span { width: 100%; display: inline-block; color: #000000; font-size: 14px; font-weight: 500; line-height: 12px; text-transform: uppercase; }

.cha_list li .action { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.cricle_meter{ margin-top: 10px; }
.cha_list li .action a img { height: 20px; }
#img_scroll{ margin-top: 15px; }
.grid-l1 .box-a1 h2 { background: url(../images/accordian_arrow.png) no-repeat top right #e9e9e9; padding: 15px; color: #000000; font-size: 14px; font-weight: 500; cursor: pointer }

/*



.chk_box:hover input ~ .checkmark {



  background-color: #ccc;



}











.chk_box input:checked ~ .checkmark {



  background-color: #2196F3;



}*/







.checkmark:after { content: ""; position: absolute; display: none; }

.chk_box input:checked ~ .checkmark:after { display: block; }

.chk_box .checkmark::after { left: 7px; top: 3px; width: 5px; height: 10px; border: solid #e06d13; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.file.brows { background: #e06d13; border: 0; }

.file.brows span { font-size: 14px; line-height: 16px; color: #fff; font-weight: 600; height: 42px; }

.file { width: 100%; position: relative; border: 2px solid #979797; border-radius: 30px; min-height: 42px; }

.file input[type="file"] { width: 100%; position: absolute; left: 0; top: 0; height: 42px; opacity: 0; cursor: pointer; }

.file span { width: 100%; font-size: 16px; line-height: 18px; font-weight: 700; text-align: center; display: flex; color: #000; justify-content: center; /* align-items: flex-start; */ height: 39px; align-items: center; }

.file .camera { position: absolute; left: 10px; top: 9px; max-width: 23px; }

.file .upload { position: absolute; left: 10px; top: 9px; max-width: 15px; }

.separator { border: 1px solid #979797; width: 100%; text-align: center; position: relative; margin: 33px 0 35px 0; }

.separator small { font-size: 16px; line-height: 18px; font-weight: 300; color: #000; position: absolute; left: 50%; top: -9px; width: 50px; height: 25px; margin-left: -25px; background: #fff; }

.modal-body { padding: 10px !important; }

.play_video .video_frame { position: relative; max-width: 374px; height: 174px; margin: 0 auto; }

.play_video .video_frame:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); content: ""; }

.play_video .video_frame .ply_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.click_here_btn { width: 168px; height: 38px; border-radius: 9px; background-color: #e06d13; color: #ffffff; font-size: 18px; font-weight: 500; line-height: 19px; text-transform: uppercase; display: flex; /* flex-direction: row-reverse; */ justify-content: center; align-items: center; }

.click_here_btn:hover { color: inherit; }

/********accordian & Tabbing***********/

.header { width: 100%; text-align: left; background: #fff; color: #000; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 5px; cursor: pointer; margin: 0px !important; }

.level-box { width: 100%; height: auto; overflow: hidden; background: #fff; padding: 10px; display: none; }

.box-a1 { width: 100%; height: auto; overflow: hidden; margin: 5px 0px; }

header .help_link { position: absolute; right: 15px; top: 12px; }

header .help_link img { max-width: 15px; }



/*

ul.tabs{margin: 0px; padding: 0px; list-style: none;}



ul.tabs li{background: none; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer;}



ul.tabs li.current{background: #ededed; color: #222;}



.tab-content{ display: none; background: #ededed; padding: 15px;}



.tab-content.current{display: inherit;}

*/



/***************************************/


/*.chalenj-detail-img { width: 250px; height: 150px; }*/
.chalenj-detail-img { width: 100%; height: 150px; }
.iframely-embed iframe{ padding-bottom: 0px !important; }

.body_text .body_content iframe{ padding-bottom: 0px; }

.body_text iframe{ padding-bottom: 60px; }

.body_text.text-center ul { list-style-position: inside;}
 .body_text.text-center ol { list-style-position: inside; }
.body_text.text-center ul li { }
 
h2 { font-size: 25px; line-height: 30px}
h3 { font-size: 20px; line-height: 25px}
h4 { font-size: 15px; line-height: 20px}

 @media only screen and (max-width:767px) {

.contact_us .ui-tabs-nav li a { width: 135px; font-size: 14px; height: 38px; }

.login_form .remember, .signup_form .remember { padding-left: 9px; }

.login_form .remember, .login_form .forgot, .signup_form .remember, .signup_form .terms { font-size: 11px; }

}



.welcomePage { text-align: center; padding: 30px; }









.text-md-right {

    color: black;

}

.open_document a:link, .open_document  a:active, .open_document  a:hover, .open_document a:visited {

    color: white;

  }



.profile_box{

	position: relative;

	padding-top: 40px;

}

.user_profile_pic{

    width: 130px;

    height: 130px;

    border-radius: 50%;

}



.profile_box .file-upload{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    color: transparent;

    position: absolute;

    bottom: 16px;

    left: 60%;

    top:80%;

    transform: translate(-60%,-80%);

    background: #e06d13;

}



.profile_box input[type='file'] {

    width: 35px;

    height: 35px;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    cursor: pointer;

}



.reset-passowrd-section .card-header{

color: #495057;

}

.reset-passowrd-section input[type="email"], .reset-passowrd-section input[type="password"]{

    border: 1px solid #777b86;

    background: #171b26;

    border-radius: 24px;

    font-size: 14px;

    line-height: 16px;

    color: #8f9392;

    font-weight: 400;

    min-height: 48px;

    padding: 10px 22px;

}



#task_form h1 { padding-left: 10px; }

#task_form .back_button {
  /* padding: 15px 15px 15px 15px; */
  /* padding: 0px 15px 0px 15px; */
  text-align: center;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  width: 350px;
  margin: 0 auto;
  top: 40px;
  background: #232739;
  padding:5px 0;
}

#task_form .body_text { padding-top: 30px; padding-bottom: 220px;}



.task_comp { left: 15px;  }

 .task_comp button{

    width: 100%;

    background: #e06d13;

    cursor: pointer;

    font-size: 20px;

    line-height: 26px;

    font-weight: 600;

    border: 0;

    padding: 10px 15px;

    color: #fff;



}

.userprofileform{

	height: 800px;

	overflow-y: scroll;

}





.alertbox {

    padding: 20px;

    background-color: #2196F3;

    color: white;

  }



  .closebtnbox {

    margin-left: 15px;

    color: white;

    font-weight: bold;

    float: right;

    font-size: 22px;

    line-height: 20px;

    cursor: pointer;

    transition: 0.3s;

  }



  .closebtnbox:hover {

    color: black;

  }

.body_text iframe{ width: 100%; }



  @media only screen and (max-width:580px) {

  	.task_comp{ width: 95%; }

  	/*19-04-2021*/
  	/* .task_completed{
  		padding-bottom: 70px !important;
  	} */
   	.task_comp{ width: 93%; }
  }

  @media only screen and (max-width:425px) {

  	.task_comp{ width: 93%; }


  }

 @media only screen and (max-width:320px) {

.task_comp{

	bottom: 76px;

    width: 91%;

}

}

.modal-footer.center_btn{ margin-bottom: 55px; }
/*26-july-2021*/
footer .foot_menu li a{ background:none!important;padding-top: 0px;  }
footer .foot_menu li a span{ display: block; padding-top: 5px; }
footer .foot_menu li a img{ width: 20px; height: 25px;}
footer .foot_menu li:nth-child(1) a img{ border-radius: 50%;width: 25px; height: 25px; }
footer .foot_menu li:nth-child(4) a img{ width: 25px; height: 25px; }

/*28 july 2021*/
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #777b86;
  -webkit-text-fill-color: #8f9392;
  -webkit-box-shadow: none;
   transition: background-color 5000s ease-in-out 0s;
   color: #8f9392;
}

/*12 august 2021*/
body{
  background-image: url("../img/body-bg.jpg");
  height: 100vh;
  width: 100%;
  background-position:center center;
  background-size: cover;
}
/* .completed_action{
  bottom: 86px!important;
} */
.body_text {
  height: 100%;
  position: absolute;
  top: 40px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: auto;
  /* padding-top: 0px; */
  padding: 0 15px 110px 15px;
}
/* .body_text{position:absolute; top:40px; bottom:75px; left:0px; right:0px; overflow:auto; padding-top: 0px; padding: 0 15px;} */
.body_text.task_detail_page{bottom: 125px; padding-top: 40px;}

.mainArea{ background: #232739; overflow: hidden;}
.body_text::-webkit-scrollbar{
  display: none;
}

body.welcomePage{ padding: 0px; }
.welcomePage .mainArea {padding: 15px; height: 100vh;}
.userprofileform{ padding:0 15px;   }

 .form-group { position: relative; }

span.field_icon {
	right: 5px;
    top: 25px;
    /*top: 4px;*/
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center; z-index: 9999;}

.userprofileform {
      width: 100%;
      background: #232739;
      height: 100vh;
      position: relative;
      left: 0;
      right: 0;
      top: 0;
      overflow-y: scroll;
      padding: 40px 15px 90px;
      bottom: 0;
}

.auth.body_text{padding-bottom: 0; top: 0;}


/* .userprofileform{overflow-y:initial; background: #232739; height: 100vh; position: absolute; left: 0; right: 0; overflow: auto; padding: 40px 15px; } */
.swal2-container .swal2-popup{ width:350px;  }
img{height: auto;  max-width: 100%; }
.body_text  .modal-body{ padding-top: 25px!important; }

.swal2-title{ font-size:20px!important; }
.swal2-content { font-size: 1em!important; }

.rate_number{ text-align: center; width: 100%; padding: 10px 0; }
.rate_number .rating_active{ background:#ffa500; border:1px solid#ffa500;  }
.rate_number label{ padding-top: 5px;  width: 30px; height: 30px; border:1px solid#ffa500; border-radius: 50%;}
  .rating {
  display: block;
  direction: rtl;
  unicode-bidi: bidi-override;
  text-align: center;
  width: 100%;
  padding: 10px 0 10px 10px;
}
.rate_number input{ visibility: hidden; }
.rating .star {
  display: none;
}
.rating label {
  color: #d3d3d3;
  display: inline-block;
  font-size: 42px;
  margin: 0 -2px;
  transition: transform .15s ease;
  padding: 0 5px;
}
.rating label:hover {
 /* transform: scale(1.35, 1.35);*/
}
.rating label:hover,
.rating label:hover ~ label {
  color: #ffa500;
}
.rating .star:checked ~ label {
  color: #ffa500;
}




/*11-10-2021*/
.reset-passowrd-section .common_btn{ width: 100%; text-transform: uppercase; }
.reset-passowrd-section .col-form-label{font-size: 12px;}

/* .profile_box figure{ height: 150px; } */
/*.user_profile_pic{ width: 100%; height: 100%; }*/
footer .foot_menu li:nth-child(1) a figure{ width: 25px; height: 25px; margin:0 auto;}
footer .foot_menu li:nth-child(1) a img { width: 100%; height: 100%; }


 @media only screen and (max-width:767px) {
 	.body_text{padding: 0 15px 150px 15px;}
 }

 @media only screen and (min-width:768px) {
.mainArea{ margin: 0 auto; max-width:379px; position: relative; }
header, footer{ max-width: 379px; left: auto;  }
.task_comp{max-width: 350px; left: auto; margin-left: 15px;}
.file.brows{margin: 0 auto;  max-width: 350px; padding: 0 15px; }

}