@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: 'Plus Jakarta Sans', sans-serif;
font-family: 'Work Sans', sans-serif; */








/* 1a. Containers */



/* 1b. Colors */















/* color */

.color\:light_blue{ color:#6682B7; }
.bg\:light_blue{ background-color:#6682B7; }
.hover\:light_blue:hover{ color:#6682B7; }

.color\:white{ color:#ffffff; }
.bg\:white{ background-color:#ffffff; }
.hover\:white:hover{ color:#ffffff; }

.color\:black{ color:#000000; }
.bg\:black{ background-color:#000000; }
.hover\:black:hover{ color:#000000; }

.color\:grey{ color:#7D869C; }
.bg\:grey{ background-color:#7D869C; }
.hover\:grey:hover{ color:#7D869C; }

.color\:courtland_black{ color:#1D1E18; }
.bg\:courtland_black{ background-color:#1D1E18; }
.hover\:courtland_black:hover{ color:#1D1E18; }

.color\:secondary_color{ color:#003087; }
.bg\:secondary_color{ background-color:#003087; }
.hover\:secondary_color:hover{ color:#003087; }

.color\:green{ color:#26A96C; }
.bg\:green{ background-color:#26A96C; }
.hover\:green:hover{ color:#26A96C; }


/** -- Font Weight -- **/

.font-100, .font-100:hover { font-weight:100; }

.font-200, .font-200:hover { font-weight:200; }

.font-300, .font-300:hover { font-weight:300; }

.font-400, .font-400:hover { font-weight:400; }

.font-500, .font-500:hover { font-weight:500; }

.font-600, .font-600:hover { font-weight:600; }

.font-700, .font-700:hover { font-weight:700; }

.font-800, .font-800:hover { font-weight:800; }

.font-900, .font-900:hover { font-weight:900; }


/** -- Font Size -- **/

.font-2 { font-size:2px;}

.font-3 { font-size:3px;}

.font-4 { font-size:4px;}

.font-5 { font-size:5px;}

.font-6 { font-size:6px;}

.font-7 { font-size:7px;}

.font-8 { font-size:8px;}

.font-9 { font-size:9px;}

.font-10 { font-size:10px;}

.font-11 { font-size:11px;}

.font-12 { font-size:12px;}

.font-13 { font-size:13px;}

.font-14 { font-size:14px;}

.font-15 { font-size:15px;}

.font-16 { font-size:16px;}

.font-17 { font-size:17px;}

.font-18 { font-size:18px;}

.font-19 { font-size:19px;}

.font-20 { font-size:20px;}

.font-21 { font-size:21px;}

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

.font-23 { font-size:23px;}

.font-24 { font-size:24px;}

.font-25 { font-size:25px;}

.font-26 { font-size:26px;}

.font-27 { font-size:27px;}

.font-28 { font-size:28px;}

.font-29 { font-size:29px;}

.font-30 { font-size:30px;}

.font-31 { font-size:31px;}

.font-32 { font-size:32px;}

.font-33 { font-size:33px;}

.font-34 { font-size:34px;}

.font-35 { font-size:35px;}

.font-36 { font-size:36px;}

.font-37 { font-size:37px;}

.font-38 { font-size:38px;}

.font-39 { font-size:39px;}

.font-40 { font-size:40px;}




/** -- Line Height -- **/

.line-10 { line-height:10px;}

.line-11 { line-height:11px;}

.line-12 { line-height:12px;}

.line-13 { line-height:13px;}

.line-14 { line-height:14px;}

.line-15 { line-height:15px;}

.line-16 { line-height:16px;}

.line-17 { line-height:17px;}

.line-18 { line-height:18px;}

.line-19 { line-height:19px;}

.line-20 { line-height:20px;}

.line-21 { line-height:21px;}

.line-22 { line-height:22px;}

.line-23 { line-height:23px;}

.line-24 { line-height:24px;}

.line-25 { line-height:25px;}

.line-26 { line-height:26px;}

.line-27 { line-height:27px;}

.line-28 { line-height:28px;}

.line-29 { line-height:29px;}

.line-30 { line-height:30px;}

.line-31 { line-height:31px;}

.line-32 { line-height:32px;}

.line-33 { line-height:33px;}

.line-34 { line-height:34px;}

.line-35 { line-height:35px;}

.line-36 { line-height:36px;}

.line-37 { line-height:37px;}

.line-38 { line-height:38px;}

.line-39 { line-height:39px;}

.line-40 { line-height:40px;}

.line-41 { line-height:41px;}

.line-42 { line-height:42px;}

.line-43 { line-height:43px;}

.line-44 { line-height:44px;}

.line-45 { line-height:45px;}

.line-46 { line-height:46px;}

.line-47 { line-height:47px;}

.line-48 { line-height:48px;}

.line-49 { line-height:49px;}

.line-50 { line-height:50px;}



.col-1 { max-width:8.333%; flex:0 0 8.333%; }

.col-2 { max-width:16.666%; flex:0 0 16.666%; }

.col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }

.col-4 { max-width:33.332%; flex:0 0 33.332%; }

.col-5 { max-width:41.665%; flex:0 0 41.665%; }

.col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }

.col-7 { max-width:58.331%; flex:0 0 58.331%; }

.col-8 { max-width:66.664%; flex:0 0 66.664%; }

.col-9 { max-width:74.997%; flex:0 0 74.997%; }

.col-10 { max-width:83.33%; flex:0 0 83.33%; }

.col-11 { max-width:91.663%; flex:0 0 91.663%; }

.col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }


/* padding-margin */

.p--0 { padding:0px !important; }
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }
.m-0 {  margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }   

.p--5 { padding:5px !important; }
.p-5 { padding:5px; }
.pt-5 { padding-top:5px; }
.pb-5 { padding-bottom:5px; }
.pl-5 { padding-left:5px; }
.pr-5 { padding-right:5px; }
.m-5 {  margin:5px; }
.mt-5 { margin-top:5px; }
.mb-5 { margin-bottom:5px; }
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }   

.p--10 { padding:10px !important; }
.p-10 { padding:10px; }
.pt-10 { padding-top:10px; }
.pb-10 { padding-bottom:10px; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }
.m-10 {  margin:10px; }
.mt-10 { margin-top:10px; }
.mb-10 { margin-bottom:10px; }
.ml-10 { margin-left:10px; }
.mr-10 { margin-right:10px; }   

.p--15 { padding:15px !important; }
.p-15 { padding:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }
.m-15 {  margin:15px; }
.mt-15 { margin-top:15px; }
.mb-15 { margin-bottom:15px; }
.ml-15 { margin-left:15px; }
.mr-15 { margin-right:15px; }   

.p--20 { padding:20px !important; }
.p-20 { padding:20px; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pl-20 { padding-left:20px; }
.pr-20 { padding-right:20px; }
.m-20 {  margin:20px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.ml-20 { margin-left:20px; }
.mr-20 { margin-right:20px; }   

.p--25 { padding:25px !important; }
.p-25 { padding:25px; }
.pt-25 { padding-top:25px; }
.pb-25 { padding-bottom:25px; }
.pl-25 { padding-left:25px; }
.pr-25 { padding-right:25px; }
.m-25 {  margin:25px; }
.mt-25 { margin-top:25px; }
.mb-25 { margin-bottom:25px; }
.ml-25 { margin-left:25px; }
.mr-25 { margin-right:25px; }   

.p--30 { padding:30px !important; }
.p-30 { padding:30px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pl-30 { padding-left:30px; }
.pr-30 { padding-right:30px; }
.m-30 {  margin:30px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.ml-30 { margin-left:30px; }
.mr-30 { margin-right:30px; }   

.p--35 { padding:35px !important; }
.p-35 { padding:35px; }
.pt-35 { padding-top:35px; }
.pb-35 { padding-bottom:35px; }
.pl-35 { padding-left:35px; }
.pr-35 { padding-right:35px; }
.m-35 {  margin:35px; }
.mt-35 { margin-top:35px; }
.mb-35 { margin-bottom:35px; }
.ml-35 { margin-left:35px; }
.mr-35 { margin-right:35px; }   

.p--40 { padding:40px !important; }
.p-40 { padding:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pl-40 { padding-left:40px; }
.pr-40 { padding-right:40px; }
.m-40 {  margin:40px; }
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.ml-40 { margin-left:40px; }
.mr-40 { margin-right:40px; }   

.p--45 { padding:45px !important; }
.p-45 { padding:45px; }
.pt-45 { padding-top:45px; }
.pb-45 { padding-bottom:45px; }
.pl-45 { padding-left:45px; }
.pr-45 { padding-right:45px; }
.m-45 {  margin:45px; }
.mt-45 { margin-top:45px; }
.mb-45 { margin-bottom:45px; }
.ml-45 { margin-left:45px; }
.mr-45 { margin-right:45px; }   

.p--50 { padding:50px !important; }
.p-50 { padding:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }
.m-50 {  margin:50px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }   

.p--55 { padding:55px !important; }
.p-55 { padding:55px; }
.pt-55 { padding-top:55px; }
.pb-55 { padding-bottom:55px; }
.pl-55 { padding-left:55px; }
.pr-55 { padding-right:55px; }
.m-55 {  margin:55px; }
.mt-55 { margin-top:55px; }
.mb-55 { margin-bottom:55px; }
.ml-55 { margin-left:55px; }
.mr-55 { margin-right:55px; }   

.p--60 { padding:60px !important; }
.p-60 { padding:60px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pl-60 { padding-left:60px; }
.pr-60 { padding-right:60px; }
.m-60 {  margin:60px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.ml-60 { margin-left:60px; }
.mr-60 { margin-right:60px; }   

.p--65 { padding:65px !important; }
.p-65 { padding:65px; }
.pt-65 { padding-top:65px; }
.pb-65 { padding-bottom:65px; }
.pl-65 { padding-left:65px; }
.pr-65 { padding-right:65px; }
.m-65 {  margin:65px; }
.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }   

.p--70 { padding:70px !important; }
.p-70 { padding:70px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pl-70 { padding-left:70px; }
.pr-70 { padding-right:70px; }
.m-70 {  margin:70px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.ml-70 { margin-left:70px; }
.mr-70 { margin-right:70px; }   

.p--75 { padding:75px !important; }
.p-75 { padding:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.pl-75 { padding-left:75px; }
.pr-75 { padding-right:75px; }
.m-75 {  margin:75px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.ml-75 { margin-left:75px; }
.mr-75 { margin-right:75px; }   

.p--80 { padding:80px !important; }
.p-80 { padding:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }
.m-80 {  margin:80px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }   

.p--85 { padding:85px !important; }
.p-85 { padding:85px; }
.pt-85 { padding-top:85px; }
.pb-85 { padding-bottom:85px; }
.pl-85 { padding-left:85px; }
.pr-85 { padding-right:85px; }
.m-85 {  margin:85px; }
.mt-85 { margin-top:85px; }
.mb-85 { margin-bottom:85px; }
.ml-85 { margin-left:85px; }
.mr-85 { margin-right:85px; }   

.p--90 { padding:90px !important; }
.p-90 { padding:90px; }
.pt-90 { padding-top:90px; }
.pb-90 { padding-bottom:90px; }
.pl-90 { padding-left:90px; }
.pr-90 { padding-right:90px; }
.m-90 {  margin:90px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.ml-90 { margin-left:90px; }
.mr-90 { margin-right:90px; }   

.p--95 { padding:95px !important; }
.p-95 { padding:95px; }
.pt-95 { padding-top:95px; }
.pb-95 { padding-bottom:95px; }
.pl-95 { padding-left:95px; }
.pr-95 { padding-right:95px; }
.m-95 {  margin:95px; }
.mt-95 { margin-top:95px; }
.mb-95 { margin-bottom:95px; }
.ml-95 { margin-left:95px; }
.mr-95 { margin-right:95px; }   

.p--100 { padding:100px !important; }
.p-100 { padding:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pl-100 { padding-left:100px; }
.pr-100 { padding-right:100px; }
.m-100 {  margin:100px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.ml-100 { margin-left:100px; }
.mr-100 { margin-right:100px; }   

.p--105 { padding:105px !important; }
.p-105 { padding:105px; }
.pt-105 { padding-top:105px; }
.pb-105 { padding-bottom:105px; }
.pl-105 { padding-left:105px; }
.pr-105 { padding-right:105px; }
.m-105 {  margin:105px; }
.mt-105 { margin-top:105px; }
.mb-105 { margin-bottom:105px; }
.ml-105 { margin-left:105px; }
.mr-105 { margin-right:105px; }   

.p--110 { padding:110px !important; }
.p-110 { padding:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.pl-110 { padding-left:110px; }
.pr-110 { padding-right:110px; }
.m-110 {  margin:110px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.ml-110 { margin-left:110px; }
.mr-110 { margin-right:110px; }   

.p--115 { padding:115px !important; }
.p-115 { padding:115px; }
.pt-115 { padding-top:115px; }
.pb-115 { padding-bottom:115px; }
.pl-115 { padding-left:115px; }
.pr-115 { padding-right:115px; }
.m-115 {  margin:115px; }
.mt-115 { margin-top:115px; }
.mb-115 { margin-bottom:115px; }
.ml-115 { margin-left:115px; }
.mr-115 { margin-right:115px; }   

.p--120 { padding:120px !important; }
.p-120 { padding:120px; }
.pt-120 { padding-top:120px; }
.pb-120 { padding-bottom:120px; }
.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }
.m-120 {  margin:120px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.ml-120 { margin-left:120px; }
.mr-120 { margin-right:120px; }   

.p--125 { padding:125px !important; }
.p-125 { padding:125px; }
.pt-125 { padding-top:125px; }
.pb-125 { padding-bottom:125px; }
.pl-125 { padding-left:125px; }
.pr-125 { padding-right:125px; }
.m-125 {  margin:125px; }
.mt-125 { margin-top:125px; }
.mb-125 { margin-bottom:125px; }
.ml-125 { margin-left:125px; }
.mr-125 { margin-right:125px; }   

.p--130 { padding:130px !important; }
.p-130 { padding:130px; }
.pt-130 { padding-top:130px; }
.pb-130 { padding-bottom:130px; }
.pl-130 { padding-left:130px; }
.pr-130 { padding-right:130px; }
.m-130 {  margin:130px; }
.mt-130 { margin-top:130px; }
.mb-130 { margin-bottom:130px; }
.ml-130 { margin-left:130px; }
.mr-130 { margin-right:130px; }   

.p--135 { padding:135px !important; }
.p-135 { padding:135px; }
.pt-135 { padding-top:135px; }
.pb-135 { padding-bottom:135px; }
.pl-135 { padding-left:135px; }
.pr-135 { padding-right:135px; }
.m-135 {  margin:135px; }
.mt-135 { margin-top:135px; }
.mb-135 { margin-bottom:135px; }
.ml-135 { margin-left:135px; }
.mr-135 { margin-right:135px; }   

.p--140 { padding:140px !important; }
.p-140 { padding:140px; }
.pt-140 { padding-top:140px; }
.pb-140 { padding-bottom:140px; }
.pl-140 { padding-left:140px; }
.pr-140 { padding-right:140px; }
.m-140 {  margin:140px; }
.mt-140 { margin-top:140px; }
.mb-140 { margin-bottom:140px; }
.ml-140 { margin-left:140px; }
.mr-140 { margin-right:140px; }   

.p--145 { padding:145px !important; }
.p-145 { padding:145px; }
.pt-145 { padding-top:145px; }
.pb-145 { padding-bottom:145px; }
.pl-145 { padding-left:145px; }
.pr-145 { padding-right:145px; }
.m-145 {  margin:145px; }
.mt-145 { margin-top:145px; }
.mb-145 { margin-bottom:145px; }
.ml-145 { margin-left:145px; }
.mr-145 { margin-right:145px; }   

.p--150 { padding:150px !important; }
.p-150 { padding:150px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.pl-150 { padding-left:150px; }
.pr-150 { padding-right:150px; }
.m-150 {  margin:150px; }
.mt-150 { margin-top:150px; }
.mb-150 { margin-bottom:150px; }
.ml-150 { margin-left:150px; }
.mr-150 { margin-right:150px; }   




/* -- Responsive Media -- */


@media(min-width:768px){
  
  .sm\:p-0 { padding:0px; }
  .sm\:pt-0 { padding-top:0px; }
  .sm\:pb-0 { padding-bottom:0px; }
  .sm\:pl-0 { padding-left:0px; }
  .sm\:pr-0 { padding-right:0px; }
  .sm\:m-0 { margin:0px; }
  .sm\:mt-0 { margin-top:0px; }
  .sm\:mb-0 { margin-bottom:0px; }
  .sm\:ml-0 { margin-left:0px; }
  .sm\:mr-0 { margin-right:0px; }
  
  .sm\:p-5 { padding:5px; }
  .sm\:pt-5 { padding-top:5px; }
  .sm\:pb-5 { padding-bottom:5px; }
  .sm\:pl-5 { padding-left:5px; }
  .sm\:pr-5 { padding-right:5px; }
  .sm\:m-5 { margin:5px; }
  .sm\:mt-5 { margin-top:5px; }
  .sm\:mb-5 { margin-bottom:5px; }
  .sm\:ml-5 { margin-left:5px; }
  .sm\:mr-5 { margin-right:5px; }
  
  .sm\:p-10 { padding:10px; }
  .sm\:pt-10 { padding-top:10px; }
  .sm\:pb-10 { padding-bottom:10px; }
  .sm\:pl-10 { padding-left:10px; }
  .sm\:pr-10 { padding-right:10px; }
  .sm\:m-10 { margin:10px; }
  .sm\:mt-10 { margin-top:10px; }
  .sm\:mb-10 { margin-bottom:10px; }
  .sm\:ml-10 { margin-left:10px; }
  .sm\:mr-10 { margin-right:10px; }
  
  .sm\:p-15 { padding:15px; }
  .sm\:pt-15 { padding-top:15px; }
  .sm\:pb-15 { padding-bottom:15px; }
  .sm\:pl-15 { padding-left:15px; }
  .sm\:pr-15 { padding-right:15px; }
  .sm\:m-15 { margin:15px; }
  .sm\:mt-15 { margin-top:15px; }
  .sm\:mb-15 { margin-bottom:15px; }
  .sm\:ml-15 { margin-left:15px; }
  .sm\:mr-15 { margin-right:15px; }
  
  .sm\:p-20 { padding:20px; }
  .sm\:pt-20 { padding-top:20px; }
  .sm\:pb-20 { padding-bottom:20px; }
  .sm\:pl-20 { padding-left:20px; }
  .sm\:pr-20 { padding-right:20px; }
  .sm\:m-20 { margin:20px; }
  .sm\:mt-20 { margin-top:20px; }
  .sm\:mb-20 { margin-bottom:20px; }
  .sm\:ml-20 { margin-left:20px; }
  .sm\:mr-20 { margin-right:20px; }
  
  .sm\:p-25 { padding:25px; }
  .sm\:pt-25 { padding-top:25px; }
  .sm\:pb-25 { padding-bottom:25px; }
  .sm\:pl-25 { padding-left:25px; }
  .sm\:pr-25 { padding-right:25px; }
  .sm\:m-25 { margin:25px; }
  .sm\:mt-25 { margin-top:25px; }
  .sm\:mb-25 { margin-bottom:25px; }
  .sm\:ml-25 { margin-left:25px; }
  .sm\:mr-25 { margin-right:25px; }
  
  .sm\:p-30 { padding:30px; }
  .sm\:pt-30 { padding-top:30px; }
  .sm\:pb-30 { padding-bottom:30px; }
  .sm\:pl-30 { padding-left:30px; }
  .sm\:pr-30 { padding-right:30px; }
  .sm\:m-30 { margin:30px; }
  .sm\:mt-30 { margin-top:30px; }
  .sm\:mb-30 { margin-bottom:30px; }
  .sm\:ml-30 { margin-left:30px; }
  .sm\:mr-30 { margin-right:30px; }
  
  .sm\:p-35 { padding:35px; }
  .sm\:pt-35 { padding-top:35px; }
  .sm\:pb-35 { padding-bottom:35px; }
  .sm\:pl-35 { padding-left:35px; }
  .sm\:pr-35 { padding-right:35px; }
  .sm\:m-35 { margin:35px; }
  .sm\:mt-35 { margin-top:35px; }
  .sm\:mb-35 { margin-bottom:35px; }
  .sm\:ml-35 { margin-left:35px; }
  .sm\:mr-35 { margin-right:35px; }
  
  .sm\:p-40 { padding:40px; }
  .sm\:pt-40 { padding-top:40px; }
  .sm\:pb-40 { padding-bottom:40px; }
  .sm\:pl-40 { padding-left:40px; }
  .sm\:pr-40 { padding-right:40px; }
  .sm\:m-40 { margin:40px; }
  .sm\:mt-40 { margin-top:40px; }
  .sm\:mb-40 { margin-bottom:40px; }
  .sm\:ml-40 { margin-left:40px; }
  .sm\:mr-40 { margin-right:40px; }
  
  .sm\:p-45 { padding:45px; }
  .sm\:pt-45 { padding-top:45px; }
  .sm\:pb-45 { padding-bottom:45px; }
  .sm\:pl-45 { padding-left:45px; }
  .sm\:pr-45 { padding-right:45px; }
  .sm\:m-45 { margin:45px; }
  .sm\:mt-45 { margin-top:45px; }
  .sm\:mb-45 { margin-bottom:45px; }
  .sm\:ml-45 { margin-left:45px; }
  .sm\:mr-45 { margin-right:45px; }
  
  .sm\:p-50 { padding:50px; }
  .sm\:pt-50 { padding-top:50px; }
  .sm\:pb-50 { padding-bottom:50px; }
  .sm\:pl-50 { padding-left:50px; }
  .sm\:pr-50 { padding-right:50px; }
  .sm\:m-50 { margin:50px; }
  .sm\:mt-50 { margin-top:50px; }
  .sm\:mb-50 { margin-bottom:50px; }
  .sm\:ml-50 { margin-left:50px; }
  .sm\:mr-50 { margin-right:50px; }
  
  .sm\:p-55 { padding:55px; }
  .sm\:pt-55 { padding-top:55px; }
  .sm\:pb-55 { padding-bottom:55px; }
  .sm\:pl-55 { padding-left:55px; }
  .sm\:pr-55 { padding-right:55px; }
  .sm\:m-55 { margin:55px; }
  .sm\:mt-55 { margin-top:55px; }
  .sm\:mb-55 { margin-bottom:55px; }
  .sm\:ml-55 { margin-left:55px; }
  .sm\:mr-55 { margin-right:55px; }
  
  .sm\:p-60 { padding:60px; }
  .sm\:pt-60 { padding-top:60px; }
  .sm\:pb-60 { padding-bottom:60px; }
  .sm\:pl-60 { padding-left:60px; }
  .sm\:pr-60 { padding-right:60px; }
  .sm\:m-60 { margin:60px; }
  .sm\:mt-60 { margin-top:60px; }
  .sm\:mb-60 { margin-bottom:60px; }
  .sm\:ml-60 { margin-left:60px; }
  .sm\:mr-60 { margin-right:60px; }
  
  .sm\:p-65 { padding:65px; }
  .sm\:pt-65 { padding-top:65px; }
  .sm\:pb-65 { padding-bottom:65px; }
  .sm\:pl-65 { padding-left:65px; }
  .sm\:pr-65 { padding-right:65px; }
  .sm\:m-65 { margin:65px; }
  .sm\:mt-65 { margin-top:65px; }
  .sm\:mb-65 { margin-bottom:65px; }
  .sm\:ml-65 { margin-left:65px; }
  .sm\:mr-65 { margin-right:65px; }
  
  .sm\:p-70 { padding:70px; }
  .sm\:pt-70 { padding-top:70px; }
  .sm\:pb-70 { padding-bottom:70px; }
  .sm\:pl-70 { padding-left:70px; }
  .sm\:pr-70 { padding-right:70px; }
  .sm\:m-70 { margin:70px; }
  .sm\:mt-70 { margin-top:70px; }
  .sm\:mb-70 { margin-bottom:70px; }
  .sm\:ml-70 { margin-left:70px; }
  .sm\:mr-70 { margin-right:70px; }
  
  .sm\:p-75 { padding:75px; }
  .sm\:pt-75 { padding-top:75px; }
  .sm\:pb-75 { padding-bottom:75px; }
  .sm\:pl-75 { padding-left:75px; }
  .sm\:pr-75 { padding-right:75px; }
  .sm\:m-75 { margin:75px; }
  .sm\:mt-75 { margin-top:75px; }
  .sm\:mb-75 { margin-bottom:75px; }
  .sm\:ml-75 { margin-left:75px; }
  .sm\:mr-75 { margin-right:75px; }
  
  .sm\:p-80 { padding:80px; }
  .sm\:pt-80 { padding-top:80px; }
  .sm\:pb-80 { padding-bottom:80px; }
  .sm\:pl-80 { padding-left:80px; }
  .sm\:pr-80 { padding-right:80px; }
  .sm\:m-80 { margin:80px; }
  .sm\:mt-80 { margin-top:80px; }
  .sm\:mb-80 { margin-bottom:80px; }
  .sm\:ml-80 { margin-left:80px; }
  .sm\:mr-80 { margin-right:80px; }
  
  .sm\:p-85 { padding:85px; }
  .sm\:pt-85 { padding-top:85px; }
  .sm\:pb-85 { padding-bottom:85px; }
  .sm\:pl-85 { padding-left:85px; }
  .sm\:pr-85 { padding-right:85px; }
  .sm\:m-85 { margin:85px; }
  .sm\:mt-85 { margin-top:85px; }
  .sm\:mb-85 { margin-bottom:85px; }
  .sm\:ml-85 { margin-left:85px; }
  .sm\:mr-85 { margin-right:85px; }
  
  .sm\:p-90 { padding:90px; }
  .sm\:pt-90 { padding-top:90px; }
  .sm\:pb-90 { padding-bottom:90px; }
  .sm\:pl-90 { padding-left:90px; }
  .sm\:pr-90 { padding-right:90px; }
  .sm\:m-90 { margin:90px; }
  .sm\:mt-90 { margin-top:90px; }
  .sm\:mb-90 { margin-bottom:90px; }
  .sm\:ml-90 { margin-left:90px; }
  .sm\:mr-90 { margin-right:90px; }
  
  .sm\:p-95 { padding:95px; }
  .sm\:pt-95 { padding-top:95px; }
  .sm\:pb-95 { padding-bottom:95px; }
  .sm\:pl-95 { padding-left:95px; }
  .sm\:pr-95 { padding-right:95px; }
  .sm\:m-95 { margin:95px; }
  .sm\:mt-95 { margin-top:95px; }
  .sm\:mb-95 { margin-bottom:95px; }
  .sm\:ml-95 { margin-left:95px; }
  .sm\:mr-95 { margin-right:95px; }
  
  .sm\:p-100 { padding:100px; }
  .sm\:pt-100 { padding-top:100px; }
  .sm\:pb-100 { padding-bottom:100px; }
  .sm\:pl-100 { padding-left:100px; }
  .sm\:pr-100 { padding-right:100px; }
  .sm\:m-100 { margin:100px; }
  .sm\:mt-100 { margin-top:100px; }
  .sm\:mb-100 { margin-bottom:100px; }
  .sm\:ml-100 { margin-left:100px; }
  .sm\:mr-100 { margin-right:100px; }
  
  .sm\:p-105 { padding:105px; }
  .sm\:pt-105 { padding-top:105px; }
  .sm\:pb-105 { padding-bottom:105px; }
  .sm\:pl-105 { padding-left:105px; }
  .sm\:pr-105 { padding-right:105px; }
  .sm\:m-105 { margin:105px; }
  .sm\:mt-105 { margin-top:105px; }
  .sm\:mb-105 { margin-bottom:105px; }
  .sm\:ml-105 { margin-left:105px; }
  .sm\:mr-105 { margin-right:105px; }
  
  .sm\:p-110 { padding:110px; }
  .sm\:pt-110 { padding-top:110px; }
  .sm\:pb-110 { padding-bottom:110px; }
  .sm\:pl-110 { padding-left:110px; }
  .sm\:pr-110 { padding-right:110px; }
  .sm\:m-110 { margin:110px; }
  .sm\:mt-110 { margin-top:110px; }
  .sm\:mb-110 { margin-bottom:110px; }
  .sm\:ml-110 { margin-left:110px; }
  .sm\:mr-110 { margin-right:110px; }
  
  .sm\:p-115 { padding:115px; }
  .sm\:pt-115 { padding-top:115px; }
  .sm\:pb-115 { padding-bottom:115px; }
  .sm\:pl-115 { padding-left:115px; }
  .sm\:pr-115 { padding-right:115px; }
  .sm\:m-115 { margin:115px; }
  .sm\:mt-115 { margin-top:115px; }
  .sm\:mb-115 { margin-bottom:115px; }
  .sm\:ml-115 { margin-left:115px; }
  .sm\:mr-115 { margin-right:115px; }
  
  .sm\:p-120 { padding:120px; }
  .sm\:pt-120 { padding-top:120px; }
  .sm\:pb-120 { padding-bottom:120px; }
  .sm\:pl-120 { padding-left:120px; }
  .sm\:pr-120 { padding-right:120px; }
  .sm\:m-120 { margin:120px; }
  .sm\:mt-120 { margin-top:120px; }
  .sm\:mb-120 { margin-bottom:120px; }
  .sm\:ml-120 { margin-left:120px; }
  .sm\:mr-120 { margin-right:120px; }
  
  .sm\:p-125 { padding:125px; }
  .sm\:pt-125 { padding-top:125px; }
  .sm\:pb-125 { padding-bottom:125px; }
  .sm\:pl-125 { padding-left:125px; }
  .sm\:pr-125 { padding-right:125px; }
  .sm\:m-125 { margin:125px; }
  .sm\:mt-125 { margin-top:125px; }
  .sm\:mb-125 { margin-bottom:125px; }
  .sm\:ml-125 { margin-left:125px; }
  .sm\:mr-125 { margin-right:125px; }
  
  .sm\:p-130 { padding:130px; }
  .sm\:pt-130 { padding-top:130px; }
  .sm\:pb-130 { padding-bottom:130px; }
  .sm\:pl-130 { padding-left:130px; }
  .sm\:pr-130 { padding-right:130px; }
  .sm\:m-130 { margin:130px; }
  .sm\:mt-130 { margin-top:130px; }
  .sm\:mb-130 { margin-bottom:130px; }
  .sm\:ml-130 { margin-left:130px; }
  .sm\:mr-130 { margin-right:130px; }
  
  .sm\:p-135 { padding:135px; }
  .sm\:pt-135 { padding-top:135px; }
  .sm\:pb-135 { padding-bottom:135px; }
  .sm\:pl-135 { padding-left:135px; }
  .sm\:pr-135 { padding-right:135px; }
  .sm\:m-135 { margin:135px; }
  .sm\:mt-135 { margin-top:135px; }
  .sm\:mb-135 { margin-bottom:135px; }
  .sm\:ml-135 { margin-left:135px; }
  .sm\:mr-135 { margin-right:135px; }
  
  .sm\:p-140 { padding:140px; }
  .sm\:pt-140 { padding-top:140px; }
  .sm\:pb-140 { padding-bottom:140px; }
  .sm\:pl-140 { padding-left:140px; }
  .sm\:pr-140 { padding-right:140px; }
  .sm\:m-140 { margin:140px; }
  .sm\:mt-140 { margin-top:140px; }
  .sm\:mb-140 { margin-bottom:140px; }
  .sm\:ml-140 { margin-left:140px; }
  .sm\:mr-140 { margin-right:140px; }
  
  .sm\:p-145 { padding:145px; }
  .sm\:pt-145 { padding-top:145px; }
  .sm\:pb-145 { padding-bottom:145px; }
  .sm\:pl-145 { padding-left:145px; }
  .sm\:pr-145 { padding-right:145px; }
  .sm\:m-145 { margin:145px; }
  .sm\:mt-145 { margin-top:145px; }
  .sm\:mb-145 { margin-bottom:145px; }
  .sm\:ml-145 { margin-left:145px; }
  .sm\:mr-145 { margin-right:145px; }
  
  .sm\:p-150 { padding:150px; }
  .sm\:pt-150 { padding-top:150px; }
  .sm\:pb-150 { padding-bottom:150px; }
  .sm\:pl-150 { padding-left:150px; }
  .sm\:pr-150 { padding-right:150px; }
  .sm\:m-150 { margin:150px; }
  .sm\:mt-150 { margin-top:150px; }
  .sm\:mb-150 { margin-bottom:150px; }
  .sm\:ml-150 { margin-left:150px; }
  .sm\:mr-150 { margin-right:150px; }
  

  
  .sm\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
  
  .sm\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
  
  .sm\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
  
  .sm\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
  
  .sm\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
  
  .sm\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
  
  .sm\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
  
  .sm\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
  
  .sm\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
  
  .sm\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
  
  .sm\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
  
  .sm\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
  

  
  .sm\:font-100 { font-weight:100; }
  
  .sm\:font-200 { font-weight:200; }
  
  .sm\:font-300 { font-weight:300; }
  
  .sm\:font-400 { font-weight:400; }
  
  .sm\:font-500 { font-weight:500; }
  
  .sm\:font-600 { font-weight:600; }
  
  .sm\:font-700 { font-weight:700; }
  
  .sm\:font-800 { font-weight:800; }
  
  .sm\:font-900 { font-weight:900; }
  

  
  .sm\:font-2 { font-size:2px; }
  
  .sm\:font-3 { font-size:3px; }
  
  .sm\:font-4 { font-size:4px; }
  
  .sm\:font-5 { font-size:5px; }
  
  .sm\:font-6 { font-size:6px; }
  
  .sm\:font-7 { font-size:7px; }
  
  .sm\:font-8 { font-size:8px; }
  
  .sm\:font-9 { font-size:9px; }
  
  .sm\:font-10 { font-size:10px; }
  
  .sm\:font-11 { font-size:11px; }
  
  .sm\:font-12 { font-size:12px; }
  
  .sm\:font-13 { font-size:13px; }
  
  .sm\:font-14 { font-size:14px; }
  
  .sm\:font-15 { font-size:15px; }
  
  .sm\:font-16 { font-size:16px; }
  
  .sm\:font-17 { font-size:17px; }
  
  .sm\:font-18 { font-size:18px; }
  
  .sm\:font-19 { font-size:19px; }
  
  .sm\:font-20 { font-size:20px; }
  
  .sm\:font-21 { font-size:21px; }
  
  .sm\:font-22 { font-size:22px; }
  
  .sm\:font-23 { font-size:23px; }
  
  .sm\:font-24 { font-size:24px; }
  
  .sm\:font-25 { font-size:25px; }
  
  .sm\:font-26 { font-size:26px; }
  
  .sm\:font-27 { font-size:27px; }
  
  .sm\:font-28 { font-size:28px; }
  
  .sm\:font-29 { font-size:29px; }
  
  .sm\:font-30 { font-size:30px; }
  
  .sm\:font-31 { font-size:31px; }
  
  .sm\:font-32 { font-size:32px; }
  
  .sm\:font-33 { font-size:33px; }
  
  .sm\:font-34 { font-size:34px; }
  
  .sm\:font-35 { font-size:35px; }
  
  .sm\:font-36 { font-size:36px; }
  
  .sm\:font-37 { font-size:37px; }
  
  .sm\:font-38 { font-size:38px; }
  
  .sm\:font-39 { font-size:39px; }
  
  .sm\:font-40 { font-size:40px; }
  

  
  .sm\:line-10 { line-height:10px; }
  
  .sm\:line-11 { line-height:11px; }
  
  .sm\:line-12 { line-height:12px; }
  
  .sm\:line-13 { line-height:13px; }
  
  .sm\:line-14 { line-height:14px; }
  
  .sm\:line-15 { line-height:15px; }
  
  .sm\:line-16 { line-height:16px; }
  
  .sm\:line-17 { line-height:17px; }
  
  .sm\:line-18 { line-height:18px; }
  
  .sm\:line-19 { line-height:19px; }
  
  .sm\:line-20 { line-height:20px; }
  
  .sm\:line-21 { line-height:21px; }
  
  .sm\:line-22 { line-height:22px; }
  
  .sm\:line-23 { line-height:23px; }
  
  .sm\:line-24 { line-height:24px; }
  
  .sm\:line-25 { line-height:25px; }
  
  .sm\:line-26 { line-height:26px; }
  
  .sm\:line-27 { line-height:27px; }
  
  .sm\:line-28 { line-height:28px; }
  
  .sm\:line-29 { line-height:29px; }
  
  .sm\:line-30 { line-height:30px; }
  
  .sm\:line-31 { line-height:31px; }
  
  .sm\:line-32 { line-height:32px; }
  
  .sm\:line-33 { line-height:33px; }
  
  .sm\:line-34 { line-height:34px; }
  
  .sm\:line-35 { line-height:35px; }
  
  .sm\:line-36 { line-height:36px; }
  
  .sm\:line-37 { line-height:37px; }
  
  .sm\:line-38 { line-height:38px; }
  
  .sm\:line-39 { line-height:39px; }
  
  .sm\:line-40 { line-height:40px; }
  
  .sm\:line-41 { line-height:41px; }
  
  .sm\:line-42 { line-height:42px; }
  
  .sm\:line-43 { line-height:43px; }
  
  .sm\:line-44 { line-height:44px; }
  
  .sm\:line-45 { line-height:45px; }
  
  .sm\:line-46 { line-height:46px; }
  
  .sm\:line-47 { line-height:47px; }
  
  .sm\:line-48 { line-height:48px; }
  
  .sm\:line-49 { line-height:49px; }
  
  .sm\:line-50 { line-height:50px; }
  

}


@media(min-width:992px){
  
  .md\:p-0 { padding:0px; }
  .md\:pt-0 { padding-top:0px; }
  .md\:pb-0 { padding-bottom:0px; }
  .md\:pl-0 { padding-left:0px; }
  .md\:pr-0 { padding-right:0px; }
  .md\:m-0 { margin:0px; }
  .md\:mt-0 { margin-top:0px; }
  .md\:mb-0 { margin-bottom:0px; }
  .md\:ml-0 { margin-left:0px; }
  .md\:mr-0 { margin-right:0px; }
  
  .md\:p-5 { padding:5px; }
  .md\:pt-5 { padding-top:5px; }
  .md\:pb-5 { padding-bottom:5px; }
  .md\:pl-5 { padding-left:5px; }
  .md\:pr-5 { padding-right:5px; }
  .md\:m-5 { margin:5px; }
  .md\:mt-5 { margin-top:5px; }
  .md\:mb-5 { margin-bottom:5px; }
  .md\:ml-5 { margin-left:5px; }
  .md\:mr-5 { margin-right:5px; }
  
  .md\:p-10 { padding:10px; }
  .md\:pt-10 { padding-top:10px; }
  .md\:pb-10 { padding-bottom:10px; }
  .md\:pl-10 { padding-left:10px; }
  .md\:pr-10 { padding-right:10px; }
  .md\:m-10 { margin:10px; }
  .md\:mt-10 { margin-top:10px; }
  .md\:mb-10 { margin-bottom:10px; }
  .md\:ml-10 { margin-left:10px; }
  .md\:mr-10 { margin-right:10px; }
  
  .md\:p-15 { padding:15px; }
  .md\:pt-15 { padding-top:15px; }
  .md\:pb-15 { padding-bottom:15px; }
  .md\:pl-15 { padding-left:15px; }
  .md\:pr-15 { padding-right:15px; }
  .md\:m-15 { margin:15px; }
  .md\:mt-15 { margin-top:15px; }
  .md\:mb-15 { margin-bottom:15px; }
  .md\:ml-15 { margin-left:15px; }
  .md\:mr-15 { margin-right:15px; }
  
  .md\:p-20 { padding:20px; }
  .md\:pt-20 { padding-top:20px; }
  .md\:pb-20 { padding-bottom:20px; }
  .md\:pl-20 { padding-left:20px; }
  .md\:pr-20 { padding-right:20px; }
  .md\:m-20 { margin:20px; }
  .md\:mt-20 { margin-top:20px; }
  .md\:mb-20 { margin-bottom:20px; }
  .md\:ml-20 { margin-left:20px; }
  .md\:mr-20 { margin-right:20px; }
  
  .md\:p-25 { padding:25px; }
  .md\:pt-25 { padding-top:25px; }
  .md\:pb-25 { padding-bottom:25px; }
  .md\:pl-25 { padding-left:25px; }
  .md\:pr-25 { padding-right:25px; }
  .md\:m-25 { margin:25px; }
  .md\:mt-25 { margin-top:25px; }
  .md\:mb-25 { margin-bottom:25px; }
  .md\:ml-25 { margin-left:25px; }
  .md\:mr-25 { margin-right:25px; }
  
  .md\:p-30 { padding:30px; }
  .md\:pt-30 { padding-top:30px; }
  .md\:pb-30 { padding-bottom:30px; }
  .md\:pl-30 { padding-left:30px; }
  .md\:pr-30 { padding-right:30px; }
  .md\:m-30 { margin:30px; }
  .md\:mt-30 { margin-top:30px; }
  .md\:mb-30 { margin-bottom:30px; }
  .md\:ml-30 { margin-left:30px; }
  .md\:mr-30 { margin-right:30px; }
  
  .md\:p-35 { padding:35px; }
  .md\:pt-35 { padding-top:35px; }
  .md\:pb-35 { padding-bottom:35px; }
  .md\:pl-35 { padding-left:35px; }
  .md\:pr-35 { padding-right:35px; }
  .md\:m-35 { margin:35px; }
  .md\:mt-35 { margin-top:35px; }
  .md\:mb-35 { margin-bottom:35px; }
  .md\:ml-35 { margin-left:35px; }
  .md\:mr-35 { margin-right:35px; }
  
  .md\:p-40 { padding:40px; }
  .md\:pt-40 { padding-top:40px; }
  .md\:pb-40 { padding-bottom:40px; }
  .md\:pl-40 { padding-left:40px; }
  .md\:pr-40 { padding-right:40px; }
  .md\:m-40 { margin:40px; }
  .md\:mt-40 { margin-top:40px; }
  .md\:mb-40 { margin-bottom:40px; }
  .md\:ml-40 { margin-left:40px; }
  .md\:mr-40 { margin-right:40px; }
  
  .md\:p-45 { padding:45px; }
  .md\:pt-45 { padding-top:45px; }
  .md\:pb-45 { padding-bottom:45px; }
  .md\:pl-45 { padding-left:45px; }
  .md\:pr-45 { padding-right:45px; }
  .md\:m-45 { margin:45px; }
  .md\:mt-45 { margin-top:45px; }
  .md\:mb-45 { margin-bottom:45px; }
  .md\:ml-45 { margin-left:45px; }
  .md\:mr-45 { margin-right:45px; }
  
  .md\:p-50 { padding:50px; }
  .md\:pt-50 { padding-top:50px; }
  .md\:pb-50 { padding-bottom:50px; }
  .md\:pl-50 { padding-left:50px; }
  .md\:pr-50 { padding-right:50px; }
  .md\:m-50 { margin:50px; }
  .md\:mt-50 { margin-top:50px; }
  .md\:mb-50 { margin-bottom:50px; }
  .md\:ml-50 { margin-left:50px; }
  .md\:mr-50 { margin-right:50px; }
  
  .md\:p-55 { padding:55px; }
  .md\:pt-55 { padding-top:55px; }
  .md\:pb-55 { padding-bottom:55px; }
  .md\:pl-55 { padding-left:55px; }
  .md\:pr-55 { padding-right:55px; }
  .md\:m-55 { margin:55px; }
  .md\:mt-55 { margin-top:55px; }
  .md\:mb-55 { margin-bottom:55px; }
  .md\:ml-55 { margin-left:55px; }
  .md\:mr-55 { margin-right:55px; }
  
  .md\:p-60 { padding:60px; }
  .md\:pt-60 { padding-top:60px; }
  .md\:pb-60 { padding-bottom:60px; }
  .md\:pl-60 { padding-left:60px; }
  .md\:pr-60 { padding-right:60px; }
  .md\:m-60 { margin:60px; }
  .md\:mt-60 { margin-top:60px; }
  .md\:mb-60 { margin-bottom:60px; }
  .md\:ml-60 { margin-left:60px; }
  .md\:mr-60 { margin-right:60px; }
  
  .md\:p-65 { padding:65px; }
  .md\:pt-65 { padding-top:65px; }
  .md\:pb-65 { padding-bottom:65px; }
  .md\:pl-65 { padding-left:65px; }
  .md\:pr-65 { padding-right:65px; }
  .md\:m-65 { margin:65px; }
  .md\:mt-65 { margin-top:65px; }
  .md\:mb-65 { margin-bottom:65px; }
  .md\:ml-65 { margin-left:65px; }
  .md\:mr-65 { margin-right:65px; }
  
  .md\:p-70 { padding:70px; }
  .md\:pt-70 { padding-top:70px; }
  .md\:pb-70 { padding-bottom:70px; }
  .md\:pl-70 { padding-left:70px; }
  .md\:pr-70 { padding-right:70px; }
  .md\:m-70 { margin:70px; }
  .md\:mt-70 { margin-top:70px; }
  .md\:mb-70 { margin-bottom:70px; }
  .md\:ml-70 { margin-left:70px; }
  .md\:mr-70 { margin-right:70px; }
  
  .md\:p-75 { padding:75px; }
  .md\:pt-75 { padding-top:75px; }
  .md\:pb-75 { padding-bottom:75px; }
  .md\:pl-75 { padding-left:75px; }
  .md\:pr-75 { padding-right:75px; }
  .md\:m-75 { margin:75px; }
  .md\:mt-75 { margin-top:75px; }
  .md\:mb-75 { margin-bottom:75px; }
  .md\:ml-75 { margin-left:75px; }
  .md\:mr-75 { margin-right:75px; }
  
  .md\:p-80 { padding:80px; }
  .md\:pt-80 { padding-top:80px; }
  .md\:pb-80 { padding-bottom:80px; }
  .md\:pl-80 { padding-left:80px; }
  .md\:pr-80 { padding-right:80px; }
  .md\:m-80 { margin:80px; }
  .md\:mt-80 { margin-top:80px; }
  .md\:mb-80 { margin-bottom:80px; }
  .md\:ml-80 { margin-left:80px; }
  .md\:mr-80 { margin-right:80px; }
  
  .md\:p-85 { padding:85px; }
  .md\:pt-85 { padding-top:85px; }
  .md\:pb-85 { padding-bottom:85px; }
  .md\:pl-85 { padding-left:85px; }
  .md\:pr-85 { padding-right:85px; }
  .md\:m-85 { margin:85px; }
  .md\:mt-85 { margin-top:85px; }
  .md\:mb-85 { margin-bottom:85px; }
  .md\:ml-85 { margin-left:85px; }
  .md\:mr-85 { margin-right:85px; }
  
  .md\:p-90 { padding:90px; }
  .md\:pt-90 { padding-top:90px; }
  .md\:pb-90 { padding-bottom:90px; }
  .md\:pl-90 { padding-left:90px; }
  .md\:pr-90 { padding-right:90px; }
  .md\:m-90 { margin:90px; }
  .md\:mt-90 { margin-top:90px; }
  .md\:mb-90 { margin-bottom:90px; }
  .md\:ml-90 { margin-left:90px; }
  .md\:mr-90 { margin-right:90px; }
  
  .md\:p-95 { padding:95px; }
  .md\:pt-95 { padding-top:95px; }
  .md\:pb-95 { padding-bottom:95px; }
  .md\:pl-95 { padding-left:95px; }
  .md\:pr-95 { padding-right:95px; }
  .md\:m-95 { margin:95px; }
  .md\:mt-95 { margin-top:95px; }
  .md\:mb-95 { margin-bottom:95px; }
  .md\:ml-95 { margin-left:95px; }
  .md\:mr-95 { margin-right:95px; }
  
  .md\:p-100 { padding:100px; }
  .md\:pt-100 { padding-top:100px; }
  .md\:pb-100 { padding-bottom:100px; }
  .md\:pl-100 { padding-left:100px; }
  .md\:pr-100 { padding-right:100px; }
  .md\:m-100 { margin:100px; }
  .md\:mt-100 { margin-top:100px; }
  .md\:mb-100 { margin-bottom:100px; }
  .md\:ml-100 { margin-left:100px; }
  .md\:mr-100 { margin-right:100px; }
  
  .md\:p-105 { padding:105px; }
  .md\:pt-105 { padding-top:105px; }
  .md\:pb-105 { padding-bottom:105px; }
  .md\:pl-105 { padding-left:105px; }
  .md\:pr-105 { padding-right:105px; }
  .md\:m-105 { margin:105px; }
  .md\:mt-105 { margin-top:105px; }
  .md\:mb-105 { margin-bottom:105px; }
  .md\:ml-105 { margin-left:105px; }
  .md\:mr-105 { margin-right:105px; }
  
  .md\:p-110 { padding:110px; }
  .md\:pt-110 { padding-top:110px; }
  .md\:pb-110 { padding-bottom:110px; }
  .md\:pl-110 { padding-left:110px; }
  .md\:pr-110 { padding-right:110px; }
  .md\:m-110 { margin:110px; }
  .md\:mt-110 { margin-top:110px; }
  .md\:mb-110 { margin-bottom:110px; }
  .md\:ml-110 { margin-left:110px; }
  .md\:mr-110 { margin-right:110px; }
  
  .md\:p-115 { padding:115px; }
  .md\:pt-115 { padding-top:115px; }
  .md\:pb-115 { padding-bottom:115px; }
  .md\:pl-115 { padding-left:115px; }
  .md\:pr-115 { padding-right:115px; }
  .md\:m-115 { margin:115px; }
  .md\:mt-115 { margin-top:115px; }
  .md\:mb-115 { margin-bottom:115px; }
  .md\:ml-115 { margin-left:115px; }
  .md\:mr-115 { margin-right:115px; }
  
  .md\:p-120 { padding:120px; }
  .md\:pt-120 { padding-top:120px; }
  .md\:pb-120 { padding-bottom:120px; }
  .md\:pl-120 { padding-left:120px; }
  .md\:pr-120 { padding-right:120px; }
  .md\:m-120 { margin:120px; }
  .md\:mt-120 { margin-top:120px; }
  .md\:mb-120 { margin-bottom:120px; }
  .md\:ml-120 { margin-left:120px; }
  .md\:mr-120 { margin-right:120px; }
  
  .md\:p-125 { padding:125px; }
  .md\:pt-125 { padding-top:125px; }
  .md\:pb-125 { padding-bottom:125px; }
  .md\:pl-125 { padding-left:125px; }
  .md\:pr-125 { padding-right:125px; }
  .md\:m-125 { margin:125px; }
  .md\:mt-125 { margin-top:125px; }
  .md\:mb-125 { margin-bottom:125px; }
  .md\:ml-125 { margin-left:125px; }
  .md\:mr-125 { margin-right:125px; }
  
  .md\:p-130 { padding:130px; }
  .md\:pt-130 { padding-top:130px; }
  .md\:pb-130 { padding-bottom:130px; }
  .md\:pl-130 { padding-left:130px; }
  .md\:pr-130 { padding-right:130px; }
  .md\:m-130 { margin:130px; }
  .md\:mt-130 { margin-top:130px; }
  .md\:mb-130 { margin-bottom:130px; }
  .md\:ml-130 { margin-left:130px; }
  .md\:mr-130 { margin-right:130px; }
  
  .md\:p-135 { padding:135px; }
  .md\:pt-135 { padding-top:135px; }
  .md\:pb-135 { padding-bottom:135px; }
  .md\:pl-135 { padding-left:135px; }
  .md\:pr-135 { padding-right:135px; }
  .md\:m-135 { margin:135px; }
  .md\:mt-135 { margin-top:135px; }
  .md\:mb-135 { margin-bottom:135px; }
  .md\:ml-135 { margin-left:135px; }
  .md\:mr-135 { margin-right:135px; }
  
  .md\:p-140 { padding:140px; }
  .md\:pt-140 { padding-top:140px; }
  .md\:pb-140 { padding-bottom:140px; }
  .md\:pl-140 { padding-left:140px; }
  .md\:pr-140 { padding-right:140px; }
  .md\:m-140 { margin:140px; }
  .md\:mt-140 { margin-top:140px; }
  .md\:mb-140 { margin-bottom:140px; }
  .md\:ml-140 { margin-left:140px; }
  .md\:mr-140 { margin-right:140px; }
  
  .md\:p-145 { padding:145px; }
  .md\:pt-145 { padding-top:145px; }
  .md\:pb-145 { padding-bottom:145px; }
  .md\:pl-145 { padding-left:145px; }
  .md\:pr-145 { padding-right:145px; }
  .md\:m-145 { margin:145px; }
  .md\:mt-145 { margin-top:145px; }
  .md\:mb-145 { margin-bottom:145px; }
  .md\:ml-145 { margin-left:145px; }
  .md\:mr-145 { margin-right:145px; }
  
  .md\:p-150 { padding:150px; }
  .md\:pt-150 { padding-top:150px; }
  .md\:pb-150 { padding-bottom:150px; }
  .md\:pl-150 { padding-left:150px; }
  .md\:pr-150 { padding-right:150px; }
  .md\:m-150 { margin:150px; }
  .md\:mt-150 { margin-top:150px; }
  .md\:mb-150 { margin-bottom:150px; }
  .md\:ml-150 { margin-left:150px; }
  .md\:mr-150 { margin-right:150px; }
  

  
  .md\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
  
  .md\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
  
  .md\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
  
  .md\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
  
  .md\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
  
  .md\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
  
  .md\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
  
  .md\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
  
  .md\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
  
  .md\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
  
  .md\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
  
  .md\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
  

  
  .md\:font-100 { font-weight:100; }
  
  .md\:font-200 { font-weight:200; }
  
  .md\:font-300 { font-weight:300; }
  
  .md\:font-400 { font-weight:400; }
  
  .md\:font-500 { font-weight:500; }
  
  .md\:font-600 { font-weight:600; }
  
  .md\:font-700 { font-weight:700; }
  
  .md\:font-800 { font-weight:800; }
  
  .md\:font-900 { font-weight:900; }
  

  
  .md\:font-2 { font-size:2px; }
  
  .md\:font-3 { font-size:3px; }
  
  .md\:font-4 { font-size:4px; }
  
  .md\:font-5 { font-size:5px; }
  
  .md\:font-6 { font-size:6px; }
  
  .md\:font-7 { font-size:7px; }
  
  .md\:font-8 { font-size:8px; }
  
  .md\:font-9 { font-size:9px; }
  
  .md\:font-10 { font-size:10px; }
  
  .md\:font-11 { font-size:11px; }
  
  .md\:font-12 { font-size:12px; }
  
  .md\:font-13 { font-size:13px; }
  
  .md\:font-14 { font-size:14px; }
  
  .md\:font-15 { font-size:15px; }
  
  .md\:font-16 { font-size:16px; }
  
  .md\:font-17 { font-size:17px; }
  
  .md\:font-18 { font-size:18px; }
  
  .md\:font-19 { font-size:19px; }
  
  .md\:font-20 { font-size:20px; }
  
  .md\:font-21 { font-size:21px; }
  
  .md\:font-22 { font-size:22px; }
  
  .md\:font-23 { font-size:23px; }
  
  .md\:font-24 { font-size:24px; }
  
  .md\:font-25 { font-size:25px; }
  
  .md\:font-26 { font-size:26px; }
  
  .md\:font-27 { font-size:27px; }
  
  .md\:font-28 { font-size:28px; }
  
  .md\:font-29 { font-size:29px; }
  
  .md\:font-30 { font-size:30px; }
  
  .md\:font-31 { font-size:31px; }
  
  .md\:font-32 { font-size:32px; }
  
  .md\:font-33 { font-size:33px; }
  
  .md\:font-34 { font-size:34px; }
  
  .md\:font-35 { font-size:35px; }
  
  .md\:font-36 { font-size:36px; }
  
  .md\:font-37 { font-size:37px; }
  
  .md\:font-38 { font-size:38px; }
  
  .md\:font-39 { font-size:39px; }
  
  .md\:font-40 { font-size:40px; }
  

  
  .md\:line-10 { line-height:10px; }
  
  .md\:line-11 { line-height:11px; }
  
  .md\:line-12 { line-height:12px; }
  
  .md\:line-13 { line-height:13px; }
  
  .md\:line-14 { line-height:14px; }
  
  .md\:line-15 { line-height:15px; }
  
  .md\:line-16 { line-height:16px; }
  
  .md\:line-17 { line-height:17px; }
  
  .md\:line-18 { line-height:18px; }
  
  .md\:line-19 { line-height:19px; }
  
  .md\:line-20 { line-height:20px; }
  
  .md\:line-21 { line-height:21px; }
  
  .md\:line-22 { line-height:22px; }
  
  .md\:line-23 { line-height:23px; }
  
  .md\:line-24 { line-height:24px; }
  
  .md\:line-25 { line-height:25px; }
  
  .md\:line-26 { line-height:26px; }
  
  .md\:line-27 { line-height:27px; }
  
  .md\:line-28 { line-height:28px; }
  
  .md\:line-29 { line-height:29px; }
  
  .md\:line-30 { line-height:30px; }
  
  .md\:line-31 { line-height:31px; }
  
  .md\:line-32 { line-height:32px; }
  
  .md\:line-33 { line-height:33px; }
  
  .md\:line-34 { line-height:34px; }
  
  .md\:line-35 { line-height:35px; }
  
  .md\:line-36 { line-height:36px; }
  
  .md\:line-37 { line-height:37px; }
  
  .md\:line-38 { line-height:38px; }
  
  .md\:line-39 { line-height:39px; }
  
  .md\:line-40 { line-height:40px; }
  
  .md\:line-41 { line-height:41px; }
  
  .md\:line-42 { line-height:42px; }
  
  .md\:line-43 { line-height:43px; }
  
  .md\:line-44 { line-height:44px; }
  
  .md\:line-45 { line-height:45px; }
  
  .md\:line-46 { line-height:46px; }
  
  .md\:line-47 { line-height:47px; }
  
  .md\:line-48 { line-height:48px; }
  
  .md\:line-49 { line-height:49px; }
  
  .md\:line-50 { line-height:50px; }
  

}


@media(min-width:1200px){
  
  .lg\:p-0 { padding:0px; }
  .lg\:pt-0 { padding-top:0px; }
  .lg\:pb-0 { padding-bottom:0px; }
  .lg\:pl-0 { padding-left:0px; }
  .lg\:pr-0 { padding-right:0px; }
  .lg\:m-0 { margin:0px; }
  .lg\:mt-0 { margin-top:0px; }
  .lg\:mb-0 { margin-bottom:0px; }
  .lg\:ml-0 { margin-left:0px; }
  .lg\:mr-0 { margin-right:0px; }
  
  .lg\:p-5 { padding:5px; }
  .lg\:pt-5 { padding-top:5px; }
  .lg\:pb-5 { padding-bottom:5px; }
  .lg\:pl-5 { padding-left:5px; }
  .lg\:pr-5 { padding-right:5px; }
  .lg\:m-5 { margin:5px; }
  .lg\:mt-5 { margin-top:5px; }
  .lg\:mb-5 { margin-bottom:5px; }
  .lg\:ml-5 { margin-left:5px; }
  .lg\:mr-5 { margin-right:5px; }
  
  .lg\:p-10 { padding:10px; }
  .lg\:pt-10 { padding-top:10px; }
  .lg\:pb-10 { padding-bottom:10px; }
  .lg\:pl-10 { padding-left:10px; }
  .lg\:pr-10 { padding-right:10px; }
  .lg\:m-10 { margin:10px; }
  .lg\:mt-10 { margin-top:10px; }
  .lg\:mb-10 { margin-bottom:10px; }
  .lg\:ml-10 { margin-left:10px; }
  .lg\:mr-10 { margin-right:10px; }
  
  .lg\:p-15 { padding:15px; }
  .lg\:pt-15 { padding-top:15px; }
  .lg\:pb-15 { padding-bottom:15px; }
  .lg\:pl-15 { padding-left:15px; }
  .lg\:pr-15 { padding-right:15px; }
  .lg\:m-15 { margin:15px; }
  .lg\:mt-15 { margin-top:15px; }
  .lg\:mb-15 { margin-bottom:15px; }
  .lg\:ml-15 { margin-left:15px; }
  .lg\:mr-15 { margin-right:15px; }
  
  .lg\:p-20 { padding:20px; }
  .lg\:pt-20 { padding-top:20px; }
  .lg\:pb-20 { padding-bottom:20px; }
  .lg\:pl-20 { padding-left:20px; }
  .lg\:pr-20 { padding-right:20px; }
  .lg\:m-20 { margin:20px; }
  .lg\:mt-20 { margin-top:20px; }
  .lg\:mb-20 { margin-bottom:20px; }
  .lg\:ml-20 { margin-left:20px; }
  .lg\:mr-20 { margin-right:20px; }
  
  .lg\:p-25 { padding:25px; }
  .lg\:pt-25 { padding-top:25px; }
  .lg\:pb-25 { padding-bottom:25px; }
  .lg\:pl-25 { padding-left:25px; }
  .lg\:pr-25 { padding-right:25px; }
  .lg\:m-25 { margin:25px; }
  .lg\:mt-25 { margin-top:25px; }
  .lg\:mb-25 { margin-bottom:25px; }
  .lg\:ml-25 { margin-left:25px; }
  .lg\:mr-25 { margin-right:25px; }
  
  .lg\:p-30 { padding:30px; }
  .lg\:pt-30 { padding-top:30px; }
  .lg\:pb-30 { padding-bottom:30px; }
  .lg\:pl-30 { padding-left:30px; }
  .lg\:pr-30 { padding-right:30px; }
  .lg\:m-30 { margin:30px; }
  .lg\:mt-30 { margin-top:30px; }
  .lg\:mb-30 { margin-bottom:30px; }
  .lg\:ml-30 { margin-left:30px; }
  .lg\:mr-30 { margin-right:30px; }
  
  .lg\:p-35 { padding:35px; }
  .lg\:pt-35 { padding-top:35px; }
  .lg\:pb-35 { padding-bottom:35px; }
  .lg\:pl-35 { padding-left:35px; }
  .lg\:pr-35 { padding-right:35px; }
  .lg\:m-35 { margin:35px; }
  .lg\:mt-35 { margin-top:35px; }
  .lg\:mb-35 { margin-bottom:35px; }
  .lg\:ml-35 { margin-left:35px; }
  .lg\:mr-35 { margin-right:35px; }
  
  .lg\:p-40 { padding:40px; }
  .lg\:pt-40 { padding-top:40px; }
  .lg\:pb-40 { padding-bottom:40px; }
  .lg\:pl-40 { padding-left:40px; }
  .lg\:pr-40 { padding-right:40px; }
  .lg\:m-40 { margin:40px; }
  .lg\:mt-40 { margin-top:40px; }
  .lg\:mb-40 { margin-bottom:40px; }
  .lg\:ml-40 { margin-left:40px; }
  .lg\:mr-40 { margin-right:40px; }
  
  .lg\:p-45 { padding:45px; }
  .lg\:pt-45 { padding-top:45px; }
  .lg\:pb-45 { padding-bottom:45px; }
  .lg\:pl-45 { padding-left:45px; }
  .lg\:pr-45 { padding-right:45px; }
  .lg\:m-45 { margin:45px; }
  .lg\:mt-45 { margin-top:45px; }
  .lg\:mb-45 { margin-bottom:45px; }
  .lg\:ml-45 { margin-left:45px; }
  .lg\:mr-45 { margin-right:45px; }
  
  .lg\:p-50 { padding:50px; }
  .lg\:pt-50 { padding-top:50px; }
  .lg\:pb-50 { padding-bottom:50px; }
  .lg\:pl-50 { padding-left:50px; }
  .lg\:pr-50 { padding-right:50px; }
  .lg\:m-50 { margin:50px; }
  .lg\:mt-50 { margin-top:50px; }
  .lg\:mb-50 { margin-bottom:50px; }
  .lg\:ml-50 { margin-left:50px; }
  .lg\:mr-50 { margin-right:50px; }
  
  .lg\:p-55 { padding:55px; }
  .lg\:pt-55 { padding-top:55px; }
  .lg\:pb-55 { padding-bottom:55px; }
  .lg\:pl-55 { padding-left:55px; }
  .lg\:pr-55 { padding-right:55px; }
  .lg\:m-55 { margin:55px; }
  .lg\:mt-55 { margin-top:55px; }
  .lg\:mb-55 { margin-bottom:55px; }
  .lg\:ml-55 { margin-left:55px; }
  .lg\:mr-55 { margin-right:55px; }
  
  .lg\:p-60 { padding:60px; }
  .lg\:pt-60 { padding-top:60px; }
  .lg\:pb-60 { padding-bottom:60px; }
  .lg\:pl-60 { padding-left:60px; }
  .lg\:pr-60 { padding-right:60px; }
  .lg\:m-60 { margin:60px; }
  .lg\:mt-60 { margin-top:60px; }
  .lg\:mb-60 { margin-bottom:60px; }
  .lg\:ml-60 { margin-left:60px; }
  .lg\:mr-60 { margin-right:60px; }
  
  .lg\:p-65 { padding:65px; }
  .lg\:pt-65 { padding-top:65px; }
  .lg\:pb-65 { padding-bottom:65px; }
  .lg\:pl-65 { padding-left:65px; }
  .lg\:pr-65 { padding-right:65px; }
  .lg\:m-65 { margin:65px; }
  .lg\:mt-65 { margin-top:65px; }
  .lg\:mb-65 { margin-bottom:65px; }
  .lg\:ml-65 { margin-left:65px; }
  .lg\:mr-65 { margin-right:65px; }
  
  .lg\:p-70 { padding:70px; }
  .lg\:pt-70 { padding-top:70px; }
  .lg\:pb-70 { padding-bottom:70px; }
  .lg\:pl-70 { padding-left:70px; }
  .lg\:pr-70 { padding-right:70px; }
  .lg\:m-70 { margin:70px; }
  .lg\:mt-70 { margin-top:70px; }
  .lg\:mb-70 { margin-bottom:70px; }
  .lg\:ml-70 { margin-left:70px; }
  .lg\:mr-70 { margin-right:70px; }
  
  .lg\:p-75 { padding:75px; }
  .lg\:pt-75 { padding-top:75px; }
  .lg\:pb-75 { padding-bottom:75px; }
  .lg\:pl-75 { padding-left:75px; }
  .lg\:pr-75 { padding-right:75px; }
  .lg\:m-75 { margin:75px; }
  .lg\:mt-75 { margin-top:75px; }
  .lg\:mb-75 { margin-bottom:75px; }
  .lg\:ml-75 { margin-left:75px; }
  .lg\:mr-75 { margin-right:75px; }
  
  .lg\:p-80 { padding:80px; }
  .lg\:pt-80 { padding-top:80px; }
  .lg\:pb-80 { padding-bottom:80px; }
  .lg\:pl-80 { padding-left:80px; }
  .lg\:pr-80 { padding-right:80px; }
  .lg\:m-80 { margin:80px; }
  .lg\:mt-80 { margin-top:80px; }
  .lg\:mb-80 { margin-bottom:80px; }
  .lg\:ml-80 { margin-left:80px; }
  .lg\:mr-80 { margin-right:80px; }
  
  .lg\:p-85 { padding:85px; }
  .lg\:pt-85 { padding-top:85px; }
  .lg\:pb-85 { padding-bottom:85px; }
  .lg\:pl-85 { padding-left:85px; }
  .lg\:pr-85 { padding-right:85px; }
  .lg\:m-85 { margin:85px; }
  .lg\:mt-85 { margin-top:85px; }
  .lg\:mb-85 { margin-bottom:85px; }
  .lg\:ml-85 { margin-left:85px; }
  .lg\:mr-85 { margin-right:85px; }
  
  .lg\:p-90 { padding:90px; }
  .lg\:pt-90 { padding-top:90px; }
  .lg\:pb-90 { padding-bottom:90px; }
  .lg\:pl-90 { padding-left:90px; }
  .lg\:pr-90 { padding-right:90px; }
  .lg\:m-90 { margin:90px; }
  .lg\:mt-90 { margin-top:90px; }
  .lg\:mb-90 { margin-bottom:90px; }
  .lg\:ml-90 { margin-left:90px; }
  .lg\:mr-90 { margin-right:90px; }
  
  .lg\:p-95 { padding:95px; }
  .lg\:pt-95 { padding-top:95px; }
  .lg\:pb-95 { padding-bottom:95px; }
  .lg\:pl-95 { padding-left:95px; }
  .lg\:pr-95 { padding-right:95px; }
  .lg\:m-95 { margin:95px; }
  .lg\:mt-95 { margin-top:95px; }
  .lg\:mb-95 { margin-bottom:95px; }
  .lg\:ml-95 { margin-left:95px; }
  .lg\:mr-95 { margin-right:95px; }
  
  .lg\:p-100 { padding:100px; }
  .lg\:pt-100 { padding-top:100px; }
  .lg\:pb-100 { padding-bottom:100px; }
  .lg\:pl-100 { padding-left:100px; }
  .lg\:pr-100 { padding-right:100px; }
  .lg\:m-100 { margin:100px; }
  .lg\:mt-100 { margin-top:100px; }
  .lg\:mb-100 { margin-bottom:100px; }
  .lg\:ml-100 { margin-left:100px; }
  .lg\:mr-100 { margin-right:100px; }
  
  .lg\:p-105 { padding:105px; }
  .lg\:pt-105 { padding-top:105px; }
  .lg\:pb-105 { padding-bottom:105px; }
  .lg\:pl-105 { padding-left:105px; }
  .lg\:pr-105 { padding-right:105px; }
  .lg\:m-105 { margin:105px; }
  .lg\:mt-105 { margin-top:105px; }
  .lg\:mb-105 { margin-bottom:105px; }
  .lg\:ml-105 { margin-left:105px; }
  .lg\:mr-105 { margin-right:105px; }
  
  .lg\:p-110 { padding:110px; }
  .lg\:pt-110 { padding-top:110px; }
  .lg\:pb-110 { padding-bottom:110px; }
  .lg\:pl-110 { padding-left:110px; }
  .lg\:pr-110 { padding-right:110px; }
  .lg\:m-110 { margin:110px; }
  .lg\:mt-110 { margin-top:110px; }
  .lg\:mb-110 { margin-bottom:110px; }
  .lg\:ml-110 { margin-left:110px; }
  .lg\:mr-110 { margin-right:110px; }
  
  .lg\:p-115 { padding:115px; }
  .lg\:pt-115 { padding-top:115px; }
  .lg\:pb-115 { padding-bottom:115px; }
  .lg\:pl-115 { padding-left:115px; }
  .lg\:pr-115 { padding-right:115px; }
  .lg\:m-115 { margin:115px; }
  .lg\:mt-115 { margin-top:115px; }
  .lg\:mb-115 { margin-bottom:115px; }
  .lg\:ml-115 { margin-left:115px; }
  .lg\:mr-115 { margin-right:115px; }
  
  .lg\:p-120 { padding:120px; }
  .lg\:pt-120 { padding-top:120px; }
  .lg\:pb-120 { padding-bottom:120px; }
  .lg\:pl-120 { padding-left:120px; }
  .lg\:pr-120 { padding-right:120px; }
  .lg\:m-120 { margin:120px; }
  .lg\:mt-120 { margin-top:120px; }
  .lg\:mb-120 { margin-bottom:120px; }
  .lg\:ml-120 { margin-left:120px; }
  .lg\:mr-120 { margin-right:120px; }
  
  .lg\:p-125 { padding:125px; }
  .lg\:pt-125 { padding-top:125px; }
  .lg\:pb-125 { padding-bottom:125px; }
  .lg\:pl-125 { padding-left:125px; }
  .lg\:pr-125 { padding-right:125px; }
  .lg\:m-125 { margin:125px; }
  .lg\:mt-125 { margin-top:125px; }
  .lg\:mb-125 { margin-bottom:125px; }
  .lg\:ml-125 { margin-left:125px; }
  .lg\:mr-125 { margin-right:125px; }
  
  .lg\:p-130 { padding:130px; }
  .lg\:pt-130 { padding-top:130px; }
  .lg\:pb-130 { padding-bottom:130px; }
  .lg\:pl-130 { padding-left:130px; }
  .lg\:pr-130 { padding-right:130px; }
  .lg\:m-130 { margin:130px; }
  .lg\:mt-130 { margin-top:130px; }
  .lg\:mb-130 { margin-bottom:130px; }
  .lg\:ml-130 { margin-left:130px; }
  .lg\:mr-130 { margin-right:130px; }
  
  .lg\:p-135 { padding:135px; }
  .lg\:pt-135 { padding-top:135px; }
  .lg\:pb-135 { padding-bottom:135px; }
  .lg\:pl-135 { padding-left:135px; }
  .lg\:pr-135 { padding-right:135px; }
  .lg\:m-135 { margin:135px; }
  .lg\:mt-135 { margin-top:135px; }
  .lg\:mb-135 { margin-bottom:135px; }
  .lg\:ml-135 { margin-left:135px; }
  .lg\:mr-135 { margin-right:135px; }
  
  .lg\:p-140 { padding:140px; }
  .lg\:pt-140 { padding-top:140px; }
  .lg\:pb-140 { padding-bottom:140px; }
  .lg\:pl-140 { padding-left:140px; }
  .lg\:pr-140 { padding-right:140px; }
  .lg\:m-140 { margin:140px; }
  .lg\:mt-140 { margin-top:140px; }
  .lg\:mb-140 { margin-bottom:140px; }
  .lg\:ml-140 { margin-left:140px; }
  .lg\:mr-140 { margin-right:140px; }
  
  .lg\:p-145 { padding:145px; }
  .lg\:pt-145 { padding-top:145px; }
  .lg\:pb-145 { padding-bottom:145px; }
  .lg\:pl-145 { padding-left:145px; }
  .lg\:pr-145 { padding-right:145px; }
  .lg\:m-145 { margin:145px; }
  .lg\:mt-145 { margin-top:145px; }
  .lg\:mb-145 { margin-bottom:145px; }
  .lg\:ml-145 { margin-left:145px; }
  .lg\:mr-145 { margin-right:145px; }
  
  .lg\:p-150 { padding:150px; }
  .lg\:pt-150 { padding-top:150px; }
  .lg\:pb-150 { padding-bottom:150px; }
  .lg\:pl-150 { padding-left:150px; }
  .lg\:pr-150 { padding-right:150px; }
  .lg\:m-150 { margin:150px; }
  .lg\:mt-150 { margin-top:150px; }
  .lg\:mb-150 { margin-bottom:150px; }
  .lg\:ml-150 { margin-left:150px; }
  .lg\:mr-150 { margin-right:150px; }
  

  
  .lg\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
  
  .lg\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
  
  .lg\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
  
  .lg\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
  
  .lg\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
  
  .lg\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
  
  .lg\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
  
  .lg\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
  
  .lg\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
  
  .lg\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
  
  .lg\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
  
  .lg\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
  

  
  .lg\:font-100 { font-weight:100; }
  
  .lg\:font-200 { font-weight:200; }
  
  .lg\:font-300 { font-weight:300; }
  
  .lg\:font-400 { font-weight:400; }
  
  .lg\:font-500 { font-weight:500; }
  
  .lg\:font-600 { font-weight:600; }
  
  .lg\:font-700 { font-weight:700; }
  
  .lg\:font-800 { font-weight:800; }
  
  .lg\:font-900 { font-weight:900; }
  

  
  .lg\:font-2 { font-size:2px; }
  
  .lg\:font-3 { font-size:3px; }
  
  .lg\:font-4 { font-size:4px; }
  
  .lg\:font-5 { font-size:5px; }
  
  .lg\:font-6 { font-size:6px; }
  
  .lg\:font-7 { font-size:7px; }
  
  .lg\:font-8 { font-size:8px; }
  
  .lg\:font-9 { font-size:9px; }
  
  .lg\:font-10 { font-size:10px; }
  
  .lg\:font-11 { font-size:11px; }
  
  .lg\:font-12 { font-size:12px; }
  
  .lg\:font-13 { font-size:13px; }
  
  .lg\:font-14 { font-size:14px; }
  
  .lg\:font-15 { font-size:15px; }
  
  .lg\:font-16 { font-size:16px; }
  
  .lg\:font-17 { font-size:17px; }
  
  .lg\:font-18 { font-size:18px; }
  
  .lg\:font-19 { font-size:19px; }
  
  .lg\:font-20 { font-size:20px; }
  
  .lg\:font-21 { font-size:21px; }
  
  .lg\:font-22 { font-size:22px; }
  
  .lg\:font-23 { font-size:23px; }
  
  .lg\:font-24 { font-size:24px; }
  
  .lg\:font-25 { font-size:25px; }
  
  .lg\:font-26 { font-size:26px; }
  
  .lg\:font-27 { font-size:27px; }
  
  .lg\:font-28 { font-size:28px; }
  
  .lg\:font-29 { font-size:29px; }
  
  .lg\:font-30 { font-size:30px; }
  
  .lg\:font-31 { font-size:31px; }
  
  .lg\:font-32 { font-size:32px; }
  
  .lg\:font-33 { font-size:33px; }
  
  .lg\:font-34 { font-size:34px; }
  
  .lg\:font-35 { font-size:35px; }
  
  .lg\:font-36 { font-size:36px; }
  
  .lg\:font-37 { font-size:37px; }
  
  .lg\:font-38 { font-size:38px; }
  
  .lg\:font-39 { font-size:39px; }
  
  .lg\:font-40 { font-size:40px; }
  

  
  .lg\:line-10 { line-height:10px; }
  
  .lg\:line-11 { line-height:11px; }
  
  .lg\:line-12 { line-height:12px; }
  
  .lg\:line-13 { line-height:13px; }
  
  .lg\:line-14 { line-height:14px; }
  
  .lg\:line-15 { line-height:15px; }
  
  .lg\:line-16 { line-height:16px; }
  
  .lg\:line-17 { line-height:17px; }
  
  .lg\:line-18 { line-height:18px; }
  
  .lg\:line-19 { line-height:19px; }
  
  .lg\:line-20 { line-height:20px; }
  
  .lg\:line-21 { line-height:21px; }
  
  .lg\:line-22 { line-height:22px; }
  
  .lg\:line-23 { line-height:23px; }
  
  .lg\:line-24 { line-height:24px; }
  
  .lg\:line-25 { line-height:25px; }
  
  .lg\:line-26 { line-height:26px; }
  
  .lg\:line-27 { line-height:27px; }
  
  .lg\:line-28 { line-height:28px; }
  
  .lg\:line-29 { line-height:29px; }
  
  .lg\:line-30 { line-height:30px; }
  
  .lg\:line-31 { line-height:31px; }
  
  .lg\:line-32 { line-height:32px; }
  
  .lg\:line-33 { line-height:33px; }
  
  .lg\:line-34 { line-height:34px; }
  
  .lg\:line-35 { line-height:35px; }
  
  .lg\:line-36 { line-height:36px; }
  
  .lg\:line-37 { line-height:37px; }
  
  .lg\:line-38 { line-height:38px; }
  
  .lg\:line-39 { line-height:39px; }
  
  .lg\:line-40 { line-height:40px; }
  
  .lg\:line-41 { line-height:41px; }
  
  .lg\:line-42 { line-height:42px; }
  
  .lg\:line-43 { line-height:43px; }
  
  .lg\:line-44 { line-height:44px; }
  
  .lg\:line-45 { line-height:45px; }
  
  .lg\:line-46 { line-height:46px; }
  
  .lg\:line-47 { line-height:47px; }
  
  .lg\:line-48 { line-height:48px; }
  
  .lg\:line-49 { line-height:49px; }
  
  .lg\:line-50 { line-height:50px; }
  

}


/* 1c. Typography */



























/* 1d. Buttons */

/* -- btn1 -- */










/* -- btn2 -- */










/* -- btn3 -- */










/* 1e. Forms */


















/* 1g. Website header */











/* 1h. Website footer */












.container { max-width: 1320px; width: 100%; margin: auto; padding: 0 20px; }
.dnd-section, .content-wrapper--vertical-spacing { padding: 0; }

@media (min-width:1200px) and (max-width:1430px) { .container { max-width:1136px; } }
@media (min-width:992px) and (max-width:1199px) { .container { max-width:950px; } }
@media (min-width:768px) and (max-width:991px) { .container { max-width:720px; } }
@media (max-width:767px) { .container { max-width:100%; } }





*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html { font-size: 16px; }
body { font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; color: #4A4B46; font-size: 16px; line-height: 20px; padding:0; margin:0; letter-spacing: 0.16px; }

p { font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; margin: 0 0 15px; }

a { font-weight: 500; text-decoration: underline; font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; color: #003087;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
a:hover, a:focus { font-weight: 500; text-decoration: underline; font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal;  color: #26A96C; }
a:active { font-weight: 500; text-decoration: underline; font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; color: #26A96C; }
img { border:0; vertical-align: top; height:auto; max-width:100%; }
ul, ol { list-style:none; }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }
.row-fluid a.cta_button, a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.w100 { width:100%; display:inline-block; vertical-align:top; }
.dis-flex{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.align-center{ align-items: center; }
.row-reverse{ flex-direction: row-reverse; }
.col-reverse{ flex-direction: column-reverse; }
.justify-center { justify-content: center; }
.justify-left { justify-content: left; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
sup { line-height: 0 }

.eligibility-section ul {
  list-style: disc;
}

.credit-card-section.eligibility-section:before {
  display: none; 
}

/* Headings */

h1,
.h1 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 49px;
  text-transform: none;
  line-height: 1.08;
  margin: 0 0 15px;
}

h2,
.h2 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 49px;
  text-transform: none;
  line-height: 1.2;
  margin: 0 0 15px;
}

h3,
.h3 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 39px;
  text-transform: none;
  line-height: 1.2;
  margin: 0 0 15px;
}

h4,
.h4 {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 25px;
  text-transform: none;
  line-height: 1.2;
  margin: 0 0 15px;
}

h5,
.h5 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 20px;
  text-transform: none;
  line-height: 1.2;
  margin: 0 0 15px;
}

h6,
.h6 {
  font-weight: 400; text-decoration: none; font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal;
  color: #7D869C;
  font-size: 18px;
  text-transform: none;
  line-height: 1.2;
  margin: 0 0 15px;
}

/* Blockquote */

blockquote { border-left-color: #003087; }





/* -- Button1 -- */
.btn1 a,.btn1 button {
  border: 2px solid #003087;

  padding: 18px;

  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: #003087;
  border-radius: 59px;
  color: #FFFFFF;
  font-size: 20px;
  text-transform: none;
  display: inline-block;
}

.btn1 a:hover,.btn1 button:hover {
  background-color: #ffffff; color:#003087; border-color: #003087;
}

/* -- Button2 -- */
.btn2 a {
  border: 4px solid #032665;

  padding: 18px;

  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: #ffffff;
  border-radius: 59px;
  color: #003087;
  font-size: 20px;
  text-transform: none;
  display: inline-block;
}

.btn2 a:hover {
  background-color: #032665; color:#ffffff; border-color: #032665;
}

/* -- Button3 -- */
.btn3 a {
  border: 4px solid #26A96C;

  padding-top: 19px;
padding-right: 26px;
padding-bottom: 19px;
padding-left: 26px;

  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: #26A96C;
  border-radius: 59px;
  color: #ffffff;
  font-size: 20px;
  text-transform: none;
  display: inline-block;
}

.btn3 a:hover {
  background-color: #ffffff; color:#26A96C; border-color: #26A96C;
}

/* -- Button4 (Simple Link) -- */
.btn4 a { color: #003087; position:relative; font-weight:700; font-family:Work Sans; }
.btn4 a:hover { color: #26A96C; }

.btn4 a:before {content: ' '; left: auto; right: -16px; width: 0;  height: 0;  border-top: 5px solid transparent;  border-left: 8px solid;  border-bottom: 5px solid transparent; position: absolute; top: auto; bottom: 4px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.btn4 a:hover:before { border-left-color: #26A96C; }

.btn a { border: 2px solid #003087;
 padding: 18px;
 font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: #003087; border-radius: 59px; color: #FFFFFF; font-size: 20px; text-transform: none; display: inline-block; }
.btn a:hover {  background-color: #ffffff; color:#003087; border-color: #003087; } 

.btn-small .btn1 a, .btn-small .btn2 a, .btn-small .btn3 a { padding: 12px 30px; border:2px solid; }





form, .submitted-message { font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; }
.form-title { color: #003087; }
form label { color: #4A4B46; }
form legend { color: ; }

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea { border: 1px solid #7F869A;
 background-color: #ffffff; color: #4A4B46; border-radius: 0px; height:45px; padding:15px; }

/* Form placeholder text */

::-webkit-input-placeholder { color: #7D869C; font-family: Plus Jakarta Sans; }
::-moz-placeholder { color: #7D869C; font-family: Plus Jakarta Sans; }
:-ms-input-placeholder { color: #7D869C; font-family: Plus Jakarta Sans; }
::placeholder { color: #7D869C; font-family: Plus Jakarta Sans; }

/* Inputs - date picker */
.hs-fieldtype-date .input .hs-dateinput:before { color: #7D869C; }
.fn-date-picker td.is-selected .pika-button { background: #4A4B46; }
.fn-date-picker td .pika-button:hover { background-color: #4A4B46 !important; }
.fn-date-picker td.is-today .pika-button { color: #4A4B46; }

/* Submit button */
form input[type=submit], form .hs-button {
  padding-top: 18px;
padding-right: 49px;
padding-bottom: 18px;
padding-left: 49px;

  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 20px;
  text-transform: none;
  background-color: #003087;
  display: inline-block; cursor:pointer; 
}

form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus, form input[type=submit]:active, form .hs-button:active {
  background-color: #fffff; color: #00000;
}

.submitted-message { text-align:  center; color: #155724; background-color: #d4edda; border-color: #c3e6cb; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #c3e6cb; border-radius: .25rem; }
.field.hs-form-field + .hs_error_rollup { display:none; }
.hs_error_rollup { display:none; }
.hs-form input:focus-visible, .hs-form input:focus { border: 1px solid #7F869A;
; outline: none;}

.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding:0 0 15px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }

@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {   
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
}

.hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
.inputs-list .hs-form-checkbox-display , .inputs-list .hs-form-booleancheckbox , .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.inputs-list input[type="radio"] { top:3px; }
.inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.inputs-list input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; }
.inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }
.inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; }





.footer { background-color: #F7F9FC; }
.footer p { color: #1D1E18; }
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #003087;
}
.footer .footer-menu ul li a { color:#003087; }
.footer .footer-menu ul li a:hover { color:#26A96C; }
.footer-section .simple-menu .simple-menu-level-2 ul li a { font-size: 16px; line-height: 24px; letter-spacing: -0.24px; font-weight: 700; color: #7D869C; }
.footer-section .simple-menu .hs-menu-depth-1 .hs-menu-children-wrapper { padding-top: 0; padding-left: 16.5px; border-left: 1px solid #CDD5E5; }
.footer-section .simple-menu .simple-menu-title { margin-top: 10px; margin-bottom: 0; color: #7d869c; font-weight: 700; letter-spacing: -.24px; line-height: 24px; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow{position: absolute; margin-top: 0; width: 57px; height: 57px; border-radius: 50%; border: 0; background-color: #003087; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/slider-arrow.png); background-size: 30px;background-repeat: no-repeat; background-position: center; font-size:0; cursor:pointer; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow:hover { background:#fff; color:#000;  }
.slick-arrow.slick-prev { left: -65px; background-position: center 15px; }
.slick-arrow.slick-prev:before { content: ""; }
.slick-arrow.slick-next { right:-65px; transform: rotate(180deg); background-position: center 14px; }
.slick-arrow.slick-next:before { content: ""; }
.slick-arrow:hover{background-color: #003087; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/slider-arrow.png);background-size: 30px;background-repeat: no-repeat;}
.slick-arrow.slick-disabled{ background-color:#99ACCF; pointer-events:none; opacity: 0.3;}


ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#0096D9; width:15px; height:15px; border-radius:100%; font-size:0;  cursor:pointer; padding:0;}
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#111850; }


/* .body-container-wrapper { margin-top: 174px;} */
.body-container-wrapper { margin-top: 153px;}
header.header { position: absolute; width: 100%; top: 0; left: 0;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; z-index:999998; }
.header-section { width: 100%; display: inline-block; vertical-align: top; position:relative;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; z-index: 12 }
.header-section.sticky { position: fixed; margin-top: -53px;}
.header-section .top-part { width: 100%; display: inline-block; vertical-align: top; background: #F2F3F5; padding: 16px 0; }
.header-section .bottom-part { width: 100%; display: inline-block; vertical-align: top; box-shadow: 0px 6px 12px #00000008; background: #fff; }
.header-section .container { display: flex; align-items: center; }
.header-section .top-part .routing { width: 50%; }
.header-section .search-part { order: 2; width: auto; margin-left: 23px; display: flex; align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end; position: relative; }
.header-section .top-part .routing ul { padding: 0; margin: 0; }
.header-section .top-part .routing ul li { display: inline-block; padding-right: 30px; color: #4A4B46; font-size: 14px; line-height: 18px; letter-spacing: 0; }
.header-section .top-part .routing ul li:last-child { padding: 0; }
.header-section .search-part .search-box { position: absolute; right: 0; opacity: 0; visibility: hidden;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.header-section .search-part.open-search .search-box { opacity: 1; visibility: visible; }
.header-section .search-part.open-search .search-icon { opacity: 0; }
.header-section .search-part .search-icon { display: flex; align-items: center; color: #4A4B46; letter-spacing: 0px; font-size: 14px; line-height: 18px; cursor: pointer; }
.header-section .search-part .search-icon img { width: 12px; position: relative; top: 1px; left: -5px; transition: opacity .25s }
.header-section .search-part .search-box form { position: relative; }
.header-section .search-part .search-box form button { position: absolute; left: auto; right: 1px; top: 1px; height: 34px; cursor: pointer; background: #F2F3F5; border: 0; border-radius: 0 10px 10px 0; }
.header-section .search-part .search-box form button svg { height: 12px; position: relative; top: 1px; fill: #7D869C; }
.header-section .search-part .search-box form input.hs-search-field__input { padding: 5px 35px 5px 10px; height: 36px; background: #F2F3F5; }
.header-section .search-part .search-box form input.hs-search-field__input:focus { outline: none; }
.header-section .search-part .search-box .search-close { width: 12px; position: absolute; left: auto; right: -20px; top: 12px; cursor: pointer; }

.header-section .top-nav { display: flex; justify-content: flex-end; width: 100%; transition: opacity .25s; }
.header-section .top-nav .top-nav-link { margin: 0 11px; font-size: 14px; line-height: 18px; font-weight: 400; color: #4A4B46; text-decoration: none; }
.header-section .top-nav .top-nav-link:hover { text-decoration: underline; }
.header-section .search-part.open-search + .top-nav { opacity: 0; pointer-events: none; }

.header-section .bottom-part .logo-part { width: 153px;}
.header-section .bottom-part .navigation { width: calc(100% - 153px); display: flex; align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end; padding-left: 15px;}
.header-section .bottom-part .logo-part img { width: 153px; }
.header-section .bottom-part .navigation .header-btn { padding: 28px 0 28px 20px; }
.header-section .bottom-part .navigation .header-btn a.cta_button { display: inline-block; background: #003087; color: #FFFFFF; text-decoration: none; font-size: 16px; line-height: 20px; font-weight: 700; border-radius: 22px; padding: 10px 25px 11px 40px; position: relative; }
.header-section .bottom-part .navigation .header-btn a.cta_button span:before { content: ' '; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/login.svg); width: 11px; position: absolute; left: -20px; height: 12px; background-repeat: no-repeat; background-size: contain; top: 52%; transform: translateY(-50%); }
.header-section .bottom-part .navigation .header-btn a.cta_button:hover { opacity: 0.8; }
.header-section .bottom-part .navigation .hs-menu-wrapper>ul{ padding: 0; margin: 0; }
.header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li { display: inline-block; padding: 47px 15px 49px; position: inherit; }
.header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:hover>a { color: #26A96C; text-shadow: 0px 0 0px #26a96c; }
.header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li>a { color: #003087; display: inline-block; font-size: 14px; text-decoration: none; line-height: 24px; font-weight: 500; position: relative; }
.header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li>a:before { content: ' '; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #003087; position: absolute; left: auto; right: -13px; top: 11px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:hover>a:before { border-top-color: #26A96C; transform: rotate(180deg); }
/*.header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:last-child:hover > a { color: #fff; }
.header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:last-child>a:before { display: none; }*/
/* .body-wrapper:not(.hs-landing-page) .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:last-child>a { background: #26A96C; border-radius: 22px; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; line-height: 21px; padding: 10px 20px 11px; position: relative; text-decoration: none; } */
/* .body-wrapper:not(.hs-landing-page) .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:last-child { padding: 38px 0px 38px 20px; } */
/*.header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:last-child:hover>a { background:#F2AF29; }*/
.header-section .bottom-part .navigation .button-search-box { display: none;}
.header-section .bottom-part .navigation .hs-menu-wrapper .mobile-shape { display: none;}
/* -- Megamenu -- */
.header-section .navigation .hs-menu-wrapper li .megamenu { max-height: calc(100vh - 118px); overflow: auto; }
.header-section .navigation .hs-menu-wrapper .megamenu, .login-popup { position: absolute; top: 100%; left: 0; width: 100%; background: #FFFFFF; box-shadow: 0px 6px 12px #00000008; z-index: 99; transition: all 0.4s; transform: translateY(10px); pointer-events: none; opacity: 0; visibility: hidden; overflow: hidden;}
.header-section .navigation .hs-menu-wrapper li:hover .megamenu, .login-popup.active { opacity: 1; visibility: visible; transform: translateY(0px); pointer-events: inherit; }
.header-section .navigation .hs-menu-wrapper .megamenu:before, .login-popup:before { content: ' '; top: -2px; left: 0; width: 100%; height: 7px; position: absolute; box-shadow: 0px 6px 12px #00000008; }
.header-section .navigation .hs-menu-wrapper .megamenu .megainner { padding: 30px 0 30px; }
.header-section .navigation .hs-menu-wrapper .megamenu .mobile-menu-title { display: none; }
.header-section .navigation .hs-menu-wrapper .megamenu .title, .login-popup .title a { color: #7D869C; text-decoration:none; font-weight: 700; line-height: 24px; letter-spacing: -0.24px; }
.header-section .navigation .hs-menu-wrapper .megamenu .title, .login-popup .title { padding-bottom: 5px; }
.header-section .navigation .hs-menu-wrapper .megamenu .simple-menu .hs-menu-item { margin-top: 12px }
.header-section .navigation .hs-menu-wrapper .megamenu .simple-menu a, .login-popup a { font-size: 14px; line-height: 24px; color: #33599F; letter-spacing: -0.21px; text-decoration: none; }
.header-section .navigation .hs-menu-wrapper .megamenu .simple-menu a:hover, .login-popup a:hover { color: #26A96C; }
.header-section .navigation .hs-menu-wrapper .megamenu .simple-menu ul li ul { padding-left: 16.5px; border-left: 1px solid #CDD5E5 }
a#cta_button_21560746_08f08663-32d1-417f-a030-a1338fc00447 span { pointer-events: none }
body:not(.mobile-open) .login-popup-mobile { display: none !important }
.login-popup-mobile { display: block; padding-top: 60px !important; z-index: 9999 !important; }
.login-popup-mobile .left-part { flex-direction: column; max-width: 335px; margin: 14px auto 0; }
.login-popup-mobile .left-part .inner-left { padding-right: 0 !important; }
.login-popup-mobile ol, .login-popup-mobile ul { padding-left: 0; }
.login-popup-mobile .left-part .inner-left .box form label { line-height: 18px; }
.login-popup-mobile .left-part .inner-left .box .dis-flex:not(.btns) { gap: 23px }
.login-popup-mobile .left-part .inner-left .box { padding: 32px 24px 51px !important; }
.login-popup-mobile .left-part .inner-right .box .simple-menu a { color: #33599F }
.login-popup-mobile .left-part .inner-left .box form input { width: 100%; }
.login-popup-mobile .container { padding-bottom: 91px }
.login-popup-mobile .left-part .inner-right .wrap { flex-direction: column; }
.login-popup-mobile .left-part .inner-right { width: 100%; padding-right: 0; }
/* -- Style1 -- */
.header-section .bottom-part .navigation .header-btn a.cta_button span { position: relative; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 { padding-bottom: 48px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .style1-menu-group { width: 100%; display: flex; gap: 33px }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part { width: calc(100% - 400px); display: flex; flex-wrap: wrap; padding-top: 11px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .right-part { width: 400px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-left { width: 50%; padding-right: 20px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right { width: 50%; padding-right: 20px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-left .wrap { display: flex; margin: 0 -15px; flex-wrap: wrap; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-left .box { width: calc(100% / 2 - 30px); margin: 0 15px 20px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right .wrap { display: flex; margin: 0 -15px; flex-wrap: wrap; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right .box { width: calc(100% / 2 - 30px); margin: 0 15px 20px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right .box .title { padding-bottom: 5px; font-weight: 700; line-height: 24px; letter-spacing: -0.24px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right .box .simple-menu a { font-size: 14px; line-height: 24px; color: #003087; letter-spacing: -0.21px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right .box .simple-menu a:hover { color: #26A96C; }

/* -- Style2 -- */
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 { padding-bottom: 16px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-menu-group { width: 100%; display: flex; flex-wrap: wrap; padding-left: 90px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .left-part { width: calc(100% - 200px); display: flex; flex-wrap: wrap; padding: 11px 230px 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .right-part { width: 200px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .left-part .wrap { width: 100%; display: flex; flex-wrap: wrap; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .left-part .box { width: calc(100% / 3 - 30px); margin: 0 15px 30px; }

/* -- Style3 -- */
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 { padding-bottom: 44px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .style3-menu-group { width: 100%; display: flex; flex-wrap: wrap; padding: 11px 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part { width: calc(100% - 200px); display: flex; flex-wrap: wrap; padding: 0px 16px 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .right-part { width: 200px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul li { width: calc(100% / 4 - 20px); margin: 0 10px 20px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul { display: flex !important; flex-wrap: wrap; margin: 0 -10px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box { width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul li a { width: 100%; border: 2px solid #003087; border-radius: 16px; text-align: center; height: 175px; display: flex; align-items: center; justify-content: center; letter-spacing: -0.24px; font-weight: 700; line-height: 24px; background:#fff;}
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul li a:hover { background: #003087; color: #fff; }

/* -- Style4 -- */
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 { padding-bottom: 44px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .style4-menu-group { width: 100%; display: flex; flex-wrap: wrap; padding: 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part { width: calc(100% - 200px); display: flex; flex-wrap: wrap; padding: 19px 16px 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .right-part { width: 200px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-left { width: 60%; padding: 0 35px 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right { width: 40%; padding: 24px 0 0 9px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .wrap { margin: 0 -15px; display: flex; flex-wrap: wrap; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .box { width: calc(100% / 3 - 30px); margin: 0 15px 30px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right ul li a { display: inline-block; width: 100%; text-align: center; border: 2px solid #003087; border-radius: 16px; padding: 14px 20px; line-height: 24px; font-weight: 700; letter-spacing: -0.24px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right ul li { padding-bottom: 18px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right ul li a:hover { color: #fff; background: #003087; }

/* -- Style5 -- */
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 { padding-bottom: 79px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .style5-menu-group { width: 100%; display: flex; flex-wrap: wrap; padding: 36px 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part { width: calc(100% - 200px); display: flex; flex-wrap: wrap; padding: 0px 16px 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .right-part { width: 200px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .inner-left { width: 60%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .inner-right { width: 40%; padding: 0 0 16px 10%; display: flex; flex-direction: column; justify-content: center; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul li { width: calc(100% / 2 - 16px); margin: 0 8px 16px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul { display: flex !important; flex-wrap: wrap; margin: 0 0 0 -8px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul li a { width: 100%; height: 175px; border: 2px solid #003087; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-weight: 700; background:#fff; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul li a:hover { background: #003087; color: #fff; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .simple-menu a { color: #003087;}
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .simple-menu a:hover { color: #26A96C;}

/* -- Style6 -- */
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 { padding-bottom: 111px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .style6-menu-group { width: 100%; display: flex; flex-wrap: wrap; padding: 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part { width: calc(100% - 200px); display: flex; flex-wrap: wrap; padding: 0px 16px 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .right-part { width: 200px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left { width: 40%; padding: 0px 10px 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right { width: 60%; padding: 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .wrap { margin: 0 0 0 -15px; display: flex; flex-wrap: wrap; padding: 15px 0 0 0; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .box { width: calc(100% / 2 - 30px); margin: 0 15px 10px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .box ul li a { display: inline-block; font-weight: 700; line-height: 24px; letter-spacing: -0.24px;}
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .box ul li { padding-bottom: 15px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .wrap { display: flex; flex-wrap: wrap; margin: 0 0 0 -8px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box { width: calc(100% / 2 - 16px); margin: 0 8px 16px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box a { width: 100%; height: 175px; border: 2px solid #26A96C; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #26A96C; position: relative; background: #fff;}
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box a:hover { background: #26A96C; color: #fff; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box a span { position:relative; display:inline-block }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box a span:before { content: ' '; width: 0; height: 0; border-top: 5px solid transparent; border-left: 6px solid #26A96C; border-bottom: 5px solid transparent; position: absolute; left: auto; right: -13px; top: 6px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box a:hover span:before { right: -22px; border-left-color: #fff;}
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .style1-shapes { position: absolute; top: 7px; left: 0; z-index: -1; width: 103px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .style1-shapes img { width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-shapes { width: 100%; position: absolute; top: 6px; left: 0; height: 100%; z-index: -1; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-shapes .shape1 { position: absolute; top: 0; left: 0; width: 103px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-shapes .shape1 img { width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-shapes .shape2 { position: absolute; top: 0; left: auto; right: 0; max-width: 814px; width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-shapes .shape2 img { width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .style3-shapes { position: absolute; top: 6px; left: 0; z-index: -1; max-width: 515px; width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .style3-shapes img { width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .style4-shapes { position: absolute; top: 6px; left: 0; width: 101px; z-index: -1;  }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .style4-shapes img { width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .style5-shapes { position: absolute; left: 0; top: auto; bottom: 0px; z-index: -1; max-width: 884px; width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .style5-shapes img { width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .style6-shapes { position: absolute; top: 6px; left: 0; width: 100%; height: 100%; z-index: -1; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .style6-shapes .shape1 { position: absolute; top: 0; left: 0; width: 101px; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .style6-shapes img { width: 100%; }
.header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .style6-shapes .shape2 { position: absolute; top: auto; bottom: 6px; left: 58%; transform: translateX(-50%); }

/* -- Login Popup -- */
.login-popup { padding: 38px; width: 100%; background-color: #fff; }
.login-popup { padding-bottom: 48px; }
.login-popup .style7-menu-group { width: 100%; display: flex; flex-wrap: wrap; }
.login-popup .left-part { width: 100%; display: flex; gap: 128px; }
.login-popup .right-part { width: 200px; }
.login-popup .left-part .inner-left { padding-right: 20px; }
.login-popup .left-part .inner-right { width: 50%; padding-right: 20px; }
.login-popup .left-part .inner-left .box { width: calc(100% / 2 - 30px); margin: 0 15px 20px; }
.login-popup .left-part .inner-right .wrap { display: flex; margin: 0 -15px; flex-wrap: wrap; }
.login-popup .left-part .inner-right .box { width: calc(100% / 2 - 30px); min-width: 130px; margin: 0 15px 20px; }
.login-popup .left-part .inner-right .box .title { padding-bottom: 5px; }
.login-popup .left-part .inner-right .box .title a { font-weight: 700; line-height: 24px; letter-spacing: -0.24px; }
.login-popup .left-part .inner-right .box .simple-menu a { font-size: 14px; line-height: 24px; color: #003087; letter-spacing: -0.21px; }
.login-popup .left-part .inner-right .box .simple-menu a:hover { color: #26A96C; }
.login-popup .style1-shapes { position: absolute; top: 7px; left: 0; z-index: -1; width: 103px; }
.login-popup .style1-shapes img { width: 100%; }
.login-popup .left-part .inner-left .box { width: 100%; margin: 0; padding: 36px 34px 30px; background-color: #003087; color: #fff; }
.login-popup .left-part .inner-left .box form label { display: block; margin-bottom: 5px; font-size: 14px; line-height: 37px; color: #F2F3F5; }
.login-popup .left-part .inner-left .box form input { width: 219px; border: none; }
.login-popup .left-part .inner-left .box .title { margin-bottom: 19px; font-weight: 700; color: #fff; }
.login-popup .left-part .inner-left .box .dis-flex { gap: 23px; flex-wrap: nowrap; margin-bottom: 28px; }
.login-popup .left-part .inner-left .box .btns { gap: 0; }
.login-popup .left-part .inner-left .box .btn {
  border-radius: 59px;
  border: 2px solid;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Plus Jakarta Sans';
  line-height: 21px;
  padding: 14px 30px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.login-popup .left-part .inner-left .box .btn-green { background: #26A96C; border-color: #26A96C; }
.login-popup .left-part .inner-left .box .btn-clear { background: transparent; border-color: #fff; }

.megamenu { display: none;}
.header-section .navigation .hs-menu-wrapper>ul>li > .megamenu { display: block;}
.header-section .alert-bar { background: #9D3744; padding: 25px 0px 15px; display: none; }
.header-section .alert-bar .container { position:relative; }
.header-section .alert-bar .aleret-details h6 { color: #fff; font-weight: 700;padding-right: 40px; }
.header-section .alert-bar .aleret-details a { color: #fff; font-weight: 400; }
.header-section .alert-bar .aleret-details a:hover { text-decoration:none; }
.header-section .alert-bar .aleret-details {max-width: 1164px; width: 100%;}
.header-section .alert-bar .alert-close { display: inline-flex; width: 15px; height: 15px; position: absolute; top: 0; left: auto; right: 20px; cursor: pointer; }
.header-section .alert-bar .alert-close:before { content: ' '; left: 5px; transform: translateX(-50%) rotate(45deg); background: #fff; width: 2px; height: 15px; position: absolute; }
.header-section .alert-bar .alert-close:after { content: ' '; left: 5px; transform: translateX(-50%) rotate(-45deg); background: #fff; width: 2px; height: 15px; position: absolute; }
.alertbar-main .view-message { display: none;}
.alertbar-main .view-message .container { justify-content: flex-end; }
.alertbar-main .view-message span { cursor: pointer; background: #9D3744; color: #fff; font-size: 14px; font-weight: 700; line-height: 20px; padding: 5px 12px; position: relative; top: 0px; transition: all 0.4s; }
.alertbar-main { position: absolute; top: 100%; width: 100%; z-index: 9; display:none; }
.alertbar-main.visible {display:block;}
.header-section.sticky .alertbar-main .view-message span { top: 0;}
.footer-section .column-5 { width: 20%;}
.footer-section .column-4 { width: 25%;}
.footer-section .column-3 { width: 33.33%;}
.footer-section .column-2 { width: 50%;}
.footer-section .menu-inner { padding: 60px 0; border-bottom: 1px solid #CED5E5; }
.footer-section .column-full { width: 100%;}
.footer-section .column-7 { width: 75%;}
.footer-section .column-6 { width: 8%;}
.footer-section .column-8 { width: 27%;}
.footer-section .column-9 { width: 73%;}
.footer-section ul li a{color:#33599F;font-family:Plus Jakarta Sans; }
.footer-section .logo-section { padding-top: 10px; }
.footer-section .menu-inner:last-child{border-bottom:0; padding-bottom: 0;}
.footer-section .simple-menu ul { padding: 10px 0 0 0; margin: 0; } 
.footer-section .simple-menu-level-3 ul { padding: 0; margin: 0;position:relative; }
.footer-section .simple-menu ul li a { font-size: 16px; line-height: 25px; letter-spacing: -0.16px;font-weight: 400;color:#33599F; }
.footer-section .title-menu-wrap a { font-size: 20px; line-height: 40px; letter-spacing: -0.5px;font-weight:800; }
.footer-section .simple-menu-level-3 ul li a { font-size: 14px; line-height: 18px; letter-spacing: -0.21px; font-weight: 500; color: #33599F; }
.footer-section .simple-menu-level-3 ul li { margin: 5px 0; }
.footer-section .menu-inner:first-child{padding:0 0 60px 0;}
.footer-section .footer-bottom-inner p { margin-bottom: 30px; }
.footer-section a { text-decoration: none; }
.footer-bottom-inner p { margin-bottom: 30px; opacity: 0.8;font-family:Work Sans;  }
.footer-img-wrap { margin-right: 40px; }
.footer-img-wrap:last-child { margin-right: 0; }
.footer-main-sec { padding: 0 40px; }
.footer-top-part { border-bottom: 1px solid #CED5E5; }
.footer-socials { width: 92px; margin-top: 45px; display: flex; flex-wrap: wrap; gap: 12px; }
.footer-social-link { background-size: 16px; background-repeat: no-repeat; background-position: center; height: 40px; width: 40px; padding: 12px; border-radius: 50%; background-color: #003087; color: #fff; transition: opacity .25s; }
.footer-social-link[href*=facebook] { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/facebook-white.svg); background-size: 13px; }
.footer-social-link[href*=twitter] { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/twitter-white.svg); }
.footer-social-link[href*=linkedin] { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/linkedin-white.svg); }
.footer-social-link[href*=instagram] { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/instagram-white.svg); }
.footer-social-link[href*=youtube] { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/youtube-white.svg); }
.footer-social-link:hover { opacity: .8; }
@media screen and (min-width: 769px) {.footer-main-sec { padding-left: 16.666% } }
@media screen and (max-width: 370px) { .footer-main-sec { padding: 0 20px; } }

.home-meet-section { z-index: 11; overflow:hidden; margin: 0 0 -90px; }
.home-meet-section .section-heading { max-width: 680px; width: 100%; margin: auto; padding: 0 0 35px; }
.uft-section .btn-cover {margin-top: 26px;}
.home-meet-section .box{box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; overflow: hidden;}
.home-meet-section .box .left-part { width: 455px;}
.home-meet-section .box .right-part { width: calc(100% - 455px);}
.home-meet-section .box h3{ font-family: Plus Jakarta Sans; letter-spacing: -0.78px; }
.home-meet-section .box .content{letter-spacing: -0.16px;}
.home-meet-section .box .btns a { font-size: 14px; line-height: 14px; letter-spacing: 0px; padding: 11px 24px 12px; border: 2px solid;}
.home-meet-section .box .left-part .img-box { height: 100%;}
.home-meet-section .box .left-part .img-box img { height: 100% !important; width: 100%; object-fit: cover;}
.home-meet-section .section-heading { max-width:  680px;  width: 100%;  margin: auto; padding: 0 0 35px;}
.home-meet-section .wrap { max-width: 1063px; width: 100%; margin: auto;}
.home-meet-section .section-shapes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.home-meet-section .section-shapes img { width: 100%; object-fit: cover; object-position: top; }
.home-meet-section .section-shapes .shape1 { width: 202px; position: absolute; top: 27%; left: 20px; }
.home-meet-section .section-shapes .shape2 { width: 135px; position: absolute; top: 68%; left: auto; right: 15px; }
.home-meet-section .section-shapes .shape3 { width: 100%; height: 100%; position: absolute; top: 150px; left: 0; }
.home-meet-section .section-shapes .shape3 img { object-fit: contain; height: 1440px !important; }

.col3-slider-section .section-heading { max-width: 703px; width: 100%; margin: auto;}
.col3-slider-section .box {box-shadow: 0px 0px 20px #0000001A; border-radius: 12px; }
.col3-slider-section .box h4 { font-family: Plus Jakarta Sans; }
.col3-slider-section .box .content{ opacity: 0.8; max-width:318px; width:100%; margin:auto; }
.col3-slider-section .box .btns a {font-family: Work Sans; padding: 12px 30px 12px;}
.col3-slider-section .slick-list.draggable {padding-bottom: 20px;}
.col3-slider-section .top-img { height: 227px; width: 100%;}
.col3-slider-section .top-img img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 12px 12px 0 0;}
.col3-slider-section .bottom-part {border-radius: 0px 0px 12px 12px}
.col3-slider-section {margin-bottom: -111px;}
.col3-slider-section .slick-arrow.slick-prev { top: 50%; transform: translateY(-50%);}
.col3-slider-section .slick-arrow.slick-next { top: 50%; transform: translateY(-50%) rotate(180deg);}

.blog-slider-section.col3-slider-section { margin: 0; }
.blog-slider-section.col3-slider-section .top-img img { border-radius: 12px 12px 0 0; }
.blog-slider-section.col3-slider-section .box h4 a { font-weight: 700; text-decoration: none; }
.blog-slider-section.col3-slider-section .box .content { color: #4A4B46; opacity: 1; }
.blog-slider-section.col3-slider-section .box .btns { padding: 30px 0 0; }
.blog-slider-section.col3-slider-section .box .btns.btn4 a:before { top: 18px; right: 10px; }


.home-support-section .box { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px;}
.home-support-section .left-side { width: 45%; padding-right: 14px;}
.home-support-section .right-side { width: 55%; padding-left: 14px;}
.home-support-section .box .icon { width: 105px; }
.home-support-section .box .box-details { width: calc(100% - 105px); padding: 0 0 0 50px; }
.home-support-section .box .icon img { width: 100%; }
.home-support-section .box .content{opacity: 0.8;}

.home-support-section .right-side .box { height: 452px; display: flex; position: relative; overflow: hidden; }
.home-support-section .right-side .box .icon { width: calc(100% - 296px); }
.home-support-section .right-side .box .box-details { width: calc(100% - 296px); padding: 0; }
.home-support-section .right-side .box .icon img { width: 114px; }
.home-support-section .right-side .box .inner-cover { display: block; padding-top: 30px; }
.home-support-section .right-side .box .box-details .btns { position: absolute; top: 0; left: auto; right: 0; height: 100%; background: #E5EAF3; width: 296px; text-align: center; }
.home-support-section .right-side .box .box-details .btns .btn1, .home-support-section .right-side .box .box-details .btns .btn2, .home-support-section .right-side .box .box-details .btns .btn3, .home-support-section .right-side .box .box-details .btns .btn4 { position: relative; top: 50%; transform: translateY(-50%); }
.home-support-section .box .box-details .btn1 a, .home-support-section .box .box-details .btn2 a, .home-support-section .box .box-details .btn3 a {padding: 14px 37px 14px 20px;}
.home-support-section .box .box-details .btn1 a:before, .home-support-section .box .box-details .btn2 a:before, .home-support-section .box .box-details .btn3 a:before { top: 20px; right: 14px;}
.home-support-section .right-side .box h4 {font-size: 31px; line-height: 36px; padding: 22px 0 0; letter-spacing: -0.31px;}

.card-slider-section .slick-list.draggable { padding: 30px 30% 30px 0px;}
.card-slider-section .card-icon .icon-wrap {width: 120px;height: 105px; margin: auto;}
.card-slider-section .card-icon .icon-wrap img {  width: 100%;  height: 100% !important; }
.card-slider-section .card-slider-box h4 { font-family: Work Sans; }
.card-slider-section .card-slider-box .content { opacity: 0.8; margin:auto; }
.card-slider-section .card-slider-box .card-slider-btn a { font-size: 18px; line-height: 18px; padding: 14px 24px 14px;}
.card-slider-section .card-slider-box{background-color: #fff; box-shadow: 0px 0px 15px #0000001A; -webkit-box-shadow: 0px 0px 15px #0000001A; -moz-box-shadow: 0px 0px 15px #0000001A; -o-box-shadow: 0px 0px 15px #0000001A; border-radius: 12px;}
.card-slider-section .card-slider-box .card-image { width: 100%; height: 200px;}
.card-slider-section .card-slider-box .card-image img { width: 100%; height: 100% !important; object-fit: cover;}

.card-slider-section.centered .slick-list.draggable { padding: 30px; }
.card-slider-section.centered .triangles .slick-arrow:before { content: ''; position: absolute; top: 50%; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 26px solid #003087; transform: translateY(-50%); pointer-events: none; }
.card-slider-section.centered .triangles { position: absolute; top: 50%; left: 50%; max-width: calc(100vw - 55px * 2); width: 100%; transform: translate(-50%, -50%); z-index: 10; }
.card-slider-section.centered .triangles .slick-arrow { position: absolute; top: 0; background-color: transparent; }
.card-slider-section.centered .card-wrapper { flex-direction: column; }
.card-slider-section.centered .card-wrapper .card-content { max-width: 90%; margin: 0 auto; text-align: center; }
.card-slider-section.centered .card-wrapper .card-content .content { max-width: 825px; margin: 27px auto 0; }
.card-slider-section.centered .card-slider-wrap { margin: 0 auto; }
.card-slider-section.centered .card-wrapper { padding-left: 0; }
.card-slider-section.centered .card-slider-arrow { align-self: center; width: auto; display: flex; gap: 20px }
.card-slider-section.centered .card-slider-arrow .slick-arrow { position: relative; left: unset !important; right: unset !important; }
.card-slider-section.centered .slick-slide { transition: opacity .25s; }
.card-slider-section.centered .slick-slide:not(.slick-active) { opacity: 0; pointer-events: none; }

.full-banner-section { z-index:1; padding:200px 0; }
.full-banner-section .section-heading { max-width: 1064px; width: 100%; margin: auto;}
.full-banner-section h2{letter-spacing: -1.23px;}
.full-banner-section .content {opacity: 0.8;letter-spacing: -0.25px;}
.full-banner-section .content p { margin-bottom:20px; }
.full-banner-section .btns a{ width:258px; text-align:center; max-width:100%; }
.full-banner-section .shapes { position: absolute; top: 0; width: 100%; height: 100%; z-index: -1; }
.full-banner-section .shapes .top-shape { position: absolute; top: -2px; width: 100%; height: 95px; }
.full-banner-section .shapes .top-shape .gray-shape { display: none; }
.full-banner-section .shapes .top-shape .white-shape { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.full-banner-section .shapes .bottom-shape { position: absolute; top: auto; bottom: -4px; width: 100%; height: 95px; }
.full-banner-section .shapes .bottom-shape img { width: 100%; height: 100%; }

.home-hero-section {background-size: contain !important; background-repeat: repeat;}
.home-hero-section .left-part { padding-left: calc((100% - 1280px) / 2); position:relative;}
.home-hero-section .right-part .img-bg { background-repeat: no-repeat; background-size: cover; height: 883px; position: relative;}
.home-hero-section .right-part .img-box { height: 100%;}
.home-hero-section .right-part .img-box img { height: 100%; width: 100%; object-fit: cover; max-width: 625px; object-position: bottom;}
.home-hero-section .left-part .section-heding { position: relative; top: 50%; transform: translateY(-50%);}
.home-hero-section:before { content: ' '; top: auto; bottom: -12px; left: 0; width: 100%; height: 100px; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/divider-under-hero-image-statue-of-liberty02-01.svg); position: absolute; z-index: 111; background-size: cover;}
.home-hero-section .grbtn_1 { padding-right:22px; }
.home-hero-section h1 span{ color: #1D1E18; }
.home-hero-section .content{ max-width: 487px; width: 100%; opacity: 0.80;}

.card-slider-section .card-wrapper{ padding-left: calc((100% - 1280px) / 2); }
.card-slider-section .card-slider-arrow { position: relative; width: 100%;}
.card-slider-section .card-slider-arrow button.slick-prev.slick-arrow { left: 0;}
.card-slider-section .card-slider-arrow button.slick-next.slick-arrow { right: auto;left: 77px;}
.card-slider-section .content { opacity: 0.8; max-width:343px; width:100%; }

.multi-col-card .box { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; position:relative; }
.multi-col-card .column2 .box { width: calc(100% / 2 - 40px); margin: 0 20px 40px; }
.multi-col-card .column3 .box { width: calc(100% / 3 - 16px); margin: 0 8px 16px; }
.multi-col-card .column2 { margin: 0 -20px; }
.multi-col-card .column3 { margin: 0 -8px; }
.multi-col-card .section-heading { max-width: 697px; width: 100%; margin: auto; }
.multi-col-card .column2 .box .left-part { width: 130px; }
.multi-col-card .column2 .box .right-part { width: calc(100% - 130px); padding-left: 50px; display: flex;  height: 100%;}
.multi-col-card .column2 .box .left-part .icon img { width: 100%;}
.multi-col-card .column2 .box .content { opacity: 0.8;}
.multi-col-card .column2 .box .btn4 { font-size: 20px;}
.multi-col-card .column2 .box .right-part .details { display: flex;  height: 100%;  flex-direction: column;}
.multi-col-card .column2 .box .right-part .details .btns { margin-top: auto;}
.multi-col-card .column3 .box .icon { text-align: center; padding-bottom: 15px; height: 130px; display: flex; align-items: center; justify-content: center; }
.multi-col-card .column3 .box .icon img { height: 100% !important; object-fit:contain}
.multi-col-card .column3 .box .content { padding: 5px 0 5px; }
.multi-col-card .box .btns .btn1 a, .multi-col-card .box .btns .btn2 a, .multi-col-card .box .btns .btn3 a{padding: 12px 29px; font-family: Work Sans;}
.multi-col-card .column3 .box .right-part { display: flex; height: calc(100% - 130px); }
.multi-col-card .column3 .box .right-part .details { display: flex; flex-direction: column; }
.multi-col-card .column3 .box .right-part .details .btns { margin-top: auto; }

.better-banking-section { padding:150px 0 0; background-position: center right !important; }
.better-banking-section:before { content: ' '; top: -10px; left: 0; width: 100%; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_4.png); position: absolute; height: 107px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.better-banking-section:after { content: ' '; top: auto; left: 0; width: 100%; position: absolute; height: 100px; background-image:url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_3.png); background-repeat: no-repeat; background-size: cover; background-position: center center; bottom: -6px;z-index: 11; }
.better-banking-section.bottom-white:after { content: ' '; top: auto; left: 0; width: 100%; position: absolute; height: 100px; background-repeat: no-repeat; background-size: cover; background-position: center center; bottom: -6px;z-index: 11; }
.better-banking-section.bottom-grey:after { content: ' '; top: auto; left: 0; width: 100%; position: absolute; height: 100px; background-repeat: no-repeat; background-size: cover; background-position: center center; bottom: -6px;z-index: 11; }
.better-banking-section .right-part { display: flex; align-items: flex-end; justify-content: flex-end; -webkit-justify-content: flex-end;}
.better-banking-section .right-part .img-box { max-width: 560px; width: 100%; float: right; position:relative; }
.better-banking-section .right-part .img-box img { width: 100%; }
.better-banking-section .left-part h6 { font-size: 25px; line-height: 20px; letter-spacing: -0.25px; opacity: 0.8; }
.better-banking-section .left-part h2 { font-size: 61px; line-height: 65px; max-width: 545px; width: 100%; padding: 5px 0 15px; }
.better-banking-section .left-part .content { opacity: 0.8; letter-spacing: -0.25px; max-width: 566px; width: 100%; }
.better-banking-section .left-part .btns { display: flex; align-items: center; flex-wrap: wrap; }
.better-banking-section .left-part .btns .groupbtn_1 { padding-right: 22px; }
.better-banking-section .left-part .btns a { font-weight: 700; font-family: Work Sans; }
.better-banking-section .left-part {padding: 50px 0 200px 50px;}
.better-banking-section .left-part .btns .groupbtn_1, .better-banking-section .left-part .btns .groupbtn_2 { padding-bottom: 25px;}
.better-banking-section .right-part .img-box .rating-img { max-width: 310px; width: 100%; position: absolute; top: -55px; right: 95px; left: auto; }


.site-search-hero h6 { font-size: 20px; color: #E5E7EB; }
.site-search-hero h1 { color: #fff; max-width: 713px; width: 100%; margin: auto; padding: 10px 0 0; }

.career-hero-section .left-part { padding-left: calc(50% - 640px); }
.career-hero-section .right-part { text-align: right; width: 50%; }
.career-hero-section .right-part .img-box { position: relative; width: 100%; height: 667px; }
.career-hero-section .right-part .img-box img { width: 100%; height: 100% !important; object-fit: cover; }
.career-hero-section .right-part .img-box .img-shape { position: absolute; top: 0; left: auto; right: 0; max-width: 270px; width: 100%; }
.career-hero-section .right-part .img-box .img-shape img { width: 100%; }
.career-hero-section .right-part .img-box.bottom-right .img-shape { top: auto; bottom: 0; }
.career-hero-section .left-part .grpbtn_1 {padding-right: 22px;}
.career-hero-section .breadcrumb ul li a{ color: #003087; }
.career-hero-section .breadcrumb ul li:before { background: #003087; }
.career-hero-section .section-heading { max-width:524px; width: 100%;  }
.career-hero-section .section-heading .btns a{ width: 370px; text-align: center; }
.career-hero-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/shape-bg.svg); background-size: cover; bottom: -1px; content: " "; height: 27px; left: 0; position: absolute; top: auto; width: 100%; z-index: 11; }
.career-hero-section .breadcrumb ul li a:before { background: #003087;}
.career-hero-section .right-part .img-box .img-shape img.green-shape { display: none;}
.career-hero-section .right-part .img-box .img-shape img.drak-blue { display: none;}
.career-hero-section .right-part .img-box .img-shape img.yellow-shape { display: none;}
.career-hero-section .right-part .img-box .img-shape img.red-shape { display: none;}

.career-hero-section .right-part .img-box .img-shape img.yellow-shape { display: none;}

.career-page.home-meet-section { padding-bottom: 40px; margin: 0 0 15px; }
.career-page.home-meet-section .section-shapes .shape3 { top: 310px; height: 77%; overflow: hidden; }
.career-page.home-meet-section .section-heading { max-width: 898px; width: 100%; padding-bottom: 60px; }
.career-page.home-meet-section .section-shapes .shape3 img { height: 1461px !important; }
.career-page.home-meet-section .section-shapes .shape2 { width: 195px; top: 85%; }
.career-page.home-meet-section .section-shapes .shape1 { width: 149px; top: 34%; left: -16px; }
.personalbanking-saving-page.career-hero-section .right-part .img-box  img { object-position: top;}
.building-foundation-page.career-hero-section .right-part .img-box .img-shape img.green-shape { display: block; }
.building-foundation-page.career-hero-section .right-part .img-box .img-shape img.blue-shape { display: none; }
.building-foundation-page.growing-finances-page.career-hero-section .right-part .img-box .img-shape img { display: none;}
.building-foundation-page.growing-finances-page.career-hero-section .right-part .img-box .img-shape img.drak-blue { display: block;}
.building-foundation-page.retirement-legacy-page.career-hero-section .right-part .img-box .img-shape img.red-shape { display: block;}
.building-foundation-page.retirement-legacy-page.career-hero-section .right-part .img-box .img-shape img { display: none;}

.career-hero-section.sweepstakes-hero .right-part .img-box .img-shape img.yellow-shape { display: block;}
.career-hero-section.sweepstakes-hero .right-part .img-box .img-shape img.blue-shape { display: none;}

.career-page.better-banking-section { padding: 120px 0 0; }
.career-page.better-banking-section .left-part h2 { max-width: 100%; letter-spacing: -1.52px; }
.career-page.better-banking-section .left-part .content { color: #E5EAF3; opacity: 1; max-width: 558px; }

.video-section .section-heading { max-width: 847px; width: 100%; margin: auto; padding-bottom: 45px;}
.video-section iframe, .video-section .hs-responsive-embed-wrapper { box-shadow: 0px 6px 12px #00000029;border-radius: 12px; }
.career-page.full-banner-section .btns a { width: auto; }

.two-col-section .section-heading { max-width: 847px; width: 100%; margin: auto; }
.two-col-section .section-heading .content { max-width: 632px; width: 100%; margin: auto; padding-bottom: 50px; }
.two-col-section .wrap { margin: 0 -8px; }
.two-col-section .wrap.one-col { width: calc(100% - 16px); }
.two-col-section .box { width: calc(100% / 2 - 16px); margin: 0 8px 16px; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; align-items: center; padding: 60px; }
.two-col-section .box .icon { width: 62px; }
.two-col-section .box .details-box { width: calc(100% - 62px); padding-left: 65px; }
.two-col-section .box .details-box .content p:last-of-type { margin: 0; }
.two-col-section .two-col-mobile-slider { display: none; width:100%; }

.social-media-section .box { width: calc(100% / 4 - 16px); margin: 0 8px 16px; text-align: center; border-radius: 16px; background: #F5F7FA;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.social-media-section .box a { width: 100%; height: 100%; padding: 34px; display: flex; align-items: center; justify-content: center;  }
.social-media-section .box .icon { width: 40px; transform: translateX(-10px); }
.social-media-section .box .icon img {  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.social-media-section .box .social-side { width: auto; text-align: left; padding: 0 0 0 20px; transform: translateX(-10px); }
.social-media-section .box .social-side h6 { margin: 0; font-weight: 800; color: #003087; position: relative;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; text-decoration:underline; }
.social-media-section .box .social-side h6:before { content: ' '; width: 0; height: 0; border-top: 5px solid transparent; border-left: 8px solid #003087; border-bottom: 5px solid transparent; position: absolute; left: auto; right: -17px; top: 16px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
.social-media-section .box a:hover { color: #003087;}
.social-media-section .box a:hover h6:before { transform: translateX(10px);}
.social-media-section .box:hover { background: #003087; }
.social-media-section .box:hover .icon img { filter: brightness(0) invert(1); }
.social-media-section .box:hover .social-side h6 { color: #fff; }
.social-media-section .box:hover .social-side h6:before { border-left: 8px solid #fff; }
.social-media-section .section-heading { max-width: 881px; width: 100%; margin: auto;}

.faq-section .section-heading { max-width: 703px; width: 100%; margin: auto; }
.faq-section .box { width: 100%; display: inline-block; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; margin-bottom: 20px; background: #fff; }
.faq-section .box .details { width: 100%; display: none; opacity: 0.8; max-width: 1164px; padding: 0 40px 40px 40px; margin: -20px 0 0; }
.faq-section .outer-wrap { padding: 15px 0 0; }
.faq-section .box .title { width: 100%; position: relative; display: inline-block; vertical-align: top; cursor: pointer; padding: 40px; }
.faq-section .box .title:before { content: ' '; top: 52px; left: auto; right: 40px; width: 25px; height: 4px; background: #33599F; position: absolute; transition: all 0.4s; }
.faq-section .box .title:after { content: ' '; top: 42px; left: auto; right: 51px; width: 4px; height: 25px; background: #33599F; position: absolute; transition: all 0.4s; }
.faq-section .box .title.active:after { transform: rotate(90deg); opacity: 0; visibility: hidden; }
.faq-section .box .title h4 { color:#33599F; }
.faq-section .box .details p:last-child { margin-bottom: 0; }
.faq-section .box .details ul { list-style: disc;}
.dropdown-content .faq-section .box { padding: 0; }
.dropdown-content .faq-section .box .title h4 { max-width: calc(100% - 30px); margin-bottom: 0 }
.dropdown-content .faq-section .box .details ul { list-style: none; }

.topic-wise-faq-section .faq-box { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; padding: 55px; margin-bottom: 32px; }
.topic-wise-faq-section .faq-box h2 { padding-bottom: 15px; }
.topic-wise-faq-section .faq-box  .box { background: #F5F7FA; box-shadow: none; }
.topic-wise-faq-section .faq-box .box .title { }
.topic-wise-faq-section .faq-box .box .title h4 { font-size: 20px; letter-spacing: -0.5px; font-family: Work Sans, sans-serif; }
.topic-wise-faq-section .faq-box .box .details { opacity: 1; color: #1D1E18; font-family: Work Sans, sans-serif; }

.topic-wise-faq-section .faq-drowdown { background: #E5EAF3; padding: 35px 0; margin-bottom: 50px; }
.topic-wise-faq-section .faq-drowdown .jump-strip { position: relative; }
.topic-wise-faq-section .faq-drowdown .jump-strip .drop-box { display:none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0px 18px 30px -23px rgb(0 0 0 / 30%); z-index: 11; }
.topic-wise-faq-section .faq-drowdown .jump-strip .jumpto { padding: 20px 20px 20px 51px; min-height: 66px; display: flex; align-items: center; width: 100%; cursor: pointer; background: #fff; border-radius: 33px; position: relative; transition: all 0.4s; }
.topic-wise-faq-section .faq-drowdown .jump-strip .jumpto h6 { margin: 0; color: #E8E8E7; letter-spacing: 0px; font-style: italic; position: relative; width: 100%; }
.topic-wise-faq-section .faq-drowdown .jump-strip .jumpto h6:before { content: ' '; top: -11px; left: auto; right: -10px; background: #003087; border-radius: 100%; height: 44px; width: 44px; position: absolute; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/down-arrow.svg); background-repeat: no-repeat; background-position: center 18px; background-size: 20px; transition: all 0.4s; }
.topic-wise-faq-section .faq-drowdown .jump-strip .jumpto.active h6:before { transform: rotate(180deg); }
.topic-wise-faq-section .faq-drowdown .jump-strip .jumpto.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.topic-wise-faq-section .faq-drowdown .jump-strip .drop-box .inbox { padding-bottom: 30px; }
.topic-wise-faq-section .faq-drowdown .jump-strip .drop-box .inbox a { color: #003087; font-size: 20px; font-weight: 400; letter-spacing: 0; font-family: Plus Jakarta Sans, sans-serif; text-decoration:none;}
.topic-wise-faq-section .faq-drowdown .jump-strip .drop-box .inbox a:hover { text-decoration:underline; }
.topic-wise-faq-section .faq-drowdown .jump-strip .drop-box .inbox:last-child .title-box:last-child { padding-bottom: 0; }
.topic-wise-faq-section .faq-drowdown .jump-strip .drop-box .inbox:last-child { padding-bottom: 0; }
.topic-wise-faq-section .faq-drowdown .jump-strip .drop-box .drop-inner { padding: 0 51px 30px; height: 412px; overflow: auto; margin-top: 32px; }
.topic-wise-faq-section .faq-drowdown .jump-strip .drop-box .drop-inner::-webkit-scrollbar { width: 1px; }
.topic-wise-faq-section .faq-drowdown .jump-strip .drop-box .drop-inner::-webkit-scrollbar-thumb { background-color: #003087; outline: 1px solid slategrey; }
.faq-page.simple-banner-sec .section-top { max-width: 100%; }
.faq-page.simple-banner-sec .section-top .heading-title { text-align: left; }
.faq-page.simple-banner-sec .section-top .section-heading { text-align: left; max-width: 100%; padding: 20px 0 0; opacity: 0.8; }
.topic-wise-faq-section.faq-section .box .title:hover h4 { text-decoration: underline;}
.topic-wise-faq-section.faq-section .box .title.active:hover h4 { text-decoration: none;}
.topic-wise-faq-section.faq-section .box .title:hover:after, .topic-wise-faq-section.faq-section .box .title:hover:before { transform: rotate(90deg);}
.topic-wise-faq-section.faq-section .box .title.active:hover:after, .topic-wise-faq-section.faq-section .box .title.active:hover:before { transform: rotate(0deg);}

.intern-hero-section .right-part .img-box { max-width: 524px; width: 100%; height: 416px; float: right; }
.intern-hero-section .right-part .img-box img { width: 100%; height: 100% !important; object-fit: cover; box-shadow: 0px 0px 20px #00000029; border-radius: 16px; }
.intern-hero-section { padding-bottom: 160px; background-position: center right !important; }
.intern-hero-section .content { max-width: 634px; width: 100%; opacity: 0.8;}
.intern-hero-section:before { content: ' '; top: auto; bottom: -8px; width: 100%; height: 101px; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/blue-hero-shape.png); position: absolute; background-repeat: no-repeat; background-size: cover; }
.intern-hero-section.grey:before { content: ' '; top: auto; bottom: -8px; width: 100%; height: 101px; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/blue-hero-shape.png); position: absolute; background-repeat: no-repeat; background-size: cover; }
.intern-hero-section.white:before { content: ' '; top: auto; bottom: -8px; width: 100%; height: 101px; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/blue-hero-shape__1_.png); position: absolute; background-repeat: no-repeat; background-size: cover; }
.intern-hero-section .btns .grp-btn { padding-bottom: 16px; }
.intern-hero-section .btns .grp-btn.gpbtn_1 { padding-right: 25px; }

.join-mcu-page.career-hero-section h1 { letter-spacing: -1.23px; }
.join-mcu-page.career-hero-section .btns a { width: auto; }
.join-mcu-page.career-hero-section:before { height: 60px; }

.simple-text-section h2 { max-width: 680px; width: 100%; margin: auto; }
.simple-text-section .content { max-width: 910px; width: 100%; margin: auto; letter-spacing: -0.25px; padding: 10px 0 0; }
.simple-text-section .btns { text-align: center; }
.simple-text-section .btns .btn4 a:before { top: 10px; }
.simple-text-section .btns .btn4 a { font-size: 20px; line-height: 37px; font-weight: 800; font-family: Plus Jakarta Sans; }
.simple-text-section .content blockquote { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; color: #1D1E18; padding: 48px; margin: 55px 0 0; }
.simple-text-section .content blockquote a { color: #26A96C; font-weight: 700; }
.simple-text-section .content blockquote a:hover { color: #003087; }

.join-mcu-page.full-banner-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/top.png); }
.join-mcu-page.full-banner-section { margin-bottom: -70px; }
.join-mcu-page.full-banner-section:after { content: ' '; top: auto; left: 0; width: 100%; height: 110px; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/botom.png); background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0; }
.join-mcu-page.full-banner-section .btns a { width: auto; font-size: 20px; line-height: 24px;}
.join-mcu-page.full-banner-section .shapes .bottom-shape { display: none; }
.join-mcu-page.multi-col-card .section-heading { max-width: 1063px; letter-spacing: -0.25px; }
.join-mcu-page.career-hero-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/join-mcu-hero-shape.png); bottom: -10px; height: 43px;}

.about-hero-section .right-part .img-box { max-width: 595px; width: 100%; margin: auto; position: relative; }
.about-hero-section .right-part .img-box .visual-shapes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { width: 160px; position: absolute; top: 109px; left: 11px; }
.about-hero-section .right-part .img-box .visual-shapes img { width: 100%; }
.about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { width: 87px; position: absolute; top: 210px; left: auto; right: 45px; }
.about-hero-section .left-part .content { max-width: 524px; width: 100%; opacity: 0.8; }
.about-hero-section .left-part .btns .grpbt_1 { padding-right: 20px;}
.about-hero-section .left-part .btns .inner-btn { padding-bottom:16px; }
.about-hero-section .breadcrumb ul li a { color:#003087; }
.about-hero-section .breadcrumb ul li a:before { background:#003087; }  
.about-hero-section .left-part h6{ color: #979EAF;}

.zig-zag-section { overflow:hidden; }
.zig-zag-section .left-part .zig-btn_11 { padding-right: 28px; }
.zig-zag-section .left-part .zigbtn { padding-bottom: 20px; }
.zig-zag-section .left-part .zigbtn a { min-width:189px; text-align:center; }
.zig-zag-section .box.left-img .inner-wrap { flex-direction: row-reverse;}
.zig-zag-section .box .box-details { max-width: 555px; width: 100%; }
.zig-zag-section .box .box-details .content { max-width: 476px; width: 100%; }
.zig-zag-section .box .right-part .img-box { max-width: 524px; width: 100%; position: relative; }
.zig-zag-section .box .right-part .img-box + img { height: 499px !important; object-fit: cover; width: 100%; }
.zig-zag-section .box .right-part .img-box .img-shape { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; }
.zig-zag-section .box .right-part .img-box .img-shape img { width: 100%; height: auto !important; }
.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 130px; width: 100%; position: absolute; top: auto; bottom: 90px; left: auto; right: -107px; }
.zig-zag-section .box .right-part .img-box img { height: 499px !important; border-radius: 12px; }
.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -138px;  top: 260px;  z-index: -1;  max-width: 157px; }
.zig-zag-section .box .inner-wrap { max-width: 1064px; width: 100%; margin: auto;}
.student-banking-page.zig-zag-section { padding-top: 60px;}

.ready-bottom-section { overflow:hidden; }
.ready-bottom-section h6 { color: #fff; }
.ready-bottom-section h2 { color: #fff; }
.ready-bottom-section .content { color: #fff; font-size: 25px; line-height: 30px; letter-spacing: -0.25px; }
.ready-bottom-section .section-heading { max-width: 848px; width: 100%; margin: auto; }
.ready-bottom-section .rd-btn { padding-bottom: 20px; }
.ready-bottom-section .ready-btn-1 { padding-right: 22px; }
.ready-bottom-section .btns { padding: 10px 0 0; }
.ready-bottom-section .vector-shape { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.ready-bottom-section .vector-shape .green-shape1 { position: absolute; top: auto; left: -16px; bottom: -24px; width: 130px; z-index: -1; }
.ready-bottom-section .vector-shape img { width: 100%; }
.ready-bottom-section .ready-bottom-section { overflow: hidden; }
.ready-bottom-section .vector-shape .green-shape2 { position: absolute; top: 31%; left: auto; width: 130px; z-index: -1; right: -21px; }
.ready-bottom-section .vector-shape .green-shape3 { position: absolute; top: auto; left: 0; width: 962px; z-index: -1; right: 0; bottom: 0; max-width: 100%; margin: auto; }

.strip-box-section .box .left-img { width: 415px; }
.strip-box-section .box .right-content { width: calc(100% - 415px); }
.strip-box-section .box { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; overflow: hidden; margin-bottom: 30px;background-color:#fff; }
.strip-box-section .box .left-img .img-box { width: 100%; height: 100%; }
.strip-box-section .box .left-img .img-box img { width: 100%; height: 100% !important; object-fit: cover; }
.strip-box-section .box .right-content .content p { margin-bottom: 0; }
.strip-box-section .btns a{padding: 12px 29px; font-family: Work Sans; }
.strip-box-section .section-heading { max-width: 1064px; width: 100%; margin: auto; }
.strip-box-section .section-heading .content{max-width:855px;margin:auto;width:100%;}

.personalbanking-saving-page.full-banner-section .btns a{width:auto;}
.personalbanking-saving-page.zig-zag-section h2 { letter-spacing: -1.23px; }
.personalbanking-saving-page.better-banking-section .left-part h2{max-width: 100%;letter-spacing: -1.52px;}
.personalbanking-saving-page.better-banking-section .left-part { padding: 50px 0 200px 0; }
.personalbanking-saving-page.career-hero-section h1 { letter-spacing: -1.23px; }
.personalbanking-saving-page.career-hero-section .section-heading .btns a {width: auto; letter-spacing: 0px; }
.personalbanking-saving-page.career-hero-section .left-part .grpbtn_1 { padding-right: 19px; }
.personalbanking-saving-page.col3-slider-section { margin-bottom: 0; padding-bottom: 90px; }
.personalbanking-saving-page.multi-col-card .section-heading { margin: auto; max-width: 1064px; width: 100%; letter-spacing: -0.25px; }
.personalbanking-saving-page.multi-col-card .section-heading h2{margin: 0 auto 15px;; max-width: 1040px; width: 100%; }
.personalbanking-saving-page.col3-slider-section .section-heading { margin: auto; max-width: 1063px; width: 100%; }
.personalbanking-saving-page.col3-slider-section .section-heading .content { max-width: 888px; margin: auto; width: 100%; }
.personalbanking-saving-page.multi-col-card { padding-bottom:80px; }
.personalbanking-saving-page.col3-slider-section .top-img img{border-radius:12px 12px 0 0;}
.personalbanking-saving-page.col3-slider-section .box .content{opacity:1;}
.personalbanking-saving-page.better-banking-section .left-part .content{color:#E5EAF3;}

.personal-banking-hero .section-heading {max-width: 735px;width: 100%;margin: auto;}
.personal-banking-hero .section-heading .icon img { width: 96px; }
.personal-banking-hero .section-heading .content { max-width: 524px; width: 100%; margin: auto; }
.personal-banking-hero:before {content: ' ';top: auto;bottom: -45px;left: 0;width: 100%;height: 207px;position: absolute;background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/product-hero-full-width-new.png);background-repeat: no-repeat;background-size: cover; background-position: center center;    z-index: 1;}
.personal-banking-hero { padding-bottom: 70px;}
.personal-banking-hero .hero-shape { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.personal-banking-hero .hero-shape .shape1 { position: absolute; left: 0; max-width: 441px; width: 100%; }
.personal-banking-hero .hero-shape .shape2 { position: absolute; left: auto; right: 67px; max-width: 440px; width: 100%; top: 205px; }
.personal-banking-hero .hero-shape .shape3 { position: absolute; top: 151px; left: 0; max-width: 360px; width: 100%; z-index: 1; }
.personal-banking-hero .hero-shape .shape4 { position: absolute; left: auto; right: 0; max-width: 288px; width: 100%; top: 100px; z-index: 1; }
.personal-banking-hero .btns .pbbtn_1 {padding-right: 20px;}
.personal-banking-hero .btns .pbh-btn { padding-bottom: 20px;}
.personal-banking-page.about-hero-section .left-part .content{opacity:1;}

.build-bound-box-section .box { width: calc(100% / 3 - 16px); background: #fff; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; margin: 0 8px 16px; padding: 50px 40px 44px 40px; display: flex; flex-direction: column; }
.build-bound-box-section .wrap { margin: 0 -8px; text-align: center; }
.build-bound-box-section .box .btns { margin-top: auto; }
.build-bound-box-section .box .title-box { padding: 0 0 8px; }
.build-bound-box-section .box .btn4 a:before{ top: 6px}
.build-bound-box-section .details { max-width: 323px; width: 100%; margin: auto; opacity: 0.8;}
.build-bound-box-section .section-heading { max-width: 1065px; width: 100%; margin: auto; padding-bottom: 40px;}

.bulding-strip-section .box .left-img { width: 415px; }
.bulding-strip-section .box .right-content { width: calc(100% - 415px); }
.bulding-strip-section .box { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; overflow: hidden; margin-bottom: 30px; background:#fff; }
.bulding-strip-section .box .left-img .img-box { width: 100%; height: 100%; }
.bulding-strip-section .box .left-img .img-box img { width: 100%; height: 100% !important; object-fit: cover; }
.bulding-strip-section .box .right-content .content p { margin-bottom: 0; }
.bulding-strip-section .btns a{padding: 7px 24px; font-size: 14px;}
.bulding-strip-section .heading-wrap .content { max-width: 1061px; width: 100%; letter-spacing: -0.25px; }
.bulding-strip-section .heading-wrap .section-heading h6 { font-size: 20px; line-height: 20px; padding-bottom: 7px; }
.bulding-strip-section .heading-wrap .section-heading { text-align:left; }
.bulding-strip-section .box h4{letter-spacing: -0.78px;}
.bulding-strip-section .wrap.icon-type-box .box .left-img .img-box { width: 125px; margin: auto; }
.bulding-strip-section .wrap.icon-type-box .box .left-img .img-box img { object-fit: contain; }
.bulding-strip-section .wrap.icon-type-box .box .left-img { width: 230px; padding: 35px 0px 35px 55px; }
.bulding-strip-section .wrap.icon-type-box .box .right-content { width: calc(100% - 230px); }
.bulding-strip-section .box .right-content .content { opacity: 0.8; }

.personal-banking-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { top: 179px; left: 1px; }
.personal-banking-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { right: 5px; top: 248px; }
.personal-banking-page.multi-col-card { padding-top: 10px; }
.personal-banking-page.multi-col-card .section-heading { max-width: 858px; }
.personal-banking-page.better-banking-section .right-part .img-box { max-width: 630px; }
.personal-banking-page.better-banking-section  .left-part h2 { letter-spacing: -1.7px; max-width: 100%; }
.personal-banking-page.better-banking-section .left-part { padding-left: 0; }
.personal-banking-page.better-banking-section .left-part .content { max-width: 543px; opacity: 1; color: #E5EAF3; }
.personal-banking-page.full-banner-section .content { opacity: 1; }
.personal-banking-page.full-banner-section .btns a { width: auto; }
.personal-banking-page.col3-slider-section .section-heading { max-width: 888px; }
.personal-banking-page.col3-slider-section  .top-img img { border-radius: 12px 12px 0px 0px; }
.personal-banking-page.col3-slider-section { margin: 0; }
.personalbanking-saving-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 {top: auto; bottom: 210px; left: auto; right: -107px; }
.personalbanking-saving-page.zig-zag-section .box .box-details .content{opacity:0.8;}

.perbank-success-section .top-part { display: flex;  }
.perbank-success-section .top-part .left-side { width: 45%; }
.perbank-success-section .top-part .box.success3 { width: 55%; }
.perbank-success-section .box .inner-wrap { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; padding: 50px 45px 55px; display: flex; align-items: center; }
.perbank-success-section .box { padding: 0 14px 0px; margin-bottom: 28px; width:100%; }
.perbank-success-section .wrap { padding: 45px 0 0; margin: 0 -14px; display: flex;  flex-wrap: wrap; }
.perbank-success-section .top-part .box .inner-wrap .left-part { width: 125px; }
.perbank-success-section .top-part .box .inner-wrap .right-part { width: calc(100% - 125px); padding-left: 35px; }
.perbank-success-section .box.image.image .inner-wrap { padding: 0; flex-wrap: wrap; display: block; height:100%; }
.perbank-success-section .box.image.image .left-part { width: 100%; }
.perbank-success-section .box.image.image .right-part { width: 100%; padding: 35px 50px 50px; }
.perbank-success-section .box.image.image .left-part .mobile-icon { display: none; }
.perbank-success-section .box.image.image .left-part .desk-img { width: 100%; height: 360px; }
.perbank-success-section .box.image.image .left-part .desk-img img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 12px 12px 0px 0px; }
.perbank-success-section .box .btns .btn4 a { font-size: 20px; }
/* .perbank-success-section .box .inner-wrap .right-part .content { opacity: 0.8; } */
.perbank-success-section .box.image.image .right-part .content { opacity: 1; }
.perbank-success-section .box.senty-five { width: 66%;}
.perbank-success-section .box.twenty-five { width: 34%; }

.perbank-success-section .box.senty-five .inner-wrap, .perbank-success-section .box.twenty-five .inner-wrap { flex-wrap: wrap; height: 100%; }
.perbank-success-section .box .inner-wrap .left-part { width: 100%; }
.perbank-success-section .box .inner-wrap .left-part .icon { width: 90px; height: 90px; display: flex; align-items: center; }
.perbank-success-section .box .inner-wrap .right-part { width: 100%; }
.perbank-success-section .box.senty-five .inner-wrap .right-part, .perbank-success-section .box.twenty-five .inner-wrap .right-part { padding-top:10px; }
.perbank-success-section .shape-line { position: absolute; top: 420px; left: 0; right: 0; margin: auto; max-width: 1440px; }
.perbank-success-section .section-heading { max-width: 848px; width: 100%; margin: auto; }
.perbank-success-section .section-heading .content { color: #6682B7; opacity: 1; letter-spacing: -0.25px; }
.personal-banking-page.full-banner-section h2 {max-width: 848px; margin: auto; width: 100%; }

.checking-page.career-hero-section .section-heading .btns a { width: auto; }
.checking-page.career-hero-section .section-heading { max-width: 100%; }
.checking-page.career-hero-section .section-heading h1 { max-width: 524px; width: 100%; }
.checking-page.career-hero-section .section-heading .content { max-width: 524px; }
.checking-page.multi-col-card .section-heading { max-width: 878px; }
.checking-page.better-banking-section .left-part { padding: 50px 0 200px 0px; }
.checking-page.better-banking-section .left-part h2 { max-width: 100%; letter-spacing: -1.7px; }
.checking-page.better-banking-section .left-part .content { max-width: 543px; }
.checking-page.zig-zag-section .box .box-details h2 { letter-spacing: -1.23px; }
.checking-page.zig-zag-section .box .box-details .content { opacity: 0.8; }
.checking-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { top: 80px; z-index: 1; left: -100px; }
.checking-page.full-banner-section .btns a { width: auto; }
.checking-page.col3-slider-section .section-heading { max-width: 878px; }
.checking-page.col3-slider-section { margin: 0; padding-bottom: 30px; }
.checking-page.better-banking-section .left-part .content p { color: #E5EAF3; }
.checking-page.col3-slider-section .box {box-shadow: 0 0 30px #0000001a; }
.checking-page.col3-slider-section .top-img img{border-radius:12px 12px 0 0;}
.checking-page.col3-slider-section .box .content{opacity:1;}

.buling-found-zig-section { overflow:hidden; }
.buling-found-zig-section .left-part .zig-btn_11 { padding-right: 28px; }
.buling-found-zig-section .left-part .zigbtn { padding-bottom: 20px; }
.buling-found-zig-section .left-part .zigbtn a { min-width:189px; text-align:center; }
.buling-found-zig-section .box.left-img .inner-wrap { flex-direction: row-reverse;}
.buling-found-zig-section .box .box-details { max-width: 476px; width: 100%;  }
.buling-found-zig-section .box .box-details h6 { font-size:20px; line-height:20px; color:#003087; } 
.buling-found-zig-section .box .box-details h2{letter-spacing: -1.23px;}
.buling-found-zig-section .box .box-details .content { max-width: 476px; width: 100%; opacity: 0.8; }
.buling-found-zig-section .box .right-part .img-box { max-width: 524px; width: 100%; position: relative; }
.buling-found-zig-section .box .right-part .img-box img { height: 499px !important; object-fit: cover; width: 100%;  border-radius: 12px; }
.buling-found-zig-section .box .inner-wrap { max-width: 1064px; width: 100%; margin: auto; border-bottom: 1px solid #898989;}
.buling-found-zig-section .box:last-child .inner-wrap{ border:0; }
.buling-found-zig-section { padding: 110px 0 0; margin: -200px 0 0;}

.building-foundation-page.career-hero-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/shape-bg12.svg);}
.building-foundation-page.career-hero-section .right-part .img-box img { object-position: top; }
.building-foundation-page.career-hero-section .section-heading { display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 0 0 40px;}
.building-foundation-page.home-meet-section { margin: 0; padding-bottom: 30px; }
.building-foundation-page.home-meet-section .section-heading { max-width: 1085px; padding-bottom: 50px; }
.building-foundation-page.home-meet-section .section-shapes .shape3 { top: 393px; }
.building-foundation-page.home-meet-section .section-shapes  .shape2 { top: 57%; }
.building-foundation-page.home-meet-section .section-shapes .shape1 { left: 14px; }
.building-foundation-page.home-meet-section .box .content { opacity: 0.8; }
.building-foundation-page.multi-col-card .section-heading { max-width: 878px; }
.building-foundation-page.multi-col-card .column3 .box .content { max-width: 318px; margin: auto; }
.building-foundation-page.multi-col-card .column3 .box .right-part { text-align: center; }
.building-foundation-page.multi-col-card .column3 .box  .content-box { max-width: 352px; width: 100%; }
.building-foundation-page.multi-col-card { padding-bottom: 90px; }
.building-foundation-subpages.intern-hero-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/blue-hero-shape-2.png); }
.bulding-strip-section .box .right-content .inner-cover { max-width: 640px;}
.bulding-strip-section .wrap.icon-type-box .box .right-content .inner-cover { max-width: 910px;}
.building-foundation-subpages.ready-bottom-section .section-heading h2 { max-width: 756px; width: 100%; margin-left: auto; margin-right: auto;}

.credit-card-page.career-hero-section .section-heading { max-width: 100%; }
.credit-card-page.career-hero-section .section-heading h1 { max-width: 524px; }
.credit-card-page.career-hero-section .section-heading .content { max-width: 524px; }
.credit-card-page.career-hero-section .section-heading .btns a { width: auto; }
.credit-card-page.better-banking-section { padding: 131px 0 60px; }
.credit-card-page.full-banner-section { z-index: 56; margin-top: -190px;background-position: center top !important; }
.credit-card-page.full-banner-section .section-heading h2 { max-width: 884px; width: 100%; margin: 0 auto 15px; }
.credit-card-page.full-banner-section .btns a { width: auto; }
.credit-card-page.col3-slider-section .section-heading { max-width: 853px; }
.credit-card-page.col3-slider-section .box .content { opacity: 2; }
.credit-card-page.col3-slider-section { margin: 0 0 30px; }
.credit-card-page.ready-bottom-section .section-heading { max-width: 870px;}
.credit-card-page.full-banner-section .shapes .top-shape { display:none; }
.credit-card-page.better-banking-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_41.png);} 
.credit-card-page.better-banking-section .left-part { padding-left: 0; }
.credit-card-page.better-banking-section .left-part h2 { max-width: 100%; letter-spacing: -1.52px; }
.credit-card-page.better-banking-section .left-part .content { opacity: 1; color: #E5EAF3; max-width: 543px; }
.credit-card-page.full-banner-section { padding: 160px 0 200px;}

.credit-card-section .box { display: flex; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; overflow: hidden; }
.credit-card-section .box .right-details { padding: 60px; width: calc(100% - 416px); display: flex; align-items: center; }
.credit-card-section .box .left-card { width: 416px; padding: 60px; }
.credit-card-section .box .left-card img { width: 300px; }
.credit-card-section .box .right-details .content { max-width: 695px; width: 100%; }
.credit-card-section .box .right-details .btns a { font-size: 20px; }
.credit-card-section .box:last-child { margin-bottom: 0; }
.credit-card-section .section-heading { max-width: 868px; width: 100%; margin: auto; padding-bottom: 45px; }
.credit-card-section .section-heading h2 { max-width: 752px; width: 100%; margin: 0 auto 15px; }
.credit-card-section:before { content: ' '; top: auto; bottom: 0; left: 0; width: 100%; position: absolute; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/torn-edge-background.png); background-repeat: no-repeat; background-size: cover; height: 82px; z-index: 1;}
.credit-card-section .shape-img { position: absolute; top: 0; left: -250px; right: 0; margin: auto; text-align: left; width: calc(100% + 250px); height: 100%; text-align: center; }
.credit-card-section .shape-img img { height: 113% !important; }

.credit-tab-section .credit-content-list .credit-content:first-child { display: block;}
.credit-tab-section .credit-content-list .credit-content { display: none;}
.credit-tab-section .left-part .img-box img { border-radius: 12px; width: 370px;}
.credit-tab-section .left-part h2 { font-family: Work Sans; letter-spacing: -1.23px;}
.credit-tab-section .left-part .content{ max-width: 564px; width: 100%;}
.credit-tab-section .credit-list ul { padding: 0; margin: 0; display: flex; border-bottom: 5px solid #26A96C; }
.credit-tab-section .credit-list ul li { width: 50%; text-align: center; padding: 33px 20px 27px; cursor: pointer; color: #A4A5A2; font-weight: 700; font-size: 20px; }
.credit-tab-section .credit-list ul li.active { background: #26A96C; color: #fff; }
.credit-tab-section .credit-section { width: 100%; display: inline-block; vertical-align: top; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; overflow: hidden; }
.credit-tab-section .credit-section .credit-content { width: 100%; padding: 50px; }
.credit-tab-section .credit-section .credit-content .title { display: none; }
.credit-tab-section .credit-section .credit-content ul { margin: 0; list-style: disc; }
.credit-tab-section .credit-section .credit-content ul li,
.credit-tab-section .credit-section .credit-content ol li { padding-bottom: 20px; line-height: 24px; }
.credit-tab-section .credit-section .credit-content ol { list-style: decimal; margin: 0; }
.credit-tab-section .tab-bottom-content a{ color: #26A96C; font-weight:600; }
.credit-tab-section .tab-bottom-content a:hover{ color:#003087; }
.credit-tab-section .credit-section .credit-content a { color: #26A96C; font-weight:600;  }
.credit-tab-section .credit-section .credit-content a:hover{ color:#003087; }
.credit-tab-section .credit-section .credit-content ol li::marker { font-weight: 700;}

.creditcard-hero.career-hero-section h6 { color: #003087; }
.creditcard-hero.career-hero-section .content { color: #003087; }
.creditcard-hero.career-hero-section .section-heading .btns a { width: 393px; }
.creditcard-hero.career-hero-section .hero-shape-right { position: absolute; top: 0; left: auto; right: 0; max-width: 712px; width: 100%; }
.creditcard-hero.career-hero-section .hero-shape-right .vector-box { text-align: right;}
.creditcard-hero.career-hero-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative; }
.creditcard-hero.career-hero-section .right-part .img-box .creditcard-img { max-width: 390px; width: 100%; }
.creditcard-hero.career-hero-section .right-part .img-box { display: flex; align-items: center; justify-content: center; height: 100%; max-width: 390px; margin: auto; position: relative; }
.creditcard-hero.career-hero-section .right-part .img-box .img-shape .shape-img1 { width: 150px; position: absolute; top: auto; bottom: 78px; left: -25px; z-index: -1; }
.creditcard-hero.career-hero-section .right-part .img-box .img-shape .shape-img2 { width: 210px; top: 93px; left: auto; right: -94px; position: absolute; z-index: -1; }
.creditcard-hero.career-hero-section .right-part .img-box .img-shape {  max-width: 100%; height: 100%; width: 100%;}
.creditcard-hero.career-hero-section:before { display: none;}
.creditcard-hero.career-hero-section { padding-bottom: 50px;}
.creditcard-hero.career-hero-section { padding-bottom: 50px; }

.credit-card-subpages.simple-text-section h2 { max-width: 752px; }
.credit-card-subpages.simple-text-section .content { max-width: 900px; }
.credit-card-subpages.multi-col-card .section-heading { max-width: 865px; }
.credit-card-subpages.multi-col-card .column2 .box .left-part .icon { width: 80px; }
.credit-card-subpages.multi-col-card .column2 .box .right-part { padding-left: 20px; height: auto; }
.credit-card-subpages.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { z-index: 1; left: -113px; max-width: 127px;}
.credit-card-subpages.visa-module-4.zig-zag-section { padding: 0 0 70px; }
.credit-card-subpages.better-banking-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_41.png); }
.credit-card-subpages.better-banking-section { padding: 100px 0 0; }
.credit-card-subpages.better-banking-section .left-part { padding-left: 0; }
.credit-card-subpages.better-banking-section .left-part h2 { max-width: 100%; letter-spacing: -1.52px; }
.credit-card-subpages.better-banking-section .left-part .content { max-width: 543px; opacity: 1; color: #E5EAF3; }
.credit-card-subpages.better-banking-section:after { display: none; }
.credit-card-subpages.ready-bottom-section .section-heading { max-width: 868px;}
.visa-pages.credit-card-subpages.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 {  left: -97px; top: 110px;}

.student-visa-section .section-heading { max-width: 954px; width: 100%; margin: auto; }
.student-visa-section .section-heading h2 { max-width: 764px; width: 100%; margin: 0 auto 15px; }
.student-visa-section .box { width: calc(100% / 2 - 16px); margin: 0 8px 16px; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; padding: 60px 60px 75px 60px; }
.student-visa-section .wrap { margin: 0 -8px; padding: 20px 0 32px; }
.student-visa-section .box h3 { color: #1D1E18; font-size: 31px; line-height: 36px; padding-bottom: 15px; font-family: Plus Jakarta Sans; }
.student-visa-section .box ul li { position: relative; color: #777874; font-weight: 500; font-size: 25px; line-height: 30px; padding-bottom: 29px; }
.student-visa-section .box ul li:before { content: ' '; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/checkmark-black-1.svg); position: absolute; width: 42px; height: 42px; background-repeat: no-repeat; background-size: contain; top: -1px; left: -56px; }
.student-visa-section .box ul li:last-child { padding-bottom: 0; }
.student-visa-section .box ul { margin: 0; padding-left: 57px; }
.student-visa-section {margin: -130px 0 0;}

.student-banking-page.multi-col-card .section-heading { max-width: 1033px; }
.student-banking-page.multi-col-card .section-heading h2 { max-width: 724px; width: 100%; margin: 0 auto 15px; }
.student-banking-page.multi-col-card .column2 .box .content { opacity: 1; }
.student-banking-page.multi-col-card .column2 .box .right-part { height: auto; }
.student-banking-page.zig-zag-section .box .box-details h2 { letter-spacing: -1.23px; }
.student-banking-page.zig-zag-section .box.left-img .box-details { padding-left: 40px; }
.student-banking-page.zig-zag-section .box .box-details .content { opacity: 0.8; }
.student-banking-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -95px; max-width: 117px; top: 190px; }
.student-banking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { right: -147px; max-width: 170px; bottom: 120px; }
.student-banking-page.disclosure-section .disclosure { padding: 0; }
.student-banking-page.disclosure-section .disclosure-content h6 { padding: 0; }
.student-banking-page.intern-hero-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/blue-hero-shape__1_.png); }
.student-banking-page.better-banking-section:after { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/dark-blue-light-blue-cta-background-new.png); }
.student-banking-page.better-banking-section .left-part {padding-left:0;}

.credit-card-subpages.full-banner-section .shapes .top-shape .white-shape { display: none; }
.credit-card-subpages.full-banner-section { background-position: top !important; margin-top: -130px; z-index: 56; }
.credit-card-subpages.full-banner-section .btns a { width: auto; }
.credit-card-subpages.simple-text-section:before { display: none;}

.load-specialist-section .box { width: calc(100% / 3 - 16px); margin: 0 8px 16px; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; display: flex; overflow: hidden; }
.load-specialist-section .wrap { margin: 0 -8px; }
.load-specialist-section .box .person-img { width: 78px; }
.load-specialist-section .box .left-wrap { width: calc(100% - 50px); padding: 57px 26px; }
.load-specialist-section .box .redirect-btn { width: 50px; height: 100%; background: #E5EAF3; position: relative; }
.load-specialist-section .box .redirect-btn img { width: 14px; }
.load-specialist-section .box .redirect-btn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.load-specialist-section .box .person-img img { width: 78px; height: 78px !important; object-fit: cover; border-radius: 50%;  object-position: top; }
.load-specialist-section .box .person-details { width: calc(100% - 78px); padding-left: 25px; }
.load-specialist-section .box .person-details h5 { font-family: Plus Jakarta Sans; }
.load-specialist-section .box .person-details .details p { margin: 0;}
.load-specialist-section .section-heading { max-width: 778px; width: 100%; margin: auto; padding-bottom: 45px; }

.mortgage-option-section .box { width: 100%; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; padding: 64px 47px; }
.mortgage-option-section .box .inner-wrap { width: calc(100% - 210px); padding-right: 25px; }
.mortgage-option-section .box .btn-right { text-align: right; width: 210px; }
.mortgage-option-section .box .inner-wrap .icon { width: 62px; }
.mortgage-option-section .box .inner-wrap .icon img { width: 62px; }
.mortgage-option-section .box .inner-wrap .details { width: calc(100% - 62px); padding-left: 45px; }
.mortgage-option-section .box .inner-wrap .details .content p { margin-bottom: 0; }
.mortgage-option-section .box .btn-right a { min-width: 208px; text-align: center; }
.mortgage-option-section .box.button-off .inner-wrap { width: 100%; padding-right: 0;}
.mortgage-option-section .section-heading { max-width: 848px; width: 100%; margin: auto; padding-bottom: 35px; }
.mortgage-option-section .section-heading h2 { max-width: 703px; width: 100%; margin: 0 auto 15px; }

.becoming-a-member-page.zig-zag-section .box .inner-wrap { max-width: 100%; }
.becoming-a-member-page.zig-zag-section .box .box-details { max-width: 100%; }

.mortgages-page.personal-banking-hero .hero-shape .shape2 { right: 97px; top: 171px; }
.mortgages-page.personal-banking-hero .btns .pbh-btn a { min-width: 211px; }
.mortgages-page.top-multi-sec.multi-col-card .section-heading { max-width: 890px; }
.mortgages-page.top-multi-sec.multi-col-card .column3 .box .icon { height: 100px; }
.mortgages-page.full-banner-section .btns a { width: auto; }
.mortgages-page.full-banner-section h2 { letter-spacing: -1.23px; max-width: 760px; width: 100%; margin: 0 auto 15px; }
.mortgages-page.col3-slider-section { margin: 0; padding-bottom: 40px; }
.mortgages-page.zig-zag-section { margin: -140px 0 0; padding-top: 120px; }
.mortgages-page.zig-zag-section .box .right-part .img-box .img-shape img { }
.mortgages-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { top: 140px; }
.mortgages-page.zig-zag-section .left-part .zigbtn a { min-width: 238px; }
.mortgages-page.zig-zag-section .box .inner-wrap { padding-bottom: 30px;}
.mortgages-page.multi-col-card .section-heading { max-width: 809px;}
.mortgages-page.col3-slider-section .section-heading { max-width: 888px;}
.mortgages-page.jumbo-page.top-multi-sec.multi-col-card .section-heading { max-width: 930px; }
.mortgages-page.jumbo-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 160px; right: -134px; top: auto; }
.mortgages-page.jumbo-page.mortgage-option-section .section-heading h2 { max-width: 723px; }
.mortgages-page.ready-bottom-section .section-heading h2 { max-width: 703px; width: 100%;  margin: 0 auto 15px;}
.mortgages-page.personal-banking-hero .section-heading { max-width: 785px; }
.mortgages-page.personal-banking-hero { padding-bottom: 90px; }
.mortgages-page.last-multi-sec.multi-col-card .column2 .box .right-part .details h4 { font-size: 20px; line-height: 30px;}
.high-balance-page.mortgage-option-section .section-heading h2 { max-width: 723px;}
.family-homes-page.mortgages-page.zig-zag-section .box .inner-wrap { padding: 60px 0 60px; }
.family-homes-page.mortgages-page.zig-zag-section .box:first-child .inner-wrap { padding-top: 15px; }
.family-homes-page.mortgages-page.zig-zag-section .box .right-part .img-box .img-shape img { }
.family-homes-page.mortgages-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { top: auto; z-index: -1; }
.family-homes-page.mortgages-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { top: 170px; z-index: -1; max-width: 167px; left: -145px; }
.family-homes-page.mortgages-page.zig-zag-section .box.left-img .right-part .img-box img { position: relative; z-index: 111; }
.family-homes-page.mortgages-page.zig-zag-section .box:last-child .inner-wrap { padding-bottom: 0; }
.family-homes-page.mortgages-page.load-specialist-section { padding-bottom: 50px; }
.mortgages-page.better-banking-section .left-part { padding-left: 0; }
.mortgages-page.better-banking-section .left-part h2 { max-width: 100%; }
.mortgages-page.better-banking-section .left-part .content { max-width: 448px; }
.mortgages-page.zig-zag-section .box.right-img .left-part .zigbtn a { line-height: 24px;}
.investment-pro-page.family-homes-page.mortgages-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { right: -142px; max-width: 170px; top: 180px; }
.investment-pro-page.family-homes-page.mortgages-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -102px; max-width: 127px; top: auto; }
.mortgages-page.col3-slider-section .box .content { opacity: 1;}
.arm-page.mortgages-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { top: auto; }
.mortage-load-specialist .breadcrumb-strip { background: #26A96C; }
.mortage-load-specialist .breadcrumb-strip .breadcrumb { width: 40%; }
.mortage-load-specialist .breadcrumb-strip .blank-breadcrumb { width: 40%; }
.mortage-load-specialist .breadcrumb-strip .mortage-title { width: 20%; text-align: center; }
.mortage-load-specialist .loan-officer-details { background: #f2f3f5;}
.mortage-load-specialist .loan-officer-details .person-img { width: 84px; height: 84px; margin: auto; }
.mortage-load-specialist .loan-officer-details .person-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 50%; }
.mortage-load-specialist .loan-officer-details h5 { font-family: Plus Jakarta Sans;}
.mortage-load-specialist .get-touch .details-box {  margin: -90px 0 0; border: 2px solid #003087; border-radius: 12px; background: #fff; box-shadow: 0px 0px 30px #0000001A;}
.mortage-load-specialist .get-touch .details-box .box-common .left-side { width: 220px;}
.mortage-load-specialist .get-touch .details-box .box-common .right-side { width: calc(100% - 220px);}
.mortage-load-specialist .get-touch .details-box .details-wrap { background: #F5F7FA; border-radius: 12px; padding: 50px 60px; margin-top: 30px; }
.mortage-load-specialist .get-touch .details-box .box-common { margin-bottom: 15px;}
.mortage-load-specialist .get-touch .details-box .languages-item{ max-width: 210px; width: 100%;}
.mortage-load-specialist .get-touch .details-box .phone .right-side .contact { display: flex; }
.mortage-load-specialist .get-touch .details-box .phone .right-side .contact .fax { padding-left: 90px; }
.mortage-load-specialist .get-touch .details-box .title-strip { justify-content: space-between; }
.mortage-load-specialist .get-touch .details-box .title-strip h2 { margin: 0; }
.mortage-load-specialist .get-touch .details-box .title-strip .btn-wrap { padding-left: 30px; }
.mortage-load-specialist .get-touch .details-box .quick-link-box .right-side ul { padding: 0; margin: 0; }
.mortage-load-specialist .get-touch .details-box .quick-link-box .right-side ul li { display: inline-block; padding-right: 51px; padding-bottom: 10px; }
.mortage-load-specialist .get-touch .details-box .quick-link-box .right-side ul li:last-child { padding-right: 0; }
.mortage-load-specialist .get-touch .details-box .quick-link-box .right-side ul li a { color: #26A96C; }
.mortage-load-specialist .get-touch .details-box .quick-link-box .right-side ul li a:hover { text-decoration: none; }
.mortage-load-specialist .get-touch .details-box .box-common .right-side p { font-weight: 700;}

.insurance-page.top-multi-sec.multi-col-card .section-heading { max-width: 767px; }
.insurance-page.top-multi-sec.multi-col-card .section-heading h2 { max-width: 639px; width: 100%; margin: 0 auto 15px; }
.insurance-page.top-multi-sec.multi-col-card .column2 .box .left-part .icon img { width: 106px; }
.insurance-page.top-multi-sec.multi-col-card .column2 .box .left-part .icon { text-align: center; }
.insurance-page.better-banking-section:before { background: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Why_mcu_layer.png); }
.insurance-page.better-banking-section .left-part { padding-left: 0; }
.insurance-page.better-banking-section .left-part h2 { max-width: 100%; }
.insurance-page.better-banking-section .left-part .content { max-width: 448px; }
.insurance-page.bottom-multi-sec.multi-col-card .section-heading { max-width: 880px; }
.insurance-page.full-banner-section .btns a { width: auto; }
.insurance-page.col3-slider-section { margin: 0; padding-bottom: 30px; }
.insurance-page.multi-col-card .column2 .box .left-part { width: 101px; }
.insurance-page.multi-col-card .column2 .box .right-part { width: calc(100% - 101px); }
.insurance-page.multi-col-card .column2 .box .right-part h4 { font-size: 20px; line-height: 30px; margin-bottom: 10px; }

.ad-insure-page.personal-banking-hero .hero-shape .shape2 { right: 125px; }
.ad-insure-page.personal-banking-hero:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/product-hero-full-width-new__2grey.png); }
.ad-insure-page.simple-text-section h2 { max-width: 730px; }
.ad-insure-page.simple-text-section .content { max-width: 768px; }
.ad-insure-page.mortgage-option-section .section-heading { max-width: 878px; }
.ad-insure-page.multi-col-card { padding-top: 15px; }
.ad-insure-page.multi-col-card .section-heading { max-width: 880px; }
.ad-insure-page.multi-col-card .column2 .box .left-part { width: 100px; }
.ad-insure-page.multi-col-card .column2 .box .right-part { width: calc(100% - 100px); }
.ad-insure-page.full-banner-section .btns a { width: auto; }
.ad-insure-page.col3-slider-section .section-heading { max-width: 873px; }
.ad-insure-page.col3-slider-section { margin: 0; padding-bottom: 40px; }
.ad-insure-page.multi-col-card .column2 .box .right-part .details h4 { font-size: 20px; line-height: 30px; margin-bottom: 10px;}

.auto-home-page.mortgage-option-section .section-heading { width: 100%; }
.auto-home-page.mortgage-option-section .section-heading h2 { max-width: 100%; }
.auto-home-page.why-mcu-two { margin: -80px 0 0; }
.auto-home-page.why-mcu-two .section-heading { max-width: 1094px; }
.auto-home-page.why-mcu-two .section-heading h2 { max-width: 885px; width: 100%; margin: 0 auto 15px; }
.auto-home-page.why-mcu-two .section-heading .content a { color: #6682B7; font-size: 25px; line-height: 30px; font-weight: 400; text-decoration: none; }
.auto-home-page.why-mcu-two .section-heading .content a:hover { text-decoration: underline; }
.auto-home-page.why-mcu-two .box h4 { font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.auto-home-page.ad-insure-page.multi-col-card { padding-top: 45px;}
.auto-home-page.why-mcu-two .box { display: flex;}

.banking-life-page.career-hero-section .section-heading { max-width: 529px; padding-top: 100px; }
.banking-life-page.career-hero-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/shape-bg12.svg); }
.banking-life-section { overflow:hidden; }
.banking-life-section .box { position:relative;  }
.banking-life-section .box .left-part .content { color: #1D1E18; letter-spacing: -0.25px; }
/* .banking-life-section .box .right-part .inner-box-wrap { height: 580px; overflow: auto; padding: 25px; margin-top:-25px; }
.banking-life-section .box .right-part .inner-box-wrap::-webkit-scrollbar { width: 0; background-color: transparent; }
.banking-life-section .box .right-part .inner-box-wrap::-webkit-scrollbar-thumb { background-color: transparent; outline: none; } */
.banking-life-section .box .right-part .inner-box { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; margin-bottom: 16px; }
.banking-life-section .box .right-part .inner-box .box-bottom { padding: 55px 80px 70px; width:calc(100% - 415px); display: flex; flex-direction: column; justify-content: center; }
.banking-life-section .box .right-part .inner-box .img-box { height: auto; width: 415px; }
.banking-life-section .box .right-part .inner-box .img-box img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 12px 0 0 12px; }
.banking-life-section .box .right-part { position:relative; z-index:1; }
.banking-life-section .box .right-part .shape-box-wrap { position: absolute; top: auto; bottom: 50px; z-index: -1; left: -100px; width: 153px; }
.banking-life-section .box .right-part .shape-box-wrap.box-right-shape { left: auto; right: -100px; bottom: 150px; }

.banking-life-section .box .full-box-shape { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; }
.banking-life-section .box .full-box-shape .shape1 { top: auto; bottom: 10px; position: absolute; }
.banking-life-section .box .full-box-shape .shape1.left-side { left: -37px; }
.banking-life-section .box .full-box-shape .shape1.right-side { left: auto; right: -37px; }
.banking-life-section .box:nth-child(3) .full-box-shape .shape1.right-side {right: -177px; top: 45%;}
.banking-life-section .box .full-box-shape .shape2.right-side { position: absolute; top: -100px; left: auto; right: -150px; max-width: 400px; width: 100%; height: 576px; }
.banking-life-section .box .full-box-shape .shape2.left-side { left: -150px; }
.banking-life-section .box .inner-cover {  position: relative; z-index: 111;}
.banking-life-section .box .right-part .inner-box .box-bottom .btn4 a { font-size: 20px;}
.banking-life-section .box.box_1 .full-box-shape .shape1.right-side { left: auto; right: -870px; top: 50%; z-index: 1111; }
.banking-life-section .box .outer-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative;}
.banking-life-section .left-part .icon { width: 55px; padding: 6px 0 0;}
.banking-life-section .left-part .title-right { width: calc(100% - 55px); padding: 0 0 0 40px;}
.banking-life-section .box .right-part .inner-box .box-bottom .btns a{padding: 12px 29px; font-size: 18px;}
.banking-life-section .box .right-part .inner-box .box-bottom .details { padding: 5px 0 10px; opacity: 0.8; }
.banking-life-section .box .section-top-shape { position: absolute; top: 0; left: 0; width: 100%; }
.banking-life-page.career-hero-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/Mask_Group_78_2_3.svg);}
.banking-life-section .box .right-part .shape-box { position: absolute; top: 29%; left: -119px; z-index: -1; }
.banking-life-section .box .right-part .shape-box.box-right-shape { right: -133px; left: auto; }


.rates-section .table-main .table-box h3 { background: #003087; border-radius: 12px 12px 0px 0px; padding: 22px; color: #fff; font-family: Plus Jakarta Sans; }
.rates-section .table-main .table-box .table-inner { box-shadow: 0px 6px 6px #00000012; border-radius: 12px; overflow: hidden; }
.rates-section .table-main .tbody .table-heading { display: flex; }
.rates-section .table-main .tbody .table-heading .th-head { padding: 18px 20px 20px; background: #E5EAF3; border-right: 1px solid #99ACCF; color: #003087; font-size: 14px; line-height: 16px; font-weight: 500; }
.rates-section .table-main .tbody .table-heading .th-head:last-child { border-right: 0; }
.rates-section .table-main .table-box.three_col_tb .tbody .table-heading .th-head {width: calc(100% / 3)}
.rates-section .table-main .table-box.four_col_tb .tbody .table-heading .th-head { width: 25%; }
.rates-section .table-main .table-box.five_col_tb .tbody .table-heading .th-head { width: 20%; }
.rates-section .table-main .table-box.six_col_tb .tbody .table-heading .th-head { width: 16.66%; }
.rates-section .table-main .table-box.seven_col_tb .tbody .table-heading .th-head { width: 14.28%; }
.rates-section .table-main .table-box.three_col_tb .tbody .tb-raw .column {width: calc(100% / 3)}
.rates-section .table-main .table-box.four_col_tb .tbody .tb-raw .column { width: 25%; }
.rates-section .table-main .table-box.five_col_tb .tbody .tb-raw .column { width: 20%; }
.rates-section .table-main .table-box.six_col_tb .tbody .tb-raw .column { width: 16.66%; }
.rates-section .table-main .table-box.seven_col_tb .tbody .tb-raw .column { width: 14.28%; }
.rates-section .table-main .table-box .tbody .tb-raw .column { background: #fff; border-right: 1px solid #99accf; color: #4A4B46; font-size: 16px; padding: 18px 20px 20px; border-bottom: 1px solid #99ACCF; }
.rates-section .table-main .table-box.style2 .table-heading+.tb-raw .column:first-child .colin-data { font-size: 16px;}
.rates-section .table-main .table-box .tbody .tb-raw .column:last-child { border-right:0; }
.rates-section .table-main .table-box .tbody .tb-raw:last-child .column { border-bottom:0; }
.rates-section .table-main .table-box.four_col_tb .tbody .tb-raw .col4, .rates-section .table-main .table-box.four_col_tb .tbody .tb-raw .col5, .rates-section .table-main .table-box.four_col_tb .tbody .tb-raw .col6 { display: none;}
.rates-section .table-main .table-box.five_col_tb .tbody .tb-raw .col5, .rates-section .table-main .table-box.five_col_tb .tbody .tb-raw .col6 { display: none;}
.rates-section .table-main .table-box.six_col_tb .tbody .tb-raw .col6 { display: none;}
.rates-section .table-main .table-box.six_col_tb .tbody .table-heading .th-head:nth-child(6) { display: none; }
.rates-section .table-main .table-box.five_col_tb .tbody .table-heading .th-head:nth-child(5), .rates-section .table-main .table-box.five_col_tb .tbody .table-heading .th-head:nth-child(6) { display: none; }
.rates-section .table-main .table-box.four_col_tb .tbody .table-heading .th-head:nth-child(4), .rates-section .table-main .table-box.four_col_tb .tbody .table-heading .th-head:nth-child(5), .rates-section .table-main .table-box.four_col_tb .tbody .table-heading .th-head:nth-child(6) { display: none; }
.rates-section .table-main .table-box .tbody .tb-raw .column.btn1 { text-align:center; }
.rates-section .table-main .table-box .tbody .tb-raw .column.btn1 a { font-size: 13px; line-height: 24px; padding: 7px 28px;}
.rates-section .table-main .table-box.style2 .tb-raw .column:first-child { font-size: 0; border-bottom: 0;}
.rates-section .table-main .table-box.style2 .table-heading + .tb-raw .column:first-child { font-size: 14px;}
.rates-section .table-main .table-bottom-details { padding: 20px 0 15px; }
.rates-section .table-main .table-bottom-details p { margin-bottom: 0; letter-spacing: 0.14px; font-size: 14px; line-height: 20px; }
.rates-section .table-main .table-bottom-details p a { color: #003087; text-decoration: underline; }
.rates-section .disclosure-part { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; font-size: 14px; line-height: 20px; color: #4A4B46; background:#FFFFFF; }
.rates-section .disclosure-part h6 { width: 100%; color: #33599F; font-weight: 500; cursor: pointer; position: relative; margin: 0; padding: 22px 40px 22px;}
.rates-section .disclosure-part h6:before { content: ''; top: 50%; left: auto; right: 40px; transform: translateY(-50%); position: absolute; width: 15px; height: 2px; background: #33599F; }
.rates-section .disclosure-part h6:after { content: ''; top: 50%; left: auto; right: 46px; transform: translateY(-50%); position: absolute; height: 15px; width: 2px; background: #33599F; }
.rates-section .disclosure-part .dis-content { padding: 0px 40px 22px; margin-top: -6px;}
.rates-section .disclosure-part h6.active:after { opacity: 0;}
.rates-page.simple-text-section .content { color: #FFFFFF; font-size: 16px; line-height: 20px; letter-spacing: 0.16px; opacity: 0.8; max-width: 1064px; }
.rates-page.simple-text-section h2, .rates-page.simple-text-section h6 { color: #fff; }
.rates-page.simple-text-section { padding: 50px 0 30px; }
.rates-section .table-main .table-box .tbody .tb-raw .column .col_head { display: none;}
.rates-page.simple-text-section:before { display: none;}
.rates-section .disclosure-part .mobile-less { display: none;}
.rates-section .creditcard-box .credit-box .credit-table-title h3 { background: #003087; border-radius: 12px 12px 0 0; color: #fff; font-family: Plus Jakarta Sans; padding: 22px; width: 100%;}
.rates-section .creditcard-box .credit-wrap { background: #fff; box-shadow: 0px 6px 6px #00000012; border-radius: 0px 0px 12px 12px;}
.rates-section .creditcard-box .credit-bottom-details { padding: 20px 0 15px; }
.rates-section .creditcard-box .credit-bottom-details p { margin-bottom: 0; letter-spacing: 0.14px; font-size: 14px; line-height: 20px; }
.rates-section .creditcard-box .credit-bottom-details p a { color: #003087; text-decoration: underline; }
.rates-section .creditcard-box .left-part { width: 30%; padding: 40px 35px 15px; border-right: 1px solid #99accf; display: flex; flex-direction: column; }
.rates-section .creditcard-box .right-part { width: 70%; padding: 26px 35px 45px; display: flex; align-items: center;}
.rates-section .creditcard-box .left-part .card-img { width: 140px; }
.rates-section .creditcard-box .left-part .card-content h3 { font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: -0.16px; font-family: Plus Jakarta Sans; }
.rates-section .creditcard-box .left-part .card-content { max-width: 227px; width: 100%; }
.rates-section .creditcard-box .left-part .card-apply { margin-top: auto; }
.rates-section .creditcard-box .right-part .card-apply.apply-mobile { display:none; }
.rates-section .creditcard-box .left-part .card-apply a { font-size: 13px; line-height: 24px; padding: 7px 28px; }
.rates-section .creditcard-box .left-part .card-apply h6 { color: #003087; font-size: 14px; line-height: 16px; font-weight: 500; }
.rates-section .creditcard-box .right-part .card-details h6 { color: #003087; font-size: 16px; line-height: 20px; font-weight: 500; margin-bottom: 11px; padding-top: 25px; }
.rates-section .creditcard-box .right-part .card-details { font-size: 12px; line-height: 16px; }
.rates-page.simple-banner-sec .section-top {max-width: 975px;}
.rates-page.simple-banner-sec .section-top h5{color:#979EAF}
.rates-section .rate-drowdown { background: #E5EAF3; padding: 35px 0; }
.rates-section .rate-drowdown .jump-strip { position: relative; }
.rates-section .rate-drowdown .jump-strip .drop-box { display:none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0px 18px 30px -23px rgb(0 0 0 / 30%); }
.rates-section .rate-drowdown .jump-strip .jumpto { padding: 20px 20px 20px 51px; min-height: 66px; display: flex; align-items: center; width: 100%; cursor: pointer; background: #fff; border-radius: 33px; position: relative; transition: all 0.4s; }
.rates-section .rate-drowdown .jump-strip .jumpto h6 { margin: 0; color: #E8E8E7; letter-spacing: 0px; font-style: italic; position: relative; width: 100%; }
.rates-section .rate-drowdown .jump-strip .jumpto h6:before { content: ' '; top: -11px; left: auto; right: -10px; background: #003087; border-radius: 100%; height: 44px; width: 44px; position: absolute; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/down-arrow.svg); background-repeat: no-repeat; background-position: center 18px; background-size: 20px; transition: all 0.4s; }
.rates-section .rate-drowdown .jump-strip .jumpto.active h6:before { transform: rotate(180deg); }
.rates-section .rate-drowdown .jump-strip .jumpto.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.rates-section .rate-drowdown .jump-strip .drop-box .inbox { padding-bottom: 20px; }
.rates-section .rate-drowdown .jump-strip .drop-box .inbox h5 { color: #99ACCF; font-size: 20px; font-weight: 400; letter-spacing: 0; font-family: Plus Jakarta Sans, sans-serif; padding-bottom: 10px; }
.rates-section .rate-drowdown .jump-strip .drop-box .inbox .title-box a { color: #003087; font-size: 20px; text-decoration: none; letter-spacing: 0px; font-weight: 400; }
.rates-section .rate-drowdown .jump-strip .drop-box .inbox .title-box { padding-bottom: 29px; }
.rates-section .rate-drowdown .jump-strip .drop-box:before { content: ' '; top: 10px; left: 0; width: calc(100% - 101px); height: 1px; position: absolute; border: 1px solid #B1B6C3; right: 0; margin: auto; z-index: 1; }
.rates-section .rate-drowdown .jump-strip .drop-box .inbox .title-box a:hover { text-decoration: underline; }
.rates-section .rate-drowdown .jump-strip .drop-box .inbox:last-child .title-box:last-child { padding-bottom: 0; }
.rates-section .rate-drowdown .jump-strip .drop-box .inbox:last-child { padding-bottom: 0; }
.rates-section .rate-drowdown .jump-strip .drop-box .drop-inner { padding: 0 51px 30px; height: 430px; overflow: auto; margin-top: 32px; }
.rates-section .rate-drowdown .jump-strip .drop-box .drop-inner::-webkit-scrollbar { width: 1px; }
.rates-section .rate-drowdown .jump-strip .drop-box .drop-inner::-webkit-scrollbar-thumb { background-color: #003087; outline: 1px solid slategrey; }

/*Um Css*/
.why-mcu-section .why-centered-content{max-width: 1064px; width: 100%; margin: 0 auto;}
.why-mcu-section .why-centered-content h2{max-width: 700px; width: 100%; margin: 0 auto;}
.why-mcu-section .why-centered-content p{font-size: 25px; line-height: 30px; letter-spacing: -0.25px;}
.why-mcu-section .why-slider-box{background-color: #fff; box-shadow: 0px 0px 30px #0000001A; -webkit-box-shadow: 0px 0px 30px #0000001A; -moz-box-shadow: 0px 0px 30px #0000001A; -o-box-shadow: 0px 0px 30px #0000001A; border-radius: 12px;}
.why-mcu-section .why-slider-wrap{margin-left: -15px; margin-right: -15px;}
.why-mcu-section .why-slider-wrap .slick-track{display: flex;}
.why-mcu-section .why-slider-wrap .slick-list{padding: 30px 0; }
.why-mcu-section .why-slider-wrap .why-slider-box{overflow: hidden; height: auto; display: flex; flex-direction: column;}
.why-mcu-section .why-slider-image{height: 230px;}
.why-mcu-section .why-slider-image img{ object-position: center; object-fit: cover; height: 100% !important; width: 100%;}
.why-mcu-section .why-content-wrap{flex-direction: column; justify-content: space-between; height: 100%;}
.careers-internships-logo .logo-image { width: 150px; max-width: 100%; height: 66px; display: flex; justify-content: center; align-items: center;  }
.careers-internships-logo .logo-image img {height: 100% !important; object-fit: contain; width: 100%; }
.careers-internships-logo .careerslogo-section { margin: 0 35px 35px; width: auto; }
.careers-internships-logo .mcu-intership-logo { margin: 0 -35px; justify-content: center; }
.hone-your-skills .hone-your-skill-content ul li { list-style: disc;padding: 0;margin-top: 16px;color: #4A4B46; }
.hone-your-skills .hone-your-skill-content ul  {  margin: 0px 20px; padding: 0; }
.hone-your-skills .hone-your-skill-card { box-shadow: 0px 0px 30px #0000001a;border-radius: 12px;height:100%; }
.hone-your-skill-content h4 { color: #777874; }
.hone-your-skills .two-column-skill{max-width: 895px; margin: 0 auto;}
.hone-your-skills .card-wrapper { padding: 0px 8px; }
.hone-your-skills .skill-content-card{margin:0px -8px;}
.hone-your-skills .hone-your-skill-title{max-width:500px;}
.find-Your-Fit .market-box1{box-shadow: 0px 0px 30px #0000001a;border-radius: 12px;}
.find-Your-Fit .market-box-wrapper { padding: 0px 8px 16px; }
.find-Your-Fit .find-your-text{ width: calc(100% - 98px);margin-left: 17px; }
.find-Your-Fit .find-Your-Fit-image { width: 81px; object-fit: cover;height:96px;max-width: 100%; }
.find-Your-Fit .find-your-text h4 { max-width: 150px; }
.find-Your-Fit .market-box-wrapper-section{padding: 8px;}
.find-Your-Fit .two-column-skill { max-width: 800px; margin: 0 auto; }
.find-Your-Fit .market-box{ margin: 0px -8px;}
.internships-page.home-meet-section { padding-bottom: 100px !important; }
.internships-page.home-meet-section .section-shapes .shape1,.internships-page.home-meet-section .section-shapes .shape2,.internships-page.home-meet-section .section-shapes .shape3 { position: relative; }
.internships-page.home-meet-section .section-shapes .shape1 { left: auto;position: absolute; left: 15%; top: 32%; width: 162px; }
.internships-page.home-meet-section .section-shapes .shape3 { height: 100%; left: 0; position: absolute; top: 30%; width: 100%; }
.internships-page.home-meet-section .section-shapes .shape3 img { height: 1200px!important;}
.internships-page.home-meet-section .section-heading  {max-width:767px !important;}
.internships-page.home-meet-section .section-shapes .shape2 { left: auto; position: absolute; right: 255px  ; top: 77%; width: 185px; }
.internships-page.card-slider-section {padding: 150px 0px 85px 0px; background-color:#FFFFFF; }
.internships-page.better-banking-section{position:relative;}
.internships-page.better-banking-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_4-2.png); height: 107px; top: -10px; }
.internships-page.better-banking-section:after{background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_2-1.png); bottom: -6px; height: 100px; top: auto; z-index: 11;}
.aboutmcu-page.col3-slider-section{margin-top: 30px !important;padding-bottom:120px;}
.aboutmcu-page.col3-slider-section .section-heading > h2{max-width: 703px;margin:0 auto;}
.aboutmcu-page.col3-slider-section .section-heading{ max-width: 1064px;}
.aboutmcu-page.multi-col-card .section-heading { max-width: 1064px; }
.aboutmcu-page.full-banner-section .btns a{width:auto;}
.internships-page.card-slider-section .card-slider-box .card-image img{border-radius: 12px 12px 0px 0px;}
.about-mcu-history.simple-text-section h2{max-width: 900px !important;letter-spacing: -1.23px;}
.about-two-column .tim-line-card { background-color: #ffffff; border-radius: 12px; margin-top:20px; box-shadow: 0px 0px 13px #0000001A; padding: 44px 45px 44px 52px;   }
.about-two-column .time-line-left { max-width: 630px; width: 100%; padding-bottom: 25px;}
.about-two-column .time-line-right-main .slick-track { padding: 0 0px 10px;}
/* .about-two-column .time-line-right-main .slick-list.draggable { margin: 0 -24px;} */
.about-two-column .time-line-right-main .slick-initialized .slick-slide { padding: 0 10px;}
.about-two-column .time-card-content { color: #4A4B46; width:100%; display:inline-block; vertical-align:top;}
.about-two-column .card-title {width:100%; display:inline-block; vertical-align:top; }
.about-two-column .time-line-right { width: 100%;  position:relative;margin-bottom:25px; }
.about-two-column .time-line-right-section { margin-bottom: -300px;}
.about-two-column .time-line-right::-webkit-scrollbar { display: none; }
.about-two-column .time-line-right { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }
.about-two-column .time-line-title h2 > span { color: #F2AF29; }
.about-two-column .section-shapes .shap1 { display: block; left: auto; max-width: 100%; position: absolute; right: -143px; top: -70px; z-index: 2; height: 100%;    z-index: 0; }
.about-two-column .section-shapes .shap1 img { max-width: 100%; height: 940px !important; width: 100%; }
.about-mcu-history.intern-hero-section{position:relative;}
.about-mcu-history.intern-hero-section::before {background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/Partnering_with_mcu_blue-hero-shape.png);position:absolute;}
.about-mcu-history.simple-text-section .content{    max-width: 1064px;}
.about-mcu-history.zig-zag-section .box .right-part .img-box .img-shape .shape_1{left:0;right:0;}
.about-mcu-history.zig-zag-section .box .right-part .img-box .img-shape .shape_2{ left: auto; max-width: 130px; position: absolute; right: 0px; top: 0; width: 100%;}
.about-two-column {position: relative !important; margin-bottom: 200px; }
.about-two-column:before {background-size: cover; position: absolute; content: ""; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/down.png); height: 101px;z-index: 1; bottom: -25px; width: 100%; background-repeat: no-repeat; }
.about-mcu-history.ready-bottom-section .vector-shape .green-shape1{ bottom: -22px;}
.about-mcu-history.ready-bottom-section .vector-shape .green-shape3 { bottom: -20px;max-width:959px; }
.about-two-column:after { position: absolute;background-size: cover; content: ""; height: 101px; top: 0px; width: 100%; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/top-4.png); background-repeat: no-repeat; }
.about-two-column .time-line-content p {letter-spacing: 0;}
.aboutmcu-page.col3-slider-section .bottom-part .box-details .content  {opacity:1;}
.aboutmcu-page.col3-slider-section .bottom-part .btns{ padding-top: 20px;}
.about-two-column .time-line-right-main .btns { text-align: center; margin-top: 25px; }
.about-two-column .time-line-right-main {  z-index:1;position: relative; }
.about-two-column .about-scroll-btn  { background: #ffffff; max-width: 250px;font-family: 'Work Sans';color: #003087; border-radius: 50px;font-weight:600;font-size:20px;line-height:20px; padding: 20px 30px;font-weight: 700; text-decoration: none; margin:0 auto; }
.about-two-column .about-scroll-btn  span img { width: 15px; height: 12px; margin-left: 10px; }
.about-two-column .about-scroll-btn svg { width: 27px; height: 18px; transition: all 0.5s ease; }
.about-two-column .about-scroll-btn * { display: inline-block; vertical-align: middle; }
.about-two-column .about-scroll-btn  span { margin-top: -6px; text-align: right;  }
.about-two-column .about-scroll-btn svg path { transition: all 0.5s ease; }
.about-two-column .time-slider-arrow { width: 100%; display: flex; height: 57px; position: relative; }
.about-two-column .time-slider-arrow button.slick-prev.slick-arrow { left: calc(50% - 40px); transform: translateX(-50%); }
.about-two-column .time-slider-arrow button.slick-next.slick-arrow { left: calc(50% - -40px); transform: translateX(-50%) rotate(180deg); }

.join-mcu-partner .banner-content{max-width:605px;margin:0 auto;}
.about-mcu-history .box-details h2 { line-height: 52px; letter-spacing: -1.23px; }
.simple-banner-sec.join-mcu-partner { padding-bottom: 170px ;}
.partner-application-form { margin-top:-200px }
.partner-application-form .partnrt-form { max-width: 848px; margin: 0 auto; box-shadow: 0px 0px 30px #0000001a; border-radius: 12px;position: relative; }
.partner-application-form .partnrt-form .form-contact-info { padding: 63px 76px 63px 76px; background-color:rgba(255,255,255,1.0);border-radius: 12px; position: relative; z-index: 1;}
.partner-application-form .partnrt-form .hs-form .input input,select,option {font-size: 20px; font-family: Plus Jakarta Sans,sans-serif; margin: 0; width: 100% !important;height: 63px !important;  }
.partner-application-form .partnrt-form form label{font-size:20px;font-weight:600;opacity:1;color:#1D1E18;}
.partner-application-form .partnrt-form .hs-form .input { padding: 16px 0px 16px;}
.join-mcu-partner.simple-banner-sec .section-heading p { color: #F2F3F5; }
.partner-application-form .patners-shape-section .shape1 { position: absolute; top: 25%;  width: 150px; left: -120px; }
.partner-application-form .patners-shape-section .shape3 { position: absolute; top: 60%; width: 200px;  right: -158px; }
.partner-application-form .patners-shape-section .shape2 { height: 100px; position: absolute; right: -223px; top: -227px;} 
.partner-application-form .partnrt-form select{outline:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%237D869C' version='1.1' id='icon' width='800px' height='800px' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cscript xmlns='' type='text/javascript' src='chrome-extension://pledaeanpgmkmjcfpnjbakfapjicnlhk/webpack_common.js'/%3E%3Cscript xmlns='' type='text/javascript' src='chrome-extension://pledaeanpgmkmjcfpnjbakfapjicnlhk/webpack_content.js'/%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D%0A%3C/style%3E%3Ctitle%3Ecaret--down%3C/title%3E%3Cpolygon points='24,12 16,22 8,12 '/%3E%3Crect id='_Transparent_Rectangle_' class='st0' width='32' height='32'/%3E%3C/svg%3E"); display: block; background-size: 31px; background-repeat: no-repeat; right: 0; position: relative; background-position: right 15px center; appearance: none;border-radius: 0; font-size: 20px;padding: 15px 15px 15px 31px; color: #7F869A; }
.partner-application-form ul.no-list.hs-error-msgs.inputs-list { margin: 0; padding: 0; list-style: none; font-size: 15px; }
.partner-application-form ul.no-list.hs-error-msgs.inputs-list li label { font-size: 15px;color:red; }
.partner-application-form .hs-form .hs-form-field { padding: 0 0 17px; }
.partner-application-form form .hs-button, form input[type=submit]{border:0;}
.partner-application-form .hs-main-font-element h3 { font-family: Plus Jakarta Sans; font-size: 25px; font-weight: 700; line-height: 37px; margin-bottom: 40px; }
.partner-application-form .hs-form .hs-form-field:focus-within { outline: none; }
.aboutmcu-page.multi-col-card .column2 .box { margin: 0 8px 16px; width: calc(50% - 16px); }
.aboutmcu-page.multi-col-card .column2{margin: 0 -16px;}
.personal-Banking-Accounts.better-banking-section .section-heading  { max-width: 1064px;}
.personal-Banking-Accounts.fastrack-checking-page .section-heading .content{opacity:1;}
.personal-Banking-Accounts.personal-banking-hero:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/product-hero-full-width-new__1_-1.png) !important;bottom: 35px !important;}
.personal-Banking-Accounts.personal-banking-hero{padding-bottom: 170px;} 
.personal-Banking-Accounts.fastrack-checking-page .wrap .inner-wrap {align-items: flex-start;}  
.personal-Banking-Accounts.fastrack-checking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1{ z-index: -1;top:266px;}
.personal-Banking-Accounts.fastrack-checking-page .full-banner-section .content{opacity:1;}
.personal-Banking-Accounts.fastrack-checking-page .shape-image { position: absolute; top: -86px; transform: rotate(181deg); }
.personal-Banking-Accounts.fastrack-checking-page.full-banner-section .shapes .top-shape{display:none;}
.personal-Banking-Accounts.fastrack-checking-page.full-banner-section { margin-top: -230px; padding: 160px 0px; z-index: 56; }
.personal-banking-saving-youth.personal-banking-hero .section-heading .content { margin: auto; max-width: 714px; width: 100%; }
.youth-account-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -129px; max-width: 150px; z-index: 1; top: 250px; }
.youth-account-page.better-banking-section .left-part h2 { max-width: 100%; letter-spacing: -1.53px; }
.personal-Banking-Share-Accounts.fastrack-checking-page .section-heading{max-width: 980px!important;margin-bottom:75px;}
.personal-banking-saving-youth.personal-Banking-Accounts.fastrack-checking-page .section-heading { max-width: 953px;margin-bottom:75px; } 
.personal-Banking-Accounts.better-banking-section .left-part{padding-left:0px;}
.personal-Banking-Accounts.fastrack-checking-page.better-banking-section .left-part h2{max-width:100%;}
.personal-Banking-Share-Accounts.fastrack-checking-page{padding-bottom:50px !important;}
.iRAs-ParentPage.personal-Banking-Coverdell-ESA.fastrack-checking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1{max-width: 129px; right: -70px;}
.iRAs-ParentPage.career-hero-section .section-heading {max-width: 534px;}
.iRAs-ParentPage.career-hero-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/shape-bg.svg) !important;}
.personal-Banking-Share-Accounts.personal-Banking-Accounts.fastrack-checking-page .section-heading .content{max-width: 900px;}
.personal-Banking-Share-Accounts.strip-box-section{padding-top:50px !important;}
.iRAs-ParentPage.multi-col-card .section-heading {  max-width: 1064px!important;  }
.iRAs-ParentPage.multi-col-card .section-heading .content { opacity: 1; }
.coverdell.better-banking-section:before{background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_4.png) !important;}
.youthaccount.better-banking-section:before{background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_4.png) !important;}
.youthaccount.better-banking-section{padding-bottom:120px;}
.youthaccount.better-banking-section .left-part{padding-top: 60px !important;}
.personal-Banking-Coverdell-ESA.zig-zag-section .box .right-part .img-box .img-shape .shape_1{right: -70px;max-width: 129px !important;}
.personal-banking-iras-fixed.zig-zag-section .box .right-part .img-box .img-shape .shape_1{max-width: 157px !important; right: -133px !important; z-index: -1;}
.personal-banking-iras-fixed.zig-zag-section .box .box-details h2{max-width:393px;opacity:1;}
.personal-banking-iras-fixed.zig-zag-section .box .box-details p{opacity:0.8;}
.personal-banking-iras-fixed.share-draft-page.better-banking-section:before{background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_4.png);}
.personal-banking-club-account.better-banking-section:before{background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_4.png);}
.flexible-page.multi-col-card .column3 .box .icon{height:100px;}
.flexible-page.personal-banking-hero .section-heading { margin: auto; max-width: 755px; width: 100%; }
.flexible-page.multi-col-card .section-heading { margin: auto; max-width: 900px; width: 100%; }

/* System page Css */
.unscribe-page .systems-page #content h3{font-size: 20px !important; line-height: 0;margin-bottom:30px;}
.unscribe-page .page-header { padding-bottom: 20px; }
.membership-login {padding-bottom:50px;padding-top:50px;}
.membership-login form label{display: block;margin-bottom:5px;}
.membership-login .hs-form-field{position: relative;padding: 5px 0px;margin-top:10px;}
.membership-login .hs-form-field .hs-login-widget-show-password { bottom: -19px; right: 0; left: 0; position: absolute; text-decoration: none; }
.membership-login .hs-form-field input { width: 100%;}
.membership-login .hs-form-field input#hs-login-widget-remember{width:20px;margin-left:0px;margin-top:10px;}
.membership-login #hs_cos_wrapper_membership_admin_content a{text-decoration:none;}
.membership-register {padding:50px 0px;}
.membership-register form label{display: block;margin-bottom:5px;}
.membership-register .hs-form-field{position: relative;padding:0px;margin-bottom:10px;}
.membership-register .hs-form-field .hs-register-widget-show-password { bottom: -25px; right: 0; left: 0; position: absolute; text-decoration: none; }
.membership-register .hs-form-field input { width: 100%;}
.membership-register .hs-form-field input#hs-login-widget-remember{width:20px;margin-left:0px;margin-top:10px;}
.membership-register #hs_cos_wrapper_membership_admin_content a{text-decoration:none;}
.membership-register .form-input-validation-message ul.hs-error-msgs{padding-top:15px;}
.membership-register .actions { margin-top: 40px; }
.reset-password {padding:50px 0px;}
.reset-password .hs-form-field{margin-bottom:25px;}
.reset-password form label{display: block;margin-bottom:5px;}
.reset-password .hs-form-field input { width: 100%;}
.reset-password .hs-form-field input#hs-login-widget-remember{width:20px;margin-left:0px;margin-top:10px;}
.reset-password #hs_cos_wrapper_membership_admin_content a{text-decoration:none;}
.reset-password .form-input-validation-message ul.hs-error-msgs{padding-top:15px;}
.resete-password-new {padding:50px 0px;}
.resete-password-new form label{display: block;margin-bottom:5px;}
.resete-password-new .hs-form-field{position: relative;padding:0px;margin-bottom:10px;}
.resete-password-new .hs-form-field .hs-reset-widget-show-password { bottom: -25px; right: 0; left: 0; position: absolute; text-decoration: none; }
.resete-password-new .hs-form-field input { width: 100%;}
.resete-password-new .hs-form-field input#hs-login-widget-remember{width:20px;margin-left:0px;margin-top:10px;}
.resete-password-new #hs_cos_wrapper_membership_admin_content a{text-decoration:none;}
.resete-password-new .form-input-validation-message ul.hs-error-msgs{padding-top:15px;}
.resete-password-new .actions { margin-top: 40px; }
.password-prompt-page form label{display: block;margin-bottom:5px;}
.password-prompt-page input { width: 100%;}
.password-prompt-page .actions { margin-top: 40px;}
.subscription-page .page-header h2 {font-size: 20px;}
.subscription-page .systems-page{max-width: 1320px;}
.subscription-page .email-prefs .item { background: transparent; border: 3px solid #003087; border-radius: 16px; margin-bottom: 16px; padding: 25px; }
.subscription-page .email-prefs .fakelabel span { display: inline-block; font-weight: 700; padding: 0 0 0 6px;color: #003087; }
.subscription-page .email-prefs .item .item-inner p { font-size: 14px; margin: 0; padding-left: 29px; }
.subscription-page .subscribe-options { padding: 15px 0 5px; }
.subscription-page .subscribe-options p.header { font-weight: 700; padding: 0 0 5px;color: #003087; }
.subscription-page .subscribe-options span { color: #0b3557;font-size:14px; }
.subscription-page{padding-right:20px;padding-left:20px;}
.subscription-page .item.disbale  { pointer-events: none; opacity: 0.5; }  
.retirement-imPreparing-for-retirement.buling-found-zig-section .box .box-details{max-width:100%;}
.retirement-imPreparing-for-retirement.bulding-strip-section .heading-wrap .section-heading{max-width: 903px;}
.retirement-imenjoying-for-retirement.buling-found-zig-section .box .box-details{max-width:100%;}
.retirement-imenjoying-for-retirement.bulding-strip-section .heading-wrap .section-heading{max-width: 903px;}
.growing-your-advancing-my-career.buling-found-zig-section .box .box-details { max-width: 100%;}
.retirementand-beyond-planningmylegacy.bulding-strip-section .heading-wrap .section-heading { max-width: 1063px; }
/* end Um css */

/* mh css */
.hs-inline-edit .hs-menu-flow-horizontal>ul>li.hs-menu-item.hs-menu-depth-1.level1-children>a { text-decoration: none; }
.hs-inline-edit .hs-menu-flow-horizontal>ul>li.hs-menu-item.hs-menu-depth-1.level1-children { display: inline-block; padding: 47px 17px 49px; position: inherit; }
.accordion-topic-sec .summary { display: none;}
.accordion-topic-sec .topic-wrapper {cursor:pointer; box-shadow: 0px 0px 30px #0000001A; max-width: 1280px; margin: 0 auto 40px; padding: 32px 50px; border-radius: 12px; }
.accordion-topic-sec .topic-wrapper .topic-wrap { width: 100%;}
.accordion-topic-sec .scroll-wrap-sec { border: 2px solid #003087; border-radius: 12px; box-shadow: 0 0 30px #0000001a; margin: 0px auto 50px; max-width: 1280px; }
.accordion-topic-sec .box-wrapper { padding: 40px 50px; border-radius: 12px; background: #F5F7FA;}
.accordion-topic-sec li {padding-right: 25px;}
.accordion-topic-sec ul {padding: 0; display: flex; flex-wrap: wrap; flex-direction: inherit; margin: 0 0 15px 0;}
.accordion-topic-sec ul li { width: 33.33%; }
.contact-dropdown {display: none;}
.accordion-topic-sec .contact-dropdown {height: 500px; overflow: auto !important;padding-bottom: 50px; padding-top: 20px;border-radius: 0 0 12px 12px;max-width: 1280px; margin: 0 auto; position: absolute; width: 100%; z-index: 5; background-color: #fff; left: 0; right: 0; padding-left: 50px; padding-right: 50px; }
.accordion-topic-sec .contact-dropdown a { text-decoration: none; }
.accordion-topic-sec .icon-wrap svg { width: 18px; height: 13px; 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; } 
.accordion-topic-sec .icon-wrap { background: #003087; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 100%;width: 44px; height: 44px; }
.accordion-topic-sec .scroll-wrap-sec:last-child{margin:0 auto;}
.accordion-topic-sec .topic-wrapper.active .icon-wrap{ background: #7D869C; 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.accordion-topic-sec .topic-wrapper.active .icon-wrap svg {transform: rotate(180deg); 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;} 
.accordion-topic-sec .scroll-title h4,{ color: #33599F; letter-spacing: -0.78px; }
.accordion-topic-sec .scroll-title h4,.scroll-content h2,.topic-title h4{font-family: Work Sans;}
.simple-banner-sec .section-heading p { color: #F2F3F5; }
.topic-title h4{color:Work Sans; margin:0;}
.contact-dropdown h4 { letter-spacing: -0.78px; font-family:  Work Sans;margin-bottom:10px;color: #6682B7; }
.accordion-topic-sec .hours-scroll h5{font-family:Plus Jakarta Sans;}
/* .contact-dropdown a:first-child{display:none;} */
.accordion-topic-sec .topic-wrapper.active .drop-title { border-bottom: 1px solid #b1b6c3;}
.accordion-topic-sec .topic-title{width:calc(100% - 44px);}
.simple-banner-sec h3.sub-heading {font-size: 25px;line-height: 35px;letter-spacing: -0.25px;color: #FFFFFF;font-weight: 400; margin-bottom: 32px;}
.more-pad-bottom {padding-bottom: 137px !important;}
footer.footer { position: relative; z-index: 11;}
.footer-sec { position: relative; z-index: 1; }
.footer-section {position: relative;z-index: 1;}
.footer-section .container { position: relative; }
.pl-ab { position: absolute; left: -310px; bottom: -60px; z-index:-1; width: 396px; }
.footer-bottom-right.pl-ab {left: auto;right: 0;width: 320px;}
.footer-section ul li a:hover { text-decoration: underline;color:#26A96C !important; }
.logo-section img { width: 93px; height: auto; }
/* Start Search Page */ 
.site-search-page form {align-items: center; display: flex; flex-wrap: wrap; justify-content: center; position: relative; max-width: 800px; width: 100%; margin: auto;}
.site-search-page button { background: #003087; border: 4px solid #003087; border-radius: 59px; color: #fff; cursor: pointer; font-size: 20px; height: 100%; line-height: 37px; opacity: 1; position: absolute; top: 0; width: 166px; left: auto; right: 0;} 
.site-search-page .hs-search-field__input { background: #fff; border: 0; border-radius: 59px; color: #000; font-size: 20px; opacity: 1; outline: none; padding: 10px 190px 10px 60px; width: 100%; height: 66px;} 
.site-search-page ::placeholder {color: #E8E8E7;font-style: italic;}
.site-search-page .icon-search { position: absolute; left: 23px;top: 23px; } 
.site-search-page .form-section { width: 631px; } 
.site-search-page .form_heading { width: calc(100% - 631px); }
.site-search-page .search-bar-container{max-width:850px;margin:0 auto;}
.site-search-page h6 { color: #4A4B46;margin: 0; }
.mcu_search .hs-search-results__description{padding-top:20px;opacity:0.8;}
.East_Gray{color:#7D869C;}
.frequently_topics .btn4 a{ cursor:pointer;border: 2px solid #003087; border-radius: 12px; box-shadow: 0 0 30px #0000001a; padding: 30px 35px; position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.frequently_topics .btn4 a:before { content: ''; border:0;background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Group%202365.svg); width: 30px; height: 30px; position: absolute; right: 53px; top: 35px; background-repeat: no-repeat; background-size: contain; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.frequently_topics .btn4 a:hover { background: #26a96c;border: 2px solid #26a96c; 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;color: #fff;}
.frequently_topics .btn4:hover a .search-cta{  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.frequently_topics .btn4 a:hover:before{background-image: url('https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/White-arrow.png');border:0;}
.search-items .item-menu ul { padding: 0; } 
.search-items .item-menu ul li { padding-bottom: 16px; } 
.search-items .item-menu ul li a { color: #26A96C;font-weight:600; }
.one-col .search-col { border-radius: 16px;margin-bottom:-30px; }
.one-col .btn1 a { border: 2px solid #ffffff;font-size: 16px; }
.items-menu-title h5{font-family: Plus Jakarta Sans,sans-serif; color:#4A4B46;}
.frequently_topics .topic-content  a { text-decoration: none; color: #4A4B46;font-weight: 400; } 
.frequently_topics .topic-icon { width: 60px; } 
.frequently_topics .topic-content{ width: calc(100% - 60px); }
.frequently_topics .btn4 a { font-size: 31px; line-height: 36px; text-decoration: none; }
.hs-search-field__suggestions #results-for, .hs-search-field__suggestions a { display: block; font-size: 20px; line-height: 25px; padding-top: 15px; }
.hs-search-field--open .hs-search-field__suggestions { border: 2px solid #003087; padding: 30px; border-radius: 12px; margin-top: 20px;position: absolute; background: #fff; z-index: 999; right: 0; left: 0; }
.hs-search-field__suggestions a:focus, .hs-search-field__suggestions a:hover { background: unset; }
.mcu_search .hs-search-results__listing li:first-child{padding-top:20px;}
.mcu_search .hs-search-results__listing li { margin: 0; padding-top: 60px; padding-bottom: 60px;border-bottom: 1px solid hsl(224deg 12% 55% / 50%); }
.mcu_search .hs-search-results__title { text-decoration: none; color: #1D1E18; font-size: 31px; line-height: 36px;font-weight:700; }
.mcu_search h1 {color:#7D869C; }
.mcu_search .btn4 a:before{top: 9px;}
.mcu_search .btn4 a{font-size:20px;line-height:37px;}
.partnering-mcu-page.col3-slider-section { margin-bottom: 0;padding: 117px 0; }
.partnering-mcu-page.multi-col-card .column2 { justify-content: center; }
/* .partnering-mcu-page { padding: 100px 0 120px; } */
.partnering-mcu-page.col3-slider-section .top-img img{border-radius: 12px 12px 0 0;}
.widget_1674801325760.partnering-mcu-page.multi-col-card .section-heading { margin: auto; max-width: 900px; width: 100%; }
.widget_1674801325760.partnering-mcu-page.multi-col-card .section-heading h2{max-width: 740px; margin: auto;width: 100%; }
.widget_1674804172420.partnering-mcu-page.multi-col-card .section-heading{ margin: auto; max-width: 991px; width: 100%; }
.widget_1674804172420.partnering-mcu-page.multi-col-card .section-heading .content {max-width: 910px; margin: auto;width: 100%; }
.widget_1674804555579.partnering-mcu-page.multi-col-card .section-heading { margin: auto; max-width: 910px; width: 100%; }
.widget_1674804555579.partnering-mcu-page.multi-col-card .section-heading h2{max-width: 740px; margin: auto;width: 100%;}
.partnering-mcu-page.col3-slider-section .section-heading { margin: auto; max-width: 737px; width: 100%; }
.partnering-mcu-page.intern-hero-section .content { max-width: 615px; width: 100%; }
.partnering-mcu-page.full-banner-section .btns a { max-width: 100%; text-align: center; width: 307px; }
.partnering-mcu-page.intern-hero-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Partnering_with_mcu_blue-hero-shape.png);}
.partnering-mcu-page.better-banking-section:after { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Partnering_with_mcu_Layer_3.png);}
.partnering-mcu-page.full-banner-section .shapes .bottom-shape{display: none;}
.partnering-mcu-page.better-banking-section:before{display: none;}
.partnering-mcu-page.full-banner-section { margin-bottom: -120px; }
.partnering-mcu-page.better-banking-section .left-part{padding:50px 0 200px;}
.partnering-mcu-page.multi-col-card .column2 .box .left-part {width: 104px;}
.partnering-mcu-page.multi-col-card .column2 .box .right-part{width: calc(100% - 104px);}
.partnering-mcu-page.multi-col-card .column2 .box .content{opacity:1;}
.widget_1674801325760.partnering-mcu-page.multi-col-card h4 {font-size: 20px; letter-spacing: 0px; line-height: 26px;}
.widget_1674804555579.partnering-mcu-page.multi-col-card h4{font-size: 20px; letter-spacing: 0px; line-height: 26px;}
.partnering-mcu-page.full-banner-section .content{opacity:1;}
.partnering-mcu-page.full-banner-section h2 { max-width: 790px; margin: auto; width: 100%; }
.partnering-mcu-page.better-banking-section .left-part h2{letter-spacing: -1.52px;}
.better-banking-section.partnering-mcu-page { padding-bottom: 0;}
.partnering-mcu-page.multi-col-card{padding:60px 0;}
.partnering-mcu-page.col3-slider-section .box .content{opacity:1;}
.partnering-mcu-page.col3-slider-section .section-btns { padding-top: 30px; }
.partnering-mcu-page.multi-col-card .column2 .box { margin: 0 8px 16px; width: calc(50% - 16px); }
.partnering-mcu-page.multi-col-card .column2{margin:0 -16px;}
.partnering-mcu-page.col3-slider-section .box{margin:0 8px;}
.partnering-mcu-page.multi-col-card .column3 .box .icon{height:150px;margin: auto;}
.becoming-a-member-page.simple-text-section:before{display:none;}
.becoming-a-member-page.zig-zag-section .content ol { list-style: decimal; padding: 10px 0px 0 15px;color: #4A4B46; opacity: 0.8;text-align: left; } 
.becoming-a-member-page.zig-zag-section .content ol li { padding-bottom: 15px;padding-left: 20px; }
.becoming-a-member-page.zig-zag-section .content span { font-size: 14px; line-height: 20px; letter-spacing: 0.14px; color: #33599F; opacity: 0.8; }
.becoming-a-member-page.zig-zag-section .content p { opacity: 0.8; }
.becoming-a-member-page.partnering-mcu-page.better-banking-section:before{display: block;}
.becoming-a-member-page.intern-hero-section h1 {letter-spacing: -1.23px;}
.becoming-a-member-page.zig-zag-section .box .box-details{margin-top:40px;}
.becoming-a-member-page .custom-btn a { background-color: #fff; border: 4px solid #003087; border-radius: 59px; color: #003087; display: inline-block; font-family: Plus Jakarta Sans,sans-serif; font-size: 20px; font-style: normal; font-weight: 700; padding: 19px 26px; text-decoration: none; text-transform: none; }
.becoming-a-member-page .custom-btn a:hover{background-color: #003087; border: 4px solid #003087; border-radius: 59px; color: #fff;}
.why-mcu-page.about-hero-section h1 { max-width: 560px; width: 100%; }
.why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { left: auto; position: absolute; right: 45px; top: 278px; width: 87px; }
.why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { left: -15px; position: absolute; top: 179px; width: 160px; }
.why-mcu-page.simple-text-section:before{display:none;}
.simple-text-section.why-mcu-page{ margin-top: -120px; }
.multi-col-card.why-mcu-page { margin-top: 0; }
.why-mcu-page.better-banking-section:after, .why-mcu-page.better-banking-section:before{display:none;}
.why-mcu-page.better-banking-section .left-part h2{color:#003087;letter-spacing: -1.23px; font-size: 49px; line-height: 52px;}
.why-mcu-page.better-banking-section .left-part .content{ color: #4a4b46; letter-spacing: .16px; opacity: .8; font-size: 16px; line-height: 20px; max-width: 500px;}
.better-banking-section.why-mcu-page { margin-top: -130px; }
.why-mcu-page.full-banner-section .btns a{width:auto;}
.join-why-mcu-page.better-banking-section:after { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/dark-blue-light-blue-cta-background.png); }
.why-mcu-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -101px; max-width: 130px; top: 260px; z-index: 0; }
.why-mcu-section .box { margin: 0 8px 16px; width: calc(33.33333% - 16px); background: #fff; border-radius: 12px; box-shadow: 0 0 30px #0000001a; position: relative; } 
.why-mcu-section .top-img { align-items: center; display: flex; height: 130px; justify-content: center; padding-bottom: 15px; text-align: center; } 
.why-mcu-section .bottom-part { display: flex; flex-wrap: wrap; justify-content: center; height: calc(100% - 130px); }
.why-mcu-section .btns { margin-top: auto; }
.why-mcu-page .box .details-box { padding-left: 0; width: 100%; }
.join-why-mcu-page.better-banking-section:before{background-image:url('https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Why_mcu_layer.png');}
.why-mcu-page .section-heading{margin: auto; max-width: 847px; width: 100%;}
.why-mcu-page .wrap{margin: 0 -8px;}
.why-mcu-two .box{align-items: center; border-radius: 12px; box-shadow: 0 0 30px #0000001a; margin: 0 8px 16px; padding: 60px; width: calc(50% - 16px);background-color:#fff;}
.why-mcu-two .box .icon{  width: 62px;}
.why-mcu-two .section-heading { max-width: 907px; width: 100%; margin: 0 auto; }
.why-mcu-two .content { opacity: 0.8; }
.why-mcu-pages.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1{z-index:0;left: -121px;}
.why-mcu-page.simple-text-section h2{ letter-spacing: -1.23px;}
.why-mcu-section .section-heading { max-width: 960px; width: 100%; margin: 0 auto; }
.why-mcu-pages.zig-zag-section .content { opacity: 0.8; }
.why-mcu-section .btn1 a{padding: 12px 31px;}
.image-with-text .box-details h2{    letter-spacing: -1.23px;}
.image-with-text .content { opacity: 0.8; }
.image-with-text .right-part .image-inner {position: relative;max-width: 645px;width: 100%;height: 690px;float: right;z-index: 2;overflow: hidden;margin-bottom:-25px;}
.image-with-text .right-part .image-inner .img-box.img_1 {position: absolute;top: 160px;max-width: 318px;height: 372px;width: 100%;}
.image-with-text .right-part .image-inner .img-box.img_2 { position: absolute; top: 0; max-width: 266px; width: 100%; height: 262px; left: auto; right: -10px; }
.image-with-text .right-part .image-inner .img-box.img_3 { position: absolute; top: auto; max-width: 266px; height: 334px; width: 100%; left: auto; right: -10px; bottom: 0; }
.image-with-text .right-part .image-inner .img-box.img_1 img, .image-with-text .right-part .image-inner .img-box.img_2 img, .image-with-text .right-part .image-inner .img-box.img_3 img {border-radius: 12px;width: 100%;height: 100% !important;object-fit: cover;}
.image-with-text .inner-wrap { padding-left: calc(50% - 640px); }
.image-with-text .right-part .image-inner .img-shape { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.image-with-text .right-part .image-inner .img-shape .shape_1 {width: 142px;position: absolute;top: 50px;left: 100px;}
.image-with-text .right-part .image-inner .img-shape .shape_1 img {width: 100%;height: 100% !important;object-fit: contain;}
.image-with-text .right-part .image-inner .img-shape .shape_2 {position: absolute;top: -100px;left: auto;width: 388px;z-index: -1;right: 0;}
.full-banner-section.why-mcu-page:after { content: '';background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/your-local-community-credit-union_curved-line.svg); width: 388px; height: 91px; position: absolute; right: 0; bottom: -10px; z-index: -1;}
.about-hero-section.why-mcu-page .left-part .content p { letter-spacing: -0.16px; }
.aboutmcu-page.col3-slider-section .section-heading h6{font-size:30px;}
.tab-panel-sec h2 { color: #1D1E18; letter-spacing: -1.23px; } 
.tab-panel-sec .content p { color: #1D1E18; letter-spacing: -0.25px; }
.tab-panel-sec ul.tab-title { background: #FFFFFF; position:relative; padding-bottom:50px; } 
.tab-panel-sec .tab-inner { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #FFFFFF; overflow: hidden;}
.tab-panel-sec ul.tab-title li { width: 25%; text-align: center; padding: 60px 20px 60px; cursor:pointer; color:#A4A5A2; position:relative; }
.tab-panel-sec ul.tab-title li:before { content:' '; top: 0;  left: -1px;  position: absolute;  width: 2px;  height: 100%;  background: #A4A5A2;  opacity: 0.32;}
.tab-panel-sec ul.tab-title li:first-child:before{ display:none; }
.tab-panel-sec ul.tab-title li:last-child {border: 0;}
.tab-panel-sec ul.tab-title:before {  content: ' ';  top: auto; left: 0; width: 100%; height: 50px; background: #26A96C; position: absolute; bottom: 0;}
.tab-panel-sec .tab_content {padding: 70px;display: none;}
.tab-panel-sec .tab_drawer_heading { display: none; }
.tab-panel-sec .tab-title li.active { background: #26a96c; color:#fff; }
.tab-panel-sec .tab-inner-content .details ul { padding: 5px 0 0 20px; list-style: disc; } 
.tab-panel-sec .tab-inner-content .details ul li { padding: 12px 0 0 0;color: #4A4B46;letter-spacing: -0.16px; }
.tab-panel-sec .tab-inner-content .details p { font-size: 20px; line-height: 30px; letter-spacing: -0.2px; color: #4A4B46; }
.becoming-a-member-page.zig-zag-section h2 { line-height: 52px; letter-spacing: -1.23px; }
.becoming-a-member-page.zig-zag-section .box .box-details .content{padding-bottom:10px;}
.join-mcu-page.multi-col-card .column3 .left-part { padding-bottom: 20px; }
.join-mcu-page .content-box { padding-bottom: 15px; }
.join-mcu-page.multi-col-card .column3 .box .content { opacity: 0.8; }
.fastrack-checking-page.multi-col-card .section-heading { margin: auto; max-width: 840px; width: 100%; }
.fastrack-checking-page.multi-col-card .section-heading h2 { letter-spacing: -1.23px; } 
.fastrack-checking-page.multi-col-card .section-heading .content p { letter-spacing: -0.25px; }
.fastrack-checking-page.multi-col-card .column3 .box .icon{height:90px;}
.multi-col-card .column3 .box .right-part .details .content-box h6 { padding: 0; margin: 0; }
.strip-box-section.fastrack-checking-page { margin-top: -90px;padding:120px 0; }
.strip-box-section.fastrack-checking-page .section-heading { max-width: 707px; margin: 0 auto; width: 100%; }
.fastrack-checking-page.better-banking-section .left-part h2 { max-width: 575px;width: 100%; letter-spacing: -1.52px; }
.fastrack-checking-page.better-banking-section .left-part .content {max-width: 543px; width: 100%;color: #E5EAF3; }
.fastrack-checking-page.zig-zag-section h2 { letter-spacing: -1.23px; }
.fastrack-checking-page.zig-zag-section .box .box-details .content{opacity:0.8;}
.fastrack-checking-page.full-banner-section h2 {  max-width: 848px; margin: auto;width:100%; }
.fastrack-checking-page.full-banner-section .btns a{width:auto;}
.fastrack-checking-page.col3-slider-section .section-heading { margin: auto; max-width: 878px; width: 100%; }
.fastrack-checking-page.col3-slider-section{margin-bottom:0;}
.share-draft-page.better-banking-section:before{background-image:url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/banking_Layer_4.png);}
.fastrack-checking-page.strip-box-section .box .right-content{background-color:#fff;}
.fastrack-checking-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1{left: -149px; max-width: 177px; top: 350px;z-index:-1;}
.fastrack-checking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { bottom: auto; left: auto; max-width: 170px; right: -146px; top: 205px;}
.fastrack-checking-page.col3-slider-section .top-img img{border-radius:12px 12px 0 0;}
.fastrack-checking-page.col3-slider-section .box .content{opacity:1;}
.fasTrack-checking-page.personal-banking-hero .section-heading { margin: auto; max-width: 610px; width: 100%; }
.retirement-legacy-page.full-banner-section .btns a { max-width: 100%; text-align: center; width: auto; }
.simple-box-sec .right-content { width: calc(100% - 254px); background: #ffff; } 
.simple-box-sec .left-img { width: 254px; background: #003087; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding:50px 0;} 
.simple-box-sec .left-img .img-box { width: 107px; height: 107px; } 
.simple-box-sec .wrap .box { /* background: #fff; */ background-color: #fff; border-radius: 12px; box-shadow: 0 0 30px #0000001a; margin-bottom: 30px; overflow: hidden; }
.simple-box-sec .btn4 a { font-size: 20px; line-height: 37px; }

/* breadcrumb CSS Start*/
.breadcrumb { display: inline-block;width:100%;  } 
.breadcrumb ul { padding: 0; margin: 0; } 
.breadcrumb ul li { display: inline-block; position: relative; padding: 0 8px 0 3px; } 
.breadcrumb ul li a, .blog-breadcrumb, .blog-breadcrumb:hover { display: inline-block; letter-spacing: -0.12px; color: #F2F3F5; font-size: 12px; line-height: 20px; text-decoration: underline; font-weight: 400; position:relative; } 
.blog-breadcrumb:before { content: '<'; position: absolute; left: -16px; transition: left .25s }
.blog-breadcrumb:hover:before { left: -22px }
.breadcrumb ul li:last-child:before { display: none; }
.breadcrumb ul li.active a{text-decoration: none;pointer-events:none;}
.breadcrumb ul li.active a:before { display:none; }  
.breadcrumb ul li.active-branch a:before{ content: ' '; top: 5px; left: auto; right: -8px; position: absolute; width: 1px; height: 12px; background: #D4EDEC; transform: rotate(25deg); }
.breadcrumb .hs-menu-wrapper ul li {display: none;}
.breadcrumb .hs-menu-wrapper ul li.active-branch {display: flex; padding: 0;}
.breadcrumb .hs-menu-wrapper ul li.active-branch ul {padding-left: 14px;padding-right: 14px;}

.three_col-sec.multi-col-card .section-heading { margin: auto; max-width: 820px; width: 100%; }
.careerTogether { margin: 0; }
.careerTogether .section-heading {max-width: 895px; }
.careerTogether .section-shapes .shape3{top:260px;}
.multipulListing .boxListing {border-radius: 12px;}
.multipulListing .boxTitle {color: #33599F;font-family: Work Sans,sans-serif;}
.multipulListing .details {padding-right: 15px;display: flex; flex-direction: column; height: 100%; }
.multipulListing .details .btn4 a:before{top: 6px;}
.multipulListing  .listInner { padding: 30px 0 30px 0;border-bottom: 1px solid rgba(125,134,156,0.21); }
.multipulListing  .listInner:first-child { padding-top: 0; } 
.multipulListing  .listInner:last-child { padding-bottom: 0; border-bottom: 0; }
.multipulListing .boxParent.box {border-radius: 12px;box-shadow: 0 0 30px #0000001a;}
.boxListingMain { padding-top: 63px; }
.boxListingMain:first-child { padding-top: 0; }
.retirement-legacy-child-page.buling-found-zig-section .box .box-details { max-width: 100%; width: 100%; }
.simple-banner-sec h5{ color: #E5E7EB;font-weight:400;font-family: Plus Jakarta Sans,sans-serif; }
.drop-title h5 { width:100%;font-family: Plus Jakarta Sans,sans-serif; }
.leadership-team-page.simple-text-section h2 { margin: auto; max-width: 905px; width: 100%; }
.leadership-team-page.simple-text-section .section-heading { max-width: 1064px; margin: auto; width: 100%; }
.leadership-team-page.simple-text-section .content{max-width:100%;}
.leadership-team-page.partnering-mcu-page.better-banking-section .left-part h2{width: 100%; max-width: 635px;}
.leader-team-listing .btn4 a:before{top:6px;}
.leader-team-listing .team-member-img {width: 78px;}
.leader-team-listing .team-member-name-inner {width: calc(100% - 78px);padding-left: 25px;display: flex; flex-wrap: wrap; flex-direction: column; height: 100%;}
.leader-team-listing .team-member {width:calc(33.33% - 16px);margin:0 8px 16px; box-shadow: 0px 0px 30px #0000001A;border-radius: 12px;padding: 55px 33px;background:#fff;}
.leader-team-listing .team-member-wrap{margin:0 -8px;}
.leader-team-listing .team-member-name-inner .team-member-name h5{margin:0 0 8px;font-family: Plus Jakarta Sans,sans-serif;}
.leader-team-listing .team-member-name-inner .team-member-name p{margin:0 0 8px;opacity:0.8;}
.leader-team-listing .team-member-wrpper { height: 100%; align-items: flex-start; } 
.leader-team-listing .btn4 { margin-top: auto; }
.leadership-team-page.simple-text-section:before{display:none;}
.leader-team-listing .category-title { text-align: center; margin-bottom: 50px; }
.leadership-team-page.full-banner-section .shapes .top-shape .white-shape { display: none; }
.leadership-team-page.full-banner-section .shapes .top-shape .gray-shape{display:block;height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.leader-heading .leader-team-img { width: 120px; height: 120px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 14px; } 
.leader-heading .leader-team-details { text-align: center; } 
.leader-heading .leader-team-img img { height: 100%; object-fit: cover;border-radius: 100px; }
.leader-heading .leader-team-name h5{font-family: Plus Jakarta Sans,sans-serif;}
.leader-detail-pages .bottom-team-deails { max-width: 800px; width: 100%; margin: 0 auto; text-align: center; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px;background:#fff; }
.leader-detail-pages .team-deatils {max-width: 800px; width: 100%; margin: 0 auto; }
.leader-detail-pages { margin-top: -80px; }
.leadership-inner-page.ready-bottom-section .section-heading { margin: auto; max-width: 1100px; width: 100%; }
.leadership-inner-page.ready-bottom-section .content{max-width: 848px; margin: auto; width: 100%;}
.leadership-tem-pages .breadcrumb { width: 384px; } 
.leadership-tem-pages .category-name { width: calc(100%  - 384px); text-align: right; }
.leadership-tem-pages .category-name p{margin:0;}
.leader-detail-pages .btn4 .previous:before { border-left:0; border-bottom: 5px solid transparent; border-right: 8px solid ;right: 175px; top: 9px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; width: 0; }
.leader-detail-pages .btn4 .next:before{ top: 9px;}
.leader-detail-pages .previous,.leader-detail-pages .next{font-size:20px;line-height:37px;}
.leader-detail-pages .pagination { position: relative; } 
.leader-detail-pages .pagination:after { content: ''; width: 2px; height: 65px; background: #F2F3F5; position: absolute; left: 50%; right: 0; top: -15px; transform: translateX(16px); }
.leader-heading { background: #F2F3F5; }
.leader-detail-pages .bottom-team-deails .bootom-inner-part { opacity: 0.8; }
.share-draft.multi-col-card .section-heading { margin: auto; max-width: 795px; width: 100%; }
.share-certificate-multi-col .wrap.column1 .box{ width: 100%; margin: 0 auto;max-width:621px; }
.share-certificate-multi-col .wrap.column2 .box{ width: calc(50% - 38px); margin: 0 19px 38px; }
.share-certificate-multi-col .wrap.column3 .box{ width: calc(33.33% - 16px); margin: 0 8px 16px; }
.share-certificate-multi-col .wrap .box{background: #fff;border-radius: 12px;box-shadow: 0 0 30px #0000001a;}
.share-certificate-multi-col .wrap.column3 .box h4 { color: #6682B7; }
.share-certificate-multi-col .section-heading { max-width: 779px; margin: auto; width: 100%; }
.share-certificate-multi-col .section-heading .content { max-width: 630px; width: 100%; margin: auto; }
.share-certificate-multi-col .wrap.column1 .box .details { max-width: 360px; margin: auto; width: 100%; }
.share-certificate-page.full-banner-section .shapes .top-shape .white-shape{display:none;}
.share-certificate-page.full-banner-section .shapes .top-shape .gray-shape{display:block;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.share-certificate-page.full-banner-section .btns a {width: auto; }
.share-certificate-page.better-banking-section:after{background-image:url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/share_certificate_shape2.png);}
.share-draft.disclosure-section .section-heading { border-bottom: 0; text-align: left; padding: 0; }
.share-draft.disclosure-section .section-heading h2 { margin: 0; padding: 0; }
.disclosure-section .disclosure-content h6 {font-size: 16px; line-height: 20px; color: #4A4B46; font-weight: 700; }
.disclosure-section .disclosure-content p { font-size: 16px; line-height: 20px; color: #4A4B46; font-weight: 400;margin-bottom:20px; }
.disclosure-section .disclosure { padding-top: 20px;margin-bottom:20px; }
.disclosure-section .disclosure:last-child {margin-bottom:20px; }
.disclosure-section .bord-bottom{border-bottom: 1px solid #4A4B46;padding-bottom:35px; }
.disclosure-section .disclosure-content a:hover { color: #003087; }
.disclosure-section .disclosure-content a { color: #26A96C; font-weight: 600;word-break: break-all; }
.partner-faq-page.simple-text-section .content,.partner-faq-page.simple-text-section h2{color: #fff;}
.partner-faq-page.simple-text-section .btns .btn4 a{color: #fff; 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
.partner-faq-page.simple-text-section .btns .btn4 a:hover{color: #26a96c; 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
.partner-faq-page.simple-text-section { margin-top: -105px;padding-top:110px; }
.partner-faq-page.simple-text-section:before{display:none;}
.partner-faqs-page.faq-section .section-heading { margin: auto; max-width: 753px; width: 100%; }
.digital-banking-page.intern-hero-section:before{display:none;}
.digital-banking-page.intern-hero-section{padding-bottom:90px;}
.club-account-page.personal-banking-hero .section-heading .content { margin: auto; max-width: 554px; width: 100%; }
.share-certificate-multi-col.personal-banking-club-account { padding-top: 60px; padding-bottom: 60px; }
.personal-Banking-Accounts.better-banking-section {  padding: 110px 0 0px; }
.personal-banking-club-account.share-certificate-multi-col .section-heading { margin: 0 auto 15px; max-width: 850px; width: 100%; }
.personal-banking-club-account.share-certificate-multi-col .section-heading h2{margin: 0 auto 15px; max-width: 700px; width: 100%; }
.personal-banking-club-account.share-certificate-multi-col .section-heading .content { margin: 0 auto 15px; max-width: 840px; width: 100%; }
.personal-banking-club-account.share-certificate-multi-col .wrap .box{display: flex; flex-direction: column;}
.personal-banking-club-account.share-certificate-multi-col .wrap .box .details{height: 100%;}
.personal-Banking-Coverdell-ESA.zig-zag-section .box .inner-wrap { margin: auto; max-width: 1105px; width: 100%; }
.personal-banking-saving-youth.strip-box-section .box .right-content .content p { letter-spacing: 0.16px; }
.iRAs-ParentPage.better-banking-section .left-part { padding: 50px 0 200px 15px; }
.iRAs-ParentPage.fastrack-checking-page.better-banking-section .left-part h2{max-width:100%;}
.direct-deposit-page.tab-panel-sec .tab-title li.active { background: #26a96c; color: #fff; }
.direct-deposit-page.tab-panel-sec ul.tab-title li { color: #a4a5a2; cursor: pointer; padding: 60px 50px; position: relative; text-align: left; width: 50%;line-height:25px; }
.direct-deposit-page.tab-panel-sec ul.tab-title li:last-child { border: 0; }
.direct-deposit-page ol { list-style-type: decimal;padding-left: 20px; padding-top: 30px; }
.direct-deposit-page.tab-panel-sec .section-heading {max-width: 1085px; margin: auto; width: 100%;}
.direct-deposit-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1{max-width: 145px; right: -128px; z-index: -1;}
.direct-deposit-page.intern-hero-section:before{display:none;}
.direct-deposit-page.intern-hero-section{padding-bottom:90px;}
.direct-deposit-page.col3-slider-section{margin-bottom:0;}
.residential-lending-page.multi-col-card .btn4 a span:before { border-bottom: 5px solid transparent; border-left: 8px solid; border-top: 5px solid transparent; content: " "; height: 0; left: auto; position: absolute; right: -16px; top: 33px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; width: 0; }
.residential-lending-page.multi-col-card .colbox_4 .btn4 a:before{display:none;}
.personal-banking-iras-fixed.zig-zag-section {padding: 20px 0 30px;}
.iRAs-ParentPage.multi-col-card .section-heading .content p { letter-spacing: -0.25px; }
.personal-banking-iras-fixed.multi-col-card .section-heading { margin: auto; max-width: 850px; width: 100%; }
.personal-banking-iras-fixed.multi-col-card h2 { letter-spacing: -1.23px; }
.fixed-page.share-certificate-multi-col .section-heading { margin: auto; max-width: 850px; width: 100%; }
.fixed-page.share-certificate-multi-col .section-heading h2{ margin: auto; max-width: 780px; width: 100%; }
.fixed-page.share-certificate-multi-col .section-heading .content { margin: auto; max-width: 840px; width: 100%; }
.share-certificate-multi-col .btn4 a { font-size: 20px; }
.residential-lending-page.better-banking-section .left-part { padding: 50px 0 200px 35px; }
.residential-lending-page.better-banking-section .left-part h2 {  max-width: 615px;}
.residential-lending-page.full-banner-section .btns a{width:auto;}
.residential-lending-page.col3-slider-section { margin-bottom: 0; }
.scroll-topic-sec .scroll-inner { box-shadow: 0px 0px 30px #0000001a; border-radius: 12px; }
.scroll-topic-sec .scroll-down {    height: 285px;    margin-bottom: 25px;    overflow-y: scroll;    position: relative;    width: 100%;}
.scroll-topic-sec .scroll-down::-webkit-scrollbar {    display: none;}
.scroll-topic-sec .scroll-down { height: 298px; margin-bottom: 25px; overflow-y: scroll; position: relative; width: 100%; margin-left: -30px; margin-right: -30px; padding: 30px 30px; }
.scroll-topic-sec .scroll-wrap-sec { border: 2px solid #003087; border-radius: 12px; box-shadow: 0 0 30px #0000001a; margin: 0 auto 90px; max-width: 1280px; padding: 40px 50px; } 
.scroll-topic-sec .scroll-inner-wrap { background: #f5f7fa; border-radius: 12px; padding: 40px 50px; }
.scroll-topic-sec .number-scroll ul{padding:0;display:flex;flex-wrap:wrap;}
.scroll-topic-sec .number-scroll ul li{padding-right: 20px;}
.scroll-topic-sec .content-inner-scroll ul { display: flex; flex-wrap: wrap; padding: 0; } 
.scroll-topic-sec .content-inner-scroll ul li { padding-right: 20px; }
.scroll-topic-sec .box-heading ul { padding: 0 0 0 20px; list-style: disc; } 
.scroll-topic-sec .box-heading ul li { padding-bottom: 20px;font-size: 20px; line-height: 30px; color: #1D1E18;    font-family: Plus Jakarta Sans,sans-serif; }
.scroll-topic-sec .scroll-btns a { background: #003087; border-radius: 59px; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; line-height: 20px; padding: 23px 40px 23px 35px; position: relative; text-decoration: none;} 
.scroll-topic-sec .topic-wrap{position:relative;}
.scroll-topic-sec .scroll-btns {  position: absolute; text-align: center; top: auto; bottom: 30px; left: 0; right: 0; margin: auto;}
.scroll-topic-sec .scroll-wrap-sec p{font-size: 25px; line-height: 32px; color: #4A4B46; letter-spacing: -0.63px; font-family: Work Sans,sans-serif;}
.scroll-topic-sec .scroll-inner-wrap .box-heading p{font-size: 20px; line-height: 30px;color:#1D1E18;    font-family: Plus Jakarta Sans,sans-serif;}
.scroll-topic-sec .scroll-wrapper p{font-size:16px;line-height:20px;    font-family: Plus Jakarta Sans,sans-serif;} 
.scroll-topic-sec .number-scroll p a { color: #26A96C; }
.scroll-topic-sec .scroll-inner-title h4 { font-size: 31px; line-height: 42px; color: #33599F; font-weight: 400; letter-spacing: -0.78px; }
.scroll-topic-sec .btn4.scroll-to-bottom { font-size: 20px; }
.scroll-topic-sec .number-scroll ul li a{color: #26a96c;}
.scroll-topic-sec .heading-sec{ max-width: 848px; width: 100%; margin: 0 auto 15px; }
.scroll-topic-sec .section-content { font-size: 25px; line-height: 30px; color: #6682B7; letter-spacing: -0.25px; }
.scroll-topic-sec .btn4 a:before{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid;}
.scroll-topic-sec .btn4 a:hover:before{border-left-color: transparent; border-top-color: #26a96c;}
.scroll-topic-sec .scroll-btns a:before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid; bottom: 26px; content: ""; left: auto; position: absolute; right: 21px; top: auto; }
.scroll-topic-sec .scroll-inner-wrap .box-wrapper .scroll-wrapper .hours-scroll h5{letter-spacing: -0.2px;font-family: Plus Jakarta Sans,sans-serif;}
.creditcard-hero.career-hero-section h1 { letter-spacing: -1.23px; }
.credit-card-subpages.zig-zag-section .box .box-details .content{opacity:0.8;}
.credit-card-subpages.full-banner-section h2 { letter-spacing: -1.23px; max-width: 810px; width: 100%; margin: 0 auto 15px; }
.credit-card-subpages.full-banner-section .content{opacity:1;}
.credit-card-subpages.ready-bottom-section .section-heading { margin: auto; max-width: 860px; width: 100%; }
.lending-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { left: 21px; position: absolute; top: 229px; width: 160px; }
.lending-page.multi-col-card{padding-top:40px;padding-bottom:90px;}
.lending-page.multi-col-card .section-heading { margin: auto; max-width: 885px; width: 100%; }
.lending-module-2.lending-page.multi-col-card .section-heading h2 { max-width: 700px; width: 100%; margin: 0 auto 15px; }
.lending-page.better-banking-section .left-part { padding: 50px 0 200px 35px; }
.lending-page.better-banking-section .left-part h2{max-width:100%;}
.lending-page.better-banking-section .left-part .content{max-width: 450px;opacity: 1; width: 100%;color: #E5EAF3;}
.lending-module-4.lending-page.multi-col-card .section-heading h2{margin: 0 auto 15px; max-width: 730px; width: 100%;}
.lending-page.full-banner-section .section-heading h2 { max-width: 800px; width: 100%; margin: 0 auto 15px; }
.lending-page.full-banner-section .content{opacity:1;}
.lending-page.full-banner-section .btns a{width:auto;}
.lending-page.col3-slider-section .section-heading { margin: auto; max-width: 880px; width: 100%; }
.lending-page.col3-slider-section{margin-bottom:0;}
.lending-page.ready-bottom-section .section-heading { margin: auto; max-width: 800px; width: 100%; }
.flexible-page.multi-col-card { padding-bottom: 90px; }
.personal-Banking-Accounts.zig-zag-section h2 { letter-spacing: -1.23px; max-width: 395px; width: 100%; }
.personal-Banking-Accounts.col3-slider-section{margin-bottom:0;padding-bottom:40px;}
.direct-deposit-page.multi-col-card .section-heading{ margin: auto; max-width: 848px; width: 100%; }
.direct-deposit-page.multi-col-card { padding-bottom: 90px; }
.share-certificate-page.personal-banking-saving-youth.personal-Banking-Accounts.fastrack-checking-page.strip-box-section .section-heading{margin: 0 auto 40px; max-width: 900px; width: 100%;}
.share-certificate-page.strip-box-section .section-heading .content{margin: auto; max-width: 900px; width: 100%;}
.share-certificate-page.full-banner-section h2 { letter-spacing: -1.23px; max-width: 800px; width: 100%; margin: 0 auto 15px; }
.faq-section .box .details ol { list-style: decimal; } 
.faq-section .box .details ul { list-style: disc; }
.consumer-lending-page.career-hero-section .section-heading { max-width: 574px; width: 100%;margin:0 auto;padding-top:100px; }
.consumer-lending-page.career-hero-section .section-heading h1 { letter-spacing: -1.23px; }
.consumer-lending-page.multi-col-card .section-heading { margin: auto; max-width: 747px; width: 100%; }
.consumer-lending-page.multi-col-card .section-heading h2 { max-width: 500px; width: 100%; margin: 0 auto 15px; }
.consumer-lending-page.better-banking-section .left-part { padding: 50px 0 200px 30px; }
.consumer-lending-page.better-banking-section .left-part h2 {  max-width: 100%;}
.consumer-lending-page.better-banking-section .left-part .content { max-width: 448px; opacity: 1; width: 100%;color:#E5EAF3; }
.consumer-lending-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -138px; max-width: 157px; top: 180px; z-index: -1; }
.consumer-lending-page.zig-zag-section .box .right-part .img-box .img-shape{z-index:1;}
.consumer-lending-page.full-banner-section .btns a{width:auto;}
.consumer-lending-page.col3-slider-section .section-heading { margin: auto; max-width: 878px; width: 100%; }
.consumer-lending-page.col3-slider-section { margin-bottom: 0; padding-bottom: 40px; }
.consumer-lending-page.career-hero-section .right-part .img-box .img-shape img.red-shape { display: block; }
.consumer-lending-page.career-hero-section .right-part .img-box .img-shape img.blue-shape { display: none; }
.account-service-page.better-banking-section .section-heading h2 { color: #003087; max-width: 100%; letter-spacing: -1.23px; } 
.account-service-page.better-banking-section .left-part { padding: 50px 0 200px 24px; }
.account-service-page.better-banking-section .section-heading .content{color: #4a4b46;font-size: 16px; line-height: 20px; letter-spacing: 0.16px; max-width: 500px;}
.only-scroll-sec .section-heading { max-width: 752px; width: 100%; margin: auto; }
.only-scroll-sec .scroll-inner { border-radius: 12px; box-shadow: 0 0 30px #0000001a; }
.only-scroll-sec .scroll-btns a { background: #003087; border-radius: 59px; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; line-height: 20px; padding: 23px 40px 23px 35px; position: relative; text-decoration: none;    pointer-events: none; }
.only-scroll-sec .scroll-down { height: 278px; margin-bottom: 25px; margin-left: -30px; margin-right: -30px; overflow-y: scroll; padding: 30px; position: relative; width: 100%; } 
.only-scroll-sec .scroll-down::-webkit-scrollbar { display: none; }
.only-scroll-sec .topic-wrap { position: relative; }
.only-scroll-sec .scroll-btns{bottom: 0; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: auto;}
.account-service-page.better-banking-section{padding:80px 0 0;}
.account-service-page.better-banking-section:after,.account-service-page.better-banking-section:before{display:none;}
.account-page.better-banking-section:before{background-image:url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Why_mcu_layer.png);}
.account-page.better-banking-section .left-part .content{color: #E5EAF3;opacity: 1;}
.only-scroll-sec .content ,.only-scroll-sec .section-heading h2{margin:0;}
.only-scroll-sec .btn4 { font-size: 20px; line-height: 37px; font-family: Work Sans,sans-serif; font-weight: 700; }
.only-scroll-sec .btn4 a:before{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid;}
.only-scroll-sec .btn4 a:hover:before{border-left-color: transparent; border-top-color: #26a96c;}
.only-scroll-sec .scroll-btns a:before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid; content: ''; bottom: 26px; left: auto; right: 21px; top: auto; position: absolute; }
.account-service-page.intern-hero-section:before{background-image:url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Partnering_with_mcu_blue-hero-shape.png);}
.personal-loans-page.mortgage-option-section { padding-top: 50px; }
.personal-loans-page.personal-banking-hero .hero-shape .shape3{max-width: 370px; position: absolute; top: 191px;}
.personal-loans-page.personal-banking-hero .section-heading { margin: auto; max-width: 788px; width: 100%; }
.personal-loans-page.personal-banking-hero .section-heading .content { margin: auto; max-width: 594px; width: 100%; }
.personal-loans-page.multi-col-card .section-heading { margin: auto; max-width: 840px; width: 100%; }
.personal-loans-page.zig-zag-section { overflow: hidden; margin-top: -180px; padding-top: 150px; }
.personal-loans-page.zig-zag-section .box .inner-wrap { padding: 60px 0; }
.personal-loans-page.zig-zag-section .box:last-child .inner-wrap { padding-bottom: 0; }
.personal-loans-page.zig-zag-section .box:first-child .inner-wrap{ padding-top: 15px; }
.personal-loans-page.zig-zag-section .box.left-img .right-part .img-box img{position:relative;z-index:11;}
.personal-loans-page.mortgage-option-section .section-heading { margin: auto; max-width: 860px; padding-bottom: 35px; width: 100%; }
.personal-loans-page.multi-col-card .section-heading { margin: auto; max-width: 895px; width: 100%; }
.personal-loans-page.multi-col-card .section-heading h2{ margin: auto; max-width: 697px; width: 100%; }
.personal-loans-page.multi-col-card .column2 .box .left-part { width: 100%; }
.personal-loans-page.multi-col-card .column2 .box .left-part .icon{width:85px;margin-bottom:20px;}
.personal-loans-page.multi-col-card .column2 .box .right-part{ width: 100%;padding-left:0; }
.personal-loans-page.multi-col-card .column2 .box .right-part .details{display:block;}
.personal-loans-page.multi-col-card .column2 .box .content { opacity: .8; padding-top: 10px; padding-bottom: 20px; }
.personal-loans-page.better-banking-section{margin-top: -110px; z-index: 11;}
.personal-loans-page.full-banner-section .shapes .bottom-shape{display: none;}
.personal-loans-page.better-banking-section:before{display:none;}
.personal-loans-page.better-banking-section{background-position: unset !important;}
.personal-loans-page.full-banner-section h2 { letter-spacing: -1.23px; max-width: 848px; margin: 0 auto 15px; width: 100%; }
.personal-loans-page.full-banner-section .btns a{width:auto;}
.personal-loans-page.better-banking-section .left-part { padding: 50px 0 200px 30px; }
.personal-loans-page.better-banking-section .left-part h2 { font-size: 61px; line-height: 65px; max-width: 100%; padding: 5px 0 15px; width: 100%;letter-spacing: -1.52px; }
.personal-loans-page.better-banking-section .left-part .content { letter-spacing: -.25px; max-width: 443px; opacity: 1; width: 100%;color:#E5EAF3; }
.personal-loans.multi-col-card .section-heading { margin: auto; max-width: 890px; width: 100%; }
.personal-loans-page.col3-slider-section .section-heading { margin: auto; max-width: 878px; width: 100%; }
.personal-loans-page.col3-slider-section .top-img img{border-radius:12px 12px 0 0;}
.personal-loans-page.col3-slider-section { margin-bottom: 0; }
.auto-loan-services-page.personal-banking-hero .section-heading .content { margin: auto; max-width: 584px; width: 100%; }
.auto-loan-services-page.multi-col-card .section-heading { margin: auto; max-width: 858px; width: 100%; }
.auto-loan-services-page.multi-col-card .section-heading h2{ margin:0 auto 15px; max-width: 700px; width: 100%; }
.auto-loan-services-page.zig-zag-section ul { padding: 0 0 0 18px; list-style: disc; } 
.auto-loan-services-page.zig-zag-section ul li { padding-top: 10px; }
.auto-loan-services-page.zig-zag-section .box .box-details { max-width: 470px; width: 100%; }
.auto-loan-services-page.zig-zag-section .box .box-details .content{padding:10px 0;}
.auto-loan-services-page.full-banner-section h2 { letter-spacing: -1.23px; max-width: 760px; margin: auto; width: 100%; }
.auto-loan-services-page.full-banner-section .btns a{width:auto;}
.residential-lending-page.career-hero-section .section-heading{padding-top:70px;}
.residential-lending-page.career-hero-section .section-heading .content { max-width: 495px; width: 100%; }
.residential-lending-page.multi-col-card .section-heading { margin: auto; max-width: 787px; width: 100%; }
.residential-lending-page.multi-col-card .section-heading h2{ margin: auto; max-width: 700px; width: 100%; }
.residential-lending-page.better-banking-section .left-part .content {  max-width: 450px; opacity: 1; width: 100%;color:#E5EAF3; }
.residential-lending-page.zig-zag-section .box .box-details .content { max-width: 426px; width: 100%; }
.residential-lending-page.full-banner-section h2 { letter-spacing: -1.23px; max-width: 750px; width: 100%; margin: 0 auto 15px; }
.residential-lending-page.col3-slider-section .section-heading { margin: auto; max-width: 848px; width: 100%; }
.residential-lending-page.col3-slider-section .top-img img{border-radius:12px 12px 0 0;}
.residential-lending-page.ready-bottom-section h2 {max-width: 630px;margin: 0 auto 15px;width: 100%;}
.loan-services-page.personal-loans-page.multi-col-card .section-heading h2 { margin: auto; max-width: 717px; width: 100%; }
.loan-services-page.personal-loans-page.multi-col-card{padding-top:100px;padding-bottom:100px;}
.simple-banner-sec .section-top { max-width: 713px; margin: auto; width: 100%; } 
.simple-banner-sec .section-top .section-heading { max-width: 510px; margin: auto; width: 100%; }
.auto-loans-page.multi-col-card .section-heading h2 { max-width: 600px; width: 100%; margin: 0 auto 15px; }
.auto-loans-page.multi-col-card .section-heading { margin: auto; max-width: 800px; width: 100%; }
.auto-loans-page.multi-col-card .column2 .box .right-part .details .content-box h4 { font-size: 20px; line-height: 30px; }
.auto-loans-page.zig-zag-section { margin-top: -120px ; padding-top: 80px; }
.auto-loans-page.zig-zag-section .box .box-details .content { max-width: 426px; width: 100%;padding-bottom:20px; }
.auto-loans-page.simple-text-section h2 { margin: auto; max-width: 840px; width: 100%; }
.auto-loans-page.simple-text-section .content { letter-spacing: -.25px; margin: auto; max-width: 840px; padding: 10px 0 0; width: 100%; }
.auto-loans-page.simple-text-section{padding-bottom:60px;}
.auto-loans-page.residential-lending-page.better-banking-section .left-part .content{max-width: 100%; opacity: 1; width: 100%;}
.auto-loans-page.ready-bottom-section .section-heading h2{max-width:680px;width:100%;margin:0 auto 15px;}
.auto-loans-page.zig-zag-section .box .box-details { max-width: 495px; width: 100%; margin: auto; }
.auto-loans-page.zig-zag-section .box-details h2 { letter-spacing: -1.23px; }
.auto-loans-page .box.right-img { padding-bottom: 80px; }
.auto-loans-page.simple-text-section .content p { padding-bottom: 15px; }
.auto-loan-page.zig-zag-section .box.left-img { padding-top: 20px;padding-bottom:100px; }
.auto-loan-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1{max-width:145px;}
.auto-loan-page.multi-col-card .section-heading { margin: auto; max-width: 810px; width: 100%; }
.residential-lending-page.col3-slider-section .content p { letter-spacing: -0.25px; }
.auto-refinancing-page.simple-banner-sec .section-top { margin: auto; max-width: 860px; width: 100%; }
.auto-refinancing-page.simple-banner-sec .section-top .section-heading { margin: auto; max-width: 525px; width: 100%; color: #F2F3F5; }
.auto-refinancing-page.multi-col-card .section-heading { margin: auto; max-width: 920px; width: 100%; }
.auto-refinancing-page.multi-col-card .section-heading h2{ margin:0 auto 15px; max-width: 700px; width: 100%; }
.auto-refinancing-page.mortgage-option-section .section-heading { margin: auto; max-width: 880px; padding-bottom: 35px; width: 100%; }
.auto-refinancing-page.mortgage-option-section .content p a { color: #26A96C; }
.col3-slider-section.auto-refinancing-page h2 { max-width: 600px; margin: 0 auto 15px; width: 100%; }
.refinancing-application-section{position: relative;}
.refinancing-application-section .section-heading { max-width: 945px; margin: auto; width: 100%; }
.refinancing-application-section .refine-details { background:#fff;max-width: 632px; margin: auto; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; padding: 60px 80px 70px; }
.refinancing-application-section.homebuyer-dream-program-page .refine-details { background:#fff; max-width: 918px; margin: auto; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; padding: 60px 80px 70px; }

.refinancing-application-section .refine-details ul { list-style: disc; padding: 0 0 0 20px; } 
.refinancing-application-section .refine-details ul li { font-size: 25px; line-height: 30px; letter-spacing: -0.25px; padding-top: 20px; color: #4A4B46; }
.refinancing-application-section.homebuyer-dream-program-page .refine-details ul li { font-size: 25px; line-height: 30px; letter-spacing: -0.25px; padding-top: 16px; color: #4A4B46; }
.refinancing-application-section.homebuyer-dream-program-page .refine-details p { font-size: 25px; line-height: 30px; letter-spacing: -0.25px; padding-top: 16px; color: #4A4B46; }

.refinancing-application-section .refine-details h4 { color: #1D1E18;font-weight:500; }
.refinancing-application-section .outer-wrap { position: relative; z-index: 1; } 
.refinancing-application-section .dots-shape { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: auto; bottom: auto; z-index: -1; } 
.refinancing-application-section .dtshape1 { position: absolute; top: 110px; left: 210px; z-index: -1; }
.refinancing-application-section .dtshape2 { position: absolute; right: 170px; left: auto; top: auto; bottom: 0; }
.refinancing-application-section .shapes-outer { left: auto; position: absolute; right: 0; top: 380px; width: 100%; height: 471px; } 
.refinancing-application-section .shapes-outer img { max-width: 100%!important; object-fit: cover; width: 100%; }
.refinancing-application-section .refine-details p span { color:#6682B7; font-size: 20px; line-height: 25px; }
.helocs-page.multi-col-card .section-heading { margin: auto; max-width: 910px; width: 100%; }
.helocs-page.multi-col-card .section-heading h2{ margin: 0 auto 15px; max-width: 780px; width: 100%; }
.helocs-page.mortgage-option-section .section-heading { margin: auto; max-width: 880px; padding-bottom: 35px; width: 100%; }
.helocs-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1{bottom: 210px;right: -85px;}
.helocs-page.personal-banking-hero .section-heading { margin: auto; max-width: 785px; width: 100%; }
.helocs-page.personal-banking-hero .section-heading h6 { line-height: 27px; }
.helocs-page.faq-section .section-heading { margin: auto; max-width: 735px; width: 100%; }
.home-equity-loans-page.multi-col-card .section-heading { margin: auto; max-width: 940px; width: 100%; }
.home-equity-loans-page.zig-zag-section .box .box-details h2 { letter-spacing: -1.52px; }
.collateral-protection-insurance-page.simple-banner-sec .section-top .section-heading { margin: auto; max-width: 605px; width: 100%; }
.collateral-protection-insurance-page.simple-text-section h2 { margin: auto; max-width: 710px; width: 100%; }
.buying-service-page.simple-banner-sec .section-top { margin: auto; max-width: 835px; width: 100%; }
.buying-service-page.simple-banner-sec .section-top .section-heading { margin: auto; max-width: 525px; width: 100%; }
.multi-col-card.buying-service-page { margin-top: -80px; padding-top: 140px;padding-bottom:90px; }
.buying-service-page.refinancing-application-section .section-heading { margin: auto; max-width: 765px; width: 100%; }
.buying-service-page.multi-col-card .section-heading { margin: auto; max-width: 897px; width: 100%; }
.buying-service-page.multi-col-card .section-heading h2 { max-width: 700px; margin: 0 auto 15px; width: 100%; }
.buying-service-page.residential-lending-page.col3-slider-section .section-heading { margin: auto; max-width: 830px; width: 100%; }
.forms-disclosures-page.simple-banner-sec .heading-title  {text-align: left;}
.forms-disclosures-page.simple-banner-sec .section-top {margin: 0; }
.forms-disclosures-page.simple-banner-sec .section-heading {text-align: left; opacity:0.8; padding-top:10px;margin: 0;}
.term-life-sec .box-wrapper { width: calc(33.33% - 16px); margin: 20px 8px 35px;height:auto;float:none; }
.term-life-sec .silder-wrapper { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; padding: 70px 55px;height:100% }
.term-life-sec  ul.slick-dots li.slick-active button, .term-life-sec ul.slick-dots li button:hover{background:#003087;border-color: transparent;}
.term-life-sec  ul.slick-dots li button{background:#CCD5E7;border-color: transparent;}
.term-life-sec .slick-slider .slick-list{    padding: 0 28.5%;}
.term-life-sec .section-heading{max-width: 875px; margin: auto; width: 100%;}
.term-life-page.personal-banking-hero .section-heading { margin: auto; max-width: 835px; width: 100%; }
.term-life-page.personal-banking-hero .section-heading .content { margin: auto; max-width: 610px; width: 100%; }
.term-life-page .content p a, .guaranteed-asset-page .content p a{ color: #26A96C; }
.term-life-page .content p a:hover,.guaranteed-asset-page .content p a:hover { color: #003087; }
.term-life-sec .slick-track { display: flex; }
.mechanical-breakdown.simple-banner-sec .section-top {margin: auto;max-width: 763px;width: 100%;}
.mechanical-breakdown.simple-banner-sec .section-top .section-heading { margin: auto; max-width: 600px; width: 100%; }
.mechanical-breakdown.mortgage-option-section .section-heading h2 { margin: 0 auto 15px; max-width: 775px ; width: 100%; }
.mechanical-breakdown.simple-banner-sec .section-top {margin: auto;max-width: 763px;width: 100%;}
.guaranteed-asset-page.why-mcu-two .box:first-child { width: 100%; }
.guaranteed-asset-page.why-mcu-two .box { display: block; }
.guaranteed-asset-page.why-mcu-two .box h4 { font-size: 25px; line-height: 30px;  }
.guaranteed-asset-page.why-mcu-two .box .content{opacity:1;}
.guaranteed-asset-page.why-mcu-two .section-heading { margin: 0 auto; max-width: 755px; width: 100%; }
.guaranteed-asset-page.ad-insure-page.multi-col-card { padding-top: 80px; }
.why-mcu-two.guaranteed-asset-page { margin: -80px 0 0 0; }
.privacy-page.accordion-topic-sec .scroll-inner-wrap .box-heading h3 { padding-bottom: 15px; }
.privacy-page.simple-banner-sec .section-top .section-heading { margin: 0; max-width: 570px; width: 100%; }
.privacy-page.simple-banner-sec .section-top { margin: auto; max-width: 100%; width: 100%; }
.privacy-page.simple-banner-sec .section-top .heading-title h1 { text-align: left; }
.privacy-page.simple-banner-sec .section-heading p{opacity:0.8; color: #fff;text-align: left;}
.privacy-page.accordion-topic-sec ul{ display: block; list-style-type: disc; color: #4A4B46; font-size: 20px; line-height: 28px; }
.privacy-page.accordion-topic-sec .scroll-wrap-sec { border: 0; padding:55px 50px; }
.privacy-page.accordion-topic-sec ul{ padding-left: 50px;}
.privacy-page.accordion-topic-sec ul li {  width: 100%;  margin-bottom: 40px; font-weight:500;word-break: break-all;}
.privacy-page.accordion-topic-sec { padding-top: 85px;padding-bottom:50px;} 
.privacy-page .scroll-inner-wrap .box-wrapper {  margin-top: 0px;margin-bottom: 35px;}
.privacy-page.accordion-topic-sec .number-scroll { width: 100%; max-width: 100%; } 
.privacy-page.accordion-topic-sec .scroll-wrapper { display: block; }
.automated-telephone-banking-page.simple-banner-sec .section-top { margin: auto; max-width: 100%; width: 100%; }
.automated-telephone-banking-page.simple-banner-sec .section-top .section-heading { margin: 0; max-width: 720px; width: 100%; }
.automated-telephone-banking-page.simple-banner-sec .section-top .heading-title h1 { text-align: left; }
.automated-telephone-banking-page.simple-banner-sec .section-heading p{opacity:0.8; color: #fff;text-align: left;}
.automated-telephone-banking-page .box-wrap .box-heading h4 { font-family: Work sans;}
.automated-telephone-banking-page.privacy-page.accordion-topic-sec ul li { margin-bottom: 12px; width: 100%; }
.automated-telephone-banking-page .box-wrap .content-inner-cta{ padding: 0; margin: 0;}
.automated-telephone-banking-page .box-wrap .scroll-wrapper{ padding:0;}
.automated-telephone-banking-page.simple-text-section .content-wrapper { padding: 60px 20px 60px 50px; background: #fff; border-radius: 12px; box-shadow: 0px 0px 30px #0000001A; } 
.automated-telephone-banking-page.simple-text-section .content-wrapper .inner-cta { justify-content: left; }
.automated-telephone-banking-page.simple-text-section .section-heading h6 {font-size: 20px; line-height: 20px; color: #003087;}
.automated-telephone-banking-page.simple-text-section .section-heading .content p{font-size: 16px; line-height: 20px;}
.automated-telephone-banking-page.simple-text-section .section-heading{text-align:left;}
.automated-telephone-banking-page.simple-text-section h2,.automated-telephone-banking-page.simple-text-section .content{ margin: 0; max-width: 100%; width: 100%; }
.automated-telephone-banking-page.simple-text-section:before{display:none;}
.automated-telephone-banking-page.simple-text-section{padding-top: 40px;padding-bottom:60px;}
.order-new-checks-page ol { list-style: decimal; padding: 10px 0px 0px 30px; }
.order-new-checks-page.accordion-topic-sec li{padding-bottom: 15px;font-size: 20px;font-size: 20px; line-height: 28px;padding-left: 10px; font-weight: 500;}
.order-new-checks-page.accordion-topic-sec li::marker { color: #33599F; }
.order-new-checks-page.automated-telephone-banking-page.simple-text-section .content{max-width:1100px;width:100%;}
.insurance-page.career-hero-section .section-heading { max-width: 504px; width: 100%; }
.insurance-page.multi-col-card .btn4 a:before { top: 10px; }
.retirement-legacy-planning-page.building-foundation-page.home-meet-section .box .content { opacity: 1; }
.last-multi-sec.mortgages-page.multi-col-card .section-heading { max-width: 869px; }
.last-multi-sec.mortgages-page.multi-col-card .section-heading h2 { max-width: 680px; margin: 0 auto 15px; width: 100%; }
.top-multi-sec.mortgages-page.top-multi-sec.multi-col-card .section-heading { max-width: 880px; }
.top-multi-sec.mortgages-page.top-multi-sec.multi-col-card .section-heading h2 { max-width: 700px; width: 100%; margin: 0 auto 15px; }
.arm-page.zig-zag-section .box .box-details .content { max-width: 400px; width: 100%; }
.family-homes-page.load-specialist-section .section-heading h2 { max-width: 500px; margin: 0 auto 15px; width: 100%; }
.rate-mortgages-page.last-multi-sec.mortgages-page.multi-col-card .section-heading h2 { margin: 0 auto 15px; max-width: 670px; width: 100%; }
.rate-mortgages-page.mortgages-page.col3-slider-section .section-heading h2 { max-width: 800px; margin: 0 auto 15px; width: 100%; }
.auto-home-page.why-mcu-two { padding-bottom: 90px; }
.extended-warranty-section .inner-box {background:#fff; padding: 55px 80px; box-shadow: 0px 0px 30px #0000001A; margin-bottom: 20px; border-radius: 12px; } 
.extended-warranty-section .box-bottom { margin-top: 20px; }
.extended-warranty-section .left-part .content { color: #6682B7; margin-bottom:40px;}
.extended-warranty-section .shape-box-wrap { position: absolute; top: auto; left: auto; right: 0; bottom: 200px; }
.extended-warranty-section .inner-cover{position: relative;}
.extended-warranty-section .shape-box-wrap.box-shape_1 { left: 0; bottom: 500px;max-width:155px; }
.extended-warranty-section .shape-box-wrap.box-shape_2 { right: 700px; bottom: 100px;max-width:155px; }
.extended-warranty-section .shape1.right-side { width: 100%; bottom: 300px; height: 350px; position: absolute; top: auto;z-index: 10; } 
.extended-warranty-section .shape1.right-side img { object-fit: cover; width: 100%; }
.extended-warranty-section .full-box-shape { z-index: -1; position: relative; }
.mechanical-breakdown.mortgage-option-section { padding-top: 60px;padding-bottom:60px;}
.mechanical-breakdown.faq-section .section-heading { margin: auto; max-width: 765px; width: 100%; }
.banking-life-page.ready-bottom-section .section-heading h2 { max-width: 810px; width: 100%; margin: 0 auto 15px; }
.home-equity-loans-page.auto-loans-page.zig-zag-section .box .box-details { margin: auto; max-width: 505px; width: 100%; }
.home-equity-loans-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1{bottom: 160px;}
.building-foundation-page.career-hero-section .section-heading h1 { letter-spacing: -1.23px; }
.building-foundation-subpages.intern-hero-section .content { max-width: 574px; opacity: .8; width: 100%; }
.building-foundation-working-page.buling-found-zig-section .box .box-details { max-width: 600px; width: 100%; }
.building-foundation-working-page.buling-found-zig-section .box .box-details .content { max-width: 426px; opacity: .8; width: 100%; }
.building-foundation-working-page.ready-bottom-section .section-heading h2 { margin-left: auto; margin-right: auto; max-width: 100%; width: 100%; }
.building-foundation-working-page.ready-bottom-section .section-heading { margin: auto; max-width: 1048px; width: 100%; }
.building-foundation-fresh-page.ready-bottom-section .section-heading { margin: auto; max-width: 869px; width: 100%; }
.personal-Banking-Share-Accounts.strip-box-section .content ul { padding: 0 0px 0 20px; margin: 10px 0 0 0; } 
.personal-Banking-Share-Accounts.strip-box-section .content ul li { padding-bottom: 5px; list-style: disc; }
.fraud-alerts-page .fraud-inner-sec { padding: 65px 45px; background: #ffff; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; margin-bottom: 70px; }
.fraud-alerts-page .fraud-content { padding: 40px 50px; background: #F5F7FA; border-radius: 12px; }
.fraud-alerts-page .fraud-content p { font-size: 20px; line-height: 28px; color: #4A4B46; font-weight: 500; }
.fraud-alerts-page ul li { font-size: 20px; line-height: 28px; font-weight: 500; padding-bottom: 20px; list-style: disc; }
.fraud-alerts-page .fraud-content h4 { font-size: 20px; line-height: 20px; color: #4a4b46; font-weight: 500; }
.security-page.simple-banner-sec .section-top .heading-title { text-align: left; } 
.security-page.simple-banner-sec .section-top .section-heading { margin: 0; text-align: left; max-width: 721px; opacity: 0.8; }
.security-page.simple-banner-sec .section-top{margin:0;}
.fraud-alerts-page .fraud-subtitles h5 { color: #33599F; }
.growing-your-finances-page.home-meet-section .section-shapes .shape3 img { height: 1200px!important; object-fit: contain; }
.growing-your-finances-page.building-foundation-page.home-meet-section .section-shapes .shape3 { top: 370px;left: 0; }
.growing-your-finances-page.home-meet-section{overflow:unset;}
.growing-your-finances-page.building-foundation-page.home-meet-section .section-shapes .shape1 { left: 14px; top: 32%; }
.retirement-legacy-planning-page.home-meet-section .section-shapes .shape3 img { height: 1210px!important; object-fit: contain; }
.retirement-legacy-planning-page.building-foundation-page.home-meet-section .section-shapes .shape3 { top: 363px; left: 0; }
.mcu-financials-page.simple-banner-sec .section-top { margin: 0; max-width: 713px; width: 100%; }
.mcu-financials-page.simple-banner-sec .section-top .heading-title{text-align:left;}
.financial-statement-sec .financial-inner { padding: 60px 45px; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; }
.financial-statement-sec .financial-inner:last-child{margin-bottom:0;}
.financial-statement-sec .financial-details-wrap:last-child{margin-bottom:0;}
.financial-statement-sec .financial-wrpper { padding: 40px 30px 15px; background: #F5F7FA; border-radius: 12px 12px 0 0; }
.financial-statement-sec .financial-total { padding: 40px 30px; background: #E5EAF3; border-radius: 0 0 12px 12px; }
.financial-statement-sec .finanical-sub-outer { padding: 5px 10px 5px 25px; }
.financial-statement-sec .financial-statment:first-child { padding: 15px 0; }
.financial-statement-sec .financial-statment{border-bottom: 1px solid rgb(125 134 156 / 21%);padding: 35px 0 30px;  }
.financial-statement-sec .financial-statment:last-child{border-bottom:0;padding: 25px 0 20px;} 
.financial-statement-sec .financial-details h4{color:#33599F;font-family: Work sans;font-size: 31px; line-height: 42px; letter-spacing: -0.78px;}
.financial-statement-sec .sub-financial-statment:last-child{margin-bottom:0;}
.financial-statement-sec .financial-date h5 { line-height: 30px; font-size: 20px; color: #1D1E18; font-family: Plus Jakarta Sans,sans-serif; }
.financial-statement-sec .asset-name h5,.financial-statement-sec .sub-asset-name h5,.financial-statement-sec .financial-total-lose h5 { font-family: Plus Jakarta Sans,sans-serif; }
.financial-statement-sec .asset-price p, .financial-statement-sec .sub-asset-price p,.financial-statement-sec  .statement-title p { font-size: 20px; line-height: 20px; font-weight: 500; }
.financial-statement-sec .financial-total-price p{font-size: 20px; line-height: 20px;}
.build-bound-box-section .title-box h5 { font-family: 'Plus Jakarta Sans'; }
.building-foundation-careers.buling-found-zig-section .box .box-details { max-width: 100%; width: 100%; }
.branch-card-sec .branch_card {  position: relative;   box-shadow: 0px 0px 30px #0000001a;    border-radius: 12px;}
.branch-card-sec .content-cta {border-radius: 0 12px 12px 0; background: #003087;}
.branch-card-sec .content-cta a { height:100%;color: #fff; width: 100%;text-decoration: none; padding: 10px; }
.branch-card-sec .branch_card h6 { position: absolute; top: -40px; }
.branch-card-sec .box-inner-content * {line-height:1.2;}
.branch-card-sec .box-inner-detail-time p,.box-inner-content p,.box-inner-detail{margin-bottom:3px;opacity: 0.8;}
.branch-card-sec .branch-address-section .box-inner-detail-time p{font-weight:700;opacity:1;}
.branch-card-sec .banner-inner-two-col-in { height:100%; border: 2px solid #FFFFFF;border-radius: 12px;}
.branch-card-sec .map-box-content{line-height:1.35;}
.branch-card-sec .box-inner-content ul { padding: 0; margin: 0; }
.branch-card-sec .map-box-content a { text-decoration:none; }
.branch-card-sec .map-box-content a:hover { font-weight: 700;}
.branch-card-sec .box-inner-content p strong { color: #4A4B46; opacity: 0.8; }
.branch-card-sec .box-inner-content a{color:#26A96C;opacity:0.8;}
.branch-card-sec .branch_card .content-part h2{text-transform: uppercase;}
.branch-card-sec .map-box-content img { width: 79px; }
.branch-card-sec .branch-atm-banner.simple-banner-sec h5{    color: #F2F3F5;}
.branch-card-sec .branch-atm-banner.simple-banner-sec .section-heading p{  margin-bottom: 0; padding-bottom: 0;  color: #fff;}
.accordion-topic-sec .branch-address-section ul li { width: 100%;}
.branch-address-section.scroll-wrap-sec { padding:50px; }
.branch-address-section.scroll-wrap-sec .box-title-strip { justify-content: space-between; padding-bottom: 15px; }
.branch-address-section.scroll-wrap-sec .box-title-strip .book-button {padding-left: 30px;}
.branch-address-section.scroll-wrap-sec .box-title-strip h2 { margin:0; }
.branch-atm-inner-page.simple-banner-sec .banner-inner-two-col-in { border: 2px solid #fff; border-radius: 12px; height: 100%;}
.map-boxes-inner { border-radius: 12px; box-shadow: 0 6px 6px #00000012; margin-top: -40px; overflow: hidden; position: relative; }
.desktop-view.box-inner-content { width: 100% !important; display: block; max-width: 100% !important; flex: 0 0 100%; }
.branch-card-sec .box-inner-content span {    display: block;}
.spacial-promotion {border-radius: 12px; overflow: hidden; }
.spacial-img { max-height: 336px; overflow: hidden; }
.spacial-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.spacial-content h4 { color: #1D1E18; }
.spacial-content  h4  + p { opacity: 0.8;padding-bottom:20px; }
.spacial-content  p  + p { opacity: 1; }
.accordion-topic-sec .branch-address-section .box-wrapper {padding: 25px 50px; }
.spacial-content{ background: #fff;}
.friendly-face { background: #fff; border-radius: 12px; overflow: hidden;     padding: 15px 50px;}
.friendly-img { background: #cbced7; border-radius: 50%; height: 183px; overflow: hidden; width: 183px; display: flex; align-items: center; justify-content: center; }
.friendly-img img { object-fit: contain; object-position: center; width: 60px; height: auto; }
.friendly-content { width: calc(100% - 184px); }
.location #map{  height: 450px;}
.location .righ-barg { justify-content: space-between; position: relative; }
.location a#filter,.location #filter { cursor: pointer; text-align: center; width: 166px; position: absolute; left: 34.5%;height:66px;display: flex; align-items: center; justify-content: center; }
.location input#filters {    padding-right: 170px; -webkit-appearance: none!important; border:0;background: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/search-svg.svg); background-color: #fff; background-position: 7.5% 52%; background-repeat: no-repeat; background-size: 19px; border-radius: 59px; width:61%; }
.location select#miles {border:0; cursor: pointer;    padding: 0 15px; -webkit-appearance:none !important;background: #99accf;  font-weight: 700; margin-left: -55px; text-align: center; width:37%!important; border-radius: 59px; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/drop-down-arrow.png); background-size: 8px; background-repeat: no-repeat; background-position: 85% 30px; }
.location .map-boxes-inner { box-shadow: 0px 6px 6px #00000012; border-radius: 12px; position: relative; overflow: hidden; margin-top: -40px; }
.location div#legend>div { margin-bottom: 20px; position: relative;padding-left:40px; max-width: 250px;width:100%; }
.location div#legend>div label:after { width: 25px; height: 25px; border: 1px solid #707070; border-radius: 4px; position: absolute; left: 0; content: ""; top: -4px;}
.location div#legend>div input { z-index: 1;-webkit-appearance: none!important; width: 100%; position: absolute; left: 0; height: 20px; }
.location div#legend>div input[type=checkbox]:checked+label:before { background: #ffffff; border-radius: 4px; content: ""; height: 25px; left: 0; position: absolute; top: -4px; width: 25px; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/check-mark.png); background-repeat: no-repeat; background-size: 14px; background-position: center; }
.location div#legend>div input[type="checkbox"]:checked+label:after{border-color:#6682B7 ;} 
.location a.branch-listd { display: block; font-size: 16px; margin: 7px 0 0; cursor: pointer; }
.location div#legend>p { color: #707070; font-family: Work Sans,sans-serif; }
.location div#legend>div label { font-size: 14px; line-height: 16px; font-family: Work Sans,sans-serif;    color: #707070; }
.location .left-barg { color: #707070; font-family: Work Sans,sans-serif; }
.ad-two-col-sec .ad-img {width:740px; height: 100%;}
.ad-two-col-sec .ad-section-heading-left-side{align-self: center; width: calc(100% - 740px);padding: 40px 0 40px 60px;}
.ad-two-col-sec .ad-section-heading-left-side .ad-content {max-width: 370px; width: 100%; margin: 0;}
.ad-two-col-sec .ad-section-heading-left-side .ad-content ul { list-style: disc; padding: 10px 22px 15px 22px; } 
.ad-two-col-sec .ad-section-heading-left-side .ad-content ul li { padding-bottom: 10px; }
.ad-two-col-sec .ad-two-inner { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px;}
.ad-two-col-sec .ad-image-right-side .ad-img img { width: 100%; height: 100% !important; object-fit: cover; object-position: left; border-radius:0 12px 12px 0; }
.ad-two-col-sec .ad-rates-inner {border-radius: 12px; padding: 18px 45px; position: absolute; bottom: 75px; max-width: 805px; width: 100%; right: -25px; left: auto;}
.ad-two-col-sec .ad-rates-inner h3{margin: 0 0 5px;letter-spacing: -0.97px;}
.ad-two-col-sec .ad-rates-inner p{margin: 0 0 5px;}
.ad-two-col-sec .ad-rates-inner .btns a { padding: 13px 19px; }
.ad-two-col-sec .btn a{font-size: 14px;padding: 9px 15px;}
.ad-two-col-sec .ad-rates-btn {text-align:right;}
.ad-two-col-sec .ad-payment{letter-spacing: 0; opacity: 0.8;}
.ad-multi-card .ad-multi-card-wrap {border-radius: 12px;} 
.ad-multi-card .left-part { width: calc(100% - 800px); padding: 20px 40px 0 50px; }
.ad-multi-card .right-wrap { width:800px;height:100%;    transform: translateX(35px); }
.ad-multi-card .right-wrap .box{box-shadow: 0px 0px 30px #0000001a;}
.ad-multi-card .right-ad-content h4 { font-family: 'Work Sans'; }
.ad-multi-card .right-wrap.column3 .box { width: calc(33.33% - 14px); margin: 0 7px; background: #fff; border-radius: 12px; }
.ad-multi-card .right-wrap.column2 .box { width: calc(50% - 28px); margin: 0 14px; background: #fff; border-radius: 12px; }
.ad-multi-card .image img { border-radius: 12px 12px 0 0;height: 197px !important; object-fit: cover; width: 100%; }
.ad-multi-card .slick-arrow:hover { background-color: #99ACCF; background-size: 17px; }
.ad-multi-card .slick-arrow { background-color: #99ACCF; background-size: 17px;height: 32px;width: 32px;}
.ad-multi-card .slick-arrow.slick-prev{background-position: center 8px; left: 23px; bottom: -50px;}
.ad-multi-card .slick-arrow.slick-next { background-position: center 8px; left: 72px; transform: rotate(180deg); bottom: -50px; }
.ad-multi-card .shape-image { position: absolute; right: 0; width: 100%; height: 100%; left: auto; top: 0; bottom: auto; z-index: -1; } 
.ad-multi-card .dots-image { position: absolute; right: 0; left: auto; top: -80px; bottom: auto; }
.ad-multi-card .ad-multi-card-wrapper { position: relative; z-index: 999; }
.ad-multi-card .dots-image img{height: 485px !important;opacity: 0.2;}
.green-section.ad-multi-card .dots-image img { height: 100%!important; opacity: 1; }
.green-section.ad-multi-card .ad-multi-card-wrap { border-radius: 12px; overflow: hidden; }
.ad-two-silder-sec .ad-section-heading-left-side { padding: 40px 0 40px 60px; width: 50%; } 
.ad-two-silder-sec .ad-two-wrapper { background: #fff; box-shadow: 0px 0px 30px #0000001a; border-radius: 12px; }
.ad-two-silder-sec .ad-image-right-side{width: 50%; height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center;padding-top: 70px; }
.ad-two-inner .ad-image-right-side {position:relative;}
.ad-two-silder-sec .ad-content { width: 100%; max-width: 369px;}
.ad-two-silder-sec .ad-rate-silder-content h3 span { font-size: 22px; }
.ad-two-silder-sec .ad-rates-silder-wrap{margin-bottom:20px;display: flex !important; flex-wrap: wrap; align-items: center; padding: 20px 25px 15px; border-radius: 12px; max-width: 370px; width: 100%;}
.ad-two-silder-sec .ad-rate-silder-content { padding-left: 31px; width: calc(100% - 85px); }
.ad-two-silder-sec .ad-rate-silder-img { width: 85px; }
.ad-two-silder-sec .btn1 a { font-size: 14px; padding: 8px 30px; }
.ad-two-silder-sec .ad-rates-content p { color: #1D1E18; opacity: 0.8; }
.ad-two-silder-sec .right-side-circle-inner{width: 175px;height: 175px;background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;top: 32%;right: 9%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.ad-multi-card .btn1 a { font-size: 14px; padding: 8px 17px; }
.login-sec .login-btn button { background-color: #26a96c; border: 2px solid #26a96c; border-radius: 59px; color: #fff; display: inline-block; font-family: Plus Jakarta Sans,sans-serif; font-size: 16px; font-style: normal; font-weight: 700; padding: 14px 30px; text-decoration: none; text-transform: none;cursor:pointer; 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.login-sec .login-btn button:hover{background-color: #fff; border: 2px solid #032665; color: #032665; 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
.login-sec .register-btn button{background-color:#fff;border: 2px solid #032665; border-radius: 59px; display: inline-block; font-family: Plus Jakarta Sans,sans-serif; font-size: 16px;color:#003087; font-style: normal; font-weight: 700; padding: 14px 30px; text-decoration: none; text-transform: none;cursor:pointer; 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
.login-sec .register-btn button:hover{ background-color: #26a96c; border: 2px solid #26a96c; color: #fff; 
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
.login-sec .right-login-help { border-bottom: 1px solid; }
.login-sec .login-form{width: 450px; padding-right: 60px;}
.login-sec .question-part{width: calc(100% - 450px); padding-right: 50px; padding-left: 50px;}
.login-sec .question-part-inner{padding:45px 20px 45px 50px; background: #003087; border-radius: 32px;}
.login-sec form input[type=text],form input[type=password]{width:100%;outline: 0; padding: 10px 12px;font-family: Plus Jakarta Sans,sans-serif; font-size: 18px; line-height: 28px; font-weight: 500;}
.login-sec form label { color: #1D1E18; font-size: 14px; line-height: 37px; font-weight: 800; }
.login-sec .question-part-inner .question-title h5 { color: #fff;font-family: Plus Jakarta Sans,sans-serif;}
.login-sec .right-side-help{background: rgb(242 243 245 / 40%);}
.login-sec .right-link-help a{color: #26A96C;font-size: 14px; line-height: 37px;}
.login-sec .right-link-help a:hover { color: #003087; }
.login-sec .left-title h1 { font-family: Plus Jakarta Sans,sans-serif; }
.login-sec .left-title a { color: #6682B7; }
.login-sec .question-cta .btn2 a { border: 2px solid #fff; }
.buling-found-zig-section .box-details h2 sup { font-size: 30px; }
.learning-module-4.bulding-strip-section .wrap.icon-type-box .box .left-img .img-box { width: 105px; }
/* end mh css */


.hs-inline-edit .alertbar-main { display: none;}


/* ===== Career Page ===== */
.career-page.mortgage-option-section { padding: 20px 0 0; }
.career-page.mortgage-option-section .section-heading { max-width: 890px; }
.career-page.mortgage-option-section .section-heading h2 { max-width: 100%; }
.career-page.mortgage-option-section .section-heading .content { max-width: 739px; width: 100%; margin: auto; }
.career-page.zig-zag-section { padding: 110px 0 0; margin: -70px 0 0; }
.career-page.zig-zag-section .box .left-part h2 { letter-spacing: -1.5px; }
.career-page.better-banking-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/gray-top-shape.png); }
.career-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 170px; right: -150px; }
.career-page.term-life-sec .silder-content-right { width: 100%; flex: 100%; max-width: 100%; text-align: center; padding: 0; }
.career-page.term-life-sec .silder-content-right .silder-content { color: #4A4B46; letter-spacing: 0.16px; }
.career-page.term-life-sec .silder-content-right .silder-content p { opacity: 0.8; }
.career-page.term-life-sec .silder-content-right .silder-content h5 { color: #1D1E18; font-size: 20px; line-height: 26px; max-width: 383px; display: inline-block; width: 100%; margin: auto; padding: 10px 0 0; font-family: Plus Jakarta Sans;}



/* ===== Privacy Notice ===== */
.privacy-notice-page.simple-banner-sec .section-top { max-width: 100%; }
.privacy-notice-page.simple-banner-sec .section-top .heading-title { text-align: left; }
.privacy-notice-page.simple-banner-sec .section-top .section-heading { text-align: left; margin: 0; opacity: 0.8; max-width: 610px; padding: 10px 0 0; }
.privacy-notice-page.simple-banner-sec .section-top .section-heading p { color: #fff; }
.privacy-notice-page.accordion-topic-sec { padding: 65px 0 100px; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec { border: 0; padding: 55px 50px 40px; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .scroll-inner-title h4 { letter-spacing: -1.23px; color: #003087; text-transform: uppercase; font-size: 49px; line-height: 53px; font-weight: 700; font-family: Work Sans, sans-serif; padding-bottom: 25px; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-heading h4 { color: #33599F; letter-spacing: -0.78px; font-size: 31px; line-height: 42px; font-weight: 400; font-family: Work Sans, sans-serif; padding-bottom: 5px; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper { margin: 0 0 50px; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper .scroll-wrapper { padding-bottom: 0; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper .scroll-wrapper .number-scroll p:last-child { margin-bottom: 0; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper .scroll-wrapper .number-scroll p { font-weight: 500; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper .scroll-wrapper .number-scroll ul { list-style: disc; display: block; padding-left: 35px; margin: 40px 0 40px; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper .scroll-wrapper .number-scroll ul:last-child { margin-bottom:0; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper .scroll-wrapper .number-scroll ul li { max-width: 100%; padding: 0 0 40px; width: 100%; letter-spacing: 0.2px; font-weight: 500; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper .scroll-wrapper .number-scroll { width: 100%; max-width: 100%; flex: 100%; }
.privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper .scroll-wrapper .number-scroll ul li:last-child { padding-bottom: 0; }
.privacy-notice-table .table { box-shadow: 0px 6px 6px #00000012; border-radius: 12px; background: #fff; overflow: hidden; }
.privacy-notice-table .table tr th { background: #003087; color: #fff; border-left: 1px solid #99ACCF; padding: 20px 20px; font-size: 20px; font-weight: 500; line-height: 28px; display: flex; align-items: center; width: 27%; justify-content: center; }
.privacy-notice-table .table table { border-spacing: 0; width: 100%; }
.privacy-notice-table .table tr th:first-child { font-size: 31px; line-height: 42px; padding: 20px 55px; text-align: left; width: 46%; border-left: 0; justify-content: flex-start; }
.privacy-notice-table .table tr { display: flex; border-bottom: 1px solid #99ACCF; }
.privacy-notice-table .table tr td:first-child { padding: 30px 55px; text-align: left; width: 46%; border-left: 0; justify-content: flex-start; -webkit-justify-content: flex-start; font-weight: 400; }
.privacy-notice-table .table tr td { border-left: 1px solid #99ACCF; padding: 20px 20px; font-size: 16px; font-weight: 700; line-height: 20px; display: flex; align-items: center; width: 27%; justify-content: center; color: #4A4B46; }
.privacy-notice-table .table tr td:first-child p { margin: 0; max-width: 406px; width: 100%; }
.privacy-notice-table .table tr:last-child { border: 0; }

/* ===== Scholarship Search ===== */
.question-strip { box-shadow: 0px 0px 30px #0000001A; background: #003087; border-radius: 12px; margin: 34px 0 20px; padding: 47px 40px; }
.question-strip .inner-cover { max-width: 750px; width: 100%; margin: auto; }
.question-strip  .left-part { width: 89px; }
.question-strip .left-part img { width: 89px; }
.question-strip .right-part { width: calc(100% - 89px); padding: 0 0 0 52px; }
.question-strip .right-part .details-box { color: #fff; }
.question-strip .right-part .details-box a { color: #26A96C; font-weight: 700; }
.question-strip .right-part .details-box h4 { color: #fff; }
.question-strip .right-part .details-box a:hover { text-decoration: none; }
.question-strip .right-part .details-box p { margin-bottom: 0; }

.scholarship-section .iframe-box { position: relative; padding-top: 90%; margin: -50px 0 0;}
.scholarship-section .iframe-box iframe {max-width: 1064px; width: 100%; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; padding: 20px 0;  left: 0; top: 0; height: 100%; position: absolute; width: 100%; right:0; background: #fff; }
.scholarship-search-page.simple-banner-sec .section-top .section-heading{ max-width: 540px;}
.scholarship-search-page.simple-banner-sec { padding-bottom: 80px;}
.cta-strip-section .customWidthOption { border-radius: 16px; }
.cta-strip-section .section-heading h2 { color: #fff; font-size: 31px; line-height: 36px; font-family: Plus Jakarta Sans, sans-serif; }
.cta-strip-section .section-heading h6 { color: #fff; }
.cta-strip-section .btns .btn1 a { border: 2px solid #fff; font-size: 16px; padding: 13px 24px; }
.cta-strip-section { margin: 0 0 -50px; position: relative; z-index: 111;}

.full-banner-section.partnering-mcu-page.leadership-team-page {background-position: center bottom !important;}
.fraud-message-strip { max-width: 1280px; width: 100%; margin: -30px auto -60px; border-radius: 12px; display: block; position: relative; z-index: 11; box-shadow: 0px 0px 30px #0000001A; }
.fraud-message-strip .details p { margin: 0; padding: 0 0 0 30px; }
.fraud-message-strip .details a { color: #fff; font-weight: 700; }
.fraud-message-strip .details a:hover { text-decoration: none; }
.fraud-message-strip .fraud-strip .icon-box { width: 50px;}
.fraud-message-strip .fraud-strip .details {width: calc(100% - 50px);}


/* ===== Homebuyer Dream Program ===== */
.homebuyer-dream-program-page.mortgage-option-section { padding-top: 70px; }
.homebuyer-dream-program-page.homebuyer-module-3.w100.multi-col-card { padding-bottom: 0; margin: 0 0 -110px; z-index: 111; }
.homebuyer-dream-program-page.homebuyer-module-3.multi-col-card .section-heading { max-width: 900px; }
.homebuyer-dream-program-page.homebuyer-module-3.multi-col-card .column2 .box .left-part { width: 60px; }
.homebuyer-dream-program-page.homebuyer-module-3.multi-col-card .column2 .box .right-part { width: calc(100% - 60px); align-items: center; }
.homebuyer-dream-program-page.homebuyer-module-3.multi-col-card .column2 .box .right-part h4 { font-size: 20px; }
.homebuyer-dream-program-page.homebuyer-module-3.multi-col-card .column2 .box .right-part .content { opacity: 1; }
.homebuyer-dream-program-page.zig-zag-section { padding: 130px 0 50px; }
.homebuyer-dream-program-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 160px; right: -131px; }
.homebuyer-dream-program-page.refinancing-application-section .section-heading { max-width: 975px; }
.homebuyer-dream-program-page.refinancing-application-section .section-heading .content { max-width: 868px; width: 100%; margin: 0 auto; }
.homebuyer-dream-program-page.refinancing-application-section .shapes-outer { top: 590px; }
.homebuyer-dream-program-page.refinancing-application-section .dtshape1 { top: 340px; }
.homebuyer-dream-program-page.refinancing-application-section .dtshape2 { bottom: 220px; }
.homebuyer-dream-program-page.refinancing-application-section { padding: 120px 0; }
.homebuyer-dream-program-page.full-banner-section { padding-bottom: 250px; }
.homebuyer-dream-program-page.full-banner-section .section-heading { max-width: 1064px; }
.homebuyer-dream-program-page.full-banner-section .section-heading h2 { max-width: 848px; width: 100%; margin: 0 auto 15px; }
.homebuyer-dream-program-page.full-banner-section .btns a { width: auto; }
.homebuyer-dream-program-page.full-banner-section .shapes .bottom-shape { display: none; }
.homebuyer-dream-program-page.better-banking-section:before { display: none; }
.homebuyer-dream-program-page.better-banking-section { background-position: center top !important; margin: -180px 0 0; z-index: 1; }
.homebuyer-dream-program-page.better-banking-section .left-part h2 { max-width: 100%; letter-spacing: -1.52px; }
.homebuyer-dream-program-page.better-banking-section .left-part .content { max-width: 448px; opacity: 1; color: #E5EAF3; }
.homebuyer-dream-program-page.homebuyer-module-8.multi-col-card { padding-bottom: 0; margin: 0 0 -110px; }
.homebuyer-dream-program-page.simple-box-sec { padding: 120px 0 100px; }
.homebuyer-dream-program-page.faq-section { padding: 120px 0 120px; }
.homebuyer-dream-program-page.ready-bottom-section .section-heading { max-width: 903px; }
.homebuyer-dream-program-page.ready-bottom-section .section-heading h2 { max-width: 700px; width: 100%; margin: 0 auto 15px; }


/* ===== Schedule an Appoinment Page ===== */

.appointment-section .box { width: calc(100% / 3 - 16px); margin: 0 8px 16px; border-radius: 32px; padding: 50px; display: flex; flex-direction: column;}
.appointment-section .box .icon { width: 93px; height: 100px;}
.appointment-section .box .icon img { width: 100%; height: 100% !important; object-fit: contain;}
.appointment-section .box .top { height: 100%; display: flex; flex-direction: column;}
.appointment-section .box .top h5{ margin-top: auto; max-width: 430px; width: 100%; font-family: Plus Jakarta Sans;}
.appointment-section .box .btns .btn1 a, .appointment-section .box .btns .btn2 a, .appointment-section .box .btns .btn3 a {font-size: 16px;  border: 2px solid #FFFFFF;  padding: 13px 18px;}

.schedule-appointment-page.simple-banner-sec .section-top { margin: 0;}
.schedule-appointment-page.simple-banner-sec .section-top .heading-title { text-align: left;}
.schedule-appointment-page.full-banner-section h2 { max-width: 848px; width: 100%; margin: 0 auto 15px; }
.schedule-appointment-page.full-banner-section .btns a { width: auto; }
.schedule-appointment-page.col3-slider-section { margin: 0; padding-bottom: 70px; }
.schedule-appointment-page.better-banking-section .left-part h2 { max-width: 100%; letter-spacing: -1.52px; }
.schedule-appointment-page.better-banking-section .left-part .content { max-width: 448px; }

.ripped-bg { position: relative; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/partneringwith_mcu_Bottom_image.jpg);background-size: cover;background-position: 100%; }
.ripped-bg:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Layer_4.png); background-position: 50%; background-repeat: no-repeat;background-size: cover; content: " "; height: 107px; left: 0; position: absolute; top: -10px; width: 100%; }

/* ===== Account Service Page ===== */

.one-navigation-section .box .inner-box { box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff; width: 100%; overflow: hidden; }
.one-navigation-section .box .inner-box .left-part { width: 416px; background: #E5EAF3; display: flex; align-items: center; justify-content: center; padding: 103px 20px; }
.one-navigation-section .box .inner-box .right-part { width: calc(100% - 416px); display: flex; align-items: center; padding: 60px; }
.one-navigation-section .box .inner-box .left-part .icon-box { width: 185px; }
.one-navigation-section .box .inner-box .right-part h6 { color: #33599F; }
.one-navigation-section .box .inner-box .right-part h4 { color: #1D1E18; }
.one-navigation-section .box .inner-box .right-part .content { max-width: 695px; width: 100%; }
.one-navigation-section .box .inner-box .right-part .btn-wrap .btn4 a { font-size: 20px; }
.one-navigation-section .box .inner-box .right-part .btn-wrap .btns a.cta_button img { width: 160px; height: 52px; }
.one-navigation-section .box .inner-box .right-part .btn-wrap .btn-inner-wrap1 { padding-right: 25px; }
.one-navigation-section .box .inner-box .right-part .btn-wrap .image_cta { padding-top: 10px; }
.one-navigation-section .box { padding: 95px 0 0; }
.one-navigation-section .box:first-child { padding: 0; }
.one-navigation-section .box .title-nav-strip { display: flex; align-items: center; padding-bottom: 95px; justify-content: space-between; }
.one-navigation-section .box .title-nav-strip .page-navigation { max-width: 632px; width: 100%; box-shadow: 0px 0px 30px #0000001A;  position: relative; }
.one-navigation-section .box .title-nav-strip .page-navigation .navigate-box { font-size: 20px; font-weight: 500; color: #003087; padding: 22px 40px; cursor: pointer; position: relative; border: 2px solid #003087; border-radius: 12px; transition-delay: 0.3s; }
.one-navigation-section .box .title-nav-strip .page-navigation .navigate-box:before { content: ' '; top: 50%; left: auto; right: 40px; position: absolute; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/down-arrow-blue.png); width: 17px; height: 13px; background-repeat: no-repeat; background-position: center center; transform: translateY(-50%); background-size: contain; }
.one-navigation-section .box .title-nav-strip .page-navigation .navigate-dropdown { display: none;  position: absolute; top: 65px; width: 100%; left: 0; height: 325px; overflow: auto; border: 2px solid #003087; border-top:0; border-bottom-left-radius:12px;  border-bottom-right-radius:12px; background: #fff; }
.one-navigation-section .box .title-nav-strip .page-navigation .navigate-dropdown ul { margin: 0; padding: 20px 40px 30px; overflow: auto; }
.one-navigation-section .box .title-nav-strip .page-navigation .navigate-dropdown ul li a { color: #6682B7; letter-spacing: 0px; text-decoration: none; margin-bottom: 10px; display: inline-block; }
.one-navigation-section .box .title-nav-strip .page-navigation .navigate-dropdown ul li a:hover { text-decoration: underline; }
.one-navigation-section .box .title-nav-strip .page-navigation .navigate-dropdown:before { content: ' '; top: 0; left: 0; width: calc(100% - 80px); height: 1px; position: absolute; background: #b9b9b9; right: 0;margin: auto; }
.one-navigation-section .box .title-nav-strip .page-navigation .navigate-box.active {border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom-color: transparent;}
.one-navigation-section .box .title-nav-strip .page-navigation .navigate-box.active:before { transform: translateY(-50%) rotate(180deg);}
.one-navigation-section .box:nth-child(2) .title-nav-strip .page-navigation .navigate-dropdown {height: 175px;}

/* ===== Student Loan Page ===== */

.student-loan-page.personal-banking-hero .section-heading { max-width: 805px; }
.student-loan-page.personal-banking-hero .section-heading .content { max-width: 584px; }
.student-loan-page.multi-col-card.student-module-2 .section-heading { max-width: 847px; }
.student-loan-page.student-visa-section .section-heading h2 { max-width: 964px; }
.student-loan-page.student-visa-section .section-heading { max-width: 1094px; }
.student-loan-page.student-visa-section .section-heading .content { max-width: 933px; width: 100%; margin: auto; }
.student-loan-page.student-visa-section .box { text-align: center; padding: 65px 60px 60px; }
.student-loan-page.student-visa-section .box p { letter-spacing: -0.25px; color: #777874; font-size: 25px; line-height: 30px; }
.student-loan-page.multi-col-card.student-module-4 .column2 .box .left-part .icon { width: 62px; margin: auto; }
.student-loan-page.multi-col-card.student-module-4 .column2 .box .left-part { width: 70px; }
.student-loan-page.multi-col-card.student-module-4 .column2 .box .right-part { width: calc(100% - 70px); }
.student-loan-page.multi-col-card.student-module-4 .column2 .box .right-part .details h4 { font-size: 20px; line-height: 26px; }
.student-loan-page.multi-col-card.student-module-4 .column2 .box { margin: 0 8px 16px; width: calc(50% - 16px); }
.student-loan-page.zig-zag-section .box .box-details h2 { letter-spacing: -1.23px; }
.student-loan-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 160px; right: -135px; }
.student-loan-page.zig-zag-section .box .right-part .img-box .img-shape { z-index: -1; }
.student-loan-page.full-banner-section .section-heading h2 { max-width: 848px; width: 100%; margin: 0 auto 15px; }
.student-loan-page.full-banner-section .section-heading { max-width: 1064px; }
.student-loan-page.full-banner-section .btns a { width: auto; }

/* ===== Home Improvement Page ===== */

.home-improvement-page.personal-banking-hero { padding-bottom: 95px; overflow: hidden; }
.home-improvement-page.homebuyer-dream-program-page.refinancing-application-section .dtshape1 { top: 20%; }
.home-improvement-page.homebuyer-dream-program-page.refinancing-application-section .dtshape2 { bottom: 10%; }
.home-improvement-page.homebuyer-dream-program-page.refinancing-application-section .shapes-outer { top: 40%; }

/* ===== Financial Literacy Page ===== */

.financial-literacy-page.intern-hero-section .wrap { padding-top: 10px; }
.financial-literacy-page.intern-hero-section:before { display: none; }
.financial-literacy-page.intern-hero-section { padding-bottom: 90px; }
.financial-literacy-page.home-meet-section .section-heading { max-width: 868px; }
.financial-literacy-page.home-meet-section .section-shapes .shape1 { top: 35%; }
.financial-literacy-page.home-meet-section .section-shapes .shape2 { top: 72%; }
.financial-literacy-page.simple-box-sec { padding-top: 135px; }
.financial-literacy-page.multi-col-card .section-heading { max-width: 878px; }
.financial-literacy-page.multi-col-card .section-heading h2 { max-width: 659px; width: 100%; margin: 0 auto 15px; }
.financial-literacy-page.multi-col-card .column3 .box .right-part .details .btns .btn4 a { font-size: 20px; }
.financial-literacy-page.multi-col-card { padding-bottom: 90px; }
.financial-literacy-page.blog-slider-section.col3-slider-section .section-heading { max-width: 823px; }
.financial-literacy-page.blog-slider-section.col3-slider-section .btns a { font-size: 20px; }
.financial-literacy-page.blog-slider-section.col3-slider-section .box .btns.btn4 a:before { top: 21px; }
.financial-literacy-page.blog-slider-section.col3-slider-section .section-btns { padding: 40px 0 0; }
.financial-literacy-page.zig-zag-section .box .box-details h2 { letter-spacing: -1.23px; }
.financial-literacy-page.zig-zag-section { padding: 120px 0 0; }
.financial-literacy-page.zig-zag-section .box { padding: 120px 0; }
.financial-literacy-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 170px; right: -139px; }
.financial-literacy-page.home-meet-section .section-heading h6 { opacity: 0.8; }
.financial-literacy-page.multi-col-card .section-heading h6 { opacity: 0.8; }
.financial-literacy-page.col3-slider-section.blog-slider-section .section-heading h6 { opacity: 0.8; }
.financial-literacy-page.zig-zag-section .box .left-part h6 { opacity: 0.8; }

.special-promotion-section h2 { text-align: center; color: #fff; padding-bottom: 65px; }
.special-promotion-section .spacial-content { display: flex; flex-direction: column; justify-content: center; }
.special-promotion-section .spacial-content .details { max-width: 499px; width: 100%; }
.special-promotion-section .spacial-content  p { padding-bottom: 10px; }

.mortgage-officer-bio-page.multi-col-card .wrap { padding-top: 0;}
.mortgage-officer-bio-page.multi-col-card .box .right-part .details .content a { color: #26A96C; }
.mortgage-officer-bio-page.multi-col-card .box .right-part .details .content a:hover { text-decoration:none; }
.mortgage-officer-bio-page.multi-col-card .box .right-part .details .content { max-width: 336px; width: 100%; margin: auto; }
.mortgage-officer-bio-page.multi-col-card .box .right-part .details { padding-top: 20px; width: 100%; }


/* ===== Digital Banking Page ===== */
.digital-banking-page.simple-box-sec .left-img .img-box { height: 80px; width: 117px;}
.digital-banking-page.zig-zag-section .box .box-details h6 { letter-spacing: -0.2px;color: #33599F;font-size: 20px;line-height: 20px;}
.digital-banking-page.zig-zag-section .box .right-part .img-box .img-shape{z-index:unset;}
.digital-banking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { bottom: auto; top: 180px; z-index: -1; }
.digital-banking-page.personal-loans-page.multi-col-card .section-heading h6 { color: #33599F; letter-spacing: -0.2px;font-size:20px;line-height: 20px; } 
.digital-banking-page.personal-loans-page.multi-col-card .section-heading .content { max-width: 848px; width: 100%; margin: 0 auto; }
.digital-banking-page.personal-loans-page.multi-col-card .section-heading { margin: auto; max-width: 1190px; width: 100%; }
.digital-banking-page.personal-loans-page.multi-col-card .section-heading h2 { margin: auto; max-width: 100%; width: 100%;padding-bottom: 20px; }
.digital-banking-page .hs-cta-img { width: 152px; height: 50px;margin-right: 20px;margin-bottom:30px; }
.digital-banking-page.multi-col-card .column2 .box .left-part .icon img { width: 100%; border: 1px solid #707070; border-radius: 24px; }
.digital-banking-page.personal-loans-page.multi-col-card .column2 .box .left-part .icon { margin-bottom: 20px; width: 108px;}
.digital-banking-page.multi-col-card .right-part .content .hs-cta-img{margin-top:22px;}
.digital-banking-page.multi-col-card .column2 .box {padding: 50px 60px 40px;}
.digital-banking-page.zig-zag-section { position: relative; z-index: 1; }
.digital-banking-page.one-navigation-section .box .title-nav-strip .page-navigation .navigate-box {z-index: 2;}
.digital-banking-page.intern-hero-section .wrap {padding-top: 40px;}
.digital-banking-page.multi-col-card .right-part .content .hs-cta-img:last-child {margin-bottom: 0;}
.digital-banking-page.zig-zag-section .box .box-details .content p {opacity: 0.8;}
.digital-wallet-section .section-heading { max-width: 848px; width: 100%; margin: 0 auto; }
.digital-banking-page.personal-loans-page.multi-col-card .column2 .box .content { opacity: 1; }
.digital-banking-page.one-navigation-section .box .title-nav-strip .page-navigation .navigate-dropdown ul { padding: 15px 0 0; } 
.digital-banking-page.one-navigation-section .box .title-nav-strip .page-navigation .navigate-dropdown ul li a { padding: 5px 40px; margin-bottom: 6px; display: block; } 
.digital-banking-page.one-navigation-section .box .title-nav-strip .page-navigation .navigate-dropdown ul li a:hover { background: #E5EAF3; color: #003087;text-decoration: none; }

/* === Login Popup === */

.universal-login-popup.login-popup-section .popup-wrap-inner { max-width: 848px; width: 100%; margin: 0 auto; padding: 46px 43px 46px 32px; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; background: #fff;position:relative; overflow:hidden;} 
.universal-login-popup.login-popup-section .popup-wrap-inner .popup-right-side {background: #003087; box-shadow: 0px 0px 30px #0000001A; border-radius: 12px; padding: 112px 43px; } 
.universal-login-popup.login-popup-section .popup-section-wrapper .popup-right-side .popup-right-content { text-align: center; } 
.universal-login-popup.login-popup-section .popup-section-wrapper .popup-right-side .popup-right-content h4,.login-popup-section .popup-section-wrapper .popup-right-side .popup-right-content p { color: #fff; } 
.universal-login-popup.login-popup-section .btn5 a { background-color: #F2AF29; border: 4px solid #F2AF29; border-radius: 59px; color: #003087; display: inline-block; font-family: Plus Jakarta Sans,sans-serif; font-size: 20px; font-weight: 700; padding: 19px 26px; text-decoration: none; text-transform: none; width: 100%; }
.universal-login-popup.login-popup-section .btn5 a:hover { background: #fff; border-color: #fff; }
.universal-login-popup.login-popup-section .left-side-content { text-align: center; } 
.universal-login-popup.login-popup-section .left-side-cta .btns .btn1:first-child { margin: 26px auto 20px; }
.universal-login-popup.login-popup-section .left-side-cta .btns .btn1 a { position: relative; }
.universal-login-popup.login-popup-section .left-side-cta .btns .btn1 a span {  position: relative; display:inline-block; transition:all 0.4s; }
.universal-login-popup.login-popup-section .left-side-cta .btns .btn1 a span:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/login.svg); background-repeat: no-repeat; background-size: contain; content: " "; height: 12px; left: -19px; position: absolute; top: 53%; transform: translateY(-50%); width: 11px; }
.universal-login-popup.login-popup-section .left-side-cta { text-align: center; } 
.universal-login-popup.login-popup-section .left-side-cta .btns a { max-width: 100%; width: 278px; }
.universal-login-popup.login-popup-section p { letter-spacing: 0.16px; }
.universal-login-popup.login-popup-section .close-btn { position: absolute; top: -8px; right: -8px;z-index:999999; cursor:pointer; } 
.universal-login-popup.login-popup-section .close-btn svg { width: 40px; height: 40px; fill: #D1495B; box-shadow: 0px 0px 20px #00000029; border-radius: 50%; }
.universal-login-popup.login-popup-section { position: fixed !important; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999999; display: flex;  align-items: center; padding: 80px 0px;background-color: rgb(0 48 135 / 82%); overflow: auto; opacity: 0; visibility: hidden; transition:all 0.5s; display:none; }
/* lch(22.26 56 287.14 / 0.82) */
.universal-login-popup.login-popup-section .left-side-cta .btns .btn1 a:hover { opacity: 0.8; background: #003087; color: #fff; }
.universal-login-popup.login-popup-section .popup-section-wrapper.desktop-view .bottom-shape { position: absolute; bottom: 0; z-index: 111; overflow: hidden; left: 0;height:100px; }
.universal-login-popup.login-popup-section .popup-section-wrapper.desktop-view .popup-section-wrap .popup-left-side,.popup-section-wrapper.desktop-view .popup-section-wrap .popup-right-side{width:50%;z-index: 111; position: relative;}
.universal-login-popup.login-popup-section .popup-section-wrapper.tablet-view,.login-popup-section .popup-section-wrapper.mobile-view{display:none;}
.universal-login-popup.login-popup-section .popup-wrap-inners { display: inline-block; position: relative; } 
.universal-login-popup.login-popup-section .popup-section-wrapper.desktop-view { display: flex; display: flex; align-items: center; justify-content: center; }
.universal-login-popup.login-popup-section .left-side-cta .btns a span { color: #fff;}
.universal-login-popup.login-popup-section .left-side-cta .btns .btn3 a:hover span { color: #fff;}
.universal-login-popup.login-popup-section .left-side-cta .btns .btn3 a { background: #1C7F51; border-color: #1C7F51; } 
.universal-login-popup.login-popup-section .left-side-cta .btns .btn3 a:hover { background: #003087;border-color: #003087; color: #fff; }

body.loginbox-popup-open { overflow:hidden; }
body.loginbox-popup-open .universal-login-popup.login-popup-section { opacity: 1; visibility: visible; display:flex; }
body.loginbox-popup-open header.header { opacity:0;display:none; }
body.loginbox-popup-open .alertbar-main {display: none;}

.popup-disclosure {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 51px;
  transition: opacity .25s;
  z-index: 1000;
}
.popup-disclosure .popup-inner {
  position: relative;
  max-width: 600px;
  width: 90%;
  max-height: calc(100% - 51px);
  margin: 0 auto;
  padding: 51px 33px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 12px #00000008;
  overflow: auto;
}
.popup-disclosure .popup-close:after {
  position: absolute;
  content: '+';
  top: 22px;
  right: 22px;
  font-size: 40px;
  font-weight: 700;
  transform: rotate(45deg);
  cursor: pointer;
}
.popup-disclosure.active {
  opacity: 1;
  pointer-events: auto;
}



.branch_card.co-opt:first-child,.branch_card.co-opt:nth-child(2), .branch_card.co-opt:nth-child(3), .branch_card.co-opt:nth-child(4), .branch_card.co-opt:nth-child(5), .branch_card.co-opt:nth-child(6), .branch_card.co-opt:nth-child(7), .branch_card.co-opt:nth-child(8), .branch_card.co-opt:nth-child(9), .branch_card.co-opt:nth-child(10){
  display:flex !important;
}




.feature-benefit-section { padding: 125px 0px 95px; margin: -55px 0 0; }
.feature-benefit-section .section-title h2 { max-width: 724px; width: 100%; margin: 0 auto 20px; }
.feature-benefit-section .section-title .content { max-width: 933px; width: 100%; margin: auto; padding-bottom: 35px; }
.features-benefits-content-section .box ul li:last-child { padding-bottom: 0; }

.feature-benefit-section .feature-box { box-shadow: 0px 0px 30px #0000001A; background: #fff; padding: 55px 60px; border-radius: 12px; }
.feature-benefit-section .feature-box .details ul { margin: 0; padding: 0; }
.feature-benefit-section .feature-box .details ul li { position: relative; padding: 0 0 0 57px; color: #777874; font-size: 25px; line-height: 30px;  margin-bottom: 28px; font-weight: 500; }
.feature-benefit-section .feature-box .details ul li:before { content: ' '; top: -5px; left: 0; width: 47px; height: 43px; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Group%202236.svg); position: absolute; background-repeat: no-repeat; background-size: contain; }

.feature-benefit-section .feature-box .left-part { width: 50%; padding: 0 30px 0 0; border-right: 2px solid rgb(164 165 162 / 33%); }
.feature-benefit-section .feature-box .right-part { width: 50%; }
.feature-benefit-section .feature-box .right-part .details { max-width: 475px; float: right; }
.feature-benefit-section .feature-box .left-part .details { max-width: 445px; }

.everyday-hero-page.why-mcu-module-4.zig-zag-section { padding-top: 115px; margin-top: -170px; padding-bottom: 40px; }
.everyday-hero-page.zig-zag-section .box .inner-wrap { max-width: 1124px; }
.everyday-hero-page.zig-zag-section .box .box-details { max-width: 565px; }

.features-benefits-content-section .box ul { margin: 0; padding-left: 62px }
.features-benefits-content-section .box ul li { color: #777874; font-size: 25px; font-weight: 500; line-height: 30px; padding-bottom: 29px; position: relative; letter-spacing: -.25px }
.features-benefits-content-section .box ul li:before { content: ''; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/checkmark-black-1.svg); background-repeat: no-repeat; background-size: contain; height: 47px; left: -62px; position: absolute; top: -1px; width: 47px }
.features-benefits-content-section .box .inner-wrap {background:#fff; box-shadow: 0 0 30px #0000001A; border-radius: 12px; padding: 62px 73px 72px 60px }
.features-benefits-content-section .box h3 { color: #1d1e18; font-family: Plus Jakarta Sans; font-size: 31px; line-height: 36px; padding-bottom: 15px; }
.features-benefits-content-section .left-part h2 { color: #1d1e18 }
.features-benefits-content-section .left-part p { font-size: 25px; letter-spacing: -.25px; color: #4a4b46; line-height: 30px }
.digital-banking-page.hero-round-image .hero-content .btns { display: block; }
.everyday-hero-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1{z-index:0;top: auto; bottom: 50px;}
.everyday-hero-page.zig-zag-section .box .right-part .img-box .img-shape{z-index:-1}
.better-banking-section .left-part .app-download-box { background: #fff; border-radius: 15px; padding: 30px 30px; max-width: 345px; }
.better-banking-section .left-part .app-download-box h6 { color: #1d1e18; font-size: 16px; opacity: 1; }
.better-banking-section .left-part .app-download-box .apple-app { width: 135px; margin-right: 15px; }
.better-banking-section .left-part .app-download-box .android-app { width: 135px; }
.everyday-hero-page.better-banking-section .left-part { padding: 50px 0 200px 0; } 
.everyday-hero-page.better-banking-section .left-part h2 { max-width: 100%; letter-spacing: -1.52px; }

.everyday-hero-page.multi-col-card .column2 .box .left-part{width:100px;}
.everyday-hero-page.multi-col-card .column2 .box .right-part{width:calc(100% - 100px);}
/*--------------------------- New Auto Loans Page ------------------------------------*/

.new-auto-loans-page.emphasis-cards .card-subtext{margin:10px 0}
.new-auto-loans-page.emphasis-cards .card-subtext_mos{color:#003087;margin:0 0 3px}
.new-auto-loans-page.features-benefits-content-section { margin-top: -91px; }
.new-auto-loans-page.mortgage-option-section .section-heading h2 { color: #fff; max-width: 800px; width: 100%; }
.new-auto-loans-page.mortgage-option-section { margin-top: -90px; }
.lending-loans-auto-loans-module-6.new-auto-loans-page.multi-col-card .box .right-part .details h4{font-size:20px}
.new-auto-loans-page.multi-col-card .column2 .box .left-part{width:100px}
.new-auto-loans-page.multi-col-card .column2 .box .right-part{width:calc(100% - 100px)}
.new-auto-loans-page.multi-col-card .section-heading { max-width: 800px; }
.new-auto-loans-page.multi-col-card .column2 .box { margin-bottom: 15px; }
.new-auto-loans-page.hero-round-image .hero-content .btn-inner.hero-btn2 .btn4 a{display:flex;flex-wrap:wrap;align-items:center;font-size: 20px; font-family: 'Plus Jakarta Sans';}
.loan-calculators-section .single-calc-wrap { margin: 0; }
.new-digital-banking-page.multi-col-card .section-heading { max-width: 930px; width: 100%; }
.loan-calculators-section  .section-heading { max-width: 938px; width: 100%; margin: 0 auto 45px; text-align: center; }
.new-auto-loans-page.multi-col-card .box .btns .btn1 a ,.new-auto-loans-page.multi-col-card .box .btn4 a{ font-family: Plus Jakarta Sans,sans-serif; }
.digital-banking-page.personal-loans-page.multi-col-card .section-heading .content p:first-child { margin-bottom: 30px; }
.credit-card-overview-page-hero { margin-bottom: 0 !important; }

@media(min-width:1921px){
  .personal-banking-hero:before { height: 42%;}
}

@media (max-width:1600px){
  .home-hero-section .right-part .img-box img { max-width: 555px;}
  .home-hero-section .right-part .img-bg { height: 783px;}
  .personal-banking-hero:before { bottom: -45px; }
  .personal-banking-hero .hero-shape .shape3 { top: 201px; }
  .personal-banking-hero .hero-shape .shape4 { top: 110px; }
  .credit-card-section:before {height: 61px;}
  .creditcard-hero.career-hero-section .right-part .img-box { justify-content: flex-start; margin-left: 0;}
  .mortgages-page.personal-banking-hero .hero-shape .shape2 { top: 37%;}
  .mortgages-page.personal-banking-hero .hero-shape .shape1 { top: 9px;}
  .internships-page.home-meet-section .section-shapes .shape1 { left: auto; left: 4%;  top: 29%; width: 162px; }
  .internships-page.home-meet-section .section-shapes .shape2 { left: auto;  right: 2%; top: 69%; width: 185px; }
  .hone-your-skills .hone-your-skill-title { max-width: 100%; }
  .find-Your-Fit .two-column-skill{padding-bottom:30px;}
  .internships-page.home-meet-section .section-shapes .shape3{top: 23%;}
  .full-banner-section.why-mcu-page:after{height:95px;bottom: -6px;}
  .extended-warranty-section .shape-box-wrap.box-shape_1 { left: 160px; bottom: 500px;max-width:155px; }
  .homebuyer-dream-program-page.refinancing-application-section .shapes-outer { top: 640px;}
  .about-two-column .section-shapes .shap1 img { height: 826px !important; }
  .about-two-column .time-line-right-section { margin-bottom: -340px; }
  .about-two-column { margin-bottom: 240px; }
  .about-two-column .section-shapes .shap1 { right: -73px; height: 200px; }


}


@media (max-width:1430px){
  h1, .h1 { font-size: 45px; }
  h2, .h2 {font-size: 40px; }
  .h3, h3 { font-size: 34px; }
  .h4, h4 { font-size: 22px; }
  .btn1 a, .btn2 a, .btn3 a{ font-size: 18px; }
  /*   .btn4 a:before {  top: 7px;} */
  .header-section .bottom-part .logo-part img{ width: 128px;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1{ padding-bottom: 18px;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-shapes .shape2 { max-width: 894px; right: -200px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 { padding-bottom: 22px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 { padding-bottom: 10px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .style5-menu-group { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 { padding-bottom: 20px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .style5-shapes { max-width: 715px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .box ul li a { font-size: 15px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 { padding-bottom: 31px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .style6-shapes .shape2 { max-width: 340px; width: 100%; left: 57%; }
  .header-section .bottom-part .navigation { flex: 1 0 auto; width: auto; }
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li { padding: 47px 15px; }
  .footer-section .title-menu-wrap a{font-size:18px;}
  .footer-section .column-5{width:25%;}
  .footer-section .simple-menu-level-3 ul li a { font-size: 12px; line-height: 17px; }
  .footer-section .simple-menu ul{padding:10px 0 0 0;}
  .footer-section .column-6 { width: 12%; }
  .home-hero-section .left-part { padding-left: calc((100% - 1096px) / 2); }
  .home-hero-section .right-part .img-bg { height: 660px; }
  .home-hero-section .right-part .img-box img { max-width: 465px; }
  .multi-col-card .column2 .box .right-part { padding-left: 40px; width: calc(100% - 100px); }
  .multi-col-card .column2 .box .left-part { width: 100px; }
  .multi-col-card .column3 .box .icon { height: 120px;}
  .card-slider-section .card-wrapper { padding-left: calc(50% - 548px); }
  .home-meet-section .section-shapes .shape1 { top: 25%; width: 182px; }
  .home-meet-section .section-shapes .shape2 { top: 69%; width: 120px; }
  .col3-slider-section .slick-arrow.slick-prev { transform: translateY(-50%) scale(0.8); left: -48px; }
  .col3-slider-section .slick-arrow.slick-next { transform: translateY(-50%) rotate(180deg) scale(0.8); right: -49px; }
  .better-banking-section .left-part h2 { font-size: 49px; line-height: 58px; }
  .better-banking-section .left-part { padding: 50px 0 200px 0px; }
  .home-support-section .right-side .box h4 { font-size: 24px; line-height: 31px; }
  .home-support-section .right-side .box .inner-cover { padding-top: 10px; }
  .home-support-section .right-side .box { height: 464px; }
  .home-meet-section { padding-top: 40px; }
  .full-banner-section { padding: 160px 0; }
  .multi-col-card { padding: 45px 0 20px; }
  .home-support-section { padding-top: 60px; }
  .career-hero-section .breadcrumb ul li a:before { background: #003087; }
  .two-col-section .box { padding: 35px; }
  .two-col-section .box .details-box { padding-left: 35px; }
  .career-page.home-meet-section { padding-bottom: 22px; margin-bottom: 30px; }
  .two-col-section .section-heading .content { padding-bottom: 20px; }
  .social-media-section { padding: 60px 0 50px; }
  .video-section { padding: 25px 0 50px; }
  .career-page.better-banking-section .left-part { padding: 0 0 150px;}
  .career-hero-section .left-part { padding-left: calc(50% - 548px);}
  .about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { width: 132px;}
  .about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { width: 70px; right: 25px;}
  .personalbanking-saving-page.multi-col-card { padding-bottom: 50px; }
  .strip-box-section .box:last-child { margin-bottom: 0; }
  .personalbanking-saving-page.col3-slider-section { padding-bottom: 20px; }
  .personalbanking-saving-page.zig-zag-section { padding-top: 0; }
  .personal-banking-hero .hero-shape .shape3 { max-width: 290px; top: 261px; }
  .personal-banking-hero .hero-shape .shape4 { top: 211px; max-width: 218px; }
  .personal-banking-hero .hero-shape .shape2 { max-width: 340px; }
  .personal-banking-hero .hero-shape .shape1 { max-width: 311px; }
  .bulding-strip-section .box:last-child { margin-bottom: 0; }
  .perbank-success-section .top-part .box .inner-wrap .right-part {  padding-left: 10px;}
  .perbank-success-section .top-part .right-side .box .inner-wrap .right-part { padding-left: 30px; }
  .perbank-success-section .top-part .box.image .inner-wrap .right-part { padding: 35px 40px 50px; }
  .perbank-success-section .box.senty-five { width: 60%; }
  .perbank-success-section .box.twenty-five { width: 40%; }
  .personal-banking-page.about-hero-section .breadcrumb { padding-bottom: 0;}
  .perbank-success-section { padding: 30px 0px 30px;}
  .checking-page.col3-slider-section { padding-bottom: 0;}
  .checking-page.career-hero-section .right-part .img-box { height: 600px; }
  .building-foundation-page.career-hero-section .right-part .img-box { height: 595px;}
  .build-bound-box-section { padding: 50px 0 70px;}
  .building-foundation-page.home-meet-section .section-shapes .shape3 { top: 285px;}
  .bulding-strip-section { padding: 80px 0 80px; }
  .bulding-strip-section .wrap.icon-type-box .box .right-content { padding: 45px 60px 55px; }
  .credit-card-section { padding: 70px 0px; }
  .credit-card-section.shape-show { padding-bottom: 130px; }
  .credit-card-section .content ul { list-style:inherit; padding-left: 15px; }
  .credit-tab-section { padding: 95px 0 30px; }
  .credit-card-page.col3-slider-section { margin: 0 0 20px; }
  .student-banking-page.intern-hero-section .wrap { padding-top: 10px; }
  .student-visa-section .box ul li { font-size: 22px; }
  .becoming-a-member-page.zig-zag-section .left-part .zig-btn_11 { padding-right: 18px; }
  .becoming-a-member-page.zig-zag-section .box .box-details { padding-right: 20px; }
  .mortgages-page.personal-banking-hero .hero-shape .shape1 { max-width: 411px; top: 12px; }
  .mortgages-page.personal-banking-hero .hero-shape .shape2 { max-width: 420px; right: 33px; }
  .mortgage-option-section { padding-top: 60px;}
  .family-homes-page.mortgages-page.zig-zag-section .box .inner-wrap { padding: 20px 0;}
  .ad-insure-page.col3-slider-section { padding-bottom: 10px; }
  .ad-insure-page.simple-text-section { padding-bottom: 70px; padding-top: 45px; }
  .ad-insure-page.personal-banking-hero .hero-shape .shape1 { max-width: 411px; top: 12px; }
  .ad-insure-page.personal-banking-hero .hero-shape .shape2 { max-width: 420px; right: 33px; }
  .banking-life-section .box .right-part .shape-box-wrap {  bottom: 50px;  left: -70px;  width: 123px;}
  .banking-life-section .box .right-part .shape-box-wrap.box-right-shape { bottom: 300px; right: -60px; }
  .banking-life-section .box .full-box-shape .shape1.left-side { width: 110px; left: -17px; }
  .rates-section .table-main .table-box .tbody .tb-raw .column.btn1 a { padding: 7px 18px;}
  .about-two-column .section-shapes .shap1 { right: -51px; }
  .about-two-column .section-shapes .shap1 img { height: 670px!important; width: 100% !important; max-width: 676px!important; object-fit: cover; object-position: left;}
  .partner-application-form .patners-shape-section .shape2 {right: -160px;top: -207px;}
  .accordion-topic-sec .scroll-wrap-sec{padding: 35px 50px;}
  .accordion-topic-sec .box-wrapper{padding: 30px 50px;}
  .tab-panel-sec ul.tab-title li { padding: 40px 10px 40px;}
  .tab-panel-sec .tab_content { padding: 40px }
  .becoming-a-member-page .custom-btn a{ font-size: 18px; }
  .why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { top: 160px; width: 132px; }
  .why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape2{top: 228px; width: 70px;}
  .image-with-text .inner-wrap { padding-left: calc(50% - 580px); }
  .partnering-mcu-page.multi-col-card{padding:40px 0;}
  .partnering-mcu-page.multi-col-card .column3 .box .icon { height: 140px; }
  .leader-team-listing .team-member{padding: 55px 40px;}
  .strip-box-section.fastrack-checking-page { padding:100px 0; }
  .personal-banking-iras-fixed.multi-col-card {padding: 85px 0 50px;}
  .flexible-page.multi-col-card { padding-bottom: 70px; }
  .direct-deposit-page.multi-col-card { padding-bottom: 70px; }
  .personal-loans-page.personal-banking-hero .hero-shape .shape1 { max-width: 461px; top: 65px; }
  .personal-loans-page.zig-zag-section { margin-top: -140px; overflow: hidden; padding-top: 130px; }
  .personal-loans-page.zig-zag-section .box .inner-wrap{padding:20px 0;}
  .auto-loan-services-page.personal-banking-hero .hero-shape .shape1 { max-width: 441px; }
  .auto-loans-page.zig-zag-section{ margin-top: -100px ; padding-top: 70px; }
  .refinancing-application-section .dtshape2{right: 71px;}
  .refinancing-application-section .dtshape1{left: 110px;}
  .multi-col-card.buying-service-page { margin-top: -70px; padding-top: 120px;padding-bottom:70px; }
  .lending-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { left: 27px; position: absolute; top: 189px; width: 140px; }
  .only-scroll-sec .btn4 a:before{top:11px;}
  .account-service-page.better-banking-section { padding: 20px 0 0; }
  .auto-home-page.why-mcu-two { padding-bottom: 70px; }
  .extended-warranty-section .shape-box-wrap.box-shape_1 { left: 65px; bottom: 400px; }
  .extended-warranty-section .shape-box-wrap.box-shape_2{right: 610px;}
  .extended-warranty-section .inner-box{padding: 45px 50px;}
  .extended-warranty-section .shape1.right-side{bottom: 300px; height: 250px; }
  .banking-life-section .btn4 a:before { top: 10px; }
  .guaranteed-asset-page.ad-insure-page.multi-col-card { padding-top: 60px; }
  .retirement-legacy-planning-page.building-foundation-page.home-meet-section .section-shapes .shape3 { left: 0; top: 375px; }
  .growing-your-finances-page.home-meet-section .section-shapes .shape3 img{height: 1130px!important;}
  .ad-two-col-sec .ad-img { height: 100%; width: 650px; }
  .ad-two-col-sec .ad-section-heading-left-side { width: calc(100% - 650px); }
  .ad-two-col-sec .ad-section-heading-left-side .ad-content { margin: 0; max-width: 300px; width: 100%; }
  .ad-two-col-sec .ad-rates-inner { bottom: 75px; left: auto; max-width: 750px; padding: 18px 35px;right: -28px; width: 100%; }
  .ad-multi-card .left-part { width: calc(100% - 670px); padding: 0 30px 0 50px; }
  .ad-multi-card .right-wrap { width:670px;height:100%;    transform: translateX(35px); }
  .ad-multi-card .dots-image img { height: 460px!important; }
  .buling-found-zig-section .box-details h2 sup { font-size: 25px; }
  .login-sec .question-part { padding-left: 20px; padding-right: 40px; width: calc(100% - 400px); }
  .login-sec .login-form { padding-right: 50px; width: 400px; }
  .login-sec .question-part-inner{padding:45px 0 45px 35px;}
  .ad-two-silder-sec .right-side-circle-inner{width: 155px;height: 155px;right: 7%;}
  .privacy-notice-table .table tr th:first-child { font-size: 26px; line-height: 36px; }
  .privacy-notice-table .table tr td:first-child { padding: 25px 55px; }
  .privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .scroll-inner-title h4 { font-size: 40px; line-height: 38px; padding-bottom: 5px; }
  .privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-heading h4 { font-size: 25px; line-height: 30px; }
  .privacy-notice-page.accordion-topic-sec { padding: 65px 0 80px; }
  .scholarship-section .iframe-box iframe { height: 1153px; position: relative;}
  .scholarship-section .iframe-box { padding: 0;}
  .fraud-message-strip { max-width: 1100px;}
  .homebuyer-dream-program-page.zig-zag-section { padding: 100px 0 30px; }
  .homebuyer-dream-program-page.refinancing-application-section { padding: 80px 0; }
  .homebuyer-dream-program-page.faq-section { padding: 90px 0; }
  .homebuyer-dream-program-page.simple-box-sec { padding: 90px 0 70px; }
  .homebuyer-dream-program-page.refinancing-application-section .dtshape1 { top: 300px; max-width: 120px; left: 151px;}
  .financial-literacy-page.home-meet-section { padding: 80px 0 0; }
  .financial-literacy-page.multi-col-card { padding: 90px 0 90px; }
  .financial-literacy-page.zig-zag-section { padding: 90px 0 0; }
  .financial-literacy-page.zig-zag-section .box { padding: 85px 0; }
  .privacy-notice-page.accordion-topic-sec .scroll-wrap-sec { padding: 35px 50px;}
  .feature-benefit-section { padding: 75px 0 75px; }
  .feature-benefit-section .feature-box .details ul li { line-height: 27px; font-size: 20px; }


}


@media (max-width:1199px){
  .h1, h1 { font-size: 40px; }
  .h4, h4 { font-size: 20px; }
  .btn1 a, .btn2 a, .btn3 a { font-size: 16px; padding: 15px 22px; }
  .body-container-wrapper { margin-top: 150px;}
  .header-section .navigation .hs-menu-wrapper li .megamenu { max-height: calc(100vh - 98px); }
  .header-section .bottom-part .logo-part { width: 101px; flex: 1 0 auto; }
  .header-section .bottom-part .navigation .header-btn { padding-left: 10px; }
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li { padding: 36px 10px; }
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li>a { font-size: 11.5px; letter-spacing: -0.7px; }
  .body-wrapper:not(.hs-landing-page) .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:last-child { padding: 28px 0 28px 20px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .style1-menu-group { padding-left: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part { padding: 11px 30px 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .left-part { padding: 0px 50px 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 { padding-bottom: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-menu-group { padding-left: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-shapes .shape2 { max-width: 784px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul li a { height: 145px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part { padding: 15px 16px 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-left { width: 100%; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right { width: 100%; padding: 0 0 10px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul li a { height: 145px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .inner-left { padding: 14px 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box a { height: 145px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right { padding: 18px 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box a:hover span:before { right: -15px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .box { width: calc(100% - 30px); margin-bottom: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .box ul li { padding-bottom: 10px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .style6-shapes .shape2 { left: 53%; }
  .home-hero-section .left-part { padding-left: calc((100% - 910px) / 2); }
  .home-hero-section .grbtn_1 { padding-right: 12px; }
  .home-hero-section .right-part .img-bg { height: 590px; }
  .home-hero-section .right-part .img-box img { max-width: 415px; }
  .multi-col-card .column2 .box { flex-direction: inherit; }
  .multi-col-card .column2 .box .right-part { width: 100%; padding: 20px 0 0; text-align: center; }
  .multi-col-card .column2 .box .left-part .icon { height: 110px; display: flex; }
  .multi-col-card .column2 .box .left-part .icon img { height: 100%; }
  .multi-col-card .column2 .box .left-part { margin: auto;}
  .multi-col-card .column2 .box .right-part { height: calc(100% - 110px);}
  .multi-col-card .column3 .box { width: calc(50% - 16px);}
  .multi-col-card .column3 .box .right-part { height: calc(100% - 120px);}
  .card-slider-section .card-wrapper {    padding-left: calc(50% - 455px);}
  .card-slider-section .slick-list.draggable {padding: 30px 42% 30px 0px;}
  .col3-slider-section .slick-arrow.slick-next { transform: translateY(-50%) rotate(180deg) scale(.6); right: -42px; }
  .col3-slider-section .slick-arrow.slick-prev { left: -43px; transform: translateY(-50%) scale(.6); }
  .better-banking-section .left-part h2 { font-size: 39px; line-height: 42px; }
  .better-banking-section .left-part .btns { flex-wrap: wrap; }
  .better-banking-section .left-part .btns .groupbtn_1 { padding: 0 10px 15px 0; }
  .better-banking-section .left-part { padding: 20px 0 150px; }
  .home-support-section { padding-top: 40px; }
  .home-support-section .right-side .box { height: 381px; }
  .home-support-section .right-side .box .box-details { width: 100%; }
  .home-support-section .right-side .box .box-details .btns { position: relative; width: 100%; text-align: left; background: transparent; }
  .home-support-section .right-side .box .box-details .btns .btn1,
  .home-support-section .right-side .box .box-details .btns .btn2,
  .home-support-section .right-side .box .box-details .btns .btn3,
  .home-support-section .right-side .box .box-details .btns .btn4 { top: 0; transform: translateY(0%); }
  .home-support-section .box .icon { width: 80px; }
  .home-support-section .box .box-details { width: calc(100% - 80px); padding: 0 0 0 30px; }
  .home-support-section .right-side .box .inner-cover { padding-top: 10px; }
  .home-support-section .right-side .box .icon img { width: 85px;}
  .career-page.home-meet-section .box:last-child { margin-bottom: 0; }
  .career-page.home-meet-section { padding-bottom: 20px; }
  .career-page.home-meet-section .section-shapes .shape3 { top: 270px; height: 70%; }
  .career-hero-section .left-part { padding-left: calc(50% - 455px);}
  .career-hero-section .right-part .img-box{height: 640px;}
  .career-hero-section .right-part .img-box .img-shape { max-width: 210px;}
  .intern-hero-section .right-part .img-box { height: 360px;}
  .about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { width: 112px; left: 11px; top: 86px; }
  .about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { right: 19px; width: 60px; top: 160px; }
  .zig-zag-section .box .right-part .img-box img { height: 430px!important; object-fit: cover;}
  .personalbanking-saving-page.better-banking-section { padding-top: 70px;}
  .personalbanking-saving-page.career-hero-section .right-part .img-box { height: 560px; }
  .ready-bottom-section .vector-shape .green-shape1 { width: 110px; }
  .ready-bottom-section .vector-shape .green-shape2 { width: 110px; }
  .ready-bottom-section .vector-shape .green-shape3 { width: 620px;}
  .personal-banking-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { left: -3px; top: 159px; }
  .personal-banking-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { right: -16px; top: 201px; }
  .perbank-success-section .box .inner-wrap { display: block; height: 100%; }
  .perbank-success-section .top-part .box .inner-wrap .right-part { width: 100%; padding: 15px 0 0; }
  .perbank-success-section .top-part .left-side { width: 100%; display: flex; }
  .perbank-success-section .top-part .box.success3 { width: 100%; height: auto !important; }
  .perbank-success-section .top-part { flex-wrap: wrap; }
  .perbank-success-section .box .right-part { display: flex; height: calc(100% - 90px); }
  .perbank-success-section .box .box-details { display: flex; flex-direction: column; height: 100%; }
  .perbank-success-section .box .title-inner { display: flex; flex-direction: column; }
  .perbank-success-section .box .btns { margin-top: auto; }
  .perbank-success-section .top-part .box.success3 .right-part { height: auto; }
  .perbank-success-section .box.senty-five, .perbank-success-section .box.twenty-five { width: 50%;}
  .checking-page.career-hero-section .right-part .img-box { height: 570px; }
  .checking-page.better-banking-section { padding: 90px 0 0;}
  .bulding-strip-section .box .right-content { width: calc(100% - 360px);}
  .bulding-strip-section .box .left-img {width: 360px;}
  .bulding-strip-section .wrap.icon-type-box .box .left-img { padding: 35px 0 35px 20px;}
  .bulding-strip-section .wrap.icon-type-box .box .left-img .img-box { width: 105px;}
  .buling-found-zig-section .box .right-part .img-box img { height: 430px!important; object-fit: cover;}
  .building-foundation-page.career-hero-section .right-part .img-box { height: 525px; }
  .build-bound-box-section .box { padding: 50px 20px 44px 20px; }
  .building-foundation-page.multi-col-card { padding: 0px 0 60px; }
  .building-foundation-page.multi-col-card .column3 .box .right-part { justify-content: center; }
  .bulding-strip-section .wrap.icon-type-box .box .right-content { padding: 25px 25px 35px; }
  .buling-found-zig-section { margin: -160px 0 0; padding: 90px 0 0; }
  .build-bound-box-section { padding: 10px 0 70px;}
  .credit-card-page.career-hero-section .right-part .img-box { height: 590px; }
  .credit-card-section .box .left-card { padding: 40px; width: 350px; display: flex; align-items: center; }
  .credit-card-section .box .right-details { padding: 40px; width: calc(100% - 350px); }
  .credit-tab-section .credit-list ul li { font-size: 17px; }
  .credit-tab-section .credit-section .credit-content { padding: 40px 25px; }
  .credit-tab-section .credit-section .credit-content ul,
  .credit-tab-section .credit-section .credit-content ol { padding-left: 25px; }
  .creditcard-hero.career-hero-section .right-part .img-box { max-width: 320px; }
  .creditcard-hero.career-hero-section .hero-shape-right { max-width: 522px; }
  .creditcard-hero.career-hero-section .right-part .img-box .img-shape .shape-img1 { width: 130px; bottom: 93px; left: -25px; }
  .creditcard-hero.career-hero-section .right-part .img-box .img-shape .shape-img2 { right: -81px; top: 106px; width: 180px; }
  .student-banking-page.multi-col-card { padding: 25px 0 20px; }
  .student-visa-section { padding: 111px 0 90px; margin: -110px 0 0; }
  .student-visa-section .box h3 { font-size: 25px; line-height: 30px; }
  .student-visa-section .box ul li { font-size: 20px; line-height: 25px; }
  .student-visa-section .box ul li:before { width: 36px; height: 36px; }
  .credit-card-subpages.multi-col-card .column2 .box .right-part { padding-left: 0;}
  .creditcard-hero.career-hero-section {padding-bottom: 0px;}
  .credit-card-subpages.visa-module-4.zig-zag-section {padding: 0 0 30px}
  .load-specialist-section .box {  width: calc(100% / 2 - 16px);}
  .student-banking-page.zig-zag-section { padding-top: 30px;}
  .mortgage-option-section { padding-top: 60px; }
  .mortgages-page.col3-slider-section { padding-bottom: 10px; }
  .mortgages-page.personal-banking-hero .hero-shape .shape1 { max-width: 411px; top: 12px; left: -80px; }
  .mortgages-page.personal-banking-hero .section-heading { max-width: 715px; }
  .mortgages-page.personal-banking-hero .hero-shape .shape2 { max-width: 410px; right: 1px; height: 350px; }
  .insurance-page.multi-col-card .column2 .box .right-part { width: 100%;}
  .ad-insure-page.multi-col-card .column2 .box .right-part { width: 100%;}
  .ad-insure-page.zig-zag-section { padding-top: 0;}
  .banking-life-page.career-hero-section .section-heading { padding-top: 30px; }
  .banking-life-page.career-hero-section .right-part .img-box { height: 540px; }
  .banking-life-section .box { padding: 60px 0; }
  .banking-life-section .box .right-part .inner-box .box-bottom { padding: 35px 40px 45px; width: calc(100% - 325px); }
  .banking-life-section .box .right-part .inner-box .img-box { width: 325px;}
  /*   .banking-life-section .box .right-part .inner-box-wrap { height: 550px; } */
  .banking-life-section .box .right-part .shape-box-wrap { bottom: 0px; left: -50px; width: 101px; }
  .banking-life-section .box .full-box-shape .shape2.right-side{top:-40px;}
  .rates-section .table-main .table-box .tbody .tb-raw .column.btn1 { padding: 18px 10px 20px; }
  .rates-section .table-main .table-box .tbody .tb-raw .column.btn1 a { padding: 7px 10px; }
  .internships-page.home-meet-section .section-shapes .shape1{left: 0; top: 27%; width: 120px;}
  .internships-page.home-meet-section .section-shapes .shape2 { left: auto;right: 0px; top: 73%; width: 125px; }
  .about-two-column .section-shapes .shap1 img { max-width: 440px!important; height: 534px!important;}
  .about-two-column .section-shapes .shap1 { right: -40px; top: 200px;}
  .partner-application-form .patners-shape-section .shape3 { right: -70px; width: 110px; }
  .partner-application-form .patners-shape-section .shape1 { width: 120px; left: -80px; }
  .partner-application-form{margin-top:-130px;}
  .partner-application-form .patners-shape-section .shape2 { right: -120px; top: -197px; width: 660px; }
  .personal-Banking-Accounts.fastrack-checking-page .wrap {padding-top:0px;} 
  .personal-Banking-Accounts.fastrack-checking-page.partner-application-form .box.right-img{padding-top:0px;}
  .personal-Banking-Accounts.better-banking-section { padding: 80px 0px; }
  .personal-Banking-Accounts.fastrack-checking-page.full-banner-section {margin-top:-150px;}
  .youth-account-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -95px; max-width: 120px; top: 210px; z-index: 1; }
  .becoming-a-member-page .custom-btn a { font-size: 16px; padding: 15px 22px; }
  .why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { top: 120px; width: 112px;left:10px; }
  .why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { top: 168px; width: 60px; right: 39px; }
  .simple-text-section.why-mcu-page { margin-top: -92px; }
  .better-banking-section.why-mcu-page { margin-top: -110px; }
  .why-mcu-section .box {width: calc(50% - 16px); }
  .image-with-text .inner-wrap { padding-left: calc(50% - 455px); }
  .image-with-text .right-part .image-inner .img-box.img_3 { height: 264px; max-width: 226px;}
  .image-with-text .right-part .image-inner .img-box.img_2 { height: 222px; max-width: 226px;}
  .image-with-text .right-part .image-inner .img-box.img_1 { height: 248px; max-width: 282px;}
  .image-with-text .right-part .image-inner .img-box.img_1 { height: 268px; max-width: 252px; }
  .partnering-mcu-page.multi-col-card .column2 .box .left-part {height: 110px;}
  .partnering-mcu-page.multi-col-card .column2 .box .right-part{ height: calc(100% - 110px);}
  .partnering-mcu-page.multi-col-card .column2 .box .right-part{width:100%;}
  .partnering-mcu-page.multi-col-card .column2 .box .left-part{width:100%;}
  .leader-team-listing .team-member { padding: 45px 27px; width: calc(50% - 16px); margin: 0 8px 16px; }
  .share-draft.personal-banking-hero .hero-shape .shape3 { max-width: 252px;}
  .share-draft.personal-banking-hero .hero-shape .shape4 { max-width: 190px; }
  .partner-faq-page.simple-text-section { margin-top: -95px;padding-top:90px; }
  .share-certificate-multi-col .wrap.column3 .box{ width: calc(50% - 16px); margin: 0 8px 16px; }
  .direct-deposit-page.tab-panel-sec ul.tab-title li{padding:60px 20px;}
  .account-service-page.better-banking-section{padding:60px 0 0;}
  .refinancing-application-section .dtshape2 { right: 36px; max-width: 120px; }
  .refinancing-application-section .dtshape1 { left: 46px; max-width: 120px; }
  .refinancing-application-section .shapes-outer{top: 430px;height: 380px;}
  .term-life-sec .silder-wrapper{padding: 50px 35px;}
  .term-life-sec .slick-slider .slick-list { padding: 0 25.5%; }
  .lending-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { left: 4px; position: absolute; top: 159px; width: 120px; }
  .extended-warranty-section .shape-box-wrap.box-shape_1 { left: 56px; bottom: 400px; }
  .extended-warranty-section .shape-box-wrap.box-shape_2{right: 520px;}
  .building-foundation-page.build-bound-box-section { padding: 70px 0 70px; }
  .ad-two-col-sec .ad-section-heading-left-side { padding: 35px 0 35px 60px; width: calc(100% - 450px); }
  .ad-two-col-sec .ad-img { height: 100%; width: 450px; }
  .ad-two-col-sec .ad-rates-inner { bottom: 50px; left: auto; max-width: 635px; padding: 15px 20px; right: -30px; width: 100%; }
  .ad-two-col-sec .ad-image-right-side .ad-img img{object-position:left center;}
  .ad-multi-card .left-part { padding: 20px 30px 0 50px; width: calc(100% - 490px); }
  .ad-multi-card .right-wrap { height: 100%; transform: translateX(35px); width: 490px; }
  .ad-multi-card .right-wrap.column3 .box{margin: 0 14px 15px; width: calc(50% - 28px);}
  .ad-multi-card .dots-image img { height: 460px!important; }
  .ad-two-silder-sec .ad-content { max-width: 300px; width: 100%; }
  .ad-two-silder-sec .right-side-circle-inner { height: 135px; right: 2%; width: 135px ; }
  .login-sec .question-part { padding-left: 15px; padding-right: 20px; width: calc(100% - 320px); }
  .login-sec .login-form { padding-right: 30px; width: 320px; }
  .login-sec .question-part-inner { padding: 45px 0 45px 25px; }
  .privacy-notice-table .table tr th:first-child { font-size: 22px; line-height: 30px; padding: 20px 35px; }
  .privacy-notice-table .table tr th { font-size: 18px; }
  .privacy-notice-table .table tr td:first-child { padding: 25px 35px; }
  .fraud-message-strip { max-width: 910px;margin: -30px auto -40px;}
  .homebuyer-dream-program-page.refinancing-application-section .dtshape1 { top: 300px; max-width: 120px; left: 151px; }
  .homebuyer-dream-program-page.homebuyer-module-3.multi-col-card .column2 .box .left-part { width: 100px; }
  .homebuyer-dream-program-page.homebuyer-module-3.multi-col-card .column2 .box .right-part { width: 100%; }
  .homebuyer-dream-program-page.homebuyer-module-3.multi-col-card .column2 .box .left-part .icon { max-width: 70px; margin: auto; width: 100%; }
  .homebuyer-dream-program-page.refinancing-application-section { padding: 60px 0; }
  .homebuyer-dream-program-page.simple-box-sec { padding: 110px 0 50px; }
  .homebuyer-dream-program-page.faq-section { padding: 80px 0 70px; }
  .student-loan-page.multi-col-card.student-module-2 { padding: 95px 0 20px; }
  .student-loan-page.student-visa-section .box p { font-size: 20px; }
  .student-loan-page.multi-col-card.student-module-4 .column2 .box .left-part { width: 100%; }
  .student-loan-page.multi-col-card.student-module-4 .column2 .box .right-part { width: 100%; }
  .student-loan-page.multi-col-card.student-module-5 .box { padding: 50px 20px 30px; }
  .one-navigation-section .box .inner-box .left-part { width: 306px; }
  .one-navigation-section .box .inner-box .right-part { width: calc(100% - 306px); }
  .one-navigation-section .box .inner-box .left-part .icon-box { width: 145px; }
  .one-navigation-section .box .title-nav-strip .page-navigation { max-width: 482px;}
  .category-branches { font-size: 12px !important;}
  .mortage-load-specialist .get-touch .details-box .phone .right-side .contact .fax { padding-left: 50px;}
  .feature-benefit-section .section-title .content { font-size: 20px; }
  .feature-benefit-section .feature-box .right-part { padding: 0 0 0 40px; }

  .features-benefits-content-section .box .inner-wrap { padding: 42px 42px 42px 34px; }
  .features-benefits-content-section .left-part p{font-size:20px;line-height:28px}
  .features-benefits-content-section .box h3{font-size:25px;line-height:30px}
  .features-benefits-content-section .box ul li{font-size:18px;line-height:22px}
  .features-benefits-content-section .box ul li:before{height:36px;width:36px;}
  .better-banking-section .right-part .img-box .rating-img { top: -47px; max-width: 220px;}

  .new-auto-loans-page.multi-col-card .column2 .box{flex-direction:inherit}
  .new-auto-loans-page.multi-col-card .column2 .box .left-part{margin:auto}
  .new-auto-loans-page.multi-col-card .column2 .box .right-part{padding:20px 0 0;text-align:center;width:100%}
  .everyday-hero-page.better-banking-section .left-part { padding: 20px 0 150px; }
  .everyday-hero-page.multi-col-card .column2 .box .left-part { width: 100%; } 
  .everyday-hero-page.multi-col-card .column2 .box .right-part { width: 100%; padding: 20px 0 0; text-align: center; }
  .digital-banking-page.personal-loans-page.multi-col-card .column2 .box .left-part{width:100px;}



}

@media (min-width:992px){
  .header-section .bottom-part .navigation .hs-menu-wrapper { display: block !important;}
  .branch-card-sec .mt--30 { top: -20px; position: relative; }
  .branch-card-sec .mobile-view{display:none;}
}

@media (max-width:991px){
  .login-popup { display: none; }
  .login-popup-mobile { display: block; }
  .header-section .top-nav .top-nav-link { font-size: 12px; }
  .login-popup .left-part .inner-left .box .dis-flex:not(.btns) { flex-direction: column; gap: 10px }
  .login-popup .left-part { gap: 23px; }
  .h1, h1 { font-size: 39px; line-height: 39px; }
  .h2, h2 {font-size: 39px; letter-spacing: -0.97px;}
  .header-section .bottom-part .navigation .mainmenu { display: none; }
  /*   .btn4 a:before { top: 7px;} */
  a.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 29px; right: 15px; width: 34px; height: 44px; padding: 12px 0px;
    background: transparent; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase;
    border-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; left:20px;}
  a.mobile-trigger:hover { text-decoration: none; color: #fff;}
  a.mobile-trigger span{ display: inline;}
  /* Change button when menu is open */
  .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background: transparent; }
  .mobile-open a.mobile-trigger span:after{ opacity: 1; }

  /* Toggle Button Icon & Animations */
  a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; }
  a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: '';}
  a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 33px; height: 2px; background-color: #003087; display: inline-block;}
  a.mobile-trigger i:before { margin-top: -9px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; }
  a.mobile-trigger i:after { margin-top: 9px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; }
  .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
  .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); background: #D1495B;}
  .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); background: #D1495B; }

  .mainmenu.js-enabled .hs-menu-flow-horizontal,.mainmenu.js-enabled .hs-menu-children-wrapper{ display: none;} 
  .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none;}
  .mainmenu.js-enabled .hs-menu-flow-horizontal{ position: absolute; top: 100%; left: 0px; width: 100%; -webkit-box-shadow: 0px 6px 12px #00000008; -moz-box-shadow: 0px 6px 12px #00000008; box-shadow: 0px 6px 12px #00000008; background:#fff; padding:0 0 210px; height: calc(100vh - 155px); overflow: auto !important;}
  .header-section.sticky .mainmenu.js-enabled .hs-menu-flow-horizontal { height: calc(100vh - 103px) }
  .mainmenu .hs-menu-flow-horizontal{ padding: 40px 0 0 0; background-color: #3c455c; width: 100%; z-index: 8888; }
  .mainmenu.js-enabled .hs-menu-flow-horizontal:before { content: ' '; top: -8px; left: 0; width: 100%; height: 12px; position: absolute; box-shadow: 0px 6px 12px #00000008; }

  .header-section .container { max-width: 100%;}
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:last-child { display:none; }
  .header-section .bottom-part { position: relative; padding: 28px 0; }
  .header-section .top-part { padding: 18px 0; }
  .header-section .top-part .search-part { display: none; }
  .header-section .top-part .routing ul li { width: auto; color:#7D869C; }
  .header-section .bottom-part .logo-part img { width: 113px;}
  .header-section .bottom-part .logo-part { width: calc(50% + 56.5px); text-align: right; }
  .header-section .bottom-part .navigation { width:calc(50% - 56.5px); }
  .header-section .bottom-part .navigation .mainmenu { width: auto;}
  .header-section .bottom-part .navigation .header-btn a { background: transparent; color: #003087; letter-spacing: -0.24px; }
  .header-section .bottom-part .navigation .header-btn a:before { left: 0; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/login-blue.svg); }
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li { padding: 13px 20px 16px; position: relative; width:100%; }
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li>a { width: auto; font-size: 20px; }
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li>a:hover, .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:hover>a {  color: #003087;}
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li>a:before { border: 0; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/blue-arrow.png); background-repeat: no-repeat; width: 17px; height: 17px; background-size: contain; top: 6px; right: -27px; transform: inherit; }
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:hover>a { text-shadow: none;}
  .header-section .bottom-part .navigation .button-search-box { display: flex; flex-wrap: wrap; align-items: center; padding:60px 20px 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .button-search-box {padding-top: 50px;}
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li span.child-triggerm { position: absolute; top: 0; width: 100%; height: 50px; left: 0;}
  .header-section .bottom-part .navigation .button-search-box .level1-children { padding-right: 6px; width:50%; position:relative;}
  .header-section .bottom-part .navigation .button-search-box > .level1-children > a { background: #26A96C; text-align: center; font-weight: 700; padding: 12px 20px; border-radius: 50px; display: inline-block; line-height: 20px; width:100%; color: #fff; text-decoration: none;}
  .header-section .bottom-part .navigation .mainmenu .button-search-box .header-btn a { background: #003087; color: #fff; text-align: center; padding: 12px 20px 12px 35px; width:100%; }
  .header-section .bottom-part .navigation .mainmenu .header-btn a span { position: relative; display: inline-block; width: auto; }
  .header-section .bottom-part .navigation .mainmenu .mobile-menu-outer .header-btn a span:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/login.svg); background-repeat: no-repeat; background-size: contain; content: " "; height: 12px; left: -20px; position: absolute; top: 52%; transform: translateY(-50%); width: 11px; }
  .header-section .bottom-part .navigation .mainmenu .mobile-menu-outer .header-btn a:before { display: none; }
  .header-section .bottom-part .navigation .mainmenu .header-btn { padding-left: 6px; opacity: 1 !important; visibility: visible !important; width:50%; }
/*   body.mobile-open { overflow: hidden;} */
  .header-section .bottom-part .navigation .mainmenu + .header-btn .cta_button { opacity: 0; visibility: hidden;}
  .search-part { width: 100%; }
  .search-part .search-box { position: relative; opacity: 1; visibility: visible; width: 100%; padding: 21px 0 0; }
  .search-part .search-icon { display: none; }
  .search-part .search-box .search-close { display: none; }
  .search-part .search-box form input.hs-search-field__input { background: #e5e7eb url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/search-svg.svg); border-radius: 50px; border: 0; text-align: center; padding: 5px 20px; height: 41px; width:100%; background-repeat: no-repeat; background-position: calc(50% - 40px) 50%;}
  .search-part .search-box form input.hs-search-field__input:focus { background-image: none;}
  .search-part .search-box form button { display: none; }
  .header-section .bottom-part .navigation .hs-menu-wrapper>ul { padding: 15px 0 0px;}
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li:hover>a:before { transform: inherit;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .mobile-menu-title { display: block; width:100%; }
  .previus-btn { font-size: 16px; line-height: 24px; color: #26A96C; letter-spacing: -0.24px; text-decoration: underline; align-items: center; width: auto; cursor: pointer; display: inline-flex; }
  .previus-btn img { width: 17px; margin-right: 7px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .mobile-menu-title h3 { font-size: 25px; font-weight: 500; line-height: 24px; letter-spacing: -0.38px; text-decoration: underline; padding: 20px 0 0; font-family: Plus Jakarta Sans; }
  .header-section .bottom-part .navigation .button-search-box li.level1-children .megamenu .mobile-menu-title h3 a { background: transparent; text-align: left;  padding: 0;  color: #003087;  text-decoration: underline;  font-weight: 500;}
  .header-section .bottom-part .navigation .mainmenu>span>.hs-menu-wrapper>ul>li span.child-triggerm.child-open + .megamenu, .login-popup-mobile.active { left: 0; z-index: 9999 !important; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .container { display: block;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu { display: block !important;  opacity: 1; visibility: visible;  transform: translateY(0); left: -100%; transition: all 0.4s; pointer-events: inherit; position: fixed; top: 170px; height: calc(100vh - 79px); overflow: auto !important; z-index:99; padding: 0 0 70px; overflow-x: hidden !important; }
  .login-popup { display: block !important;  opacity: 1; visibility: visible;  transform: translateY(0); left: -120%; transition: all 0.4s; pointer-events: inherit; position: fixed; top: 162px; height: calc(100vh - 79px); overflow: auto !important; z-index:99; padding: 0 0 70px; overflow-x: hidden !important;  }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .right-part { display: none;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .hs-menu-flow-horizontal ul li ul { padding: 0 0 0 20px !important; display: block !important; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .title { padding:0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .hs-menu-flow-horizontal { position: relative !important; height: auto !important; display: block !important; box-shadow: none; top:0; left:0; padding: 0; background: transparent; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .hs-menu-flow-horizontal:before { display: none; }
  .header-section .navigation .hs-menu-wrapper .megamenu .hs-menu-flow-horizontal ul { padding: 0 0 0 20px; }
  .header-section .navigation .hs-menu-wrapper .megamenu .hs-menu-flow-horizontal ul li a,
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .simple-menu a,
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right .box .simple-menu a{ font-size: 16px; line-height: 35px; opacity: 0.8; font-family: 'Work Sans', sans-serif; color: #003087; font-weight: 400;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-left .wrap,
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right .wrap { margin: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-left .box,
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right .box { width: 100%; margin: 0 0 20px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .style1-menu-group { padding: 20px 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part { width: 100%; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-left,
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 .left-part .inner-right { width: 100%; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style1 { padding-bottom: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-menu-group { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .left-part .box { width: 100%; margin: 0 0 20px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .hs-menu-flow-horizontal ul { padding: 0 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .left-part { width: 100%; padding: 5px 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .add-box .mobile-shape2 { position: absolute; top: auto; bottom: -10px; z-index: -1; left: 0; right: -20px; text-align: right;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .add-box .mobile-shape2 img { max-width: 831px; width: 831px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part { width: 100%; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul { margin: 0; display: block !important; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul li { width: 100%; margin: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul li a { height: auto; border: 0; text-align: left; justify-content: flex-start; -webkit-justify-content: flex-start; font-size: 20px; line-height: 35px; font-weight: 400; background: transparent;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .style3-menu-group { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part { width:100%; padding-right: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-left { width: 100%; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .wrap { margin: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .box { width: 100%; margin: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right { width: 100%; padding: 9px 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right ul { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right ul li a { border: 0; text-align: left; padding: 0; font-weight: 400; font-size: 20px; line-height: 35px; color: #003087; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right ul li { padding: 0 0 6px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .hs-menu-flow-horizontal ul li a { color:#003087; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-left .title { display: none; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-left ul { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-left .hs-menu-wrapper>ul>li>a { font-size: 20px; line-height: 35px; font-weight: 400; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-left .hs-menu-wrapper>ul>li ul li a { line-height: 35px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-left .hs-menu-wrapper>ul>li ul { padding-left: 25px !important; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul { margin: 0; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .inner-left { width: 100%; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part { width: 100%; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .inner-right { width: 100%; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .style5-menu-group { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .inner-left { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul li { width: 100%; padding: 0; margin: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul li a { border: 0; color: #003087; opacity: 0.8; font-weight: 400; font-size: 20px; line-height: 35px; height: auto; justify-content: flex-start; -webkit-justify-content: flex-start; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .inner-right ul { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .style5-shapes { display: none;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .add-box .shape5 { position: absolute; top: auto; bottom: -16px; z-index: -1; left: -22px; right: 0; margin: auto; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .add-box .shape5 img { width: 1015px; max-width: 1015px; height: 160px; object-fit: cover;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 { padding-bottom: 0;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 ul { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part { width: 100%; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left { width: 100%; padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .wrap { margin: 0; padding: 5px 0 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .box { width: 100%; margin: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .box ul li { padding: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-left .box ul li a { text-align: left; background: transparent; border: 0; padding: 0; font-weight: 400; text-decoration: underline; color: #003087; opacity: 0.8; font-size: 20px; line-height: 35px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .wrap { margin: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right { width: 100%; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box { width: 100%; margin: 0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box a { text-align: left; background: transparent; border: 0; padding: 0; font-weight: 400; text-decoration: underline; color: #003087; opacity: 0.8; font-size: 20px; line-height: 35px; height: auto; justify-content: flex-start; -webkit-justify-content: flex-start; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .left-part .inner-right .btn-type-menu .box a span:before { display: none; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 { padding: 28px 0 25px; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer li.level1-children span.child-triggerm+.megamenu .box { margin-top: 38px }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .container { display:block; } 
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 ul { padding: 0; overflow-x: hidden !important; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part { width: 100%; padding: 0; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-left { width: 100%; padding: 0; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-left .wrap { margin: 0; padding: 0; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-left .box { width: 100%; margin: 0; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-left .box ul li { padding: 0; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-left .box ul li a { text-align: left; background: transparent; border: 0; padding: 0; font-weight: 400; text-decoration: underline; color: #003087; opacity: 0.8; font-size: 20px; line-height: 35px; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-right .btn-type-menu .wrap { margin: 0; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-right { width: 100%; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-right .btn-type-menu .box { width: 100%; margin: 0; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-right .btn-type-menu .box a { text-align: left; background: transparent; border: 0; padding: 0; font-weight: 400; text-decoration: underline; color: #003087; opacity: 0.8; font-size: 20px; line-height: 35px; height: auto; justify-content: flex-start; -webkit-justify-content: flex-start; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-right .btn-type-menu .box a span:before { display: none; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 { padding: 28px 0 0px; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .style6-shapes { display: none; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .add-box .mobile-shape6 { position: absolute;  top: auto; bottom: 0; left: -100px;  right: 0;  margin: auto;  z-index: -1;}
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .add-box .mobile-shape6 img {  width: 500px;  max-width: 500px;}
  .header-section .bottom-part .navigation .button-search-box .add-box { width: 100%; text-align: center; padding: 77px 0 77px; position:relative; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style6 .header-btn { padding: 0; width: 100%;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .megamenu { top: 0; height: 100vh; background: #fff; z-index: 999999;}
  .header-section .bottom-part .navigation .button-search-box li.level1-children { list-style:none; }
  .header-section .bottom-part .navigation .hs-menu-wrapper .mobile-shape { display: block; position: absolute; top: 6px; z-index: -1; width: 91px; left:0; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style2 .style2-shapes .shape2 { display: none;}
  .header-section .bottom-part .navigation .button-search-box li.level1-children .megamenu .hs-menu-flow-horizontal {padding: 0;}
  .header-section .bottom-part .navigation .button-search-box li.level1-children .megamenu .mobile-menu-title { display: block; width:100%; }
  .header-section .bottom-part .navigation .button-search-box li.level1-children .megamenu .mobile-menu-title .previus-btn { font-size: 16px; line-height: 24px; color: #26A96C; letter-spacing: -0.24px; text-decoration: underline; align-items: center; width: auto; cursor: pointer; display: inline-flex; }
  .header-section .bottom-part .navigation .button-search-box li.level1-children .megamenu .mobile-menu-title .previus-btn img { width: 17px; margin-right: 7px; }
  .header-section .bottom-part .navigation .button-search-box li.level1-children .megamenu .mobile-menu-title h3 { font-size: 25px; font-weight: 500; line-height: 24px; letter-spacing: -0.38px; text-decoration: underline; padding: 15px 0 0;}
  .header-section .bottom-part .navigation .button-search-box li.level1-children .megamenu .button-search-box .header-btn { width: 100%; padding: 0;}
  .header-section .bottom-part .navigation .button-search-box li.level1-children .megamenu .left-part .inner-left .hs-menu-flow-horizontal { height: auto; position: inherit;  display: block; box-shadow: none;}
  .header-section .bottom-part .navigation .button-search-box li.level1-children .megamenu .right-part { display: none;}
  .header-section .bottom-part .navigation .megamenu .button-search-box .level1-children .megamenu { display: none !important;}
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer li.level1-children span.child-triggerm + .megamenu { display: block!important; width:100%; height: calc(100vh - 60px); left: -200%; opacity: 1; overflow: auto!important; padding: 0 0 70px; pointer-events: inherit; position: fixed; top: 137px; transform: translateY(0); transition: all .4s; visibility: visible; z-index: 99999; background: #fff;}
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer li.level1-children span.child-triggerm.child-open + .megamenu { left:0; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer li.level1-children span.child-triggerm { position: absolute; top: 0; left: 0; width: 98%; height: 43px;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu, .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer li.level1-children span.child-triggerm+.megamenu { top: 164px; height: calc(100vh - 164px); }
  .header-section.sticky .navigation .hs-menu-wrapper>ul>li .megamenu, .header-section.sticky .bottom-part .navigation .button-search-box.mobile-menu-outer li.level1-children span.child-triggerm+.megamenu { top: 106px; height: calc(100vh - 106px); }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer li.level1-children span.child-triggerm+.megamenu .hs-menu-flow-horizontal { position: static; height: auto; display: block; box-shadow: none; }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer li.level1-children span.child-triggerm+.megamenu .simple-menu { padding-left: 0 }
  .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer li.level1-children span.child-triggerm+.megamenu .style1-shapes { display: none; }
  .header-section .bottom-part .navigation .hs-menu-wrapper>ul + .button-search-box.mobile-menu-outer + .mobile-shape { display: none;}
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right ul li a, .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul li a, .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-left .hs-menu-wrapper>ul>li>a, .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul li a, .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-left .box ul li a, .header-section .bottom-part .navigation .button-search-box.mobile-menu-outer .megamenu .style6 .left-part .inner-right .btn-type-menu .box a {    text-decoration: underline 1px; }

  .header-section .search-part .search-box form input.hs-search-field__input::-webkit-input-placeholder { font-weight: 700; font-family: Plus Jakarta Sans; font-size: 16px; position:relative; top:1px; }
  .header-section .search-part .search-box form input.hs-search-field__input::-moz-placeholder { font-weight: 700; font-family: Plus Jakarta Sans; font-size: 16px; position:relative; top:1px; }
  .header-section .search-part .search-box form input.hs-search-field__input:-ms-input-placeholder { font-weight: 700; font-family: Plus Jakarta Sans; font-size: 16px; position:relative; top:1px; }
  .header-section .search-part .search-box form input.hs-search-field__input::placeholder { font-weight: 700; font-family: Plus Jakarta Sans; font-size: 16px; position:relative; top:1px; }
  .home-hero-section .left-part { padding: 20px 20px 90px; text-align: center; }
  .home-hero-section .content { margin: auto; }
  .home-hero-section .btns { justify-content: center; }
  .home-hero-section .outer-cover { flex-direction: column-reverse; }
  .home-hero-section .right-part .img-bg { height: 250px; }
  .home-hero-section .right-part .img-box img { max-width: 365px; object-position: center; }
  .home-hero-section .left-part .section-heding { transform: inherit; position: inherit; }
  .home-hero-section:before { height: 50px; }
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style3 .left-part .box ul li a:hover, .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style4 .left-part .inner-right ul li a:hover, .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .left-part .box-menu ul li a:hover { background: transparent; color: #003087;}
  .card-slider-section .card-wrapper { padding: 0; }
  .card-slider-section .card-wrapper .card-content { padding-left: 20px; padding-right: 20px; text-align: center; }
  .card-slider-section .card-content .content { width: 100%; max-width: 533px; margin: auto; padding: 0 0 5px; }
  .card-slider-section .card-slider-arrow { display: inline-block; width: 145px; height: 58px; }
  .card-slider-section .card-slider-arrow button.slick-prev.slick-arrow { }
  .card-slider-section .card-slider-arrow button.slick-next.slick-arrow { left: 87px;}
  .card-slider-section .slick-list.draggable { padding: 20px 0px;}
  .card-slider-section.centered .triangles .slick-arrow:before { border-top-width: 10px; border-bottom-width: 10px; border-right-width: 15px; }
  .home-meet-section .box .left-part { width: 100%; }
  .home-meet-section .box .right-part { width: 100%; text-align: center; }
  .home-meet-section { margin: 0; }
  .multi-col-card { padding: 35px 0 20px; }
  .better-banking-section .left-part { padding: 0px 0 60px; text-align: center; }
  .col3-slider-section { margin: 0; padding-bottom: 40px; }
  .better-banking-section { padding: 110px 0 0; }
  .better-banking-section .left-part h2 { margin: 0 auto 0; }
  .better-banking-section .left-part .content { margin: auto; }
  .better-banking-section .left-part .btns { justify-content: center; }
  .better-banking-section .left-part .btns .groupbtn_1 { padding: 0 20px 25px 0; }
  .better-banking-section .right-part { justify-content: center; }
  .better-banking-section .right-part .img-box { max-width: 350px; }
  .better-banking-section .left-part h6 { font-size: 16px; line-height: 20px; }
  .home-support-section { padding-top: 30px; }
  .home-support-section .left-side { width: 100%; padding: 0; }
  .home-support-section .right-side { width: 100%; padding: 0; }
  .better-banking-section:before { height: 77px;}
  .card-slider-section .card-slider-box h4 { font-size: 25px; line-height: 30px;}
  .footer-section .column-5 {    width: 50%;}
  .footer-section .column-9 {    width: 100%;}
  .footer-section .column-8 { width: 50%; }
  .breadcrumb .hs-menu-wrapper ul li.active-branch {justify-content: center;}
  .career-hero-section { text-align: center; }
  .career-hero-section .section-heading { max-width: 100%; padding: 0 0 26px; }
  .career-hero-section .left-part { padding: 0 20px 0; }
  .career-hero-section .section-heading .btns { justify-content: center; }
  .breadcrumb .hs-menu-wrapper ul li.active-branch { }
  .career-hero-section .right-part .img-box { height: 600px; border-radius: 15px; overflow: hidden; }
  .career-hero-section:before { display: none; }
  .career-hero-section .right-part .img-box .img-shape { max-width: 180px; }
  .career-page.home-meet-section .section-shapes .shape1 { top: 19%; }
  .career-page.home-meet-section .section-shapes .shape3 img { }
  .two-col-section .box { width: calc(100% - 16px); }
  .career-page.better-banking-section .left-part { padding: 0 0 60px; }
  .social-media-section .box { width: calc(50% - 16px); }
  .career-hero-section .section-heading .btns a { width: 310px;}
  .intern-hero-section .left-part { text-align: center; }
  .intern-hero-section .content { margin: auto; }
  .intern-hero-section .right-part .img-box { float: none; margin: auto; height: auto; }
  .intern-hero-section { padding-bottom: 130px;}  
  .simple-text-section:before { content: ' '; background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/join-mcu-hero-shape.png); height: 43px; top: -19px; left: 0; width: 100%; background-repeat: no-repeat; background-size: cover; position: absolute; }
  .join-mcu-page.career-hero-section .right-part { padding-bottom: 50px; }
  .intern-hero-section .bt  ns { justify-content: center;}
  .intern-hero-section .btns .grp-btn.gpbtn_1 {padding-right: 0;}
  .about-hero-section .left-part { text-align: center; padding: 10px 0 15px; }
  .about-hero-section .left-part .btns { justify-content: center; }
  .about-hero-section .left-part .content { margin: auto; opacity: 1; max-width: 100%; }
  .about-hero-section .right-part .img-box { text-align: center; max-width: 425px; }
  .zig-zag-section .box .box-details { max-width: 100%; text-align: center; }
  .zig-zag-section .box .box-details .content { margin: auto; opacity: 0.8; max-width: 100%; }
  .zig-zag-section .box .box-details  .btns { justify-content: center; }
  .zig-zag-section .box .right-part { padding: 25px 0 0; }
  .zig-zag-section .box .right-part .img-box { margin: auto; }
  .zig-zag-section .box .right-part .img-box img { height: auto !important; }
  .zig-zag-section .box .right-part .img-box .img-shape .shape_1 { top: -29px; right: -40px; }
  .zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { z-index: 1; left: -37px; bottom: 20px; top: auto; }
  .personalbanking-saving-page.better-banking-section .left-part { padding: 50px 0 0px;}
  .strip-box-section .box .right-content { width: calc(100% - 275px); }
  .strip-box-section .box .left-img { width: 275px; }
  .personalbanking-saving-page.better-banking-section .left-part { padding: 0;}
  .personalbanking-saving-page.zig-zag-section { padding-bottom: 30px;}
  .personalbanking-saving-page.multi-col-card { padding-bottom:60px; }
  .personal-banking-hero { padding: 20px 0 70px; }
  .personal-banking-hero .hero-shape .shape4 { opacity: 0.7; max-width: 188px; top: 161px; }
  .personal-banking-hero .hero-shape .shape3 { opacity: 0.7; max-width: 240px; top: 231px; }
  .personal-banking-hero .hero-shape .shape2 { opacity: 0.6; max-width: 280px; right: 20px; }
  .personal-banking-hero .hero-shape .shape1 { max-width: 240px; opacity: 0.6; }
  .bulding-strip-section .box .right-content { width: calc(100% - 275px); }
  .bulding-strip-section .box .left-img { width: 275px; }
  .perbank-success-section .box.senty-five,
  .perbank-success-section .box.twenty-five { width: 50%; }
  .personal-banking-page.about-hero-section .breadcrumb { padding-bottom: 30px; }
  .personal-banking-page.better-banking-section .right-part .img-box { max-width: 340px; }
  .personal-banking-page.better-banking-section .left-part { padding: 0 0 40px; }
  .perbank-success-section .wrap { padding: 25px 0 0; }
  .perbank-success-section .box .inner-wrap { padding: 40px 30px 45px; }
  .perbank-success-section .top-part .box.image .inner-wrap .right-part { padding: 40px 30px 45px; }
  .personal-banking-page.col3-slider-section { padding-bottom: 20px; }
  .checking-page.career-hero-section .section-heading h1 { margin: 0 auto 20px; }
  .checking-page.career-hero-section .section-heading .content { margin: auto; }
  .checking-page.better-banking-section .left-part { padding: 20px 0 20px; }
  .checking-page.better-banking-section .left-part { padding: 10px 0 20px; }
  .checking-page.zig-zag-section { padding-bottom: 30px; }
  .build-bound-box-section .box { width: calc(50% - 16px);}
  .bulding-strip-section .wrap.icon-type-box .box .left-img { width: 200px;}
  .bulding-strip-section .wrap.icon-type-box .box .right-content { width: calc(100% - 200px);}
  .buling-found-zig-section .box .box-details { max-width: 100%; text-align: center; }
  .buling-found-zig-section .box .box-details .content { margin: auto; opacity: 0.8; max-width: 100%; }
  .buling-found-zig-section .box .box-details  .btns { justify-content: center; }
  .buling-found-zig-section .box .right-part { padding: 25px 0 0; }
  .buling-found-zig-section .box .right-part .img-box { margin: auto; }
  .buling-found-zig-section .box .right-part .img-box img { height: auto !important; }
  .building-foundation-page.career-hero-section .section-heading { display: block; padding: 0; height: auto; }
  .building-foundation-page.multi-col-card { padding: 30px 0 60px; }
  .building-foundation-page.home-meet-section .section-shapes .shape3 img { object-fit: cover; object-position: left; }
  .building-foundation-page.home-meet-section .section-shapes .shape1 { top: 15%; }
  .building-foundation-page.home-meet-section .section-shapes .shape3 { top: 305px; }
  .building-foundation-page.career-hero-section { padding-bottom: 50px;}
  .buling-found-zig-section { padding: 90px 0 25px;}
  .bulding-strip-section .box .right-content .inner-cover { margin: auto;}
  .collateral-protection-insurance-page.simple-text-section:before { display: none; }
  .credit-card-page.career-hero-section .section-heading h1 { max-width: 100%; }
  .credit-card-page.career-hero-section .section-heading .content { max-width: 100%; }
  .credit-card-section .box .left-card { padding: 30px; width: 270px; }
  .credit-card-section .box .right-details { padding: 30px; width: calc(100% - 270px); }
  .credit-tab-section { padding: 70px 0 30px; }
  .credit-tab-section .left-part { text-align: center; padding-bottom: 30px; }
  .credit-tab-section .left-part .content { margin: auto; }
  .credit-card-page.better-banking-section { padding: 91px 0 60px; }
  .credit-card-page.full-banner-section { padding: 130px 0 180px; }
  .credit-card-page.col3-slider-section { margin: 0; }
  .creditcard-hero.career-hero-section .hero-shape-right { display: none; }
  .creditcard-hero.career-hero-section h6 { color: #7D869C; }
  .creditcard-hero.career-hero-section .section-heading .btns a { width: auto; }
  .creditcard-hero.career-hero-section .right-part .img-box { margin: auto; max-width: 530px; justify-content: center; padding: 40px 0 0; overflow: inherit; }
  .creditcard-hero.career-hero-section { padding-bottom: 80px; }
  .creditcard-hero.career-hero-section .right-part .img-box .img-shape .shape-img2 { top: -16px; right: 3px; }
  .creditcard-hero.career-hero-section .right-part .img-box .img-shape .shape-img1 { left: 0; bottom: -20px; }
  .student-banking-page.intern-hero-section .btns { justify-content: center; }
  .student-banking-page.intern-hero-section .btns .gpbtn_1 { padding-right: 20px; }
  .student-banking-page.multi-col-card .column2 .box .right-part { height: 100%; }
  .student-visa-section .box { padding: 40px 40px 50px; }
  .student-visa-section { margin: -110px 0 0; padding: 101px 0 70px; }
  .student-banking-page.zig-zag-section { padding: 20px 0; }
  .student-banking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { top: 200px; max-width: 150px; right: -127px; }
  .student-banking-page.zig-zag-section .box.left-img .box-details { padding-left: 0;}
  .credit-card-subpages.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { top: -20px; left: -87px;}
  .load-specialist-section .box { width: calc(100% - 16px);}
  .mortgage-option-section .box .btn-right a { min-width: 158px; }
  .mortgage-option-section .box .btn-right { width: 160px; }
  .mortgage-option-section .box .inner-wrap { width: calc(100% - 160px); }
  .mortgage-option-section .box .inner-wrap .details { padding-left: 25px; }
  .becoming-a-member-page.zig-zag-section .box .box-details { padding-right: 0;}
  .mortgages-page.personal-banking-hero .hero-shape .shape4 { filter: grayscale(1); opacity: 0.3; }
  .mortgages-page.personal-banking-hero .hero-shape .shape3 { filter: grayscale(1); opacity: 0.3; }
  .mortgages-page.personal-banking-hero .hero-shape .shape1, .mortgages-page.personal-banking-hero .hero-shape .shape2 { opacity: 0.3; }
  .mortage-load-specialist .get-touch .details-box .details-wrap { padding: 35px 30px;}
  .mortage-load-specialist { margin-top: 7px;}
  .mortage-load-specialist .breadcrumb-strip .blank-breadcrumb,
  .mortage-load-specialist .breadcrumb-strip .breadcrumb { width: 100%; }
  .mortage-load-specialist .breadcrumb-strip .container { justify-content: center; }
  .mortage-load-specialist .breadcrumb-strip .mortage-title { width: 100%; padding: 10px 0 0px; }
  .insurance-page.ready-bottom-section .section-heading { max-width: 578px;}
  .ad-insure-page.zig-zag-section { padding-top: 0; }
  .ad-insure-page.personal-banking-hero .hero-shape .shape3,
  .ad-insure-page.personal-banking-hero .hero-shape .shape4 { filter: grayscale(1); opacity: .3; }
  .ad-insure-page.personal-banking-hero .hero-shape .shape1,
  .ad-insure-page.personal-banking-hero .hero-shape .shape2 { opacity: .3; }
  .ad-insure-page.ready-bottom-section .section-heading {  max-width: 568px;}
  .banking-life-page.career-hero-section .section-heading { margin: auto; padding-top: 0; max-width: 729px; padding-bottom: 0; }
  .banking-life-page.career-hero-section { padding-bottom: 50px; }
  .banking-life-section .box .inner-cover { text-align: center; }
  .banking-life-section .box .left-part .content { margin: auto; max-width: 100%; }
  .banking-life-section .box .inner-cover .left-part { padding:0 0px 30px; }
  /*   .banking-life-section .box .right-part .inner-box-wrap { height: auto; } */
  .banking-life-section .box .full-box-shape .shape2.right-side { display: none; }
  .banking-life-section .box.box_1 .full-box-shape .shape1.right-side { display: none; }
  .banking-life-section .box .right-part .shape-box-wrap { top: 50%; bottom: auto; }
  .banking-life-section .box { padding: 60px 0 20px;}
  .banking-life-page.ready-bottom-section .section-heading { max-width: 550px;}
  .rates-section .table-main .tbody .table-heading { display: none; }
  .rates-section .table-main .tbody .tb-raw { border-bottom: 1px solid #99ACCF; width: calc(100% - 40px); margin: auto; padding: 25px 0; }
  .rates-section .table-main .tbody .tb-raw .column { width: 100% !important; display: flex; align-items: center; justify-content: space-between; }
  .rates-section .table-main .table-box .tbody .tb-raw .column .col_head { display: block; padding-right: 20px; color: #003087; font-weight: 500; font-size: 14px; line-height: 16px; width: 60%; }
  .rates-section .table-main .tbody .tb-raw .column { padding: 8px 0px !important; border: 0 !important; }
  .rates-section .table-main .tbody .tb-raw .column.col7 { justify-content: flex-start; }
  .rates-section .table-main .tbody .tb-raw .column.col7 .col_head { display: none; }
  .rates-section .table-main .table-box .tbody .tb-raw .column.btn1 a { padding: 7px 25px; }
  .rates-section .table-main .tbody .tb-raw:last-child { border: 0; }
  .rates-section .table-main .table-box.style2 .tb-raw .column:first-child { font-size: 14px;}
  .rates-section .table-main .table-box .tbody .tb-raw .column .colin-data { width: 40%; text-align: right;}
  .rates-section .table-main .table-box .tbody { background:#fff; }
  .rates-section .table-main .table-box .tbody .tb-raw .column.col7 .colin-data { text-align: left;}
  .rates-section .table-main .table-box.five_col_tb .tbody .tb-raw .column.col1 { padding-top: 0 !important;}
  .rates-section .creditcard-box .left-part { width: 100%; border:0; padding: 25px 25px 15px; }
  .rates-section .creditcard-box .right-part { width: 100%; padding: 0px 25px 25px; display: block;  }
  .rates-section .creditcard-box .left-part .card-content { max-width: 100%; border-bottom: 1px solid #99accf; }
  .rates-section .creditcard-box .right-part .card-details h6 { padding-top: 0px; }
  .rates-section .creditcard-box .left-part .card-apply { display: none;}
  .rates-section .creditcard-box .right-part .card-apply.apply-mobile { display: block; padding-top: 10px;}
  .rates-section .creditcard-box .right-part .card-apply.apply-mobile h6 { color: #003087; font-size: 16px; line-height: 16px; font-weight: 500; }
  .rates-section .creditcard-box .right-part .card-apply.apply-mobile a { font-size: 13px; line-height: 24px; padding: 7px 28px; }
  .rates-section .table-main .table-box .tbody .tb-raw .column { font-size: 14px;}
  .hone-your-skills .card-wrapper{margin-top:16px;}
  .find-Your-Fit .market-box-wrapper{margin:0 auto;}
  .internships-page.card-slider-section{padding:0px;}
  .internships-page.better-banking-section .left-part{padding:0px;}
  .internships-page.better-banking-section .left-part .btns .groupbtn_1{padding:0px; }
  .internships-page.better-banking-section .left-part { padding: 0px !important; }
  .internships-page.better-banking-section .right-part .img-box { min-width: 410px !important; }
  .section-shapes .shap1 { left: 0;  right: 0; top: 25%; width: 100%; margin: 0 auto; }
  .about-two-column .tim-line-card{float:none;margin:0 auto;margin-top:20px;max-width:100%; padding: 30px 30px 30px 30px;}
  .about-mcu-history.simple-text-section:before{display:none;}
  .about-two-column .section-shapes {  top: inherit; bottom: 0; }
  .about-two-column .time-line-right-main{padding-left:0px;}
  .about-two-column .section-shapes .shap1 { top:0; }
  /*   .about-two-column .section-shapes .shap1 img {height: 850px !important;max-width: 690px!important;object-fit: unset; }
  .about-two-column .section-shapes .shap1 { top: auto; bottom: 0;left: -130px;width: calc(100% + 200px);max-width: calc(100% + 200px);right: auto;} */
  .about-two-column .time-line-right-section { position: relative;}
  .simple-banner-sec.join-mcu-partner{padding-bottom:100px;}
  .partner-application-form{margin-top:0;padding-top:30px;}
  .partner-application-form .patners-shape-section .shape2 {right: -42px;top: -129px;}
  .partner-application-form .patners-shape-section .shape3 { right: -37px; width: 100px; }
  .partner-application-form .patners-shape-section .shape1 { width: 100px; left: -80px; }
  .simple-banner-sec.join-mcu-partner{padding-bottom:60px;}
  .personal-Banking-Share-Accounts.strip-box-section {padding-top:0px !important;}
  .personal-Banking-Share-Accounts.better-banking-section .left-part { padding: 0 !important; }
  .youthaccount.better-banking-section .left-part{padding-top: 0px !important;}
  .iRAs-ParentPage.career-hero-section .section-heading { max-width: 100%; }
  .personal-banking-iras-fixed.zig-zag-section .box .box-details h2{max-width:393px;opacity:1; margin:0 auto 15px;}

  /*   systeam page css */
  .reset-password{padding-right:20px;padding-left:20px;}
  .resete-password-new{padding-right:20px;padding-left:20px;}
  .membership-register{padding-right:20px;padding-left:20px;}
  .membership-login{padding-right:20px;padding-left:20px;}
  .unscribe-page{padding-right:20px;padding-left:20px;}
  .password-prompt-page{padding-right:20px;padding-left:20px;}
  .subscription-page{padding-right:20px;padding-left:20px;}
  .subscipition-conformation{padding-right:20px;padding-left:20px;}
  .site-search-page .form-section { width: 500px; }
  .site-search-page .form_heading { width: calc(100% - 500px); }
  .frequently_topics .btn4:before{right: 25px;}
  .frequently_topics .btn4 a{font-size:25px;}
  .partnering-mcu-page.col3-slider-section { padding: 70px 0; }
  /*   .partnering-mcu-page { padding: 70px 0; } */
  .partnering-mcu-page.intern-hero-section .btns .grp-btn.gpbtn_1 { padding-right: 20px; }
  .becoming-a-member-page.better-banking-section:before{height:100px;}
  .becoming-a-member-page.zig-zag-section .content ol li { padding-bottom: 15px; padding-left: 15px; }
  .partnering-mcu-page.better-banking-section .left-part{padding:50px 0 0;}
  .becoming-a-member-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { left: -40px; bottom: 131px;right: auto; top: auto;}
  .tab-panel-sec ul.tab-title:before { height: 20px;}
  .tab-panel-sec ul.tab-title {padding-bottom: 20px;}
  .why-mcu-section .slick-arrow.slick-prev { background-position: center 15px; left: 37%; bottom: -10px; }
  .why-mcu-section .slick-arrow.slick-next { background-position: center 14px; right: 38%; transform: rotate(180deg); bottom: -10px; }
  .why-mcu-section .slick-list.draggable {padding-bottom: 60px;}
  .why-mcu-section .slick-track{display: flex;}
  .why-mcu-section .slick-initialized .slick-slide{display: flex;flex-direction: column;flex-wrap: wrap;margin-top:20px;}
  .why-mcu-section  .slick-slide{height:auto;}
  .why-mcu-section  .bottom-part { margin-top: auto; }
  .why-mcu-section .box-details{height:auto;}
  .better-banking-section.why-mcu-page{margin-top:0;}
  .join-why-mcu-page.better-banking-section{background-position: 85% -5px!important; overflow: hidden;}
  .why-mcu-two .box{width:100%;margin:0 0 20px;padding:30px 35px;display: flex; flex-wrap: wrap; justify-content: center;}
  .why-mcu-two .details-box{text-align:center;}
  .image-with-text .right-part .image-inner .img-box.img_2 { display: none; } 
  .image-with-text .right-part .image-inner .img-box.img_1 { display: none; }
  .image-with-text .right-part .image-inner .img-box.img_3 { width: 100%; max-width: 60%; height: auto; right: auto; } 
  .image-with-text .right-part .image-inner {max-width: 100%; margin: 0 auto; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;float:none;height: 480px; }  
  .image-with-text .inner-wrap{padding-left:0;}
  .image-with-text .left-part { text-align: center; max-width: 710px; margin: 0 auto 20px;}
  .image-with-text { padding: 40px 0; }
  .becoming-a-member-page.intern-hero-section .btns {justify-content: center;}
  .image-with-text .right-part .image-inner{margin-bottom:0;}
  .full-banner-section.why-mcu-page:after{display:none;}
  .image-with-text .right-part .image-inner .img-shape .shape_1 { left: 80px; position: absolute; top: 0; width: 142px; bottom: -270px; }
  .why-mcu-page.about-hero-section h1{max-width:100%;letter-spacing: -.97px;}
  .strip-box-section.fastrack-checking-page{margin-top: -50px;padding:80px 0;}
  .why-mcu-section .section-heading { max-width: 960px; width: 100%; margin: 0 auto; }
  .partnering-mcu-page.full-banner-section h2 { max-width: 100%; margin: auto; width: 100%;padding-bottom:15px; }
  .partnering-mcu-page.intern-hero-section .btns {justify-content: center;}
  .widget_1674801325760.partnering-mcu-page.multi-col-card .section-heading h2,.widget_1674804555579.partnering-mcu-page.multi-col-card .section-heading h2{padding-bottom:20px;}
  .fastrack-checking-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: auto; max-width: 177px; top: 0; z-index: 0; }
  .fastrack-checking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { bottom: auto; left: -110px; max-width: 170px; right: auto; top: 0; }
  .fastrack-checking-page.multi-col-card .content-box  h4 { font-size: 25px; line-height: 30px; }
  .fastrack-checking-page.full-banner-section h2{margin-bottom:20px;}
  .fastrack-checking-page.full-banner-section .btns a{line-height:24px;}
  .leadership-team-page.partnering-mcu-page.better-banking-section .left-part{padding:25px 0 0;}
  .share-draft.personal-banking-hero .hero-shape .shape4 { max-width: 188px; opacity: .7; top: 161px; }
  .share-draft.personal-banking-hero .hero-shape .shape3 { max-width: 240px; opacity: .7; top: 231px; }
  .share-draft.fastrack-checking-page.col3-slider-section .box .content { opacity: 0.8; }
  .partner-faq-page.simple-text-section{margin-top:0;padding-top:60px;}
  .share-certificate-multi-col .wrap.column1 .box{max-width:520px;}
  .share-certificate-multi-col.personal-banking-club-account { padding-bottom: 40px; padding-top: 40px; }
  .personal-Banking-Accounts.better-banking-section {  padding: 90px 0 70px; }
  .personal-banking-iras-fixed.multi-col-card {padding: 45px 0 50px;}
  .direct-deposit-page.tab-panel-sec ul.tab-title li br{display:none;}
  .direct-deposit-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { bottom: -45px; left: -81px; top: auto; z-index: -1; max-width: 130px; }
  .direct-deposit-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1{right: -128px; z-index: -1; bottom: 0; top: auto;}
  .direct-deposit-page.intern-hero-section{padding-bottom:70px;}
  .scroll-topic-sec .scroll-down{margin-left:0;margin-right:0;}
  .lending-page.better-banking-section .left-part{padding:0;}
  .lending-page.multi-col-card { padding-top: 20px;padding-bottom:40px; }
  .flexible-page.multi-col-card { padding-bottom: 50px; }
  .personal-Banking-Accounts.zig-zag-section h2{margin:0 auto 15px;}
  .direct-deposit-page.multi-col-card { padding-bottom: 50px; }
  .consumer-lending-page.better-banking-section .left-part{padding:50px 0 50px 0;}
  .consumer-lending-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -28px; max-width: 97px; top: 40px; z-index: -1; }
  .account-service-page.better-banking-section .left-part { padding: 0 0 40px 24px; }
  .account-service-page.better-banking-section{padding:50px 0 0;}
  .only-scroll-sec .topic-wrapper{padding-bottom:0;}
  .personal-loans-page.zig-zag-section { margin-top: -100px; overflow: hidden; padding-top: 70px; }
  .personal-loans-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { bottom: 0; left: auto; max-width: 120px; top: auto; z-index: 1; right: -40px;}
  .personal-loans-page.zig-zag-section .box.left-img .right-part .img-box img{z-index:0;}
  .personal-loans-page.better-banking-section .left-part{padding:40px 0;} 
  .scroll-topic-sec .scroll-wrap-sec{margin: 0 auto 60px;}
  .residential-lending-page.career-hero-section .section-heading .content { max-width: 495px; width: 100%;margin:auto; }
  .residential-lending-page.zig-zag-section .box .box-details .content {margin:auto; }
  .residential-lending-page.better-banking-section .left-part{padding:0 0 40px;}
  .auto-loan-services-page.zig-zag-section ul li{text-align:left;}
  .auto-loan-services-page.zig-zag-section .box .box-details{margin:auto; }
  .auto-loans-page.zig-zag-section .box .box-details .content { margin:auto;}
  .auto-loans-page.zig-zag-section .box .box-details{margin:auto;}
  .auto-loans-page.simple-text-section{padding-bottom:40px;padding-top:80px;}
  .personal-loans-page.multi-col-card .column2 .box .left-part .icon{margin:0 auto 20px;}
  .refinancing-application-section .shapes-outer { height: 320px; top: 390px; }
  .refinancing-application-section .dtshape1 { left: -40px; max-width: 90px; top: 30px; }
  .refinancing-application-section .dtshape2 { max-width: 100px; right: -44px; bottom: -10px; }
  .refinancing-application-section .refine-details{padding: 40px 60px 40px;}
  .refinancing-application-section .refine-details ul li {font-size:20px;line-height:25px;}
  .multi-col-card.buying-service-page { margin-top: -60px; padding-top: 90px;padding-bottom:50px }
  .term-life-sec .silder-wrapper{text-align:center;}
  .term-life-sec .silder-title{padding-top:20px;}
  .term-life-sec .silder-wrapper { padding: 35px 25px; }
  .consumer-lending-page.career-hero-section .section-heading{padding-top:0;}
  .only-scroll-sec .btn4 a:before { top: 7px; }
  .loan-services-page.personal-loans-page.multi-col-card{padding-top:60px;padding-bottom:60px;}
  .auto-loan-services-page .box.right-img { padding-bottom: 70px; }
  .auto-loans-page .box.right-img { padding-bottom: 60px; }
  .auto-loan-page.zig-zag-section .box.left-img { padding-bottom:50px; }
  .privacy-page.accordion-topic-sec .scroll-wrap-sec {padding: 35px 40px; }
  .privacy-page.simple-banner-sec .section-top .heading-title h1{text-align:center;}
  .privacy-page.simple-banner-sec .section-top .section-heading{margin:0 auto;}
  .privacy-page.simple-banner-sec .section-heading p{text-align:center;}
  .privacy-page.accordion-topic-sec .scroll-content h2{padding:0;}
  .privacy-page.accordion-topic-sec .scroll-inner-wrap .box-heading h3{font-size:25px;line-height:35px;}
  .privacy-page.accordion-topic-sec { padding-top: 50px;padding-bottom:50px;} 
  .automated-telephone-banking-page.simple-banner-sec .section-top .heading-title h1,.automated-telephone-banking-page.simple-banner-sec .section-heading p{text-align:center;}
  .automated-telephone-banking-page.simple-text-section .content-wrapper{ padding:40px 25px;}
  .automated-telephone-banking-page.simple-text-section .section-heading{text-align:center;}
  .automated-telephone-banking-page.simple-text-section .content-wrapper .inner-cta{justify-content:center;}
  .multi-col-card.auto-refinancing-page .btn4 a:before { top: 10px; }
  .auto-home-page.why-mcu-two { padding-bottom: 50px; }
  .extended-warranty-section .shape-box-wrap.box-shape_2{display:none;}
  .extended-warranty-section .shape-box-wrap.box-shape_1 { bottom: auto; left: auto; top: 230px; z-index: -1; }
  .extended-warranty-section .inner-box { padding: 35px 40px; text-align: center; }
  .extended-warranty-section .box { text-align: center; }
  .term-life-sec .slick-arrow.slick-next { position: absolute; top: 0; right: calc(50% - 70px); } 
  .term-life-sec .slick-arrow.slick-prev { position: absolute; top: 0; left: calc(50% - 70px);z-index:111; }
  .term-life-sec .box-wrapper{margin:90px 15px 20px;}
  .term-life-sec{padding-left:20px;padding-right:20px;}
  .guaranteed-asset-page.ad-insure-page.multi-col-card { padding-top: 40px; }
  .guaranteed-asset-page .btn4 a:before { top: 10px; }
  .term-life-page.ready-bottom-section .section-heading { margin: auto; max-width: 638px; width: 100%; }
  .fraud-alerts-page .fraud-inner-sec{padding:25px;margin-bottom: 40px;}
  .fraud-alerts-page .fraud-content { padding: 22px;}
  .fraud-alerts-page .fraud-content p { font-size: 18px; line-height: 23px; color: #4A4B46; font-weight: 500; }
  .fraud-alerts-page ul li { font-size: 18px; line-height: 23px; font-weight: 500; padding-bottom: 20px; list-style: disc; }
  .fraud-alerts-page .fraud-content h4 { font-size: 20px; line-height: 23px; color: #4a4b46; font-weight: 500; }
  .fraud-alerts-page ul { padding: 0 0px 0 20px; }
  .security-page.simple-banner-sec .section-top .heading-title { text-align: center; } 
  .security-page.simple-banner-sec .section-top .section-heading { margin: auto; text-align: center; max-width: 721px; opacity: 0.8; }
  .security-page.simple-banner-sec .section-top{margin:auto;}
  .growing-your-finances-page.building-foundation-page.home-meet-section .section-shapes .shape3{top: 370px;left: 0;}
  .growing-your-finances-page.home-meet-section .section-shapes .shape3 img{height: 2070px!important;object-fit: cover; object-position: left;}
  .retirement-legacy-planning-page.building-foundation-page.home-meet-section .section-shapes .shape3 { left: 0; top: 545px; }
  .mcu-financials-page.simple-banner-sec .section-top .heading-title{text-align:center;}
  .forms-disclosures-page.simple-banner-sec .heading-title  {text-align: center;}
  .forms-disclosures-page.simple-banner-sec .section-heading {text-align: center;margin:auto;}
  .member-spotlight-questions .container .row .answer .answer-copy { max-width: 400px; }
  .location .left-barg { text-align: center; margin-bottom: 20px; }
  .location input#filters { width: 100%; height: 66px;padding-right: 125px; background-position: 4% 52%;}
  .location a#filter,.location #filter {  width: 126px;     right: 0;left:auto; }
  .location div#legend>p {    width: 100%;}
  .location .righ-barg { width: 100%; justify-content: center;    position: relative; }
  .location div#legend>div label { font-size: 12px; }
  .location select#miles { margin: 30px 0 0; padding: 0 50px; width: auto!important; height: 66px !important; }
  .branch-card-sec .desktop-view{display:none;}
  .financial-statement-sec .financial-inner{padding: 35px 22px;}
  .financial-statement-sec .financial-wrpper{padding: 30px 22px 15px;}
  .financial-statement-sec .finanical-sub-outer{padding:5px;}
  .financial-statement-sec .financial-total{padding: 25px 22px;}
  .financial-statement-sec .financial-statment{padding: 25px 0 15px;}
  .mechanical-breakdown.mortgage-option-section { padding-top: 40px;padding-bottom:40px; }
  .collateral-protection-insurance-page.simple-banner-sec .btns { padding-right: 0; }
  .collateral-protection-insurance-page.simple-text-section .content blockquote{font-size:20px;line-height:30px;}
  .automated-telephone-banking-page .box-wrap .box-heading h4 { font-size:25px;line-height:30px;}
  .automated-telephone-banking-page.accordion-topic-sec .ct-buttons { display: none; }
  .ad-two-col-sec .ad-img{width:100%;}
  .ad-two-col-sec .ad-section-heading-left-side{width:100%;padding: 35px 20px 35px 20px;}
  .ad-two-col-sec .ad-rates-inner { max-width: 100%; padding: 15px 20px; right: 0; width: 100%; }
  .ad-two-col-sec .ad-section-heading-left-side .ad-content{margin:0;max-width: 800px; width: 100%;}
  .ad-multi-card .left-part { padding: 35px 20px; width: 100%; }
  .ad-multi-card .right-wrap{width: 100%;transform: translateX(0);}
  .ad-multi-card .slick-arrow.slick-next{bottom: -50px; left: 52%; transform: rotate(180deg);  right: auto;}
  .ad-multi-card .slick-arrow.slick-prev{bottom: -50px; right: 52%;  left: auto;}
  .ad-multi-card ul.slick-dots li button:hover, .ad-multi-card ul.slick-dots li.slick-active button{background: #f2af29; border: transparent;}
  .ad-multi-card ul.slick-dots li button{background: #fff; border: transparent;}
  .ad-multi-card .right-wrap.column2 .box{margin-bottom:20px;}
  .ad-multi-card .dots-image img { height: 370px!important;width: 350px; }
  .ad-multi-card .dots-image{bottom: -37px;top: auto;width: 380px; right: 0;}
  .ad-two-silder-sec .ad-section-heading-left-side { padding: 35px 20px; width: 100%; }
  .ad-two-silder-sec .ad-rates-silder-wrap{    max-width: 550px;margin-bottom:20px;margin:0 auto 20px;}
  .ad-two-silder-sec .ad-image-right-side{width:100%;height: 500px;}
  .ad-two-silder-sec .slick-track { display: flex; flex-wrap: wrap; }
  .ad-two-silder-sec .ad-section-heading-left-side br{display:none;}
  .ad-two-silder-sec .right-side-circle-inner { height: 135px; right: 8%; width: 135px; top: 55%; }
  .login-sec .question-part {padding-right: 0;}
  .privacy-notice-table .table tr th:first-child { font-size: 18px; line-height: 25px; }
  .privacy-notice-table .table tr th { font-size: 13px; line-height: 21px; }
  .privacy-notice-table .table tr th br { display: none; }
  .privacy-notice-table .table tr td:first-child { padding: 20px 20px; }
  .privacy-notice-table .table table { width: 680px; }
  .privacy-notice-table .table { overflow: auto; width: 100%; }
  .fraud-message-strip { max-width: 680px;}
  .homebuyer-dream-program-page.mortgage-option-section { padding-top: 50px; }
  .homebuyer-dream-program-page.refinancing-application-section .dtshape2 { bottom: -10px; }
  .topic-wise-faq-section .faq-box { padding: 35px;}
  .faq-page.simple-banner-sec .section-top .heading-title { text-align: center;}
  .faq-page.simple-banner-sec .section-top .section-heading { text-align: center;}
  .career-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 120px; right: -105px;}
  .career-page.zig-zag-section { padding-bottom: 40px;}
  .schedule-appointment-page.simple-banner-sec .section-top .heading-title { text-align: center;}
  .banking-life-section .box .right-part .inner-box .img-box { width: 100%; height: 250px; }
  .banking-life-section .box .right-part .inner-box .box-bottom { width: 100%; }
  .banking-life-section .box .right-part .inner-box-wrap { margin: 0 -15px; display: flex; flex-wrap: wrap; justify-content: center; }
  .banking-life-section .box .right-part .inner-box { width: calc(100% / 2 - 30px); margin: 0 15px 30px; }
  .banking-life-section .box .right-part .inner-box .img-box img { border-radius: 12px 12px 0 0; }
  .banking-life-section .left-part .title-right { text-align: left; }
  .banking-life-section .box .left-part .content { font-size: 20px; line-height: 29px; }
  .banking-life-section .box .right-part .shape-box { width: 130px; left: -105px; }
  .banking-life-section .box .right-part .shape-box.box-right-shape { right: -113px; }
  .student-loan-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 120px; right: -101px; }
  .student-loan-page.student-visa-section .box { padding: 45px 40px 30px; }
  .student-loan-page.multi-col-card.student-module-2 { padding: 45px 0 20px;}
  .home-improvement-page.homebuyer-dream-program-page.refinancing-application-section .shapes-outer {top: 50%;}
  .intern-hero-section .btns { justify-content: center;}
  .intern-hero-section .btns .grp-btn { padding: 0 20px 16px;}
  .financial-literacy-page.simple-box-sec { margin: -70px 0 0; }
  .financial-literacy-page.zig-zag-section { padding: 50px 0 0; }
  .financial-literacy-page.multi-col-card { padding: 90px 0 70px; }
  .one-navigation-section .box .inner-box .right-part { padding: 40px; }
  .one-navigation-section .box .title-nav-strip { flex-direction: column; align-items: flex-start; -webkit-align-items: flex-start; padding-bottom: 55px; }
  .digital-banking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 120px; }
  .digital-banking-page.personal-loans-page.multi-col-card .section-heading {padding-bottom: 45px; }
  .digital-banking-page.multi-col-card .column2 .box { padding: 35px 20px 35px; }


  .header-section.sticky{ margin-top: -56px;}
  .login-popup-mobile .left-part { padding: 50px 0 0; max-width: 100%; }
  .login-popup-mobile .left-part .inner-left .box form input { width: 100%; }
  .login-popup-mobile .left-part .inner-right .box .simple-menu a { color: #33599F; margin-bottom: 10px; display: inline-block; }
  .login-popup-mobile .left-part .inner-right .box { margin-bottom: 0; }
  .header-section .bottom-part .navigation .header-btn {display: none;}
  .header-section .bottom-part .navigation .mainmenu .header-btn.mobile-login { display: block;}
  .header-section .bottom-part .navigation .button-search-box .header-btn { display: block;}
  body.header-sticky .login-popup-mobile.login-popup {top: 105px;}
  .login-popup .left-part .inner-left .box { border-radius: 12px; }
  .login-popup-mobile.login-popup .mobile-view-app .btn3 a { color: #fff; padding: 19px 22px; line-height: 26px; }
  .login-popup-mobile.login-popup .mobile-view-app .btn3 a:hover { color: #26a96c; }
  .login-popup-mobile.login-popup .mobile-view-app .digital-login-details { padding: 30px 0 0; }
  .login-popup-mobile.login-popup .mobile-view-app .title { padding-bottom: 15px; }
  .login-popup-mobile.login-popup .mobile-view-app .digital-login-details p { margin-bottom: 25px; }
  .login-popup-mobile.login-popup .mobile-view-app .digital-login-details p:last-child { margin-bottom: 0; }
  .login-popup-mobile.login-popup .mobile-view-app .digital-login-details p a { color: #fff; text-decoration: underline; letter-spacing: 0.16px; }
  .login-popup .left-part .inner-left .box .btn3 button { background-color: #26a96c; border: 4px solid #26a96c; border-radius: 59px; color: #fff; display: inline-block; font-family: Plus Jakarta Sans; font-size: 20px; font-style: normal; font-weight: 700; text-decoration: none; text-transform: none; color: #fff; line-height: 26px; padding: 19px 22px; cursor:pointer;}
  .login-popup-mobile.login-popup .inner-left .other-view { display: none;}
  .login-popup-mobile.login-popup .inner-left .mobile-view-app { display: none;}

  body.android-device .login-popup-mobile.login-popup .inner-left .mobile-view-app { display: block;}
  body.android-device .login-popup-mobile.login-popup .inner-left .mobile-view-app .ios-btn {display: none;}

  body.ios-device .login-popup-mobile.login-popup .inner-left .mobile-view-app { display: block;}
  body.ios-device .login-popup-mobile.login-popup .inner-left .mobile-view-app .android-btn {display: none;}

  body.other-device .login-popup-mobile.login-popup .inner-left .mobile-view-app { display: none; }
  body.other-device .login-popup-mobile.login-popup .inner-left .other-view { display: block; }


  .universal-login-popup.login-popup-section .popup-section-wrapper.tablet-view .popup-wrap-inner .popup-right-side{padding: 40px 40px; width: 100%; background: transparent; margin: 0 auto; max-width: 350px; box-shadow: none;  }
  .universal-login-popup.login-popup-section .popup-section-wrapper.desktop-view{display:none;}
  .universal-login-popup.login-popup-section .popup-section-wrapper.tablet-view{display:block; position:relative; }
  .universal-login-popup.login-popup-section .popup-section-wrapper.tablet-view .popup-wrap-inner{display:block;background-color:unset;max-width: unset; width: 100%; margin: 0; padding: 0; box-shadow: inherit; border-radius: 12px;position:relative; z-index: 1111;}
  .universal-login-popup.login-popup-section .popup-section-wrapper.tablet-view .popup-wrap-inner .popup-left-side { background: #fff; border-radius: 12px; box-shadow: 0 0 30px #0000001a; margin: 0 auto; max-width: 350px; padding: 55px 25px 70px 32px; position: relative; width: 100%; z-index: 0;overflow:hidden; }
  /*   .universal-login-popup.login-popup-section .left-side-cta .btns .btn1 a:before{left: 94px;} */
  .universal-login-popup.login-popup-section .close-btn { position: absolute; right: 156px; top: -8px; }
  .universal-login-popup.login-popup-section .popup-section-wrapper.tablet-view .popup-section-wrap { display: block; }
  .universal-login-popup.login-popup-section .bottom-shape img { width: 100%; max-width: 100%; object-fit: cover; height: 100% !important; }
  .universal-login-popup.login-popup-section .popup-section-wrapper.tablet-view .bottom-shape img { width: 100%; max-width: 100%; object-fit: cover; height: 100% !important; } 
  .universal-login-popup.login-popup-section .popup-section-wrapper.tablet-view .bottom-shape{height: 95px; position: absolute;  top: auto;  bottom: 0;  left: 0; z-index: -1;}
  .universal-login-popup.login-popup-section .popup-left-side .left-side-content h4,.login-popup-section .popup-right-side .popup-right-content h4 { font-size: 25px; line-height: 30px; }
  .category-branches { font-size: 16px !important;}
  .mortage-load-specialist .get-touch .details-box .phone .right-side .contact { flex-direction: column;}
  .mortage-load-specialist .get-touch .details-box .phone .right-side .contact .fax { padding-left: 0;}
  .universal-login-popup.login-popup-section { background-color: rgb(0 48 135 / 96%); overflow: auto; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto; }
  .feature-benefit-section .feature-box .left-part { width: 100%; padding: 0; border: 0; }
  .feature-benefit-section .feature-box .right-part { width: 100%; padding: 0; }
  .feature-benefit-section .feature-box .right-part .details { max-width: 100%; float: none; }
  .feature-benefit-section .feature-box { padding: 35px 40px; }
  .feature-benefit-section { padding: 55px 0; }
  .better-banking-section .left-part .app-download-box { margin: auto; }
  .better-banking-section .right-part .img-box .rating-img { right: 74px; }
  .everyday-hero-page.zig-zag-section .box .box-details { margin: auto;}
  .everyday-hero-page.zig-zag-section .box .right-part .img-box .img-shape { z-index: 0; }
  .everyday-hero-page.better-banking-section .left-part { padding:  0 0 60px; text-align: center; }
  .everyday-hero-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { z-index: 1; left: -40px; max-width: 120px; }
}

@media (max-width: 990px) {
  .ad-two-inner .ad-image-right-side { width: 100% }
}


@media (min-width:768px){
  .tab-panel-sec .tab-inner-content { display: block !important;}
}

@media (max-width:767px){
  .header-section .top-nav { display: none; }
  .h3, h3 { font-size: 38px;}
  .btn1 a, .btn2 a, .btn3 a { font-size: 20px; padding: 19px 32px;}
  .home-hero-section .btns { flex-direction: column;}
  .home-hero-section .btns .grbtn_1 { padding: 0 0 15px;}
  .home-hero-section .right-part .img-bg { height: 149px;}
  .home-hero-section .right-part .img-box img { max-width: 345px; object-position: 40px center;}
  .multi-col-card .column2 { margin: 0; }
  .multi-col-card .column3 .box {width: calc(100% - 16px);padding: 40px 20px 40px;}
  .card-slider-section h3 { letter-spacing: -0.97px;}
  .home-meet-section { padding-top: 20px;}
  .home-meet-section { padding-top: 20px; }
  .home-meet-section .section-shapes .shape3 img { height: 73% !important; object-fit: cover; }
  .home-meet-section .section-shapes .shape2 { display: none; }
  .home-meet-section .section-shapes .shape1 { display: none; }
  .full-banner-section .shapes .top-shape { height: 45px; }
  .full-banner-section { padding: 95px 0 130px; }
  .full-banner-section .shapes .bottom-shape { height: 45px; }
  .baseModuleStyle.w100.multi-col-card.pt-80.pb-50 { }
  .better-banking-section .right-part .img-box { max-width: 300px; }
  .better-banking-section .left-part { padding: 0 0 40px; }
  .better-banking-section .left-part .btns .groupbtn_1 { padding: 0 0 25px; }
  .better-banking-section .left-part .btns { flex-direction: column; }
  .home-support-section .box .box-details { width: 100%; padding: 23px 0 0; }
  .home-support-section .box .box-details h4 { font-size: 25px; line-height: 30px; }
  .home-support-section .right-side .box { position: relative; height: auto; padding-bottom: 180px; }
  .home-support-section .right-side .box .icon { width: 85px; }
  .home-support-section .right-side .box:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; background: #E5EAF3; position: absolute; width: 100%; height: 168px; }
  .home-support-section .right-side .box .box-details .btns { position: absolute; top: auto; bottom: -50px; height: 168px; padding: 0 40px 0; }
  .home-support-section .right-side .box .box-details .btns .btn1 a { border-color: #003087; }
  .col3-slider-section .slick-arrow.slick-prev { position: absolute; top: auto; bottom: -66px; left: calc(100% / 2 - 67px); transform: scale(1); right: auto; }
  .col3-slider-section .slick-arrow.slick-next { position: absolute; top: auto; bottom: -67px; transform: rotate(180deg) scale(1); right: auto; left: calc(100% / 2 + 15px); }
  .col3-slider-section {  padding-bottom: 100px;}
  .better-banking-section{background-position: center right !important;}
  .footer-section .column-5 ,.footer-section .column-4 ,.footer-section .column-3 ,.footer-section .column-2 ,.footer-section .column-7 ,.footer-section .column-6,.footer-section .column-8,.footer-section .column-9 { width: 100%;}
  .footer-section .menu-inner { padding: 30px 0;  }
  .footer-section .menu-inner:first-child{padding: 0 0 30px 0;}
  .footer-section .logo-section,.footer-section .right-section { max-width: 100% !important;flex: 100% !important; }
  .right-section{padding-top:40px;}
  .footer-section .simple-menu-level-2, .footer-section .simple-menu-level-3, .footer-section .title-menu-wrap {    padding-bottom: 10px!important;    padding-left: 0;    padding-right: 0;}
  .simple-menu.column-full { padding-left: 0; }
  .footer-section ul li a:hover { color: #26a96c; border-color: #26a96c; }
  .footer-top-part { padding: 80px 0 55px; }
  .footer-section .footer-inner-sec { padding: 0 40px; }
  .logo-section img { width: 80px; }
  .home-meet-section .box .content { opacity:0.8; }
  .home-meet-section .box h3 { max-width: 200px; width: 100%; margin: 0 auto 15px;}
  .home-support-section .right-side .box .inner-cover { padding-top: 0; }  
  .career-hero-section .section-heading { padding-top:50px; }
  .career-hero-section .left-part .grpbtn_1 { padding: 0 0 13px; }
  .career-hero-section .section-heading .btns { flex-direction: column; }
  .career-hero-section .section-heading .btns a { width: 334px; padding: 19px 10px 19px; }
  .career-hero-section .right-part .img-box { height: auto; }
  .career-hero-section .right-part .img-box .img-shape { max-width: 150px; }
  .career-page.home-meet-section .section-heading { padding-bottom: 30px; }
  .career-page.home-meet-section .section-heading .content { font-size: 16px; line-height: 20px; }
  .career-page.home-meet-section .section-shapes .shape2 { top: auto; bottom: 0; display: block; width: 158px; right: -70px; }
  .career-page.home-meet-section .section-shapes .shape1 { top: 20%; display: block; left: -30px; width: 119px; }
  .career-page.home-meet-section .box h3 { max-width: 100%; }
  .two-col-section .section-heading .content { font-size: 16px; line-height: 20px; padding-bottom: 0; }
  .career-page.better-banking-section { background-position: 72% center !important; padding: 70px 0 0; }
  .career-page.better-banking-section .left-part { padding: 0px 0 20px; }
  .social-media-section .box { width: calc(100% - 16px); }
  .social-media-section .box .social-side h6 { font-size: 20px; line-height: 37px; }
  .social-media-section .box .social-side h6:before { top: 16px; }
  .social-media-section { padding: 60px 0 30px; }
  .career-page.full-banner-section { padding: 95px 0 90px;}
  .two-col-section .two-col-mobile-slider {display: block; margin:0;}
  .two-col-section .desktop-view {display: none; width:100%; }
  .two-col-section button.slick-prev.slick-arrow { top: calc(100% + 13px); left: calc(50% - 67px); }
  .two-col-section button.slick-next.slick-arrow { right: 0; top: calc(100% + 13px); left: calc(50% + 15px); }
  .two-col-section { padding: 0 0 90px;}
  .two-col-section .box .icon { margin: auto; }
  .two-col-section .box .details-box { width: 100%; text-align: center; padding: 12px 20px 0; }
  .two-col-section .slick-list.draggable { padding: 20px 0 20px;}
  .two-col-section .box { padding: 25px 0 20px; margin: 0 20px 0;}
  .two-col-section .container { padding: 0; }
  .two-col-section .section-heading { padding: 0 20px 0; }
  .multi-col-card .column2 .box { width: 100%; margin: 0 0 30px; }
  .multi-col-card .column2 .box .right-part { height: auto; }
  .faq-section .box .title:after { width: 3px; height: 18px; right: 40px; top: 44px; }
  .faq-section .box .title:before { width: 18px; height: 3px; top: 52px; right: 33px; }
  .faq-section .box { margin-bottom: 16px; }
  .career-page.better-banking-section:before { height: 35px; }
  .career-page.better-banking-section .left-part .content { opacity: 0.8; }
  .career-page.better-banking-section .left-part .btns a { font-family: Plus Jakarta Sans, sans-serif; }
  .simple-text-section:before { top: -23px;height: 63px;}
  .join-mcu-page.career-hero-section .section-heading .btns a { width: 273px;}
  .join-mcu-page.multi-col-card .column3 .box .right-part .details h4 { font-size: 25px; line-height: 30px;}
  .join-mcu-page.full-banner-section { margin-bottom: -20px;}
  .intern-hero-section .btns .grp-btn.gpbtn_1 { padding-right: 0;}
  .intern-hero-section .btns { display: block;}
  .about-hero-section .left-part .btns { display: block; }
  .about-hero-section .left-part .btns .grpbt_1 { padding-right: 0; }
  .about-hero-section .right-part .img-box { max-width: 335px; }
  .about-hero-section .right-part .img-box img { max-width: 420px !important; position: relative; left: -37px; }
  .about-hero-section { overflow: hidden; }
  .about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { left: 2px; top: 127px; width: 91px; }
  .about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { right: -75px; width: 50px; }
  .about-hero-section .left-part { padding: 0px 0 15px;}
  .career-page.better-banking-section:after { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/mobile-767.png); background-position: center left; bottom: -1px; height: 40px; top: auto; background-size: cover; }
  .zig-zag-section .left-part .zig-btn_11 { padding-right: 0; padding-bottom: 12px;}
  .zig-zag-section .box .box-details .btns { display: block; }
  .ready-bottom-section .rd-btn a { padding: 19px 14px 19px; letter-spacing: 0; min-width: 258px; text-align: center; }
  .ready-bottom-section .rd-btn.ready-btn-1 { padding-right: 0; }
  .ready-bottom-section h2 { padding-bottom: 10px; }
  .ready-bottom-section .vector-shape .green-shape3 { bottom: -40px;  left: 0; margin: auto; right: 0;  width: auto; }
  .ready-bottom-section .btns { display: block; text-align: center; }
  .ready-bottom-section .vector-shape .green-shape1 { z-index: 1; width: 120px; bottom: -79px; transform: rotate(255deg); left: -50px; }
  .ready-bottom-section .vector-shape .green-shape2 { top: auto; bottom: -20px; z-index: 1; width: 120px; transform: rotate(85deg); }
  .personalbanking-saving-page.career-hero-section .right-part .img-box { height: auto;}
  .personalbanking-saving-page.career-hero-section .left-part .grpbtn_1 { padding-right: 0;}
  .personalbanking-saving-page.career-hero-section .section-heading .btns a { padding: 19px 28px 19px;}
  .strip-box-section .box .left-img { width: 100%; }
  .strip-box-section .box .right-content { width: 100%; padding: 33px 25px 40px; text-align: center; }
  .strip-box-section .box .right-content .inner-cover { justify-content: center; }
  .personalbanking-saving-page.full-banner-section .btns a { line-height: 27px;}
  .col3-slider-section .box .content { max-width: 100%;}
  .personalbanking-saving-page.col3-slider-section { padding-bottom: 70px;}
  .faq-section .box .details { word-break: break-word;}
  .personal-banking-hero .btns .pbh-btn { padding-right: 0; }
  .personal-banking-hero .btns { display: block; }
  .personal-banking-hero .breadcrumb .hs-menu-wrapper ul li.active-branch ul { padding-left: 12px; }
  .personal-banking-hero .breadcrumb ul li.active-branch a:before { right: -6px; }
  .personal-banking-hero h1 { letter-spacing:-0.97px; }
  .personal-banking-hero .hero-shape .shape3 { max-width: 440px; top: auto; left: -210px; bottom: 35px; }
  .personal-banking-hero .hero-shape .shape4 { max-width: 278px; right: -240px; transform: rotate(25deg); top: auto; bottom: -5px; }
  .personal-banking-hero .hero-shape .shape1 { display: none; }
  .personal-banking-hero .hero-shape .shape2 { max-width: 450px; top: auto; bottom: 0; width: 450px; left: 0; right: 0; margin: auto; }
  .personal-banking-hero .hero-shape .shape2 img { height: 380px !important; object-fit: cover; }
  .personal-banking-hero { overflow: hidden; }
  .bulding-strip-section .box .left-img { width: 100%; }
  .bulding-strip-section .box .right-content { width: 100%; padding: 33px 25px 40px; text-align: center; }
  .bulding-strip-section .box .right-content .inner-cover { justify-content: center; }
  .personal-banking-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { right: -86px; top: 201px; }
  .personal-banking-page.multi-col-card .section-heading { padding-bottom: 35px; }
  .personalbanking-saving-page.multi-col-card { padding-bottom:40px; }
  .personalbanking-saving-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { top: 80px; bottom: auto; left: -60px; right: auto; }
  .perbank-success-section .top-part .left-side { display: block; }
  .perbank-success-section .box.image.image .left-part .desk-img { display: none; }
  .perbank-success-section .box.image.image .left-part .mobile-icon { display: block; padding: 0 20px 0; text-align: center; height: 90px; }
  .perbank-success-section .box .box-details { text-align: center; }
  .perbank-success-section .box.senty-five, .perbank-success-section .box.twenty-five { width: 100%; }
  .perbank-success-section .box { margin-bottom: 16px; }
  .perbank-success-section .top-part .box .inner-wrap .left-part { margin: auto; }
  .perbank-success-section .box .inner-wrap .left-part .icon { margin: auto; }
  .perbank-success-section .box.image.image .left-part .mobile-icon img { height: 90px; }
  .perbank-success-section .top-part .box.success3 .left-part { padding-top: 45px; }
  .perbank-success-section .top-part .box.image .inner-wrap .right-part { padding: 0 20px 60px; }
  .perbank-success-section .box .inner-wrap { padding: 45px 20px 60px; }
  .perbank-success-section .box .inner-wrap .right-part .content { opacity: 1; width: 100%; margin: auto; }
  .perbank-success-section .top-part .box .inner-wrap .right-part { justify-content: center; }
  .perbank-success-section .box.senty-five .inner-wrap .right-part,
  .perbank-success-section .box.twenty-five .inner-wrap .right-part { justify-content: center; }
  .perbank-success-section .box .btns .btn4 a:before { top: 9px; }
  .perbank-success-section .shape-line { display: none;}
  .personal-banking-page.full-banner-section .btns a { line-height: 25px; }
  .personal-banking-page.col3-slider-section { padding-bottom: 100px; }
  .personal-banking-page.about-hero-section .right-part .img-box { margin-top: -30px; }
  .checking-page.career-hero-section .section-heading .btns a { padding: 19px 20px; min-width: 334px; }
  .personal-banking-page.better-banking-section:after{background-position: 10%;height: 117px;}
  .personal-banking-page.multi-col-card .column3 .box .right-part h4 { font-size: 25px; line-height: 30px; }
  .personalbanking-saving-page.multi-col-card .content-box h4 { font-size: 25px; line-height: 30px; }
  .checking-page.career-hero-section .section-heading h1 { letter-spacing: -0.97px; }
  .checking-page.career-hero-section .right-part .img-box { height: auto; }
  .checking-page.multi-col-card .column3 .box .right-part .details h4 { font-size: 25px; line-height: 30px; }
  .checking-page.better-banking-section { padding: 50px 0 0; }
  .checking-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -78px; top: 30px; }
  .checking-page.full-banner-section .btns a { line-height: 24px; }
  .checking-page.col3-slider-section { padding-bottom: 90px; }
  .build-bound-box-section .box { width: calc(100% - 16px); padding: 40px 20px 40px; }
  .build-bound-box-section .details { max-width: 100%; }
  .bulding-strip-section .wrap.icon-type-box .box .left-img { width: 100%; padding: 40px 20px 0; }
  .bulding-strip-section .wrap.icon-type-box .box .right-content { width: 100%; padding: 20px 25px 40px; }
  .bulding-strip-section .wrap.icon-type-box .box .left-img .img-box { width: 90px; }
  .bulding-strip-section .heading-wrap .section-heading { text-align: center; }
  .bulding-strip-section .heading-wrap.white .section-heading .content { opacity: 0.8; }
  .buling-found-zig-section .left-part .zig-btn_11 { padding-right: 0; padding-bottom: 12px;}
  .buling-found-zig-section .box .box-details .btns { display: block; }
  .building-foundation-page.career-hero-section .right-part .img-box { height: auto; }
  .building-foundation-page.home-meet-section .section-shapes .shape3 img { object-fit: cover; object-position: inherit; }
  .building-foundation-page.multi-col-card { padding: 0px 0 60px; }
  .building-foundation-page.home-meet-section { padding-top: 40px; }
  .building-foundation-page.home-meet-section .section-heading { padding-bottom: 30px; }
  .building-foundation-page.multi-col-card .column3 .box .content-box { max-width: 100%; }
  .building-foundation-page.multi-col-card .column3 .box .content { max-width: 100%; }
  .buling-found-zig-section .left-part .zigbtn a { line-height: 26px; padding: 16px 32px;}
  .simple-text-section .content blockquote { margin: 40px 0 0; padding: 30px 20px; }
  .credit-card-page.career-hero-section .section-heading .btns a { padding: 19px 20px; width: 344px; }
  .credit-card-page.career-hero-section .right-part .img-box { height: auto; }
  .credit-card-section { padding: 50px 0 60px; }
  .credit-card-section .section-heading .content { letter-spacing: -0.25px; }
  .credit-card-section .box .left-card { width: 100%; justify-content: center; }
  .credit-card-section .box .right-details { width: 100%; text-align: center; }
  .credit-card-section .box { flex-wrap: wrap; }
  .credit-card-section .box .left-card img { width: 210px; margin: auto; }
  .credit-card-section .box .right-details .btns a:before { top: 9px; }
  .credit-card-section.shape-show .section-heading .content { opacity: 0.8; font-size: 20px; line-height: 24px; }
  .credit-card-section.shape-show .section-heading { padding-bottom: 30px; }
  .credit-card-section .box .right-details .btns { padding: 10px 0 15px; }
  .credit-card-section.shape-show { padding-bottom: 110px; }
  .credit-card-page.better-banking-section { padding: 71px 0 60px; }
  .credit-card-page.full-banner-section .btns a { line-height: 25px; }
  .credit-list { display: none; }
  .credit-tab-section .credit-section .credit-content .title { display: block; width: 100%; padding: 25px 20px; font-size: 20px; font-weight: 700; color: #A4A5A2; position: relative; }
  .credit-tab-section .credit-section .credit-content { display: block; padding: 0; border-bottom: 2px solid #A4A5A2; }
  .credit-tab-section .credit-section .credit-content:last-child { border: 0; }
  .credit-tab-section .credit-section .credit-content .inner { opacity: 0.8; padding: 25px 20px; display: none; }
  .credit-tab-section .credit-section .credit-content ul li:last-child,
  .credit-tab-section .credit-section .credit-content ol li:last-child { padding-bottom: 0; }
  .credit-tab-section .credit-section .credit-content.active .title { background: #26A96C; color: #fff; }
  .credit-tab-section .credit-section .credit-content .title:before { content: ' '; top: 50%; left: auto; right: 22px; width: 19px; height: 3px; background: #A4A5A2; position: absolute; transform: translateY(-50%); transition: all 0.4s; }
  .credit-tab-section .credit-section .credit-content .title:after { content: ' '; top: 50%; left: auto; right: 30px; width: 3px; height: 19px; background: #A4A5A2; position: absolute; transform: translateY(-50%); transition: all 0.4s; }
  .credit-tab-section .credit-section .credit-content.active .title:after { transform: translateY(-50%) rotate(90deg); opacity: 0; visibility: hidden; }
  .credit-tab-section .credit-section .credit-content.active .title:before { background: #fff; }
  .creditcard-hero.career-hero-section .container { padding: 0; }
  .creditcard-hero.career-hero-section .right-part .img-box { max-width: 242px; }
  .creditcard-hero.career-hero-section .right-part .img-box .img-shape .shape-img1 { bottom: -29px; left: -82px; width: 120px; }
  .creditcard-hero.career-hero-section .right-part .img-box .img-shape .shape-img2 { right: -63px; top: -11px; width: 140px; }
  .creditcard-hero.career-hero-section .section-heading .btns a { width: 380px;}
  .breadcrumb .hs-menu-wrapper ul li { flex-wrap: wrap;}
  .student-banking-page.intern-hero-section .wrap { padding: 0; }
  .student-visa-section .section-heading .content { font-size: 20px; }
  .student-visa-section .box { width: calc(100% - 16px); }
  .student-banking-page.better-banking-section {    background-position: 79% center !important;}
  .student-banking-page.disclosure-section{padding-top: 10px;}
  .student-banking-page.better-banking-section {padding: 80px 0 0;} 
  .mortgage-option-section .box { padding: 30px 20px 30px; }
  .mortgage-option-section .box .inner-wrap { width: 100%; padding:0; }
  .mortgage-option-section .box .btn-right { width: 100%; text-align: center; }
  .mortgage-option-section .box .btn-right a { min-width: auto; padding: 12px 23px; }
  .mortgage-option-section .box .inner-wrap .icon { width: 100%; text-align: center; }
  .mortgage-option-section .box .inner-wrap .details { width: 100%; padding: 15px 0 20px; text-align: center; }
  .mortgage-option-section .box .inner-wrap .details h4 { margin-bottom: 10px; }
  .mortgage-option-section .box.button-off .inner-wrap .details { padding-bottom: 0;}
  .becoming-a-member-page.zig-zag-section .left-part .zig-btn_11 { padding-right: 0;}
  .visa-pages.credit-card-subpages.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -87px; top: -20px;}
  .mortgages-page.personal-banking-hero .hero-shape .shape2 { opacity: 0.6;}
  .mortgages-page.zig-zag-section { margin: -110px 0 0; padding-top: 90px;}
  .mortgages-page.zig-zag-section .box .box-details .content { opacity: 1;}
  .mortgage-option-section { padding-top: 35px;}
  .mortgages-page.col3-slider-section { padding-bottom: 85px;}
  .mortgages-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 90px; top: auto; bottom: 30px; right: -23px;}
  .family-homes-page.mortgages-page.zig-zag-section .box .inner-wrap { padding: 20px 0 40px;}
  .mortgages-page.better-banking-section { padding: 80px 0 0;}
  .mortgages-page.col3-slider-section .box .content { opacity: 0.8;}
  .mortage-load-specialist .get-touch .details-box .details-wrap { background: #fff; padding: 0; max-width: 340px; width: 100%; margin: auto;}
  .mortage-load-specialist .get-touch .details-box .box-common .left-side { width: 150px; }
  .mortage-load-specialist .get-touch .details-box .box-common .right-side { width: calc(100% - 150px);}
  .mortage-load-specialist .get-touch .details-box .phone .right-side .contact { flex-direction: column;}
  .mortage-load-specialist .get-touch .details-box .phone .right-side .contact .fax { padding: 5px 0 0;}
  .mortage-load-specialist .get-touch .details-box h2 { text-align: center; padding-bottom: 20px;}  
  .mortage-load-specialist .get-touch .details-box { margin: -70px 0 0;}
  .mortage-load-specialist .breadcrumb-strip .breadcrumb { padding: 0;}
  .insurance-page.better-banking-section:before { height: 51px;}
  .insurance-page.col3-slider-section { padding-bottom: 80px;}
  .ad-insure-page.personal-banking-hero .hero-shape .shape2 { opacity: 0.7;}
  .ad-insure-page.simple-text-section { padding-bottom: 40px; padding-top: 30px;}
  .ad-insure-page.col3-slider-section { padding-bottom: 80px;}
  .ad-insure-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 100px;}
  .auto-home-page.why-mcu-two { padding-top: 110px;}
  .banking-life-page.career-hero-section .right-part .img-box { height: auto;}
  .banking-life-section .box .right-part .inner-box .box-bottom { padding: 35px 25px 45px;}
  .banking-life-section .box .container { padding: 0;}
  .banking-life-section .box .inner-cover .left-part { padding:0 20px 30px; }
  .rates-section .table-main .table-box .tbody .tb-raw .column .col_head { width: 55%; padding-right: 10px;}
  .rates-section .table-main .table-box .tbody .tb-raw .column .colin-data { width: 45%;}
  .rates-section .table-main .table-box .tbody .tb-raw .column.col7 .colin-data { width: 55%}
  .rates-section .disclosure-part h6 { font-size: 16px; padding: 30px 50px 30px 25px; }
  .rates-section .disclosure-part .dis-content { padding: 0 25px 55px; }
  .rates-section .disclosure-part h6:before { right: 16px; }
  .rates-section .disclosure-part h6:after { right: 22px; }
  .rates-section .disclosure-part { position:relative; }
  .rates-section .disclosure-part .mobile-less { display: block; padding: 0 20px 0; position: absolute; top: auto; bottom: 25px; color: #33599F; font-size: 14px; font-weight: 500; text-decoration: underline; cursor: pointer; }
  .rates-section .disclosure-part .mobile-less:before { content: ' '; top: 50%; left: 3px; width: 10px; height: 2px; background: #33599F; position: absolute; transform: translateY(-50%); }
  .rates-section .disclosure-part h6.active:before { opacity:0; }
  .rates-section .rate-drowdown { padding: 30px 0;}
  .rates-section .rate-drowdown .jump-strip .jumpto { padding: 20px 20px 20px 21px; }
  .rates-section .rate-drowdown .jump-strip .drop-box .drop-inner { padding: 0 25px 30px; }
  .rates-section .rate-drowdown .jump-strip .drop-box:before { width: calc(100% - 50px); }
  .rates-section .rate-drowdown .jump-strip .drop-box .inbox .title-box { padding-bottom: 15px; }
  .rates-section .rate-drowdown .jump-strip .drop-box .inbox .title-box a { font-size: 18px; }
  .careers-internships-logo .mcu-intership-logo{margin:0 auto;}
  .careers-internships-logo .section-heading{letter-spacing: -0.63px;}
  .internships-page.card-slider-section {    padding: 0;    margin-top: -80px;    z-index: 99;}
  .internships-page.home-meet-section .section-shapes .shape1{display:block;top: 93%; width: 120px;left: 85%;}
  .internships-page.home-meet-section .section-shapes .shape2{display:block;left: -56px; right: 0px; top: 13%; width: 120px;}
  .careers-internships-logo .careerslogo-section { margin: 0 13px 35px;}
  .internships-page.better-banking-section:after { background-position: center right; bottom: -6px; height: 50px; }
  .internships-page.better-banking-section { background-position: 75% center !important;}
  .internships-page.better-banking-section .right-part .img-box { min-width: 410px !important; }
  .aboutmcu-page.col3-slider-section{margin:0px;}
  .aboutmcu-page.col3-slider-section .section-heading .content { font-size: 16px; line-height: 20px;padding-top:16px; }
  .aboutmcu-page.col3-slider-section{padding-bottom: 80px;}
  .aboutmcu-page.full-banner-section{padding-bottom:120px;}
  .aboutmcu-page.multi-col-card .section-heading .content { font-size: 16px; line-height: 20px; }
  .aboutmcu-page.multi-col-card .column2 .box .left-part{margin:inherit;}
  .aboutmcu-page.multi-col-card .column2 .box .right-part .details{text-align:left;}
  .find-Your-Fit .find-Your-Fit-image{display: flex; justify-content: center;}
  .find-Your-Fit .market-box-wrapper-section .find-your-text h4{font-size: 25px; margin: 0;}
  .aboutmcu-page.col3-slider-section{padding-top:0px;}
  .aboutmcu-page.full-banner-section .buttons_1{padding:0;}
  .aboutmcu-page.multi-col-card{padding-top:10px;}
  /*   .about-two-column .time-line-right{margin-top:40px;} */
  .about-two-column .time-line-right-section { margin-bottom: -210px;}
  .about-two-column { margin-bottom: 110px;}
  .about-two-column .tim-line-card { padding: 20px; }
  .intern-hero-section.about-mcu-history .right-part { padding: 20px 0px; }
  .about-mcu-history.zig-zag-section { padding: 30px 0px; }
  .about-mcu-history.simple-text-section { padding-top: 0; padding-bottom: 70px; }
  .about-mcu-history.simple-text-section .section-heading .content{font-size:16px;line-height:20px;}
  .partner-application-form { margin-top: 0; }
  .partner-application-form .partnrt-form .hs-form .input{padding:0px;}
  .partner-application-form .partnrt-form form label { font-size: 16px;  line-height: 37px; }
  .partner-application-form .partnrt-form .form-contact-info { padding: 31px 20px 30px; }
  /*   .about-two-column .section-shapes .shap1 img {height: 805px!important;} */
  .about-two-column .section-shapes { display: none;}
  .about-mcu-history.simple-text-section h2{line-height:42px;margin-bottom: 10px;}
  .about-two-column .time-line-title h2 { line-height: 42px; }
  .aboutmcu-page.multi-col-card .column2 .box {  width: 100%; }
  .simple-banner-sec.join-mcu-partner{padding-bottom:40px;}
  .partner-application-form .actions { text-align: center;margin-top:30px; }
  .partner-application-form .hs-main-font-element  { text-align: center; }
  .partner-application-form .patners-shape-section .shape1{display:none;}
  .partner-application-form .patners-shape-section .shape3{display:none;}
  .partner-application-form .patners-shape-section .shape2 {right: -20px;top: -139px;}
  .partner-application-form .partnrt-form select{padding:0px 15px 0px 31px;}
  .partner-application-form ul.no-list.hs-error-msgs.inputs-list li label {line-height:20px;}
  .disclosure-section .disclosure-content { padding-top: 15px; }
  .disclosure-section .disclosure { padding-top: 15px; }
  .personal-Banking-Accounts.personal-banking-hero .hero-shape .shape3{bottom:150px;}
  .personal-Banking-Accounts.personal-banking-hero .hero-shape .shape4 {bottom:100px;}
  .personal-Banking-Accounts.strip-box-section.fastrack-checking-page{padding-top:0px;}
  .personal-Banking-Accounts.fastrack-checking-page .wrap{padding-top:0;}
  .personal-Banking-Accounts.fastrack-checking-page{padding-top:30px;}
  .personal-Banking-Accounts.fastrack-checking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1{top:0;z-index:1;top:-37px;}
  .personal-Banking-Accounts.col3-slider-section.fastrack-checking-page.btn1 {margin-top: 15px;}
  .personal-banking-saving-youth.personal-Banking-Accounts.fastrack-checking-page .section-heading{margin-bottom:30px;}
  .personal-Banking-Share-Accounts.personal-banking-hero{padding-bottom: 140px!important;}
  .personal-Banking-Share-Accounts.fastrack-checking-page .section-heading{margin-bottom:0px !important;}
  .personal-Banking-Share-Accounts.fastrack-checking-page .section-heading  h2{ letter-spacing: -1.23px !important;}
  .personal-banking-iras-fixed.fastrack-checking-page{padding-top:20px !important;}
  .personal-banking-iras-fixed.fastrack-checking-page .section-heading  h2{ letter-spacing: -1.23px !important;}
  .personal-banking-iras-fixed.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { max-width: 141px !important; right: -71px !important; z-index: 0; }
  .personal-Banking-Accounts.fastrack-checking-page.full-banner-section { margin-top: -164px; }
  .youth-account-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -45px; max-width: 110px; top: -50px; z-index: 1; }
  .iRAs-ParentPage.join-mcu-page.career-hero-section .section-heading .btns a { width: 313px;}
  .personal-Banking-Accounts.personal-banking-hero { padding-bottom: 150px; }
  .personal-Banking-Accounts.better-banking-section { padding: 65px 0px 80px; }
  /*   systeam paage css */
  .subscipition-conformation .page-header h2{font-size:20px;}
  .subscription-page .page-header h2{font-size:20px;}
  .subscription-page .page-header h1{font-size:20px;line-height:22px;}
  .subscription-page .hs-button{font-size: 16px;}
  .accordion-topic-sec br,.pl-ab {display:none;}
  .breadcrumb{text-align:center;}
  .breadcrumb { padding: 15px 0 15px; text-align: center; }
  .breadcrumb .hs-menu-wrapper ul li.active-branch{justify-content:center;}
  .leadership-tem-pages .breadcrumb{width:100%;}
  .leadership-tem-pages .category-name{width:100%;text-align:center;}
  .accordion-topic-sec .topic-wrapper{padding:31px 25px;position: relative;}
  .accordion-topic-sec .box-wrapper{ padding: 22px 20px 0;}
  .accordion-topic-sec .scroll-wrap-sec{padding: 20px 20px;}
  .accordion-topic-sec ul li{width:100%;padding: 0 0 10px 0;} 
  .accordion-topic-sec .contact-dropdown{padding-top:25px;}
  .accordion-topic-sec .topic-wrapper.active .icon-wrap{position: absolute; bottom: -330px; z-index: 999;}
  .visit-question-content a { font-size: 20px; line-height: 20px; }
  .site-search-page .form_heading{width:100%;text-align:center;}
  .site-search-page .form-section{width:100%;}
  .site-search-page button{position:unset;margin-top:30px;padding: 10px 20px;}
  .site-search-page .icon-search{    top: 21px;}
  .site-search-page .hs-search-field__input{padding: 10px 40px 10px 80px;}
  .frequently_topics .btn4 a {font-size: 18px;line-height: 20px;display: block; padding:27px 60px 27px 22px;}
  .one-col .search-col{padding-left: 13px; padding-right: 13px;}
  .mcu_search .hs-search-results__listing li:first-child{padding-top:5px;}
  .frequently_topics .btn4 a:before { top: 50%; transform: translateY(-50%);right: 25px; }
  .hs-search-field--open .hs-search-field__suggestions{top: 120px;}
  .mcu_search .hs-search-results__listing li{padding-bottom: 35px;}
  .accordion-topic-sec .scroll-content h2 { font-size: 31px; line-height: 35px; }
  .accordion-topic-sec .btn3 a { font-size: 16px; padding: 15px; text-align: center; }
  .accordion-topic-sec .topic-title{width:100%;padding-bottom: 20px;}
  .topic-wrapper.active { min-height: 300px; align-items: flex-start; position: relative; }
  .accordion-topic-sec .topic-wrapper.active .drop-title{align-items: flex-start;}
  .accordion-topic-sec .contact-dropdown {padding: 20px 20px 90px;}
  .automated-telephone-banking-page.accordion-topic-sec .box-wrapper{ padding:18px 16px;margin-bottom:20px;}
  .partnering-mcu-page.col3-slider-section { padding: 40px 0; }
  .partnering-mcu-page .section-btns { display: none; }
  .partnering-mcu-page .slick-list, .partnering-with-mcu-three-col .slick-slider{margin-bottom: 60px;}
  /*   .partnering-mcu-page { padding: 40px 0; } */
  .partnering-mcu-page.intern-hero-section .btns .grp-btn.gpbtn_1{padding-right:0;}
  .partnering-mcu-page.better-banking-section { background-position: 75% 45px!important; overflow: hidden; }
  .becoming-a-member-page .section-btn { flex-direction: column; }
  .becoming-a-member-page .custom-btn a{ font-size: 20px; padding: 19px 32px; }
  .becoming-a-member-page .inner-cta { flex-direction: column; }
  .becoming-a-member-page .custom-btn { text-align: center; }
  .tab-panel-sec .tab_drawer_heading { display: block;}
  .tab-panel-sec .tab-inner-content { display: none; padding: 22px}
  .tab-panel-sec .tab_content { padding: 0;  }
  .tab-panel-sec .tab_content h4.tab_drawer_heading { color: #A4A5A2;  line-height: 37px; margin: 0;  padding: 20px 40px 20px 20px; position:relative; }
  .tab-panel-sec .tab_content { border-bottom: 2px solid rgb(164 165 162 / 30%);  }
  .tab-panel-sec .tab_content:last-child { border-bottom: 0;  }
  .tab-panel-sec .tab_content h4.tab_drawer_heading.d_active { background: #26A96C; color: #fff;  }
  .tab-panel-sec .tab-panel-wrap { display: none;} 
  .tab-panel-sec .tab_content h4.tab_drawer_heading:before { content: ' '; top: 50%; left: auto; right: 25px; position: absolute; width: 3px; height: 18px; background: #A4A5A2; transform: translateY(-50%);}
  .tab-panel-sec .tab_content h4.tab_drawer_heading:after { content: ' '; top: 50%; left: auto; right: 18px; position: absolute; width: 18px; height: 3px; background: #A4A5A2; transform: translateY(-50%); }
  .tab-panel-sec .tab_content h4.tab_drawer_heading.d_active:before { opacity: 0;}
  .tab-panel-sec .tab_content h4.tab_drawer_heading.d_active:after { background: #fff;}
  .tab-panel-sec .tabs { display: none;  }
  .tab-panel-sec .tab_content { display: block !important;}
  .tab-panel-sec .tab-inner-content .details p{font-size: 16px; letter-spacing: -.16px; line-height: 22px;}
  .tab-panel-sec .tab-inner-content .details ul {padding: 0 0 0 20px; }
  .becoming-a-member-page.zig-zag-section .box .box-details{margin-top:0;}
  .why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { right: -40px; top: 198px; width: 50px; }
  .why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { top: 140px; width: 91px; }
  .simple-text-section.why-mcu-page { margin-top: -80px; }
  .why-mcu-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: -54px;top: 170px;max-width: 100px;}
  .why-mcu-page.two-col-section .box{ margin: 0 20px 20px;padding: 25px 30px 40px;}
  .why-mcu-page.two-col-section .wrap { margin: 0; }
  .accordion-topic-sec .btn1 a,.accordion-topic-sec .btn2 a{ font-size: 16px;padding: 19px 27px;text-align: center;  }
  .three_col-sec .btn1 a { font-size: 16px; }
  .image-with-text .right-part .image-inner{height: 370px; } 
  .image-with-text .right-part .image-inner .img-shape .shape_2{top: -120px; width: 308px;}
  .image-with-text .right-part .image-inner .img-shape .shape_1 { bottom: -238px; left: 27px;}
  .why-mcu-page.better-banking-section .left-part h2{font-size: 39px; letter-spacing: -0.97px; line-height: 42px;}
  .why-mcu-page.better-banking-section{padding:40px 0;}
  .why-mcu-page.full-banner-section { padding: 95px 0 80px; }
  .image-with-text .left-part{padding:0 20px;}
  .why-mcu-two h2 { line-height: 42px; letter-spacing: -.97px; }
  .partnering-mcu-page.multi-col-card .column2 .box{padding-top:40px;margin: 0 0 20px;}
  .partnering-mcu-page.multi-col-card .column2 .box { margin: 0 0 20px; width:100%; }
  .partnering-mcu-page.multi-col-card .column2{margin:0;}
  .leader-team-listing .team-member { padding: 20px 29px; width:100%; margin: 0 0 16px; }
  .strip-box-section.fastrack-checking-page{padding:70px 0;}
  .fastrack-checking-page.zig-zag-section .box.left-img .right-part .img-box .img-shape .shape_1 { left: auto; max-width: 177px; top: -20px; z-index: 0; right: -73px; }
  .fastrack-checking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { bottom: auto; left: -90px; max-width: 170px; right: auto; top: -20px; }
  .fastrack-checking-page.better-banking-section { padding: 70px 0; }
  .fastrack-checking-page.zig-zag-section .box .box-details .content{padding-bottom:20px;}
  .fastrack-checking-page.zig-zag-section .box .right-part{padding-top:40px;}
  .leadership-team-page.simple-text-section .content p { font-size: 16px; line-height: 20px; letter-spacing: 0.16px; }
  .leadership-team-page.partnering-mcu-page.full-banner-section .content{opacity:0.8;}
  .leadership-team-page.better-banking-section{margin-bottom:-6px;}
  .share-draft .content-box h4 { font-size: 25px; line-height: 30px; }
  .share-draft.personal-banking-hero .hero-shape .shape3 { bottom: 35px; left: -210px; max-width: 440px; top: auto; }
  .share-draft.personal-banking-hero .hero-shape .shape4 { bottom: -5px; max-width: 278px; right: -240px; top: auto; transform: rotate(25deg); }
  .share-certificate-multi-col .wrap.column3 .box,.share-certificate-multi-col .wrap.column2 .box{ width: 100%; margin: 0 auto 16px; }
  .simple-box-sec .left-img{width:100%;}
  .simple-box-sec .right-content{width:100%;text-align: center;}
  .simple-box-sec .btns{margin: auto;}
  /*   .simple-box-sec .btn4 a { font-size: 16px; line-height: 24px; } */
  .digital-banking-page.intern-hero-section { padding-bottom: 60px; }
  .partner-faq-page.simple-text-section{padding-top:50px;}
  .partner-faqs-page.faq-section{padding-top:10px;}
  .personal-Banking-Coverdell-ESA.fastrack-checking-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { right: -12px; top: -46px; left: auto; }
  .coverdell-esa-page br{display:none;}
  .direct-deposit-page.intern-hero-section{padding-bottom:40px;}
  .iRAs-ParentPage.join-mcu-page.career-hero-section .right-part{padding-bottom:20px;}
  .scroll-topic-sec .scroll-inner-title h4{font-size:20px;line-height:30px;}
  .scroll-topic-sec .scroll-wrap-sec p{font-size:20px;line-height:30px;}
  .scroll-topic-sec .scroll-inner-wrap .box-heading p{font-size:16px;line-height:20px;}
  .scroll-topic-sec .scroll-inner-wrap{padding: 20px 25px;}
  .scroll-topic-sec .scroll-wrap-sec{    padding: 20px 25px;}
  .scroll-topic-sec .scroll-wrapper p{font-size:16px;line-height:20px;    font-family: Plus Jakarta Sans,sans-serif;} 
  .scroll-topic-sec .scroll-inner{    padding: 35px 40px;}
  .scroll-topic-sec .scroll-img { order: 1; text-align: center; } 
  .scroll-topic-sec .scroll-box-left { order: 2; text-align: center; padding: 0; margin-top: 20px;}
  .scroll-topic-sec .scroll-down{margin-bottom: 25px; margin-left: 0; margin-right: 0; padding: 10px;}
  .scroll-topic-sec .scroll-wrap-sec{margin: 0 auto 40px;}
  .multipulListing .details{padding-top: 20px;text-align: left;}
  .personal-Banking-Accounts.col3-slider-section{margin-bottom:0;padding-bottom:80px;}
  .consumer-lending-page.col3-slider-section { margin-bottom: 0; padding-bottom: 80px; }
  .only-scroll-sec .scroll-inner-title h4{font-size:20px;line-height:30px;}
  .only-scroll-sec .scroll-wrap-sec p{font-size:20px;line-height:30px;}
  .only-scroll-sec .scroll-inner-wrap .box-heading p{font-size:16px;line-height:20px;}
  .only-scroll-sec .scroll-inner-wrap{padding: 20px 25px;}
  .only-scroll-sec .scroll-wrap-sec{    padding: 20px 25px;}
  .only-scroll-sec .scroll-wrapper p{font-size:16px;line-height:20px;    font-family: Plus Jakarta Sans,sans-serif;} 
  .only-scroll-sec .scroll-inner{    padding: 35px 40px;}
  .only-scroll-sec .scroll-img { order: 1; text-align: center; } 
  .only-scroll-sec .scroll-box-left { order: 2; text-align: center; padding: 0; margin-top: 20px;}
  .only-scroll-sec .scroll-down{margin-bottom: 25px; margin-left: 0; margin-right: 0; padding: 10px;height:340px;}
  .account-service-page.better-banking-section{padding:40px 0 0;}
  .refinancing-application-section .refine-details { padding: 40px 30px; text-align:center;}
  .refinancing-application-section .refine-details ul{text-align:left;}
  .refinancing-application-section .btn1 a{font-size: 14px; padding: 16px 20px;}
  .refinancing-application-section .shapes-outer { height: 280px; top: 380px; }
  .refinancing-application-section .dtshape2 { bottom: -30px; max-width: 90px; right: -15px; }
  .refinancing-application-section .dtshape1 { left: -15px; max-width: 90px; top: -5px; }
  .accordion-topic-sec .branch-address-section .box-wrapper { padding: 25px 17px; }
  .friendly-content { width: 100%;text-align: center;padding: 10px 20px; }
  .friendly-img img {width:45px;}
  .friendly-img{width: 133px;height: 133px;}
  .friendly-face{justify-content:center;padding: 20px 14px;}
  .friendly-content h3{font-size:31px;line-height:25px;letter-spacing:-0.31px;}
  .location div#legend { display: flex; flex-wrap: wrap; padding-right: 30px; padding-bottom: 30px; }
  .location #map { height: 250px; }
  .location div#legend>div {     margin-bottom: 10px;   width: 50%;}

  .branch-card-sec  .branch_card .content-part h3 { font-size: 25px; line-height: 29px; letter-spacing: -0.66px; }
  .branch-card-sec  .map-box-content img {width: 48px;}
  .branch-card-sec  .map-box-img{text-align:right;} 
  .term-life-sec .slick-slider .slick-list{padding:0;}
  .why-mcu-two.guaranteed-asset-page{padding-top:110px;}
  .privacy-page.accordion-topic-sec .scroll-wrap-sec{padding:35px 30px;}
  .extended-warranty-section .shape-box-wrap.box-shape_1 { bottom: auto; left: auto; top: 440px; z-index: -1; }
  .building-foundation-page.build-bound-box-section{padding:50px 0;}
  .ad-two-col-sec .ad-rates-inner,.ad-two-col-sec .ad-rates-btn {text-align:center;}
  .ad-two-col-sec .ad-rates-inner { bottom: 50%; transform: translateY(50%) }
  .ad-two-silder-sec .right-side-circle-inner { height: 135px; right: 0; width: 135px; top: 55%; }
  .ad-two-silder-sec .ad-rates-silder-wrap{max-width:380px;}
  .login-sec .question-part{width: 100%; padding-top: 30px; padding-left: 0;}
  .login-sec .login-form{width: 100%;padding-right: 0;}
  .login-sec .question-part-inner{padding: 35px 0;text-align:center;}
  .login-sec .login-btn button,.login-sec .register-btn button {padding: 12px 27px;font-size:18px;}
  .login-sec .login-form .left-title{text-align:center;}
  .privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-wrapper { padding: 22px 20px 30px; }
  .privacy-notice-page.simple-banner-sec .section-top .heading-title { text-align: center; }
  .privacy-notice-page.simple-banner-sec .section-top .section-heading { text-align: center; margin: auto; }
  .privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .scroll-inner-title h4 { font-size: 30px; line-height: 30px; }
  .privacy-notice-page.accordion-topic-sec .scroll-wrap-sec .box-heading h4 { font-size: 20px; line-height: 25px; }
  .question-strip .left-part { width: 100%; }
  .question-strip .right-part { width: 100%; padding: 20px 0 0; }
  .fraud-message-strip { max-width: 100%; width: calc(100% - 40px);}
  .homebuyer-dream-program-page.full-banner-section { padding-bottom: 210px; }
  .homebuyer-dream-program-page.better-banking-section .left-part .content { max-width: 100%; }
  .simple-box-sec .right-content .inner-cover { justify-content: center; }
  .topic-wise-faq-section .faq-box { padding: 30px 20px 20px;}
  .topic-wise-faq-section .faq-box .box .details { padding-left: 25px;}
  .faq-section .box .title { padding-left: 25px;}
  .topic-wise-faq-section .faq-drowdown .jump-strip .drop-box .drop-inner { padding: 0 25px 30px; }
  .topic-wise-faq-section .faq-drowdown .jump-strip .jumpto { padding: 20px 20px 20px 25px; }
  .appointment-section .box { width: calc(100% - 16px); }
  .appointment-section .box .top h5 { max-width: 100%; }
  .multi-col-card .column2 .box .right-part { justify-content: center;}
  .appointment-section .box { padding: 40px 30px;}
  .appointment-section .box .icon { height: 80px; width: 73px;}
  .banking-life-section .box .right-part .inner-box-wrap { margin: 0; }
  .banking-life-section .box .right-part .inner-box { width: calc(100% / 1 - 30px); }
  .banking-life-section .left-part .title-right { width: 100%; padding: 20px 0 0; }
  .banking-life-section .box .left-part .content { font-size: 16px; line-height: 23px; }
  .student-loan-page.multi-col-card.student-module-4 .column2 .box { width: calc(100% - 16px); }
  .full-banner-section .btns a { line-height: 25px; }
  .multi-col-card .section-btns a { line-height: 25px; }
  .student-loan-page.student-visa-section .btns { line-height: 25px; }
  .student-loan-page.student-visa-section .box { padding: 45px 20px 30px;}
  .home-improvement-page.homebuyer-dream-program-page.refinancing-application-section .shapes-outer { top: 60%}
  .privacy-notice-page.accordion-topic-sec .scroll-wrap-sec { padding:20px; }
  .financial-literacy-page.simple-box-sec { padding-top: 85px; }
  .financial-literacy-page.blog-slider-section.col3-slider-section .section-btns { padding: 110px 0 0; }
  .financial-literacy-page.blog-slider-section.col3-slider-section { padding-bottom: 40px; }
  .intern-hero-section .btns .grp-btn { padding: 0 0px 16px;}
  .branch-address-section.scroll-wrap-sec .box-title-strip .book-button { padding: 20px 0 0; }
  .branch-address-section.scroll-wrap-sec .box-title-strip { flex-direction: column; align-items: flex-start; -webkit-align-items: flex-start; }
  .one-navigation-section .box .inner-box .left-part { width: 100%; padding: 63px 20px; }
  .one-navigation-section .box .inner-box .right-part { width: 100%; }
  .one-navigation-section .box .inner-box .left-part .icon-box { width: 101px; }
  .one-navigation-section .box { padding: 35px 0 0; }
  .one-navigation-section .box .title-nav-strip .page-navigation .navigate-box { font-size: 16px; padding: 22px 40px 22px 20px; }
  .one-navigation-section .box .title-nav-strip .page-navigation .navigate-box:before { right: 14px; }
  .special-promotion-section h2 { padding-bottom: 25px;}
  .mortage-load-specialist .get-touch .details-box .title-strip { flex-direction: column; padding-bottom: 50px; }
  .mortage-load-specialist .get-touch .details-box .title-strip .btn-wrap { padding: 0; }
  .mortage-load-specialist .get-touch .details-box .title-strip .btn-wrap a { font-size: 16px; }
  .digital-banking-page.intern-hero-section .left-part { padding-top: 25px;}
  .online-register-page .right-part .hs-cta-img { margin-top: 30px; } 
  .online-register-page .right-part .hs-cta-img:first-child { margin-top: 0; }
  .financial-literacy-page.multi-col-card { padding: 70px 0 60px;}
  .login-popup-mobile.login-popup .left-part .inner-right { width: 100%; padding: 0;}
  .universal-login-popup.login-popup-section .popup-section-wrapper .popup-wrap-inner{padding:0; box-shadow:inherit; background:transparent; overflow: inherit; }
  .universal-login-popup.login-popup-section .popup-section-wrapper .popup-right-side{padding: 40px 30px;}
  .universal-login-popup.login-popup-section .popup-section-wrapper.mobile-view{display:block;}
  .universal-login-popup.login-popup-section .popup-section-wrapper.tablet-view{display:none;}
  .universal-login-popup.login-popup-section .popup-section-wrapper.mobile-view .popup-left-side .popup-left-inner { background: transparent; border-radius: 12px; box-shadow: 0 0 30px #0000001a;  padding: 30px 25px 30px 25px; position: relative; width: 100%; z-index: 11;overflow:hidden; }
  .universal-login-popup.login-popup-section .popup-section-wrapper.mobile-view .popup-wrap-inner .popup-right-side{padding: 40px 40px; width: 100%; background: unset;margin: 0 auto; max-width: 350px; }
  .universal-login-popup.login-popup-section .popup-section-wrapper.mobile-view{display:block;background-color:unset;margin: 0 auto; max-width: 350px;width: 100%; padding: 0; box-shadow: unset; border-radius: 12px;position:relative; z-index: 1111;}
  .universal-login-popup.login-popup-section .popup-section-wrapper.mobile-view .bottom-shape img { width: 100%; max-width: 100%; object-fit: cover; height: 100% !important; }
  .universal-login-popup.login-popup-section .left-side-cta .btns .btn1 a{font-size: 20px; padding: 19px 17px; line-height: 26px;}
  /*   .universal-login-popup.login-popup-section .left-side-cta .btns .btn1 a:before{display:none;} */
  .universal-login-popup.login-popup-section .popup-section-wrapper.mobile-view .bottom-shape { height: 146px; position: absolute; top: auto; bottom: 0; left: 0; }
  .universal-login-popup.login-popup-section .popup-section-wrapper.mobile-view .popup-section-wrap { display: block; }
  .universal-login-popup.login-popup-section .close-btn { position: absolute; right: -8px; top: -8px; }
  .universal-login-popup.login-popup-section .popup-section-wrapper.mobile-view .popup-wrap-inner .popup-right-side { padding: 30px 20px 0; box-shadow:inherit; }
  .universal-login-popup.login-popup-section { padding: 40px 0 80px; }
  .universal-login-popup.login-popup-section .popup-section-wrapper.mobile-view .popup-section-wrap .popup-left-side { position: relative; background: #fff; border-radius: 12px; overflow: hidden;}
  .universal-login-popup.login-popup-section .left-side-cta .btns button {border: 4px solid #003087; padding:19px 17px; font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none; background-color: #003087; border-radius: 59px; color: #ffffff; font-size: 20px; text-transform: none; display: inline-block; line-height: 26px;}
  .universal-login-popup.login-popup-section .left-side-cta .btns button:hover { background: #fff; border-color: #26a96c; color: #26a96c;}

  body.android-device .universal-login-popup.login-popup-section .left-side-cta .android-btn { display: block;}
  body.android-device .universal-login-popup.login-popup-section .left-side-cta .ios-btn  {display: none;}
  body.android-device .universal-login-popup.login-popup-section .left-side-cta .other-device {display: none;}

  body.ios-device .universal-login-popup.login-popup-section .left-side-cta .android-btn { display: none;}
  body.ios-device .universal-login-popup.login-popup-section .left-side-cta .ios-btn  {display: block;}
  body.ios-device .universal-login-popup.login-popup-section .left-side-cta .other-device {display: none;}

  body.other-device .universal-login-popup.login-popup-section .left-side-cta .android-btn { display: none;}
  body.other-device .universal-login-popup.login-popup-section .left-side-cta .ios-btn  {display: none;}
  body.other-device .universal-login-popup.login-popup-section .left-side-cta .other-device {display: block;}

  .branch-card-sec .branch_card{    overflow: hidden;}

  .location .map-boxes-inner .cta-wrap { text-align: center; }
  .feature-benefit-section .section-title .content { font-size: 16px; line-height: 25px; padding-bottom: 20px; }
  .feature-benefit-section .feature-box { padding: 35px 20px; }
  .feature-benefit-section .feature-box .details ul li { line-height: 25px; font-size: 18px; padding: 0 0 0 47px; margin-bottom: 20px; }
  .feature-benefit-section .feature-box .details ul li:before { width: 32px; height: 32px; }
  .feature-benefit-section .feature-box h4 { padding-bottom: 15px; }
  .better-banking-section .left-part .app-download-box { margin: 0 auto 30px; }
  .better-banking-section .right-part .img-box .rating-img { right: 0; }


  .new-auto-loans-page.multi-col-card .column2 .box { margin: 0 0 30px; width: 100%; }
  .new-auto-loans-page.features-benefits-content-section { margin-top: -40px; }
  .new-auto-loans-page.mortgage-option-section { margin-top: -60px; }
  .loan-calculators-section .single-calc-wrap { padding: 40px 30px; }
  
  /* Updated Styles - Ext */
  .body-container-wrapper { margin-top: 68px;
}

@media (max-width:520px){
  .scholarship-section .iframe-box iframe {height: 1810px;}
}

@media (max-width:480px){
  .header-section .navigation .hs-menu-wrapper>ul>li .megamenu .style5 .add-box .shape5 { left: -200px; right: -100px;  }
  .logo-section img { width: 48px; }
  .header-section .bottom-part .navigation .button-search-box .add-box img { width: 100% !important; object-fit: cover;}
  .better-banking-section:before { height: 31px; top: -2px;}
  .better-banking-section .left-part .btns a { line-height: 25px; }
  .ready-bottom-section .vector-shape .green-shape3 img{ width: 840px;max-width: 840px !important;position: relative;left: -160px;bottom: -7px;}
  .perbank-success-section .box .inner-wrap .right-part .content { max-width: 280px;  }
  .personal-banking-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 { width: 111px; left: -8px; top: 149px; }
  .personal-banking-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { width: 60px; right: -79px; top: 171px; }
  .personal-banking-page.better-banking-section { padding-top: 80px; }
  .personal-banking-page.better-banking-section .left-part h2 { letter-spacing: -0.97px; }
  .personal-banking-page.better-banking-section .left-part .content { opacity: 0.8; color: #FFFFFF; }
  .personal-banking-page.full-banner-section .content { opacity: 0.8; }
  .creditcard-hero.career-hero-section { overflow: hidden;}
  .creditcard-hero.career-hero-section .section-heading .btns a { width: 340px;}
  .load-specialist-section .box .left-wrap { padding: 37px 10px 37px 20px; width: calc(100% - 38px); }
  .load-specialist-section .box .person-details { padding-left: 20px; }
  .load-specialist-section .box .redirect-btn { width: 38px; }
  .load-specialist-section .box .redirect-btn img { width: 10px; }
  .load-specialist-section .box .person-details h5 { font-size: 16px; line-height: 20px; }
  .load-specialist-section .box .person-details .details { font-size: 14px; line-height: 18px; }
  .mortgages-page.full-banner-section .btns a { line-height: 26px;}
  .mortgages-page.zig-zag-section .box.right-img .left-part .zigbtn a{ padding: 19px 22px;}
  .mortage-load-specialist .get-touch .details-box .box-common .left-side { width: 110px;}
  .mortage-load-specialist .get-touch .details-box .box-common .right-side { width: calc(100% - 110px);}
  .banking-life-section .box .right-part .inner-box .box-bottom .btn4 a:before {top: 9px;}
  .careers-internships-logo .careerslogo-section { margin:  8px 0px 16px 17px; width: auto; }
  .hone-your-skills .hone-your-skill-title{text-align:center}
  .hone-your-skills .hone-your-skill-content h4 { text-align: center; }
  .about-two-column .time-line-right { width: 100%; height: 663px;}
  .better-banking-section{ overflow:hidden; background-position: 75% 45px !important;}
  .internships-page.better-banking-section:before { background-image: url(https://21560746.fs1.hubspotusercontent-na1.net/hubfs/21560746/MCU/Mobile-shape-1.png);}
  .internships-page.home-meet-section .section-shapes .shape1{top: 91%; width: 115px; left: 77%;}
  .internships-page.home-meet-section .section-shapes .shape2{left: -56px; right: 0px; top: 13%; width: 120px;}
  .aboutmcu-page.card-slider-section .card-img-wrap .card-icon{padding-top:23px;padding-bottom:16px;}
  .home-meet-section.internships-page .section-heading .content { font-size: 16px; line-height: 20px; letter-spacing: 0.16px; }
  .internships-page.card-slider-section { background-color: #ffffff !important; }
  .internships-page.card-slider-section .slick-list.draggable{padding: 35px 0px 30px 0px;}
  .internships-page.card-slider-section .card-slider-box { padding-bottom: 20px; }
  .about-mcu-history.zig-zag-section .left-part .box-details { text-align: left; }
  .about-mcu-history.zig-zag-section .box .right-part .img-box .img-shape .shape_1{max-width: 107px;top:55%;}
  .about-mcu-history.zig-zag-section .box .right-part .img-box .img-shape .shape_2{max-width: 88px;}
  .about-mcu-history.simple-text-section {padding:0}
  .about-two-column{padding-top:110px;}
  .about-two-column .time-line-content{font-size:16px;}line-height:20px;
  .partner-application-form .hs-main-font-element h3  { font-size: 20px; text-align: center; margin-bottom: 16px; }
  .partner-application-form .partnrt-form .hs-form .input input, option, select{height:49px !important;padding:15px 12px;}
  .partner-application-form .partnrt-form .hs-form .hs-form-field{padding:0px;margin-bottom:16px;}
  .partner-application-form .partnrt-form{text-align:center;}
  .partner-application-form .patners-shape-section .shape2 { top: -119px; width: 460px; }
  .partner-application-form .patners-shape-section .shape2 img{ height:750px; }
  .about-two-column .time-line-title h2 { line-height: 42px; }
  .about-two-column .time-line-content p{line-height: 20px;}
  .time-card-content p { font-size: 14px; line-height: 20px; letter-spacing: 0.14px; }
  .about-mcu-history .box-details h2{line-height:42px;}
  .about-mcu-history .box-details .content { opacity: 1 !important; }
  .about-mcu-history.ready-bottom-section {padding-top: 40px;}
  .about-mcu-history.ready-bottom-section h2{line-height:42px;}
  .partner-application-form{padding-top:45px !important;}
  .personal-Banking-Accounts.fastrack-checking-page.full-banner-section { margin-top: -200px; }
  .breadcrumb .hs-menu-wrapper ul li.active-branch ul {padding-left: 14px;padding-right: 14px;} 
  .privacy-page.accordion-topic-sec ul { padding-left: 20px;}
  .accordion-topic-sec .topic-wrapper.active .icon-wrap{bottom: -350px; }
  .becoming-a-member-page.simple-text-section{padding-top:10px;}
  .better-banking-section .left-part .btns a{    padding: 16px 20px;}
  .partnering-mcu-page.multi-col-card{padding:20px 0;}
  .partnering-mcu-page.multi-col-card .column2 .box .left-part .icon{height:100px;}
  .becoming-a-member-page.better-banking-section:after{bottom: -17px; height: 35px;}
  .becoming-a-member-page .custom-btn a { font-size: 16px; padding: 16px 25px;}
  .becoming-a-member-page.zig-zag-section .box .right-part .img-box .img-shape .shape_1 { left: -52px; bottom: 50px;transform: rotate(75deg); max-width: 160px; }
  .join-mcu-page.full-banner-section .btns a{padding: 19px 26px;}
  .why-mcu-section .slick-arrow.slick-prev{left: 27%;}
  .why-mcu-section .slick-arrow.slick-next{right: 28%;}
  .why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape1 {left: 25px; top: 110px; width: 105px; }
  .why-mcu-page.about-hero-section .right-part .img-box .visual-shapes .vs-shape2 { right: -50px; top: 198px;  }
  .simple-text-section.why-mcu-page { margin-top: -75px; }
  .image-with-text .right-part .image-inner .img-box.img_3 { width: 100%; max-width: 335px; height: auto; right: auto; } 
  .image-with-text .right-part .image-inner .img-shape .shape_2 { left: auto; position: absolute; right: -160px; top: 0px; width: 300px; z-index: -1;  }
  .image-with-text .right-part .image-inner .img-shape .shape_1 { left: -20px; position: absolute; top: 0; width: 142px; bottom: -270px; }
  .image-with-text .right-part .image-inner{    height: 391px;}
  .fastrack-checking-page.better-banking-section:after{ background-position: 10%;height: 117px;}
  .breadcrumb ul li a{font-size:10px;}
  .only-scroll-sec .btn4{font-size:16px;line-height:20px;}
  .only-scroll-sec .scroll-down{margin-bottom: 25px; margin-left: 0; margin-right: 0; padding: 10px;height:390px;}
  .scroll-topic-sec .content-inner-scroll ul li{padding-bottom:20px;}
  .residential-lending-page.multi-col-card .btn4 a:before{top:8px;}
  .residential-lending-page.multi-col-card .btn4 a span:before {top:29px;}
  .residential-lending-page.multi-col-card .column2 .box .btn4 a{font-size:16px;}
  .helocs-page.multi-col-card .btn4 a:before { top: 10px; }
  .ad-two-silder-sec .right-side-circle-inner { height: 125px; right: 0; top: 29%; width: 125px; }
  .ad-two-silder-sec .ad-rate-silder-content{width:100%;padding-left:0;padding-top:15px;text-align:center;}
  .ad-two-silder-sec .ad-rate-silder-img{margin: 0 auto;}
  .ad-two-silder-sec .ad-image-right-side { height: 710px; width: 100%; }
  .ad-multi-card .dots-image{width: 330px;}
  .ad-two-silder-sec .ad-rates-silder-wrap {max-width: 280px;}
  .question-strip {padding: 47px 20px;}
  .fraud-message-strip .fraud-strip .details { width: 100%; padding: 20px 0 0; }
  .fraud-message-strip .details p { padding: 0; }
  .fraud-message-strip .container { padding: 0; }
  .zig-zag-section .left-part .zigbtn a { line-height: 25px; }
  .homebuyer-dream-program-page.full-banner-section .btns a { line-height: 25px; }
  .homebuyer-dream-program-page.refinancing-application-section .shapes-outer { top: 750px;}
  .mortage-load-specialist .get-touch .details-box .quick-link-box .right-side ul li { padding-right: 21px;}
  .ad-two-col-sec .ad-rates-inner h3 { font-size: 22px; line-height: 28px }
  .features-benefits-content-section .box ul li:before { width: 30px; height: 30px; top: 3px; left: -46px; } 
  .features-benefits-content-section .box ul { padding-left: 45px; }
  .better-banking-section .left-part .app-download-box .app-wrap { justify-content: center; flex-direction: column; }
  .better-banking-section .left-part .app-download-box .apple-app { margin: 0 0 10px; }
  .better-banking-section .right-part .img-box .rating-img { max-width: 200px; }



}

@media (max-width:370px){
  .h1, h1 { font-size: 39px; line-height: 39px;}
  .btn1 a, .btn2 a, .btn3 a { font-size: 16px; padding: 16px 25px;}
  .btn4 a { font-size: 16px;}
  /*   .btn4 a:before { top: 5px;} */
  .header-section .top-part .routing ul li:first-child { padding: 0 0 0 10px;}
  .header-section .bottom-part .navigation { width: calc(50% - 36.5px); }
  .header-section .bottom-part .logo-part { width: calc(50% + 36.5px); }
  .header-section .bottom-part .logo-part img { width: 93px; }
  .footer-section .footer-inner-sec { padding: 0 20px; }
  .career-hero-section .section-heading .btns a { width: 284px; }
  .career-page.home-meet-section .section-shapes .shape1 { top: 21%; }
  .career-page.home-meet-section .section-shapes .shape3 { top: 320px; }
  .about-hero-section .right-part .img-box img { max-width: 370px !important; }
  .about-hero-section .right-part .img-box { max-width: 288px; }
  .checking-page.career-hero-section .section-heading .btns a { min-width: 280px;}
  .buling-found-zig-section .left-part .zigbtn a { line-height: 21px; }
  .bulding-strip-section .heading-wrap .section-heading h6 { line-height: 25px; }
  .credit-card-page.career-hero-section .section-heading .btns a { width: 287px; }
  .credit-tab-section .credit-section .credit-content a { word-break: break-all; }
  .creditcard-hero.career-hero-section .section-heading .btns a { width: auto;}
  .mortage-load-specialist .get-touch .details-box { padding: 30px 20px 10px; }
  .mortage-load-specialist .get-touch .details-box .box-common .left-side { width: 100%; }
  .mortage-load-specialist .get-touch .details-box .box-common .right-side { width: 100%; }
  .iRAs-ParentPage.join-mcu-page.career-hero-section .section-heading .btns a {width: 283px;}
  .location input#filters { width: 100%; height: 66px;padding-right:30px; }
  .location div#legend>div {     margin-bottom: 10px;   width: 100%;   margin-bottom: 20px; }
  .location a#filter,.location #filter { position: relative; right: 0; top: 0; transform: translateX(0); width: 126px; margin: 20px 0 0; }
  .residential-lending-page.multi-col-card .btn4 a:before{top:5px;}
  .residential-lending-page.multi-col-card .btn4 a span:before {top:27px;}
  .residential-lending-page.multi-col-card .column2 .box .btn4 a{font-size:14px;}
  .multi-col-card.auto-refinancing-page .btn4 a:before,.helocs-page.multi-col-card .btn4 a:before { top: 6px; }

  /* Updated Styles - Ext */
  .body-container-wrapper { margin-top: 68px;
}

.mortgage-option-section .section-heading h2 {
 color: #fff !important; 
}

/* .ameriprise a.mobile-trigger {
display: none !important;
} */