@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');

body {
    color: #4c4040;
    font-size: 14px;
    font-family: 'Poppins' !important;
    height: 100%;
    /*background: #fff;#f4f5ff*/
    background: url('../img/bg_pattern.png');
    background-size:cover;
}
/*---Edge Password Eye icon Hide-- */
input::-ms-reveal {
    display: none;
}
  .btn_contact{width: auto;border: 0px;padding: 6px 25px 6px 25px; background: #d8b036; position: relative;color: #333; border-radius: 5px 15px 5px 5px; outline: 0px;border: 0px; cursor:pointer;}
/*button common*/
.date_icon {
    background: #fff url(../img/calendar_icon.png) no-repeat 99% 4px;
}
.d-lg-block {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, #fff9e9 100%);
}
a.btn-primary-arrow, a.btn-primary {
    text-decoration: none;
    border-radius: 5px 20px 5px 5px;
    cursor: pointer;
}
.p0R{ padding-right:0px;}
.p0L{ padding-left:0px;}
#navMenu2 li{ margin-right:2em; margin-left:13%;}
.border_red {
    border: 1px solid red !important;
}
.upload_doc {
    border-style: dotted;
    border-color: #21409a;
    background: #eff3fe; padding:15px; margin:15px; border-radius:3px;
}

.btn-primary {
    font-weight: bold;
    border: 0px;
    border-radius: 200px;
    border-radius: 200px;
    padding: 8px 25px 8px 25px;
    background: rgb(0,128,103);
    background: linear-gradient(to right, #21409A, #013454);
    position: relative;
    color: #fff;
}
.tooltiptext2 {
   
    position: absolute;
    z-index: 10000;
    border: 2px solid #ddd;
    padding: 10px;
    background: #fff;
    border-radius: 15px;
    right: 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
    .btn-primary:hover {
        border: 0px;
        background: rgb(3,74,59);
        color: #fff;
        background: linear-gradient(90deg, rgb(7, 107, 147) 100%, rgb(52, 176, 236) 0%);
    }
.piped{ text-align:center; width:100%; flex:auto; margin-top:2em;}
.piped span {
    display:inline-flex;
    border-left: 1px solid #ccc;
    padding: 0 10px;
}
.txthd2 {
    font-weight: 500;
    color: #123bae;
    width: 80%;
    margin: 0 auto;
    font-size: 18px;
}
    .piped span a { text-decoration:none; color:#21409A; }
    .piped span:first-child {
        border-left: none;
        padding-left: 0;
    }


.btn-secondary {
    border-radius: 200px;
    background: #fff;
    color: #089cfa !important;
    border: 0px;
    padding: 12px 30px 12px 30px;
    text-decoration: none;
    cursor:pointer;
}

    .btn-secondary:hover {
        background: #ddf2ff;
        color: #004f81;
    }
.btn_up {
    font-weight: bold;
    width: auto;
    border: 0px;
    border-radius: 3px;
    padding: 10px 50px 10px 50px;
    background: #21409a;     
    color: #fff;
}
.btn_up2 {
    font-weight: bold;
    width: auto;
    border: 0px;
    border-radius: 3px;
    padding: 10px 50px 10px 50px;
    background: #e6b221;
    color: #fff;
}
.btn_clrY {
    background: #e6b221;
}
.btn-primary-arrow {
    font-weight: bold;
    width: auto;
    border: 0px;
    border-radius: 8px 19px 8px 8px;
    padding: 10px 50px 10px 50px;
    background: #e6b221;
    position: relative;
    color: #383838;
}

    .btn-primary-arrow:hover {
        border: 0px;
        background: rgb(3,74,59);
        color: #383838;
        background: #e5ca7d;
    }

 /*   .btn-primary-arrow:before {
        background: url(../img/arrow_right.png) no-repeat;
        content: '';
        width: 36px;
        height: 24px;
        position: absolute;
        right: 15px;
        top: 25%;
    }*/

.pb-75 {
    padding-bottom: 75px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-40 {
    padding-top: 40px;
}

.section-title {
    text-align: center;
    max-width: 690px;
    margin: 0 auto 40px;
    color: #999;
}

    .section-title h2 {
        color: #000;
        font-size: 36px;
        font-weight: 600;
    }

body p {
    color: #333;
}

.form-control, .btn {
    min-height: 38px;
    border-radius: 2px;
}

.btn {
    font-size: 15px;
    font-weight: bold;
    border-radius: 200px;
}

.form-group {
    margin: 20px 0px 20px 0px;
}

.f_28 {
    font-size: 28px !important;
    font-weight: bold;
}

.mt-40 {
    margin-top: 40px !important;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.float_right {
    float: right;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.mrg15rem {
    margin: 1.5rem;
}

.captcha_top {
    margin-top: 1.4em;
}

:root {
    --primary: #21409A;
    --secondary: #f3f3f3;
    --secondaryhover: #eeeeee;
    --success: #3ac443;
    --info: #e3b72f;
    --warning: #d8cd18;
    --danger: #f54448;
    --light: #f8f9fa;
    --dark: #000;
    --gray-dark: #343a40;
    --greenbg: #edf7fb;
    --subtitlebold: #434141;
}

.fltR {
    float: right;
}

.fltL {
    float: left;
}
.spaceCard{ padding:35px;}
.blutxt{ font-weight:500; color:#21409A; font-size:17px;}
.logCls {
    text-align: right;
    float: right;
    font-size: 2em;
}

.success_txet {
    text-align: center;
    color: #21409A;
}
/*form*/
.form-control {
    border-radius: 200px;
    padding-left: 20px;
}

.colorlable {
    color: #989696;
}
.mt2em{ margin-top:2em;}
.mt4em{ margin-top:4em;}
.form-floating > label {
    padding: 1rem 1.3rem;
} 
 /*login page*/
.login_bg { /*background:#f4f5ff ;
	background: url(..img/art_bg.png);*/

    min-height: 84.6vh;
  
    /* opacity: 0.5; */
   
    /*background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 7px ), repeating-linear-gradient( #dcdcdf55, #f6f6f9 );*/
    display: flex;
    align-items: center;
    margin: 0 !important;
    background-repeat: repeat
}
 .bg-login-image3 {  text-align:center;    padding: 13% 0 6% 0;}
 .bg-login-image2 {  text-align:center;    padding: 18% 0 6% 0;}
.bg-login-image {    text-align: center;    padding: 14% 0;}
 .login_link{color:#7b7d90; text-decoration:underline;font-size:14px;}
 .login_signup_link{color:#7b7d90;font-size:13px;margin-top:50px;padding-left: 0px;}
 .login_link:hover, .login_signup_link a:hover{color:#21409A;}
 .login_signup_link a{color:#21409A; text-decoration:underline;font-size:14px;}
 .login_title{font-size:24px; font-weight:bold;color:#000;}
.login_sub_title {color:#000000;font-size:20px;margin-bottom:20px;}
/*.login_line:before{content:"";background:url(../img/Line_login.png);height:86%; width:1px; position:absolute; top:30px;}*/
/*header*/
.navbar-expand-lg {
    padding-right: 20px;
}

.navbar-brand {
    margin-left: 20px;
}

.nav-item a.btn-primary {
    color: #fff !important;
    border-radius: 200px;
    padding: 8px 25px 8px 25px !important;
}

.nav-item a.btn-secondary {
    border-radius: 3px;
    padding: 8px 25px 8px 25px !important;
    margin-left: 15px; font-size:1.2em;
}

.navbar-nav .nav-item {
    margin-right: 10px;
}
.bg_nav {
    background: #fff; /*linear-gradient(to left, #a7c7e3, #bdd1e9, #d1dcee, #e3e8f3, #f3f4f8)*/
}
.navbar {
    /* box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
    background: #fff;*/
    background-image: #fff;
}

.navbar-nav .nav-item.active {
    color: #21409A;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #21409A;
}
/*logo*/
.logo {
    height: 4rem;
}

.footer_logo {
    height: 55px;
}
/*footer*/
.page-footer {
    border-top: 1px solid #eee;
}

    .page-footer .footer_title {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .page-footer p {
        font-size: 14px;
        color: #4e5151;
    }

.foot_menu a {
    color: #000;
    /*border-bottom: 1px solid #ccc;*/
}

.foot_menu, .foot_menu li {
    list-style: none;
    padding: 0px;
    margin: 0px !important;
    text-align: left;
}

    .foot_menu li a {
        display: block;
        padding: 10px 10px 10px 0px;
        font-size: 14px;
        color: #4e5151;
        text-decoration: none;
    }

        .foot_menu li a .fa {
            margin-right: 10px;
        }

    .foot_menu a:hover {
        color: #21409A;
        text-decoration: none;
    }

.contact_info {
    padding: 0px 30px;
    text-align: left;
    font-size: 16px;
}

    .contact_info p {
        font-size: 14px;
    }

.app_download a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .app_download a img {
        height: 58px;
    }
/*copy write*/
.copy_write {
    background: rgb(3,74,59);
    background: linear-gradient(90deg, rgba(0,117,191,1) 0%, rgba(8,156,250,1)100%);
    margin: 0px;
    padding: 0px;
    color: #fff;
}

    .copy_write .container {
        padding: 20px 0px 0px 0px;
    }

    .copy_write p {
        color: #fff;
        font-size: 14px;
    }

    .copy_write a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
    }

        .copy_write a:hover {
            color: #fff;
            font-size: 14px;
        }

    .copy_write .copy_menu a {
        margin-right: 10px;
    }

        .copy_write .copy_menu a:hover {
            color: #eee;
        }

    .copy_write .copy_menu {
        text-align: right;
    }
/*home*/
.navbar-light .navbar-nav .nav-item.active .nav-link{color:#21409A}
.masthead{ padding-top:0px;padding-bottom: 0px;color:#fff; }
.masthead img {
    width:100%;

}
	.masthead .carousel-control-prev-icon {
		background: url('../img/left_arrow.png');
	}
	.masthead .carousel-control-next-icon {
		background: url("../img/right_arrow.png");
	}
/*currency converter box*/
.carousel-control-prev, .carousel-control-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: none;
}
/**/
.mt-14 {
    margin-top: 14px;
}

.mtt-5 {
    margin-top: 5px;
}

.currency-form h2 {
    font-size: 26px;
    color: #38393e;
    font-size: 21px;
}

.currency-form label {
    font-size: 14px;
    color: #38393e;
 /*   padding-right: 0px;*/
}

.currency-form input[type=text].form-control {
    height: calc(2.25em + 0.75rem + 2px);
    margin-top: 0px;
    border-radius: 0px;
    text-align: right;
    border: 1px solid #e0e0e0;
    border-right:0px;
    border-radius: 6px 0px 0px 6px;
    font-size:1.6em;
}

.currcy_terms a {   /* color: rgb(132, 138, 142);*/  text-decoration:underline;   font-size: 12px;}

    .currcy_terms a:hover {        color: #333333;    }

.currency-form .box_eff {
    background: #d1dddd;
    border-radius: 10px;
    padding: 1px 1px 1px 1px;
}

.currency-form {
   /* background-color: #21409A;*/
    color: rgba(46, 138, 138, 0.3);
    margin: 20px;
    padding: 15px;
   /* bordeR: 1px solid #ceecff;*/
    border-radius: 20px;
    width: 600px;
}

.currency-inner {
    background: #fff;
    padding: 20px;
    bordeR: 1px solid #deebfd;
    border-radius: 25px;
}

.currency-inner {
    color: #333;
}

.form_inrbox {
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
}

.box_eff label {
    padding: 10px 10px 5px 10px;
}

.cal_sub_title {
    color: #9a9c9c;
    text-align: center;
    font-size: 16px;
}

.cr_select_out .col-md-8 {
    
    padding-right: 0px;
}

.currency-form .form-group {
    margin-bottom: 10px;
}
/*drop menu*/
.drop-list {
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: space-between;
}

    .drop-list .select-box {
        display: flex;
        width: 115px;
        height: 45px;
        align-items: center;
        border-radius: 5px;
        justify-content: center;
        border: 1px solid #999;
    }

.select-box img {
    max-width: 21px;
}

.select-box select {
    width: auto;
    font-size: 16px;
    background: none;
    margin: 0 -5px 0 5px;
}

    .select-box select::-webkit-scrollbar {
        width: 8px;
    }

    .select-box select::-webkit-scrollbar-track {
        background: #fff;
    }

    .select-box select::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 8px;
        border-right: 2px solid #ffffff;
    }

.drop-list .icon {
    cursor: pointer;
    margin-top: 30px;
    font-size: 22px;
}

form .exchange-rate {
    font-size: 17px;
    margin: 20px 0 30px;
}
/*why choose us*/
.single-explore-card {
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 25px;
}

    .single-explore-card .explore-content {
        position: relative;
        padding-left: 95px;
    }

        .single-explore-card .explore-content .explore-image {
            margin-bottom: 20px;
            position: absolute;
            z-index: 1;
            left: 0;
            top: 0;
        }

            .single-explore-card .explore-content .explore-image::before {
                position: absolute;
                content: "";
                left: 0;
                right: 0;
                height: 70px;
                width: 70px;
                background-color: transparent;
                border: 1px dashed #cdd6e0;
                z-index: -1;
                overflow: hidden;
            }

            .single-explore-card .explore-content .explore-image img {
                position: relative;
                max-width: 81px;
            }

        .single-explore-card .explore-content h3 {
            font-size: 20px;
            margin-bottom: 15px;
            color: #21409A;
        }

    .single-explore-card:hover {
        border: 0px solid #68dbd8;
        -webkit-transform: translateY(-5px) !important;
        transform: translateY(-5px) !important;
        -webkit-box-shadow: 2px 4px 30px rgba(1,123,113,.06);
        box-shadow: 2px 4px 30px rgba(1,123,113,.06);
    }

.explore-area {
    padding-top: 50px;
    padding-bottom: 30px;
}
/*flow box*/
.flow_box {
    background: var(--greenbg);
}

    .flow_box .col {
        text-align: center;
    }

    .flow_box span {
        clear: both;
        width: 100%;
        text-align: center;
        float: left;
        margin-top: 20px;
        color: #21409A;
        font-size: 20px;
        font-weight: bold;
    }

.flow_border {
    background: url(../img/flow_border.png) 50% 30% no-repeat;
}
/*what we do home page*/
.wht_we_do {
    text-align: center;
}

    .wht_we_do .title_box {
        font-size: 23px;
        margin: 20px 0px;
        color: var(--subtitlebold);
        font-weight: bold;
    }

.mobile_app_box .section-title {
    text-align: left;
    max-width: 100%;
    margin-top: 80px;
}

.mobile_app_box .app_download {
    margin-top: 50px;
}
/**/
.about-three__img {
    float: right;
}

.about-three__icon {
    width: 100px;
}

.about-three__content {
    width: 100%;
    max-width: 695px;
    margin-left: auto;
    margin-right: auto;
}

video {
    object-fit: cover;
}

.about-three__single {
    display: flex;
}

.about-three__title {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary);
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-bottom: 15px;
    margin-top: -5px;
}

.about-three__content .section-title h2 {
    text-align: left;
}

.about-three__content .section-title p {
    color: #747280;
    text-align: left;
}

.about-three .block-title {
    margin-bottom: 60px;
}

.block-title__title {
    margin: 0;
    color: var(--thm-black-color);
    font-family: var(--heading-font);
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
}

.about-three .block-title__title + .block-title__text {
    margin-top: 25px;
}

.about-three__para {
    font-size: 15px;
    line-height: 26px;
    color: #848484;
    margin: 0;
}

.about-three__single + .about-three__single {
    margin-top: 40px;
}

.video_bg {
    background: #e1f3ff url(../img/diagonal-striped-brick.png) 0% 0% repeat;
    padding-right: 0px;
}

.video_out {
    float: right;
    margin-top: 20%;
    height: 350px;
    overflow: hidden;
    text-align: right;
}

.bor_red {
    border: 1px solid red;
}
/*testimonials slider*/
.col-center {
    margin: 0 auto;
    float: none !important;
}

.testimonials .carousel {
    padding: 0 70px;
    border: 2px solid var(--primary);
    border-radius: 10px;
    background: var(--bs-white);
}

    .testimonials .carousel .carousel-item {
        color: #999;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        min-height: 180px;
    }

    .testimonials .carousel .testimonial {
        padding: 30px 0 10px;
    }

    .testimonials .carousel .overview {
        font-style: italic;
    }


.testimonials .carousel-control-prev i, .carousel-control-next i {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}

.testimonials .carousel-control-next-icon, .testimonials .carousel-control-prev-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.testimonials .carousel-indicators {
    bottom: -40px;
}

    .testimonials .carousel-indicators li, .carousel-indicators li.active {
        width: 12px;
        height: 12px;
        margin: 1px 3px;
        border-radius: 50%;
        border: none;
    }

/**/
.about-three__content .section-title {
    margin: 50px 0px 50px 0px;
}
/**/
.testimonials {
    background: var(--greenbg);
    padding: 0px 0px 60px 0px;
    margin: 0px;
}

    .testimonials .row {
        margin: 0px;
    }

    .testimonials .carousel-control-prev, .testimonials .carousel-control-next {
        top: 90px !important;
        width: 40px;
        border-radius: 300px;
        background: var(--primary);
        opacity: inherit;
    }

    .testimonials .carousel-control-prev {
        left: -20px;
    }

    .testimonials .carousel-control-next {
        right: -20px;
    }

.pb-50 {
    padding-bottom: 50px !important;
}

.fa-phone {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
/*home page banner*/
.carousel-indicators {
    display: none;
}

.carousel.banner {
    height: 730px;
    width: 100%;
    padding: 0px;
    min-height: 730px;
}

    .carousel.banner .carousel-item {
        height: 730px;
        width: 100%;
        padding: 0px;
        min-height: 730px;
    }

.currency-form {
    position: absolute;
    top: 13%;
    right: 10%;
}

.carousel.banner .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 30%;
    left: 11%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    width: 43%;
    top:16%;
}

.carousel.banner .carousel-control-prev, .carousel.banner .carousel-control-next {
    top: 50% !important;
    background: #fff;
    border-radius: 200px;
}

.carousel.banner h5 {
    font-weight: 800;
    font-size: 48px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.carousel.banner .carousel-caption p {
    font-weight: normal;
    font-size: 20px;
    color: #fff;
}

.carousel.banner .carousel-control-prev, .carousel.banner .carousel-control-next {
    width: 40px !important;
    opacity: initial !important;
    background: #ffffff;
}

.carousel.banner .carousel-control-prev {
    left: 15px;
}

.carousel.banner .carousel-control-next {
    right: 15px;
}
/**/
.wSelect-arrow {
    background-image: url('../img/arrow_cu.png');
}

.wSelect-el {
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    border: none;
    overflow: hidden;
    display: none;
}
option {
    max-height:120px;
    overflow-y: scroll;
}                             
.wSelect {
    position: relative;
    display: inline-block;
    /**display: inline;*/
    zoom: 1;
    vertical-align: middle;
    border: 1px solid #eee;
    width: 140px !important;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background:#fff;
    /*background: linear-gradient(360deg, rgb(248, 252, 252) 0%, rgb(217, 233, 247) 100%);*/
    padding: 0px;
    border-radius: 0px 6px 6px 0px;
    height: 64px;
}

.wSelect-arrow {
    position: absolute;
    width: 8px;
    right: 10px;
    top: 50%;
    background-repeat: no-repeat;
    height: 6px;
}

.wSelect-hover .wSelect-arrow, .wSelect-active .wSelect-arrow {
}

.wSelect.wSelect-multiple {
    overflow: hidden;
}

.wSelect-selected {
    margin: 5px 20px 0px 5px;
    padding: 15px 0 15px;
    overflow: hidden;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 center;
}

.wSelect-options-holder {
    position: absolute;
    display: none;
    left: 0px;
    z-index: 200;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
}

.wSelect-multiple .wSelect-options-holder {
    position: relative !important;
    display: block !important;
    top: auto !important;
    z-index: auto !important;
    border: none !important;
}

.wSelect-options {
    overflow-y: scroll;
    overflow-x: hidden;
}

.wSelect-option {
    background-repeat: no-repeat;
    background-position: 2px center;
    margin-bottom: 1px;
    cursor: pointer;
}

.wSelect-option-last {
    margin-bottom: 0px;
}

.wSelect-option-value {
    margin: 0 5px;
    padding: 5px 0;
    background-repeat: no-repeat;
    background-position: 0 center;
    white-space: nowrap;
    overflow: hidden;
}

.wSelect-option-disabled .wSelect-option-value {
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.wSelect-option-icon {
    padding-left: 25px; font-size:1.5em;
}

.cr_select_out {
    border: 1px solid #e0e0e0;
    padding: 4px;
    border-radius: 4px;
}

.w158 {
    width: 158px;
}

.w85 {
    width: 85px;
}

/*popup*/
.close {
    background: none;
    border: 0px;
    color: #666;
}

.more_info .modal-dialog {
    max-width: 854px;
}

.modal-header {
    padding: .5rem 1rem;
}

.modal.more_info {
}

.mi_hilight {
    color: #d08918;
    font-weight: 500;
    margin-top: 5px;
}

.mi_left {
    color: #424242;
}

    .mi_left p {
        color: #898989;
        margin-bottom: 5px;
    }

    .mi_left .cur_box {
        background: #f3f3f3;
        padding: 5px 10px;
        width: 82%;
        float: left;
        margin-right: 10px;
        text-align: right;
        font-size: 20px;
        font-weight: 500;
    }

.cur_box2 {
    background: #fcf6ea;
    padding: 4px 10px;
    width: 82%;
    float: left;
    margin-right: 10px;
    text-align: right;
    color: #A67018;
}

.mi_left_cost {
    font-size: 20px;
    font-weight: 500;
}
.mi_dividr {
    border-bottom: 0.5px solid #e9e9e9;
    margin-bottom: 15px;
}
.mi_hd {
    font-size: 20px;
    font-weight: 500;
    color: #282828;
}
.mi_sel {
    padding: 10px 20px;
    border-radius: 5px;       
    font-size: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d39a3d;
}
/* Scrollbar Styling END */
.mi_right {
    color: #424242;
}

    .mi_right p {
        color: #898989;
        margin-bottom: 5px;
    }

.mi_right_cost {
    font-size: 20px;
    font-weight: 500;
}

.cur_sym {
    font-size: 20px;
}

.cur_sym2 {
    color: #a6701a;
}
.mir_out {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

    .mir_out:last-child {
        border: 0px;
    }

body.modal.show {
    height: 100vh;
    overflow-y: hidden;
}

.modal-content {
    border-radius: .8rem;
}

.mi_hilightg {
    color: #21409A;
    font-weight: bold;
    margin-top: 5px;
}
/*first time login*/
.iti {
    width: 100%;
}

    .iti input[type=tel] {
        padding: 1rem .75rem;
    }

.form-floating > .mobile_floating {
    top: -12px;
    font-size: 12px;
    color: #9a9393;
}


.iti input[type="tel"] {
    padding: 1.7rem .5rem .75rem;
}

.iti__country-list .iti__flag {
    margin-top: 0px;
    margin-left: 0px;
}

.flogin_sub_title {
    color: #7b7d90;
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0px;
}

.popup_noborder .modal-header {
    border: 0px;
}

.popup_noborder .modal-title {
    text-align: center;
    width: 100%;
    clear: both;
    margin-top: 30px;
    font-size: 24px;
    color: #171720;
}

.popup_noborder .close {
    position: absolute;
    right: 15px;
    top: 10px;
}

.popup_noborder .verifiBtn button {
    background: none;
    border: 0px;
    color: #cacad1;
    padding-right: 0px;
    text-decoration: underline;
}

.popup_noborder .timer {
    color: #008000;
    font-weight: bold;
    padding-left: 0px;
}

.popup_noborder .modal-footer {
    border: 0px;
    text-align: center;
    justify-content: center;
}

.otp_inputrow {
    border: 1px solid #dcdcdc;
    border-radius: 200px;
    padding: 10px;
    margin-top: 30px;
}

.popup_noborder .verifiBtn button.resend-after {
    background: none;
    border: none;
    color: #008000;
    text-decoration: underline;
}

.otp_inputrow .form-control {
    padding-left: 11px;
}
/*success Error Message
	.info, .success, .warning, .error, .validation {
			border: 1px solid;
			margin: 10px 0px;
			padding: 10px 10px 10px 15px;
			background-repeat: no-repeat;
			background-position: right;border-radius:6px;
		}
		.info {
			color: #00529B;
			background-color: #BDE5F8;
			background-image: url('https://i.imgur.com/ilgqWuX.png');
		}
		.success {
			color: #4F8A10;
			background-color: #DFF2BF;
			background-image: url('https://i.imgur.com/Q9BGTuy.png');
		}
		.warning {
			color: #9F6000;
			background-color: #FEEFB3;
			background-image: url('https://i.imgur.com/Z8q7ww7.png');
		}
		.error{
			color:#850303; position:relative;
			background:#fcecec;padding-right:35px;
		}
		.error .fa{cursor:pointer;cursor: pointer; position: absolute;top:39%;right:10px;}
		.validation{color: #D63301;	background-color: #FFCCBA;	background-image: url('https://i.imgur.com/GnyDvKN.png');
		}
		*/
/*nithy code*/
.btm_wid {
    min-height: 40px;
    min-width: 188px;
}
/* --------Stepper----- Create Your Profile----------------Nithi 05-05-2022*/
.steper {
    border-radius: 50px;
    background: #e4e4ec;
    padding: 8px;
    width: 25px;
    display: inline-block;
    height: 25px;
}

.inner_steper {
    border-radius: 50px;
    background: #21409A;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.inner_steper1 {
    border-radius: 50px;
    background: #e4e4ec;
    width: 10px;
    height: 10px;
    display: inline-block;
}

.steper_bar {
    background: #e4e4ec;
    width: 0%;
    height: 8px;
    position: absolute;
    top: 79px;
    left: 11%;
    z-index: 1;
}

.steper_bar1 {
    background: #e4e4ec;
    width: 0%;
    height: 8px;
    position: absolute;
    top: 79px;
    left: 11%;
    z-index: 1;
}

.steper_bar2 {
    background: #e4e4ec;
    width: 19%;
    height: 8px;
    position: absolute;
    top: 79px;
    left: 12%;
    z-index: 1;
}

.steper_bar3 {
    background: #e4e4ec;
    width: 38%;
    height: 8px;
    position: absolute;
    top:79px;
    left: 12%;
    z-index: 1;
}

.steper_bar4 {
    background: #e4e4ec;
    width: 72%;
    height: 8px;
    position: absolute;
    top: 79px;
    left: 14%;
    z-index: 1;
}

.steper_bar5 {
    background: #e4e4ec;
    width: 76%;
    height: 8px;
    position: absolute;
    top: 79px;
    left: 12%;
    z-index: 1;
}

.steper_baractive {
    background: #21409A;
    width: 1%;
    height: 3px;
    position: relative;
    top: 24px;
    left: 13%;
    z-index: 9;
}

.steper_baractive1 {
    background: #21409A;
    width: 1%;
    height: 3px;
    position: relative;
    top: 24px;
    left: 13%;
    z-index: 9;
    display: none;
}

.steper_baractive2 {
    background: #21409A;
    width: 25%;
    height: 3px;
    position: relative;
    top: 24px;
    left: 13%;
    z-index: 9;
}

.steper_baractive3 {
    background: #21409A;
    width: 49%;
    height: 3px;
    position: relative;
    top: 24px;
    left: 13%;
    z-index: 9;
}

.steper_baractive4 {
    background: #21409A;
    width: 74%;
    height: 3px;
    position: relative;
    top: 24px;
    left: 13%;
    z-index: 9;
}

.steper_baractive5 {
    background: #21409A;
    width: 78%;
    height: 3px;
    position: relative;
    top: 24px;
    left: 11%;
    z-index: 9;
}

.mrg20 {
    margin: 20px;
}

.mrg35 {
    margin: 35px 20px;
}

.mrgB0 {
    margin-bottom: 0px;
}

.flex-container {
    display: flex;
    flex-wrap: nowrap;
}

    .flex-container > div {
        width: 300px;
        margin: 10px;
        text-align: center;
    }

.txtC {
    text-align: center;
}

.txtR {
    text-align: right;
}

.imgView {
    width: auto;
}

.linecls {
    background: #c3c0c0;
    margin-top: 15px;
}

.active_color {
    color: #21409A;
}

.bg_green {
    background: #eefdf9;
    padding: 1.5em;
    text-align: center;
    font-weight: 600;
    width: 100%;
}

.form-check-input:checked {
    background-color: #21409A;
    border-color: #21409A;
}

.form-select {
    border-radius: 200px;
    padding-left: 20px !important;
}

    .form-select:focus {
        border-color: #29dfba;
        box-shadow: 0px 1px 1px rgb(0 0 0 / 8%) inset, 0px 0px 8px rgb(0 117 191);
    }

.form-control:focus {
    border-color: #29dfba;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 8%) inset, 0px 0px 8px rgb(0 117 191);
}

.input-group-addon {
    top: -36px;
    position: relative;
    text-align: end;
    right: 10px;
    float: right;
}

.bld {
    font-weight: 600;
}

.graytxt {
    color: #b1b1b1;
}

.curserP {
    cursor: pointer;
}

.grntxt {
    color: #0db997;
}
/*----------Search icon in textbox----------------*/
.example input[type=text] {
    float: left;
    width: 92%;
    border: 0px;
    outline: none;
    margin-top: 10px;
}

.example button {
    float: left;
    border-radius: 50px;
    width: 8%;
    padding: 10px;
    border: 0px;
    background: #21409A;
    color: white;
    font-size: 17px;
    border-left: none;
    cursor: pointer;
}

.example::after {
    content: "";
    clear: both;
    display: table;
}

.text-left {
    text-align: left;
}

.boxtxt {
    padding: 1em;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: rgb(50 50 93 / 3%) 0px 50px 100px -20px, rgb(0 0 0 / 2%) 0px 30px 60px -30px, rgb(10 37 64 / 15%) 0px -2px 6px 0px inset;
}

.imgWidth {
    width: auto;
}

.orngTxt {
    color: #ff7500;
}

.orngTxt2 {
    color: #ff7500;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 1em;
}
/* --------------Password text box and tooltip --------------*/
.pass_tool {
    display: none;
    z-index: 10;
    border-radius: 15px 15px;
    background: #fff;
    position: absolute;
    right: 36px;
    top: 57px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.mrg10 {
    margin: 10px;
}

.nobullet {
    list-style: none;
}

    .nobullet li {
        margin-bottom: 10px;
    }

.passhd {
    background: #fff;
    padding: 3px;
    text-align: center;
    color: #333;
    font-weight: 600;
}

.excla {
    text-align: right;
    color: #f99638;
    font-size: 18px;
}
/* Add a green text color and a ✔ when the requirements are right */
.valid {
    color: green;
}

    .valid:before {
        position: relative;
        left: -5px;
        content: "✔";
        font-size: 14px;
        color: green;
    }
/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: #ca1d55;
}

    .invalid:before {
        position: relative;
        left: -5px;
        content: "⤬";
        color: #ca1d55;
        font-size: 20px;
        font-weight: 600;
    }


/* -----------------Tooltip ARROw--------------------*/
*, :before, :after {
    box-sizing: border-box;
}

.tooltip {
    position: relative;
    border: 5px solid #5494db;
    padding: 10px 15px;
    background-color: #F7FFF7;
    width: 15vw;
    margin: 2em auto;
    text-align: center;
}

.tooltip-top::before {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    left: 50%;
    top: 0px;
    border: 9px solid transparent;
    border-top: 0;
    border-bottom: 11px solid #7f8183;
    transform: translate(-50%, calc(-102% - -0px));
}
/* ----------Responsive-------------*/

/*nithy code end*/


/*Login-css Saravana*/
.log_btn {
    font-size: 1rem;
    background: none;
    color: #fff;
    border: none;
}

.error {
    color: #ff3b3b;
    background-color: #fdecec;
    background-image: url(../img/cross.png);
}

/*success Error Message*/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 25px 15px 15px;
    background-repeat: no-repeat;
    background-position: right;
    border-radius: 6px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('https://i.imgur.com/ilgqWuX.png');
}

.success {
    color: #21409A;
    background-color: #dafbf5;
    background-image: url('https://i.imgur.com/Q9BGTuy.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('https://i.imgur.com/Z8q7ww7.png');
}

.error {
    color: #ff3b3b;
    background-color: #fdecec;
    background-image: url('../img/cross.png');
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('https://i.imgur.com/GnyDvKN.png');
}
/*Login End*/

/*Common Login Problems*/
.common_log_btn {
    padding: 0px 0px 20px 70px;
}

.accordion-button:not(.collapsed) {
    color: #21409A;
    background-color: #fff;
}

    .accordion-button:not(.collapsed)::after {
        background-image: url("../img/drop_down.png");
        transform: rotate(-180deg);
    }

.btn-fix-now {
    width: auto;
    border-radius: 200px;
    padding: 5px 14px 6px 16px;
    border: none;
    background: rgb(0,128,103);
    background: linear-gradient(90deg, rgba(0,117,191,1) 0%, rgba(8,156,250,1) 100%);
    position: relative;
    color: #fff;
}
/*.btn-fix-now:before{background:url("../img/arrow_right_fix.png") no-repeat;content:''; width:16px; height:11px; position:absolute;right:15px;top:30%;}*/
/*common Login Problem end*/

/*Forgot password*/
.forgot-img {
    padding: 43px 0px 0px 0px;
  
}

.sub-label-title {
    font-size: 14px
}
/*modal*/
.modal-header {
    border-bottom: 0px !important;
    text-align: center !important;
    display: block;
}

.modal-close {
    border: none;
    background: #fff;
    float: right;
    font-size: 1.25rem;
}

.modal-title {
    font-size: 22px;
    font-weight: bold;
}
.modal-header2 {
    padding: .5rem 1rem 0;
    color: #21409a;
    border: 0px !important;
    display: inline-block !important;
}
.popuptxt {
    font-size: 16px;
    text-align: center;
}
.popup-footer {
    padding-bottom: 20px;
    text-align: center;
}
.modal-title2 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #21409a;
}

.border-radius-modal {
    border-radius: 17px;
}

.width50 {
    width: 50px;
}

.resend-before {
    background: none;
    border: none;
    color: #707070;
    text-decoration: underline;
}

.resend-after {
    background: none;
    border: none;
    color: #008000;
    text-decoration: underline;
}

.timer {
    color: #ff4200
}

.black {
    color: #000;
    font-weight: 600;
    font-size: 1rem;
}
/*modal end*/
/*confirm_password_modal start*/
.green_txt {
    color: #21409A
}
/*confirm_password_modal end*/
/*your email address start*/
.copy_mail {
    border-radius: 35px;
    color: #21409A;
    background-color: #eff9ff;
    background-image: url("../img/copy_mail.png");
    border: 1px solid;
    margin: 10px 0px;
    padding: 14px 11px 14px 15px;
    background-repeat: no-repeat;
    background-position: right;
}

.mobview {
    display: none;
}
/*saravanan code end*/
/*santhosh 18-5-2022*/
.iti--separate-dial-code .iti__selected-flag {
    background-color: none !important;
    padding-top: 1.6rem;
    padding-bottom: .625rem;
}

.form-control.email {
    padding-left: 20px;
}

.user .iti .form-control {
    padding-left: 60px;
}

.user .iti .form-control {
    padding: 2rem 3.95rem 1rem 3.95rem;
}

.iti__flag {
    margin-left: 14px;
    margin-top: 0px;
}

.iti__arrow {
    margin-top: 0px;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-top: 0px !important;
}

#verify2_otpfle .modal-title {
    color: #21409A;
}

#verify2_otpfle {
    font-size: 1.2rem;
}

.login_line .form-control {
    padding-left: 20px;
}
/**/
.more_info .close {
    float: right;
}

.more_info .modal-title {
    text-align: left;
}

.more_info .modal-header {
    border-bottom: 1px solid #eee !important;
}
/*santhosh 24-05-2022*/
.accordion-button:focus {
    border: 0px;
    box-shadow: none;
}
/*common login problem*/
.mob_clp_button .login_signup_link {
    margin-top: 30px;
    padding-left: 0px;
}
  .faqpadLR10{ padding:0 20px;}
.mob_clp_button {
    display: none;
}

.mob_clp_button_none .login_signup_link {
    margin-top: 20px;
}
/*nithy*/

a.btn-secondary {
    outline: none;
}

    a.btn-secondary:focus {
        outline: none;
        box-shadow: none;
    }

#Dob {
    margin-left: 5px;
}

#exp_Date, #iss_Date, #Dob_ps {
    margin-left: 0px;
}

/**/
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #21409A !important;
}

.text-decoration_none {
    text-decoration: none;
}
/*verify identity*/
.verify_b1 {
    border: 2px dashed #bbbbbb;
    border-radius: 8px;
    text-align: center;
    padding: 50px 30px;
    position: relative;
}

.verify_b2 {
    border: 2px dashed #bbbbbb;
    border-radius: 8px;
    position: relative;
}

.verify_b1_out_txt a {
    color: #007860;
    font-weight: bold;
}

.verify_b1_out_txt {
    color: #8c8c8c;
    margin-top: 15px;
    font-size: 12px;
}

.verify_b1 img {
    margin-bottom: 20px;
}

.verify_b1_link {
    font-size: 13px;
    margin-top: 20px;
    color: #8c8c8c;
    text-decoration: none;
}
/*.verify_b1_link:hover{color:#007860;}*/
.verify_b1::before {
    border: 1px solid #bbbbbb;
    content: "1";
    position: absolute;
    width: 50px;
    height: 50px;
    top: -15px;
    left: -15px;
    border-radius: 200px;
    background: #fff;
    line-height: 49px;
    font-size: 24px;
    text-align: center;
    color: #00775f;
}

.verify_b2::before {
    border: 1px solid #bbbbbb;
    content: "2";
    position: absolute;
    width: 50px;
    height: 50px;
    top: -15px;
    left: -15px;
    border-radius: 200px;
    background: #fff;
    line-height: 45px;
    font-size: 24px;
    text-align: center;
    color: #00775f;
}

.verify_idbottom .linka:hover {
    color: #007860;
}

.verify_idbottom .linka {
    color: #666;
}

.verify_b2_img1 {
    text-align: center;
    padding: 30px;
}

    .verify_b2_img1 img {
        width: 50%;
    }

    .verify_b2_img1 img, .verify_b2_img2 img {
        margin-bottom: 30px;
    }

.verify_b2_img2 {
    text-align: center;
    padding: 60px 30px 30px 0px;
}

.verify_or {
    position: relative;
}

    .verify_or:before {
        width: 2px;
        height: 100%;
        border-left: 2px dashed #bbb;
        content: '';
        position: absolute;
        left: 20px;
    }

.or_verify {
    border: 1px solid #bbbbbb;
    width: 40px;
    height: 40px;
    color: #000;
    border-radius: 200px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    left: 0px;
    background: #fff;
    top: 40%;
}

.verify_b2_img2 .verify_b1_link {
    display: inline-block;
    margin-top: 40px;
}

.verify_idbottom {
    padding: 0rem 3rem 3rem 3rem;
}

.verify_padding {
    padding: 2rem 3rem 1rem 3rem;
}

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

#how_secure_data p {
    color: #666;
}

#verify_iden_success img {
    margin-bottom: 20px;
}

#verify_iden_success .modal-title {
    color: #21409A;
}

#verify_iden_cencel .modal-title, #verify_iden_noprocess .modal-title {
    color: #e02020
}

#verify_iden_cencel .btn-secondary, #verify_iden_noprocess .btn-secondary {
    color: #000
}

#verify_iden_cencel .modal-footer, #verify_iden_success .modal-footer, #verify_iden_noprocess .modal-footer {
    padding-bottom: 25px;
}
/*verify2*/
#alert_signup .modal-dialog {
    max-width: 800px;
}

#alert_signup2 .modal-dialog2 {
    max-width: 580px;
}
.v_idb .col-md-6 {
    padding-left: 0px;
}

.verify_padding2 {
    padding: 0px 30px 0px 30px;
}

    .verify_padding2 .verify_b1 img {
        margin: 0px;
    }

    .verify_padding2 .verify_b2_img1 img {
        width: auto;
    }

    .verify_padding2 .verify_b2_img1 {
        padding: 50px 30px 30px 30px;
    }

    .verify_padding2 .verify_b1 {
        padding: 50px 30px 60px 30px;
    }

.v_idb {
    margin-top: 50px;
}

.verify_padding2 .verify_b1::before {
    left: auto;
    right: -15px;
    content: url(../img/your_identity_photo.png);
    cursor: pointer;
    line-height: 54px;
}

.verify_padding2 .verify_b2::before {
    left: auto;
    right: -15px;
    content: url(../img/your_identity_photo.png);
    cursor: pointer;
    line-height: 54px;
}
/*verifyid end*/
.search_autosugg .fa-angle-left, .search_autosugg .fa-angle-right {
    font-size: 20px;
    color: #fff;
    padding: 5px 0px 5px 5px;
}

    .ser_active, .search_autosugg .fa-angle-left:hover, .search_autosugg .fa-angle-right:hover {
        color: #023128;
    }

.search_autoheader {
    background: #21409A;
    margin: 0px;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 10px;
}

.search_done, .search_done:hover {
    color: #fff;
    text-decoration: none;
    padding-top: 5px;
    float: right;
}

.search_autobox {
    border-radius: 10px;
    display: none;
    -webkit-box-shadow: -1px 1px 4px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: -1px 1px 4px 3px rgba(0,0,0,0.1);
    box-shadow: -1px 1px 4px 3px rgba(0,0,0,0.1);
}

.search_auto_list ul, .search_auto_list li {
    list-style: none;
    border: 1px solid #eee;
    padding: 0px;
    margin: 0px;
}

.search_auto_list {
    margin: 0px;
    padding: 0px;
    height: 150px;
    overflow-y: scroll;
}

    .search_auto_list .col-md-12 {
        padding: 0px;
    }

    .search_auto_list li {
        padding: 5px 10px;
    }
/*feedback*/
#table1, #table2, #table3, #table4 {
    display: none;
}

.angry_smaile, .upset_smaile, .happy_smaile, .neutral_smaile, .excited_smaile {
    float: left;
    text-align: center;
}

    .angry_smaile img, .upset_smaile img, .happy_smaile img, .neutral_smaile img, .excited_smaile img {
        margin-bottom: 20px;
        width: 38px;
    }

    .angry_smaile span {
        position: relative;
        float: left;
        padding: 0px 6px;
        color: #838383;
        font-weight: normal;
        font-size: 12px;
    }

        .angry_smaile span:before {
            height: 5px;
            width: 100%;
            background: #ff3863;
            position: absolute;
            top: -5px;
            left: 0px;
            content: '';
            border-radius: 20px 0px 0px 20px;
        }

    .upset_smaile span {
        position: relative;
        float: left;
        padding: 0px 6px;
        color: #838383;
        font-weight: normal;
        font-size: 12px;
    }

        .upset_smaile span:before {
            height: 5px;
            width: 100%;
            background: #ff7940;
            position: absolute;
            top: -5px;
            left: 0px;
            content: '';
        }

    .happy_smaile span {
        position: relative;
        float: left;
        padding: 0px 6px;
        color: #838383;
        font-weight: normal;
        font-size: 12px;
    }

        .happy_smaile span:before {
            height: 5px;
            width: 100%;
            background: #ffaf26;
            position: absolute;
            top: -5px;
            left: 0px;
            content: '';
        }

    .neutral_smaile span {
        position: relative;
        float: left;
        padding: 0px 6px;
        color: #838383;
        font-weight: normal;
        font-size: 12px;
    }

        .neutral_smaile span:before {
            height: 5px;
            width: 100%;
            background: #5dc974;
            position: absolute;
            top: -5px;
            left: 0px;
            content: '';
        }

    .excited_smaile span {
        position: relative;
        float: left;
        padding: 0px 6px;
        color: #838383;
        font-weight: normal;
        font-size: 12px;
    }

        .excited_smaile span:before {
            height: 5px;
            width: 100%;
            background: #19b5a8;
            position: absolute;
            top: -5px;
            left: 0px;
            content: '';
            border-radius: 0px 20px 20px 0px;
        }

.tabs.feedback_box span {
    padding-right: 8px;
}

.feedback_title {
    border-radius: 5px;
    background: #e5f2f0;
    width: auto;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    font-size: 16px;
    margin-top: 30px;
}

.feedbk_out {
    margin-top: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

    .feedbk_out .col-md-6 {
        padding-left: 15px;
    }

        .feedbk_out .col-md-6:first-child {
            border-right: 1px solid #eee;
            padding-right: 0px;
        }
/*----- Tab Links -----*/
.text-primary {
    color: #000 !important;
}

.tabs {
    width: 100%;
    display: inline-block;
}
/* Clearfix */
.tab-links:after {
    display: block;
    clear: both;
    content: '';
}

.tab-links li {
    margin: 0px 5px;
    float: left;
    list-style: none;
}

.tab-links a {
    padding: 9px 15px;
    display: inline-block;
    border-radius: 3px 3px 0px 0px;
    background: #7FB5DA;
    font-size: 16px;
    font-weight: 600;
    color: #4c4c4c;
    transition: all linear 0.15s;
}

    .tab-links a:hover {
        background: #a7cce5;
        text-decoration: none;
    }

.tabs.feedback_box li.active a, .tabs.feedback_box li.active a:hover {
    background: none;
    color: #4c4c4c;
}
/*----- Content of Tabs -----*/
.tab-content {
    padding: 15px;
    border-radius: 3px;
    box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
    background: #fff;
}

.tab {
    display: none;
}

    .tab.active {
        display: block;
    }

.tabs.feedback_box ul {
    padding-left: 0px;
}

.tabs.feedback_box a {
    padding: 0px;
    background: none;
    color: #4c4c4c;
}

.tabs.feedback_box {
    display: flex;
}

    .tabs.feedback_box li {
        padding: 0px;
        margin: 0px;
    }

    .tabs.feedback_box .tab-content {
        padding: 0px;
        box-shadow: none;
    }

        .tabs.feedback_box .tab-content img {
            width: 58px;
            margin-right: 10px;
        }

.feedbk_bottom textarea.form-control {
    height: 130px;
    min-height: 130px;
}

.btn-primaryarr {
    color: #fff;
    background-color: #21409A;
    border-color: #21409A;
    padding: 8px 25px 8px 25px;
}
/* ---Toggle----*/
.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        color: #aaaaaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: #FFFFFF;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }

.switch-input:checked ~ .switch-label {
    background: #016f59;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }
     
.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .switch-handle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
        background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    }

.switch-input:checked ~ .switch-handle {
    left: 70px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.cpoint {
    cursor: pointer;
}

.popup-footer {
    text-align: center;
    width: 100%;
    padding-bottom: 1em;
}

.modelTop {
    top: 18%;
}
/* Transition
        ========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

/* --New Home Page 20-02-2023--*/

.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}


.btn-blue {
    background: #e6b221;
    border-radius: 5px 20px 5px 5px;
    color: #fff;
    font-size: 16px;
    width: 100%;
    height: 4rem;
    border: none;
}

.feature_img {
    width: 30px;
    height: auto;
    margin-left: 22px;
    padding-top: 28px;
}

.hblue:hover {
    color: #089cfa;
    transition: opacity 0.5s ease-in-out;
}

.heading_blue:hover {
    color: #089cfa;
}

.heading_blue {
    font-size: 25px;
    font-weight: 600;
    transition: opacity 0.5s ease-in-out;
}

.card_bg {
    border-radius: 10px;
    height: 270px;
}

    .card_bg:hover {
        background: rgb(255,255,255) transition: background 5s ease-in;
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(153,200,229,1) 100%);
        border: 1px solid #e5efff;
    }

.nav-color {
  /*  color: #089cfa !important;*/ cursor:pointer;

}
.navbar-light .navbar-nav .nav-link {
    color: #21419b;
}

.bg-blue-btn {
    background: #21419b;
    border-radius: 8px 19px 8px 8px;
    padding: 6px 25px 6px 25px !important;
    color: #fff !important;
    font-size: 1em;
    cursor: pointer;
    border:0px;
}
    .bg-blue-btn:hover {
        background: #172e6d;
        color: #fda875 !important;
        border:0;
    }

    .white {
        color: #fff !important;
    }

.blue_heading {
    color: #012136;
    font-size: 65px;
    font-weight: 600;
}

.sub-heading {
    font-size: 32px !important;
    font-family: 'Poppins Light' !important;
    color: #012136 !important;
}

.sub-head2 {
    font-size: 20px;
    font-family: 'Poppins Light' !important;
    color: #012136 !important;
}

.btn-border {
    border: 1px solid;
}

.rate {
    font-size: 18px;
    font-weight: 600;
}

.last-rate {
    margin: 0px 5px;
    background: #e2edf4;
    color: #005992;
    border-radius: 6px;
    width: 85%;
    padding: 5px;
}

.fw600 {
    font-weight: 600;
}


.width62 {
    width: 620px;
}

.mar {
    margin: 0px 0px 0px 57px;
}

.how-easy-card {
    border: none;
    background: transparent;
}

.width15 {
    width: 15%
}

.num {
    color: #007bbf;
    font-weight: 600;
}

.font28 {
    font-size: 28px;
}
.font24 {
    font-size: 24px;
}
.get-app-bg {
    background: url(../../assets/img/get-app-bg.png) no-repeat
}

.footer-dark {
    background: #000d15
}

.footer-mail {
    border-radius: 6px 0px 0px 6px !important;
}

.footer-get {
    border-radius: 0px 6px 6px 0px !important;
    background: #089cfa;
    color: #fff;
    border: none;
}

.dark-grey {
    color: #3f5766
}



.max430 {
    max-width: 430px;
}

.large-header {
  /*  background: url("../img/banner1.jpg")no-repeat;*/
    background-size: 100%;
    min-height: 650px;
}

    .large-header canvas {
        width: 100%;
        height: 100%;
    }

.pad15 {
    padding: 15px;
}

.modal-footer {
    justify-content: center !important;
}

.bg_copy {
    background: #21409a;
}

    .bg_copy p {
        color: #fff;
    }

    .bg_copy a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
    }

.bor-rad6 {
    border-radius: 6px 0px 0px 6px;
}

.bor-rad62 {
    border-radius: 0px 6px 6px 0px;
}

.disable-inputs {
    border-radius: 1px;
    padding: 12px;
    background: #eaeaea;
    border: 1px solid #eaeaea;
    font-size: 14px;
}

.offer-blue {
    color: #0553db;
    font-size: 16px;
}

.br-right {
    border-right: 1px solid #fff;
}

.back-white {
    background: #fff;
}

.view-offer {
    color: #0553db;
    font-size: 12px;
}

.border-right-line {
    border-right: 1px solid #eaeaea;
}

.border-ra4 {
    border-radius: 4px
}

.youpay {
    border: 1px solid #eef0f4;
    background: #eef0f4;
}

.youpay-title {
    font-size: 18px;
    font-weight: 100;
    color: #000
}

.youpay-amount {
    font-size: 18px;
    font-weight: 700;
}

.f35 {
    font-size: 35px;
    color: #000;
}

.f35w {
    font-size: 35px;
    color: #fff;
}

.ben-receive {
    border: 1px solid #49bd98;
    background: #49bd98;
}

.ben-title {
    font-size: 18px;
    font-weight: 100;
    color: #fff
}

.ben-amount {
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.modal-header_dark {
    border-bottom: 0px !important;
    text-align: center !important;
    display: block;
    background: #efefef;
    border-radius: 6px 6px 0px 0px;
}

.offer-title {
    padding: 10px;
    font-weight: 600;
}

.apply_btn {
    background: #fff;
    color: #2272ff;
    border: 1px solid #2272ff;
    font-weight: 100;
}

    .apply_btn:hover {
        background: #2272ff;
        color: #fff;
    }

.apply_btn_grey {
    background: #fff;
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    font-weight: 100;
}

    .apply_btn_grey:hover {
        background: #fff;
        color: #d4d4d4;
        border: 1px solid #d4d4d4;
        font-weight: 100;
    }

.offer-head {
    width: 56%;
    text-align: center;
    color: #000;
    font-weight: 600;
    background: #fff2f2;
    border: 2px dotted #e88484;
}

.close {
    font-size: 18px;
    padding-right: 12px;
}

.pad-top100 {
    padding-top: 100px
}

.you-save-text {
    color: #0553db;
    font-size: 12px;
    margin-top: 5px;
}

.remove_txt {
    float: right;
    color: #ff5f4f;
}

.dark_icon {
    color: #000;
}

.they_receive {
    padding: 0.75rem 1rem;
    margin-bottom: 0;
    color: #fff;
    background-color: #21409A;
}

.cancel_btn_pad {
    padding: 12px 25px;
}

.transact-failed {
    background: #ffdee0;
    color: #ec0d1d;
    font-weight: 600;
    border-radius: 5px;
    padding: 5px 15px;
}

.StepProgress {
    position: relative;
    padding-left: 45px;
    padding-right:5%;
    list-style: none;
}

    .StepProgress::before {
        display: inline-block;
        content: '';
        position: absolute;
        top: 0;
        left: 13px;
        width: 10px;
        height: 85%;
        border-left: 4px solid #cde4f2;
    }

.StepProgress-item {
    position: relative;
    counter-increment: list;
}

    .StepProgress-item:not(:last-child) {
        padding-bottom: 35px;
    }

    .StepProgress-item::before {
        display: inline-block;
        content: '';
        position: absolute;
        left: -30px;
        height: 100%;
        width: 10px;
    }

    .StepProgress-item::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        left: -37px;
        width: 14px;
        height: 14px;
        border: 2px solid #cde4f2;
        border-radius: 50%;
        background-color: #0377c0;
    }

    .StepProgress-item.is-done::before {
        border-left: 2px solid green;
    }

    .StepProgress-item.is-done::after { /*  content: "✔";*/
        font-size: 10px;
        color: #FFF;
        text-align: center;
        border: 2px solid #cde4f2;
        background-color: #0377c0;
    }

    .StepProgress-item.current::before {
        border-left: 2px solid green;
    }

    .StepProgress-item.current::after {
        content: counter(list);
        padding-top: 1px;
        width: 19px;
        height: 18px;
        top: -4px;
        left: -40px;
        font-size: 14px;
        text-align: center;
        color: green;
        border: 2px solid green;
        background-color: white;
    }

.StepProgress strong {
    display: block;
}

/* ----------------------End New Home Page-----------------*/




/*responsive*/
@media (max-width: 1134px) {
    .row.feedbk_out .res_width-col6 {
        width: 100%;
        padding-bottom: 30px;
    }

    .tabs.feedback_box a span {
        padding-left: 20px;
        padding-right: 20px;
    }

    .feedbk_out .col-md-6:first-child {
        border: 0px;
    }

    .feedbk_bottom .col-md-6 {
        width: 100%;
        margin-bottom: 20px;
    }

    .feedbk_bottom .col-lg-4:last-child {
        text-align: right;
    }

    .feedbk_out {
        border: 0px;
    }

    .mt-4.feedbk_out {
        margin-top: 0 !important;
    }

    .mt-4.feedbk_bottom {
        margin-top: 0 !important;
    }
}

@media (max-width:992px) {
    .feedbk_out .col-md-6 .col-md-3:first-child {
        width: 100%
    }

    .feedback_title {
        margin: 0px;
        margin-bottom: 20px;
    }

    .col-md-6.smile_left {
        width: 80%;
    }

    .feedback_box .col-md-3.tab-content {
        width: 20%
    }

    .feedbk_out {
        border: 0px;
    }

    .mt-4.feedbk_out {
        margin-top: 0 !important;
    }
}
/*feedback*/


.angry_smaile span {
    font-size: 10px;
}

.tabs.feedback_box span {
    padding-right: 6px;
    font-size: 10px;
}
/* .col-md-6.smile_left{width:100%}
  .feedback_box .col-md-3.tab-content{width:100%;text-align:center;}*/
.tabs.feedback_box li {
    float: none;
    display: inline-block;
}

.tabs.feedback_box ul {
    text-align: center;
}

}

