.referral-section {   background:#ffffff;   padding:40px;   font-family:inherit;   color:#36604e; } .referral-container {   display:flex;   flex-wrap:wrap;   background:#f8fdfb;   border-radius:8px;   overflow:hidden;   box-shadow:0 2px 10px rgba(0,0,0,0.1); } .referral-left, .referral-right {   flex:1;   padding:30px;   min-width:300px; } .referral-left {   border-right:2px solid #e0ece6; } .referral-left h2 {   margin-bottom:10px;   color:#36604e;   text-align:left; } .small-text {   font-size:14px;   color:#191919;   margin-bottom:20px; } .referral-input {   width:100%;   padding:12px;   font-size:16px;   border:1px solid #c2d5cd;   border-radius:4px;   margin-bottom:15px; } .apply-btn {   height:43px;   padding:0px 20px;   text-align:center;   color:#fff;   font-size:15px;   font-weight:500;   line-height:47px;   display:inline-block;   border-radius:5px;   position:relative;   overflow:hidden !important;   border-bottom-right-radius:20px;   background-color:#36604e;   transition:all ease 0.3s; } .apply-btn:hover {   background-color:transparent;   border:1px solid #36604e;   color:#36604e;   transition:all ease 0.3s; }  input.apply-btn {   appearance:none;   -webkit-appearance:none;   border:none; } .disclaimer {   color:#666;   margin-top:15px; } .info-box {   background:#e6f4ee;   padding:12px;   border-left:4px solid #36604e;   margin-bottom:20px; } .how-title {   color:#36604e;   margin-bottom:20px; }  .step {   margin-bottom:20px; } .step h4 {   margin:0 0 5px;   color:#36604e;   text-transform:capitalize; } .step p {   margin:0 0 5px;   color:#191919; } .step .note {   font-size:inherit;   color:#191919;   font-style:italic; } .help-text {   margin-top:20px; } .help-text a {   color:#36604e;   text-decoration:underline; }  .swal2-popup {   padding:20px 20px !important;   width:340px !important;   border-radius:12px !important;   display:flex !important;   flex-direction:column !important;   align-items:center !important;   justify-content:center !important;   font-family:"Lato", "Segoe UI", sans-serif !important;   background:#fefefe !important;   border:1px solid #e0e0e0 !important;   box-shadow:0 8px 25px rgba(0, 0, 0, 0.12) !important; }  .swal2-title {   margin:0 !important;   padding:5px 0 !important;   font-size:22px !important;   font-weight:600 !important;   text-align:center !important;   color:#1a2e1f !important; }  .swal2-html-container {   color:#333 !important;   margin:5px 0 0 0 !important;   padding:0 !important;   font-size:17px !important;   line-height:1.4 !important;   text-align:center !important; }  .swal2-confirm {   border-radius:30px !important;   padding:10px 25px !important;   font-size:14px !important;   font-weight:600 !important;   color:#fff !important;   border:none !important;   transition:all 0.25s ease-in-out !important; }  .swal2-success .swal2-confirm:hover {   background:transparent !important;   color:#1b4d2f !important;   border:1px solid #1b4d2f !important; } .swal2-error .swal2-confirm:hover, .swal2-warning .swal2-confirm:hover {   background:transparent !important;   color:#d93025 !important;   border:1px solid #d93025 !important; } .swal2-info .swal2-confirm:hover {   background:transparent !important;   color:#1e88e5 !important;   border:1px solid #1e88e5 !important; }  .swal2-cancel {   border-radius:30px !important;   padding:10px 25px !important;   font-size:14px !important;   font-weight:500 !important;   background:#f8f9f8 !important;   color:#555 !important;   border:1px solid #cfd8d4 !important;   transition:all 0.25s ease-in-out !important; } .swal2-cancel:hover {   background:transparent !important;   color:#333 !important;   border:1px solid #999 !important; }  .swal2-icon.swal2-success {   border-color:#1b4d2f !important;   color:#1b4d2f !important; }  .swal2-icon.swal2-error {   border-color:#d93025 !important;   color:#d93025 !important; }  .swal2-icon.swal2-warning {   border-color:#f9a825 !important;   color:#f9a825 !important; }  .swal2-icon.swal2-info {   border-color:#1e88e5 !important;   color:#1e88e5 !important; }  .swal2-icon {   margin:10px auto !important;   transform:scale(1.3); } .swal2-icon .swal2-icon-content {   font-size:2.5em !important; }  .swal2-actions {   margin:15px 0 0 0 !important;   display:flex !important;   justify-content:center !important;   width:100% !important; }  @media screen and (max-width:480px){   .inner-banner-wrap.referral-prg-ban .inner-banner-content {  width:100%;  display:block;  position:absolute;  z-index:5;  left:0;  top:45%;  padding:0 15px;   }   .inner-banner-wrap.referral-prg-ban {  width:100%;  height:100%;  position:relative;   }   .inner-banner-wrap.referral-prg-ban .inner-banner-content h1, .inner-banner-wrap.referral-prg-ban .inner-banner-content h2 {  font-size:30px;  line-height:50px;   }   .referral-section {  padding:20px 15px;   }   .swal2-popup {  grid-row:auto!important;   } }