/*base css*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-size: 100%;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

html {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    color: #0073aa;
    text-decoration: none;
    transition: all 0.3s ease;
}



a:hover,
a:focus {
    color: #003f5e;
    text-decoration: none;
}

a img {
    border: none;
}

img {
    max-width: 100%;
}

iframe {
    border: none;
}

.padtb100 {
    padding: 100px 0px;
}

.padtb50 {
    padding: 50px 0px;
}

.padb100 {
    padding-bottom: 100px;
}

.padt100 {
    padding-top: 100px;
}

.padb0 {
    padding-bottom: 0px !important;
}

.padtb0 {
    padding: 0px !important;
}

.bg1 {
    background: #00201e;
}

.bg2 {
    background: #028e63;
}

.bg3 {
    background: #e6f7f2;
}

.bg4 {
    background: #186D63;
    position: relative;
}

.cols {
    flex: 1 0 0%;
    /* flex: 1 1 25%;*/
}

.bg4:before {
    position: absolute;
    content: "";
    width: 10000px;
    height: 100%;
    top: 0;
    /* left: 0; */
    right: 100%;
    background-color: #186D63;
}

.bg5 {
    background: #186D63;
}

.bg6 {
    background: #fff;
    color: #000;
    padding: 20px;
}

.sinpup {
    background: #fff;
    border: 1px solid #186D63;
    color: #000;
}

.bgblk {
    background: #000 !important;
}

.bgtrans {
    border: 1px solid #000;
}

.bgwhite {
    background: #fff !important;
}

.bgwhite:hover {
    background: #03ab77 !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
}

.bggreen {
    background: #2a807b !important;
}

.bgtrans:hover {
    background: #03ab77 !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
}

.bgblk:hover {
    background: #03ab77 !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
}

.bggreen:hover {
    background: #03ab77 !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
}

.bggreen1 {
    background: #03ab77 !important;
}

.bggreen1:hover {
    background: #2a807b !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 19px 12px rgba(0, 0, 0, 0.05);
}

.padr {
    padding-right: 150px;
}

.padl {
    padding-left: 150px;
}

.colorgreen {
    color: #03AB77;
}

.colorblk {
    color: #000 !important;
}

.colorwhite {
    color: #fff !important;
}

.colorlightgreen {
    color: #03ab77 !important;
}

.colordarkgreen {
    color: #002220 !important;
}

.colordarkgreen {
    color: #002220 !important;
}

.colordarkgreen1 {
    color: #186D63 !important;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fwb {
    font-weight: bold;
}

.border30 {
    border-radius: 30px;
}

.border15 {
    border-radius: 15px;
}

.btns {
    border-radius: 30px;
    display: inline-block;
    /* height: 70px; */
    padding: 10px 30px;
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 600;
}

.mtop20 {
    margin-top: 20px;
    bg3
}

.mtop40 {
    margin-top: 40px;
}

.mtop50 {
    margin-top: 50px;
}

.mtop70 {
    margin-top: 70px;
}

.mtop100 {
    margin-top: 100px;
}

.mtop300 {
    margin-top: 300px;
}

.mtop45 {
    margin-top: 45px;
}

.mtop35 {
    margin-top: 35px;
}

.mtop25 {
    margin-top: 25px;
}

.mtop15 {
    margin-top: 15px;
}