/* ------------------*/
@media (max-width:1940px) {
    .video_out {
        margin-top: 15%;
    }
}

@media (max-width:1400px) { /*13-06-2022*/

    .verify_padding {
        padding: 20px;
    }

    .verify_padding2 {
        padding: 20px;
    }

        .verify_padding2 .verify_b1 img {
            margin: 0px;
        }

        .verify_padding2 .verify_b2_img1 img {
            width: auto;
        }

        .verify_padding2 .verify_b2_img1 {
            padding: 50px 0px 30px 0px;
        }

        .verify_padding2 .verify_b1 {
            padding: 50px 0px 60px 0px;
        }

    .titl_vres {
        margin-top: 20px;
    }
}

@media (max-width:1200px) {
    .video_out {
        margin-top: 21%;
    }
}

@media (max-width:995px) {
    .navbar-collapse .navbar-nav {
        padding: 10px;
    }

    .navbar-nav .nav-item {
        margin-right: 0px;
        border-bottom: 1px solid #eee;
    }

    .nav-item a.btn-secondary {
        margin: 10px 0px 20px 0px;
    }

    .page-footer .col-md-4 {
        width: 100%;
    }

    .mobile_app_box .col-sm-5, .mobile_app_box .col-sm-7 {
        width: 100%;
        text-align: center;
    }
}

