/* --------------------------------------------------------------
                Generel CSS Starts Here
----------------------------------------------------------------*/

:root {
    --light-blue: #d2e7fc;
    --dark-blue: #3e5984;
    --balck: #141414;
}

.preloader
{
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.section_padding_py {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.section_padding {
    padding-top: 0px !important;
    padding-bottom: 100px !important;
}
.single-widget .address-link li img {
    position: absolute;
    top: 2px;
    left: 0;
    /* fill: var(--dark-blue); */
    width: 18px;
}
.section-title h2,
.fast-secure-content h2,
.unified-platform-content h2,
.single-blog-item .blog-content h3 a {
    text-transform: capitalize;
}
.preloader {
    background-color: #fff;
}
.download-content h2,
.single-unified-platform h3
{
    text-transform: capitalize;
}


@media(width <= 1199.98px)
{
    .section-title.left-title,
    .section-title.left-title h2
    {
        max-width: 100%;
    }
}
@media(width <= 991.98px)
{
    .mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal
    {
        padding-top: 0;
    }
    .mobile-responsive-nav .mobile-responsive-menu .meanmenu-reveal.meanclose + .mean-nav .others-options
    {
        display: block !important;
    }
    .mobile-responsive-nav .mobile-responsive-menu .meanmenu-reveal.meanclose + .mean-nav .others-options ul
    {
        display: flex !important;
        justify-content: space-evenly;
        padding: 10px 0 10px 0;
    }
    .mobile-responsive-nav .mobile-responsive-menu .meanmenu-reveal.meanclose + .mean-nav .others-options ul li 
    {
        max-width: fit-content;
        display: inline-flex;
        min-width: 46%;
    }
    .mobile-responsive-nav .mobile-responsive-menu .meanmenu-reveal.meanclose + .mean-nav .others-options ul li .default-btn
    {
        padding: 12px 40px;
        color: #fff !important;
        text-align: center;
    }
}
@media(width <= 767.98px)
{
    .mobile-responsive-menu.mean-container img
    {
        max-width: 150px;
    }
}
@media(width <= 374.98px)
{
    .mobile-responsive-nav .mobile-responsive-menu .meanmenu-reveal.meanclose + .mean-nav .others-options ul
    {
        flex-direction: column;
        gap: 8px;
    }
    .mobile-responsive-nav .mobile-responsive-menu .meanmenu-reveal.meanclose + .mean-nav .others-options ul li
    {
        min-width: 97%;
        margin: auto;
    }
}


/* --------------------------------------------------------------
                Generel CSS Ends Here
----------------------------------------------------------------*/

/* --------------------------------------------------------------
                Home Page CSS Starts Here
----------------------------------------------------------------*/

.main_banner .banner-content h1 {
    margin-top: 20px;
}
.started-bg {
    background-color: var(--light-blue);
}
.started-bg .started-content h3 {
    color: var(--dark-blue);
}
.started-bg .started-content p,
.single-counter-item h2 .target,
.single-counter-item h2,
.single-counter-item p {
    color: var(--balck);
}
.default-btn.active,
.default-btn:hover {
    background-color: var(--balck);
}

.main_banner .banner-img > img {
    max-width: 520px;
}
.main_banner .banner-img .banner-img-shape img {
    max-width: 550px;
    margin: auto;
}

.single-unified-platform.d-flex {
    gap: 20px;
    align-items: flex-start;
}

.single-unified-platform img {
    position: relative;
    z-index: 1;
    line-height: 1;
    margin-bottom: 15px;
    display: inline-block;
    width: 45px;
}

.single-why-bitr .icon_bg {
    background-image: url(../images/Home/s_7/BG-15.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding: 20px;
    color: #ffffff;
    font-size: 45px;
    border-radius: 12px;
    line-height: 1;
    display: inline-block;
    margin-bottom: 28px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.single-why-bitr .icon_bg img {
    width: 60px;
}

/* media width <= 1199px starts here */
@media (width <= 1999.98px) {
    .main_banner .banner-img > img {
        max-width: 450px;
    }
    .main_banner .banner-content {
        padding-bottom: 0;
    }
    .parner_slide_new img {
        width: 160px !important;
    }
    .why-choose-area .choose-shape
    {
        display: none;
    }
}
/* media width <= 1199px Ends here */

/* media width <= 991px starts here */
@media (width <= 991.98px) {
    .main_banner .banner-content {
        text-align: center;
    }
    .main_banner .banner-content h1 {
        margin-top: 50px;
        font-size: 45px;
    }
    .single-unified-platform,
    .single-why-bitr {
        border: none;
    }
    .single-blog-item {
        max-width: 415px;
        margin: 16px auto;
    }
    .others-option-for-responsive .dot-menu {
        top: -49px;
    }
    .single-counter-item {
        border: none;
    }
    .parner_slide_new img {
        width: 120px !important;
    }
}
/* media width <= 991px ends here */

/* media width <= 767px starts here */
@media (width <= 767.98px) {
    .why-choose-area .choose-shape {
        display: none;
    }
    .main_banner .banner-content h1 {
        font-size: 38px;
    }
    .main_banner .banner-img .banner-img-shape img,
    .main_banner .banner-img > img {
        max-width: -webkit-fill-available;
    }
    .parner_slide_new img {
        width: 160px !important;
    }
    .parner_slide_new {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .btro-info-area .btro-info-content
    {
        text-align: center;
    }
    .unified-platform-content .col-lg-6:last-child .single-unified-platform
    {
        margin-bottom: 30px;
    }
    .single-counter-item
    {
        margin-bottom: 0;
    }
    .single-unified-platform
    {
        text-align: center;
    }
    .section_p_g_s_c .mb-30,
    .section_p_g_p_r .mb-30
    {
        text-align: center;
    }
    .single-unified-platform.d-flex
    {
        gap: 5px;
        flex-direction: column;
        align-items: center;
    }
}
/* media width <= 767px Ends here */

/* media width <= 374px starts here */
@media (width <= 374.98px) {
    .main_banner .banner-content h1 {
        font-size: 34px;
    }
}
/* media width <= 374px Ends here */

/* --------------------------------------------------------------
                Home Page CSS Ends Here
----------------------------------------------------------------*/

/* --------------------------------------------------------------
                Policy Content CSS Starts Here
----------------------------------------------------------------*/

#section_policy_content h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 24px;
}
#section_policy_content p,
#section_policy_content ul li {
    text-align: justify;
    margin-bottom: 20px;
}
#section_policy_content ul {
    list-style: outside;
    padding-left: 20px;
}
#section_policy_content p::first-letter,
#section_policy_content ul li::first-letter
{
    text-transform: capitalize;
}

@media(width <= 767.98px)
{
    #section_policy_content p, #section_policy_content ul li
    {
        text-align: left;
    }
}
@media(width <= 319.98px)
{
    #section_policy_content h3
    {
        font-size: 20px;
    }
}


/* --------------------------------------------------------------
                Policy Content CSS Ends Here
----------------------------------------------------------------*/

/* --------------------------------------------------------------
                About Us Page CSS Starts Here
----------------------------------------------------------------*/

/* vision and mission */
.overview-content {
    background-color: var(--dark-blue);
    padding: 50px 80px;
}
.overview-content h3 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 15px;
}
.overview-content p {
    color: #ffffff;
}
.overview-image.item-two {
    background-image: url(../images/overview-2.jpg);
}

.overview-image {
    background-image: url(../images/overview-1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

/*Services Area CSS*/
.section_our_experts {
    background-color: var(--light-blue);
}
.section_our_experts .bg-color {
    background-color: #f9fafb;
}
.section_our_experts .services-item {
    background-color: #f9fafb;
}

.section_our_experts .services-item {
    text-align: center;
    background-color: #f9fafb;
    padding: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.5s;
    margin-bottom: 30px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.section_our_experts .services-item::before {
    position: absolute;
    content: "";
    height: 65%;
    width: 90%;
    background-color: var(--dark-blue);
    left: 0;
    right: 0;
    margin: auto;
    top: -130px;
    z-index: -1;
    border-radius: 50%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.section_our_experts .services-item h3 {
    font-size: 25px;
    margin-bottom: 20px;
}
.section_our_experts .icon {
    margin-bottom: 20px;
    position: relative;
    background-color: #f9fafb;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
    border-radius: 50px;
    transition: 05s;
    -webkit-transition: 05s;
    -moz-transition: 05s;
    -ms-transition: 05s;
    -o-transition: 05s;
    margin-left: auto;
    margin-right: auto;
    height: 90px;
    width: 90px;
    display: flex;
    place-content: center;
}
.section_our_experts .icon img {
    display: inline-block;
    /* height: 60px; */
    width: 60px;
    /* line-height: 90px; */
}
.section_our_experts .services-item .learn-btn {
    color: #e73c3e;
    display: inline-block;
    font-weight: 500;
    font-family: "Rubik", sans-serif;
}

/* how we work css */

.deserve-item h3 {
    font-size: 36px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.4;
}
.deserve-item .deserve-content {
    position: relative;
    padding-left: 65px;
    margin-top: 30px;
}
.deserve-item .deserve-content::before {
    width: 1px;
    height: 140%;
    background-color: var(--dark-blue);
    content: "";
    z-index: -1;
    position: absolute;
    left: 20px;
    top: 0;
}
.deserve-item .deserve-content:nth-child(5)::before {
    display: none;
}
.deserve-item .deserve-content span {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #f9fafb;
    border: 1px solid var(--dark-blue);
    text-align: center;
    font-size: 24px;
    color: var(--dark-blue);
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 0;
}
.deserve-item .deserve-content h4 {
    font-size: 24px;
    margin-bottom: 10px;
}
.deserve-item .deserve-content p {
    margin-bottom: 0;
}
.deserve-item .deserve-btn {
    margin-top: 25px;
}

.rate-form {
    padding: 50px 45px;
    background-color: #e73c3e;
}
.rate-form .rate-content {
    margin-bottom: 35px;
    text-align: center;
}
.rate-form .rate-content span {
    color: #ffffff;
}
.rate-form .rate-content h3 {
    font-size: 36px;
    color: #ffffff;
    margin-top: 10px;
}

.rate-form label {
    color: #ffffff;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 5px;
}

.rate-form .form-group {
    margin-bottom: 15px;
}
.rate-form .form-group .form-control {
    background-color: #ffffff;
    border: none;
    box-shadow: unset;
    height: 50px;
    border-radius: 0;
    color: #606060;
    width: 100%;
    font-size: 16px;
}

.rate-form .form-group .nice-select {
    float: unset;
    line-height: 52px;
    color: #606060;
    text-transform: capitalize;
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 0;
}
.rate-form .form-group .nice-select .list {
    background-color: #ffffff;
    box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
    border-radius: 0;
    margin-top: -1px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.rate-form .form-group .option {
    transition: 0.6s;
    color: #606060;
    font-size: 14px;
    line-height: 25px;
    padding: 10px 10px 10px 20px;
}
.rate-form .form-group .option:hover {
    background-color: #e73c3e !important;
    color: #ffffff;
}
.rate-form .form-group .option.selected {
    background-color: transparent;
    font-weight: 500;
}

.rate-form .form-group .nice-select:after {
    right: 20px;
    border-bottom: 2px solid #111111;
    border-right: 2px solid #111111;
}

.rate-form .rate-btn {
    margin-top: 20px;
}
.rate-form .default-btn {
    background-color: #ffffff;
    color: #111111;
    width: 100%;
    padding: 15px 30px;
    cursor: pointer;
}

.rate-form.bg-fdebeb {
    background-color: #fdebeb;
}

.rate-form.bg-fdebeb .rate-content span {
    color: #606060;
}
.rate-form.bg-fdebeb .rate-content h3 {
    color: #111111;
}
.rate-form.bg-fdebeb label {
    color: #606060;
}

.rate-form.bg-fdebeb .rate-btn .default-btn {
    background-color: #e73c3e;
    color: #ffffff;
}
/* .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68,68,68,.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9;
} */

.deserve-item .deserve-content:nth-child(4)::before {
    height: 100%;
    top: -4px;
}

@media (width <= 991.98px) {
    .customers-slide .owl-dots:nth-child(3) {
        display: none;
    }
    .customers-slide.owl-theme .owl-dots {
        margin-top: 0 !important;
    }
}

@media (width <= 767.98px) {
    .overview-content {
        padding: 40px;
    }
}
@media (width <= 319.98px) {
    .overview-content {
        padding: 20px;
    }
}

/* --------------------------------------------------------------
                About Us Page CSS Ends Here
----------------------------------------------------------------*/

/* --------------------------------------------------------------
                Payment Pages CSS Starts Here
----------------------------------------------------------------*/
.single-why-bitr {
    text-align: center;
}
.single-steps img {
    width: 180px;
}
.single-country h3 img {
    width: 33px;
}
.parner_slide_new {
    display: flex;
    justify-content: space-between;
}
.parner_slide_new img {
    width: 200px;
}

/*------------- Service & Service Details CSS Starts ---------------*/

.service-wrap {
    position: relative;
}

.service-wrap.style3 .container {
    position: relative;
    z-index: 1;
}
.service-wrap.style3 .container .service-shape-one {
    position: absolute;
    top: 100px;
    right: -10px;
    z-index: -1;
}
.service-wrap.style3 .container .service-shape-two {
    position: absolute;
    bottom: 100px;
    left: -35px;
    z-index: -1;
}

.service-card {
    margin: 0 0 25px;
}
.service-card h3 {
    font-size: 22px;
}

.service-card.style3 {
    background-color: var(--light-blue);
    padding: 25px 25px 22px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    display: flex;
}
.service-card.style3:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-radius: 5px;
    content: "";
    z-index: -1;
    background-color: #fff;
    transition: 0.4s;
}
.service-card.style3 .service-icon {
    width: 80px;
    height: 80px;
    border-radius: 9px;
    border: 1px solid var(--dark-blue);
    position: relative;
    top: 2px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: flex;
    align-items: center;
    padding: 16px;
}
.service-card.style3 .service-icon img {
    font-size: 40px;
    line-height: 0.8;
    margin: 0 auto;
    color: var(--dark-blue);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.service-card.style3 .service-icon:after,
.service-card.style3 .service-icon:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.service-card.style3 .service-icon:before {
    top: 10px;
    left: -4px;
    -moz-animation: slide_up 3000ms infinite ease-in-out;
    -webkit-animation: slide_up 3000ms infinite ease-in-out;
    animation: slide_up 3000ms infinite ease-in-out;
}
@-webkit-keyframes slide_up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
.service-card.style3 .service-icon:after {
    bottom: 10px;
    right: -4px;
}
.service-card.style3 .service-info {
    width: calc(100% - 105px);
    margin-left: 25px;
}
.service-card.style3 .service-info h3 {
    margin-bottom: 12px;
}
.service-card.style3 .service-info h3 a {
    color: var(--balck);
    transition: 0.4s;
}
.service-card.style3 .service-info p {
    margin: 0;
    color: var(--balck);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

/*---------- Service & Service Details CSS Ends --------------*/

/* screen width <= 991px starts here */
@media (width <= 991.98px) {
    .service-card.style3 {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }
    .service-card.style3 .service-info {
        width: 100%;
        margin-left: 0;
    }
    .single-steps {
        border: none;
        max-width: 400px;
        margin: 12px auto;
        text-align: center;
    }
    .section_p_p_k_f .single-why-bitr
    {
        margin-bottom: 0;
    }
    .unified-platform-content .col-lg-6:last-child .single-unified-platform
    {
        margin-bottom: 30px;
    }
}
/* screen width <= 991px Ends here */

/* screen width <= 374px starts here */
@media (width <= 374.98px) {
    .single-unified-platform.d-flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 4px;
        margin-bottom: 10px;
    }
}
/* screen width <= 374px Ends here */

/* --------------------------------------------------------------
                Payment Pages CSS Ends Here
----------------------------------------------------------------*/

/* --------------------------------------------------------------
                banking pages CSS Starts Here
----------------------------------------------------------------*/
.single-other-features .features-icon img {
    width: 60px;
}
.single-other-features .features-icon::after {
    display: none;
}
.single-support img {
    width: 180px;
}
.single-country {
    text-align: center;
}
.single-country h3 {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
.single-country h3 img {
    position: initial;
}

@media (width<= 991.98px) {
    .single-unified-platform {
        padding: 0;
    }
    .single-support {
        border: none;
    }
}
@media (width<=767.98px) {
    .single-support {
        text-align: center;
    }
}

/* --------------------------------------------------------------
                banking pages CSS Ends Here
----------------------------------------------------------------*/

/* --------------------------------------------------------------
                Contact Us page CSS Ends Here
----------------------------------------------------------------*/

#contact_form .form-group label.error {
    color: red;
    font-weight: 500;
    margin-top: 10px;
}
.contact_form_success.d-block {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    min-height: 400px;
    justify-content: center;
    gap: 20px;
    text-align: center;
    padding: 20px;
}
.contact_form_success.d-block h5 {
    margin-bottom: 0;
    font-size: 22px;
}
.contact_form_success.d-block {
    background-color: var(--light-blue);
}
.contact_form_success.d-block h5 {
    font-size: 40px;
}
.contact_form_success.d-block button {
    margin-top: 16px;
}
.faq-accordion .accordion .accordion-title.active {
    border-radius: 15px 15px 0 0;
    color: var(--dark-blue);
    border-bottom: 1px solid var(--dark-blue);
}
.faq-accordion .accordion .accordion-title.active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media(width <= 767.98px)
{
    .contact_form_success.d-block h5
    {
        font-size: 20px;
    }
}
@media(width <= 539.98px)
{
    .contact_form_success.d-block h5
    {
        font-size: 18px;
    }
}

/* --------------------------------------------------------------
                Contact Us page CSS Ends Here
----------------------------------------------------------------*/

.sign_in .user-form .create a,
.sign_up .user-form .create a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    display: inline-block;
}
.sign_in .user-form .create a:hover,
.sign_up .user-form .create a:hover {
    transform: translateX(6px);
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    font-weight: 600;
}