body {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important; 
    background-color: #f7f7f7; 
    color: #323232;
}

.row.align-items-center {
    cursor: pointer;
}


a.main-no-btn {
    cursor: pointer;
}

a.main-yes-btn {
    cursor: pointer;
}

.sachin{
    background-image: url('/assets/images/1700.png');
    height: 100%;
}

.dfdf .modal-content {
    background: transparent !important;
}
.logout-box.text-center {
    padding: 20px 20px ;
}

.dfdf.modal-dialog.modal-more-lg {
    max-width: 66%;
    height: 100% !important;
}


.dfdf.modal-dialog.modal-more-lg.modal-content {
    background: transparent;
    border: none;
}

.ljalscjladjaldjaasd {
    width: 100%;
    text-align: center;
}
.file_upldPrfeBoxImg svg {
    position: relative;
    left: -1px;
    top: -1px;
}

span.bs-rating-star.active {
    color: #f5a640;
    opacity: 11;
    z-index: 111;
}



rating.dsdfdsf span {
    display: flex;
    justify-content: space-between;
    width: 100px;
}




html{
    scroll-behavior: smooth;
}
html::-webkit-scrollbar {
    display: none;
  }
.main-wraper .main-wraperInner {
    max-width: 1700px;
    margin: auto; 
}
.bg_brand{
    background-color: #ffffff;
    color: #27282C; 
} 
.form-rel {
    position: relative;
}
.newslatter-box {
    background-color: #F6F6F6;
    width: 260px;
    margin: auto;
    border-radius: 7px;
}
.newslatter-box .form-control::placeholder {
    color: #959592;
    opacity: 1;
} 
.newslatter-box .form-control:-ms-input-placeholder {
    color: #959592;
    opacity: 1;
} 
.newslatter-box .form-control::-ms-input-placeholder {
    color: #959592;
    opacity: 1;
} 
.newslatter-box .form-control {
    font-size: 14px;
    height: 48px;
    box-shadow: none !important;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding-right: 90px;
    background: transparent;
    color: #959592;
} 
.newslatter-box .form-rel .submit_btn {
    background: transparent;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    box-shadow: none !important;
    outline: 0;
    border: 0;
    color: #530201;
    font-weight: bold;
}
.keeptouch {
    margin-top: 25px;
}
.ftr_social {
    display: flex;
    font-size: 21px;
}
.ftr_social a {
    display: inline-block;
    margin-right: 15px;
}
.main-header {
    background: #245FD4;
    padding: 30px 0;
}
.mainpage {
    padding: 65px 0;
}
.login-form {
    max-width: 430px;
    margin: auto;
    color: #9B9C9C;
} 
.ph_inputbox .input-group-prepend {
    margin-right: 0;
}
.ph_inputbox .btn-outline-secondary {
    background: #F3F3F4 !important;
    border: 1px solid #D3D3D3 !important;
    border-right: 0 !important;
    height: 48px;
    color: #959592 !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 12px;
}
.ph_inputbox .form-control {
    background: #F3F3F4 !important;
    border: 0.5px solid #D3D3D3 !important;
    box-shadow: none !important;
    border-left: 0.5px solid #D3D3D3 !important;
    outline: 0 !important;
    color: #959592 !important;
    height: 48px;
    border-radius: 0 12px 12px 0 !important;
}
.login-form [class*='col-' ] {
    margin-bottom: 22px;
}
.logo-wrap {
    text-align: center;
}
.optboxes ul {
    display: flex;
    justify-content: space-between;
    margin: 0 -5px;
}
.optboxes li {
    width: 16.66%;
    padding: 0 5px;
}
.optboxes .form-control {
    background: #F3F5FA;
    border: #F3F5FA;
    color: #000;
    text-align: center;
    border-radius: 8px  !important;
    height: 50px;
    box-shadow: none !important;
    outline: 0 !important;
    color: #495057 !important;
}
.login-form .label {
    color: #7C879C; 
}
.login-form .label a {
    color: #0E6EFF;
}
.succes-box {
    max-width: 360px;
    margin: auto;
}
.succes-box p {
    font-size: 15px;
    color: #7C879C;
}
.metting_ftrbox .metting_ftrbox_img {
    width: 30px;
}
.metting_ftrbox .metting_ftrbox_cnt {
    width: calc( 100% - 30px );
    padding-left: 11px;
    font-size: 14px;
}
.metting_ftrbox .metting_ftrbox_cnt p {
    font-weight: 600;
    color: #000;
}
.metting_ftrbox .metting_ftrbox_cnt .lightTxt  {
    color: #7C879C;
    font-weight: 600;
}
.metting_ftrbox .metting_ftrbox_cnt .redText {
    color: #E02020;
}
.px-25 {
    padding-left: 25px;
    padding-right: 25px;
}
.py-25{
    padding-top: 25px;
    padding-top: 25px;
}
.p-25{
    padding: 25px; 
}
.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.py-15{
    padding-top: 15px;
    padding-top: 15px;
}
.p-15{
    padding: 15px; 
}
.meetingpop_headbg {
    background-image: url(../images/about-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 25px;
    padding-bottom: 60px;
    position: relative;
}
.meetingpop_headbg:before{
    content: '';
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.meetingpop_headbg .addfeedbox_header{
    position: relative;
}
.meetingpop_headbg .addfeedbox_header h4, .meetingpop_headbg .addfeedbox_header h4 a{
    color: #fff;
}
.media_boxes img {
    padding: 1px;
    width: 100%;
    height: 75px;
    object-fit: cover;
}
.file_boxeslist li {
    margin-bottom: 20px;
}
.file_box {
    display: flex;
    width: 100%;
    padding-right: 30px;
    position: relative;
    align-items: center;
}
.file_box .file_box_icon {
    width: 35px;
}
.file_box .file_box_cnt {
    width: calc( 100% - 35px );
    padding-left: 10px;
}
.file_box_download img {
    position: absolute;
    right: 0;
    top: 0;
}
.file_box .file_box_cnt p {
    color: #7C879C;
    font-size: 13px;
    line-height: 1;
}
.file_box .file_box_cnt p.smallTxt {
    font-size: 9px;
}
.small_btns .btn-style {
    font-size: 11px;
    padding: 5px 10px;
}
.switch_box .switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    margin: 0;
}
.switch_box .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.switch_box .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #74C6ED;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #74C6ED;
}
.switch_box .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%), 0 2px 1px 0 rgb(0 0 0 / 6%);
    border: 0.5px solid rgba(0,0,0,0.04);
} 
.switch_box input:checked + .slider:before {
    border-color: #4a7299;
    background: #4a7299;
}
.switch_box input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
} 
.switch_box .slider.round {
  border-radius: 34px;
}
.switch_box .slider.round:before {
  border-radius: 50%;
}
.participatios_imgs img {
    position: static;
    display: inline;
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -10px;
}
.participatios_imgs img:first-child {
    margin-left: 0;
}
.addfeedbox_form .form-control {
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    box-shadow: none !important;
    outline: 0 !important;
    margin-top: 8px;
}
.slectDate {
    margin-top: 20px;
}
.slectDate li {
    width: 33.33%;
    font-size: 15px;
}
.meeting_tabcntbox .media_uploadbox .media_uploadinner { 
    padding-right: 45px;
}
.meeting_tabcntbox .media_uploadbox .media_uploadinner_rght img {
    width: 25px;
}
.meeting_tabcntbox span.btm_txt {
    font-size: 13px;
    color: #bfbfbf;
}
.postBox-meetingbody .postBox-meeting_totalparti_noabs img {
    position: static;
    margin-right: 5px;
}
.postBox-meeting_cnt form > label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
    color: #B6BDC9;
}
.choices_box .choices_box-iner {
    position: relative;
    width: 100%;
    height: 55px;
    border: 2px solid #245FD4;
    border-radius: 12px;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.choices_box .choices_box-iner .poll_lfttxt {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 70%;
}
.choices_box .choices_box-iner .poll_rghttxt {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.choices_box .choices_box-iner .poll_win {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #e4ecfb;
    border-radius: 12px 0 0 12px;
}
.poll_optionslist li {
    width: 48%;
    border-radius: 8px !important;
    border: 1px solid #dddddd;
    font-size: 16px;
}
.poll_optionslist li  .custom-control-input:checked ~ .custom-control-label {
    background: #245FD4;
    color: #fff;
    border-radius: 8px; 
}
.poll_optionslist li:nth-child(1){
    margin-right: 2%;
}
.poll_optionslist li:nth-child(2){
    margin-left: 2%;
}
.poll_optionslist li:last-child {
    width: 100%;
    margin-top: 4%;
}
.poll_optionslist_setting {
    margin-top: 30px;
}
.poll_options {
    margin: 25px 0;
}
.poll_options h5 {
    color: #245FD4;
    font-size: 15px;
    font-style: italic;
}
.create_choiceboxes .form-control {
    border-color: #ddd !important;
    box-shadow: none !important;
    outline: 0 !important;
    font-size: 14px;
}
.label_head {
    font-size: 16px;
    color: #7C879C;
    font-weight: 600;
    margin-bottom: 20px;
}
.input_addicon {
    position: relative;
    padding-right: 50px;
}
.input_addicon .rightsidefix {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
}
.polltype_box {
    display: flex;
    padding: 7px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    align-items: center;
    font-weight: 600;
    margin-right: 8px;
}
.polltype_box img {
    width: 22px; 
} 
.polltype_box span {
    width: calc( 100% - 25px ); 
    padding-left: 5px;
} 
.poll-type-list{
    margin-right: -25px;
}
.poll-type-list .slick-list {
    padding-right: 15%;
}
.metting_ftrbox_custimg img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.assign_taskboxes_frcnts ul {
    margin: 0 -5px;
}
.assign_taskboxes_frcnts li {
    padding: 0 5px;
}
.assign_taskboxes_frcnts .cntbox_img {
    display: block;
    margin-bottom: 5px;
}
.assign_taskboxes_frcnts .cntbox_img img {
    border-radius: 3px;
    width: 100%;
    height: 55px;
}
.assign_taskboxes_frcnts .cntbox_name, .assign_taskboxes_allcntslist .cntbox_name{
    font-size: 11px;
    color: #7C879C;
    line-height: 1;
    text-align: center;
    font-weight: 600;
}
.assign_taskboxes_allcntshead {
    background: #F5F6FA;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0 -15px;
    padding: 15px 25px;
}
.assign_taskboxes_allcntshead .lightxt {
    color: #7C879C;
}
.assign_taskboxes_allcntshead .bluetxt {
    color: #245FD4;
}
.assign_taskboxes_frcnts {
    padding: 0 15px 25px;
}
.assign_taskboxes_allcntslist .cntbox_img img {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    object-fit: cover;
}
.assign_taskboxes_allcntslist .cntbox {
    display: flex;
    align-items: center;
}
.assign_taskboxes_allcntslist .cntbox_img{
    width: 50px;
}
.assign_taskboxes_allcntslist .cntbox_name{
    width: calc( 100% - 50px );
    padding-left: 10px;
    text-align: left;
    font-size: 14px;
} 
.assign_taskboxes_allcntslist ul {
    padding-left: 45px;
    position: relative;
}
.assign_taskboxes_allcntslist li.alphatxt {
    position: absolute;
    left: 0;
    top: 3px;
}
.assign_taskboxes_allcntslist li {
    margin-bottom: 10px;
}
.cntbox_img {
    position: relative;
    overflow: hidden;
}
.cntbox_chck {
    position: absolute;
    background: rgb(36 95 212 / 50%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px; 
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    transition: all .5s;
    display: none;
}
.assign_taskboxes .active .cntbox_chck{
    display: flex;
}
.assign_taskboxes_allcntslist {
    max-height: 400px;
    overflow-y: auto;
}
.addfeedbox_body .recentchat-list li h5 {
    font-size: 16px; 
    margin-bottom: 5px;
    font-weight: 400;
}
.act-rjtbtn {
    display: inline;
}
.act-rjtbtn a {
    display: inline-block;
    margin-left: 6px;
    font-weight: 600;
}
.act-rjtbtn .acpt{
    color: #8DD384;
}
.act-rjtbtn .rejct{
    color: #E02020;
}
.contacts-top p {
    font-size: 14px;
    color: #7C879C;
    font-weight: 600;
}
.contacts-top a {
    text-decoration: none;
}
.cnts-topheadbox {
    display: flex;
    align-items: center;
}
.cnts-topheadbox .cnts-tophead-img{
    width: 32px;
}
.cnts-topheadbox .cnts-tophead-img img {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    object-fit: cover;
}
.cnts-topheadbox .cnts-tophead-cnt{
    width:  calc( 100% - 32px );
    padding-left: 8px;
}
.cnts-topheadbox .cnts-tophead-cnt h5 {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 2px;
}
.cnts-topheadbox .cnts-tophead-cnt p {
    margin: 0;
    line-height: 1;
    font-size: 11px;
    font-weight: 600;
    color: #245FD4;
}
.contacts-body {
    margin-top: 25px;
}
.contacts-bodymenu{
    margin-bottom: 15px;
}
.contacts-bodymenu ul {
    border-bottom: 1px solid #CED0D4;
}
.contacts-bodymenu li a {
    padding: 0 20px 12px;
    text-align: center;
    font-size: 15px;
    border-radius: 0 !important;
    font-weight: 600;
    color: #7C879C;
    background: transparent;
    box-shadow: none !important;
    border-bottom: 2px solid transparent;
}
.contacts-bodymenu .nav-pills .nav-link.active, .contacts-bodymenu .nav-pills .show>.nav-link{
    background: transparent;
    border-bottom-color: #000;
    color: #000;
    font-weight: bold;
}
.cnts-bdycnt-details h4 {
    font-size: 15px;
    font-weight: 600;
    color: #171717;
    margin-bottom: 13px;
}
.cnts-bdycnt-details label.toplbl {
    color: #7C879C;
    font-size: 13px;
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}
.cnts-bdycnt-details p {
    color: #7C879C;
    font-size: 16px; 
    font-weight: 600;
    margin-bottom: 0;
}
.cnts-bdycnt-details [class*='col-' ] {
    margin-bottom: 12px;
}
.sidebar_contacts-search {
    padding: 20px 18px 15px;
}
.sidebar_contacts-search .form-control {
    height: 40px;
    box-shadow: none !important;
}
.sidebar_contacts-list li {
    padding: 15px 18px;
    border-bottom: 1px solid #ddd;
    transition: all .5s;
}
.contact-listbox {
    display: flex;
    align-items: center;
}
.contact-listbox .contact-listbox-img{
    width: 55px;
}
.contact-listbox .contact-listbox-img img {
    width: 55px;
    height: 55px;
    border-radius: 5px;
    object-fit: cover;
}
.contact-listbox .contact-listbox-cnt{
    width:  calc( 100% - 55px );
    padding-left: 15px;
}
.contact-listbox .contact-listbox-cnt h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px;
}
.contact-listbox .contact-listbox-cnt p {
    margin: 0;
    line-height: 1;
    font-size: 13px;
    font-weight: 600;
    color: #245FD4;
}
.sidebar_contacts-list li.active, .sidebar_contacts-list li:hover {
    background: #EDF0F2;
}
.media_imgslist li img {
    width: 100%;
    height: 72px;
    object-fit: cover;
    padding-right: 5px;
    display: block;
}
.cntpdf_list {
    margin-top: 30px;
}
.cntpdf_list [class*='col-' ] {
    margin-bottom: 20px;
}
.file_box .file_box_cnt p b {
    font-weight: 600;
}
.cnts-bdycntpost .postBox .postbox_sliderboxImg img {
    height: 130px;
}
.cnts-bdycntpost .postBox .postbox_sliderboxCnt {
    text-align: left;
    padding: 5px 12px;
    font-size: 15px;
}
.cnts-bdycntpost .col-xl-6, .cnts-bdycntpost .col-xl-4 {
    margin-bottom: 25px;
}
.sidebar_contacts {
    position: fixed;
    top: 0;
    width: 380px;
    height: calc(100vh - 100px);
    margin-top: 100px;
    overflow-y: auto;
    left: 305px;
}
.dash_lftsidemr {
    margin-left: 405px;
}
.chat-msg-box .chat-msg-box-img img, .chat-heading .chat-head-img img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}
.chat-msg-box {
    padding: 18px 10px;
    font-size: 12px;
}
.chat-msg-box h5.name {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}
.chat-msg-box h5.name span {
    float: right;
    font-size: 12px;
    color: #0498f7;
    margin-top: auto;
    margin-bottom: auto;
    font-weight: normal;
}
.chat-msg-box .chat-msg-box-img {
    width: 20%;
}
.chat-msg-box .chat-msg-box-cnt {
    width: 80%;
    padding-left: 10px;
}
.chat-msg-box .desc, .chat-msg-box h5.name span{
    color: rgba(0, 0, 0, 0.5);
}
.chat-msg-box.chat-msg-box-active {
    background: #f2f2f2;
}
.chat-msg-box-active .desc {
    color: #000;
}
.chat-msg-box-active h5.name span{
    color: #0498f7;
}
.chat-heading {
    padding: 5px 0 15px;
    border-bottom: 1px solid #eee;
}
.chat-heading .chat-head-cnt {
    font-size: 12px; 
    margin-left: 10px;
}
.chat-heading .chat-head-cnt h5 { 
    font-size: 17px;
    margin-bottom: 4px;
}
.chat-ftr {
    padding: 15px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #F5F2F1;
}
.chat-ftr-lft .form-control {
    border-radius: 7px;
    background-color: #fff !important;
    border-color: #ddd;
    height: 45px;
    box-shadow: none !important;
    font-size: 14px;
}
.chat-ftr-lft {
    width: calc(100% - 140px );
}
.send-btn.btn-style {
    width: 120px;
    padding: 9px 15px;
    text-align: center;
    color: #fff;
    margin-left: 15px;
} 
.chat-body {
    background: #fff;
    padding: 35px 0;
    height: 650px;
    overflow-y: auto;
    padding-bottom: 110px;
}
.chating-box {
    position: relative;
    margin-bottom: 30px;
}
.chating-box .box-txt {
    font-size: 14px;
}
.chating-box .time {
    font-size: 14px;
    opacity: .6;
    margin-top: 5px;
}
.chating-receive .box {
    padding: 15px;
    background: #edf2f6;
    border-radius: 0 16px 16px 16px;
    background-color: #7C879C;
    color: #ffffff;
}
.chating-send .box {
    padding: 15px;
    border-radius: 8px 8px 0 8px;
    background: #245FD4;
    color: #fff;
}
.chating-receive {
    padding-right: 20%;
}
.chating-send {
    padding-left: 20%;
} 
.chat-page-overflow {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.chatpage {
    position: relative;
}
.useranl-box {
    border-radius: 13px;
    background-color: #D2E1FF;
    padding: 25px 20px;
    height: 100%;
}
.useranl_boxes [class*='col-' ] {
    margin-bottom: 20px;
}
.useranl-boxbtm {
    margin-top: 18px;
}
.useranl-boxbtm h4 {
    font-size: 14px;
    font-weight: bold;
    color: #245FD4;
    margin: 0;
}
.useranl-boxTop  {
    display: flex;
    align-items: center;
}
.useranl-boxTop .useranl-boxTopimg {
    width: 45px;
}
.useranl-boxTop .useranl-boxTopimg img {
    width: 45px;
    height: 45px;
    padding: 13px;
    border-radius: 8px;
    background: #245FD4;
}
.useranl-boxTop .useranl-boxTopcnt {
    width: calc( 100% - 45px );
    padding-left: 10px;
    margin-left: auto;
    text-align: right;
}
.useranl-boxTop .useranl-boxTopcnt h5 {
    font-size: 28px;
    font-weight: bold;
    color: #245FD4;
}
.useranl-boxTop .useranl-boxTopcnt h5 span {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-bottom: 1px;
}
.orangebox {
    background: #FFE6E2;
}
.orangebox .useranl-boxTop .useranl-boxTopimg img  {
    background: #FC573B;
}
.orangebox .useranl-boxTop .useranl-boxTopcnt h5 , .orangebox .useranl-boxbtm h4{
    color: #FC573B;
}
.greenbox {
    background: #C8F5EC;
}
.greenbox .useranl-boxTop .useranl-boxTopimg img  {
    background: #34C1A2;
}
.greenbox .useranl-boxTop .useranl-boxTopcnt h5 , .greenbox .useranl-boxbtm h4{
    color: #34C1A2;
}
.lightgreenbox {
    background: #E3F8FA;
}
.lightgreenbox .useranl-boxTop .useranl-boxTopimg img  {
    background: #26C6DA;
}
.lightgreenbox .useranl-boxTop .useranl-boxTopcnt h5 , .lightgreenbox .useranl-boxbtm h4{
    color: #26C6DA;
}
.ylwbox {
    background: #FFF9DD;
}
.ylwbox .useranl-boxTop .useranl-boxTopimg img  {
    background: #FFD54F;
}
.ylwbox .useranl-boxTop .useranl-boxTopcnt h5 , .ylwbox .useranl-boxbtm h4{
    color: #FFD54F;
}
.purplebox {
    background: #F5E6FE;
}
.purplebox .useranl-boxTop .useranl-boxTopimg img  {
    background: #D079FF;
}
.purplebox .useranl-boxTop .useranl-boxTopcnt h5 , .purplebox .useranl-boxbtm h4{
    color: #D079FF;
}
.set-contus-info .form-control {
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    box-shadow: none !important;
    outline: 0 !important;
    margin-top: 8px;
}
.set-contus-info [class*='col-' ] {
    margin-bottom: 20px;
}
.setting-bdycnt-details{
    padding-top: 15px;
}
.stg-max {
    max-width: 400px;
    margin-top: 25px;
}
.setting-bdycnt-details .input_imghead p { 
    font-size: 15px; 
}
.setting-bdycnt-details .input_imghead img { 
    width: 30px; 
}
.setting-bdycnt-details .input_imghead { 
    padding-left: 40px;
    min-height: 30px; 
} 
.cnts-bdycnt-details .form-control {
    border: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    height: auto;
    font-weight: 600;
    padding-bottom: 5px;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0;
}
.cnts-bdycnt-details .fa-check {
    color: #8DD384;
}
.edit_nonetxt {
    display: none;
}
.edit_txtblck{
    display: block;
}
.profilepage .cnts-topheadbox .cnts-tophead-img img {
    width: 50px;
    height: 50px; 
}
.profilepage  .cnts-topheadbox .cnts-tophead-img {
    width: 50px;
    position: relative;
}
.profilepage  .cnts-topheadbox .cnts-tophead-cnt {
    width: calc( 100% - 50px ); 
    padding-left: 12px;
}
.profilepage  .cnts-topheadbox .cnts-tophead-cnt h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px;
}
.profilepage  .cnts-topheadbox .cnts-tophead-cnt p { 
    font-size: 13px; 
}
.editimg {
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 10px;
    color: #245fd4;
    position: absolute;
    bottom: -5px;
    right: 0px;
    text-align: center;
    cursor: pointer;
}
.editimg input[type="file"] {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.viewcount-list [class*='col-' ] {
    margin-bottom: 35px;
}
.viewcount-list .cnts-topheadbox {
    max-width: 350px;
} 
.viewcount-tabs {
    padding: 15px 0 30px;
}
.profile-statusboxtxt {
    font-size: 13px;
    color: #7C879C;
}
.profile-statusboxtxt b{ 
    color: #245FD4;
}
.mtgimgs img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: -11px;
}
.mtgimgs img:first-child {
    margin-left: 0;
}
.mtgimgs span {
    font-size: 14px;
    font-weight: 600;
    margin-left: 2px;
}
.caldr-dtlbox {
    padding: 25px 20px;
    background: #E9EFFA;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #245FD4;
}
.caldr-dtlbox p {
    line-height: 1.1;
    margin-bottom: 6px;
}
.caldr-dtlbox h4 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
}
.caldr-body [class*='col-' ] {
    margin-bottom: 15px;
}
.caldr-body {
    padding-right: 280px;
    padding-top: 35px;
}
.caldr-time {
    font-size: 13px;
    color: #7C879C;
}
.caldr-time.active {
    color: #245fd4;
    font-weight: bold;
}
.caldr-red {
    background: #FCE8EA;
    color: #E61F2E;
}
.caldr-green{
    background: #F3FAF2;
    color: #8DD384;
}
.dateslectobx {
    display: flex;
    align-items: center;
}
.dateslectobx .arrowbtns{
    margin-left: 6px;
}
.dateslectobx .arrowbtns a {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #E4E6EB;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 2px;
}
.caldr-topRow {
    margin-bottom: 12px;
}
.calenderpage .chat-page-right {
    position: relative;
}
.calenderpage .chating-box .box-txt {
    font-size: 13px;
}
.calenderpage .chat-body { 
    height: 680px;  
}
.calenderpage {
    position: relative;
}
.calenderpage_sep:after {
    content: '';
    background: #f3f3f3;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 34.5%;
    top: 0;
}
.calenderpage .send-btn.btn-style {
    width: 35px;
    padding: 9px 0; 
}
.calenderpage .chat-ftr-lft {
    width: calc(100% - 45px );
}
.caldr-body .row {
    margin: 0 -8px; 
}
.caldr-body [class*='col-' ]{
    padding: 0 8px;
}
.next7days_schlBox-list li span.lfttop {
    min-width: 30px;
}