.mtop5 {
    margin-top: 5px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb100 {
    margin-bottom: 100px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb35 {
    margin-bottom: 35px;
}

.mbt50 {
    margin: 50px 0px;
}

.mbt70 {
    margin: 70px 0px;
}

.mbt100 {
    margin: 100px 0px;
}

.mbt45 {
    margin: 45px 0px;
}

.mbt35 {
    margin: 35px 0px;
}

.mbt25 {
    margin: 25px 0px;
}

.mleft20 {
    margin-left: 20px;
}

.btnshadow {}

.ptb20 {
    padding: 20px;
}

.padt100 {
    padding-top: 100px;
}

.width100 {
    width: 100%;
}

.weight500 {
    font-weight: 500;
}

.weight800 {
    font-weight: 800;
}

.points {}

.w25 {
    width: 25%;
}

/*header*/

.menurow {
    border-bottom: #294544 1px solid;
    background: #002220;
    padding: 15px 0px;
}

.mobilemenurow {
    display: none;
}

.toprightbar {
    display: flex;
    align-items: center;
    gap: 15px;
}

.menuicon {
    color: #fff;
    font-size: 28px;
}

.menurow.fixed .menuicon {
    color: #002220;
    font-size: 28px;
}

.menurow.fixed .nav-link {
    padding: 0rem 1rem !important;
    color: #000;
    font-weight: normal;
    font-size: 1rem;
}

.menurow.fixed .nav-link:hover {
    color: #03ab77;
}

.menurow.fixed .login {
    color: #000;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.header {
    padding-top: 60px;
}

.logos {
    display: none;
}

.navbarbox {
    /*background: #fff;	/*filter: drop-shadow(0.416px 1.956px 28px rgba(204, 204, 223, 0.361));*/
    padding: 15px 40px;
}

.navbar {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.nav-link {
    padding: 0rem 1rem !important;
    color: #fff;
    font-weight: normal;
    font-size: 1rem;
}

.nav-link:hover {
    color: #03ab77;
}

.nav-link.login {
    background: #141778 !important;
    color: #fff !important;
    border: none;
    border-radius: 35px !important;
    padding: 7px 40px !important;
}

.nav-link.active {
    font-weight: bold;
}

.navbarbox .fab {
    font-size: 1.2rem;
    color: #141778;
    margin-left: 20px;
}

.btn-warning {
    border-radius: 20px;
    background: #03ab77;
    border: none;
    color: #fff;
    padding: 8px 20px;
}

.btn-warning:hover {
    border-radius: 20px;
    background: #2a807b;
    border: none;
    color: #fff !important;
    padding: 8px 20px;
}

.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background: #2a807b;
    color: #fff !important;
}

.dropdown-menu {
    border-radius: 20px !important;
    font-size: .9rem !important
}

.dropdown-item:hover {
    color: #2a807b !important;
    background: transparent;
}

.dropdown-item.active,
.dropdown-item:active {
    background: transparent !important;
    color: #2a807b !important;
}

.login {
    color: #fff;
}

.login:hover {
    color: #03ab77;
}

.menunopadleft {
    padding-left: 0px !important;
}

/*header end*/

/*ai box*/

.aibg {
    padding: 100px 0px;
}

.aimainbox {
    background: #ECECEC;
    border-radius: 5px;
    padding: 50px 30px;
    /*margin-bottom: 30px;*/
}

.aibox {
    transition: 0.3s;
    background: #fff;
    color: #000;
    border-radius: 10px;
    padding: 10px;
    display: block;
    box-shadow: 0 0.2rem .5rem rgba(0, 0, 0, 0.15);
}

.aiicon {
    background: #ECECEC;
    padding: 35px 20px;
    display: block;
}

.aibox span {
    display: block;
    padding: 10px;
}

.aibox:hover .aiicon {
    background: rgb(3, 171, 119);
    background: linear-gradient(80deg, rgba(3, 171, 119, 1) 0%, rgba(0, 102, 97, 1) 100%);
}

.aibox:hover {
    color: #006661;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
}

.aiicon svg {
    stroke: #000;
}

.aibox:hover .aiicon svg {
    stroke: #fff;
}

.adioicon {
    background: #DCFFF5;
    border-radius: 100%;
    padding: 10px;
    text-align: center;
    transform: scale(1);
    animation: pulses1 2s infinite;
}

.Madioicon {
    background: #ffd3d9;
    border-radius: 100%;
    padding: 10px;
    text-align: center;
    transform: scale(1);
    /*animation: pulses 2s infinite;*/
}

/*login pages*/

.loginbg {
    background: url(../images/loginbg.jpg) no-repeat bottom fixed;
    background-size: cover;
}

.workbg {
    background-size: auto;
    background: url(../images/bg4.jpg) no-repeat bottom left;
    background-size: auto;
}

.welbg {
    background: url(../images/bg3.jpg) no-repeat bottom fixed;
    background-size: cover;
}

.formbox {
    background: #fff;
    border-radius: 10px;
    padding: 30px 0px;
    margin-bottom: 30px;
}

.formbox h2 {
    font-style: normal;
    /* font-size: 8.5vh;    font-size: 35px;*/
}

.formbox p {
    font-style: normal;
    /* font-size: 8.5vh;*/
    font-size: .9rem;
    color: #000;
    margin-bottom: 0px;
}

.formbox p a {
    font-weight: 500;
    color: #03ab77
}

.formbox label {
    color: #000;
    position: relative;
    font-size: .9rem;
}

.formbox form label a {
    color: #000;
    font-size: .9rem;
}

.formbox input[type=text],
input[type=password] {
    outline: none;
    width: 100%;
    padding-left: 20px;
}

.formbox textarea {
    outline: none;
    border-bottom: 1px solid #7f7f7f;
    width: 100%;
    margin-bottom: 20px;
    color: #a8a8a8;
    height: 80px;
    padding-left: 20px;
}

.formbox input[type=checkbox] {
    position: relative;
    top: 2px;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 2px;
    height: 15px;
    width: 15px;
}

.otp {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.formbox .otp input[type=text] {
    outline: none;
    padding: 0px;
    text-align: center;
    width: 50px !important;
    height: 50px;
}

.login-with-btn {
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 10px 10px 10px 10px;
    border: none;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #000;
    font-size: .8rem;
    display: block;
    width: 100%;
    background-color: white;
    text-align: center;
}

.login-with-btn img {
    margin-right: 10px;
}

.formbox input:focus,
button:focus {
    box-shadow: none !important;
    border: 1px solid #dee2e6 !important;
}

.formbox input:focus,
button:focus {
    box-shadow: none !important;
    border: 1px solid #dee2e6 !important;
}

.formbox textarea::placeholder {
    color: #a8a8a8;
    font-size: .8rem;
    font-weight: normal;
    text-transform: capitalize;
}

.formbox input::placeholder {
    color: #a8a8a8;
    font-size: .8rem;
    font-weight: normal;
    text-transform: capitalize;
}

.formbox input[type=submit] {
    border-radius: 30px;
    margin-top: 20px;
    display: inline-block;
    /* height: 70px; */
    padding: 10px 30px;
    text-align: center;
    font-size: 1rem;
    width: 100%;
    text-decoration: none;
}


.formbox1 textarea::placeholder {
    color: #8a8a8a; 
    font-size: .75rem;
    font-weight: normal;
    text-transform: capitalize;
}

#show-more-content { margin:0px; padding:0px;     margin-left: 20px; }
#show-more-content li{list-style: auto; }
    


/*end login pages*/

/*contact us*/

.contactbg {
    padding: 100px 0px;
}

.addbox ul {
    margin-left: 0px !important;
    padding: 0 !important;
    margin-bottom: 0px;
}

.addimg {}

.addbox {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 20px;
}

.addbox .headtext {
    font-size: 1.2rem;
    font-weight: 600;
}

.addbox ul li {
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #000;
    font-size: .9rem;
    list-style: none;
    font-weight: 500;
}

.addbox ul li img {
    margin-right: 10px;
}

.addbox ul li span {
    color: #696969;
}

.contactbg h1 {
    font-style: normal;
    font-weight: bold;
    /* font-size: 8.5vh;    font-size: 45px;*/
    color: rgba(20, 23, 120, 1);
}

.contactbg h2 {
    font-style: normal;
    font-weight: bold;
    /* font-size: 8.5vh;    font-size: 35px;*/
}

.contactbg p {
    font-style: normal;
    /* font-size: 8.5vh;*/
    font-size: 1rem;
    color: #7f7f7f
}

.contactbg form {}

.contactbg form label {
    color: #000;
    position: relative;
    width: 100%;
}

.contactbg form label a {
    color: #000;
    text-decoration: underline;
}

.contactbg input[type=text] {
    outline: none;
    border-bottom: 1px solid #7f7f7f;
    width: 100%;
    margin-bottom: 20px;
    height: 60px;
    padding-left: 20px;
}

.contactbg textarea {
    outline: none;
    border-bottom: 1px solid #7f7f7f;
    width: 100%;
    margin-bottom: 20px;
    color: #a8a8a8;
    height: 80px;
    padding-left: 20px;
}

.contactbg input[type=checkbox] {
    position: relative;
    top: 5px;
    border: 3px solid #141778;
    margin-bottom: 20px;
    margin-right: 10px;
    border-radius: 2px;
    height: 20px;
    width: 20px;
}

.contactbg input[type=submit] {
    border-radius: 30px;
    margin-top: 20px;
    display: inline-block;
    /* height: 70px; */
    padding: 10px 30px;
    text-align: center;
    font-size: 1rem;
    width: 100%;
    text-decoration: none;
}

.contactbg textarea::placeholder {
    color: #a8a8a8;
    font-size: 1rem;
    font-weight: normal;
    text-transform: capitalize;
}

.contactbg input::placeholder {
    color: #a8a8a8;
    font-size: 1rem;
    font-weight: normal;
    text-transform: capitalize;
}

/*contact us end*/

/*blog*/

.sidebar h4 {
    font-size: 1.4rem !important;
}

.blogbox {
    margin-top: 20px;
}

.blogbox p {
    color: #616161
}

.blogbox .imgbox {
    width: 100%;
}

.blogbox .imgbox img {
    width: 100%;
    border-radius: 20px;
}

/*site*/

.homebaner {
    padding-top: 80px;
}

.innerbaner {
    padding-top: 80px;
    padding-bottom: 80px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bannerbg {
    background-size: cover;
}

.bannerbg h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.5rem;
    text-align: center;
    color: #fff;
}

.bannerbg p {
    font-style: normal;
    color: #ABE3D2;
    text-align: center;
    margin: 40px 0px;
}

.banfoam {
    /*border-bottom: 2px solid #141778;*/
    position: relative;
    display: flex;
}

.doler {
    font-size: 2.5rem;
    position: absolute;
    top: 5px;
    color: #141778;
    line-height: 36px;
    font-weight: bold;
}

.bannerinput {
    border: none;
    outline: none;
    padding-left: 30px;
    height: 50px;
    width: 100%;
    font-size: 1.5rem;
}

.amount_range {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    background-color: #141778;
    border-radius: 10px;
}

.amount_range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #b79b5b;
    cursor: pointer;
    border: 3px solid #b79b5b;
}

.amount_range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #b79b5b;
    cursor: pointer;
    border: 3px solid #b79b5b;
}

.closingbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.closingbox .imgbox {
    display: block;
    position: relative;
    overflow: hidden;
}

.closingbox .imgbox .overlay {
    content: "";
    border-radius: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: 0.3s;
}

.closingbox .imgbox:hover .overlay {
    background: rgba(0, 0, 0, 0.8);
}

.closingbox ul {
    position: absolute;
    list-style: none;
    padding: 70px;
    z-index: 999;
    display: block;
}

.closingbox ul li {
    color: #fff;
    font-size: 1.2rem;
    line-height: 30px;
}

.closingmainbox {
    padding-top: 50px;
}

.statebanner {
    background: url(../images/state_of_the_art.png) no-repeat;
    padding: 70px;
    background-size: cover;
}

/*solutions*/

.solbox {
    box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.10);
    padding: 30px 20px;
    background: #fff;
    border-radius: 5px;
    min-height: 385px;
}

