369 lines
6.8 KiB
CSS
Executable File

/*cutsom*/
.text-wecuro-theme {
color: var(--site-theme-color) !important;
}
.truncatebyline {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
word-break: break-all;
}
.truncatebyline pre{
text-wrap: wrap !important;
}
.truncatebyline.by1 {
-webkit-line-clamp: 1;
}
.truncatebyline.by2 {
-webkit-line-clamp: 2;
}
.truncatebyline.by3 {
-webkit-line-clamp: 3;
}
.truncatebyline.by4 {
-webkit-line-clamp: 4;
}
.truncatebyline.by5 {
-webkit-line-clamp: 5;
}
.truncatebyline.by6 {
-webkit-line-clamp: 6;
}
.truncatebyline.by7 {
-webkit-line-clamp: 7;
}
.truncatebyline.by8 {
-webkit-line-clamp: 8;
}
.cntr{
align-items: center;
justify-content:center;
display: flex;
}
/*site*/
.card-ydchft {
box-shadow: 0px 14px 24px 0px #00000014;
width: 100%;
z-index: 5;
}
.menu-vudfcgccgsdctw {
display: flex;
flex-direction: column;
cursor: pointer;
}
.vudfcgccgsdctw {
width: 30px;
height: 4px;
background-color: #333;
margin: 2px 0;
transition: 0.4s;
}
.vudfcgccgsdctw:hover {
background-color: #007bff;
}
.wecuro-main-logo {
width: 175px;
}
.ul-gxgfxtrhch {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
height: 100%;
}
.ul-gxgfxtrhch a {
text-decoration: none;
color: #000 !important;
}
.ul-gxgfxtrhch li {
display: inline;
margin-right: 30px;
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
margin-top: 4px;
cursor: pointer;
}
.ul-gxgfxtrhch li.active {
border-bottom: 1px solid var(--site-theme-color);
}
.badge-jjf6gftf {
height: fit-content;
background: var(--badge-mobile-color-gradient);
padding: 2px 15px;
border-radius: 15px;
color: #fff;
font-weight: 600;
font-size: 15px;
}
.i-mdrser4dxcd {
background: var(--icon-mobile-bg-color);
color: #fff;
padding: 8px;
border-radius: 50%;
font-size: 11px;
cursor: pointer;
}
.i-edrser4dxcd {
background: var(--icon-email-bg-color);
color: #fff;
padding: 7px;
border-radius: 50%;
font-size: 12px;
cursor: pointer;
}
.btn-uygtyudc {
border: 1px solid var(--site-theme-color);
background-color: #fff;
padding: 7px 20px;
color: #000;
}
.btn-uygtyudc:hover,
.btn-uygtyudc.active {
background: var(--site-theme-color);
color: #fff;
}
.btn-ythffgvjj {
border: 1px solid var(--site-theme-color);
padding: 3px 5px;
color: #000;
width: 100%;
color: #ffffff;
background: var(--register-button-color-gradient);
box-shadow: var(--register-button-shadow);
}
.btn-ythffgvjj i{
padding: 15px;
font-size:12px;
}
.heading-gdft {
font-weight: bold;
font-size: 35px;
}
.title-gdfdtsgt {
font-size: 18px;
padding: 3px 5px;
margin: auto;
word-break: break-word;
}
.bvgftfdt {
height: 100%;
}
.bvgftfdt .card-header {
background: #f1f7ff;
height: 205px;
display: flex;
justify-content: center;
}
.bvgftfdt .card-header :where(svg,img) {
margin: auto;
}
.bvgftfdt .card-body {
background: var(--whyus-card-color);
color: #ffffff;
}
.square-tsfdfrd {
display: flex;
width: 100%;
padding-bottom: 100%;
position: relative;
background-color: #d9d9d9;
}
.square-tsfdfrd > * {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.square-tsfdfrd svg path {
fill: #000;
}
.square-tsfdfrd---:hover,
.square-tsfdfrd.active {
background-color: #19a2f3;
color: #fff;
}
.square-tsfdfrd:hover svg path,
.square-tsfdfrd.active svg path {
fill: #fff;
}
.ul-hdhxdserd {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 1rem;
}
.ul-hdhxdserd a {
text-decoration: none;
color: inherit !important;
}
.ul-hdhxdserd a:hover {
color: var(--site-theme-color) !important;
}
.ul-hdhxdserd li {
display: block;
/*margin-right: 30px;*/
font-size: 15px;
text-transform: capitalize;
font-weight: 600;
margin-top: 4px;
cursor: pointer;
color: inherit;
}
.ul-hdhxdserd li.active a {
color: var(--site-theme-color) !important;
}
.wrapper-block-sticky-navbar {
position: fixed;
top: 0;
width: 100%;
transition: top 0.5s;
z-index: 100;
}
.wrapper-block-sticky-navbar.hidden {
top: -100%;
}
.fcgysdg5tfsd {
display: flex;
flex-flow: wrap;
transition-duration: 0.8s;
transition-timing-function: ease-in;
justify-content: flex-start;
gap: 2rem;
}
.fcgysdg5tfsd .blocks {
height: 147px;
width: 147px;
background-color: #ffffff;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.fcgysdg5tfsd .blocks---:hover,
.fcgysdg5tfsd .blocks.active {
background: #26b867;
}
.fcgysdg5tfsd .blocks svg {
align-self: center;
}
.fcgysdg5tfsd .blocks svg path {
stroke: #26b867;
}
.fcgysdg5tfsd .blocks:hover svg path,
.fcgysdg5tfsd .blocks.active svg path {
stroke: #ffffff;
}
.fcgysdg5tfsd .blocks--:hover p,
.fcgysdg5tfsd .blocks.active p {
color: #ffffff;
}
.fcgysdg5tfsd .blocks label {
background: #26b867;
padding: 5px 12px;
width: fit-content;
border-radius: 50%;
color: #ffffff;
position: absolute;
left: -14px;
}
.fcgysdg5tfsd .blocks:hover label,
.fcgysdg5tfsd .blocks.active label {
background: #158e4b;
}
.offcanvas-wecuro-nav .nav-item a.active {
color: var(--site-theme-color);
}
.offcanvas-wecuro-nav .offcanvas-footer {
padding: 10px 20px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.card-ydchft .form-floating input {
font-size: 13px;
height: revert;
min-height: fit-content;
}
.card-ydchft .form-floating label {
font-size: 13px;
}
.card-ydchft
.form-floating
:where(input, textarea, select):not(:focus, :active) {
background-color: rgb(241, 241, 241);
}
.card-ydchft .form-floating :where(input, textarea, select) ~ label::after {
background-color: transparent !important;
}
.idftr5cdf {
position: absolute;
display: inline-block;
cursor: pointer;
right: 0.5rem;
top: 1rem;
z-index: 2;
opacity:0;
}
.idftr5cdf:hover{
opacity:1 !important;
}
:is(#new_password, #confirm_password):hover + .idftr5cdf,
:is(#new_password, #confirm_password):focus + .idftr5cdf{
opacity:1 !important;
}
.page-scroller {
background: var(--site-theme-color);
border-radius: 50%;
color: #fff;
position: fixed;
bottom: 30px;
right: 30px;
cursor: pointer;
z-index: 999;
transition: none;
transition: top 0.5s;
display: none;
}
.page-scroller:hover {
background: var(--register-button-color-gradient);
color: #fff;
}
/*.ul-error-swal-alert{
font-size: 13px;
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: start;
}
.ul-error-swal-alert li{
font-size: 13px;
}*/
.socialbox-gfd5rdr ul {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
padding-top: 30px;
list-style: none;
padding-left: 0px;
}
.socialbox-gfd5rdr ul li{
transition: transform 0.3s;
}
.socialbox-gfd5rdr ul li:hover{
transform: scale(1.2);
}