*{margin: 0px;padding: 0px;box-sizing: border-box;font-family: Tanha;text-align: right !important;}
input{outline: none !important;filter: none;}
img{width: 100%;height: auto;/* max-height: 770px; */}
strong { color: rgb(33, 33, 33); }
@font-face { font-family: Tanha; src: url("../fonts/Tanha.ttf") format("truetype"); font-weight: normal; }
a{text-decoration: none;}
button{cursor: pointer;border: none;}
.scheme_title {color: #123175;}
.sc_item_subtitle { color: rgb(175, 177, 184); }
h1,h2,h3,h4,h5,h6{color: #233d62;}
p{color: #687693}
:focus {outline: none;}
button:disabled{display:none;}
/*inputs*/
input:-webkit-autofill {
    -webkit-text-fill-color:#000  ;
    -webkit-box-shadow: 0 0 0px 1000px #f5f6f6 inset;
}
input:-moz-autofill {
    -moz-text-fill-color:#f5f6f6;
    -moz-box-shadow: 0 0 0px 1000px #f5f6f6 inset;
}
input:-o-autofill {
    -o-text-fill-color:#f5f6f6;
    -o-box-shadow: 0 0 0px 1000px #f5f6f6 inset;
}
input:-khtml-autofill {
    /*-khtml-text-fill-color: $black;*/
    -khtml-box-shadow: 0 0 0px 1000px #f5f6f6 inset;
}

input:focus:-webkit-autofill {
    /*-webkit-text-fill-color: $black;*/
    -webkit-box-shadow: 0 0 0px 1000px #f5f6f6 inset;
}
input:focus:-moz-autofill {
    /*-moz-text-fill-color: $black;*/
    -moz-box-shadow: 0 0 0px 1000px #f5f6f6 inset;
}
input:focus:-o-autofill {
    /*-o-text-fill-color: $black;*/
    -o-box-shadow: 0 0 0px 1000px #f5f6f6 inset;
}
input:focus:-khtml-autofill {
    /*-khtml-text-fill-color: $black;*/
    -khtml-box-shadow: 0 0 0px 1000px #f5f6f6 inset;
}
/*header*/
/*info header*/
.site-header {position: sticky;z-index: 100;background: #fff;width: 100%;/* top: -3px; */}
.info-header {border-bottom: 1px solid #012173;display: none;}
.info-header::before { display: table; content: ""; }
.info { padding-top: 11.25pt; color: rgb(255, 255, 255); }
.info ul li {float: right;list-style: none;font-size: 15px;color: #012173;}
.info ul li:first-child { margin-left: 26px; }
.social-quote { float: left; }

.quote-btn {/* float: left; */display: table;width: 85%;}
.quote-btn a {/* background-color: #735200; */font-weight: bold;color: rgb(255, 255, 255);padding: 6px 0 16px 0;display: inline-block;width: 100%;font-size: 1.1rem;position: relative;text-align: center !important;padding: 27px 21px 27px 0;}
/*.quote-btn:hover { background: rgb(70, 190, 98); }*/
.quote-btn span {
    width: 100%;
    color: #fff;
    text-align: center !important;
    float: left;
}

/*main menu*/
.container-main-menu {}
.navbar-brand img {max-width: 92px;filter: drop-shadow(-1px 4px 6px #012173);transform: scale(1.2);margin-top: 1px;}
.nav-main-menu ul li { list-style: none; float: right; position: relative; line-height: 1.8em; padding: 25px 0px; }
.nav-main-menu ul li:first-child{margin-right:15px}
.nav-main-menu ul li a {font-size: 1.1rem;font-weight: 100;color: #012173;cursor: pointer;padding: 30px 20px;position: relative;font-weight: normal;z-index: 1;position: relative;}
.nav-main-menu ul li a::before {content: "";background: #012173;width: 100%;height: 43px;border-radius: 43px;position: absolute;left: 0px;top: calc(50% - 21px);opacity: 0;transition: all 0.3s ease 0s;z-index: -1;color: #fff;}
.nav-main-menu ul li a:hover::before { opacity: 1; }
nav.navbar-collapse.collapse.navigation-holder.navbar-left.nav-main-menu { border-left: 1px solid rgba(255, 255, 255, 0.3); display: table !important; }
.navbar-header {/* border-left: 1px solid rgba(255, 255, 255, 0.3); */}
.navbar-collapse ul {padding-top: 7px;display: table;width: 100%;height: 100%;}
.search-btn span { display: block; font-size: 1.875rem; font-weight: bold; text-transform: uppercase; }
.navbar-header {margin-top: 0px;height: 100%;}
.logo {padding-top: 20px;padding-right: 14px;}
.nav-main-menu {border-right: 1px solid rgba(255, 255, 255, 0.3);position: relative;height: 100%;}
.nav-main-menu::before { display: table; content: ""; }
.search-contact.search-contact-index {
    width: 100%;
}

.contact.contact-index {
    padding: 12px;
    height: 100%;
}
.left-seprator { width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.3); position: absolute; right: 1px; top: 0px; }
.search-contact {background-color: #123175;/* position: relative; */float: left;/* margin-left: -15px; */width: 90%;display: table;/* height: 95%; */}
.contact {width: 53%;float: right;padding: 12px 0;border-left: 1px solid rgba(255, 255, 255, 0.3);font-size: 14px;}
.header-search-area {width: 42%;float: left;display: table;/* padding: 14px 21px; *//* border-right: 1px solid rgba(255, 255, 255, 0.3); */height: 100%;margin-right: 2px;}
.header-search-area .search-btn {background: rgb(108, 203, 130);color: white;font-size: 11px;padding: 10px 40px;border-radius: 0px;/* border-left: 1px solid rgba(255, 255, 255, 0.3); *//* position: relative; */text-align: center !important;/* border-right: none; *//* float: left; */}
.header-search-area .search-btn::before { content: ""; background-color: rgba(255, 255, 255, 0.3); width: 1px; height: 100%; position: absolute; right: 1px; top: 0px; }
.search-btn span {display: block;font-size: 1.2rem;font-weight: bold;text-transform: uppercase;}
.search-contact .contact a {/* background: #735200; */display: block;/* padding: 26px 30px 26px 100px; */position: relative;color: rgb(255, 255, 255);text-align: center !important;font-size: 16px;}
.search-contact .contact a h5 {font-size: 1.1rem;font-weight: bold;color: rgb(255, 255, 255);text-align: center !important;margin: 0px 0px 0.2em;}
/*.search-border{width: 5px;border-right: 1px solid rgba(255, 255, 255, 0.3);display: table;border-left: 1px solid rgba(255, 255, 255, 0.3);float: right;height: 100%;z-index: 222222222222;!* position: absolute; *!!* top: 0; *!!* margin-top: 43px; *!}*/
/*sub menu*/

.submenu {
    display:none;
    padding: a;
    position: absolute;
    background: #fff;
    min-width: 200px;
    cursor: pointer;
    box-shadow: 0 0.5pc 0.15625in rgba(0,0,0,.1);
    transition: all .3s;
    /*! border: beige; */
    top: 104%;
    z-index:99999999999;
}

.submenu ul li {
    padding: 3px 4px;
    margin: 0;
        width: 100%;
}
.submenu ul li:first-child {
    margin: 0;
}
.submenu ul {
    margin-bottom: 6px;
}
.submenu ul li a {
    color: #233d62;
    font-size: 15px;
    padding: 0 13px;
    transition: all 0.3s ease-in-out;
}
.submenu ul li a:before{
    background-color: transparent;
}
.submenu ul li a:hover {
    color: #233d62 !important;
    padding-right: 20px;
}
.nav-main-menu ul li:hover .submenu{
    display:block;
}
/*slider*/
.slider-inner {width: 100%;height: 99%;position: absolute;left: 0px;top: 0px;z-index: 1;background-size: cover;background-position: center center;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;text-align: left;background: #0000004d;}
.slide-title {max-width: 59%;/* margin: 0px auto; */text-align: center !important;margin: auto;}
.slide-text p { font-size: 1.375rem; font-weight: 600; color: rgb(255, 255, 255); margin: 0px 0px 1.63em; text-align: center !important; }
.slide-text { max-width: 800px; margin: 0px auto; }
.slide-title h2 {font-size: 3rem;font-weight: bold;color: rgb(255, 255, 255);margin: 0px 0px 0.24em;text-transform: uppercase;text-align: center;}
.pagi {background-color: rgb(255, 255, 255);width: 150px;height: 95px;border-bottom: 1px solid rgb(235, 235, 235);position: absolute;right: 0px;bottom: 9px;z-index: 1;}
.slide-btns { text-align: center !important; }
/*btns*/
.theme-btn {background-color: #0074B7;font-size: 14px;font-weight: bold;color: rgb(255, 255, 255);padding: 14px 24px;border: 0px;border-radius: 60px;display: inline-block;position: relative;z-index: 1;transition: 0.25s ease-in-out all;}
.theme-btn::after {content: "";background-color: #0074b7a8;width: 100%;height: 100%;position: absolute;left: 4px;top: 4px;border-radius: 60px;z-index: -1;transition: all 0.2s ease;}
.theme-btn:hover {background-color: #0074B7;z-index: 1;}
.theme-btn:hover::after { left: 0px; top: 0px; }
.black-btn {/* background: rgb(0, 0, 0); */}
.black-btn {color: rgb(255, 255, 255);background-color: rgb(44, 52, 89);padding: 0px 22px 2px 22px;font-size: 14px;line-height: 36px;font-weight: 600;letter-spacing: 0px;border: 3px solid rgb(44, 52, 89);transition: all 0.3s ease-in-out 0s;border-radius: 50px;float: left;}
.black-btn:hover { background-color: rgb(255, 255, 255); color: rgb(44, 52, 89) !important; }
.theme-btn-2 {border: 1px solid #123175;color: #123175;padding: 10px 28px;border-radius: 30px;background-color: rgb(255, 255, 255);transition: all 0.3s ease-in-out 0s;cursor: pointer;font-size: 16px !important;}
.theme-btn-2:hover {background-color: #123175;color: rgb(255, 255, 255) !important;}

/*footer*/
.footer-site { background: rgb(33, 34, 44); }
.newsLetter { text-align: center; }
.nl-form {padding-left: 30px;/* padding-top: 1.5pc; */position: relative;max-width: 500px;min-width: 300px;}
.nl-form input {padding: 0.0625in 1.25pc;border: 1px solid rgb(255, 255, 255);border-radius: 41px;width: 100%;height: 60px;position: absolute;left: 0;}
.nl-form button {position: absolute;height: 60px;padding: 0px 31px;border-radius: 47px;left: 0;border: 1px solid #0074B7;background: #0074B7;color: rgb(255, 255, 255);}
.nl-text h3,.nl-text h4 {color: rgb(255, 255, 255);}
.newsLetter {padding: 50px 0px 56px;}
.logo-footer {margin-bottom: 10px;width: 100px;}
.footer-menu-title { font-size: 20px; color: rgb(255, 255, 255); margin-bottom: 20px; }
.footer-menu li { list-style: none; color: rgb(197, 197, 197); margin-bottom: 8px; }
.footer-menu li a { color: rgb(197, 197, 197) !important; }
.footer {padding: 30.5pt 0px;border-top: 0.5px solid rgb(131, 132, 135);border-bottom: 0.5px solid rgb(131, 132, 135);padding-bottom: 30pt;}
.down-footer { padding: 20px 0px; }
/*socila links*/
.social-links ul li { list-style: none; float: left; }
.social-links ul li:not(last-child) { margin-left: 11px; }
.social-links ul li i { color: rgb(255, 255, 255); font-size: 1.2rem; }
.social-links { float: left; padding: 15px 25px 0px 0px; }
.social-links ul li a:hover i { color: var(--green-one); }

/*index-subject*/
.index-title {width: 50%;margin: auto;text-align: center !important;margin-top: 50px;margin-bottom: 30px;}
.index-title span {color: #5298C1;font-size: 18px;}
.index-title h4 { font-size: 23px; margin-top: 0.4em; text-align: center!important;}
/*insurances*/
.service-li {padding: 0px;cursor: pointer;/* text-align: revert; */background: none !important;border: none !important;list-style: none;}
.service-li a { padding: 14px 20px; display: block; border: solid transparent; position: relative; transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border 0.2s ease-in-out 0s; box-shadow: none; }
.service-li a {/* color: red; */border: 5px solid #01217345;height: 8em;line-height: 8em;width: 8em;border-radius: 50%;transition: all 0.3s ease 0s;/* margin-right: 53px; */font-size: 1em !important;/* display: inline-block !important; */text-align: center !important;margin: auto;}
.service-li a i {font-size: 64px;color: #01217345;text-align: center !important;}
.service-li span {width: 100%;font-size: 15px;margin-top: 13px !important;text-align: center !important;display: table;}
.ins-active i, .ins-active span, .ins-active { color: rgb(108, 203, 130) !important; border-color: rgb(108, 203, 130) !important; }
.insurance-index-pag { width: 12%; position: relative; height: 65px; margin: auto; margin-top: 15px}
.insurance-index-wrapper { height: 20% !important; }

/*blog index*/
.index-blog-right {padding-right: 6pc;margin-left: 0px;width: 100%;display: table;margin-bottom: 41px;}
.index-blog-left {padding-left: 13pc; padding-top: 0.75in; padding-right: 3.75pc; }
.index-blog-left .post:not(:first-child) { margin-top: 100px; padding-top: 40px; border-top: 1px solid rgba(108, 203, 130, 0.2); }
.section-title-s3 { margin-bottom: 37.5pt; }
.post h3 { margin-bottom: 0.75em; }
.post .text { margin-bottom: 1.5em; }
.entry-media img { max-width: 100%; height: auto; }
.entry-media { margin-bottom: 10px; }
.read-more {float: left;color: #003B73;}
.cat{color: #5298C1;}
/*likable area*/
.likable-area{margin-top: 100px;}
.like-right h3 { margin-bottom: 20px; }
.index-about { padding-right: 98px; padding-left: 73px; }
.index-about h2 { margin-bottom: 32px; }
.index-contact div { width: 100%; margin-top: 28px; }
.index-contact a {font-size: 35px;color: Royal Blue !important;}
.like-left {background: #bfd7edc7;}
.index-contact { padding-top: 47px; padding-right: 5.9375pc; padding-bottom: 6.3125pc; }
.like-img{position: relative;}
.like-img img{width: 100%;margin: auto;height: 70%;}
.like-img a {position: absolute;right: 47.5%;top: -22px;background: #ffff;box-shadow: 0pc 0in 2.235625pc 13.23px rgba(35,61,98,.24);border-radius: 112px;width: 54px;height: 34px;margin: auto;}
.like-img a i{font-size: 63px;color: #003B73;position: relative;top: -12px;}

/*app*/
.about-app {background-color: #f5f6f7 !important;padding: 53px 0px;margin-top: -60px;}
.app-index-btns { width: 100%; margin-top:25px;}
.app-index-btns button { padding: 8px 27px; border-radius: 46px; float: right; }
.app-inner {padding-top: 43px;}
.app-index-btns button {padding: 8px 37px;font-size: 18px;float: left;}


/*bime.html*/
input[type="text"],textarea {
    border-radius: 4px;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
    z-index: 10000;
    position: relative;
    background: transparent;
    border: none;
    border: 1px solid #eee;
    padding: 5px;
}
.bime-card {
    display: table;
    width: 80%;
    margin: 50px auto 80px auto;
    /* text-align: center !important; */
    height: 400px;
    /*width: 1000px;*/
    background: #fff;
    border-radius: 15px;
    margin-bottom: 18px;
    position: relative;
    box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.25);
}
.bime-card form{
    max-height: 300px;
    min-height: 300px;
    overflow: auto;
    }
.bime-header {
    width: 100%;
    display: table;
    padding: 17px 0;
    background: rgba(108, 203, 130, 0.1);
    border-radius: 15px 15px 0px 0px;
    border: 1px solid rgba(108, 203, 130, 0.1);
    background: #F6FFE9;
    background: -moz-linear-gradient(left, #F6FFE9 0%, #85A476 50%, #69C572 100%);
    background: -webkit-linear-gradient(left, #F6FFE9 0%, #85A476 50%, #69C572 100%);
    background: #5298C1;
}
.bime-content {
    width: 80%;
    display: table;
    background: #fff;
    /* padding: 40px 80px 80px 20px; */
    z-index: -2;
    margin: auto;
    margin-top: 45px;
    /*position: relative;*/
    /* height: 100%; */
    display: none;
}
.bime-content form {
    width: 100%;
    margin: auto;
}
.bime-header h3 {
    text-align: center !important;
    /* background: rgba(108, 203, 130, 0.1); */
    color: rgb(255 255 255) !important;
}
/*style inputs bime-html*/
.bime-input{margin-bottom: 20px;position: relative;}
.effect-18 ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 99;
}
.effect-18 ~ .focus-border:before,
.effect-18 ~ .focus-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #6ccb82bd;
    transition: 0.4s;
}
.effect-18 ~ .focus-border:after {
    left: auto;
    right: 0;
}
.effect-18:focus ~ .focus-border:before,
.effect-18:focus ~ .focus-border:after,
.has-content.effect-18 ~ .focus-border:before,
.has-content.effect-18 ~ .focus-border:after {
    width: 50%;
    transition: 0.4s;
}
.effect-18 ~ label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0px;
    color: #aaa;
    transition: 0.3s;
    /* z-index: -1; */
    letter-spacing: 0.5px;
}
.effect-18:focus ~ label,
.has-content.effect-18 ~ label {
    top: -16px;
    font-size: 12px;
    color: #6ccb82bd;
    transition: 0.3s;
}


/*options-input-bime*/
.options-list{display:none;z-index: 9999999999999999999999999;position: absolute;top: 25px;right: 0;background: #f5f6f7 !important;border-radius: 5px;max-width: 220px;min-width: 116px;max-height: 192px;overflow: auto;}
.options-list ul{
    /* padding: 9px 0; */
}
.options-list ul li{
    list-style: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}
.options-list ul li:hover {background: rgba(108, 203, 130, 0.1);}
.d-block{display: block}
.d-none{display: none}
.fullpage{width: 100%;height: 100%;position: fixed;background-color: transparent;z-index: 99;display: none;}


/*switch*/
/* switch  */
.checkbox-bime{
    width: 100%;
    position: relative;
    /* margin-top: 62px; */
    /* display: table; */
    height: 120px;
}

.checkbox-bime p{
    margin-bottom: 35px;
}
.switch-button {
    max-width: 400px;
    min-width: 300px;
    height: 40px;
    text-align: center;
    position: absolute;
    left: 50%;
    /* top: 200%; */
    transform: translate3D(-50%, -50%, 0);
    will-change: transform;
    z-index: 197 !important;
    cursor: pointer;
    transition: 0.3s ease all;
    border: 1px solid white;
    background: #ffff;
    border: 1px solid #5298c1;
    padding-top: 4px;
}
.switch-button-case {
    display: inline-block;
    background: none;
    width: 49.1%;
    height: 100%;
    /*! color: white; */
    /* box-sizing: border-box; */
    position: relative;
    border: none;
    transition: 0.3s ease all;
    /* text-transform: uppercase; */
    /* letter-spacing: 0px; */
    padding-bottom: 1px;
    /* margin-right: -5px; */
    text-align: center !important;
    /* border: 1px solid rgba(182, 255, 199, 0.55); */
}
.switch-button-case:hover {
    /*! color: grey; */
    cursor: pointer;
}
.switch-button-case:focus {
    outline: none;
}
.switch-button .active {
    color: #ffffff;
    background-color: #5298c18f;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
    transition: 0.3s ease-out all;
}
.switch-button .active-case {
    color: #151515;
    /* margin-right: -5px; */
}
/*arrows-bime-input*/
.right-arrow-bime ,.left-arrow-bime {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 32px;
    background: #f5f5f5;
    cursor:pointer;
    border-radius: 50px;
    padding: 0 5px;
}
/*button:disabled:hover {*/
/*    cursor: default;*/
/*    background-color: #f5f5f5;*/
/*}*/
/*button:disabled:hover i{*/
/*    color: #000000b8 !important;*/
/*}*/

.right-arrow-bime i,.left-arrow-bime i{
    margin: 2px 10px 0 0;
    color: #000000b8;
}
.right-arrow-bime{right:30px;}
.left-arrow-bime{left:30px;}
.left-arrow-bime i{transform:rotateY(180deg)}
.right-arrow-bime:hover ,.left-arrow-bime:hover{background-color: #5298c136;}
.right-arrow-bime:hover i,.left-arrow-bime:hover i{color: #012173;}
.active-arrow{color:rgb(108, 203, 130) !important;}

/*bime hor list input-files*/
.insurance-hor-list {
    width: 100%;
    /* display: table; */
    max-height: 154px;
    position:relative;
    border: 1px solid #dadee5;
    background: #fff;
}
.insurance-hor-list ul{height:150px;}
.active-bime {
    background: #5298C1;
    color: #fff;
    position: relative;
}
.insurance-hor-list ul li:before{position:absolute;content:"";width: 100px;height: 100px;background-color: #6ccb82;/* bottom: -60px; */top: 250px;}
.active-bime i,.active-bime span{color: #fff !important;}
.insurance-hor-list ul li{/* width: 150px !important; */list-style:none;padding:30px;/* float:right; */cursor: pointer;text-align:center !important;position:relative;height: 150px;}
.insurance-hor-list ul li i{font-size:3rem;color: #1a81fd;display:block;text-align: center !important;margin-bottom: 5px;/* cursor: pointer; */}
.insurance-hor-list ul li:hover span {color: #1a81fd;}
.insurance-hor-list ul li span{color:#233d62}
.insurance-content-part {
    width: 100%;
}

.insurance-content-tem {
    display: none;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 37px;
    min-height: 300px;
    padding: 10px 20px;
    position: relative;
}

.insurance-content-tem h2 {
    margin-bottom: 20px;
}

.insurance-content-tem p {line-height: 1.7;margin-bottom: 42px;}
/*header type-2*/
.header-2{background-color: #fff;width: 100%;display: table;box-shadow: 9px 2px 3px 0 #e6e7e8;/* margin-bottom: 20px; */}

/* profile */
#minus, #plus {
    cursor: pointer;
}
.wallet-btns {
    width: 53%;
    display: table;
    float: left;
}
.side-profile {
    height: 100%;
    /* width: 90%; */
    margin: 30px auto;
}

.side-first svg {
    color: #fff;
    text-align: center !important;
}

.side-first {
    text-align: center !important;
    width: 100%;
    display: table;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.side-first h4 {
    text-align: center !important;
    color: #fff;
}

.side-first {}

.side-second {
    width: 100%;
    display: table;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 2px;
    padding-top: 30px;
}
.pro-right {
    background: #63747a9e;
    padding: 0;
    border-radius: 0 10px 10px 0;
}

.row.prfile-main {
    min-height: 500px;
    box-shadow: 0 5px 11px -2px rgba(39, 44, 51, .1), 0 6px 4px 0 rgba(39, 44, 51, .04), 0 3px 8px 0 rgba(39, 44, 51, .02);
    margin-top: 80px;
    border-radius: 10px;
    background: #fff;
    margin-bottom:30px;
}

.profile-items img ,.profile-items svg {
    padding: 0;
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 8px;
}

.profile-items {
    width: 100%;
    display: table;
    margin-bottom: 10px;
    cursor: pointer;
    padding:5px 15px;
}
.profile-items:hover{
    /* background:#f5f5f5; */
}

.profile-items p {
    color: #f5f5f5;
    transition: 0.2s ease-in-out all;
}
.profile-items:hover p ,.active-pro-item p{
    color: #34495E;
    font-weight: bold;
}

.pro-left {
    background: #fff;
    border-radius: 10px 0 0 10px;
    /* width: 100%; */
    display: table;
    min-height: 510px;
    padding: 0;
}

.dashboard {
    width: 100%;
    padding:  20px;
    min-height: 400px;
    border-radius: 10px 0 0 10px;
}

.content-pro-left {
    width: 100%;
    display: table;
    height: 100%;
    min-width: 400px;
}

.wallet-pro ,.code-pro {
    width: 30%;
    height: 150px;
    background: antiquewhite;
    border-radius: 7px;
    float: right;
}

.wallet-pro {}

.code-pro {
    float: left;
}
.row.top-dashboard {
    /* margin-bottom: 20px; */
    /* margin: 0; */
    width: 90%;
    margin: 20px auto;
    margin-bottom: 50px;
}

.dashboard-info {
    background: #f5f6f7;
    border-radius: 5px;
    /* padding: 30px 20px; */
}

.dashboard-info-inner {
    /* width: 80%; */
    margin: auto;
}

.dashboard-info-inner img ,.dashboard-info-inner svg  {
    width: 32px;
    height: 32px;
    float: right;
    text-align: center !important;
    margin: auto;
}

.dashboard-info-inner p span {
    color: #009ca7;
    font-weight: bold;
    font-size: 20px;
    margin-left: 5px;
}
.down-dashboard {
    margin:auto;
    margin-top: 20px;
    width: 90%;
}
.wallet-pro ,.code-pro {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #eaecef;
    display: table;
}
.code-pro-top ,.wallet-top{
    width: 60%;
    margin: auto;
    /* text-align: center !important; */
    padding-top: 10px;
    padding-right: 20px;
}

.code-pro-top svg ,.wallet-top svg{
    width: 50px;
    height: 50px;
    float: right;
    margin-left: 12px;
    margin-top: 10px;
}

.code-pro-top p ,.wallet-top p{
    font-size: 21px;
    margin-top: 20px;
    font-weight: 500;
    color:  #233d62;
}

.code-pro-down ,.wallet-down{
    width: 80%;
    display: table;
    margin-top: 20px;
    margin: 20px auto;
    text-align: center !important;
}

.code-pro-down p {
    color: #009ca7;
    font-weight: bold;
    font-size: 20px;
    padding: 3px 5px;
    border: 1px dotted #009ca7;
    width: 54%;
    text-align: center !important;
    border-radius: 4px;
    margin: auto;
}
.wallet-down p {
    float: right;
    width: 30%;
    margin-left: 10px;
}

.wallet-price {
    float: left;
    width: 70%;
    text-align: left !important;
}

.wallet-price span {
    font-size: 23px;
    color: #009ca7;
    margin-left: 5px;
}
.dashboard-inner-right ,.dashboard-inner-left{
    padding: 20px;
}
.col-md-8.dashboard-inner-left {padding-right: 19px;}
.dashboard-inner-right {
    border-radius: 0 10px;
    display: table;
    width: 100%;
}

/*suc-payment*/
.svg-part {
    width: 100%;
    text-align: center !important;
    position: relative;
    /* z-index: 20; */
    display: table;
}

.svg-part svg g {
    position: absolute;
    /* right: 50%; */
    z-index: 20;
    /* float: left; */
}

svg#Layer_1 g {
    /* z-index: 50; */
    /* right: 10px; */
}

svg#Layer_1 {
    position: absolute;
    left: 45%;
    top: 30%;
}

/*suc msg*/
.suc-message {
    max-width: 400px;
    margin: auto;
    /* text-align: center !important; */
    border: 1px dashed green;
    padding: 8px 15px;
    border-radius: 7px;
    display: table;
    min-width: 350px;
}

.suc-message p {
    color: #233d62;
    font-size: 17px;
    float: right;
    max-width: 50%;
    min-width: 30%;
}

.suc-message span {
    color: #727171;
    font-size: 17px;
    font-weight: bold;
    float: left;
    max-width: 40%;
    /* min-width: 20%; */
    margin-right: 20px;
}

/*reminder index*/
.index-reminder {
    width: 70%;
    margin: auto;
    background: #fff;
    border-radius: 15px;
    box-shadow: 2px 7px 29px -1px rgba(24,71,63,0.75);
    -webkit-box-shadow: 2px 7px 29px -1px rgba(24,71,63,0.75);
    -moz-box-shadow: 2px 7px 29px -1px rgba(24,71,63,0.75);
}

.rem-header {
    width: 100%;
    padding: 20px 10px;
    background: #5298C1;
    border-radius: 15px  15px 0 0;
}

.rem-header h3 {
    text-align: center !important;
    color: #fff;
}

.rem-contetnt {
    width: 100%;
    background: #fff;
    padding: 50px 50px 0 50px;
    border-radius: 0 0 15px 15px;
}

.rem-contetnt div {
    margin-bottom: 21px;
}
.main-reminder {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
    padding: 50px 0 59px 0;
}
.main-reminder svg {
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 94%;
    top: -67px;
}
.rem-bottom {
    width: 30%;
    margin: auto;
    text-align: center !important;
    padding-bottom: 55px;
}

 
.main-reminder img {
    position: absolute;
    left: 10%;
    top: -36px;
    transform: scale(0.6) rotateZ(-25deg);
}


/*order page*/
.order-ins ,.bill-main {
    width: 100%;
    margin: 20px 0;
    border: 1px solid #80808030;
    border-radius: 5px;
    padding: 40px 28px;
    box-shadow: 1px 0px 9px -1px #ccc;
    background: #fff;
}
.order-ins h4 {
    text-align: center !important;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 13px;
}
.order-p {
    color: #333;
    margin-top: 20px;
    margin-bottom: 25px;
}
.order-p:after ,.required-label:after {
    content:"*";
    color:#ff0000ad;
    margin-right:3px;
}
.order-ins {
    padding: 19px 28px;
}
.file-upload {
    margin: 27px auto;
}
/*upload file*/
.img-card-upload {
    width: 85%;
    height: 150px;
    border: 1px solid #eee;
    border-radius: 5px;
    /* margin-bottom: 20px; */
    /* text-align: center !important; */
    display: table;
    margin: 0 auto 20px auto;
    /* position: relative; */
}

.img-card-upload img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    text-align: center !important;
    margin: auto;
}
/* input file */
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

input.theme-btn.spe-btn {
    cursor: pointer;
    /* margin: auto; */
    float: none;
    width: 100%;
    display: table;
    margin: auto;
    font-size: 20px;
    text-align: center !important;
    padding: 9px 0;
}
.custom-file-input::before {
    content:'he'
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #6ccb82bd;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    /* text-shadow: 1px 1px #fff; */
    /* font-weight: normal; */
    font-size: 10pt;
    background: #6ccb82bd;
    transition: 0.3s ease-in-out all;
    color: #fff;
    width: 90%;
    margin: auto;
    text-align: center !important;
}
.custom-file-input:hover::before {
    border-color: #6ccb82bd;
    background: #fff;
    color: rgb(108, 203, 130) !important;
}
.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.file-upload-cell {
    width: 90%;
    display: table;
    text-align: center !important;
    margin: auto;
    position: relative;
}
p.name-image {
    bottom: -20px;
    position: absolute;
    right: 21px;
    /* z-index: -1; */
    font-size: 14px;
    background: #5298c1;
    width: 85%;
    padding: 4px;
    color: #fff;
    cursor: pointer;
    padding-right: 7px;
    border-radius: 5px;
}
p.name-image span {
    float: left;
    margin-left: 5px;
}
.custom-file-input {
    width: 90%;
    margin: auto;
    opacity: 0;
    background: transparent;
    z-index: 222;
    position: absolute;
    right: 0;
    left: 0;
    cursor: pointer;
    /* padding: 5px 10px; */
}

 
.order-textarea textarea {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
    transition: 0.3s ease-in-out all;
    width: 100%;
    color: #333;
    resize: none;
}
.order-textarea textarea:focus{
    border-color:#6ccb82bd;
}

/*bill*/
.bill-main {
    padding: 10px 0;
    display: table;
}

.bill-main h2 {
    text-align: center !important;
    /* color: rgb(108, 203, 130) !important; */
    margin-bottom: 10px;
}

.bill-part {
    background: #5298c133;
    padding: 10px 20px;
    margin-bottom: 9px;
    margin-top: 5px;
}

.bill-main div {
    /* padding: 10px 20px; */
    /* display: table; */
    /* width: 100%; */
}
.bill-row p:first-child ,.bill-row p:last-child{
    width:50%;
    float:right;
    /* text-align: left !important; */
}
.bill-row {
    padding: 4px 20px;
    display: table;
    width: 100%;
}

.bill-row p:last-child {
    text-align: left !important;
    color: #333;
    padding-left: 10px;
}

.bill-part h4 {
    color: #123175 !important;
}
.bill-footer {
    width: 100%;
    display: table;
    border-top: 1px solid #eee;
    padding: 9px 19px;
    margin-top: 7px;
}

.bill-footer h3,.bill-footer h4 {
    float: right;
    width: 50%;
}
.bill-footer h4 {
    margin-top:5px;
}
.bill-footer h3 {
    text-align: left !important;
    color: #333;
    font-weight: normal;
}

.bill-footer h3 span {
    font-size: 20px;
    margin-left: 5px;
    color: #00ae00;
    font-weight: bold;
}


/* input style 2*/
.user-box {
    position: relative;
    margin-bottom: 50px;
}

.user-box input {
    font-size: 14px;
    color: #333;
    border: 1px solid #eee;
    background: transparent;
    padding: 5px 8px;
}
.user-box input ~ .focus-border {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 99;
}

.focus-border::before ,.focus-border::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    /*background-color: #6ccb82bd;*/
    transition: 0.4s;
}
.focus-border:after {
    left: auto;
    right: 0;
}
.user-box input:focus ~ .focus-border:before,.user-box input:focus ~ .focus-border:after{
    width: 50%;
    transition: 0.4s;
}
.user-box input:valid ~ .focus-border{
    width: 100%;
    /*background-color: #6ccb82bd;*/
}
.user-box label {
    position: absolute;
    top: 5px;
    right: 8px;
    padding: 0;
    font-size: 14px;
    color: #012173;
    pointer-events: none;
    transition: .5s;
    background: #fff;
    z-index: 9999999;
}

.user-box input:focus ~ label,
.user-box input:valid ~ label {
    top: -20px;
    right: 0;
    color: #012173;
    font-size: 12px;
}


/*scroll bar*/
.style-15::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-15::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

.style-15::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
    40% 0%,
    75% 84%,
    from(#4D9C41),
    to(#19911D),
    color-stop(.6,#54DE5D))
}


/*edit-info-profile*/
.edit-info-pro {
    width: 80%;
    margin: auto;
    padding: 39px 0;
}
.content-pro-left-title {
    padding: 17px 30px 5px 0;
    border-bottom: 2px double #123175;
    /* border-style: double; */
}
.textarea-theme {
    width: 100%;
    resize: none;
    border-radius: 5px;
    border: 2px solid #eee;
    padding: 5px 8px;
    transition: 0.3s ease-in-out all;
    color: #333;
}
.textarea-theme:focus{
    border: 2px solid #6ccb82bd;
}
.textarea-theme::placeholder{
    color: green;
}
.edit-info-btn-pro {
    display: block;
    width: 150px;
    margin: 0 auto;
    text-align: center !important;
}


/*signin*/
.main-signin {
    background: #fff;
    min-height: 400px;
    margin: 60px auto;
    border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.2) 6px 9px 8px 0px;}
.container-signin ,.container-signin-m {width: 80%;text-align: center !important;margin: 45px auto;}

.container-signin h2 ,.container-signin-m h2 {text-align: center !important;margin-bottom: 20px;color: 123175rgb(108, 203, 130);}
.input_t1 {/* min-width: 300px; */width: 87%;border: none;background: #f5f6f6;padding: 12px;/* margin-bottom: 11px; */margin: auto;/* margin-bottom: 13px; */position: absolute;left: 0;}
.container-signin-m {
    width: 50%;
}
.btn-signin {
    background: #123175;
    border-color: #123175;
    padding: 2px 51px;
    font-size: 15px;
    /* margin: auto; */
    float: none;
    margin-top: 30px;
}
.container.signin-container {
    width: 70%;
    margin: auto;
}
.row.main-signin .col-md-4 {
    background: #123175;
    border-radius: 0 10px 10px 0;
}

.container-signin h2 {
    color: #fff;
}

.container-signin p {
    color: #f5f6f7a6;
}

.container-signin {
    margin-top: 94px;
}

.btn-login {
    border: 2px solid #fff !important;
    letter-spacing: 2px;
}
.container-signin-m button {
    width: 100%;
    /* margin: auto; */
    text-align: center !important;
    font-size: 18px;
    padding: 3px;
    margin-top: 20px;
}.form-sign-c {
     width: 100%;
     position: relative;
     display: table;
     margin-bottom: 59px;
 }
.signi {
    width: 31px;
    height: 45px;
    background: #f5f6f6;
    position: absolute;
    text-align: center !important;
    right: 13px;
}
.signi i {
    color: #868686;
    margin-top: 13px;
    margin-right: 0px;
}
.btn-lgin {
    border: 3px solid #fff;
}
.alert-form {
    position: absolute;
    right: 0;
    top: 11px;
    z-index: 222;
    display: table;
    width: 200px;
    display:none;
}
.text-alert-sign {
    position: absolute;
    right: -95px;
    font-size: 12px;
    background: #fff;
    top: -17px;
    padding: 2px 10px;
    display:none;
    border-radius: 4px;
}
.alert-form i {
    color: red;
    /* float: right; */
    cursor: pointer;
    position: absolute;
    right: -31px;
    top: 4px;
}

/*alerts*/
.myAlert-top{
    position: fixed;
    top: 85px;
    left: 25%;
    width: 50%;
}
.myAlert-top strong {
    margin-left: 5px;
}
.myAlert-bottom{
    position: fixed;
    bottom: 5px;
    left:2%;
    width: 96%;
}

div.fullscreen {
    position: absolute;
    width:100%;
    height:960px;
    top: 0;
    left: 0;
    z-index: 99999999999999999999999999999999;
    background-color: lightblue;
}

.alert,.alert2{
    display: none;
}
.alert ,.alert2{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    z-index: 9999999999;
}
.alert-success {
    z-index: 99;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
/*end alerts 3*/

/*login*/
.forget-pass {
    color: gray;
    /* text-decoration-line: underline; */
    /* text-decoration-style: dotted; */
    background: transparent;
    margin-top: -10px !important;
    font-size: 15px !important;
    padding: 0 !important;
}

.forget-pass:hover {
    text-decoration-line: underline;
    text-decoration-style: dotted;
}
button#resentCode_login {
    background: transparent;
    font-size: 13px;
    border-bottom: 1px dotted transparent;
    color: gray;
    width: 30%;
    /* margin: auto; */
    padding: 0;
}

button#resentCode_login:hover {
    border-bottom: 1px dotted gray;
}

p#resentCodeF {
    color: gray;
    font-size: 13px;
    margin-right: 13px;
}
.forget-pass:disabled{
    background-color: #fff;
}
.forget-pass:disabled:hover {
    text-decoration-line: line-through;
    text-decoration-style: solid;
    background: #fff;
}


/*about*/
.container.mb-xxl-5.main-about {
    margin-bottom: 50px;
    margin-top: 18px;
}
.about-p h3 {
    margin-bottom: 7px;
}

.about-p {
    padding: 18px 0 40px 0;
}
.border-about {
    border-bottom: 1px dotted #80808078;
    width: 20%;
    margin: auto;
}
.team-card {
    width: 100%;
    background: #5298c142;
    border-radius: 5px !important;
}

.team-card img {
    width: 100%;
    height: 150px;
    border-radius: 5px 5px 0 0;
}

.team-card-info {
    padding: 10px 22px;
}


.team-card button {
    width: 100%;
    border-radius: 0;
    text-align: center !important;
    background: #5298c1;
    padding: 5px;
    color: #fff;
    border-radius: 0 0 5px 5px;
    transition: 0.3s ease-in-out all;
}
.team-card button:hover {
    font-size: 18px;
}

.info-person-div i {
    float: right;
    color: red;
    cursor: pointer;
    padding: 1px 6px 1px 6px;
    position: absolute;
    border: 1px solid red;
    transition: 0.3s ease-in-out all;
    border-radius: 23px;
    line-height: 1.3;
    margin-top: 5px;
}

.info-person-div i:hover {
    color: #fff;
    background: red;
}
.person-info ul {
    width: 400px;
    ppos: ;
    position: fixed;
    z-index: 9999;
    top: 20%;
    right: 40%;
    background: #f5f6f7;
    /* padding: 10px 29px; */
    border-radius: 5px;
    min-height: 400px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    display: none;
    /* padding: 10px; */
}
.person-info ul li {
    list-style: inside;
    color: #434364;
    margin-bottom: 11px;
    padding: 0 20px;
}
.person-info ul div {
    width: 100%;
    /* background: green; */
    /* text-align: center !important; */
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    padding: 10px;
    background: #fff;
}

.person-info ul div p {
    text-align: center !important;
    margin-top: 8px;
    color: #233d62;
    font-weight: bold;
}

/*accordion*/
/* accordion */
.accordionPart {
    width: 100%;
    float: right;
}

.accordion {
    background-color: #f5f6f7;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-top: 30px;
}


.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: left;
    margin-left: 5px;
}

.active_accordion:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    /* display: none; */
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    border: 1px solid #f5f6f7;
}

.panelDiv {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 2px;
}
.panelDivLeft{
    width:20%;
    float:left;
}
.panelDivLeft p{
    /* margin-top:-5px; */
}
.panelDivRight {
    width: 70%;
    float: right;
    /*! margin-bottom: 10px; */
}
/*end accordion*/


/*swiper bime ha*/
.swiper-slide:hover a i ,.swiper-slide:hover span {
    color: rgb(108, 203, 130);
    /* background: red; */
}
.swiper-slide:hover a {
    border-color: #012173;
}
.swiper-slide a i ,.swiper-slide span ,.swiper-slide a{transition:0.3s ease-in-out all}
/**/

/*calculate-page*/
.top-calc form {
    width: 100%;
    /* display: table; */
    padding: 0 25px;
    padding-right: 0;
}

.top-calc p {
    padding: 0 20px;
    font-size: 16px;
}

.top-calc form .row {
    margin-bottom: 15px;
}

.calc-more-div {
    margin-bottom: 0 !important;
}

.top-calc p:first-child {
    /* padding: 0px; */
    margin-bottom: -6px;
}
.container.info-calc {
    background: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
    position: relative;
    display: table;
    /* height: 200px; */
    margin-top: 20px;
}

.top-info-calc {
    padding: 20px;
    /* position: absolute; */
    width: 100%;
    padding: 20px;
    /* background: #f5f6f7; */
    /* right: 0; */
    /* top: 0; */
}

.accordion-btn {
    width: 20px;
    position: absolute;
    left: 21px;
    z-index: 1;
    width: 75px;
    background: #fff;
    border-radius: 0 0 10000px 10000px;
    bottom: -21px;
    height: 29px;
    text-align: center !important;
    box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: gray;
    font-size: 14px;
}

.acc-down {
    position: absolute;
    background: #fff;
    width: 100%;
    right: 0;
    padding: 20px 38px;
    border-radius: 0 0 5px 5px;
    display: none;
    z-index: 2;
    box-shadow: 0px 6px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.less-info {
    /* width: 20px; */
    text-align: center !important;
    padding: 4px 13px;
    float: left;
    border-radius: 100000px 100000px 0 0;
    margin-left: -25px;
    /* margin-bottom: -88px; */
    position: absolute;
    bottom: 0;
    left: 32px;
    box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: gray;
    background: #fff;
    font-size: 14px;
}
.factor-btn {
    width: 100%;
    text-align: center !important;
    margin-bottom: 50px;
}
.quote-btn a i {
}.col-md-3 .search-contact {
    width: 100%;
    height: 100%;
}
/*pop up*/
.popup {
    display:none;
    background: #fff;
    position: absolute;
    margin: auto;
    /* background-color: #FFF; */
    height: 225px;
    width: 450px;
    border-radius: 3px;
    /* padding: 20px; */
    overflow: hidden;
    right: 36%;
    left: 50%;
    text-align: center !important;
    box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%), 0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);
    top: 25%;
    min-height: 250px;
    z-index: 10001;
}

.popup-header {
    width: 100%;
    padding: 10px 20px;
    background: rgb(108 203 130);
    /* color: #fff; */
}

.popup-header p {
    color: #fff;
    text-align: center !important;
}
.backPop {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #0000001f;
    top: 0;
    right: 0;
      display:none;
    z-index: 999;
}

.popup-content {
    width: 100%;
    min-height: 100px;
    text-align: center !important;
    padding: 21px 0;
    background: #fff;
}

.popup-content input {
    width: 50%;
    margin: auto;
    padding: 4px 10px;
    color: #333;
    margin-top: 8px;
    border: 1px solid #3333;
    border-radius: 5px;
}

.popup button {
    padding: 5px 30px;
    border-radius: 5px;
    background: black;
    color: #fff;
    text-align: center !important;
    margin-right: 173px;
    margin-top: 14px;
 }



/*calculate zarib*/

/*circle and rec box*/
.circle-cell {
    width: 20px;
    height: 20px;
    background: #cbcbcb00;
    border-radius: 50px;
    display: block;
    margin-top: 3px;
    margin-left: 5px;
    cursor:pointer;
     border: 2px solid #d0d0d0;
}

.rightbar-cell span {
    float: right;
}
 
.rightbar-cell {
    width: 100%;
    float: right;
 }
.rec-cell{
    height: 25px;
    width: 5px;
    border: 2px solid #d0d0d0;
    display: block;
    /* margin-top: 16px; */
    margin-right: 7px;
    background: #d0d0d0;
}
.rightbar-cell:not(:first-child) {
    margin-top: -4px;
}
 
.right-price-calc p {
    font-size: 13px;
    margin-bottom: 22px;
}

.right-price-calc p:last-child {
    margin-bottom: 0;
}

.right-price-calc p:first-child {
    margin-top: 4px;
}

.right-price-calc:last-child .rec-cell{
    display:none;
}


/*eof rec va circle box*/
.top-calc {
    background: #fff;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%);
}

.btn-top-calc {
    width: 100px;
    float: left;
    text-align: center;
    text-align: center !important;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 3px 8px 4px 8px;
    border-radius: 0 0 7px 9px;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%);
    margin-top: 10px;
}
.main-calc {
    margin: 68px auto;
    /* background: #fff; */
}

.calc-tabel tr:first-child {
    background: darkgray;
    /* border: 1px solid gray; */
}

.calc-tabel tr:first-child th {border-color: darkgray;font-size: 15px;color: #2c2b2b;}

td {
    padding: 4px 14px 4px 14px !important;
    font-size: 15px;
    border-bottom: 1px solid    rgba(224, 224, 224, 1);
}

tr {
    border-bottom: 1px solid    rgb(20 18 18) !important;
}

td:nth-child(2n) {
    font-weight: bold;
}


/**/


td {
}

th {
    color: rgb(0 0 0 / 73%);
    padding: 16px 15px;
    /* background: lightgray; */
    border-bottom: 1px solid    rgba(224, 224, 224, 1);
}

thead {
    background: #eaeaea !important;
    /* padding: 5px !important; */
    width: 100%;
    /* display: table; */
}

td button {
    /* background: var(--theme-color); */
    background: #0074b7;
    /* background: var(--theme-color); */
    /* background: #6ccb82; */
    padding: 5px 12px;
    border-radius: 5px;
    color: #fff;
}

.main-calc .col-md-9 ,.range-bar{
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%);
    border-radius: 1px;
}
.range-bar {
    padding: 10px 2px;
    border-radius: 5px;
    min-width: 190px !important;
}
table {
    width: 100%;
    padding: 0 !important;
    height: 100%;
    margin: 0 !important;
}


/*new switch*/
    .switch_btn_ins {
        width: 300px;
        display: table;
    }
    .switch_btn_ins button {
        padding: 7px 14px;
        border-radius: 28px;
        border: none;
        background: #eee;
        font-size: 17px;
        color: #060646;
    }
    
    .switch_btn_ins button:first-child {
        margin-right: 7px;
    }
    #wallet form input[type="button"], #wallet form input[type="submit"] {
    cursor: pointer;
    padding: 7px 30px;
}
 .form-actions button {
    background: #23a523;
    padding: 6px 21px;
    border-radius: 5px;
    color: #fff;
}

.form-actions a {
    background: red;
    padding: 4px 12px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
}

.form-actions {
    margin-top: 12px;
 }
 
 .sub-pro {
    padding: 0 39px 0 0;
    width: 100%;
    /* float: left; */
    margin: -5px 0;
}

.sub-pro a:first-child {
    margin-top: 17px;
}
.sub-pro a {
    width: 100%;
    float: right;
    color: #fff;
    font-size: 13px;
    margin-top: 7px;
}
.sub-pro a:hover {
    color: #34495E;
}

.resp-side-profile{display:none;}

/*contact*/
.accordionForm {
  background-color: #fff;
  color: #303956;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: right;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top: 17px;
  /*! margin-bottom: 30px; */
}

.activeForm, .accordionForm:hover {
  /*! background-color: #; */
}

.accordionForm:after {
  content: '\002B';
  color: #303956;
  font-weight: bold;
  float: left;
  margin-left: 5px;
}

.activeForm:after {
  content: "\2212";
}

.panelForm {
  padding: 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  transition: display 0.5s ease-out;
}

.panelDivForm {
  /*! display: table; */
  /*! margin-bottom: 10px; */
  /*! padding-bottom: 20px; */
}

.panelDivRightForm {
  width: 70%;
  float: right;
  /*! margin-bottom: 10px; */
}

.panelDivRightForm i {
  /*! padding: 20px; */
  background: #303956;
  padding: 10px;
  border-radius: 50px;
  color: #fff;
  margin-top: 0px;
}

.panelDivRightForm p {
  display: inline;
  color: rgba(39, 44, 51, .7);
}

.panelDivLeftForm p {
  color: rgba(39, 44, 51, .7);
  float: left;
  padding-top: 12px;
}

.panelDivForm input{
  border: 1px solid #edf0f2;
  box-shadow: inset 0 1px 1px rgba(39, 44, 51, .075);
  color: #272c33;
  border-radius: .25rem;
  padding: 5px 10px;
  margin-left: 14px;
  width: 27%;
}
 

/*  */

.phoneContact ,.emailcontact ,.mapContact {
  width: 100%;
  padding: 10px;
  margin-top: 29px;
  margin-bottom: 10px;
}
.phoneContact h3, .emailcontact h3 ,.mapContact h3{
  color: #303956;
}

.phoneContact h3 i, .emailcontact h3 i ,.mapContact h3 i{
  margin-left: 8px;
}
.phoneContac p , .emailcontact p,.mapContact p{
  font-size: 15px;
  margin: 10px;
  color: #777;
}

.phoneContact li ,.mapContact li{
  list-style: none;
}
.nav-main-menu ul li a:hover {
    color: #fff;
}
/*new pattern*/
a.card {
    box-shadow: -1px 0px 7px 0 #dddcdc;
    display: table;
    padding: 5px;
    margin-bottom: 26px;
    border-radius: 5px;
    transition: 0.3s;
}

 .card-content {
    padding: 4px 10px 12px 10px;
}

.card-content h2 {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: justify;
}

.card-content p {
    font-size: 14px;
}

a.card:hover {
    box-shadow: 1px 4px 7px 0 #beb9b9;
}

.section-title {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 97%;
    margin: 21px auto 9px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

.section-title h2 {
    color: #012173d1;
    font-size: 23px;
    font-weight: 600;
    line-height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 7px 15px;
    transform: translateY(-50%);
    background-color: rgb(255, 255, 255);
}
.slider-inner {}

.slider-inner.about-head {
    height: 100%;
    display: table;
    bottom: 9px;
    top: auto;
}

.index_slider img {
    height: 99%;
}

.index_slider {
    position: relative;
    width: 100%;
    display: table;
    height: auto;
}

.index_slider {}


.service-li a:hover {
    border-color: #012173;
}

.service-li a:hover i {
    color: #012173;
}
.right-arrow-bime span, .left-arrow-bime span {
    float: right;
    margin-right: 4px;
}
.slide-inner2 {
    width: 450px;
    min-height: 170px !important;
    top: 20px !important;
    background: #f5f5f5;
    right: 22px;
    border-top: 4px solid #012173;
    max-height: 300px;
    height: auto !important;
    /* border-right: 4px solid #735200; */
}

.slide-inner2 .slide-text p a {
    width: 143px;
    /* float: right; */
    display: table;
    text-align: center !important;
    margin: 20px auto 0;
    background: #012173;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    font-weight: normal;
}

.slide-inner2 .slide-title h2 {
    color: #000;
    font-size: 24px;
    text-align: right !important;
}

.slider-inner2 .container {
    margin-top: 0 !important;
}

 
.slider-inner.about-head.slide-inner2 .container {
    margin-top: 15px !important;
}
.slide-inner2 .slide-title {
    padding: 3px 10px;
    margin: 0;
}

.slide-inner2 .slide-text p {
    font-size: 16px;
    text-align: right !important;
    color: #000;
}

.slide-inner2 .slide-text {
    padding: 5px 15px;
}
 
.sub-ins p {
    font-size: 18px;
    margin-bottom: 4px;
    color: #000;
}

.sub-ins {
    width: 100%;
    background: #c0c2c98c;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 13px 15px;
}

.sub-ins li {
    list-style: disc;
    /* padding-right: 14px; */
    margin-right: 33px;
    color: #5298C1;
}

.sub-ins a {
    color: #5298C1;
}

.sub-ins a:hover {
    font-weight: bold;
}
select, input, textarea,fieldset {
    border-color: #5298c17d !important;
}
.person-info ul p {
    width: 88%;
    margin: auto;
}

form.contact-form input {
    margin-bottom: 16px;
    width: 80%;
    background: #c0c2c936;
    color: #123175;
}


form.contact-form select {
    margin-bottom: 16px;
    width: 80%;
    background: #c0c2c936;
    color: #123175;
}



form.contact-form input[type="submit"] {
    width: 10pc;
    height: 37px;
    text-align: center !important;
    background: #5298c1;
    box-shadow: none;
    border: none;
    color: #fff;
    font-size: 17px;
    margin-top: 20px;
}

form.contact-form textarea {
    width: 80%;
    background: #c0c2c936;
}
.box-contact {
    padding: 14px 5px;
    border-top: 2px solid #ccc;
}

.box-contact .col-4 {
    line-height: 50px;
}



.box-contact .col-4, .box-contact .col-8 p {
    text-align: center !important;
}

.box-contact .col-4 i {
    font-size: 25px;
    color: #0074b7;
}

.box-contact.social-links {
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 2px solid #ccc;
    padding: 18px 0 0;
    margin-top: 30px;
}

.box-contact.social-links a {
    font-size: 33px;
    padding: 0 20px;
    color: #1f4d80;
}

::placeholder {
    color: #123175;
}
fieldset input {
    border: none !important;
}
 .certificate-cell {padding: 10px 14px;margin-bottom: 15px;}

.certificate-cell h4 {
    text-align: center !important;
    margin-top: 5px;
}

.certificate-cell img {
    width: 100%;
    max-height: auto;
    border-radius: 5px;
}

#info {
    font-size: 20px;
    width: 100%;
    text-align: center !important;
    margin-top: 20px;
    color: #fff;
}

.certificate-container {
    background: #f5f6f7;
    padding: 30px 0 1px 0;
    margin-bottom: 64px;
    display: table;
    width: 100%;
}


.express_full {
    position: fixed;
    background: rgba(0,0,0,0.9);
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: auto;
    z-index: 99999999999999999999999999999;
    display: none;
    text-align: center !important;
}


.express_full i {
    float: left;
    color: #fff;
    font-size: 40px;
    margin-left: 20px;
}

.type_bime_div {
    width: 100%;
    background: #efefef;
}

.type_bime_div {
    width: 100%;
    background: #efefef;
    padding: 10px 20px;
    display: none;
    margin-bottom: 47px;
}

#clear_div {
    width: 100%;
    height: 100px;
}