@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/SofiaProRegular.eot');
    src: url('../fonts/SofiaProRegulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaProRegular.woff2') format('woff2'),
        url('../fonts/SofiaProRegular.woff') format('woff'),
        url('../fonts/SofiaProRegular.ttf') format('truetype'),
        url('../fonts/SofiaProRegular.svg#SofiaProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/SofiaPro-Bold.eot');
    src: url('../fonts/SofiaPro-Boldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaPro-Bold.woff2') format('woff2'),
        url('../fonts/SofiaPro-Bold.woff') format('woff'),
        url('../fonts/SofiaPro-Bold.ttf') format('truetype'),
        url('../fonts/SofiaPro-Bold.svg#SofiaPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Sofia Pro';
}
.new-middle-section p, .remindPopup p, button {
    font-family: 'Sofia Pro';
    font-weight: normal;
}

.new-middle-section {
  margin-top: 60px;
  font-family: 'Sofia Pro';
}
.banner-section {
  background-image: url(../images/banner-image.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 867px;
}
.banner-tabs {
  background: rgba(255, 255, 255, 0.67);
      -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  margin-top: 175px;
  width: 714px;
}
.banner-tabs .nav-tabs {
  background: #ffffff;
  border-bottom: 2px solid #acadae;
  
}
.banner-tabs .nav-tabs .nav-link {
  border-left: none;
  border-right: none;
  border-radius: 0 !important;
  border-bottom-color: transparent;
  border-top: none;
  border-bottom-style: solid;
  border-bottom-width: 6px;
  font-family: Sofia Pro;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  color: #000000;
  padding: 25px 37.4px;
}
.banner-tabs .nav-tabs .nav-item {
  margin-bottom: -1px;
  flex: auto;
 -ms-flex: auto;
    
   

}
.banner-tabs .nav-tabs .nav-item.show .nav-link,
.banner-tabs .nav-tabs .nav-link.active {
  border-bottom: 6px solid #000;
  border-left: none;
  border-right: none;
  border-top: none;
}
.banner-tabs .nav-tabs .nav-link:hover {
  border-top-color: transparent !important;
}
.banner-tabs .nav-tabs .nav-item img {
  width: 30px;
  margin-bottom: 12px;
}
.banner-tabs .tab-content {
  padding: 17px 24px;
}
.bt-text-content {
  margin-top: 30px;
  padding: 0 140px;
  margin-bottom: 36px;
}
.banner-tabs .tab-content h1 {
  font-weight: bold;
  font-size: 48px;
  line-height: 67px;
  color: #000000;
}
.banner-tabs .tab-content h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 36px;

  color: #000000;

  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);
}
.banner-tabs .tab-content h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  color: #000000;

  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);
}
.text-devider {
  width: 200px;
  height: 8px;
  margin: 16px 0;

  background: linear-gradient(90deg, #0d0d0d 50%, rgba(0, 0, 0, 0) 100%);
}
.offer-container {
  margin-bottom: 65px;
}
.offer-container .container {
  max-width: 1263px;
  background: #ffffff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  border-radius: 26px;
  padding: 55px;
  margin-top: -124px;
}

.offer-container h1 {
  font-weight: bold;
  font-size: 40px;
  color: #000000;
  text-align: center;
  margin-bottom: 15px;
}
.offer-container p {
  font-weight: normal;
  font-size: 20px;
  text-align: center;
}
.oc-heading {
  margin-bottom: 60px;
}
.offer-row:last-child {
  margin-bottom: 0;
}
.offer-row {
  margin-bottom: 100px;
}

.offer-row h2 {
  font-weight: bold;
  font-size: 30px;
  text-decoration-line: underline;
  margin-bottom: 35px;

  color: #a52025;
}
.offer-box {
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
}
.offer-box-img {
  margin-bottom: 18px;
  padding: 20px;
  background: #fafafa;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  height: 230px;
}
.offer-box-img img {
	max-height: 100px;
	object-fit: cover;
	max-width: 100%;
	min-width: 110px;
}
.offer-box h4 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 18px;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.view-offer-btn {
  font-weight: bold;
  font-size: 16px;
  text-decoration-line: underline;
  color: #2f2f2f;
}
.view-offer-btn:hover {
  text-decoration-line: underline;
}
.repymentScreen { margin-top:70px; max-width:1000px; margin-left:auto; margin-right:auto; margin-bottom:70px;}
.repymentScreen h1 { font-weight:bold;}
.repymentScreen h2 { margin-top:40px; font-weight:bold; font-size:22px;}
.repymentScreen p { color:#7b7c7d; font-size:18px;}
.repaymentBox { background:#ffffff; border-radius:20px; padding:10px; margin-bottom:15px;}
.repaymentBox h3 { font-size:20px; font-weight:bold;}
.repaymentBoxImg { background:#f6f8fa; text-align:center; border-radius:10px; padding-top:10px;}
.repaymentBoxText { padding-left:20px;}
.repaymentBoxText p { padding-left:20px;}
.waiver_pdf {cursor: pointer;color: #000066;text-decoration: underline;font-size: 16px;}
.waiver_download_icon {padding-left: 20px;color: red;width: 40px;height: 20px;margin-right: 3px;}
.repayCard {/*background: #d60231;*/ background:url(../images/redBg.png) no-repeat; border-radius: 20px; overflow:hidden; background-size:cover;}
.repayCard table {width:100%;}
.repayCard span {color:#fbccd4;}
.repayCard .offerBtn {background:#be426f; color:#ffffff; display:inline-block; padding:5px 15px; font-weight:bold; border-radius:25px; font-size:14px;}
.repayCard table tr td { color:#ffffff; padding:12px 25px;}
.offerEnd {background: #f2f2f2; padding: 15px 30px; margin-right: -60px; border-radius: 25px 0 0 25px;}
.offerEnd p { margin:0;}
.offerEnds button{background: #b2023c; border-radius: 38px; padding: 15px 15px; margin-bottom: 15px; border: none; color: #fff; font-weight: bold; margin-bottom:0;font-size: 14px;}
.offerEnds .row { display:flex; align-items: center;}
.offerEnds .row a{ color:#000066; font-weight:bold; text-decoration:underline;}
.offerEnds p, .offerEndPopup p  { color:#000066;}

.consent {background: #f2f2f2; padding: 15px 30px;  margin-top: 60px;  border-radius: 25px;}
.consentTitle{margin-bottom: 8px;font-weight:bold}

div.simple-popup-content { max-width:375px;}
.remindPopup h3 { font-size:22px; font-weight:bold;}
.offerEndPopup {background: #f2f2f2; padding: 15px 30px; border-radius: 25px; margin-bottom: 20px;}
.remindPopup button{background: #b2023c; border-radius: 38px; padding: 15px 45px; margin-bottom: 15px; border: none; color: #fff; font-weight: bold; margin-top: 20px;}
div.simple-popup-content { border-radius:15px; max-height:90%;}
div.simple-popup-content .close { display:none;}
div.simple-popup-content p.gryText { color:#858585; margin:20px 0;}
.simple-popup-backdrop-content { opacity:0.8 !important;}
img { max-width:100%; height:auto;}
.infoIcon {max-width: 28px; display: inline-block; vertical-align: middle; margin-top: -5px;}
@media all and (max-width:1280px) {
    .offer-container .container {
        max-width: 1140px;
    }
}
    @media all and (max-width:1200px) {
    .banner-tabs {
       
        margin-top: 120px;
        
    }
    .offer-container .container {
        max-width: 940px;
    }
    .bt-text-content {
        
        padding: 0 100px;
        
    }
	.repayCard table tr td { padding:12px 20px}
}
@media all and (max-width:991px) {

.banner-section {

	background-position: left;
	
}
.banner-tabs {
	margin-top: 80px;
}
.offer-container .container {
	max-width: 720px;
}
.offer-container h1 {
	
	font-size: 30px;
	
}
.offer-container p {

	font-size: 16px;
	
}
.oc-heading {
	margin-bottom: 30px;
}
.offer-row h2 {
	
	font-size: 24px;
	
	margin-bottom: 25px;
	
}
.repymentScreen .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
}
.offerEnd { margin-right:0; border-radius:25px 25px 0 0; margin-bottom:-25px; padding-bottom:40px; text-align:center;}
.offerEnds button { display:block; text-align:center; width:100%;}
.offerEnds .row a { margin-top:20px; display:inline-block;}
}

@media all and (max-width:767px) {
.banner-tabs .nav-tabs .nav-link {
	padding: 18px 4px;
	max-width: 100%;
}
.banner-tabs .nav-tabs .nav-link span {display:none;}
	.banner-tabs {width:100%}
.banner-tabs .nav-tabs {display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.banner-tabs .nav-tabs .nav-item img {
	width: 20px;
	margin-bottom: 0;
	
}
.banner-tabs .nav-tabs .nav-item {
	margin-bottom: -3px;
	
}
.banner-tabs .nav-tabs .nav-item.show .nav-link, .banner-tabs .nav-tabs .nav-link.active {
	border-bottom: 4px solid #000;
	
}
.bt-text-content {
	padding: 0;
	margin-top: 0;
}
.banner-section {
	
	height: 660px;
}
.banner-tabs .tab-content h1 {
	
	font-size: 36px;
	line-height: 42px;
	
}
.offer-container .container {
	max-width: 420px;
	margin-top: -72px;
}
.offer-box {

	margin-bottom: 50px;
}
.offer-row {
	margin-bottom: 0px;
}
.offer-row:last-child .col-md-4:last-child .offer-box {
	margin-bottom: 0;
}
.banner-tabs .tab-content h2 {
	
	font-size: 24px;
	
}
.banner-tabs .tab-content h3 {
	
	font-size: 20px;
	
}
.offer-box h4 {
	margin-bottom:12px
}
.repymentScreen h1 { font-size:24px;}
.repymentScreen h2 { font-size:20px; margin-top:20px;}
.repaymentBox { padding:0; background:none;}
div.repaymentBoxText { padding-left:0;}
.FirstRepayment.repaymentBox .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.repaymentBox h3 { font-size:18px;}
.repymentScreen p { font-size:16px;}
.repymentScreen { margin-top:40px; margin-bottom:40px;}
}



@media all and (max-width:575px) {
	.offer-container .container {
	max-width: 90%;
	padding: 32px 15px;
}
.offer-box {
	margin-bottom: 35px;
}
.offer-box h4 {
	
	font-size: 16px;
	
}
.view-offer-btn {
	
	font-size: 14px;
	
}
.offer-container h1 {
	font-size: 26px;
}
.waiver_pdf{
  font-size: 13px;
}
}
@media all and (max-width:479px) {
	.repymentScreen p { font-size:13px;}
	.repaymentBox h3 { font-size:14px;}
	.repayCard .offerBtn {padding: 7px 10px; border-radius: 20px; font-size: 10px;}
	.repayCard table tr td {padding: 8px 10px; font-size:12px;}
	div.simple-popup-content { max-width:90%;}
	.remindPopup h3 { font-size:15px;}
	.offerEnds p, .offerEndPopup p { font-size:11px;}
	.infoIcon { max-width:20px;}
	}

.congratulations {
  margin-top:80px;
}