/*************************
    General
*************************/
/*Template Google font*/
body {font-family: 'Open Sans', sans-serif;font-weight: normal;font-style: normal;font-size: 14px;line-height: 1.5;color: #626262;background-color: #f9f3e0;}
a, .btn  { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; text-decoration: none;}
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #3570FC; text-decoration: none; }

*::-moz-selection { background: #3952d0; color: #fff; text-shadow: none; }
::-moz-selection { background: #3952d0; color: #fff; text-shadow: none; }
::selection { background: #3952d0; color: #fff; text-shadow: none; }


/***********************
       Button
***********************/
.btn {
    padding:12px 40px;
    font-weight: 600;
    color:#fff;
    border: 1px solid #000000;
    font-size: 18px;
    border-radius: 5px;
    text-decoration: none;
    background: linear-gradient(to bottom, #040404 0%, #2d2d2d 100%);
    display: inline-block;
    text-align: center;
}
.btn:hover,
.btn:focus{
    color: #ffffff;
    background: linear-gradient(to bottom, #2d2d2d 0%, #040404 100%);
    outline: none;
}
/**
.header{
  padding-top: 20px;
}
**/
.header .logo{width: 70px;height: auto;}
.medidationpayment-form{padding-bottom: 50px;}
.medidationpayment-form .nav{justify-content: center;}
.medidationpayment-form .nav.nav-pills .nav-item{}
.medidationpayment-form .nav.nav-pills .nav-link {color: #323232;position: relative;font-size: 26px;border: 1px solid #333333;padding: 10px 50px;margin: 0 15px;border-radius: 5px;}
.medidationpayment-form .nav.nav-pills .nav-link:before{
  content: "";color: #fff;border-color: #007bff;background-color: #007bff;position: absolute;top: 50%;transform: translateY(-50%);left: 25px;
  display: block;width: 16px;height: 16px;pointer-events: none;content: "";background-color: #fff;border:1px solid #adb5bd;
  border-radius: 50%; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.medidationpayment-form .nav.nav-pills .nav-link:after{ position: absolute;top: 50%;transform: translateY(-50%);left: 25px;
  display: block;width: 16px;height: 16px;content: "";border-radius: 100%;}
.medidationpayment-form .nav-pills .nav-link.active:before{  color: #fff;border-color: #007bff;background-color: #007bff;}
.medidationpayment-form .nav-pills .nav-link.active:after{background-color: #ffffff;border:5px solid #007bff;}
.medidationpayment-form .nav-pills .nav-link.active,
.medidationpayment-form .nav-pills .show>.nav-link {color: #323232;background-color: inherit;}
.medidationpayment-form form{width: 100%;border-radius: 5px;background-color:#ffffff;}
.medidationpayment-form  form {background: #f9f3e0;}
.medidationpayment-form form .amount-box {background: #f9f3e0;}
.medidationpayment-form-body .precessing_fees,
.medidationpayment-form-body .pay_as_anonymous {display: flex;align-items: baseline;}
.medidationpayment-form-body input[type=checkbox] {margin-right: 5px;}
.medidationpayment-form .medidationpayment-form-body{padding: 30px;}
.medidationpayment-form .title{font-size: 18px;font-weight: 600; color: #323232;}
.medidationpayment-form .sub-title{font-size: 16px;font-weight: 600;color: #323232;}
.medidationpayment-form sup{color: #f23a3c;margin-left: 3px;font-size: 16px;font-weight: 600;top:-.2em;}
.medidationpayment-form  .form-group label{
  margin-bottom: 0;margin-top: 10px;color: #56647e;font-size:15px;font-weight: 500;}
.form-control{
height: 50px;border-radius: 5px;border: 1px solid #d1d2d6;padding: 10px 20px;}
.amout-details {padding-bottom: 20px;}
.amount-gruop{position: relative;width: 100%;}
.amount-gruop span{position: absolute;font-size: 16px;font-weight: 600;color:#323232;top: 14px; right: 40px;}
.amount-gruop02{width: 100%;}
.page-template-payment-razorpay .amout-details {padding-bottom: 0; border: none; margin-bottom: 0;}
.amount-gruop02 .each-input{display: flex;align-items: center;margin-top: 10px;}
.amount-gruop02 .each-input span{margin-left: 7px;font-size: 16px;font-weight: 600;color:#323232;}
.medidationpayment-form .amount-gruop02 .form-group .custom-control .custom-control-label{
  font-size: 16px;font-weight: 600;color:#323232;}
.card-details{ margin-bottom:20px;}
.medidationpayment-form .medidationpayment-form-footer{padding: 30px;text-align: center;padding-top: 0;}
.amount-box{
  border-radius: 3px;background-color:#ffffff;box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.10);
  -moz-box-shadow:  0px 2px 12px rgba(0, 0, 0, 0.10);-webkit-box-shadow:  0px 2px 12px rgba(0, 0, 0, 0.10);
  -ms-box-shadow:  0px 2px 12px rgba(0, 0, 0, 0.10);padding: 10px 15px;border:1px solid #d8d8d8;}

/** OS 5-Jul **/
.ajax {background-color: #f9f3e0 !important;}
/** OS End **/

/* os-edits 12-Jan */
.os-choice {display: none;}

.mb-3 {display: none;}
/* edits end */


@media(max-width:767px) {
  .medidationpayment-form {
    padding-bottom: 60px;
  }
  .medidationpayment-form .nav.nav-pills .nav-link{
    padding: 10px 30px;
    margin: 0 5px;
  }
  .medidationpayment-form .nav.nav-pills .nav-link:before{
    left: 10px;
  }
  .medidationpayment-form .nav.nav-pills .nav-link:after{
    left: 10px;
  }
}
@media(max-width:479px) {
  .medidationpayment-form .nav.nav-pills .nav-link{
    margin-bottom: 15px;
    font-size: 20px;
  }
  .medidationpayment-form .medidationpayment-form-body {
	  padding: 20px 20px 15px 20px;
  }
  .medidationpayment-form .medidationpayment-form-footer {
	  padding: 10px;
  }
  .btn + .btn{
    margin-top: 15px;
  }
}
@media (max-width: 375px){
  .medidationpayment-form .nav.nav-pills .nav-link {
      font-size: 16px;
      padding: 10px 15px 10px 30px;
  }
}






/* all fixes for rotation below */
/* Also ensure html/body can scroll */
html, body {
    height: auto !important;
    min-height: 100dvh;
    overflow-y: auto !important;
    overflow-x: hidden;
}
section.bg:has(.cart-container) {
    padding-bottom: 135px !important;
}
section.bg-remove:has(.cart-container) {
    padding-bottom: 135px !important;
}
#modal-summary{
	top:0;bottom:0;height:100%;overflow-y:auto;
}
#myModal-otp{
	top:20%;bottom:0;height:100%;overflow-y:auto;	
}


/* for prasadam only shrinking */
@media (orientation: landscape) and (max-height: 600px) {		
    .mt-3 { margin-top: 0.4rem !important; }
    .mb-3 { margin-top: 0.4rem !important; }
    .mt-4 { margin-top: 0.6rem !important; }
    .mb-4 { margin-bottom: 0.6rem !important; }
    .mt-5 { margin-top: 0.8rem !important; }
    .mb-5 { margin-bottom: 0.8rem !important; }
    .py-2 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }	
    .cart-container {
        height: 100px !important;
        padding: 6px 10px !important;
    }
    .cart-div, .cart-div-sponsor {
        height: 90px !important;
    }
    .qty-text, .price-text {
        font-size: 11px !important;
        line-height: 14px !important;
        margin-bottom: 4px !important;
    }
    .qty-number, .price-number {
        font-size: 16px !important;
        line-height: 18px !important;
    }
    .cart-btn {
        height: 34px !important;
        padding: 5px 20px !important;
        font-size: 16px !important;
    }
    .cart-minus, .cart-plus {
        top: 4px !important;
    }
    /* Reduce content padding in landscape too */
    section.bg:has(.cart-container) {
        padding-bottom: 110px !important;
    }
	section.bg-remove:has(.cart-container) {
        padding-bottom: 0px !important;
    }
    /* Shrink the prasad image in landscape */
    .image-deity-temple img[style*="max-height:120px"] {
        max-height: 150px !important;
    }
    .mt-1 { margin-top: 0.2rem !important; }
}



/* =============================================
   Landscape Two-Column Layout
   Add these rules to your existing stylesheet
   ============================================= */    
   

/* Default (portrait): single column, stacked */
* {
    box-sizing: border-box;
}

:root {
  /* Define the variable with a valid CSS length unit */
  --main-container: 450px;  
  --main-container-landscape: 600px;   
}

#onetime-landscape { display: none; }
#monthly-landscape { display: none; }

.img-symbol{height:170px;}
img.wp-smiley, img.emoji{margin-left: 10px !important;}

.hide-header{display:none !important;}
.landscape-div{ display: none !important; }
.portrait-div { display: flex !important; }
.portrait-block-div { display: block !important; }
.landscape-block-div { display: none !important; }

.landscape-form-wrapper {display: flex;flex-direction: column;}
.landscape-left,.landscape-right,.landscape-left-50,.landscape-right-50,.landscape-special{width: 100%;}
.container-width{ width: 100%; max-width: 500px;}

.common-text-font span, .common-text-temple span {font-weight: 700 !important;color: #3D2E1E !important;}
.donate-btn, .generate-btn, .skip-btn{ min-width:200px !important; height:50px !important;}

.notification_form_monthly .alert, .notification_form_onetime .alert, .notification_wallet_onetime .alert, .notification_wallet_monthly .alert {
    padding: 3px 8px !important;border-radius: 10px !important;font-size: 11px !important;}
.notification_form_monthly .alert-dismissible .close, .notification_form_onetime .alert-dismissible .close, .notification_wallet_onetime .alert-dismissible .close, .notification_wallet_monthly .alert-dismissible .close {
    padding: 5px 10px !important;
}

.notification_form_monthly, .notification_form_onetime, .notification_form {
    width: 100% !important;margin-bottom: 7px !important;color: red;text-align: right;font-size: 12px; font-weight: 600;}


.alert {margin-bottom: 0.75rem !important;}	
.alert-bt{margin-bottom: 0rem !important;}
.wall-icon{margin-right:2px;}
.wall-icon svg {margin-bottom:1px;}


/* wallet common design */

/* ================= CARD ================= */
.wallet-card{min-width: 300px;max-width:335px;width: 100%;min-height:180px;padding: 10px 10px;color: #fff;box-sizing: border-box;position: relative;
    background: linear-gradient(304deg, #4a0b0b, #2b0000);margin: 0px auto;display: flex;flex-direction: column;justify-content: space-evenly;}
/* BORDER FRAME */
.wallet-card.frame::before{content:"";position:absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%; height: 100%;
    background: url("https://launch.sadhana.app/wp-content/uploads/2026/06/Group-180.png") no-repeat center;
    background-size: 100% 100%;pointer-events:none;z-index: 2;}	

/* ================= TOP ROW ================= */
.top-row{display:flex;align-items:center;position:relative;}

/* LEFT ICON */
.left-block{display:flex;align-items:center;}
.wallet-icon{width:55px;height:55px;border-radius:50%;border: 2px solid #F5EDD6;padding:3px;opacity:0.8;}


/* ================= CENTER BLOCK ================= */
.center-block{position:absolute;left:50%;transform:translateX(-50%);text-align:center;}
/* TITLE */
.wallet-title{opacity:0.8;font-family: 'Linux Biolinum G';font-style: normal;font-weight: 500;
              font-size: 10px;line-height: 15px;letter-spacing: 2px;color: #F5EDD6;margin-bottom:10px;}
/* AMOUNT */
.wallet-amount-icon{opacity:0.8;font-family: 'Linux Biolinum G';font-style: normal;font-weight: 400;
                     font-size: 20px;line-height: 23px;color: #F5EDD6;letter-spacing: 5px;}
.wallet-amount{font-size:32px;line-height: 36px;font-weight:bold;font-family: Khaleefa;font-style: normal;color: #F5EDD6;letter-spacing: 5px;}


/* ================= BOTTOM ROW ================= */
.bottom-row{display:flex;justify-content:space-between;align-items:flex-start;margin-top:25px;}
.bottom-row-added {display:none !important;}
/* LEFT SIDE (ICON + TEXT) */
.bottom-left{display:flex;flex: 1;min-width: 0;}
/* TEXT BLOCK */
.bottom-text{display:flex;flex-direction:column;align-items:flex-end;padding-right: 15px;flex: 1;}
.bottom-text-added{display:flex;flex-direction:column;align-items:center;padding-right: 15px;flex: 1;}
/* FIRST LINE */
.main-text{ display:flex;align-items:center;justify-content:flex-end;font-family: Ibarra Real Nova;  
	font-style: italic;text-align:right;font-size:14px;line-height:1.3;gap:2px;width:100%;opacity:0.8;color: #F5EDD6;}
/* SECOND LINE */
.instantly{font-weight:700;font-family: EB Garamond;font-style: italic;color:#f4c542;font-size:14px;line-height:1.3;}

/* BUTTON */
.wallet-btn{flex: 0 0 auto; margin-left: auto;font-weight:700;cursor:pointer;width: 92px;color:black;
	font-family: Ibarra Real Nova;background: linear-gradient(145deg, #D4B84A 6.17%, #C5A840 50%, #B5A060 93.83%);
	box-shadow: 0px 2px 10px 0px #B5A06059;border:none;padding:10px 10px;border-radius:8px;font-size:12px;line-height:16px;}
	
	
.wallet-info-strip{display:flex;max-width:350px;width:100%;align-items:center;justify-content:space-around;margin:0px auto;margin-top:12px;color:#000000e3;font-size:12px;flex-wrap:wrap;}
/* ITEM */
.info-item{display:flex;align-items:center;gap:6px;}
/* ICON */
.info-item img{width:16px;height:16px;}
/* DOT SEPARATOR */
.dot{font-size:10px;opacity:0.8;}
/* OPTIONAL: hover clean UI feel */
.info-item span{opacity:0.9;}	


.amount-row{display:flex;gap:12px;justify-content:space-between; margin-top:5px;}
/* BASE BUTTON */
.wallet-amount-btn{width: 105px;padding:8px 20px;border-radius:10px;border:1px solid #d4af37; background: linear-gradient(180deg, #f6e7c6, #f1d7a6);
    color:#6B1515;cursor:pointer; transition:all 0.2s ease;ont-family: EB Garamond;font-weight: 700;font-size: 19px;	
	line-height: 28.5px;letter-spacing: 0px;text-align: center;}
/* HOVER */
.wallet-amount-btn:hover{transform:translateY(-1px);}
/* ACTIVE (GREEN LIKE IMAGE) */
.wallet-amount-btn.active{background: linear-gradient(180deg, #50701A 19.23%, #F4F47F 100%);	
   box-shadow: 0px 1px 4px 0px #78643C1A;color:#fff !important;border-top: 1.27px solid #42610E}   

.wallet-heading{font-family: Linux Biolinum G;font-weight: 700;font-size: 22px;line-height: 26px;letter-spacing: 0px;text-align: center;color:#3D2E1E;}
.wallet-heading-step{font-family: EB Garamond;font-weight: 400;font-size: 12px;line-height: 26px;letter-spacing: 0px;text-align: center;color:#3D2E1E;}
	

/* ── Landscape on mobile only  ── */
@media (orientation: landscape) {

    /* Override the page-level rotation that was rotating the whole <html> */
    html {-webkit-transform: none !important;-moz-transform:none !important;transform:none !important; width:100% !important;
           height:auto !important;overflow-x:hidden !important;position:static !important;top:auto !important;left:auto !important;}
		   
	/* main section and container */
	section{min-height: 100dvh; display: flex; justify-content: center; padding: 0px; align-items: center; overflow: visible;}	
	.container-width{ width: 100%; max-width: 900px; max-height: var(--main-container); margin: 0 auto; padding: 0px;box-sizing: border-box;scroll-behavior: auto;}	
	
	.flex-form{display: flex;flex-direction: column;justify-content: space-evenly;height: 100%;}
	
	/* basic div show n hide */
	.landscape-div { display: flex !important; justify-content: center;}	
    .portrait-div  { display: none !important; }	
    .portrait-block-div { display: none !important;}	
	.landscape-block-div { display: block !important;}
	.gap-up-20{margin-top: -20px !important;}
	.gap-up-10{margin-top: -10px !important;}
	
	
	 /* basic heigh of div n images n extra */
	 .image-deity-temple {max-width: 225px !important; width: 225px !important;}
	 .start-item{align-items: start !important;}  
	.notification_anim {transition: 0.5s;transform: translateY(80%) !important;}
	.special-height{height: calc(100vh - 100px) !important;}
	.left-start-img{ align-items: start !important; }		
	
    /* Nav link adjustments (carried over from original rules) */
    .nav-tabs .nav-link { white-space: nowrap;line-height: 20px !important;min-width: 165px;text-align: center !important;  }
	.nav-tab-active-one{ background-size:cover !important; }
	.nav-tab-active-monthly{ background-size:cover !important; }

    /* Two-column flex row */
    .landscape-form-wrapper {display: flex;flex-direction: row;height: 100dvh; max-height: var(--main-container); align-items: center;justify-content: center;}	
	
	.landscape-left  { width: 40%;}
    .landscape-right { width: 60%;}	
	
	.landscape-left-50  { width: 50%;}
    .landscape-right-50 { width: 50%;}	
	
	.landscape-left,.landscape-left-50  {padding: 7px;height: 100%; max-height: var(--main-container); display:flex;flex-direction:column; justify-content: space-evenly;}
    .landscape-right,.landscape-right-50 {padding: 7px; height: 100%; max-height: var(--main-container); display:flex;flex-direction:column; justify-content: space-evenly;}		
    .landscape-special {min-height: 100%;; max-height: var(--main-container); display:flex;flex-direction:column; justify-content: space-evenly;}		
	  
	/* Two-column flex row thansk you page*/
	 .sadhana-thankyou-page {align-items: self-start !important;}
	 .sadhana-thankyou-page .landscape-form-wrapper {flex-direction: column;height: 100%;}
	
	
	/* input + span + btn */
	.landscape-right .form-control,.landscape-right-50 .form-control {height: 45px;font-size: 16px !important;padding: 8px 14px;}	
	.landscape-right .amount-gruop span, .landscape-right-50 .amount-gruop span {font-size: 17px;line-height: 19px;font-weight: 600;color: #5C4436 !important;top: 12px;right: 15px;}
	
	.landscape-right .donate-btn, 
	.landscape-right .generate-btn, 
	.landscape-right .skip-btn,
    .landscape-right-50 .donate-btn, 
	.landscape-right-50 .generate-btn, 
	.landscape-right-50 .skip-btn{ margin-top: 10px;margin-bottom: 5px;min-width: 177px;font-size: 18px;}	
	
	
	.amount-gruop, .container-checkbox,.inner-width{min-width: 300px !important;width: 100% !important;max-width: 350px;margin: 0px auto;}		
	.amount-gruop-next,.inner-width-next{margin: 0px auto;max-width: 84% !important;}
	.amount-gruop-next-100,.inner-width-next-100{margin: 0px auto;max-width: 95% !important;} 
	.amount-gruop-next-full,.inner-width-next-full{margin: 0px auto;max-width: 100% !important;} 
	.container-checkbox-{min-width: unset !important;width: unset !important;}
	.bottom-row-added {margin-top: 45px;display:block !important;}
	.form-group {margin-bottom: 0.5rem;}
	
	.wallet-card- {min-height:202px;padding: 30px 10px;}	
	.wallet-card {min-height: 220px;padding: 20px 10px;justify-content: space-evenly;display: flex;flex-direction: column;}	
	.bottom-row {margin-top: 50px;}
	.center-block{left:65%;}
	.wallet-icon{margin-left: 25px;}
}

/* Tablet/iPad Landscape */
@media (orientation: landscape) and (min-width: 768px) and (min-height: 700px) {
     .container-width{ max-width: 1000px; max-height: 550px;}
     .landscape-form-wrapper,.landscape-left,.landscape-right,.landscape-left-50,.landscape-right-50{ max-height: 550px !important; }
	 .image-deity-temple{max-width: 325px !important;width: 100% !important;}
	 .common-text-font,.common-text-temple{font-size:16px !important;line-height: 24px !important;}
	 .temple-page-heading{font-size:24px !important;line-height: 36px !important;}
	 .donation-raised-main{font-size:26px !important;}
	 .landscape-right .form-control, .landscape-right-50 .form-control {
        height: 57px !important;font-size: 20px !important; padding: 8px 14px;}
	 .amount-gruop span{font-size: 20px !important;line-height: 22px !important;top: 17px !important;right: 20px !important;}
	 .checkmark {top: 7px !important;}
	 .thanks-image {width: 500px !important;height: auto;}
	 .wallet-heading-step{font-size: 14px !important;}
	 section.bg-remove:has(.cart-container) {padding-bottom: 0px !important;}
	 .img-symbol {height: 250px;}
	 .bottom-row {margin-top: 50px;}
	 .wallet-card- {min-height:202px;padding: 30px 10px;}
	 .wallet-card {min-height: 220px;padding: 20px 10px;justify-content: space-evenly;display: flex;flex-direction: column;}
	 .center-block{left:65%;}
	 .wallet-icon{margin-left: 25px;}
	 .notification_form_monthly .alert, .notification_form_onetime .alert, .notification_wallet_onetime .alert, .notification_wallet_monthly .alert {font-size: 11px !important;}
}

/* Tablet/iPad Portrait */
@media (min-width: 768px) and (orientation: portrait) {
    .container-width{ max-width: 600px;}
	.image-deity-temple{max-width: 325px !important;width: 100% !important;}
	.common-text-font,.common-text-temple{font-size:18px !important;line-height: 26px !important;}
	.temple-page-heading{font-size:24px !important;line-height: 36px !important;}
	.donation-raised-main{font-size:26px !important;}
	.landscape-right .form-control, .landscape-right-50 .form-control {
        height: 57px !important;font-size: 20px !important; padding: 8px 14px;}
	.amount-gruop span{font-size: 20px !important;line-height: 22px !important;top: 17px !important;right: 20px !important;}
    .checkmark {top: 7px !important;}
	.wallet-heading-step{font-size: 14px !important;}
	section.bg-remove:has(.cart-container) {padding-bottom: 0px !important;}
	.img-symbol {height: 250px;}
	.bottom-row {margin-top: 50px;}
	.center-block{left:65%;}
	.wallet-icon{margin-left: 25px;}
	.wallet-card- {min-height:202px;padding: 30px 10px;}	
	.wallet-card {min-height: 220px;padding: 20px 10px;justify-content: space-evenly;display: flex;flex-direction: column;}
	.notification_form_monthly .alert, .notification_form_onetime .alert, .notification_wallet_onetime .alert, .notification_wallet_monthly .alert {font-size: 11px !important;}
}

@media (orientation: landscape) and (min-width: 1023px) {
    .common-text-font,.common-text-temple{font-size:18px !important;line-height: 28px !important;}
	.bottom-row {margin-top: 50px;}
	.wallet-card- {min-height:202px;padding: 30px 10px;}	
	.wallet-card {min-height: 230px;padding: 20px 10px;justify-content: space-evenly;display: flex;flex-direction: column;}
	.notification_form_monthly .alert, .notification_form_onetime .alert, .notification_wallet_onetime .alert, .notification_wallet_monthly .alert {font-size: 11px !important;}
}

/* reduce thank you image on mobile height below 360px */
@media (orientation: landscape) and (max-height: 360px) {
    .thanks-image {max-width: 325px;height: auto;}	
    .mt-5 {margin-top: 0.25rem !important;}
	.form-group {margin-bottom: 0.25rem !important;}
	.landscape-right .donate-btn, .landscape-right .generate-btn, .landscape-right .skip-btn, .landscape-right-50 .donate-btn, .landscape-right-50 .generate-btn, .landscape-right-50 .skip-btn {
        margin-top: 5px !important;margin-bottom: 5px !important; }
	.amount-row{margin-top:5px !important;}
	.hide-below-360{display:none !impotant;}
}

/* reduce thank you image on mobile height below 375px */
@media (orientation: landscape) and (max-height: 400px) { 
    .wallet-card {min-height: 220px !important;padding: 20px 10px !important;}	
	.small-font{font-size:12px !important;line-height:16px !important;}
	.bottom-row {margin-top: 30px;}
}

/* few force owerrites */
@media (orientation: landscape) {
    .special-fix-font{font-size:16px !important;line-height:22px !important;}
}

@media (orientation: landscape) and (max-width: 749px) {
    /* Landscape phones under 700px width */
	.wallet-card {max-width: 300px;width: 100%;}
	.main-text,.instantly  {font-size:12px;}	
	.common-text-font{font-size:12px !important;;line-height:18px !important;}
	.special-fix-font{font-size:12px !important;line-height:18px !important;}
}

/* Landscape phones under 360px width */