/*=====Reset CSS======*/

article,
aside,
canvas,
figure,
figcaption,
footer,
header,
nav,
section,
audio,
video,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
label {
  margin: 0;
  padding: 0;
  border: 0;
}

a,
button,
input,
input[type="buttton"],
input[type="submit"],
select,
.btn,
textarea {
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  text-decoration: none;
  font-style: normal;
}

a:focus,
button:focus,
input[type="buttton"]:focus,
input[type="submit"]:focus,
select:focus,
.btn:focus,
textarea:focus,
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

a,
label,
span {
  display: inline-block;
  vertical-align: middle;
  vertical-align: 0;
}

figure {
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  margin: 0;
  font-size: 0;
  line-height: 100%;
}

figure img {
  max-width: 100%;
}

ul,
ol {
  list-style: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* Firefox */

input[type=number] {
  -moz-appearance: textfield;
}



.svg_container {
  display: none;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}


a:hover {
  text-decoration: none;
}


body {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family:"apertura";
  color: #191919;
  margin: 0 0;
  background: #fff;
/*  background-image: url(/images/body_bg.webp);*/
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}

h1 {
  font-size: 80px;
  line-height: 90px;
  color: #000000;
  font-weight: 700;
  text-transform: capitalize;
}

h2 {
  font-size: 60px;
  line-height: 70px;
  color: #000000;
  font-weight: 700;
  text-transform: capitalize;
}

h4 {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-weight: 500;
}

h1 span,
h2 span {
  color: #3155a5;
}

.yel {
        color: #fdb318;
    }


.site_btn {
  min-width: 160px;
  border-radius: 28px;
  background-color: #fdb913;
  font-size: 18px;
  line-height: 19px;
  color: #222222;
  font-weight: 500;
  text-align: center;
  padding: 17px 20px;
  border: 2px solid transparent;
  text-transform: capitalize;
}

.site_btn:hover {
  border-color: #fdb913;
  color: #fdb913;
  background-color: transparent;
}

/*=====Reset CSS======*/

/* header */
.sec_hdr {
  padding-top: 40px;
}

.sec_hdr .hdr_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sec_hdr .hdr_wrap .menu_trigger {
  font-size: 26px;
  color: #000;
}

.sec_hdr .side_nav_wrap{
  position: fixed;
  right: 0;
  top: 0;
  max-height: 100vh;
  overflow-y: auto;
  display: block;
  height: 100%;
  width: 300px;
  z-index: 100;
  background-color: #fff;
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-top: 80px;
  transform: translateX(100%);
}

.sec_hdr .side_nav_wrap a.close_btn{
  position: absolute;
  top: 20px;
  right: 20px;
  color: #191919;
  font-size: 26px;
}

.sec_hdr .side_nav_wrap li a{
  display: block;
  padding: 20px 40px;
  border-bottom: 1px solid #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #191919;
  text-transform: uppercase;
}

.sec_hdr .side_nav_wrap li a:hover{
  background-color: #001457;
  color: #fff;
}


/* banner sec */

.bnr_sec {
  padding: 80px 0 100px;
}

.bnr_sec .bnr_cnct {
  padding-top: 50px;
}

.bnr_sec h1 {
  margin-bottom: 25px;
}

.bnr_sec p {
  max-width: 530px;
  margin-bottom: 30px;
}

.bnr_sec .bnr_img_wrap {
  position: relative;
  text-align: center;
}

.bnr_sec .bnr_img_wrap::after,
.bnr_sec .bnr_img_wrap::before {
  position: absolute;
  content: "";
  width: 350px;
  height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.bnr_sec .bnr_img_wrap::before {
  top: -120px;
  left: -100px;
  background-image: url(/images/bnr_shp_1.webp);
}

.bnr_sec .bnr_img_wrap::after {
  right: -90px;
  bottom: -90px;
  background-image: url(/images/bnr_shp_2.webp);
}

.bnr_sec .bnr_img_wrap img {
  position: relative;
  z-index: 1;
}


/* dtls_sec */
.dtls_sec {
  padding: 80px 0 0 0;
}

.dtls_sec .dtls_wrp {
  border-radius: 10px;
  filter: drop-shadow(0px 10px 22.5px rgba(0, 0, 0, 0.1));
  background-color: #ffffff;
  padding: 15px 30px 20px;
  text-align: center;
  height: 100%;
}

.dtls_sec .dtls_wrp img {
  min-height: 80px;
  object-fit: contain;
}

.dtls_sec .dtls_wrp h4 {
  padding: 17px 0;
}

.dtls_sec .btn_wrap {
  padding-top: 50px;
  text-align: center;
}

/* mrchnt_sec */
.mrchnt_sec {
  padding: 150px 0 0 0;
}

.mrchnt_sec .mrchnt_img_wrap {
  border-radius: 15px;
  background-color: #001457;
  margin-left: -130px;
  margin-right: 45px;
  line-height: 0;
  overflow: hidden;
}

.mrchnt_sec .mrchnt_cnct {
  padding-top: 35px;
}

.mrchnt_sec .mrchnt_cnct .lst_itm {
  padding: 40px 0 35px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.mrchnt_sec .mrchnt_cnct .lst_itm li {
  flex: 0 0 50%;
  max-width: 50%;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-weight: 500;
  padding-left: 30px;
  position: relative;
  margin-bottom: 25px;
}

.mrchnt_sec .mrchnt_cnct .lst_itm li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-image: url(/images/tick_img.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
}

.mrchnt_sec .mrchnt_cnct .lst_itm li:last-child,
.mrchnt_sec .mrchnt_cnct .lst_itm li:nth-last-child(2) {
  margin-bottom: 0;
}

/* for yellow ticks */

    .mrchnt_sec .mrchnt_cnct .lst_itm2 {
        padding: 40px 0 35px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .mrchnt_sec .mrchnt_cnct .lst_itm2 li {
            flex: 0 0 50%;
            max-width: 50%;
            font-size: 18px;
            line-height: 24px;
            color: #000000;
            font-weight: 500;
            padding-left: 30px;
            position: relative;
            margin-bottom: 25px;
        }

            .mrchnt_sec .mrchnt_cnct .lst_itm2 li::before {
                position: absolute;
                content: "";
                left: 0;
                top: 0;
                background-image: url(/images/ylw_tick.png);
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                height: 20px;
                width: 20px;
            }

            .mrchnt_sec .mrchnt_cnct .lst_itm2 li:last-child,
            .mrchnt_sec .mrchnt_cnct .lst_itm2 li:nth-last-child(2) {
                margin-bottom: 0;
            }

/* counter_sec */

.counter_sec {
  padding-top: 110px;
}

.counter_sec h6 {
  font-size: 78px;
  line-height: 80px;
  font-weight: 700;
  background: #f6931d;
  background: -moz-linear-gradient(top, #f6931d 0%, #c26e09 100%);
  background: -webkit-linear-gradient(top, #f6931d 0%, #c26e09 100%);
  background: linear-gradient(to bottom, #f6931d 0%, #c26e09 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}

.counter_sec .cntr_wrap p{
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  font-weight: 500;
  padding: 15px 0 0 15px;
  position: relative;
}

.counter_sec .cntr_wrap p::before{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 1px;
  height: 80px;
  background-color: #f6931d;
}

/* paymnt_opt */

.paymnt_opt{
  padding-top: 110px;
}

.paymnt_opt .paymnt-cnct{
  padding-top: 20px;
}

.paymnt_opt .paymnt-cnct p{
  margin-top: 30px;
}

    .paymnt_opt .pymnt_lst {
        padding: 35px 0 0 0;
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
    }

    .paymnt_opt .pymnt_lst li {
        padding: 0 15px;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 20px;
    }

    .paymnt_opt .pymnt_lst li:last-child,
    .paymnt_opt .pymnt_lst li:nth-last-child(2),
    .paymnt_opt .pymnt_lst li:nth-last-child(3) {
        margin-bottom: 0;
    }

    .paymnt_opt .pymnt_lst li p {
        padding-left: 45px;
        font-size: 20px;
        line-height: 30px;
        color: #000000;
        font-weight: 500;
        position: relative;
    }

    .paymnt_opt .pymnt_lst li p::before {
        position: absolute;
        content: "";
        width: 30px;
        height: 30px;
        left: 0;
        top: 0;
        background-image: url(/images/crcl_tick_img.webp);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    /* Instant payouts only */

    .paymnt_opt .pymnt_lst_ip {
        padding: 35px 0 0 0;
        margin: 0 -15px;
        display: inline;
        flex-wrap: wrap;
    }

    .paymnt_opt .pymnt_lst_ip li {
        padding: 0 15px;
        flex: 0 0 33.3333%;
        max-width: 100%;
        margin-bottom: 20px;
    }

        .paymnt_opt .pymnt_lst_ip li:last-child,
        .paymnt_opt .pymnt_lst_ip li:nth-last-child(2),
        .paymnt_opt .pymnt_lst_ip li:nth-last-child(3) {
            margin-bottom: 0;
        }

        .paymnt_opt .pymnt_lst_ip li p {
            padding-left: 45px;
            font-size: 20px;
            line-height: 30px;
            color: #000000;
            font-weight: 500;
            position: relative;
        }

            .paymnt_opt .pymnt_lst_ip li p::before {
                position: absolute;
                content: "";
                width: 30px;
                height: 30px;
                left: 0;
                top: 0;
                background-image: url(/images/crcl_tick_img.webp);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }

/* quoted_ref */
.quoted_ref {
    padding: 10px 0;
    background-color:#eeeeee;
}

    .quoted_ref .quoted_ref_lst {
        padding: 35px 0 0 0;
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
    }

    .quoted_ref .quoted_ref_lst li {
        padding: 0 15px;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 20px;
    }



/* tkct_sec_gray_cta */
.tkct_sec_gray_cta {
    background: #0d0f11;
    background: radial-gradient(circle, #0d0f11 0%, #565c66 0%, #16181c 100%);
    padding: 100px 0;
}

.tkct_sec_gray_cta .tkct_sec_gray_cta_hdr h2{
        color:#ffffff;
    }

    .tkct_sec_gray_cta .tkct_sec_gray_cta_lst {
        padding: 35px 0 0 0;
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
    }

    .tkct_sec_gray_cta .tkct_sec_gray_cta_lst li {
        padding: 0 15px;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 20px;
    }

        .tkct_sec_gray_cta .tkct_sec_gray_cta_lst li:last-child,
        .tkct_sec_gray_cta .tkct_lst li:nth-last-child(2),
        .tkct_sec_gray_cta .tkct_lst li:nth-last-child(3) {
            margin-bottom: 0;
        }

        .tkct_sec_gray_cta .tkct_sec_gray_cta_lst li p {
            padding-left: 45px;
            font-size: 20px;
            line-height: 30px;
            color: #ffffff;
            font-weight: 500;
            position: relative;
        }

            .tkct_sec_gray_cta .tkct_sec_gray_cta_lst li p::before {
                position: absolute;
                content: "";
                width: 30px;
                height: 30px;
                left: 0;
                top: 0;
                background-image: url(/images/crcl_tick_img.webp);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }







    /* tkct_sec */
    .tkct_sec {
        padding: 100px 0;
    }

.tkct_sec_subtitle {
    text-align: center;
    font-size: 20px;
}

.tkct_sec .tkct_lst {
    padding: 35px 0 0 0;
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.tkct_sec .tkct_lst li{
  padding: 0 15px;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  margin-bottom: 20px;
}

.tkct_sec .tkct_lst li:last-child,
.tkct_sec .tkct_lst li:nth-last-child(2),
.tkct_sec .tkct_lst li:nth-last-child(3){
  margin-bottom: 0;
}

.tkct_sec .tkct_lst li p{
  padding-left: 45px;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  font-weight: 500;
  position: relative;
}

.tkct_sec .tkct_lst li p::before{
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  left: 0;
  top: 0;
  background-image: url(/images/crcl_tick_img.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}


/* sec_ftr */

.ftr_socl ul{
  display: flex;
}
.ftr_socl ul li a{
  font-size: 18px;
    color: #fff;
    background-color: #3155a5;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    min-width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border:1px solid transparent;
}

.ftr_socl ul li a:hover{
 border-color: #3155a5;
 background-color:transparent;
 color: #3155a5;
}
.ftr_socl ul li{
  padding: 30px 10px;
}
.ftr_socl ul li:first-child{
  padding-left:0;
}
.ftr_socl ul li:last-child{
  padding-right:0;
}
.ftr_btn{
  padding-top: 50px;
}
.ftr_menu .menu_head h4{
  color: #3155a5;
  font-weight: 700;
  margin-bottom: 27px;
}

.ftr_menu .menu_list ul li a{
  font-size:16px;
  line-height:24px;
  color:#191919;
  font-weight:400;
}
.ftr_menu .menu_list ul li a:hover{
 color:#3155a5;
}

.ftr_menu .menu_list ul li{
  padding-bottom:30px;
}
.sec_ftr{
  background-color: #f7f7f7;
  padding: 70px 0;
}
.copyright_sec{
  padding: 41px 0 50px;
  border-bottom:1px solid rgba(54 54 54 / 0.15);
  margin-bottom: 40px;
}
.copyright_sec ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright_sec ul li{
  padding: 0 42px;
}
.copyright_sec ul li:first-child{
  padding-left:0;
}
.copyright_sec ul li:last-child{
  padding-right:0;
}
.copyright_sec ul li a{
  font-size:16px;
  line-height:26px;
  color:#191919;
  font-weight:400;
}
.copyright_sec ul li a:hover{
  color:#3155a5;
}

.sec_ftr .ftr_para {
  line-height: 26px;
}

.ftr_para a.url-content::after {
    content: attr(href);
}

.sunbit-modal.modal.show, .sunbit-iframe-container.modal.show {
    opacity: 1;
    visibility: visible;
}

.sunbit-modal .modal-dialog {
    max-width: 800px;
}

.sunbit-modal .modal-content {
    overflow: hidden;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
#EWTextUsWidgetModal {
    overflow-y:hidden;
}
#EWTextUsWidgetModalDialogue{
    max-height:100%
}