.loginFormWrapHead {
    max-width: 430px;
    margin: 0 auto 30px;
}
.loginBackBtn {
    position: absolute;
    left: 75px;
    top: 40px;
}
.loginBackBtn a {
    display: inline-block;
    height: 48px;
    width: 48px;
    line-height: 44px;
    font-size: 24px;
    border: 1px solid #616263;
    background-color: #10222D;
    text-align: center;
    color: #616263;
    transition: all .3s;
}
.loginBackBtn a:hover{
    background: #000;
    color: #fff;
}
a.ylwLink {
    color: #FFAF06;
    font-size: 14px;
    font-weight: bold;
}
.loginFormWrapHead p {
    color: #969B9F;
}
.ylwTxt, .loginFormWrapHead p.ylwTxt {
    color: #FFAF06;
}
.file_upldPrfeBox, .prfile-picbox {
    position: relative;
}
.file_upldPrfeBox .file_upldPrfeBoxImg, .file_upldPrfeBox .file_upldPrfeBoxImg  img  {
    display: inline-block;
    height: 48px;
    width: 48px;
    line-height: 42px;
    border: 1px solid #616263;
    background-color: #10222D;
    text-align: center;
    margin-right: 14px;
    border-radius: 50%;
}
.file_upldPrfeBox .file_upldPrfeBoxImg  img{
    margin: 0;
    object-fit: cover;
}
.file_upldPrfeBox span {
    font-weight: 500;
    color: #74c6ed;
}
.file_upldPrfeBox input[type="file"], .upload_recordBox input[type="file"], .prfile-picbox input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}
.selctnumber_choice {
    text-align: center;
    padding: 12px 8px;
    position: relative;
    height: 48px;
    border-radius: 0;
    background: #10222D;
    border: 1px solid #616263;
    box-shadow: none !important;
    font-size: 15px;
    color: #9B9C9C;
}
.selctnumber_choice .custom-control {
    position: static;
}
.selctnumber_choice .custom-control .custom-control-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.selctnumber_choice .custom-control-input:checked ~ .custom-control-label {
    background: #00B0F0;
    color: #fff;
    border-color: #00B0F0;
}
.selctnumber_choice .custom-control-input, .selctnumber_checkboxwithImg .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.selctnumber_checkboxwithImg .custom-control .custom-control-label:before, .selctnumber_checkboxwithImg .custom-control .custom-control-label:after, .selctnumber_choice .custom-control .custom-control-label:before, .selctnumber_choice .custom-control .custom-control-label:after{
    display: none;
}
.selctnumber_checkboxwithImg .selctnumber_checkImg {
    padding: 15px;
    height: 72px;
    width: 72px;
    border: 1px solid #616263;
    background-color: #10222D;
    text-align: center;
}
.selctnumber_checkboxwithImg .numbrTxt {
    color: #9B9C9C;
    font-size: 14px;
    display: block;
    text-align: center;
    margin-top: 8px;
}
.selctnumber_checkboxwithImg .custom-control-input:checked ~ .custom-control-label .selctnumber_checkImg{ 
    border: 2px solid #00B0F0;
}
.selctnumber_checkboxwithImg .custom-control-input:checked ~ .custom-control-label .numbrTxt{
    color: #fff;
}
.selctnumber_checkboxwithImg .custom-control {
    padding: 0;
}
.mic_box  {
    border: 1px solid #616263;
    background-color: #10222D;
    padding: 25px;
    text-align: center;
}
.mic_box .mic_boxTxt {
    color: #9B9C9C;
    margin-top: 20px;
    font-size: 14px;
}
.upload_recordBox {
    border: 1px solid #616263;
    background-color: #10222D;
    padding: 25px;
    color: #9B9C9C;
    font-size: 14px;
    position: relative;
}
.cmnblackBox{
    border: 1px solid #616263;
    background-color: #10222D;
    padding: 25px;
    color: #9B9C9C;
}
.upload_recordBox img {
    float: right;
}
.upload_recordBox span {
    width: calc( 100% - 80px );
    display: block;
    float: left;
}
.payment-methodSelect {
    margin-bottom: 25px;
}
.payment-methodSelect li {
    margin-bottom: 8px;
}
.payment-methodSelect li label.custom-control-label {
    font-size: 15px;
    color: #9B9C9C;
}
.payment-methodSelect .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #00B0F0;
}
.simpleList {
    margin-left: 18px;
    list-style: disc;
    font-size: 14px;
}
.simpleList li {
    margin-bottom: 7px;
}
.max670 {
    max-width: 670px;
    margin: auto;
}
.home_StartBox {
    display: block;
    text-decoration: none;
    height: 100%;
}
.home_StartBox h3 {
    font-size: 24px;
    color: #fff;
    margin: 25px 0 12px;
}
.home_StartBox:hover{
    text-decoration: none;
    background: #000;
    color: #fff;
}
.homeStart_boxes [class*='col-' ] {
    margin-bottom: 30px;
}
.typeformat-box {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 18px;
    color: #fff;
}
.typeformat-box .typeformat-boxImg {
    width: 35px;
}
.typeformat-box .typeformat-boxTxt{
    width: calc( 100% - 35px );
    padding-left: 15px;
}
.login-form textarea.form-control {
    height: 88px;
}
.preselctdbox {
    padding: 12px 10px;
    font-size: 14px;
}
.invitefriend-popup .modal-content {
    background: #10222D;
    border: 0;
    box-shadow: none;
    padding: 35px 20px;
}
.invitefriend-popup .loginFormWrapHead {
    max-width: 100%;
    margin: 0 0 30px;
}
.invitefriend-popup .login-form{
    max-width: 100%;
}
.invitefriend-popup .login-form p a {
    display: inline-block;
    word-break: break-all;
}
.planPage-boxes {
    padding: 35px 0 90px;
}
.plan-box {
    padding-bottom: 110px;
    position: relative;
    padding: 25px 15px 110px;
    font-size: 15px;
}
.plan-box .plan-header h5 {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #D2D2D2;
}
.plan-box .plan-header h2 {
    font-size: 32px;
    color: #fff;
}
.plan-box .plan-header h2 span {
    font-size: 14px;
}
.plan-box .plan-header {
    margin-bottom: 30px;
}
.plan-box .plan-body h4 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
}
.plan-box .plan-ftr {
    position: absolute;
    left: 0;
    padding: 0 25px;
    width: 100%;
    bottom: 15px;
}
.plan-box .plan-ftr .btn-style{
    display: block;
}
.planPage-header {
    padding-top: 65px;
}
.planPage-boxes .row {
    margin: 0 -8px;
}
.planPage-boxes [class*='col-'] {
    padding: 0 8px;
    margin-bottom: 20px;
}
.planofferbox {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    position: relative;
}
.planofferbox .planofferboxInner {
    display: flex;
    align-items: center;
}
.planofferbox .planofferboxRght {
    width: 35px;
    padding: 12px;
}
.planofferbox .planofferboxLeft {
    width: calc( 100% - 35px );
    padding: 12px;
}
.planofferbox .planofferboxRght {
    width: 35px;
    text-align: center;
    padding: 12px 0;
    border-left: 1px dashed #616263;
}
.login_logoHeader .social_logins {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.orTxt {
    margin-top: 25px;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
}
.orTxt:before {
    content: '';
    background: #EAEAEA;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.orTxt span {
    display: inline-block;
    width: 65px;
    background: #fff;
    position: relative;
    color: #A4A5AA;
    font-size: 12px;
} 
.loginRght_header {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 40px;
    width: 100%;
}
.langHeader {
    display: flex;
    align-items: center;
    width: 100%;
}

h2#swal2-title {
    font-size: 23px !important;
}