@media (max-width:768px) {
    .copy_write .text-md-left, .copy_menu {
        text-align: center !important;
    }
    .carousel.banner{ height:709px;}
    .masthead img {
        width: auto !important;
    }
    .navbar-light .navbar-toggler {
       
        border-color: none;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: 0;
    }
        .navbar-toggler {
        padding: 0rem;
    } 
        .copy_menu {
        padding-bottom: 10px;
    }
    /*18-5 santhosh*/
    .bg-login-image img {
        width: 50%;
    }

    .login_line::before {
        display: none;
    }

    .copy_write .col-md-5, .copy_write .copy_menu {
        margin: 0px;
        padding: 0px;
    }

        .copy_write .copy_menu a {
            margin-right: 0px;
        }

    .copy_write .row {
        margin: 0px;
        padding: 0px;
    }

    .copy_write .copy_menu a {
        display: block;
    }
    /*Saravana Responsive 18-05-2022*/
    .login_signup_link {
        padding: 20px;
        margin-top: 0px
    }

    .bg-login-image {
        display: none !important;
    }

    .imgView {
        width: 100%;
    }
    /*Saravana Responsive END*/
    /*santhosh 24-05-2022*/
    .mob_clp_button .login_signup_link {
        margin-top: 30px;
        padding-left: 0px;
    }

    .mob_clp_button_none {
        display: none;
    }

    .mob_clp_button {
        display: none;
    }

    .comm_prom .p-5 {
        padding-bottom: 0px !important;
    }

    .comm_prom .text-right {
        text-align: right;
    }

    .common_log_btn {
        text-align: right;
    }

    .mob_clp_button .text-left {
        text-align: left;
    }

    /*nithy 24-05-2022*/
    .deskview {
        display: none;
    }

    .mobview {
        display: block;
    }

    .create_p_password .btn-secondary {
        padding: 12px 50px;
    }

    .active_color {
        font-size: 1.3em;
        font-weight: 600;
    }

    .flex-container > div {
        width: 100%;
    }

    .p_r0 {
        padding-right: 0px;
    }
    /*13-06-2022*/ .verify_idbottom {
        padding: 20px;
    }

        .verify_idbottom .col-md-6 {
            margin-bottom: 10px;
        }

        .verify_idbottom .text-right {
            text-align: right;
        }

    .verify_or::before {
        width: 96%;
        height: 2px;
        border-bottom: 2px dashed #bbb;
        left: 10px;
    }

    .or_verify {
        left: 45%;
        top: -10px;
    }

    .verify_b2_img2 {
        padding: 60px 0px 30px 0px;
    }

    .verify_padding2 .verify_b1 img {
        margin: 0px;
    }

    .verify_padding2 .verify_b2_img1 img {
        max-width: 100%;
    }
    /*Saravana Responsive 19-05-2022*/
    .sm_name_res {
        display: grid !important;
    }

    .large-header canvas {
        width: 60%;
    }
    .navbar-expand-lg { padding:0px;}
    .navbar-light .navbar-toggler {
        border: 0 !important;
    }
    .large-header {
        background-size: 1530px 650px !important;
        max-height: 350px !important;
        min-height: 420px !important;
    }

    .section-title h2 {
        color: #000;
        font-size: 30px;
        font-weight: 600;
    }

    .max430 {
        width: 350px;
    }

    .carousel.banner .carousel-caption h1 {
        font-size: 30px !important;
    }

    .sub-heading {
        font-size: 20px !important;
        font-family: 'Poppins Light' !important;
        color: #012136 !important;
    }

    .sub-head2 {
        font-size: 14px !important;
        font-family: 'Poppins Light' !important;
        color: #012136 !important;
    }

    .wid30 {
        width: 30%;
    }

    .wid70 {
        width: 70%;
    }

    .explore-area {
        padding-top: 0px;
    }

    .pad-top {
        padding-top: 40px;
        margin-left: 20px;
    }

    .font28 {
        font-size: 18px !important;
    }

    .mobile_app_box .section-title {
        margin-top: 0px;
        margin: 0 auto;
    }

    .app_download {
        margin-top: 0px !important;
        display: flex;
    }

    .bg-blue-btn {
        width: auto;
    }
    .section-title{ margin-top:2em;}
    .navbar-nav .nav-item {
        border-bottom: none;
    }
    #navMenu2 li {
        margin-right: 2em;
        margin-left: 4%;
    }
    .navbar {
        background: transparent;
    }

    .ds-none {
        display: none;
    }

    /*Saravana Responsive END*/
}

