/* Description: Master CSS file */
/*****************************************
Table Of Contents:
- General Styles
- Navigation
- Header
- Services
- Details 1
- Details 2
- Features
- Testimonials
- Customers
- Invitation
- Contact
- Footer
- Copyright
- Back To Top Button
- Extra Pages
- Media Queries
******************************************/
/*****************************************
Colors:
- Backgrounds - light gray #fcfafb
- Buttons, icons - blue #0092ff
- Buttons, icons - red #ef473d
- Headings text - black #223150
- Body text - dark gray #5e6576
******************************************/
/**************************/
/* General Styles */
/**************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
body,
html {
width: 100%;
height: 100%;
}
body, p {
color: #5e6576;
font: 400 1rem/1.625rem "Open Sans", sans-serif;
font-family: 'Poppins', sans-serif;
}
h1 {
color: #223150;
font-weight: 700;
font-size: 2.5rem;
line-height: 3.25rem;
letter-spacing: -0.4px;
}
h2 {
color: #223150;
font-weight: 700;
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: -0.4px;
}
h3 {
color: #223150;
font-weight: 700;
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -0.2px;
}
h4 {
color: #223150;
font-weight: 700;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: -0.2px;
}
h5 {
color: #223150;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.625rem;
}
h6 {
color: #223150;
font-weight: 700;
font-size: 1rem;
line-height: 1.375rem;
}
.p-large {
font-size: 1.125rem;
line-height: 1.75rem;
}
.p-small {
font-size: 0.875rem;
line-height: 1.5rem;
}
.testimonial-text {
color: #223150;
font-weight: 400;}
.testimonial-author {
font-weight: 700;
font-size: 1.25rem;
line-height: 1.75rem;
}
.li-space-lg li {
margin-bottom: 0.5rem;
}
a {
color: #5e6576;
}
a:hover {
color: #5e6576;
text-decoration: underline;
}
.no-line {
text-decoration: none;
}
.no-line:hover {
text-decoration: none;
}
.read-more {
font-weight: 600;
font-size: 0.875rem;
line-height: 1.5rem;
}
.read-more .fas {
margin-left: 0.625rem;
font-size: 1rem;
vertical-align: -8%;
}
.blue {
color: #0092ff;
}
.bg-gray {
background-color: #fcfafb;
}
.section-title {
margin-bottom: 1.5rem;
color: #2e37ff;
font-weight: 600;
font-size: 0.875rem;
}
.btn-solid-reg {
display: inline-block;
padding: 0;
border: 0;
border-radius: 30px;
background-color: #0092ff;
color: #ffffff;
font-weight: 600;
font-size: 0.875rem;
line-height: 0;
text-decoration: none;
transition: all 0.2s;
margin-right: 36px
}
.btn-solid-reg img{
width: 150px;
border-radius: 9px;}
.btn-solid-reg:hover {
background-color: transparent;
color: #0092ff; /* needs to stay here because of the color property of a tag */
text-decoration: none;
}
.btn-solid-lg {
display: inline-block;
padding: 1.625rem 2.625rem 1.625rem 2.625rem;
border: 1px solid #0092ff;
border-radius: 30px;
background-color: #0092ff;
color: #ffffff;
font-weight: 600;
font-size: 0.875rem;
line-height: 0;
text-decoration: none;
transition: all 0.2s;
}
.btn-solid-lg:hover {
background-color: transparent;
color: #0092ff; /* needs to stay here because of the color property of a tag */
text-decoration: none;
}
.btn-solid-sm {
display: inline-block;
padding: 1rem 1.5rem 1rem 1.5rem;
border: 1px solid #0092ff;
border-radius: 30px;
background-color: #0092ff;
color: #ffffff;
font-weight: 600;
font-size: 0.875rem;
line-height: 0;
text-decoration: none;
transition: all 0.2s;
}
.btn-solid-sm:hover {
background-color: transparent;
color: #0092ff; /* needs to stay here because of the color property of a tag */
text-decoration: none;
}
.btn-outline-reg {
display: inline-block;
padding: 1.375rem 2.25rem 1.375rem 2.25rem;
border: 1px solid #ef473d;
border-radius: 30px;
background-color: transparent;
color: #ef473d;
font-weight: 600;
font-size: 0.875rem;
line-height: 0;
text-decoration: none;
transition: all 0.2s;
}
.btn-outline-reg:hover {
background-color: #ef473d;
color: #ffffff;
text-decoration: none;
}
.btn-outline-lg {
display: inline-block;
padding: 1.625rem 2.625rem 1.625rem 2.625rem;
border: 1px solid #ef473d;
border-radius: 30px;
background-color: transparent;
color: #ef473d;
font-weight: 600;
font-size: 0.875rem;
line-height: 0;
text-decoration: none;
transition: all 0.2s;
}
.btn-outline-lg:hover {
background-color: #ef473d;
color: #ffffff;
text-decoration: none;
}
.btn-outline-sm {
display: inline-block;
padding: 1rem 1.5rem 1rem 1.5rem;
border: 1px solid #ef473d;
border-radius: 30px;
background-color: transparent;
color: #ef473d;
font-weight: 600;
font-size: 0.875rem;
line-height: 0;
text-decoration: none;
transition: all 0.2s;
}
.btn-outline-sm:hover {
background-color: #ef473d;
color: #ffffff;
text-decoration: none;
}
.form-group {
position: relative;
margin-bottom: 1.25rem;
}
.form-control-input,
.form-control-textarea {
width: 100%;
padding-top: 1.3rem;
padding-bottom: 1.3rem;
padding-left: 1.5rem;
border: 1px solid #cbcbd1;
border-radius: 16px;
background-color: #ffffff;
font-size: 1.2rem;
line-height: 1.5rem;
-webkit-appearance: none;
}
.form-control-input {
color: grey
}
.form-control-input::placeholder,
.form-control-textarea::placeholder{
color: grey
}
.form-control-textarea {
display: block;
height: 9rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
}
.form-control-input:focus,
.form-control-textarea:focus {
border: 1px solid #a1a1a1;
outline: none; /* Removes blue border on focus */
}
.form-control-input:hover,
.form-control-textarea:hover {
border: 1px solid #a1a1a1;
}
.form-control-submit-button {
display: inline-block;
width: 100%;
height: 3.25rem;
border: 1px solid #0258d3;
border-radius: 30px;
background-color: #0258d3;
color: #ffffff;
font-weight: 600;
font-size: 1.3rem;
line-height: 0;
cursor: pointer;
transition: all 0.2s;
}
.form-control-submit-button:hover {
border: 1px solid #0092ff;
background-color: transparent;
color: #0092ff;
}
/**********************/
/* Navigation */
/**********************/
.navbar {
background-color: #fcfafb;
font-weight: 500;
font-size: 17px;
line-height: 0.875rem;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
}
.navbar .navbar-brand {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.navbar .logo-image img {
width: auto;
height: 70px;
filter: contrast(120%);
}
.navbar .logo-text {
color: #223150;
font-weight: 700;
font-size: 1.875rem;
line-height: 1rem;
text-decoration: none;
}
.offcanvas-collapse {
position: fixed;
top: 3.25rem; /* adjusts the height between the top of the page and the offcanvas menu */
bottom: 0;
left: 100%;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
overflow-y: auto;
visibility: hidden;
background-color: #fcfafb;
transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.offcanvas-collapse.open {
visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.navbar .navbar-nav {
margin-top: 0.75rem;
margin-bottom: 0.5rem;
}
.navbar .nav-item .nav-link {
padding-top: 1rem;
padding-bottom: 0.625rem;
color: #303134;
font-weight: bolder;
text-decoration: none;
font-size: 17px;
transition: all 0.2s ease;
}
.navbar .nav-item.dropdown.show .nav-link,
.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link.active {
color: #4d4d4e;
}
/* Dropdown Menu */
.navbar .dropdown .dropdown-menu {
animation: fadeDropdown 0.2s; /* required for the fade animation */
}
@keyframes fadeDropdown {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.navbar .dropdown-menu {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
border: none;
background-color: #fcfafb;
}
.navbar .dropdown-item {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
color: #5e6576;
font-weight: 600;
font-size: 0.875rem;
line-height: 0.875rem;
text-decoration: none;
}
.navbar .dropdown-item:hover {
background-color: #fcfafb;
color: #0092ff;
}
.navbar .dropdown-divider {
width: 100%;
height: 1px;
margin: 0.5rem auto 0.5rem auto;
border: none;
background-color: #d1d1d1;
}
/* end of dropdown menu */
.navbar .navbar-toggler {
padding: 0;
border: none;
font-size: 1.25rem;
}
/******************/
/* Header */
/******************/
.header {
padding-top: 8rem;
padding-bottom: 4em;
background: url(../images/header-background.jpg) center center no-repeat;
background-size: cover !important;
text-align: center;
background-repeat: no-repeat !important;
}
.header .h1-large {
margin-bottom: 1.75rem;
}
.header .p-large {
margin-bottom: 2.25rem;
}
.header .image-container {
margin-top: 5rem;
}
/********************/
/* Services */
/********************/
.cards-1 {
padding-top: 5rem;
padding-bottom: 2.25em;
}
.cards-1 h2 {
margin-bottom: 3.5rem;
}
.cards-1 .card {
margin-bottom: 5rem;
border: none;
background-color: transparent;
}
.cards-1 .card-icon {
width: 66px;
height: 66px;
margin-bottom: 1.875rem;
border-radius: 8px;
background-color: #ddedfb;
text-align: center;
}
.cards-1 .card-icon .fas,
.cards-1 .card-icon .far {
color: #0092ff;
font-size: 2rem;
line-height: 66px;
}
.cards-1 .card-icon.red {
background-color: #fbe4e4;
}
.cards-1 .card-icon.red .fas,
.cards-1 .card-icon.red .far {
color: #ef473d;
}
.cards-1 .card-icon.green {
background-color: #e0f4ea;
}
.cards-1 .card-icon.green .fas,
.cards-1 .card-icon.green .far {
color: #16c66d;
}
.cards-1 .card-body {
padding: 0;
}
.cards-1 .card-title {
margin-bottom: 1.125rem;
font-size: 26px !important;
letter-spacing: 2px;
}
.cards-1 .card-body p {
margin-bottom: 1.125rem;
}
.cards-1 .read-more {
color: #626263;
background: white;
padding: 14px 34px;
border-radius: 8px;
font-size: 20px;
letter-spacing: 2px;
}
.cards-1 .read-more .fas {
color: #223150;
}
/*********************/
/* Details 1 */
/*********************/
.basic-1 {
padding-top: 2.25rem;
padding-bottom: 4.75rem;
background: white}
.basic-1 .image-container {
margin-bottom: 4rem;
}
.basic-1 h2 {
margin-bottom: 1.75rem;
color: #4f5663;
font-size: 30px;
}
.basic-1 p {
margin-bottom: 2rem;
}
/*********************/
/* Details 2 */
/*********************/
.basic-2 {
padding-top: 4.5rem;
padding-bottom: 9.5rem;
background: url('../images/details-2-background.jpg') center center no-repeat;
background-size: cover;
}
.basic-2 .text-container {
margin-bottom: 4rem;
}
.basic-2 h2 {
margin-bottom: 1.75rem;
}
.basic-2 p {
margin-bottom: 2rem;
}
/********************/
/* Features */
/********************/
.accordion-1 {
padding-top: 9.25rem;
padding-bottom: 9.75rem;
background: url('../images/features-background.jpg') center center no-repeat;
background-size: cover;
}
.accordion-1 .h2-heading {
margin-bottom: 1rem;
color: #ffffff;
text-align: center;
}
.accordion-1 .p-heading {
margin-bottom: 4rem;
color: #ffffff;
text-align: center;
}
.accordion-1 .accordion {
margin-bottom: 5rem;
}
.accordion-1 .accordion-item {
margin-bottom: 2.5rem;
border: none;
border-radius: 0;
background-color: transparent;
}
.accordion-1 .accordion-item:last-of-type {
margin-bottom: 0;
}
.accordion-1 .accordion-icon {
position: absolute;
width: 44px;
height: 44px;
border-radius: 4px;
text-align: center;
background-color: #14be9f;
}
.accordion-1 .accordion-icon.blue {
background-color: #1d79fb;
}
.accordion-1 .accordion-icon.purple {
background-color: #dc63ff;
}
.accordion-1 .accordion-icon.orange {
background-color: #ff6c02;
}
.accordion-1 .accordion-icon .fas {
color: #ffffff;
font-size: 1.25rem;
line-height: 44px;
}
.accordion-1 .accordion-header {
margin-left: 4.125rem;
padding: 0.5rem 0 0.5rem 0;
border: none;
background-color: transparent;
}
.accordion-1 .accordion-header button {
padding: 0;
border: none;
background-color: transparent;
color: #ffffff;
box-shadow: none;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.625rem;
letter-spacing: -0.4px;
text-align: left;
}
.accordion-1 .accordion-header button:after {
display: none;
}
.accordion-1 .accordion-body {
margin-left: 4.125rem;
padding: 0.375rem 0 0 0;
color: #ffffff;
}
/************************/
/* Testimonials */
/************************/
.cards-2 {
padding-top: 3.5rem;
padding-bottom: 2.25rem;
text-align: center;
background: #0aa0e2;
}
.cards-2 .h2-heading {
margin-bottom: 5.75rem;
color: white
}
.cards-2 .card{
min-height: 304px
}
.cards-2 .card {
position: relative;
margin-bottom: 5rem;
border: none;
}
.cards-2 .card img{
height: 83px;
width: auto;
margin: 10px auto;
}
.cards-2 .card .quotes {
position: absolute;
top: -35px;
right: 0;
border-radius: 50%;
left: 0;
background: white;
width: 70px;
height: 70px;
padding: 12px;
line-height: 46px;
margin-right: auto;
margin-left: auto;
font-size: 28px;
font-weight: bold;
color: #0782ff;
}
.cards-2 .card-body {
padding: 3.5rem 1rem 3.125rem 1rem;
}
.cards-2 .testimonial-author {
margin-bottom: 0.125rem;
color: #223150;
}
.cards-2 .occupation {
font-size: 0.875rem;
line-height: 1.5rem;
}
.cards-2 .card .gradient-floor {
position: absolute;
bottom: 0;
left: 0;
height: 10px;
width: 100%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.cards-2 .card .gradient-floor.red-to-blue {
background: linear-gradient(to right, #ef3d91, #0092ff);
}
.cards-2 .card .gradient-floor.blue-to-purple {
background: linear-gradient(to right, #0092ff, #637eff);
}
.cards-2 .card .gradient-floor.purple-to-green {
background: linear-gradient(to right, #637eff, #16c66d);
}
/********************/
/* Customers */
/********************/
.slider-1 {
padding-top: 2rem;
padding-bottom: 3.75rem;
background: linear-gradient(rgb(252, 250, 251), rgb(255, 255, 255));
text-align: center;
}
.slider-1 h4 {
margin-bottom: 0.25rem;
}
.slider-1 .section-divider {
margin-bottom: 1rem;
}
.slider-1 .slider-container {
margin-bottom: 0.5rem;
padding: 1rem 0;
}
/**********************/
/* Invitation */
/**********************/
.basic-3 {
padding-top: 4rem;
background-size: cover;
text-align: center;
}
.basic-3 .text-container {
padding: 5rem 1.5rem 5.5rem 1.5rem;
border-radius: 28px;
background: url('../images/invitation-background.jpg') center center no-repeat;
background-size: cover;
}
.basic-3 h2 {
margin-bottom: 1rem;
color: #ffffff;
}
.basic-3 .p-large {
margin-bottom: 2.75rem;
color: #ffffff;
}
.basic-3 .btn-solid-lg {
border-color: #16c66d;
background-color: #16c66d;
}
.basic-3 .btn-solid-lg:hover {
border-color: #ffffff;
background-color: transparent;
color: #ffffff;
}
/*******************/
/* Contact */
/*******************/
.form-1 {
padding-top: 9.5rem;
padding-bottom: 8.75rem;
}
.form-1 .text-container {
margin-bottom: 4rem;
}
.form-1 .section-divider {
margin-bottom: 1rem;
}
.form-1 h2 {
margin-bottom: 1.75rem;
}
.form-1 .list-unstyled .fas {
font-size: 0.375rem;
line-height: 1.625rem;
}
.form-1 .list-unstyled .flex-grow-1 {
margin-left: 0.5rem;
}
/******************/
/* Footer */
/******************/
.footer {
position: relative;
padding-top: 4.5rem;
text-align: center;
background: #0258d3;
}
.termsclass{
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
}
.termsclasssub{
background: #e6f9ff;
padding: 70px 144px;
margin: 0 5px
}
.termsclass::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 13%);
border-radius: 10px;
background-color: #ffffff;
}
.termsclass::-webkit-scrollbar {
width: 12px;
background-color: #ffffff;
}
.termsclass::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 13%);
background-color: #f1f1f1;
}
@-moz-document url-prefix() {
.termsclass {
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: #f1f1f1 #00000021;
}
}
.footer .decoration-circles {
position: absolute;
top: 96px;
left: -60px;
}
.footer div[class*="col"] {
/* selects all elements which have classes starting with col */
/* needed so that the absolute positioned decoration stays behind */
position: relative;
}
.footer a {
color: #223150;
text-decoration: none;
}
.footer h4 {
margin-bottom: 2px;
margin-top: 20px;
width: auto;
font-size: 17px;
margin-right: auto;
margin-left: auto;
color: white;
text-align: initial;
}
.footer ul{
list-style: none;
padding: 0;
margin: 0;
text-align: initial;
}
.footer ul li a{
color: #ccecff !important;
font-weight: 300;
font-size: 14px;
line-height: 1.9rem;
}
.dropdown img{
margin: 0px;
}
.footer .fa-stack {
width: 42px;
margin-bottom: 1.25rem;
margin-right: 0.375rem;
font-size: 1.5rem;
margin: 5px
}
.footer .fa-stack img{
width: 34px;
height: 34px
}
.footer .fa-stack .fa-stack-1x {
color: #0092ff;
transition: all 0.2s ease;
}
.footer .fa-stack .fa-stack-2x {
color: #ffffff;
transition: all 0.2s ease;
}
.footer .fa-stack:hover .fa-stack-1x {
color: #ffffff;
}
.footer .fa-stack:hover .fa-stack-2x {
color: #0092ff;
}
/*********************/
/* Copyright */
/*********************/
.copyright {
padding-top: 1.5rem;
border-top: 1px solid #d0dae2;
text-align: center;
}
.copyright a {
text-decoration: none;
}
.copyright .list-unstyled,
.copyright .statement {
opacity: 1;
padding: 0 64px;
}
/******************************/
/* Back To Top Button */
/******************************/
#myBtn {
position: fixed;
z-index: 99;
bottom: 90px;
right: 20px;
display: none;
width: 52px;
height: 52px;
border: none;
border-radius: 50%;
outline: none;
background-color: #44434a;
cursor: pointer;
}
#myBtn:hover {
background-color: #1d1d21;
}
#myBtn img {
margin-bottom: 0.25rem;
width: 18px;
}
/***********************/
/* Extra Pages */
/***********************/
.ex-header {
padding-top: 9rem;
padding-bottom: 5rem;
background-color: #fcfafb;
}
.ex-basic-1 .list-unstyled .fas {
font-size: 0.375rem;
line-height: 1.625rem;
}
.ex-basic-1 .list-unstyled .flex-grow-1 {
margin-left: 0.5rem;
}
.ex-basic-1 .text-box {
padding: 1.25rem 1.25rem 0.5rem 1.25rem;
background-color: #fcfafb;
}
.ex-cards-1 .card {
border: none;
background-color: transparent;
}
.ex-cards-1 .card .fa-stack {
width: 2em;
font-size: 1.125rem;
}
.ex-cards-1 .card .fa-stack-2x {
color: #0092ff;
}
.ex-cards-1 .card .fa-stack-1x {
width: 2em;
color: #ffffff;
font-weight: 700;
line-height: 2.125rem;
}
.ex-cards-1 .card .list-unstyled .flex-grow-1 {
margin-left: 2.25rem;
}
.ex-cards-1 .card .list-unstyled .flex-grow-1 h5 {
margin-top: 0.125rem;
margin-bottom: 0.5rem;
}
/*************************/
/* Media Queries */
/*************************/
/* Min-width 768px */
@media (min-width: 768px) {
/* Header */
.header {
padding-top: 9rem;
padding-bottom: 5em;
}
.header .h1-large {
font-size: 3.25rem;
line-height: 3.75rem;
}
/* end of header */
/* Statistics */
.counter .counter-cell {
display: inline-block;
margin-right: 1.5rem;
margin-left: 1.5rem;
vertical-align: top;
}
/* end of statistics */
/* Extra Pages */
.ex-basic-1 .text-box {
padding: 1.75rem 2rem 0.875rem 2rem;
}
/* end of extra pages */
}
/* end of min-width 768px */
/* Min-width 992px */
@media (min-width: 992px) {
/* General Styles */
.h2-heading {
width: 35.25rem;
margin-right: auto;
margin-left: auto;
}
.p-heading {
width: 46rem;
margin-right: auto;
margin-left: auto;
}
/* end of general styles */
/* Navigation */
.navbar {
padding-top: 0rem;
background-color: white;
box-shadow: none;
transition: all 0.2s;
}
.navbar.top-nav-collapse {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: white;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
}
.offcanvas-collapse {
position: static;
top: auto;
bottom: auto;
left: auto;
width: auto;
padding-right: 0;
padding-left: 0;
background-color: transparent;
overflow-y: visible;
visibility: visible;
}
.offcanvas-collapse.open {
-webkit-transform: none;
transform: none;
}
.navbar .navbar-nav {
margin-top: 0;
margin-bottom: 0;
}
.navbar .nav-item .nav-link {
padding-right: 17px;
padding-left: 17px;
}
.navbar .nav-item .nav-link.dropdown-toggle{
padding-right: 4px;
padding-left: 4px;
}
.cards-about-us{
padding-top: 9.5rem
}
.navbar .dropdown-menu {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.08);
}
.navbar-nav .dropdown-toggle::after{
display: none;
}
.navbar .dropdown-divider {
width: 90%;
}
.navbar .nav-item .btn-solid-sm {
margin-top: 0;
margin-left: 1rem;
}
/* end of navigation */
/* Header */
.header {
text-align: left;
}
.header .text-container {
margin-top: 4rem;
}
.header .image-container {
margin-top: 0;
}
.header .btn-solid-lg,
.header .btn-outline-lg {
margin-right: 0;
margin-left: 0;
}
.header .btn-solid-lg {
margin-right: 0.5rem;
}
/* end of header */
/* Services */
.cards-1 .card {
display: inline-block;
width: 286px;
vertical-align: top;
}
.cards-1 .card:nth-of-type(3n+2) {
/*margin-right: 2rem;
margin-left: 2rem;*/
}
/* end of services */
/* Details 1 */
.basic-1 .image-container {
margin-bottom: 0;
}
.basic-1 .text-container {
margin-top: 2rem;
}
/* end of details 1 */
/* Details 2 */
.basic-2 .text-container {
margin-top: 3rem;
margin-bottom: 0;
}
/* end of details 2 */
/* Testimonials */
.cards-2 .card {
display: inline-block;
width: 298px;
vertical-align: top;
}
.cards-2 .card:nth-of-type(3n+2) {
margin-right: 0;
margin-left: 0;
}
/* end of testimonials */
/* Invitation */
.basic-3 .text-container {
padding-top: 6rem;
padding-bottom: 6rem;
}
.basic-3 h2 {
width: 42rem;
margin-right: auto;
margin-left: auto;
}
.basic-3 .p-large {
width: 35rem;
margin-right: auto;
margin-left: auto;
}
/* end of invitation */
/* Footer */
.footer h4 {
width: auto;
font-size: 17px;
margin-right: auto;
margin-left: auto;
color: white;
}
/* end of footer */
/* Copyright */
.copyright {
text-align: left;
}
.copyright .list-unstyled li {
display: inline-block;
margin-right: 1rem;
}
.copyright .statement {
text-align: right;
}
/* end of copyright */
/* Extra Pages */
.ex-cards-1 .card {
display: inline-block;
width: 296px;
vertical-align: top;
}
.ex-cards-1 .card:nth-of-type(3n+2) {
margin-right: 1rem;
margin-left: 1rem;
}
/* end of extra pages */
}
/* end of min-width 992px */
/* Min-width 1200px */
@media (min-width: 1200px) {
/* General Styles */
.container {
max-width: 94%;
}
/* end of general styles */
/* Header */
.header {
overflow: hidden;
position: relative;
padding-top: 12.25rem;
padding-bottom: 15rem;
}
.header-overlay{
position: absolute;
left: 0;right: 0;bottom: 0;top: 0;
background: #0258d37a;
z-index: 1;
}
.header .text-container {
margin-top: 0;
}
.header .image-container {
position: relative;
}
.header .image-container img {
position: absolute;
bottom: -520px;
left: 60px;
max-width: none;
}
/* end of header */
/* Services */
.cards-1 .card {
width: 29%;
text-align: center;
}
.cards-1 .card:nth-of-type(3n+2) {
margin-right:5%;
margin-left: 5%;
}
/* end of services */
/* Details 1 */
.basic-1 .text-container {
margin-top: 5rem;
}
/* end of details 1 */
/* Details 2 */
.basic-2 .text-container {
margin-top: 3rem;
margin-right: 3rem;
}
.basic-2 .image-container {
text-align: left;
}
/* end of details 2 */
/* Features */
.accordion-1 .accordion {
margin-bottom: 0;
}
.accordion-1 .image-container {
text-align: right;
}
/* end of features */
/* Testimonials */
.cards-2 .card {
width: 24%;
margin: 0 .4%; }
.cards-2 .card:nth-of-type(3n+2) {
margin-right:0;
margin-left:0;
}
/* end of testimonials */
/* Invitation */
.basic-3 .text-container {
padding-top: 8rem;
padding-bottom: 8.5rem;
}
/* end of invitation */
/* Contact */
.form-1 .text-container {
margin-top: 1.5rem;
margin-right: 2.75rem;
}
.form-1 form {
margin-left: 2.75rem;
}
/* end of contact */
/* Footer */
.footer .decoration-circles {
left: 0;
}
/* end of footer */
/* Extra Pages */
.ex-cards-1 .card {
width: 336px;
}
.ex-cards-1 .card:nth-of-type(3n+2) {
margin-right: 2.875rem;
margin-left: 2.875rem;
}
/* end of extra pages */
}
/* end of min-width 1200px */
header h1 {
color: #ffffff;
font-weight: 600;
font-size: 33px !important;
line-height: 1.5 !important;
}
.header .p-large{
color: white;
}
header h1 .spanh1head{
font-size: 26px !important;
letter-spacing: 2px;
}
#header .p-large {
font-size: 1.4rem;
letter-spacing: 2px;
}
.bottom-section-header .p-large{
font-size: 13px !important;
letter-spacing: 1px;
}
.header-next-overlay{
z-index: 2;
position: inherit;
}
.signupbtn,.signinbtn,.signupbtn:hover,.signinbtn:hover{
margin: 0;
margin-left: 0 !important;
background: transparent;
padding: 1.4rem 1.5rem 1.4rem 1.5rem;
font-weight: 300;
border: 1px solid #26374300;
cursor: pointer;
color: white;
}
.signupcontainer{
background:linear-gradient(
180deg
,#00ddffa6,#0258d28c),url(../images/img/bg1.jpg);
background-size: 100%;
margin-top: 84px;
padding: 26px 0;
}
.signuptitle {
text-align: center;
margin-bottom: 18px;
font-size: 25px;
color: #2e67d3;
}
.iconsignm{
margin-bottom: 10px !important;
}
.iconsign{
border-radius: 50%;
margin-right: -54px;
z-index: 1;
position: relative;
width: 94px;
height: 94px;
display: inline-block;
line-height: 90px;
background: #dfeffc;
text-align: center;
}
.iconsign span{
}
.iconsign img{
/* width: 26px;
height: 40px;*/
filter: contrast(221%);
}
.imagefilter{
width: 29px;
color: #0258d3;
filter: invert(76%) sepia(100%) saturate(2046%) hue-rotate(
207deg
) brightness(96%) contrast(103%);
}
.client-coach{
background: #dfeffc;
border-color: #dfeffc;
color: #0258d3;
font-size: 21px;
text-align: center;
width: 86%;
padding: 13px;
border-radius: 16px;
}
.iconsignm{
margin-bottom: 10px !important;
}
.cont-container{
max-width: 900px;
margin: auto;
margin-top: 86px;
}
.body-signupsteps{
background: white
}
.header-signupsteps{
margin-bottom: 8px;
}
.main-btn-div{
background: linear-gradient(
-45deg
, #0872ff, #0871ff, #04a7ff, #068cff);
border-radius: 25px;
}
.iconsignm:hover .iconsign{
background: #0267d7;
}
.iconsignm:hover .iconsign img{
filter: invert(100%) sepia(151%) saturate(0%) hue-rotate(386deg) brightness(125%) contrast(102%) !important;
}
.iconsignm:hover .iconsign .imagefilter{
filter:none;
}
.signinbtn{
/* border-left:1px solid gray;
*/ border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -5px !important
}
.signupbtn{
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.border-dd{
border-left: 1px solid #ffffffb0;
}
header{
background-size: 100% 100%;
height: 526px;
}
.bottom-section-header .h1-large {
font-size: 24px;
margin-bottom: 6px;
line-height: 24px !important;
color: #00ddff;font-weight: 800
}
.color-white-head{
color: #f1efef;
font-weight: 300;
text-align: justify;
font-size: 15px;
line-height: 1.5;
}
.color-white-head:nth-of-type(1){
margin-top: 30px
}
.about-div{
background: url(../images/img/bg2.jpg);
color: white;
background-size: 100% !important;
height: 300px;
padding: 58px 142px;
}
.about-div p {
color: #e3e3e3;
font-weight: 300 !important;
font-size: 14px;
text-align: justify;
}
.p-t-20{
margin-top: 96px;
padding-left: 50px;
font-weight: 400;
}
.bottom-section-header{
margin-top: 140px;
}
.cards-1 .card {
text-align: center;
padding: 35px;
padding-top: 111px;
}
.cards-1 .card-icon{display: none;
}
.cards-1 .card h5 {
color: white;}
.cards-1 .card p{
color: white;min-height: 80px}
.cards-1 .read-more {
color: #223150;
background: white;
padding: 14px 44px;
border-radius: 8px;}
.footer h4 {
width: auto;
font-size: 16px;
margin-right: auto;
margin-left: auto;
letter-spacing: 2px;
color: white;
}
.Downloadnowul{
text-align: center !important;
}
.Downloadnow{border-radius: 9px;margin-bottom: 10px}
.Downloadnow img{
border-radius: 9px;
margin-bottom: 10px !important;
text-align: center;
margin: auto;
}
.text-right-powered{
text-align: right !important;
color: #abd7f4 !important;
margin-top: 22px;
}
.copyright .fab,.copyright .far{
color: white;
}
.copyright {
padding-top: 1.5rem;
border-top: none;
text-align: center;
background: #0258d3;
}
.copyright a {
text-decoration: none;
color: white;
font-weight: bold !important;
font-size: 14px !important;
}
.copyright .fa-stack a{
color: transparent;
}
.about-gradient{
background: linear-gradient(162deg, #0a9fe2, #0259d3);
}
.about-gradient h2 ,.about-gradient p,.about-gradient div{
color: #ffffff;}
.about-gradient div{
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
}
.about-gradient img{
padding: 62px;
}
.p-l-n{
padding-left: 0 !important;
}
.p-r-n{
padding-right: 0 !important;
}
.about-gradient p {
color: #e9e9e9;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
}
.basic2-div {
padding: 0 46px;
}
.basic2-div .rightbefore,.basic2-div .leftbefore{
padding: 46px 0;
}
.basic2-div .rightbefore{
border-right:8px solid white;
}
.basic2-div .leftbefore{
border-left:8px solid white;
}
.basic2-div .content{
padding: 32px 76px;
}
.basic2-div h3{
color: white
}
.basic2-div p{
color:white;
}
.basic2-div img{
height: 262px
}
h1.second span {
position: relative;
display: inline-block;
font-size: 28px;
color: #053ede;
padding: 5px 10px;
letter-spacing: 2px;
}
.title-div{
padding: 28px 0;
padding-bottom: 10px;
}
h1.second span:after {
content: '';
position: absolute;
top: calc(8% - 1px);
margin-left: -10px;
display: block;
width: 60%;
left: 25%;
right: 25%;
border-radius: 0;
border-top: 2px solid #0872ff;
}
.cards-2.cards-about-us .card {
min-height: 158px;
border-radius: 0;
background-color: #0aa0e2;
}
.cards-2.cards-about-us{
background: white
}
.cards-2.cards-about-us .card .quotes {
position: absolute;
top: -114px;
right: 0;
border-radius: 0;
left: 0;
background: white;
width: 92%;
height: 100%;
padding: 72px 24px;
line-height: 46px;
margin-right: auto;
margin-left: auto;
font-size: 28px;
font-weight: bold;
color: #0782ff;
}
.cards-2.cards-about-us .card .quotes h4,.cards-2.cards-about-us .card .quotes p{
color: white;
font-size: 14px
}
.cards-2.cards-about-us .card .quotes h4{
font-size: 17px
}
.cards-2.cards-about-us .card .quotes h4{
font-size: :16px;
letter-spacing: 2px
}
.cards-2.cards-about-us .card-1 .quotes{
background: linear-gradient(45deg,#0000005c,#0000009e),url(../images/img/image-018.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 262px;
object-fit: contain;
background-position: center;
}
.cards-2.cards-about-us .card-2 .quotes{
background: linear-gradient(45deg,#0000005c,#0000009e),url(../images/img/image-019.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 262px;
object-fit: contain;
background-position: center;
}
.cards-2.cards-about-us .card-3 .quotes{
background: linear-gradient(45deg,#0000005c,#0000009e),url(../images/img/image-020.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 262px;
object-fit: contain;
background-position: center;
}
.cards-2.cards-about-us .card-4 .quotes{
background: linear-gradient(45deg,#0000005c,#0000009e),url(../images/img/image-021.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 262px;
object-fit: contain;
background-position: center;
}
#header {
background-size: 100% 100%;
height: 640px;
}
.p-large {
font-size: 1rem;}
.footerp{
color: white;
font-weight: 200;
margin: 8px 0;
font-size: 11px;
opacity: .7;
letter-spacing: 2px;
}
.modal-backdrop.show {
opacity: .7;
}
.modal-backdrop {
background: linear-gradient(
38deg
,#115eec,#11a7f9);
}
.modal .btn-close {
border: 1px solid black;
width: 38px;
height: 38px;
border-radius: 50%;
opacity: 1;
color: #fff;
background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;
filter: invert(1);
}
.modal .btn-close span{
font-size: 32px;
line-height: 38px;
color: white;
font-weight: 200;
}
.modal .modal-header img{
width: 320px;
}
@media (min-width: 576px){
.modal-dialog {
margin: 6.9rem auto;
}}
.modal-content {
background-color: #fff0;}
.modal-body{
background: white;
}
@media (min-width: 576px){
.modal-dialog {
max-width: 900px;}}
.modal-content{
border:none;
}
.modal-header {
padding: 2.2rem 0rem;}
.modal-backdrop.show {
opacity: .8;
}
.sign-in-form{
max-width: 490px;
margin: auto;
padding: 50px 0;
padding-top: 30px;
}
.sign-in-form .form-label {
margin-bottom: .5rem;
color: #1d69d7;
font-size: 20px;
}
.sign-in-form .form-control,.select2-container--default .select2-selection--multiple {
padding: 1.1rem .75rem;
background-color: #c8e3fe !important;
border-radius: 16px !important;
}
.sign-in-form .form-check-input {
width: 1.6em !important;
height: 1.6em !important;
border: 1.5px solid #1d69d7 !important;
}
.sign-in-form .form-check {
padding-left: 2em;}
.sign-in-form label {
margin-left: 8px;
}
.sign-in-form .form-check-label{
margin-top: 5px;
font-size: 19px;
color: #0258d3;
}
.btn-sign-in{
background: #0258d3;
width: 100%;
padding: 16px;
font-size: 20px;
border-radius: 16px;
}
.btn-sign-in.signup{
margin-top: 10px;
color: #0258d3;
border: 1px solid #0258d3;
background: white;
}
.forgotpasslink{
float: right;
text-decoration: none;
color: #0258d3;
font-size: 18px;
margin-top: 6px;
}
.signupsocial span{
font-size: 22px;
color: #0258d3;
margin: 11px;
}
.signupsocial img{
width: 38px;
margin: 5px;
}
.congratulation{
padding: 100px 76px;
position: relative;
}
.congratulation img{
width: 100%
}
.content-cong-text{
padding: 145px 23px;
}
.content-cong-text h4{
color: #0257d4
}
.content-cong-text p{
color: #0257d4;
font-size: 19px;
}
.modL2{
position: absolute;
left: 0;
bottom: 0;
width: 42% !important;
}
.pricingTable{
background: #edf0f4;
text-align: center;
padding: 30px 48px 70px;
border-radius: 16px;
box-shadow: 0 0 15px -8px rgba(0,0,0,0.5);
overflow: hidden;
position: relative;
z-index: 1;
}
.pricingTable.newptable{
padding: 30px 131px 70px;
position: relative;
padding-bottom: 120px
}
.mychecksec{
position: absolute;
bottom: 68px;
left: 0;
right: 0;
}
/*.pricingTable:before,
.pricingTable:after{
content: "";
background-color: #F4F5F9;
width: 400px;
height: 400px;
border-radius: 50%;
position: absolute;
top: -213px;
right: -213px;
z-index: -1;
}*/
.pricingTable:after{
background-color: #FE5F85;
height: 300px;
width: 300px;
top: auto;
bottom: -210px;
right: auto;
left: -160px;
}
.pricingTable .title{
color: #363636;
font-size: 32px;
font-weight: 500;
letter-spacing: 1px;
margin: 0 0 0px;
}
/*.pricingTable .title:before{
content: "";
background-color: #1A2A3A;
width: 65px;
height: 3px;
margin: 0 auto 20px;
display: block;
clear: both;
}*/
.pricingTable .price-value{
color: #0aa0e2;
padding: 12px 0 0;
margin: 0 auto 36px;
border-radius: 50%;
}
.pricingTable .price-value .currency{
font-size: 25px;
font-weight: bold;
display: inline-block;
}
.pricingTable .price-value .amount{
font-size: 34px;
font-weight: 700;
line-height: 45px;
display: inline-block;
}
.pricingTable .price-value .duration{
font-size: 28px;
font-weight: 600;
letter-spacing: 1px;
margin: 0 0 0 -5px;
display: inline-block;
}
.pricingTable .pricing-content{
padding: 0;
margin: 0 0 25px;
list-style: none;
display: inline-block;
}
.pricingTable .pricing-content li{
color: #191919;
font-size: 22px;
font-weight: 5;
text-align: left;
padding: 0 0 0 43px;
margin: 0 0 20px;
position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
content: "\f00c";
color: #0aa0e2;
background-color: #edf0f4;
font-family: "Font Awesome 5 Free";
font-size: 26px;
border: 3px solid #0aa0e2;
font-weight: 600;
text-align: center;
line-height: 41px;
width: 42px;
height: 42px;
border-radius: 0;
position: absolute;
top: 1px;
left: -9px;
}
.pricingTable .pricingTable-signup a{
color: #fff;
background-color: #0aa0e2;
font-size: 28px;
font-weight: 500;
width: 163px;
padding: 12px 18px;
margin: 0 auto;
border-radius: 15px;
display: block;
transition: all 0.3s ease 0s;
text-decoration: none;
}
.pricingTable .pricingTable-signup a:hover{
color: #FE5F85;
background-color: transparent;
border-color: #FE5F85;
}
/*.pricingTable.blue:after{ background-color: #00CCFF; }
.pricingTable.blue .price-value{ background-color: #00CCFF; }
.pricingTable.blue .pricing-content li:before{ background-color: #00CCFF; }*/
/*.pricingTable.purple:after{ background-color: #9069EA; }
.pricingTable.purple .price-value{ background-color: #9069EA; }
.pricingTable.purple .pricing-content li:before{ background-color: #9069EA; }*/
@media only screen and (max-width: 990px){
.pricingTable{ margin-bottom: 30px; }
}
.demo h1{
font-size: 63px;
color: white;
margin: 46px 0;
margin-bottom: 68px;
font-weight: 900;
}
.pos-rel{
position: relative;
}
.left-ab .pricingTable{
position: absolute;
right: -44px;
overflow: visible;
left: 44px;
z-index: 0
}
.right-ab .pricingTable{
position: absolute;
left: -44px;
overflow: visible;
right: 44px;
z-index: 0
}
.center-ab .pricingTable{
position: relative;
top: -44px;
background: white;
}
.center-ab .pricingTable .pricing-content li:before{
background: white;
}
.center-ab .pricingTable {
box-shadow: 0 5px 20px 5px rgb(0 0 0 / 78%);
width: 100%;}
.coaches-head{
background: linear-gradient(
180deg
,#00ddffbf,#1100ff75),url(../images/img/bg2.jpg);
background-size: 100%;
height: 215px;
padding: 91px 0 0 !important;
text-align: center;
font-size: 24px !important;
}
.coaches-head .p-large{
color: white;
font-size: 24px;
font-weight: 400;
letter-spacing: 2px;
}
.cata-sub-nav {
background: #e6f9ff;
margin: 0 0px;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
display: block !important;
border-bottom: none;
}
.nav-tabs .item-m .nav-link {
background: #3151b700;
color: #5e5f5f;
font-size: 16px;
font-weight: 600;
margin-right: 0;
padding: 0.7rem 1.9rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #fff;
background-color: #0aa0e2;
border-color: #0aa0e2;
border-radius: 0;
}
.cata-sub-nav::-webkit-scrollbar {
display: none;
}
.cata-sub-nav ul {
margin: 0;
display: flex;
-webkit-padding-start: 0px;
flex-wrap: unset;
}
@-moz-document url-prefix() {
.cata-sub-nav {
overflow-x: hidden;
scrollbar-color: transparent transparent;
}
}
.cata-sub-nav li {
display: inline-table;
margin: 0 10px;
font-size: 16px;
}
.arrow{
/* background: red;*/
}
.nav-prev {
width: 28px;
height: 34px;
position: absolute;
left: -24px;
top: 25px;
}
.nav-prev i{
text-align: center;
font-size: 40px;
color: #0aa0e2;
width: 100%;
}
.nav-next {
width: 28px;
height: 34px;
position: absolute;
right: 4px;
top: 20px;
}
.nav-next i{
text-align: center;
font-size: 40px;
color: #0aa0e2;
width: 100%;
}
.filter-btn{
background: #e6f9ff !important;
border-radius: 50px !important;
height: 40px !important;
box-shadow: none !important;
}
.filter-btn i,.filter-btn2 i{
color: #1265be !important;
font-size: 20px;
}
.filter-btn3{
margin-bottom: 0 !important;
margin-right: 12px;
}
.filter-btn::placeholder ,.btn.btn-order-by-filt{
color: #5a5d63 !important;
font-weight: 500;
font-size: 16px !important;
}
.contact-demo .white{
font-size: 37px;
color: white;
margin: 16px 0;
margin-bottom: 22px;
font-weight: 900;
}
.faq .filter-fl{
margin: auto;
display: block;
max-width: 334px;
}
.faq .block-wrap{
text-align: center;
margin: auto;
background: transparent;
}
.faq .accordion-1 .h2-heading {
margin-bottom: 1rem;
color: #ffffff;
text-align: center;
margin: 0;
background: #0258d3;
width: 100%;
padding: 14px;
border-radius: 16px;
margin-top: 32px;
position: relative;
z-index: 1;
}
.faq #accordionExample {
border-radius: 0;
border: none;
background: white;
padding: 35px 19px;
border-radius: 16px;
margin-top: -21px;
z-index: 0;
position: relative;
}
.faq .accordion-item:first-of-type .accordion-button {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
}
.faq .accordion-1 .accordion-header button {
color: #0e60d5;
font-weight: 400;
}
.faq .accordion-1 .accordion-header {
margin-left: 0;}
.accordion-1 .accordion-body {
margin-left: 0;
padding: 0.375rem 0 0 0;
color: #615d5d;
}
.accordion-1 .accordion-icon .fas {
color: #0aa0e2;}
.accordion-1 .accordion-icon {
position: absolute;
width: 44px;
right: 22px;
height: 44px;
border-radius: 4px;
text-align: center;
background-color: transparent !important;
}
.accordion-1 .accordion-item {
margin-bottom: 1.5rem;}
.termshead{
color: #0258d3;
font-size: 26px;
text-align: center;
margin-bottom: 40px;
font-weight: 400;
}
.termsclasssub p {
color: #000000;
font-weight: 600;
font-size: 19px;
text-align: justify;}
.carousel-wrap {
margin: 0px auto !important;
padding: 0 0%;
width: 100%;
position: relative;
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
position: relative;
z-index: 100;
-webkit-backface-visibility: hidden;
}
.owl-carousel .item {
padding: 0 0px !important;
}
.courses .cards-1 {
padding-top: 1rem;}
/* end fix */
.owl-nav > div {
margin-top: -26px;
position: absolute;
top: 50%;
color: #cdcbcd;
}
.owl-nav i {
font-size: 52px;color: #095dd4;
}
.owl-nav .owl-prev {
left: -28px;
}
.owl-nav .owl-next {
right: -28px;
}
@media (min-width: 992px){
.carouselservices .card {
width: 100%;}
.carouselsteps .card {
width: 100%;
margin: 0;
}
.carouselsteps .slick-track{
width: 100% !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.carouselsteps .slick-slide{
width: 23% !important;
padding-top: 36px;
}
.courses .cards-1 .card {
width: 100%;}}
.courses .cards-1 .card p {
color: white;
min-height: 14px;
}
.courses .card{
height: 380px !important;
}
.courses .cards-1 .card {
text-align: center;
padding: 35px;
padding-top: 65px;
border-radius: 0
}
.courses .card-course-minutes{
position: absolute;
left: 16px;
top: 12px;
color: white;
}
.addcartcourse{
color: white;
position: absolute;
top: 14px;
right: 17px;
font-weight: 600;
}
.courses-head{
background: url(../images/img/souq.jpg);
background-size: 100%;}
.avatar-upload {
position: absolute;
background: white;
max-width: 205px;
margin: 50px auto !important;
top: -156px;
left: 30%;
border-radius: 50%;
}
.avatar-upload .avatar-edit {
position: absolute;
right: 0;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
border-radius: 50%;
}
.avatar-upload .avatar-edit input {
display: none;
}
.avatar-upload .avatar-edit input + label {
display: block;
width: 100%;
height: 100%;
text-align: center;
margin-bottom: 0;
border-radius: 100%;
background: transparent;
border: 1px solid transparent;
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
/*background:white;*/
}
.avatar-upload .avatar-edit input + label img{
width: 46%;
margin: auto;
margin-top: 37px;
height: 106px;
display: block;
}
.avatar-upload .avatar-edit input + label span{
margin-top: 19px;
display: block;
font-size: 15px;
color: #1464d6;
position: absolute;
bottom: 16px;
left: 0;
right: 0;
font-weight: bold;
}
.avatar-upload .avatar-edit input + label:hover {
background: transparent;
border-color: #d6d6d6;
}
/*.avatar-upload .avatar-edit input + label:after {
content: "\f040";
font-family: 'FontAwesome';
color: #757575;
position: absolute;
top: 10px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}*/
.sign-up-form label{
margin-left: 0
}
.avatar-upload .avatar-preview {
width: 192px;
height: 192px;
position: relative;
border-radius: 100%;
border: 6px solid #F8F8F8;
}
.avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.sign-up-form{
max-width: 490px;
max-width: 590px;
margin: auto;
position: relative;
padding: 50px 0;
padding-top: 92px;
}
.w-50-sign-up {
width: 49%;
display: inline-block;
}
.required{
}
.sign-up-form .form-control ,.select2-container--default .select2-selection--multiple{
padding: 4px 10px;
line-height: 1;}
.steps-progress-label{
margin-bottom: 10px;
}
.sign-in-form.sign-up-form .mb-3 {
margin-bottom: .1rem!important;
}
.steps-progress-label .current{
display: inline-block;
width: 48%;
padding: 12px;
color: #0257d1;
border: 1.5px solid #5da0ff;
border-radius: 16px;
margin: .5%;
text-align: center;
}
.steps-progress-label .next{
display: inline-block;
display: inline-block;
width: 48%;
padding: 12px;
border: 1.5px solid #dcdcdc;
border-radius: 16px;
margin: .5%;
background: gainsboro;
color: ghostwhite;
text-align: center;
}
.et_pb_contact_form_label {
display: block;
color: black;
font-weight: bold;
letter-spacing: 1.2px;
font-size: 18px;
padding-bottom: 5px;
}
input[id="id_or_pass_0"],input.file-upload,input[id="videoup"],input[id="Commercial"],input[id="TAX"],input[id="VAT"],input[id="Authorization"] {
display: none;
}
label[for="id_or_pass_0"],label.et_pb_contact_form_label,label[for="videoup"],label[for="Commercial"],label[for="TAX"],label[for="VAT"],label[for="Authorization"] {
background: #c8e3fe;
height: 48px;
background-image: url(../images/upload.svg);
background-repeat: no-repeat;
background-position: right 18px center;
position: absolute;
background-size: 5%;
color: transparent;
margin: auto;
width: 100%;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
border: 1px solid #c8e3fe;
box-sizing: border-box;
border-radius: 16px;
}
/*label[for="id_or_pass_0"]:before {
content: "Drag and Drop a file here";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
color: #202020;
font-weight: 400;
left:0;
right:0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
label[for="id_or_pass_0"]:after {
display: block;
content: 'Browse';
background: #16a317;
width: 86px;
height: 27px;
line-height: 27px;
position: absolute;
bottom: 19px;
font-size: 14px;
color: white;
font-weight: 500;
left:0;
right:0;
margin-left: auto;
margin-right: auto;
text-align: center;
}*/
label[for="et_pb_contact_brand_request_0"]:after {
content: " (Provide link or Upload files if you already have guidelines)";
font-size: 12px;
letter-spacing: -0.31px;
color: #7a7a7a;
font-weight: normal;
}
label[for="et_pb_contact_design_request_0"]:after {
content: " (Provide link or Upload design files)";
font-size: 12px;
letter-spacing: -0.31px;
color: #7a7a7a;
font-weight: normal;
}
label[for="id_or_pass_0"].changed, label[for="id_or_pass_0"]:hover,label.et_pb_contact_form_label.changed, label.et_pb_contact_form_label:hover,label[for="videoup"].changed, label[for="videoup"]:hover,label[for="Authorization"].changed, label[for="Authorization"]:hover,label[for="TAX"].changed, label[for="TAX"]:hover,label[for="Commercial"].changed, label[for="Commercial"]:hover,label[for="VAT"].changed, label[for="VAT"]:hover {
background-color: #e3f2fd;
}
label[for="id_or_pass_0"] ,label.et_pb_contact_form_label,label[for="videoup"],label[for="Authorization"] ,label[for="Commercial"],label[for="TAX"] ,label[for="VAT"]{
cursor: pointer;
transition: 400ms ease;
}
label[for="videoup"]{
color: #2d65d5;
text-align: center;
font-size: 13px;
padding: 10px;
}
.file_names {
display: block;
position: absolute;
color: black;
right: 0;
bottom: -30px;
font-size: 13px;
font-weight: 300;
margin-bottom: 7px;
}
.file_names {
text-align: center;
}
.file-upload-d{
position: relative;
height: 60px;
}
.names_of_files{
position: relative;
height: auto;
}
.fileuplabel{
position: relative;
top: -29px;
}
.custom-file{
position:relative;
font-family:arial;
overflow:hidden;
margin-bottom:10px;
width: auto;
display: inline-block;
padding: 10px;
position: absolute;
right: 0;
top: 5px;
z-index: 1;
}
.custom-file-input{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
cursor:pointer;
opacity:0;
z-index:100;
}
.custom-file-label{
font-weight: bold;
color: #1d69d6;
font-size: 36px;
}
.custom-file img{
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
ul.file-list{
list-style: none;
padding: 0;
background: #c8e3fe;
padding: 10px;
border-radius: 16px;
position: relative;
min-height: 60px;
z-index: 0;
/* display: none;
*/}
ul.file-list li{
border-bottom: 1px solid #ddd;
padding: 23px;
display: inline-block;
height: 50px;
padding-top: 9px;
border: 1.5px solid white;
margin: 5px 5px;
border-radius: 16px;
position: relative;
}
.remove-list{
cursor: pointer;
margin-left: 10px;
color: red;
background: white;
padding: 0px;
text-align: center;
border-radius: 50%;
height: 20px;
position: absolute;
width: 20px;
top: -10px;
line-height: 21px;
font-size: 11px;
}
/****************/
.custom-file2{
position: relative;
overflow: hidden;
margin-bottom: 10px;
width: 100%;
display: inline-block;
padding: 10px;
text-align: center;
color: #0258d3;
font-size: 18px;
}
.custom-file2 img{
filter: invert(15%) sepia(62%) saturate(7493%) hue-rotate(211deg) brightness(95%) contrast(98%);
}
.custom-file-input2{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
cursor:pointer;
opacity:0;
z-index:100;
}
.custom-file2 img{
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
ul.file-list2{
list-style: none;
padding:0;
}
ul.file-list2 img{
filter: invert(15%) sepia(62%) saturate(7493%) hue-rotate(211deg) brightness(95%) contrast(98%);
width: 20px;
margin: 0 12px;
}
ul.file-list2 li{
border-bottom: 1px solid #ddd;
padding: 5px;
display: inline-block;
padding: 13px;
border: 2px solid #0258d3;
border-radius: 16px;
color: #0258d3;
margin-bottom: 10px
}
.remove-list2{
cursor:pointer;
margin-left:10px;
}
.sign-up-form .form-label {
margin-bottom: 6px;
color: #0258d3;
font-size: 18px;
}
.form-check-label{
display: inline;
}
.hide{
display: none !important;
}
.ms-auto
{
margin:auto !important;
}
.create_new_link
{
text-decoration: none;
font-size: 19px;
margin-top: 0;
padding-top: 0;
}
/****************/
.recently_card .listing-rating{
display: inline-block;
color: white;
}
.recently_card .card-title ,.recently_card p,.recently_card h5{
color: white
}
.recently_card .read-more {
font-weight: 600;
font-size: 19px;
line-height: 1.5rem;
background: white;
padding: 15px 39px;
color: #595a5b;
letter-spacing: 2px;
border-radius: 16px;
float: right;
}
.recently_card h5{
margin-top: 20px;
font-size: 28px;
line-height: 34px;
font-weight: 600;
letter-spacing: 2px;
}
.recently_card .coach-name{
font-weight: 600;
letter-spacing: 2px;
}
.recently_card .details{
max-width: 329px;
}
.recently_card .card-body {
padding: 2rem 3rem;
}
.ti-star{
font-size: 18px;
}
.recently_card .addcartcourse{
top: 33px;
right: 50px;
}
.recently_card .ti-shopping-cart{
font-size: 27px;
margin: 12px;
}
.recently_header{
background: #0aa0e2;
padding: 20px;
text-align: center;
font-size: 28px;
font-weight: 600;
color: white;
margin: 4px 0;
margin-top: 6px;
letter-spacing: 3px;
}
.owl-carousel2 .item {
height: 10rem;
background: #4DC7A0;
padding: 1rem;
}
.carousel{
width:100%;
margin:0px auto !important;
}
.slick-slide{
margin:1%;
}
.slick-slide img{
width:100%;
border: 2px solid #fff;
}
.wrapper .slick-dots li button:before {
font-size:20px;
color:white;
}
.slick-slider .slick-track, .slick-slider .slick-list{
padding: 0 !important
}
.slick-dots li.slick-active button:before {
content: " " !important;}
.slick-dots li.slick-active button:before {
opacity: 1;
background: #0258d3;
}
.slick-dots li button {
border: 1px solid #0258d3 !important;
border-radius: 50% !important;}
.recently_added_courses{
margin-bottom: 64px;
}
.smalldetailsdiv img{
border-radius: 50%;
border: 4px solid white;
}
.rightdivdetails{
position: relative;
}
.smalldetailsdiv h1{
font-size: 31px;
color: white;
margin: 26px 0;
margin-bottom: 0px;
font-weight: 800;
letter-spacing: 2px;
}
.smalldetailsdiv .italic-s{
color: white;
font-style: italic;
}
.smalldetailsdiv .listing-rating{
position: absolute;
top: 10px;
right: 0;
color: gold;
}
.rightdivdetails p{
color:white;
}
.coachdetails{
padding-top: 1.5rem;
max-width: 961px;
margin: auto;
}
.bio{
margin-top: 40px;
color: white;
}
.bio p{
color: white;
}
.image {
/* opacity: 0.8;
width: 200px;
height: 160px;
background-position: center center;
background-color: gray;
display: inline-block;
margin: 10px;*/
}
.radio-img{
display: block;
}
.image:hover {
opacity: 1;
}
.header-sessions{
background: white;
border-radius: 16px;
padding: 10px;
width: 100%;
display: block;
}
.coachdetails h4 {
color: #ffffff;
font-weight: 500;}
.bodySessions{
background: white;
border-radius: 16px;
padding: 0px;
width: 100%;
display: block;
margin-top: 10px;
}
.price,.session-name{
display: inline-block;
font-size: 22px;
color: #0ca1e2;
font-weight: 500;
text-align: center;
width: 49%;
}
.radio-img > input {
display: none;
}
.radio-img > .image {
cursor: pointer;
background: white
}
.radio-img > input:checked + .image {
background: #0ca3e4;
color: white;
}
.bodySessions .price,.bodySessions .session-name{
padding: 12px;
font-size: 20px;
font-weight: 500;
color: #3f3f3f;
}
.radio-img > input:checked + .image .price,.radio-img > input:checked + .image .session-name{
color: white
}
.bodySessions .radio-img:first-of-type .image{
border-radius: 16px 16px 0 0
}
.bodySessions .radio-img:nth-last-of-type(1) .image{
border-radius: 0 0 16px 16px
}
.session-name span{
font-weight: bolder;
}
.price .pricesp{
font-weight: bolder;
}
.price .currency{
font-weight: bolder;
font-size: 15px;
}
.available-time-section{
width: 100%;
display: block;
/* padding: 22px 33px;
border: 1.5px solid #0aa0e2;
border-radius: 16px;*/
}
.single-av-time{
display: block;
width: 100%;
width: 100%;
display: block;
padding:12px 22px;
border: 1.5px solid #0aa0e2;
border-radius: 16px;
margin-bottom: 20px;
}
.from{
display: inline-block;
width: 18%;
}
.from-to-hidden-ar{
display: inline-block;
width: 28%;
}
.from-to-hidden-ar{
appearance: inherit;
border:none;
font-size: 18px;
}
.from{
font-size: 18px;
color: #0aa0e2;
}
.from-to-hidden-ar:focus{
outline: none;
border:none;
}
.session_type .radio-img {
display: inline-block;
width: 76px;
text-align: center;
margin: 10px;
color: #22ace9;
border: 2px solid #22ace9;
border-radius: 50%;
text-align: center;
}
.bodySessions.session_type {
margin: auto;
width: 92%;
text-align: center;
}
.bodySessions.session_type .radio-img .image {
border-radius: 50%;
width: 72px;
height: 72px;
line-height: 80px;
font-size: 38px;
}
.available{
color: #0ea1e2;
font-size: 14px;
}
.busyd{
color: #ef7468;
font-size: 14px;
}
.off{
color: #a8a4a2;
font-size: 14px;
}
.available i,.busyd i,.off i{
font-size: 10px;
margin: 8px;
}
.addtocart{
width: 100%;
position: absolute;
bottom: -70px;
right: 0;
left: auto;
background: linear-gradient(184deg,#00ddff,#2569ff);
color: white;
font-size: 28px;
letter-spacing: 2px;
border: none;
padding: 15px;
border-radius: 16px;
}
.filterbar{
position: fixed;
bottom: 0;
right: 0;
display: none;
background: white;
max-width: 442px;
z-index: 2000000;
height: 520px
}
.filter_header{
background: #0aa0e2;
color: white;
}
.filterbar .form-control {
height: 36px;
padding: 0.1rem 1.75rem
}
.filterbar .sign-up-form .form-label {
font-size: 15px;}
.filterbody{
padding: 20px 44px
}
.filterbar .btn-sign-in{
background: #0aa0e2;
border: none;
border-radius: 16px;
}
.filterbar .sign-up-form {
padding: 1px 0;}
.filterbar select.form-control:not([size]):not([multiple]) {
height: 36px;
}
.filterbar .mb-3 {
margin-bottom: .1rem!important;
}
.filter_header{
padding: 14px;
}
.close_filter{
position: absolute;
right: 4px;
top: 10px;
background: none;
border: none;
outline: none;
color: white;
}
.navbar .nav-item .nav-link.wicon img{
margin-top: -11px;
}
.sign-in-form select.form-control,.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--multiple{
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
background-image: url("data:image/svg+xml;utf8,");
}
/*******************/
.page-about {
position: relative;
overflow: hidden;
width: 100%;
min-width: 600px;
max-width: 100%;
margin: 0px auto !important;
background-color: white;
box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.1);
height: 500px;
}
.left-side {
position: absolute;
width: 65%;
padding: 64px;
top: 0;
right: 0;
}
.profile-photo {
position: absolute;
top: 0;
left: 0%;
width: 35%;
height: 100%;
background-image: url("../images/img/image-062.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.right-side-info {
position: relative;
padding: 40px;
width: 35%;
margin-left: 100%;
color: white;
background-color: DimGray;
height: 350px;
}
.left-side h1{
font-size: 23px;
color: #0258d3;
letter-spacing: 2px;
font-weight: bold;
}
.left-side h3{ font-size: 20px;
color: #000000;
letter-spacing: 2px;
font-weight: bold;}
.left-side p{
font-size: 16px;
line-height: 24px;
color: #3a3a3a;
letter-spacing: .3px;
font-weight: 500;
}
.show-info .left-side {
padding-top: 220px;
}
.show-info button {
background-color: MediumTurquoise;
}
.show-info button::before {
content: "Less ";
}
.show-info .right-side-info {
margin-left: 50%;
}
.left-side,
.right-side-info,
button {
transition: all 0.5s ease-in-out;
}
.profile-photo {
}
.show-info .profile-photo {
animation: left_frame 1s ease-in-out 1 forwards;
}
@keyframes right_frame {
0% {
top: 40px;
left: 40px;
width: 160px;
height: 160px;
border-radius: 50%;
}
50% {
top: 40px;
left: 50%;
width: 160px;
height: 160px;
border-radius: 50%;
}
100% {
top: 0;
left: 50%;
width: 50%;
height: 100%;
border-radius: 0;
}
}
@keyframes left_frame {
0% {
top: 0;
left: 50%;
width: 50%;
height: 100%;
border-radius: 0;
}
50% {
top: 0;
left: 0;
width: 50%;
height: 100%;
border-radius: 0;
}
100% {
top: 40px;
left: 40px;
width: 160px;
height: 160px;
border-radius: 50%;
}
}
.courseday{
color: #0a5ed4 !important;
font-size: 25px !important;
margin-top: 30px !important;
}
.coursedaytime{
color: #0a5ed4 !important;
font-size: 25px !important;
margin-top: 15px;
}
.course_price{
float: right;
font-weight: 600;
}
.forcourse{
z-index: 0;
}
.forcourse .addcartcourse{
position: absolute;
bottom: 0;
top: 88%;
width: 99%;
margin: auto;
left: 0;
z-index: 1;
right: 0;
border-radius: 16px;
border: none;
background: #0aa0e2;
font-size: 26px;
letter-spacing: 1px;
padding: 12px;
height: 58px;
}
.SIMILAR_courses{
color: #0258d3;
letter-spacing: 3px;
font-size: 26px;
font-weight: bold;
text-align: center;
margin-top: 23px;
}
.talkrating{
position: absolute;
top: 32px;
left: 50px;
}
.talk_description{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #059cdfe0;
}
.talk_description .card-body{
padding: 0rem 4rem;
}
.talk_description .card-title{
display: inline-block;
}
.talk_description .coache-name{
display: inline-block;
}
.talk_description .details {
max-width: 408px;
margin-bottom: 22px;
}
.talk_description .read-more {
position: absolute;
top: 45%;
right: 4rem;
}
.talk_card .card {
height: 300px !important;
margin-bottom: 20px;}
.talkratingdetails {
position: absolute;
top: 32px;
right: 50px;
}
.talkratingdetails i{
color: white
}
.talk_description.detailst .coache-name {
display: block;
font-weight: bold;
letter-spacing: 3px;
}
.talk_card.talk_det .card {
height: 500px !important;}
.talk_card.talk_det .talk_description .details {
max-width: 557px;
}
.talk_card.talk_det .read-more {
padding: 15px 10px;}
.talk_card.talk_det .talk_description .read-more {
position: absolute;
bottom: 6%;
right: 4rem;
background: transparent;
}
.talk_card.talk_det .courseday {
color: #ffffff !important;
margin-top: 6px !important;
}
.talk_card.talk_det .coursedaytime {
color: #ffffff !important;}
.fortalk .addcartcourse {
top: 83%;
background: #0258d3;}
.pt-5.ex-basic-1 {
padding-top: 5rem!important;
}
.username-prof{
font-size: 38px;
color: white;
font-weight: 500;
}
.user-prof-img{
max-width: 250px;
height: 250px;
border-radius: 50%;
border: 5px solid white;
background: white;
}
.coaches-head2 {
padding: 27px 0 0 !important;}
.left_prof_head{
padding-top: 94px;
padding-left: 70px;
}
.right_prof_head{
text-align: initial;
padding-top: 78px;
color: white;
}
.right_prof_head p{
color: white !important;
font-size: 18px;
}
.prof-title{
background: #0aa0e2;
color: white;
padding: 20px;
text-align: center;
font-size: 26px;
}
.cata-sub-nav.proftabs {
background: #efefef;}
.proftabs .nav-tabs .nav-item {
width: 20%;}
.proftabs .nav-tabs .item-m .nav-link {
width: 100%;}
.Nowbtn{
width: 100%;
background: #0258d3;
display: block;
color: white;
border-radius: 0 0 0 16px;
padding: 10px;
font-size: 25px;
max-width: 260px;
float: right;
font-weight: bold;
}
.userprofpage .property-listing.property-1 .listing-features-info ul {
padding: 0 !important;
margin: 0;}
.join-meeting{
position: absolute;
bottom: 18px;
right: 52px;
}
.userprofpage{
background: #e6f9ff !important;
padding: 30px !important;
}
.course_single .coache-name{
font-weight: bold;
}
.course_single h5{
font-size: 20px;
letter-spacing: 3px;
}
.fa-star,.ti-star{
letter-spacing: -4px;
}
.course_single .addcartcourse {
top: -1px;
right: 0px;
background: #0258d3;
max-width: 260px;
width: 100%;
text-align: center;
padding: 10px;
border-radius: 0 0 0 16px;}
.recently_added_courses.course_single {
margin-bottom: 22px;
}
.talk-small-details{
position: absolute;
bottom: -1px;
left: 0;
max-width: 624px;
width: 100%;
padding: 8px 64px;
background: #0aa0e2e0;
border-radius: 0 16px 0 0;
}
.talk_my_body .read-more{
position: absolute;
right: 36px;
bottom: 36px;
}
.talk_my_body .card-title{
font-size: 27px;
}
.justdate{
color: #1265be !important;
font-size: 20px !important;
background: white !important;
font-weight: 300 !important;
}
.categorycoach{
color: white;
font-style: italic;
}
.coach_prof{
}
.coach_prof .listing-rating{
color: gold;
}
.coach_prof .avatar-upload {
position: relative;
max-width: 205px;
margin: 50px auto !important;
top: initial;
left: inherit;
}
.coach_prof .avatar-upload .avatar-edit {
position: absolute;
right: 12px;
z-index: 1;
top: 10px;
overflow: hidden;
}
.coach_prof .avatar-upload .avatar-edit input {
display: none;
}
.coach_prof .avatar-upload .avatar-edit input + label {
display: inline-block;
width: 100%;
height: 34px;
margin-bottom: 0;
border-radius: 0!important;
background: #ffffffd9;
border: 1px solid transparent;
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
position: absolute;
bottom: 4px;
left: 0;
right: 0;
text-align: center;
color: black;
font-size: 20px;
font-weight: bold;
}
.coach_prof .avatar-upload .avatar-edit input + label:hover {
background: #f1f1f1;
border-color: #d6d6d6;
}
/*.coach_prof .avatar-upload .avatar-edit input + label:after {
content: "\f040";
font-family: 'FontAwesome';
color: #757575;
position: absolute;
top: 10px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}*/
.coach_prof .avatar-upload .avatar-preview {
width: 192px;
height: 192px;
position: relative;
border-radius: 100%;
border: 6px solid #F8F8F8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.coach_prof .avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.editprofileform{
background: #e6f9ff;
padding: 28px 50px;
max-width: 100%;
}
.editprofileform .btn-sign-in{
background: #0aa0e2;
border: none;
border-radius: 16px;
}
.editprofileform.sign-in-form select.form-control,.select2-container--default .select2-selection--multiple {
background-position-y: 14px;}
.addlang{
text-align: right;
display: block;
color: #0159d4;
}
.mycartSection{
background: white;
padding: 55px;
border-radius: 16px;
/* max-height: 150vh;
overflow: auto;*/
position: relative;
padding-bottom: 154px;
padding-top: 78px;
}
/*
.mycartSection::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 13%);
border-radius: 10px;
background-color: #ffffff;
}
.mycartSection::-webkit-scrollbar {
width: 12px;
background-color: #ffffff;
}
.mycartSection::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 13%);
background-color: #f1f1f1;
}*/
.deletefromcart{
padding: 8px 13px;
background: #f4765f;
color: white;
font-size: 22px;
border-radius: 50%;
margin: 0 11px;
}
.mycartSection .book,.mycartSection .book:hover{
display: inline-block;
font-size: 15px !important;
width: auto !important;
}
.mycartSection .property-listing.property-1 .listing-features-info ul{
margin-bottom: 48px;
}
.datenotselected{
background: #f4765f !important;
}
.notification-drop {
color: #444;
display: inline-block;
list-style: none;
padding: 0;
}
.notification-drop .item {
padding: 5px;
font-size: 18px;
position: relative;
}
.notification-drop .item:hover {
cursor: pointer;
}
.notification-drop .item i {
margin-left: 10px;
}
.notification-drop .item ul {
width: 278px;
display: none;
position: absolute;
list-style: none;
top: 62px;
background: #fff;
left: -200px;
box-shadow: 0 14px 12px rgb(0 0 0 / 16%), 0 10px 10px rgb(0 0 0 / 13%);
right: 0;
z-index: 0;
border-top: 0;
padding: 12px;
border-radius: 16px;
}
.notification-drop .item ul li {
font-size: 16px;
padding: 4px 0 4px 10px;
}
.notification-drop .item ul li:hover {
background: #ddd;
color: rgba(0, 0, 0, 0.8);
border-radius: 16px;
}
@media screen and (min-width: 500px) {
/*.notification-drop {
display: flex;
justify-content: flex-end;
}*/
.notification-drop .item {
border: none;
}
}
.notification-bell{
font-size: 20px;
}
.btn__badge {
background: #FF5D5D;
color: white;
font-size: 12px;
position: absolute;
top: 0;
right: 0px;
padding: 3px 10px;
border-radius: 50%;
}
.pulse-button {
box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5);
-webkit-animation: pulse 1.5s infinite;
}
.pulse-button:hover {
-webkit-animation: none;
}
@-webkit-keyframes pulse {
0% {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
box-shadow: 0 0 0 50px rgba(255, 0, 0, 0);
}
100% {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
}
}
.notification-text{
font-size: 14px;
font-weight: bold;
}
.notification-text span{
float: right;
}
.notification__item{
display: inline-flex;
}
.notification__img img{
border-radius: 50%;
max-width: 54px;
}
.notification__txt{
padding: 18px 0;
font-size: 12px;
color: black;
margin: 0 12px;
}
.notification__txt__bold{
font-weight: bold;
}
.notification_time{
color: #3c80c9;
}
.notification_link{
color: #3c80c9;
text-decoration: underline;
}
.it_title{
font-weight: bold;
color: black;
font-size: 20px !important;
}
.rating-form{
background: #005ccc73;
margin-top: 42px;
}
/*rate*/
.rating:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
background-position: 0 0;
transition: all 0.3s ease-in-out;
}
.rating-input:checked {
opacity: 0
}
.circle-icon {
background: #1d89ff;
color: white;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
vertical-align: middle;
line-height: 50px;
padding: 10px;
}
.circle-icon:hover {
cursor: pointer;
background: transparent;
transition: all 0.1s ease-in-out;
color: #1d89ff;
border: 1px solid #1d89ff;
}
.rating-star,
.rating:hover .rating-star {
position: relative;
float: right;
display: block;
padding-bottom: 0px;
width: 34px;
height: 38px;
margin: 5px;
transition: all 0.3s ease-in-out;
background: url('../images/star-3f2.png') 0 -34px;
}
.rtlClass .rating-star,.rtlClass .rating:hover .rating-star {
float: left;
}
.rtlClass .rating {
direction: ltr;
}
.rating {
overflow: hidden;
display: inline-block;
}
.rating-input {
float: right;
width: 64px;
height: 64px;
padding: 0;
margin: 0 0 0 -64px;
opacity: 0;
}
.pleasemsg{
font-size: 30px !important;
margin-bottom: 20px !important;
}
.typecomment{
color: white;
margin-top: 23px;
}
.rating-form .form-control-submit-button {
height: 4.25rem;
border: 1px solid #0aa0e2;
border-radius: 16px;
background-color: #0aa0e2;
}
.dropdown-menu{
right: 0;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
color: rgb(116 116 116);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0,0,0,.9) !important;
}
.header-carousel-landing .header-next-overlay .text-center{
margin-top: 22%
}
.header-carousel-landing .header-next-overlay .text-center .h1-large,.header-carousel-landing .header-next-overlay .text-center p{
color: white;
letter-spacing: 1px;
}
.header-carousel-landing .header-next-overlay .text-center p{
margin-top: 25px;
font-weight: 600;
}
.header-carousel-landing .owl-carousel .owl-dot{
position: relative;
display: inline-block;
border-radius: 50%;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
background: transparent;
border: 1px solid gainsboro;
}
.header-carousel-landing .owl-carousel .owl-dot.active{
background: #0b9ee3;
}
.header-carousel-landing .owl-dots{
position: absolute;
bottom: 14px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.profileselect{
background: transparent;
border: none;
color: #0871ff;
}
.coachexphours{
font-size: 22px;
color: #1265be;
position: absolute;
right: 0px;
}
.coachexphours span{
font-size: 15px
}
.ex-basic-1.pb-5{
padding-bottom: 0rem!important;
}
.courses .cards-1 .card {
margin-bottom: 0rem;}
.navbar .nav-item .nav-link.wicon.dropdown-toggle img{
border-radius: 50%;
}
.language-link{
padding-top: .6rem;
}
.spanh1head{
font-size: 30px;
}
/****************************chat widget**************/
#chat-chat {
box-sizing: border-box !important;
outline: none !important;
position: fixed;
width: 350px;
border-radius: 10px;
box-shadow: 0 1px 15px rgb(32 33 36 / 28%);
bottom: 90px;
right: 30px;
z-index: 99;
animation-name: showchat;
animation-duration: 1s;
transform: scale(1);
background: #e6f0fb;
}
a.blantershow-chat {
background: #2fb5ff;
color: #ffffff;
position: fixed;
display: flex;
text-decoration: none;
justify-content: space-between;
z-index: 98;
bottom: 25px;
right: 27px;
font-size: 30px;
width: 56px;
height: 56px;
line-height: 50px;
text-align: center;
padding: 14px 13px;
border-radius: 30px;
box-shadow: 0 1px 15px rgb(32 33 36 / 28%);
}
a.blantershow-chat svg {
transform: scale(1.2);
margin: 0 10px 0 0;
}
.chat-chat-header {
background: #009688;
background: #ffffff;
color: #175bc4;
padding: 20px;
min-height: 84px
}
.chat-chat-header h3 {
margin: 0 0 10px;
}
.chat-chat-header p {
font-size: 14px;
line-height: 1.7;
margin: 10px 0;
color: #175bc4;
}
.chat-chat-header .chat-chat-name {
font-size: 16px;
font-weight: 600;
padding-bottom: 0;
margin-bottom: 0;
line-height: 0.5;
}
.chat-chat-avatar {
position: relative;
}
.chat-chat-avatar img {
border-radius: 100%;
width: 50px;
float: left;
margin: 0 10px 0 0;
}
.info-chat span {
display: block;
}
#get-label,
span.chat-label {
font-size: 12px;
color: #888;
}
#get-nama,
span.chat-nama {
margin: 5px 0 0;
font-size: 15px;
font-weight: 700;
color: #222;
}
#get-label,
#get-nama {
color: #fff;
}
span.my-number {
display: none;
}
/* .blanter-msg {
color: #444;
padding: 20px;
font-size: 12.5px;
text-align: center;
border-top: 1px solid #ddd;
} */
textarea#chat-input {
border: none;
font-family: "Arial", sans-serif;
width: 100%;
height: 64px;
outline: none;
resize: none;
padding: 10px;
font-size: 14px;
}
a#send-it {
width: 30px;
font-weight: 700;
padding: 10px 10px 0;
background: #eee;
border-radius: 10px;
}
a#send-it svg {
fill: #a6a6a6;
height: 24px;
width: 24px;
}
.first-msg {
background: transparent;
padding: 30px;
text-align: center;
}
.first-msg span {
background: #e2e2e2;
color: #333;
font-size: 14.2px;
line-height: 1.7;
border-radius: 10px;
padding: 15px 20px;
display: inline-block;
}
.start-chat .blanter-msg {
display: flex;
background: #e6f0fb;
padding:14px;
}
#get-number {
display: none;
}
a.close-chat {
position: absolute;
top: 22px;
right: 15px;
color: #175bc4;
font-size: 30px;
text-decoration: none;
}
@keyframes ZpjSY {
0% {
background-color: #b6b5ba;
}
15% {
background-color: #111111;
}
25% {
background-color: #b6b5ba;
}
}
@keyframes hPhMsj {
15% {
background-color: #b6b5ba;
}
25% {
background-color: #111111;
}
35% {
background-color: #b6b5ba;
}
}
@keyframes iUMejp {
25% {
background-color: #b6b5ba;
}
35% {
background-color: #111111;
}
45% {
background-color: #b6b5ba;
}
}
@keyframes showhide {
from {
transform: scale(0.5);
opacity: 0;
}
}
@keyframes showchat {
from {
transform: scale(0);
opacity: 0;
}
}
@media screen and (max-width: 480px) {
#chat-chat {
width: auto;
left: 5%;
right: 5%;
font-size: 80%;
}
}
.hide {
display: none;
animation-name: showhide;
animation-duration: 0.5s;
transform: scale(1);
opacity: 1;
}
.show {
display: block;
animation-name: showhide;
animation-duration: 0.5s;
transform: scale(1);
opacity: 1;
}
.chat-message-container {
display: flex;
z-index: 1;
}
.chat-message {
padding: 7px 14px 6px;
background-color: white;
border-radius: 0px 8px 8px;
position: relative;
transition: all 0.3s ease 0s;
opacity: 0;
transform-origin: center top 0px;
z-index: 2;
box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
margin-top: 4px;
margin-left: -54px;
max-width: calc(100% - 66px);
}
.chat-chat-body {
padding: 20px 20px 20px 10px;
background-color: #e6f0fb;
position: relative;
max-height: 250px;
overflow: auto;
}
.chat-chat-body::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.chat-chat-body::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
.chat-chat-body::-webkit-scrollbar-thumb
{
background-color: #0ae;
background-image: -webkit-gradient(linear, 0 0, 0 100%,
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.5, transparent), to(transparent));
}
.chat-chat-body::before {
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 0;
opacity: 0.08;
background-color: #e6f0fb;
}
.dAbFpq {
display: block;
z-index: 1;
}
.eJJEeC {
background-color: white;
width: 52.5px;
height: 32px;
border-radius: 16px;
display: flex;
-moz-box-pack: center;
justify-content: center;
-moz-box-align: center;
align-items: center;
margin-left: 10px;
opacity: 0;
transition: all 0.1s ease 0s;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}
.hFENyl {
position: relative;
display: flex;
}
.ixsrax {
height: 5px;
width: 5px;
margin: 0px 2px;
border-radius: 50%;
display: inline-block;
position: relative;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
top: 0px;
background-color: #9e9da2;
animation-name: ZpjSY;
}
.dRvxoz {
height: 5px;
width: 5px;
margin: 0px 2px;
background-color: #b6b5ba;
border-radius: 50%;
display: inline-block;
position: relative;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
top: 0px;
animation-name: hPhMsj;
}
.kAZgZq {
padding: 7px 14px 6px;
background-color: #175bc4;
border-radius: 16px;
position: relative;
transition: all 0.3s ease 0s;
opacity: 0;
transform-origin: center top 0px;
z-index: 2;
box-shadow: rgb(0 0 0 / 13%) 0px 1px 0.5px;
margin-top: 4px;
max-width: calc(100% - 66px);
padding-left: 50px;
margin-bottom: 24px
}
.bMIBDo {
font-size: 13px;
font-weight: 700;
line-height: 18px;
color: rgba(0, 0, 0, 0.4);
display: inline-block;
position: absolute;
left: -5px;
top: -4px;
}
.bMIBDo img{
border-radius: 50%;
width: 46px;
}
.iSpIQi {
font-size: 14px;
line-height: 19px;
margin-top: 4px;
color: white;
display: inline-block;
}
.iSpIQi {
font-size: 18px;
line-height: 19px;
margin-top: 4px;
color: white;
}
.cqCDVm {
text-align: right;
margin-top: 9px;
font-size: 12px;
line-height: 16px;
position: absolute;
color: #0f0f0f;
right: 15px;
margin-right: -8px;
margin-bottom: -4px;
}
.full-width .lead.emoji-picker-container {
width: 300px;
display: block;
}
.full-width .lead.emoji-picker-container input {
width: 100%;
height: 50px;
}
.emoji-picker-container{
width: 74%;
margin-bottom: 0
}
.emoji-menu{
bottom: 38px
}
.sendchT{
width: 17%;
margin: 8px 3%;
background: #175bc4;
max-height: 41px;
color: white;
text-decoration: none;
font-weight: bold;
border-radius: 16px;
text-align: center;
padding: 8px 5px;
}
input[type="file"].chatfileupload {
z-index: -1;
position: absolute;
opacity: 0;
}
.emoji-picker-icon {
font-size: 24px !important;
opacity: 1 !important;
color: #1466be !important;
}
.emoji-wysiwyg-editor {
padding: 6px;
background: #cfe1f7;
padding-right: 35px;
margin-bottom: 0px;
margin: 8px;
border-radius: 16px !important;
min-height: 42px;
height: 35px;
max-height: 284px;
overflow: auto;
line-height: 17px;
border: 1px solid #d2dbe300;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-webkit-user-select: text;
word-wrap: break-word;
}
.emoji-picker-icon {
cursor: pointer;
position: absolute;
right: 10px;
top: 14px;}
.blanter-msg img{
margin-top: 14px;
}
.replymessage{
margin-left: 46px;
background: #0aa0e2;
}
.paddim{
border-top: 2px solid #a7a5a5;
margin: 10px 0px;
padding: 8px 17px;
}
.from-to-time{
color: grey;
font-weight: bold;
border-left: 2px solid gainsboro;
padding: 0 16px;
}
.from-todate{
color: grey;
font-weight: bold;
}
.promoandwallet{
padding: 32px 0;
width: 80%;
margin: auto;
}
.promoandwallet label {
display: inline-block;
padding: 13px 0;
font-size: 18px;
font-weight: 600;
text-align: initial;
}
.promoandwallet .input-group{
background: transparent;
border-radius: 15px;
}
.promoandwallet .form-control:focus {
color: #212529;
background-color: #ededed;
border-color: transparent;
outline: 0;
box-shadow: 0;
z-index: 0 !important;
}
.promoandwallet input{
background: #ededed;
border-radius: 24px !important;
color: black;
font-weight: bold;
}
.promoandwallet .input-group-append{
background: transparent;
border-radius: 15px;
margin-left: -37px !important;
}
.promoandwallet .input-group .btn{
background: #0aa0e2;
margin-top: 2px;
border-radius: 24px;
color: white
}
.form-check-input {
width: 2em !important;
height: 2em !important;
border: 2px solid #236ddb !important;}
.mycartSection .form-check-label ,.mychecksec .form-check-label{
color: #2f2f30;
font-size: 20px;
font-weight: 600;
display: inline-block;
margin: 0 12px;
margin-top: 6px;
}
.mycartSection .form-check-label a ,.mychecksec .form-check-label a{
color: #236ddb ;
}
.totaldivsection p{
font-size: 43px;
margin-bottom: 0;
padding: 10px 0;
}
.totaldivsection span{
font-weight: bold;
}
.totaldivsection{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 122px;
background: #e6f9ff;
border-radius: 16px;
flex-direction: column;
align-items: center;
justify-content: center;
display: flex;
}
.paybtn{
margin-top: -20px;
z-index: 1000000000;
position: relative;
}
.paybtn button{
width: 100%;
background: linear-gradient(184deg,#00ddff,#2569ff);
color: white;
padding: 21px;
font-size: 33px;
border: 0;
border-radius: 15px;
}
.priceselectedpackage{
position: absolute;
top: 0;
right: 0;
font-size: 24px;
background: #0aa0e2;
color: white;
padding: 12px;
text-align: center;
min-width: 290px;
border-radius: 16px;
}
.beforeprice{
font-size: 25px;
color: #979797;
text-decoration: line-through;
}
.pricingTable .promoandwallet {
padding: 14px 0;
width: 100%;}
.pricingTable .promoandwallet input, .pricingTable .promoandwallet .input-group .btn {
border-radius: 14px !important;
border: 0;}
.mychecksec .form-check-label{
font-size: 17px
}
.selectedplandemo .paybtn {
margin-top: -78px;}
.hasnoscroll{
overflow: visible;
}
/**********************/
#invoiceholder{
width:100%;
height: 100%;
padding: 50px 86px;
}
#invoice{
position: relative;
margin: 0 auto;
background: #FFF;
}
[id*='invoice-']{ /* Targets all id with 'col-' */
/* border-bottom: 1px solid #EEE;*/
padding: 20px;
}
#invoice-top{
border-bottom: 0;
display: inline-block;
width: 100%;
padding: 0 20px;
}
#invoice-mid{min-height: 110px;
border-top: 2px solid
}
#invoice-bot{ min-height: 240px;}
#legalcopy p{
color: black;
font-weight: bold;
}
#invoiceholder .logo{
display: inline-block;
vertical-align: middle;
max-width: 400px;
overflow: hidden;
}
.inv-to{
padding: 0 34px;
font-size: 26px;
color: black;
font-weight: bold;
}
#invoiceholder .title{
float: right;
display: inline-block;
}
#invoiceholder h1 {
font-size: 50px;
color: #0156e2;
margin: 2px 0;
margin-bottom: 9px;
font-weight: bolder;
}
#invoiceholder .info{
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
#invoiceholder .logo img,
#invoiceholder .clientlogo img {
width: 100%;
}
.clientlogo{
display: inline-block;
vertical-align: middle;
width: 50px;
}
.clientinfo {
display: inline-block;
vertical-align: middle;
margin-left: 20px
}
#invoiceholder .title{
float: none;
text-align: center;
display: block;
}
#invoiceholder .title p{
text-align: center;
color: #0156e2;
margin: 2px 0;
margin-bottom: 9px;
font-weight: bolder;
font-size: 16px;
}
#invoiceholder #message{margin-bottom: 30px; display: block;}
#invoiceholder h2 {
margin-bottom: 5px;
color: #000;
}
#invoiceholder .col-right td {
color: #666;
padding: 5px 8px;
border: 0;
font-size: 0.75em;
border-bottom: 1px solid #eeeeee;
}
#invoiceholder .col-right td label {
margin-left: 5px;
font-weight: 600;
color: #444;
}
#invoiceholder .cta-group a {
display: inline-block;
padding: 7px;
border-radius: 4px;
background: rgb(196, 57, 10);
margin-right: 10px;
min-width: 100px;
text-align: center;
color: #fff;
font-size: 0.75em;
}
#invoiceholder .cta-group .btn-primary {
background: #00a63f;
}
#invoiceholder .cta-group.mobile-btn-group {
display: none;
}
#invoiceholder table{
width: 100%;
border-collapse: collapse;
}
#invoiceholder td{
padding: 20px 0;
font-size: 0.70em;
}
#invoiceholder .tabletitle th {
background: #0aa0e2;
color: white;
font-size: 22px;
text-align: center;
padding: 26px 0;
}
#invoiceholder .tabletitle th span{
border-left: 1px solid;
width: 100%;
display: block;
}
#invoiceholder th {
font-size: 0.7em;
text-align: left;
padding: 5px 10px;
}
#invoiceholder .item{width: 50%;}
#invoiceholder .list-item td {
}
#invoiceholder td span{
width: 100%;
display: block;
text-align: center;
font-weight: bold;
font-size: 18px;
color: black;
border-left: 1px solid;
}
#invoiceholder td:nth-of-type(1) span,#invoiceholder th:nth-of-type(1) span{
border-left: 0
}
#invoiceholder .total-row th,
#invoiceholder .total-row td {
text-align: center;
font-weight: 700;
font-size: .75em;
border: 0 none;
}
#invoiceholder .table-main {
}
#invoiceholder footer {
padding: 15px 20px;
}
#invoiceholder .effect2
{
position: relative;
}
#invoiceholder .effect2:before,#invoiceholder .effect2:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#invoiceholder .effect2:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
@media screen and (max-width: 767px) {
.cards-1 .card {
padding: 16px;
padding-top: 44px;
}
.col-right {
float: none !important;
width: 100% !important;
}
#invoiceholder .tabletitle th ,#invoiceholder td span{
font-size: 13px;}
#invoiceholder .tabletitle th span {
border-left: 0;}
/* #invoiceholder h1 {
font-size: .9em;
}
#invoiceholder #invoice {
width: 100%;
}
#invoiceholder #message {
margin-bottom: 20px;
}
#invoiceholder [id*='invoice-'] {
padding: 20px 10px;
}
#invoiceholder .logo {
width: 140px;
}
#invoiceholder .title {
float: none;
display: inline-block;
vertical-align: middle;
margin-left: 40px;
}
#invoiceholder .title p {
text-align: left;
}
#invoice-mid .col-left,
#invoice-mid .col-right {
width: 100%;
}
#invoiceholder .table {
margin-top: 20px;
}
#invoiceholder #table {
white-space: nowrap;
overflow: auto;
}
#invoiceholder td {
white-space: normal;
}
#invoiceholder .cta-group {
text-align: center;
}
#invoiceholder .cta-group.mobile-btn-group {
display: block;
margin-bottom: 20px;
}
#invoiceholder .table-main {
border: 0 none;
}
#invoiceholder .table-main thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#invoiceholder .table-main tr {
border-bottom: 2px solid #eee;
display: block;
margin-bottom: 20px;
}
#invoiceholder .table-main td {
font-weight: 700;
display: block;
padding-left: 40%;
max-width: none;
position: relative;
border: 1px solid #cccaca;
text-align: left;
}
#invoiceholder .table-main td:before {
content: attr(data-label);
position: absolute;
left: 10px;
font-weight: normal;
text-transform: uppercase;
}
#invoiceholder .total-row th {
display: none;
}
#invoiceholder .total-row td {
text-align: left;
}
#invoiceholder footer {text-align: center;} */
}
.col-left {
float: left;
width: 64%
}
.col-right {
float: right;
width: 35%
}
.invoiceholder{
padding:0 !important;
}
#ReceiptSumm{
}
.ReceiptSummh3{
margin-bottom: 45px;
}
.ReceiptSummh3 span{
font-size: 34px;
color: black;
padding: 14px 0;
border-bottom: 2px solid;
}
.finalrowreceipt{
margin-top: 10px;
border-top: 3px solid black;
padding-top: 10px;
}
.receitpbord p{
font-size: 28px;
color: black;
font-weight: bold;
border-left: 1px solid;
padding: 0 10px;
}
.receitp p{
font-size: 28px;
color: black;
font-weight: bold;
}
.pagination ul {
margin: 2em auto;
padding-left: 0;
list-style-type: none;
}
.page-number {
display: inline;
}
.page-number a {
text-decoration: none;
color: black;
}
/* Pagination 2 */
.pagination-2 .page-number {
padding: 8px 16px;
background-color: #f3f4f2;
}
.pagination-2 .page-number:hover {
background-color: #d9dcd6;
}
.pagination-2 .active {
border-radius: 4px;
background-color: #0258d3;
}
.pagination-2 .active:hover {
background-color: #16425b;
}
.pagination-2 .active a {
color: #f3f4f2;
}
.sessions_talks_section{
max-width: 800px;
margin: auto;
padding: 32px 0;
}
.single_session_t{
margin-bottom: 20px
}
.single_session_t_header{
background: #bae4f6;
border-radius: 50px;
display: flex;
padding: 14px;
position: relative;
padding-left: 90px;
}
.avater_session_t{
position: absolute;
left: -23px;
top: 0px;
width: 83px;
}
.avater_session_t img{
width: 88px;
border-radius: 50%;
border: 2px solid white;
height: 88px;
object-fit: cover;
}
.details_s_t{
display: block;
width: calc(100% - 134px) !important;
}
.actions_s_d{
text-align: right;
width: 124px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #ceecf9;
border-radius: 0 50px 50px 0;
padding: 16px 13px;
border-left: 3px solid white;
}
.single_session_t_body{
}
.details_ttext{
display: inline-block;
color: black;
font-weight: bold;
font-size: 18px;
padding: 0 10px;
width: 80%;
}
.details_tactions{
float: right;
display: inline-block;
}
.details_tactions a{
}
.details_tactions a img{
height: 36px;
}
.actions_s_d a{
margin: 0 5px;
}
.actions_s_d a img{
height: 36px;
}
.single_session_t_body .from-to-hidden-ar{
background-image: linear-gradient(
45deg, transparent 50%, #1265be 50%),linear-gradient(
135deg, #1265be 50%, transparent 50%),linear-gradient(to right, #ccc0, #ccc0);
background-position: calc(100% - 8px) calc(1em + -5px),calc(100% - 3px) calc(1em + -5px),calc(100% - 2.5em) 0.5em;
background-size: 5px 5px,5px 5px,1px 1.5em;
background-repeat: no-repeat;
}
.sendsch{
background: transparent;
outline: 0;
border: 0;
font-size: 22px;
color: #1265be;
font-weight: bold;
text-align: center;
}
.sendschcont{
text-align: center;
display: none;
}
.single_session_t_body{
display: none;
}
.signupcontainersub{
margin-top: 0;
padding-top: 0;
}
.goldsub{
background: #f9c73d;
color: #0458d3;
font-weight: bold;
}
.signupcontainersub h1 {
font-size: 22px;
margin: 30px 0;
margin-bottom: 11px;
}
.plansrow{
max-width: 914px;
margin: auto !important;
margin-top: 48px;
}
.plansrow .pricingTable .title {
font-size: 24px;
font-weight: 600;}
.plansrow .pricingTable .price-value .amount {
font-size: 27px;}
.plansrow .pricingTable .price-value .currency {
font-size: 18px;}
.plansrow .pricingTable .price-value .duration {
font-size: 18px;
font-weight: bold;}
.plansrow .pricingTable .pricing-content li:before {
font-weight: 600;
line-height: 31px;
width: 35px;
height: 35px;
top: 4px;}
.plansrow .pricingTable .pricing-content li {
font-size: 15px;
font-weight: bold;}
.plansrow .pricingTable {
padding: 30px 54px 70px;}
.subplanlabel{
background: #f9c73d;
font-size: 15px;
text-align: left;
color: #1265be;
font-weight: bold;
padding: 5px;
font-style: italic;
border-radius: 8px;
}
.ACC{
color: white;
font-size: 20px;
font-style: italic;
}
.fa-star.filled,.ti-star.filled{
color: #f9c73d
}
.onoffswitch {
position: relative; width: 56px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #FFFFFF; border-radius: 20px;
min-width: 120px;
position: relative;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 22px; padding: 0; line-height: 22px;
font-size: 12px; color: black; font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "Active" !important;
padding-left: 6px;
background:linear-gradient(to left,#00ddffa6,#1100ff96) !important; color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "InActive" !important;
padding-right: 6px;
background: linear-gradient(to left,#00ddffa6,#1100ff96) !important; color: #FFFFFF;
text-align: right;
}
.onoffswitch-switch {
display: block; width: 12px; margin: 5px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 0px;
border: 2px solid #FFFFFF; border-radius: 20px;
transition: all 0.3s ease-in 0s;
top: -3px !important;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.onoffswitch {
position: relative;
width: 70px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
margin: 0 auto;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid transparent;
border-radius: 20px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-webkit-transition: margin 0.3s ease-in 0;
-o-transition: margin 0.3s ease-in 0;
transition: margin 0.3s ease-in 0;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 30px;
padding: 0;
line-height: 30px;
font-size: 14px;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "";
padding-right: 27px;
background-color: #27b737;
color: #fff;
}
.onoffswitch-inner:after {
content: "";
padding-right: 24px;
background-color: #3e4555;
color: #999;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 23px;
margin: 6px;
background: #fff;
height: 23px;
position: absolute;
top: -1px;
bottom: 0;
left: 0;
border-radius: 20px;
-webkit-transition: all 0.3s ease-in 0;
-o-transition: all 0.3s ease-in 0;
transition: all 0.3s ease-in 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
left: auto;
right: 0;
}
.activeinactive{
position: absolute;
top: 44%;
left: 0;
}
.activeinactiveparent{
position: relative;
}
.Unsubscribedbtn{
background-color: #f4683d !important;
width: 100%;
color: white !important;
margin-bottom: 11px;
}
.Changebtn{
background-color: #3a85dd !important;
width: 100%;
color: white !important;
border-radius: 0 !important;
margin-bottom: 11px;
padding: 12px 8px;
}
.Upgradebtn{
background-color: #57b9d3 !important;
width: 100%;
color: white !important;
border-radius: 14px !important;
margin-bottom: 11px;
}
.Renewbtn{
background-color: #0aa0e2 !important;
width: 100%;
color: white !important;
border-radius: 14px !important;
margin-bottom: 11px;
}
.plandetails{
}
.plandetails li{
margin: 14px;
color: black;
font-size: 20px;
font-weight: bold;
}
.selectedsubplandetails{
background: white;
box-shadow: 0 5px 20px 5px rgb(181 180 180 / 63%);
border-radius: 25px;
margin: 0;
margin-top: -38px;
padding: 54px 30px;
}
.selectedsubplanname{
background: #0aa0e2;
border-radius: 25px;
text-align: center;
margin: 0;
margin-top: 20px !important;
padding: 14px;
padding-bottom: 36px;
}
.selectedsubplanname p{
color: white;
font-size: 24px;
font-weight: bold;
}
.coachprofilenav{
padding: 0;
}
.coachprofilenav .nav-fill .nav-item,.coachprofilenav .nav-fill>.nav-link {
flex: 1 1 auto;
text-align: center;
background: #0aa0e2;
color: white;
border-radius: 0;
border-right: 2px solid;
font-size: 22px;
font-weight: bold;
padding: 18px 0;}
.firstlooktabs{
background: #e6f9ff;
padding: 56px;
}
.firstlooktabs .bio p {
color: black;
font-weight: bold;
}
.firstlooktabs .bio{
padding: 0 60px;
}
.bluebio{
color: #0051e2 !important;
font-weight: 600 !important;
}
.pricingcoach{
padding: 40px 16px;
}
.editpricing{
}
.editpricingbtn{
background: #0aa0e2;
width: 100%;
font-size: 24px;
}
.pricingcoach .bodySessions {
border-radius: 16px 16px 0 0;}
.tabsinnercoach{
background: white;
border-radius: 25px;
}
.tabsinnercoach .nav-tabs .item-m .nav-link {
font-weight: 600;
padding: 24px 5px;
border-radius: 25px !important;
text-transform: uppercase;
font-size: 22px;
letter-spacing: 1px;
}
.tabsinnercoach .nav-tabs{
border-bottom: 0
}
.tabsinnerinnercoach {
max-width: 800px;
margin: 34px auto !important;
}
.tabsinnerinnercoach .nav-tabs .item-m .nav-link {
font-weight: 600;
padding: 24px 5px;
border-radius: 25px !important;
text-transform: uppercase;
font-size: 22px;
letter-spacing: 1px;
color: white;
}
.tabsinnerinnercoach .nav-tabs{
border-bottom: 0;
background: #0aa0e2;
border-radius: 25px;
}
.tabsinnerinnercoach .nav-tabs .nav-item.show .nav-link,.tabsinnerinnercoach .nav-tabs .nav-link.active{
background: #5fc1ec;
}
.dateselected p{
color: #0053e1;
font-size: 24px;
margin-top: 10px;
}
.single_se_crs{
text-align: center;
border: 2px solid #3db4e8;
border-radius: 20px;
position: relative;
margin-bottom: 14px;
}
.single_se_crs p{
font-size: 17px;
padding: 16px 0;
color: black;
font-weight: bold;
margin-bottom: 0;
}
.single_se_crs button{
padding: 20px 0;
color: #f5785f;
font-weight: bold;
}
.cr_se_type_icon{
position: absolute;
left: -22px;
top: 15px;
background: #0aa0e2;
color: white;
width: 34px;
height: 34px;
line-height: 36px;
border-radius: 50%;
}
.addnewcourse{
color: #0050e2 !important;
font-size: 35px !important;
padding: 0 !important;
position: absolute;
right: -32px;
top: 6px;
font-weight: bold;
}
.tabsinnerinnercoach .avatar-upload .avatar-edit input + label span {
margin-top: 19px;
display: block;
font-size: 18px;
position: absolute;
color: #1464d6;
bottom: -30px;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 100%;}
.inneravatarcourse{
position: relative;
background: #c8e3fe;
width: 100%;
height: 100%;
border-radius: 25px;
}
.inneravatarcourse .avatar-upload {
position: absolute;
max-width: 205px;
margin: 8px auto !important;
top: 12px;
left: 0;
right: 0;
text-align: center;
}
.inneravatarcourse .avatar-upload .avatar-preview, .inneravatarcourse .avatar-upload .avatar-edit input + label {
width: 100%;
/* height: 130px; */
margin: auto;}
.inneravatarcourse .avatar-upload .avatar-edit input + label:hover {
background: transparent;}
.everyrowmarg{
margin-bottom: 30px
}
.sign-up-form .form-control[type="date"] {
padding:0;
}
.sign-in-form .form-control ,.select2-container--default .select2-selection--multiple{
margin-bottom: 8px;}
.tabsinnerinnercoach input.form-control, .tabsinnerinnercoach select {
height: 44px !important;
}
.tabsinnerinnercoach .form-label {
font-size: 15px;}
.tabsinnerinnercoach .input-group{
display: block;
background: #c8e3fe;
border-radius: 16px;
}
.tabsinnerinnercoach .input-group input, .tabsinnerinnercoach .input-group input:focus, .tabsinnerinnercoach .input-group input:active{
width: 70%;
display: inline-block;
z-index: 0;
margin-bottom: 0;
border: 0;
padding: 0;
outline: 0
}
.tabsinnerinnercoach .input-group .input-group-append{
display: inline-block;
width: 27.5%;
z-index: 6;
position: relative;
}
.tabsinnerinnercoach .input-group select{
height: 44px !important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-repeat: no-repeat;
background-position-x: 100%;
width: 48px;
background-position-y: 9px;
background-image:url("data:image/svg+xml;utf8,");
background-color: #c8e3fe;
border: 0;
color: gray;
border-radius: 16px;
margin-left: 0px;
margin-bottom: 0;
z-index: 100;
font-size: 15px;
}
body[dir="rtl"] .tabsinnerinnercoach .input-group select {
background-position-x: 5%;}
.tabsinnerinnercoach .custom-file2 {
background: #c8e3fe;
border-radius: 16px;
}
.onofstatus .onoffswitch-inner:before {
content: "ON" !important;
background: linear-gradient(to left,#00ddff,#1100ff) !important;
padding-left: 11px;
}
.onofstatus .onoffswitch-inner:after {
content: "OFF" !important;
background: linear-gradient(to left,#00ddff,#1100ff) !important;
padding-right: 11px;
}
.onofstatus .onoffswitch-label {
min-width: 77px;}
.onofstatus .onofstatusmark{
display: inline-block;
color: #045ee4;
padding-top: 3px;
}
.onofstatus{
text-align: center;
display: flex;
width: 100%;
max-width: 252px;
margin: auto;
}
.sessionaddedtitle{
font-weight: bold;
font-size: 20px;
margin-top: 30px;
}
.sessionadded{
}
.sessionadded .single_se_crs {
border: 0;
background: #c8e3fe;}
.sessionadded .single_se_crs p {
font-size: 15px;}
.btn-remove-session{
padding: 0 !important;
font-weight: bold !important;
font-size: 34px;
line-height: 29px;
}
.sessionadded .cr_se_type_icon {
right: -10px !important;
top: -11px !important;
left: initial;
border: 2px solid #0aa0e2;
background: white;}
.editPriceOfCoach .editprofileform {
padding: 28px 18px;}
.editPriceOfCoach .editprofileform.sign-in-form select.form-control,.editPriceOfCoach .editprofileform.sign-in-form input.form-control,.sign-in-form select.form-control{
height: 44px
}
.editPriceOfCoach .form-control ,.select2-container--default .select2-selection--multiple{
font-size: 14px;}
.editPriceOfCoach .sign-up-form .form-label{
font-size: 15px
}
.addnewpackage{
position: absolute;
bottom: 0;
right: -28px;
top: 30px;
width: auto;
}
.btnaddnewpkg{
font-size: 34px;
color: #0051e2 !important;
font-weight: bold;
padding: 0 !important;
}
.Packagesform{
}
.Packagesformrowrelative{
position: relative;
}
.deletepckage{
color: red !important;
}
.editPriceOfCoach{
display: none;
}
.interactivecourse{
}
.bgvidnum{
background: #f2f2f2;
padding: 9% 0;
text-align: center;
}
.bgdeletevid{
background: #e57d66;
}
.bgdeletevid button{
width: 100%;
margin-top: 83%;
padding: 0;
font-size: 12px;
}
.bgeditvid{
background: #0aa0e2;
}
.bgeditvid button{
width: 100%;
margin-top: 83%;
padding: 0;
font-size: 12px;
}
.rowvid{
display: flex;
justify-content: center;
}
.gendesc{
background: #f2f2f2;
}
.gendesc h3{
font-size: 14px;
}
.gendesc p{
font-size: 12px;
}
#Create .form-control {
font-size: 14px;}
.genvidcol{
align-items: center;
background: linear-gradient(
45deg, #0f16ff6e, #01d2ff73);
justify-content: center;
display: flex;
}
.uploadedvid{
margin-top: 30px
}
.maxv-w-100{
max-width: 100%;
max-height: 150px;
object-fit: cover;
}
.Pre-recorded{
display: none;
}
.sessionstabs{
max-width: 950px
}
.sessionstabs .single_session_t_body .from-to-hidden-ar {
background-position: calc(100% - 8px) calc(1em + 3px),calc(100% - 3px) calc(1em + 3px),calc(100% - 2.5em) 0.5em;
}
.details_ttext{
font-size: 16px
}
.details_ttext a{
color: #0d5fe4;
text-decoration: underline;
}
.allcoachsessions{
margin-top: 30px;
}
.singlesessionrw{
background: #ceecf9;
border-radius: 50px;
margin-bottom: 10px
}
.singlesessionrw p{
color: black;
font-weight: bold;
padding: 12px 8px;
margin-bottom: 0;
font-size: 20px;
}
.singlesessionrw button{
padding: 12px 8px;
font-weight: bold;
}
.singcol{
background: #ceecf9;
border-radius: 50px;
}
.singlesessionrw button img{
height: 34px;
}
.beforelast{
background: #bae7f9;
border-radius: 0 0 0 25px;
}
.firstffdd{
border-radius: 50px 0 0 50px;
}
.joind{
background: #0aa0e2;
border-radius: 0 0 0 25px;
}
.coachhistoryrecords{
max-width: 800px;
margin: 27px auto !important;
}
.singlehistory{
background: #ceecf9;
margin-bottom: 15px;
border-radius: 16px;
}
.singlehistory p{
color: black;
font-size: 20px;
padding: 12px 8px;
font-weight: bold;
}
.singlehistory p.statuspaid{
color: #015ae2;
font-weight: bold;
text-align: right;
}
.singlehistory p.statusProccessing{
color: gray;
text-align: right;
}
#Packages_s .single_session_t_header {
background: #ceecf9;
border-radius: 18px;
display: flex;
padding: 14px;
padding-bottom: 28px;
padding-left: 90px;
}
#Packages_s .actions_s_d {
text-align: right;
width: 210px;
display: flex;
text-align: center;
}
#Packages_s span{
color: black;
font-size: 14px;
font-weight: bold;
}
#Packages_s .hiddenonopen{
width: 50%
}
#Packages_s .hiddenonopen span:nth-of-type(1){
}
#Packages_s .hiddenonopen span:nth-of-type(2){
color: green;
display: block;
}
#Packages_s .hiddenonopen span:nth-of-type(3){
color: red;
display: block;
}
#Packages_s .avater_session_t img {
width: 106px;}
.promoteselect{
margin-top: 30px;
/*Styling Selectbox*/
}
.promoteselect .dropdown {
width: 100%;
display: inline-block;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 0 2px rgb(204 204 204);
transition: all .5s ease;
position: relative;
font-size: 14px;
color: #474747;
height: 100%;
text-align: left;
}
.promoteselect .dropdown .select {
cursor: pointer;
display: block;
padding: 14px;
background: #0aa0e2;
color: white;
width: 100%;
font-size: 23px;
text-align: center;
}
.promoteselect .dropdown .select > i {
font-size: 30px;
color: #fff;
cursor: pointer;
transition: all .3s ease-in-out;
line-height: 20px;
}
.promoteselect .dropdown:hover {
box-shadow: 0 0 4px rgb(204, 204, 204)
}
.promoteselect .dropdown:active {
background-color: #f8f8f8
}
.promoteselect .dropdown.active:hover,
.promoteselect .dropdown.active {
box-shadow: 0 0 4px rgb(204, 204, 204);
border-radius: 2px 2px 0 0;
background-color: #f8f8f8
}
.promoteselect .dropdown.active .select > i {
transform: rotate(-90deg)
}
.promoteselect .dropdown .dropdown-menu {
position: absolute;
background-color: #fff;
width: 100%;
left: 0;
margin-top: 1px;
box-shadow: 0 1px 2px rgb(204, 204, 204);
border-radius: 0 1px 2px 2px;
overflow: hidden;
display: none;
max-height: 144px;
overflow-y: auto;
z-index: 9
}
.promoteselect .dropdown .dropdown-menu li,.promoteselect .dropdown .dropdown-menu li:hover {
padding: 14px;
transition: all .2s ease-in-out;
cursor: pointer;
background: #5fc1ec !important;
color: white;
text-align: center;
font-size: 24px;
border-bottom: 1px solid white;
}
.promoteselect .dropdown .dropdown-menu li a{
color: white !important
}
.promoteselect .dropdown .dropdown-menu {
padding: 0;
list-style: none
}
.promoteselect .dropdown .dropdown-menu li:hover {
background-color: #f2f2f2
}
.promoteselect .dropdown .dropdown-menu li:active {
background-color: #e2e2e2
}
.promocodeheader{
}
.promocodeheader p{
color: white;
text-align: center;
background: #0aa0e2;
padding: 15px;
font-size: 25px;
margin-top: 35px;
margin-bottom: 0
}
.promocodebody{
}
.promocodebody .nav-tabs .item-m .nav-link {
background: #92ddf4;
border-right: 1px solid white;
color: #000000;}
.promocodebody .nav-tabs .nav-item.show .nav-link,.promocodebody .nav-tabs .nav-link.active {
color: #000 !important;
background-color: #ffffff !important;
border-color: #ffffff !important;}
.promocodebody .nav-tabs .nav-item {
width: 33%;}
.promocodebody .tab-content{
background: #8fd7ef;
}
.switch-field {
display: flex;
margin-bottom: 36px;
overflow: hidden;
margin: 32px auto !important;
max-width: 272px;
}
.switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.switch-field label {
background-color: #3cc1e5;
color: rgb(255 255 255);
font-size: 14px;
line-height: 1;
text-align: center;
width: 50%;
padding: 14px 28px;
border-radius: 50px !important;
margin-right: -1px;
border: 0;
transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
cursor: pointer;
}
.switch-field input:checked + label {
background-color: #0aa0e2;
box-shadow: none;
z-index: 100000;
}
.switch-field label:first-of-type {
margin-right: -30px;
}
.switch-field label:last-of-type {
border-radius: 0 4px 4px 0;
}
.switch-field label:before,.switch-field label:after{
display: none;
}
.promorow {
max-width: 748px;
margin: 15px auto !important;
}
.promorow label{
color: black;
font-size: 16px;
font-weight: bold;
}
.promorow input{
background: transparent;
border: none;
}
.promorow .input-group{
background: white;
border-radius: 18px;
}
.promorow select{
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
background-color: white;
border: none;
padding: 10px;
border-radius: 14px;
color: gray;
width: 100%;
background: url("data:image/svg+xml;utf8,") no-repeat right white;
-webkit-appearance: none;
}
.promorow input{
background-color: white;
border: none;
padding: 10px;
border-radius: 14px;
color: gray;
width: 100%;
}
.promorow .input-group button{
border-radius: 21px;
background: #0aa0e2;
color: white;
margin-top: 2px;
}
.promocodeshistory{
padding: 40px;
}
.promocodeshistory .table tr th,.promocodeshistory .table tr td {
border-color: transparent;}
.promocodeshistory .table>:not(:last-child)>:last-child>* {
border-bottom-color: transparent;
}
.promocodeshistory table.table tr th {
font-weight: bolder;
color: #5b5b5b;
}
.promocodeshistory table.table tr td{
color: black;
font-weight: bold;
padding: 4px;
}
.editPromocode{
background: #0aa0e2 !important;
border-color: #0aa0e2 !important;
border-radius: 50px !important;
padding: 3px 18px !important;
}
.promocodeshistory table{
max-width: 900px;
margin: auto;
text-align: center;
}
.containerpromote{
background: #e6f9ff;
}
.coachprofilenav .nav-pills .nav-link.active,.coachprofilenav .nav-pills .show>.nav-link {
background-color: #5fc1ec !important;}
.promotecourseform{
max-width: 600px;
margin: auto;
}
.coach_prof .avatar-upload .avatar-preview {
width: 144px;
height: 144px;}
.coach_prof .avatar-upload {
max-width: 155px;
margin: 6px auto !important;
}
.form-of-coursem{
background: white
}
.form-of-course{
max-width: 423px;
margin: 51px auto !important;
}
.form-of-course input,.form-of-course select{
background: #b0e3f3;
border: 0;
border-radius: 10px;
height: 40px;
margin-bottom: 14px;
width: 100%;
}
.form-of-course select {
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
background-image: url('data:image/svg+xml;utf8,');
background-position-x: 94%;
background-color: #b0e3f3 !important;
}
.form-of-course label{
color: black;
font-weight: bold;
}
.form-of-course textarea{
background: #b0e3f3;
border: 0;
border-radius: 10px;
height: 124px;
margin-bottom: 14px;
width: 100%;
}
.form-of-coursem img{
width: 100%;
position: relative;
margin-top: 0;
}
.rowforcoursepost .fa-stack {
width: 17% !important;
max-width: 23px
}
.mxwidth80{
max-width: 80%
}
.whitec{
color:white !important;
font-size: 13px
}
.form-of-coursem .fa-stack img {
width: 100%;
position: relative;
margin-top: 20px;
width: 100%;
height: auto;
}
.promohash{
color: #0050e2;
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
}
.btnsavepostcont{
background: #0aa0e2;
}
.btnsavepostcont button,.btnsavepostcont a{
width: 100%;
border: 0;
display: block;
background: #0aa0e2;
color: white;
font-size: 18px;
padding: 10px;
font-weight: bold;
text-align: center;}
.coachgatehashm{
background: #dbdbdc;
text-align: center;
color: #055fe3;
}
.coachgatehashm p{
color: #055fe3;
font-weight: bold;
padding: 10px;
margin-bottom: 0;
}
.heightw{
height: 20px;
background: #e6f9ff;
}
.details_section_course h3{
font-size: 33px;
font-weight: bolder;
line-height: 37px;
color: #fff;
margin-top: 74px
}
.details_section_course p{
font-size: 12px;
color: #fff;
max-height: 157px;
overflow-y: auto;
padding-top: 12px;
}
.coursecoachname,.coursecoachfield{
margin-top: 44px
}
.details_section_course h6{
color: white;
}
.coursecoachname h4{
font-size: 38px;
color: black;
}
.coursecoachfield p{
font-size: 22px;
}
.coursecoachimg img{
margin-bottom: 28px;
border-radius: 50%;
width: 300px;
height: 300px;
object-fit: cover;
border: 17px solid white;
box-shadow: 0 19px 38px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 22%);
margin-top: 30px;
}
.rowforcoursepost{
padding: 5px 45px;
}
.rowforcoursepost .fa-stack {
display: inline-block;
height: auto;
line-height: 1em;
position: relative;
vertical-align: middle;
width: 20px;
}
.rowforcoursepost .social-container{
margin-bottom: 3px
}
.form-of-coursem {
background: white;
position: relative;
overflow: hidden;
}
.absolutediv{
position: absolute;
left: -20%;
top: -40px;
height: 190px;
width: 77%;
background: white;
border-radius: 47%;
transform: rotate(
-16deg);
}
.promotecourseformview {
max-width: 668px;
margin-top: 20px;
}
.w-25-sign-up {
width: 24%;
display: inline-block;
}
.forfile_d label:nth-of-type(1){
position: relative;
top: -46px;
}
.forfile_d label:nth-of-type(2){
background: #c8e3fe;
height: 56px;
background-image: url(../images/upload.svg);
background-repeat: no-repeat;
background-position: right 18px center;
position: absolute;
background-size: 5%;
color: transparent;
margin: auto;
width: 100%;
top: 10px;
left: 0;
right: 0;
transform: translateY(-50%);
border: 1px solid #c8e3fe;
box-sizing: border-box;
border-radius: 16px;
}
.editcoachcalendar .single_session_t_body .calendar-container {
background: #ffffff;
padding: 11px 68px;
margin-top: 8px;
padding-top: 40px;
border-radius: 50px;}
.editcoachcalendar .single_session_t_body .date ,.editcoachcalendar .single_session_t_body .calendar-container h3{
color: #1da3e4;
text-align: center;
display: block;
font-size: 22px;
margin-bottom: 21px;
}
.editcoachcalendar .nav-tabs .nav-item.show .nav-link,.editcoachcalendar .nav-tabs .nav-link.active {
background-color: #3cb0e9 !important;;
border-color: #3cb0e9;
border-radius: 11px;}
.editcoachcalendar .nav-tabs .item-m .nav-link {
color: #ffffff;}
.editcoachcalendar .nav-tabs {
border-bottom: 1px solid #dee2e6;
background: #0aa0e2;
color: white;
border-radius: 14px;
}
.sign-up-form .form-label small{
font-size: 12px
}
.balancetabcontent {
max-width: 900px;
margin: 36px auto !important;
}
.balancetabcontent .nav-tabs .nav-item {
margin-right: 8px;
margin-bottom: 20px;
}
.balancetabcontent .nav-tabs .nav-item:nth-of-type(3){
margin-right: 0
}
.balancetabcontent .nav-tabs .item-m .nav-link {
background: #c9eaf8;
color: black;
font-size: 33px;
font-weight: 500;
height: 200px;
line-height: 46px;
}
.balancetabcontent .nav-tabs .nav-item.show .nav-link,.balancetabcontent .nav-tabs .nav-link.active {
background-color: #5fc1ec;
border-color: #5fc1ec;
color: white;
}
.balancetabcontent .nav-tabs {
border-bottom: 0;
}
.balancetabcontent .nav-tabs .nav-item.show .nav-link img,.balancetabcontent .nav-tabs .nav-link.active img{
filter: invert(1) brightness(1);
}
.singlewalletinall{
box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
background: #0aa0e2;
padding: 20px;
text-align: center;
padding-top: 0;
height: 100%;
}
.fullwalletsmallinfo{
background: #5fc1ec;
padding: 18px;
padding-top: 54px;
}
.fullwalletsmallinfo .blnctitle{
color: white;
font-size: 22px;
letter-spacing: 4px;
margin-bottom: 10px;
min-height: 26px;
}
.fullwalletsmallinfo h2{
color: white;
font-size: 42px;
}
.fullwalletsmallinfo .small_wallet{
color: white;
margin-bottom: 39px;
margin-top: 18px;
}
.getwalletdetailssec {
}
.getwalletdetailssec .btn{
font-size: 25px;
font-weight: bold;
}
.singlewalletforuserW {
display: none;
position: relative;
}
.singlewalletforuser .getwalletdetailssec p{
color: white;
font-weight: bold;
margin: 23px;
}
.singlewalletforuser .getwalletdetailssec .chooseoption{
}
.singlewalletforuser .getwalletdetailssec button{
width: 100%;
max-width: 600px;
background: #5fc1ec;
margin-bottom: 14px;
font-size: 18px;
}
.singlewalletforuser table {
max-width: 631px;
margin: auto;
color: white;
font-weight: bold;
font-size: 20px;
}
.singlewalletforuser table td{
border-top: 0 !important;
border-bottom: 0 !important;
}
.giftcard-tabs .nav-tabs .item-m .nav-link {
background: #5fc1ec;
color: white;
font-size: 20px;
padding: 29px 0;
font-weight: 600;
height: auto;
letter-spacing: 1px;
line-height: 15px;
}
.giftcard-tabs .nav-tabs .nav-item.show .nav-link, .giftcard-tabs .nav-tabs .nav-link.active {
background-color: #23ace5;
border-color: #23ace5;
color: white;
}
.giftcard-tabs .nav-tabs .nav-item {
margin-right: 0;
margin-top: 22px;
}
.gift_tab_pane{
padding: 30px;
background: #0aa0e2
}
.single_giftcard{
box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
display: flex;
height: 220px;
position: relative;
align-items: center;
text-align: center;
margin-bottom: 30px
}
.single_giftcard.babyblue{
background: #5fc1ec
}
.single_giftcard.blue{
background: #257ce5
}
.single_giftcard.gold{
background: #eda83a
}
.shape-left{
position: absolute;
left: 0;
width: auto;
height: 100%;
top: 0;
transform: rotate(
180deg);
}
.shape-left img{
width: 100%;
height: 100%;
}
.numberofgift{
width: 70%;
}
.numberofgift h3{
color: white;
font-size: 42px;
letter-spacing: 3px;
font-weight: 500;
}
.numberofgift h3 span{
font-size: 70px;
font-weight: bold;
padding-top: 3px;
display: inline-block;
}
.logosection {
width: 30%;
height: 220px
}
.logosection img{
width: 100%;
height: 100%;
}
.giftsingle_tab_pane .row{
max-width: 700px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}
.giftsingle_tab_pane p{
color: white;
text-align: center;
font-size: 20px;
margin: 20px 0;
}
.giftsingle_tab_pane label{
color: white;
font-size: 24px;
font-weight: bold;
}
.input-group {
margin-bottom: 0 !important;
background: white;
}
.input-group input{
}
.input-group button{
margin-bottom: 0;
box-shadow: none;
padding: 7px;
}
.giftsingle_tab_pane .btn.addttcard{
box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
background: white;
color: #0355ca;
width: 100%;
font-weight: bold;
font-size: 25px;
margin-bottom: 25px;
}
.purchasesgiftcardsingle{
margin-bottom: 32px;
padding: 36px 28px;
background: #ffffff36;
border-radius: 10px;
}
.backbtn,.backbtn2{
position: absolute;
bottom: 0;
}
.singlegift{
display: none
}
.allgift{
}
.addbtncertifcate{
position: absolute;
right: 0px;
font-size: 32px !important;
font-weight: bold !important;
color: #0258d3 !important;
padding: 0 !important;
top: -3px;
width: 30px;
height: 30px;
border-radius: 50% !important;
line-height: 17px !important;
background: white !important;
}
.promoandwallet .input-group .btn {
height: 50px;}
.certificateblock{
position: relative;
border-bottom: 1px solid gainsboro;
padding-bottom: 18px;
margin-bottom: 10px;
}
.profileselect{
background: transparent;
border: none;
color: #0871ff;
width: 68px;
}
.disinline{
display: inline-block;
background: white;
border-radius: 25px;
font-size: 20px;
padding: 3px 14px;
}
.disinline img{
position: ABSOLUTE;
right: 80px;
}
.coachprofilenav .nav-fill .nav-item, .coachprofilenav .nav-fill>.nav-link:nth-of-type(4){
border-right: none;
}
.available-time-section{
position: relative;
}
.appendcourseslit input{
width: 100%;
border-radius: 8px;
border-color: gainsboro;
box-shadow: none;
outline: 0;
border-style: dashed;
}
.checkbox-alias{
background-color: white;
display: inline-block;
width: 100%;
height: auto;
z-index: 1;
position: relative;
transition: all 250ms ease-out;
cursor: pointer;
margin-bottom: 20px;
}
.invisible-checkboxes input[type=radio]{
display: none;
/* margin-right: -20px;
position: relative;
z-index: 2; */
}
.invisible-checkboxes input[type=radio]:checked + .checkbox-alias{
background-color: #ceecf9;
border-radius: 20px;
}
.checkbox-alias .single-av-time{
margin-bottom: 0
}
.deletethisslot{
position: absolute;
top: -11px;
right: -12px;
background: white;
padding: 2px;
width: 32px;
height: 32px;
font-size: 30px;
font-weight: bold;
color: red;
border-radius: 50%;
border: 1px solid gainsboro;
text-align: center;
}
/**********Responsive_part*********/
/************************************
320px
480px
600px
768px
900px
1024px
1200px
*************************************/
@media screen and (max-width: 320px) {}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 384px) {}
@media screen and (max-width: 414px) {}
@media screen and (max-width: 480px) {
.details_section_course h3{
margin-top: 4px !important;
}
}
@media screen and (max-width: 568px) {}
@media screen and (max-width: 592px) {}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 667px) {}
@media screen and (max-width: 736px) {}
@media screen and (max-width: 768px) {
.rowforcoursepost .fa-stack{
width: 16% !important;
}
.whitec{
font-size: 10px
}
.mxwidth80 {
max-width: 71%;
}
.details_section_course h3{
font-size: 12px;
line-height: 13px;
margin-top: 30px;
}
.details_section_course h6 {
line-height: 11px;
font-size: 7px;
}
.details_section_course p {
font-size: 8px;}
#details .text-container{
padding: 16px !important
}
.coursecoachname h4 {
font-size: 17px;}
.coursecoachfield p {
font-size: 13px;
}
.coursecoachname, .coursecoachfield {
margin-top: 4px;}
.basic2-div img {
height: auto;
width: 100%;
}
.basic2-div .rightbefore {
border-right: 0;
}
.basic2-div .leftbefore {
border-left: 0;
}
.basic2-div .content {
padding: 10px 4px;
}
header {
background-size: cover !important;
height: auto;
}
.about-div {
background-size: cover !important;
height: auto;
padding: 22px 19px;}
.navbar .logo-image img {
height: 40px;}
.cards-2.cards-about-us .card:first-of-type{
margin-top: 70px
}
.cards-2.cards-about-us .card {
margin-top: 139px;}
.right_prof_head p {
font-size: 7px;
}
}
.promotecourseformview .form-of-coursem{
background: url(../images/promotepreview.png);
background-size: 100%;
padding: 0;
background-repeat: no-repeat;
}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 812px) {}
@media screen and (max-width: 992px) {
.courseday ,.course_price {
margin-top: 3px !important;}
.right-side-info{
display: none
}
.page-about{
height: auto;
padding-bottom: 98px;
display: flex;
flex-direction: column-reverse;
}
.left-side {
position: relative;
width: 100%;}
.profile-photo {
position: relative;
top: 0;
left: 0%;
width: 100%;
height: 200px;}
.promohash{
font-size: 11px;
}
.right_prof_head p{
text-align: center !important;
}
.header-carousel-landing .header-next-overlay .text-center p{
font-size: .7rem !important;}
.promoandwalletcart .text-center{
text-align: initial !important;
}
.totaldivsection p {
font-size: 32px;
line-height: 1.2;}
.form-control-submit-button{
font-size: 12px;
}
.modL2 {
width: 28% !important;
}
.about-gradient img {
padding: 5px;
}
.nostleforpaddingresponsive{
padding-right: calc(var(--bs-gutter-x)/ 2) !important;
padding-left: calc(var(--bs-gutter-x)/ 2) !important;
}
.rowvid {
display: block !important;}
.bgeditvid button ,.bgdeletevid button{
margin-top: 4%;}
output.uploadedvid {
display: block;
}
.tabsinnerinnercoach .avatar-upload .avatar-edit input + label span{
font-size: 14px;
}
.inneravatarcourse .avatar-upload{
width:90px;
height: 90px;
}
.nav-prev {
left: 6px;
top: 20px;
}
.header-carousel-landing .header-next-overlay .text-center .h1-large, .header-carousel-landing .header-next-overlay .text-center p{
font-size: 1.1rem !important
}
.btn-solid-reg img{
width: 120px
}
.btn-solid-reg{
margin:6px;
}
.avatar-upload .avatar-edit input + label img {
height: 65px !important;}
.intl-tel-input .flag-dropdown .selected-flag {
padding: 16px 16px 6px 6px !important;
height: 49px !important;
}
.cards-1 .card-title{
font-size: 18px !important
}
.course_price{
margin-top: 18px
}
#invoiceholder .logo img, #invoiceholder .clientlogo img{
margin-top: 40px
}
.ReceiptSummh3 span{
font-size: 27px
}
.receitp p,.paybtn button{
font-size: 20px
}
.pricingTable.newptable{
padding-bottom: 120px
}
.form-check .form-check-input {
margin-left: -2em;}
.rtl .form-check .form-check-input {
margin-left: initial;
margin-right: -2em
}
.promocodeshistory table.table tr th{
min-width: 100px
}
.demo h1{
font-size: 29px;
margin-bottom: 28px;
}
.mycartSection{
padding:80px 14px;
padding-bottom: 160px;
}
.contact-demo .fa-shopping-cart{
font-size: 30px !important
}
.contact-demo .white{
font-size: 24px
}
.fullwalletsmallinfo h2{
font-size: 22px;
}
.fullwalletsmallinfo .blnctitle{
font-size: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
font-size: 12px;
}
.singlewalletforuser table td:nth-of-type(1){
min-width: 100px
}
.xdsoft_datetimepicker .xdsoft_month {
width: 51%;
}
.xdsoft_datetimepicker *{
font-size: 14px
}
.xdsoft_datetimepicker .xdsoft_calendar th{
font-size: 15px
}
.xdsoft_datetimepicker .xdsoft_calendar td > div{
font-size: 12px
}
.bodySessions .price, .bodySessions .session-name,.calendar-container h3{
font-size: 16px
}
.single-av-time{
padding: 18px 14px
}
.addtocart{
font-size: 18px
}
.giftcard-tabs .nav-tabs .nav-item {
margin-top: 0;
margin-bottom: 0;}
.singlewalletforuser .getwalletdetailssec button{
font-size: 13px
}
.getwalletdetailssec .btn{
font-size: 15px;}
.header-carousel-landing .header-next-overlay .text-center p {
font-size: 1.7rem;
margin-top: 80px;
font-weight: 600;
}
.firstlooktabs {
padding: 1px;}
.rating-star,
.rating:hover .rating-star {
width: 34px;
height: 36px;
background: url('../images/star-3f2.png') 0 -34px;
}
.single_giftcard{
height: 120px
}
.numberofgift h3{font-size: 14px;}
.numberofgift h3 span{
font-size: 33px;
display: block;
}
.logosection img{
object-fit: contain;
}
.footer h4,.footer ul li{
text-align: center;
}
.basic2-div .rightbefore {
border-right: 0 !important;
border-left: 0 !important;
}
.basic2-div .leftbefore {
border-right: 0 !important;
border-left: 0 !important;
}
.offcanvas-collapse{
top:62px
}
.notification-drop,.navbar .nav-item .nav-link{
padding: 14px 14px;
}
.basic2-div .content {
padding: 10px 4px;
}
header {
background-size: cover !important;
height: auto;
}
.about-div {
background-size: cover !important;
height: auto;
padding: 22px 19px;}
.cards-2.cards-about-us .card:first-of-type{
margin-top: 70px !important
}
.cards-2.cards-about-us .card {
margin-top: 139px !important;}
/*****************/
.left_prof_head {
padding-top: 0px;
padding-left: 0
}
.username-prof {
font-size:14px;}
.subplanlabel {
font-size:10px;}
.ACC {
font-size:12px;}
.user-prof-img {
height:88px}
.right_prof_head p {
font-size:10px;}
.right_prof_head {
padding-top: 0;
text-align: center;}
.right_prof_head p i {
float: none !important;}
.onoffswitch {
width: 151px !important;}
.coaches-head.coaches-head2 {
height: auto!important
}
.coachprofilenav .nav-fill .nav-item, .coachprofilenav .nav-fill>.nav-link{
font-size: 12px
}
.balancetabcontent .nav-tabs .item-m .nav-link{
font-size: 14px
}
.balancetabcontent .nav-tabs .nav-item .nav-link img, .balancetabcontent .nav-tabs .nav-link img{
width: 25px
}
.getwalletdetailssec {
overflow: auto;
}
.activeinactive {
position: relative;
top: -2%;
width: 100%;
left: 0 !important;
right: 0 !important;
margin: auto;
text-align: center;
}
.navbar .navbar-collapse .navbar-nav {
width: 100%;
height: auto;
overflow-y: initial;
}
.notification-drop .item ul{
right: 0 !important;
}
.notification-drop .item ul{
top: 36px;
max-width: 258px;
overflow-y: auto;
max-height: 278px;
z-index: 3;
}
.smalldetailsdiv .listing-rating {
position: relative;}
.from-to-hidden-ar,.from{
font-size: 12px
}
.calendar-container {
padding: 31px 4px;
margin-top: 20px !important;
}
.filter-fl {
display: block;
}
.filter-btn3{
margin-top: 0px;
margin-bottom: 20px;
display: inline-block;
width: 49%;
}
.list-layout .property-listing.property-1 .listing-content{
display: block !important;
}
.promoandwallet label {
font-size: 15px;}
.promoandwallet input {
padding: 8px;
font-size: 12px !important;}
.listing-features-info {
padding-bottom: 22px;
width: 100%;}
.property-listing.property-1 .listing-detail-wrapper {
width: 100% !important;
display: block !important;
text-align: inherit;
}
.more-btn, .more-btn:hover{
top: 0 !important
}
.avater_session_t{
margin: auto;
}
.singlesessionrw{
text-align: center;
}
.recently_header{
font-size: 18px
}
.prof-title{
font-size: 18px
}
.header-carousel-landing .header-next-overlay .text-center {
margin-top: 58%;
}
.avater_session_t img {
width: 100% !important;}
.list-layout .property-listing.property-1.cart_1{
background: #f9f9f9;
border-radius: 8px;
}
.list-layout .property-listing.property-1 .listing-img-wrapper{
background: #f9f9f9;
margin-bottom: 10px;
}
.book, .book:hover,.free, .free:hover{
width: 49% !important;
display: inline-block !important;
font-size: 14px !important;
height: 42px !important;
padding:9px !important;
}
.property-listing.property-1 .listing-img-wrapper > a {
text-align: center !important;}
.property-listing.property-1 .listing-img-wrapper img ,.list-layout .property-listing.property-1 .listing-img-wrapper{
width: auto !important;}
.property-listing.property-1 .listing-rating {
position: relative !important;}
.coachexphours {
position: relative !important}
.listing-features-info {
width: 100% !important;}
.tabsinnercoach .nav-tabs .item-m .nav-link,.tabsinnerinnercoach .nav-tabs .item-m .nav-link {
padding: 12px 5px;
border-radius: 9px!important;
font-size: 12px;
}
.tabsinnerinnercoach .nav-tabs{border-radius: 10px}
.single_se_crs p{
font-size: 10px
}
.single_se_crs button {
padding: 16px 0;
font-size: 10px;}
.single_session_t_header{
padding: 12px !important;
display: block !important;
}
.avater_session_t {
right: initial !important;
left: initial !important;
position: relative !important;
}
.details_tactions {
float: none !important;
}
.single_session_t {
width: 90%;
margin: 20px auto;
}
.single_session_t_body .calendar-container {
background: #e6f5fc;
padding: 8px 13px !important;
padding-top: 26px !important;}
.coachhistoryrecords {
width: 89%;
margin: auto;
}
#Packages_s .single_session_t_header {
padding-left: 0 !important;
padding-right: 0 !important;
}
.single_session_t_body .row.calendar-container{
width: 97%;
margin: auto;
}
.row.calendar-container{
width: 100%;
margin: auto;
padding: 31px 4px;
}
.xdsoft_datetimepicker *{
font-size: 12px !important;
}
.single_se_crs p {
padding: 2px 0;}
.appendcourseslit input {
width: auto;}
.xdsoft_datetimepicker .xdsoft_month {
width: 45%;}
.inneravatarcourse .avatar-upload {
position: relative;
margin: 0px auto !important;}
.inneravatarcourse .avatar-upload .avatar-preview, .inneravatarcourse .avatar-upload .avatar-edit input + label{
width: 90px !important;
height: 90px !important
}
.inneravatarcourse{
height: 146px !important
}
.details_s_t {
width: calc(100% - 79px) !important;
}
#Packages_s .actions_s_d {
display: block;
text-align: center;
position: relative;
border: 0;
width: 100% !important;
}
.sessions_talks_section{
text-align: :center;
}
.single_session_t_header{
text-align: center;
}
.actions_s_d{
position: relative;
width: 100% !important;
border: 0;
text-align: center !important;
border-radius: 25px !important;
margin-top: 20px !important;
}
.navbar .logo-image img {
height: 44px !important;}
.sessions_talks_section .details_s_t {
width: 100% !important;
}
.congratulation{padding:16px 11px !important;text-align: center;}
.content-cong-text{
padding: 3px 23px !important
}
.content-cong-text h4{
font-size: 12px !important
}
.content-cong-text p{
font-size: 10px
}
#contact.form-1 form{
padding: 0 15px !important
}
.page-about{
min-width: 200px !important
}
.left-side{
padding: 14px !important
}
.right-side-info{
height: 400px !important
}
.left-side p,.courseday,.coursedaytime{
font-size: 12px !important ;
line-height: 12px
}
.left-side p{
line-height: 24px;
}
.left-side h1{
font-size: 16px
}
.left-side h3{
font-size: 14px
}
.filter-fl {
display: block !important;}
.filter-fl h4{
font-size: 14px !important
}
/* .filter-fl {
display: flex !important;
flex-direction: column-reverse;} */
.btn-group.custom-drop button{
width: 100% !important;
margin-top: 0px !important;
}
.btn-group.custom-drop{
display: inline-block;
}
.recently_added_courses .card{
height: auto !important;
}
.courses .cards-1 .card{
height: auto !important;
}
.recently_card .addcartcourse {
right: 0 !important;
text-align: center;
position: relative !important;
left: 0 !important;
width: 100% !important;
}
.recently_card .read-more {
float: none;
margin: 37px 0;
display: block;
}
.sign-up-form .form-label{
font-size: 12px !important
}
.w-50-sign-up ,.w-25-sign-up{
width: 100%;}
.filterbody .w-50-sign-up ,.filterbody .w-25-sign-up{
width: 49%;}
.filterbar select.form-control:not([size]):not([multiple]),.filterbar .form-control {
height: 30px;}
.btn-sign-in{
font-size: 12px
}
.filterbody {
padding: 8px 26px;}
.file-upload-d{
margin-top: 30px
}
.editprofileform{
padding: 18px !important
}
.faq #features{
padding: 0 !important
}
.faq .accordion-1 .h2-heading{
font-size: 16px
}
.faq .accordion-1 .accordion-header button{
font-size: 13px
}
.mycartSection.hasnoscroll{
padding: 4px;
padding-top: 15px
}
#invoiceholder{
padding: 10px
}
#invoiceholder .title {
float: none !important;
text-align: center;
display: block;
margin-left: 0 !important
}
#invoiceholder .title p{
text-align: center !important;
}
#invoiceholder .logo {
width: 100% !important;
max-width: 200px;
margin: auto;
display: block;
}
.inv-to {
text-align: center;}
.signupcontainer .sign-in-form{
padding:50px 24px !important;
}
.right-ab .pricingTable,.left-ab .pricingTable{
left: initial !important;
right: initial !important;
position: relative ;
}
.center-ab .pricingTable{
top: 0 !important
}
.promocodebody .nav-tabs .nav-item {
width: 100% !important;
}
.promocodeshistory {
overflow: auto;
}
.coaches-head.coaches-head2{
background-size: cover !important;
}
}
@media all and (min-width: 700px) and (max-width: 992px){
.list-layout .property-listing.property-1 .listing-content {
display: flex !important;
}
.listing-features-info {
width: 100% !important;
display: flex;
flex-direction: row;
align-items: start;
}
.list-layout .property-listing.property-1 {
margin-bottom: 0;
}
.listing-features-info {
padding-bottom: 0;}
.listing-short-detail .paddim {
border-top: 0;
margin: 0;
padding: 0;
}
.listing-short-detail .paddim div{
padding: 0;
}
.listing-features-info .pricelabel {
color: #767676;
font-size: 14px;
display: none;
}
.listing-features-info .priceitself {
margin-top: -5px;
}
}
@media screen and (max-width: 1024px) {
.basic2-div {
padding: 0 0px;
width: 100%;
object-fit: contain;
}
.cards-2.cards-about-us .card {
margin-top: 46px;}
/*.priceselectedpackage{
position: relative !important;
}*/
.receitpbord p{
border:0 !important;
}
.pricingTable.newptable {
padding: 30px 20px 50px;}
.pricingTable .promoandwallet{
margin-bottom: 50px
}
.avatar-upload .avatar-preview{
width: 144px !important;
height: 144px !important;
text-align: center;
margin: auto;
}
.avatar-upload .avatar-edit input + label span{
margin-top: 0px;
font-size: 12px
}
.avatar-upload .avatar-edit input + label img{
height: 83px
}
ul.file-list li,.sign-in-form .form-check-label{
font-size: 10px;
line-height: 12px
}
.sign-in-form .form-check-label,.create_new_link{
font-size: 14px;
}
.iconsign{
width: 70px !important;
height: 70px !important;
line-height: 70px !important
}
.client-coach{
font-size: 14px
}
.iconsign{
margin-right: -42px;
}
.rtl .iconsign{
margin-left: -42px;
margin-right: initial;
}
.talk_description .card-body{
padding: 0px 4px
}
.recently_card h5{
font-size: 14px
}
.talk_card.talk_det .talk_description .details,.talk_description.detailst .coache-name{
font-size: 12px
}
.talk_card.talk_det .talk_description .read-more{
position: relative;
right: 0;
left: 0
}
.talk_card.talk_det .card{
background-size: cover !important
}
.talkratingdetails {
position: relative;
top: 21px;
right: 0;
width: 100%;
text-align: center;
margin: auto;
}
.talk_card .card{
height: 500px !important
}
.talk_description .read-more {
position: relative;
right: 0;
left: 0;
text-align: center;
}
.talk_card .talkrating {
position: relative;
top: 17px;
text-align: center;
left: initial;
right: initial;
}
.talk_card .addcartcourse {
top: 8px;}
.termsclasssub{
padding: 12px !important
}
.termsclasssub p{
font-size: 10px
}
.single_session_t_body .xdsoft_datetimepicker .xdsoft_calendar td:nth-of-type(1){
padding-left: 16px
}
.single_session_t_body .xdsoft_datetimepicker .xdsoft_calendar td:nth-last-of-type(1){
padding-right: 16px
}
.join-meeting{
padding: 8px !important;
bottom: 60px !important;
font-size: 10px !important
}
.talk-small-details{
position: relative;
padding: 6px !important;
border-radius: 16px
}
.talk_my_body .card-title {
font-size: 12px;
text-align: center !important;
}
.talk_single .read-more {
float: none;
margin: auto !important;
display: block;
position: relative;
width: 100%;
padding: 10px;
bottom: 0;
text-align: center;
right: 0;
}
}
.file_names {
text-align: center;
white-space: normal;
text-overflow: ellipsis;
height: 23px;
overflow: hidden;
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1350px) {}
@media screen and (max-width: 1600px) {}
.footershape{
position: absolute;
top: 0;
right: 0;
bottom: 0;
height: 100%;
}
.pagination-2 .page-number {
margin-bottom: 4px;
display: inline-block;}
/************************************/
.img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
}
.customization_popup_trigger {
display: block;
width: 170px;
height: 50px;
line-height: 50px;
margin: 3em auto;
text-align: center;
color: #FFF;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase;
border-radius: 50em;
background: #2196F3;
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (min-width: 1170px) {
.customization_popup_trigger {
margin: 6em auto;
}
}
/* --------------------------------
xpopup
-------------------------------- */
.customization_popup {
position: fixed;
right: 0;
top: 0;
height: 200px;
width: 100%;
background-color: rgb(94 110 141 / 0%);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
z-index: 10000000;
}
.customization_popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.customization_popup_container {
position: absolute;
width: 30%;
margin: 0 auto;
right: 22px;
top: 22px;
height: 162px;
padding: 10px;
background: #000000d9;
border-radius: 0;
box-shadow: 0 0 20px rgb(0 0 0 / 20%);
-webkit-transform: translatex(400px);
-moz-transform: translatex(400px);
-ms-transform: translatex(400px);
-o-transform: translatex(400px);
transform: translatex(400px);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;}
.customization_popup_container p,.customization_popup_container h6 {
padding: 3px;
color: white;
font-size: 14px;
}
.customization_popup_container a {
color: #0aa0e2;
}
.customization_popup_container .customization_popup_buttons:after {
content: "";
display: table;
clear: both;
}
.customization_popup_container .customization_popup_buttons li {
float: left;
width: 50%;
list-style: none;
}
.customization_popup_container .customization_popup_buttons a {
display: block;
height: 60px;
line-height: 60px;
text-transform: uppercase;
color: #FFF;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.customization_popup_container .customization_popup_buttons li:first-child a {
background: #fc7169;
border-radius: 0 0 0 .25em;
}
.no-touch .customization_popup_container .customization_popup_buttons li:first-child a:hover {
background-color: #fc8982;
}
.customization_popup_container .customization_popup_buttons li:last-child a {
background: #b6bece;
border-radius: 0 0 .25em 0;
}
.no-touch .customization_popup_container .customization_popup_buttons li:last-child a:hover {
background-color: #c5ccd8;
}
.customization_popup_container .customization_popup_close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
}
.customization_popup_container .customization_popup_close::before, .customization_popup_container .customization_popup_close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: #8f9cb5;
}
.customization_popup_container .customization_popup_close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.customization_popup_container .customization_popup_close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
.is-visible .customization_popup_container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
.customization_popup_container {
margin: 0em auto;
}
}
.currency-modal .currency-list {
margin-block-start: 1.5rem;
}
.currency-modal .currency-list .currency-list-item {
display: grid;
grid-template-columns: 1.5em 6rem auto;
padding: 0.5rem 0;
width: 100%;
text-align: start;
cursor: pointer;
text-decoration: none;
}
.currency-modal .currency-list .currency-list-item.selected {
color: #00a4a6;
}
.currency-modal .currency-list .currency-list-item .before-currency .icon::after {
width: 1.2em;
height: 1.2em;
padding-block-end: 1.5rem;}
.currency-modal {
box-shadow: 0 4px 12px 0 rgb(117 117 117 / 40%);}
.currency-modal .modal-dialog{
max-width: 548px;
border-radius: 8px;
padding: 21px;
background: white;
box-shadow: 0 4px 12px 0 rgb(117 117 117 / 40%);
}
.currency-modal .modal-content{
max-height: 600px;
overflow: auto;}
.currency-modal .btn-close {
color: #000;
filter: invert(0);
border: 0;
}
.coach_prof .avatar-upload .avatar-preview {
width: 248px;
height: 248px;
}
.coach_prof .avatar-upload {
max-width: 248px;}
.promotecourseform .coach_prof .avatar-upload .avatar-preview {
width: 152px;
height: 152px;
}
.promotecourseform .coach_prof .avatar-upload {
max-width: 152px;
}
.owl-carousel4 .slick-dots {
bottom: 45px;
}
.btn-primary:hover {
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
}
.btn-primary:hover, .btn-primary.disabled:hover {
background: #2677e6 !important;
border: 1px solid #2677e6 !important;
}
.carouselsteps .slick-slide {
padding-top: 30px;}
.slick-dots li button:before{
border-radius: 50%
}
.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .select2-selection--multiple{
border:0 !important
}
.select2-container .select2-selection--multiple{
min-height: 56px !important;
}
.uppercase{
text-transform: capitalize;
}
.editcourseform{
display: none;
}
.file_names {
right: 0;
left: 0;
bottom: 0px;}
.w-33-sign-up {
width: 33%;}
.form-control,.form-control[type=file]:not(:disabled):not([readonly]){
font-size: 18px !important;
padding: 12px 28px;
line-height: 32px;
}
.addnewpackage{
width: auto !important;
}
/*****************/
.subscription.toggle-radio{
display: inline-block;
width: 150px;
border-radius: 45px !important;
overflow: hidden;
margin-bottom: 10px;
margin: 0 9px;
margin-bottom: 10px;
float: right;
}
.subscription.toggle-radio label {
background: #ccc;
padding: 0.75em 0;
display: block;
color: #222;
width: 75px;
float: left;
text-align: center;
border-left: 1px solid #bbb;
color: white;
}
.subscription.toggle-radio label:hover {
cursor: pointer;
background: #d3d3d3;
}
.subscription.toggle-radio label:last-child {
border-radius: 0 2px 2px 0;
}
.subscription.toggle-radio input[type="radio"] {
display: none;
}
/******************************/
.radio-switch.ONOFFSWITCH label {
display: inline;
}
.radio-switch.ONOFFSWITCH {
padding: 12px;
-webkit-box-shadow: 1px 1px 2px rgb(0 0 0 / 20%) inset;
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
box-shadow: 1px 1px 2px rgb(0 0 0 / 20%) inset;
background: linear-gradient(to left,#00ddff,#1100ff) !important;
display: inline-block;
border: 1px solid #bbb;
overflow: hidden;
border-radius: 18px;
height: 44px;
position: relative;
color: white;
}
.radio-switch.ONOFFSWITCH,
.radio-switch.ONOFFSWITCH *,
.radio-switch.ONOFFSWITCH *:before,
.radio-switch.ONOFFSWITCH *:after,
.radio-switch.ONOFFSWITCH *::before,
.radio-switch.ONOFFSWITCH *::after {
cursor: pointer;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.radio-switch.ONOFFSWITCH label {
display: inline-block;
width: 2em;
height: 29px;
padding: 0;
margin: 0;
text-align: center;
vertical-align: middle;
line-height: 29px;
}
.radio-switch.ONOFFSWITCH label input[type=radio] {
display: none;
}
.radio-switch.ONOFFSWITCH label input[type=radio] + span {
display: inline-block;
font-weight: bold;
padding: 0;
margin: 0;
text-align: center;
}
.radio-switch.ONOFFSWITCH label input[type=radio] + span:hover::after {
background-color: #e6e6e6;
background-position: 0px -15px;
background-repeat: repeat-x;
}
.radio-switch.ONOFFSWITCH label input[type=radio] + span::after {
background-repeat: repeat-x;
content: ' ';
background-color: #E6E6E6;
width: 35px;
height: 35px;
border-radius: 30px;
margin: 4px 4px;
position: absolute;
top: -1px;
border-radius: 21px;
-moz-transition: left 0.2s linear, visibility 0s linear 0.2s;
-webkit-transition: left 0.2s linear, visibility 0s linear 0.2s;
transition: background-position 0.1s linear, left 0.2s linear, visibility 0s linear 0.2s;
background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
border-width: 1px;
border-style: solid;
border-color: #CCC #CCC #B3B3B3;
-moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 0px 2px rgb(0 0 0 / 20%);
box-shadow: 1px 0px 2px rgb(0 0 0 / 20%);
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.radio-switch.ONOFFSWITCH label input[type=radio] + span::before {
content: ' ';
background: linear-gradient(to left,#00ddff,#1100ff) !important;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.radio-switch.ONOFFSWITCH label input[type=radio] + span sup,
.radio-switch.ONOFFSWITCH label input[type=radio] + span sub {
position: static;
vertical-align: super;
font-size: 0.7em;
}
.radio-switch.ONOFFSWITCH label input[type=radio]:checked + span::after,
.radio-switch.ONOFFSWITCH label input[type=radio]:checked + span::before {
visibility: hidden;
}
.radio-switch.ONOFFSWITCH label:nth-child(1) input + span::after {
left: -1px;
}
.radio-switch.ONOFFSWITCH label:nth-child(1) input:checked + span::after {
left: 50%;
}
.radio-switch.ONOFFSWITCH label:nth-child(2) input + span::after {
left: 50%;
}
.radio-switch.ONOFFSWITCH label:nth-child(2) input:checked + span::after {
left: 0;
}
/* :root .checkbox-switch input[type=checkbox] {
height: 2em;
background-color: #ccc;
border: 1px solid red;
} */
.subscription.toggle-radio label::before,
.subscription.toggle-radio label::after{
opacity: 0;
}
.subscription.toggle-radio input[type="radio"]:first-child + label {
border-radius: 2px 0 0 2px;
border: none;
}
.subscription.toggle-radio input[type="radio"]:checked + label {
background: linear-gradient(to left,#00ddff,#1100ff) !important;
}
.cards-1 .carouselservices .card ,.cards-2 .carouselsteps .card {
margin-bottom: 0rem;}
.slot_price
{
font-size: 18px;
}
.blue_me
{
color:#0aa0e2;
}
#contact .form-control-submit-button{
background: linear-gradient(
184deg,#00ddff,#2569ff);
border: none;
}
#contact .form-control-submit-button:hover{
color:white
}
select.form-control-input{
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: 20px;
background-size: 4%;
background-image: url(https://iaeste.org/assets/icons/arrow_dropdown-8e096a444299e295fa03bc919f3cea625987792e13aaf64ec6b0be881a8f7c0a.svg);
}
.swal-overlay{
z-index: 100000000000 !important;
}
.removeCertificate{
position: absolute;
bottom: -14px;
right: 5px;
color: red;
cursor: pointer;
display: none;
}
.deletebtncert{
position: absolute;
font-size: 41px !important;
font-weight: bold !important;
color: #0258d3 !important;
padding: 0 !important;
bottom: 26px;
height: 30px;
width: 30px;
right: 37px;
font-size: 21px !important;
top: -3px;
background: #e10707 !important;
color: white !important;
border-radius: 50% !important;
}
body[dir=rtl] .deletebtncert{
left: 42px;
right: initial;
}
@media (max-width:1024px) {
.coach_prof .avatar-upload {
width: 168px;
height: 168px;
}
.avatar-upload .avatar-preview {
width: 166px !important;
height: 166px !important;}
.promoandwallet{
width: 98%;
}
}
body[dir="rtl"] .promoandwallet label{
font-size: 16px;
}
@media print {
body {
background: transparent;
color: black;
/* font: normal 20pt/1 sans-serif;
*/ /*text-align: center;*/
}
button,.navbar,.noprint {
display: none;
}
.container{
max-width: 100%
}
.mycartSection{
padding: 0
}
#invoiceholder {
padding: 50px 4px;}
@page {
/*size: Letter Landscape;*/
margin: 3px;
}
}
.course_details_se_no{
position: absolute;
left: 12px;
top: 0px;
width: 83px;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #0258d3;
font-weight: bold;
font-size: 24px;
}
.message{
z-index: 99000 !important;
}
.responsivenotification {
display: none;
}
.language-link{
font-size: 14px;
}
.navbar .nav-item .nav-link.dropdown-toggle{
display: flex;
flex-direction: row;
align-items: center;
padding-top: 14px;
}
.navbar .dropdown img {
margin: 0px;
width: 34px;
height: 34px;
margin: 0 6px;
border: 3px solid gainsboro;
}
.utype{
font-size: 11px;
display: block;
}
body[dir=rtl] .navbar .nav-item .nav-link.dropdown-toggle{
padding-top: 6px;
}
.responsivelangonly{
display: none;
}
.weblangonly{
display: inline-block;
}
body .lgout{
padding-top: 8px !important;
}
body[dir=rtl] .lgout{
padding-top: 0px !important;
}
@media(max-width:992px){
.navbar .nav-item .nav-link {
color: #202020 !important;
font-weight: 600 !important;
font-size: 17px !important;
}
.navbar .dropdown-divider{
display: none;
}
.weblangonly{
display: none;
}
.responsivelangonly{
display: block;
}
.navbar-collapse.offcanvas-collapse.open{
display: flex;
flex-direction: column-reverse;
align-items: start;
justify-content: flex-end;
padding: 0;
margin: 0;
}
.navbar .navbar-collapse .navbar-nav {
margin: 0 auto !important;
}
.nav-item.dropdown{
display: block;
animation-name: showhide;
animation-duration: 0.5s;
transform: scale(1);
opacity: 1;
}
.nav-item.dropdown .nav-link{
cursor: not-allowed;
pointer-events: none;
}
.navbar-nav .dropdown-menu{
display: block;
}
.utype{
display: block;
margin: 8px 0;
font-size: 12px;
font-weight: 200;
}
.navbar .nav-item.dropdown .nav-link {
background: url(../images/img/about.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
color: white !important;
border-radius: 12px;
padding: 34px 10px;
display: flex;
flex-direction: row;
align-items: center;
}
.navbar .dropdown-item{
color: #202020;
font-weight: 600;
font-size: 17px;
}
.navbar .nav-item .nav-link.wicon.dropdown-toggle img{
width: 62px;
height: 62px;
margin: 3px;
border: 4px solid white;
}
.navbar-nav-scroll .dropdown-toggle::after{
display: none;
}
.responsivenotification{
display: contents;
position: absolute;
right: 44px;
margin-top: 6px;
}
.responsivenotification ul li, .responsivenotification ul{
list-style: none;
padding: 0;
}
body[dir=ltr] .notification-drop .item ul {
right: 0 !important;
left: auto !important;
}
.responsivenone{
display: none;
}
.navbar-nav-scroll .notification-drop{
display: none;
}
}
body[dir=ltr] .btn-close{
float: right;
}
body[dir=rtl] .btn-close{
float: left;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
color: orange;
}
.xdsoft_datetimepicker .xdsoft_year{
/* cursor: not-allowed;
pointer-events: none; */
}
.form-control:focus {
box-shadow: none !important;
}
@media(max-width:992px){
.responsivenotification{
width: auto;
display: flex;
margin-top: 2px;
list-style: none;
}
.notification-bell{
height: 25px;
}
.main-btn-div{
background: none;
}
.signupbtn, .signinbtn, .signupbtn:hover, .signinbtn:hover {
font-weight: bold;
padding: 20px;
color: black;
font-size: 18px;}
.coursecoachimg img{
max-width: 100%;
object-fit: cover;
height: auto;
margin-top: 5px;
}
.details_section_course p,.coursecoachname h4,.coursecoachfield p{
line-height: 15px;
}
.coursecoachname h4,.coursecoachfield p{
font-size: 12px;
}
}
.owl-carousel.owl-loaded {
display: block;
opacity: 1 !important;
}
@media (max-width:500px){
.owl-carousel-courses .slick-track{
transform: translate3d(0px, 0px, 0px) !important;
}
}
.coursecoachname, .coursecoachfield{
padding-top: 40px;
}
/* .ptjs-overlays .ptjs-overlay {
background-color: rgb(0 0 0 / 0%) !important;
} */
.ptjs-theme.classic .step-container .step-body {
padding: 20px;
font-size: 20px;
text-align: center;
}
.ptjs-theme.classic .step-container {
font-family: inherit !important;}
.right_prof_head p i {
margin: 0 8px}
@media(min-width:1000px){
.filterbar .sign-up-form .form-label{
font-size: 18px;
}
}
/* Chrome, Safari, Edge, Opera */
input.walletrecharge::-webkit-outer-spin-button,
input.walletrecharge::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number].walletrecharge {
-moz-appearance: textfield;
}
[type="radio"]:checked + label.rating-star:after, [type="radio"]:not(:checked) + label.rating-star:after, [type="radio"]:checked + label.rating-star:before, [type="radio"]:not(:checked) + label.rating-star:before{
opacity: 0;;
}
.property-listing.property-1 .listing-location {
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.add_packagebtn{
width: 100%;
margin-top: 8px;
border-radius: 24px;
}
@media(max-width:768px){
#invoiceholder h1 {
font-size: 22px;}
.property-listing.property-1 .listing-features-info ul{
padding-bottom: .1rem !important;
}
.Nowbtn{
max-width: 100% !important;
}
.free, .free:hover{
display: block !important;
width: 53% !important;
right: 0;
left: 0;
}
.list-layout .property-listing.property-1 .listing-img-wrapper, .list-layout .property-listing.property-1 .listing-img-wrapper img{
min-height: 150px !important;
max-height: 150px !important;
}
.property-listing.property-1 .listing-location{
font-size: 12px !important;
}
.jobtype{
font-size: 14px !important;
}
.property-listing.property-1 .listing-name {
font-size: 20px !important;}
[dir='rtl'] .slick-slide {
float: left !important;
}
}
@media screen and (max-width: 400px){
.form-control-submit-button {
font-size: 9px;
}}
.slick-prev, .slick-next {
width: 35px !important;
height: 35px !important;
color: black !important;
border-radius: 50%;
}
.slick-arrow:before {
top: 8px;
width: 35px;
height: 35px;
}
.slick-prev:before, .slick-next:before {
font-size: 35px !important;
opacity: 1 !important;
color: #0a64db !important;}
.right_prof_head div p {
color: white !important;
}
.right_prof_head a{
color:white
}
.certificateblock.firstmain .deletebtncert{
opacity: 0;
}
.certificateaddedblock .certificateblock.firstmain .deletebtncert{
opacity: 1;
}
.message .btn-close{
float: left;
}
.register_client_coach .avatar-upload .avatar-edit input + label{
overflow: hidden;
}
.register_client_coach .avatar-upload .avatar-edit input + label img{
width: 100%;
height: 100% !important;
object-fit: fill;
margin-top: 0;
padding: 46px;
}
select{
font-family: ui-serif;
}
.appendcourseslit input {
font-size: 18px;
text-align: center;
}
.single_se_crs p {
font-size: 15px;}
.single_se_crs button {
font-size: 15px;}
.single_se_crs button:hover {
color: #f5785f;}
.diagonal1watermark,.diagonal2watermark,.diagonal3watermark,.diagonal4watermark,.diagonal5watermark{
position: absolute !important;
}
.diagonal1watermark{
top: 20%;
left: 20%;
width: 100px !important;
transform: rotate(335deg);
opacity: .4;
}
.diagonal2watermark{
top: 20%;
left: 45%;
width: 100px !important;
transform: rotate(335deg);
opacity: .4;
}
.diagonal3watermark{
top: 36%;
left: 35%;
width: 100px !important;
transform: rotate(335deg);
opacity: .4;
}
.diagonal4watermark{
top: 40%;
right: 7%;
z-index: 1;
width: 100px !important;
transform: rotate(335deg);
opacity: .4;
}
.diagonal5watermark{
top: 51%;
left: 21%;
width: 100px !important;
transform: rotate(335deg);
opacity: .4;
}
.rejectProfUser,.rejectProfUser:hover{
color: #f41414;
background: white !important;
border: 1px solid;
padding: 10px;
width: auto;
}
.acceptProfUser,.acceptProfUser:hover{
color: #1265be !important;
background: white !important;
border: 1px solid;
padding: 10px;
width: auto;
}
@media (max-width:991px) {
.rejectProfUser, .acceptProfUser{
display: block !important;
float: none;
width: 100% !important;
}
}
.step-pagination
{
display:none !important;
}