body{
    font-family: 'Roboto', sans-serif;
    background: #F8F8F8;
}
.pop_font{
    font-family: 'Poppins', sans-serif;
}
.navbar{
    background: #fff !important;
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-nav .nav-link{
    font-weight: 500;
    color: #333333 !important;
    font-size: 14px;
    padding: 8px 15px !important;
    transition: 0.3s;
}
.navbar-nav .nav-link:hover{
    color: #4B0082 !important;
    transition: 0.3s;
}
.navbar-nav .nav_login{
    border: 1px solid #4B0082;
    border-radius: 50px;
    padding: 8px 28px !important;
    transition: 0.3s;
}
.navbar-nav .nav_login:hover{
    background: #4B0082;
    transition: 0.3s;
    color: #fff !important;
}
.navbar-nav .nav_signup{
    background: rgb(75,0,130);
    background: linear-gradient(0deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
    border-radius: 50px;
    padding: 9px 29px !important;
    transition: 0.3s;
    margin-left: 10px;
    color: #fff !important;
}
.navbar-nav .nav_signup:hover{
    background: rgb(75,0,130);
    background: linear-gradient(183deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
    color: #fff !important;
}
.navbar-toggler{
    border: 0;
    font-size: 20px;
    font-size: 26px;
    color: #7431C9;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.navbar .dropdown-menu{
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    border: 0;
}
.navbar .dropdown-menu .dropdown-item{
    font-weight: 500;
    color: #333333;
    font-size: 14px;
}
.navbar .dropdown{
    padding: 0 !important;
}
.navbar .dropdown .dropdown-toggle img{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
}
.navbar .dropdown .dropdown-toggle::after{
    display: none;
}
.navbar .dropdown .dropdown-toggle{
    padding: 0 !important;
}
.navbar .dropdown .dropdown-toggle i{
    font-size: 12px;
}
.dropdown-item.active, .dropdown-item:active{
    background: #6515BD !important;
    color: #fff !important;
}
.offcanvas.offcanvas-end{
    width: 300px;
}
.side_bar_ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.side_bar_ul a{
    font-weight: 500;
    color: #333333 !important;
    font-size: 16px;
    transition: 0.3s;
    text-decoration: none;
    padding: 7px 0;
    display: inline-block;
}
.side_bar_ul a:hover{
    color: #4B0082 !important;
    transition: 0.3s;
}
.offcanvas-header{
    border-bottom: 1px solid silver;
}
.side_bar_login{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid silver;
    padding-bottom: 15px;
    padding-top: 15px;
}
.side_login{
    border: 1px solid #4B0082;
    border-radius: 50px;
    padding: 8px 28px !important;
    transition: 0.3s;
    text-decoration: none;
    color: #4B0082;
}
.side_login:hover{
    background: #4B0082;
    transition: 0.3s;
    color: #fff !important;
}
.side_signup{
    background: rgb(75,0,130);
    background: linear-gradient(0deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
    border-radius: 50px;
    padding: 9px 29px !important;
    transition: 0.3s;
    margin-left: 10px;
    color: #fff !important;
    text-decoration: none;
}

/* banner css  */
.banner_section{
    background: #E9DFF1;
    padding: 60px 0;
    padding-bottom: 100px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    margin-top:70px;
}

.banner_img{
    position: relative;
    margin-left: 100px;
}
.ban_lock{
    position: absolute;
    left: -73px;
    top: 24px;
    width: 45px;
    height: 45px;
    object-fit: contain;
}
.ban_doc{
    position: absolute;
    left: -73px;
    top: 115px;
    width: 45px;
    height: 45px;
    object-fit: contain;
}
.ban_user{
    position: absolute;
    left: -73px;
    top: 202px;
    width: 45px;
    height: 45px;
    object-fit: contain;
}
.ban_circle{
    position: absolute;
    left: -74px;
    bottom: -49px;
}
.main_img{
    width: 100%;
    border-bottom-left-radius: 70px;
}
.points_img{
    width: 100px;
    position: absolute;
    bottom: -7px;
    right: -45px;
    z-index: 1;
}
.banner_content{
    color: #fff;
    position: relative;
}
.banner_grid_left{
    width: 100px;
    position: absolute;
    top: -75px;
    left: -38px;
}
.banner_btn{
    background: #fff;
    color: #666666;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 50px;
    padding: 13px 28px;
    display: inline-block;
    transition: 0.3s;
    margin-top: 15px;
    box-shadow: 0px 3px 5px #0000003b;
}
.banner_btn:hover{
    background: #4B0082;
    color: #fff;
    transition: 0.3s;
}
.banner_content h4{
    font-size: 44px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #4B0082;
}
.banner_content p{
    font-size: 20px;
    width: calc(100% - 150px);
    color: #666666;
}
/* end of banner css  */

/* client logo css  */
.cl_logo_main{
    padding: 30px 0;
}
.cl_logo_main{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.cl_logo_main img{
    height: 35px;
}
/* end of client logo css  */

/* how to start section css  */
.how_start{
    padding: 60px 0;
}
.how_box{
    text-align: center;
    padding: 0 50px;
}
.how_box img{
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 18px;
}
.how_box h4{
    font-size: 20px;

}
.how_box p{
    font-size: 17px;
    color: #666666;
}
.how_title{
    text-align: center;
    margin-bottom: 40px;
}
.how_title h4{
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.how_title p{
    font-size: 17px;
    color: #666666;
}
.take_btn_main{
    text-align: center;
}
.take_btn_main a{
    color: #666666;
    text-decoration: none;
    border: 1px solid #707070;
    font-size: 18px;
    font-weight: 500;
    padding: 13px 26px;
    display: inline-block;
    border-radius: 50px;
    margin-top: 20px;
    transition: 0.3s;
}
.take_btn_main a:hover{
    background: #5E0EAC;
    border-color: #5E0EAC;
    color: #fff;
    transition: 0.3s;
}

/* end of how to start section css  */

/* plan box css  */
.plan_section{
    padding: 20px 0;
    padding-bottom: 70px;
    position: relative;
}
.star_left{
    position: absolute;
    left: 57px;
    top: 212px;
    width: 350px;
    z-index: -1;
}
.star_right{
    position: absolute;
    right: 57px;
    top: 212px;
    width: 350px;
    z-index: -1;
}

.plan_box{
    border: 1px solid #B1BDDA;
    border-radius: 10px;
    padding: 15px;
    background: #FCFCFC;
    min-height: 515px;
}
.plan_title h4{
    font-size: 23px;
    color: #333333;
    font-weight: 600;
}
.plan_title p{
    color: #666666;
    font-size: 18px;
    margin-right: 20px;
}
.most_p{
    font-size: 13px;
    background: #22B14C;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    padding: 4px 8px;
    position: relative;
    top: -4px;
    left: 4px;
}
.plan_price{
    display: flex;
    align-items: flex-start;
}
.plan_price .p_price{
    color: #111111;
    font-size: 52px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.plan_price .doller{
    position: relative;
    font-size: 22px;
    top: -14px;
}
.plan_price .filter-option-inner-inner{
    text-transform: uppercase;
    font-weight: 600;
}
.plan_price .dropdown-toggle{
    width: unset;
    background: transparent;
}
.plan_price .dropdown-toggle:hover{
    background: transparent;
    border-color: transparent;
}
.plan_price .dropdown-toggle.show{
    background: transparent;
    border-color: transparent;
}
.plan_price .dropdown-toggle:focus{
    outline: unset !important;
    border-color: transparent;
}
.plan_price .dropdown-menu{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-color: #fff;

}
.plan_price .dropdown-menu li{
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 16px;
}
.plan_price .dropdown-item.active{
    background-color: #6410B7 !important;
}
.plan_price .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    width: 10px;
    height: 9px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    position: relative;
    left: 3px;
    top: -1px;
    border-top: 0;
    border-left: 0;
}
.plan_btn a{
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    background: rgb(75,0,130);
    background: linear-gradient(0deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
    color: #fff;
    padding: 10px 13px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 20px;

}
.plan_btn a:hover{
    background: rgb(75,0,130);
    background: linear-gradient(180deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
}
.plan_list h4{
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 12px;
}
.plan_list ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.plan_list ul li{
    font-size: 14px;
    margin-bottom: 7px;
    position: relative;
    margin-left: 25px;
}
.plan_list ul li::before{
    content: "\f058";
    font-family: 'Font Awesome 6 Free';
    font-weight: 400;
    position: absolute;
    left: -25px;
}
.plan_list ul li i{
    margin-right: 5px;
    color: #333333;
}
/* end of plan box css  */

/* customer love css  */
.testi{
    background: #F3FFF5;
    padding: 60px 0;
}
.testiCard{
    background: #fff;
    border-radius: 15px;
    padding: 27px;
    position: relative;
    box-shadow: 0 .325rem .25rem rgba(0,0,0,.075)!important;
    margin-bottom: 30px;
}
.testiCard .qu{
    width: 44px !important;
}
.testiText{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin-top: 5px;
    margin-bottom: 19px;
}
.testiCard .profile{
    width: 68px !important;
    height: 68px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 15px;
}
.cardName{
    font-weight: 500;
    font-size: 20px;
    color: #333333;
    margin: 0;
    margin-top: 10px;
}
.cardCname{
    font-size: 17px;
    font-weight: 400;
    color: #666666;
    margin: 0;
}
.testiLocation{
    position: absolute;
    right: 20px;
    bottom: 0px;
}
.testiLocation p{
    font-size: 17px;
    font-weight: 500;
    color: #7e2bd1;
}
.owl-theme .owl-dots .owl-dot span{
    width: 13px;
    height: 13px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #0C3971;
}
/* end of customer love css  */

/******************footer_start*****************/
.site-footer {
    background-color:#F9F9F9;
}
/* .footer-logo-link .follow_us{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
} */
.footer-logo-link .lgo-text {
    margin-bottom: 10px;
    display: block;
}
.site-footer .footer_topbx{
    padding:50px 0px 25px;
}
.footer-logo-link p {
    color: #666666;
    text-align: left;
    font-size: 14px;
    margin-bottom: 15px;
}
.footer-logo-link .footer-social h2 {
    padding-bottom: 15px;
}
.footer-social a {
    width: 35px;
    height: 35px;
    display: inline-block;
    font-size: 16px;
    margin-right: 1px;
    text-decoration: none;
    background: #fff;
    text-align: center;
    line-height: 2.2;
    border-radius: 5px;

    box-shadow: 0 .325rem .25rem rgba(0,0,0,.075)!important;
}

.footer-logo-link .footer-title {
    color: #25447B;
    font-size: 15px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    padding-bottom: 20px;
    font-weight: 500;
}
.footer-logo-link ul li{
    color: #666666;
    font-size: 14px;
    margin-bottom: 10px;
}
.footer-logo-link ul li a {
    color: #666666;
    text-align: left;
    display: inline-block;
    transition: 0.4s ease-in-out;
    text-decoration: none;
}
.footer-logo-link ul li a:hover{
    color: #6c35c2;
}
.footer-logo-link ul li{
    list-style: none;
}
.site-footer .end-sec {
    border-top: 1px solid #D8DCDF;
    padding: 20px 0px;
}
.copy-right {
    text-align: center;
}
.copy-right p {
    letter-spacing: 0px;
    color: #666666;
    font-size: 14px;
    margin-bottom: 0px;
}
.copy-right {
    text-align: center;
}
ol, ul {
    padding-left: 0rem !important;
}
.footer-social a i{
    color: #7431C9;
}
.footer-social a:hover{
    background: #7431C9;
    color: #fff !important;
}
.footer-social a:hover i{
    color: #fff;
}
.logo_ftr a {
    text-decoration: none;
    color: #505050;
    font-size: 26px;
}
.logo_ftr a:hover{
    text-decoration: none;
    color: #505050;
}

.bottom_ftr{
    margin-top: 22px;
}
/******************footer_end*****************/
/* our features css */
.our_features{
    padding: 60px 0;
    background: #fff;
}
.our_img{
    position: relative;
    border-bottom-right-radius: 70px;
}
.our_img img{
    width: 100%;
    border-bottom-right-radius: 90px;
}
.our_dots{
    position: absolute;
    bottom: 0;
    left: -41px;
    width: 41px !important;
    height: 152px;
    border-radius: 0 !important;
}

.our_accordion .accordion-button{
    background: #F9F9F9 !important;
    font-size: 19px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #333333 !important;
    padding: 21px;
}
.our_accordion .accordion-button:focus{
    box-shadow: none;
}
.our_accordion .accordion-button img{
    width: 42px;
    margin-right: 20px;
}
.our_accordion .accordion-button::after{
    width: 30px;
    height: 30px;
    background-size: 30px;
}
.our_accordion .accordion-body p{
    font-size: 20px;
    color: #666666;
}
.accordion-button:not(.collapsed)::after{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235A5855'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.our_accordion .accordion-button:not(.collapsed){
    color: #4B0082 !important;
    box-shadow: unset;
    background: #fff !important;
}
.our_accordion .accordion-button:not(.collapsed) img{
    filter: invert(3%) sepia(67%) saturate(7434%) hue-rotate(256deg) brightness(55%) contrast(127%);
}
.our_accordion .accordion-item{
    border: 0;
    border-bottom: 1px solid #BEBEBE;
    border-radius: 0 !important;
}
.btn_get{
    font-size: 20px;
    color: #666666;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    margin-top: 35px;
    transition: 0.3s;
}
.btn_get:hover{
    color: #5E0EAC;
    transition: 0.3s;
}
/*end of our feartures css */
/* index contact css  */
.index_contact{
    background: #F0F0F0;
    padding: 60px 0;
}
.in_con_box{
    display: flex;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
}
.in_box_left{
    flex: 1 1 auto;
    padding: 50px;
}
.in_box_right{
    background: url(../assets/images/images/contact_bg.jpg) center center no-repeat;
    background-size: cover;
    width: 430px;
    padding: 30px;
    position: relative;
}

.con_right_contact::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(75,0,130);
    background: linear-gradient(0deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
    opacity: 83%;
    z-index: 0;
}
.form-control{
    font-size: 13px;
    padding-bottom: 10px;
    padding-top: 10px;
    min-height: 45px;
}
.form-control:focus{
    box-shadow: unset;
    border-color: #70149F;
}
.btn_submit{
    background: rgb(75,0,130);
    background: linear-gradient(0deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
    border-radius: 50px;
    padding: 11px 45px !important;
    transition: 0.3s;
    color: #fff !important;
    border: 0;
    font-weight: 500;
    height: 45px;
}
.btn_submit:hover{
    background: rgb(75,0,130);
    background: linear-gradient(180deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
}
.contact_item{
    display: flex;
    color: #fff;
    z-index: 9;
    position: relative;
    margin-bottom: 40px;

}
.contact_item h4{
    font-size: 17px;
    margin: 0;
}
.contact_item p{
    font-size: 14px;
}
.contact_item img{
    margin-right: 15px;
    height: 26px;
    width: 26px;
    object-fit: contain;
}
.con_right_contact{
    margin-top: 95px;
}
.in_circle_top{
    position: absolute;
    left: -72px;
    top: -72px;
    z-index: 99;
    width: 180px;
}
.in_circle_bottom{
    position: absolute;
    right: -72px;
    bottom: -72px;
    z-index: 99;
    width: 180px;
}
.in_contact{
    position: absolute;
    z-index: 9;
    bottom: 6px;
    left: 14px;
    width: 244px;
}
/* end of index contact css  */

/* login css  */
.page_banner {
    background: url(../assets/images/images/page_banner.jpg) center bottom no-repeat;
    height: 150px;
    background-size: cover;
    position: relative;
    border-radius: 0 0 50px 50px;
    overflow: hidden;
    margin-top: 70px;
}
.page_banner_grid{
    z-index: 999999;
    position: absolute;
    left: -20px;
    bottom: -27px;
}
.page_banner::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(75,0,130);
    background: linear-gradient(90deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
    opacity: 83%;
    z-index: 0;
}
.forgot_area{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-label {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 15px;
}
.login_box{
    border-radius: 25px;
    padding: 30px;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.form-check-input:focus{
    box-shadow: none;
}
.form-check-input:checked {
    background-color: #4B0082;
    border-color: #4B0082;
}
.forgot_area .form-check-label{
    font-weight: 500;
    font-size: 14px;
}
.login_link{
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #4B0082;
    position: relative;
    transition: 0.3s;
}
.login_link::after{
    content: "";
    height: 2px;
    width: 0;
    background: #4B0082;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.3s;
}
.login_link:hover::after{
    width: 100%;
    transition: 0.3s;
}
.btn_sign_in{
    background: #999999;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 10px 10px;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    transition: 0.3s;
}
.btn_sign_in:hover{
    background: #4B0082;
    transition: 0.3s;
}
.dont_ac{
    text-align: center;
    margin-top: 23px;
}
.dont_ac p{
    font-size: 14px;
    font-weight: 500;
    color: #102542;
    margin: 0;
}
.login_title{
    text-align: center;
    font-family: 'Poppins', sans-serif;
}
.login_title h3{
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 25px;
    color : #333333;
}
.login_section{
    margin-top: -50px;
    z-index: 9;
    position: relative;
    border-bottom: 1px solid #C2C2C2;
    padding-bottom: 70px;
}
.login_section_v2{
    z-index: 9;
    position: relative;
    border-bottom: 1px solid #C2C2C2;
    padding-bottom: 55px;
    padding-top: 55px;
}
/* end of login css  */

/* profile page css  */
.profile_box{
    background: #fff;
    border: 1px solid #E6E6E6;
    /* padding: 15px; */
    border-radius: 10px;
    display: flex;
    overflow: hidden;
}

.profile_left{
    min-width: 380px;
    border-right: 1px solid #E6E6E6;
    /* background: green; */
}
.profile_right{
    flex: 1 1 auto;
    padding: 20px;
}
.profile_top{
    background: #F8F8F8;
    padding: 20px;
    display: flex;
}
.profile_top .profile_img{
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 5px;
    border: 4px solid #fff;
    box-shadow: 0 0.155rem 0.25rem rgba(0,0,0,.085)!important;
    margin-right: 10px;
}
.profile_name{
    flex: 1 1 auto;
}
.profile_name h4{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 10;
}
.profile_name p{
    margin-bottom: 0;
}
.last_update{
    font-size: 14px;
}
.last_update span{
    font-weight: 500;
}
.last_update i{
    color: #3A8841;
}
.expires{
    font-size: 14px;
    background: #F9E3E3;
    border-radius: 10px;
    color: #333333;
    padding: 5px 8px;
    display: inline-block;
    margin-top: 6px;
}
.expires span{
    font-weight: 500;
}
.expires i{
    color: #DC0000;
}
.pc_items{
    display: flex;
    margin-bottom: 20px;
}
.pc_items .pc_content{
    flex: 1 1 auto;
}
.pc_items div p{
    margin: 0;
    font-size: 15px;
}
.pc_items div h5{
    margin: 0;
    font-size: 15px;
}
.profile_content{
    padding: 20px;
}
.pc_icons{
    border: 1px solid #BBBBBB;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-right: 10px;
}
.pc_icons img{
    /* width: 15px; */
    /* height: 15px; */
    object-fit: contain;
}
.pa_box{
    border-radius: 5px;
    background: #F0F0F0;
    border: 1px solid #C9BFBF;
    overflow: hidden;
    border-top: 4px solid #4B0082;
    margin-bottom: 15px;
}
.pa_header{
    padding: 15px;
    background: #fff;
}
.pa_header img{
    margin-right: 5px;
}
.pa_header h4{
    font-size: 18px;
    margin: 0;
}
.pa_body p{
    font-size: 15px;
    margin: 0;
}
.pa_body p span{
    font-weight: 500;
}
.pa_body{
    padding: 15px;
}
.card_box{
    margin-top: 20px;
}
.card_box_header{
    background: #F7F7F7;
    border-radius: 5px 5px 0 0;
    padding: 15px;
}
.card_box_header h4{
    font-size: 18px;
    margin: 0;
}
.card_box_header img{
    margin-right: 5px;
}
.card_item{
    display: flex;
    align-items: center;
    border: 1px solid #C9BFBF;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 5px;
}
.card_item img{
    width: 50px;
    height: 38px;
    border-radius: 5px;
    object-fit: cover;
    margin-right: 10px;
}
.card_details{
    flex: 1 1 auto;
}
.card_details h4{
    margin: 0;
    font-size: 16px;
}
.card_details p{
    margin: 0;
    font-size: 15px;
}
.card_item a{
    text-decoration: none;
    border: 1px solid #B6B6B6;
    color: #666666;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 15px;
    border-radius: 50px;
    transition: 0.3s;
    display: inline-block;
}

.card_item a i{
    color: #8F7E7E;
}
.card_item a:hover{
    border-color: #666666;
    background: #666666;
    color: #fff;
    transition: 0.3s;
}
.card_item a:hover i{
    color: #fff;
}
.tick_tag{
    font-size: 12px;
    margin: 0;
    border: 1px solid #CFCDCD;
    display: inline-block;
    border-radius: 50px;
    padding: 2px 7px;
    font-weight: 500;
    margin-bottom: 7px !important;
}
/* end of profile page css  */


/* OTP page css  */
.inputOtp input {
    display: inline-block !important;
    width: 50px !important;
    height: 50px !important;
    text-align: center !important;
    border: 1px solid #DADADA !important;
    border-radius: 4px !important;
    font-size: 28px !important;
    margin: 15px 7px !important;
}
.inputOtp input:focus {
    outline: none;
}
.otp_footer p{
    color: #9d9d9d;
    font-size: 14px;
    text-align: center;
}
.otp_footer h5{
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0px;
    text-align: center;
    font-weight: 600;
}
.otp_footer h5 a{
    color: #12B18A;
    text-decoration: none;
}
.otp_footer h5 a:hover{
    color:#691AFD;
}
.page_section{
    padding: 50px 0;
    margin-top: -88px;
    z-index: 19;
    position: relative;
}
.page_box{
    padding: 15px;
    background: #fff;
    border-radius: 20px;
}
.accordion-button{
    background: #F9F9F9;
    margin-bottom: 5px;
}
.accordion-button:not(.collapsed) {
    color: #6414bd;
    background-color: #6514bf42;
}
.accordion-button:focus{
    box-shadow: unset;
}
.accordion-item{
    border: 0;

}
.left-contact-inner {
    /* background: rgba(255, 255, 255, 0.96) 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 20px 40px rgb(62 62 62 / 16%);
    box-shadow: 0px 20px 40px rgb(62 62 62 / 16%); */
    border-radius: 8px;
    padding: 30px;
}
.contact-right-section {
    -webkit-box-shadow: 0px 10px 20px rgb(62 62 62 / 10%);
    box-shadow: 0px 10px 20px rgb(62 62 62 / 10%);
    border-radius: 8px;
    max-width: 770px;
    background-color: #FFFFFF;
    padding: 30px;
    width: 100%;
}
.contact-right-section .form-group {
    margin-bottom: 1rem;
}
.contact-right-section .form-group .lebel-style {
    color: #333333;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}
.contact-right-section .form-control {
    width: 100%;
    height: 45px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    font-size: 14px;
    background-color: #FFFFFF;
    color: #333333;
    padding: 0 10px;
}
.contact-right-section .form-select{
    width: 100%;
    height: 45px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    font-size: 14px;
    background-color: #FFFFFF;
    color: #333333;
    padding: 0 10px;
}
.left-contact-inner p {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0px;
    color: #716C85;
    margin-bottom: 15px;
}
.contact-left-section .media {
    margin-bottom: 18px;
}
.contact-left-section span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #6515be;
    text-align: center;
}
.contact-left-section span i {
    font-size: 25px;
    color: #fff;
    font-weight: 400;
    line-height: 50px;
}
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px;
}
.contact-left-section .media-body h4 {
    color: #716C85;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 5px;
    margin: 0;
}
.contact-left-section .media-body h5, .contact-left-section .media-body a {
    color: #211D34;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    transition: 0.4s ease-in-out;
}
.contact-left-section a{
    text-decoration: none;
}
.contact-left-section a:hover{
    color: #6515be;
}
.btn_site{
    background: rgb(75,0,130);
    background: linear-gradient(0deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
    border-radius: 50px;
    padding: 9px 29px !important;
    transition: 0.3s;
    color: #fff !important;
    border: 0;
}
.btn_site:hover{
    background: rgb(75,0,130);
    background: linear-gradient(183deg, rgba(75,0,130,1) 0%, rgba(134,0,232,1) 100%);
    color: #fff !important;
}
/*

font-family: 'Poppins', sans-serif;

*/


.navbar {
    background: #fff !important;
    padding-top: 15px;
    padding-bottom: 15px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0px;
}







.help-block {
    color: #dc3545!important;
    font-size: 14px;
    display: block;
    margin-top: 3px;
}
.passwordbx{
    position:relative;
}
.passwordbx .toggle-password {
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
    color: #666666;
    cursor: pointer;
}

.has-error .form-control {
    border-color:#dc3545;
}


.navbar-nav .nav_login.active{
    background: #4B0082;
    transition: 0.3s;
    color: #fff !important;
}
.navbar-nav .nav_signup.active{
    background: #4B0082;
    transition: 0.3s;
    color: #fff !important;
}

.plan_box.cstnwtp {
    position: relative;
    padding-top: 30px;
    min-height: 100%;
}
.plan_box.cstnwtp .most_p {
    position: absolute;
    top: -14px;
    left: calc(50% - 95px);
    min-width: 190px;
    text-align: center;
}

.custom-dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 15px;
}
.custom-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
}
.custom-dots .dot.active {
    background: #0C3971;
}


/*.scroll-section {
  margin-top: -100px;
  padding-top: 100px;
}
*/

/* Adjust the scroll position to account for the fixed nav height */
/*:target:before {
  content: "";
  display: block;
  height: 70px;  adjust this value to match the height of your fixed navbar
  margin: -70px 0 0;  negative margin equal to navbar height
}*/