@media (max-width:1170px) {
    .currency-form {
        position: relative;
        top: 0px;
        right: auto;
        left: auto;
        margin: 40px auto;
    }

    .carousel.banner .carousel-item, .carousel.banner {
        min-height: 100%;
        height: auto;
    }

    .video_out {
        margin-top: 24%;
    }
}

@media (max-width:990px) {
    .explore-area .col-sm-6 {
        width: 100%;
    }

    .explore-area .col-sm-6 {
        width: 100%;
    }

    .flow_box .col {
        width: 50%;
        flex: auto;
        margin-bottom: 20px;
    }

    .carousel.banner .carousel-caption {
        width: 70%;
        left: 15%;
    }

    .flow_border {
        background: none;
    }

    .flow_box span {
        font-size: 16px;
    }

        .flow_box span br {
            display: none;
        }

    .video_bg {
        background-size: cover;
        float: none;
    }

    .video_out {
        margin: 30px auto;
        float: none;
        text-align: center;
    }

    .mobile_app_box .col-sm-5 {
        text-align: center;
    }

    .mobile_app_box .col-sm-7 {
        text-align: left;
    }

    .testimonials .carousel-control-next {
        right: 10px;
    }

    .testimonials .carousel-control-prev {
        left: 10px;
    }
}


@media (max-width:768px) {
    .flow_border {
        background: none;
    }

    .w158 {
        width: 72%;
    }

    .flow_box .col {
        width: 100%;
    }

    .wht_we_do .col-sm-4 {
        width: 100%
    }

    .testimonials .carousel-control-next {
        right: 10px;
    }

    .testimonials .carousel-control-prev {
        left: 10px;
    }

    .login_line .p-5.mt-5 {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    /*1506-2022*/
    .search_autoheader .col-md-6 {
        width: 45%;
    }

    .p-5 {
        padding: 1rem !important;
    }
}

@media (max-width:680px) {
    .carousel.banner .carousel-caption {
        bottom: 16%;
    }

    .flow_border {
        background: none;
    }

    .testimonials .carousel-control-next {
        right: 10px;
    }

    .testimonials .carousel-control-prev {
        left: 10px;
    }
    /**/
    .login_line .p-5.mt-5 {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .p-5 {
        padding: 1rem !important;
    }

    .imgView {
        width: 100%;
    }
}

@media (max-width:480px) {
    .carousel.banner .carousel-caption {
        bottom: 0%;
        width: 70%;
        left: 18%;
    }

        .carousel.banner .carousel-caption h1 {
            font-size: 18px;
        }

    .currency-form {
        width: 100%;
    }

    .flow_border {
        background: none;
    }

    .flow_box .col {
        width: 100%;
        flex: inherit;
        margin-bottom: 20px;
    }

    .w158 {
        width: 71%;
    }

    .video_bg {
        background-size: cover;
        float: none;
        padding: 10px;
    }

    .video_out {
        margin: 30px auto;
        float: none;
        text-align: center;
        height: auto;
    }

    video {
        width: 100%;
    }

    .wht_we_do .col-sm-4 {
        width: 100%
    }

    .mobile_app_box .col-sm-5, .mobile_app_box .col-sm-7 {
        text-align: left;
    }

    .explore-image img {
        width: auto;
    }

    .mobile_app_box .explore-image img {
        width: 100%;
    }

    .app_download a img {
        width: 100%
    }

    .carousel.banner .carousel-caption p {
        font-size: 16px;
    }
    /*13-06-2022*/
    .verify_or::before {
        width: 94%;
    }

    .p-5 {
        padding: 1rem !important;
    }

    .imgView {
        width: 100%;
    }
}

@media (max-width:435px) {
    .w158 {
        width: 64%;
    }

    .carousel.banner .carousel-caption p, .carousel.banner .carousel-caption .btn {
        font-size: 12px;
    }

    .carousel.banner .carousel-caption h1 {
        font-size: 12px;
    }
    /*13-06-2022*/
    .verify_or::before {
        width: 94%;
    }

    .p-5 {
        padding: 1rem !important;
    }

    .mrg15rem {
        margin: 20px 0 0 0 !important;
    }

    .imgView {
        width: 100%;
    }
}

@media (max-width:360px) {
    .w158 {
        width: 58%;
    }

    .carousel.banner .carousel-caption p, .carousel.banner .carousel-caption .btn {
        font-size: 12px;
    }

    .carousel.banner .carousel-caption {
        top: 2%;
    }
    /*13-06-2022*/
    .verify_padding2 .verify_b1 img {
        max-width: inherit;
        width: 87%;
    }

    .verify_padding2 .verify_b2_img1 img {
        max-width: inherit;
        width: 87%;
    }

    .verify_or::before {
        width: 92%;
    }

    .imgView {
        width: 100%;
    }
}
/*nithy responsive*/

@media only screen and (max-width: 768px) {

    .steper_baractive5, .steper_baractive4, .steper_baractive3, .steper_baractive, .steper_bar, .steper {
        display: none;
    }

    #prd, #cnd, #yoi, #otd, #psd {
        display: none;
    }

    .flex-container {
        display: block;
    }

    .example input[type=text] {
        float: left;
        width: 83%;
        border: 0px;
        outline: none;
        margin-top: 10px;
    }

    .example button {
        float: left;
        border-radius: 50px;
        width: 17%;
        padding: 10px;
        border: 0px;
        background: #21409A;
        color: white;
        font-size: 17px;
        border-left: none;
        cursor: pointer;
    }

    .boxtxt {
        padding: 1em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        border-radius: 8px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }

    .imgWidth, .orngTxt {
        width: 100%;
    }
    /*18-5-2022*/
    .mobBrk {
        display: block;
        width: 100%;
    }

    .text-right, .text-left {
        text-align: center;
    }

    .bg_green {
        text-align: left;
    }

    .orngTxt2 {
        width: 100%;
    }

    .mrg15rem {
        margin: 20px 0 0 0 !important;
    }
}

@media only screen and (max-width: 600px) {
    .steper_baractive5, .steper_baractive4, .steper_baractive3, .steper_baractive, .steper_bar, .steper {
        display: none;
    }

    #prd, #cnd, #yoi, #otd, #psd {
        display: none;
    }

    .flex-container {
        display: block;
    }

    .example input[type=text] {
        float: left;
        width: 83%;
        border: 0px;
        outline: none;
        margin-top: 10px;
    }

    .example button {
        float: left;
        border-radius: 50px;
        width: 17%;
        padding: 10px;
        border: 0px;
        background: #21409A;
        color: white;
        font-size: 17px;
        border-left: none;
        cursor: pointer;
    }

    .boxtxt {
        padding: 1em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        border-radius: 8px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }

    .imgWidth, .orngTxt {
        width: 100%;
    }

    video {
        object-fit: cover;
        width: 90% !important;
        border: 1px solid red;
    }
    /*18-5-2022*/
    .mobBrk {
        display: block;
        width: 100%;
    }

    .text-right, .text-left {
        text-align: center;
    }

    .bg_green {
        text-align: left;
    }

    .orngTxt2 {
        width: 100%;
    }
    /*santhosh 24-05-2022*/
    .comm_prom .text-right {
        text-align: center;
    }

    .common_log_btn {
        text-align: center;
    }

    .mob_clp_button .text-left {
        text-align: center;
    }

    .common_log_btn {
        padding: 0px 0px 20px 0px;
    }

    .mrg15rem {
        margin: 20px 0 0 0 !important;
    }
}

