@charset "UTF-8";
/* CSS Document */

  :root {  
    --anchorColor: #3f53d9;
    --textColor: #050038;
    --lightTextColor: #9695a5; 
    --outlineColor: #eb4726;  
    --whiteColor: #fff;
    --boxBorderColor: #d9d9e5;
    --peachBgColor:#F8C994; 
    --footerBgColor:#111;
    --firstGradient:#fee6c2;
    --secondGradient:#e2e1f2;
    --lightBgColor:#f4f4f7;     
    --lightBlueColor:#e6f0f9; 
    --blueBtnHover:#5797d8; 
    --greenBtnHover:#4aba8e;  
    --greenOutline:#6ad9ae;
    --newBtnSolid:#3F53D9; 
    --traslatorColor:#253245; 
    --lightGrey:#999; 
    --darkGrey:#2D2D2D;
    --lightBg:#1d1d1d;
    --lightTextColor:#717171;
    --bgcolor: #050038;
    --lightBlueNewColor: #c5c3e5;
    --YellowColor: #f5a041;
    --lightBlueBgColor: #e9ecff;
    --appColor: #3D3964;
    --labelColor:#F5A041;
    --followus:#C7C7C7;
    --followusBorder:#EAECFF;
    --whiteopacity:rgb(255 255 255 / 30%);
    --whatsAppBg: #29d74c ;
    --darkColor : #333;
    --listingBorder:#E7E7E7;
    --ratingColor:#26A373;
    --grayShadow: #00000026;
    --whiteColorOverLay: #ffffffb3;
    --shareBorder: #504d74;
    --ratingColor:#26A373;
    --listingColor:#E9EBFB;
    --lightYellow:#FFF2E4;
    --lightStroke:#C5C3E6;
    --filterStroke:#C1C1C1;
    --counterNumber: #E7E8FF;
    --tableBorder:#C5C3E6;
    --inCorrectColor:#CF454D;
}
.adPushup {height: 90px;margin-bottom: 20px !important;}  
.mb-10 {margin-bottom: 10px !important;} 
.news-pushup-ad {margin-bottom:20px !important;}   
.modal-header {text-align: center;} 
.modal-header h4 {color:#000;font-size: 16px}
.logo {float:left; margin-left:-10px; position:relative; z-index:89;}
.user {float:right; width:24px; height:48px; margin:28px 5px 0 20px; position:relative; cursor:pointer; z-index:6;} 
.user ul {display:none; opacity:0; position:absolute; left:-10px; top:48px; width:90px; background:var(--whiteColor); box-shadow:0 2px 4px rgba(0, 0, 0, .15); transition:all .3s;}
.user:hover ul {display:block; opacity:1; cursor:pointer;}
.user ul li { border-bottom:1px dotted #efefef;}
.user ul li span {display:block; padding:4px 8px 5px 10px;}
.user ul li a {display:block; color: var(--textColor); cursor:pointer; padding:4px 8px 5px 10px; text-decoration:none;word-break: break-all;}
.form-control {display:block; width:100%; height:38px; padding:0.375rem 0.75rem; font:.9rem / 1.5 'Lato', sans-serif; color:#495057; background-color:var(--whiteColor); background-image:none; background-clip:padding-box; border:1px solid #ced4da; border-radius:2px; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; outline:none;}
.form-control:focus {color:#495057; background-color:var(--whiteColor); border-color:#80bdff; outline:none; box-shadow:0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.form-control::-webkit-input-placeholder {color:#868e96; opacity:1;}
.form-control:-ms-input-placeholder {color:#868e96; opacity:1;}
.form-control:disabled, .form-control [readonly] {background-color:#e9ecef; opacity:1;}
select.form-control:not([size]):not([multiple]) {height:calc(2.25rem + 2px);color: var(--lightTextColor);}
select.form-control:focus::-ms-value {color:#495057; background-color:var(--whiteColor);}
ul.form > li {margin:15px 0;position: relative;}
ul.form .button {width:100%; height:40px;}

/****** DFP Ads On Pages CSS Start *******/
.adsBlock {width: 728px;height: 90px;margin: auto;text-align: center;margin-bottom: 15px;background: var(--lightBgColor);}      
.mobileAds {height: 95px;width: 360px;margin: 5px auto;text-align: center;background: var(--lightBgColor);}     
/****** Ads Css End ***/  

/****Chatbot CSS Start*****/
/****Chatbot CSS Start*****/

/************ Common for all 12-sept-2020 *********/  
.body-white {background-color: var(--whiteColor);} 
.h-100 {height: 100%;} 
/************ Common for all 12-sept-2020 *********/

.close {position:absolute; right:0; top:20px; width:34px; height:34px; cursor:pointer;} 
.close:focus {outline:none;}    
.close .closeIcon {cursor:pointer;}
.searchContent .head {margin:0 0 8px;} 
.searchContent h5 {margin:0 0 5px;} 
.searchContent .dataContent {display:block; padding:20px; overflow:visible;} 
.searchContent ul.form {display:block; width:100%;}
.searchContent ul.form > li {float:left; width:100%; padding:0; position:relative;margin-top: 0;}
.searchContent ul.form > li:first-child .textBox {padding-left:38px;border-radius: 5px;box-shadow: none;border:1px solid #ced4da;font-size: revert;color: #495057;}
.searchContent .search {margin:0; position:absolute; left:0; top:0; border:0; background:none; cursor:pointer;}
.searchContent .search svg {margin: 8px 0px 8px 2px; fill: var(--anchorColor); width: 22px;height: 22px;}   
.autoHints{display:none; background:var(--whiteColor); z-index:9;}
.autoHints h6 {margin-bottom: 0;text-align: left;}  
.autoHints h6 a {float: right;text-decoration: none;color: var(--anchorColor);}   
.searchContent .autoHints {display:block; height:232px; padding:10px 0; overflow-y:auto;margin-left: -15px;margin-right: -15px;}
.searchContent .autoHints ul {margin-bottom:15px;color: var(--lightTextColor);}    
.searchContent .autoHints li {padding:4px 0;}  
.searchContent .autoHints li span {float: right;color: var(--lightTextColor);}
.searchContent .autoHints li.heading {font-weight:700; text-transform:uppercase;}
.searchContent .autoHints li a {color: var(--textColor); cursor:pointer; text-decoration:none;}
.searchContent .autoHints li a:hover {color: var(--anchorColor);}
/* .searchContent .autoHints .main-row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} */
.searchContent .autoHints .main-row .text-right {text-align: right;} 
.query-here {background-color: var(--lightBgColor);padding: 15px 0;margin: 0 -35px;text-align: right;}  
.query-here .col-md-12 {margin:0 -15px;}
.query-here .col-md-12 p {margin-bottom: 0;}
.query-here .col-md-12 p a {color: var(--anchorColor);text-decoration: none;} 
.breadcrumb li {display:inline-block;color: var(--lightBlueNewColor);font-weight: normal;}
.breadcrumb li:last-child {font-weight: 700;}
.breadcrumb li a {color:var(--lightBlueNewColor); text-decoration:none;}
.breadcrumb li a:hover {color: var(--lightBlueNewColor);text-decoration:underline;}
.breadcrumb>li+li:before {color: var(--lightBlueNewColor); padding:0 5px; content:"/\00a0";}

table {margin-bottom:20px; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9;}
table th, table td {padding:8px 12px; border-right:1px solid var(--boxBorderColor); border-bottom:1px solid var(--boxBorderColor);}
table th {background:#f4f4f4;text-align: left;}
table th p, table td p {margin-bottom:0;}
table tr:nth-child(odd) {background: var(--lightBgColor);} 
 


/*****  Sticky Footer fix on scroll CSS ******/ 
.scrollUpFooter {transform:translateY(110px)}    
.footerSticky {opacity: 0;
	-webkit-transform: translate(0, 100px);
	-ms-transform: translate(0, 100px);
	-moz-transform: translate(0, 100px);
	-o-transform: translate(0, 100px);
	transform: translate(0, 100px);
	-webkit-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s; 
} 

.footerfixed { 
    opacity: 1;
	-webkit-transform: translate(0, 0); 
	-ms-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}   
/*****  Sticky Footer fix on scroll CSS ******/

/* ----- COMMON POPUP FORM start ----- */
.leadForm{padding-bottom:15px; text-align:center;}
.leadForm span{color:var(--whiteColor); cursor:pointer; display:inline-block; padding:8px 20px; border-radius:18px; background:#21a6ab;}
.commonForm .bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); z-index:93;}
.commonForm{display:none; padding:0; margin-bottom:15px; position:fixed; left:0; top:0; width:100%; height:100%; z-index:301;}
.commonForm .formContent{padding:0; margin:25px auto auto; height:auto; max-width:660px;background-color: var(--textColor); border-radius:0; box-shadow:0 0 20px rgba(0, 0, 0, .4); position:relative; z-index:300;}
.formInputs{float:right; width:50%; padding:20px 30px; min-height:305px; background:var(--whiteColor); position:relative;}
.formInputs ul li{padding:8px 0;}
.formInputs .button{display:block; width:100%; padding:12px 15px; background:var(--anchorColor);}
.formInputs .pravacyText, .modal-body .pravacyText{color:var(--lightGrey); font-size:12px; text-align:center;}
.formDesc{float:left; width:50%; color:var(--whiteColor); text-align:center; padding-top:64px; padding-bottom:46px; position:relative;}
.formDesc:before{content:""; position:absolute; right:-17px; top:50%; width:35px; height:35px; background:url("../../images/exam/exam-detail-icons.7fc9f1712132.webp") no-repeat -407px 0px;}
.formDesc h4{color:inherit;margin:0; text-shadow:0 0 5px rgba(0, 0, 0, 1); line-height:1.3; font-weight:700;}
.formDesc h5 a{color:#d8e0e6;} 
.commonForm h3{color: var(--textColor); text-transform:none; border:0; padding:20px 0; margin:0; font-weight:600; text-align:center; background:none;}
.commonForm h3 b{color:#12aeb3;} 
.commonForm .close{position:absolute; right:0; top:0; width:34px; height:34px; opacity:1; line-height:12px; color:var(--anchorColor); font-size:30px; font-weight:700; -webkit-tap-highlight-color:rgba(0,0,0,0); border:0; background:none; outline:none;}
.commonForm .form-control:focus{padding-left:1.2rem; transition:all .3s;}
.commonForm .formContent .form-group{margin-bottom:14px; padding:0;}
.commonForm .formContent label{margin-bottom:2px;}
.commonForm button.btn{width:100%; height:38px; background:var(--anchorColor);}
.commonForm .input-group-addon{border-top-left-radius:1px; border-bottom-left-radius:1px; border:1px solid var(--boxBorderColor);}
.commonForm input#id_phone{width:100%; border-left:1px solid var(--boxBorderColor); border-top-left-radius:0; border-bottom-left-radius:0;}
.commonForm .form-control{background:none;}
.commonForm .form-control{border-radius:2px; border-color:var(--boxBorderColor); border-radius:1px;}
/* ----- COMMON POPUP FORM end----- */   

 
/*** for du page ***/
 .gs_readmore {overflow:hidden;position:relative;} 

/*** for du page ***/

.overflowHide {overflow:hidden;}
.hide {display:none;}
.faq-hide {width:100%; display: none;}
.box {display:table; width:100%; padding:8px 10px; border:1px solid var(--boxBorderColor); border-radius:2px; background:var(--whiteColor);}
.scrollTable {display:block; width:100%; overflow-x:auto;}
.rupee {color:#4a4a4a; padding-right:1px; font-family:'collegedekho'; font-style:normal; font-weight:normal; font-variant:normal; font-size:83%; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased;}
.rupee:before {content:"\e90b";}

/*--------- common_footer_start------------*/
.expertBlock {margin:0; overflow:hidden;}   
.expertBlock .expertGraphic {margin:30px auto auto; text-align:center;}
.expertBlock .expertGraphic .head {margin-bottom: 10px;font-size: 20px;font-weight: 700;}  
.expertBlock form ul {position: relative; z-index: 1;}
.expertBlock form ul li {display:inline-block;}
.expertBlock form ul li .form-control {height:40px; border-radius:4px;}
.expertBlock form ul li .form-control:focus {border-color: var(--anchorColor);}
.expertBlock form ul li select.form-control {width:170px;}
.expertBlock form .button {margin-top:-3px; color: var(--whiteColor); height:38px; cursor:pointer; text-decoration:none; border:0; border-radius:3px;}
.newsPage .expertBlock form .button, .commonExamBottom .expertBlock form .button {padding: 7px 15px 8px;} 
.expertBlock form ul li.termsPolicy {display: block}
.pravacyText a {color: var(--anchorColor);text-decoration: none;}
.pravacyText {color: var(--textColor); padding-top:5px; font-size:13px;}
/*--------- common_footer_end------------*/

/* ----- Log-Modal Exam Page, News Detail Page and College Detail Page start ----- */  
.modal-body .pravacyText {margin-top:10px;}
.modal-body .form-control {background:var(--whiteColor);}
.subscribePopup #ajax_popup > p {padding-top:60px; text-align:center;}
.input-group-addon {display:table-cell; float:left; width:15%; color:#555; padding:6px 12px; font-size:14px; font-weight:400; height:38px; line-height:1.8; text-align:center; background:#eee; border-right:1px solid #ccc; border-radius:0px; border-top-right-radius:0; border-bottom-right-radius:0;}
#lead_form_modal .form li.error{text-align: center}
/* ----- Log-Modal Exam Page, News Detail Page and College Detail Page start ----- */

/* ----- FOLLOWUP FORM PAGE start ----- */
.mt-10 {margin-top:10px;}
.modal-body .pravacyText span {color:var(--anchorColor);}
.modal-body .skip {text-align: center;margin-top: 15px;} 
/* ----- FOLLOWUP FORM PAGE start ----- */

/*--------- common modal start------------*/
.common_modal, .followUpcourse {position:fixed; top:0; width:100%; height:100vh; background:rgba(0,0,0,.4); z-index:999;display: none;}
.common_modal .modal-content, .followUpcourse .modal-content {margin:0 auto; width:500px; max-width:94%; background-image: linear-gradient(to right, #FEE6C2 , #E2E1F2);position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.common_modal .modal-header, .followUpcourse .modal-header {padding:30px 0 0 0; position:relative;}
.common_modal .modal-header h4, .followUpcourse .modal-header h4 {margin:0;display: block;padding: 0;}
.common_modal .modal-header .close, .followUpcourse .modal-header .followClose {color:var(--whiteColor); top:0; right:10px; font-size:30px; border:0; background:none;}
.common_modal .modal-body, .followUpcourse .modal-body {padding: 15px 30px 30px 30px}
#common_moda_success_message {font-size: 15px;margin-bottom: 20px}
.btnCenter {text-align: center;}
.btnCenter>button {border: 1px solid var(--YellowColor);background: transparent;color: #000;margin-right: 5px;width: auto}
.btnCenter>button:hover {background: var(--YellowColor);}
.btnCenter a button {background: var(--YellowColor);color: #000;border: 1px solid var(--YellowColor);}
.btnCenter a button:hover {background: transparent ;border: 1px solid var(--YellowColor);}

/********** Post Question Start ***************/ 
.post-question .box {padding: 0 !important;background: var(--whiteColor) url("../../images/post-bg.91fb6b2bb1f5.png") no-repeat right;}   
.post-question .question {padding: 20px;}  
.form-icon {margin: 5px auto 5px;background: url("../../images/common-sprite.68d99d4f55d0.webp") no-repeat;}
.form-icon.share-ic {width: 70px;height: 54px;background-position: -7px -141px;}  
.form-icon.expert-ic {width: 66px;height: 58px;background-position: -101px -141px;} 
.form-icon.thank-ic{width: 57px;height: 61px;background-position: -192px -141px;}       
.post-question .question h3 {margin-bottom: 10px;margin-right: 18%;}.post-question .question ul{margin-bottom: 4px;}   
.post-question .question ul li {padding:0 0 8px 24px;position:relative;list-style: none;}   
.post-question .question ul li p {margin-bottom:2px;}.post-question .question ul li p span{font-weight:bold;color:#379e9d;}  
.post-question .question li:before {content:""; position:absolute; left:0; top:4px; width:18px; height:18px; background: url("../../images/common-sprite.68d99d4f55d0.webp") no-repeat -160px -10px;}   

.type-que {height:70px;} 
.cbx {margin: auto;-webkit-user-select: none;user-select: none;cursor: pointer;}
.cbx span {display: inline-block;vertical-align: middle;transform: translate3d(0, 0, 0);}
.cbx span:first-child {position: relative;width: 16px;height: 16px;border-radius: 3px;transform: scale(1);vertical-align: middle;border: 1px solid #9098A9;transition: all 0.2s ease;}
.cbx span:first-child svg {position: absolute;top: 2px;left: 1px;fill: none;stroke: var(--whiteColor);stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 14px;stroke-dashoffset: 16px;transition: all 0.3s ease;transition-delay: 0.1s;transform: translate3d(0, 0, 0);}
.cbx span:first-child:before {content: "";width: 100%;height: 100%;background: #348fd6;display: block;transform: scale(0);opacity: 1;border-radius: 50%;}

.cbx span:last-child {padding-left: 4px;font-size: 12px; }
.cbx:hover span:first-child {border-color: #348fd6;}
.inp-cbx:checked + .cbx span:first-child {background: var(--anchorColor);border-color: var(--anchorColor);animation: wave 0.4s ease;}
.inp-cbx:checked + .cbx span:first-child svg {stroke-dashoffset: 0;}
.inp-cbx:checked + .cbx span:first-child:before {transform: scale(3.5);opacity: 0;transition: all 0.6s ease;}
.text-center {text-align: center;} 
@keyframes wave {50% {transform: scale(0.9);}} 

/*------ Radio Button Css ------*/ 
.post-ques-form [type="radio"]:checked,  
.post-ques-form [type="radio"]:not(:checked) {position: absolute;left: -9999px;}  
.post-ques-form [type="radio"]:checked + label,
.post-ques-form [type="radio"]:not(:checked) + label {position: relative;padding: 0 8px 0 25px;cursor: pointer;line-height: 20px;display: inline-block;}
.post-ques-form [type="radio"]:checked + label:before,
.post-ques-form [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 1px; width: 18px;height: 18px;border: 2px solid #ddd; border-radius: 100%;background: var(--whiteColor);}
.post-ques-form [type="radio"]:checked + label:after,
.post-ques-form [type="radio"]:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: var(--anchorColor); position: absolute;top: 5px;left: 4px; border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.post-ques-form [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.post-ques-form [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} 
  
/*------ Radio Button Css ------*/
.post-ques-form .selectBox {position: relative;}
.post-ques-form select {-webkit-appearance:none;appearance: none}
.selectBox:before {transform: rotate(45deg);}
.post-ques-form .selectBox:after, .selectBox:before {content: "";width:1px;height:8px;background:var(--lightGrey);position: absolute;top: 15px;right: 17px;z-index: 5;}
.post-ques-form .selectBox:after{right: 22px;transform: rotate(-45deg);}
/********** Post Question End ***************/     

 
/********* FAQs Section Start **********/   
.FaqBlock {margin-bottom:20px;}         
.FaqBlock .box .accordion1 .content {display:none; padding:10px 15px !important; margin-bottom:10px; box-shadow:0 0 8px rgba(0, 0, 0, .1); border-radius:0;}
.FaqBlock .heading {margin:3px 0 0; padding:10px 30px 10px 18px; cursor:pointer; font-weight:600; border:1px solid #eaeaea; background:#f9f9f9; position:relative;color: var(--textColor);}
.FaqBlock .heading p {margin:0;}
.FaqBlock .active {position:relative; border-color:var(--whiteColor); border-bottom:0; background:var(--whiteColor); box-shadow:0 0 8px rgba(0, 0, 0, .1);}
.FaqBlock .content.active {display:block;}  
.FaqBlock .heading:after {position:absolute; content:''; margin:auto; width:6px; height:6px; background:rgba(0,0,0,0); border:2px solid #696969; border-right:none; border-top:none; top:16px; right:15px; transform:rotate(-45deg); box-sizing:content-box; transition:all .2s;}
.FaqBlock .active:after {top:20px; transform:rotate(-225deg);} 
.FaqBlock .viewAll.rightAlign {margin: 10px 0 5px 0px;text-decoration: none;z-index: 35;color: var(--anchorColor);text-align: center;display: block;text-transform: uppercase;font-weight: 700;}

/********* FAQs Section End **********/ 
/*--------- Add CollegeList Carousel Bottom Widget ----------*/
.newsCarousel .owl-carousel, .newsCarousel>.box {display: block;}
.newsCarousel>.box {padding: 15px 20px;position: relative;}
.newsCarousel>.box h2 {margin-top: 0;} 
.newsCarousel>.box>a {text-decoration: none;display: block;float: none;text-align: center;} 
.newsCarousel .collegeLogo {float: left;width: 70px !important;height: 70px!important;margin-right: 0 !important;padding: 2px;border: 1px solid #f1f1f1;background: var(--whiteColor);}
.newsCarousel .collegeLogo a img, .newsCarousel .collegeLogo img {width: 64px;height: 64px;}
.newsCarousel .title {width: calc(100% - 90px);float: right;min-height: 154px;height: auto;} 
.newsCarousel ul.info {padding: 6px 0;font-size: 12px;text-align: left;}
.newsCarousel ul.info li {display: inline-block;position: relative;color: var(--lightGrey);padding-right: 10px;}
.newsCarousel ul.downloadDetail {width: 100%;position: relative;margin-top: 10px;float: left;border-top:1px solid var(--boxBorderColor);padding-top:10px;}
.newsCarousel ul.downloadDetail>li {width: 49%;text-align: left;position: relative;display: inline-block;white-space: nowrap}
.newsCarousel ul.downloadDetail>li.brochure-icon:before{content: '';position: absolute;left: 0;top: 4px;width: 14px;height: 14px;background: url("../../images/college-listing-icons.8d3bb5644976.png") no-repeat;background-position: -6px -53px;}
.newsCarousel ul.downloadDetail>li.counselling-icon:before {background-position: -24px -53px;}   
.newsCarousel ul.downloadDetail>li>span {text-decoration: none;cursor: pointer;vertical-align: middle;margin-left: 5px; padding-left: 16px;}
.newsCarousel ul.downloadDetail li:last-child {text-align: right;}
.newsCarousel ul.downloadDetail .btn {background:transparent;border:1px solid var(--anchorColor);color:var(--anchorColor);}
.newsCarousel ul.downloadDetail .btn:hover {color:var(--whiteColor);background:var(--anchorColor);}
.newsCarousel ul.downloadDetail .btn:focus {border: 1px solid var(--anchorColor);outline: 0}
.newsCarousel .owl-carousel .owl-nav button {position: absolute;top: 50%;left: -22px;margin-top: -16px;width: 20px;height: 20px;outline: 0;opacity: 1;background:var(--whiteColor) url("../../images/detail-sprite.84eeca195959.webp") no-repeat -39px -3px  !important;border-radius: 50%;}
.newsCarousel .owl-carousel .owl-nav button.owl-next {left: auto;right: -20px;background-position: -55px -3px !important;}
.newsCarousel .owl-carousel .owl-nav button span,.commonCarousel .owl-carousel .owl-nav button span {display: none;}
.newsCarousel .owl-carousel .item {display: block;height: 100%;border-radius: 0;background: #fbfbfc !important;overflow: hidden ;}
/*--------- Add CollegeList Carousel Bottom Widget ----------*/  

.rating-per .text a {display: inline-block !important;font-weight: normal !important;font-size:13px !important;margin-right: 3px;    text-decoration: none!important;}
.rating-per .text {cursor: pointer;display: inline-block;font-size: 13px;text-decoration: none!important;}

/*---------------relatednews Block-------------*/
.relatedNews .box {display: inherit;}
.relatedBlock {border:1px solid var(--boxBorderColor);background: var(--whiteColor);min-height: 100%}
.relatedBlock .image a {display: block;}  
.relatedBlock .image, .relatedBlock .image a img {height: 130px;}  
.relatedBlock .info {padding:15px 10px;} 
.relatedNews .box {display: block;position: relative;}
.relatedNews .box h2 {margin-bottom: 10px;}
.relatedBlock .info h4 {margin-bottom:10px;} 
.relatedBlock .info h4 a {color: inherit;text-decoration: none;}
.relatedBlock .info .by a, .relatedBlock .info .by {text-decoration:none;margin-bottom: 5px;}
.relatedNews  .owl-carousel .owl-item .item {height: 100%}
.relatedNews .owl-carousel .owl-stage {display: flex;} 
.NewsArticleViewAll {display: table;height:100%;width: 100%;border: 1px solid var(--boxBorderColor);}     
.NewsArticleViewAll a {padding: 0;display: table-cell;vertical-align: middle;height: 100%;text-align: center;}
.NewsArticleViewAll .arrowbox {display: block;font-size: 20px;height: 60px;width: 60px;margin: 0 auto 4px;line-height: 80px;-webkit-border-radius: 50%;border-radius: 50%;background: var(--anchorColor);color: var(--whiteColor);}
.NewsArticleViewAll .arrowbox .icon-next {line-height: 76px;position: relative;}
.NewsArticleViewAll .icon-next:before {content: "";position: absolute;left: -10px;top: 20px;width: 20px;height: 20px;background: url("../../images/arrow-right.5add999bf666.png") no-repeat;}  
.NewsArticleViewAll .offerbox {color: rgba(36,39,44,.7);display: inline-block;vertical-align: 0;margin-right: 3px;} 
.relatedNews .owl-carousel, .topCollegeList .owl-carousel {padding:5px 20px;}
.relatedNews .owl-carousel .owl-stage-outer, .topCollegeList .owl-carousel .owl-stage-outer {padding:8px 0; overflow:hidden;}
.relatedNews .owl-carousel .owl-nav button, .topCollegeList .owl-carousel .owl-nav button {position:absolute; top:50%; left:-10px; margin-top:-16px; width:30px; height:30px; outline:none; opacity:1; background:url("../../images/detail-sprite.84eeca195959.webp") no-repeat -33px 0  !important;border:0;box-shadow: 0 0 10px rgba(0,0,0,.161);border-radius: 50%;}
.relatedNews .owl-carousel .owl-nav button.owl-next, .topCollegeList .owl-carousel .owl-nav button.owl-next {left:auto; right:-10px; background-position:-51px 0px !important;}
.relatedNews .owl-carousel .owl-nav button span, .topCollegeList .owl-carousel .owl-nav button span {display:none;}
.box.topCollegeList {display: inherit;}
.topCollegeList .owl-carousel .owl-item img {width: auto;}

.relatedNews .newsTabs {display: flex; margin-bottom: 20px; gap: 18px;}
.relatedNews .newsTabs button {padding: 10px 55px; cursor: pointer; background-color: var(--whiteColor); font-weight: 500; text-transform: uppercase; border: none; border-bottom: 2px solid var(--whiteColor);}
.relatedNews .newsTabs button.active {border-color: var(--YellowColor); font-weight: 700; color: var(--anchorColor);}
.relatedNews .news-tab-content {display: none;}
.relatedNews .news-tab-content.active {display: block;}


/*---------------relatednews Block-------------*/

/*----------------setExamAlert Start------------------*/ 
.examHeader .setAlert.setExamAlert p {display: block;font-weight: bold;color: var(--whiteColor);font-size: 12px;}
.examHeader .setAlert.setExamAlert p span {font-weight: normal;} 
.mobileBox h1 a {text-decoration: none;}
.mobileBox h1 a:hover {color:var(--darkColor);}
.expertBlock form ul li input[type="number"] {width: 176px;}
.examAlertbutton {width: auto;float: right;text-align: right;}
.examHeader .setAlert.setExamAlert {top:0;}
.setExamAlert button {padding:12px 23px 12px 16px;font-weight: 500;position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); align-items: center;line-height: 20px;background-color: var(--YellowColor);color: var(--textColor);}
.setExamAlert button:hover {background-color: var(--YellowColor);}
/* .setExamAlert button:before{content: '';position: absolute;top:0;height: 100%;width: 1px;background:rgba(255, 255, 255, 0.30);left:48px;}  */
.setExamAlert button span {padding-left:8px;font-weight: 700;}
.setExamAlert .icon {float: left;width: 20px;height: 22px;background: url("../../images/exam/exam-detail-icons.7fc9f1712132.webp") no-repeat  -522px -6px;margin-top: -2px;}
.subscribeBlock.setsubscribeBlock {padding-left: 7px ;padding-right: 8px;position: relative;}
.subscribeBlock .subscribe-img-block {position: absolute;top: 0;right: 8px;}
.subscribeBlock .subscribe-img-block img {width: 146px;height: 104px; }
.subscribeBlock.setsubscribeBlock .box {padding:15px 20px;}
.subscribeBlock.ts-calculator .box {background: var(--whiteColor) url("../../images/calculator.40a75c94b9a4.jpg") bottom right no-repeat;padding: 12px 20px !important;}   
.subscribeBlock.ts-calculator .box a:hover {color:var(--whiteColor);}  
.subscribeBlock.ts-calculator .box a {background: #379e9d;color:var(--whiteColor);font-weight:700;}   
.commonCtaAlert button, .setsubscribeBlock button, .setExpertBlock #new_footer_form input[type='submit'] {padding:9px 24px 9px 11px;font-weight: 500;position: relative;display: flex;align-items: center;color: var(--whiteColor);}
.setExpertBlock #new_footer_form input[type='submit'] {background-image: linear-gradient(90deg,var(--firstGradient),var(--secondGradient));}
.setExpertBlock #new_footer_form input[type='submit'] {width: auto;padding:9px 15px 9px 15px;box-shadow: none; line-height: 18px;background: var(--anchorColor)}
.commonCtaAlert button span, .setsubscribeBlock button span {padding-left:32px;font-weight: 700;} 
.commonCtaAlert button:before, .setsubscribeBlock button:before{content: '';position: absolute;top:0;height: 100%;width: 1px;background: rgba(255, 255, 255, 0.30);left:43px;}
.admtopmargin.setAlerttopmargin {background-image: linear-gradient(#2da0c4 , #349bd5, #3998dd);}
.admtopmargin.setAlerttopmargin .addmissionBlock a {background: var(--whiteColor);}
.icon-1{background: url("../../images/exam/exam-detail-icons.7fc9f1712132.webp") no-repeat  -553px -6px;}
/*----------------setExamAlert End------------------*/


/*--------------admission widget--------------------*/ 
.collegedetailsPage  .rightCol {padding: 0}
/*--------------admission widget---------------------*/

.chatbot-icon {width: 60px; height: 60px; padding: 5px;justify-content: center;display: flex;align-items: center;flex-direction: column; background: var(--anchorColor); right: 40px; bottom: 68px; position: fixed; border-radius: 50%; cursor: pointer; z-index: 30;box-shadow: 1px 1px 8px -1px #aaa;z-index: 99999}  
.chatbot-icon img {width: 28px;height: 28px;} 
/*--------------goto top--------------*/  

.whatsapp-outerdiv {width: 60px; height: 60px;right: 40px;bottom: 68px;z-index: 11;position: fixed;display: none;}
.whatsapp-icon {width: 60px; height: 60px; padding: 5px;justify-content: center;display: flex;align-items: center;flex-direction: column; background:var(--whatsAppBg); right: 40px; bottom: 68px; position: fixed; border-radius: 50%; cursor: pointer; z-index: 30;box-shadow: 1px 1px 8px -1px #aaa;z-index: 99999}
 #gtmCloseButtonWhatsapp {background-color: var(--whiteColor);border: 1px solid var(--lightBlueNewColor); cursor: pointer;position: absolute;top: -10px;left: -26px; width: 20px; height: 20px;border-radius: 100%;display: inline-flex;justify-content: center; align-items: center; line-height: 0;}
 #gtmCloseButtonWhatsapp img {width: 8px;height: 8px;}
  
/*--------------goto top--------------*/  

.scrollUpRound{visibility: hidden;opacity: 0;width: 60px;height: 60px;padding: 5px;background:var(--lightBlueBgColor);position: fixed;bottom:70px;right: 40px;border-radius: 50%;cursor: pointer;z-index:9;transition: 0.2s;box-shadow: 0 0 15px rgb(0 0 0 / 15%)}
.go-to-top a{color:var(--lightTextColor);text-decoration: none;font-weight:400;text-transform: uppercase;font-size: 12px;position: relative;top: -7px;font-weight: 700;  }
.scrollUpRound.active{bottom:68px;visibility: visible;opacity: 1;}
.go-to-top{width: 50px;height: 100%;text-align:center;background: var(--lightBlueBgColor);display: flex;border-radius: 50%;flex-direction: column;justify-content: center;  margin-top: 3px;}
.go-to-top .icon{width: 50px;height: 50px;display: flex;align-items: center;
    justify-content: center;position: relative;}

/*******loader or spinner *******/

/* Spinner inside button */
.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    vertical-align: middle;
    margin-right: 6px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


   /*********user Modal Css Start *********/
.userModal {display: none;}
#profile-logged-in {display: none;}
#profile-logged-out {display: none;}
   /*********user Modal Css End *********/

/********* Login/signup Account webview css start ********/
.userPopover {display:none; position: absolute;top:42px;right: -58px;width: 315px;border-radius: 8px;box-shadow: 2px 2px 10px 0 rgba(5, 0, 56, 0.20);}
/********* Login/signup Account webview css end ********/


@media screen and (min-width:1025px){
   /* --- NAVIGATION start --- */  
      nav > ul > li.first .img-container {display: none;}
  /* --- End --- */  
}
@media screen and (max-width:1024px){ 
    #signup_form {height: auto;overflow: initial;} 
  	
    header {box-shadow:0 0 8px rgba(0, 0, 0, .1);}
 
	.mobileHide{display:none;}  
	/* --- NAVIGATION start --- */	

/* Search Main */
  .query-here {position: fixed;bottom: 0;width: -webkit-fill-available;left: 0;text-align: center;}
  header .searchContent hr {margin: 0 -35px;opacity: 0.1;margin-top: 30px;}
  .searchContent {position: absolute;width: 100%;height: 100vh;background: rgba(255, 255, 255, 1);z-index: 9999;left: 0;top: 0;}
  .searchContent .autoHints {height: 500px;max-height: 100%;} 
  .searchContent .autoHints li a {width: calc(100% - 60px);}  
  #collegecards {height: auto;} 
}

@media screen and (min-width:991px){
    .commonForm .formContent {display:flex; flex-direction:row-reverse;}
}

@media screen and (max-width:768px){
    header {height: auto;}    
    #otpVerification1 img, #otpVerification2 img, #forgotPass img{margin-top: 25px;}    
    /* COMMON POPUP start */
    .commonForm .formContent {max-width:95%;}
    .formInputs {background:var(--whiteColor);min-height:400px;}
    /* COMMON POPUP end */

    /* --- NAVIGATION start --- */
    nav > ul > li > .more-links:after, nav > ul li > ul.first-level-data .more-links:after, nav ul ul.second-level li .heading:after {border: solid var(--anchorColor);
        border-width: 0 1px 1px 0;}
    /* --- NAVIGATION end --- */
    .mobileBox h1 {font-weight: bold}
        /*********user Modal Css Start *********/
    .userModal {float: right;position: relative;width: 28px;height: 28px;margin: 27px 10px 0 8px; display: block;}
    .userModal img { width:28px; height:28px}
        /*********user Modal Css End *********/

}

@media screen and (max-width:767px){
    .whatsapp-icon.call-icon{background:  var(--anchorColor);}
    .pulse{right: 16px;bottom: 68px;width: 60px;height: 60px;border-radius: 50%;}
    .pulse:before,.pulse:after{content: "";position: absolute;
        height: 100%;width: 100%;background-color:var(--anchorColor);border-radius: 50%;z-index: -1;opacity: 0.7;}
        .pulse::before{
            animation: pulse-animation  2s ease-out infinite;
        }
        .pulse::after{
            animation: pulse-animation  2s 1s ease-out infinite; 
        }
        @keyframes pulse-animation {
            100%{
                transform: scale(1.6);
                opacity: 0;
            }
        }  
    .whatsapp-icon, .scrollUpRound{right: 16px; z-index: 4;}
    .scrollUpRound{bottom: 136px;}
   
} 


@media screen and (max-width:640px) {
    table {background:var(--whiteColor);} 
    h2, .searchContent .head, .searchContent h5 {position:relative;}
    .searchContent h2:before {left:-20px;}
    .searchContent h5:before {width:3px;}
    /*----- export block ------*/
    .expertBlock form ul li {display:block; margin:10px 0;}
    .expertBlock form ul li select.form-control, .expertBlock form .button {width:100%;}
    .post-question .box {background-image: none;}
    .examHeader .setAlert.setExamAlert {padding-bottom: 0}
    .setExpertBlock #new_footer_form input[type='submit'] {margin-top:15px;}
    .expertBlock form ul li input[type="number"] {width: 100%;}
    .setExpertBlock img {display: none;} 
    .expertBlock .setExpertBlock {margin: 0}
    /*----------------chortcarousel---------------------*/
    /*----------------chortcarousel---------------------*/
   
    .relatedBlock .image, .relatedBlock .image a img {height: 165px;}  
    /*--------- Add CollegeList Carousel Bottom Widget ----------*/  
    .newsCarousel .owl-carousel .item{padding: 5px;}
  }


@media (max-width:575px){
    /* Common Form */
   .successMessage {padding:48% 26px 10px 26px;}
    /* Common Form */
    .setExamHeader {padding-bottom: 10px;}
    .mobileBox{padding:8px 8px 12px 8px;margin: 0px 0px 5px; }
    .commonCta.commonCtaAlert .box, .subscribeBlock.setsubscribeBlock .box {box-shadow: 0 0 10px rgba(0, 0, 0, .1)}
    .subscribeBlock.setsubscribeBlock .box {padding:10px;}
    .subscribeBlock .subscribe-img-block img {width: 141px;height: 94px;}
    .set_subscribe_block {width: 53%;}
    .subscribeBlock.ts-calculator .box {padding:12px !important;}   
    .ts-calculator-block {width: 100%;}
    
    /*------------goto top start-------------*/
    .go-to-top {border-radius: 50%;width: 50px;}
    .go-to-top .icon {margin:-2px auto 0px;width: 50px;}
    .go-to-top a {top: -4px;font-size: 11px;}
    .scrollUpRound.active{bottom:146px;visibility: visible;opacity: 1;}
    .whatsapp-outerdiv{display: block;}
     /*------------goto top end-------------*/
     .relatedNews .newsTabs {
        justify-content: center;
     }
}

@media screen and (max-width:480px){ 
    /* COMMON POPUP start */
    .formInputs {border-top-left-radius:4px; border-top-right-radius:4px; min-height:auto;}
    .formDesc {border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
    .successMessage {padding:4% 26px 10px 26px; margin-bottom:0;}
    .commonForm h3, .commonForm span {text-align: center;display: inherit;}
    /* COMMON POPUP end */ 
    /* --- CHATBOT start --- */
    body.overflow {overflow:hidden;}
    /* --- CHATBOT end --- */

   .pravacyText{text-align: center;}
   .expertBlock form ul li.display-center{margin-bottom: 0px;}

   /*----twitter_logo----*/
   .mobile-email .socials-top ul {overflow-y: hidden}
   .newsCarousel ul.downloadDetail>li{white-space: normal}

}
@media screen and (max-width:428px){ 
.subscribeBlock .subscribe-img-block img {height: 116px;}}
@media screen and (max-width:420px){ 
    header {height: auto;}     
	.logo {width:130px; margin-top:7px;}
    .user {margin-top:20px; height:42px;}
    .user ul {top:43px;}
    button.menu {height: 62px;width: 62px;margin-top: 2px;}  
    button.menu span {margin: 18px 12px;width: 28px;}
    button.menu span.icon-bar:nth-child(2) {width: 28px;} 
    h1 {margin-bottom:15px;}
   
    .commonCtaAlert button span, .setsubscribeBlock button span {padding-left:26px;}
    .commonCtaAlert button, .setsubscribeBlock button {padding:9px 20px 9px 11px;}
}

@media screen and (max-width:400px){
    /*--------- Add CollegeList Carousel Bottom Widget ----------*/  
    .newsCarousel ul.downloadDetail>li {width: 57%;}
    .newsCarousel ul.downloadDetail li:last-child {width: 42%;} 
    .newsCarousel .title {min-height: 100px;} 
    .newsCarousel ul.downloadDetail{display: flex}
     /*--------- Add CollegeList Carousel Bottom Widget ----------*/ 
     #lead_form_modal .formInputs {height: 100%;overflow-y: scroll;max-height: 700px;}
}