.solution {
    position: relative;
}

.solbox .iconbox {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    margin: 15px auto;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #ccc;
}

.solbox .iconbox img {
    width: 50px;
}

.solbox .content {}

.solbox .content p {
    font-size: 1rem;
    margin-bottom: 0px;
}

.solutionbox ul {
    margin: 0px;
    padding: 0px;
}

.solutionbox ul li {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1rem;
    margin-left: 20px;
    color: #000;
}

.borl {
    border-left: 2px solid #186D63;
    padding-left: 20px;
}

/*statistics*/

.sta {
    background: #fff;
    padding: 100px 0px;
    box-shadow: 0px -9px 70px 2px rgba(0, 0, 0, 0.15);
}

.sta nav {
    margin-top: 20px;
    background: #ececec;
    display: inline-block;
    margin: 50px 0px;
    border-radius: 20px;
}

.nav-tabs {
    border-bottom: none !important;
}

.nav-link.active {
    border-color: transparent !important;
    border-radius: 0px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff !important;
    background: rgb(124, 212, 185);
    background: linear-gradient(90deg, rgba(124, 212, 185, 1) 0%, rgba(6, 172, 121, 1) 100%);
}

.nav-link.activered {
    border-color: transparent !important;
    border-radius: 0px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff !important;
    background: rgb(124, 212, 185) !important;
    background: linear-gradient(90deg, rgba(255, 156, 156, 1) 0%, rgba(244, 100, 100, 1) 100%) !important;
}