@media only screen and (max-width: 400px) {
    .steper_baractive5, .steper_baractive4, .steper_baractive3, .steper_baractive, .steper_bar, .steper {
        display: none;
    }

    #prd, #cnd, #yoi, #otd, #psd {
        display: none;
    }

    .flex-container {
        display: block;
    }

    .example input[type=text] {
        float: left;
        width: 83%;
        border: 0px;
        outline: none;
        margin-top: 10px;
    }

    .example button {
        float: left;
        border-radius: 50px;
        width: 17%;
        padding: 10px;
        border: 0px;
        background: #21409A;
        color: white;
        font-size: 17px;
        border-left: none;
        cursor: pointer;
    }

    .boxtxt {
        padding: 1em;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        border-radius: 8px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }

    .imgWidth, .orngTxt {
        width: 100%;
    }
    /*18-5-2022*/
    .mobBrk {
        display: block;
        width: 100%;
    }

    .text-right, .text-left {
        text-align: center;
    }

    .bg_green {
        text-align: left;
    }

    .orngTxt2 {
        width: 100%;
    }

    .mrg15rem {
        margin: 20px 0 0 0 !important;
    }
}

@media only screen and (max-width:1164px) {

    .video_bg {
        width: 100%;
        background: none;
        margin-top: 0px !important;
        text-align: center;
    }

    .video_out {
        float: none;
        text-align: center;
        margin-top: 30px;
    }

    .about-three .col-lg-6 {
        width: 100%;
        max-width: 100%;
    }

        .about-three .col-lg-6 .about-three__content, .about-three .col-lg-6 .section-title {
            width: 100%;
            max-width: 100%;
        }
}

