body{
font-family: 'arial';
}
.topBanner h2.ttlPlate {
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
    padding: 30px 20px 30px;
    margin: 30px 0;
    width: 50%;
    min-height: 170px;
    color: #E6740A!important;
    /*max-width: 350px;*/
    padding-right: 70px;

}

@media (max-width: 1023px){
    .topBanner h2.ttlPlate { 
        background: #fafafa;
        padding: 15px 20px;
        display: block; 
        position: static; 
        line-height: 1.4;
        width: calc(100% + 2px);
        font-weight: bold;
        color: #C75300;
        border: solid 1px #ebebeb;
        min-height: 0;
        margin-top: 126px!important;
         margin-left: -1px;
        margin-bottom: 0;
        max-width: calc(100% + 2px);
        box-sizing: border-box;
    }	
}
.f12 {font-size: 12px; line-height: 16px;}
.f13 {font-size: 13px; line-height: 15px;}
.f15 {font-size: 15px; line-height: 24px;}
.f14 {font-size: 14px; line-height: 22px;}
.f16 {font-size: 16px; line-height: 24px;}
.f17 {font-size: 17px; line-height: 26px;}
.f18 {font-size: 18px; line-height: 26px;}
.f20 {font-size: 20px; line-height: 32px;}
.f21 {font-size: 21px; line-height: 30px;}
.f22 {font-size: 22px; line-height: 30px;}
.f23 {font-size: 23px; line-height: 30px;}
.f24 {font-size: 24px; line-height: 30px;}
.f25 {font-size: 25px;}
.f26 {font-size: 26px; line-height: 40px;}
.f27 {font-size: 27px; line-height: 38px;}
.f28 {font-size: 28px; line-height: 38px;}
.f30 {font-size: 30px; line-height: 40px;}
.f35 {font-size: 35px; line-height: 45px;}
.td-35 {width: 35%;}
.td-30 {width: 30%;}
.td-25 {width: 25%;}
.td-20 {width: 20%;}
.td-15 {width: 20%;}
.td-40 {width: 40%;}

.list-disc {
    list-style-type: disc;
}
.list-disc>li {
    list-style-type: disc;
}
.list-decimal {
    list-style-type: decimal;
}
.list-decimal>li {
    list-style-type: decimal;
}
.list-lower-alpha {
    list-style-type: lower-alpha;
}
.list-lower-alpha>li {
    list-style: lower-alpha;
}
.list-decimal, .list-upper-roman, .list-lower-roman, .list-lower-alpha, .list-disc {
    margin: 0;
    padding-left: 20px;
}
.list-decimal>li, .list-upper-roman>li, .list-lower-roman>li, .list-lower-alpha>li, .list-disc>li {
    margin: 3px 0;
    position: relative;
}