.nav-tabs .nav-link {
    padding: 10px 60px !important;
    color: #000;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent !important;
}

.tab-content ul {
    padding: 0px;
    /*margin-left: 23px;*/
}

.tab-content li {
    /* line-height: 2rem;     list-style: none;    text-indent: -23px; line-height: 1.8;    margin: 23px 0px;  */
}

.tab-content li svg {
    width: 10px !important;
}

.graph {
    background: #fafafa;
    border-radius: 30px;
    padding: 30px;
}

.ghead {
    color: #9d9d9d;
    font-size: 1.5rem;
}

.ammt {
    color: #000;
    font-size: 2rem;
}

.ammt span {
    font-size: 1.2rem;
}

.ammt span i {
    margin-left: 20px;
    transform: rotate(45deg);
}

.counter-section {
    color: #000;
    display: flex;
    align-items: baseline;
}

#counter-box-container {}

#counter-box {}

#counter-box .imgbox {
    width: 80px;
    margin: auto;
}

#counter-box p {
    color: #000;
    font-size: 1.5rem;
    margin-bottom: 0px;
}

#counter-box img {
    width: 100%;
    transition: transform .5s ease;
}

.counter {}

#counter-box span {
    display: inline;
    font-size: 50px;
    font-weight: bold;
    color: #141778;
}

#counter-box:hover .imgbox img {
    transform: scale(1.1);
}

/*about*/

.about {
    position: relative;
}

.bortrbr {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.borderbox {
    border: 1px solid #186D63;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    position: relative;
}

.borderbox:hover {
    background: #2a807b !important;
}

.bordertext {
    min-height: 70px;
}

.bordertext p {
    margin-bottom: 0px;
}

.borderbox p {
    margin-bottom: 0px;
}

.about .review-card {
    -webkit-box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.66);
    box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.66);
    border-radius: 10px;
    padding: 30px;
    text-align: center;
}

.about .teamimg {
    width: 100px;
    margin: auto;
}

.about .teamimg img {
    width: 100%;
}

.about .teamname {
    text-align: center;
}

.about .item {
    margin: 30px;
}

.about.owl-nav {
    position: absolute;
    right: 0px;
}

.about .owl-dots {
    position: absolute;
    bottom: -20px;
}

.about .owl-carousel .owl-item img {
    width: auto !important;
}

.about .owl-theme .owl-dots .owl-dot span {
    background: #005551;
}

.about .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #81d5bb;
    border: none;
}

.about .owl-theme .owl-nav {
    margin-top: 0px;
}

.about .owl-next {
    position: absolute;
    right: 0;
}

.about .owl-prev {
    position: absolute;
    left: 0;
}

.about owl-next .fas {
    font-size: 1.2rem;
}

.about .owl-prev .fas {
    font-size: 1.2rem;
}

.about .owl-theme .owl-nav .disabled {
    opacity: .3;
}

.about .owl-theme .owl-nav [class*=owl-]:hover {
    background: #03ab77;
    color: #fff;
}

#owl2 {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.about ul {
    margin: 0px;
    padding: 20px 0px;
}

.about li {
    list-style: none;
    padding: 20px 0px;
    color: #fff;
    font-size: 1.2rem;
}

.about li img {
    width: 30px;
    margin-right: 20px;
}

.abouttext {
    padding: 0px 50px;
}

/*testimonial*/

.testmonial {
    padding: 100px 0px;
}

.testmonial p {
    font-size: 1rem;
    line-height: 2rem;
}

.testmonial h6 {
    font-size: .9rem;
}

.star {
    display: flex;
}

.star img {
    margin-left: 2px;
}

.tlogo {
    margin-left: 10px;
    padding-left: 10px;
}

.timg {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 1px solid #ccc;
    overflow: hidden;
    text-align: center;
    display: none;
}

.timg img {
    height: 100%;
    margin: auto;
}

.tname {
    border-right: 1px solid #9d9d9d;
    padding-right: 20px;
}

.owl-carousel .owl-item img {}

.gredient {
    position: relative;
    bottom: 50px;
}

.review-card {}

.review-box {
    display: flex;
    align-items: center;
}

.testiimg {
    width: 80%;
    margin: auto
}

.testmonial .owl-nav {
    position: absolute;
    right: 0px;
}

.testmonial .owl-dots {
    position: absolute;
}

.testmonial .owl-carousel .owl-item img {
    width: auto !important;
}

.testmonial .owl-theme .owl-dots .owl-dot span {
    background: #005551;
}

.testmonial .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #81d5bb;
    border: none;
}

.testmonial .owl-theme .owl-nav {
    margin-top: 0px;
}

.testmonial .owl-next {
    border-radius: 100% !important;
    border: 1px solid #000 !important;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
}

.testmonial .owl-prev {
    border-radius: 100% !important;
    border: 1px solid #000 !important;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
}