.pendingTxt {
    color: #d0ac06;
    font-weight: 600;
    font-size: 28px;
}

.pend_card-text {
    font-size: 16px;
    color: #9fa0ac;
}

.teans_pend_box {
    background: #fdeeab;
    border: 1px solid #d9ac06;
    border-radius: 16px;
    padding: 20px 10px 10px 10px;
    color: #d0ac06;
}
/* 16-06-2022 Spinner */
.section-loading {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

    .section-loading ul.list-bars {
        list-style: none;
        display: flex;
        align-items: center;
    }

        .section-loading ul.list-bars li {
            margin: 0 7px;
            width: 8px;
            border-radius: 10px;
            background-color: #21409A;
            animation: animate 0.8s infinite alternate;
        }

            .section-loading ul.list-bars li:nth-child(odd) {
                height: 80px;
                animation-delay: 0.6s;
            }

            .section-loading ul.list-bars li:nth-child(even) {
                height: 20px;
            }


/*--------Drag & Drop --------*/

.drop-zone-sp {
    min-height: 120px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    color: #06f;
    border: 1px dashed #06f;
    border-radius: 10px;
    background: #f3f7fd;
}

.drop-zone-sp i {
    font-size: 3em;
    display: block;
}

.drop-zone {
    height: 200px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 1px dashed #ccc;
    border-radius: 10px;
}

    .drop-zone i {
        font-size: 3em;
        display: block;
    }

.drop-zone--over {
    border-style: solid;
}

.drop-zone__input {
    display: none;
}

.drop-zone__thumb {
    width: 100%;
    min-height: 250px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: cover;
    position: relative;
    background-repeat:no-repeat;
}

    .drop-zone__thumb::after {
        content: attr(data-label);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 0;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.75);
        font-size: 14px;
        text-align: center;
    }
