@charset "utf-8";

:root {
     --white:#ffffff;
     --green:#13a538;
     --dgreen:#13a538;
     --gry:#4e5452;

     --green-color: #13a538;
}


* {
  font-family: 'Muli', sans-serif;
}

figure,h1,h2,h3,h4,p{padding:0;margin:0}h4,ol,ul,ul ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}:focus,body a,body a:active,input[type=text]:focus,textarea:focus{outline:0}article,aside,dialog,figure,footer,header,hgroup,nav,ol,p,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,sub,sup{outline:0;vertical-align:baseline}figure,p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}ol{list-style-type:decimal}a img,img{vertical-align:middle}a img{border:0}body a:focus{-mos-outline-style:none;outline:0}body:-moz-any-link:focus{outline:0}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}

html {-webkit-text-size-adjust:none;}
div{vertical-align:top;}
img{max-width:100%; height:auto;}
a{cursor:pointer; text-decoration:none!important;  transition:all 0.5s ease;}
a:hover, a:focus{text-decoration:none!important;}
html {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html {position:relative; min-height:100%;}
aside, .right-side, .navbar-collapse{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
button:focus {outline:0px dotted; outline:0px auto -webkit-focus-ring-color;}
.btn.focus, .btn:focus {outline:0; box-shadow:0 0 0 0rem rgb(0 123 255 / 25%);}

/*Typekit*/
.container{max-width:1600px;}
html, body{font-family: 'Muli', sans-serif; font-size:16px; color:#272727;  padding:0px;margin:0px;}
p{margin-bottom:25px}

.position-relative{position:relative;}
select, input{font-family: 'Muli', sans-serif;}

div p:last-child{margin-bottom:0px;}
.form-control:focus{box-shadow:0 0 0 0rem rgba(0,123,255,.25);}
.row:before, .row:after {display:none !important;}

h1, h2, h3, h4, h5, h6{font-family:"museo-sans"; margin-bottom:15px;}
h1{font-size:70px;color:var(--white);font-weight:700;line-height:85px;max-width:50%;}
h1 strong{font-weight:bold; color:var(--white);}

h2{font-size:30px; font-weight:500; color:var(--blue);}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px}

/*Typekit END*/

/* GRID CSS */
*, ::after, ::before {box-sizing:border-box;}
.container{width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}
.row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px;}
.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-12{padding-left:15px; padding-right:15px; position:relative; width:100%;}

@media (min-width:769px){
  .order-md-2{order:2;}
  .col-md-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
  .col-md-5 {-webkit-box-flex:0; -ms-flex:0 0 41.66666667%; flex:0 0 41.66666667%; max-width:41.66666667%;}
  .col-md-6 {-webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
  .col-md-7 {-webkit-box-flex:0; -ms-flex:0 0 58.33333333%; flex:0 0 58.33333333%; max-width:58.33333333%;}
  .col-md-8 {-webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
  .col-md-4 {-webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
  .col-md-12{-webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
}

/* GRID CSS END */
.top-header{float:left; width:100%; padding:40px 0px;}
.brand-logo img{width:230px; max-width: 230px;}
.top-section{float:left; width:100%; position:absolute; top:70px; left:0px;}
.hero-caption span{color:var(--white);font-size:250px;transform:rotate(180deg);font-weight:bold;display:inline-block;line-height:250px;margin-left:-11px;}

.hero-caption h1{padding-top: 25%;}
.hero-caption h1 img{height: 50px; position: relative; top: -7px;}
.main-banner figure img{width: 100%;}

.mid-content{padding:30px 10% 30px 10%;background: #51a21e url('../images/main-hd-bg.png') no-repeat center bottom; background: #51a21e url('../images/main-hd-bg.webp') no-repeat center bottom;}
.mid-content h1{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:80px; line-height:60px; letter-spacing: 1.5px; color:var(--white); text-align: center; max-width: 100%; margin-bottom:0px;}
.mid-content h1 span{text-transform: uppercase; font-size: 40px; display: block; letter-spacing: 0.5px;}
.mid-content p{text-align:center;line-height: 33px;font-size: 24px;font-family:"museo-sans";font-weight:500;  color: var(--white);padding: 15px 0px 0px 0px;width: 50%;margin: 0 auto;}

.coman-content{text-align: center; padding:60px 0px;}
.coman-content .container{max-width: 1220px;}
.coman-content p{font-size: 18px; line-height:28px;}

.load-correction{float: left; width: 100%; position: relative;}
.load-correction:before {content: ''; width: 26%; height: 4px; background: #179d49; position: absolute; left: 0px; top: 138px;}
.load-correction .container{max-width: 1030px;}

.load-left{float: left; width: 60%; margin-top: 80px; padding: 50px 30px 180px 40px; background-color:var(--white); box-shadow: 0px 0px 22.32px 1.68px rgba(35, 35, 35, 0.16);}
.load-left h3{color: #179d49; font-size: 32px; font-family: Arial, Helvetica, sans-serif; line-height: 40px; background: #ffffff; position: relative; padding-left: 10px;}
.load-left p{max-width: 62%;font-size: 18px;line-height: 25px; padding-left: 10px;}
.load-right{float: left; width: 40%; position: relative; z-index: 99;}

.load-right img{border-radius: 50px; box-shadow: 0px 3px 45.39px 5.61px rgba(0, 0, 0, 0.18);}

.currencies-section{float: left; width: 100%; margin-top: -15%; position: relative;}

.crnc-main-bg{background: url('../images/map-shape-btm.png') no-repeat center top; background: #25a141 url(../images/map-shape-btm.webp) no-repeat center top; padding: 80px 0px 80px 0px; float: left; width: 100%;}
.crnc-main-bg .container{max-width: 1100px;}
.crnc-main-bg h2{color: var(--white); font-size: 40px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: center;}

.crnc-table{float: left; width: 100%;}

.crnc-box{float: left;width: 25%; margin-top: 15px; margin-left: -1px;}
.crnc-top{display: flex; border: solid 1px #a8d9b3;}
.crnc-top figure{width: 110px;}
.crnc-top p{border-left: solid 1px #a8d9b3; flex: 1;padding: 10px 10px 0px 10px;color: #ffffff;font-size: 18px;}
.crnc-box h6{ font-size:18px;font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;margin: 10px 0px 10px 0px;color: #ffffff;}

.call-section{float: left; width: 100%; background:#f3f3f3; padding:40px 0px;}
.call-section .container{max-width: 1400px;}

.call-main{float: left; width: 100%;}
.call-left{float: left; width:45%; padding:0px 0px 35px 0px; position: relative;}
.call-left:before{content: ''; height: 1px; width: calc(100% - 13px); background: url('../images/border-repeat.png') repeat-x left top; position: absolute; bottom: 12px;}
.call-left:after{content: '';background: url(../images/top-round.png) no-repeat left top;width:15px;height:13px;position: absolute; bottom:0px; right:0px;}
.call-left p{font-size: 20px; line-height: 32px;}

.call-left p a{color: #179d49;}
.call-left p a:hover{color: #272727;}

.call-right{float: left;width:55%;padding:0px 25px 155px 25px; position: relative;}
.call-right:before{content: '';height: 1px;width: 95%; background: url('../images/border-repeat.png') repeat-x left top; position: absolute;bottom: 0;left: 15px;}
.call-right:after{content: '';background: url(../images/bottom-round.png) no-repeat left top;width: 14px;height: 16px;position: absolute; bottom:0px; left:0px;}

.call-right ul{list-style: none; display: flex; flex-wrap: wrap;}
.call-right ul:before{content: '';height: calc(100% - 237px);width: 2px;background: url('../images/hr-border.png') repeat-y left top;position: absolute;bottom: 17px;left: 0px;}
.call-right ul li{font-size: 20px;line-height: 32px;position: relative;border-bottom: solid 1px #d9d9d9;padding: 15px 0px 15px 22px; float: left; width: 50%;}
.call-right ul li:last-child{border:0px} 
.call-right ul li:before{content: "\f0da";color:#13a538;position: absolute;left: 0px;top: 17px;font-family: 'FontAwesome';}

.call-right ul li a{color: #179d49;}
.call-right ul li a:hover{color: #272727;}
.condition-line{text-align: center; padding: 20px 0px; color: #252525;}

.left-round{width: 12px;height: 12px;border-radius: 30px;background: #13a538;position:absolute;bottom: 7px;left: 0px;}
.right-round{width: 12px;height: 12px;border-radius: 30px;background: #13a538;position:absolute;bottom: -4px;right: 22px;}


.faq-section{padding:0px 0px 30px 0px;}
.faq-section h2{text-align:center; color:var(--green); margin-bottom:20px;}


/* TAB */
.accordion-container{position:relative;display: flex;flex-flow: wrap;}
.accordion-container > h2{text-align:center;color:#fff;padding-bottom:5px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ddd; }

.set, .set2{position:relative;width: 32.6%;height:auto;float: left;margin: 0.5% 0.2%;}
.set > a, .set2 > a{display:block;text-decoration:none;color:#ffffff;transition:all 0.2s linear;border-bottom:1px solid #179d49;background: #179d49;border-radius:8px;font-size:16px;position:relative;/* height: 100%; */font-family:"museo-sans";font-weight:500; display: inline-block; width: 100%;}

.set > a i, .set2 > a i{float:right;margin-top:2px;position: absolute;top: 12px;right: 13px;}
/* .set > a.active, .set2 > a.active{  color:#31a74a;} */

.set > a span, .set2 > a span{height:58%;float:left;width:100%;padding: 13px 30px 15px 15px;position:relative;z-index:9;height: auto;border-radius:8px 8px 4px 4px;}

/* .set > a.active::after, .set2 > a.active::after{content:'';background-image:-moz-linear-gradient( -39deg, rgb(41,164,73) 17%, rgb(233,230,97) 100%);background-image:-webkit-linear-gradient( -39deg, rgb(41,164,73) 17%, rgb(233,230,97) 100%); background-image:-ms-linear-gradient( -39deg, rgb(41,164,73) 17%, rgb(233,230,97) 100%);position:absolute;bottom:0px;left:0px;width:100%;height:100%;border-radius:10px;z-index:0;}*/

.faq-section .fa-plus:before{content:'+';  position:absolute; top:0; right:0; height:calc(100% + 2px); width:40px; border-radius:0px 6px 6px 0px; color:#ffffff;
text-align:center; line-height:40px; font-size:26px; display:flex; align-items:center; justify-content:center; }
.faq-section .fa-minus:before,
.faq-section .active .fa-plus:before{content:'-';color:#31a74a;font-size:46px;position:absolute;top:-2px;font-family:roboto;border-radius:0;font-style:normal;right:15px;background:transparent;}

.content, .content2{display:none;}
.content p, .content2 p{padding:10px 15px;margin:0;color:#4e5452; line-height:26px; font-size:16px; font-family:"museo-sans"; font-weight:500;}
.content ul, .content2 ul{list-style: none;padding: 0px;margin:10px 0px 0px 16px;}
.content ul li, .content2 ul li{color:#575757; line-height:26px; font-size:16px;position: relative; padding-left:15px;margin-bottom: 10px; font-family:"museo-sans"; font-weight:500;}
.content ul li:last-child, .content2 ul li:last-child{margin-bottom: 0px;}
.content ul li:before, .content2 ul li:before{
  content: "\f0da";
  position: absolute;
  top: -1px;
  left: 0px;
  color: #179d49;
  font-family: 'FontAwesome';
  /* border-radius: 20px;
  background: #272727; */
}
.content a{color: var(--green-color);}


/* .set.active_div{width: 98.6%;}
.set + .set.active_div{width: 65.6%;}
.set + .set + .set.active_div{width:32.6%;}

.set + .set + .set + .set.active_div{width: 98.6%;}
.set + .set + .set + .set + .set.active_div{width: 65.6%;}
.set + .set + .set + .set + .set + .set.active_div{width: 32.6%;}

.set + .set + .set + .set + .set + .set + .set.active_div{width: 98.6%;}
.set + .set + .set + .set + .set + .set + .set + .set.active_div{width: 65.6%;}
.set + .set + .set + .set + .set + .set + .set + .set + .set.active_div{width: 32.6%;} */


/* TAB END  */

.footer{background:var(--dgreen); padding:60px 0px 44px 0px; float: left; width: 100%;}
.footer .container{max-width:1400px;}
.footer-top{display:flex; justify-content:space-between;}
.invert-logo img{min-width:181px; max-width: 181px;}
.invert-logo{display: flex; align-items: center;}

.f-right .f-nav{list-style:none; padding:0px; margin:0px; text-align:right;}
.f-right .f-nav li{position:relative; display:inline-block;}
.f-right .f-nav li a{padding:0px 8px; color:var(--white); font-size:14px; line-height: 1.5;}
.f-right .f-nav li:first-child:after{display:none;}
.f-right .f-nav li:after {position:absolute; content:"|"; top:-2px; color:var(--white); font-weight:lighter; left:-4px;}

ul.social-md {margin-bottom:9px; list-style:none; text-align:right;}
ul.social-md li{display:inline-block;}
ul.social-md li a {font-size:25px; padding:0px 8px; color:var(--white);line-height: 1.5;}

.footer-bootm{border-top:solid 1px #ffffff; padding-top:16px; margin-top:11px; display:flex; justify-content:space-between;}
.footer-bootm p{color:var(--white); font-size:12px;}
.footer-bootm .text-right p{text-align:right;}


/* COntact btn */
/*contct-expand*/

#center-text {display: flex; flex: 1; flex-direction:column; justify-content: center; align-items: center; height:100%;}
#chat-circle {position: fixed; bottom: 50px; right: 50px; background: #13a538; width: 46px; border: 2px solid #fff; height: 46px; z-index: 1000; border-radius: 50%; color: white; padding: 28px; cursor: pointer;
box-shadow: 0 0 0 0 rgb(39, 158, 78); transform: scale(0.8); animation: pulse 2s infinite;}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(39, 158, 78, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(39, 158, 78, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(39, 158, 78, 0);
  }
}

div#chat-circle i.fa-phone {transform: translate(-9px, -9px); font-size: 23px;}
.btn#my-btn {background: var(--white); padding: 13px 40px 12px 40px; border-radius: 45px; color: #5865C3;}

#chat-overlay {background: rgba(255,255,255,0.1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; display: none;}
.chat-box:after {position: absolute; content: ""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; right: 34px; bottom: -12px;}
.chat-box {display: none; background: #ffffff; position: fixed; z-index: 1000; right: 30px; bottom: 128px; width: 200px; max-width: 85vw; transition: 0.5s all; max-height: 100vh; border-radius: 12px 12px 0 0;
box-shadow: 0px 17px 26px -2px #0000001f; line-height: 1.5;}

.chat-box-toggle {float:right; margin-right:15px; cursor:pointer;}
.chat-box-header {background: #13a538; height: 51px; border-top-left-radius: 10px; border-top-right-radius: 10px;color: white; text-align: left; font-size: 18px; padding-top: 11px; padding-left: 18px;}
.chat-box-body {position: relative; height:370px; height:auto; overflow: hidden;}
.chat-box-body:after {content: ""; opacity: 0.1; top: 0; left: 0; bottom: 0; right: 0; height:100%; position: absolute; z-index: -1;}

.chat-logs {padding: 15px; display: flex; align-items: center; height: 114px;}
.chat-logs a {display: inline-block; width: 45px; height: 45px; background: var(--green-color); border-radius: 50%; transition: 0.5s all; margin-right: 10px; position: relative;}
.chat-logs a:hover {animation: pulse 2s infinite;}
.chat-logs a i {position: absolute; left: 50%; color: #ffffff; top: 50%; transform: translate(-50% , -50%);}
.chat-logs a span {display: block; font-size: 11px; position: absolute; bottom: -23px; width: 115%; color: #989898;}

.chat-logs::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.chat-logs::-webkit-scrollbar{width: 5px; background-color: #F5F5F5}
.chat-logs::-webkit-scrollbar-thumb{background-color: #5A5EB9;}

.anchrs {margin: auto;}
.ctrm-sp  {color: grey; background: #e4e4e478; padding: 13px; border-radius: 7px; border: 1px solid #cecece;}
#chat-circle .fa-comment {transform: translate(-11px, -11px); font-size: 23px;}
.ctrm-sp a {color: grey; display: block; line-height: 24px; font-size: 13px;}
.chat-logs p {margin-bottom: 9px; font-weight: 700; color: grey;}

/* The Modal (background) */ 
.modal {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 100%;max-width: 800px;height: 90vh;overflow: auto;margin-top: 5vh;}
.close {color: var(--green-color); float: right; font-size: 28px; font-weight: bold; cursor: pointer;}

.tnc-modal ol{margin: 0px 0px 30px 0px; counter-reset: item}
.tnc-modal ol li{ margin-bottom: 5px; display: block}
.tnc-modal ol li, .tnc-modal p{color: #878989; line-height: 30px; font-size: 16px;}
.tnc-modal h4, .tnc-modal h2{color: var(--green-color);}

/* counter css */
.tnc-modal ol > li {display: table; counter-increment: item; margin-bottom: 0.6em;}
.tnc-modal ol > li:before {content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em;}
.tnc-modal ol li ol > li {margin: 10px 0px 10px 0px;}
.tnc-modal ol li ol > li:before {content: counters(item, ".") " ";}
/* counter css end */

.tnc-modal ol li ol li ol{margin:0px; counter-reset: list;}
.tnc-modal ol li ol li ol li{list-style-type:lower-alpha; display: list-item;  list-style: none; position: relative; padding-left: 20px;}
.tnc-modal ol li ol li ol li:before {content: counter(list, lower-alpha) ") "; counter-increment: list; position: absolute;top: 0px;left: 0px;}
 

.terms-table{border-bottom: solid 1px #d7d7d7; border-right: solid 1px #d7d7d7; margin: 10px 0px;}
.terms-table tr td{border: solid 1px #d7d7d7; padding:8px; border-bottom: 0px; border-right: 0px;}

.faq-modal .terms-table{border-bottom: solid 1px #d7d7d7; border-right: solid 1px #d7d7d7; margin: 10px 0px;}
.terms-table tr th{border: solid 1px #d7d7d7; padding:8px; border-bottom: 0px; border-right: 0px; font-size: 14px; color: #272727;}
.terms-table tr td{border: solid 1px #d7d7d7; padding:8px; border-bottom: 0px; border-right: 0px; font-size: 14px; color: #272727;}

.faq-modal h6{margin-bottom: 10px; font-family:"museo-sans"; font-weight:600;}
.faq-modal p{color: #272727;}
.faq-modal a{color: #179d49;}

/* .faq-modal ul{list-style: none;padding: 0px;margin:0px;}
.faq-modal ul li{line-height:26px; font-size:16px;position: relative; padding-left:15px; margin-bottom: 10px;}
.faq-modal ul li:last-child{margin-bottom: 0px;}
.faq-modal ul li:before{content: ''; width: 4px; height: 4px; position: absolute; top: 10px; left: 0px; border-radius: 20px; background: #272727;} */

.mb-0{margin-bottom: 0px;}
.wap-show{display: none;}

.faq-tab .set{width: 100%;}
.faq-tab .set a{color: #ffffff;}
.faq-tab .set p a{color: #179d49;}


/* TNC page */

.sticky .top-section{
  position: fixed;
  box-shadow: 0px 5px 10px #00000017;
  z-index: 999;
  background: #ffffff;
}
.sticky .top-section .top-header{padding: 10px 0px;}
.pt-146 {padding-top: 50px;}

.ftr-links-content {
  position: relative;
  margin-bottom: 55px;
  margin-top: 110px;
}
.ftr-links-content h2 {
  font-size: 24px;
  font-weight: 900;
  color:#13a538;
  line-height: 32px;
  margin-bottom: 20px;
  font-family: 'Muli', sans-serif;
}
.ftr-links-content p {
  color:#878989;
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 23px!important;
}
.ftr-links-content h1 {
  position: absolute;
  top: 16px;
  font-size: 158px;
  color: #ADC6C2;
  font-weight: 800;
  left: -159px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.16;
  width: 415px;
  line-height: 150px;
  font-family: 'Muli', sans-serif;
}
.ftr-links-content h1 {
  top: 45%;
  position: sticky;
  margin-left: -103px;
}
img.pg-image {
  position: absolute;
  bottom: 110px;
  left: -68px;
  width: 492px;
}
img.pg-image {
  left: inherit;
  position: sticky;
  top: 47%;
  right: 29px;
  width: 240px;
  z-index: 100;
}

.ftr-links-content table{border: solid 1px #d7d7d7; width: 100%; border-bottom: 0px; border-right: 0px; margin-bottom: 15px;}
.ftr-links-content table tr td,
.ftr-links-content table tr th{border-right: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7;
  color:#878989;
  line-height: 30px;
  font-size: 16px;
  padding:8px 8px;
}

.qr-code{float: left; margin-top: -45px; width: 100%;}
.qr-code h6{font-family: 'Muli', sans-serif; margin-top: 0px; color: #179d49; font-size: 20px; font-weight: normal;}
.qr-code-main{display: flex; align-items: center;}

.qr-image{margin: 0px; float: left; width: 120px;}
.app-icons{float: left; margin-left:40px; display: flex; flex-direction: column;}
.app-icons a{float: left; width: 160px; margin:5px  0px;}


.rates-modal table{border: solid 1px #d7d7d7; width: 100%; border-bottom: 0px; border-right: 0px; margin-bottom: 15px;}
.rates-modal table tr td,
.rates-modal table tr th{border-right: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; color:#878989; line-height:24px; font-size: 16px;  padding:8px 8px;}
.rates-modal table tr td small{line-height: 18px; display: inline-block;}
.rates-modal table tr td ul{padding: 0px; margin: 0px; padding-left: 20px;}

/* Special Rewards */
.reward-col.w-50{width: 50%;}
.special-rewards{background:#f6f6f6; padding: 50px 0px;}
.special-rewards h2{margin: 0 auto 80px auto; color: #ffffff; background: #179d49; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;padding: 8px 5px; border-radius: 8px;}

.rewad-main{display: flex; flex-wrap: wrap;}
.reward-col{width: 33.33%; text-align: center; padding:1% 2% 2% 2%; border-right:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2;}

.reward-col:nth-child(3),
.reward-col:nth-child(6),
.reward-col:nth-child(9)/* ,
.reward-col:nth-child(8) */{border-right: 0px;}

.reward-col:nth-child(10),
.reward-col:nth-child(7),
.reward-col:nth-child(8),
.reward-col:nth-child(9){border-bottom: 0px;}

.reward-col figure{ height:120px;align-items: center;display: flex;justify-content: center;}
.reward-col figure img{max-height:80px;}

.reward-col h4{min-height: 54px;font-size: 16px;font-family: Arial, Helvetica, sans-serif; font-weight: bold;padding: 0px 60px;color:#2f2f2f;}
.reward-col p{min-height: 66px; font-size: 16px;font-family: Arial, Helvetica, sans-serif; color:#2f2f2f;padding: 0px 14%;line-height: 22px; margin-bottom:15px;}
.reward-col a{font-size: 16px;font-family: Arial, Helvetica, sans-serif; color:#179d49;}


/* Promptbox */
.upgrading-alert{position: fixed;bottom: 0px;left: 0px; right: 0px; width: 100%;background: rgb(0 0 0 / 90%);padding: 20px 0px;z-index: 99999;}
.upgrading-alert p{font-size: 16px; color: #ffffff; line-height: 26px; letter-spacing: 0.5px;}
.upgrading-alert p a:hover{color: var(--gry);}

.close-alert{border: 0px; background: transparent; color: var(--white); font-size: 18px; cursor: pointer; position: absolute; right: 15px; top: 10px;}

.new-offer{padding:0px 0px;text-align: center;background:var(--dgreen);color: white; display: grid; grid-template-columns: 1fr 1fr; align-items: center; justify-content: left; text-align: left;}
.new-offer:nth-child(odd) .of-image{order: 2;}

.new-offer .container{max-width: 800px;}
.new-offer h2{color: #ffffff; font-size: 32px; font-family: Arial, Helvetica, sans-serif; line-height: 40px; position: relative; font-weight: bold;}
.offer-info{color:#ffffff; line-height: 24px; padding: 2rem 0px; word-break: break-word;} 
.offer-info ul{list-style: none; padding: 0px; margin: 0px 0px 15px 0px;}
.offer-info ul li{position: relative;padding-left: 25px;padding-bottom: 3px; text-align: left;}
.offer-info ul li:before{content: ''; transform: rotate(45deg); height: 13px; width: 7px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;--borderWidth: 7px; position: absolute;
left: 4px; top: 5px;}

.offer-info a{color: var(--white);}
.offer-info a:hover{color: #000000;}
.offer-info a:not(:last-child){margin-right: 1rem;}


#myModal2 .modal-content{max-width: 900px;}
.offer-devide{display: flex; flex-direction: column;}
.offer-modal ul{list-style: none;padding: 0px;margin: 0px 0px 20px 0px;position: relative;}
.offer-modal ul li{line-height:26px;font-size:16px;position: relative; padding-left:15px; text-align: left;}
.offer-modal ul li:last-child{margin-bottom: 0px;}
.offer-modal ul li:before{content: '';width: 6px;height: 6px;position: absolute;top: 10px;left: 0px;border-radius: 30px;background: var(--green-color);}

.offer-modal p{margin-bottom:5px;}

.tnc-offer-btn{border: solid 1px var(--white); padding: 0.4rem 1.5rem 0.5rem 1.5rem; display: inline-block; border-radius: 6px;}
.tnc-offer-btn:hover{background:#006621; border:solid 1px #006621;}

.reward-note{
  text-align:center;
  color: #179d49;
  padding: 3rem 10rem 0rem 10rem;
  font-weight: 600;
}





/* COntact btn END */
@media (min-width: 768px){
  .footer .container{max-width: 720px;}
  .ftr-links-content .container {max-width: 720px;}
}
@media (min-width: 992px){
  .footer .container{max-width: 960px;}
  .call-section .container {max-width:960px;}
  .ftr-links-content .container {max-width: 960px;}
}
@media (min-width: 1200px){
  .footer .container{max-width: 1140px;}
  .call-section .container {max-width: 1140px;}
  .ftr-links-content .container {max-width: 1140px;}
  .special-rewards  .container {max-width: 1140px;}
}

@media (min-width: 1024px) and (max-width: 1450px){
  .footer .container {width: 1100px;}
  .call-section .container {max-width: 1100px;}
  .ftr-links-content .container {max-width: 1100px;}
  .special-rewards  .container {max-width: 1100px;}

  .f-right .f-nav li a{font-size: 12px;}
  .footer-bootm p{font-size: 10px;}
  /* .mid-content p{font-size: 14px; line-height: 26px;} */

  .set > a, .set2 > a{font-size: 16px;}
  .content p, .content2 p,
  .content ul li, .content2 ul li{font-size: 14px; line-height: 22px;}
  .footer-bootm p{line-height: 21px;}
  .f-right .f-nav li:after{top: 0px;}

  .call-left p,.call-right ul li{font-size: 18px;}
  .call-right ul li + li + li{border-bottom: 0px;}
  .call-right {padding: 0px 25px 60px 25px;}
  .call-right ul:before {height: calc(100% - 170px);}

}

@media (min-width: 1451px){
  .footer .container{max-width: 1400px;}
  .call-section .container {max-width: 1400px;}
  .ftr-links-content  .container {max-width: 1400px;}
  .special-rewards  .container {max-width: 1400px;}
  .call-right ul li + li + li{border-bottom: 0px;}

}

@media (max-width: 1700px){
  ul.social-md{margin-bottom:9px;}
  .footer{padding-bottom: 43px;}
  .footer-bootm{margin-top: 12px;}

  .reward-col h4{padding: 0px 30px;}
  .reward-col p{padding: 0px 8%;}
}

@media all and (max-width:1460px){
  .container{max-width:1280px;}
  .top-header{padding:20px 0px;}

  .hero-caption span{line-height:200px; font-size:200px;}
  h1{font-size:56px; line-height:65px;}

  .right-round{right: 7px;}

  .qr-code{margin-top: -70px;}
  .app-icons a{width: 140px;}

}

@media all and (max-width:1280px){
  .container{max-width:960px;}
  .faq-section .container{max-width:96%;}
  .hero-caption span{line-height:150px; font-size:150px;}
  h1{font-size:36px; line-height:46px;}
  .hero-caption h1 img {height: 27px; top: -5px;}
  .faq-section{padding-top:0px;}

  ul.social-md{margin-bottom:8px;}
  .invert-logo{margin-top: 1px;}
  .f-right .f-nav li a{line-height: 1.7;}
  .footer-bootm{margin-top:11px;}

  .mid-content p {line-height: 33px; font-size: 20px; width: 60%;}

  .set, .set2 {width: 49.6%;}
  .set.active_div{width: 49.6%!important;}
  .load-correction .container {max-width: 90%;}
  .crnc-top figure {width:90px;}
  .crnc-main-bg {padding: 80px 0px 20px 0px;}

  .call-right ul li{width: 100%;}
  .call-left{width: 60%;}
  .call-right{width: 40%;}
  .qr-code{margin-top: -150px;}

  .call-right ul li + li + li {border-bottom: solid 1px #d9d9d9;}

  .reward-note{padding: 3rem 5rem 0rem 5rem;}

}


@media all and (max-width:960px){
  .hero-caption span {line-height:initial; font-size:100px; margin-top:-29px;}

  .set, .set2 {width: 100%; margin-left: 0px; margin-right: 0px;}
  .set.active_div{width: 100%!important;}

  .load-left h3 {font-size: 24px; line-height: 33px;}
  .load-left p {max-width: 100%; font-size: 16px; line-height: 23px;}
  .load-left {margin-top: 60px; padding: 30px 30px 100px 30px;}

  .crnc-box {display: flex;flex-wrap: wrap;flex-direction: column;}
  .crnc-top p {padding: 10px 0px 0px 5px; font-size: 16px;}
  .crnc-box h6{font-size: 16px;}

  .call-left {width: 60%;}
  .call-right {width: 40%; padding: 0px 0px 25px 25px;}
  .load-correction:before{top:100px;}

    /* Prompt css */
    .close-alert{border:solid 1px var(--white); background:var(--white); color: var(--green); right:10px; top:-10px;}
    .upgrading-alert p {font-size: 15px; line-height: 22px; letter-spacing: 0.2px;}
}


@media all and (max-width:796px){
  .call-right ul:before {height: calc(100% - 148px);}
  .call-left p br{display: none;}
}


@media all and (max-width:767px){
  .wap-hide{display: none;}
  .wap-show{display: block;}
  .mid-content h1{font-size:32px; line-height: 32px; }
  .mid-content h1 span{font-size: 20px;}

  .top-header {padding:10px 0px; text-align: center;}
  .top-section{position:relative;}
  h1{max-width:100%; font-size:30px; line-height:40px;}
  .hero-caption span {font-size:80px;line-height:80px;margin:0;}
  .hero-caption{position:absolute; top:72px;}

  .mid-content {padding:20px 6%;}

  .footer-top{flex-direction:column;}
  .invert-logo{ margin-bottom:15px; display: inline-block;}


  .f-right .f-nav li{padding:5px 0px;}
  .f-right .f-nav li:after{top:5px;}

  ul.social-md, .f-right .f-nav,
  .footer-bootm .text-right p {text-align: left;}

  .footer-bootm{flex-direction:column;}
  .fb-col{text-align:left; margin-bottom:15px;}
  .footer-bootm .text-right{margin-bottom:0px;}
  .footer {padding:40px 0px 20px 0px;}

  .set > a span, .set2 > a span{padding-left:10px; position: initial; height: auto;}
  .set > a, .set2 > a{font-size:14px; display: flex; align-items: center;}
  .faq-section .fa-plus:before{width:30px; font-size:20px; height: 100%;} 

  .set > a.active, .set2 > a.active{overflow: hidden;}
  .set > a.active::after, .set2 > a.active::after{height: 3px; border-radius: 0px 0px 10px 10px;}

  .chat-box {right: 8px;bottom: 154px;}
  #chat-circle {bottom: 76px;right: 22px;}
  .brand-logo img {width: 180px; max-width: 180px;}

  .hero-caption h1 {padding-top: 5%;max-width: 80%;}

  .crnc-box{width: 50%;}
  .crnc-top figure {width: 80px;}
  .crnc-top p {padding: 5px 5px 0px 5px; font-size: 15px;}
  .crnc-main-bg h2{font-size: 26px;}
  .crnc-main-bg {padding: 30px 0px 20px 0px;}
  .crnc-main-bg {background: #25a141 url(../images/map-shape-btm.png) no-repeat center top; background: #25a141 url(../images/map-shape-btm.webp) no-repeat center top;}

  .call-left, .call-right{width: 100%;}
  .call-right {padding: 0px 0px 20px 20px;}
  
  .call-right ul:before,
  .call-left:after,
  .call-right:after{display: none;}

  .right-round {right: 0;bottom: -5px;}
  .call-right:before{left: 0px; width: 100%;}

  .call-left p, .call-right ul li {font-size:18px;line-height:28px;}
  .call-left p{text-align: center;}

  .crnc-box{margin-top: 5px;}
  .crnc-box h6 {font-size:15px; margin-top: 5px;}

  .load-left{width: 100%; margin-top: 0; padding: 20px; margin-bottom: 20px;}
  .load-right{width: 100%;}
  .load-correction .container {max-width: 100%;}
  .faq-section .container {max-width: 100%;}

  .coman-content p {font-size: 16px; line-height: 24px;}
  .coman-content {padding: 30px 0px;}
  .content ul li, .content2 ul li {line-height: 20px; font-size: 14px; padding-left: 15px; padding-right: 10px;}
  .content ul, .content2 ul {margin: 10px 0px 10px 16px;}

  .mid-content p {line-height: 24px; font-size: 16px; width: 100%; letter-spacing: 0.5px;}

  .load-correction:before{top: 29px;}
  .tnc-modal ol li, .tnc-modal p {line-height: 20px!important;font-size: 14px!important;}


  .ftr-links-content h1 {position: inherit; left: inherit; top: inherit; bottom: inherit; transform: none; text-align: center; font-size: 46px; width: auto; line-height: 64px; margin-top: 22px; margin-bottom: 23px;
  margin-left: 0px;}
  img.pg-image{bottom: 0px;}
  .ftr-links-content h2{font-size: 20px;}
  .ftr-links-content{margin-top: 70px;}


  .qr-code{flex-direction: column; margin-top: 25px;}
  .qr-image{width: 60%;}
  .app-icons {margin-left: 0; text-align: center; margin-top:25px;}
  .app-icons a {float: none; width: 45%; margin: 0px 2%; display: inline-block;}

  .qr-code-main{flex-direction: column;}
  .qr-code h6{font-size: 18px; margin-bottom: 20px; text-align: center;}
  .app-icons{display: inline-block;}


  .reward-col figure{height: auto; margin-bottom: 20px;}
  .reward-col{width:100%; border: 0px; border-bottom: solid 1px #e2e2e2!important; padding:30px 20px;}
  .reward-col:last-child{border-bottom: 0px!important;}
  .reward-col h4, .reward-col p{min-height: auto;}
  .reward-col h4 {padding: 0; line-height: 22px;}
  .reward-col p {padding: 0;}
  .special-rewards h2{font-size: 24px; margin: 0px;}

  .reward-col.w-50{width: 100%;}

  .top-section{top: 0px;}

  .offer-devide{flex-direction: column; }
  .offer-modal ul{width: 100%;}
  .offer-modal ul::after{display: none;}

  .reward-note{padding: 3rem 0rem 0rem 0rem;}

  .new-offer{padding:0px 0px; grid-template-columns:1fr; text-align:center;}
  .new-offer:nth-child(odd) .of-image{order:0}
  .new-offer h2 {font-size: 24px; line-height: 30px;}

  .offer-info a:not(:last-child) {margin-right: 0rem; margin-bottom: 1rem;}

}