.testmonial owl-next .fas {
    font-size: 1.2rem;
}

.testmonial .owl-prev .fas {
    font-size: 1.2rem;
}

.testmonial .owl-theme .owl-nav .disabled {
    opacity: .3;
}

.testmonial .owl-theme .owl-nav [class*=owl-]:hover {
    background: #03ab77;
    color: #fff;
}

/*testimonial end*/

.nots {
    font-size: 1.5rem;
    line-height: 40px;
}

.sitebg {
    position: relative;
    background: #fff;
}

.borderhome {
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    padding: 50px;
    background: #fff;
}

.sitebg h1 {
    font-style: normal;
    margin: 30px 0px;
    line-height: 50px;
}

.sitebg h2 {
    font-style: normal;
    margin: 30px 0px;
}

.sitebg p {
    font-style: normal;
    font-size: 100%;
    color: #000;
}

/*bg*/

.homebg1 {
    background: url(../images/homebg1.png) no-repeat;
    background-size: cover;
}

.homebg2 {
    background: url(../images/homebg2.png) no-repeat;
    background-size: cover;
}

.companybg {
    background: url(../images/companybg.png) no-repeat;
    background-size: cover;
}

.investbg {
    background: url(../images/invest-bg.png) no-repeat;
    background-size: cover;
}

.loanbg {
    background: url(../images/loanbg.png) no-repeat;
    background-size: cover;
}

.solution1 {
    background: url(../images/solutionbg1.png) no-repeat;
    background-size: cover;
}

.solution2 {
    background: url(../images/solutionbg2.png) no-repeat;
    background-size: cover;
}

/*blog*/

.blogpage {
    padding: 100px 0px;
}

/*blog end*/

/*innter-banner*/

.minheight80 {
    min-height: 80vh;
}

.mainbg {
    background-size: cover;
}

.mainbg h1 {
    font-style: normal;
    color: #fff;
    line-height: 50px;
}

.mainbg h2 {
    font-style: normal;
    color: #fff;
}

.banertext {
    padding: 100px 0px;
}

/*endbg*/

.textbox {
    margin-bottom: 50px;
    border-radius: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 40px 100px;
}

.textbox h1 {
    transition: 0.15s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;
}

.textbox:hover h1 {
    padding-left: 20px;
    transition: 0.15s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;
}

.textbox ul {
    margin: 0px;
    padding: 0px;
}

.textbox ul li {
    font-style: normal;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 36px;
    padding-left: 15px;
    color: #000;
    margin-left: 20px;
    list-style-image: url(../images/bulet.jpg);
}

.textbox form {
    position: relative;
}

.textbox input[type=text] {
    color: #000;
    border: 2px solid #141778;
    outline: none;
    width: 100%;
    border-radius: 30px;
    height: 60px;
    padding-left: 30px;
    background: transparent;
}

.textbox input[type=submit] {
    position: absolute;
    right: 0px;
    border-radius: 30px;
    background: #fff;
    color: #141778;
    height: 60px;
    padding: 10px 50px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.textbox input::placeholder {
    color: #6668a7 !important;
    font-size: 20px;
    font-weight: normal;
    text-transform: capitalize;
}

.lightblue {
    padding: 30px;
    background: #F2F9FF;
}

.lightblue form {
    position: relative;
}

.lightblue input[type=text] {
    color: #000;
    border: 2px solid #141778;
    outline: none;
    width: 100%;
    border-radius: 30px;
    height: 60px;
    padding-left: 30px;
    background: transparent;
}

.lightblue input[type=submit] {
    position: absolute;
    right: 0px;
    border-radius: 30px;
    background: #fff;
    color: #141778;
    height: 60px;
    padding: 10px 50px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.lightblue input::placeholder {
    color: #6668a7 !important;
    font-size: 20px;
    font-weight: normal;
    text-transform: capitalize;
}

.lightblue h4 {
    font-weight: bold;
}

.lightblue p {
    font-style: normal;
    font-size: 1.2rem;
    line-height: 38px;
    color: #fff;
}

.borrowerbox {
    padding-left: 100px;
    margin-top: 50px;
}

.fund input[type=text] {
    color: #000;
    border: 2px solid #141778;
    outline: none;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 30px;
    height: 60px;
    padding-left: 30px;
    background: transparent;
}

.fund input[type=submit] {
    position: absolute;
    right: 0px;
    border-radius: 30px;
    background: #fff;
    color: #141778;
    height: 60px;
    padding: 10px 50px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.fund input::placeholder {
    color: #6668a7 !important;
    font-size: 20px;
    font-weight: normal;
    text-transform: capitalize;
}

#borrowerbox {
    transition: 500ms linear;
}

#borrowerbox:hover img {
    content: url('../images/borrowerhover.png');
}

.partnerbox {
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 50px 100px;
    margin-top: 100px;
    margin-bottom: 80px;
}

#partnerbox {
    transition: 500ms linear;
}

#partnerbox:hover img {
    content: url('../images/partnerhover.png');
}

.quesbg {
    background: url(../images/qus.png) no-repeat left top;
}

.quesbg .soltextbox {
    padding-left: 100px;
}

.solutionicon {
    display: flex;
    align-items: center;
    margin-top: 60px;
}

.mleft60 {
    margin-left: 60px;
}

.padleft250 {
    padding-left: 250px;
}

.solutionicon .iconimg {
    width: 125px;
    border-radius: 15px;
    text-align: center;
    background: #fff;
    padding: 10px;
}

