/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* { box-sizing: border-box; }
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, section, aside, nav, article, figure, address, audio, video { background: transparent; border: 0; margin: 0; padding: 0; outline: 0; list-style-type:none; }
html { min-height: 100%; position: relative; }
body { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #2a2a2a; font-weight: 400; text-decoration: none; background: #ffffff; overflow-x: hidden; background: #eaeaea; }
h1, h2, h3, h4, h5, h6 { color: #2a2a2a; margin-bottom: 15px; font-family: 'Open Sans', sans-serif; font-weight: 700; }
input, button { font-family: 'Open Sans', sans-serif; }
input[type="text"], input[type="password"], input[type="file"], input[type="date"],input[type="tel"],input[type="email"] { margin: 0px; padding: 0px; border: 1px solid #dcdcdc; background: #ffffff; font-size: 16px; color: #2a2a2a; padding: 9px 20px; font-family: 'Open Sans', sans-serif; -webkit-appearance: none; box-sizing: border-box; border-radius: 30px; box-shadow: 0 0 3px rgba(0,0,0,.1); }
select, textarea { margin: 0px; padding: 0px; border: 1px solid #dcdcdc; background: #ffffff; font-size: 16px; color: #2a2a2a; padding: 9px 20px; font-family: 'Open Sans', sans-serif; resize: none; box-sizing: border-box; border-radius: 30px; box-shadow: 0 0 3px rgba(0,0,0,.1); }
select { background-image: url(../images/select-img.png); background-repeat: no-repeat; background-position: right center; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
textarea { overflow-y: auto; overflow-x: hidden; border-radius: 8px; }
input[type="file"] { font-size: 13px; }
small { color: #666; font-size: 11px; }
.clear { clear: both; display: block; }
button:focus { outline: none; box-shadow: none; }
.relative { position: relative; }
:focus { outline: none; }
a:focus { outline: none; }
p { margin-bottom: 25px; line-height: 25px; }
img { border: none; outline: none; }
a { color: #2c4489; text-decoration: none; outline: none; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
button, input[type="button"], button:hover, input[type="button"]:hover {  transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
a:hover, a:focus { color: #2a2a2a; text-decoration: none; outline: none; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.common-section { padding: 70px 0; }
.bouncer {
     position: relative;
      animation: bounce 1s infinite ease-in-out;
	  display: inline-block
    }
@keyframes bounce {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-7px);
      }
}
/* Common CSS end here */

.container { max-width: 1280px; }
#header { display: block; }
#middle { display: block; }
#footer { display: block; background: url(../images/dott-bg.png) no-repeat bottom right; }
.navbar-collapse { flex-grow: 0; }
.navbar, .navbar>.container, .navbar>.container-fluid { display: block; }
.fixed-top { transition: all 0.5s ease 0s; -ms-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.header-sticky .fixed-top { position: fixed; width: 100%; background: #eaeaea; z-index:99; padding-bottom: 20px; }
.header-sticky .fixed-top .logo { padding-top: 5px; padding-bottom: 5px; }
.header-sticky .navbar-nav { margin-top: 10px; }
.logo { padding-top: 20px; padding-bottom: 20px; float: left; }
.header-sticky .header-search, .header-sticky .header-btn { margin-top: 10px; }
.navbar-nav { text-align: center; }
ul.navbar-nav li a { color: #2a2a2a; border-radius: 30px; padding: 0px !important; margin: 0 15px; font-size: 16px; }
ul.navbar-nav li a:hover, ul.navbar-nav li.active a { color: #2c4489; }
ul.navbar-nav li.active a { font-weight: 700; }
ul.navbar-nav li a.cmn-link:after { width: 0; left: 0; background: #ffcd29; }
ul.navbar-nav li a:hover.cmn-link:after, ul.navbar-nav li.active a.cmn-link:after{ content: ''; position: absolute; width: 100%; height: 3px; display: block; margin-top: 5px; left: 0; background: #ffcd29; transition: width .5s ease; -webkit-transition: width .5s ease; color: #2c4489; }
.navbar-expand-md .navbar-collapse { justify-content: center; }
.footer-slogan { position: relative; text-align: center; margin-bottom: 50px; z-index: -1; }
.footer-slogan span { font-size: 30px; font-weight: 700; text-transform: uppercase; padding: 0 20px; display: inline-block; background: #eaeaea; color: #2c4489; z-index: 9; position: relative; }
.footer-slogan:after { content: ''; background: #bbbbbb; height: 1px; position: absolute; top: 50%; left: 0; width: 100%; z-index: 8; }
.footer-logo { margin-bottom: 15px; }
.footer-logo img { width: 150px; }
h3.cmn-heading { font-size: 16px; font-weight: 700; }
ul.footer-link li { font-size: 14px; color: #2a2a2a; margin-bottom: 12px; }
ul.footer-link li a, .footer-address a { color: #2a2a2a; }
ul.footer-link li a:hover, .footer-address a:hover { color: #2c4489; }
.footer-address, .footer-address a { font-size: 14px; }
.footer-address i { width: 24px; float: left; margin-right: 10px; margin-bottom: 20px; }
.footer-copyright { border-top: 1px solid #d2d2d2; padding: 30px 0; font-size: 13px; color: #848484; }
.social-icon { text-align: right; }
.footersocial-sprites { background: url(../images/footer-social-icon.png) no-repeat 0 0; }
.social-icon a { display: inline-block; vertical-align: top;  margin-left: 20px; }
.fb-icon { width: 12px; height: 27px;  background-position: 0 0;  }
.tw-icon { width: 24px; height: 27px; background-position: -31px 0;  }
.in-icon { width: 22px; height: 27px; background-position: -72px 0;  }
.inst-icon { width: 25px; height: 27px; background-position: -109px 0;  }
.whatapp-icon { width: 23px; height: 27px; background-position: -151px 0;  }
.addvalue-rewards-img img { width: 100%; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,.2); }
.addvalue-desc { background: #fff; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,.2); width: 450px; margin-right: 40px; top: -80px; float: right; position: relative; padding: 25px; }
.box-left-link { width: 80%; float: left; }
.box-left-link a { font-size: 16px; font-weight: 600; }
.box-right-arr { width: 20%; float: right; text-align: right; }
.addvalue-desc h3 { font-size: 26px; color: #2c4489; margin-bottom: 18px; }
.addvalue-desc p { font-size: 14px; }
.addvalue-blk { min-height: 135px; }
.addvalue-rewards-section { background: url(../images/dott-bg.png) no-repeat left center;  }
a.cmn-link { position: relative; color: #2c4489; font-weight: 600; display: inline-block; }
a.cmn-link:hover { color: #2c4489; }
a.cmn-link:after{ content: ''; position: absolute; width: 100%; height: 3px; display: block; margin-top: 5px; left: 0; background: #ffcd29; transition: width .5s ease; -webkit-transition: width .5s ease; }
a.cmn-link:hover:after{ width: 0; left: 0; background: #ffcd29; }
.inspiresomeone-section { background: url(../images/section-bg3.png) no-repeat center; min-height: 688px; }
h1.cmn-heading { font-size: 32px; color: #2c4489; margin-bottom: 40px; text-align: center; font-weight: 700; }
h1.cmn-heading a { font-weight: 700; }
h1.cmn-heading span { text-transform: uppercase; }
h1.cmn-heading strong { font-size: 14px; font-weight: 600; display: block; color: #2a2a2a; margin-bottom: 10px; text-transform: uppercase; }
h1.cmn-heading em { width: 4px; height: 20px; background: #ffcd29; display: inline-block; vertical-align: top; margin-right: 10px; }
h2.cmn-heading { font-size: 32px; color: #2c4489; margin-bottom: 40px; text-align: center; font-weight: 700; }
h2.cmn-heading a { font-weight: 700; }
h2.cmn-heading span { text-transform: uppercase; }
h2.cmn-heading strong { font-size: 14px; font-weight: 600; display: block; color: #2a2a2a; margin-bottom: 10px; text-transform: uppercase; }
h2.cmn-heading em { width: 4px; height: 20px; background: #ffcd29; display: inline-block; vertical-align: top; margin-right: 10px; }
.inspiresomeone-section h2.cmn-heading { text-align: left; margin-bottom: 20px; }
.inspire-video { position: relative; }
.inspire-video img { width: 100%; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,.2);  }
.inspire-text { font-size: 22px; margin-top: 20px;  }
.play-icon img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; width: auto !important; z-index: 9; box-shadow: none; cursor: pointer; }
.inspire-small-video { position: relative; }
.inspire-small-video img {  border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,.2); z-index: 9; position: relative; max-width: 100%;}
.inspire-small-video:before { content:''; background: #ffcd29; border-radius: 8px; position: absolute; top: 20px; left: -20px; width: 80%; height: 100%; z-index: 8; }
.inspire-small-second { margin-top: 200px; }
.inspire-small-second:before { top: -20px; right: 0px; left: auto; }
.events-schedules-section { background: url(../images/section-bg2.png) no-repeat top center; min-height: 622px; }
.events-cnt img { width: 100%; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,.2);  }
.events-schedules-section .addvalue-desc { width: 85%; margin: auto; float: none; }
.events-cnt { margin-top: 70px; }
.event-blk-area { float: right; }
.event-first { width: 265px; float: left; margin-right: 30px; }
.event-second { width: 265px; float: left; }
.event-blk1 { background: url(../images/event-blk1-bg.png) no-repeat 0 0; min-height: 263px; margin-bottom: 30px; border-radius: 8px; color: #fff; padding: 25px; background-size: cover;}
.event-blk2 { background: url(../images/event-blk2-bg.png) no-repeat 0 0; min-height: 263px; border-radius: 8px; color: #fff;  padding: 25px; background-size: cover;}
.event-blk3 { background: url(../images/event-blk3-bg.png) no-repeat 0 0; min-height: 263px; margin-top: 150px; border-radius: 8px;  color: #fff; padding: 25px; background-size: cover;}
h3.event-hd { font-size: 24px; color: #fff; margin-bottom: 20px; text-transform: uppercase; }
h3.event-hd a { color: #fff; }
ul.event-list-area { margin-left: 20px; }
ul.event-list-area li { list-style-type: disc; font-size: 14px; margin-bottom: 15px; }
ul.event-list-area li:last-child { margin-bottom: 0; }
.features-section { background: url(../images/dott-bg.png) no-repeat left top; }
.slider-bg1 { background: url(../images/slider-bg1.png) no-repeat left top; height: 283px; border-radius: 8px; }
.slider-bg2 { background: url(../images/slider-bg2.png) no-repeat left top; height: 283px; border-radius: 8px; }
.slider-bg3 { background: url(../images/slider-bg3.png) no-repeat left top; height: 283px; border-radius: 8px; }
.slider-arr { text-align: right; width: 160px; clear: both; width: 100%; margin-right: 15px; }
.slider-arr img { width: auto !important; display: inline-block !important; margin-right: 15px; }
.slider-txt { font-size: 30px; font-weight: 700; color: #fff; margin-right: 15px; width: 160px; float: right; margin-top: 40px; line-height: 34px; min-height: 200px;}
.counseling-section { background: url(../images/dott-bg.png) no-repeat right top; }
.blue-txt { font-size: 22px; font-weight: 700; color: #2c4489; }
.counseling-img { position: relative; }
.counseling-img img { max-width: 100%; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,.2);  position: relative; z-index: 9;}
.counseling-img:before { content:''; background: #ffcd29; border-radius: 8px; position: absolute; top: 20px; left: -20px; width: 80%; height: 100%; z-index: 8; }
.counseling-txt { width: 70px; display: inline-block;  }
.bookhub-section { background: url(../images/section-bg1.png) no-repeat center; min-height: 563px;  }
.white-trans-bg { background: rgba(255,255,255,.5); border-radius: 15px; padding: 30px; box-shadow: 0 0 15px rgba(0,0,0,.2); min-height: 600px; }
.bookhub-img { width: 100%; border-radius: 8px; }
.freeship { color: #d9510e;  }
.freeship span { color: #2c4489; font-size: 20px; font-weight: 700; display: block; }
.freeship em { font-size: 32px; font-style: normal; }
.free-tool-cnt { max-width: 400px; margin: auto; }
.freetool-left { width: 92px; float: left; margin-right: 30px; }
.freetool-right { width: calc(100% - 122px); float: left; font-size: 20px; }
.freetool-right a { font-size: 28px; font-weight: 700; }
.freetool-right a.cmn-link:after { margin-top: 0; }
.freetool-right span { margin-top: 10px; display: block; }
.free-tool-cnt { margin-top: 50px; }
.free-tool-cnt ul li { margin-bottom: 50px; }
.free-tool-cnt ul li:last-child { margin-bottom: 0px; }
.header-search { width: 50%; float: left; text-align: right; margin-top: 18px; }
.header-btn { float: right; text-align: right; margin-top: 20px; font-weight: 700; }
.header-btn a { margin-left: 10px; font-weight: 700; }
.header-btn a.cmn-link:after { width: 0; left: 0; background: #ffcd29; margin-top: 0; }
.header-btn a:hover.cmn-link:after, .header-btn a.active a.cmn-link:after{ content: ''; position: absolute; width: 100%; height: 3px; display: block; margin-top: 0px; left: 0; background: #ffcd29; transition: width .5s ease; -webkit-transition: width .5s ease; color: #2c4489; }
.header-searchbar { position: relative; width: 350px; margin-right: 70px; display: inline-block; }
.header-searchbar input { width: 100%; }
.cmn-btn-outline { border: 1px solid #ffcd29; height: 40px; line-height: 38px; padding: 0 25px; display: inline-block; border-radius: 30px; font-weight: 700; text-align: center; }
.cmn-btn-outline:hover { background: #ffcd29; }
.search-icon { position: absolute; top: 8px; right: 15px; }

/* Collegebol Predictor CSS */
.disclaimer-text { margin-bottom: 30px; color: #666; margin-bottom: 50px;}
.disclaimer-text span { font-weight: 700; display: block;margin-bottom: 10px;
    text-transform: uppercase;}
h2.cmn-inner-hd { text-align: left; font-size: 20px; font-weight: 700; margin-bottom: 30px; }
.form-row { margin-bottom: 20px; margin-left: 0; margin-right: 0;  }
.form-label { width: 40%; float: left; line-height: 35px; }
.form-cnt-area { width: 60%; float: left;  position: relative; }
.form-cnt-area select, .form-cnt-area input[type="text"], .form-cnt-area input[type="password"], .form-cnt-area input[type="tel"],.form-cnt-area input[type="email"], .form-cnt-area input[type="number"] .form-cnt-area textarea, .form-cnt-area input[type="range"], .form-cnt-area input[type="file"], .form-cnt-area input[type="date"], textarea { width: 100%; }
.cmn-btn { position: relative; border: 1px solid #ffcd29; background: #ffcd29; height: 40px; line-height: 38px; padding: 0 25px; display: inline-block; border-radius: 30px; font-weight: 700; cursor: pointer; color: #2c4489; text-align: center; }
.cmn-btn:hover { background: #2c4489; border-color: #2c4489; color: #fff; }

.cmn-btn-dark { border: 1px solid #2c4489; background: #2c4489; height: 40px; line-height: 38px; padding: 0 25px; display: inline-block; border-radius: 30px; font-weight: 700; cursor: pointer; color: #fff; }
.cmn-btn-dark:hover { background: #ffcd29; border-color: #ffcd29; color: #2c4489; }

.predictor-img-txt { position: absolute; bottom: 20px; left: 20px; z-index: 10; color: #fff; }
.predictor-img-txt h3 { font-size: 36px; font-weight: 700; color: #fff; }
.predictor-img-txt h3 span { display: block; text-transform: uppercase; }
.predictor-img-txt p { font-size: 20px; margin-bottom: 15px; }

/* Collegebol Predictor Output CSS */
.predictor-filter-box { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.predictor-search { position: relative;  font-size: 20px; font-weight: 700; color: #2c4489;}
.predictor-search input { width: 100%;   }
.predictor-filter-box .form-row select { width: 100%; }
.predict-list-l { width: 40%; float: left; font-size: 20px; font-weight: 700; color: #2c4489; position: relative; }
.predict-list-l input    { width : 100%; }
.predict-list-l .search-icon { top : 5px; }
.predict-list-r { width: 40%; float: right; text-align: right; }
.predict-list-cnt  { margin-top: 30px; }
.predict-btns a { margin-left: 10px;  }
.score-search input { width: 150px; }
ul.predict-listing-cnt li { background: #ffffff; border-radius: 15px; padding: 20px; box-shadow: 0 0 15px rgba(0,0,0,.2); margin-bottom: 20px; position: relative; }
.college-logo { width: 150px; float: left; padding-top: 5px; }
.college-logo img { max-width: 100px; }
.college-info { width: 60%; float: left; padding-top: 10px; }
.college-info p { margin-bottom: 0; }
.college-info h3 { font-size: 20px; color: #2c4489; margin-bottom: 10px; }
.collegearea-btn { width: 20%; float: right; text-align: right; }
.collegearea-btn a { display: inline-block; margin: 7px 0; text-align: center; min-width: 150px; }
.reivew-txt { color: #999999; font-size: 13px; }
.pagination { justify-content: center; margin-top: 40px; margin-bottom: 40px; }
.page-count { display: inline-block; vertical-align: middle; margin-right: 25px; line-height: 30px; font-weight: 700; }
.paging { display: inline-block; vertical-align: middle; }
.paging a { border: 1px solid #ccc; border-radius: 8px; width: 34px; height: 30px; line-height: 28px; display: inline-block; vertical-align: middle; text-align: center; margin: 0 2px; color: #686868; }
.paging a:hover, .paging a.active { color: #2c4489; border: 1px solid #2c4489; }
a.prev-btn { width: auto; padding: 0 10px; background: #ffffff; border: none; color: #2c4489; }
a.prev-btn:hover { border: none; background: #2c4489; color: #fff; }
a.next-btn { width: auto; padding: 0 10px; background: #ffffff; border: none; color: #2c4489; }
a.next-btn:hover { border: none; background: #2c4489; color: #fff; }
.filters { display: none; }
.score-search { margin-left: 10px; }
.selected-college-list { margin: 25px 0 15px 0;}
.selected-college-list strong{  font-size: 12px;  color: #999; text-transform: uppercase; margin-bottom:10px; display:block;  }
.selected-college-area span { background: #ccc;   height: 35px; display:inline-block;  border-radius:30px;
line-height:35px; padding:0 20px;font-size: 15px; }
.selected-college-area span a { margin-left: 5px; }

/* Collegebol Comparator Detail  CSS */
.college-comparator-table tr td { padding: 10px; }
.border-wholebox { border: 1px solid #ccc; background: #fff; }
.college-comparator-table tr.evenrow td { background: #f3f3f3; }
.star-cnt { margin-right: 5px; }
.star-cnt i { margin-right:3px; color: #666;}
.star-cnt i.active { color: #F90; }

/* Collegebol Evaluator Detail Detail  CSS */
.college-evaluator-cnt { display: block;}
.college-evaluator-l { width: 50%; float: left;  font-size: 20px; font-weight: 700; color: #2c4489; }
.college-evaluator-r { width: 50%; float: right; text-align: right;  }
.your-chance-cnt { border: 5px solid #cccccc; background: #2c4489; color: #fff; border-radius: 50%; padding: 10px; width: 200px; height: 200px; margin: auto; text-align: center; font-size: 25px; padding-top: 30px; font-weight: 600; line-height: 25px; }
.your-chance-cnt span { display: block; font-size: 70px; line-height: 55px; font-weight:700;color: #ffcd29; margin-top: 10px; }
.your-chance-cnt span small { font-size: 30px; color: #ffcd29; }
.evaluator-selection { display: block; margin-bottom: 20px; }
.evaluator-selection span { width: 24%; display: inline-block; vertical-align: top; margin-right: 3px; }
.evaluator-selection span select { width: 100%; }
.suggetion-section { padding: 30px 0 0; }
.collegebol-predictor-section { background: url(../images/dott-bg.png) no-repeat right top; }
.alumni-img { overflow: hidden; position: relative; }
.alumni-img img { width: 100% }
.alumni-desc { padding: 20px;  }
.alumni-desc h3 { font-size: 22px; font-weight: 700; margin-bottom: 5px; }
.alumni-box { background: #ffffff; border-radius: 15px; box-shadow: 0 0 15px rgba(0,0,0,.2); overflow: hidden; }
.zoom {
  transform: scale(1);  transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;
}
.zoom:hover {
  transform: scale(1.1);
}
.collegebol-admission-tools .inspire-video { max-width: 600px; margin: auto;  }
.arc-bg {  background: url(../images/arc-bg.png) no-repeat top 70px center; padding-top: 200px; }
.admission-service-img {position: relative;   }
.admission-service-img img { width: 100%; border-radius: 6px; }
.admission-service-img:before { content:''; background: #ffcd29; border-radius: 8px; position: absolute; top: 20px; left: -20px; width: 80%; height: 100%; z-index: -1; }
.admission-tool-round { text-align: center; width: 100px; height: 100px; }
.admission-tool-round span { background: #fff; border: 1px solid #ffc107; border-radius: 50%; font-size: 40px; display: block; line-height: 100px; text-align: center; box-shadow: 0 0 15px rgba(0,0,0,.2); margin-bottom: 10px; color: #2c4489; cursor: pointer; }
.admission-tool-round:hover span { background: #ffc107; }
.admission-tool-round em { font-style: normal; }
.round-one { position: absolute; bottom: 30px; left: -175px; }
.round-two { position: absolute; top: -180px; left: 0; right: 0; margin: auto; }
.round-three { position: absolute; bottom: 30px; right: -175px; }
.admission-round-dott { background: #ffcd29; border-radius: 50%; width: 20px; height: 20px; }
.dott-pos1 { position: absolute; top: -70px; left: 56px; }
.dott-pos2 { position: absolute; top: 100px; left: -94px; }
.dott-pos3 { position: absolute; top: -70px; right: 53px; }
.dott-pos4 { position: absolute; top: 100px; right: -96px; }
.letstart-link { font-size: 18px; font-weight: 600; }
.comparator-filter-area { margin-bottom: 30px; text-align: center; }
.college-comparator-list { margin-bottom: 30px; }
.comparator-filter-area span { display: inline-block; margin-right: 4px; vertical-align: top; }
.comparator-filter-area select { width: 215px; }
.adbanner-placeholder { background: #cccccc; text-align: center; margin: 30px 0; font-size: 22px; }
.adbanner-placeholder-full-width { background: #cccccc; text-align: center; margin: 30px 0; font-size: 22px; width: 100%;}
.suggested-choice { float: right; margin-top: 25px; }
.export-pdf { text-align: right; }
.static-btn, .static-btn:hover { cursor:auto; color: #fff; background: #2c4489; border-color: #2c4489; }
.percentage { width: 70px; height: 70px; line-height: 70px; border: 2px solid #2c4489; text-align: center; border-radius: 50%; display: block; float: right; margin-right: 40px;  margin-bottom:10px; color: #2c4489; font-size:24px; font-weight: 700; cursor: pointer; }
.percentage:hover { background: #ffcd29; }
.percentage small { font-size: 16px; color: #2c4489; font-weight: 600; }


.custom-checkbox {
 position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
 -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 6px;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
  border-radius: 6px;
  border: 1px solid #bbb;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
  background-color: #2c4489;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bigfont-para { font-size: 22px; }

.letstart-link { background: #ffcd29 !important; text-align: center;}
.letstart-link a:hover { color: #000; }

.nav-item { position: relative; }
.nav-item:hover .main-dropdown { display: block; }
.main-dropdown { position: absolute; top: 100%; left: 0; z-index: 10; display: none; padding-top: 5px;  }
.main-menu { background: #fff; height: 48px; padding: 0 15px; line-height: 48px; border-radius: 30px; box-shadow: 0 0 15px rgba(0,0,0,.2); white-space: nowrap; color: #ccc;   }
.main-menu a { margin: 0 3px !important; }
.dropdown-arr-img { text-align: left; margin-left: 50px; display: block; line-height: normal;  }
.dropdown-arr-img img { margin-bottom: -5px; }
.main-menu ul li { display: inline-block; position: relative; }
.sub-dropdown { position: absolute; top: 100%; left: 0; z-index: 10; display: none;  }
.sub-menu { background: #fff; height: 48px; padding: 0 15px; line-height: 48px; border-radius: 30px; box-shadow: 0 0 15px rgba(0,0,0,.2); white-space: nowrap; color: #ccc; }
.main-menu ul li:hover .sub-dropdown  { display: block; }
.evaluator-circle { position: absolute; top: -40px; left: 0; }


.card { background: none; border: none; border-bottom: 1px solid #ccc;
    margin-bottom: 20px; }
.card-body { padding: 0; }
.card-header { padding: 0; background: none; border: none; cursor: pointer; }
.card-header h5 { font-size: 16px;
    font-weight: 700; position: relative;}
.card-header h5 div:after { content: '+'; position: absolute; top: -10px; right: 0; font-size: 32px; font-weight: 600; }
.card-header h5 div[aria-expanded="true"]:after { content: '---'; letter-spacing: -7px; top: -15px; right: 7px;  }
.card-body .form-row select { width: 100%; }


/* Login Page CSS */
.login-cnt {  padding: 50px; }
.signup-cnt {background: #ffffff;
    border-radius: 15px;
    padding: 50px;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%); margin-bottom: 50px; }
.login-heading { margin-bottom: 60px; }
.login-heading h2 { font-size: 28px; font-weight: 700; color: #303030; }
.login-heading h2 span { display: block; font-size: 16px; margin-top: 10px; color: #616161; font-weight: 400; }
.login-heading h2 img { float: left; margin-right: 25px;}
.login-cnt .cmn-btn, .signup-cnt .cmn-btn { min-width: 120px; }
.register-cnt-area { font-size: 16px; }
.login-heading h2 img { margin-bottom: 10px; }

/* Register Page CSS */
.register-step-cnt { margin-bottom: 50px; max-width: 1000px; margin: auto; }
.register-steps-area { margin-bottom: 50px; text-align: center; }
.register-steps-form { margin-bottom: 50px; background: #ffffff;
    border-radius: 15px;
    padding: 30px 50px;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%); }
.register-steps-area ul li { width: 24%; list-style-type: none; display: inline-block; vertical-align: middle; position: relative; }
.register-steps-area ul li span { background: #E7E7E7; width: 55px; height: 55px; display: inline-block; border-radius: 50%; border: 3px solid #FFCD29; text-align: center; line-height: 47px; font-size: 25px; font-weight: 600; color: #979797; position: relative;
    z-index: 2; }
.register-steps-area ul li.active span { border-color: #2C4489; color: #2C4489; }
.register-steps-area ul li:after { content: ''; position: absolute;top: 26px;
    right: -98px;
    width: 80%;
    z-index: 0;
    background: #FFCD29;
    height: 4px; }
.register-steps-area ul li:last-child:after { display: none; }
h2.cmn-blk-hd { font-size: 20px; color: #303030; font-weight: 700; margin-bottom: 30px; }

.register-steps-area ul li.completed span { border-color: #2C4489; background: #2C4489; color: #fff; }
.register-steps-area ul li.completed:after { background: #2C4489; }


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


.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
}


.custom-radio:hover input ~ .checkmark {
  background-color: #e4e4e4;
}


.custom-radio input:checked ~ .checkmark {
  background-color: #fff;
  border-color: #2C4489;
}

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

.custom-radio input:checked ~ .checkmark:after {
  display: block;
}

.custom-radio .checkmark:after {
 	top: 5px;
	left: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #2C4489;
}

.register-steps-form .custom-radio { margin-right: 50px; }
.regiseter-mobile-otp { max-width: 420px; margin: auto; text-align: center; }
.blue-txt-small { color: #2C4489; }
.regiseter-mobile-otp input[type="text"] { max-width: 200px; font-size: 20px; font-weight: 600; text-align: center;  }
.complete-profile-frm h3 { font-size: 18px; color: #2C4489; margin-bottom:20px; }
.complete-profile-frm h3 img { margin-right: 10px; }
.complete-profile-blk { padding-right: 50px; position: relative; z-index: 8; }
.complete-profile-blk:before { content:''; background: #ffcd29; border-radius: 8px; position: absolute; bottom: -10px; left: -10px; width: 50%; height: 50%; z-index: -1; }
.complete-profile-blk img { width: 100%; border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,.3); }
.register-step-cnt .cmn-btn { min-width: 120px; }
.frm-btn-l { width: 50%; float: left; }
.frm-btn-r { width: 50%; float: right; text-align: right; }
ul.register-step-details li { margin-bottom: 20px; }
ul.register-step-details li em { font-style: normal; font-weight: 700; color: #2c4489; }
.register-form-btn { margin-top: 20px; }


/* Login Social */
.social-login { margin: 50px 0; }
.social-or-line { position: relative; margin-bottom: 70px; border-top: 1px solid #FFCC2A; }
.social-or-line span { position: absolute; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; color: #fff; font-weight: 700; left: 0; right: 0; top: -25px; margin: auto; display: block; background: #2C448A; font-size: 20px; z-index: 2; }
.social-btn { text-align: center; margin-bottom: 50px; }
.social-btn span { margin: 0 15px; }
.social-btn span:hover { opacity: .9; }


/* College Details CSS */
.college-detail-banner { background: #f6f6f6; }
#college-detail-slide .owl-dots { position: absolute; bottom: 50px; left: 0; right: 0; margin: auto; }
.owl-theme .owl-dots .owl-dot span { margin: 5px; background: #FFCD29; border: 1px solid #FFCD29; margin-bottom: 2px; }
.owl-theme .owl-dots .owl-dot.active span { width: 13px; height: 13px; background: #fff; border: 1px solid #FFCD29; margin-bottom: 1px; }
.college-detail-left { width: 65%; float: left; margin-top: -60px; position: relative; z-index: 1; }
.college-detail-right { width: 35%; float: right; margin-top: -90px; position: relative; z-index: 1; }
.collegebol-detail-section .college-logo { width: 150px; float: left; background: #fff; border: 5px solid #FFCD29; padding: 30px; text-align: center;  }
.college-logo img { max-width: 100%; }
.college-detail { width: calc(100% - 150px); float: left; padding-left: 30px; }
.college-rating { margin: 15px 0 30px 0; }
.college-rating i { margin-right: 5px; font-size: 26px; color: #DCDCDB; }
.college-rating i.active { color: #FFCD29; }
.collegename h1 { font-size: 22px; font-weight: 700; color: #2C4489; margin-bottom: 15px; }
.college-btns a { margin-right: 5px; }
.follow-share-cnt { text-align: right; }
h2.college-detail-hd { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 12px;  }
.college-reviewers-l { width: 70%; float: left; }
.college-reviewers-r { width: 30%; float: right; text-align: center; }
.college-reviewers-r a { display: block; color: #FFCD29; }
.college-reviewers-r a:hover { color: #2a2a2a; }
.college-reviewer-list a { margin-right: 8px; }
.college-reviewer-list img { width: 45px; height: 45px; border-radius: 50%; border: 1px solid #FFCD29;  }
.college-reviewer-list a:hover img { border-color: #fff; }
.follow-share-cnt { margin-top: 30px; }
.follow-share-cnt a { display: inline-block; vertical-align: top; margin-left: 10px; }
.follow-share-cnt a:hover span { background: #FFCD29; }
.follow-share-cnt span { background: #fff; border: 1px solid #FFCD29; border-radius: 50%; display: block; width: 55px; height: 55px; text-align: center; margin-bottom: 5px; }
.follow-share-cnt span img { margin-top: 12px; }
.follow-share-cnt a em { font-style: normal; text-transform: uppercase; font-size: 12px; text-align: center; display: block; margin-top: 7px; }
.college-highlights { margin: 40px 0; background: #fff; height: 48px;  }
.college-highlights span { height: 48px; line-height: 48px; background: #2C4489; font-size: 15px; font-weight: 700; padding: 0 10px; text-align: center; color: #fff; display: inline-block; vertical-align: middle; width: 120px; margin-right: 30px; position: relative; }
.college-highlights span:after { content: '';   width: 0; height: 0;  border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left: 20px solid #2C4489; position: absolute; right: -20px; top: 0; }
.content-boxarea { background: #ffffff; border-radius: 15px; padding: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 20%); position: relative; }
.campus-interview-program, .other-college-list { margin: 50px 0; }
h2.innerarea-hd { font-size: 17px; font-weight: 700; margin-bottom: 20px; color: #000;  }
.section-divider { border-bottom: 1px solid #C3C3C3; margin-bottom: 25px; padding-bottom: 25px; position: relative; }
ul.section-cmn-list li { margin-bottom: 15px; position: relative; padding-left: 20px; }
ul.section-cmn-list li:before { content: '';   width: 6px; height: 6px; background: #FFCD29; border-radius: 50%; display: block; position: absolute; top: 8px; left: 0; }
ul.section-cmn-list li a { color: #303030; }
ul.section-cmn-list li a:hover { color: #2c4489; }
ul.section-cmn-list li:last-child { margin-bottom: 0px; }
.google-map { display: block; margin-bottom: 20px; }
.google-map img { width: 100%; }
.flip { transform: rotate(90deg); }
.write-review-btn { text-align: center; }
.write-review-btn a { min-width: 100px; margin: 0 5px; }
.noborder { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
ul.gotoreview-list li { padding: 15px; font-size:14px; }
ul.gotoreview-list li:hover, ul.gotoreview-list li.active { background: #FEF4D1 !important;}
ul.gotoreview-list li:nth-of-type(even) { background: #ECECEC; }
ul.gotoreview-list li h3 { font-size: 15px; font-weight: 700; color: #485D99; margin-bottom: 7px;  }
.collegebol-fb { margin-bottom: 15px; }
.collegebol-fb img { width: 100%; }
ul.student-list li { margin-bottom: 10px; }
ul.student-list li:last-child { margin-bottom: 0; }
.viewall { position: absolute !important; top: 0; right: 0;}
.student-img { width: 45px; float: left; }
.student-name { width: calc(100% - 45px); padding-left: 10px; padding-top: 10px; float: left; }
ul.tag-list li { display: inline-block; vertical-align: top; }
ul.tag-list li a { border: 1px solid #D8D8D8; border-radius: 4px; padding: 5px 7px; display: inline-block; margin: 3px; color: #303030; font-size: 13px; }
ul.tag-list li a:hover, ul.tag-list li.active a { background: #485D99; color: #fff; border-color: #FFCD29; }
.college-symbol { float: left; margin-right: 5px; }
.similar-college ul li { font-size: 14px; }
.company-logo { position: relative; text-align: center; }
.company-logo img { max-width: 100%; width: auto !important; margin: auto; }
.company-logo:after { content: '';   width: 25px; height: 2px; background: #FFCD29; display: block; position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; }
.company-name { font-size: 17px; font-weight: 700; text-align: center; margin-top: 25px; }
.other-college-cnt { background: #ffffff; border-radius: 15px; padding: 30px 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 20%); margin: 10px; }
.other-college-logo { margin-bottom: 10px; }
.other-college-logo img { max-width: 100%; height: 70px; width: auto !important; margin: auto; }
.other-college-rate { text-align: center; margin-bottom: 30px; }
.other-college-rate span { width: 55px; height: 25px; background: #FFCD29; border-radius: 30px; display: inline-block; font-weight: 700; color: #2C4489; text-align: center; }
.other-college-name { text-align: center; margin-bottom: 20px; }
.other-college-name span { margin-bottom: 20px; display: block; font-size: 12px; }
.top-courses .viewall { top: 20px; right: 20px;  }
ul.top-courses-list li { margin-bottom: 12px; }
ul.top-courses-list li:last-child { margin-bottom: 0px; }
ul.top-courses-list li span { float: left; margin-right: 10px; width: 55px; height: 25px; background: #FFCD29; border-radius: 30px; display: inline-block; font-weight: 700; color: #2C4489; text-align: center; }
.gray-norate { background: #C5C5C5 !important; }
.performance-graph { text-align: center; }
.performance-graph img { max-width: 100% }
.rating-cnt { display: block; }
.rating-number { width: 70px; height: 70px; text-align: center; line-height: 70px; color: #2C4489; border: 2px solid #2C4489; border-radius: 50%; font-weight: 700; font-size: 30px; float: left;  }
.rating-overall { width: calc(100% - 70px); float: left; padding-left: 20px; color: #266F12; padding-top: 10px; }
.rating-overall h3 { font-size: 20px; margin-bottom: 5px; color: #2C4489; font-weight: 700; }
.rating-overall h3 span { font-weight: normal; color: #303030; font-size: 16px; }
.rating-slide { margin-top: 20px; }
ul.rating-slide-list li { margin-bottom: 30px; }
ul.rating-slide-list li:last-child { margin-bottom: 0px; }
.rate-slide-l { width: 50%; float: left; font-size: 14px; margin-bottom: 10px; }
.rate-slide-r { width: 50%; float: right; text-align: right; font-size: 14px; margin-bottom: 10px; }
.rate-slide-area { clear: both; position: relative; background: #DFDFDF; height: 5px; border-radius: 30px; }
.rate-slide-area span { background: #ffcd29; height: 5px; border-radius: 30px; display: block; position: relative;}
.rate-slide-area span em { position: absolute; right: 0; top: -4px; width: 12px; height: 12px; display: block; border-radius: 50%; background: #ffcd29;   }
.college-event-img { position: relative; margin: 10px; }
#college-events.owl-theme .owl-dots .owl-dot.active span { background: #2C4489; }
.college-event-img img { border-radius: 15px; }
.college-event-hover { display: none; position: absolute; bottom: 0px; left: 0; font-size: 17px; color: #fff; font-weight: 600; width: 100%; padding: 40px 10px 20px; border-radius: 0 0 15px 15px; background-image: linear-gradient(to bottom, rgba(44,68,137,0), rgba(44,68,137,1)); line-height: 22px;  }
.college-event-img:hover .college-event-hover { display: block; }
.alumni-slide-desc { background: #e4e4e4; font-size: 14px; border-radius: 10px; padding: 10px; margin-top: 15px; }
.alumni-slide-img { text-align: center; margin-bottom: 5px; }
.alumni-slide-img img { width: auto !important; max-width: 100%; border-radius: 50%; margin: auto; }
.alumni-name { text-align: center; font-size: 14px; font-weight: 600;  }
.item.active .alumni-slide-img img  { border:  2px solid #2C4489; }
.item.active .alumni-name { color: #2C4489; }
.filter-review { width: 60%; float: left; padding-right: 20px; }
.filter-review h3, .filter-sortby h3 { font-size: 16px; font-weight: 700; color: #2C4489; margin-bottom: 10px; }
.filter-sortby { width: 40%; float: right; }
ul.sortby-list li { margin-bottom: 5px; font-size: 14px; }
ul.sortby-list li:last-child { margin-bottom: 0px; }
.filter-review-l { width: 50%; float: left; padding-right: 10px; }
.loadmore-btn { margin-top: 20px; text-align: center; }
.review-list-l { width: calc(100% - 70px); float: left; padding-right: 20px; }
.review-list-r { width: 70px; float: left; margin-bottom: 30px; }
.review-list-r em { display: block; padding-top: 5px; clear: both; text-align: center; font-size: 12px; font-style: normal; }
.review-list-desc { clear: both; border-top: 1px solid #e4e4e4; padding-top: 20px; }
.review-list-l h3 { font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #2C4489; }
.review-user-img { width: 45px; float: left; }
.review-user-desc { width: calc(100% - 45px); float: left; padding-left: 20px; }
.review-list-details { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 20px 0; margin-bottom: 15px; }


/* New Homepage CSS */
.homepage-update .tutor-teaser-desc { display: block; margin-top: 25px;  }
.homepage-update .tutor-teaser-desc p:last-child { margin-bottom: 0; }
.homepage-update .counseling-img .play-icon img { position: absolute; top: 50%; transform: translateY(-50%); left: -40px; right: 0; margin: auto; width: auto !important; z-index: 10; box-shadow: none; }
a { cursor: pointer; }
.homepage-update .slider-txt { line-height: 25px; width: 180px; }
.homepage-update .slider-txt a { color: #fff; border-bottom: 3px solid #ffcd29; padding-bottom: 3px; }
.homepage-update .slider-txt span { font-size: 15px; font-weight: 500; display: block; margin-top: 30px; }
.homepage-update ul.event-list-area li a { color: #fff; }
.homepage-update ul.event-list-area li a:hover { color: #ffcd29; }
.homepage-update ul.cmn-list { margin-bottom: 25px; }
.homepage-update ul.cmn-list li { margin-bottom: 5px; position: relative; padding-left: 20px; }
.homepage-update ul.cmn-list li:last-child { margin-bottom: 0; }
.homepage-update ul.cmn-list li:before { width: 7px; height: 7px; display: block; content: ''; background: #ffcd29; border-radius: 50%; position: absolute; top: 9px; left: 0; }
.homepage-update .white-trans-bg { min-height: 710px; }
.admission-tool-txt {  text-align: center; font-size: 20px; max-width: 1000px; margin: auto; }
.admission-tool-txt p { line-height: 35px; }
.homepage-update .inspiresomeone-video .white-trans-bg { min-height: inherit; }
.homepage-update .inspiresomeone-video .white-trans-bg p:last-child { margin-bottom: 0; }
h3.heading-inn { font-size: 20px; margin-bottom: 10px; color: #2c4489; }

.flat-offer { line-height: 25px; margin-top: 20px; }
.flat-offer span { font-weight: 700; color: #2c4489; margin-right: 5px; text-transform: uppercase; }
.hd-small-fonts { font-size: 18px; display: block; margin-top: 5px; }

.homepage-update video { width: 100%; position: relative; z-index: 9; border-radius: 6px; background: #2b1d4d; }
.homepage-update .events-cnt video { height: 350px; position: inherit; }

/* About Us page CSS */
.collegebol-aboutus-section { padding-bottom: 0 !important; }
.college-about-banner { display: flex; align-items: center; justify-content: center; position: relative; background: url(../images/aboutus-banner-bg.png) no-repeat center bottom; height: 600px; background-size: cover;   }
.college-about-banner h1 { color: #fff; text-shadow: 0 0 5px rgba(0,0,0,.3); z-index: 2; }
.college-about-banner h1 span { display: block; font-size: 22px; margin-top: 10px; font-weight: 400; text-transform: none; }
.banner-overlay { background: rgba(0,0,0,.7); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; }
.sub-heading { font-size: 22px; display: block; }
.aboutus-desc { max-width: 800px; margin: auto; }
.collegebol-aboutusslider-section .owl-theme .owl-dots .owl-dot span { background: #999; opacity: 1; border-color: #999; }
.collegebol-aboutusslider-section .owl-theme .owl-dots .owl-dot.active span { background: #2c4489; }
.meet-team-cnt { text-align: center; }
.nav-tabs { border-bottom: none; text-align: center; display: block; margin-bottom: 50px; }
.nav-tabs li { display: inline-block; font-size: 18px; font-weight: 700; margin: 0 15px; }
.nav-tabs li a { padding-bottom: 5px; }
.nav-tabs li a.active { border-bottom: 2px solid #ffcd29;  color: #2c4489; }
ul.team-listing li { width: 33%; float: left; padding-right: 20px; margin-bottom: 40px; }
.team-img { width: 120px; float: left;}
.team-img img { width: 100%; border-radius: 50%; border: 2px solid #ffcd29; }
.team-detail { width: calc(100% - 120px); float: left; padding-left: 15px; }
.team-detail h3 { font-weight: 700; color: #2c4489; font-size: 18px; margin-bottom: 10px; }
.team-detail h3 span { display: block; font-size: 14px; color: #999; font-weight: 400; margin-top: 5px; }
.member-desc { font-size: 14px; margin-bottom: 20px; }
.team-social { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.team-social  img { margin-right: 7px; }
.current-position { font-style: italic; color: #666; font-size: 12px; }
.collegebol-videotestimonial-section { background: #fff; }
.aboutus-bottom-img img { width: 100%; }
.about-connection-inner { max-width: 550px; margin: auto; padding-top: 30px; }
.about-connection-bg { background: url(../images/about-connect-bg.png) no-repeat center top; min-height: 273px;  }
.about-video-cnt { margin-left: -15px; }
.about-video-cnt video { width: 100%; height: 320px; }
.about-video-desc { max-width: 500px; padding-right: 30px;  }
.about-quote { padding-top: 50px; }
.about-quote img { width: 50px; margin-left: 50px; }
.about-quote-txt { font-style: italic; text-align: center; font-size: 20px; max-width: 400px; margin: auto; margin-top: 30px; }
.about-quote-txt span { display: block; color: #2c4489; font-style: normal; font-weight: 600; font-size: 16px; margin-top: 20px; }


/* New Added CSS on 07/01/2022 */
.admission-slide img { border-radius: 6px;  }
.news-update-slide { margin-top: 35px;}
.desktoponly { display: block !important; }
.mobileonly { display: none !important; }

/* New Added CSS on 16/09/2025 */
.cmn-btn-grey { border: 1px solid #C7C7C7; background: #C7C7C7; height: 40px; line-height: 38px; padding: 0 25px; display: inline-block; border-radius: 30px; font-weight: 700; cursor: pointer; color: #464646; }
.cmn-btn-grey:hover { background: #fff; border-color: #bbbbbb; }
.university-picture { margin: auto; margin-bottom: 30px; position: relative; width: 128px; height: 128px;  border-radius: 50%; background: #2C4489; border: 6px solid #E5E5E5; }
.university-picture img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.university-picture span { background: #FFCD29; border-radius: 50%; position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; border: 3px solid #E5E5E5; width: 34px; height: 34px; }
.university-picture span img { width: auto; object-fit: inherit; height: auto; border-radius: 0; }
.form-row-full .form-label { width: 20%; }
.form-row-full .form-cnt-area { width: calc(100% - 20%); }
.form-row-full .form-cnt-area textarea { height: 300px; }
.university-list-hdarea { margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; }
.university-list-hd h1.cmn-heading { margin-bottom: 0; }
.university-list-btns { display: flex; gap: 10px; }
.cmn-btn span, .cmn-btn-outline span { margin-right: 10px; font-size: 22px;  }
.listing-btns .cmn-btn, .listing-btns .cmn-btn-outline { display: flex; align-items: center; }
.listing-btns { display: flex; gap: 7px; }
.listing-search { width: 250px; position: relative; }
.listing-search input { width: 100%; padding-right: 40px; }
.listing-search a { position: absolute; top: 8px; right: 15px; }
table.table-listing tr th { font-weight: 700; color: #000; border-bottom: 1px solid #BBBBBB; padding: 15px 5px; }
table.table-listing tr td { padding: 15px 5px; border-bottom: 1px solid #DCDCDC; }
table.table-listing tbody tr:last-child td { border-bottom: none; }
table.table-listing tbody tr:nth-child(even) td { background: #F5F5F5; }
.paginationarea { display: flex; align-items: center; justify-content: space-between; margin: 20px 0; }
table.table-listing tbody tr:hover td { background: #FFFAEA; }
.pagination { margin-top: 0; }
.page-item.active .page-link { background-color: #2c4489;
    border-color: #2c4489; }
	.page-link {color: #2c4489;}
	.page-link:hover { background: #ffcd29; color: #2c4489; }
	.popup-overlay { background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; display: flex; align-items: center; justify-content: center;}
	.popup-main { width: 500px; background: #fff; border-radius: 16px; padding: 20px 30px 30px;  }
	.close-icon { text-align: right; margin-bottom: 10px; }
	.popup-delete { margin-bottom: 20px; }
	.popup-delte-hd { margin-bottom: 10px; text-align: center; font-size: 22px; font-weight: 700; }
	.popup-delte-desc { margin-bottom: 30px; text-align: center; }
	.form-error-msg { position: absolute; top: 100%; left: 20px; background: #FFE9E9; border: 1px solid #FFBFBF; color: #9E0B0B; padding: 5px 10px; border-radius: 8px; z-index: 9; font-size: 13px; margin-top: 10px; }
	.error-arr { position: absolute; top: -14px; left: 10px; }
	::file-selector-button {
  border: none;
  padding: 5px 10px;
  border-radius: 30px;
  background-color: #FFCD29;
  color: #2C4489;
  font-weight: 700;
}
.form-cnt-area input[type="file"] { padding-left: 10px; padding-right: 10px;  }
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  background-color: rgba(0,0,0,.7);
  overflow-x: hidden;
  transition: 0.5s;
display: flex; align-itmes: flex-start; justify-content: flex-end;
}

.filter-cnt { padding: 20px 10px 20px 20px; width: 300px; background: #fff; border-radius: 25px 0 0 25px; }
.filtersidebar-area { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.filtersidebar-hd { font-size: 22px; font-weight: 700; color: #51659E; }
.filter-area-row { margin-bottom: 12px; }
.filter-label { margin-bottom: 7px; }
.filter-formarea input[type="text"], .filter-formarea input[type="date"], .filter-formarea select { width: 100%; }
.filter-content-part { height: calc(100vh - 160px); overflow: hidden; overflow-y: auto; margin-bottom: 20px; padding-right: 10px; }
.filter-col { display: flex; align-items: center; justify-content: space-between; }
.filter-col-txt { padding: 0 10px; }

.search-input-area {
    width: 85%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

input.search-college-input {
    background: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ffcd29;
    padding-left: 0 !important;
    padding-right: 0 !important;
	width: 100%;
}

.search-input-arrow {
    width: 15%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}
.search-input-arrow a {
    margin: 0 2px;
    font-size: 26px;
}

.search-input-width {
	width: 40%;
}

ul.college-ad-list li { list-style-type: none; margin-bottom: 20px; position: relative; }
ul.college-ad-list li img { width: 100%; }
ul.college-ad-list li:last-child { margin-bottom: 0; }
.college-ad-name { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.8); padding: 7px 10px; color: #ffffff; font-weight: 600;}
.college-ad-logo { position: absolute; top: 0; right: 10px; background: #ffffff; border-radius: 0 0 10px 10px; box-shadow: 0 2px 5px rgba(0,0,0,.4); padding: 8px; }
ul.college-listing li { list-style-type: none; background: #ffffff;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
    position: relative;
	display: flex; align-items: flex-start; justify-content: flex-start;
	flex-wrap: wrap;
	}
.college-list-logo { width: 100px; margin-right: 20px; position: relative; }
.college-list-logo img { width: 100%; }
.college-list-details { width: calc(100% - 120px); }
.collegename-hd { font-size: 20px; font-weight: 700; margin-right: 10px; }
.toprated-img { position: absolute; top: -6px; right: -6px; }
.shortlisted-btns { width: 100%; display: block; margin-top: 20px; display: flex; align-items:center; justify-content: space-between; }
.college-value-fees { display: flex; align-items:center; justify-content: space-between; margin-top: 10px; }
.college-value-logos a { margin-right: 15px; }
.college-fees { text-transform: uppercase; text-align: center; font-weight: 600; border: 2px solid #2C4489; border-radius: 15px; padding: 10px; }
.college-fees span { display: block; font-size: 30px; font-weight: 700; color: #2C4489; line-height: 30px; }
.shortlisted-students { display: flex; align-items:center; justify-content: flex-start; }
.student-img {  display: flex; align-items:center; justify-content: flex-start; position: relative; z-index: 2; }
.student-img img { margin-left: -8px; width: 30px; }
.shortlisted-area { background: #E2E9FD; border-radius: 40px; padding: 3px 15px 3px 50px; position: relative; z-index: 1; font-size: 14px; }
.shortlisted-btn {  display: flex; align-items:center; justify-content: flex-start; gap: 15px; }
.quick-access-icon { display: flex; align-items:center; justify-content: flex-start; gap: 10px; }
.quick-access-icon img { width: 20px; }
.quick-access-icon a:hover { opacity: .8; }
.quick-access-btn { display: flex; align-items:center; justify-content: flex-start; gap: 5px; }
.quick-access-btn a { height: 32px; line-height: 30px; padding: 0 12px; font-size: 14px; }
.popup-hd {  display: flex; align-items:flex-start; justify-content: space-between; margin-bottom: 15px; }
.disclaimer-txt { border-top: 1px solid #CFCFCF; padding-top: 20px; margin-top: 20px;  display: flex; align-items:center; justify-content: flex-start;  gap: 15px; }
.read-disclaimer { text-align: center; margin-top: 10px; }
.read-disclaimer a { color: #EAB508;  text-transform: uppercase; font-size: 14px; }
.read-disclaimer a:hover { color: #000000; }

/* College List V1 */
.college-listing-area-new .shortlisted-area { font-size: 12px; }
.college-listing-area-new .quick-access-icon img { width: auto; }
.college-listing-area-new .content-boxarea { padding: 0; background: none; box-shadow: none; }
.college-listing-area-new .college-fees { padding: 3px 10px; }
.college-listing-area-new .college-fees span { font-size: 24px; line-height: 24px; }
.college-listing-area-new ul.college-ad-list li { border-radius: 15px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.3); height: 150px; }
.college-listing-area-new ul.college-ad-list li img { height: 100%; object-fit: cover; object-position: center; }
.college-listing-area-new .college-ad-logo { right: 0; padding: 10px; }
.college-listing-area-new ul.college-listing li { padding: 0; }
.college-listing-area-new .college-list-details { padding: 20px; }
.college-listing-area-new .college-list-logo { margin-right: 0; width: 190px; }
.college-listing-area-new .college-list-logo img { height: 220px; object-fit: cover; object-position: center; border-radius: 15px 0 0 15px; }
.college-listing-area-new .college-list-details { width: calc(100% - 190px); }
.college-listing-area-new .shortlisted-area { padding-right: 10px; }
.college-listing-area-new .college-listarea-logo { position: absolute; top: 0; left: 0; background: #ffffff; border-radius: 15px 0 15px 15px; box-shadow: 0 2px 5px rgba(0,0,0,.4); padding: 5px; }
.college-listing-area-new .college-listarea-logo img { width: 45px; height: auto !important; }

/* College List V2 */
.college-listing-area-new1 .course-btn { display: none; }
.college-listing-area-new1 .content-boxarea { position: sticky; top: 120px; }
.college-listing-area-new1 .college-list-logo { width: 250px; }
.college-listing-area-new1 .college-list-details { width: calc(100% - 250px); }
.college-listing-area-new1 .college-listarea-logo { padding: 6px; }
.moretext { display: none; text-align: center;}
.moreless-button { font-weight: 700; color: #2c4489 !important; }
.heading-para p { margin-bottom: 10px; }

/* Header updated CSS */
.header-new .navbar { padding: 0; }
.header-new .header-areaone { border-bottom: 1px solid #D8D8D8; padding: 15px 0; }
.header-new .header-areatwo { padding: 15px 0; }
.header-new .header-logo-search, .header-new .header-location-nav { display: flex; align-items: center; justify-content: space-between;  }
.header-new.header-sticky .fixed-top { box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.header-logoarea { display: flex; align-items: flex-start; justify-content: flex-start; gap: 12px;}
.header-humburger { background: #ffffff; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px #CECECE; box-shadow: 0 0 8px rgba(0, 0, 0, .1); }
.header-humburger:hover { background: #2c4489; }
.header-humburger:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(31%) hue-rotate(56deg) brightness(105%) contrast(110%); }
.header-searcharea { display: flex; align-items: flex-start; justify-content: flex-start; gap: 12px; }
.header-searchpart { position: relative; }
.header-searchpart input { width: 390px; }
.header-suggested a { position: relative; background: #E6ECFF; color: #000000; border-radius: 30px;  height: 42px; padding: 0 15px; display: flex;align-items: center; justify-content: center; border: 1px solid #FFCD29;  }
.header-suggested a:hover { background: #fff; color: #2C4489; }
.header-suggested a span { position: absolute; top: -15px; left: 0; right: 0; margin: auto; width: 105px; height: 24px; padding: 0 5px; background: #FFCD29; display: flex;align-items: center; justify-content: center; border-radius: 6px; font-size: 10px; color: #000; text-transform: uppercase; gap: 5px; }
.header-userarea { display: flex; align-items: flex-start; justify-content: flex-start; gap: 12px; }
.lang-area { border: 1px solid #FFCD29; border-radius: 30px;  display: flex; align-items: center; justify-content: center; gap: 7px; height: 42px; padding: 0 28px 0 10px; cursor: pointer; color: #2C4489; font-weight: 600; text-transform: uppercase; background: url(../images/select-img.png) no-repeat right center; }
.lang-area:hover, .noti-area:hover { background-color: #FFCD29; }
.lang-area em { font-style: normal; }
.noti-area {  border: 1px solid #FFCD29; border-radius: 30px;  display: flex; align-items: center; justify-content: center; height: 42px; width: 42px; cursor: pointer; position: relative; }
.noti-area em { font-style: normal; position: absolute; top: -3px; right: -5px; width: 18px; height: 18px; background: #fff; border: 1px solid #FFCD29; border-radius: 50%; font-size: 10px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; }
.signin-area { background: #2C4489; border-radius: 30px;  display: flex; align-items: center; justify-content: center; gap: 7px; width: 42px; height: 42px; color: #ffffff; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #FFCD29; }
.signin-area:hover { background: #FFCD29; }
.signin-area img { width: 27px; margin-bottom: -10px; }
.header-locationsearch { width: 230px; position: relative; }
.header-locationsearch input { background-image: url(../images/location-icon.png); background-repeat: no-repeat; background-position: center left 15px; padding-left: 40px !important; width: 100%; }
.header-quicklink ul { display: flex; align-items: center; justify-content: flex-start; gap: 15px; }
.header-quicklink ul li { list-style-type: none; position: relative; display: flex; align-items: center; }
.header-quicklink ul li span { margin-right: 6px; }
.header-quicklink ul li em { font-style: normal; position: absolute; top: -17px; right: 12px; font-size: 10px; text-transform: uppercase; color: #fff; background: #F16803; border-radius: 6px; width: 60px; height: 18px; display: flex; align-items: center; justify-content: center; }
.header-quicklink ul li a { color: #2A2A2A; font-weight: 600; }
.header-quicklink ul li a:hover { color: #2C4489; text-decoration: underline; }
.header-quicklink ul li a.download-app-btn {  background: #FFF8E2; border: 2px solid #FFCD29; border-radius: 30px;  display: flex; align-items: center; justify-content: center; height: 42px; padding: 0 10px; color: #2C4489; text-decoration: none;}
.header-quicklink ul li a.download-app-btn:hover { background: #fff; border-color: #2C4489; }
.header-quicklink ul li a.download-app-btn span img { width: 20px; }
.header-quicklink ul li a.download-app-btn b { font-weight: normal; }
.forgot-pass { margin-top: 20px; }
.signup-account { border-top: 1px solid #CFCFCF; padding-top: 20px; margin-top: 20px; line-height: 28px; }
.popup-big { width: 1000px; }
.signup-formarea ul li {  display: flex; align-items: center; justify-content: space-between; }
.signup-formarea ul li .form-row { width: 49%; }
.clicktoggle-box { position: absolute; top: 100%; right: 0; margin-top: 15px; background: #fff; border-radius: 12px; z-index: 9; width: 100%; box-shadow: 0 0 8px rgba(0,0,0,.15); border: 1px solid #e4e4e4; }
.header-lang-blk, .header-noti-blk, .header-user-blk { position: relative;  }
.lang-drop { width: 120px; }
.lang-drop ul li a { padding: 5px 10px; display: block; font-size: 14px; color: #2A2A2A; }
.lang-drop ul li:first-child a { border-radius: 12px 12px 0 0; }
.lang-drop ul li:last-child a { border-radius: 0 0 12px 12px; }
.lang-drop ul li a:hover { background: #EDF1FF; }
.toggle-drop-arr { position: absolute; top: -17px; right: 15px; }
.noti-drop { width: 350px; }
.noti-blk-area { padding: 12px; }
.noti-blk-hd { font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; color: #2C4489; }
ul.notification-list li { display: flex; align-items: center; justify-content: flex-start; gap: 10px; border-bottom: 1px solid #D1D1D1; padding: 10px;  }
ul.notification-list li:hover { background: #EDF1FF; border-radius: 6px; border-bottom: 1px solid transparent; }
ul.notification-list li:last-child { border-bottom: none; }
.noti-img { width: 40px; }
.noti-arr { width: 20px; }
.noti-text { width: calc(100% - 60px); color: #525252; font-size: 14px; }
.noti-text a { display: block; font-weight: 600; color: #000000;  font-size: 14px;}
.noti-text a:hover { color: #2C4489; }
.search-drop { margin-top: 2px; padding: 10px; }
.search-blk-hd-clear { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;  }
.search-blk-hd-clear .noti-blk-hd { margin-bottom: 0px; }
.clearall a { font-size: 11px; text-transform: uppercase; color: #aaa; }
.clearall a:hover { color: #2C4489; }
.search-fav {  display: flex; align-items: flex-start; justify-content: flex-start; gap: 10px; margin-bottom: 15px; }
.search-listout-txt span { display: block; color: #aaa; font-size: 14px; }
.search-listout-txt a { color: #000000; }
.search-listout-txt a:hover { color: #2C4489; }
.search-blk-area, .noti-blk-area { max-height: 500px; overflow: hidden; overflow-y: auto; }
.location-drop { width: 300px; left: 0; margin-top: 2px; }
.location-search-info { padding: 10px; }
.sidenav-left { height: 100%; width: 0; position: fixed; z-index: 100; top: 0; left: 0; background-color: #ecf1ff; overflow-x: hidden; transition: 0.3s; padding-top: 55px; color: #303030; box-shadow: 8px 0px 10px rgba(0, 0, 0, .1); border-radius: 0 20px 20px 0; }
.sidenav-left .closebtn { position: absolute; top: 20px; right: 20px; font-size: 36px; margin-left: 50px; background: #ffffff; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px #CECECE; box-shadow: 0 0 8px rgba(0, 0, 0, .1);}
.sidebar-header-part { display: flex; align-items: center; justify-content: space-between; width: 94%; margin: auto; }
.sidebar-links { width: 94%; margin: auto; max-height: calc(100vh - 90px); overflow: auto; padding-right: 5px; }
.sidebar-links::-webkit-scrollbar-track {
 border-radius: 10px;
 }

.sidebar-links::-webkit-scrollbar {
  width: 6px;
 }

.sidebar-links::-webkit-scrollbar-thumb {
  border-radius: 10px;
 background-color: #ccc;
}
.sidebar-links-area { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.sidebar-links-area:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; }
.sidebar-links-area ul { display: flex; flex-direction: column; gap: 10px; }
.sidebar-links-area ul li a { padding: 8px 15px; color: #303030; display: block; }
.sidebar-links-area ul li a:hover { background: #fff; border-radius: 30px; }
.sidebar-links-area ul li a span { margin-right: 10px; }
.sidebar-links-area ul li a span img { filter: brightness(0) saturate(100%) invert(14%) sepia(13%) saturate(27%) hue-rotate(12deg) brightness(95%) contrast(85%); }
.sidebar-hd { margin-bottom: 10px; font-size: 18px; font-weight: 700; }
.subscription-cnt { display: flex; align-items: center; justify-content: flex-start; gap: 10px; }
.userlink-blk { padding: 12px;  }
.user-info { display: flex; align-items: flex-start; justify-content: flex-start; gap: 10px; }
.user-img { width: 50px; height: 50px; border-radius: 50%; background: #2C4489; font-size: 22px; font-weight: 600;  display: flex; align-items: center; justify-content: center; color: #fff; }
.user-img img { width: 50px; height: 50px; border-radius: 50%; }
.userinfo-name { font-weight: 700; color: #2C4489; }
.userinfo-email-profile { display: flex; align-items: center; justify-content: space-between;  }
.username-details { width: calc(100% - 50px); }
.userinfo-profile a { color: #FFCD29; }
.userinfo-profile a:hover { color: #2C4489; }
.userlink-blkarea { border-top: 1px solid #e4e4e4; padding-top: 10px; margin-top: 10px; }
.userlink-blkarea ul { display: flex; flex-direction: column; gap: 5px; }
.userlink-blkarea ul li.submenu a { background-image:url(../images/next-arr.png); background-repeat: no-repeat; background-position: right 10px center; }
.userlink-blkarea ul li a { padding: 7px 15px; color: #303030; display: block; }
.userlink-blkarea ul li a:hover { background-color: #EDF1FF; border-radius: 30px; }
.userlink-blkarea ul li a span { margin-right: 10px; }
.user-sub-hd { font-weight: 700; }
.user-sub-hd span { margin-right: 10px; }
.user-sub-hd span img { width: 20px; }
.link-dropdown-menu { width: 1250px; margin: auto; background: #fff; position: absolute; top: 100%; margin-top: 10px; left: 0; }
.menu-large {
  position: static !important;
}
.megamenu {
  padding: 20px;
  width: 1250px;
  margin: auto;
  background: #fff; border-radius: 12px; box-shadow: 0 0 8px rgba(0,0,0,.15); border: 1px solid #e4e4e4;
  left: 0;
  right:0;
}

.menu-lft-area { width: 240px; display: inline-block; margin-right: 20px; background: #EEF2FF; border-radius: 10px; padding: 15px; vertical-align: top; }
.menu-rgt-area { width: calc(100% - 270px); display: inline-block; vertical-align: top; }

.tab-content {
  display: none1;

}

.tab-content.active {
  display: block;
}

.tab-button {
  border: none;
  cursor: pointer;

}

.tab-button.active {
  color: #2C4489 !important;
}

.tab-button.active:before {
	content: '';
	background: url(../images/tab-active-arr.png) no-repeat 0 0;
	width: 12px;
	height: 16px;
	position: absolute;
	    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}

.menu-lft-area ul li { width: 100%; border-bottom: 1px solid #D7D7D7; padding: 10px 0; position: relative; }
.menu-lft-area ul li:last-child { border-bottom: none; }
.menu-lft-area ul li a { display: block; margin: 0 !important; font-weight: 600 !important; color: #000 !important; }
.menu-lft-area ul li a:hover { color: #2C4489 !important; }
.menu-detail-list { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;  }
.menu-detail-cnt { width: 25%; }
.menu-detail-hd { font-weight: 600; color: #000; margin-bottom: 10px; }
.menu-detail-cnt ul { display: flex; flex-direction: column; gap: 10px; }
.menu-detail-cnt ul li a {  margin: 0 !important; font-weight: 400 !important; color: #303030 !important; }
.menu-detail-cnt ul li a:hover { color: #2C4489 !important; }
.floating-area { position: fixed; bottom: 20px; right: 20px; border: 8px solid #2C4489; border-radius: 26px; z-index: 11; }
.floating-img img { width: 100%;  border-radius: 18px;}
.floating-close { position: absolute; top: -20px; right: -15px; width: 36px; height: 36px; background: #FFCD29; border: 2px solid #2C4489;  display: flex; align-items: center; justify-content: center; border-radius: 50%;  }
.header-searchpart-mobile { display: none; }

@keyframes vertical-shaking {
  0% { transform: translateY(0) }
  25% { transform: translateY(2px) }
  50% { transform: translateY(-2px) }
  75% { transform: translateY(2px) }
  100% { transform: translateY(0) }
}
.vertical-shake {
  animation: vertical-shaking 2s infinite;
}

@keyframes jump-shaking {
  0% { transform: translateX(0) rotate(0)}
  35% { transform: translateY(0) rotate(0)}
  85% { transform: translateY(0) rotate(0) }
  89% { transform: translateY(-2px) rotate(-17deg) }
  93% { transform: translateY(-3px) rotate(17deg) }
  98% { transform: translateY(-4px) rotate(-17deg) }
  100% { transform: translateY(0) rotate(0) }
}

.rise-shake {
  animation: jump-shaking 1s infinite;
}

	.desktoponly { display: block; }
	.mobileonly { display: none; }

	#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  z-index: 99;
  display: none; /* Hidden by default */
}

.qr-code-detailarea { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 20px; }
.qr-code-main { padding: 20px; border: 3px solid #FFCD29; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; }
.qr-code-main img { max-width: 100%; }
.qr-code-number { font-size: 18px; }
.qr-code-action ul { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.qr-code-action ul li { width: 50%; }
.qr-code-action ul li a { background: #fff; border-radius: 6px; display: block; padding: 10px; text-align: center; font-weight: 600; color: #000;display: flex; gap: 10px;  align-items: center; justify-content: center;  }
.qr-code-action ul li a span img { width: 20px; height: 20px; }
.form-btn-area{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

h2.step-title{
font-size: 18px;
margin-bottom: 0;
}

.error-l { width: 40%; float: left; text-align: center;}
.error-r { width: 60%; float: right; padding-top: 40px; }
.error-r img { max-width: 100%; }
.error-hd { font-size: 35px; font-weight: 700; color: #2c4489; text-transform: uppercase; margin-bottom: 20px; line-height: 60px; }
.error-hd span { display: block; font-size: 30px; color: #ffcd29; }
.error-desc { font-size: 18px; }
.error-desc a { font-weight: 700; }
/* .fourzerofour-error .error-l { padding-top: 40px;  } */
.no-search-results-img { margin-bottom: 30px; text-align: center; }
.no-search-results-img img { max-width: 100%; }
.no-search-results-txt { text-align: center;  }
.no-search-results-hd { font-size: 25px; font-weight: 700; color: #2c4489; margin-bottom: 10px;  }
.no-search-results-desc { font-size: 18px; }

/* Write Review Page CSS */
.write-review-l { margin-bottom: 40px; }
.write-review-r { position: relative; }
.write-review-img { position: absolute; right: 30px; top: 130px; }
.write-review-comment { background: url(../images/comment-bubble.png) no-repeat 0 0; width: 308px; height: 152px; background-size: cover; text-align: center; padding: 20px 20px 50px; display:flex; align-items: center; justify-content: center; font-weight: 600; }
.write-review-l .vert .carousel-item-next.carousel-item-left,
.write-review-l .vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.write-review-l .vert .carousel-item-next,
.write-review-l .vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}
.write-review-l .vert .carousel-item-prev,
.write-review-l .vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}
.write-review-l .carousel-item { min-height: 350px; }
.write-review-l .carousel-control-next, .write-review-l .carousel-control-prev { position: inherit; width: auto; align-items: flex-end; justify-content: flex-end;     transform: rotate(90deg); opacity: 1; }
.write-review-l .carousel-control-next-icon, .write-review-l .carousel-control-prev-icon { background-color: #2c4489; padding: 15px; opacity: 1; display: inline-block; }
.write-review-l .carousel-control-next-icon:hover, .write-review-l .carousel-control-prev-icon:hover { background-color: #ffcd29; }
.write-review-l .carousel-control-next-icon, .write-review-l .carousel-control-prev-icon { width: 40px; height: 40px; margin: 0 5px; background-size: 15px; }
.next-prev-arr { display: flex; justify-content: flex-end;}
.review-label { font-size: 18px; font-weight: 600; color: #2c4489; margin-bottom: 5px; }
.review-subtext { font-size: 13px; color: #666; }
.review-formarea {  margin-top: 20px; padding: 0 2px; position: relative;  }
.review-formarea input, .review-formarea textarea { width: 100%; }
.errormsg { color: #ff0000; font-size: 12px; margin-top: 5px; }

.review-input-dropdown { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #f6f6f6; border-radius: 15px; box-shadow: 0 0 15px rgba(0,0,0,.1); width: 98%; z-index: 99; margin: 0 1%; overflow: hidden; overflow-y: auto; height: 180px;}
.review-input-dropdown ul li { font-size: 16px; font-weight: normal; color: #2a2a2a; padding: 10px; border-bottom: 1px solid #e4e4e4; }
.review-input-dropdown ul li:hover { background: #f0f0f0; }
.review-input-dropdown ul li:last-child { border-bottom: none; }
.review-input-dropdown ul li a { color: #2a2a2a; display: block; }
.review-input-dropdown ul li a:hover { color: #2c4489; }
.review-input-dropdown::-webkit-scrollbar {
  width: 5px;
  border-radius: 15px;
  overflow: hidden;
  margin: 10px 0;
}
.review-input-dropdown::-webkit-scrollbar-track {
  background: #f1f1f1;
   border-radius: 15px;
   margin: 10px 0;
}
.review-input-dropdown::-webkit-scrollbar-thumb {
  background: #888;
   border-radius: 15px;
}
.review-input-dropdown::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.range-l { width: calc(100% - 90px); float: left; padding-top: 10px; }
.range-r { width: 90px; float: left; text-align: center; font-size: 14px; line-height: 18px; }
.range-r span { display: block; margin-bottom: 10px; font-size: 22px; font-weight: 600; color: #2c4489; }
.yesno-btn a { min-width: 120px; }
.review-comment-l { width: 50%; float: left;  }
.review-comment-r { width: 250px; float: right; text-align: right;  }
.review-comment-cnt { margin-top: 10px; }
.review-comment-txt1 { font-size: 13px; font-weight: 600; }
.review-comment-txt2 { margin: 5px 0; }
.review-comment-txt2 img { width: 100%; }
.review-comment-txt3 { display: flex; justify-content: space-between; align-items: center; font-size: 12px; margin-bottom: 30px; }
.submit-btn { text-align: center; margin-top: 30px;  }