.langHeader .langHeaderTxt {
    margin-right: 20px;
}
.max420 {
    max-width: 430px;
    margin: auto;
}
.login_logoHeader p {
    color: #A4A5AA;
}
.headerUserboxMain {
    text-decoration: none !important;
    display: block;
    padding: 0 !important;
    background: transparent !important;
    cursor: pointer;
    outline: 0 !important;
    box-shadow: none !important;
}
.headerUserboxMain:after{
    display: none;
}
.headerUserbox {
    border-radius: 8px;
    background-color: #EEEEEE;
    padding: 8px;
    display: flex;
    align-items: center;  
}
.headerUserboxImg {
    width: 32px;
}
.headerUserbox .headerUserboxImg img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 8px; 
} 
.headerUserbox .headerUserboxCnt {
    width: calc( 100% - 32px );
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
}
.headerUserbox:hover{
    text-decoration: none;
    color: #000;
}
.headerRght ul {
    align-items: center;
    display: flex;
}
.headerRght li {
    margin-left: 26px;
}  
.oscrSidebar li a {
    color: #27282C;
    font-size: 13px;
    font-weight: bold;
    padding: 15px;
    display: block;
    border: 0 !important;
    border-radius: 6px !important;
    outline: 0 !important;
}
.oscrSidebar ul {
    display: block;
    border: 0 !important;
}
.oscrSidebar .nav-tabs .nav-item.show .nav-link,
.oscrSidebar .nav-tabs .nav-link.active {
    color: #27282C;
    background-color: #F6F6F6; 
}
.oscrSidebar {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background-color: #FFFFFF;
    height: 100%;
    padding: 25px 8px 15px;
}
.oscrSidebar .oscrSidebarHead {
    padding-left: 15px;
    margin-bottom: 25px;
}
.oscrSidebar .oscrSidebarHead h1 {
    font-size: 20px; 
}
.oscarMenuBox {
    display: flex;
    align-items: center;
    width: 100%;
}
.oscarMenuBox .oscarMenuBoxImg {
    width: 40px;
}
.oscarMenuBox .oscarMenuBoxCnt {
    width: calc( 100% - 40px );
    padding-left: 15px;
}
.oscarMenuBox .oscarMenuBoxCnt h5 {
    font-size: 13px;
    font-weight: bold;
}
.oscarMenuBox .oscarMenuBoxCnt h5 span{
    display: block;
    color: #A4A5AA;
    font-size: 12px;
    margin-top: 4px;
}
.oscrRightSide {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background-color: #FFFFFF;
    height: 100%;
    padding: 25px;
}
.SwithToogle {
    display: flex;
    align-items: center;
}
.SwithToogle .langHeaderTxt {
    margin-right: 15px;
}
.oscrCntMainBodyftr li {
    margin-right: 35px;
}
.oscrCntMainBodyftr li:last-child {
    margin-right: 0;
}
.oscarInnerNav, .oscrCntMainlistBox {
    display: flex;
    align-items: center;
}
.oscarInnerNav .oscarInnerNavIcon span {
    height: 32px;
    width: 32px;
    line-height: 32px;
    background-color: #0091FF;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}
.oscarInnerNav .oscarInnerNavIcon, .oscrCntMainlistBox .oscrCntMainlistBoxImg{
    width: 45px;
}
.oscarInnerNav .oscarInnerNavCnt , .oscrCntMainlistBox .oscrCntMainlistBoxCnt{
    width: calc( 100% - 45px );
    border-bottom: 1px solid #E0E0E0;
    padding: 13px 40px 13px 0;
}
.oscrCntMainHeader a {
    display: block;
    color: #000;
    text-decoration: none;
    position: relative;
}
.oscrCntMain .oscrCntMainBodyCnt {
    padding: 15px 0;
    padding-left: 45px;
}
.oscrCntMainBodylist {
    margin-bottom: 25px;
}
.oscrCntMainBox:nth-child(4n+2) .oscarInnerNav .oscarInnerNavIcon span{
    background: #F26565;
}
.oscrCntMainBox:nth-child(4n+3) .oscarInnerNav .oscarInnerNavIcon span{
    background: #44D7B6;
}
.oscrCntMainBox:nth-child(4n+4) .oscarInnerNav .oscarInnerNavIcon span{
    background: #FA6400;
} 
.oscrCntMainHeader a:after {
    content: '\f107';
    font-family: fontAwesome;
    font-size: 22px;
    color: #000;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.oscrCntMainHeader a.collapsed:after {
    content: '\f105';
}
.UserMenu {
    width: 175px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 20px 42px 0 rgb(0 0 0 / 16%);
    position: absolute !important;
    right: 0 !important;
    top: 100% !important;
    padding: 10px 0 15px;
    transition: all .4s;
    transform: none !important;
    display: none;
    min-width: auto !important;
    float: none !important;
    margin: 0 !important;
    left: auto !important;
    margin-top: 10px !IMPORTANT;
}
.UserMenu ul {
    display: block;
    padding: 0;
}
.UserMenu li {
    margin: 0;
    margin-left: 15px;
}
.UserMenu li a {
    display: flex;
    align-items: center;
    width: 100%;
}
.UserMenu li a .menuImg {
    width: 30px;
}
.UserMenu li a > span {
    border-bottom: 1px solid #E0E0E0;
    display: block;
    padding: 12px 0;
    padding-right: 10px;
    width: calc( 100% - 30px );
    font-size: 14px;
}
.UserMenu li a:hover{
    text-decoration: none;
}
.UserMenu li.logout a {
    color: #E02020;
}
.UserMenu .langHeaderBtn {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.UserMenu li:last-child a span {
    border: 0 !important;
}
.headerUserboxMain:hover + .UserMenu{
    display: block;
}
.headerUserbox .headerUserboxCnt .fa-angle-down {
    font-size: 20px;
    margin-left: 4px;
}
.prfile-picbox {
    display: inline-block;
    cursor: pointer;
}
.prfile-picbox img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.prfile-picbox span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
.myac_popup .modal-header {
    padding: 25px;
    border: 0;
}
.myac_popupMain {
    padding: 0 25px 25px;
}
.acSidebar {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 8px;
}
.acSidebarMenu ul, .acSidebarMenu li{
    display: block;
    margin: 0;
    padding: 0;
}
.acSidebarMenu .nav-link {
    padding: 12px 20px;
    color: #A4A5AA;
    display: block;
}
.acSidebarMenu .nav-pills .nav-link.active, .acSidebarMenu .nav-pills .show>.nav-link {
    color: #000000;
    background-color: #F6F6F6;
    font-weight: bold;
}
.myac_popup .modal-header img {
    cursor: pointer;
    position: relative;
}
.logout_popup .main-btn {
    max-width: 350px;
    margin: auto;
}
.submittestLIst li h5 {
    font-weight: normal;
    font-size: 15px;
}
.submittestLIst .submittestLIst-icon {
    margin-left: auto;
    width: 20px;
    text-align: right;
}
.submittestLIst .submittestLIst-cnt{
    width: calc( 100% - 20px );
}
.submittestLIst li {
    border-bottom: 1px solid #EEEEEE;
    padding: 15px 0;
}
.addmodal_popup .addfeedbox_header h4 {
    font-size: 20px;
    font-weight: 900;
}
.getMobile {
    background-color: #FFB97B; 
    color: #fff;
    padding: 110px 0 60px;
}
.getMobile-txt h2 {
    font-size: 56px;
    color: #fff;
    margin-bottom: 18px;
}
.getMobile-txt h2 span {
    display: block;
    font-weight: normal;
}
.getMobile-txt p {
    font-size: 16px; 
} 
.getmobImg {
    margin-top: -10em;
}
.upcmgmets-box {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    height: 100%;
    background: #fff;
    padding: 15px;
    transition: all .5s;
    transform: scale(1);
}
.upcmgmets-box .upcmgmets-boxBody {
    font-size: 12px;
    color: #A4A5AA;
    padding-bottom: 15px;
    align-items: center;
}
.upcmgmets-box .upcmgmets-boxBody .upcmgmets-user{
    color: #000;
}
.upcmgmets-box .upcmgmets-boxBody .upcmgmets-user img {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 3px;
}
.upcmgmets-box .upcmgmets-boxFtr {
    border-top: 1px dashed #E0E0E0;
    padding-top: 15px; 
}
.upcmgmets-box .upcmgmets-boxHead, .upcmgmets-box .upcmgmets-boxFtr, .upcmgmets-box .upcmgmets-boxBody{
    display: flex;
}
.upcmgmets-box .rght {
    margin-left: auto;
}
a.linkTxt {
    color: #530201;
    font-size: 15px;
    font-weight: bold;
}
.upcmgmets-box .upcmgmets-boxHead h4 {
    font-size: 15px;
}
.upcmgmets-box .upcmgmets-boxHead {
    margin-bottom: 15px;
}
.upcmgmets-box .lft {
    padding-right: 10px;
}
.studmets-box {
    border-radius: 8px;
    padding: 15px 12px;
    background: #FFF2CF;
    transition: all .4s;
    transform: scale(1);
}
.studmets-box h5 {
    color: #27282C;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 8px;
}
.studmets-box h3 {
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: bold;
}
.studmets-box .btn-style {
    width: 100%;
    border: 0;
    font-weight: bold;
    font-size: 12px;
    color: #530201;
    background: #E8D6A6;
}
.studmets-main ul {
    margin: 0 -8px;
}
.studmets-main li {
    width: 14.28%;
    float: left;
    padding: 8px;
}
.studmets-main li:nth-child(4n+2) .studmets-box{
    background-color: #E4F9F4;
}
.studmets-main li:nth-child(4n+2) .btn-style{
    background: #B2E9DC; 
}
.studmets-main li:nth-child(4n+3) .studmets-box{
    background-color: #E2E7FE;
}
.studmets-main li:nth-child(4n+3) .btn-style{
    background: #c4c9dd; 
}
.studmets-main li:nth-child(4n+4) .studmets-box{
    background-color: #fde2fe;
}
.studmets-main li:nth-child(4n+4) .btn-style{
    background: #dcc4dd; 
}
.studmets-box:hover {
    transform: scale(1.1);
}
.upcmgmets-box:hover{
    transform: scale(1.05);
}
.max-450{
    max-width: 450px;
    margin: auto;
}
.quesCntHeading {
    text-align: center;
    margin-bottom: 15px;
}
.quesCnttotl {
    border-radius: 8px;
    background-color: #EDF1F5;
    text-align: center;
    padding: 25px 15px;
    margin-bottom: 25px;
}
.quesCnttotl h6 {
    font-size: 20px;
    font-weight: bold;
}
.quesCnttotl h6 span {
    font-size: 12px;
    font-weight: normal;
    margin-top: 6px;
}
.quesCntMainBox h5 {
    font-weight: 900;
}
.quesCntTimebox {
    background: #F5F0F0;
    padding: 25px 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    color: #530201;
}
.quesCntTimebox h5{
    color: #530201;
}
.quesCntMainBox {
    padding: 25px 0;
}
.hAuto{
    height: auto;
}
.createTestBtn {
    margin-top: 30px;
}
.checkBox_list li {
    padding: 10px 0;
    border-bottom: 1px solid #f3f3f3;
}
.checkBox_list li:last-child { 
    border-bottom: 0;
    padding-bottom: 0;
}
.custom-checkboxRight {
    padding-left: 0; 
}
.custom-checkboxRight .custom-control-label {
    display: block;
    padding-right: 35px;
}
.custom-checkboxRight .custom-control-label::before, .custom-checkboxRight .custom-control-label::after  {
    left: auto;
    right: 0;
}
.studmet_popupBody {
    padding: 0 25px 30px;
}
.studmet_popupBody h5 {
    font-size: 15px;
    color: #27282C;
}
.studmet_popupBody p {
    font-size: 13px;
    color: #A4A5AA;
}
.studmet_popupBody iframe {
    height: 150px;
    width: 100%;
}
.studmet_popupvidos {
    margin: 20px 0 25px;
}
.oscrRightSide .upcmgmets-box .upcmgmets-boxHead h4 {
    font-size: 14px;
}
.oscrRightSide .upcmgmets-box .upcmgmets-boxBody {
    font-size: 10px; 
}
.oscrRightSide .upcmgmets-box .linkTxt { 
    font-size: 13px; 
}
.oscrRightSide .upcmgmets-main .row {
    margin: 0 -6px;
}
.oscrRightSide .upcmgmets-main [class*='col-' ] {
    padding: 0 6px;
    margin-bottom: 12px;
}
.meetdetaisl_popPartici {
    margin-bottom: 35px;
}
.meetdetaisl_popPartici li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.meetdetaisl_popPartici li .meetdetaisl_popParticiImg, .slctmentor_Box .slctmentor_BoxImg {
    width: 35px;
}
.meetdetaisl_popPartici li .meetdetaisl_popParticiImg img, .slctmentor_Box .slctmentor_BoxImg img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}
.meetdetaisl_popMain, .report_popMain, .plans_popupMain {
    padding: 0 25px 35px;
}
.meetdetaisl_popParticiCnt, .slctmentor_Box .slctmentor_BoxCnt {
    width: calc( 100% - 35px );
    padding-left: 12px;
    font-size: 13px;
}
.meetdetaisl_popParticiCnt h5, .slctmentor_Box .slctmentor_BoxCnt h5{ 
    font-size: 13px;
    margin: 0;
}
.meetdetaisl_popParticiCnt h5 span {
    font-size: 12px;
    margin-top: 1px;
    color: #A4A5AA;
    display: block;
}
.meetdetaisl_popHeading{
    margin-bottom: 20px;
}
.meetdetaisl_popHeading h3 {
    margin-bottom: 10px;
    font-weight: bold;
}
.meetdetaisl_popHeading .meetDate {
    color: #A4A5AA;
    font-size: 13px;
}
.meetdetaisl_popJoinmeet {
    margin-bottom: 20px;
    font-size: 15px;
}
.meetdetaisl_popBody h4 {
    font-size: 15px;
    margin-bottom: 5px;
}
.modal-title {
    font-weight: 900;
}
.create_meetpopup .login-form {
    max-width: 100%;
}
.slctmentor_Box {
    display: flex;
    align-items: center;
} 
.meetdetaisl_popJoinmeetBG {
    background: #456E97;
    padding: 20px;
    border-radius: 8px;
}
.meetdetaisl_popJoinmeetBG h4 {
    color: #A2B6CB;
}
.para {
    margin-bottom: 25px;
}
.para p {
    color: #A4A5AA;
    font-size: 13px;
}
.rest_popup .logout-box {
    max-width: 350px;
    margin: auto;
}
.logout-box .lightTxt {
    font-weight: normal;
    line-height: normal;
}
.histest_box {
    display: block;
    height: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 20px 15px;
}
.histest_box h4 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 12px;
}
.histest_box .TestDate  {
    color: #A4A5AA;
    font-size: 12px;
    margin-bottom: 12px;
}
.histest_box .histest_boxFtr{
    font-size: 13px;
}
.histest_box .histest_boxFtr .linkTxt {
    color: #530201;
    font-size: 13px;
    font-weight: bold;
}
.report_List li {
    display: flex;
    margin-bottom: 8px;
    font-size: 14px;
}
.report_List li .listRght {
    margin-left: auto;
    color: #000;
}
.report_List li .listLft {
    color: #A4A5AA;
    padding-right: 10px;
}
.report_DataChartdetails ul {
    display: flex;
    justify-content: space-between;
}
.report_DataChartdetails  li{
    font-size: 14px;
}
.report_DataChartdetails li span {
    width: 5px;
    height: 5px;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    margin-right: 2px;
    vertical-align: middle;
}
.report_Data {
    margin-bottom: 20px;
}
.report_DataChart {
    margin-bottom: 10px;
}
.histest_box h4 span {
    font-size: 12px;
}
.report_List li .listLft b {
    font-weight: 900;
    color: #000;
}
.report_List li.subList {
    display: block;
}
.report_List li.subList ul {
    border-left: 1px dashed #CBCED2;
    padding-left: 15px;
    margin: 5px 0;
}
.report2_popMain .report_List > ul > li {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
}
.report2_popMain .report_List > ul > li.no-bdr{
    border-bottom: 0;
    padding-bottom: 0;
}
.plans_popupMain h2 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 20px;
}
.planPopbox{
    border: 1px dashed #fff;
    padding: 8px;
    border-radius: 6px;
    text-decoration: none !important;
    color: #000;
    display: block;
}
.planPopbox .planPopboxInner{
    border-radius: 6px;
    background-color: #F6F6F6; 
    padding: 20px 15px;
    height: 100%;
}
.planPopbox h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 7px;
}
.planPopbox p {
    color: #959592;
    font-size: 13px;
}
.plans_popupTop {
    margin-bottom: 35px;
}
.plans_Paybtn {
    max-width: 320px;
    margin: 30px auto 0;
}
.plans_Paybtn .btn-style {
    display: block;
    text-align: left;
}
.planPopbox.active{
    border-color: #456e97;
}
.planPopbox.active .planPopboxInner {
    background: #456E97;
    color: #fff;
}
.planPopbox.active h5, .planPopbox.active p { 
    color: #fff;
}
.paymentSucs_popup .modal-content {
    background: transparent;
    margin-top: 90px;
    border: 0;
    border-radius: 0;
}
.paymentSucs_popup .paySuccess_MainBg {
    background: #fff;
    border-radius: 8px;
}
.paySuccess_Main {
    max-width: 370px;
    margin: auto;
    text-align: center;
    padding: 0 25px 40px;
}
.paySuccess_Main h2 {
    font-size: 25px;
    margin-bottom: 15px;
}
.paySuccess_Main p {
    color: #A4A5AA;
}
.paySuccess_Main .main-btn {
    margin-top: 30px;
}
.paySuccess_Main .paySuccess_MainCnt {
    margin-top: 25px;
} 
.paySuccess_MainImg {
    margin-top: -90px;
}
.quesBank_BodyQs {
    margin-bottom: 35px;
}
.radioBtn .custom-control-label {
    background: #F6F6F6;
    padding: 14px 15px;
    display: block;
    text-align: left;
    color: #27282C;
    font-size: 14px;
    border-radius: 8px;
}
.radioBtn label:after, .radioBtn label:before{
    display: none;
}
.radioBtn .custom-control {
    padding: 0;
}
.radioBtn .custom-radio .custom-control-input:checked~.custom-control-label{
    background: #456E97;
    color: #fff;
}
.quesBank_Main {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 25px;
}
.quesBank_Head .lightTxt {
    font-weight: normal;
    color: #A4A5AA;
    line-height: normal;
    font-size: 13px;
}
.quesBank_Head .lightTxt strong{
    font-weight: 900;
    color: #000;
}
.quesBank_Head .btn-red, .generalBoxBtn .btn-red{
    background-color: #E7414C;
    border-color: #E7414C;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.viewAtmpts_Main {
    padding: 0 25px 35px;
}
.viewAtmpts_Head {
    border-radius: 8px;
    background-color: #F6F6F6;
    padding: 20px 20px 12px;
    margin-bottom: 25px;
}
.viewAtmpts_Head p {
    font-size: 14px;
    color: #000;
    position: relative;
    padding-left: 25px;
}
.viewAtmpts_Head p span {
    position: absolute;
    width: 10px;
    height: 10px;
    display: inline-block; 
    border-radius: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.viewAtmpts_Head [class*='col-' ] {
    margin-bottom: 12px;
}
span.ansbg{
    background: #456E97;
}
span.ansSkipbg{
    background: #6D7278;
}
span.ansNotbg{
    background: #FA6400;
}
span.ansNovistbg{
    background: #0091FF;
}
.viewAtmpts_BodyList span {
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    margin: 0 5px 6px 0;
}
.checkBox_listWdBg .custom-control-label {
    background: #F6F6F6;
    padding: 14px 15px;
    display: block;
    color: #27282C;
    font-size: 14px;
    border-radius: 8px;
}
.checkBox_listWdBg  .custom-control-input:checked~.custom-control-label{
    background: #456E97;
    color: #fff;
}
.checkBox_listWdBg.checkBox_list li {
    padding: 0;
    border: 0;
    margin-bottom: 15px;
}
.checkBox_listWdBg .custom-checkboxRight .custom-control-label::before, .checkBox_listWdBg .custom-checkboxRight .custom-control-label::after {
    right: 15px;
    top: 15px;
}
.checkBox_listWdBg .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #71b5ff;
}
.modal-title .form-control {
    border: 0 !important;
    padding-left: 0 !important;
    font-size: 22px;
    width: 400px;
    box-shadow: none !important;
    outline: 0 !important;
}
.sugestion_popupList li {
    margin-bottom: 10px;
}
.blueTxt2 {
    color: #456E97;
    font-weight: 900;
}
.generalBoxBtn {
    max-width: 400px;
}
.generalBoxBtn span{
    text-align: left;
}
.generalBoxBtn span a{
    color: #fff;
    text-decoration: none;
}
.generalBoxSlect {
    margin-top: 25px;
}
.generalBoxSlect .checkBox_list li {
    border-bottom: 0;
}
.oscrRightSideBtmBtnPad {
    padding-bottom: 110px !important;
    position: relative;
}
.rightBtmFixedBtn {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    padding-left: 25px;
}
.rightBtmFixedBtn .btn-style {
    max-width: 170px;
    width: 100%;
}
.inspectionBoxList li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    font-size: 18px;
    color: #000;
    position: relative;
}
.tooltipTxt {
    position: absolute;
    top: -15px;
    right: 40px;
    width: 290px;
    color: #fff;
    border-radius: 8px;
    background-color: rgba(0,0,0,0.94);
    box-shadow: 0 12px 24px 0 rgb(0 0 0 / 24%);
    padding: 20px;
    display: none;
    transition: all .5s;
}
.tooltipTxt h5{
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 5px;
}
.tooltipTxt p{
    font-size: 12px;
    color: #fff;
    margin: 0;
}
.inpstlistIimg{
    cursor: pointer;
}
.inpstlistIimg:hover .tooltipTxt {
    display: block;
}
.tooltipTxt:after {
    content: '';
    background: transparent;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #000;
    position: absolute;
    right: -12px;
    top: 20px;
} 
.slectlangBox li img{
    float: right;
}
.slectlangBox li {
    margin-bottom: 20px;
    border-left: 5px solid #fff;
    padding-left: 12px;
    font-size: 14px;
}
.slectlangBox li.active { 
    border-left-color: #13496b; 
}
.slectlangBox {
    margin-top: 40px;
}
.slectlangBox label.custom-control-label {
    color: #A4A5AA;
    font-size: 12px;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #13496b;
}
.oscarpage.padd-row {
    padding: 45px 0;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: #13496b;
    background-color: #13496b;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none !important;
}
.histest_box .blueTxt {
    color: #456e97;
} 
.studypageHead{
    margin-bottom: 20px;
    min-height: 40px;
}
.studypageHead h2 {
    font-size: 24px;
}
.studypageListBox {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 25px 15px;
    font-size: 15px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.studypageListBox h4  {
    font-size: 15px;
    margin-bottom: 15px;
}
.studypageListBox li h6, .studypageRightMain .card h6 {
    color: #A4A5AA;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
}
.studypageListBox li h5, .studypageRightMain .card h5 { 
    font-size: 15px; 
}
.studypageListBox li.cloudImg {
    margin-right: -16px;
}
.statusBar {
    margin-top: 8px;
    display: flex;
    align-items: center;
}
.statusBarTxt {
    font-size: 13px;
    font-weight: bold;
    width: 38px;
    text-align: right;
    padding-left: 10px;
}
.statusBarLine{
    width: calc( 100% - 28px );
    position: relative;
    height: 4px;
    background: #CBCED2;
}
.statusBarLine span {
    width: 0;
    background: #456E97;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.studypageListBox.active {
    border-left: 5px solid #530201;
}
.studypageRightMain .card {
    border: 0;
    border-radius: 0;
    margin-bottom: 15px;
}
.studypageRightMain .card .card-header {
    background: transparent !important;
    border: 1px solid #E0E0E0;  
    border-radius: 8px;
    padding: 0;
}
.studypageRightMain .card .card-header .card-link{
    padding: 20px 45px 20px 20px;
    display: block;
    position: relative;
}
.studypageRightMain .card .card-header .card-link:after{
    content: '\f106';
    font-family: fontAwesome;
    font-size: 20px;
    color: #CBCED2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    line-height: 1;
}
.studypageRightMain .card .card-header .card-link.collapsed:after{
    content: '\f107';
}
.cardHeadBox {
    display: flex;
}
.cardHeadBox .cardHeadBoxImg {
    width: 40px;
}
.cardHeadBox .cardHeadBoxCnt{
    width: calc( 100% - 40px );
}
.studypageRightMain {
    margin-top: 16px;
}
.studypageRightMain .card h6{
    margin-top: 5px;
    margin-bottom: 0;
}
.studypageRightMain .card .card-body {
    padding: 0;
}
.studypageRightMain .card .studypageRightCnt {
    padding: 8px 0 0;
}
.studypageRightMain .card .studypageRightCnt ul{
    margin-left: 30px;
    border-left: 2px dashed #E0E0E0;
}
.studypageRightMain .card .studypageRightCnt li{
    position: relative;
    padding-left: 25px;
}
.studypageRightMain .card .studypageRightCnt li:before {
    content: '';
    height: 16px;
    width: 16px;
    border: 2px solid #E0E0E0;
    background-color: #FFFFFF;
    position: absolute;
    left: -9px;
    top: 20px;
    border-radius: 50%;
}
.studypageRightMain .card .studypageRightCnt li.completed:after {
    content: '';
    position: absolute;
    left: -3px;
    top: 23px;
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate( 45deg );
}
.studypageRightMain .card .studypageRightCnt li.completed:before{
    background-color: #456E97; 
    border-color: #456E97; 
}
.studypageRightMain .card .studypageRightCnt li.current:before{
    background-color: #456E97; 
}
.studypageRightMain .card li .studypageRightCntBox{
    border: 1px solid #E0E0E0;
    padding: 13px;
    border-radius: 8px;
    margin-bottom: 8px;
}
.studypageRightMain .card li .studypageRightCntBox .btn-style {
    font-size: 13px;
    padding: 5px 14px;
    min-width: 95px;
    background: #eee6e6;
    border-color: #eee6e6;
}
.studypageRightMain .card li.completed .studypageRightCntBox .btn-style{
    color: #530201;
    font-weight: bold;
}
.studypageRightMain .card li.current .studypageRightCntBox .btn-style{
    background: #530201;
    border-color: #530201;
}
div#create_studplanpopup .custom-checkboxRight .custom-control-label span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
}
.checkBox_listNobdr li {
    border-bottom: 0;
        color: #000;
}
.quesBanks-box {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 20px 15px;
    font-size: 11px;
    color: #A4A5AA;
}
.quesBanks-box h5 {
    font-size: 15px;
    margin-bottom: 12px;
}
.quesBanks-box h5 .smlBtn {
    display: inline-block;
    font-size: 10px;
    background: #E9E9E9;
    padding: 5px 8px;
    border-radius: 4px;
    color: #27282C;
    text-decoration: none;
}
.quesBanks-box ul {
    display: flex;
    padding-left: 16px;
}
.quesBanks-box li {
    list-style: disc;
    padding-left: 5px;
    width: 50%;
}
.quesBanks-box li:first-child{
    padding-left: 0;
}
.quesBanks-box .main-btn{
    margin-top: 20px;
}
.quesBanks-box .main-btn .btn-style {
    background-color: #F5F0F0;
    border-color: #F5F0F0;
    color: #530201;
    font-weight: bold;
}
.quesBanks-box .main-btn .btn-style.btn-styledone {
    background-color: #F4FBED;
    border-color: #F4FBED;
    color: #96DB4E;
} 
.homebtmsec-main {
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 16px 32px 0 rgb(0 0 0 / 4%);
    padding: 40px 40px 15px;
    margin-top: -170px;
    position: relative;
}
.homebtmsec-main ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.homebtmsec-main li {
    padding: 0 15px 30px;
    width: 12.5%;
}
.homebtmsec-main li .homebtmsec-box {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 8px;
    text-align: center;
}
.homebtmsec-main li .homebtmsec-box h5 {
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 1;
}
.homebtmsec-main li .homebtmsec-box p{
    font-size: 11px;
    color: #A4A5AA;
}
.homebtmsec-main li .homebtmsec-box .homebtmsec-boxImg {
    margin-bottom: 15px;
} 
.homePage.pos-rel {
    position: relative;
}
.heroslider .slick-dots {
    bottom: 225px;
    left: 295px;
    width: 300px;
    text-align: left;
}
.heroslider .slick-dots li {
    height: auto;
    width: auto;
}
.heroslider .slick-dots li button:before{
    display: none;
}
.heroslider .slick-dots li button {
    background: #fff;
    height: 4px;
    width: 8px;
    opacity: 0.5;
    border-radius: 2px;
    padding: 0;
    margin: 0;
}
.heroslider .slick-dots li.slick-active button{
    width: 24px; 
    background-color: #FAD230;
    opacity: 1;
}
.landingwhychs {
    background: #F6F6F6;
}
.landingwhychs-box {
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 6%);
    padding: 20px;
    height: 100%;
    text-align: center;
    color: #A4A5AA;
    font-size: 13px;
}
.landingwhychs-box h4 {
    font-size: 18px;
    font-weight: 900;
    margin: 20px 0 15px;
}
.diffsec-main {
    font-size: 14px;
    color: #A4A5AA;
    max-width: 980px;
    margin: auto;
}
.landingpage{
    font-size: 14px; 
    color: #A4A5AA;
}
.landingpage p {
    line-height: 1.6;
}
.blogsec-main [class*='col-' ] {
    margin-bottom: 30px;
}
.blogBox h4 {
    font-size: 24px;
    margin: 25px 0 13px;
}
.blogBoxImg img {
    width: 100%;
    height: 260px;
    border-radius: 8px;
    object-fit: cover;
}
.keysec {
    background: #530201;
}
.keysec-box {
    text-align: center;
    color: #fff;
}
.keysec-box h4 {
    margin-top: 22px;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
}
.demoVidWrap {
    position: relative;
}
.demoVidPlayIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.demoVidImg img {
    width: 100%;
    border-radius: 8px;
}
.ldabtsec-btm {
    padding-top: 70px;
}
.ldabtsec-btmBox {
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 16px 32px 0 rgb(0 0 0 / 4%);
    height: 100%;
    padding: 32px 40px;
    position: relative;
    padding-bottom: 100px;
}
.ldabtsec-btmBox h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}
.ldabtsec-btmBox h2 span {
    font-weight: normal;
}
.ldabtsec-btmBox h5 {
    font-size: 18px;
    color: #A4A5AA;
    font-weight: normal;
    margin-bottom: 15px;
}
.ldabtsec-btmBox li {
    display: inline-block;
    position: relative;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 4px;
    color: #456E96;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.ldabtsec-btmBox li:before {
    content: '';
    background: #456e97;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: -2px;
    top: 9px;
}
.ldabtsec-btmBox li:first-child{
    margin-left: 0;
}
.ldabtsec-btmBox .main-btn {
    position: absolute;
    bottom: 30px;
}
.ldBanner {
    background: linear-gradient( 180deg, #456e96 65%, #ffffff 35%);
}
.ldBannerTxt h1 {
    font-size: 56px;
    color: #fff;
    margin-bottom: 45px;
}
.ldBannerImg {
    margin-top: 45px;
}
.ldCall-main {
    border-radius: 16px;
    background-color: #ECF0F4;
}
.ldCallTxt {
    padding: 40px 0;
} 
.ldCallTxt h2{
    margin-bottom: 10px;
}
.Txtblack{
    color: #323232;
    font-weight: 500;
}
.login-form .label a.Txtblack {
    color: #323232;
}
.remberChek .custom-control-label::before, .remberChek .custom-control-label::after {
    top: 2px;
    visibility: visible !important;
}
.brandTxt, .login-form .brandTxt{
    color: #74c6ed;
}
.avialCoinBox {
    border-radius: 4px 4px 0 0;
    background-color: #277199;
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 2%);
    color: #fff;
    padding: 30px 25px;
}
.avialCoinBox h4 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
} 
.hisBtmDetail span.img {
    margin-right: 5px;
}
.hisBtmDetail span.img img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}
.hisBtmDetail {
    font-size: 13px;
}
.sidebar_inner .notification_list {
    background-color: #FFFFFF;
    box-shadow: 0 10px 20px 0 rgb(37 51 75 / 10%), 0 3px 6px 0 rgb(37 51 75 / 10%);
    padding: 25px 20px;
    min-height: 330px;
    border-radius: 0 0 4px 4px;
}
.sidebar_inner .hisTop {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}
.sidebar_inner .hisTop span {
    font-weight: normal;
    font-size: 13px;
}
.sidebar_inner .notification_list li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.sidebar_inner .notification_list li:last-child { 
    border-bottom: 0;
}
.logout-box h2 {
    font-size: 32px;
    position: relative;
}
.whitebg{
    background: #ffffff;
}
.dashList .form-control {
    border-radius: 5px;
    height: 42px;
}
.dashListBox .dshListboxFtr-right, .dashListBox .dshListboxHead-right {
    margin-left: auto;
    padding-left: 10px;
}
.dashListBox {
    margin-bottom: 25px;
}
.dashListBox .dashListBoxImg img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 4px;
}
.dashListBox .dashListBoxTxt {
    font-size: 13px;
}
.dashListBox .dshListboxHead h4 {
    font-size: 14px;
    margin-bottom: 5px;
} 
.input_Sucess .form-control {
    border-color: #6DBF17 !important;
    background: rgba(109,191,23,0.06) !important;
}
.Write_review {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 500;
}
.dashFil {
    border-bottom: 1px solid #ddd;
}
.login-form.max-100 {
    max-width: 100%;
}
.dashFilRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.filBtn {
    padding-left: 10px;
    width: 60px;
}
.filBtn a {
    height: 44px;
    background: #F3F3F4;
    border: 0.5px solid #D3D3D3;
    border-radius: 12px;
    display: inline-block;
    width: 50px;
    text-align: center;
    line-height: 48px;
}
.filSearch {
    width: calc( 100% - 60px );
}
.cmn_radius {
    border-radius: 4px;
}
.dashFilBug {
    font-weight: 500;
} 
.dashNav {
    margin: 0 -4px 16px;
}
.dashNav li .dashNavBtn a {
    display: inline-block;
    font-size: 14px;
    padding: 6px 11px;
    background: #fff;
    border-radius: 4px;
    margin: 0 4px;
    text-decoration: none;
}
.dashNav li .dashNavBtn.active a{
    background-color: #F98F31;
    box-shadow: 0 10px 20px 0 rgba(37,51,75,0.1), 0 3px 6px 0 rgba(37,51,75,0.1);
    color: #fff;
}
.dashNav .slick-prev.slick-arrow {
    display: none !important;
}
.dashNav .slick-next.slick-arrow {
    width: 45px;
    background: #fff;
    height: 33px;
    margin: 0;
    transform: none;
    top: 0;
    right: 0;
    display: inline-block;
    z-index: 9;
}
.dashNav  .slick-prev:before, .dashNav  .slick-next:before{
    color: #000;
}
.dashNav .slick-next.slick-arrow {
    width: 36px;
    background: #fff;
    height: 33px;
    margin: 0;
    transform: none;
    top: 0;
    right: -55px;
    display: inline-block;
    z-index: 9;
    border-radius: 5px;
}
.review_1stImg img {
    width: 100%;
    height: 125px;
    object-fit: cover;
}
.stars .fa-star, .stars .fa-star-half-o {
    color: #F7A600;
}
.review_otherlst ul {
    max-height: 220px;
    overflow-y: auto;
    padding-right: 5px;
}
.review_otherlst li {
    margin-bottom: 20px;
}
.reviewFtr {
    background: #EDEEF0;
    padding: 8px 15px;
    margin-top: 20px;
    border-radius: 4px;
}
.reviewFtr .form-control {
    border: 0;
    background: transparent;
    font-size: 13px;
}
.starsWrite i {
    color: #323232;
    opacity: .4;
}
.starsWrite {
    border-left: 2px solid #ddd;
}
.earned {
    color: #6DBF17;
    font-size: 12px;
    font-weight: 600;
    margin-top: 6px;
    text-align: right;
}
.dashListNav {
    margin-bottom: 20px;
}
.dashListNav .nav-pills li a.nav-link {
    display: inline-block;
    font-size: 14px;
    padding: 6px 11px;
    background: #f2f2f2;
    border-radius: 4px;
    margin-right: 8px;
    text-decoration: none;
}
.dashListNav .nav-pills .nav-link.active, .dashListNav .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #f98f31;
}
.adprofile_popupMain .dashList {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 15px;
}
.giftList .giftBox {
    margin-bottom: 25px;
}
.giftBox .giftBoxHead {
    margin-bottom: 15px;
}
.giftBox .giftBoxBody {
    font-size: 12px;
}
.giftBox .giftBoxBody h6 {
    font-size: 14px;
} 
.dashListNav.brdrBtnNav {
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px;
} 
.dashListNav.brdrBtnNav .nav-pills li a.nav-link {
    display: inline-block;
    font-size: 14px;
    padding: 0 0 15px;
    background: transparent;
    border-radius: 4px;
    margin-right: 25px;
    text-decoration: none;
    border-radius: 0 !important;
    position: relative;
}
.dashListNav.brdrBtnNav .nav-pills li a.nav-link:before {
    content: '';
    background: #000;
    height: 4px;
    width: 32px;
    background-color: #F98F31;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
}
.dashListNav.brdrBtnNav .nav-pills .nav-link.active, .dashListNav.brdrBtnNav .nav-pills .show>.nav-link {
    color: #000;
    background-color: transparent;
    font-weight: 600;
}
.dashListNav.brdrBtnNav .nav-pills .nav-link.active:before, .dashListNav.brdrBtnNav .nav-pills .show>.nav-link:before {
    opacity: 1;
}
.privacyTxt, .privacyTxt p {
    font-size: 13px;
    line-height: 24px;
}
.privacyTxt h6 {
    font-size: 15px;
    margin-bottom: 8px;
}
.dashboard2 .login-form .form-control { 
    border-radius: 4px;
}
.dashvidBox .dashvidBoxImgWrap {
    position: relative;
}
.dashvidBox .dashvidBoxImg img {
    height: 180px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.dashvidBox .dashvidBoxImgWrap .btn-style {
    position: absolute;
    top: 15px;
    right: 15px;
}
.dashvidBox .dashvidBoxBody {
    padding: 16px 0;
    font-size: 13px;
}
.dashvidBox .dashvidBoxBody h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}
.dashvidBox .dashvidftr-right {
    margin-left: auto;
}
.dashvidBox .dashvidftr-right .btn-style {
    font-size: 11px;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
}
.dash2List [class*='col-']{
    margin-bottom: 30px;
}
.dashvidBox .dashvidftr-right {
    margin-left: auto;
    width: 148px;
}
.dashvidBox .dashvidftr-lft {
    width: calc(100% - 148px);
}
.uploadVid {
    border: 2px dashed #74C6ED;
    border-radius: 12px;
    background-color: #FFFFFF;
    padding: 45px 25px;
    text-align: center;
}
.uploadVid img {
    display: block;
    text-align: center;
    margin: auto;
}
.uploadVid > span {
    font-size: 12.5px;
    display: block;
    text-align: center;
    margin-top: 20px;
    color: #000;
}
.uploadVid input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}
.vidPopupMain .dshListboxHead-lft h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 7px;
}
.vidPopupMain .vidPopupMain-views .dashListBox {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.vidPopupMain  .dashListNav.brdrBtnNav { 
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.vidPopupMain .review_otherlst ul, .vidPopupMain .vidPopupMain-views {
    max-height: 340px;
    overflow-y: auto;
    padding-right: 5px;
}
.editvidImg img {
    height: 180px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.editvidPopupMain p {
    font-size: 13px;
}
.notisetgBox .notisetgImg{
    margin-bottom: 8px;
}
.notisetgBox .notisetgImg img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.notisetgBox .notisetgImg h4 {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}
.notisetgBox .notisetgBoxLft p {
    font-size: 12px;
}
.notisetgBox {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
}

/*  panel2 */

.panel2-main .panel2-box {
    border-radius: 18px;
    box-shadow: 0 20px 80px 0 rgb(0 0 0 / 10%);
    padding: 30px 25px;
    padding-bottom: 40px;
    display: flex;
    width: 100%;
    margin-bottom: 55px;
    position: relative;
}
.panel2-main .panel2-box h4 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.panel2-main .panel2-box p {
    color: #6d7783;
    margin: 0;
}
.panel2-main .panel2-box-cnt {
    width: calc( 100% - 100px );
}
.panel2-main .panel2-box-icon {
    width: 100px;
    order: 2;
    text-align: right;
}
.panel2-main .panel2-box:last-child {
    margin-bottom: 0;
}
.panel2-main .panel2-box-icon img {
    width: 90px;
}
.panel2-midimg img {
    width: 100%;
} 
.panel2-main .panel2-box-cnt .main-btn {
    margin-top: 15px;
    display: none;
    transition: all .5s;
    position: absolute;
    bottom: -20px;
}
.panel2-main .panel2-box:hover .main-btn{
    display: block;
}
.panel2-appbox-img {
    margin-bottom: 10px;
}
.panel2-appbox-cnt h4 {
    color: #000;
    margin-bottom: 8px;
}
.panel2-appbox-cnt {
    font-size: 14px;
}
.panel2-appbox {
    position: relative;
    height: 100%;
    padding-bottom: 20px;
} 
.homecnsBox {
    border-radius: 12px;
    background-color: #FFFFFF;
    box-shadow: 0 16px 46px 0 rgb(0 0 0 / 6%);
    display: flex;
    width: 100%;
    padding: 25px;
    margin-bottom: 25px;
}
.homecnsBox .homecnsBox-img {
    width: 75px;
    padding-right: 20px;
}
.homecnsBox .homecnsBox-txt {
    width: calc(100% - 75px);
}
.homecnsBox .homecnsBox-txt h4 {
    font-size: 24px;
    margin-bottom: 10px;
}
.homecnsBox .homecnsBox-txt p{
    margin-bottom: 0;
}
.main-heading h2 {
    font-size: 40px;
    font-weight: bold;
}
.main-heading h4, .heroTxt h4 {
    text-transform: uppercase;
    color: #277199;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.homeadverLogos {
    padding-top: 40px;
}
.homeadverLogos ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.homeImgWrap img {
    width: 100%;
    height: 340px;
    object-fit: cover;
}
.homeImgs-main [class*='col-' ] {
    border-right: 1px solid #fff;
}
.herosec {
    background: #F98F31;
    padding-top: 90px;
}
.herosecMain {
    display: flex;
}
.heroTxt {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    padding-top: 65px;
}
.heroTxt h4{
    color: #fff;
}
.heroTxt h1 {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 22px;
}
.heroTxt .btn-style {
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 18%);
}
.heroImg1 {
    position: relative;
    bottom: -109px;
    margin-bottom: -80px;
}
.heroImg2 {
    position: relative;
    bottom: -108px;
}
.headerRght li {
    margin-left: 50px;
}
.headerRght li a {
    font-size: 16px;
    font-weight: 500;
}
.headerRght li.headerUser{
    position: relative;
}
.headerRght li.headerUser .btn-style {
    background: linear-gradient( 90deg, #277199 0%, #74C6ED 100%);
    border: 0;
    padding: 9px 25px;
}
.headerRght li.headerUser .UserMenu li{
    margin: 0;
    padding: 0 14px;
}
.UserMenu li a > span{
    width: 100%;
}
.getMobile {
    margin-top: 120px;
}
.testisecWrap {
    background: #74C6ED;
    color: #fff;
    position: relative;
}
.testiSecBox .testiImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 350px;
    max-height: 450px;
}
.testiSecBox .testicnt {
    padding: 35px 25px;
}
.testiSecBox .testipara {
    font-size: 24px;
    font-weight: normal;
    margin: 25px 0;
}
.testiAuthor h4 {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    font-style: italic;
}
.testisec-Main{
    background: url('../images/testibanner.jpg')no-repeat;
    background-size: cover;
    background-attachment: fixed; 
    position: relative;
}
.testisec-Main:before {
    content: '';
    background: rgb(116 198 237 / 82%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.testicnt img {
    width: auto;
    display: inline-block;
}


.filBtn a{
    height: 40px !important;
    border-radius: 4px !important;
}
.ngx-slider .ngx-slider-pointer {
    width: 16px !important;
    height: 16px !important;
    top: -6px !important;
    background-color: #f98f31 !important;
    border-radius: 4px !important;
}
.ngx-slider .ngx-slider-selection {
    background: #f98f31 !important;
  
}
.ngx-slider .ngx-slider-pointer:after{
    background-color: transparent !important;
}

/* input#coupon_code1 {
    padding: 0 19px 0 12px !important;
    height: 36px !important;
} */
.logout_popup .modal-content {
    border-radius: 4px !important;
    padding: 0 !important;
}
h2.mb-4.text-black {
    font-size: 28px !important;
}
.logout_popup .main-btn{
    margin: unset !important;
}
.main-btn.mb-3.mt-4 {
    text-align: center !important;
    max-width: 100% !important;
}
a.btn-style.white-btn {
    padding: 3px 13px !important;
    border-radius: 8px;
}
a.btn-style.white-btn:hover{
     background-color: #fff !important;
     border: 2px solid  transparent !important;
     color: #000 !important;
}
.owl-item.ng-tns-c93-0.ng-trigger.ng-trigger-autoHeight.ng-star-inserted.active {
    margin-right: 8px !important;
}
a.jslfd{
    padding: 5px 12px !important;
    border-radius: 5px !important;
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background: #74C6ED;
    border: 2px solid #74C6ED;
    text-align: center;
    font-weight: 500;
}
a.jslfd:hover{
    background-color: #74C6ED;
    text-decoration: none;
    color: #fff;
    border:2px solid #74C6ED;
}
a.btn-style.big_btn.w-100:hover {
    background: #8cd0f0;
    color: #fff;
    border-color: #74C6ED;
    text-decoration: none;
}
a.btn-style.light-btn.smallBtn{
    background-color: #edeef0;
    border: transparent;
}
.custom-checkbox .custom-control-label::before {
    border-radius: .25rem;
    visibility: hidden;
}
input.form-control.gxy{
    position: relative;
    height: 44px !important;
    border-radius: 4px !important;
}
/* input.form-control.gxy:after {
    content: "";
    position: absolute;
    background: #f3f3f4;
    width: 33px;
    height: 20px;
    right: 40px;
} */

.sdfadsf p {
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
}

.sdfadsf p span{
    color: #FFB97B;
    cursor: pointer;
}

ng-otp-input.dlsfjn .wrapper {
    display: flex;
    justify-content: space-between;
}

ng-otp-input.dlsfjn .otp-input {
    width: 62px;
    height: 50px;
    background: #F3F5FA;
    border: #F3F5FA;
    color: #000;
    text-align: center;
    border-radius: 8px !important;
    font-size: 16px;
    box-shadow: none !important;
    outline: 0 !important;
    color: #495057 !important;
}


@media screen and (max-width: 480px) {
    ng-otp-input.dlsfjn .otp-input {
        width: 40px;
        height: 40px;
        background: #F3F5FA;
        border: #F3F5FA;
        color: #000;
        text-align: center;
        border-radius: 8px !important;
        font-size: 16px;
        box-shadow: none !important;
        outline: 0 !important;
        color: #495057 !important;
    }
  }

ng-otp-input.dlsfjn .otp-input::placeholder {
    height: 23px !important;
    width: 58px;
    color: #999996;
}

.sdfadsf p span{
    color: #FFB97B;
    cursor: pointer;
}


#sdjnf {
    display: none;
}

/* .sdfasdfs{
    position: relative;
}
.sdfasdfs .soni {
    width: 22px;
} */



.dropdown-toggle::after {
    display: none !important;
}
a.brandTxt {
    color: #74C6ED;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    text-align: right;
}

a.brandTxt:hover{
    text-decoration: none;
}

a.nav-link {
    color: #000;
}

.owl-nav  {
    position: relative;
}

.owl-next {
    position: absolute;
    right: -40px;
    top: -45px;
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default;
    display: none;
}

.owl-prev {
    position: absolute;
    left: -6px;
    top: -45px;
    display: block !important;
}
.owl-prev.disabled {
    display: none !important;
}

a:hover{
    text-decoration: none !important;
}

.loginRght_Txt a {
    color: #74c6ed;
    font-weight: 400 !important;
}

.UserMenu.dropdown-menu {
    margin-top: 0 !important;
  
}
li.headerUser{
    padding-bottom: 10px;
}
.headerRght li.headerUser:hover .UserMenu.dropdown-menu{
    display: block;
}

.gifts.cmn_padd {
    height: 100vh;
    overflow: auto;
}

video#video- {
    width: 100% !important;
    height: auto;
}

.dash2.cmn_padd {
    height: 68vh;
    overflow: auto;
}



span.bs-rating-star.ng-star-inserted.active {
    color: #fe4900 !important;
    font-size: 20px !important;
}
span.bs-rating-star.ng-star-inserted {
    color: #6c757d !important;
    font-size: 20px !important;
}

html::-webkit-scrollbar-track {
    width: 0 !important;
  }
   
  /* Handle */
  html::-webkit-scrollbar-thumb {
     width: 0 !important;
  }
  
  /* Handle on hover */
  html::-webkit-scrollbar-thumb:hover {
    width: 0 !important;
  }
  
  html::-webkit-scrollbar-thumb:horizontal{
    width: 0 !important;
      border-radius: 10px;
  }

  .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
    outline: none;
}
.kjhnowlrf {
    align-items: center;
    display: flex;
    gap: 16px;
}
.profile-page.cmn_padd {
    height: 100%;
}
.notisetgImg {
    align-items: center;
    gap: 16px;
    display: flex;
}
.required:after {
    content: "*";
    color: #dc2626;
    padding-left: 5px;
    font-size: 21px;
    position: absolute;
    top: -15px;
    right: 0;
}


.step{
    margin-bottom: 0;
    font-size: 16px;
    color: #74C6ED;
}



.scrollbar-hidden::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge add Firefox */
  .scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
  }

  img.sdsd {
    width: 40;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover;
    margin-right: 10px !important;
}