.solutionicon .iconimg img {
    width: 100%;
}

.solutionicon .icontext {}

.headbox {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.headbox img {
    width: 52px;
    margin-right: 20px;
}

.homebaner .headtext {
    font-size: 4rem;
    height: 80px;
    overflow: hidden;
    text-transform: capitalize;
}


.rotatetext {
  overflow: hidden;
    position: relative;
    height: 80px; 
    animation: move 8s;
     white-space: nowrap;
  top: 0;
  left: 0;
    animation-iteration-count: infinite;
    animation-delay: 2s;
    color: #fff;
    display: block;
}


@keyframes move {
0%  { top: 0px; }
20% { top: -80px; }
40% { top: -160px; }
60% { top: -240px; }
80% { top: -320px; }
}

.loantextbox {
    margin-bottom: 50px;
    border-radius: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 40px 100px;
}

.loantextbox img {
    width: 100% !important;
    height: 100% !important;
}

.loantextbox h1 {
    transition: 0.15s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;
}

.loantextbox ul {
    margin: 0px;
    padding: 0px;
}

.loantextbox ul li {
    font-style: normal;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 36px;
    padding-left: 15px;
    color: #000;
    margin-left: 20px;
    list-style-image: url(../images/bulet.jpg);
}

#loanimg1 {
    transition: 500ms linear;
}

#loanimg1:hover img {
    content: url('../images/loanimg1hover.png');
}

#loanimg2 {
    transition: 0.15s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;
}

#loanimg2:hover img {
    content: url('../images/loanimg2hover.png');
}

#loanimg3 {}

#loanimg3:hover img {
    content: url('../images/loanimg3hover.png');
}

#loanimg4 {}

#loanimg4:hover img {
    content: url('../images/loanimg4hover.png');
}

#loanimg5 {}

#loanimg5:hover img {
    content: url('../images/loanimg5hover.png');
}

#loanimg6 {}

#loanimg6:hover img {
    content: url('../images/loanimg6hover.png');
}

#loanimg7 {}

#loanimg7:hover img {
    content: url('../images/loanimg7hover.png');
}

/*footer*/

.greenfooter {
    padding: 100px 0px;
}

.singupbox {
    padding: 30px;
    border-radius: 30px;
}

.greenfooter form {
    position: relative;
}

.greenfooter input[type=text] {
    color: #fff;
    border: 2px solid #fff;
    outline: none;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 30px;
    height: 60px;
    padding-left: 30px;
    background: #fff;
}

.others {
    color: black
}

.greenfooter select {
    -webkit-box-shadow: 0px 0px 29px -3px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 29px -3px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 29px -3px rgba(255, 255, 255, 1);
    color: #fff;
    appearance: none;
    outline: 0;
    border: 0;
    border: 2px solid #fff;
    width: 100%;
    border-radius: 30px;
    height: 60px;
    padding-left: 30px;
    background: transparent;
}

.greenfooter select::-ms-expand {
    display: none;
}

.greenfooter .select {
    position: relative;
}

/* Arrow */

.greenfooter .select::after {
    content: url('../images/down.svg');
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    /* padding: 1em; */
    padding: 10px;
    background-color: #fff;
    transition: .25s all ease;
    pointer-events: none;
    border-radius: 100%;
    width: 38px;
    height: 38px;
}

.greenfooter input[type=submit] {
    right: 0px;
    border-radius: 30px;
    background: #fef86b;
    color: #000;
    height: 60px;
    padding: 10px 50px;
    margin-left: 20px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}

.greenfooter input::placeholder {
    color: #000 !important;
    font-size: 1rem;
    font-weight: normal;
    text-transform: capitalize;
}

.greenfooter h2 {
    font-weight: bold;
    color: #fff;
}

.greenfooter p {
    font-style: normal;
    font-size: 1.2rem;
    line-height: 38px;
    color: #fff;
}

/*footer*/

.footer {
    padding: 50px;
    border-bottom: 1px solid #334e4d;
    -webkit-box-shadow: 0px -22px 42px -18px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: 0px -22px 42px -18px rgba(0, 0, 0, 0.48);
    box-shadow: 0px -22px 42px -18px rgba(0, 0, 0, 0.48);
}

.footer h3 {
    font-size: 28px;
    font-weight: bold;
}

.copy {}

.footer p {
    font-size: 1rem;
    line-height: 33px;
}

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

.footer ul {
    margin-top: 100px;
    padding: 0px;
}

.footer ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 1rem;
    line-height: 35px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 0 15px;
}

.footer ul li:first-child {
    /*  padding: 0px 0px;*/
}

.footer ul li a {
    font-size: 1rem;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}

.footer ul li a:hover {
    color: #03ab77;
}

.footer-bottom {
    padding: 30px 15px;
}

.footer-bottom p {
    margin: 0px;
    padding: 0px;
    font-size: .9rem;
    color: #fff;
}

.footer-bottom a {
    margin: 0px;
    padding: 0px;
    font-size: .9rem;
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
}

.footer-bottom a:last-child {
    /* margin-left: 0px; margin-right: 0px;*/
}

.footer-bottom a:hover {
    color: #03ab77
}

.footer-bottom .fab {
    font-size: 1.2rem;
    color: #000;
    margin-left: 20px;
}

.footer-top {
    padding: 30px 15px;
}

.footer-top p {
    margin: 0px;
    padding: 0px;
    font-size: .9rem;
    color: #fff;
}

