/* body {font-family: "Arbutus Slab", serif;font-weight: 400;font-style: normal;} */
.top-header .cr-logo img {width: 100%;max-width: 200px;height: auto;padding-top: 10px;}
.bg-Blue {background-color: #033054;}
.cr-category-menu .cr-category-toggle i {color: #fff;}
ul.navbar-nav li.nav-item a.nav-link {color: #fff;}
.cr-menu-list .cr-calling {color: #fff;}
.cr-menu-list .cr-calling a {color: #fff;}
.padding-tb-20 {padding-top: 20px;}
.cr-banner-sub-title h3 {font-size: 18px;text-align: center;}
.cr-banner-sub-title p {max-width: fit-content;}
.col-100.col-size .cr-product-box .cr-product-card .cr-product-image {width:125px;}
.cr-product-card .cr-product-image .cr-image-inner img {width: 100%;border-radius: 5px;padding: 20px;border: 1px solid #e1e1e1;border-radius: 6px;}
.col-100.col-size .cr-product-box .cr-product-card .cr-product-details {width:calc(100% - 125px);}
.cr-product-card .cr-product-image .cr-image-inner {align-items: flex-start;}
.col-100.col-size .cr-product-box .cr-product-card .cr-product-details ul.list {font-size: 14px; margin-bottom: 5px;}
.col-100.col-size .cr-product-box .cr-product-card .cr-product-details ul.list li {display: block; padding: 2px 0px;}
.col-100.col-size .cr-product-box .cr-product-card .cr-product-details ul.list label {color:#6c9eff !important;}
.btn {border-radius: 5px;}
.top-header .cr-right-bar .cr-right-bar-item i {color:#033054;}
.cr-checkbox .checkbox-group label {position: relative;font-family: "Poppins, sans-serif";font-size: 13px;color: #7a7a7a;cursor: pointer;text-transform: capitalize;display: block;white-space: nowrap;width: 84%;text-overflow: ellipsis;overflow: clip;}
.cr-shop-categories {padding-top: 20px;}
.cr-shop-sideview {padding:10px;}
.cr-checkbox {height:200px;overflow: auto;overflow-x: hidden;}
.checkbox-group {margin-right:10px;}
.searchfield {margin-top: 10px; border:1px solid #e1e1e1; padding:10px; border-radius:7px;}
.custom-details h2 {font-size: 21px; font-weight: bold;}
.custom-details h3 {font-size: 18px; font-weight: bold;}
.custom-details .college_location {font-size: 12px; color:#999;padding-bottom:15px;}

.section-college-cover-img {display: block;}
.section-college-cover-img .college-cover-img {height: 180px;width:100%;}
.section-college-cover-img .college-cover-img img {width: 100%; height:180px; object-fit: cover;}

.college_detail_header {display: flex; align-items: flex-start;background-color: #c8fce9; border-radius: 12px;padding: 25px;margin: -150px 15px 0px 15px;border: 6px solid #fff;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);width: calc(100% - 30px);}
.college_detail_header .cr-banner {text-align: left;}
.college_detail_header .cr-banner h1 {font-size: 1.5rem; text-align: left; font-weight: bold;}
.college_detail_header .cr-banner-sub-title h3 {font-size: 1rem; text-align: left;}
.college_detail_header .cr-banner-sub-title p {text-align: left;}
.college_detail_header .college_logo {width:125px; align-items: flex-start;}
.college_detail_header .college_logo img {width:100%;height: auto;padding:10px 10px 10px 10px; border: 1px solid #e1e1e1; border-radius:12px;background-color: #fff;}
.college_detail_header .collegeName-header {width:calc(100% - 125px);padding: 0px 10px 0px 15px;}
.college_detail_header .cr-banner-sub-title .cr-ratings .cr-star {color:#ff7a32;}
.college_detail_header .cr-banner-sub-title .college-location-header {font-size: 13px; color:#666;}
.college_detail_header .cr-banner-sub-title .actionbtns {padding-top: 15px;}
.section-college-detail-header {display: block;}

.cr-product-box .card {margin-bottom: 20px;}
.cr-product-details a.title {margin-bottom: 5px; font-size: 24px;}
.cr-product-details .recognition {font-size: 12px; color:#bfbfbf;}
.col-100.col-size .cr-product-box .cr-product-card .cr-product-details {padding-top: 0px;}
.cr-product-details .cr-star {margin-bottom: 4px;}
.btn-custom {padding:5px 15px; height: unset;line-height: unset;font-size: 14px;text-transform: capitalize;}

.custom-details p {color:#000000;padding-bottom:20px;}
.custom-details ul {color:#000000;margin-top: 15px;}
.custom-details ul li {padding-bottom:10px; border-bottom:1px solid #e1e1e1;padding-left: 8px;}
.custom-details ul li:last-child {border-bottom: 0px;}

ul.customtabs {margin-top: 0px;border-bottom:0px;}
ul.customtabs li {padding-bottom:0px; }

.footer::before, .footer::after {display:none;}

.bg-blue {background-color: #033054;}
.quickview-modal .modal-body {padding:0px !important;}
.modal-left-info {color: #ffffff; padding:20px; text-align: left;}
.modal-left-info h3 {font-size: 18px; font-weight: bold;}
.modal-left-info .modal-logo {padding: 50px 30px 50px 30px;}
.modal-left-info ul {padding-left: 0px;}
.modal-left-info li {margin-bottom: 10px; list-style: none; border: 1px solid #3d4e5b;border-left: 3px solid #3d4e5b; padding:3px 6px 3px 10px; color: #819fb7;}
.modal-form {position:relative; padding: 40px;}
.modal-form h3 {font-size: 18px; font-weight: bold;}
.modal-form .form-floating > .form-control {padding:6px;}

.pn-ProductNav_Wrapper {position: relative;padding: 0 11px;box-sizing: border-box;overflow: hidden;height: 29px;margin: auto;}
.pn-ProductNav {
          /* Make this scrollable when needed */
          overflow-x: hidden;
          /* We don't want vertical scrolling */
          overflow-y: hidden;
          /* For WebKit implementations, provide inertia scrolling */
          -webkit-overflow-scrolling: touch;
          /* We don't want internal inline elements to wrap */
          white-space: nowrap;
          /* If JS present, let's hide the default scrollbar */
          /* positioning context for advancers */
          position: relative;font-size: 0;}
.js .pn-ProductNav {
          /* Make an auto-hiding scroller for the 3 people using a IE */
          -ms-overflow-style: -ms-autohiding-scrollbar;
          /* Remove the default scrollbar for WebKit implementations */
}
.js .pn-ProductNav::-webkit-scrollbar {display: none;}
.pn-ProductNav_Contents {float: left;-webkit-transition: -webkit-transform .2s ease-in-out;transition: -webkit-transform .2s ease-in-out;transition: transform .2s ease-in-out;transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;position: relative;}
.pn-ProductNav_Contents-no-transition {-webkit-transition: none;transition: none;}
.pn-ProductNav_Link {text-decoration: none;color: #888;font-size:16px;font-family: -apple-system, sans-serif;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 30px;border: 1px solid transparent;padding: 0 11px; font-size: 15px;}
.pn-ProductNav_Link:hover {color: #000;background:#fff;text-decoration:none;}
.pn-ProductNav_Link + .pn-ProductNav_Link {border-left-color: #e1e1e1;}
.pn-ProductNav_Link[aria-selected="true"] {color: #000;background:#fff;text-decoration:none;}
.pn-Advancer {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;padding: 0;border: 0;/* Now style it as needed */position: absolute;top: 0;bottom: 0;/* Set the buttons invisible by default */opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;        }
.pn-Advancer:focus {outline: 0;}
.pn-Advancer:hover {cursor: pointer;}
.pn-Advancer_Left {left: 0;}
[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {opacity: 1;}
.pn-Advancer_Right {right: 0;}
[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {opacity: 1;}
.pn-Advancer_Icon {width: 15px;height: 30px;fill: #bbb;}
.pn-ProductNav_Indicator {position: absolute;bottom: 0;left: 0;height: 4px;width: 100px;background-color: transparent;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;transition: transform .2s ease-in-out, background-color .2s ease-in-out;transition: transform .2s ease-in-out, background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;}



@media only screen and (max-width: 767px) {
    .col-100.col-size .cr-product-box .cr-product-card .cr-product-details {width:100%;}
    .college_detail_header {display: block;width: calc(100% - 30px); text-align: center;}
    .college_detail_header .cr-banner h1 {text-align: center;font-size: 1.2rem;}
    .college_detail_header .college_logo {width:100%;}
    .college_detail_header .college_logo img {width:75px;height: auto;padding:10px 10px 10px 10px; border: 1px solid #e1e1e1; border-radius:12px;background-color: #fff;}
    .college_detail_header .collegeName-header {width:100%;}
    .college_detail_header .cr-banner-sub-title .actionbtns a {display: block;margin: 10px 0px;}
}