*{box-sizing: border-box;}
body{background: #f7f7f7;font-family: 'Lato', sans-serif;    color: #333;}
.email-top ul{margin-bottom: 0}
.elearning .breadcrumb{margin-bottom: 0}
.learningBlock{background: var(--whiteColor);border-top:1px solid #ececec;border-bottom: 1px solid #ececec;margin-bottom: 20px;overflow: hidden;}
.rightside {width: 75%;float: right;}
.learningText{padding: 25px 15px 40px 15px;display: flow-root;position: relative;}
.learningText h1{margin-bottom: 0}
.learningText p{color:#999;} 
.learningText .btn{position: absolute;right:0;display:none;transform: translate(0, -50%);top:50%;width: 100px;}
.learningText .btn:hover{color:var(--whiteColor);}
.learningText .btn:focus, .learningText .btn.btn:focus, .learningText .btn:focus {outline: 0;text-decoration: none;color:var(--whiteColor);}
.elearningBlock .box{position: relative;padding: 0;border-radius: 5px;display: flex;height: 100%}
.flexbox{margin-bottom: 15px;}
.dataEngg{width: 70px;float: left;position: relative;margin-right: 8%;}
.dataCircle{position: absolute;width: 100px;height: 100px;border-radius: 50%;    display: flex;align-items: center;justify-content: center;
    transform: translate(32%, -50%);background: var(--whiteColor) url("../../images/common-sprite.68d99d4f55d0.webp") -56px -293px  no-repeat;top:50%;}
.dataEngg span{background: var(--whiteColor);color:#333;display: block;text-align: center;font-size: 13px;font-weight: bold;} 
.c-1{background: #e1fcea;}
.c-2{background:#ffe5d3;}
.c-3{background: var(--whiteColor)2b4}
.c-4{background: #d9f4ff}
.c-5{background: #e5e5ff}
.elearningBlock  .price{color:#11a3b9;font-weight: bold;margin: 2px 0;}
.elearningBlock .text {color:#333;font-weight: bold;margin-right: 10px;}
.box-left{padding: 15px 0 5px 0;width: 65%;float: left;}
.box-left .courseName{font-size: 18px;font-weight: bold;margin: 5px 0}
.courseName span{font-weight: normal;}
.courseDuration ul li{display: inline-block;position: relative;padding: 0px 20px;color:#999;}
.courseDuration ul li:before{content:'';position: absolute;width: 5px;height: 5px;background:#999;left:0;top:8px;border-radius: 50%}
.courseLogo {margin: 10px 0 0;width: 100%;}
.courseLogo ul {flex-wrap: nowrap;display: flex;overflow-x: auto;width: auto;}
.courseLogo ul li{padding-right: 10px;margin-right:15px;width: 70px;align-items: center;justify-content: center;display: flex;}
.courseLogo ul li img{width: 100%;}
.elearningBtn{position: absolute;background: transparent;color:#fd6c73;border:1px solid #fd6c73;right: 20px;
    top:20px;text-decoration: none;}
.button:focus, button.btn:focus, button:focus {outline: 0;text-decoration: none;color:#fd6c73;}
.elearningBtn:hover{color:var(--whiteColor);text-decoration: none}
.container.middlelearn{padding: 0 }
.common_modal.modal{display: none}
.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;-webkit-transform: translate(0,0%);-ms-transform: translate(0, 0%);-o-transform: translate(0,00%);transform: translate(0, 0%);}
/*---------------modal_box--------------*/
.mobile-filter{display: none}
.formContent .modal-header{background: transparent;position: relative;display: block;color: #333;padding: 25px 0;overflow: hidden;
    margin-bottom: 0;font-size: 16px;font-weight: normal;text-transform: uppercase;display: none}
.modal-content {position: relative;background-color: rgba(255, 255, 255, 0);border: 0px solid rgba(0,0,0,.2);box-shadow:0 0 0 rgba(0,0,0,.5);border-radius: 0}
.form-control{height:38px !important;border-radius:0;background:var(--whiteColor);}
.input-group-addon:first-child{border-right: 1px solid #d3d3d3 !important;padding-top:11px !important;}
.modal-header {padding:0;position: relative;margin-bottom:10px;border:0;}
.ctmclose{display: none;}
.modal-body {position: relative;padding:0px;}
.btn.applyNowBtn{display:none;}
.filter-search{background: var(--whiteColor);padding: 15px;border:1px solid #ececec;border-radius: 4px;margin-bottom: 3px;}

.formContent .modal-dialog{margin:0;width: auto}
.formContent h3{margin: 5px 0;font-weight: bold}
.filter-search-input{position: relative;margin-top: 15px;}
.filter-search-input input{width: 100%;background: #f9f9f9;border:1px solid #ececec;border-radius: 5px;height: 30px;padding: 0 10px;}
.filter-search-input svg{position: absolute;width: 15px;right:7px;top:7px;fill:#999999;}
.gs_control {margin:0;display: block;position: relative;padding: 7px 0 5px 26px;cursor: pointer;font-size: 13px;color: #505050;}
.gs_control input {position: absolute;z-index: -1;opacity: 0;left: 6px;top: 6px;}
.gs_control input:checked~.gs_control__indicator {background: #348fd6;border-color: #348fd6;}
.gs_control__indicator {position: absolute;top: 8px;
    left: 3px;height: 15px;width: 15px;background: var(--whiteColor);transition: all .3s ease-in 0s;border: solid 1px #348fd6;border-radius: 2px;}
.gs_control__indicator:after {content:'';position:absolute;left: 4px;top: 1px;width: 5px;height: 9px;
    border: solid var(--whiteColor);border-width: 0 2px 2px 0;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.gs_control input:checked~.gs_control__indicator:after{display: block;}
ul.filter-option-list{margin: 10px 0;height: 300px;overflow-x: hidden;}
.filter {float: left;height: 34px;margin: 0 5px 0 0;
    padding: 8px 5px 7px 32px;margin-bottom:10px;border-radius: 3px;position: relative;border: 1px solid #ccc;background:var(--whiteColor) url("../../images/college-listing-icons.8d3bb5644976.png") no-repeat -14px 6px;}
.mobile-filter {width: 100%;position: relative;margin-bottom: 10px;}
.mobile-filter input{display:none;width: calc(100% - 45px);height: 35px;border:1px solid #ececec;border-radius: 5px;padding: 0 10px;}
.mobile-filter svg{display:none;position: absolute;width: 15px;right:10px;top:10px;fill:#999999;}
.FaqBlock h2 {margin-bottom: 10px;margin-top: 5px;font-weight: bold}
.appliedFilter{width: 100%;display: inline-block;position: relative;}
.appliedFilter p{font-weight:bold;float: left;}
.appliedFilterList{position: relative;}
ul.appliedFilterList li{display: inline-block;color: #6f6f6f;margin:0 5px 4px 5px;padding: 3px 22px 3px 6px;font-size: 12px;border: 1px solid #e8e8e8;background: var(--whiteColor);
    border-radius: 3px;position: relative;cursor: pointer;transition: all .2s;}
ul.appliedFilterList li:hover{color: #dd5152;border-color: #f9b3b3;}
.appliedFilter ul li .s-filters-box{position: relative;}
.appliedFilter ul li .s-filters-box:after {content: "";opacity: .6;position: absolute;
    right: -16px;top:5px;width: 8px;height: 8px;transition: all .2s;background:url("../../images/college-listing-icons.8d3bb5644976.png") no-repeat -137px -4px;}
.appliedFilter ul li .s-filters-box:hover:after{background:url("../../images/college-listing-icons.8d3bb5644976.png") no-repeat -137px -21px;}
.appliedFilter .ClearAll{color:#fd6c73;display: block;font-weight: bold;position: absolute;right:0;top: 3px;
    margin: 0;cursor: pointer;}
.loader {color: #333;font-size: 20px;margin: 50px auto;
  width: 10px;height:10px;border-radius: 50%;position: relative;text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.commonForm.commomFormCustom .selectBox{width: 100%;}
.commonForm.commomFormCustom .formContent .form-group{height: 38px;}
.commonForm.commomFormCustom select.form-control {display: block;width: 100%;height: 38px;padding: .375rem .75rem;font: 16px / 1.5 'Lato',sans-serif;
    color: #333;background-color: transparent;background-image: none;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 2px;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    outline: 0;}
.commonForm.commomFormCustom .formContent .form-group.error .mobileValidation label::before, .commonForm.commomFormCustom .formContent .form-group .mobileValidation input:focus + label::before, input#id_phone_cta:not([value=""]):not(:focus) + label::before{z-index: 99 !important;}
.commonForm.commomFormCustom .formContent .form-group .mobileValidation p {bottom: -32px;margin: 0;}
.commonForm.commomFormCustom .form-control{font-size: 16px;}

.btnfilter{display: none}
.learningText .col-md-5, .leftpadding{padding-left: 0}
.selectedDiv{display: block;top:0;}
#form-group_interested_in_studying {height: auto;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{font-size: 14px !important;}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {border-top-left-radius: 4px !important;border-top-right-radius: 4px !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #aaa !important;}
.select2-container{z-index: 9999}

.footer-form-li .select2-container{float: left;}
.footer-form-li .select2-container--default .select2-selection--multiple .select2-selection__rendered{height: 35px;overflow-y: scroll;}
.footer-form-li .select2-container--default .select2-selection--multiple .select2-selection__rendered li{margin-bottom: 5px !important;}
.setExpertBlock #new_footer_form input[type='submit']{float: left;}
.footer-form-li .select2-hidden-accessible{height: 40px !important;}
.mobileBox-footer .expertGraphic ul li {height: 40px;}
.mobileBox-footer .expertGraphic ul li.display-center {margin-bottom: 12px !important;}
.mobileBox-footer .select2-container .select2-selection--multiple{height: 39px !important;}
.commonForm.commomFormCustom button.btn{color:var(--whiteColor);}
.popModalBox{position: fixed !important}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{height: auto;}
.popModalBox .modal-header .close, .followUpcourse .modal-header .followClose{right:10px !important;left:auto !important;}
.select2-container--default .select2-search--inline .select2-search__field{color: #333; opacity: 0.8;font-weight: bold;}
.select2-container--default .select2-selection--multiple{box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;border:1px solid #ced4da !important;}
.commonForm.commomFormCustom .input-group-addon {padding-top:10px;}
.commonForm .formContent label{font-weight: normal}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{    height: 65px;overflow-y: scroll !important;}
.select2-container .select2-search--inline .select2-search__field{font-weight: normal !important;padding: 0 5px !important;}
.sign-Content .form-control{font-size: initial !important;}
.loginPage .form input.button {background: #fd6c73 !important;color:var(--whiteColor) !important;font-size: inherit !important;}
.loginPage .form input.button:hover, .loginPage .form input.button:hover{color:var(--whiteColor) !important;}
.loginPage .rightCol a.loginOTP:hover{text-decoration: none !important}
.input-group{width: 100% !important}
.sign-Content .form-group{display: flow-root;height: 38px;}
.loginPage .form .form-control{font-size: 14px !important}
select{color:#999 !important;}
label {font-weight:300 !important;}
.sign-Content button.btn{color:var(--whiteColor);}
.sign-Content .form-group.error .mobileValidation label::before{z-index: 99}
.sign-Content .form-group .mobileValidation input:focus + label::before{z-index: 99 !important}
.sign-Content .form-group input {font-size: 14px !important;background: transparent;color:#999 !important;    padding: 0 15px !important;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle{font-size: 14px !important;padding: 0 15px !important;}
#signUp h2{font-weight: bold}




@media screen and (min-width: 1025px){
nav li.first .userName a.signout-btn, nav li.first .userName a.signout-btn:hover{text-decoration: none !important}
}
@media screen and (min-width: 769px){
.modal {display: block;position: static;bottom: auto;opacity: 1 ;}
.elarningLoadmore{color:#333;}
.elarningLoadmore:hover{text-decoration: none}
}
@media screen and (max-width: 768px) {
.sidebar {padding: 0}
.modal-backdrop{display:none}
.mobile-filter{display: block;}
.modal-header{margin-bottom:0;border: 1px solid #ececec;}
.modal-header h2{padding-left:15px;}
.formContent{background:none; right:auto; top:-100px; transition:all .2s;}
.modal-header .close{display:block; padding-bottom:0;opacity:.9;color:#333;position:absolute;left:36px;top:7px;font-weight: normal;font-size: 16px;}
.formContent {border:0px solid #ccc;}
.formContent h2{color:#000; padding:15px 15px 0; margin:0;}
.modal-body {padding: 15px;}
.modal-content {background-color: var(--whiteColor); border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.5) !important; box-shadow: 0 0px 0px rgba(0,0,0,.5) !important;}
.modal.fade .modal-dialog{position:relative;-webkit-transform: translate(0,0); transform: translate(0,0);}
.formContent{display: block;}
.modal-header span{display:inline;}
ul.form .button{border:1px solid #c3c30e}
.banner {width: 100%;padding: 3em 0 0;min-height: 250px;}
.formContent .modal-header{display: block}
.formContent .modal-header .back-ic {position: relative;padding-right: 26px;margin-left: 10px;margin-top:-12px;display: block;}
.formContent .modal-header  .back-ic:before {content: '';position: absolute;left: 0;
    top: 3px;width: 17px;height: 17px;background: url("../../images/college-listing-icons.8d3bb5644976.png") no-repeat;
    background-position: -76px -53px;z-index: 99;}
/*--------------right Div---------------*/
.rightside {width: 100%;float: left;position: relative;}
.container.middlelearn{padding:0 15px;}
/*.popularWidget{width: 100%;float: left;}*/
.reset{font-size:14px;color: #fd6c73;display: block;font-weight: bold;text-transform: uppercase;position: absolute;right: 10px;top: 12px;margin: 0;cursor: pointer;}
.elearningBlock .box{display: flow-root;}
.dataEngg{width: 100%;height: 70px;float: left;}
.box-left{width: 100%;float: left;padding:15px 15px 0 15px;margin-top: 35px;}
.dataCircle{transform: translate(32%, -19%);background-position: -199px -202px }
.elearningBtn{position:static;margin:10px 15px 15px 15px;}
.filter-search-input{display: none;position:absolute;height: 100%;max-height: 100%;
    padding-right: 10px;left: 40%;width: 60%;float: right;margin: 0;padding: 5px;box-sizing: border-box;top:52px;}
.filter_block{display: block ;top:0;}
.filter-search-input input{border-radius: 0;height: 38px;}
.filter-search{overflow: hidden;margin:0;border:0;padding: 0;background: transparent;}
.filter-search-input svg {right: 15px;top: 16px;}

.filter-option{float: left;width: 40%;padding: 15px 13px;font-size: 13px;background: 0;
    border-right: 1px solid #e8e3e3;border-bottom: 1px solid #e8e3e3;position: relative;}
.filter-option:before{background: url("../../images/college-listing-icons.8d3bb5644976.png") no-repeat 0 0;}
.formContent h3{font-weight: bold;margin: 0;text-transform: uppercase;}
.formContent .modal-content {border:0 ;height: 100vh} 
.formContent .modal{background: var(--whiteColor);}
.btnfilter{display:block;width: 98%;border-radius: 0;position: absolute;bottom: 0;background: var(--anchorColor);margin:5px;}
.commonForm.commomFormCustom .input-group-addon{padding-top: 10px;}


@media screen and (max-width: 640px) {
.formContent{background:none; right:auto; top:0; transition:all .2s;}
.select2-search__field{width: 100% !important}
.selection{width: 100% !important}
}



@media screen and (max-width: 480px) {
.learningText .btn{position: static;transform:translate(0);}
.learningText .col-md-5{padding: 0;}
.learningText{padding: 15px 15px 20px 15px}

}