.footer-top a {
    margin: 0px;
    padding: 0px;
    font-size: .9rem;
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
}

.footer-top a:hover {
    color: #03ab77
}

.footer-top .fab {
    font-size: 1rem;
    color: #fff;
    margin-left: 20px;
}

.footer-top .fab:hover {
    color: #03aa77;
}

.footer-top svg:hover {
    fill: #03aa77;
}

.footer-top svg {
    font-size: 1rem;
    fill: #fff;
    margin-left: 20px;
}

.heading-block {
    text-align: center;
    padding: 40px 0;
    font-family: sans-serif;
}

.heading-block h2 {
    font-family: inherit;
    margin: 0 0 15px;
    font-size: 25px;
}

@media (max-width: 767px) {
    .heading-block h2 {
        margin: 0 0 10px;
        font-size: 20px;
    }
}

.heading-block p {
    font-family: inherit;
    margin: 0 0 15px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .heading-block p {
        margin: 0 0 10px;
        font-size: 14px;
    }
}

.videos {
    margin-top: 50px;
}

video {
    width: 100%;
    border-radius: 30px;
}

.player-wrapper {
    /* background:  url(../images/vidbg.png) no-repeat;    background-size:cover; object-fit: contain;*/
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.pad0 {
    padding: 0px;
}

.borderr {
    border-bottom: none;
}

.rtextcenter {}

.siteimgs {}

.siteimgbox {
    /*position:absolute; bottom: -210px;*/
}

.dblock {
    display: block;
}

.dnone {
    display: none;
}

/*mobile menu*/

.menurow.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 999;
    animation: slideDown 0.35s ease-out;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.mbicon {
    float: right;
    position: relative;
    width: 35px;
    display: none;
}

.zeynep .logo {
    padding: 10px;
}

.zeynep {
    bottom: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translateX(-100%) translateZ(0);
    z-index: 999999;
}

.zeynep .submenu:not(.no-transition),
.zeynep:not(.no-transition) {
    transition: all 250ms
}

.zeynep-overlay {
    background-color: rgba(0, 0, 0, .42);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010
}

.zeynep-opened .zeynep-overlay {
    display: block
}

.zeynep.opened {
    pointer-events: auto;
    transform: translateX(0) translateZ(0)
}

.zeynep.submenu-opened {
    overflow: hidden
}

.zeynep .submenu {
    bottom: 0;
    min-height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%
}

.zeynep .submenu.opened {
    left: 0;
    pointer-events: auto
}

.zeynep .submenu.opened:not(.current) {
    overflow: hidden
}

/* zeynepjs menu styles */

.zeynep {
    background-color: #002220;
    color: #fff;
    width: 295px;
}

.zeynep ul {
    list-style-type: none;
    padding: 0;
    /*padding-left: 20px;*/
    -webkit-overflow-scrolling: touch;
}

.zeynep ul>li {
    display: block;
}

.zeynep ul>li>a {
    color: inherit;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 14px 15px;
    text-decoration: none;
    transition: all 150ms;
}

.zeynep ul>li>a:hover {
    background-color: #2a2a2a;
}

.zeynep ul>li:not(:last-child)>a {
    border-bottom: 1px solid #334e4d;
}

.zeynep ul>li.has-submenu>a {
    background-image: url("../images/submenu-arrow.svg");
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 8px 14px;
}

.zeynep ul>li.has-submenu>a:hover {
    background-image: url("../images/submenu-arrow-active.svg");
}

/* zeynepjs submenu styles */

.zeynep .submenu {
    background: #1f2739;
    left: 295px;
}

.zeynep .submenu-header {
    background-image: url("../images/menu-back.svg");
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 8px 14px;
    border-bottom: solid 1px #efefef;
    cursor: pointer;
    position: relative;
}

.zeynep .submenu-header>a {
    color: inherit;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 18px 20px;
    padding-left: 40px;
    text-decoration: none;
}

.zeynep .submenu-header>a:before {
    background-image: url("../images/submenu-arrow.svg");
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 8px 14px;
    content: "";
    height: 100%;
    left: 26px;
    position: absolute;
    top: 0;
    transform: rotate(-180deg);
    width: 20px;
}

.zeynep .submenu>label {
    color: #e77691;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 19px;
    opacity: .5;
    padding-left: 40px;
    width: 100%;
}

.zeynep-opened body {
    overflow: hidden;
}

.zeynep {
    right: auto;
    left: 0;
}

.table-bordered>:not(caption)>*>* {
    border-width: 5 var(--bs-border-width);
}

.table>:not(caption)>*>* {
    padding: 0;
}

.tablehead {
    padding: 20px;
    text-align: center;
    color: #fff;
}

/* Custom style */

.card-body {
    padding: 0 1.5rem;
}

.accordion-button {
    font-weight: 600;
    cursor: pointer;
    display: block;
}

.accordion-button::before {
    content: "\2b";
    float: left;
    color: #03ab77 !important;
    font-size: 1.5rem;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    margin-right: 5px;
}

.accordion-collapse {
    /*margin-top: 20px;*/
}

.accordion-button:not(.collapsed)::before {
    content: "-";
}

.100vh {
    height: 100vh
}

/* This is the submit button styles */

button {
    display: block;
    margin: 0 auto;
    padding: .6em .8em;
    /* Font-size is the root value that determines size of spinner parts. Change this to whatever you want and spinner elements will size to match. */
    font-size: 20px;
    font-weight: bold;
    border-radius: .4em;
    border: none;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    transition: all 1s;
}

/* focus/disabled styles, you can change this for accessibility */

button:focus,
button:disabled {
    outline: none;
    background: #aaa;
}

/* This is the space for the spinner to appear, applied to the button */

.spin {
    padding-left: 2.5em;
    display: block;
}

/* position of the spinner when it appears, you might have to change these values */

.spin .spinner {
    left: -.6em;
    top: .4em;
    width: 2.5em;
    display: block;
    position: absolute;
}

/* spinner animation */

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* The actual spinner element is a pseudo-element */

.spin .spinner::before {
    content: "";
    width: 1.5em;
    /* Size of the spinner */
    height: 1.5em;
    /* Change as desired */
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: solid .35em #999;
    /* Thickness/color of spinner track */
    border-bottom-color: #555;
    /* Color of variant spinner piece */
    animation: .8s linear infinite spinner;
    /* speed of spinner */
    transform: translate(-50%, -50%);
    will-change: transform;
}

.padd0 {
    padding: 0px;
}


.priceM{}

.priceM .modal-backdrop.show {
    opacity: .6;
    background: #000;
    padding-right:0px!important;
    
}


.modal-backdrop.show {
    opacity: 1;
    background: url(../images/loginbg.jpg) no-repeat bottom fixed;
    background-size: cover;
}

.baninput {
    border-radius: 10px;
    background: #fff;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
    height: 55px;
    border: 1px solid #186D63;
    box-shadow: 0px 0px 8px 2px rgb(70 66 66);
}

.content {
    font-size: .8rem;
    line-light: 1;
    font-weight: 500;
}

.content ul {
    margin-left: 0;
    padding-left: 0;
}

.content li {
    list-style: none;
    margin-bottom: 10px;
}

#show-more,
#show-less {
    cursor: pointer;
}

