.header{padding: 0 20px;width: 100%; height:60px;background:#000;display: flex;align-items: center;justify-content: center;box-sizing: border-box;position:sticky;top:0px;z-index:15; line-height: normal;  box-shadow: 0 0 10px 0 #292929;}
.header .nav{width: 100%;display: flex;align-items: center;box-sizing: border-box; }
.header .nav .navHeader{flex: 1;display: flex;}
.header .topHeader{width: 100%;}
.header .nav .navHeader .navLogo{padding-right:50px;}
.header .nav .navLinks{display: flex;font-size: 14px;}
.header .nav .navLinks > ul{display: flex;align-items: center;width: 100%; height: auto;position: relative;}
.header .nav .navLinks > ul li{padding-right:33px;list-style: none;cursor:pointer;}
.header .nav .navLinks > ul li:last-child{padding-right: 0;}
.header .nav .navLinks > ul li .creaditScoreLink{color:#d1d1d1;font-size: 14px;}
.header .nav .navLinks > ul li button{background: #ffffff;color:#000;padding:11px 22px;border-radius:8px;border:none;}
.header .nav .navLinks > ul li button.mortgageCalc{position: relative;padding:11px 20px 11px 0px;background: none;font-size: 14px;color:#d1d1d1;;cursor:pointer;}
.header .nav .navLinks > ul li:hover .mortgageCalc::after{transform: rotate(180deg);transition: 0.3s;}
.header .nav .navLinks > ul li button.mortgageCalc::after{content:"\e9f5";font-family:icomoon; width:14px; height:14px;position:absolute;right:-3px;top:13px;color:#d1d1d1;transform: rotate(0deg);transition: 0.3s;}
.header .nav .navLinks ul li > ul{position: absolute !important;top: calc(100% + 11px);left: 0;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);border-radius: 8px;padding: 15px;background: #fff;display: none;width: 414px !important; }
.header .nav .navLinks ul li > ul li{color: #333333;border-bottom: 1px solid #efefef;width: 100%;flex: none;padding-right: 0px !important;font-size: 14px;text-align: left;line-height: 32px;}
.header .nav .navBtn > ul{display:flex; gap:10px;}
.header .nav .navBtn > ul li a{padding: 12px 15px; background:#5f449b; color:#fff;font-size: 12px;font-family:GraphikSemibold;border-radius: 6px;}
.header .nav .navBtn > ul li a.contactBtn{margin-left:10px;color:#5f449b;background: #fff;}
.header .nav .navLinks ul li:hover .navalinkDropdown{display:block;padding: 34px 34px 15px 34px;}
.navLinks ul .umcalculator  .navalinkDropdown{display: none;}
.navalinkDropdown{position: absolute !important;top:52px;left: -30px;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);border-radius: 8px;padding: 15px;background: #fff;display: none;}
.umcalculator .navalinkDropdown::before{content: '';height: 20px;width: 100%;left: 0;top: -20px;position: absolute;}
.umcalculator .productArrow,.umcalculator .GuideArrow,.umcalculator .calcArrow{position: relative;}
.umcalculator .productArrow::after,.umcalculator .calcArrow::after,.umcalculator .GuideArrow::after{width: 0;position: absolute;left:93px;top: -8px;content: '';height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;}
.umcalculator .calcArrow::after{left:314px;}
.umcalculator .productArrow{width:440px;}
.umcalculator .GuideArrow{width: 600px;}
.umcalculator .calcArrow{width: 580px;}
.umcalculator .GuideArrow::after{left:190px;}
.dropdownLinks .paymentMortgage .mortgageParaPadding{padding-left: 50px;}
.navalinkDropdown .dropdownLinks{display: flex; width:100%;}
/* .navalinkDropdown .dropdownLinks .paymentMortgage{width:50%;} */
.paymentMortgage .mortgagePaymentDropdown{display: flex; position: relative;}
.navalinkDropdown .paymentMortgage p{ padding-bottom: 30px;color: #000; font-size: 14px; font-family:GraphikSemibold;line-height: normal;}
.navalinkDropdown .paymentMortgage .mortgagePaymentDropdown li a{color:#333;font-size: 12px;}
.header .umcalculator .mortgagePaymentDropdown .calcDropDown >li{padding-bottom:15px;padding-right: 0;}
.mortgagePaymentDropdown ul{width: 100%; display: flex; flex-wrap: wrap;}
.mortgagePaymentDropdown ul li{width:50%;white-space: wrap;}
.mortgagePaymentDropdown ul:last-child{margin-right: 0;}
.header .mortgagePaymentDropdown .calcDropDown li:last-child{padding: 0;}
.header .mortgagePaymentDropdown .calcDropDown li a{color:#666;font-size:12px;white-space: nowrap;font-family: GraphikRegular; line-height: 20px;}
.header .mortgagePaymentDropdown .calcDropDown li a:hover{text-decoration: underline;}
.borderLeftPosition{padding-left: 50px; position: relative;}
.borderLeftPosition::before{position: absolute; content: ""; border-left: 1px solid #e8e8e8; height: 228px; left: 0;}
.header .nav-toggle{height:100%;display: none;}
.header nav{display: none;}
.menuLeft li.menuLeftCalcDropDown{position: relative;}
.menuLeft li.menuLeftCalcDropDown{border-bottom: 1px solid #efefef;}
.menuLeft li.menuLeftProductDropDown{position:relative;border-bottom: 1px solid #efefef;}
.menuLeft li.guideLeftCalcDropDown{position: relative;}
.menuLeft li.menuLeftCalcDropDown::after,.menuLeft li.guideLeftCalcDropDown::after,.menuLeft li.menuLeftProductDropDown::after{content: "\e9f5";position: absolute;font-family: icomoon;right:15px;top:15px;transform:rotate(0deg);transition: 0.3s;}
.menuLeft li.menuLeftCalcDropDown ul.moreCalculators,.menuLeft li.guideLeftCalcDropDown ul.guideCalculators,.menuLeft li.menuLeftProductDropDown ul.productDropdown{background: #f8f5ff;padding:0px 15px; display: none;}
.menuLeft li.menuLeftCalcDropDown ul.moreCalculators li,.menuLeft li.guideLeftCalcDropDown ul.guideCalculators li,.menuLeft li.menuLeftProductDropDown ul.productDropdown li{font-size: 14px;color:#000;line-height: 42px;}
.btn.btn-primary.headerGetConsultation{font-size:14px;padding:10px 15px;color:#000;background:#ffffff;position: relative;font-family:'GraphikSemibold';}
.btn.btn-primary.headerGetConsultation:before{content: '';position: absolute;left: 0;bottom: -3px;width: 100%;height: 10px;border-radius: 0px 0px 8px 8px;background: #ffffff;opacity: 0.5;}
.back-btn{position: relative;align-items: center;display: flex;}
.back-btn .icon-down-arrow::before{transform: rotate(90deg);color: #cd9d4f;font-size: 7px; cursor: pointer;}
 .nav .navHeader .navBtn{display: block;}

@media screen and (max-width: 1024px) {
.container{width:100%}
.header{padding-left:20px;padding:0 20px;height:50px;justify-content:flex-start;}
.header .nav .navHeader .navLogo img{width: 80px;height: 26px;}
.navBtn{display: none;}
.header .nav-toggle{display: flex;display: -webkit-flex;align-items: center;margin-left: 15px;position: absolute;right:13px;top:-10px;}
.header .nav-toggle .navToggle{padding:0;cursor:pointer;width:26px;height:26px;display: flex;align-items: center;float: right;position: relative;}
.header .nav-toggle .navToggle span{width:26px;height:2px;color:#fff;border:1px solid #fff;position: relative;top:0px;border-radius:3px;}
.header .nav-toggle .navToggle.active span{background-color: transparent;border:none;top:-5px;}
.header .nav-toggle .navToggle span:before{content: "";position: absolute;color:#fff;height:2px;width:26px;display: block;border: 1px solid #fff;top:14px;border-radius:3px;}
.header .nav-toggle .navToggle span:after{content:" ";position:absolute;color:#fff;top:6px;border: 1px solid  #fff;display: block;height:2px;width:19px;right:0px;border-radius:3px;}
.header .nav-toggle .navToggle.active span:before{transform: rotate(45deg);}
.header .nav-toggle .navToggle.active span:after{transform: rotate(-45deg);width:26px;top:14px;}
.header nav .menuLeft .menuDropdown li a{ padding: 10px 0; line-height:24px;}
.header .nav .nav-btn {display: inline-block;position: absolute;left: 12px;right: auto; top: 9px;cursor: pointer;}
.header .nav .nav-btn label{display: inline-block;width: 26px;height: 22px;}
.header .nav .nav-btn label span{display: block;width: 20px;height: 4px;border-top: 1.5px solid #eee;cursor: pointer;}
.header .nav .nav-btn label span:last-child{height: 0px;}
.header .nav .nav-close {display: inline-block;position: absolute;left: 12px;right: auto;top: 16px;cursor: pointer;}
.header .nav #nav-check:checked ~ .nav-btn label {background-color: transparent;}
.header .nav .navLinks{position: absolute;display: block;width: 100%;background-color: rgba(0, 0, 0, 0.2);height: 0px;transition: all 0.3s ease-in; overflow-y: hidden;z-index: 2;top: 50px;left: 0px;}
.header .nav .navLinks ul{flex-direction: column; width: 280px; background-color: #fff;height: 100%;}
.header .nav .navLinks ul li{padding: 12px 16px;border-bottom: solid 0.5px #efefef;text-align: left;width: 100%;box-sizing: border-box;}
.header .nav .navLinks ul li a{ display: block;font-size: 12px;width: 100%;color: #000;cursor: pointer;}
.header .nav .navLinks ul li:last-child a{color: #fff;}
.header .nav .navLinks ul li:last-child::after{display: none;}
.header .nav .navLinks ul li:last-child{border-bottom: 0;}
.header .nav #nav-check:not(:checked) ~ .navLinks{height: 0px; }
.header .nav #nav-check:checked ~ .navLinks {height: calc(100vh - 50px);overflow-y: auto;}
.header nav{position:fixed;top:50px;width:285px;background: #fff;height:calc(100% - 48px);overflow: auto;right:-10000px;z-index: 2;overflow: auto;transition:.3s;display:block;}
.header nav.active{right:0px;transition:.3s;top:49px;}
.header nav ul.menuLeft li a{padding: 0 17px;display: flex;color: #000;align-items: center;line-height: 46px;border-top: #efefef solid 1px;font-weight: 100;font-size: 14px; font-family:GraphikRegular;}
}
@media screen and (max-width:480px){
.header{padding-left:15px;}}