.bcolor {color: #005bac;}
.pcolor {color: #de4083;}
.landing {margin-bottom: 20px;}
.btn-area {text-align: center;}
.btn1 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 13px 40px; height: 60px; line-height: 30px; font-weight: bold; display: inline-block; background-color: #005bac; color: #ffffff; min-width: 100px; text-align: center;}
.btn1:hover {color: #ffffff; background-color: #00388e; }
.btn1 img {float: right; margin-left: 10px; width: 40px; margin-top: -5px;}	 

.btn2 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 13px 10px; height: 60px; line-height: 30px; font-weight: bold; display: inline-block; background-color: #e3740c; color: #ffffff; min-width: 640px; text-align: center;}
.btn2:hover {color: #ffffff; background-color: #d94514; }
.btnarr img {float: right; margin-left: 0px; width: 35px; margin-top: 0px;}	 

.offer-area {margin-top: 50px;}
.offer:after{display:table; clear:both; content:"";}
.oicon {width: 110px; float: left;}
.oicon img {width: 100px; text-align: left; margin-top: -25px;}
.oword {width: 100%; padding-left: 110px;}
.headtop {color: #005bac; font-weight: bold;}
.dec {margin-top: 10px;}
.offer:last-child {margin-top: 50px;}

.stable {border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; margin-top: 20px; margin-bottom: 0px; text-align: center; }
.stable th { background-color: #fff;  border-top: 1px solid #fff; padding: 10px; font-weight: bold;}
.stable td {padding: 10px;}
.stable .bg {background-color: #0167b0; border-top-left-radius: 30px; border-left: 1px solid #fff;  color: #ffffff;   border-right: 1px solid #fff; padding-top: 20px;}
.stable .bg1 {background-color: #0167b0; color: #fff; border-top-right-radius: 30px;}
.stable .bg2 {background-color: #004a8f; color: #fff;}
.stable .bg3 {background-color: #00426b; color: #fff;}
.stable tr td {border-bottom: 1px solid #0167b0;}
.stable .bottom {border-bottom: 3px solid #0167b0;}

.ptable {border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; margin-top: 20px; margin-bottom: 0px; text-align: center; }
.ptable th { background-color: #fff;  border-top: 1px solid #fff; padding: 10px; font-weight: bold;}
.ptable .bg {background-color: #de4083; border-top-left-radius: 30px; border-left: 1px solid #fff;  color: #ffffff;   border-right: 1px solid #fff; padding-top: 20px;}
.ptable .bg1 {background-color: #de4083; color: #fff; border-top-right-radius: 30px;}
.ptable .bg2 {background-color: #b73579; color: #fff;}
.ptable .bg3 {background-color: #a53876; color: #fff;}
.ptable .bg4 {background-color: #de4083; color: #fff; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; padding-bottom: 20px;}
.ptable .bg4 img {width: 25px; margin-bottom: 10px;margin-top: 10px;}
.ptable tr td {border-top: 1px solid #de4083;}
.ptable td {padding: 10px;}

.backgroundba {background: rgb(230,241,255); background: linear-gradient(180deg, rgba(230,241,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); margin-top: 50px;}
.outside {background-color: #de4083; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 0 8px; width: 500px; margin: 0 auto;}
.outside1 {background-color: #de4083; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 0 8px; width: 400px; margin: 0 auto;}
.wside {background-color: #ffffff; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 0 5px;}
.inside {background: rgb(0,66,107);
background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;  text-align: center; color: #ffffff; font-weight: bold; }

.shine-animation {
  background-color: rgba(255,255,255, 0.0);
  background: linear-gradient(135deg, rgba(255,255,255, 0.0) 0%, rgba(255,255,255, 0.0) 40%, rgba(255,255,255, 0.7) 50%, rgba(255,255,255, 0.0) 60%, rgba(255,255,255, 0.0) 100%);
  background-size: 150% 100%;
  background-position: 100% 50%;
  animation: animation-shine 2s 0s infinite;
  border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 15px 20px; text-align: center; height: 80px; padding-top: 20px;
}

@keyframes animation-shine {
  0% {
    background-position: 130%;
  }
  100% {
    background-position: -100%;
  }

}

.shine-animation2 {
  background-color: rgba(255,255,255, 0.0);
  background: linear-gradient(135deg, rgba(255,255,255, 0.0) 0%, rgba(255,255,255, 0.0) 40%, rgba(255,255,255, 0.7) 50%, rgba(255,255,255, 0.0) 60%, rgba(255,255,255, 0.0) 100%);
  background-size: 150% 100%;
  background-position: 100% 50%;
  animation: animation-shine2 2s 0s infinite;
	border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 15px 20px; text-align: center;
}

@keyframes animation-shine2 {
  0% {
    background-position: 130%;
  }
  100% {
    background-position: -100%;
  }

}

.oarea {margin-top: 40px;}
.offera:after{display:table; clear:both; content:"";}
.giftbox {width: 50px; float: left;}
.giftbox img {width: 40px;}
.giftword {width: 100%; padding-left: 50px;}
.ghead {color: #005bac; font-weight: bold;}
.bfont {font-size: 34px;}

.offertable {margin-top: 20px;}
table.dltrc {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  border: solid #de4083 1px;
  border-radius: 15px;
}
tr.dlinfo, td.dlinfo {text-align: center; padding: 10px}
td.lefeline {border-right: 1px solid #de4083;}
td.topline {border-top: 1px solid #de4083;}
td.bg:first-child {background-color: #de4083; border-bottom-left-radius: 14px; border-right: 1px solid #ffffff; color: #ffffff; font-weight: bold;}
td.bg:last-child {background-color: #de4083; border-bottom-right-radius: 14px; color: #ffffff; font-weight: bold;}
td.dlinfo:first-child, 
td.dlheader:first-child {border-left: none;}
td.dlheader:first-child {border-radius: 15px 0 0 0;}
td.dlheader:last-child {border-radius: 0 15px 0 0;}
td .pfont {color: #de4083; font-size: 21px; line-height: 30px;}
td .pfont1 {color: #de4083; font-size: 28px; line-height: 30px;}
.sicon {float: left; }
.sicon img {width: 30px; margin-left: -26px;}
.sicon1 {float: right;}
.sicon1 img {width: 30px; margin-right: -26px;}

.offerarea {display: flex; flex-wrap: wrap; margin-top: 20px;}
.offerside {width: 50%;}
.offerside:first-child {padding-right: 10px;}
.offerside:last-child {padding-left: 10px;}
.pbox {border: 2px solid #de4083; border-radius: 12px; width: 100%; padding: 20px;}
.offerword {padding: 10px; text-align: center;}
.offerdollar {padding: 10px; background-color: #de4083; border-radius: 10px; text-align: center; color: #ffffff;}

.leftword {width: 35%; float: left;}
.leftborder {border-right: 2px solid #de4083;}
.midword {width: 20%; text-align: center; float: left; padding-top: 60px;}
.midplus {width: 5%; text-align: center; float: left; padding-top: 60px;}
.rightword {width: 40%; text-align: center; float: left;}
.pline {border-top: 1px solid #949598; margin: 5px 10px;}
.bword {text-align: center;}
.topword {padding-top: 10px;}

.point-area {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.point-col {width: 33.33%; height: 380px;}
.point-col a {text-decoration: underline; color: #005bac;}
.point-col .phead a:hover {color: #2b4e97;}
.point1 {text-align: center;}
.point1 img {width: 140px;}
.phead {text-align: center; font-weight: bold; margin: 10px 0;}
.pdec {text-align: center;  line-height: 30px;}
.pdec a {text-decoration: underline; color: #000000;}
.pdec a:hover {color: #2b4e97;}
.pdec b {font-size: 23px;}
.pborderr {border-right: 1px solid #8e8e8e; }
.pborderl {border-left: 1px solid #8e8e8e; }
.topmp {margin-top: 40px;}

.backgroundga {background: rgb(236,236,236); background: linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); margin-top: 120px; border-top: 2px solid #e3740c; }
.outhead {height: 92px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 700px; margin: 0 auto; margin-top: 50px;}
.insdhead {height: 80px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 20px; font-weight: bold; }
.outheado {height: 92px; border-radius: 46px; border: 2px solid #de4083; background-color: #ffffff; padding: 4px; width: 450px; margin: 0 auto; margin-top: 50px;}
.insdheao {height: 80px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff;  font-weight: bold; }
.outheadfaq {height: 92px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 380px; margin: 0 auto; margin-top: 50px;}
.insdheadfaq {height: 80px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 20px; font-weight: bold; }
.outheadfaq img {width: 110px; margin-top: -10px; margin-right: 10px;}


.outheadstep1 {height: 92px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 700px; margin: 0 auto; margin-top: 50px;}
.insdheadstep1 {height: 80px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 5px; font-weight: bold; }

.outheadstep2 {height: 112px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 700px; margin: 0 auto; margin-top: 50px;}
.insdheadstep2 {height: 100px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 10px; font-weight: bold; }


.step-area {margin-top: 40px;}
.step-area:after{display:table; clear:both; content:"";}
.step {width: 29%; float: left;}
.stepm {width: 6.5%; float: left;}
.sbox {width: 100%; border-radius: 20px; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); padding: 15px 20px;  position: relative;  transition: transform .2s; /* Animation */ height: 340px;}
.sbox:hover {transform: scale(1.1);}
.cicon img {width: 80px;}
.cdec {margin-top: 20px;}
.circle {height: 46px; width: 46px; border: 2px solid #005bac; border-radius: 23px; text-align: center; font-size: 20px; line-height: 42px; color: #e3740c; font-weight: bold;  position: absolute;  right: 20px; bottom: 20px;}
.arro {text-align: center; padding-top: 160px;}
.arro img {width: 30px;}

.bgm {margin-top: 20px;}
.bgm:after {display:table; clear:both; content:"";}	
.head:after {display:table; clear:both; content:"";}	
#faq .head {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    background-color: #ffffff;
    width: 100%;
    padding: 20px 30px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    transition: background-color -0.3s, color -0.3s;
}

#faq .arr {height: 15px; float: right;  margin-top: 10px; transition: transform 0.5s;}
#faq .rotate {
    transform: rotate(180deg); /* Change this value to adjust the rotation angle */
}
#faq .open {
    background-color: #005bac; /* Change to your desired background color */
    color: #ffffff; /* Change to your desired text color */
	border: 1px solid #005bac;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#faq .circleo {height: 30px; width: 30px; background-color: #e3740c; color: #ffffff; border-radius: 15px; text-align: center; font-size: 16px; line-height: 30px;  font-weight: bold; float: left; margin-right: 10px;}
#faq .qdec {padding-left: 40px; margin-top: 5px; padding-right: 40px;}
#faq .farr {margin-top: 0px; float: right;}
#faq .borderdown {border-bottom: 1px solid #005bac; border-left: 1px solid #005bac; border-right: 1px solid #005bac;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px;}
.offer-Remark a {color: #005bac; text-decoration: underline;}
#shareContent{margin-top: 20px; border-top: 0px solid #666; padding-top: 20px;}

.tr {width: 15px; float: left;}
.tl {width: 100%; padding-left: 15px;}
.mtop3 {margin-top: -10px;}	
.mtop2 {margin-top: 20px;}

.desktop1 {display: block;}
.mobile1 {display: none;}

.desktop2 {display: block;}
.mobile2 {display: none;}

.break1 {display: none;}

#faq .arrtop1 {margin-top: 10px;}	

 @media screen and (max-width: 1023px) {
.break1 {display: block;}	 
.mtop1 {margin-top: 30px;}
.offerword {height: 100px;}
.point-col {height: 370px;}
.pdec {line-height: 23px;}
.outhead {width: 480px; height: 102px;}
.insdhead {padding-top: 5px; height: 90px;}	 
.sbox {height: 400px;}
.arro {text-align: center; padding-top: 200px;}
.leftword {width: 30%; float: left;}
.leftborder {border-right: 2px solid #de4083;}
.midword {width: 25%; text-align: center; float: left; padding-top: 96px;}
.midplus {width: 5%; text-align: center; float: left; padding-top: 96px;}
.rightword {width: 40%; text-align: center; float: left;}
.topword {padding-top: 20px;}	 
}

 @media screen and (max-width: 768px) {	 
.outheadstep1 {height: 142px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 500px; margin: 0 auto; margin-top: 50px;}
.insdheadstep1 {height: 130px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 5px; font-weight: bold; }
.outheadstep2 {height: 142px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 500px; margin: 0 auto; margin-top: 50px;}
.insdheadstep2 {height: 130px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 5px; font-weight: bold; }	 
#faq .arrtop2 {margin-top: 10px;}
.desktop2 {display: none;}
.mobile2 {display: block;}		 
.oicon {width: 80px; float: left;}
.oicon img {width: 70px; text-align: left; margin-top: -10px;}
.oword {width: 100%; padding-left: 80px;}	
.offerside {width: 100%;}
.offerside:first-child {padding-right: 0px;}
.offerside:last-child {padding-left: 0px; margin-top: 20px;}
.point-col {width: 100%; height: auto;}	
.pborderr {border-right: 0px solid #8e8e8e;}
.pborderl {border-left: 0px solid #8e8e8e;}
.pbordert {border-top: 1px solid #8e8e8e; padding-top: 20px;}
.break1 {display: none;}	
.step {width: 100%; float: none;}
.stepm {width: 100%; float: none;}	
.sbox {height: 260px;}
.arro {text-align: center; padding-top: 20px; padding-bottom: 20px;}
.arro img {width: 30px;}
.arr {height: 15px; float: right; margin-top: 10px; transition: transform 0.5s;}
.btn2 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 13px 10px; height: 90px; line-height: 30px; font-weight: bold; display: inline-block; background-color: #e3740c; color: #ffffff; min-width: 300px; text-align: center;}	 
	 
.leftword {width: 100%; float: none; padding-bottom: 20px; text-align: center;}
.leftborder {border-right: 0px solid #de4083; border-bottom: 2px solid #de4083;}
.midword {width: 100%; text-align: center; float: none; padding-top:20px;}
.midplus {width: 100%; text-align: center; float: none; padding-top: 10px; padding-bottom: 10px;}
.rightword {width: 100%; text-align: center; float: none;}
.pline {border-top: 1px solid #949598; margin: 5px 10px;}	
.topword {padding-top: 0px;}		 
}

 @media screen and (max-width: 540px) {
.f30 {font-size: 26px; line-height: 30px;}	 
#faq .arrtop3 {margin-top: 10px;}
.outheadstep1 {height: 182px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 330px; margin: 0 auto; margin-top: 50px;}
.insdheadstep1 {height: 170px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 5px; font-weight: bold; }
.outheadstep2 {height: 182px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 330px; margin: 0 auto; margin-top: 50px;}
.insdheadstep2 {height: 170px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 5px; font-weight: bold; }	 
}
 @media screen and (max-width: 468px) {
.outheadfaq {height: 92px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 330px; margin: 0 auto; margin-top: 50px;}
.insdheadfaq {height: 80px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 0px; font-weight: bold; }
.outheado {width: 320px; height: 92px;}	 
.shine-animation2 {
  background-color: rgba(255,255,255, 0.0);
  background: linear-gradient(135deg, rgba(255,255,255, 0.0) 0%, rgba(255,255,255, 0.0) 40%, rgba(255,255,255, 0.7) 50%, rgba(255,255,255, 0.0) 60%, rgba(255,255,255, 0.0) 100%);
  background-size: 150% 100%;
  background-position: 50% 50%;
  animation: animation-shine2 2s 0s infinite;
	border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 15px 20px; text-align: center;
}

@keyframes animation-shine2 {
  0% {background-position: 150%;}
  100% { background-position: -150%;}
	 }	 
	 
.f27 {font-size: 25px; line-height: 35px;}	 
.ptop1 {padding-top: 20px;}	 
.outhead {width: 320px; height: 132px; margin-top: 60px;}
.insdhead {padding-top: 5px; height: 120px;}
.outside {width: 320px;}
.outside1 {width: 320px;}
.desktop1 {display: none;}
.mobile1 {display: block;}	 
.stable th {padding: 5px;}
.stable td {padding: 2px;} 
.ptable th {padding: 5px;}
.ptable td {padding: 2px;} 	
	 
#faq .head {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    background-color: #ffffff;
    width: 100%;
    padding: 20px 15px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    transition: background-color -0.3s, color -0.3s;
}
#faq .rotate {
    transform: rotate(180deg); /* Change this value to adjust the rotation angle */
}
#faq .open {
    background-color: #005bac; /* Change to your desired background color */
    color: #ffffff; /* Change to your desired text color */
	border: 1px solid #005bac;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}	 

.oicon {width: 100%; float: none; text-align: center;}
.oicon img {width: 70px; text-align: left; margin-top: 0px;}
.oword {width: 100%; padding-left: 0px; }
.headtop {text-align: center;}
.giftbox {width: 40px; float: left;}
.giftbox img {width: 30px;}
.giftword {width: 100%; padding-left: 40px;}	
.sbox {height: 300px;}	
#faq .arrtop2 {margin-top: 25px;}
#faq .arrtop1 {margin-top: 35px;}
 
}

 @media screen and (max-width: 388px) {
	 
.btn2 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 10px 20px; height: 80px; line-height: 26px; font-weight: bold; display: inline-block; background-color: #e3740c; color: #ffffff; min-width: auto; text-align: center;}
.btn2 img {margin-top: 10px;}	 
}


.bg1 {background-color: #eefeff; padding: 30px 0px 0px ;}
.bg2 {background-color: #eefeff; padding: 30px 0px 30px ;}
.newland {color: #0767a6; font-weight: bold; }
.newbfont {font-size: 36px;}
.newofferarea {margin-top: 60px; margin-bottom: 80px;}
.newofferarea:after{display:table; clear:both; content:"";}
.newoffer {width: 460px; float: left; }
.newoffer:first-child {padding-right: 10px;}
.newoffer:last-child {padding-left: 10px;}
.newplus {width: 40px; float: left; text-align: center; padding-top:80px;}
.newofferbox1 {width: 396px; height: 195px; background:url("offer1.png"); background-position: no-repeat center fixed; background-size: cover; position: relative; float: right;}
.newofferbox2 {width: 396px; height: 195px; background:url("offer2.png"); background-position: no-repeat center fixed; background-size: cover; position: relative; float: left;}

.ptable-new {border-spacing: 0; border: 3px solid #de4083; border-collapse: collapse; margin-top: 20px; margin-bottom: 0px; text-align: center;  border-top-left-radius: 20px; border-top-right-radius: 20px;}
.ptable-new th { border: 1px solid #de4083; padding: 10px; font-weight: bold;}
.ptable-new td {border: 1px solid #de4083; padding: 10px;}

.ptable-new table {border-style: hidden;}
.mboxarea:after {display:table; clear:both; content:"";}
.mboxarea {margin-top: -30px;}
.people1 {position: relative; padding-bottom: 70px;}
.people1:after {display:table; clear:both; content:"";}	
.nonbox {width: 195px; float: left;}
.pofferbox {width: 382px; float: left; padding-left:10px; padding-right:10px;}
.pinkbox {width: 320px; background: rgb(239,164,193);
background: radial-gradient(circle at 50% -20%, rgba(239,164,193,1) 0%, rgba(228,96,152,1) 20%, rgba(206,25,114,1) 100%); text-align: center; border-radius: 20px; box-shadow:3px 6px 15px rgba(0, 0, 0, 0.7); padding: 25px; margin: 0 auto;}
.pinkbox img {width: 260px;}
.stockword {padding: 20px 20px 10px ; }

.man {position: absolute; bottom: 0px; left: 0px;}
.man img {height: 280px;}
.otheroffer-area {margin-top: 60px; position: relative; padding-bottom: 40px;}
.woman {position: absolute; bottom: 0px; right: 0px;}
.tcword {padding-right: 200px;}

.offer-a {text-align: center;}
.offer-a img {width: 700px; margin: 20px 0;}
.table-a {position: relative;}
.ptable-off table {border-style: hidden;}
.ptable-off {border-spacing: 0; border: 3px solid #0167b0; border-collapse: collapse; margin-top: 20px; margin-bottom: 0px; text-align: center;  border-radius: 30px;}
.ptable-off th {padding: 10px 10px; font-weight: bold;}
.ptable-off td {padding: 15px 10px; }
.ptable-off .bg {background-color: #0167b0; color: #fff; border-top-left-radius: 26px; border-right: 1px solid #fff;}
.ptable-off .bg1 {background-color: #0167b0; color: #fff; border-top-right-radius: 26px;}
.ptable-off .bg2 {background-color: #004a8f; color: #fff;}
.ptable-off .bg3 {background-color: #00426b; color: #fff;}
.ptable-off .bg4 {background-color: #00426b; color: #fff;  border-bottom-left-radius: 26px;}
.ptable-off .bright {border-right: 1px solid #fff;}
.ptable-off .btop {border-top: 1px solid #fff;}
.ptable-off .blueline {border-right: 1px solid #0167b0;}
.ptable-off .bm {margin-bottom: 50px;}

.offera { margin-left: 290px; margin-top: 60px;}	 

.coins1 {position: absolute; top: 75px; left: 35px;}
.coins1 {-webkit-animation: action1 1.5s infinite  alternate; animation: action1 1.5s infinite  alternate; }
@-webkit-keyframes action1 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes action1 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.coins2 {position: absolute; top:75px; left: 130px;}
.coins2 {-webkit-animation: action2 2s infinite  alternate; animation: action2 2s infinite  alternate; }
@-webkit-keyframes action2 {
    0% { transform: translateY(0); }
    50% { transform: translateY(10px); }
}

@keyframes action2 {
    0% { transform: translateY(0); }
    50% { transform: translateY(10px); }
}

.coins3 {position: absolute; top: -10px; right: 110px;}
.coins3 {-webkit-animation: action3 2s infinite  alternate; animation: action3 2s infinite  alternate; }
@-webkit-keyframes action3 {
    10% { transform: translateY(0); }
    100% { transform: translateY(8px); }
}

@keyframes action3 {
    10% { transform: translateY(0); }
    70% { transform: translateY(5px); }
}

.coins4 {position: absolute; top: -20px; left: 95px;}
.coins4 {-webkit-animation: action4 1.5s infinite  alternate; animation: action4 1.5s infinite  alternate; }
@-webkit-keyframes action4 {
    100% { transform: translateY(0); }
    0% { transform: translateY(-10px); }
}

@keyframes action4 {
    100% { transform: translateY(0); }
    0% { transform: translateY(-10px); }
}

.chart1 {position: absolute; bottom: 0px; left: 85px;}
.chart1 {-webkit-animation: Rotate 3s infinite  alternate; animation: Rotate 3s infinite  alternate; }
@-webkit-keyframes Rotate {
  0%, 100% {
    -webkit-transform:  rotate(0deg);
            transform:  rotate(0deg);
  }
  50% {
    -webkit-transform:  rotate(5deg);
            transform:  rotate(5deg);
  }
}

@keyframes Rotate {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform:  rotate(0deg);
  }
  50% {
    -webkit-transform:  rotate(5deg);
            transform: rotate(5deg);
  }
}

.chart2 {position: absolute; top: 135px; right: -25px;}
.chart2 {-webkit-animation: action3 2s infinite  alternate; animation: action3 2s infinite  alternate; }
@-webkit-keyframes action3 {
    10% { transform: translateY(0); }
    100% { transform: translateY(8px); }
}

@keyframes action3 {
    10% { transform: translateY(0); }
    70% { transform: translateY(5px); }
}


 @media screen and (max-width: 1023px) {
.newoffer {width: 340px; float: left; }
.newofferbox1 {width: 340px; height: 168px;}	
.newofferbox2 {width: 340px; height: 168px;}
.nonbox {width: 20%;}	 
.pofferbox {width: 280px;}
.pinkbox {width: 240px; padding: 15px;}		 
.bottombox img {width: 200px;}
.man img {height: 220px;}
.offera { margin-left: 220px;}
.chart2 {position: absolute; top: 165px; right: -25px;}
.chart2 img {height: 125px;}	 
.chart1 {position: absolute; bottom: 0px; left: 55px;}
.chart1 img {height: 65px;}	 
.coins1 {position: absolute; top: 75px; left: 25px;}	 
.coins2 {position: absolute; top:75px; left: 90px;}
.coins4 {position: absolute; top: -20px; left: 85px;}	
.pinkbox img {width: 200px;}
.otheroffer-area {margin-top: 60px; position: relative; padding-bottom: 40px;}	
.desktop {display: none;}
.mobile {display: block;}	 	 
}

 @media screen and (max-width: 750px) {
.newoffer {width: 340px; float: none; margin: 0 auto;  }
.newplus {width: 40px; float: none; text-align: center; padding-top:40px; padding-bottom: 40px; margin: 0 auto;}
.newofferbox1 {float: none; margin: 0 auto;}	
.newofferbox2 {float: none; margin: 0 auto;}	 
.nonbox {width: 20%;}	 
.pofferbox {width: 40%;}
.bottombox {padding:5px;}	 
.bottombox img {width: 100%;}
.man img {height: 220px; display: none;}
.offera { margin-left: 0px; margin: 0 auto; margin-top: 30px;}
.pinkbox {width: 100%; padding: 15px;}
.pinkbox img {width: 100%;}	 
.offer-a img {width: 400px; margin: 20px 0;}	 	 
}

 @media screen and (max-width: 680px) {
.woman {position: absolute; bottom: 0px; right: 0px; display: none;}
.tcword {padding-right: 0px;} 
.stockword {padding: 5px ; }	 
 
}

 @media screen and (max-width: 550px) {
.f25 {font-size: 21px; line-height: 30px;}	 	 
.f35 {font-size: 23px; line-height: 34px;}		 
.newofferarea {margin-top: 30px; margin-bottom: 60px;}
.offer-a img {width: 100%; margin: 20px 0;}	 
.ptable-off th {padding: 5px; font-weight: bold;}
.ptable-off td {padding: 5px; }	
.pinkbox {width: 100%; padding: 5px;}
.f23 {font-size: 18px; line-height: 28px;}
.nonbox {width: 30%;}
.pofferbox {width: 35%;}	 
}