/*------------------------------------------------------------------
[Styles]

Project:  The College Tour Template
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Global (typography, fonts, global classes)
2. Elements (inputs, alerts, buttons etc)
3. Headers
4. Modules
5. Footer
-------------------------------------------------------------------*/

/* ======================================================================== */
/* START GLOBAL STYLE
/* ======================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Book.woff2') format('woff2'),
       url('../fonts/Avenir-Book.woff') format('woff'),
       url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Heavy.woff2') format('woff2'),
       url('../fonts/Avenir-Heavy.woff') format('woff'),
       url('../fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.font-avenir{
  font-family: 'Avenir';  
}

@font-face {
  font-family: 'Albula';
  src: url('../fonts/AlbulaPro-SemiBold.woff2') format('woff2'),
       url('../fonts/AlbulaPro-SemiBold.woff') format('woff'),
       url('../fonts/AlbulaPro-SemiBold.svg#AlbulaPro-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Albula';
  src: url('../fonts/AlbulaPro-Bold.woff2') format('woff2'),
       url('../fonts/AlbulaPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Albula';
  src: url('../fonts/AlbulaPro-ExtraBold.woff2') format('woff2'),
       url('../fonts/AlbulaPro-ExtraBold.woff') format('woff'),
       url('../fonts/AlbulaPro-ExtraBold.svg#AlbulaPro-ExtraBold') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.font-albula{
  font-family: 'Albula';
}

@font-face {
  font-family: 'Archer';
  src: url('../fonts/Archer-Medium.woff2') format('woff2'),
       url('../fonts/Archer-Medium.woff') format('woff'),
       url('../fonts/Archer-Medium.svg#Archer-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archer';
  src: url('../fonts/Archer-Semibold.woff2') format('woff2'),
       url('../fonts/Archer-Semibold.woff') format('woff'),
       url('../fonts/Archer-Semibold.svg#Archer-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
} 
@font-face {
  font-family: 'Archer';
  src: url('../fonts/Archer-Bold.woff2') format('woff2'),
       url('../fonts/Archer-Bold.woff') format('woff'),
       url('../fonts/Archer-Bold.svg#Archer-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.font-archer{
  font-family: 'Archer';
}

body {
  margin: 0;
  font-family: 'Avenir';
  font-size: 16px;
  line-height: 24px;
  color: #000;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin: 0;
}

p {
  margin-bottom: 16px;
} 

p:last-child {
  margin-bottom: 0;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

ol,
ul,
dl {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

a {
  text-decoration: none;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

hr{
  margin: 32px 0;
  border-top: 2px solid #d2d5dc;
  opacity: 1;
}

.fw-400{
  font-weight: 400;
}
.fw-500{
  font-weight: 500;
}
.fw-600{
  font-weight: 600;
}
.fw-900{
  font-weight: 900;
}

.bg-transparent{
  background-color: transparent;
}
.bg-light-blue{
  background-color: #c4e6f6;
}
.bg-light-grey{
  background-color: #f4f4f6;
}
.bg-grey{
  background-color: #eaeaea;
}
.bg-dark-grey{
  background-color: #e3e5e9;
}
.bg-orange{
  background-color: #ee6815!important;
}
.bg-parrot{
  background-color: #77ab59!important;
}
.bg-white{
  background-color: #fff;
}
.bg-red{
  background-color: #ff0000;
}
.color-white{
  color: #fff!important;
}
.color-black{
  color: #000;
}
.color-orange{
  color: #ee6815!important;
}
.color-grey{
  color: #666666;
}
.color-dark-grey{
  color: #4a4a49
}
.color-solid-grey{
  color: #010101;
}
.color-blue{
  color: #40abde!important;
}

.img-fluid{
  width: 100%;
}
.nowrap{
  white-space: nowrap;
}
.relative{
  position: relative;
}
.remove-row{
  position: absolute;
  top: 20px;
  right: -30px;
  font-size: 13px;
  cursor: pointer;
}
.remove-row img{
  width: 20px;
}
.relative{
  position: relative;
}

.section-mt-175{
  margin-top: 175px;
}
.section-pt-215{
  padding-top: 215px;
}
/* .section-mt-215{
  margin-top: 215px;
} */
.section-student-profile.section-mt-215{
  margin-top: 215px;
}
.m-tb-12{
  margin: 12px 0;
}
.mt-30{
  margin-top: 30px;
}
.mb-12{
  margin-bottom: 12px;
}

.w-5{
  width: 5%;
}
.w-10{
  width: 10%;
}
.w-15{
  width: 15%;
}
.w-20{
  width: 20%;
}
.w-21{
  width: 21%;
}
.w-25{
  width: 25%;
}
.w-30{
  width: 30%;
}
.w-35{
  width: 35%;
}
.w-40{
  width: 40%;
}
.w-45{
  width: 45%;
}
.w-50{
  width: 50%;
}
.w-55{
  width: 55%;
}
.w-60{
  width: 60%;
}
.w-65{
  width: 65%;
}
.w-70{
  width: 70%;
}
.w-75{
  width: 75%;
}
.w-80{
  width: 80%;
}
.w-85{
  width: 85%;
}
.w-90{
  width: 90%;
  margin: auto;
}
.w-95{
  width: 95%;
}
.w-100{
  width: 100%;
  margin: auto;
}

.click-previous{
  font-size: 18px;
  line-height: 20px;
}
.cursor{
  cursor: pointer;
}
.offcanvas.offcanvas-end{
  z-index: 9999;
}

.progress{
  border-radius: 25px;
}
.progress-bar{
  background-color: #ff5e00;
  border-radius: 25px;
}

.font-size-14{
  font-size: 14px!important;
  line-height: 26px;
}
.font-size-16{
  font-size: 16px!important;
  line-height: 24px!important;
}
.font-size-18{
  font-size: 18px!important;
  line-height: 31px!important;
}
.font-size-25{
  font-size: 25px;
  line-height: 35px;
}

.border-radius-25{
  border-radius: 25px;
}
.add-items{
  cursor: pointer;
}
.remove-registry-items{
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  width: auto;
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}

.section-header h2{
  font-size: 60px;
}
.section-header .sub-heading{
  position: relative;
  font-size: 16px;
  margin-bottom: 48px;
}
.section-header .sub-heading::after{
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ee6815;
  height: 3px;
  width: 38px;
}

.alert-success{
  /* background: #ee6815; */
  border-radius: 12px;
  background: #5cb85c;
  font-size: 18px;
  color: #fff;
  border: 0;
  font-family: 'Albula';
  line-height: 24px;
}
.alert-danger{
  border-radius: 12px;
  background: #ff0000;
  font-size: 18px;
  color: #fff;
  border: 0;
  font-family: 'Albula';
  line-height: 24px;
}
.text-danger{
  font-family: 'Albula';
  margin-bottom: 20px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  position: relative;
  top: -15px;
}
.text-green-600{
  font-size: 18px;
}
.error{
  display: none;
  color: #dc3545;
  margin-top: 0;
  position: relative;
  bottom: 0;
  top: -15px;
  font-family: 'Albula';
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}
.error-message{
  color: #dc3545;
  position: relative;
  top: -15px;
  font-family: 'Albula';
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}
.semester-registry .error{
  top: 8px;
}
.semester-registry .error.error-start-date{
  left: 10px;
}
.section-registration.section-registration-step-one .error{
  top: -25px;
}
.section-registration.section-registration-step-one .error-message{
  top: -25px;
}

/* ======================================================================== */
/* START ELEMENT STYLE
/* ======================================================================== */