#show-less {
    color: #f46464;
    font-weight: 500;
}

#show-more {
    color: #03ab77;
    font-weight: 500;
}

.spinner {
    position: absolute;
    display: flex;
    background: rgb(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    top: 0px;
}

.spinner {
    position: absolute;
    display: flex;
    background: rgb(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    top: 0px;
}

.workform {
    margin-top: 50px;
}

.workform small {
    color: #9D9D9D;
    font-size: .9rem;
    display: block;
}

.workform p {
    font-weight: 700;
    margin-bottom: 0px;
}

.workform [type="radio"],
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    width: 25px;
    height: 25px;
}

.workform label {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 20px;
    width: 100%;
    gap: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.workform label:hover {
    border: 1px solid #03AB77;
    background: #DCFFF5;
}

.workform .form-check-input:checked {
    background-color: #03AB77;
    border-color: #03AB77;
}

label.active {
    border: 1px solid #03AB77 !important;
    background: #DCFFF5 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.workform .form-check {
    padding-left: 0px;
}

.workform .form-check .form-check-input {
    float: 0;
    margin-left: 0;
}

.shadow1 {
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.speak {
    display: flex;
    align-items: center;
}

#response_data .table>:not(caption)>*>* {
    background: transparent !important;
}

#myAccordion th {
    font-weight: normal;
}

.Blogos {
    margin: 5px;
    border: 1px solid #ECECEC;
    padding: 5px;
    text-align: center;
}

.Blogos img {
    width: 80%;
    margin: auto;
}

@keyframes pulses {
    0% {
        box-shadow: 0 0 0 0 rgba(251, 193, 201, 0.8);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(251, 193, 201, 0.3);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(244, 222, 225, 0.1);
    }
}

@keyframes pulses1 {
    0% {
        box-shadow: 0 0 0 0 rgba(152, 245, 219, 0.8);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(86, 217, 180, 0.3);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(213, 255, 243, 0.1);
    }
}

.loading-dots {
    text-align: center;
    z-index: 5;
    font-family: 1.5rem;
}

.loading-dots .dot {
    opacity: 0;
    -webkit-animation: showHideDot 2.5s ease-in-out infinite;
    animation: showHideDot 2.5s ease-in-out infinite;
}

.loading-dots .dot.one {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading-dots .dot.two {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.loading-dots .dot.three {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@keyframes showHideDot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*multistep form*/

/* Form fields */

#booking-form {}

/* Progress Bar */

.progress-wrap {
    /*margin: auto;    display: table;*/
}

.line-progress-bar {
    display: flex;
    margin: auto;
    width: 100%;
}

.progress-wrap div ul {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0px;
    /* margin: initial; */
    justify-content: space-between;
    z-index: 1;
}

.progressbar-dots {
    display: block;
    height: 5px;
    width: 15%;
    border-radius: 2px;
    font-weight: bold;
    border: 2px solid rgb(217, 217, 217);
    background: rgb(217, 217, 217);
}

.progressbar-dots span {
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    margin-top: 60px;
    /* width: 75px; */
    float: left;
    margin-left: -30px;
    display: none;
}

.progressbar-dots.active {
    color: #fff;
    border: 0px solid rgb(38, 163, 134);
    background: #82CCC8;
}

/*  Tab */

.tab-pane {
    /*display: none;*/
}
/*
.tab-pane:first-child {
    display: block;
}
*/

.tab-pane .form-select {
    height: 45px;
}

.tab-pane label {
    margin-bottom: 1rem;
}

.tab-pane .form-control {
    height: 45px;
}

/* Error */

span.error {
    color: #D6041D;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

#nav-tabContent li {    list-style: none;
    text-indent: -20px;
    margin-left: 20px;     line-height: 2; }