body {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 26px;}

h1, h2, h3, h4, h5, h6, .btn {font-family: 'Exo 2', sans-serif; font-weight: 700;}
a {text-decoration: none; color: #103178;}


.main-nav {
    min-height: 60px;
    background:#3f51b5;
}
.main-nav:before {
    content:"";
    position:absolute;
    top:0;
    left: 0;
    width: 30%;
    height: 0;
    border-top: 70px solid #3f51b5;
    border-right: 50px solid transparent;
}

header .navbar {padding:0px;}
header .navbar-nav .nav-link {
    text-transform: uppercase;
    color: #fff;
    font-family: 'Exo 2', sans-serif;
}
.top-section {background: #F8F9FB; padding: 8px 0;}

.socialicons a {margin: 0 7px; text-decoration: none;font-size: 22px; height: 26px; line-height: 26px;}
.socialicons a.fa-instagram {color: #74138B;}
.socialicons a.fa-twitter {color: #3f51b5;}
.socialicons a.fa-linkedin {color: #085595;}
.socialicons a.fa-facebook {color: #022DA4;}
.seller-btn .btn {
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 20px;
    border-radius: 40px;
}
.seller-btn .btn-warning {
    background: #F1F199;
    border-color: #DCDC8B;
}

.seller-btn .btn-primary {
    background: #DAE5FC;
    border-color: #BBCCF1;
    color: #000;
}
.hc-user a, .hc-user button {
    color: #fff;
    text-decoration: none;
    margin-left: 15px;
    font-size: 24px;
    position: relative;
}
.banner-container {
    background: #C2DFF6;
    min-height: 400px;
}

.bannertxt h1 {font-size: 56px;}
.bannertxt p {font-size: 24px; color: #103178; line-height: 34px;}
.bannertxt .btn {font-size: 22px; text-transform: uppercase; padding: 10px 40px; margin-top: 35px;}
.banner-container .owl-nav .owl-prev, .banner-container .owl-nav .owl-next {
    position: absolute;
    top: 46%;
}
.banner-container .owl-nav .owl-prev {left: -50px;}
.banner-container .owl-nav .owl-next {right: -50px;}
.banner-container .owl-nav button span {
    background: #3f51b5;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 28px;
    color: #fff;
    font-size: 40px;
    border-radius: 50%;
}

.cotegory-section {
    background: url(../images/shape-1.png) no-repeat 5% 23%;
}
.headingcon {
    margin-bottom: 50px;
}
.headingcon h2 {
    font-size: 1.7rem;
    color: #000;
    font-weight: 700px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}
.headingcon h2::before {
    content: "";
    height: 5px;
    background: #3f51b5;
    width: 220px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    position: absolute;
}
.categorybox {
    border-radius: 20px;
    min-height: 200px;
    padding: 25px 20px;
    text-align: center;
    margin: 10px 0;
}
.categorybox h3 {
    font-size: 28px;
    text-transform: uppercase;
    color: #000;
    margin: 20px 0;
}
.categorybox .catimg {overflow: hidden;}
.categorybox .catimg img {height: 125px;}
.categorybox .btn {text-transform: uppercase;}
.categorybox.orange {
    background: rgb(242,199,59);
    background: linear-gradient(0deg, rgba(242,199,59,1) 50%, rgba(251,214,115,1) 100%);
}
.categorybox.gray {
    background: rgb(230,232,231);
    background: linear-gradient(0deg, rgba(230,232,231,1) 50%, rgba(240,239,237,1) 100%);
}
.categorybox.blue {
    background: rgb(45,81,172);
    background: linear-gradient(0deg, rgba(45,81,172,1) 50%, rgba(78,119,203,1) 100%);
}
.categorybox.green {
    background: rgb(206,230,122);
    background: linear-gradient(0deg, rgba(206,230,122,1) 50%, rgba(238,251,192,1) 100%);
}
.categorybox.blue h3 {color: #fff;}

.productbox {cursor: pointer; position: relative; overflow: hidden;margin:0 0 20px 0;}
.productbox .pro-listprize {
    font-size: 22px;
    color: #3f51b5;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
}
.productbox .pro-listprize i {font-size: 18px;}
.productbox .viewprod {
    background: rgb(0 0 0 / 80%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
    transition: all 0.9s;
    padding: 20px;
}
.productbox:hover .viewprod {
    display: flex;
    justify-content: center;
    align-items: center;
}
.view-actions .btn {text-transform: uppercase;}
.view-actions .btn-primary {
    background: #3f51b5;
    border-color: #3f51b5;
}
.view-actions .btn-primary:hover {
    background: #fff;
    border-color: #fff;
    color: #3f51b5;
}

.view-actions .btn-secondary {
    background: #fff;
    border-color: #fff;
    color: #3f51b5;
}
.view-actions .btn-secondary:hover {
    background: #144d7c;
    border-color: #144d7c;
    color: #fff;
}
.pro-listimg {height: 200px; overflow: hidden;}
.productbox h5 {font-size: 18px;min-height: 42px;}
.trainer-container {
    min-height: 300px;
    background-image: url(../images/bg-rec.png), url(../images/bg-rec2.png);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    padding-top: 50px;
}
.trainerBox {position: relative;margin: 10px 0;}
.trainername {
    position: absolute;
    background:#103178;
    border-radius: 24px;
    left: 50px;
    right: 50px;
    text-align: center;
    color: #fff;
    padding: 10px 20px;
    bottom: -45px;
}
.trainername p {margin-bottom: 0px; font-size: 14px; line-height: 22px;}

.success-container .bg-primary {background-color: #103178 !important;}
.testimonial-text {color: #fff;}
.testimonial-text h6 {text-transform: uppercase;}
.testimonial-text a {color: #fff; font-size: 24px; font-weight: 700;}
.testimonial-text a:hover {color: #3f51b5;}
.success-container .owl-nav .owl-prev, .success-container .owl-nav .owl-next {
    position: absolute;
    top: 46%;
}
.success-container .owl-nav .owl-prev {left: 20px;}
.success-container .owl-nav .owl-next {right: 20px;}
.success-container .owl-nav button span {
    background: #fff;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 28px;
    color: #000;
    font-size: 40px;
    border-radius: 50%;
}
.bloginfo {font-size: 12px;}
.bloginfo i {color: #3f51b5;}
.online-store-container {
    background-image: url(../images/bg3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.about-container {
    background: url(../images/ab-bg.png) no-repeat left top;
}
.about-container h4 {color: #080e32; text-transform: uppercase; font-size: 16px;}
footer.bg-light {background-color: #3f51b5 !important;}
footer h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
}
.footer-col p {font-size: 14px; line-height:22px}
.footerlinks li a {
    display: block;
    color: #000000;
    padding: 5px 0;
}
.footerlinks li a:hover {color:#080e32;}
.movetotop {position: fixed;bottom: 20px;right: 20px;background: #080e32;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 37px; color: #fff;}
.blogbox {margin: 10px 0;}
.blogbox a {display: block; color: #000;}
.blogbox a:hover {color: #080e32;}
.soccial-icons a {
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 3px 6px rgb(0 0 0 / 22%);
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
}

.soccial-icons a:hover {
    background-color: #080e32;
    color: #fff;
}

.footer-bottom.text-center {
    background: #080e32;
    color: #fff;
    padding: 15px;
    font-size: 14px;
}

.filter-con {
    width: 350px;
    background-color: #fff;
    margin-right: 20px;
}
.filter-con h4 {font-size: 18px; padding:10px 20px 0 20px;}

.filter-con h2.accordion-header .accordion-button  {font-size: 15px; text-transform: uppercase;font-weight: 400;}
.filter-con .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #fff;
    box-shadow:none;
}
.filter-lists .form-check label {font-size: 14px;}
.filter-lists .form-check label span {
    font-weight: 600;
    color: #ccc;
    padding-left: 5px;
    font-size: 12px;
}
.product-container {width: 100%;}
.product_lists_con.container-fluid {max-width: 1320px;}
.breadcrumb li, .breadcrumb li a {font-size: 14px;}

/*Product Slider*/

#sync1 .item{
    background: #fff;
    padding:0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding:10px;
    box-shadow: 0 3px 6px #ccc;
}
#sync2 .item{
    background: #fff;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 3px 6px #999898;
    padding: 10px;
    height: 116px;
    overflow: hidden;
}
#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
  background: #fff;
}

.checked-star {
    color: orange;
  }
  .reviewsc {font-size: 12px;}
  .price-pro {color: rgb(79, 156, 1);}
  .price-pro span {display: block; font-size: 32px;font-family: 'Exo 2', sans-serif; font-weight: 700; color: #000;}
  .speci-list th {font-weight: 400; color: #999;}
  .quty { margin-right: 20px;}
  .quty select {border-radius: 50px; padding-left: 25px;}
  .product-description h2 {font-size: 24px;}

  .signup-container .container {max-width: 550px;}
  .signup-box {background: #fff;}
  .signup-box h3 {font-size: 18px; font-weight: 600; margin-bottom: 25px;}
    .signup-box .form-control {font-size: 14px;}
    .signin-link {text-align: center; font-size: 14px; color: #999; margin:  20px 0 0px 0;}
.signin-link a {font-weight: 700;}
.signup-box .form-group {margin-bottom: 20px;}
.signup-box .form-group label {display: block; margin-bottom: 5px;}
.signup-box .form-control {height: 50px; border-radius: 0;}
.blogimage {overflow: hidden;}
.blogimage img {transition: transform .2s;}
.blogimage img:hover {transform: scale(1.3);}
.close-filter {display: none;}
.filterbuttons {display: none;}
.mobile-filter {display: block;}
/*888end***/


.cart-prize, .cart-products {background-color: #fff; border: 1px solid #eee;}
.cart-prize {}
.cart-products h4, .cart-prize h4 {
    font-size: 18px;
    border-bottom: 1px solid #eee;
    padding: 15px;
}
.c-list-image img{max-width: 100px; width: 100%;}
.c-product-list {padding: 0 15px 15px 15px;}
.c-product-list .card-title {font-size: 18px;padding-right:40px}
.cart-pro-rpce {font-weight: 700; font-weight: 16px; color: #3f51b5;}
.cart-pro-rpce span {margin-left: 15px; color: #ddd; position: relative;}
.cart-pro-rpce span:before{height: 1px; content: ""; position: absolute; left: 0; width: 100%; background-color: #ddd; top: 50%;}
.remove-p-btn {position: absolute; padding:0px; width: 30px; height: 30px; right: 0; top: -5px;}
.remove-p-btn img {width:15px;}
.card-block {position: relative;}

.quty-update span {cursor:pointer; }
.quty-update .number{
    margin:10px 0;
    display: flex;
}
.quty-update .minus, .quty-update .plus{
    width:30px;
    height:30px;
    background:#f2f2f2;
    border-radius:0px;
    padding:0px 5px 0px 5px;
    border:1px solid #ddd;
    vertical-align: middle;
    text-align: center;
    font-weight: 20px;
}
.quty-update input{
    height:30px;
    width: 40px;
    text-align: center;
    font-size: 16px;
    border:1px solid #ddd;
    border-radius:0px;
    vertical-align: middle;
    font-weight: 700;
    margin: 0 5px;
}
.p-details {justify-content:space-between;margin:20px 0;align-items:flex-start;}
.pricedetails {padding: 0 15px; border-bottom: 1px dotted #eee;}
.t-price {padding:20px 15px;justify-content:space-between;align-items:flex-start; font-weight: 700;border-bottom: 1px dotted #eee;}

.cart-prize .btn-primary {display: block; border-radius: 0px; margin:20px 15px 20px 15px; text-transform: uppercase;}
.check-address {position: relative;}
.curr-add {max-width: 480px; width: 100%;}
.check-address h4 {font-size: 16px;}
.check-address p {font-size: 14px;}
.add-editbtn {position: absolute; top: 0; right: 0; text-transform: uppercase; font-weight: 700; font-size: 14px;}
.checkout-con {background: #fff; border: 1px solid #eee; padding: 15px;}
.sticky-top {box-shadow: 0 5px 6px rgb(0 0 0 / 6%);}

/***************blog Details************************/

.blog-head h2 {font-size: 24px; margin-bottom: 20px;}
.written-user {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}
.writtenby h5 {margin-bottom: 0px;}
.writtenby p {margin-bottom: 0; font-size: 14px;}
.blog-d-image {text-align: center; padding: 0px; background: #fff; margin-top: 30px;}
.bd-callout-info {border-left: 5px solid #0c63e4; padding: 5px 15px; font-weight: 700;}
.blog-text {max-width: 800px; margin: 0 auto; width: 100%;}
.blog-text h4 {font-size: 24px; margin-top: 20px;}

/******************************************/

/********************blog comments***********************/

.blog-comments .card-no-border .card {
    border: 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05)
}

.blog-comments .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.blog-comments .comment-widgets .comment-row:hover {
    background: rgba(0, 0, 0, 0.02);
    cursor: pointer
}

.blog-comments .comment-widgets .comment-row {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    padding: 15px
}

.blog-comments .comment-text:hover {
    visibility: hidden
}

.blog-comments .comment-text:hover {
    visibility: visible
}

.blog-comments .label {
    padding: 3px 10px;
    line-height: 13px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    font-size: 75%
}

.blog-comments .round img {
    border-radius: 100%
}

.blog-comments .label-info {
    background-color: #1976d2
}

.blog-comments .label-success {
    background-color: green
}

.blog-comments .label-danger {
    background-color: #ef5350
}

.blog-comments .action-icons a {
    padding-left: 7px;
    vertical-align: middle;
    color: #99abb4
}

.blog-comments .action-icons a:hover {
    color: #1976d2
}

.mt-40 {
    margin-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.blog-footer {
    background: #eee;
    padding: 10px 15px;
}

.comments-section .form-group {margin-bottom: 20px;}

.checkout-con h3 {font-size: 22px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.payment-options .form-check {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
span.callus {
    color: #000;
    font-size: 15px;
    font-weight: 700;
}
span.callus i {color: #3f51b5;font-size: 13px;}
.ViewTotal {
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
}
.ViewTotal {font-size: 14px;}
.likethis {
    font-size: 14px;
    text-transform: uppercase;
}
span.date {
    font-size: 14px;
    font-style: italic;
    color: #999;
}
.offerSection img {width: 100%;}
.trainer-list-container {padding-bottom: 100px !important;}
.trainer-list-container .trainername {
    bottom: -34px;
}
.trainer-details {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    width: 100%;
    background: rgb(0 0 0 / 22%);
    display: none;
}

.trainer-details .btn-primary {background: #df630b; border-color: #df630b;}
.trainer-details .btn-primary:hover {background: #fff; color: #df630b;}
.trainerBox:hover .trainer-details {display: flex;}
.trainer-list-container .trainerBox {margin: 10px 0 60px 0;}
.trainer-sort select.form-select {
    padding: 0 30px 0 10px;
    font-size: 13px;
    border: 0;
    text-transform: uppercase;
    font-weight: 500;
}

.trainer-details-container .container {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}
.ab-trainer {
    background: #013663;
    padding: 40px 0;
}
.ab-trainer h2, .ab-trainer p, .ab-trainer ul li {color: #fff;}
.ab-trainer ul li {position: relative; padding: 5px 0 5px 25px;}
.ab-trainer ul li:before {
    content: "\f046";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 7px;
    color: #fff;
}

.trainer-gallery .owl-nav .owl-prev, .trainer-gallery .owl-nav .owl-next {
    position: absolute;
    top: 46%;
}
.trainer-gallery .owl-nav .owl-prev {left: -50px;}
.trainer-gallery .owl-nav .owl-next {right: -50px;}
.trainer-gallery .owl-nav button span {
    background: #3f51b5;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 28px;
    color: #fff;
    font-size: 40px;
    border-radius: 50%;
}
.nav-pills .nav-link {border-radius: 0px; color: #999;}
.nav-pills .nav-link.active {
    color: #3f51b5;
    background-color: transparent;
    border-bottom: 2px solid #3f51b5;
}

.sticky-top {z-index: 99 !important;}

.user-dropdown .dropdown-toggle::after {content: none;}
.user-dropdown .dropdown-toggle {background: transparent; border: 0;   overflow: hidden; padding: 0;}
.user-dropdown .dropdown-toggle img {width: 40px; height: 40px;}
.user-dropdown .dropdown-menu i {width: 20px; margin-right: 5px;}
.user-dropdown .dropdown-menu .dropdown-item {padding: .25rem 1rem; font-size: 16px; color: #666; margin-left: 0px;}
.user-dropdown .dropdown-item.logout-btn, .user-dropdown .logout-btn i {color: #ff0000;}

.profile-container .container {max-width: 991px;}
.faq-container.profile-container .card-header.read-responce {background: #f1f1f1;}
.faq-container.profile-container .card-header .btn.collapsed::before {color: rgb(0 0 0 / 13%);}

.user-boxes {background-color: #ffffff !important; margin-bottom: 20px;}
.user-image {position: absolute; width: 50px; height: 50px; border-radius: 50%; left: 0; top: 0;}
.user-txt {padding-left: 70px; min-height: 50px;}
.user-txt p {margin-bottom: 0px; font-weight: 600; margin-top: -5px;}

.user-links ul li a {display: block; padding: 10px 20px; color: #000; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.user-links ul li a i {font-size: 20px; color:#f15a24; margin-right: 7px; width: 25px;float: left;margin-top: 2px;}
.user-links ul li:last-child a {margin-bottom: 0; border-bottom: 0; padding-bottom: 0;}
.user-links ul li a.logout-btn {color:#f15a24;}

.user-links ul li a:hover {color:#f15a24;}
.user-infor h4 {font-size: 18px; margin-bottom: 15px;}
.user-infor h4 a {display: inline-block; margin-left: 20px; font-size: 14px; font-weight: 500;}
.user-infor .form-control, .user-infor .form-select {height: 50px; border-radius: 0;}
.form-group {margin-bottom: 20px; position: relative;}
.shortlist {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    color: #fff;
}

/*****************gallery*********************/
.item-name {margin-left: 10px;}
.item-name h6 {
    max-width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 0px;
}
.item-name p {font-size: 14px; color: #999;margin-bottom:0px}
.order-image img {max-width: 40px;}
.order-price {font-weight: 600;}
.order-price i {font-size: 14px;}
.enroll-btn .btn-primary {
    padding: 10px 50px;
    font-size: 24px;
    text-transform: uppercase;
}

#gallery {
    padding-top: 40px;
}



  @media screen and (min-width: 991px) {
    #gallery {
      padding:0;
    }
  }
  .img-wrapper {
    position: relative;
    margin-top: 15px;
  }
  .img-wrapper img {
    width: 100%;
  }
  .img-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
  }
  .img-overlay i {
    color: #fff;
    font-size:1.8em;
  }
  #overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
  }
  @media screen and (min-width: 768px) {
    #overlay img {
      width: 60%;
    }
  }
  @media screen and (min-width: 1200px) {
    #overlay img {
      width: 50%;
    }
  }
  #nextButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #nextButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #nextButton {
      font-size: 3em;
    }
  }
  #prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #prevButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #prevButton {
      font-size: 3em;
    }
  }
  #exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  #exitButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #exitButton {
      font-size: 3em;
    }
  }
   

/*****************************************/

.hire-trainer-container .container {
    max-width: 720px;
}

.inputIcons {
    position: absolute;
    right: 13px;
    bottom: 7px;
    color: #999;
}
.hire-trainer-container .accordion-item {border: 0px;}
.hire-trainer-container .accordion-header {
    margin-bottom: 0;
    display: block;
    padding:15px 30px 15px 30px;
    font-weight: 600;
    text-transform: uppercase;
}
.hire-trainer-container .accordion-body {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom:30px;
}

.timeslotes .form-check {position: relative; padding-left: 0; margin-bottom: 10px;}
.timeslotes .form-check input {opacity: 0;}
.timeslotes .form-check input + label {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #3f51b5;
    text-align: center;
    height: 34px;
    line-height: 30px;
    border-radius: 4px;
    font-weight: 600;
    color: #3f51b5;
    font-size: 14px;
    cursor: pointer;
    padding: 0 10px;
    display: block;
}

.timeslotes .form-check input:checked + label {
    color:#fff;
    background:#3f51b5;
    border-color: #3f51b5;
}
.timeslotes .form-check input:disabled + label {
    border-color: #ccc;
    color: #999;
}
.form-label {font-size: 14px; text-transform: uppercase; font-weight: 500;}

.animated-check {
    height: 5em;
    width: 5em;
    border: 2px solid #7ac142;
    border-radius: 50%;
}

.animated-check path {
    fill: none;
    stroke: #7ac142;
    stroke-width: 1;
    stroke-dasharray: 23;
    stroke-dashoffset: 23;
    animation: draw .5s linear forwards;
    stroke-linecap: round;
    stroke-linejoin: round
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

@media (max-width:767px){
    .banner-container .owl-nav .owl-next {right: 0;}
    .banner-container .owl-nav .owl-prev {left: 0;}
    .main-nav:before {width: 50%;}
    .seller-btn span {display: none;}
    .navbar-toggler {
        background-color: transparent; 
        margin-left: auto;
        padding: 0;
        line-height: 30px;
        color: #fff;
    }
    .bannertxt h1 {font-size: 36px;margin-top: 20px;}
    .bannertxt .btn {margin-top: 5px;}
    .bannertxt {text-align: center;}
    .trainername {bottom: 20px;}
    .success-container .owl-nav .owl-prev, .success-container .owl-nav .owl-next {top: 14%;}
    .about-container h4 {margin-top: 20px;}
    .navbar-collapse {
        position: absolute;
        background: #3f51b5;
        width: 107%;
        left: -12px;
        top: 69px;
        padding: 10px 20px;
        z-index: 9;
        right: 0;
      }

      .filter-con {
          width: 100%;
          padding-right: 0;
      }
      .mobile-filter {display: none;margin-bottom: 20px;position: fixed;top: 0;width: 100%;left: 0;z-index: 9999;height: 100vh;background: #fff;}
      .filter-con h4 {padding-bottom: 15px; position: relative; cursor: pointer;}
      .filter-con h4 i {position: absolute; right: 15px; top: 14px;}
      .filterbuttons {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        background: #eeeeee;
        padding: 15px;
    }
    .close-filter {padding:15px; border-bottom: 1px solid #ccc; display: flex;}
    .close-filter h3 {font-size: 20px;}
    .filterbuttons {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cart-products {margin-right: 0px;}
    .cart-prize {width: 100%; margin-top: 20px;}
    .trainer-list-container h4, .trainer-list-container h6 {text-align: center;}
}
.datepicker {padding: 10px;}
.datepicker td, .datepicker th {font-size: 14px; width: 30px; height: 30px;}
.offrebox {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    padding: 15px;
}
.offrebox i {margin-right: 15px;}
.offrebox i img {max-width: 50px;}
.offrebox p {font-size: 13px; margin-bottom: 0px;}
.FAQ-con {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 27%);
}
.FAQ-con .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: transparent;
    box-shadow: none;
    
}
.FAQ-con .accordion-button {
    padding-left: 0px;
    padding-right: 0px;
    text-transform: uppercase;
}
.FAQ-con .accordion-item {
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ccc;
}
.FAQ-con .accordion-body {padding-left: 0px; padding-right: 0px;}
.ab-container{
    padding: 50px 0px;
}

.ab-banner {
    margin-top: -16px;
    background: #0d273c url(../images/aboutus/abbg.jpg) no-repeat;
    padding: 60px 0;
    text-align: center;
    background-size: 100%;
    background-position: center;
}
.ab-banner h1 {color: #fff;}
.ab-banner h1 span {font-size: 20px; display: block;}
.ab-banner nav li a {color: #fff;}
.ab-banner nav li {color: #fff;}

.related-products {box-shadow: 0 0 10px rgb(0 0 0 / 13%);}
.owl-dots {text-align: center;}

.owl-dot span {
    width: 10px;
    height: 10px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
    margin: 0 3px;
}
.owl-dot.active span {background: #3f51b5;}

/****************New*****************/

.lighttxt {
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    color: #3f51b5;
}
.ab-container .font-md p {
    font-size: 20px;
    line-height: 1.4;
}

.liststyle li::marker {color: #3f51b5;}

.ab-container .container {
    max-width: 860px;
}

.ab-container h2 {text-transform: uppercase;color: #3f51b5; margin-bottom: 25px;}

section.aboutus-container {
    background: #fff;
}
.our-services-cat {
    background:url(../images/aboutus/ab7.png) no-repeat right bottom;
    background-size: 30%;
}
.FAQ-con {max-width: 860px;}
.callus {margin-bottom: 0px; margin-top: 20px; font-size: 20px;font-weight: 700;}
.emailus {font-size: 20px; font-weight: 700;}
.callus i, .emailus i {color:#3f51b5 ;}
p.weburl a {
    display: inline-block;
    background: #3f51b5;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 700;
    color: #fff; 
    margin-top: 10px;
}
.workwithus .btn-primary {font-size: 20px; margin-top: 20px;}
.cartimg {
    margin-top: 40px;
}
.workwithus h4 {
    margin-top: 30px;
    font-weight: 300;
    color: #3f51b5;
}
.cartimg img {max-width: 40%; width: 100%;}
.FAQ-con .accordion-item:last-child {
    border-bottom: 0;
}

@media (max-width:767px) {
    .ab-banner {padding: 20px 0;}
    .ab-container {padding: 0px 10px;}
    .lighttxt {font-size: 24px;}
}