.logo-img
{
width:120px !important;
}
.navbar-nav li a
{
font-family:Jost !important;
padding:0px 12px !important;
font-size:15px !important;
font-weight:500 !important;
margin:0px !important;
cursor:pointer !important;
color:var(--webiste-text-color) !important;
}
.navbar-nav li a:hover
{
color:var(--webiste-primary-color) !important;
}
.navbar-nav li ul li a
{
cursor:pointer !important;
}
.mobile-dropdown-language
{
display:none !important;
}
.footer-area h3
{
font-size:14px;
text-transform:uppercase;
}
.footer-area li a
{
font-size:15px !important;
}
.footer-copyright
{
padding-top:60px !important;
}
.footer-copyright p
{
font-size:14px !important;
color:white !important;
}
.footer-copyright p a
{
font-size:14px !important;
color:var(--webiste-primary-color)!important;
font-weight:700 !important;
}
.bg-dark-300, .footer-copyright
{
background:var(--webiste-footer-color)!important;
}
.footer-area
{
float:left !important;
width:100% !important;
position:relative;
padding-top:100px !important;
background:var(--webiste-footer-color)!important;
}
.error-404-container h2,
.error-404-container p
{
font-family:Jost !important;
}
.btn-thm
{
background:var(--webiste-primary-color)!important;
color:white !important;
font-size:15px;
font-weight:600;
padding:15px 20px;
border-radius:0px !important;
font-family:Jost !important;
position:relative;
margin-top:20px !important;
}
.btn-thm::before
{
content:"";
position:absolute;
top:0px;
left:0px;
border-top:10px solid white;
border-right:10px solid transparent;
border-bottom:10px solid transparent;
border-left:10px solid white;
}
.btn-thm::after
{
content:"";
position:absolute;
bottom:0px;
right:0px;
border-top:10px solid transparent;
border-right:10px solid white;
border-bottom:10px solid white;
border-left:10px solid transparent;
}
.btn-thm:hover
{
background:var(--webiste-second-color)!important;
}
.btn-thm ion-icon
{
margin-bottom:-3px;
}
.custom-contact-page-container
{
display:inline-block !important;
width:100%;
margin-top:130px !important;
margin-bottom:80px !important;
}
.custom-contact-page-container h1
{
float:left;
width:100%;
font-family:Literata !important;
font-size:30px !important;
font-weight:700;
color:var(--webiste-text-color) !important;
margin-bottom:20px !important;
}
.custom-contact-page-container p
{
float:left;
width:100%;
font-size:16px !important;
font-family:Jost !important;
color:var(--webiste-text-color) !important;
opacity:1 !important;
margin-bottom:30px !important;
}
label
{
display:none !important;
}
input, select, textarea
{
border:0px solid transparent !important;
border:0px solid rgba(0,0,0,0.1) !important;
border:1px solid rgba(0,16,88,0.15) !important;
border-radius:15px !important;
resize:none !important;
padding:12px !important;
margin-bottom:20px !important;
transition:1s;
font-family:Jost !important;
font-size:15px !important;
color:var(--webiste-text-color) !important;
background:rgb(243,245,248) !important;
}
textarea
{
height:130px !important;
}
input:focus, select:focus, textarea:focus
{
padding:12px 15px !important;
border-radius:15px !important;
}
input::placeholder,
textarea::placeholder
{
color:rgba(0,16,88,0.5) !important;
}
.custom-btn
{
color:white;
font-size:15px !important;
}
.custom-btn:hover
{
background:var(--webiste-second-color) !important;
color:white !important;
}
.custom-contact-page-container .col-md-4 h1
{
margin-bottom:30px !important;
}
.custom-contact-page-container .col-md-4 p
{
margin-bottom:20px !important;
font-size:18px !important;
font-weight:500 !important;
}
.custom-contact-page-container .col-md-4 p ion-icon
{
float:left;
border:1px solid var(--webiste-text-color) !important;
padding:8px;
border-radius:30px !important;
}
.custom-contact-page-container .col-md-4 p span
{
float:left;
width:calc(100% - 40px);
padding-top:5px !important;
padding-left:15px !important;
}
.show-label label
{
display:block !important;
text-transform:capitalize !important;
color:var(--webiste-text-color) !important;
font-weight:600;
margin-bottom:25px !important;
}
fieldset
{
background:transparent !important;
padding-left:30px !important;
padding-right:30px !important;
border:1px solid rgba(0,0,0,0.4) !important;
}
legend
{
border:0px solid transparent !important;
background:white !important;
text-transform:capitalize !important;
color:var(--webiste-text-color) !important;
}
.checkbox-option
{
float:left !important;
width:100% !important;
position:relative !important;
}
.checkbox-option input
{
width:20px !important;
float:left !important;
}
.checkbox-option label
{
float:left !important;
width:calc(100% - 20px) !important;
margin-top:-5px !important;
padding-left:10px !important;
font-weight:500 !important;
opacity:1 !important;
}
.checkbox-option label span
{
float:left;
width:100%;
font-size:14px !important;
font-weight:400 !important;
opacity:0.6 !important;
}
.footer-social-link svg
{
color:white !important;
opacity:0.7 !important;
}
.overflow-hidden
{
overflow:hidden !important;
}
.what-we-do-section
{
float:left !important;
width:100%;
margin-bottom:50px !important;
}
.shape-image-grid-link
{
float:left;
width:100% !important;
}
.shape-image-grid-section{float:left;width:100%!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px}.shape-image-item-1,.shape-image-item-2,.shape-image-item-3,.shape-image-item-4{background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode:multiply;position:relative;border-radius:20px}.shape-img-style-1 .shape-image-item-1{float:right;width:200px!important;height:200px!important;margin-top:50px!important}.shape-img-style-1 .shape-image-item-2{float:right;width:100%!important;height:220px!important;margin-top:20px!important}.shape-img-style-1 .shape-image-item-3{width:100%;height:450px!important;float:right}.shape-img-style-2 .shape-image-item-1{width:100%!important;padding-bottom:140%!important;margin-top:30px!important}.shape-img-style-2 .shape-image-item-2{width:100%!important;padding-bottom:100%!important;margin-top:20px!important}.shape-img-style-2 .shape-image-item-3{width:100%!important;padding-bottom:100%!important}.shape-img-style-2 .shape-image-item-4{width:100%!important;padding-bottom:140%!important;margin-top:20px!important}@media screen and (max-width:760px){.shape-img-style-1 .shape-image-item-2{height:180px!important}.shape-img-style-1 .shape-image-item-1{width:80%!important;height:150px!important}.shape-img-style-1 .shape-image-item-3{height:370px!important}.shape-image-grid-section{gap:10px}.shape-img-style-1 .shape-image-item-2{margin-top:10px!important}.shape-img-style-2 .shape-image-item-2,.shape-img-style-2 .shape-image-item-4{margin-top:10px!important}}
.what-we-do-section h1,
.what-we-do-section h2
{
float:left;
width:100%;
font-family:Literata !important;
font-size:30px !important;
font-weight:700;
color:var(--webiste-text-color) !important;
margin-top:50px !important;
margin-bottom:30px !important;
}
.what-we-do-section p
{
float:left;
width:100%;
font-family:Jost !important;
font-size:16px !important;
color:var(--webiste-text-color) !important;
margin-bottom:50px !important;
}
.what-we-do-section a
{
float:left !important;
margin-top:0px !important;
}
.page-main
{
display:inline-block;
width:100%;
margin-top:150px;
margin-bottom:50px;
}
.about-page-content
{
display:inline-block;
width:100%;
margin-top:80px;
}
.about-page-content h2
{
float:left;
width:100%;
font-family:Literata !important;
font-size:25px !important;
font-weight:700;
color:var(--webiste-text-color) !important;
text-transform:capitalize !important;
}
.about-page-content p
{
float:left;
width:100%;
font-family:Jost !important;
font-size:16px !important;
margin-top:10px;
margin-bottom:30px;
color:var(--webiste-text-color) !important;
}
.about-page-content .col-md-12
{
margin-bottom:50px !important;
}
.about-page-content img
{
border-radius:0px !important;
}
.about-page-content .col-md-6 h2
{
margin-top:40px !important;
}
.blog-page-container
{
width:100% !important;
margin-top:100px !important;
}
.blog-page-section-title h1
{
font-family:Literata !important;
font-size:15px !important;
font-weight:700 !important;
margin-bottom:20px !important;
color:var(--webiste-text-color) !important;
}
.blog-category-style-1
{
display:none !important;
}
.blog-item-container-box h2,
.blog-item-container-box h6,
.blog-item-container-box p,
.r-blog-content h2,
.r-blog-content p
{
color:var(--webiste-text-color) !important;
}
.category-list-container ul li a
{
font-family:Jost !important;
font-size:14px !important;
color:var(--webiste-text-color) !important;
}
.category-list-container ul li a span
{
background:var(--webiste-primary-color) !important;
}
h3.r-blog-title
{
font-family:Literata !important;
font-size:18px !important;
font-weight:700 !important;
color:var(--webiste-text-color) !important;
text-transform:capitalize !important;
}
.blog-meta-info ul li
{
color:var(--webiste-footer-color) !important;
font-family:Literata !important;
font-size:14px !important;
}
h1.blog-content-title
{
font-family:Literata !important;
font-size:22px !important;
font-weight:800 !important;
color:var(--webiste-footer-color) !important;
}
h2.blog-content-subtitle
{
font-family:Literata !important;
font-size:18px !important;
font-weight:800 !important;
color:var(--webiste-footer-color) !important;
}
p.blog-content-text
{
color:var(--webiste-text-color) !important;
font-family:Jost !important;
font-size:15px !important;
line-height:25px !important;
}
p.meta-description
{
color:var(--webiste-text-color) !important;
margin-bottom:25px !important;
}
.sub-titlesummary-container
{
background: rgb(235,240,243) !important;
}
.sub-titlesummary-container ul li a
{
color:var(--webiste-second-color) !important;
}
.blog-item-container-box h2, .r-blog-content h2, .item-blog-author-container b, .author-info-content-text strong, .sharetitle, .item-blog-comments-form strong
{
font-family:Literata !important;
}
.sub-titlesummary-container h2
{
font-family:Literata !important;
color:var(--webiste-text-color) !important;
}
blockquote p
{
color:var(--webiste-text-color) !important;
}
.custom-section-title-container
{
float:left;
width:100%;
padding:0px 20% !important;
text-align:center;
margin-bottom:20px;
margin-top:20px;
}
.custom-section-title-container h1,
.custom-section-title-container h2,
.custom-section-title-container h3
{
font-family:Literata !important;
font-size:25px;
font-weight:700;
margin-bottom:20px;
color:var(--webiste-text-color) !important;
}
.custom-section-title-container p
{
font-family:Jost !important;
font-size:15px;
color:var(--webiste-text-color) !important;
}
.blog-comments-item strong
{
font-family:Literata !important;
color:var(--webiste-text-color) !important;
}
.blog-comments-item p
{
color:var(--webiste-text-color) !important;
font-size:15px !important;
opacity:0.8 !important;
}
.breadcrumb
{
float:left;
width:100% !important;
margin-top:90px !important;
margin-bottom:-80px !important;
}
.margin-top-text-page
{
margin-top:70px !important;
}
.footer-bottom-contact
{
text-align:center;
}
.footer-bottom-contact span
{
display:inline-block;
font-family:Jost;
font-size:16px;
font-weight:400;
color:white;
padding:0px 10px;
}
.footer-bottom-contact span svg
{
margin-right:7px !important;
}
.drag-area
{
float:left;
width:100%;
border:2px dashed rgba(0,0,0,0.3);
border-radius:10px;
text-align:center;
padding:20px 20px;
cursor:pointer;
}
.drag-area:hover
{
border:2px dashed var(--webiste-primary-color)!important;
background:rgba(77,202,205,0.08) !important;
}
.drag-area.active
{
border:2px solid rgba(0,0,0,0.3);
}
.drag-area .image-icon img
{
width:50px !important;
margin-bottom:10px;
}
.drag-area .icon
{
float:left;
width:100%;
}
.drag-area .icon i
{
font-size:50px;
color:var(--webiste-primary-color);
}
.drag-area span
{
float:left;
width:100%;
font-size:15px !important;
text-align:center;
color:var(--webiste-text-color);
}
.drag-area .btn
{
float:left;
width:200px !important;
margin-left:calc(50% - 100px) !important;
display:inline-block !important;
color:white !important;
}
.drag-area input
{
display:none;
}
.coding-card-container
{
float:left;
width:100%;
padding:0px 20% !important;
margin-top:90px !important;
margin-bottom:80px !important;
}
.coding-card-header
{
float:left;
width:100%;
margin-bottom:30px;
text-align:center;
}
.coding-card-header h1
{
float:left;
width:100%;
font-family:Literata !important;
font-size:30px;
font-weight:800;
margin-bottom:20px;
color:var(--webiste-text-color) !important;
}
.coding-card-header h2
{
float:left;
width:100%;
font-family:Literata !important;
font-size:22px;
font-weight:800;
margin-top:50px;
margin-bottom:20px;
color:var(--webiste-text-color) !important;
}
.coding-card-header p
{
float:left;
width:100%;
font-size:15px;
color:var(--webiste-text-color) !important;
}
.codicard-code-container
{
float:left;
width:100%;
margin-top:50px;
}
.codicard-code-container h2
{
float:left;
width:100%;
font-family:Literata !important;
font-size:14px;
font-weight:800;
margin-bottom:15px;
position:relative;
color:var(--webiste-text-color) !important;
}
.codicard-code-container h2 span
{
float:right;
font-family:Jost !important;
font-size:14px;
font-weight:600;
cursor:pointer;
}
.codicard-code-container h2 span ion-icon
{
margin-bottom:-3px;
}
.codicard-code-container h2 span.btn ion-icon
{
font-size:20px !important;
margin-bottom:-5px !important;
}
.codicard-code-container code
{
border-radius:20px !important;
}
code
{
scrollbar-width: thin;
scrollbar-color: rgba(45,44,110,18) rgba(0,0,0,1) !important;
}
.codicard-code-container span.btn
{
margin-top:-8px !important;
}
#code
{
float:left !important;
width:100%;
margin-top:50px !important;
}
.codicard-code-section
{
float:left !important;
width:100%;
border-radius:10px;
position:relative;
border:1px solid rgba(0,0,0,0.1);
padding:15px 30px !important;
margin-top:10px;
overflow:hidden;
background:rgb(240,243,246);
transition: height 0.5s ease-out;
}
.codicard-code-section .codicard-code-container
{
margin-top:0px !important;
}
.show-code-icon
{
color:var(--webiste-primary-color) !important;
font-size:25px !important;
margin-top:-5px !important;
margin-right:-15px !important;
margin-left:15px !important;
}
#spiner-container
{
background:rgba(0,0,0,0.2) !important;
position:fixed !important;
}
#spiner-container p
{
position:absolute;
top:calc(50% + 30px);
width:100%;
text-align:center;
}
#spiner-container p span
{
display:inline-block;
padding:15px;
border-radius:30px;
color:white;
background:var(--webiste-primary-color) !important;
font-family:Jost !important;
font-size:16px;
font-weight:600;
}
.login-area
{
padding:0px !important;
margin:50px 0px !important;
background:transparent !important;
margin-top:100px !important
}
.login-form
{
padding:0px !important;
border:0px solid transparent !important;
}
.login-form h1
{
float:left;
width:100%;
font-family:Literata !important;
font-size:16px !important;
font-weight:800 !important;
text-transform:capitalize;
margin-bottom:20px !important;
text-align:center;
color:var(--webiste-text-color) !important;
}
.login-form input,
.login-form input:focus,
.dashboard-container input,
.dashboard-container input:focus,
.dashboard-container textarea,
.dashboard-container textarea:focus,
.dashboard-container select,
.dashboard-container select:focus
{
border:1px solid rgba(0,16,88,0.1) !important;
background:rgb(245,246,247);
padding:10px 15px !important;
border-radius:30px !important;
margin:0px !important;
margin-bottom:8px !important;
font-family:Jost;
font-size:15px !important;
padding-right:45px !important;
height:44px !important;
color:var(--webiste-text-color) !important;
}
.dashboard-container input,
.dashboard-container input:focus,
.dashboard-container textarea,
.dashboard-container textarea:focus,
.dashboard-container select,
.dashboard-container select:focus
{
padding:10px 15px !important;
}
.dashboard-container label
{
display:block !important;
color:var(--webiste-text-color) !important;
font-family:Jost;
font-size:15px !important;
font-weight:600;
padding-left:10px !important;
margin-bottom:5px !important;
}
.dashboard-container textarea,
.dashboard-container textarea:hover,
.dashboard-container textarea:focus
{
height:100px !important;
}
.dashboard-container label span
{
color:red !important;
}
fieldset
{
border:1px solid rgba(0,16,88,0.2) !important;
background:rgb(250,251,252) !important;
margin-top:20px !important;
}
.login-form input::placeholder
{
color:rgb(150,150,150) !important;
color:rgba(0,16,88,0.4) !important;
opacity:1;
}
.login-form .btn-thm,
.login-form .custom-form-btn
{
margin:0px !important;
border-radius:30px !important;
font-family:Jost;
font-size:14px !important;
padding:10px 15px !important;
height:44px !important;
}
.login-form .btn-thm::before,
.login-form .btn-thm::after
{
display:none !important;
}
p.form-para
{
font-family:Jost;
font-size:14px !important;
font-weight:600 !important;
color:rgba(0,0,0,0.6) !important;
color:rgba(0,16,88,0.8) !important;
}
.form-para a
{
font-family:Jost !important;
font-size:15px !important;
color:var(--webiste-primary-color) !important;
}
p.forgot-password
{
float:left;
width:100%;
color:rgb(150,150,150) !important;
text-align:right!important;
margin:0px !important;
margin-bottom:15px !important;
}
p.forgot-password a
{
font-family:Jost;
font-size:14px !important;
color:rgb(0,0,0) !important;
opacity:0.8 !important;
font-weight:600 !important;
color:var(--webiste-text-color) !important;
}
.forgot-password i
{
display:none !important;
}
.form-bar-or
{
float:left;
width:100%;
position:relative;
margin-top:20px !important;
border-bottom:1px solid rgba(0,16,88,0.2);
text-align:center;
height:15px !important;
}
.form-bar-or span
{
display:inline-block;
font-family:Jost;
font-size:14px !important;
font-weight:600;
color:rgba(0,16,88,0.5) !important;
background:white;
padding:0px 15px !important;
}
.quform-input
{
position:relative;
}
.quform-icon
{
position:absolute;
right:15px !important;
top:12px;
color:rgba(0,0,0,0.2) !important;
color:rgba(0,16,88,0.2) !important;
}
.login-btn-grid-part
{
width:100% !important;
margin-top:30px !important;
border-radius:10px !important;
overflow:hidden !important;
padding:0px !important;
text-align:center !important;
}
.center-google-btn
{
display:inline-block;
padding:0px !important;
margin:0px !important;
padding-left:10px !important;
}
.dashboard-container
{
margin-top:100px !important;
margin-bottom:40px !important;
}
#modal
{
border-radius:20px !important;
}
#modal label
{
display:block !important;
margin-bottom:10px !important;
}
#modal input,
#modal textarea
{
border:1px solid rgba(0,0,0,0.15) !important;
border-radius:10px !important;
padding:15px !important;
}
#modal .custom-form-btn
{
width:100% !important;
padding:10px !important;
border-radius:30px !important;
font-family:Jost !important;
}
.nav-item a ion-icon
{
font-size:20px !important;
margin-bottom:-4px !important;
}
.my-account-mobile-icon
{
display:none !important;
}
.back-to-dashboard
{
float:left;
width:100%;
margin-bottom:20px !important;
font-weight:600;
font-family:Jost !important;
color:var(--webiste-text-color) !important;
cursor:pointer;
display:none;
}
.back-to-dashboard ion-icon
{
font-size:18px;
margin-bottom:-4px;
}
.training-box-info h4,
.training-box-info p,
.content-para p,
.youtube-subscribe-text p,
.query-info-content span.span-info,
.answer-title,
#tag-btn-container span
{
color:var(--webiste-text-color) !important;
}
.close-dashboard-nav
{
display:none !important;
}
.dashboard-action-btn-container
{
float:left;
width:100%;
margin-bottom:15px !important;
text-align:right;
position:relative;
}
.dashboard-action-btn-container h1
{
position:absolute;
top:15px !important;
left:0px !important;
font-size: 15px !important;
font-weight:600;
margin-bottom:5px !important;
color: var(--webiste-footer-color) !important;
text-transform:uppercase;
}
.btn
{
font-size:14px !important;
font-weight:600;
margin-bottom:5px !important;
}
.dashboard-container .btn
{
margin-left:5px !important;
}
.dashboard-container .btn ion-icon
{
font-size:17px !important;
margin-bottom:-4px !important;
}
#modal input,
#modal select,
#modal textarea
{
border-radius:30px !important;
margin-bottom:0px !important;
}
#modal label
{
margin-bottom:5px !important;
}
#modal input[type="file"]
{
padding-top:10px !important;
}
.card-listing-container
{
float:left;
width:100%;
}
.card-listing-item
{
float:left;
width:100%;
border:1px solid rgba(4,36,98,0.1);
border-radius:20px;
padding:15px;
margin-bottom:10px;
box-shadow:0px 5px 10px rgba(4,36,98,0.05);
position:relative;
}
.checkItem
{
position:absolute;
top:5px;
left:8px;
z-index:100;
}
.card-listing-img-bg
{
float:left;
width:70px;
height:70px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:10px;
}
.card-listing-content
{
float:left;
width:calc(100% - 70px);
padding-left:15px;
}
.card-listing-content h2
{
font-size: 15px !important;
font-weight:600;
margin-bottom:5px !important;
color: var(--webiste-footer-color) !important;
text-transform:uppercase;
}
.card-listing-content p
{
font-size: 14px !important;
font-weight:400;
color: var(--webiste-footer-color) !important;
}
.listing-tag
{
background:rgb(230,232,235) !important;
margin-left:10px;
padding:5px 10px;
font-size: 13px !important;
font-weight:600;
border-radius:10px;
}
.card-listing-content .Goodup-rating,
.card-listing-content .Goodup-price-range
{
display: inline-block;
}
.cart-container .card-listing-item
{
border:0px solid transparent;
border-radius:0px;
padding:0px;
margin-bottom:0px;
box-shadow:0px 0px 0px transparent;
}
ul.listing-action-container
{
position:absolute;
top:10px;
right:10px;
cursor:pointer;
z-index:1000;
}
ul.listing-action-container li span
{
padding:10px;
color:rgba(0,16,88,0.7) !important;
}
.listing-action-container ul
{
position:absolute;
width:160px;
right:10px;
border:1px solid rgba(0,0,0,0.1);
border-radius:10px;
background:white;
padding:0px 0px;
display:none;
}
.listing-action-container:hover ul
{
display:block;
}
.listing-action-container ul li
{
float:left;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.1);
}
.listing-action-container ul li a
{
float:left;
width:100%;
padding:10px 15px;
color:rgba(0,16,88,0.7) !important;
font-size:14px;
font-weight:600;
}
.listing-action-container ul li a:hover
{
background:rgb(245,248,250) !important;
}
.listing-action-container ul li a ion-icon
{
margin-bottom:-2px;
}
.listing-action-container ul li:last-child
{
border-bottom:0px solid transparent;
}
.cart-container #all-reviews
{
float:left;
width:100%;
padding:0px !important;
margin-top:50px !important;
}
.cart-container #all-reviews .jbd-01
{
padding:0px !important;
}
.cart-container .reviews-comments-item,
.reviews-comments-wrap .reviews-comments-item
{
float:left;
width:100%;
margin-bottom:40px !important;
}
.custom-tag-btn
{
display:inline-block;
font-size:12px !important;
padding:1px 10px;
border-radius:10px;
color:white;
margin-bottom:10px;
font-weight:600;
background:gray;
}
.blue-tag
{
background:rgb(106,190,212) !important;
}
.orange-tag
{
background:rgb(223,90,34) !important;
}
.cart-container
{
padding:0px !important;
border:0px solid transparent !important;
border-radius:0px !important;
box-shadow:0px 0px 0px transparent !important;
}
.dashboard-title-container
{
float:left;
width:100%;
margin-bottom:30px !important;
}
.dashboard-title-container h1
{
float:left;
width:100%;
font-size: 18px !important;
font-weight:600;
margin-bottom:5px !important;
color: var(--webiste-footer-color) !important;
}
.coding-card-exercices
{
float:left;
width:100%;
margin-top:30px;
}
.coding-card-exercices p
{
float:left;
width:100%;
font-size: 15px !important;
font-weight:500;
margin-bottom:5px !important;
color: var(--webiste-footer-color) !important;
border:1px solid rgba(0,16,88,0.2);
border-radius:15px;
padding:15px;
box-shadow:0px 10px 15px 0px rgba(0,16,88,0.05);
}
.max-text-counter
{
float:right;
font-size:14px !important;
margin-right:20px;
margin-top:-5px;
opacity:0.7;
}
.user-profil-section
{
float:left;
width:100%;
margin-bottom:20px;
}
.profil-image-container
{
float:left;
width:100px;
height:100px;
border-radius:50%;
border:1px solid rgba(0,0,0,0.05);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
}
.user-profil-form
{
float:left;
width:calc(100% - 100px);
padding-left:20px;
}
.user-profil-form input
{
width:310px !important;
max-width:100% !important;
margin-bottom:0px !important;
}
.user-profil-form button
{
padding:10px 10px !important;
font-size:13px !important;
font-weight:14px !important;
font-family:Jost;
font-weight:700 !important;
margin-top:5px !important;
border-radius:30px !important;
}
.documentation-container
{
float:left;
width:100%;
position:relative;
margin-top:90px !important;
}
.documentation-summary
{
position:sticky;
top:80px;
float:left;
width:100%;
height:calc(100vh - 80px);
padding-bottom:50px !important;
overflow:auto;
}
.documentation-summary ul
{
float:left;
width:100%;
list-style:none;
}
.documentation-summary ul li
{
float:left;
width:100%;
margin:0px;
padding:3px 0px;
font-size:14px;
font-weight:500;
color:var(--webiste-text-color) !important;
cursor:pointer;
}
.documentation-summary ul li ion-icon
{
margin-bottom:-3px;
}
.documentation-section
{
float:left;
width:100%;
margin-bottom:30px;
}
.documentation-section h1,
.documentation-section h2,
.documentation-section h3
{
float:left;
width:100%;
margin:0px !important;
font-family:Literata !important;
font-size:20px;
font-weight:900;
color:var(--webiste-text-color) !important;
text-transform:uppercase;
}
.documentation-section h1
{
font-size:20px;
}
.documentation-section h2
{
font-size:16px;
}
.documentation-section h3
{
font-size:14px;
}
.documentation-section p
{
float:left;
width:100%;
margin:0px !important;
font-family:Jost !important;
font-size:15px;
font-weight:500;
color:var(--webiste-text-color) !important;
opacity:0.8 !important;
margin-top:15px !important;
}
.documentation-section p b
{
font-weight:700;
}
.custom-btn::before,
.custom-btn::after
{
display:none !important;
}
.custom-btn,
.custom-btn:hover
{
padding:10px 10px !important;
background:var(--webiste-primary-color) !important;
border-radius:10px !important;
border-bottom:5px solid rgb(0,129,189) !important;
}
.footer-logo-img
{
position:absolute;
width:150px;
left:calc(50% - 75px) !important;
top:50px;
}
.footer-link-container
{
float:left;
width:100%;
text-align:center;
margin-top:40px;
margin-bottom:40px;
padding:0px 15% !important;
}
.footer-link-container a
{
color:white;
display:inline-block;
padding:10px;
font-family:Nunito !important;
font-size:16px !important;
font-weight:800;
}
.footer-link-container a:hover
{
color:var(--webiste-primary-color) !important;
}
.footer-copyright
{
float:left;
width:100%;
margin-top:0px !important;
padding-top:0px !important;
}
.custom-btn ion-icon
{
margin-bottom:-3px !important;
}
.btn-cancel,
.btn-cancel:hover
{
background:rgb(231,44,77) !important;
border-bottom:5px solid rgb(191,4,37) !important;
}
.modal-content .btn
{
margin:0px !important;
}
.save-modal p
{
width:100%;
text-align:center;
font-family:Jost;
font-size:14px !important;
color:var(--webiste-text-color) !important;
}
.projects-container
{
float:left;
width:100%;
}
.project-item-box
{
float:left;
width:100% !important;
display:block !important;
padding:10px 15px;
margin:5px 0;
background: rgb(245,245,249) !important;
border:1px solid rgba(0,0,0,0.1) !important;
border-radius: 10px !important;
cursor:pointer;
}
.project-item-box h4
{
float:left;
width:100% !important;
font-family:Nunito;
display:block !important;
font-size:16px !important;
font-weight:800 !important;	
color:var(--webiste-footer-color) !important;
}
.project-item-box p
{
float:left;
width:100% !important;
font-family:Jost;
display:block !important;
font-size:14px !important;
font-weight:400 !important;	
color:var(--webiste-footer-color) !important;
}
.project-item-box span
{
float:left;
width:100% !important;
font-family:Jost;
display:block !important;
font-size:12px !important;
font-weight:400 !important;	
color:var(--webiste-footer-color) !important;
opacity:0.6 !important;
}
.home-blog-container
{
float:left;
width:100%;
margin:60px 0px !important;	
}
.home-blog-slide
{
float:left;
width:100%;
}
.home-blog-item h3
{
float:left;
width:100%;
font-family:Literata !important;
font-size:16px !important;
font-weight:700;
line-height:22px;
color:var(--webiste-text-color) !important;
margin-bottom:10px !important;
}
.home-blog-item p
{
float:left;
width:100%;
font-family:Jost !important;
font-size:14px !important;
font-weight:400;
color:var(--webiste-text-color) !important;
}
a.see-more-btn
{
float:left;
width:100%;
font-family:Literata !important;
font-size:14px !important;
font-weight:700;
color:var(--webiste-text-color) !important;
margin-top:20px !important;	
}
a.see-more-btn ion-icon
{
font-size:18px !important;
margin-bottom:-4px;	
}
.home-slide-bg
{
float:left;
width:100% !important;
padding-bottom:50% !important;	
border-radius:20px !important;
margin-bottom:15px !important;
}
.store-item-content .home-slide-bg
{
border:1px solid rgba(0,0,0,0.15);	
}
.home-section-title
{
float:left;
width:100% !important;	
text-align:center;
margin-bottom:40px !important;
}
.home-section-title h2
{
float:left;
width:100%;
font-family:Literata !important;
font-size:25px !important;
font-weight:700;
color:var(--webiste-text-color) !important;
margin-bottom:10px !important;
}
.home-section-title p
{
float:left;
width:100%;
font-family:Jost !important;
font-size:15px !important;
font-weight:400;
color:var(--webiste-text-color) !important;
}
.store-item-content
{
padding-bottom:50px !important;
float:left;
width:100%;
}
.tp-breadcrumb__content span
{
font-family:Jost !important;
font-size:14px !important;
font-weight:500;
color:var(--webiste-text-color) !important;	
}
.tp-breadcrumb__content span a
{
color:var(--webiste-primary-color) !important;		
}
.tpdetails__title
{
float:left;
width:100%;
font-family:Literata !important;
font-size:22px !important;
font-weight:700;
color:var(--webiste-text-color) !important;
margin-bottom:10px !important;	
}
.product__details p
{
float:left;
width:100%;
font-family:Jost !important;
font-size:15px !important;
font-weight:400;
color:var(--webiste-text-color) !important;
}
.tpdetails__brand li 
{
float:left;
width:100%;
font-family:Jost !important;
font-size:18px !important;
font-weight:600;
color:var(--webiste-primary-color) !important;	
}
.product__details-price 
{
float:left;
width:100%;
font-family:Literata !important;
font-size:30px !important;
font-weight:800;
color:var(--webiste-text-color) !important;
margin:20px 0px !important;		
}
.product__details-cart
{
float:left;
width:100%;
margin-top:50px !important;
}
.product__details-cart .btn
{
margin-top:0px !important;
}
.show-label label
{
display:block !important;	
}