* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body {font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal;  margin: 0;padding: 0;font-size: 14px;background: #fff;line-height: 1; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;font-weight: bold; font-style: normal; }
p, span, a {font-family: 'Roboto', sans-serif; }
ul,ol{list-style: none;margin: 0;padding: 0;font-family: 'Roboto', sans-serif; }


.btn {min-width: 152px;min-height: 42px; background-color: #ddd; border-radius: 3px; border-width: 0px; border-color: transparent; font-family: 'Roboto', sans-serif; font-weight: 500; font-style: normal; color: #fff; font-size: 16px; letter-spacing: 0px; transition: all 0.2s ease 0s; text-transform: uppercase;line-height: 28px;padding: 8px;display: inline-block;}
.btn:hover {background: transparent;}
.btn:focus {box-shadow: none;}

.btn.btn-primary {background: #78BC1E; color: #fff;}
.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active {background: #649f16; border-color: #649f16;}

.btn.btn-green {background: rgb(120,188,30);color: #fff;}
.btn.btn-green:hover,.btn.btn-green:focus,.btn.btn-green:active {background: rgb(33,47,60); border-color: rgb(33,47,60);}

.btn.btn-purple {background: rgb(103, 57, 244);color: #fff;}
.btn.btn-purple:hover,.btn.btn-purple:focus,.btn.btn-purple:active {background: rgb(90,46,234); border-color: rgb(90,46,234);}

.btn.btn-pink {background: #EA3C7B;color: #fff;}
.btn.btn-pink:hover,.btn.btn-pink:focus,.btn.btn-pink:active {background: #ce2b66; border-color: transparent;}


.font-weight-500{font-weight: 500 !important;}

.form-group{margin: 0 0 15px;position: relative;}

.msgError{color: #1F2F3E; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: italic; font-size: 10px; line-height: 16px;position: absolute;top: 60px; left: 0; display: block;}

/*label*/
.label {font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; color: #063456;line-height: 17px;font-size: 14px;}
.label sup{color: #EC1C24;font-size: 14px;line-height: 17px;}

/*form-control*/
.form-control{font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; color: rgb(147, 147, 147); font-size: 16px; letter-spacing: -0.6px; min-height: 40px; width: 100%; background-color: #fff; border-radius: 4px; border: 1px solid #ddd;}
.form-control:hover,.form-control:focus{outline: 0;box-shadow: none;}
.input-group-text {background-color: #F5F5F5;border-color: #ddd;}

.registration-success{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0 auto;text-align:center}.registration-success .title{margin-top:0;font-weight:600}.registration-success .register-status-icon{width:58px;height:58px;border-radius:50%;margin:30px auto;position:relative;border:solid 4px #78bc1e}.registration-success .register-status-icon:after{content:'';display:block;position:absolute;top:50%;left:50%;width:11px;height:29px;margin-top:-19px;margin-left:-4px;border:solid #78bc1e;border-width:0 4px 4px 0;transform:rotate(45deg)}.registration-success .text{color:#9099a3}

.form-group span.custom,.form-group span.error{display:block;margin-top:4px;font-size:14px;color:#e73570}.form-group input.custom,.form-group input.error{box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.12);border:solid 1px #e73570}

/*placeholder*/
::-webkit-input-placeholder {color: rgba(147, 147, 147, 0.6);}
:-ms-input-placeholder {color: rgba(147, 147, 147, 0.6);}
::placeholder {color: rgba(147, 147, 147, 0.6);}


/*tab-bx*/
.tab-bx{position: relative;display: block;}
.tab-bx .nav-tabs {border:0;}
.tab-bx .nav-tabs .nav-item {color: #A5A5A5;font-weight: 400;font-size: 20px;line-height: 24px;font-family: 'Roboto', sans-serif; border:0;border-bottom: 2px solid transparent;background-color: transparent;}
.tab-bx .nav-tabs .nav-item.active {color: #606060;font-weight: bold;border-color: #78BC1E}
.tab-bx .tab-content {padding: 25px 20px;display: block;}


/*chk-bx*/
.chk-bx {margin: 0 0 11px;}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {position: absolute; left: -9999px; }
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {position: relative; padding-left: 36px; cursor: pointer; color:#063456;font-size: 21px;line-height: 25px; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; margin: 0;}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 0; top: 0; width: 22.11px; height: 22.11px; border: 2px solid #063456; background: #fff; }
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {content: ''; position: absolute; top: -3px; left: 8px; background: url("../img/icon-true.svg") no-repeat; background-size: contain; transition: all .2s; width: 18.44px; height: 18.43px; }
[type="checkbox"]:checked + label:before {background: url("../img/icon-squre.svg") no-repeat; background-size: contain; border: 0 }
[type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1); }




/* header */
header.navbar{z-index: 9;background: #fff;width: 100%;top: 0;border: none;left: 0;right: 0;border-color: rgb(237, 248, 252);height:98px;padding: 0px 15px;}
header.navbar .navbar-brand{margin: auto 0;padding: 0;position: relative;}
header.navbar ul li.nav-item {padding: 0 18.5px;}
header.navbar ul li.nav-item .btn.btn-open-account {margin: 18.5px 0;}
header.navbar ul li.nav-item a.nav-link {color: #063456; font-family: 'Roboto', sans-serif; font-weight: 600; font-style: normal; font-size: 18px; letter-spacing: 0px;line-height: 28px;padding: 0px 0;position: relative;}
header.navbar ul li.nav-item a.nav-link:after {background-color: #78BC1E; content: "";position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);display: none;height: 2px;width: 100%;z-index: 2;}
header.navbar ul li.nav-item:hover a.nav-link,
header.navbar ul li.nav-item.active a.nav-link{text-decoration: none;color: #063456;}
header.navbar ul li.nav-item:hover a.nav-link:after,header.navbar ul li.nav-item.active a.nav-link:after {display: block;} 

header.navbar .navbar-toggler {padding: 0;border: 0;background-color: transparent;outline: 0;box-shadow: none; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
header.navbar .navbar-toggler.collapsed .navbar-toggler-icon {background-image:url('../img/icon-menu.svg');}
header.navbar .navbar-toggler .navbar-toggler-icon {background-image:url('../img/icon-close.svg');}

header.navbar ul li .language-btn {display: flex; flex-wrap: wrap; position: relative;}
header.navbar ul li .language-btn .lnkLanguage {width: auto;cursor: pointer; border: 0px; margin: auto 0;font-size: 18px; box-shadow: none; background: none; padding: 0 30px 0px 18.5px; display: flex; flex-wrap: wrap; position: relative;line-height: 28px;color:#063456; font-family: 'Roboto', sans-serif; font-weight: 600;}
header.navbar ul li .language-btn .lnkLanguage:after {content:""; position: absolute;top: 50%;transform: translateY(-50%);right: 5px; z-index: 1; width: 15.9px;height: 7.95px; background: url(../img/arrow-right.svg) center no-repeat;background-size: contain;}
header.navbar ul li .language-btn .dropdown-menu-right {background: #202f3d; min-width: 4rem;padding: 0;}
header.navbar ul li .language-btn .dropdown-menu-right .dropdown-item {color: #fff;border: 0;border-bottom: 1px solid #ddd;padding: 1rem 1.5rem;cursor: pointer;}
header.navbar ul li .language-btn .dropdown-menu-right .dropdown-item:last-child {border: 0;}
header.navbar ul li .language-btn .dropdown-menu-right .dropdown-item:hover {background: #525252;}
header.navbar ul li .language-btn .dropdown-menu-right .dropdown-item:focus {outline: 0;box-shadow: none;}
header.navbar ul li .btn.btn-open-account{margin-left: 18.5px;}


/* footer */
footer {background: #fff;padding: 25px 0 30px;}
footer .links-sec{border-width:1px;border-style: solid;border-left: 0; border-right: 0; border-color: #78BC1E;display: block;padding: 10.5px 0 12.5px;margin: 14.5px 0 23.5px;}
footer ul {margin: 0;padding: 0;list-style: none;}
footer ul li{margin: 0 15px 0 0;padding: 0;}
footer ul li:last-child{margin: 0px;}
footer ul li a{color:#202F3D;font-size: 16px; font-weight: 500;font-family: 'Roboto', sans-serif;text-decoration: none;text-transform: capitalize;line-height: 28px;border-right: 2px solid #78BC1E;padding-right: 15px;}
footer ul li:last-child a{border-right: 2px solid transparent;padding-right: 0;}
footer ul li a:hover{color:rgb(142,209,50);text-decoration: none;}
footer ul.social-links{margin: 0 -5.5px;}
footer ul.social-links li{margin: 0 5.5px;padding: 0;}
footer ul.social-links li a{display: block;padding: 0;border:0;transition: .5s all;}
footer ul.social-links li a:hover{transform: rotate(360deg);}
footer p{color:rgba(32, 47, 61, .7); line-height: 23px; font-size: 16px;margin:0px 0 0;display: block; font-family: 'Roboto', sans-serif; font-weight: 300;line-height: 24px;}
footer p b{font-weight: 600;}
footer p a{color:rgba(32, 47, 61, .7);text-decoration: none;}
footer p a:hover{color:rgb(142,209,50);text-decoration: underline;}


/* banner */
.banner-bx {display: block; width: 100%; background: #fff; position: relative; overflow: hidden;/*padding: 98px 0 0;*/height: 652.21px;}
.banner-bx .bb-left {width: 70%; position: relative;z-index: 1;}
.banner-bx .bb-left:before{content:""; display: block;z-index: -1; width: 100%; position: absolute; overflow: hidden;top: 0;right: 0;left:0;bottom: 0;height: 100%;}
.banner-bx .bb-left .bbl-text{width: 78.9%;}
.banner-bx .bb-left h3{font-family: 'Roboto', sans-serif;font-weight: bold; font-size: 45px; line-height: 50px;color: #063456;margin: 0;padding: 72px 0 0px;max-width: 461px;}
.banner-bx .bb-left h3 span{font-family: 'Roboto', sans-serif;font-weight: bold; font-size: 68px; line-height: 60px;color: #78BC1E;margin: 10px 0;display: block;}
.banner-bx .bb-right{width: 30%; position: relative;}
.banner-bx .bb-right .acc-bx{width: 100%; position: relative;z-index: 1;height: 326px;padding: 61px 0 0 31px;}
.banner-bx .bb-right .acc-bx:before{content:""; display: block;z-index: -1; width: 100%; background-size: cover; position: absolute; overflow: hidden;top: 0;right: 0;left:0;bottom: 0;height: 100%;}
.banner-bx .bb-right .acc-bx.one:before{background: url('../img/banner-bg2.jpg') center center no-repeat;background-size: cover;}
.banner-bx .bb-right .acc-bx.two:before{background: url('../img/banner-bg3.jpg') center center no-repeat;background-size: cover;}
.banner-bx .bb-right h4 {font-family: 'Roboto', sans-serif;font-weight: bold; font-size: 30px; line-height: 32px;color: #202F3D;margin: 0px 0 15px;display: block;}
.banner-bx .bb-right ul li {font-family: 'Roboto', sans-serif;font-weight: 400; font-size: 15px; line-height: 15px;color: #202F3D;margin: 0px 0 5px;display: block;}
.banner-bx .bb-slider {width: 100%; height: 100%;}
.banner-bx .bb-indicator {opacity: .5;}
.banner-bx .bb-indicator.active {opacity: 1;}
.banner-bx .bb-slides {width: 100%; height: 100%;}
.banner-bx .bb-slide {width: 100%; height: 100%; min-height: 550px; background-position: center; background-repeat: no-repeat; background-size: cover;}

.vn-33 {max-width: 33%!important;}
/* banner2 */
.banner-bg {display: block; width: 100%; height: auto; background: url('img/banner-bg.jpg') center center no-repeat; background-size: cover; position: relative; overflow: hidden;padding: 35px 0 130px;}
.banner-bg-partner {display: block; width: 100%; height: auto; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;padding: 35px 0 130px; transition: background-image .5s;}
.banner-bg .slider-description {width: 100%; display: block;}
.banner-bg .slider-description h2 {font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 48px; line-height: 54px;color: #fff;}
.banner-bg .slider-description h2 span{display: block; color: #78BC1E;}
.banner-bg .bg-form{background-color: #EFEFEF;border-radius: 6px;padding: 18px 24px 21px;max-width: 446px;min-height: 666px;}
.banner-bg .bg-form h3 {font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 26px; line-height: 32px;color: #78BC1E;margin: 0 0 8px;text-align: center;}
.banner-bg .bg-form p {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 21px;color: #1F2F3E;margin: 0 0 10px; text-align: center;}
.banner-bg .bg-form p.txtTerms {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; line-height: 16px;color: #1F2F3E;margin: 25px 0 17px; text-align: center;}
.banner-bg .bg-form p a {color:#78BC1E;text-decoration: underline;}
.banner-bg .bg-form .form-group .label{margin-bottom: 0;}
.banner-bg .bg-form .btn.btn-submit{width: 168px;margin: 0 auto;display: block;}


/*trad-bx*/
.trad-bx {display: block;position: relative;background-color: #F8F8F8;padding: 27.8px 0 36.2px;}
.trad-bx h3{font-family: 'Roboto', sans-serif;font-weight: bold; font-size: 29px; line-height: 36px;color: #78BC1E;margin: 0px 0 20px;display: block;}
.trad-bx h4{font-family: 'Roboto', sans-serif;font-weight: bold; font-size: 29px; line-height: 50px;color: #063456;margin: 0px 0 15px;display: block;}
.trad-bx .everyone-bx{background-color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.16);padding: 17px 25px 20px;}
.trad-bx .everyone-bx .tab-bx .tab-content{padding-bottom: 0px;}
.trad-bx .carousel .carousel-inner .carousel-item h4{font-family: 'Roboto', sans-serif;font-weight: bold; font-size: 32px; line-height: 28px;color: #8BC53F;margin: 0px 0 42px;display: block;}
.trad-bx .carousel .carousel-inner .carousel-item ul{margin: 0 auto 63px;max-width: 48%;}
.trad-bx .carousel .carousel-inner .carousel-item ul li{font-family: 'Roboto', sans-serif;font-weight: 400; font-size: 18px; line-height: 28px;color: #606060;margin: 0px 0 5px;display: block;}
.trad-bx .tr-list {padding: 19.5px;border-bottom: 2px solid #78BC1E;}
.trad-bx .tr-list.b-top {border-top: 2px solid #78BC1E;}
.trad-bx .tr-list h5{font-family: 'Roboto', sans-serif;font-weight: bold; font-size: 21px; line-height: 28px;color: #063456;margin: 0px 0px;max-width: 80%;}
.trad-bx .tr-list .lnk-more:hover{margin-right: -10px; transition: .5s all;}

.trad-bx .everyone-bx .tab-bx.tb-two .nav-tabs .nav-item{max-width: 25%; font-size: 18px; line-height: 18px;padding: .5rem 0;}
.trad-bx .tab-bx.tb-two ul {margin: 20px 0 30px;}
.trad-bx .tab-bx.tb-two ul li{ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 21px; line-height: 38px; color: #202F3D; margin: 0px 0 0px; display: block;}
.trad-bx .tab-bx.tb-two .tab-content .tab-pane .btn.btnLearnmore{ margin: 0 auto; max-width: 223px; height: 55px; display: flex; border-radius: 9px; box-shadow: 0 3px 6px rgba(0,0,0,.16); justify-content: center; align-items: center;}



/*carousel buttons*/
.carousel .carousel-control-next,.carousel .carousel-control-prev {width: auto;opacity: 1;}
.carousel .carousel-control-next{right: -20px;}
.carousel .carousel-control-prev{left: -20px}
.carousel .carousel-control-next-icon {background-image:url("../img/icon-right.png"); width: 46px; height: 46px;}
.carousel .carousel-control-next-icon:hover {background-image:url("../img/icon-right-fill.png");}
.carousel .carousel-control-prev-icon {background-image:url("../img/icon-left.png"); width: 46px; height: 46px;}
.carousel .carousel-control-prev-icon:hover {background-image:url("../img/icon-right-fill.png"); transform: rotate(180deg);}


/*ever-bx*/
.ever-bx {position: relative;display: block;padding: 27px 0 100px;}
.ever-bx h3{font-family: 'Roboto', sans-serif;font-weight: bold; font-size: 40px; line-height: 50px;color: #78BC1E;margin: 0px 0px 60px;text-align: center;}
.ever-bx p{font-family: 'Roboto', sans-serif;font-weight: 400; font-size: 20px; line-height: 28px;color: #606060;margin: 18px 0px 0px;text-align: center;}
.ever-bx .eb-list-bx {margin: 0 -30px;}
.ever-bx .eb-list-bx .ebl-item{padding: 0 30px;width: 20%;margin: 0 0 46px;}
.ever-bx .btn.btn-with-us{min-width: 452px;height: 71px;border-radius: 9px;font-size: 20px;line-height: 20px;}


/*qus-bx*/
.qus-bx {position: relative;display: block;background-color: #515b65;}
.qus-bx .qb-left .img{background-image:url("../img/qb-img.png"); width: 133px; height: 122px;background-repeat: no-repeat;background-position: center bottom;background-size: contain;position: relative;margin: -23px 0 0 -3px;}
.qus-bx .qb-left .img p{font-family: 'Roboto', sans-serif;font-weight: 600; font-size: 15px; line-height: 20px;color: #fff;margin: 0px 0px 0px;text-align: center;}
.qus-bx .qb-left .img p span{display: block; font-size: 26px; line-height: 20px;}
.qus-bx .qb-left h5{font-family: 'Roboto', sans-serif;font-weight: 600; font-size: 24px; line-height: 20px;color: #fff;margin: 0px 0px 0px;}
.qus-bx .qb-left h5 span{font-size: 40px; line-height: 1;color: #78BC1E;display: block;margin:5px 0 0; }
.qus-bx .eb-links {margin: 0 0 0 0;position: relative;z-index: 1;}
.qus-bx .eb-links:before {position: absolute;content: ""; background-image:url("../img/qb-img1.png"); width: 263px; height: 97px;background-repeat: no-repeat;background-position: center top;background-size: cover;top: -88px;left: 50%;transform: translateX(-50%);z-index: -1;}
.qus-bx .eb-links li a{font-size: 16px; line-height: 20px;color: #fff;font-weight: 600;min-width: 107px; display: block;text-align: center;}
.qus-bx .eb-links li a:hover{color: #78BC1E;text-decoration: none;}


/*check-det-bx*/
.check-det-bx {position: relative;display: block;padding: 0 0px;margin: -80px 0 0;}
.check-det-bx .cdb-desc{position: relative;display: block;background-color: #fff;padding: 22px 24px;min-height: 258px;box-shadow: 0 3px 6px rgba(0,0,0,.16);margin-bottom: 32px;}
.check-det-bx .cdb-desc:after{content: ""; display: block;background-color: #78BC1E;position: absolute;height: 2px;width: 94%; bottom: 16.5px;left: 50%;transform: translateX(-50%);}