/*--------Drag & Drop  --------*/

/*01-03-2023 saravana*/
.test-demo {
    font-size: 30px;
    color: red; 
    font-weight:600;
}

.blue_heading2 {
    color: #089cfa;
    font-size: 65px;
    font-weight: 600;
}

.wid25 {
    width: 25% !important;
}

/*02-10-2023 Aboutus saravana*/
.boarddir-sep {
    border-bottom: 1px solid #cecece;
    padding-bottom: 35px;
}
.board-img:hover {
    transform: scale(1.4);
}
.board-img:hover {
    transition: transform 1s;
}


.about_bg {
    background-image: url('/assets/img/aboutus.png');
    background-size: cover;
    height: 415px;
    padding: 10em;
    margin: auto;
}
@media (min-width: 576px) {
    .modal-dialog2 {
        max-width: 580px;
        margin: 1.75rem auto;
    }
}
.bg-blue-btn2 {
    background: #e6b221;
    border-radius: 8px 19px 8px 8px;
    padding: 6px 25px 6px 25px !important;
    color: rgba(2, 19, 69, 1) !important;
    font-size: 1em;
    cursor: pointer;
    border: 0px;
    width: 92px;
}
.doed_bdr {
    border: .5px dashed #21409a;
    background: #edf4ff;
    border-radius: 10px;
    padding: 5px;
    color: #354180;
    font-size: 15px;
}
.popuptxt2 {
    font-size: 15px;
    text-align: center;
}
.popuptxt3 {
    font-size: 14px;
    text-align: center;
   color: #7e792b;
}