@font-face {
    font-family: 'Playwrite US Trad';
    src: url('../fonts/PlaywriteUSTrad-Regular.eot');
    src: url('../fonts/PlaywriteUSTrad-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlaywriteUSTrad-Regular.woff2') format('woff2'),
        url('../fonts/PlaywriteUSTrad-Regular.woff') format('woff'),
        url('../fonts/PlaywriteUSTrad-Regular.ttf') format('truetype'),
        url('../fonts/PlaywriteUSTrad-Regular.svg#PlaywriteUSTrad-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root {
    --bg :#FBF5E7;


}
@font-face {
    font-family: 'DM Serif Display';
    src: url('../fonts/DMSerifDisplay-Italic.eot');
    src: url('../fonts/DMSerifDisplay-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSerifDisplay-Italic.woff2') format('woff2'),
        url('../fonts/DMSerifDisplay-Italic.woff') format('woff'),
        url('../fonts/DMSerifDisplay-Italic.ttf') format('truetype'),
        url('../fonts/DMSerifDisplay-Italic.svg#DMSerifDisplay-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
.eligibility .contant-box-bg h5 {text-align: center;}
.priority-bg h2, .priority-bg h1{color: #19181D; font-weight: 600; font-size: 40px;}
.priority-bg p{color: #19181D; font-size: 16px; font-weight: 500;padding: 20px 20px 0 20px;max-width: 845px;width: 100%;margin: 0 auto;line-height: 30px;}
.priority-bg{text-align: center; padding: 5% 7%;}
.priority-box{position: relative; transition: 0.5s;cursor:pointer;}
.priority-box::before{position: absolute; content: ''; width: 100%; height:50%; bottom: 0; left: 0; 
    background: linear-gradient(180deg, rgba(25, 24, 29, 0) 0%, rgba(25, 24, 29, 0.75) 102%, #19181D 100%);
     transition: 0.5s;}
.priority-contant{position: absolute;bottom: 0; left: 0; width: 100%; padding: 20px;}
.priority-contant h5{color: #fff; font-size: 20px; font-weight: 600; }
.priority-contant p{font-size: 16px; color: #fff; margin: 0; display: none; transition: 0.5s;}
.priority-box:hover::before{background: linear-gradient(180deg, rgba(184, 138, 68, 0) 0%, #B88A44 100%); transition: 0.5s;}
.priority-box:hover p{display: block; transition: 0.5s;}
.number-box h3{  font-size: 120px; font-weight: bold; color: transparent; -webkit-text-stroke: 2px #c0c0c0; transition: 0.5s}
.number-box{position: absolute; top: 0; left: 25px;}
.two-prior-card {max-width: 800px;margin: 0 auto;}

.two-prior-card.three-prior-crd {max-width:none;}
.two-prior-card.three-prior-crd .prior-two-mobile {justify-content: center;}
.two-prior-card.three-prior-crd .prior-card-item {width: 24%;}

.priority-box:hover h3{ color: #E0AA3E; -webkit-text-stroke:unset; transition: 0.5s;}
.padd-prio{ padding-left: 0; padding-right: 0;}
.priority-heding{text-align: center;}
.priority-heding h4{font-family:'DM Serif Display'; font-weight: normal; color: #B88A44;font-size:18px;}
.priority-heding h2{ font-weight: 600; font-size: 32px; color: #19181D; padding: 0;}
.priority-heding p{font-size: 14px; color: #19181D; font-weight: 500; padding: 0 0; margin-bottom: 30px;}
.priority-heding{text-align: center}
.priority-bg{padding: 40px 7%; background: #FBF5E7;}
.prime1-btn a{text-decoration: none; background: linear-gradient(90deg, #E0AA3E 0%, #B88A44 100%); padding: 14px 25px; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 800; transition: 0.5s; display: block;}
.prime1-btn a img{transition: 0.5s;}
.prime1-btn a:hover img{transition: 0.5s; padding-left: 5px;}
.prime2-btn a{background: #19181D; text-decoration: none; padding: 14px 25px; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 800; transition: 0.5s; display: block;}
.prime2-btn a img{transition: 0.5s;}
.prime2-btn a:hover img{transition: 0.5s; padding-left: 5px;}
.prime-btn {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.prime2-btn, .prime1-btn{width: 100%;}
.contant-box-bg{background: #fff; padding: 30px 14px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center;}
.priority-sec{padding: 40px 7% 40px; background: #FBF5E7;}
.contant-box-bg h5{font-size: 25px; color: #19181D; font-weight: 600;}
.contant-box-bg p{font-size: 16px; font-weight: 500; color: #6C6976;}
.card-bg{ border: 2px solid #F9F295; box-shadow: 0px 10px 40px 0px #B88A4433; border-radius: 30px; padding: 30px 48px; position: relative; overflow: hidden;justify-content: space-between;
    display: flex;}
    .sub-boxshowdo img {
    border-radius: 20px;
}
.card-img{background: url(../images/star-bg.png) no-repeat; background-position: center; background-size: cover;width: 80%;}
.card-contant h4{font-family: 'DM Serif Display'; font-weight: normal; color: #B88A44;  font-size: 17px;}
.card-bg-box{position: absolute; top: 0; left: 0; z-index: -1;}
.card-contant{position: relative; z-index: 99;}
.card-contant h2{color: #19181D; font-size: 40px; font-weight: 600;}
.card-contant p{font-size: 16px; font-weight: 500; color: #19181D;}
.card-contant a{background: linear-gradient(90deg, #E0AA3E 0%, #B88A44 100%); text-decoration: none; color: #fff;
 font-size: 14px; font-weight: 800; padding: 13px 25px; border-radius: 10px;}
 .card-contant a:hover img { padding-left: 5px;transition: 0.5s;}
.card-contant a {transition: 0.5s;}  
.experience-bg{padding: 56px 7%;}
.debit-heding h4{font-family: 'DM Serif Display'; font-weight: normal; color: #B88A44; }
.debit-heding h2{font-size: 45px; font-weight: 600; color: #19181D;}
.debit-heding p{font-size: 16px; color: #19181D; font-weight: 500; margin-bottom: 50px;}
.debit-heding{text-align: center;}
.priority-sub-img{bottom: 135px;}
.priority-offer{position: absolute;bottom: 0;left: 17px;right: 17px;background: transparent;width: auto;color: #fff;z-index: 3;border-top: 1px solid;padding: 16px 0;}
.priority-black{position: relative;cursor:pointer;}
.contant-red-image {width: 40%;}
.contant-red-image img {margin-top: 12px;}
.prior-card-item img {   
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.sub-bullet li::after {background-color: #E0AA3E;}
.eligibility .prime-box  {display: block;background: #fff;}
.eligibility .contant-box-bg {width: 100%;border-radius: 12px;text-align: left;padding:12px 12px 30px;}
.eligibility .contant-box-bg p {font-size: 14px;min-height: 126px;}
.eligibility .prime1-btn a {max-width: 300px;text-align: center; margin: 0 auto}


.nri-key-box h5 {font-size: 14px; text-decoration: underline;}
 .video-img-wrap {
    border-radius: 20px;
}
.nri-key-box a, .eligi-para a {color: #19181D; text-decoration: none;}
.eligi-addrs {background-color: #a00;border-radius: 12px;
    color: white;
    margin: 0;
    padding: 12px;
    font-size: 16px;text-align: center;}
    .eligi-addrs a{color: white;}
    .eligi-addrs p {margin-bottom:0;}


.priority-black::after{background: linear-gradient(180deg, rgba(25, 24, 29, 0) 0%, #19181D 100%);
 width: 100%; height: 250px; bottom: 0; left: 0;position: absolute;content:'';border-radius:0 0 22px 22px;}
 .priority-black:hover::after {background: linear-gradient(180deg, rgba(184, 138, 68, 0) 0%, #B88A44 100%); transition: 0.5s;}

.priority-black:hover .offer-btn a, .priority-black:focus .offer-btn a {background-color:#F9F295;-webkit-backdrop-filter: none; backdrop-filter: none;}
.priority-black:hover .normal-arow, .priority-black:focus .normal-arow {display: none;}
.priority-black:hover .hover-arow, .priority-black:focus .hover-arow {display:block;}

 .priority-black  .offer-btn a { background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);width:46px;height:46px; }
  .debit-card-sec .offers-list { padding-top: 0;}
  .debit-card-sec .debit-heding p { margin-bottom: 26px;}
.prio-off-cont {min-height: 65px;}
.no-bg {background:#fff;}
.offer-text.priority-bank {text-align: center;padding: 22px 0 0px 0;}
.offer-text.priority-bank a {    
    text-decoration: none;
    background: linear-gradient(90deg, #E0AA3E 0%, #B88A44 100%);cursor: pointer;
    padding: 14px 25px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    transition: 0.5s;
    display: block;display: inline-block;

}






.faq-bg.priority-faq {padding:36px 7%;background: #FDFAF3;margin-top: 0;}
.priority-video {background: #FDFAF3;padding: 0 7% 60px 7%;}
.main-container.faq-prio {padding: 5% 7%;}


.debit-card-sec {background:var(--bg);padding: 36px 7%;}
.debit-card-sec .owl-carousel button.owl-dot {background: #F2DBAC;}
.debit-card-sec .owl-carousel button.owl-dot.active {background: #B88A44;}
.debit-card-sec .owl-dots {margin-top: 30px;}
.prime-box {box-shadow: 27px 10px 40px -26px #7D6033;border-radius: 26px;}
.priority-adv .sub-boxshowdo,.priority-video .sub-boxshowdo {border-radius: 36px; position: relative;line-height: 0;}
.vdo {display: flex;justify-content: center;align-items: center;}
.priority-video a {border:1px solid rgba(255, 255, 255, 0.5);border-radius:50%; position: absolute; top:50%; left:50%;z-index: 2;width:98px;
 height:98px;margin-top: -80px;margin-left: -80px; background-color: rgba(255, 255, 255, -0.4);-webkit-backdrop-filter: blur(11px); backdrop-filter: blur(11px);}

.faq-bg.priority-faq .main-container {padding: 60px 7%;}
.faq-bg.priority-faq .accordion-button:not(.collapsed) {padding: 18px 0 !important;}
.faq-bg.priority-faq .accordion-button {border-bottom: 1px solid #DFC59F;padding: 15px 0;color:#19181D;}
.faq-bg.priority-faq .accordion-button:not(.collapsed) {border-radius:0;font-size:16px;border-top: 1px solid #E0AA3E;border-bottom:none;top:-1px;color:#87641F;font-weight: 600;}
.faq-bg.priority-faq .accordion-button::after {color:#B88A44;background:#F3E9D9;}
.faq-bg.priority-faq .accordion-collapse.collapse.show {border-bottom: 1px solid #E0AA3E;}
.faq-bg.priority-faq .accordion-button:not(.collapsed)::after {background: #E0AA3E;color: #fff;}
.faq-bg.priority-faq .accordion-item {margin-bottom:0;color:#19181D;font-size: 18px;}
.faq-bg.priority-faq .accordion-item a {color:#87641F;display:inline-block; font-size:14px;text-decoration: none;font-weight: 600;}
.faq-bg.priority-faq .accordion-item a img {margin-left:12px;}
.faq-bg.priority-faq .accordion-button:not(.collapsed) .normal-arow {display: none;}
.faq-bg.priority-faq .accordion-button:not(.collapsed) .hover-arow {display:block;}
.faq-bg.priority-faq .accordion-body {padding-top:0;padding-left: 30px;position: relative;top: -12px;
    padding-bottom: 0;}
.faq-bg.priority-faq .accordion-body  .sub-bullet li {padding-bottom: 0; margin-bottom: 14px;font-size: 15px;}
.faq-bg.priority-faq .accordion-body  .sub-bullet {padding-top: 0;}
 
.priority-faq .accodion-text li::before {background-image: none;content: ''; position:absolute; top:8px; left:8px;width:7px; height: 7px; border-radius: 50px; background-color:#a00;}
a.vdo img {width: 20px !important;}



/* Responsive */



@media (max-width: 660px){
    .faq-bg.priority-faq .accordion-body {padding-right:0;}
    .priority-heding p {margin-bottom: 14px;}
    
.faq-bg.priority-faq {padding: 20px 8px;}
    section.experience-bg.priority-adv .desk-sub-banner {display:none !important;}
    section.experience-bg.priority-adv .phone-sub-banner {display:block !important;}
    .prio-off-cont {
        min-height:80px;
    }
    .debit-card-sec .owl-dots {
        margin-top: 5px;
    }

}

@media (max-width: 991px){
    .priority-bg {padding: 40px 10px;}
    .experience-bg.priority-adv .container {max-width: none;}
    .experience-bg.priority-adv .desk-sub-banner {display:block !important;}
    .experience-bg.priority-adv .phone-sub-banner {display:none;}
    .faq-bg.priority-faq .accordion-body .sub-bullet li {
        padding-bottom: 0;
        margin-bottom: 8px;
        font-size: 14px;
    }
    .faq-bg.priority-faq .accordion-body .sub-bullet li {padding-left: 20px;}
    .faq-bg.priority-faq .accordion-body .sub-bullet li:after { width: 9px;
        height: 9px;}

    .experience-bg, .debit-card-sec {padding: 20px 7%;}
    .debit-heding p {margin-bottom: 12px;}
    .prior-two-mobile {margin-top: 28px;}
.prime-box-elig {width: 340px;}    
.contant-red-image,  .contant-red-image img {width: 100%;max-width: 350px;}
.priority-bg h2,.priority-heding h2,.debit-heding h2, .priority-bg h1 {font-size: 28px;}
.priority-bg p {padding-top: 5px;}
.priority-heding h2 { padding: 0;margin-bottom: 20px;}
.priority-sec {padding: 40px 0px 18px 0px;}
.card-contant h2 {font-size:24px;}
 .contant-box-bg p {font-size: 14px;}
 .contant-box-bg h5 { font-size: 20px;}

.priority-video a {width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;}
.priority-video a img { width:20px;}
.faq-bg.priority-faq .accordion-button:not(.collapsed) {font-size: 16px;line-height: 28px;}
.faq-bg.priority-faq .accordion-button {font-size: 14px;line-height: 22px;}
.faq-bg.priority-faq .accordion-item {font-size: 15px;}
.number-box h3 {font-size: 75px;}
.eligibility .prime1-btn a  {margin: 0 auto;}
.prior-two-mobile {overflow-x: scroll;flex-wrap: nowrap;}

.two-prior-card {padding: 0 20px;}

}

@media (max-width:767px) {
    .faq-bg.priority-faq h2 {margin-bottom: 0;}
    .two-prior-card .eligi-addrs {margin: 0 auto;}
    .two-prior-card .eligibility {flex-wrap: nowrap;overflow-x: scroll; margin-top: 29px;}
    .priority-video {padding-bottom: 30px;}
    .priority-adv .sub-boxshowdo, .priority-video .sub-boxshowdo {max-width: none;margin: 0 auto;}
    .eligi-para p {font-size: 14px;}
   
    .experience-bg, .debit-card-sec{padding: 30px 16px;}
    .priority-bg p {padding:0; font-size:14px; line-height: 22px;}
    section.priority-sec {padding: 30px 0px;}
    .priority-heding h4,.debit-heding h4,.priority-heding h4 {font-size: 16px;}
    .priority-bg h2, .priority-heding h2, .debit-heding h2,.priority-heding h2, .priority-bg h1 {font-size:20px;}
    .priority-heding p {padding: 0 12px;}
    .priority-heding p {font-size: 14px;}
    .priority-sec .prime2-btn a, .priority-sec .prime1-btn a {padding: 14px 15px;font-weight: 500;}
    .card-bg{padding: 30px 20px;}
    div.card-contant h2 {font-size: 18px;}
    .card-contant p, .nri-key-box h5,.eligi-addrs {font-size: 14px;}
    .priority-video a img {width: 10px !important;}
    .priority-video a {width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;}
    .faq-bg.priority-faq .accordion-button:not(.collapsed) {font-size: 14px;line-height: 22px;}
    .faq-bg.priority-faq .accordion-item {font-size: 13px;}
    .padd-prio {width: 50%;}
     .priority-contant h5 {font-size: 16px;}
     .number-box h3 {font-size: 60px;}
    .padd-prio-no {padding:0;}

}


 @media only screen and (min-width: 992px) and (max-width:1290px)  {
    .priority-heding h2,.card-contant h2,.debit-heding h2 {font-size:26px;margin: 12px 0;}
    .priority-bg h2, .priority-bg h1 {font-size: 26px;}

 }

@media (max-width:600px) {
     .eligibility .prime-box {display:block;}
}
@media (max-width:1199px) {

.two-prior-card.three-prior-crd .prior-card-item {
        width: 380px;
    }

.two-prior-card.three-prior-crd .prior-two-mobile {
    display:flex; flex-wrap: nowrap;overflow-x: scroll;
}
.two-prior-card.three-prior-crd .prior-two-mobile {
    justify-content:left;
}



}

@media (min-width:1200px) {
    .two-prior-card.three-prior-crd .prior-card-item {
        width: 32%;
    }
    .prime1-btn a,.prime2-btn a {
        padding: 14px 12px;white-space: nowrap;
     }
     .contant-box-bg h5 {font-size: 20px;}
     .contant-box-bg p {font-size: 15px;min-height: 45px;}
    
    

}

@media (min-width:1440px) {
    
    .two-prior-card.three-prior-crd .prior-card-item {
        width: 28%;
    }
    .contant-box-bg h5 {font-size: 25px;}

}