@import url(https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap);
* { box-sizing: border-box; padding: 0; margin: 0; font-family: "Afacad Flux",serif; }
/**================= The Top header(index pages) Section start==================**/
:root { --text-color: rgba(40, 42, 116, 1); --bg-color: rgba(40, 42, 116, 1); }
.container-top-header { background-image: url('images/Content.png'); background-size: 100% 100%; object-fit: cover; width: 100%; height: 42.5rem; }
.container-cover { background-color: rgba(244,244,248,0.8); /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */ height: 42.5rem; width: 100%; padding-top: 3rem; position: relative; }
/** Hover Card Our Services Start**/
.nav-link:hover { color: rgba(250, 165, 26, 1); }
.nav-link.active:hover { color: rgba(250, 165, 26, 1)!important; }
.nav-link.active { color: var(--text-color)!important; }

/** Hover Card Our Services Ends*/
.nav-link { color: var(--text-color); font-weight: 700; line-height: 2rem; font-size: 1.2rem; }
.nav-link.active { color: var(--text-color); font-weight: 700; line-height: 2rem; font-size: 1.2rem; }
#apply-btn { background-color: var(--bg-color); color: #fff; max-height: 2.4rem; position: relative; text-align: center; transform: translateY(0.5rem); width: 100px; line-height: 1rem; border-radius: 5px; }
.desc-highlight { position: relative; top: 7rem; left: 6rem; }
.desc-highlight h2 { color: rgba(250, 165, 26, 1); }
.desc-highlight p { color: rgba(46, 46, 46, 1); text-align: justify; }
.div-button { position: relative; top: 8rem; left: 3.8rem; }
.div-button #apply-btn1 { height: 2.4rem; width: 200px; background-color: var(--bg-color); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; padding-top: 0.5rem; }
.div-button #apply-btn2 { height: 2.4rem; width: 150px; background-color: var(--bg-color); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; margin-top: 0.5rem; padding-top: 0.5rem; }
.div-like img { display:none;position: relative; float: right; left: 23rem; top: 4rem; width: 18.75rem; height: 8.5rem; }
.our-package { background-color: rgba(245, 245, 250, 1); position: relative; padding-top: 1rem; padding-bottom: 4rem; }
#top-box { background-color: var(--bg-color); color: #fff; position: relative; top: -2rem; border-radius: 5px; height: 30rem; box-shadow: 0 10px 10px 6px rgba(0, 0, 0, 0.2),0 10px 20px 6px rgba(0, 0, 0, 0.19); }
.div-package-btn { height: 2.4rem; width: 12.5rem; background-color: rgba(250, 165, 26, 1); color: #fff; text-align: center; padding-top: 0.4rem; position: relative; left: 2.6rem; top: 1rem; border-radius: 5px; }
/* .div-package-btnl{
    height: 2.4rem;
    width: 12.5rem;
    background-color: var(--bg-color);
    color: white;
    text-align: center;
    padding-top: 0.4rem;
    position: relative;
    left: 2.6rem;
    top: 1rem;
    border-radius: 5px;
} */
.start { position: relative; top: 3rem; left: -6rem; }
#div-scroll { position: relative; left: -6.5rem; top: -7rem; height: 4.2rem; width: 4.2rem; }
#div-scroll:hover { animation-name: div-scroll; animation-duration: 50s; animation-direction: alternate; /* animation-direction: reverse;   */ }
#div-scroll2 { position: relative; left: -27.5rem; top: -12.5rem; height: 4.2rem; width: 4.2rem; }
#div-scroll2:hover { animation-name: div-scroll2; animation-duration: 50s; animation-direction: alternate; }
@keyframes div-scroll2 {
  from { position: relative; top: -16rem; left: -30rem; }
  to { position: relative; top: -12.5rem; left: -27rem; }
}
#div-scroll3 { position: relative; left: 5.5rem; top: -11.5rem; height: 4.2rem; width: 4.2rem; }
#div-scroll3:hover { animation-name: div-scroll3; animation-duration: 50s; animation-direction: alternate; }
@keyframes div-scroll3 {
  from { position: relative; left: 5.8rem; top: -15.5rem; }
  to { position: relative; left: 5.5rem; top: -11.5rem; }
}

/**Our Services index**/

/**==================The Top header(index pages) Section ends ==================**/
/**==================The Footer Style start=========================**/
.footer { margin-top: 3rem; background-color: var(--bg-color); height: auto; width: 100%; position: relative; padding-top: 4rem; /* padding-bottom: 2rem; */ }
/**===================The Footer style Start==========================**/
/**===================The About us Section start======================**/
.common-header { background-image: url('images/background-petter-about.jpg'); background-size: 100% 100%; object-fit: cover; width: 100%; position: relative; padding-top: 2rem; padding-bottom: 2.5rem; height: auto; }
/* .common-header-bg{
    background-color: rgba(40, 42, 116, 0.589);
    height: auto;
    width: 100%;
    padding-top: 3rem;
    position: relative;
} */
.desc-highlight1 { position: relative; top: 7rem; left: 6rem; }
.desc-highlight1 h2 { color: rgba(250, 165, 26, 1); }
.desc-highlight1 p { color: rgba(255, 255, 255, 1); text-align: justify; }
#get-btn { height: 2.4rem; background-color: var(--bg-color); width: 130px; padding: 0.5rem 1.3rem 0.5rem 1.3rem; text-align: center; border-radius: 5px; }
/**===================The About us Section ends======================*/
/**===================The Services  Section start======================*/
.card-text a { height: 40px; width: 98px; border-radius: 50%; background-color: rgba(217, 217, 217, 1); text-align: center; position: relative; left: .7rem; }
.card-text i { line-height: 2.2rem; color: rgba(46, 46, 46, 1); }
.card-e { max-width: 100%; border: 1px solid rgba(46, 46, 46, 1); }
.card-e .div-package-btnll { height: 2.4rem; width: 12.5rem; background-color: var(--bg-color); color: #fff; text-align: center; padding-top: 0.4rem; position: relative; left: 2.6rem; border-radius: 5px; }
.card-e:hover .div-package-btnll { background-color: rgba(250, 165, 26, 1); color: #fff; }
.card-e .p-lorem { color: rgba(46, 46, 46, 1); padding-top: .9rem; text-align: center; }
.card-e:hover .p-lorem { color: rgba(250, 165, 26, 1); }
.card-e h5 { color: rgba(46, 46, 46, 1); }
.card-e .card-text { color: rgba(46, 46, 46, 1); text-align: justify; }
.card-e:hover { color: #fff; background: var(--bg-color); }
.card-e:hover h5 { color: #fff; }
.card-e:hover .card-text { color: #fff; }
.card-e:hover .card-text a { background-color: rgba(250, 165, 26, 1); }
.card-e:hover .card-text i { color: #fff; }

.card-package { border: none; padding-bottom: 1rem; }
.card-package:hover { background-color: var(--bg-color); position: relative; top: -2rem; border-radius: 5px; height: 30rem; height: auto; }
.card-package h5 { color: #2e2e2e; }
.card-package:hover h5 { color: #fff; }
.card-package h2 { color: #2e2e2e; }
.card-package:hover h2 { color: #fff; }
.card-package p { color: rgba(46, 46, 46, 1); text-align: justify; }
.card-package:hover p { color: #fff; }
.card-package:hover b { color: #fff; }
.fix-left { margin-left: 3.6rem; }

.card-package .div-package-btnl { height: 2.4rem; width: 12.5rem; background-color: var(--bg-color); color: #fff; text-align: center; padding-top: 0.4rem; position: relative; left: 2.6rem; top: 1rem; border-radius: 5px; }
.card-package:hover .div-package-btnl { background-color: rgba(250, 165, 26, 1); color: #fff; }
.card-package .p-lorem { color: rgba(46, 46, 46, 1); padding-top: .9rem; text-align: center; }
.card-package:hover .p-lorem { color: rgba(250, 165, 26, 1); }
.card-service { width: 100%; }
.card-service:hover { background-color: var(--bg-color); }
.card-service #p { height: 40px; width: 40px; border-radius: 50%; background-color: rgba(217, 217, 217, 1); text-align: center; color: var(--text-color); position: relative; left: 7rem; padding-top: 0.4rem; top: 0.4rem; }
.card-service:hover #p { background-color: #fff; color: var(--text-color); font-weight: 400; }
.card-service h5 { color: rgba(40, 42, 116, 1); }
.card-service:hover h5 { color: #fff; }
.card-service p { color: rgba(46, 46, 46, 1); text-align: justify; }
.card-service:hover p { color: #fff; }
.card-service:hover #get-btn { background-color: rgba(250, 165, 26, 1); color: #fff; }

.card-e .img-person-hb { display: none; position: relative; top: 3rem; left: 1.5rem; }
.card-e:hover .img-person-hb { display: block; }
.card-e:hover #service-card-person { display: none; }

.card-e #service-card-person { position: relative; top: 3rem; left: 1.5rem; }

.card-e #service-card-emergancy { position: relative; top: 3rem; left: 1.5rem; }
.card-e:hover #service-card-emergancy { display: none; }
.card-e #service-card-bussiness { position: relative; top: 3rem; left: 1.5rem; }
.card-e:hover #service-card-bussiness { display: none; }
.card-e #service-card-vahilesh { position: relative; top: 3rem; left: 1.5rem; }
.card-e:hover #service-card-vahilesh { display: none; }

/**Package section under undeline display none**/

/** The Section Services Section card-section start **/
.card-service .card-hidden { height: 60px; width: 60px; display: none; }
.card-service:hover .card-hidden { display: block; }
.card-service .card-block-hover { height: 60px; width: 60px; }
.card-service:hover .card-block-hover { display: none; }
.card-service .card-hidden-45 { height: 45px; width: 45px; display: none; }
.card-service:hover .card-hidden-45 { display: block; }
.card-service .card-45-block { display: block; height: 45px; width: 45px; }
.card-service:hover .card-45-block { display: none; }
#card-service-1rem { position: relative; top: -1rem; }
/** The Section Services Section card-section ends**/

.card-package .pakage-under-line-hidden-hover { display: block; }
.card-package:hover .pakage-under-line-hidden-hover { display: none; }

.desc-highlight2 { position: relative; top: 3rem; left: 8rem; }
.desc-highlight2 h2 { color: rgba(250, 165, 26, 1); }
.desc-highlight2 p { color: rgba(255, 255, 255, 1); text-align: justify; padding: 0 5rem 0 0; }
#card-loan { position: relative; left: 4rem; top: 3.5rem; }
.support { background: rgba(245, 245, 250, 1); height: auto; width: 100%; position: relative; padding-top: 1rem; padding-bottom: 5rem; }
#top-contact { position: relative; top: 10rem; }
#btn-payment { height: 3.4rem; width: 300px; border-radius: 5px; background-color: rgba(250, 165, 26, 1); color: #fff; text-decoration: none; text-align: center; color: rgba(46, 46, 46, 1); padding-top: 1rem; }
#btn-account { height: 3.4rem; width: 300px; border-radius: 5px; border: 1px solid rgba(250, 165, 26, 1); text-decoration: none; text-align: center; color: rgba(46, 46, 46, 1); padding-top: 1rem; }
#btn-account:hover { height: 3.4rem; width: 300px; border-radius: 5px; background-color: rgba(250, 165, 26, 1); text-decoration: none; text-align: center; color: rgba(46, 46, 46, 1); padding-top: 1rem; }
.brmp { color: rgba(250, 165, 26, 1); position: relative; left: 4rem; }
.brmpn { color: rgba(250, 165, 26, 1); position: relative; left: 0.5rem; }
.brmpe { color: rgba(250, 165, 26, 1); position: relative; left: -1.5rem; }
.brmpr { color: rgba(250, 165, 26, 1); position: relative; left: 3rem; }
/**===================The Services  Section ends======================*/
/**===================CheckEligibillity  top    start======================*/
#bank { position: relative; top: -1rem; }
#hidden-link { width: 50%; padding-top: 2rem; }
.box { height: 7.5rem; width: 7.5rem; background-color: var(--bg-color); color: #fff; position: relative; left: 8rem; }
.box img { position: relative; padding-top: 1.6rem; }
.application-proccess-need { background-color: rgba(245, 245, 250, 1); position: relative; padding-top: 3.5rem; padding-bottom: 2rem; width: 100%; height: auto; }
#apply-btn1 { background-color: var(--bg-color); color: #fff; max-height: 2.4rem; position: relative; text-align: center; transform: translateY(0.5rem); width: 200px; line-height: 1rem; border-radius: 5px; }
#btn-check { background-color: var(--bg-color); height: 3rem; width: 200px; color: #fff; text-decoration: none; padding: 0.5rem 3rem 0.5rem 3rem; font-size: 1.5rem; border-radius: 5px; border: none; }
#btn-check-right { color: var(--bg-color); height: 3rem; width: 250px; background: #fff; text-decoration: none; padding: 0.5rem 3rem 0.5rem 3rem; font-size: 1.5rem; border-radius: 5px; border: 1px solid var(--bg-color); }
#ageicon { position: relative; top: 3rem; left: 1.5rem; }
/**===================CheckEligibillity  top    end======================*/
/**===================The Finecial start Section ========================**/
.our-fincial { background-image: url('images/finacil.jpg'); width: 100%; object-fit: cover; height: 37.5rem; background-size: 100% 100%; display: none; }
.our-fincial .finacial { position: relative; top: 10rem; }
.finacial h2 { color: rgba(250, 165, 26, 1); font-size: 36px; }
.finacial p { color: rgba(255, 255, 255, 1); text-align: justify; }
#getfinacialbtn { text-decoration: none; color: #fff; background: rgba(250, 165, 26, 1); height: 2.4rem; width: 150px; font-size: 1.4rem; transform: translateY(4.2rem); font-weight: 600; padding: .6rem 1.8rem 0.6rem 1.8rem; border-radius: 5px; }

/**===================The Finecial ends section =========================**/
/**===================The Finecial Start Section testing working=======================**/
.finacial-testing { background-image: url('images/patnerbackground.jpg'); height: auto; padding-bottom: 2.5rem; background-size: cover; object-fit: cover; background-repeat: no-repeat; }
.finacial-testing img { position: relative; top: 2.5rem; }
.finacial-testing .finacial { position: relative; top: 9rem; }
.finacial h2 { color: rgba(250, 165, 26, 1); font-size: 36px; }
.finacial p { color: rgba(255, 255, 255, 1); text-align: justify; }
#getfinacialbtn { text-decoration: none; color: #fff; background: rgba(250, 165, 26, 1); height: 2.4rem; width: 150px; font-size: 1.4rem; transform: translateY(4.2rem); font-weight: 600; padding: .6rem 1.8rem 0.6rem 1.8rem; border-radius: 5px; }

/**====================The Finecial ends SEction testing working========================**/

/***==================The Dashboard Start ===============================*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: rgba(250, 165, 26, 0.5) transparent; }
/* .main-sidebar{
    width: 300px !important;
   
} */
#desh-btn { width: 120px; height: 2.4rem; background: var(--bg-color); text-decoration: none; padding: 0.4rem 1.5rem 0.4rem 1.5rem; color: #fff; border-radius: 5px; margin-top: 0.5rem; }
#admin-user { height: 2.4rem; width: 2.4rem; background-color: rgba(250, 165, 26, 1); border-radius: 100%; margin-top: 0.5rem; }
#mx-5 { margin-right: 3.8rem; }
#user-left { gap: 0.4rem; }
.loan-amount { color: rgba(174, 174, 174, 1); position: relative; top: -1.2rem; left: 4.4rem; font-size: 0.9rem; }
.loan-paid { color: rgba(174, 174, 174, 1); position: relative; top: -1.2rem; left: 1rem; font-size: 0.9rem; }
.loan-panding { color: rgba(174, 174, 174, 1); position: relative; top: -1.2rem; left: 0.2rem; font-size: 0.9rem; }
.progress-bar { background: rgba(40, 42, 116, 1)!important; }
.progress { background-color: rgba(241, 241, 241, 1)!important; border-radius: 5px!important; height: 0.7rem!important; margin-top: 3rem!important; }
#sub-btn { position: relative; left: 3.8rem; }
#edit-btn { color: rgba(64, 64, 64, 1); font-size: 22px; text-decoration: none; position: relative; left: 7rem; top: 1.5rem; }
#table-id { position: relative; top: -12rem; }
#btn-alm { height: 4rem; width: 100%; background-color: rgba(239, 246, 255, 1); border-radius: 32.42px; justify-content: center; display: flex; gap: 50px; }
#btn-alm button { height: 4rem; width: 25%; color: #fff; text-align: center; background-color: var(--bg-color); border-radius: 32.42px; position: relative; left: 5rem; }
#btn-alm p { color: rgba(113, 117, 121, 1); text-align: center; position: relative; top: 1rem; }
/** The Second pages**/
#btn-almm { height: 4rem; width: 100%; background-color: rgba(239, 246, 255, 1); border-radius: 32.42px; justify-content: center; display: flex; gap: 50px; }
#btn-almm button { height: 4rem; width: 28%; color: #fff; text-align: center; background-color: var(--bg-color); border-radius: 32.42px; position: relative; border: none; left: 1rem; }
#btn-almm p { color: rgba(113, 117, 121, 1); text-align: center; position: relative; top: 1rem; }
/***==================The Dashboard Ends================================*/

/***=================The Business Loan Start Section start=================================**/
.common-header-business { background-image: url('images/background-petter-about.jpg'); height: auto; background-size: 100% 100%; object-fit: cover; width: 100%; position: relative; padding-top: 2rem; padding-bottom: 7rem; height: auto; }

.common-header-bg #apply-btn1 { height: 2.4rem; width: 150px; background-color: rgba(250, 165, 26, 1); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; padding-top: 0.5rem; }
.common-header-bg #apply-btn2 { height: 2.4rem; width: 150px; background-color: rgba(250, 165, 26, 1); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; margin-top: 0.5rem; padding-top: 0.5rem; }
.div-likeb img { position: relative; float: right; left: 12rem; top: 8rem; width: 18.75rem; height: 8.5rem; }
/***=================The Business Loan ends Section ends=================================**/
/**==================The Desktop size none start=====================================**/
/* .finacial-desktop { display: none; } */

/**==================The Desktop size none ends=======================================**/
#fqabtn1 { position: relative; left: -1rem; }
#fqabtn2 { position: relative; left: 8.5rem; }
#fqabtn3 { position: relative; left: 10.8rem; }
#fqabtn4 { position: relative; left: 0.88rem; }
#fqabtn5 { position: relative; left: 15.5rem; }
/**==================The FQA's Question and Answer====================================**/

/**==================The FQA's Question And Answer======================================**/

/**=====================Responsive ==============================**/
@media (max-width:768px) {
  /**FQA's Btn **/
  #fqabtn1 { position: relative; left: 0!important; }
  #fqabtn2 { position: relative; left: 0!important; }
  #fqabtn3 { position: relative; left: 0!important; }
  #fqabtn4 { position: relative; left: 0!important; }
  #fqabtn5 { position: relative; left: 0!important; }
  #bank { position: relative; top: 0!important; }
  .content-desktop h2 { color: rgba(250, 165, 26, 1); }
  .fix-left { margin-left: 3rem!important; }
  .finacial-testing img { position: relative; top: 0.5rem!important; }
  .finacial-testing .finacial { position: relative; top: 1rem!important; }
  .card-group { flex-direction: column; }
  .div-likeb img { position: relative; float: right; left: 0!important; top: 1rem; width: 18.75rem; height: 8.5rem; }
  .common-header-business { background-image: url('images/background-petter-about.jpg'); height: auto; background-size: 100% 100%; object-fit: cover; width: 100%; position: relative; padding-top: 2rem; padding-bottom: 2.4rem!important; height: auto; }
  #btn-alm button { height: 4rem; width: 25%; color: #fff; text-align: center; background-color: var(--bg-color); border-radius: 32.42px; position: relative; left: 2rem!important; }
  .mx-2 { margin-left: 0!important; }
  #table-id { position: relative; top: 0; }
  #ageicon { position: relative; top: 0; left: 0; }
  .pa { flex-direction: column; }
  #span-hidden { display: none; }
  #sub-btn { position: relative; left: 0; }
  #div-scroll { position: relative; left: -4.5rem!important; top: -4rem!important; height: 3.2rem!important; width: 4.2rem!important; }
  #div-scroll3 { position: relative; left: -0.1rem!important; top: -7.5rem!important; height: 3.2rem!important; width: 3.2rem!important; }
  #div-scroll2 { position: relative; left: -6.5rem!important; top: -18.5rem!important; height: 3.2rem!important; width: 3.2rem!important; }
  .container-top-header { background-image: url('images/Content.png'); background-size: 100% 100%; object-fit: cover; width: 100%; height: auto!important; }
  .container-cover { background-color: rgba(244,244,248,0.3); /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */ height: auto!important; width: 100%; padding-top: 3rem; position: relative; }
  #top-contact { position: relative; top: 0; }
  #hidden-link { padding-top: 0; width: 100%; }
  .desc-highlight { position: relative; top: 0; left: 0;        letter-spacing: -1px;
        line-height: 23px;
        padding: 0 21px; }
  .card-e #service-card-person { position: relative; top: 0; }
  .card-e:hover .img-person-hb { position: relative; top: 0; }
  .card-e #service-card-emergancy { position: relative; top: 0; }
  .card-e #service-card-bussiness { position: relative; top: 0; }
  .card-e #service-card-vahilesh { position: relative; top: 0; }
  #card-service-1rem { position: relative; top: 0; }
  #card-loan { position: relative; left: 0; top: 0; }
  .desc-highlight2 { position: relative; top: 0; left: 0; }
  .desc-highlight1 { position: relative; top: 0; left: 0; }
  .desc-highlight2 p { padding: 0; }
  .div-button { position: relative; left: -33px; top: 0;padding: 0 21px;  }
  .div-button #apply-btn1{width:160px;font-size:16px!important;}
  .nav-link{font-size:16px!important;}
  .div-like img { position: relative; left: 0; top: 0; }
  .text-center img{margin-left:25px!important;}
  .text-no-margin{padding:0 21px!important;}
  .text-no-margin,.text-no-margin p{margin-bottom:0px!important;}
  .boxstart{width:50%!important;}
  #top-box { position: relative; top: 0; }
  
  .our-package { position: relative; padding-bottom: 1.5rem; }
  .hiden { display: none; }
  #btn-check { background-color: var(--bg-color); height: 3rem; width: 120px!important; color: #fff; text-decoration: none; padding: 0.5rem 3rem 0.5rem 3rem; font-size: 0.7rem!important; border-radius: 5px; border: none; }
  #btn-check-right { color: var(--bg-color); height: 3rem; width: 120px!important; background: #fff; text-decoration: none; padding: 0.5rem 3rem 0.5rem 3rem; font-size: 0.7rem!important; border-radius: 5px; border: 1px solid var(--bg-color); }
  .our-fincial .finacial { position: relative; top: 7rem; }
  .finacial h2 { color: rgba(255, 255, 255, 1); font-size: 36px; font-weight: 700; }
  .gap-5 { gap: 1rem!important; }
}

/**The Am=nimation section header**/
@keyframes div-scroll {
  from { position: relative; top: -11.5rem; left: -3.5rem; }
  to { position: relative; bottom: 0; }
}

/** The media 320 ***/
@media (max-width:320px) {
  #btn-payment { height: 3.4rem; width: 230px; border-radius: 5px; background-color: rgba(250, 165, 26, 1); color: #fff; text-decoration: none; text-align: center; color: rgba(46, 46, 46, 1); padding-top: 1rem; }
  #btn-account { height: 3.4rem; width: 230px!important; border-radius: 5px; border: 1px solid rgba(250, 165, 26, 1); text-decoration: none; text-align: center; color: rgba(46, 46, 46, 1); padding-top: 1rem; }
  .box { height: 7.5rem!important; width: 7.5rem!important; background-color: var(--bg-color); color: #fff; position: relative; left: 5rem!important; }
  .div-button #apply-btn1 { height: 2.4rem; width: 10.5rem; background-color: var(--bg-color); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; padding-top: 0.5rem; }
  .div-button #apply-btn2 { height: 2.4rem; width: 7.5rem; background-color: var(--bg-color); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; margin-top: 0.5rem; padding-top: 0.5rem; }
}

/** The Medai Queries 400 **/
@media (max-width:344px) {
  .div-button #apply-btn1 { height: 2.4rem; width: 10.5rem!important; background-color: var(--bg-color); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; padding-top: 0.5rem; }
  .div-button #apply-btn2 { height: 2.4rem; width: 7.5rem; background-color: var(--bg-color); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; margin-top: 0.5rem; padding-top: 0.5rem; }
}

@media (max-width:400) {
  .div-button #apply-btn1 { height: 2.4rem; width: 10.5rem; background-color: var(--bg-color); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; padding-top: 0.5rem; }
  .div-button #apply-btn2 { height: 2.4rem; width: 7.5rem; background-color: var(--bg-color); color: #fff; line-height: 1rem; border-radius: 5px; text-align: center; margin-top: 0.5rem; padding-top: 0.5rem; }
  #btn-payment { height: 3.4rem; width: 230px!important; border-radius: 5px; background-color: rgba(250, 165, 26, 1); color: #fff; text-decoration: none; text-align: center; color: rgba(46, 46, 46, 1); padding-top: 1rem; }
}

@media (max-width:344px) {
  #btn-payment { height: 3.4rem; width: 230px; border-radius: 5px; background-color: rgba(250, 165, 26, 1); color: #fff; text-decoration: none; text-align: center; color: rgba(46, 46, 46, 1); padding-top: 1rem; }
  #btn-account { height: 3.4rem; width: 230px!important; border-radius: 5px; border: 1px solid rgba(250, 165, 26, 1); text-decoration: none; text-align: center; color: rgba(46, 46, 46, 1); padding-top: 1rem; }
}