.btn-md{
  padding: 19px 55px 17px!important;
}
.btn-lg,
.btn-orange-lg{
  padding: 19px 70px 17px!important;
}
.btn-orange{
  font-family: 'Albula';
  font-weight: bold;
  background-color: #ee6815;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  padding: 19px 35px 17px;
  font-size: 18px;
  line-height: 22px;
  border: none;
}
.update-status-btn{
  font-family: 'Albula';
  font-weight: bold;
  background-color: #ee6815 !important;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  padding: 12px 16px 12px !important;
  font-size: 16px;
  line-height: 20px;
  border: none;
  width: 165px;
}
.btn-disabled{
  background-color: rgb(238 104 21 / 50%);
}
.btn-transparent{
  font-family: 'Albula';
  font-weight: bold;
  background-color: transparent;
  color: #fff;
  border: 3px solid #fff;
  text-align: center;
  border-radius: 50px;
  padding: 19px 48px 17px;
  font-size: 16px;
  line-height: 16px;
}
.btn-transparent-with-border{
  font-family: 'Albula';
  font-weight: bold;
  background-color: transparent;
  text-align: center;
  border-radius: 50px;
  padding: 19px 48px 17px;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  border: 3px solid #66ceff;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
select{
  cursor: pointer;
}
input,
select,
textarea{
  font-family: 'albula';
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a49;
  line-height: 20px;
  border-radius: 0;
  padding: 22px 20px 20px;
  border: 2px solid #d2d5dc;
  box-shadow: none;
  margin-bottom: 20px;
  appearance: none;
  background-color: #fff;
}
.select2-selection{
  height: 62px!important;
  margin-bottom: 30px;
  padding: 16px 12px 20px !important;
  border: 0!important;
  font-family: 'albula';
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a49;
  appearance: none!important;
}
.select2-selection__arrow{
  display: none;
}
.select2-container--open .select2-dropdown{
  top: -30px;
  border: 0;
}
.form-control:disabled{
  padding: 8px;
  text-align: center;
  margin: 0;
}
#fileNameDisplay{
  position: relative;
  top: 0;
  font-size: 12px;
  font-size: 13px;
  line-height: 16px;
}
input:focus,
select:focus,
textarea:focus,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  box-shadow: none!important;
  outline: none;
}
textarea{
  resize: none;
}
::-webkit-input-placeholder{
  color: #4a4a49;
}
::-moz-placeholder{
  color: #4a4a49;
}
:-ms-input-placeholder{
  color: #4a4a49;
}
:-moz-placeholder{
  color: #4a4a49;
}
input.no-border{
  font-family: 'Albula';
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #5b5b5b;
  width: 100%;
  padding: 20px 24px 18px;
  border: 0;
  box-shadow: none;
}
input.with-border,
textarea.with-border{
  font-family: 'Albula';
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  border-radius: 0;
  width: 100%;
  padding: 22px 20px 20px;
  border: 2px solid #d2d5dc;
  box-shadow: none;
}
input.with-radius,
textarea.with-radius,
select.with-radius{
  font-family: 'albula';
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a49;
  border-radius: 0;
  width: 100%;
  padding: 22px 20px 20px;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  appearance: none;
  background-color: #fff;
}
.with-border-radius{
  border-radius: 8px!important;
}
.form-row-select{
  position: relative;
}
.form-row-select:after{
  content: '';
  position: absolute;
  top: 28px;
  right: 30px;
  background-image: url('../images/dropdown-icon.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 9px;
  display: inline-block;
}
input[type="radio"]{
  margin-bottom: 0!important;
}
input[type="file"]{
  position: relative;
  z-index: 99;
  cursor: pointer;
  font-size: 0;
  opacity: 0;
  width: 200px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number]{
  -moz-appearance: textfield; /* Firefox */
}
.input-type-number span{
  position: absolute;
  top: 20px;
  left: 20px;
}
.form-row-checkbox input{
  margin-bottom: 0!important;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
}
.form-row-checkbox span{
  font-size: 14px;
  line-height: 36px;
  padding-left: 22px;
  padding-top: 2px;
  vertical-align: middle;
}
.form-row-checkbox .error{
  top: 0!important;
} 
.form-row-terms-checkbox .error{
  top: 10px!important;
} 
.form-row-checkbox .text-danger{
  top: -10px!important;
  padding-left: 0;
} 
.choose-file-wrapper{
  position: relative;
  height: 64px;
  width: 200px;
  margin-bottom: 30px;
}
.choose-file-wrapper .choose-file{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  border: 3px solid #66ceff;
  border-radius: 50px;
  cursor: pointer;
  z-index: 1;
}
input[type="date"]{
  background: url(../images/calender-icon.png) no-repeat;
  background-color: #fff;
  background-position: right center;
  background-size: contain;
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0; 
  height: 62px;
  text-align: left;
  display:block;
  -webkit-appearance: none;
}
input[type='date']:focus:after,
input[type='date']:after:focus{
  color: #fff;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(../images/calender-icon.png) no-repeat;
  background-position: right center;
  background-size: contain;
  width: 60px;
  height: 60px;
  cursor: pointer;
  text-align: left;
}
input[type="date"]::-moz-calendar-picker-indicator {
  background: url(../images/calender-icon.png) no-repeat;
  background-position: right center;
  background-size: contain;
  width: 60px;
  height: 60px;
  cursor: pointer;
  text-align: left;
}
input[type="date"]::-ms-clear {
  background: url(../images/calender-icon.png) no-repeat;
  background-position: right center;
  background-size: contain;
  width: 60px;
  height: 60px;
  cursor: pointer;
  text-align: left;
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/* Query fot Firfox */
@-moz-document url-prefix() {
  input[type="date"] {
   background-image: none;
  }
}

/* input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
} */

.checkmark-wrapper{
  display: block;
  position: relative;
  padding-left: 0;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 0;
  margin-right: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkmark-wrapper input{
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  padding: 13px;
}
.checkmark-wrapper .checkmark{
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 5px;
}
.checkmark-wrapper:hover input ~ .checkmark{
  background-color: #fff;
}
.checkmark-wrapper input:checked ~ .checkmark{
  background-color: #fff;
}
.checkmark-wrapper .checkmark:after{
  content: "";
  position: absolute;
  display: none;
}
.checkmark-wrapper input:checked ~ .checkmark:after{
  display: block;
}
.checkmark-wrapper .checkmark:after{
  left: 10px;
  top: 3px;
  width: 10px;
  height: 20px;
  border: solid #ee6815;
  border-width: 0 6px 6px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-search-icon{
  padding: 19px 8px 18px 15px;
  background: #fff;
  height: 66px;
  border: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;  
}
.radio-wrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio-wrapper .checkmark {
  position: absolute;
  top: 12px;
  left: 0;
  height: 26px;
  width: 26px;
  border-radius: 50%;
  background-color: #fff;
  border: 3px solid #d2d5dc;
}
.radio-wrapper:hover input ~ .checkmark {
  background-color: #ccc;
}
.radio-wrapper input:checked ~ .checkmark {
  background-color: #fff;
  border: 3px solid #d2d5dc;
}
.radio-wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-wrapper input:checked ~ .checkmark:after {
  display: block;
}
.radio-wrapper .checkmark:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
	border-radius: 50%;
	background: #ee6815;
}
input[disabled]{
	cursor: not-allowed;
}


/* ======================================================================== */
/* START HEADERS STYLE
/* ======================================================================== */

.header{
  position: absolute;
  top: 56px;
  width: 100%;
}
.header .menu-account-links{
  padding: 0 30px 0 15px;
}
.header .menu-account a{
  font-family: 'Albula';
  font-weight: 900;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
}
.header .hamburger-icon{
  cursor: pointer;
  top: -8px;
  position: relative;
}
.header .menu-links ul{
  margin-bottom: 48px;
}
.header .menu-links ul li{
  padding-bottom: 16px
}
.header .menu-links ul li a{
  font-family: 'Albula';
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}
.header .menu-links ul li a:hover{
  color: #000;
}
.header .menu-social-links ul li{
  padding-right: 15px;
}
.header .menu-social-links ul li:last-child{
  padding-right: 0;
}
.header .menu-social-links ul li img{
  -webkit-filter: invert(100%);
  filter: invert(100%);
  max-width: 24px;
  height: 24px;
}
.header .menu-social-links ul li img:hover{
  -webkit-filter: invert(1%);
  filter: invert(1%);
}
.header .offcanvas-header{
  padding: 50px 50px 0;
  justify-content: right;
}
.header .offcanvas-header .btn-close{
  -webkit-filter: invert(100%);
  filter: invert(100%);
  font-weight: bold;
  opacity: 1;
  padding: 0;
  font-size: 24px;
}
.header .offcanvas-body{
  padding: 100px 50px 50px 50px;
}
.header-sticky{
  position: fixed;
  top: 0;
  background: #fff;
  width: 100%;
  padding: 16px 0;  
  z-index: 9999;
  transition: all 0.25s ease-out;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 12px 0 rgba(0, 0, 0, 0.1);
}
.header-sticky .main-logo img{
  transition: all 0.25s ease-out;
  width: 200px;
}

/* ======================================================================== */
/* START PORTAL HEADERS STYLE
/* ======================================================================== */
.portal-header .portal-logout a{
  font-family: 'Albula';
  font-weight: 900;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  padding-left: 8px;
  display: inline-block;
  transition: 2s;
}
.portal-header .portal-logout form a:first-child:hover{
  position: relative;
  transition: 2s;
}
.portal-header .portal-logout a:before{
  content: 'My Account';
  position: absolute;
  top: -35px;
  width: 115px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background: #ff5e00;
  border-radius: 25px;
  font-size: 13px;
  font-family: 'Albula';
  left: 10px;
  text-align: center;
  transition: 2s;
  padding: 2px 0 1px 0;
}
.portal-header .row{
  margin: 0 -70px;
  border-bottom: 3px solid #e3e5e9;
  padding: 0 16px 32px;
}
.portal-header li{
  padding: 0 16px;
}
.portal-header a{
  color: #4a4a49;
  font-size: 18px;
}

/* ======================================================================== */
/* START HOME PAGE STYLE
/* SECTION BANNER STYLE
/* SECTION FIND STUDENT STYLE
/* SECTION GET STARTED STYLE
/* SECTION ABOUT US STYLE
/* SECTION OVERVIEW STYLE
/* SECTION TESTIMONIAL STYLE
/* ======================================================================== */

/* SECTION BANNER STYLE */
.section-banner{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}
.section-banner h1{
  font-size: 70px;
}
.section-banner .sub-heading{
  font-size: 16px;
}
.section-banner .sub-heading span{
  position: relative;
}
.section-banner .sub-heading span:after{
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  background-color: #ee6815;
  height: 4px;
  width: 100%;
}
.section-banner p{
  font-size: 40px;
  line-height: 60px;
}
.section-banner a.btn-transparent-with-border img{
  vertical-align: bottom;
}

/* SECTION FIND STUDENT STYLE */
.section-find-student{
  background-color: #66ceff;
  padding: 26px 0;
}
.section-find-student .col-lg-4{
  width: 30%;
}
.section-find-student .col-lg-8{
  width: 70%;
}
.section-find-student input{
  width: calc(100% - 235px);
  margin-right: 18px;
  margin-bottom: 0;
}

/* SECTION GET STARTED STYLE */
.section-get-started{
  padding: 135px 0 0;
}
.section-get-started .section-header{
  margin-bottom: 70px;
}

/* SECTION ABOUT US STYLE */
.section-about-us{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0 165px;
  width: 100%;
  height: 100%;
}
.section-about-us .about-us-content{
  position: relative;
  top: 75px;
}
.section-about-us .about-us-content .sub-heading{
  position: relative;
  font-size: 16px;
  margin-bottom: 48px;
}
.section-about-us .about-us-content .sub-heading:after{  
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  background-color: #ee6815;
  height: 3px;
  width: 38px;
}
.section-about-us .about-us-content h3{
  font-size: 40px;
  line-height: 47px;
  margin-bottom: 30px;
}
.section-about-us .about-us-content p{
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 60px;
}
.section-about-us .about-us-content .about-us-ctas a:first-child{
  margin-right: 30px;
}

/* SECTION OVERVIEW STYLE */
.section-overview{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 112px 0 70px;
}
.section-overview .section-header{
  margin-bottom: 40px;
}
.section-overview .overview-video{
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 950px;
  margin: auto;
  height: 550px;
  margin-bottom: 30px;
}
.section-overview .overview-video video{
  width: 100%;
  min-width: 100%;
  min-height: 550px;
  z-index: 1;
  object-fit: cover;
  border: 20px solid #fff;
  border-radius: 8px;
}
.section-overview.section-vid .overview-video iframe{
  width: 100%;
  z-index: 1;
  object-fit: cover;
  border: 20px solid #fff;
  border-radius: 8px;
}
.section-overview .overview-video img{
  border: 20px solid #fff;
  border-radius: 8px;
}

/* SECTION TESTIMONIAL STYLE */
.section-testimonial{  
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 235px 0 145px;
  width: 100%;
  height: 100%;
}
.section-testimonial .container{
  position: relative;
}
.section-testimonial .slick-slider{
  position: inherit;
}
.section-testimonial .slick-prev{  
  background-image: url('../images/slider-left-icon.png');
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 60%;
  left: 12px;
  width: 53px;
  height: 56px;
  font-size: 0;
  border: 0;
}
.section-testimonial .slick-next{
  background-image: url('../images/slider-right-icon.png');
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 60%;
  left: 6%;
  width: 53px;
  height: 56px;
  font-size: 0;
  border: 0;
}
.section-testimonial .section-header{
  max-width: 85%;
}
.section-testimonial .testimonial-slide-content{
  position: relative;
  background-color: #ee6815;
  padding: 48px 40px;
  border-radius: 15px;
  border-bottom-left-radius: 0;
  margin-bottom: 28px;
}
.section-testimonial .slick-slide{
  margin-right: 50px;
}
.section-testimonial .testimonial-slide-content:before{
  content: '';
  background-image: url('../images/testimonial-after-icon.png');
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 18px;
  height: 22px;
}
.section-testimonial .testimonial-slide-content p{
  font-family: 'Albula';
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}
.section-testimonial .testimonial-slide-profile img{
  margin: 0 24px;
  border-radius: 50px;
}
.section-testimonial .testimonial-slide-person{
  font-size: 20px;
  line-height: 35px;
  vertical-align: middle;
}

/* ======================================================================== */
/* START CONTACT PAGE STYLE
/* SECTION INNER BANNER STYLE
/* SECTION CONTACT US STYLE
/* ======================================================================== */

/* SECTION INNER BANNER STYLE */
.section-inner-banner{
  padding: 275px 0 70px;
}
.section-inner-banner h1{
  position: relative;
  font-size: 60px;
  line-height: 40px;
  margin-bottom: 65px;
}
.section-inner-banner h1:after{
  content: '';
  position: absolute;
  bottom: -38px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ee6815;
  height: 4px;
  width: 84px;
}

/* SECTION CONTACT US STYLE */
.section-contact-us{  
  position: relative;
  z-index: 1;
  padding: 118px 0 153px;
}
.section-contact-us:after{
  content: '';
  background-image: url('../images/contact-us-bg.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 600px;
  z-index: -1;
}
.section-contact-us .contact-us-form{
  background-color: #fff;
  border-radius: 8px;
  padding: 60px;
}
.section-contact-us .contact-us-form input,
.section-contact-us .contact-us-form textarea{
  margin-bottom: 20px
}
.section-contact-us .contact-us-form input:focus,
.section-contact-us .contact-us-form textarea:focus{
  outline: none;
  border-color: #000;
}
.section-contact-us .contact-us-info{
  padding: 50px 50px 0 100px;
}
.section-contact-us .contact-us-info .contact-us-info-holder{
  margin-bottom: 110px;
}
.section-contact-us .contact-us-info h2{
  font-size: 40px;
  line-height: 33px;
  margin-bottom: 32px;
}
.section-contact-us .contact-us-info p{
  margin-bottom: 56px;
  font-size: 14px;
  line-height: 33px;
}
.section-contact-us .contact-us-info a{
  font-size: 18px;
  color: #000;
  vertical-align: middle;
}
.section-contact-us .contact-us-info .icon{
  margin-right: 18px;
}
.section-contact-us .contact-us-info-faq p{
  margin-bottom: 40px;
}

/* ======================================================================== */
/* START FAQS PAGE STYLE
/* SECTION FAQS STYLE
/* ======================================================================== */

/* SECTION FAQS STYLE */
.section-faqs{  
  background-image: url(../images/faqs-bg.jpg);
  background-color: #f4f4f6;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: auto;
  padding: 150px 0 200px;
}
.section-faqs .faqs-content-area .faqs-content-block:first-child{
  margin-bottom: 100px;
}
.section-faqs .faqs-content-area{
  padding: 0 50px 0 100px;  
}
.section-faqs .faqs-content-area h2{
  font-size: 40px;
  line-height: 33px;
  margin-bottom: 32px;
}
.section-faqs .faqs-content-area p{
  font-size: 14px;
  line-height: 33px;
  margin-bottom: 35px;
  color: #888888;
}
.section-faqs .accordion-button.collapsed{
  color: #000;
}
.section-faqs .accordion-button{
  background-color: #fff;
  box-shadow: none;
  font-family: 'Albula';
  font-weight: bold;
  color: #ee6815;
  font-size: 18px;
  line-height: 30px;
  padding: 16px 16px 16px 20px;
}
.section-faqs .accordion-button:focus{
  outline: none;
  box-shadow: none;
}
.section-faqs .accordion-item{
  border: none;
  margin-bottom: 25px;
  padding: 12px 5px;
  border-radius: 5px;
}
.section-faqs .accordion-body{
  font-family: 'Albula';
  font-weight: 600;
  padding-top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #888888;
}
.section-faqs .accordion-button.collapsed:after{
  background-image: url(../images/plus-icon.png);
}
.section-faqs .accordion-button:after{
  background-image: url(../images/minus-icon.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 14px;
  height: 14px;
}
.section-helpful-videos{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 110px 0 96px;
}
.section-helpful-videos .overview-video{
  position: relative; 
  padding-bottom: 58.25%; 
  height: 0; 
  overflow: hidden;
}
.section-helpful-videos .overview-video iframe{
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  z-index: 1;
  object-fit: cover;
  border: 8px solid #fff;
  border-radius: 8px;
}
.section-helpful-videos .helpful-video-text{
  font-family: 'Albula';
  font-weight: 600;
  padding-top: 0;
  font-size: 18px;
  line-height: 26px;
  margin-top: 4px;
  margin-bottom: 24px;
}

/* ======================================================================== */
/* START HOW IT WORKS PAGE STYLE
/* SECTION HOW IT WORKS STYLE
/* ======================================================================== */

/* SECTION HOW IT WORKS STYLE */
.section-how-it-works{
  padding: 85px 0;
}
.section-how-it-works .how-it-works-content{
  padding-right: 150px;
}
.section-how-it-works .how-it-works-content .how-it-works-heading{
  font-size: 45px;
  line-height: 60px;
  margin-bottom: 44px;
}
.section-how-it-works .how-it-works-content p{
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 56px;
}
.section-how-it-works.bg-colored{
  position: relative;
  z-index: 9;
}
.section-how-it-works.bg-colored:after{
  content: '';  
  background-image: url('../images/how-it-works-bg.jpg');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 610px;
  height: 100%;
  z-index: -1;
}
.section-how-it-works.bg-colored .how-it-works-content{
  padding-right: 45px
}

/* ======================================================================== */
/* START TESTIMONIALS PAGE STYLE
/* SECTION TESTIMONIALS STYLE
/* SECTION GET STARTED STYLE
/* ======================================================================== */

/* SECTION TESTIMONIALS STYLE */
.section-testimonials{
  padding: 115px 0 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-testimonials .testimonial-wrapper{
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  padding: 100px 45px 85px;
  margin-bottom: 95px;
}
.section-testimonials .testimonial-profile{
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
}
.section-testimonials .testimonial-wrapper .testimonial-name{
  font-size: 25px;
  line-height: 35px;
  margin-bottom: 38px;
}
.section-testimonials .testimonial-wrapper .testimonial-quote{
  margin-bottom: 45px;
}
.section-testimonials .testimonial-wrapper{
  font-size: 20px;
  line-height: 33px;
}

/* SECTION GET STARTED STYLE */
.section-started{
  padding: 75px 0;
}
.section-started .get-started-text{
  margin-bottom: 32px;
  font-size: 36px;
  line-height: 44px;
}

/* ======================================================================== */
/* START PRIVACY POLICY PAGE STYLE
/* ======================================================================== */
.section-content-area{
  padding: 80px 0;
}
.section-content-area .content-area-wrapper{
  padding: 65px 48px;
}
.section-content-area .content-area-wrapper a{
  color: #ee6815;
  text-decoration: underline;
}
.section-content-area .section-heading{
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 16px;  
}
.section-content-area .section-subheading{
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 0;  
}
.section-content-area h2{
  font-weight: 900;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 8px;
}
.section-content-area h3{
  font-weight: 900;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 8px;
}
.section-content-area h4{
  font-weight: 900;
  font-size: 14px;
  line-height: 26px;
}
.section-content-area p,
.section-content-area ul li,
.section-content-area a{
  font-size: 16px;
  line-height: 28px;
  color: #000;
  word-wrap: break-word;
}
.section-content-area ol{
  list-style: decimal;
  margin: 20px 0 20px 40px;
}
.section-content-area ol li{
  padding-bottom: 12px;
}
.section-content-area ul{
  margin: 20px 0 20px 40px;
}
.section-content-area ul li{
  position: relative;
  padding-bottom: 12px;
}
.section-content-area ul li:last-child{
  padding-bottom: 0;
}
.section-content-area ul li:before{
  content: '';
  position: absolute;
  top: 8px;
  left: -25px;
  background-color: #ee6815;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}

/* ======================================================================== */
/* START SEARCH RESULT PAGE STYLE
/* ======================================================================== */
.section-search-result{
  padding: 40px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-search-result .search-result-wrapper{
  padding: 65px 55px 55px;
  border-radius: 25px;
}
.section-search-result .search-result-wrapper input{
  width: calc(100% - 260px);
  margin-right: 18px;
}
.section-search-result .search-result-wrapper .search-result-form{
  border-bottom: 2px solid #d2d5dc;
  padding-bottom: 34px;
  margin-bottom: 34px;
}
.section-search-result .search-result-data{
  padding: 65px;
  border-radius: 8px;
}
.section-search-result .search-result-data .search-name{
  font-size: 40px;
  line-height: 40px;
}
.section-search-result .search-result-data .search-result-count{
  font-size: 16px;
  line-height: 32px;
}
.section-search-result .search-result-data .search-result-data-holder{
  border-top: 2px solid #d2d5dc;
  margin-top: 32px;
  padding-top: 32px;
}
.section-search-result .search-result-data .search-result-data-holder .profile-img{
  border-radius: 50%;
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.section-search-result .search-result-data .search-result-data-name{
  font-size: 20px;
  line-height: 32px;
  padding-left: 35px;
}
.student-search-pagination nav div:first-child{
  display: none;
}
.student-search-pagination nav div:last-child{
  text-align: center;
  margin-top: 32px;
}
/* .student-search-pagination nav [rel="prev"]{
  background-color: #ee6815!important;
  padding: 12px !important;
  box-shadow: none;
  border: 0 !important;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  margin-right: 4px;
}
.student-search-pagination nav [rel="next"]{
  background-color: #ee6815!important;
  padding: 12px !important;
  box-shadow: none;
  border: 0 !important;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.student-search-pagination nav [aria-label="« Previous"] span{
  background-color: #ee6815!important;
  padding: 12px !important;
  box-shadow: none;
  border: 0 !important;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  margin-right: 4px;
}
.student-search-pagination nav [aria-label="Next »"] span{
  background-color: #ee6815!important;
  padding: 12px !important;
  box-shadow: none;
  border: 0 !important;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-right: 4px;
}
.student-search-pagination nav svg{
  fill: #fff;
  width: 40px;
  margin-top: -3px;
}
.student-search-pagination nav .shadow-sm{
  display: inline-block;
  box-shadow: none!important;
}
.student-search-pagination nav .px-4.py-2{
  border: 0 !important;
  background-color: #fff !important;
  display: inline-block;
  color: #000;
  font-family: 'Albula';
  padding: 11px 22px !important;
  margin: 0 2px;
}
.student-search-pagination nav span[aria-current="page"] span.px-4.py-2{  
  background-color: #dee2e6 !important;
} */

/* New Search Design */
.student-search-pagination{
  margin-top: 32px
}
.student-search-pagination ul{    
  text-align: center;
  align-items: center;
  justify-content: center;
}
.section-registration .student-search-pagination.super-admin-search-pagination ul li.active span{  
  padding: 12px 22px !important;
}
.student-search-pagination .student-search-pagination.super-admin-search-pagination ul li.active span
.student-search-pagination ul li.active span{
  background-color: #dee2e6!important;
  color: #000; 
}
.section-registration .student-search-pagination.super-admin-search-pagination ul li a,
.section-registration .student-search-pagination.super-admin-search-pagination ul li span,
.student-search-pagination ul li a,
.student-search-pagination ul li span{
  border: 0 !important;
  background-color: #fff !important;
  display: inline-block;
  color: #000;
  font-family: 'Albula';
  padding: 12px 22px !important;
  margin: 0;
}
.student-search-pagination ul li:first-child.disabled span,
.student-search-pagination ul li [rel="prev"],
.section-registration .student-search-pagination.super-admin-search-pagination ul li [rel="prev"],
.section-registration .student-search-pagination.super-admin-search-pagination ul li:first-child.disabled span{
  color: #fff;
  font-size: 32px;
  background-color: #ee6815!important;
  padding: 12px 24px!important;
  box-shadow: none;
  border: 0 !important;
  margin: 0;
  border-top-left-radius: 25px!important;
  border-bottom-left-radius: 25px!important;
}
.student-search-pagination ul li:last-child.disabled span,
.student-search-pagination ul li [rel="next"],
.section-registration .student-search-pagination.super-admin-search-pagination ul li [rel="next"],
.section-registration .student-search-pagination.super-admin-search-pagination ul li:last-child.disabled span{
  color: #fff;
  font-size: 32px;
  background-color: #ee6815!important;
  padding: 12px 24px!important;
  box-shadow: none;
  border: 0 !important;
  margin: 0;
  border-top-right-radius: 25px!important;
  border-bottom-right-radius: 25px!important;
}
.student-search-pagination .page-link:focus{
  box-shadow: none;
}
.page-item:not(:first-child) .page-link{
  margin: 0;
}

/* ======================================================================== */
/* START CHECKOUT PAGE STYLE
/* ======================================================================== */
.section-checkout{
  padding: 40px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-checkout .checkout-wrapper{
  max-width: 740px;
  margin: auto;
  border-radius: 25px;
  padding: 48px 54px;
}
.section-checkout .checkout-info{
  border-bottom: 2px solid #d2d5dc;
  margin-bottom: 28px;
  padding-bottom: 28px;
}
.section-checkout .checkout-info-content h1{
  margin-bottom: 28px;
  font-size: 50px;
  line-height: inherit;
}
.section-checkout .checkout-form h2{
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 25px;
}
.section-checkout .checkout-form input,
.section-checkout .checkout-form textarea{
  margin-bottom: 20px
}
.section-checkout .checkout-form input:focus,
.section-checkout .checkout-form textarea:focus,
.section-checkout .checkout-form select:focus{
  outline: none;
  border: 0;
}
.section-checkout .checkout-total{
  margin: 30px 0;
  font-size: 16px;
}
.section-checkout .checkout-total-amount{
  font-size: 20px;
}
.convenience-fee .credit-card-fee{
  display: inline-block;
}
.convenience-fee span{
  display: none;
}

/* ======================================================================== */
/* START STUDENT PROFILE PAGE STYLE
/* ======================================================================== */
.section-student-profile{
  padding: 40px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-student-profile .student-profile-wrapper{
  border-radius: 25px;
}
.section-student-profile .student-sidebar{
  padding: 100px 50px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  height: 100%;
}
.section-student-profile .student-sidebar-profile{
  margin-bottom: 50px;
  text-align: center;
}
.section-student-profile .student-sidebar-profile img{
  border-radius: 50%;
  height: 250px;
  width: 250px;
  object-fit: cover;
}
.section-student-profile .student-sidebar h3{
  margin-bottom: 18px;
  font-size: 25px;
}
.section-student-profile .student-sidebar-info{
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 2px solid #d2d5dc;
}
.section-student-profile .student-sidebar-info p{
  font-size: 18px;
}
.section-student-profile .student-sidebar-note{
  margin-bottom: 80px;
}
.section-student-profile .student-sidebar-note p{
  font-size: 18px;
  line-height: 26px;
}
.section-student-profile .student-sidebar-get-connected{
  font-size: 16px;
}
.section-student-profile .student-sidebar-get-connected img{
  height: 25px;
  width: 25px;
  object-fit: contain;
}
.section-student-profile .student-sidebar-get-connected a{
  margin-bottom: 25px;
}
.section-student-profile .student-sidebar-get-connected ul li a{
  margin-bottom: 12px;
}
.section-student-profile .student-sidebar-get-connected span{
  margin: 0 20px;
}
.section-student-profile .student-contentarea .error{
  position: absolute;
  top:25px;
}
.payment-options .error{
  top: inherit!important; 
  bottom: -25px;
}
.section-student-profile .student-contentarea{
  padding: 50px 30px 50px 5px;
}
.section-student-profile .student-contentarea h1{ 
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 32px;
}
.section-student-profile .student-contentarea h1 img{
  float: right;
}
.section-student-profile .student-contentarea h2{
  font-size: 35px;
  line-height: 45px;
  text-transform: capitalize;
}
.section-student-profile .student-contentarea p,
.section-student-profile .student-contentarea .checkout-total-amount{
  font-size: 16px;
  line-height: 24px;
}
.section-student-profile .student-contentarea .student-raised{
  background: #e3e5e9;
  border-radius: 60px;
  padding: 32px;
  margin-bottom: 60px;
}
.section-student-profile .student-contentarea .raised-values{
  font-size: 25px;
  margin-bottom: 16px;
}
.section-student-profile .card-items-wrapper .col-xl-4{
  margin-bottom: 24px;
}
.section-student-profile .card-items{
  padding: 60px 25px 50px;
  border-radius: 8px;
  height: 100%;
}
.section-student-profile .card-items-icon{
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-student-profile .card-items-icon img{
  height: 55px;
  width: auto;
}
.section-student-profile .card-items-head{
  font-size: 20px;
  margin-bottom: 16px;
}
.section-student-profile .card-items-progressbar{
  margin-bottom: 32px;
}
.section-student-profile .card-items-amount{
  position: relative;
  font-size: 18px;
}
.section-student-profile .card-items-amount input{
  padding: 4px;
  margin: 0;
  margin-left: 8px;
  padding-left: 15px;
  width: 75px;
  text-align: left;
  outline: 2px solid #000 !important;
  border-radius: 4px;
}
.section-student-profile .card-items-amount input:focus{
  outline: 2px solid#00bdf2 !important;
}
.section-student-profile .payment-options{
  border-radius: 8px;
  padding: 40px;
  margin-bottom: 24px;
}
.section-student-profile .payment-options p{
  font-size: 15px;
  line-height: 22px;
}
.section-student-profile .checkout-total-amount{
  font-size: 18px;
  margin-bottom: 8px;
}
.section-student-profile input.btn-lg{
  padding: 19px 35px 17px!important
}
/* .section-student-profile .payment-option{
  border-right: 1px solid #b3b3b3;
} */
.section-student-profile .payment-option h4{
  margin-bottom: 24px
}
.section-student-profile .payment-option ul li{
  padding-right: 24px;
}
.section-student-profile .payment-option ul li:last-child{
  padding-right: 0;
}
.section-student-profile .section-profilo-video{
  padding: 50px;
}
.section-overview.section-profilo-video .overview-video video{
  border: 0!important;
  border-radius: 12px;
}
.section-overview.section-profilo-video .overview-video{
  max-width: 1000px
}
.section-student-profile .recent-contributions{
  border-radius: 8px;
  padding: 40px 60px;
}
.section-student-profile .recent-contributions .contributions-heading{
  font-size: 35px;
  line-height: 45px;
  margin-bottom: 35px
}
.section-student-profile .recent-contributions .contributions-row{
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 35px;
}
.section-student-profile .recent-contributions .contributions-row:last-child{
  margin-bottom: 0;
}
.section-student-profile .recent-contributions .col-md-2{
  width: 12%
}
.section-student-profile .recent-contributions .col-md-10{
  width: 88%;
}

/* ======================================================================== */
/* START REGISTRATION PAGE STYLE
/* ======================================================================== */
.section-registration{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
  width: 100%;
  height: auto;
}
.section-registration hr{
  margin: 50px -70px;
  border-top: 3px solid #e3e5e9;
}
.section-registration .registration-wrapper{
  border-radius: 25px;
  padding: 60px 100px 95px;
}
.section-registration .registration-header{
  margin: 60px 0 55px;
  padding-bottom: 45px;
  border-bottom: 3px solid #e3e5e9;
}
.section-registration .registration-header .sub-heading{
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.section-registration .registration-header .sub-heading:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ee6815;
  height: 4px;
  width: 84px;  
}
.section-registration .registration-header h1{
  font-size: 60px;
  line-height: 64px;
  margin: auto;
  margin-bottom: 35px
}
.section-registration .registration-header h1 span{
  position: relative;
  top: -6px;
}
.section-registration .registration-header h1 span.step-1{
  font-size: 70px;
  top: -1px;
}
.section-registration .registration-header h1 span.step-2{
  font-size: 75px;
  top: 0;
}
.section-registration .registration-header p{
  font-size: 16px;
  line-height: 24px;
}
.section-registration .stripe-btn{
  background-color: #5f5bfe;
  color: #fff;
  padding: 19px 35px 17px;
  font-size: 18px;
  width: auto;
  margin-bottom: 0;
  border-radius: 50px;
}
.btn-lg{
  padding: 19px 35px 17px;
}
.section-registration .venmo-btn{
  background-color: #008CFF;
  color: #fff;
  padding: 19px 35px 17px;
  font-size: 18px;
  margin-bottom: 0;
  border-radius: 50px;
}
.section-registration .registration-form input,
.section-registration .registration-form select,
.section-registration .registration-form textarea{
  margin-bottom: 30px;
}
.section-registration .form-row-checkbox{
  margin: 35px 0 40px;
}
.section-registration .form-row-checkbox span{
  font-size: 16px;
}
.section-registration .share-link{
  margin-bottom: 80px;
}
.section-registration .share-link p{
  font-size: 20px;
  line-height: 30px;
}
.section-registration .share-link input{
  width: calc(100% - 90px);
  margin-right: 25px;
}
.select2-container--default .select2-results>.select2-results__options{
  min-height: 215px!important;
}
.tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 6px;
  position: absolute;
  z-index: 1;
  bottom: 115%;
  font-size: 13px;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.student-sidebar-get-connected .tooltip .tooltiptext{
  left: -18px;
}
.section-registration .share-link-icon img{
  height: 60px;
  width: auto;
}
.section-registration .send-email{
  margin-bottom: 50px;
  font-size: 20px;
  line-height: 32px;
}
.section-registration .send-email-content{
  position: relative;
  padding: 50px; 
  border-bottom-left-radius: 10px;
  height: 100%;
}
.section-registration .send-email-content textarea{
  padding: 0;
  margin: 0;
  text-align: left;
  line-height: 28px;
  color: #000;
  font-size: 18px;
}
.section-registration .choose-template{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 50px 35px 100px;
}
.section-registration .choose-template-text{
  margin-bottom: 100px;
}
.section-registration .choose-template ul li{
  padding-bottom: 24px;
}
.section-registration .choose-template.super-admin-choose-template ul li{
  padding-bottom: 8px;
}
.section-registration .choose-template ul li a{
  color: #000;
  transition: all 0.5s ease-out;
}
.section-registration .choose-template ul li a:hover{
  color: #ee6815;
  transition: all 0.5s ease-out;
}
.section-registration .total-budget{
  font-size: 40px;
  line-height: 36px;
}
.section-registration .semester-registry{
  margin-bottom: 50px;
}
.section-registration .semester-registry input,
.section-registration .semester-registry select{
  margin-bottom: 0;
}
.section-registration input[type="date"]{
  width: calc(100% - 0px);
  height: 62px;
  padding: 22px 0 20px 20px;
}
.section-registration .semester-funds{
  margin-bottom: 80px;
}
.section-registration .semester-funds .funds-icon{
  margin-left: 60px;
  height: 50px;
  width: 50px;
  object-fit: contain;
}
/* .section-registration .semester-funds input{
  width: calc(100% - 150px);
} */
.section-registration .add-new-semester .btn-transparent-with-border{
  padding: 19px 24px 17px;
}
.section-registration .add-new-semester .form-row-select{
  display: inline-block;
  width: calc(100% - 255px);
  margin-left: 16px;
}
.section-registration .registration-header.student-admin-header h1{
  font-size: 44px;
  line-height: 54px;
}
.section-registration .progress-card-wrapper{
  margin-bottom: 25px;
}
.section-registration .progress-card{
  border-radius: 12px;
  padding: 45px 20px;
  height: 100%;
}
.section-registration .progress-card .row .col-md-6:first-child{
  border-right: 1px solid #e3e5e9;
}
.section-registration .progress-card .icon{
  position: relative;
  top: -5px;
}
.section-registration .progress-card-wrapper .col-md-4{
  margin-bottom: 24px;
}
.section-registration .progress-card p{
  font-size: 20px;
  margin-bottom: 32px;
}
.section-registration .progress-value{
  font-size: 40px;
}
.section-registration .send-msg-now{
  border-radius: 12px;
  padding: 30px;
  margin-bottom: 85px;
}
.section-registration .gift-received{
  font-size: 30px;
  line-height: 46px;
  margin-bottom: 28px;
}
.section-registration .gift-received-wrapper table thead tr{
  border: 1px solid #eaeaea;
  border-bottom: 0;
}
.section-registration .gift-received-wrapper table tbody tr td{
  border-bottom: 0;
  vertical-align: middle;
}
.section-registration .table-responsive{
  border-radius: 12px;
  border: 2px solid #eaeaea;
}
.section-registration .gift-received-wrapper table thead tr th{
  background-color: #66ceff;
  color: #fff;
  font-size: 16px;
}
.section-registration .gift-received-wrapper table thead tr th,
.section-registration .gift-received-wrapper table tbody tr td{
  padding: 24px 18px;
}
.section-registration .save-template{
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.registration-email ul.register-tabs{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.registration-email ul.register-tabs li{
  background: none;
  color: #4a4a49;
  display: inline-block;
  padding: 26px 48px;
  cursor: pointer;
  font-family: 'Albula';
  font-weight: normal;
  background: #ededed;
  font-size: 18px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-right: 12px;
}
.registration-email ul.register-tabs li.current{
  background: #fff;
  color: #000;
  font-weight: 900;
}
.registration-email .tab-content{
  display: none;
  height: 100%;
}
.registration-email .tab-content.current{
  display: inherit;
}
.section-registration .page-link{
  border: 0;
}
.section-search-result .page-item.active .page-link{
  background-color: #eee!important;
  color: #010101;
}
.section-registration .page-item.active .page-link{
  background-color: #eee!important;
}
.section-registration .page-item .page-link{
  padding: 8px 18px!important;
  color: #010101;
}
.section-registration .page-item:first-child .page-link{
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  padding: 8px 12px !important;
}
.section-registration .page-item:first-child .page-link:hover{  
  background-color: #66ceff;
}
.section-registration .page-item:last-child .page-link:hover{  
  background-color: #66ceff;
}
.section-registration .page-item:last-child .page-link{
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 8px 12px !important;
}
.section-registration .input-group{
  width: calc(100% - 135px);
}
.section-registration .filter-icon{
  background: #eee;
  padding: 12px;
  margin-left: 12px;
  border-radius: 8px;
  cursor: pointer;  
}
.section-registration .download-file-icon{
  padding: 12px;
  margin-left: 12px;
  border-radius: 8px;
  cursor: pointer;  
}
.section-registration .text-danger{
  position: absolute;
  bottom: -25px;
  width: 100%;
  margin: 0;
  font-size: 11px;
  display: block;
}
.section-registration.your-account .text-danger{
  position: relative;
  margin: 0;
  font-size: 12px;
  display: block;
}
.section-registration.registration-steps-error-msgs .text-danger{
  position: relative;
  bottom: 0;
  top: -25px;
  font-size: 13px;
}
.section-registration.registration-steps-error-msgs.registration-steps-2 .text-danger{
  top: 10px;
  font-size: 9px;
  line-height: 16px;
}
.upload-profile-img{
  border: 2px solid #66ceff;
  height: 100px;
  width: 100px;
  object-fit: cover;
}
.content-hide{
  display: none;
}
.transaction-fees i{
  color: #5b5b60;
}

.enter-amount-container{
  position: relative;
}
.enter-amount-container .enter-amount-dollar-sign{
  display: block;
  position: absolute;
  left: 12px;
  top: 51%;
  transform: translateY(-50%);
  font-family: 'avenir';
  font-size: 16px;
  line-height: 20px;
  color: #4a4a49;
}

.input-container {
  position: relative;
  width: calc(100% - 150px);
}
.input-container-append{
  position: relative;
}
.dollar-sign{
  /* display: none; */
  position: absolute;
  left: 20px;
  top: 51%;
  transform: translateY(-50%);
  font-family: 'albula';
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a49;
}
.dollar-sign-append{
  display: none;
  position: absolute;
  left: 20px;
  top: 51%;
  transform: translateY(-50%);
  font-family: 'albula';
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a49;
}
.appended-row-items-step2{
  margin-bottom: 16px;
}
.appended-row-items-step2 .dollar-sign{
  top: 22px;
  transform: none;
}
.edit-registry-items .error{
  top: 5px;
}

.student-dashboard-nav ul{
  border-bottom: 3px solid #e3e5e9;
  margin-bottom: 72px;
}
.student-dashboard-nav li .active{
  background: #eee;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.student-dashboard-nav li a{
  color: #4a4a49;
  font-size: 18px;
  padding: 16px 24px;
}
.email-template-content,
.message-template .template-content{
  display: none;
  height: 100%;
}
.email-template.tab-content{
  display: none;
  height: 100%;
}
.send-email-template-content{
  height: 100%;
}
.template-content.current,
.email-template.current,
.email-template-content.current,
.message-template .current{
  display: block;
}
.hide-textarea{
  display: none;
}
.submit-form{
  position: relative;
}
.loader-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: rgb(30 30 30 / 30%);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: none;
  border-radius: 25px;
}
.loader-inner{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.loader{
  width: 32px;
  height: 32px;
  border: 5px solid #fff;
  border-bottom-color: #40abde;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.message-active-tab a{
  color: #ee6815!important;
}
.message-template ul.tabs{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.message-template ul.tabs li{
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
.message-template ul.tabs li.current{
  background: #ededed;
  color: #222;
}
.message-template .template-tab-content{
  display: none;
  background: #ededed;
  padding: 15px;
}
.message-template .template-tab-content.current{
  display: inherit;
}

/* ======================================================================== */
/* START SUPER ADMIN PAGE STYLE
/* ======================================================================== */
.filter-data{
  display: none;
}

/* ======================================================================== */
/* START AUTH PAGE STYLE
/* ======================================================================== */
.section-auth{
  padding: 100px 0;
}
.section-auth .auth-warpper{
  padding: 100px
}
.section-auth .auth-warpper h2{
  font-size: 44px;
  line-height: 56px;
}
.section-auth .auth-warpper p{
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 50px;
}
.section-auth .auth-warpper .auth-form{
  max-width: 600px;
  margin: auto;
}
.section-registration .toggle-password,
.section-auth .toggle-password{
  position: absolute;
  top: 24px;
  right: 20px;
  font-size: 18px;
  z-index: 9;
  cursor: pointer;
}

/* ======================================================================== */
/* START FOOTER STYLE
/* ======================================================================== */
.footer{
  padding: 95px 0 75px;
}
.footer .footer-copyright{
  margin-bottom: 16px;
  font-size: 16px;
}
.footer .footer-social-links img{
  width: auto;
  height: 35px;
  object-fit: contain;
}
.footer .footer-social-links ul li{
  padding-right: 20px;
}
.footer .footer-links ul li{
  padding-right: 22px;
}
.footer .footer-links ul li a.active{
  color: #ee6815;
}
.footer .footer-links ul li a{
  font-family: 'Avenir';
  font-weight: 900;
  font-size: 18px;
  color: #000;
}
.footer .footer-links ul{
  margin-bottom: 16px;
}
.footer .footer-payment-clicks ul li{
  padding-left: 32px;
}

/* ======================================================================== */
/* START MODAL STYLE
/* ======================================================================== */
#semesterModal .modal-header{
  border: 0;
  background: #66ceff;
}
#semesterModal .modal-header .btn-close{
  -webkit-filter: invert(100%);
  filter: invert(100%);
  opacity: 1;
  width: 10px;
  height: 10px;
  padding: 2px;
  position: relative;
  top: -16px;
  right: 3px;
}
#semesterModal .modal-header .modal-title{
  font-size: 26px;
  line-height: 36px;
  color: #fff;
}
#semesterModal .modal-body{
  padding: 40px
}
#semesterModal .modal-body ul li{
  padding-bottom: 8px;
}
#semesterModal .modal-body ul li a{
  font-size: 22px;
  font-family: 'Archer';
  font-weight: 500;
}
#semesterModal .modal-content{
  padding: 0;
}

/* ======================================================================== */
/* START EMAIL VERIFICATION STYLE
/* ======================================================================== */
.section-auth-email-verification .w-full{
  border-radius: 0!important;
  box-shadow: none!important;
  width: 100%;
  max-width: 100%!important;   
}
.section-auth-email-verification .w-full .flex{
  display: block!important;
}
.section-auth-email-verification .min-h-screen{
  background: #fff!important;
  height: auto;
  min-height: auto!important;
  text-align: center;
}
.section-auth-email-verification .min-h-screen a{
  display: none;
}
.section-auth-email-verification button[type="submit"]{
  font-family: 'Albula';
  font-weight: bold;
  background-color: #ee6815!important;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  padding: 19px 35px 17px!important;
  font-size: 18px;
  line-height: 20px;
  border: none;
  text-transform: capitalize!important;
  text-decoration: none;
  border: 0!important;
  color: #fff!important
}
.section-auth-email-verification .menu-wrapper{
  display: flex;
  justify-content: end;
  align-items: center;  
}
.download-qr-code{
  border: 2px dashed #66ceff;
  padding: 32px;
}
.delete-modal .modal-title{
  font-size: 28px;
}
.delete-modal .modal-header{
  border-bottom: 0;
  padding-top: 32px;
  padding-bottom: 8px;
}
.delete-modal .modal-body{
  font-size: 24px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 24px;
  border-bottom: 0;
}
.delete-modal .modal-footer{
  border: 0;
  padding-bottom: 32px;
}
.progress-card.total-tsr-fees .progress-value{
  font-size: 24px;
  line-height: 32px;
}
.payment-options .checkout-total{
  visibility: hidden;
}

.student-profile .header .menu-account{
  display: none!important;
}

/* ======================================================================== */
/* START MEDIA QUERIES STYLE
/* ======================================================================== */


@media only screen
and (min-device-width : 400px)
and (max-device-width : 950px)
and (orientation : landscape) {
  .section-banner{
    padding: 16px 0;
  }
  .section-banner h1{
    font-size: 40px;
    line-height: 40px;
  }
  .section-banner p{
    font-size: 24px!important;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .section-banner .align-items-center{
    align-items: end!important;
  }
}

@media (min-width: 768px) {
  #loader{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.90);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .loader-circle{
    width: 60px;
    height: 60px;
    border: 5px solid #fff;
    border-bottom-color: #40abde;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
  }
  @keyframes rotation{
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  #loader.loaded{
    display: none;
  }
}

@media (max-width: 1440px) {
  /* START HOME PAGE STYLE */
  .section-header h2 {
    font-size: 48px;
  }
  .section-find-student .font-size-25{
    font-size: 20px;
  }

  /* START HOW IT WORKS PAGE STYLE */
  .section-how-it-works .how-it-works-content .how-it-works-heading{
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 24px;
  }
  .section-how-it-works .how-it-works-content p{
    margin-bottom: 32px;
  }

  /* START FAQS PAGE STYLE */
  .section-faqs{
    padding: 100px 0 150px;
  }
  .section-faqs .faqs-content-area {
    padding: 0 50px 0 50px;
  }
  .section-faqs .accordion-button{
    font-size: 18px;
  }

  /* START CONTACT PAGE STYLE */
  .section-contact-us:after{
    height: 450px;
  }
  .section-contact-us .contact-us-info {
    padding: 50px 50px 0 50px;
  }

  /* START TESTIMONIALS PAGE STYLE */
  .footer .footer-links ul li {
    padding-right: 12px;
  }
  .footer .footer-links ul li a{
    font-size: 16px;
  }

  /* START REGISTRATION PAGE STYLE */
  .semester-funds label.pe-3{
    font-size: 14px;
    padding-right: 8px!important;
  }
  .section-registration .send-email{
    font-size: 18px;
    line-height: 30px;
  }
  
  /* Student Portal */
  input.with-radius, textarea.with-radius, select.with-radius{
    font-size: 14px;
  }
  .form-row-select:after{
    width: 11px;
    height: 9px;
  }
}
@media (max-width: 1400px) {
  /* ======================================================================== */
  /* START PORTAL HEADERS STYLE
  /* ======================================================================== */  
  .portal-header .row{
    margin: 0 -50px;
    border-bottom: 3px solid #e3e5e9;
    padding: 0 16px 32px;
  }
  .section-registration hr{
    margin: 50px -50px;
  }
  
  /* START REGISTRATION PAGE STYLE */
  .section-registration .registration-wrapper{
    padding: 60px 75px 95px;
  }
  .section-registration .registration-header.student-admin-header h1{
    font-size: 36px;
    line-height: 44px;
  }
  .section-how-it-works .how-it-works-content{
    padding-right: 75px;
  }
}
@media (max-width: 1400px) {
  .section-student-profile .card-items-amount,
  .section-student-profile .card-items-amount input,
  .enter-amount-container .enter-amount-dollar-sign{
    font-size: 14px;
  }
  .section-student-profile .card-items{
    padding: 60px 15px 50px;
  }
  .section-student-profile .card-items-head{
    font-size: 18px;
  }
}
@media (max-width: 1366px) {
  /* ======================================================================== */
  /* START PORTAL HEADERS STYLE
  /* ======================================================================== */  
  .portal-header .row{
    margin: 0 -50px;
    border-bottom: 3px solid #e3e5e9;
    padding: 0 12px 32px;
  }
  .portal-header .main-logo img{
    width: 200px;
  }
  .portal-header a{
    font-size: 16px;
  }
  
  /* START FOOTER STYLE */
  .footer .footer-payment-clicks ul li{
    padding-left: 0;
    padding-right: 16px;
  }

  /* START HOME PAGE STYLE */
  .section-testimonial .slick-next{
    left: 6.5%;
  }
  .section-banner p{
    font-size: 32px;
  }

  /* START SEARCH RESULT PAGE STYLE */
  .section-search-result .font-size-25 {
    font-size: 20px;
    line-height: 30px;
  }

  /* START REGISTRATION PAGE STYLE */
  .section-registration .share-link p{
    font-size: 16px;
  }
  .section-registration .registration-header h1{
    font-size: 48px;
    line-height: 60px;
  }
  .section-registration .progress-card p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .section-registration .gift-received-wrapper table thead tr th, .section-registration .gift-received-wrapper table tbody tr td{
    white-space: nowrap;
  }
  .section-registration .total-budget{
    font-size: 32px;
    line-height: 40px;
  }

  /* START STUDENT PROFILE PAGE STYLE */
  .section-student-profile .student-contentarea h1{
    font-size: 40px;
    line-height: 54px;
  }
  .section-student-profile .student-contentarea .raised-values{
    font-size: 22px;
  }
  .section-student-profile .card-items{
    padding: 40px 15px 30px
  }
  .section-student-profile .card-items-amount input{
    width: 50px;
  }
  .section-student-profile .card-items-head{
    font-size: 18px;
  }
  .section-student-profile .payment-option ul li {
    padding-right: 8px;
  }
  .section-student-profile input.btn-lg {
    padding: 19px 12px 17px !important;
  }
  .progress-card.total-tsr-fees .progress-value{
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 1200px) {
  /* ======================================================================== */
  /* START PORTAL HEADERS STYLE
  /* ======================================================================== */  
  .portal-header .row{
    margin: 0 -30px;
  }
  .section-registration hr{
    margin: 50px -30px;
  }
  .portal-header .main-logo img{
    width: 100%;
  }
  .portal-header li{
    padding: 0 8px;
  }
  .portal-header a{
    font-size: 13px;
  }

  .section-inner-banner {
    padding: 225px 0 70px;
  }
  /* START FOOTER STYLE */
  .footer{
    padding: 70px 0;
  }
  .footer .footer-links ul li{
    padding-right: 16px;
  }

  /* START HOME PAGE STYLE */
  .section-find-student .font-size-25 {
    font-size: 18px;
  }
  .section-testimonial .slick-slide {
    margin-right: 24px;
  }
  .section-testimonial .testimonial-slide-content{
    padding: 32px 24px;
  }
  .section-testimonial .section-header {
    max-width: 100%;
  }
  .section-testimonial .slick-next {
    left: 8%;
  }
  .section-about-us .about-us-content .about-us-ctas a:first-child{
    margin-right: 8px;
  }

  /* START HOW IT WORKS PAGE STYLE */
  .section-how-it-works {
    padding: 48px 0;
  }
  .section-how-it-works .how-it-works-content,
  .section-how-it-works.bg-colored .how-it-works-content{
    padding-right: 0;
  }
  .section-how-it-works .how-it-works-content .how-it-works-heading{
    font-size: 28px;
    line-height: 40px;
  }
  .section-how-it-works .how-it-works-content .how-it-works-heading,
  .section-how-it-works .how-it-works-content p{
    margin-bottom: 16px;
  }

  /* START FAQS PAGE STYLE */
  .section-faqs .faqs-content-area {
    padding: 0 25px;
  }

  /* START CONTACT PAGE STYLE */
  .section-contact-us{
    padding: 100px 0 100px;
  }
  .section-contact-us:after{
    height: 300px;
  }
  .section-contact-us .contact-us-info{
    padding: 50px 0 0 25px;
  }
  .section-contact-us .contact-us-info .icon{
    margin-right: 8px;
  }

  /* START REGISTRATION PAGE STYLE */
  .section-registration .registration-wrapper{
    padding: 50px;
  }
  .section-student-profile .payment-options,
  .section-student-profile .recent-contributions{
    padding: 30px;
  }
  .section-student-profile .payment-option{
    border-right: 0;
  }
  .section-student-profile .payment-option ul{
    margin-bottom: 30px;
  }
  .section-registration .choose-template{
    padding: 50px 20px 100px;
  }
  .share-link .col-md-12{
    margin-bottom: 16px;
  }
  .section-registration .total-budget{
    font-size: 24px;
    line-height: 32px;
  }
  .section-registration .semester-registry div:last-child{
    margin-top: 8px;
  }
  .append-items.w-50{
    width: 100%!important;
  }

  /* START SEARCH RESULT PAGE STYLE */
  .section-search-result .font-size-25 {
    font-size: 18px;
  }

  .section-registration .progress-card{
    padding: 45px 8px;
  }
  .section-registration .progress-card p{
    font-size: 16px;
  }

}
@media (max-width: 991px) {
  .section-header h2 {
    font-size: 36px;
  }

  /* START HEADER STYLE */
  .header .main-logo img{
    width: 200px;
  }

  /* START FOOTER STYLE */
  .footer .footer-copyright{
    margin-bottom: 25px;
  }
  .footer .footer-links ul{
    margin-bottom: 60px;
  }
  .footer .footer-links ul li{
    display: inline-block;
    padding: 0 16px 20px;
  }  
  .footer .footer-links ul li a{
    font-size: 16px;
  }
  .footer .footer-payment-clicks p{
    font-size: 18px;
    margin-bottom: 25px;
  }
  .footer .footer-social-links{
    margin-bottom: 45px;
  }
  .footer .footer-social-links ul li{
    padding: 0 12px;
  }
  .footer .footer-payment-clicks ul li{
    padding: 0 12px;
  }  
  .footer .footer-links ul li{
    padding-right: 0;
  }

  /* START HOME PAGE STYLE */
  .section-get-started {
    padding: 100px 0 0;
  }
  .section-about-us .about-us-content h3{
    font-size: 32px;
    line-height: 40px;
  }
  .section-about-us .about-us-content .about-us-ctas a:first-child{
    margin-right: 0;
    margin-bottom: 16px;
  }
  .section-about-us{
    padding: 150px 0 110px;
  }
  .section-testimonial{
    padding: 150px 0 150px;
  }
  .section-testimonial .slick-next{
    left: 11%;
  }
  .section-find-student .font-size-25{
    text-align: left;
    line-height: 24px;
  }
  .section-find-student input{
    font-size: 16px;
  }

  /* START HOW IT WORKS PAGE STYLE */
  .section-inner-banner{
    padding: 225px 0 70px;
  }
  .section-overview .overview-video{
    max-width: 100%;
    height: 400px;
  }
  .section-overview .overview-video video{
    min-height: 400px;
  }
  .section-how-it-works .how-it-works-content{
    margin-bottom: 50px;
  }
  .section-how-it-works .how-it-works-img img{
    width: 400px;
  }

  /* START FAQS PAGE STYLE */
  .section-faqs{
    padding: 100px 0 100px;
  }

  /* START CONTACT PAGE STYLE */
  .section-contact-us .contact-us-info {
    padding: 50px 0 0 0;
  }

  /* START AUTH PAGE STYLE */  
  .section-auth .auth-warpper {
    padding: 50px;
  }

  /* START SEARCH RESULT PAGE STYLE */
  .section-search-result .search-result-data img{
    width: 80px;
  }
  .section-search-result .search-result-data .search-result-data-name{
    padding-left: 16px;
  }
  .section-search-result .btn-transparent-with-border{
    padding: 19px 24px 17px;
  }
  .section-search-result .font-size-25 {
    font-size: 24px;
    margin-bottom: 16px;
  }

  /* START REGISTRATION PAGE STYLE */
  .section-registration{
    padding: 48px 0;
  }
  .section-registration .registration-header h1{
    width: 100%!important;
  }
  .registration-email .col-lg-8,
  .registration-email .col-lg-4{
    padding: 0!important;
  }
  .section-registration .progress-card p{
    font-size: 14px;
  }
  .section-registration .progress-card{
    padding: 35px 10px;
  }
  .section-registration .progress-value {
    font-size: 28px;
  }
  .section-registration .send-msg-now p{
    margin: 8px 0 16px;
  }
  .portal-header .main-logo{
    margin-bottom: 16px;
    float: left;
  }
  .portal-header .main-logo img{
    width: 50%;
  }
  .portal-header .portal-logout img{
    width: 24px;
  }
  .download-qr-code.w-50{
    width: 75%!important;
  }
}
@media (max-width: 767px) {
  .section-banner a.btn-orange{
    margin-bottom: 8px;
  }  
  .section-student-profile.section-mt-215{
    margin-top: 115px;
  }
  .w-sm-100{
    width: 100%!important;
    margin-bottom: 8px;
  }
  .w-sm-100.pe-2,
  .w-sm-100.ps-2{
    padding: 0!important;
  }
  /* START HEADER STYLE */
  .header .main-logo img {
    width: 115px;  
  }
  .header .row{
    align-items: center;
  }
  .header .hamburger-icon{
    position: relative;
    right: 5px;
    top: 0;
  }

  /* START FOOTER STYLE */
  .footer .footer-links ul{
    margin-bottom: 40px;
  }

  /* START HOME PAGE STYLE */
  .banner-content {
    padding-top: 125px;
  }
  .section-find-student{
    padding: 50px 0;
  }
  .section-find-student .col-lg-4,
  .section-find-student .col-lg-8{
    width: 100%;
  }
  .section-find-student input{
    width: calc(100% - 0px);
    margin: 20px 0;
  }
  .section-find-student .btn-transparent,
  .section-overview .btn-orange{
    width: 100%;
  }
  .section-find-student .font-size-25{
    font-size: 25px;
    line-height: 32px;
    text-align: center;
  }
  .section-get-started{
    padding: 55px 0;
  }
  .section-get-started img{
    margin-bottom: 15px;
  }
  .section-testimonial{
    padding: 75px 0;
    background-size: cover;
  }
  .section-testimonial .section-header{
    max-width: 90%;
    margin: 0 auto 135px;
  }
  .section-testimonial .slick-prev{
    top: 28%;
    left: 36.5%;
  }
  .section-testimonial .slick-next{
    top: 28%;
    left: 51.5%;
  }
  .section-testimonial .slick-slide{
    margin-right: 0;
  }
  .section-about-us{
    background-image: none!important;
    background-color: #fff;
    padding: 0;
  }
  .section-about-us .about-us-content{
    top: 0; 
  }
  .section-about-us .about-us-content .about-us-ctas a{
    display: block;
    width: 100%;
  }
  .section-about-us .about-us-content p{
    margin-bottom: 24px;
  }

  /* START FAQS PAGE STYLE */
  .section-faqs{
    padding: 80px 0;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .section-faqs .faqs-content-area{
    margin-top: 75px;
    padding: 0;
  }
  .section-faqs .faqs-content-area .faqs-content-block:first-child {
    margin-bottom: 85px;
  }
  .section-banner .sub-heading{
    line-height: 32px;
  }
  .section-helpful-videos{
    padding: 72px 0 56px;
  }

  /* START CONTACT PAGE STYLE */
  .section-contact-us {
    padding: 50px 0 163px;
  }
  .btn-orange.w-90{
    width: 100%;
  }
  .section-contact-us .contact-us-info .contact-us-info-holder {
    margin-bottom: 90px;
  }
  .section-contact-us .contact-us-form{
    padding: 40px 30px;
    margin: 0 20px;
  }  
  .section-contact-us .contact-us-info{
    margin: 0 20px;
  }
  .section-contact-us .contact-us-info {
    padding: 95px 0 0 0;
  }

  /* START TESTIMONIALS PAGE STYLE */
  .section-started .get-started-text {
    font-size: 32px;
    line-height: 40px;
  }

  /* START REGISTRATION PAGE STYLE */
  .section-registration .registration-wrapper{
    padding: 20px;
  }
  .section-registration .registration-header h1{
    font-size: 32px;
    line-height: 40px;
  }
  .section-registration .registration-header h1.w-75{
    width: 100%!important;
  }
  .registration-email .col-lg-8, .registration-email .col-lg-4 {
    padding: 12px !important;
  }
  .registration-email ul.register-tabs li{
    width: 100%;
    border-radius: 0;
    margin-right: 0;
    padding: 26px 24px;
  }
  .section-registration .send-email-content,
  .section-registration .choose-template{
    border-radius: 0;
  }
  .section-registration .send-email-content{
    padding: 50px 24px 50px;
    font-size: 16px;
    line-height: 24px;
  }
  .section-registration .choose-template.super-admin-choose-template ul li{
    font-size: 16px;
  }
  .section-registration .progress-card p {
    font-size: 18px;
  }
  .section-registration .progress-card{
    margin-bottom: 15px;
    height: auto;
    padding: 30px;
  }
  .section-registration .registration-header h1 span{
    top: -4px;
  }
  .section-registration .registration-header h1 span.step-1,
  .section-registration .registration-header h1 span.step-2{
    font-size: 40px;
  }
  .portal-header .row {
    margin: 0 -15px;
    padding: 0 0px 12px;
  }
  .section-registration hr{
    margin: 50px -15px;
  }
  .section-registration .save-template{
    width: 100%;
    font-size: 16px;
    bottom: 12px;
  }
  .remove-registry-items {
    top: 15%;
    left: inherit;
    right: 2.5%;
  }
  .section-registration .transaction-wrapper input{
    width: 100%
  }
  .portal-header li{
    padding: 0 16px 0 0;
  }
  .portal-header li a{
    font-size: 13px;
  }
  .section-registration .text-danger{
    position: relative;
    margin-bottom: 28px;
    font-size: 14px;
  }
  .semester-registry .error.error-start-date{
    left: 0;
  }
  .input-container{
    width: calc(100% - 0px);
  }
  .semester-registry .error{
    top: -5px
  }

  /* STUDENT PROFILE PAGE */
  .section-student-profile .student-sidebar{
    padding: 50px 15px;
    border-radius: 0;
  }
  .section-student-profile .student-sidebar-info p {
    font-size: 16px;
  }
  .section-student-profile .student-contentarea .raised-values {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .section-student-profile .student-contentarea .student-raised{
    padding: 16px 24px;
    margin-bottom: 40px;
  }
  .section-student-profile .payment-options{
    text-align: center;
  }
  .section-student-profile .payment-option ul{
    margin: auto;
    justify-content: center;
    margin-bottom: 24px;
  }
  .section-registration .share-link p{
    text-align: left;
  }

  /* START AUTH PAGE STYLE */
  .section-auth {
    padding: 50px 0;
  }
  .section-auth .auth-warpper {
    padding: 30px;
  }
  .section-auth .auth-warpper p{
    font-size: 24px;
    line-height: 36px;
  }
  .section-auth .auth-warpper h2 {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 16px;
  }
  .section-student-profile .checkout-total-amount{
    margin-bottom: 16px;
  }
  .section-student-profile .student-sidebar h3{
    font-size: 22px;
  }
  .section-student-profile .student-sidebar-note {
    margin-bottom: 50px;
  }
  .section-student-profile .student-contentarea h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .section-student-profile .recent-contributions .contributions-heading {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 24px;
  }

  /* START SEARCH RESULT PAGE STYLE */
  .section-search-result .search-result-wrapper,
  .section-search-result .search-result-data{
    padding: 30px;
  }
  .section-search-result .search-result-wrapper input {
    width: calc(100% - 0px);
    margin-right: 0;
    margin-bottom: 16px !important;
  }
  .section-search-result .btn-orange{
    width: 100%;
  }
  .section-search-result .btn-transparent-with-border{
    margin-top: 16px;
  }
  .section-search-result .search-result-data .search-name {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 8px;
  }

  /* START CHECKOUT STYLE */
  .section-checkout .checkout-wrapper{
    padding: 30px;
  }
  .section-checkout .checkout-info-profile{
    margin-bottom: 24px;
  }
  .section-checkout .checkout-info-profile img{
    border-radius: 50%;
  }

  /* START STUDENT PROFILE STYLE */
  .section-student-profile .recent-contributions .col-md-2{
    width: 25%;
  }
  .section-student-profile .recent-contributions .col-md-10 {
    width: 75%;
  }
  .section-student-profile .student-contentarea {
    padding: 50px 15px 50px 15px;
  }
  .section-student-profile .student-contentarea h1 {
    font-size: 28px;
    line-height: 40px;
  }
  .section-student-profile .student-contentarea h1 img{
    width: 45px;
  }  
  .section-student-profile .section-profilo-video {
    padding: 30px;
  }
  .section-overview .section-header {
    margin-bottom: 16px;
  }
  .section-overview.section-profilo-video .overview-video{
    margin-bottom: 0;
  }

  /* START REGISTRATION PAGE STYLE */
  .section-registration .semester-registry div{
    margin-top: 20px;
  }
  .section-registration .semester-registry div:last-child .d-inline-block{
    display: block!important;
  }
  .section-registration .semester-registry input[type="date"]{
    width: 100%;
    position: relative;

  }
  .section-registration .semester-registry div:last-child {
    margin-top: 10px;
  }
  .section-registration .semester-funds .funds-icon{
    margin-left: 0;
    margin-top: 32px;
    width: 40px;
    height: 40px;
    object-fit: contain;
  }
  .section-registration .semester-funds input{
    width: 100%;
  }
  .section-registration .semester-funds label{
    font-size: 18px;
    padding-bottom: 12px;
  }
  .section-registration .semester-funds .mb-3{
    margin-bottom: 30px!important;
  }
  .remove-row{
    right: -10px;
    bottom: 3px;
    border: 0;
  }
  .remove-row img {
    width: 16px;
  }
  .appended-row-organization,
  .appended-row-share-profile,
  .appended-row-items-step2,
  .append-share-profile,
  .append-organization,
  .append-items-student-admin-registry.w-50,
  .append-items.w-50{
    width: 95%!important;
  }
  .append-items-student-admin-registry.w-50 .appended-row-items-step2,
  .append-items.w-50 .appended-row-items-step2{
    width: 100%!important;
  }
  .appended-row-items-step2 .remove-row,
  .append-items-student-admin-registry .remove-row,
  .append-items .remove-row{
    right: -25px;
  }
  .appended-row-items-step2 .socialProfile,
  .appended-row-items{
    margin-bottom: 16px!important;
  }
  .append-items-student-admin-registry [type="text"]{
    margin-bottom: 8px!important;
  }
  .section-registration .total-budget{
    margin: 10px 0 5px;
    font-size: 48px;
    line-height: 48px;
  }
  .section-registration .registration-header.student-admin-header h1{
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 12px!important;
  }
  .section-registration .add-new-semester .form-row-select {
    width: 100%;
    margin-left: 0;
    margin-top: 16px;
  }
  .portal-header ul{
    width: 100%;
    overflow: scroll;
  }
  .portal-header ul li a{
    white-space: nowrap;
  }
  .portal-header .portal-logout a{
    font-size: 11px;
  } 
  .table-pagination ul.pagination{
    overflow: scroll;
  }
  .student-dashboard-nav li a {
    font-size: 13px;
    padding: 7px 13px 5px;
  }
  .header{
    top: 16px
  }
  .header-sticky{
    top: 0!important;
  }
  .section-inner-banner h1:after{
    bottom: -16px;
  }
  .section-inner-banner{
    padding: 100px 0 35px;
  }
  .section-registration .form-row-checkbox span{
    padding-left: 8px !important;
    text-align: left;
    line-height: 24px;
  }
  .section-contact-us:after {
    height: 200px;
  }

  /* STUDENT ADMIN STYLE */
  .section-registration .send-msg-now .btn-orange{
    font-size: 14px;  
  }
  .registry-url{
    font-size: 14px!important;
    line-height: 22px!important;
    word-break: break-all;
  }
  .portal-header .portal-logout a:before{
    top: -30px;
    width: 90px;
    left: 5px;
    font-size: 10px;
  }
  .upload-profile-img{
    margin-bottom: 32px;
    height: 200px;
  }
  #fileNameDisplay{
    margin-bottom: 16px;
  }
  .student-search-pagination ul{
    justify-content: start;
  }
  .section-student-profile .card-items-amount{
    font-size: 16px;
  }
  .section-student-profile .card-items-amount input{
    width: 150px;
  }
  .section-overview.section-vid .overview-video{
    height: 250px;
  }
  .section-overview.section-vid .overview-video iframe{
    height: 250px;
    border: 10px solid #fff;
  }
  .youtube-video,
  .youtube-video iframe{
    height: 220px;
  }
  .footer .footer-links ul li{
    padding: 0 6px;
  }
  .footer .footer-links ul li a{
    font-size: 14px;
  }
  .footer{
    padding: 48px 0;
  }
  .footer .footer-payment-clicks p{
    font-size: 16px;
  }
  .download-qr-code.w-50{
    width: 100%!important;
  }
  .download-qr-code{
    padding: 12px;
  }
  .download-qr-code .btn-orange{
    font-size: 14px;
    padding: 13px 16px 11px;
  }
  .section-registration .progress-card .row .col-md-6:first-child{
    border-right: 0;
    border-bottom: 1px solid #e3e5e9;
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  .section-content-area .section-heading {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 576px) {
  .section-header h2 {
    font-size: 36px;
    line-height: 44px;
  }
  /* START HOW IT WORKS PAGE STYLE */
  .section-inner-banner h1{
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 56px;
  }
  .section-inner-banner p{
    line-height: 24px;
    max-width: 75%;
    margin: auto;
  }
  .section-overview{
    padding: 50px 0;
  }
  .section-overview .overview-video{
    height: 300px;
  }
  .section-overview .overview-video video{
    min-height: 300px;
    border: 10px solid #fff;
  }
  .section-how-it-works {
    padding: 75px 0;
  }
  .section-how-it-works .how-it-works-img img{
    width: 250px;
  }
  .tooltip .tooltiptext{
    width: 115px;
    left: 30%;
    font-size: 10px;
  }
  .tooltip .tooltiptext::after{
    left: 75%;
  }
  .section-student-profile .student-contentarea h1{
    font-size: 24px;
  }
  .section-overview .overview-video iframe{
    height: auto;
  }
  .section-overview.section-profilo-video .overview-video{
    height: auto;
  }
  /* START SUPER ADMIN PAGE STYLE */
  .section-registration .input-group{
    flex-wrap: nowrap;
    width: 100%;
  }
}
@media (max-width: 480px) {
  /* START HOW IT WORKS PAGE STYLE */
  .section-overview .overview-video{
    height: 265px;
  }
  .section-overview .overview-video video{
    min-height: 265px;
  }
  .header .hamburger-icon img {
    width: 45px;
  }
  .section-banner{
    background-image: url('/images/main-banner-mob.png') !important;
    height: 100%;
    padding-bottom: 500px;
    background-size: 100%;
    background-position: bottom;
    background-color: #e1ded9;
  }
  .section-banner h1 {
    font-size: 40px;
    padding: 15px 0px;
  }
  .section-banner p {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 26px;
  }
}
@media (max-width: 430px) {
  /* START HOW IT WORKS PAGE STYLE */
  .section-overview .overview-video{
    height: 235px;
  }
  .section-overview .overview-video video{
    min-height: 235px;
  }
  .section-auth .auth-warpper h2 {
    font-size: 24px;
    line-height: 34px;
  }
  .section-auth .auth-warpper p {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 380px) {  
  .youtube-video,
  .youtube-video iframe{
    height: 200px;
  }
  .portal-header li {
    padding: 0 12px 0 0;
  }
  .portal-header li a {
    font-size: 11px;
  }
  .section-header h2{
    font-size: 32px;
    line-height: 40px;
  }
  .section-testimonial .slick-prev{
    top: 25%;
    left: 35%
  }
  .section-testimonial .slick-next{
    top: 25%;
    left: 53%;
  }
  /* START HOME PAGE STYLE */
  .section-banner{
    padding-bottom: 435px;
  }
  /* START HOW IT WORKS PAGE STYLE */
  .section-overview .overview-video{
    height: 205px;
  }
  .section-overview .overview-video video{
    min-height: 205px;
  }

  /* START CONTACT PAGE STYLE */
  .section-contact-us:after {
    height: 250px;
  }
  .section-contact-us .contact-us-info a{
    font-size: 14px;
  }
  .section-contact-us .contact-us-info p{
    line-height: 25px;
  }

  /* START FAQS PAGE STYLE */
  .section-faqs .accordion-button {
    font-size: 16px;
    line-height: 24px;
  }
  .section-registration .form-row-checkbox span{
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 320px) {
  /* START HOW IT WORKS PAGE STYLE */
  .section-overview .overview-video{
    height: 175px;
  }
  .section-overview .overview-video video{
    min-height: 175px;
  }
} 
/* Safari-specific styles */
@supports (-webkit-touch-callout: inherit) {
  /* Safari-specific CSS rules here */
  .student-search-pagination ul li:last-child.disabled span,
  .student-search-pagination ul li [rel="next"],
  .section-registration .student-search-pagination.super-admin-search-pagination ul li [rel="next"],
  .section-registration .student-search-pagination.super-admin-search-pagination ul li:last-child.disabled span{
    padding: 8px 24px 16px!important;
  }
  .student-search-pagination ul li:first-child.disabled span,
  .student-search-pagination ul li [rel="prev"],
  .section-registration .student-search-pagination.super-admin-search-pagination ul li [rel="prev"],
  .section-registration .student-search-pagination.super-admin-search-pagination ul li:first-child.disabled span{
    padding: 8px 24px 16px!important;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  
}