button.close {
    color: #fff !important;
    background: none !important;
}
.modal-dialog.xyz{
    max-width: 80% !important; 
    margin-top: 10%;
}

h2.sdfdsf {
    font-size: 20px;
    color: #000;
    margin-bottom: 14px;
}

element.style {
    display: inline-block;
    background: #74C6ED;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.50em;
    background: initial;
    background: #74C6ED;
    color: #fff;
    font-size: 1.0625em;
}

.modal-dialog.modal-confirm.esdfwef.qqq {
    max-width: 100% !important;
    margin: 0;
}
.modal-content.sedscw.qqq{
    background-color: unset !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.new-otp.qqq {
    padding: 80px 32px;
    border-radius: 16px;
    background-color: #fff;
    width: 650px;
    position: relative;
}
a.btn-close11 {
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
    z-index: 111;
}
.error {
    color: red;
    font-size: 12px;
    padding: 5px;
}
.bs-rating-star.active {
    color: #fe4900 !important;
    font-size: 20px !important;  
}

.bs-rating-star {
    font-size: 20px !important; 
}
.mainks-ret{
    padding: 10px 32px 10px 16px !important;
    display: inline-flex !important;
}




/* new css 16 Des 2022 */
.modal-dialog.qwdesfwqe {
    max-width: 50% !important;
}
.wedqewf {
    background: #000;
    position: relative;
}
a.olkewe {
    position: absolute;
    background: #596682;
    padding: 0px 8px;
    border-radius: 8px;
    right: 16px;
    top: 16px;
    color: #fff !important;
    z-index: 111;
    cursor: pointer;
}


.containered {
  position : relative;
  margin-bottom: 100px;
}

.containered .card-card {
  position: relative;
  width: 100%;
  height: 100%;
  background-color : #fff;
  padding : 24px 16px 16px;
  border-radius: 12px;
  background-color: transparent;
  display : flex;
  flex-direction : column;
  transition : 0.3s ease-in-out;
  border-radius : 15px;
}
.containered .card-card:hover {
  height: calc(100% - -85px);
  box-shadow: 0 10px 20px 0 rgba(37,51,75,0.1), 0 3px 6px 0 rgba(37,51,75,0.1), 0 32px 64px 0 rgba(0,0,0,0.2);
  background-color: #277199;
  position: absolute;
  border-radius: 12px;
}
.containered .card-card.checked11 h6 {
    color: #fff;
  } 
  .containered .card-card.checked11 p{
    color: #fff;
  } 
  .containered .card-card.checked h6 {
    color: #fff;
  } 
  .containered .card-card.checked p{
    color: #fff;
  } 

.containered .card-card.checked .content {
   visibility : visible;
   opacity : 1;
   transition-delay: 0.2s;
}
.containered .card-card.checked11 .content {
   visibility : visible;
   opacity : 1;
   transition-delay: 0.2s;
}



.containered .card-card.checked11 {
    height: calc(100% - -85px);
    box-shadow: 0 10px 20px 0 rgba(37,51,75,0.1), 0 3px 6px 0 rgba(37,51,75,0.1), 0 32px 64px 0 rgba(0,0,0,0.2);
    background-color: #277199;
    border-radius: 12px;
}
.containered .card-card.checked {
    height: calc(100% - -85px);
    box-shadow: 0 10px 20px 0 rgba(37,51,75,0.1), 0 3px 6px 0 rgba(37,51,75,0.1), 0 32px 64px 0 rgba(0,0,0,0.2);
    background-color: #277199;
    border-radius: 12px;
}
.containered .card-card.a:hover {
    background-color: #277199;
  }
  .containered .card-card.b:hover {
    background-color: #277199;
  }
  .containered .card-card.c:hover {
    background-color: #277199;
  }
  .containered .card-card.d:hover {
    background-color: #277199;
  }
.containered .card-card:hover h6{
    color: #ffffff;
  }
  .containered .card-card:hover .space-8pxe p{
    color: #ffffff;
  }
  .containered .card-card .content {
    position: absolute;
    color: #111;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-in-out;
    width: 100%;
    left: 0;
    bottom: 16px;
    padding:16px 16px 0;
}


.containered .card-card:hover .content {
   visibility : visible;
   opacity : 1;
   transition-delay: 0.2s;
  
}
/* end hover */

h6.credits-title {
    color: #323232;
    font-family: Poppins;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 35px;
    margin: 0;
}
p.Etiam-title {
    color: #323232;
    font-family: Poppins;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0;
}


.buy-grid {
    display: grid;
    gap: 8px;
}
.main-parant-card {
    padding: 110px 32px 80px 168px;
    height: 130vh;
}
.buy-felx {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
}
p.pra-card-title {
    color: #323232;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0;
}
p.pra-card-title.will {
    font-size: 15px;
    font-weight: 600;
}
.space-8pxe {
    display: grid;
    gap: 8px;
}
h6.card-title-h6 {
    color: #323232;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}
span.block-spn {
    display: block;
}
.radio-flex {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-bottom: 8px;
    height: 68px;
}


a.Buy-Now-bbtn {
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    background-color: #74C6ED;
    padding: 14px;
    width: 100%;
    display: inline-block;
}

.all-cards {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5,1fr);
}


.containered .card-card.a {
    background-color: #F5E8C7;
}
.containered .card-card.b {
    background-color: #EFE1D6;
}
.containered .card-card.c {
    background-color: #D6EFED;
}
.containered .card-card.d {
    background-color: #FFE6E6;
}
/* .buy-felx.space-96px {
    padding-top: 96px;
} */
.main-parant-card1 {
    padding: 105px 32px 0px 168px;
}

img.credits {
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 4px;
}
a.new-head-btn {
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
    text-align: center;
    border-radius: 4px;
    background: linear-gradient(308.36deg, #FD8A00 0%, #FFDE00 100%);
    box-shadow: 0 10px 20px 0 rgb(37 51 75 / 10%), 0 3px 6px 0 rgb(37 51 75 / 10%);
    display: inline-flex;
    padding: 6px 36px 7px 8px;
    gap: 36px;
    align-items: center;
}

h6.card-title-h6.whit {
    color: #ffffff;
}
p.pra-card-title.whit{
    color: #ffffff;
}
.blue-grid {
    width: 500px;
    border-radius: 12px;
    background-color: #277199;
    box-shadow: 0 10px 20px 0 rgb(37 51 75 / 10%), 0 3px 6px 0 rgb(37 51 75 / 10%);
    padding: 24px 16px;
    display: inline-grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px;
    text-align: left;
}
.width-controler {
    width: 150px;
    display: inline-block;
}
.buy-grid.t-24 {
    padding: 24px 0;
}
.canter-flex-box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 87vh;
    border-radius: 4px 4px 0 0;
    background-color: #FFFFFF;
    box-shadow: 0 10px 20px 0 rgba(37,51,75,0.1), 0 3px 6px 0 rgba(37,51,75,0.1);
}
p.pra-card-title.whit.px-12 {
    font-size: 12px;
   
}

/* .card-card.higthr {
    height: 100%;
    position: relative;
}
.containered .card-card.higthr:hover {
    height: calc(100% - -85px);
} */
.main-flex-box.higthe {
    overflow: auto;
    height: 100vh;
}
.containered:nth-of-type(1) {
    background: #EEF1FF;
    border-radius: 12px;
}
.containered:nth-of-type(2) {
    background: #F5E8C7;
    border-radius: 12px;
}
.containered:nth-of-type(3) {
    background: #EFE1D6;
    border-radius: 12px;
}
.containered:nth-of-type(4) {
    background: #D6EFED;
    border-radius: 12px;
}
.containered:nth-of-type(5) {
    background: #FFE6E6;
    border-radius: 12px;
}
.containered:nth-of-type(6) {
    background: #EEF1FF;
    border-radius: 12px;
}
.containered:nth-of-type(7) {
    background: #F5E8C7;
    border-radius: 12px;
}
.containered:nth-of-type(8) {
    background: #EFE1D6;
    border-radius: 12px;
}
.containered:nth-of-type(9) {
    background: #D6EFED;
    border-radius: 12px;
}


.containered:nth-of-type(10) {
    background: #FFE6E6;
    border-radius: 12px;
}
p.pra-card-title.wier {
    padding-bottom: 10px;
    height: 110px;
    font-size: 12px;
    line-height: 20px;
}
p.pra-card-title.spart {
    padding-bottom: 10px;
}
a.Buy-Now-bbtn {
    cursor: pointer;
}
p.add-add {
    text-align: center;
    font-weight: 600;
    font-size: 23px;

}
.main-spaberd {
    margin: 25px;
}

.giftList {
    display: grid !important;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 18px;
    gap: 18px;
    grid-template-columns: repeat(3,1fr);
}
p.pra-card-title.spart {
    padding-bottom: 10px;
    height: 48px;
    font-size: 12px;
    line-height: 20px;
}





input.main-redios {
    width: 20px !important;
    height: 20px !important;
}

.dashvidBoxImg video {
    width: 100% !important;
    height: 200px !important;
    cursor: pointer;
    object-fit: cover;
    border-radius: 12px;
}
video{
    border-radius: 12px;
}









/* .modal-dialog.jhvfygu {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 auto;

} */


.main-card-box2.not-claimed.adcdcs {
    padding: 0 !important;
}
.dfcss {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
}
img.nbghfg {
    width: 60px;
    height: auto;
}
p.nhgtwe {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    color: #ffffff;
    text-align: right;
}
.hgfgq {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.hgjfgiuke {
    height: 231px;
    padding: 16px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: end;
    border-radius: 16px;
}
.hgjfgiuke {
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(14,14,25,0) 36%);
}
p.hgjgde {
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
}
.card-two.qadasdq {
    padding: 0 !important;
    width: 247px !important; 
    height: 231px !important;
}


p.jgqed {
    font-size: 16px;
    margin: 0;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
}
.hisBtmDetail span {
    padding-right: 8px;
}
.fvsdvs {
    z-index: 11;
    position: relative;
    padding: 16px;
}
.modal-dialog.qwdesfwqe.susac {
    max-width: 100% !important;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}
.wedqewf.susac {
    width: 50%;
    margin: auto;
}
.modal-content.wqedsf.susac {
    background-color: transparent !important;
    border: none !important;
    height: 100%;
}

img.jbnvwbf {
    position: absolute;
    border-radius: 16px;
    width: 247px !important;
    height: 231px !important;
    object-fit: cover;
}

@media only screen and (max-width: 600px) {
    img.jbnvwbf {
        position: absolute;
        border-radius: 16px;
        width: 150px !important;
        height: 140px !important;
        object-fit: cover;
    }

    .card-two.qadasdq {
        padding: 0 !important;
        width: 150px !important; 
        height: 140px !important;
    }

    .hgjfgiuke {
        height: 140px;
        padding: 16px;
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border-radius: 16px;
    }

    .hgjfgiuke {
        background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(14,14,25,0) 100%);
    }

    p.hgjgde{
        font-size: 23px;
    }

    p.jgqed{
        font-size: 12px;
    }
  }
