.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:Merriweather !important;
font-size:30px !important;
font-weight:900;
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-bottom:1px solid rgba(0,16,88,0.3) !important;
border-radius:0px !important;
resize:none !important;
padding:12px 0px !important;
margin-bottom:20px !important;
transition:1s;
font-family:Jost !important;
font-size:15px !important;
color:var(--webiste-text-color) !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:60px !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:Merriweather !important;
font-size:30px !important;
font-weight:900;
color:var(--webiste-text-color) !important;
margin-top:50px !important;
margin-bottom:30px !important;
line-height:45px !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:Merriweather !important;
font-size:20px !important;
font-weight:900;
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:Merriweather !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:Merriweather !important;
font-size:16px !important;
font-weight:900 !important;
color:var(--webiste-text-color) !important;
text-transform:capitalize !important;
}
.blog-meta-info ul li
{
color:var(--webiste-footer-color) !important;
font-family:Merriweather !important;
font-size:14px !important;
}
h1.blog-content-title
{
font-family:Merriweather !important;
font-size:22px !important;
font-weight:900 !important;
color:var(--webiste-footer-color) !important;
}
h2.blog-content-subtitle
{
font-family:Merriweather !important;
font-size:18px !important;
font-weight:900 !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:Merriweather !important;
font-weight:900 !important;
}
.sharepostbox
{
margin-left:0px !important;
padding-left:0px !important;
}
.sharetitle
{
text-transform:capitalize !important;
margin-left:0px !important;
padding-left:0px !important;
}
.sub-titlesummary-container h2
{
font-family:Merriweather !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 h3
{
font-family:Merriweather !important;
font-size:25px;
line-height:38px !important;
font-weight:900;
margin-bottom:20px;
color:var(--webiste-text-color) !important;
}
.index-section-dark .custom-section-title-container h3
{
line-height:45px !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:Merriweather !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:Merriweather !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:Merriweather !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:Merriweather !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:Merriweather !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 h2,
.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: 14px !important;
line-height:26px !important;
font-weight:600;
margin-bottom:5px !important;
color: var(--webiste-footer-color) !important;
text-transform:uppercase;
padding-right:20px !important;
}
.card-listing-content p
{
font-size: 14px !important;
font-weight:400;
color: var(--webiste-footer-color) !important;
padding-right:20px !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:Merriweather !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
{
background:var(--webiste-primary-color) !important;
border-radius:10px !important;
border-bottom:5px solid rgb(0,129,189) !important;
}
h1.custom-page-title
{
float:left;
width:100%;
margin:0px !important;
padding:0px 15% !important;
font-family:Merriweather !important;
font-size:20px;
line-height:30px !important;
font-weight:900;
color:var(--webiste-text-color) !important;
text-align:center;
margin-bottom:30px !important;
}
.content-section-container
{
float:left;
width:100%;
margin-top:30px !important;
margin-top:30px !important;
}
.content-item-box
{
float:left;
width:100%;
position:relative;
margin-bottom:50px;
}
.bg-image-frame
{
float:left;
width:100%;
border-radius:15px !important;
overflow:hidden;
border: 1px solid rgb(0,0,0,0.15) !important;
}
.content-item-img
{
border:0px solid transparent !important;
}
.content-item-box:hover .content-item-img
{
transform:scale(1.08);
transition:0.8s;
}
.content-item-info
{
float:left;
width:100%;
}
.user-info-container
{
float:left;
width:100%;
margin:10px 0px !important;
}
.content-user-bg
{
float:left;
width:30px;
height:30px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:50% !important;
}
.user-name
{
float:left;
width:calc(100% - 30px) !important;
padding-left:10px;
font-family:Jost !important;
font-size:14px;
margin-top:5px;
font-weight:700;
color:var(--webiste-text-color) !important;
opacity:0.7 !important;
}
.content-item-info h2
{
float:left;
width:100%;
margin:0px 0px !important;
padding:0px !important;
font-family:Merriweather !important;
font-size:15px;
line-height:22px !important;
font-weight:700;
color:var(--webiste-text-color) !important;
}
.content-item-info h3
{
float:left;
width:100%;
margin-top:15px !important;
padding:0px !important;
font-family:Jost !important;
font-size:15px;
font-weight:800;
color:var(--webiste-text-color) !important;
}
.content-item-info h3 span.nbr-review
{
font-size:14px;
font-weight:500;
opacity:0.6 !important;
}
.content-item-info h4
{
float:left;
width:100%;
margin-top:10px !important;
padding:0px !important;
font-family:Jost !important;
font-size:15px;
font-weight:800;
color:var(--webiste-text-color) !important;
}
.content-item-info p
{
float:left;
width:100%;
margin-top:5px !important;
padding:0px !important;
font-family:Jost !important;
font-size:14px;
font-weight:400;
color:var(--webiste-text-color) !important;
}
.content-amount
{
float:left !important;
}
.content-review-section
{
float:right !important;
color:var(--webiste-primary-color) !important;
}
.user-item-content
{
padding:25px;
border-radius:20px;
background:white;
text-align:center;
position:relative;
}
.user-item-content h2
{
float:left;
width:100%;
margin-top:10px !important;
padding:0px !important;
font-family:Merriweather !important;
font-size:15px;
font-weight:900;
color:var(--webiste-text-color) !important;
text-align:center;
}
.user-item-content h3
{
float:left;
width:100%;
margin-top:0px !important;
padding:0px !important;
font-family:Jost !important;
font-size:14px;
font-weight:500;
color:var(--webiste-text-color) !important;
text-align:center;
opacity:0.6 !important;
}
.user-item-content p
{
float:left;
width:100%;
margin-top:10px !important;
padding:0px !important;
font-family:Jost !important;
font-size:16px;
font-weight:700;
color:var(--webiste-text-color) !important;
text-align:center;
opacity:1 !important;
}
.user-item-content p span
{
font-size:14px;
font-weight:500;
}
.user-item-content .custom-btn
{
width:100% !important;
border-radius:30px !important;
padding:10px 15px !important;
border:0px solid transparent !important;
}
.user-community-bg
{
float:none !important;
display:inline-block !important;
width:120px !important;
height:initial !important;
padding-bottom:110px !important;
margin-bottom:10px !important;
border-radius:50% !important;
border:5px solid var(--webiste-primary-color) !important;
}
.user-item-content:hover .custom-btn
{
background:var(--webiste-second-color) !important;
}
.user-item-content:hover .user-community-bg
{
transform:scale(1.05);
transition:0.5s;
}
.image-group-container
{
float:left !important;
width:100%;
margin-bottom:20px !important;
}
.image-group-container .card-listing-img-bg
{
margin-right:10px !important;
position:relative;
}
.delete-image-icon
{
position:absolute;
top:-10px;
right:-5px;
color:white;
width:25px;
height:25px;
line-height:28px;
text-align:center;
background:red;
border-radius:50%;
}
.profil-container
{
float: left;
width: 100%;
padding: 0px 0px !important;
margin-top:100px !important;
margin-bottom: 80px !important;
}
.profil-header
{
float: left;
width: 100%;
margin-bottom:20px !important;
}
.profil-user-bg
{
float:left;
width:120px;
height:120px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:50% !important;
border:5px solid var(--webiste-primary-color) !important;
}
.profil-user-bg svg
{
position:absolute;
top:-40px;
left:-40px;
width:190px;
height:190px;
}
.profil-user-bg svg text
{
text-transform:uppercase;
font-size:16px !important;
font-family:Jost !important;
font-weight:600;
fill:var(--webiste-text-color) !important;
}
.profil-user-info
{
float:left;
width:calc(100% - 120px);
padding-left:40px;
}
.profil-user-info h1
{
float:left;
width:100%;
margin-top:0px !important;
padding:0px !important;
font-family:Merriweather !important;
font-size:25px;
font-weight:900;
color:var(--webiste-text-color) !important;
}
.profil-user-info h1 span.user-name-data
{
float:left;
}
.profil-user-info h1 span.category-tag
{
margin-left:10px !important;
margin-top:7px !important;
text-transform:capitalize !important;
}
.profil-user-info p
{
float:left;
width:100%;
margin-top:5px !important;
padding:0px !important;
font-family:Jost !important;
font-size:15px;
font-weight:400;
color:var(--webiste-text-color) !important;
opacity:0.9 !important;
}
.profil-user-info p b
{
font-size:14px !important;
}
.profil-user-info p ion-icon
{
margin-bottom:-2px;
}
.profil-user-info p.review-data
{
float:left;
width:100%;
margin-top:8px !important;
padding:0px !important;
font-family:Jost !important;
font-size:16px;
font-weight:800;
color:var(--webiste-text-color) !important;
opacity:1 !important;
}
.profil-user-info p.review-data span
{
font-size:14px !important;
font-weight:500 !important;
}
.profil-user-about
{
float:left;
width:100%;
margin-top:0px;
}
.profil-user-about h2, h2.profil-sub-title
{
float:left;
width:100%;
margin-top:0px !important;
margin-bottom:5px !important;
padding:0px !important;
font-family:Jost !important;
font-size:15px;
font-weight:600;
color:var(--webiste-text-color) !important;
}
.profil-user-about h2.mt
{
margin-top:15px !important;
}
.profil-user-about h2 span
{
font-size:14px;
font-weight:400;
opacity:0.9 !important;
}
h2.profil-sub-title
{
margin-bottom:20px !important;
font-size:14px;
font-weight:600;

border-bottom:2px solid rgba(0,16,88,1);
}
h2.profil-sub-title span
{
background:var(--webiste-text-color) !important;
color:white !important;
padding:5px 15px !important;
position:relative;
float:left;
}
h2.profil-sub-title span::before
{
content:"";
position:absolute;
top:0px;
right:-10px;
border-top:28px solid transparent;
border-right:0px solid transparent;
border-bottom:0px solid transparent;
border-left:10px solid var(--webiste-text-color);
}
.profil-user-about p
{
float:left;
width:100%;
margin-top:5px !important;
padding:0px !important;
font-family:Jost !important;
font-size:14px;
font-weight:400;
color:var(--webiste-text-color) !important;
opacity:0.9 !important;
}
ul.tags-container
{
float:left;
width:100%;
margin-top:10px !important;
margin-bottom:20px !important;
}
li.tag-item
{
float: left !important;
display: inline-block;
color:var(--webiste-text-color) !important;
font-size: 13px;
font-weight: 500;
padding: 7px 10px;
background: #f0f2f5;
border: 1px solid rgb(0 0 0 / .1) !important;
border-radius: 30px;
margin-right: 10px;
}
.item-card
{
float:left;
width:100%;
background:white;
border:1px solid rgba(0,0,0,0.1);
padding:30px;
border-radius:20px;
margin-top:15px;
box-shadow:0px 8px 15px 0px rgba(0,0,0,0.05);
}
.profil-container .content-item-box h2
{
margin-top:15px !important;
}
ul.social-icon-container
{
float:left;
width:100%;
list-style:none;
padding:0px;
margin:20px 0px;
text-align:center;
}
ul.social-icon-container li
{
display:inline-block;
}
ul.social-icon-container li a
{
display:inline-block;
padding:0px;
margin:5px;
border-radius:30px;
color:var(--webiste-text-color) !important;
border:1px solid var(--webiste-text-color) !important;
}
ul.social-icon-container li a ion-icon
{
padding:1px 7px !important;
padding-top:7px !important;
}
ul.social-icon-container li a:hover
{
background:var(--webiste-text-color) !important;
color:white !important;
}
.review-satistical-container
{
float:left !important;
width:100%;
}
p.review-satistical-content
{
float:left !important;
width:100%;
font-family:Jost !important;
font-size:15px;
font-weight:700 !important;
margin-bottom:10px !important;
color:var(--webiste-text-color) !important;
white-space:nowrap;
}
p.review-satistical-content span.reviews-stars-data
{
padding:0px 8px !important;
color:var(--webiste-primary-color) !important;
}
p.review-satistical-content span.reviews-stars-data .empty-star
{
opacity:0.2 !important;
}
p.review-satistical-content span.reviews-total-data
{
font-size:14px !important;
font-weight:500 !important;
opacity:0.8 !important;
}
.rating-breakdown-container
{
float:left;
width:100%;
}
.rating-breakdown-container h3
{
float:left;
width:100%;
margin-top:0px !important;
margin-bottom:15px !important;
padding:0px !important;
font-family:Jost !important;
font-size:15px;
font-weight:600;
color:var(--webiste-text-color) !important;
}
.rating-breakdown-container ul
{
display:inline-block;
width:100% !important;
list-style:none;
margin:0px !important;
padding:0px !important;
margin-top:15px;
}
.rating-breakdown-container ul li
{
display:inline-block;
width:100% !important;
position:relative;
color:var(--webiste-text-color) !important;
font-size:15px !important;
font-weight:500 !important;
margin-bottom:10px !important;
opacity:0.7;
}
.rating-breakdown-container ul li.rate-number-li
{
margin:0px !important;
}
.rating-breakdown-container ul li span.rate-list-number-star
{
padding:5px 10px !important;
border-radius:10px;
cursor:pointer;
float:left;
width:80px !important;
}
.rating-breakdown-container ul li.active
{
opacity:1 !important;
}
.rating-breakdown-container ul li.active span.rate-list-number-star
{
background:var(--webiste-second-color) !important;
color:white;
opacity:1 !important;
}
.rating-breakdown-container ul li ion-icon
{
margin-bottom:-3px;
}
.rate-list-qut
{
float:right;
cursor:pointer;
width:55px !important;
padding:5px 0px !important;
}
.rate-progress-bar-container
{
float:left;
width:calc(100% - 155px) !important;
height:10px;
margin-top:12px;
margin-left:10px;
border-radius:5px;
background:rgba(0,16,88,0.25) !important;
position:relative;
overflow:hidden;
cursor:pointer;
}
.rate-progress-bar-percent
{
float:left;
height:10px;
border-radius:5px;
background:var(--webiste-second-color) !important;
}
span.user-class
{
position:relative;
margin-top:10px !important;
text-transform:capitalize !important;
font-size:14px !important;
font-weight:600 !important;
}
span.user-class b
{
font-weight:600 !important;
position:relative;
z-index:2 !important;
}
span.user-class::after
{
z-index:1;
}
.user-profil-section
{
float:left;
width:100%;
margin-top:50px !important;
}
.user-other-data-item
{
float:left;
width:100%;
margin:10px 0px;
padding:15px !important;
border-radius:10px;
background: rgba(0,16,88,0.06) !important;
}
.user-other-data-item h3
{
float:left;
width:100%;
margin-top:0px !important;
margin-bottom:5px !important;
padding:0px !important;
font-family:Jost !important;
font-size:15px;
font-weight:600;
text-transform:capitalize;
color:var(--webiste-text-color) !important;
}
.user-other-data-item h4
{
float:left;
width:100%;
margin-top:0px !important;
margin-bottom:5px !important;
padding:0px !important;
font-family:Jost !important;
font-size:14px;
font-weight:500;
color:var(--webiste-text-color) !important;
opacity:0.7 !important;
}
.user-other-data-item p
{
font-size:14px;
font-weight:500;
color:var(--webiste-text-color) !important;
opacity:0.9 !important;
}
.user-other-data-item p ion-icon
{
margin-bottom:-2px !important;
}
.no-margin
{
margin:0px !important;
}
.reviews-slide
{
float:left;
width:100%;
position:relative;
margin-top:30px !important;
}
.reviews-slide .owl-prev
{
left:-25px !important;
}
.reviews-slide .owl-next
{
right:-25px !important;
}
.review-item
{
float:left;
width:100% !important;
border-radius:15px !important;
border:1px solid rgba(24,66,128,0.2) !important;
box-shadow:0px 12px 18px 0px rgba(24,66,128,0.1) !important;
display:inline-block !important;
position:relative;
padding:20px;
margin-bottom:20px;
}
.review-item-container
{
float:left;
width:100% !important;
position:relative;
}
.review-item-container p.review-satistical-content span.reviews-stars-data
{
padding:0px !important;
}
.review-item-container h2
{
float:left;
width:100%;
position:relative;
color:var(--webiste-text-color) !important;
font-family: 'Jost', sans-serif !important;
font-size:15px;
padding-bottom:0px !important;
margin-bottom:0px !important;
font-weight:bold !important;
text-transform:capitalize !important;
}
.review-item-container h3,
.company-review-content h4
{
float:left;
width:100%;
position:relative;
color:var(--webiste-text-color) !important;
font-family: 'Jost', sans-serif !important;
font-size:15px;
padding-bottom:0px !important;
margin-bottom:0px !important;
font-weight:600 !important;
}
.review-item-container p,
.company-review-content p
{
float:left;
width:100%;
position:relative;
color:var(--webiste-text-color) !important;
font-family: 'Jost', sans-serif !important;
font-size:14px;
padding-bottom:0px !important;
margin-bottom:0px !important;
margin-top:5px !important;
opacity:0.9 !important;
line-height:24px;
}
.company-review-content p
{
font-size:13px;
margin-top:0px !important;
opacity:1 !important;
line-height:20px;
}
span.review-date
{
float:left;
width:100%;
text-align:right;
position:relative;
color:var(--webiste-text-color) !important;
font-family: 'Jost', sans-serif !important;
font-size:13px;
padding-bottom:0px !important;
margin-bottom:0px !important;
margin-top:5px !important;
opacity:0.7 !important;
line-height:24px;
}
.review-item-container .Goodup-ft-first
{
margin:2px 0px !important;
}
.review-item-container .Goodup-rates i
{
font-size:12px !important;
}
.company-review-container
{
float:left;
width:100%;
border-top:1px solid rgba(24,66,128,0.2) !important;
padding-top:15px !important;
margin-top:15px !important;
}
.company-review-img
{
float:left;
width:60px !important;
padding-bottom:60px !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:10px !important;
}
.company-review-content
{
float:left;
width:calc(100% - 60px);
padding-left:15px;
}
.item-details-container
{
float:left;
width:100%;
margin-top:80px !important;
margin-bottom:50px !important;
}
.item-details-img-bg
{
float:left;
width:100%;
padding-bottom:60% !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:20px;
}
.item-details-container h1
{
float:left;
width:100%;
font-family: Merriweather !important;
font-size: 25px !important;
font-weight:900 !important;
color: var(--webiste-footer-color) !important;
margin-bottom:5px !important;
}
.item-details-container h2
{
float:left;
width:100%;
font-family: Merriweather !important;
font-size: 16px !important;
font-weight:800 !important;
color: var(--webiste-footer-color) !important;
margin-top:25px !important;
margin-bottom:10px !important;
}
.item-details-container h2 span
{
font-size: 14px;
font-weight: 400;
opacity: 0.9 !important;
}
.item-details-container p
{
float:left;
width:100%;
font-family: Jost !important;
font-size: 15px !important;
font-weight:400 !important;
color: var(--webiste-footer-color) !important;
margin-top:10px !important;
}
.item-details-container h2.no-m
{
margin:0px !important;
}
.item-details-container h2 a
{
color: var(--webiste-primary-color) !important;
text-decoration:underline !important;
}
.item-details-container .user-item-content
{
margin-bottom:10px !important;
}
h2.content-details-section-title
{
float:left;
width:100%;
font-family: Merriweather !important;
font-size: 16px !important;
font-weight:700 !important;
color: var(--webiste-footer-color) !important;
margin-top:30px !important;
margin-bottom:20px !important;
}
.item-details-container .review-satistical-container
{
margin-top:30px !important;
}
.reviews-comments-wrap
{
float: left;
width: 100% !important;
margin-top:60px !important;
}
.reviews-comments-wrap .reviews-comments-item
{
float: left;
width: 100% !important;
border-radius: 15px !important;
border: 1px solid rgba(24,66,128,0.2) !important;
box-shadow: 0px 12px 18px 0px rgba(24,66,128,0.05) !important;
position: relative;
padding: 20px;
margin:0px !important;
margin-bottom:10px !important;
background:white !important;
}
.review-img-box
{
float:left;
width:80px !important;
padding-bottom:60px !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:10px !important;
margin-right:10px;
margin-bottom:10px;
margin-top:20px !important;
}
.reviews-comments-item-text h4
{
float:left;
width:100%;
color:var(--webiste-text-color) !important;
font-size:16px !important;
text-transform:capitalize;
font-weight:600;
}
.reviews-comments-item-text h5
{
float:left;
width:100%;
color:var(--webiste-text-color) !important;
font-size:14px !important;
text-transform:capitalize;
font-weight:600;
margin-bottom:0px !important;
}
.reviews-comments-item-text p
{
margin-top:3px !important;
opacity:0.7 !important;
}
.reviews-comments-item-text p.review-satistical-content
{
font-weight:600 !important;
margin-top:15px !important;
}
.reviews-comments-item-date
{
float: right;
font-weight:500;
color:var(--webiste-text-color) !important;
opacity:0.6 !important;
font-size: 12px;
}
.user-profil-bg
{
float:left;
width:100px;
height:100px;
border-radius:50% !important;
border:1px solid rgba(0,0,0,0.1);
margin-bottom:20px;
position:relative;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
}
.user-profil-30
{
width:30px;
height:30px;
margin-bottom:0px;
margin-right:10px !important;
margin-top:-5px !important;
}
.view-answer-link
{
float:left;
width:100%;
color:var(--webiste-text-color) !important;
font-size:14px !important;
text-transform:capitalize;
font-weight:500;
margin-top:15px !important;
margin-bottom:10px !important;
}
.view-answer-link ion-icon
{
margin-bottom:-3px;
}
.answer-form-container
{
float:left;
width:100%;
margin-top:20px !important;
}
#answer-field
{
border:1px solid rgba(0,0,0,0.1) !important;
padding:10px 15px !important;
background:rgb(245,245,248) !important;
border-radius:10px !important;
margin:0px !important;
margin-bottom:10px !important;
}
.answer-form-container .btn
{
padding:5px 15px !important;
margin:0px !important;
}
.answer-details-container
{
float:left;
width:100%;
padding:0px;
margin:0px;
overflow:hidden;
transition: height 0.5s ease-out;
}
.reviews-answer-item
{
float:left !important;
width:100% !important;
border-radius:10px;
padding:20px;
background:rgb(245,245,248);
margin-bottom:10px;
}
.post-review-form
{
float:left !important;
width:100% !important;
margin-top:0px !important;
}
.post-review-form input, .post-review-form textarea, .post-review-form select
{
border:1px solid rgba(0,0,0,0.1) !important;
padding:10px 15px !important;
background:rgb(245,245,248) !important;
border-radius:10px !important;
margin:0px !important;
margin-bottom:10px !important;
}
.post-review-form .custom-btn
{
padding:5px 15px !important;
margin:0px !important;
}
.rate-option-container
{
float:left !important;
width:100% !important;
margin:15px 0px !important;
}
.form-rate-star-container, .rate-option-label
{
float:left !important;
color:var(--webiste-text-color) !important;
font-family: Jost !important;
font-size: 15px !important;
font-weight:600 !important;
margin-right:10px;
}
.form-rate-star-container
{
color:var(--webiste-primary-color) !important;
}
.google-connect-label
{
float:left !important;
width:100% !important;
margin-top:20px;
margin-bottom:10px;
color:var(--webiste-text-color) !important;
font-family: Jost !important;
font-size: 15px !important;
font-weight:500 !important;
}
.google-connect-button
{
float:left;
display:inline-block;
height:40px !important;
line-height:38px !important;
border-radius:30px;
background:rgb(26,115,232);
padding-right:20px !important;
cursor:pointer;
}
.google-icon-bg
{
float:left;
width:34px;
height:34px;
line-height:10px !important;
background:white;
border-radius:50%;
margin-top:3px;
margin-left:3px;
margin-right:10px;
padding:8px;
}
.google-icon-bg img
{
width:100%;
}
.google-connect-text
{
color:white;
font-size:15px;
font-weight:600;
font-family:Jost !important;
}
.home-container
{
float:left;
width:100%;
margin-top:0px;
margin-bottom:50px;
}
.club-slider-container
{
float:left;
width:100%;
}
.service-item-box
{
display:inline-block !important;
width:100%;
border-radius: 20px;
padding:10px;
margin-bottom: 10px;
}
.service-img-bg
{
width:100%;
position:relative;
margin-bottom:5px;
border-radius:20px;
transform: skew(-5deg);
overflow:hidden;
}
.img-bg-inside
{
width:116%;
padding-bottom:60% !important;
background-position: top center !important;
background-repeat:no-repeat !important;
background-size:cover !important;
background-blend-mode: multiply !important;
position:relative;
transform: skew(5deg);
margin-left:-8% !important;
}
.service-item-content
{
display:inline-block !important;
width:100%;
margin-top:10px !important;
}
.service-item-content h2
{
float:left;
width:100%;
font-family: Merriweather !important;
font-size: 15px !important;
font-weight:700 !important;
color: var(--webiste-footer-color) !important;
margin-top:0px !important;
margin-bottom:10px !important;
font-weight:900 !important;
}
.service-item-content p
{
float:left;
width:100%;
font-size:14px !important;
color:var(--webiste-text-color) !important;
opacity:0.8 !important;
font-weight:500 !important;
}
.service-item-content a.btn-call-to-action
{
padding:10px 15px !important;
margin-top:10px !important;
font-size:13px !important;
}
a.see-more-btn
{
float:left;
width:100%;
font-family: Merriweather !important;
font-size: 14px !important;
font-weight:800;
color: var(--webiste-text-color) !important;
margin-top:10px !important;
}
a.see-more-btn ion-icon
{
font-size:15px;
margin-bottom:-3px;
}
.slide-index-section, .program-slider-container, .member-slider-container
{
float:left;
width:100%;
}
.member-slider-container .user-item-content
{
border:0px solid transparent !important;
}
.profil-user-info .review-satistical-content
{
margin-top:10px !important;
margin-bottom:5px !important;
}
.user-item-content p.review-satistical-content .rate-satistical-data
{
font-size:14px !important;
font-weight:600 !important;
}
.user-item-content p.review-satistical-content .reviews-total-data
{
font-size:13px !important;
font-weight:500 !important;
opacity:0.6 !important;
}
.user-item-content p.review-satistical-content .reviews-stars-data
{
font-size:12px !important;
}
.custom-btn ion-icon
{
margin-bottom:-2px !important;
}
.home-container .custom-section-title-container
{
margin-top:50px !important;
margin-bottom:30px !important;
}
.view-more-container
{
float:left;
width:100%;
text-align:center;
margin-top:30px !important;
position:relative;
z-index:100;
}
.view-more-container a
{
float:none;
display:inline-block;
}
.item-details-container .user-item-content h2
{
margin-bottom:0px !important;
}
.member-location
{
float:left;
width:100%;
font-family:Jost !important;
font-size:13px !important;
font-weight:600 !important;
color: var(--webiste-primary-color) !important;
margin-bottom:0px !important;
white-space:nowrap;
}
.member-location ion-icon
{
margin-bottom:-2px !important;
}
.item-details-container .member-location
{
margin-bottom:-15px !important;
}
.index-section-dark
{
background:var(--webiste-footer-color) !important;
padding:50px 0px;
position:relative;
margin-top:50px !important;
}
.index-section-dark .custom-section-title-container h3,
.index-section-dark .custom-section-title-container p,
.index-section-dark .service-item-content h2,
.index-section-dark .service-item-content p,
.index-section-dark a.see-more-btn
{
color:white !important;
}
.index-section-dark .service-item-content p
{
font-size:14px !important;
font-weight:400 !important;
}
.index-section-dark .service-img-bg
{
border:5px solid rgba(255,255,255,0.2);
}
.home-services-container
{
float:left;
width:100%;
}
.home-services-container .view-more-container
{
margin-top:-50px !important;
}
.home-achievements-container .view-more-container
{
margin-top:-20px !important;
}
.services-slider-container,
.achievements-slider-container
{
float:left;
width:100%;
}
.header-transparent .navbar .navbar-nav .nav-link
{
color:white !important;
}
.logo-img-white
{
display:none !important;
}
.header-transparent .logo-img-dark
{
display:none !important;
}
.header-transparent  .logo-img-white
{
display:block !important;
}
.sticky .logo-img-dark
{
display:block !important;
}
.sticky .logo-img-white
{
display:none !important;
}
.sticky .navbar .navbar-nav .nav-link
{
color:var(--webiste-footer-color) !important;
}
.header-primary.header-transparent
{
border-bottom:0px solid transparent !important;
}
.home-slide-banner
{
float:left;
width:100%;
height:100vh;
background:var(--webiste-footer-color) !important;
position:relative;
margin-bottom:30px;
overflow:hidden;
}
.home-banner-slider
{
float:left !important;
width:100% !important;
}
.home-banner-item-bg
{
width:100% !important;
height:100vh;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
background-color:rgba(0,0,0,0.8) !important;
}
.home-banner-item-bg-overlay
{
float:left !important;
width:100% !important;
height:100% !important;
background:linear-gradient(to top, transparent, rgba(0,16,88,0.1), rgb(0,16,88)) !important;
position:relative;
}
.home-banner-item-bg-overlays::before
{
content:'';
top:0px;
left:0px;
position:absolute;
width:200px;
height:100% !important;
background:linear-gradient(to right, rgb(0,16,88), transparent) !important;
}
.home-banner-item-bg-overlays::after
{
content:'';
top:0px;
right:0px;
position:absolute;
width:200px;
height:100% !important;
background:linear-gradient(to left, rgb(0,16,88), transparent) !important;
}
.home-banner-slider .owl-nav
{
display:none !important;
}
.home-banner-form
{
top:0px;
left:0px;
width:100%;
height:100vh;
position:absolute;
z-index:10 !important;
display:flex;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
}
.home-banner-form-content
{
float:left;
width:100%;
margin:auto;
text-align:center;
}
.home-banner-form-content h1
{
float:left;
width:100%;
font-family:Merriweather !important;
font-size:35px !important;
line-height:48px !important;
font-weight:900;
color:white !important;
margin-bottom:20px !important;
}
.home-banner-form-content h1 span
{
color:var(--webiste-primary-color) !important;	
}
.home-banner-form-content p
{
float:left;
width:100%;
font-family:Jost !important;
font-size:16px !important;
font-weight:400;
color:white !important;
margin-bottom:20px !important;
}
.search-dev-form-group
{
float:left;
width:100%;
position:relative;
}
.search-dev-form-group input
{
width:100% !important;
float:left;
padding:20px 20px !important;
border-radius:30px !important;	
border:0px solid transparent !important;
color:var(--webiste-footer-color) !important;
padding-right:120px !important;	
height:60px;
}
.search-dev-form-group button
{
position:absolute;
top:5px;
right:5px;
padding:0px 25px;
height:50px;
line-height:50px;
background:var(--webiste-primary-color) !important;	
border-radius:30px !important;
border:0px solid transparent !important;
}
.search-dev-form-group button:hover
{
background:var(--webiste-footer-color) !important;		
}
.what-we-do-section-home
{
float:left;
margin-top:0px !important;
margin-bottom:0px !important;
}
.no-margin-top
{
margin-top:0px !important;
}
.blog-page-container .view-more-container
{
margin-bottom:50px !important;
}
.recommended-tag
{
position:absolute;
width:initial !important;
top:0px;
left:0px;
z-index:10;
font-size:12px;
padding:2px 10px;
height:22px !important;
font-family:Jost !important;
font-weight:700 !important;
color:white !important;
background:var(--webiste-primary-color) !important;
border-radius:5px 0px 0px 5px;
}
.recommended-tag ion-icon
{
margin-bottom:-4px;
font-size:16px !important;
}
.recommended-tag::after
{
content: '';
position: absolute;
width: 20px;
height: 18px;
background: var(--webiste-primary-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 2px;
right: -8px;
z-index: -1;
}
.relative-tag
{
float:left;
position:relative !important;
margin-bottom:5px !important;
}
.m-b
{
margin-bottom:15px !important;
}
.card-listing-content .btn
{
font-size:13px !important;
padding:0px 10px !important;
text-transform:capitalize !important;	
border-radius:5px !important;
}
.item-details-container .item-card
{
margin-top:0px !important;	
margin-bottom:15px !important;	
}
.item-card h3
{
float:left;
width:100%;
margin-top:0px !important;
margin-bottom:5px !important;
padding:0px !important;
font-family:Merriweather !important;
font-size:15px;
line-height:22px !important;
font-weight:900;
color:var(--webiste-text-color) !important;
}
.item-card h4
{
float:left;
width:100%;
margin-top:10px !important;
margin-bottom:5px !important;
padding:0px !important;
font-family:Jost !important;
font-size:15px;
line-height:22px !important;
font-weight:700;
color:var(--webiste-text-color) !important;
}
.item-card .custom-btn
{
width:100% !important;
padding:8px 15px !important;	
}
.content-item-box .review-satistical-content
{
margin:0px !important;
font-size:12px !important;	
font-weight:700;
margin-bottom:5px !important;
}
.content-item-box .review-satistical-content .reviews-total-data
{
font-size:12px !important;
opacity:0.7 !important;
}
.profil-container .content-item-box .review-satistical-content
{
margin-top:10px !important;
margin-bottom:-10px !important;	
}
.item-details-container .content-item-box .review-satistical-content
{
margin-top:10px !important;
margin-bottom:-20px !important;	
font-weight:700 !important;
}
.training-box-img
{
background-color:rgba(200,200,200,0.2);
}