.card-two.qadasdq.active {
    position: relative;
}
.card-two.qadasdq.active img.jbnvwbf{
    opacity: 0.4;
}
.card-two.qadasdq.active p{
    opacity: 0.4;
}
.card-two.qadasdq.active p.claimed{
    opacity: 1 !important;
}
p.claimed {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 35px;
    font-weight: 700px !important;
    color: #d0d6d9;
    font-family: 'Roboto', sans-serif;
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(14,14,25,0) 100%);
    border-radius: 16px;
}
span.ngx-slider-span.ngx-slider-bubble.ngx-slider-combined {
    display: none !important;
}
.positn{
    position: relative;
}
a.Credit-left-link {
    position: absolute;
    bottom: -26px;
    left: 340px;
    color: #007bff !important;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}
a.Credit-right-link {
    position: absolute;
    bottom: -26px;
    right: 0px;
    color: #007bff !important;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}
.modal-backdrop.show {
    position: relative;
    z-index: -1;
}
.gg{
    padding: 6px 24px !important;
}
a.Credit-right-link.sdws {
    top: 78px;
    right: 63px;
}

button.sdf.sdqd {
    width: 180px;
    padding: 8px 8px 8px 24px;
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 22px;
}
.kjguyd {
    position: absolute;
    top: 160px;
    z-index: 111;
    right: 35%;
}
img.qedqewd {
    padding: 10px 0;
}
a.owiejfhvn {
    margin-top: 70px;
    display: block;
}
a.Credit-right-link.jhgv {
    position: absolute;
    top: 60px;
    right: 35px;
    cursor: pointer;
}