/* @File: Raque Template Styles This file contains the styling for the actual template, this is the file you need to edit to change the look of the template. This files table contents are outlined below>>>>> - Default CSS - Preloader CSS - Header CSS - Search Overlay CSS - Main Banner CSS - Boxes CSS - About CSS - Story CSS - Values CSS - Courses Categories CSS - Partner CSS - Offer CSS - Become Instructor & Partner CSS - Funfacts CSS - Features CSS - Courses CSS - Courses Details CSS - Team CSS - Team Details CSS - Mission CSS - Testimonials CSS - Gallery CSS - Students Feedback Form CSS - Blog CSS - Blog Details CSS - How It Works CSS - Pricing CSS - Page Title CSS - Events CSS - Events Details CSS - Count Down CSS - Shop CSS - Product Details CSS - Cart CSS - Checkout CSS - Pagination CSS - Widget Sidebar CSS - Login CSS - Register CSS - FAQ CSS - Coming Soon CSS - Error 404 CSS - Contact CSS - Footer CSS */
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.btn-primary, .btn-apply, .btn-save, .btn-select, .btn-send, .btn-setup, .btn-update { background-color: #b22222 !important; border: none; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-apply:hover, .btn-apply:focus, .btn-apply:active, .btn-save:hover, .btn-save:focus, .btn-save:active, .btn-select:hover, .btn-select:focus, .btn-select:active, .btn-send:hover, .btn-send:focus, .btn-send:active, .btn-setup:hover, .btn-setup:focus, .btn-setup:active, .btn-update:hover, .btn-update:focus, .btn-update:active { background-color: #b22222 !important; }

/*================================================*/
.bg-color { background-color: #b22222; }

.bg-color p, .bg-color h2, .bg-color .h2, .bg-color ul, .bg-color li, .bg-color a, .bg-color span, .bg-color .h3, .bg-color .h4, .bg-color .h5, .bg-color .h6 { color: #ffffff; }

.black-logo, .white-logo, .logo { max-width: 120px; padding: 10px; }

h3, .h3 { line-height: 1.5; }

.navbar-brand img { max-width: 130px; padding: 10px; }

/*================================================*/
body { background-color: #ffffff; padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-size: 15px; }

a { text-decoration: none; transition: 0.5s; color: #252525; }

a:hover, a:focus { color: #b22222; text-decoration: none; }

input, button, a { outline: 0 !important; }

p { margin-bottom: 15px; line-height: 1.7; color: #b22222; font-family: "Open Sans", sans-serif; font-size: 15px; }

p:last-child { margin-bottom: 0; }

.d-table { width: 100%; height: 100%; }

.d-table-cell { vertical-align: middle; }

img { max-width: 100%; height: auto; }

.ptb-100 { padding-top: 100px; padding-bottom: 100px; }

.pt-100 { padding-top: 100px; }

.pb-100 { padding-bottom: 100px; }

.ptb-70 { padding-top: 70px; padding-bottom: 70px; }

.pt-70 { padding-top: 70px; }

.pb-70 { padding-bottom: 70px; }

.mb-30 { margin-bottom: 30px; }

.mt-30 { margin-top: 30px; }

.playfair-display { font-family: "Playfair Display", serif; }

.bg-f5faf8 { background-color: #f5faf8; }

.bg-f8fafb { background-color: #f8fafb; }

.bg-f9f9f9 { background-color: #f9f9f9; }

.bg-e4feff { background-color: #e4feff; }

.bg-f8e8e9 { background-color: #f8e8e9; }

.bg-F7F9FB { background-color: #F7F9FB; }

.bg-e6fbff { background-color: #e6fbff; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #252525; font-family: "Poppins", sans-serif; }

.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; }

/*default-btn*/
.default-btn { transition: 0.5s; display: inline-block; padding: 13px 25px 12px 55px; position: relative; background-color: #b22222; color: #ffffff; border-width: 2px; border-style: solid; border-color: #b22222; border-radius: 1px; font-size: 14.5px; font-weight: 700; }

.default-btn .label, .default-btn .icon-arrow { backface-visibility: hidden; transform: translateZ(0); perspective: 1000; }

.default-btn .label { display: inline-block; transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); }

.default-btn .icon-arrow { color: #ffffff; top: 11px; transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1); font-size: 25px; }

.default-btn .icon-arrow.before { left: 20px; position: absolute; transform-origin: left center; }

.default-btn .icon-arrow.after { opacity: 0; position: absolute; right: 20px; transform: translateX(75%) scaleX(0.1); transform-origin: right center; }

.default-btn:hover, .default-btn:focus { background-color: #b22222; color: #ffffff; border-color: #b22222; }

.default-btn:hover .label, .default-btn:focus .label { transform: translateX(-32px); }

.default-btn:hover .icon-arrow.before, .default-btn:focus .icon-arrow.before { opacity: 0; transform: translateX(-75%) scaleX(0.1); }

.default-btn:hover .icon-arrow.after, .default-btn:focus .icon-arrow.after { opacity: 1; transform: translateX(0) scaleX(1); }

/*section-title*/
.section-title { text-align: center; position: relative; margin-top: -5px; margin-bottom: 60px; }

.section-title .sub-title { text-transform: uppercase; display: block; color: #b22222; font-weight: 500; margin-bottom: 10px; }

.section-title h2 { margin-bottom: 12px; font-size: 30px; font-weight: 700; }

.section-title p { max-width: 620px; line-height: 1.8; margin-left: auto; margin-right: auto; }

.section-title .default-btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; }

.section-title.text-left { text-align: left; }

.section-title.text-left h2 { max-width: 620px; margin-bottom: 0; }

.section-title.text-left p { margin-bottom: 0; margin-left: 0; margin-top: 15px; margin-right: 0; }

/*form-control*/
.form-control { height: 48px; padding: 0 0 0 12px; line-height: initial; color: #252525; background-color: #ffffff; border: 1px solid #e6e9fc; border-radius: 3px; transition: 0.5s; font-size: 15px; font-weight: 400; }

.form-control::placeholder { color: #c4c5d0; }

.form-control:focus { box-shadow: unset; border-color: #d7d9eb; }

textarea.form-control { height: auto !important; padding-top: 12px; }

/*================================================
Preloader CSS
=================================================*/
.preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; text-align: center; transition: .9s; }

.preloader .loader { position: absolute; top: 43%; left: 0; right: 0; transform: translateY(-43%); text-align: center; margin: 0 auto; width: 50px; height: 50px; transition: 0.5s; }

.preloader .box { width: 100%; height: 100%; background: #ffffff; animation: animate .5s linear infinite; position: absolute; top: 0; left: 0; }

.preloader .shadow { width: 100%; height: 5px; background: #000000; opacity: 0.1; position: absolute; top: 59px; left: 0; border-radius: 50%; animation: shadow .5s linear infinite; }

.preloader::before, .preloader::after { content: ''; position: absolute; left: 0; top: 0; width: 60%; height: 100%; z-index: -1; background: #b22222; transition: .9s; }

.preloader::after { left: auto; right: 0; }

.preloader.preloader-deactivate { visibility: hidden; }

.preloader.preloader-deactivate::after, .preloader.preloader-deactivate::before { width: 0; }

.preloader.preloader-deactivate .loader { opacity: 0; visibility: hidden; }

@keyframes loader { 0% { left: -100px; }
  100% { left: 110%; } }

@keyframes animate { 17% { border-bottom-right-radius: 3px; }
  25% { transform: translateY(9px) rotate(22.5deg); }
  50% { transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px; }
  75% { transform: translateY(9px) rotate(67.5deg); }
  100% { transform: translateY(0) rotate(90deg); } }

@keyframes shadow { 50% { transform: scale(1.2, 1); } }

/*================================================
Header CSS
=================================================*/
.header-area { position: absolute; left: 0; right: 0; top: 0; height: auto; width: 100%; z-index: 999; }

.header-area.p-relative { position: relative; }

.top-header { background-color: #b22222; padding-top: 15px; padding-bottom: 25px; }

.top-header-contact-info { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.top-header-contact-info li { display: inline-block; color: #ffffff; margin-right: 20px; position: relative; padding-left: 38px; font-size: 13px; }

.top-header-contact-info li i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 30px; }

.top-header-contact-info li span { display: block; margin-bottom: 2px; }

.top-header-contact-info li a { display: inline-block; color: #ffffff; font-size: 15px; font-weight: 700; }

.top-header-contact-info li a:hover, .top-header-contact-info li a:focus { opacity: .95; }

.top-header-contact-info li:last-child { margin-right: 0; }

.top-header-btn { text-align: right; }

.top-header-btn .default-btn { background-color: #ffffff; color: #b22222; border-color: #ffffff; }

.top-header-btn .default-btn .icon-arrow { color: #b22222; transition: 0.5s; }

.top-header-btn .default-btn:hover, .top-header-btn .default-btn:focus { background-color: #252525; color: #ffffff; border-color: #252525; }

.top-header-btn .default-btn:hover .icon-arrow, .top-header-btn .default-btn:focus .icon-arrow { color: #ffffff; }

.top-header-style-two { background-color: #ffffff; padding-top: 15px; padding-bottom: 15px; }

.top-header-style-two .top-header-contact-info { text-align: right; }

.top-header-style-two .top-header-contact-info li { color: #b22222; text-align: left; }

.top-header-style-two .top-header-contact-info li i { color: #b22222; }

.top-header-style-two .top-header-contact-info li a { color: #252525; }

.top-header-style-two .top-header-contact-info li a:hover, .top-header-style-two .top-header-contact-info li a:focus { color: #b22222; opacity: 1; }

.top-header-style-three { background-color: #1D1D1D; padding-top: 0; padding-bottom: 0; }

.top-header-style-three .top-header-contact-info { display: inline-block; padding-top: 10px; padding-bottom: 10px; }

.top-header-style-three .top-header-contact-info li { padding-left: 0; font-size: 14px; color: #cccccc; }

.top-header-style-three .top-header-contact-info li a { font-size: 14px; color: #cccccc; font-weight: 500; }

.top-header-style-three .top-header-contact-info li a:hover, .top-header-style-three .top-header-contact-info li a:focus { color: #b22222; }

.top-header-login-register { text-align: right; padding-left: 0; margin-bottom: 0; list-style-type: none; }

.top-header-login-register li { display: inline-block; color: #cccccc; margin-right: 20px; }

.top-header-login-register li a { display: inline-block; color: #cccccc; position: relative; padding-left: 20px; }

.top-header-login-register li a i { position: absolute; left: 0; top: 3px; }

.top-header-login-register li a:hover, .top-header-login-register li a:focus { color: #b22222; }

.top-header-login-register li:last-child { margin-right: 0; }

.top-header-social { display: inline-block; margin-left: 20px; border-left: 1px solid #4a4646; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; }

.top-header-social span { display: inline-block; color: #cccccc; margin-right: 5px; }

.top-header-social a { display: inline-block; color: #cccccc; position: relative; top: 2px; font-size: 17px; margin-right: 2px; }

.top-header-social a:hover, .top-header-social a:focus { color: #b22222; }

.top-header-style-four { background-color: #b22222; padding-top: 0; padding-bottom: 0; }

.top-header-style-four .top-header-contact-info { display: inline-block; padding-top: 10px; padding-bottom: 10px; }

.top-header-style-four .top-header-contact-info li { padding-left: 0; font-size: 14px; color: #ffffff; }

.top-header-style-four .top-header-contact-info li a { font-size: 14px; color: #ffffff; font-weight: 500; }

.top-header-style-four .top-header-social { border-left: 1px solid rgba(255, 255, 255, 0.6); }

.top-header-style-four .top-header-social span { color: #ffffff; }

.top-header-style-four .top-header-social a { color: #ffffff; }

.top-header-style-four .top-header-login-register li { color: #ffffff; }

.top-header-style-four .top-header-login-register li a { color: #ffffff; }

.raque-responsive-nav { display: none; }

.raque-nav { margin-top: -10px; }

.raque-nav .navbar { background-color: #ffffff; padding: 0 20px; border-radius: 3px; }

.raque-nav .navbar .navbar-brand { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }

.raque-nav .navbar ul { padding-left: 0; list-style-type: none; margin-bottom: 0; }

.raque-nav .navbar .navbar-nav { margin-left: auto; margin-right: auto; }

.raque-nav .navbar .navbar-nav .nav-item { position: relative; padding: 0; }

.raque-nav .navbar .navbar-nav .nav-item a { color: #252525; transition: 0.5s; font-size: 16.5px; font-weight: 500; padding-left: 0; padding-right: 0; padding-top: 30px; padding-bottom: 30px; margin-left: 13px; margin-right: 13px; }

.raque-nav .navbar .navbar-nav .nav-item a:hover, .raque-nav .navbar .navbar-nav .nav-item a:focus, .raque-nav .navbar .navbar-nav .nav-item a.active { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item a i { font-size: 17px; position: relative; top: 2px; display: inline-block; margin-left: -3px; margin-right: -3px; }

.raque-nav .navbar .navbar-nav .nav-item:last-child a { margin-right: 0; }

.raque-nav .navbar .navbar-nav .nav-item:first-child a { margin-left: 0; }

.raque-nav .navbar .navbar-nav .nav-item:hover a, .raque-nav .navbar .navbar-nav .nav-item.active a { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background: #ffffff; position: absolute; border: none; top: 82px; left: 0; width: 250px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; transition: all 0.2s ease-in-out; border-top: 2px solid #b22222; padding: 0; transform: scaleX(0); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li { padding: 0; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { padding: 13px 20px 11px; margin: 0; position: relative; display: block; color: #4a6f8a; border-bottom: 1px dashed #e5e5e5; transition: 0.5s; font-size: 15px; font-weight: 500; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i { margin: 0; position: absolute; top: 50%; font-size: 20px; transform: translateY(-50%); right: 10px; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a { border-bottom: none; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #ffffff; background-color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #b22222; }

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); }

.raque-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleX(1); }

.raque-nav .navbar .others-option .language-switcher { position: relative; top: -1px; }

.raque-nav .navbar .others-option .language-switcher .dropdown-toggle { padding: 0; border: none; background-color: transparent; font-weight: 500; }

.raque-nav .navbar .others-option .language-switcher .dropdown-toggle::after { display: none; }

.raque-nav .navbar .others-option .language-switcher .dropdown-toggle img { width: 35px; border-radius: 5px; border: 3px solid #ffffff; position: relative; top: -2px; }

.raque-nav .navbar .others-option .language-switcher .dropdown-toggle span { display: inline-block; margin-left: 3px; }

.raque-nav .navbar .others-option .language-switcher .dropdown-toggle span i { position: relative; font-size: 20px; top: 4px; margin-left: -3px; }

.raque-nav .navbar .others-option .language-switcher .dropdown-menu { padding: 15px; float: unset; border: none; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 0; display: block; margin-top: 27px; opacity: 0; visibility: visible; transition: 0.5s; transform: scaleX(0); }

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item { padding: 0; color: #252525; margin-bottom: 10px; font-weight: 500; }

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item:last-child { margin-bottom: 0; }

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item img { width: 40px; border-radius: 5px; border: 3px solid #ffffff; }

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item span { display: inline-block; margin-left: 5px; }

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item:hover, .raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item:focus { background-color: transparent !important; }

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item:active, .raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item.active { color: #252525; background-color: transparent; }

.raque-nav .navbar .others-option .language-switcher .dropdown-menu.show { opacity: 1; visibility: visible; transform: scaleX(1); }

.raque-nav .navbar .others-option .cart-wrapper-btn { margin-left: 8px; font-size: 25px; line-height: 1; position: relative; top: 5px; }

.raque-nav .navbar .others-option .cart-wrapper-btn i { line-height: 1; }

.raque-nav .navbar .others-option .cart-wrapper-btn span { position: absolute; right: -5px; top: -5px; width: 15px; height: 15px; background-color: red; color: #ffffff; line-height: 16.5px; text-align: center; border-radius: 3px; font-weight: 500; font-size: 10px; }

.raque-nav .navbar .others-option .search-box { margin-left: 16px; cursor: pointer; font-size: 25px; color: #252525; transition: 0.5s; line-height: 1; position: relative; top: 4px; }

.raque-nav .navbar .others-option .search-box i { line-height: 1; }

.raque-nav .navbar .others-option .search-box:hover { color: #b22222; }

.navbar-area.header-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); background: #ffffff !important; opacity: 0; visibility: hidden; transition: 0.5s; }

.navbar-area.header-sticky .raque-nav { margin-top: 0; }

.navbar-area.header-sticky .raque-nav .navbar { box-shadow: unset; padding: 0; }

.navbar-area.header-sticky.is-sticky { opacity: 1; visibility: visible; }

.navbar-area.header-sticky.scrollUp { transform: translateY(-85px); opacity: 0; visibility: hidden; }

.navbar-style-two { background-color: transparent; }

.navbar-style-two .raque-nav { margin-top: 0; background-color: transparent; border-bottom-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; }

.navbar-style-two .raque-nav .navbar { border-radius: 0; padding: 0; background-color: transparent; }

.navbar-style-two .raque-nav .navbar .navbar-nav { margin-left: 0; margin-right: 0; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item a { color: #ffffff; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item a:hover, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item a:focus, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item a.active { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item:hover a, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item.active a { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu { left: 0; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 250px; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #ffffff; background-color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two .raque-nav .navbar .others-option { margin-left: auto; }

.navbar-style-two .raque-nav .navbar .others-option .language-switcher .dropdown-toggle span { color: #ffffff; }

.navbar-style-two .raque-nav .navbar .others-option .cart-wrapper-btn { color: #ffffff; }

.navbar-style-two .raque-nav .navbar .others-option .cart-wrapper-btn:hover, .navbar-style-two .raque-nav .navbar .others-option .cart-wrapper-btn:focus { color: #b22222; }

.navbar-style-two .raque-nav .navbar .others-option .search-box { color: #ffffff; }

.navbar-style-two .raque-nav .navbar .others-option .search-box:hover { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav { border: none; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item a { color: #252525; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item a:hover, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item a:focus, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item a.active { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item:hover a, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item.active a { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { color: #4a6f8a; border-bottom: 1px dashed #e5e5e5; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #ffffff; background-color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .others-option .language-switcher .dropdown-toggle span { color: #252525; }

.navbar-style-two.is-sticky .raque-nav .navbar .others-option .cart-wrapper-btn { color: #252525; }

.navbar-style-two.is-sticky .raque-nav .navbar .others-option .cart-wrapper-btn:hover, .navbar-style-two.is-sticky .raque-nav .navbar .others-option .cart-wrapper-btn:focus { color: #b22222; }

.navbar-style-two.is-sticky .raque-nav .navbar .others-option .search-box { color: #252525; }

.navbar-style-two.is-sticky .raque-nav .navbar .others-option .search-box:hover { color: #b22222; }

.navbar-style-three .raque-nav { margin-top: 0; background-color: #ffffff; }

.navbar-style-three .raque-nav .navbar { border-radius: 0; padding: 0; }

.navbar-style-three .raque-nav .navbar .navbar-nav { margin-left: auto; margin-right: 0; }

.navbar-style-three .raque-nav .navbar .others-option { margin-left: 25px; }

.navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav { margin-left: auto; margin-right: 0; }

.navbar-style-three.header-sticky .raque-nav .navbar .others-option { margin-left: 25px; }

.navbar-style-four .raque-nav { margin-top: 0; background-color: #ffffff; }

.navbar-style-four .raque-nav .navbar { border-radius: 0; padding: 0; }

@media only screen and (max-width: 991px) { .raque-responsive-nav { display: block; }
  .raque-responsive-nav .raque-responsive-menu { position: relative; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav { margin-top: 130px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul { font-size: 14px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li a.active { color: #b22222; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li li a { font-size: 14px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option { display: none; position: absolute; right: 50px; top: 4px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher { position: relative; top: -1px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle { padding: 0; border: none; background-color: transparent; font-weight: 500; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle::after { display: none; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle img { width: 35px; border-radius: 5px; border: 3px solid #ffffff; position: relative; top: -2px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle span { display: inline-block; margin-left: 3px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle span i { position: relative; font-size: 20px; top: 4px; margin-left: -3px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu { padding: 15px; float: unset; border: none; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 0; display: block; margin-top: 17px; opacity: 0; visibility: visible; transition: 0.5s; transform: scaleX(0); }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item { padding: 0; color: #252525; margin-bottom: 10px; font-weight: 500; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item:last-child { margin-bottom: 0; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item img { width: 40px; border-radius: 5px; border: 3px solid #ffffff; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item span { display: inline-block; margin-left: 5px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item:hover, .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item:focus { background-color: transparent !important; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item:active, .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item.active { color: #252525; background-color: transparent; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu.show { opacity: 1; visibility: visible; transform: scaleX(1); }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .cart-wrapper-btn { margin-left: 8px; font-size: 25px; line-height: 1; position: relative; top: 5px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .cart-wrapper-btn i { line-height: 1; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .cart-wrapper-btn span { position: absolute; right: -5px; top: -5px; width: 15px; height: 15px; background-color: red; color: #ffffff; line-height: 16.5px; text-align: center; border-radius: 3px; font-weight: 500; font-size: 10px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .search-box { margin-left: 16px; cursor: pointer; font-size: 25px; color: #252525; transition: 0.5s; line-height: 1; position: relative; top: 4px; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .search-box i { line-height: 1; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .search-box:hover { color: #b22222; }
  .raque-responsive-nav .raque-responsive-menu.mean-container .navbar-nav { overflow-y: scroll; height: 294px; box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); }
  .raque-responsive-nav .mean-container a.meanmenu-reveal { color: #252525; }
  .raque-responsive-nav .mean-container a.meanmenu-reveal span { background: #252525; position: relative; top: 8px; margin-top: -5.8px; border-radius: 5px; }
  .raque-responsive-nav .logo { position: relative; width: 50%; z-index: 999; }
  .navbar-area { background-color: #ffffff; padding-top: 15px; padding-bottom: 15px; }
  .navbar-area.header-sticky.is-sticky { display: none !important; }
  .navbar-area.navbar-style-two .raque-responsive-nav .raque-responsive-menu.mean-container .navbar-nav { height: 357px; }
  .raque-nav { display: none; } }

/*================================================
Search Overlay CSS
=================================================*/
.search-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; overflow: hidden; }

.search-overlay .search-overlay-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; transform: translateX(100%); }

.search-overlay .search-overlay-layer:nth-child(1) { left: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.3s ease-in-out 0s; }

.search-overlay .search-overlay-layer:nth-child(2) { left: 0; background-color: rgba(0, 0, 0, 0.4); transition: all 0.3s ease-in-out 0.3s; }

.search-overlay .search-overlay-layer:nth-child(3) { left: 0; background-color: rgba(0, 0, 0, 0.7); transition: all 0.9s ease-in-out 0.6s; }

.search-overlay .search-overlay-close { position: absolute; top: 40px; right: 40px; width: 50px; z-index: 2; text-align: center; cursor: pointer; padding: 10px; transition: all 0.9s ease-in-out 1.5s; opacity: 0; visibility: hidden; }

.search-overlay .search-overlay-close .search-overlay-close-line { width: 100%; height: 3px; float: left; margin-bottom: 5px; background-color: #ffffff; transition: all 500ms ease; }

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) { transform: rotate(45deg); }

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) { margin-top: -7px; transform: rotate(-45deg); }

.search-overlay .search-overlay-close:hover .search-overlay-close-line { background: #b22222; transform: rotate(180deg); }

.search-overlay .search-overlay-form { transition: all 0.9s ease-in-out 1.4s; opacity: 0; visibility: hidden; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); z-index: 2; max-width: 500px; width: 500px; }

.search-overlay .search-overlay-form form { position: relative; }

.search-overlay .search-overlay-form form .input-search { display: block; width: 100%; height: 55px; border: none; border-radius: 30px; padding-left: 20px; color: #252525; font-size: 15px; }

.search-overlay .search-overlay-form form button { position: absolute; right: 5px; top: 5px; width: 45px; color: #ffffff; height: 45px; border-radius: 50%; background-color: #b22222; transition: 0.5s; border: none; font-size: 20px; line-height: 45px; }

.search-overlay .search-overlay-form form button:hover { background-color: #252525; color: #ffffff; }

.search-overlay.search-overlay-active.search-overlay { opacity: 1; visibility: visible; }

.search-overlay.search-overlay-active.search-overlay .search-overlay-layer { transform: translateX(0); }

.search-overlay.search-overlay-active.search-overlay .search-overlay-close { opacity: 1; visibility: visible; }

.search-overlay.search-overlay-active.search-overlay .search-overlay-form { opacity: 1; visibility: visible; }

/*================================================
Main Banner CSS
=================================================*/
.main-banner { height: 950px; position: relative; z-index: 1; background-color: #b22222; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.main-banner.item-bg1 { background-image: url(../../assets/img/main-banner5.jpg); }

.main-banner.item-bg2 { background-image: url(../../assets/img/main-banner4.jpg); }

.main-banner.item-bg3 { background-image: url(../../assets/img/main-banner3.jpg); }

.main-banner-content { overflow: hidden; max-width: 750px; margin-top: 150px; }

.main-banner-content .sub-title { display: block; color: #ffffff; margin-bottom: 17px; text-transform: uppercase; position: relative; padding-left: 10px; font-size: 14px; font-weight: 700; }

.main-banner-content .sub-title::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background-color: #b22222; }

.main-banner-content h1 { color: #ffffff; margin-bottom: 20px; animation-delay: 1s !important; font-size: 58px; font-weight: 700; }

.main-banner-content p { animation-delay: 1.7s !important; color: #ffffff; max-width: 650px; line-height: 1.9; font-size: 16px; }

.main-banner-content .btn-box { margin-top: 35px; }

.main-banner-content .btn-box .default-btn { animation-delay: 2.2s !important; }

.main-banner-content .btn-box .optional-btn { animation-delay: 2.9s !important; display: inline-block; color: #ffffff; position: relative; margin-left: 20px; font-size: 15px; font-weight: 600; }

.main-banner-content .btn-box .optional-btn::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #ffffff; transition: 0.5s; }

.main-banner-content .btn-box .optional-btn::after { content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 2px; background-color: #b22222; transition: 0.5s; }

.main-banner-content .btn-box .optional-btn:hover, .main-banner-content .btn-box .optional-btn:focus { color: #ffffff; }

.main-banner-content .btn-box .optional-btn:hover::before, .main-banner-content .btn-box .optional-btn:focus::before { width: 0; }

.main-banner-content .btn-box .optional-btn:hover::after, .main-banner-content .btn-box .optional-btn:focus::after { width: 100%; right: auto; left: 0; }

.main-banner-content.text-center { margin-left: auto; margin-right: auto; }

.main-banner-content.text-center .sub-title { padding-left: 0; }

.main-banner-content.text-center .sub-title::before { display: none; }

.main-banner-content.text-center p { margin-left: auto; margin-right: auto; }

.main-banner-content.text-center .btn-box .default-btn { margin-right: 10px; }

.main-banner-content.text-center .btn-box .optional-btn { margin-left: 10px; }

.banner-section { height: 950px; position: relative; z-index: 1; background-color: #b22222; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(../../assets/img/main-banner4.jpg); }

.banner-content { max-width: 750px; margin-top: 30px; position: relative; z-index: 1; }

.banner-content .sub-title { display: block; color: #ffffff; margin-bottom: 20px; text-transform: uppercase; position: relative; padding-left: 10px; font-size: 14px; font-weight: 700; }

.banner-content .sub-title::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background-color: #b22222; }

.banner-content h1 { color: #ffffff; margin-bottom: 18px; font-size: 58px; font-weight: 700; }

.banner-content p { color: #ffffff; max-width: 650px; line-height: 1.9; font-size: 16px; font-weight: 600; }

.banner-content .btn-box { margin-top: 35px; }

.banner-content .btn-box .default-btn { margin-right: 25px; }

.banner-content .btn-box .video-btn { color: #ffffff; font-weight: 500; display: inline-block; position: relative; font-size: 15px; padding-left: 46px; top: 2px; }

.banner-content .btn-box .video-btn span { position: absolute; left: 0; top: -10px; font-size: 40px; z-index: 1; line-height: 1; transition: 0.5s; }

.banner-content .btn-box .video-btn span::after, .banner-content .btn-box .video-btn span::before { content: ''; display: block; position: absolute; top: 0; z-index: -1; width: 40px; height: 40px; left: 0; transition: 0.5s; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.6); }

.banner-content .btn-box .video-btn span::before { animation: ripple 2s linear infinite; }

.banner-content .btn-box .video-btn span::after { animation: ripple 2s linear 1s infinite; }

.banner-content::before { content: ''; position: absolute; top: -90px; width: 100%; max-width: 380px; text-align: center; height: 500px; left: 18%; margin-left: -190px; z-index: -1; border: 18px solid rgba(104, 89, 222, 0.1); box-sizing: border-box; box-shadow: 0 60px 40px -40px rgba(0, 0, 0, 0.09); }

.divider { width: 100%; position: absolute; height: 6vw; bottom: 0; left: 0; z-index: -1; pointer-events: none; -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e"); -webkit-mask-size: 100% 101%; mask-size: 100% 101%; background: #ffffff; }

.home-slides.owl-theme .owl-nav { margin-top: 0; opacity: 0; visibility: visible; transition: 0.5s; }

.home-slides.owl-theme .owl-nav [class*=owl-] { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: #252525; font-size: 35px; margin: 0; padding: 0; background: rgba(255, 255, 255, 0.7); border-radius: 0; width: 55px; height: 55px; transition: 0.5s; }

.home-slides.owl-theme .owl-nav [class*=owl-] i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }

.home-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 20px; }

.home-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #b22222; color: #ffffff; }

.home-slides.owl-theme .owl-dots { position: absolute; left: 0; right: 0; bottom: 15px; }

.home-slides.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; margin: 0 5px; background: #ffffff; transition: 0.5s; border-radius: 50%; transform: scale(0.9); }

.home-slides.owl-theme .owl-dots .owl-dot:hover span, .home-slides.owl-theme .owl-dots .owl-dot.active span { background-color: #b22222; }

.home-slides.owl-theme .owl-dots .owl-dot.active span { transform: scale(1.2); }

.home-slides.owl-theme:hover .owl-nav { opacity: 1; visibility: visible; }

.hero-banner { height: 800px; position: relative; z-index: 1; background-color: #b22222; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../../assets/img/main-banner3.jpg); }

.hero-banner.bg-white { height: auto; padding-top: 50px; padding-bottom: 0; background-color: #ffffff; background-image: unset !important; }

.hero-banner.hero-banner-video { position: relative; z-index: 1; overflow: hidden; background-image: none; }

.hero-banner.hero-banner-video::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.65; z-index: -1; }

.hero-banner.hero-banner-video video { position: absolute; left: 0; top: 0; width: auto; height: auto; min-height: 100%; min-width: 100%; z-index: -2; }

.hero-banner.hero-banner-video .hero-banner-content { position: relative; overflow: hidden; z-index: 3; }

.hero-banner-content { overflow: hidden; max-width: 620px; margin-left: auto; }

.hero-banner-content .sub-title { display: block; color: #ffffff; margin-bottom: 17px; text-transform: uppercase; position: relative; padding-left: 10px; font-size: 14px; font-weight: 700; }

.hero-banner-content .sub-title::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background-color: #b22222; }

.hero-banner-content h1 { color: #ffffff; margin-bottom: 20px; animation-delay: 1s !important; font-size: 58px; font-weight: 700; }

.hero-banner-content p { animation-delay: 1.7s !important; color: #ffffff; line-height: 1.9; font-size: 16px; }

.hero-banner-content .btn-box { margin-top: 35px; }

.hero-banner-content .btn-box .default-btn { animation-delay: 2.2s !important; }

.hero-banner-content .btn-box .optional-btn { animation-delay: 2.9s !important; display: inline-block; color: #ffffff; position: relative; margin-left: 20px; font-size: 15px; font-weight: 600; }

.hero-banner-content .btn-box .optional-btn::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #ffffff; transition: 0.5s; }

.hero-banner-content .btn-box .optional-btn::after { content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 2px; background-color: #b22222; transition: 0.5s; }

.hero-banner-content .btn-box .optional-btn:hover, .hero-banner-content .btn-box .optional-btn:focus { color: #ffffff; }

.hero-banner-content .btn-box .optional-btn:hover::before, .hero-banner-content .btn-box .optional-btn:focus::before { width: 0; }

.hero-banner-content .btn-box .optional-btn:hover::after, .hero-banner-content .btn-box .optional-btn:focus::after { width: 100%; right: auto; left: 0; }

.hero-banner-content.black-color .sub-title { color: #252525; }

.hero-banner-content.black-color h1 { color: #252525; }

.hero-banner-content.black-color p { color: #b22222; }

.hero-banner-content.black-color .btn-box .optional-btn { color: #252525; }

.hero-banner-content.black-color .btn-box .optional-btn::before { background-color: #252525; }

.hero-banner-content.black-color .btn-box .optional-btn::after { background-color: #b22222; }

.hero-banner-content.black-color .btn-box .optional-btn:hover, .hero-banner-content.black-color .btn-box .optional-btn:focus { color: #252525; }

.hero-banner-image { position: relative; padding-left: 15px; }

.hero-banner-image img { animation: border-transform 10s linear infinite alternate forwards; }

.main-banner-wrapper { background-color: #ffffff; position: relative; z-index: 1; padding-top: 100px; }

.banner-wrapper-content { text-align: center; max-width: 650px; margin-left: auto; margin-right: auto; }

.banner-wrapper-content h1 { margin-bottom: 20px; font-size: 40px; font-weight: 600; }

.banner-wrapper-content p { font-size: 16px; max-width: 600px; line-height: 1.8; margin-left: auto; margin-right: auto; margin-bottom: 0; }

.banner-wrapper-content form { position: relative; margin-top: 30px; }

.banner-wrapper-content form .input-search { display: block; width: 100%; background-color: #ffffff; border: none; height: 60px; padding-left: 20px; border-radius: 70px; outline: 0; color: #252525; box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important; }

.banner-wrapper-content form .input-search::placeholder { transition: 0.5s; color: #b22222; }

.banner-wrapper-content form .input-search:focus::placeholder { color: transparent; }

.banner-wrapper-content form button { position: absolute; right: 5px; top: 5px; background-color: #b22222; color: #ffffff; border: none; height: 50px; padding: 0 30px; border-radius: 70px; transition: 0.5s; text-transform: uppercase; font-size: 15px; font-weight: 600; }

.banner-wrapper-content form button:hover, .banner-wrapper-content form button:focus { background-color: #b22222; color: #ffffff; }

.banner-wrapper-image { margin-top: 50px; text-align: center; }

.banner-wrapper { background-color: #252525; background: linear-gradient(90deg, #232022 0, #0093c8); position: relative; z-index: 1; padding-top: 300px; padding-bottom: 150px; }

.wrapper-content { padding-right: 15px; }

.wrapper-content .sub-title { display: block; color: #ffffff; margin-bottom: 17px; text-transform: uppercase; position: relative; padding-left: 10px; font-size: 14px; font-weight: 700; }

.wrapper-content .sub-title::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background-color: #b22222; }

.wrapper-content h1 { color: #ffffff; margin-bottom: 20px; font-size: 58px; font-weight: 700; }

.wrapper-content p { color: #ffffff; line-height: 1.9; }

.wrapper-content form { position: relative; margin-top: 30px; margin-right: 50px; }

.wrapper-content form .input-search { display: block; width: 100%; background-color: #ffffff; border: none; height: 60px; padding-left: 20px; border-radius: 70px; outline: 0; color: #252525; box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important; }

.wrapper-content form .input-search::placeholder { transition: 0.5s; color: #b22222; }

.wrapper-content form .input-search:focus::placeholder { color: transparent; }

.wrapper-content form button { position: absolute; right: 5px; top: 5px; background-color: #b22222; color: #ffffff; border: none; height: 50px; padding: 0 30px; border-radius: 70px; transition: 0.5s; text-transform: uppercase; font-size: 15px; font-weight: 600; }

.wrapper-content form button:hover, .wrapper-content form button:focus { background-color: #b22222; color: #ffffff; }

.banner-courses-category { text-align: center; padding-left: 15px; }

.banner-courses-category ul { padding-left: 0; list-style-type: none; display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; margin-bottom: -16px; }

.banner-courses-category ul li { flex: 0 0 33.333333%; max-width: 33.333333%; padding-left: 8px; padding-right: 8px; padding-bottom: 16px; }

.banner-courses-category ul li a { display: block; background-color: #ffffff; border-radius: 5px; position: relative; box-shadow: 0 1px 6px 0 rgba(50, 50, 50, 0.4); padding: 15px; color: #252525; font-size: 16px; font-weight: 600; }

.banner-courses-category ul li a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-color: #b22222; transition: 0.5s; opacity: 0; visibility: hidden; }

.banner-courses-category ul li a i { display: block; font-size: 45px; margin-bottom: 8px; color: #b22222; }

.banner-courses-category ul li a:hover, .banner-courses-category ul li a:focus { transform: scale(1.1); border-radius: 0; }

.banner-courses-category ul li a:hover::before, .banner-courses-category ul li a:focus::before { opacity: 1; visibility: visible; }

.banner-courses-category ul li:nth-child(2) a i, .banner-courses-category ul li:nth-child(11) a i { color: #b22222; }

.banner-courses-category ul li:nth-child(2) a::before, .banner-courses-category ul li:nth-child(11) a::before { background-color: #b22222; }

.banner-courses-category ul li:nth-child(3) a i, .banner-courses-category ul li:nth-child(12) a i { color: #0093c9; }

.banner-courses-category ul li:nth-child(3) a::before, .banner-courses-category ul li:nth-child(12) a::before { background-color: #0093c9; }

.banner-courses-category ul li:nth-child(4) a i, .banner-courses-category ul li:nth-child(13) a i { color: #2d3942; }

.banner-courses-category ul li:nth-child(4) a::before, .banner-courses-category ul li:nth-child(13) a::before { background-color: #2d3942; }

.banner-courses-category ul li:nth-child(5) a i, .banner-courses-category ul li:nth-child(14) a i { color: #bfd131; }

.banner-courses-category ul li:nth-child(5) a::before, .banner-courses-category ul li:nth-child(14) a::before { background-color: #bfd131; }

.banner-courses-category ul li:nth-child(6) a i, .banner-courses-category ul li:nth-child(15) a i { color: #f49b29; }

.banner-courses-category ul li:nth-child(6) a::before, .banner-courses-category ul li:nth-child(15) a::before { background-color: #f49b29; }

.banner-courses-category ul li:nth-child(7) a i, .banner-courses-category ul li:nth-child(1165) a i { color: #833a8d; }

.banner-courses-category ul li:nth-child(7) a::before, .banner-courses-category ul li:nth-child(1165) a::before { background-color: #833a8d; }

.banner-courses-category ul li:nth-child(8) a i, .banner-courses-category ul li:nth-child(17) a i { color: #c81a7f; }

.banner-courses-category ul li:nth-child(8) a::before, .banner-courses-category ul li:nth-child(17) a::before { background-color: #c81a7f; }

.banner-courses-category ul li:nth-child(9) a i, .banner-courses-category ul li:nth-child(18) a i { color: #1cb5a3; }

.banner-courses-category ul li:nth-child(9) a::before, .banner-courses-category ul li:nth-child(18) a::before { background-color: #1cb5a3; }

@keyframes ripple { 0% { transform: scale(1); }
  75% { transform: scale(1.75);
    opacity: 1; }
  100% { transform: scale(2);
    opacity: 0; } }

.slider_area .tp-caption.NotGeneric-Icon, .slider_area .tp-caption .NotGeneric-Icon { text-transform: uppercase !important; letter-spacing: 1px !important; font-size: 14px !important; font-line-height: 16px !important; font-weight: 600 !important; font-family: "Poppins", sans-serif !important; }

.slider_area .tp-caption.NotGeneric-Title, .slider_area .tp-caption .NotGeneric-Title { letter-spacing: 0 !important; font-size: 58px !important; font-line-height: 62px !important; font-weight: 700 !important; font-family: "Poppins", sans-serif !important; }

.slider_area .tp-caption.NotGeneric-SubTitle, .slider_area .tp-caption .NotGeneric-SubTitle { letter-spacing: 0 !important; font-size: 16px !important; font-line-height: 22px !important; font-weight: 500 !important; font-family: "Open Sans", sans-serif !important; }

.slider_area .tp-caption.NotGeneric-btn .default-btn, .slider_area .tp-caption .NotGeneric-btn .default-btn { transition: 0.5s !important; }

.slider_area .tp-caption.NotGeneric-btn .default-btn .icon-arrow, .slider_area .tp-caption .NotGeneric-btn .default-btn .icon-arrow { transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1) !important; }

.slider_area .tp-caption.NotGeneric-btn .default-btn .label, .slider_area .tp-caption .NotGeneric-btn .default-btn .label { transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1) !important; }

.slider_area .metis .tp-bullet { background-color: #ffffff !important; }

.slider_area .metis .tp-bullet.selected, .slider_area .metis .tp-bullet:hover { background-color: #b22222 !important; }

/*================================================
Boxes CSS
=================================================*/
.boxes-area .container-fluid { padding-left: 0; padding-right: 0; }

.boxes-area .container-fluid .row { margin-left: 0; margin-right: 0; }

.boxes-area .container-fluid .row .col-lg-3 { padding-left: 0; padding-right: 0; }

.single-boxes-item { padding: 40px; position: relative; background-color: #f8f8f8; z-index: 1; min-height: 210px; }

.single-boxes-item h3 { margin-bottom: 10px; font-size: 25px; font-weight: 700; }

.single-boxes-item .boxes-btn { display: inline-block; position: relative; color: #252525; z-index: 1; padding-right: 22px; transition: .4s; font-size: 15px; font-weight: 600; }

.single-boxes-item .boxes-btn i { font-size: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.single-boxes-item .boxes-btn::before { content: ''; position: absolute; background-color: #252525; left: 0; bottom: 0; height: 1px; width: 100%; z-index: -1; transition: 0.5s; }

.single-boxes-item .boxes-btn:hover, .single-boxes-item .boxes-btn:focus { padding-right: 25px; }

.single-boxes-item .boxes-btn:hover::before, .single-boxes-item .boxes-btn:focus::before { width: 0; }

.single-boxes-item.bg-color { background-color: #b22222; }

.single-boxes-item.bg-color h3 { color: #252525; }

.single-boxes-item.bg-color p { color: #252525; opacity: 0.95; }

.single-boxes-item.bg-color .boxes-btn { color: #252525; }

.single-boxes-item.bg-color .boxes-btn::before { background-color: #ffffff; }

.single-boxes-item.bg-color::before { content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; width: 50px; height: 35px; background: #252525; opacity: .3; border-radius: 50% 50% 0 0; }

.single-boxes-item.bg-color::after { content: ''; position: absolute; top: 18px; right: 18px; width: 40px; height: 40px; background: #252525; z-index: -1; border-radius: 50%; opacity: .2; animation: border-transform 5s linear infinite alternate forwards; }

.single-boxes-item.bg-image { background-color: #b22222; background-image: url(../../assets/img/mission-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.single-boxes-item.bg-image h3 { color: #ffffff; }

.single-boxes-item.bg-image p { color: #ffffff; opacity: 0.95; }

.single-boxes-item.bg-image .boxes-btn { color: #ffffff; }

.single-boxes-item.bg-image .boxes-btn::before { background-color: #ffffff; }

/*================================================
About CSS
=================================================*/
.about-area { position: relative; z-index: 1; }

.about-image { position: relative; padding-right: 100px; padding-bottom: 50px; }

.about-image img { border-radius: 5px; }

.about-image img:nth-child(2) { position: absolute; right: 10px; bottom: 0; z-index: 1; }

.about-content { padding-left: 15px; }

.about-content .sub-title { text-transform: uppercase; display: block; color: #b22222; font-weight: 500; margin-bottom: 10px; }

.about-content h2 { margin-bottom: 15px; line-height: 1.4; font-size: 30px; font-weight: 700; }

.about-content h6 { margin-bottom: 14px; line-height: 1.6; }

.about-content .features-text { margin-top: 25px; }

.about-content .features-text h5 { margin-bottom: 22px; position: relative; font-size: 17px; font-weight: 600; padding-left: 47px; padding-top: 7px; }

.about-content .features-text i { position: absolute; left: 0; top: 0; width: 35px; height: 35px; background-color: #b22222; text-align: center; line-height: 35px; color: #ffffff; font-size: 20px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); border-radius: 50%; }

.about-content .default-btn { margin-top: 30px; }

.about-content .signature { margin-top: 25px; }

.about-content.left-content { max-width: 625px; margin-left: auto; padding-left: 0; padding-right: 15px; }

.about-right-image { position: relative; text-align: right; padding-left: 100px; padding-bottom: 60px; }

.about-right-image img:nth-child(2) { position: absolute; left: 0; bottom: 0; }

.about-right-image .text-box { position: absolute; left: 220px; top: 60px; z-index: 1; width: 150px; height: 150px; border-radius: 50%; background-color: #ffffff; box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.08); text-align: center; }

.about-right-image .text-box .inner { position: absolute; left: 0; top: 55%; right: 0; transform: translateY(-55%); text-transform: uppercase; color: #b22222; font-size: 15px; font-weight: 600; }

.about-right-image .text-box .inner span { display: block; color: #b22222; margin-top: -2px; font-size: 30px; font-weight: 700; }

.about-right-image .text-box::before { position: absolute; content: ''; border: 2px dashed #b22222; left: 0; top: 0; border-radius: 50%; z-index: -1; right: 0; bottom: 0; margin: 10px; animation-name: rotateMe; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; }

.about-inner-area { margin-top: 80px; }

.about-text h3 { position: relative; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; font-size: 20px; font-weight: 700; }

.about-text h3::before { content: ''; position: absolute; left: 0; bottom: -1px; width: 50px; background-color: #b22222; height: 1px; }

.about-text .features-list { padding-left: 0; list-style-type: none; margin-top: 15px; margin-bottom: 0; }

.about-text .features-list li { position: relative; margin-bottom: 12px; color: #252525; padding-top: 3px; padding-left: 30px; }

.about-text .features-list li i { font-size: 16px; color: #252525; background-color: #eaeaf2; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; transition: 0.5s; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.about-text .features-list li:last-child { margin-bottom: 0; }

.about-text .features-list li:hover i { background-color: #b22222; color: #ffffff; }

@keyframes rotateMe { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

/*================================================
Story CSS
=================================================*/
.story-content { margin-top: -6px; }

.story-content p { margin-bottom: 30px; }

.story-content p:last-child { margin-bottom: 0; }

.story-content h3 { margin-bottom: 12px; font-size: 20px; font-weight: 600; }

/*================================================
Values CSS
=================================================*/
.values-content { margin-top: -6px; }

.values-content p { margin-bottom: 30px; }

.values-content p:last-child { margin-bottom: 0; }

.values-content h3 { margin-bottom: 12px; font-size: 20px; font-weight: 600; }

/*================================================
Courses Categories CSS
=================================================*/
.courses-categories-area { position: relative; z-index: 1; }

.courses-categories-area.bg-image { background-image: url(../../assets/img/pattern.jpg); }

.single-categories-courses-box { position: relative; z-index: 1; background-color: #b22222; text-align: center; border-radius: 8px; overflow: hidden; padding: 40px 20px; }

.single-categories-courses-box .icon { width: 100px; height: 100px; position: relative; background: rgba(255, 255, 255, 0.1); margin-bottom: 30px; font-size: 65px; color: #ffffff; transition: 0.5s; border-width: 2px; border-style: dashed; border-color: rgba(255, 255, 255, 0.1); border-radius: 50%; margin-left: auto; margin-right: auto; }

.single-categories-courses-box .icon i { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }

.single-categories-courses-box h3 { color: #ffffff; margin-bottom: 10px; font-size: 20px; font-weight: 700; }

.single-categories-courses-box span { text-transform: uppercase; display: block; color: #ffffff; font-weight: 500; font-size: 14px; }

.single-categories-courses-box .link-btn { display: block; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0; }

.single-categories-courses-box::before { content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; width: 50px; height: 35px; background: #ffffff; opacity: 0.06; border-radius: 50% 50% 0 0; }

.single-categories-courses-box::after { content: ''; position: absolute; top: 18px; right: 18px; width: 40px; height: 40px; background: #ffffff; z-index: -1; border-radius: 50%; opacity: 0.05; animation: border-transform 5s linear infinite alternate forwards; }

.single-categories-courses-box:hover .icon, .single-categories-courses-box:focus .icon { background-color: #ffffff; border-color: #b22222; color: #b22222; animation: border-transform 10s linear infinite alternate forwards; }

.single-categories-courses-item { position: relative; z-index: 1; text-align: center; border-radius: 8px; overflow: hidden; padding: 40px 20px; transition: 0.5s; background-color: #b22222; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.single-categories-courses-item .icon { width: 100px; height: 100px; position: relative; background: rgba(255, 255, 255, 0.2); margin-bottom: 30px; font-size: 65px; color: #ffffff; transition: all 0.2s ease-in-out 0s; animation: border-transform 10s linear infinite alternate forwards; border-width: 2px; border-style: dashed; border-color: rgba(255, 255, 255, 0.3); border-radius: 50%; margin-left: auto; margin-right: auto; }

.single-categories-courses-item .icon i { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }

.single-categories-courses-item h3 { color: #ffffff; margin-bottom: 10px; transition: all 0.3s ease-in-out 0s; font-size: 20px; font-weight: 700; }

.single-categories-courses-item span { transition: all 0.4s ease-in-out 0s; text-transform: uppercase; display: block; color: #ffffff; font-weight: 500; font-size: 14px; }

.single-categories-courses-item .link-btn { display: block; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0; }

.single-categories-courses-item .learn-more-btn { display: inline-block; position: absolute; color: #ffffff; z-index: 1; padding-right: 22px; transition: all 0.5s ease-in-out 0s; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; font-size: 15px; font-weight: 500; }

.single-categories-courses-item .learn-more-btn i { font-size: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.single-categories-courses-item .learn-more-btn::before { content: ''; position: absolute; background-color: #ffffff; left: 0; bottom: 0; height: 1px; width: 100%; z-index: -1; transition: 0.5s; }

.single-categories-courses-item.bg1 { background-image: url(../../assets/img/categories/1.jpg); }

.single-categories-courses-item.bg2 { background-image: url(../../assets/img/categories/2.jpg); }

.single-categories-courses-item.bg3 { background-image: url(../../assets/img/categories/3.jpg); }

.single-categories-courses-item.bg4 { background-image: url(../../assets/img/categories/4.jpg); }

.single-categories-courses-item.bg5 { background-image: url(../../assets/img/categories/5.jpg); }

.single-categories-courses-item.bg6 { background-image: url(../../assets/img/categories/6.jpg); }

.single-categories-courses-item.bg7 { background-image: url(../../assets/img/categories/7.jpg); }

.single-categories-courses-item.bg8 { background-image: url(../../assets/img/categories/8.jpg); }

.single-categories-courses-item:hover, .single-categories-courses-item:focus { transform: translateY(-10px); }

.single-categories-courses-item:hover .icon, .single-categories-courses-item:focus .icon { border-color: #ffffff; transform: translateY(-18px); }

.single-categories-courses-item:hover h3, .single-categories-courses-item:focus h3 { transform: translateY(-18px); }

.single-categories-courses-item:hover span, .single-categories-courses-item:focus span { transform: translateY(-18px); }

.single-categories-courses-item:hover .learn-more-btn, .single-categories-courses-item:focus .learn-more-btn { opacity: 1; visibility: visible; bottom: 18px; }

.owl-item:nth-child(2) .single-categories-courses-box, .owl-item:nth-child(8) .single-categories-courses-box, .col-lg-3:nth-child(2) .single-categories-courses-box, .col-lg-3:nth-child(8) .single-categories-courses-box { background-color: #fea116; }

.owl-item:nth-child(2) .single-categories-courses-box:hover .icon, .owl-item:nth-child(2) .single-categories-courses-box:focus .icon, .owl-item:nth-child(8) .single-categories-courses-box:hover .icon, .owl-item:nth-child(8) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(2) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(2) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(8) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(8) .single-categories-courses-box:focus .icon { border-color: #fea116; color: #fea116; }

.owl-item:nth-child(3) .single-categories-courses-box, .owl-item:nth-child(9) .single-categories-courses-box, .col-lg-3:nth-child(3) .single-categories-courses-box, .col-lg-3:nth-child(9) .single-categories-courses-box { background-color: #1cb5a3; }

.owl-item:nth-child(3) .single-categories-courses-box:hover .icon, .owl-item:nth-child(3) .single-categories-courses-box:focus .icon, .owl-item:nth-child(9) .single-categories-courses-box:hover .icon, .owl-item:nth-child(9) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(3) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(3) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(9) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(9) .single-categories-courses-box:focus .icon { border-color: #1cb5a3; color: #1cb5a3; }

.owl-item:nth-child(4) .single-categories-courses-box, .owl-item:nth-child(10) .single-categories-courses-box, .col-lg-3:nth-child(4) .single-categories-courses-box, .col-lg-3:nth-child(10) .single-categories-courses-box { background-color: #3d64ff; }

.owl-item:nth-child(4) .single-categories-courses-box:hover .icon, .owl-item:nth-child(4) .single-categories-courses-box:focus .icon, .owl-item:nth-child(10) .single-categories-courses-box:hover .icon, .owl-item:nth-child(10) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(4) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(4) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(10) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(10) .single-categories-courses-box:focus .icon { border-color: #3d64ff; color: #3d64ff; }

.owl-item:nth-child(5) .single-categories-courses-box, .owl-item:nth-child(11) .single-categories-courses-box, .col-lg-3:nth-child(5) .single-categories-courses-box, .col-lg-3:nth-child(11) .single-categories-courses-box { background-color: #e74d57; }

.owl-item:nth-child(5) .single-categories-courses-box:hover .icon, .owl-item:nth-child(5) .single-categories-courses-box:focus .icon, .owl-item:nth-child(11) .single-categories-courses-box:hover .icon, .owl-item:nth-child(11) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(5) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(5) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(11) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(11) .single-categories-courses-box:focus .icon { border-color: #e74d57; color: #e74d57; }

.owl-item:nth-child(6) .single-categories-courses-box, .owl-item:nth-child(12) .single-categories-courses-box, .col-lg-3:nth-child(6) .single-categories-courses-box, .col-lg-3:nth-child(12) .single-categories-courses-box { background-color: #9764df; }

.owl-item:nth-child(6) .single-categories-courses-box:hover .icon, .owl-item:nth-child(6) .single-categories-courses-box:focus .icon, .owl-item:nth-child(12) .single-categories-courses-box:hover .icon, .owl-item:nth-child(12) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(6) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(6) .single-categories-courses-box:focus .icon, .col-lg-3:nth-child(12) .single-categories-courses-box:hover .icon, .col-lg-3:nth-child(12) .single-categories-courses-box:focus .icon { border-color: #9764df; color: #9764df; }

.single-courses-category { text-align: center; }

.single-courses-category a { display: block; background-color: #ffffff; border-radius: 5px; position: relative; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); padding: 25px; color: #252525; z-index: 1; font-size: 20px; font-weight: 600; }

.single-courses-category a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-color: #b22222; z-index: -1; transition: 0.5s; }

.single-courses-category a i { display: block; font-size: 55px; margin-bottom: 10px; color: #b22222; transition: 0.5s; }

.single-courses-category a:hover, .single-courses-category a:focus { border-radius: 0; color: #ffffff; transform: translateY(-7px); }

.single-courses-category a:hover i, .single-courses-category a:focus i { color: #ffffff; }

.single-courses-category a:hover::before, .single-courses-category a:focus::before { height: 100%; }

.owl-item:nth-child(2) .single-courses-category a i, .owl-item:nth-child(11) .single-courses-category a i, .col-lg-3:nth-child(2) .single-courses-category a i, .col-lg-3:nth-child(11) .single-courses-category a i { color: #b22222; }

.owl-item:nth-child(2) .single-courses-category a::before, .owl-item:nth-child(11) .single-courses-category a::before, .col-lg-3:nth-child(2) .single-courses-category a::before, .col-lg-3:nth-child(11) .single-courses-category a::before { background-color: #b22222; }

.owl-item:nth-child(2) .single-courses-category a:hover i, .owl-item:nth-child(2) .single-courses-category a:focus i, .owl-item:nth-child(11) .single-courses-category a:hover i, .owl-item:nth-child(11) .single-courses-category a:focus i, .col-lg-3:nth-child(2) .single-courses-category a:hover i, .col-lg-3:nth-child(2) .single-courses-category a:focus i, .col-lg-3:nth-child(11) .single-courses-category a:hover i, .col-lg-3:nth-child(11) .single-courses-category a:focus i { color: #ffffff; }

.owl-item:nth-child(3) .single-courses-category a i, .owl-item:nth-child(12) .single-courses-category a i, .col-lg-3:nth-child(3) .single-courses-category a i, .col-lg-3:nth-child(12) .single-courses-category a i { color: #0093c9; }

.owl-item:nth-child(3) .single-courses-category a::before, .owl-item:nth-child(12) .single-courses-category a::before, .col-lg-3:nth-child(3) .single-courses-category a::before, .col-lg-3:nth-child(12) .single-courses-category a::before { background-color: #0093c9; }

.owl-item:nth-child(3) .single-courses-category a:hover i, .owl-item:nth-child(3) .single-courses-category a:focus i, .owl-item:nth-child(12) .single-courses-category a:hover i, .owl-item:nth-child(12) .single-courses-category a:focus i, .col-lg-3:nth-child(3) .single-courses-category a:hover i, .col-lg-3:nth-child(3) .single-courses-category a:focus i, .col-lg-3:nth-child(12) .single-courses-category a:hover i, .col-lg-3:nth-child(12) .single-courses-category a:focus i { color: #ffffff; }

.owl-item:nth-child(4) .single-courses-category a i, .owl-item:nth-child(13) .single-courses-category a i, .col-lg-3:nth-child(4) .single-courses-category a i, .col-lg-3:nth-child(13) .single-courses-category a i { color: #2d3942; }

.owl-item:nth-child(4) .single-courses-category a::before, .owl-item:nth-child(13) .single-courses-category a::before, .col-lg-3:nth-child(4) .single-courses-category a::before, .col-lg-3:nth-child(13) .single-courses-category a::before { background-color: #2d3942; }

.owl-item:nth-child(4) .single-courses-category a:hover i, .owl-item:nth-child(4) .single-courses-category a:focus i, .owl-item:nth-child(13) .single-courses-category a:hover i, .owl-item:nth-child(13) .single-courses-category a:focus i, .col-lg-3:nth-child(4) .single-courses-category a:hover i, .col-lg-3:nth-child(4) .single-courses-category a:focus i, .col-lg-3:nth-child(13) .single-courses-category a:hover i, .col-lg-3:nth-child(13) .single-courses-category a:focus i { color: #ffffff; }

.owl-item:nth-child(5) .single-courses-category a i, .owl-item:nth-child(14) .single-courses-category a i, .col-lg-3:nth-child(5) .single-courses-category a i, .col-lg-3:nth-child(14) .single-courses-category a i { color: #bfd131; }

.owl-item:nth-child(5) .single-courses-category a::before, .owl-item:nth-child(14) .single-courses-category a::before, .col-lg-3:nth-child(5) .single-courses-category a::before, .col-lg-3:nth-child(14) .single-courses-category a::before { background-color: #bfd131; }

.owl-item:nth-child(5) .single-courses-category a:hover i, .owl-item:nth-child(5) .single-courses-category a:focus i, .owl-item:nth-child(14) .single-courses-category a:hover i, .owl-item:nth-child(14) .single-courses-category a:focus i, .col-lg-3:nth-child(5) .single-courses-category a:hover i, .col-lg-3:nth-child(5) .single-courses-category a:focus i, .col-lg-3:nth-child(14) .single-courses-category a:hover i, .col-lg-3:nth-child(14) .single-courses-category a:focus i { color: #ffffff; }

.owl-item:nth-child(6) .single-courses-category a i, .owl-item:nth-child(15) .single-courses-category a i, .col-lg-3:nth-child(6) .single-courses-category a i, .col-lg-3:nth-child(15) .single-courses-category a i { color: #f49b29; }

.owl-item:nth-child(6) .single-courses-category a::before, .owl-item:nth-child(15) .single-courses-category a::before, .col-lg-3:nth-child(6) .single-courses-category a::before, .col-lg-3:nth-child(15) .single-courses-category a::before { background-color: #f49b29; }

.owl-item:nth-child(6) .single-courses-category a:hover i, .owl-item:nth-child(6) .single-courses-category a:focus i, .owl-item:nth-child(15) .single-courses-category a:hover i, .owl-item:nth-child(15) .single-courses-category a:focus i, .col-lg-3:nth-child(6) .single-courses-category a:hover i, .col-lg-3:nth-child(6) .single-courses-category a:focus i, .col-lg-3:nth-child(15) .single-courses-category a:hover i, .col-lg-3:nth-child(15) .single-courses-category a:focus i { color: #ffffff; }

.owl-item:nth-child(7) .single-courses-category a i, .owl-item:nth-child(1165) .single-courses-category a i, .col-lg-3:nth-child(7) .single-courses-category a i, .col-lg-3:nth-child(1165) .single-courses-category a i { color: #833a8d; }

.owl-item:nth-child(7) .single-courses-category a::before, .owl-item:nth-child(1165) .single-courses-category a::before, .col-lg-3:nth-child(7) .single-courses-category a::before, .col-lg-3:nth-child(1165) .single-courses-category a::before { background-color: #833a8d; }

.owl-item:nth-child(7) .single-courses-category a:hover i, .owl-item:nth-child(7) .single-courses-category a:focus i, .owl-item:nth-child(1165) .single-courses-category a:hover i, .owl-item:nth-child(1165) .single-courses-category a:focus i, .col-lg-3:nth-child(7) .single-courses-category a:hover i, .col-lg-3:nth-child(7) .single-courses-category a:focus i, .col-lg-3:nth-child(1165) .single-courses-category a:hover i, .col-lg-3:nth-child(1165) .single-courses-category a:focus i { color: #ffffff; }

.owl-item:nth-child(8) .single-courses-category a i, .owl-item:nth-child(17) .single-courses-category a i, .col-lg-3:nth-child(8) .single-courses-category a i, .col-lg-3:nth-child(17) .single-courses-category a i { color: #c81a7f; }

.owl-item:nth-child(8) .single-courses-category a::before, .owl-item:nth-child(17) .single-courses-category a::before, .col-lg-3:nth-child(8) .single-courses-category a::before, .col-lg-3:nth-child(17) .single-courses-category a::before { background-color: #c81a7f; }

.owl-item:nth-child(8) .single-courses-category a:hover i, .owl-item:nth-child(8) .single-courses-category a:focus i, .owl-item:nth-child(17) .single-courses-category a:hover i, .owl-item:nth-child(17) .single-courses-category a:focus i, .col-lg-3:nth-child(8) .single-courses-category a:hover i, .col-lg-3:nth-child(8) .single-courses-category a:focus i, .col-lg-3:nth-child(17) .single-courses-category a:hover i, .col-lg-3:nth-child(17) .single-courses-category a:focus i { color: #ffffff; }

.owl-item:nth-child(9) .single-courses-category a i, .owl-item:nth-child(18) .single-courses-category a i, .col-lg-3:nth-child(9) .single-courses-category a i, .col-lg-3:nth-child(18) .single-courses-category a i { color: #1cb5a3; }

.owl-item:nth-child(9) .single-courses-category a::before, .owl-item:nth-child(18) .single-courses-category a::before, .col-lg-3:nth-child(9) .single-courses-category a::before, .col-lg-3:nth-child(18) .single-courses-category a::before { background-color: #1cb5a3; }

.owl-item:nth-child(9) .single-courses-category a:hover i, .owl-item:nth-child(9) .single-courses-category a:focus i, .owl-item:nth-child(18) .single-courses-category a:hover i, .owl-item:nth-child(18) .single-courses-category a:focus i, .col-lg-3:nth-child(9) .single-courses-category a:hover i, .col-lg-3:nth-child(9) .single-courses-category a:focus i, .col-lg-3:nth-child(18) .single-courses-category a:hover i, .col-lg-3:nth-child(18) .single-courses-category a:focus i { color: #ffffff; }

@keyframes border-transform { 0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } }

.courses-categories-slides.owl-theme { margin-top: -30px; }

.courses-categories-slides.owl-theme .single-categories-courses-box { margin-top: 30px; }

.courses-categories-slides.owl-theme .single-categories-courses-item { margin-top: 30px; }

.courses-categories-slides.owl-theme .owl-nav { margin-top: 0; }

.courses-categories-slides.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; font-size: 25px; margin: 0; padding: 0; background: transparent; width: 50px; height: 50px; line-height: 51px; position: absolute; left: -45px; transition: 0.5s; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; border-radius: 50%; border-style: solid; border-color: #e3e4ef; border-width: 2px; }

.courses-categories-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: -45px; }

.courses-categories-slides.owl-theme .owl-nav [class*=owl-]:hover, .courses-categories-slides.owl-theme .owl-nav [class*=owl-]:focus { background-color: #b22222; color: #ffffff; border-color: #b22222; box-shadow: 0px 8px 16px 0px rgba(241, 96, 1, 0.2); }

.courses-categories-slides.owl-theme .owl-nav [class*=owl-].disabled { color: #e3e4ef; }

.courses-categories-slides.owl-theme .owl-nav [class*=owl-].disabled:hover, .courses-categories-slides.owl-theme .owl-nav [class*=owl-].disabled:focus { background-color: transparent; color: #e3e4ef; border-color: #e3e4ef; box-shadow: unset; }

.courses-categories-slides.owl-theme:hover .owl-nav [class*=owl-], .courses-categories-slides.owl-theme:focus .owl-nav [class*=owl-] { opacity: 1; visibility: visible; }

#particles-js-circle-bubble-2 { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; }

#particles-js-circle-bubble-4 { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; }

/*================================================
Partner CSS
=================================================*/
.partner-area.bg-color { background-color: #b22222; }

.partner-area.bg-color .section-title h2 { color: #ffffff; }

.single-partner-item a img { width: auto !important; display: inline-block !important; transition: 0.5s; opacity: .9; }

.single-partner-item:hover a img, .single-partner-item:focus a img { opacity: 1; }

.partner-slides.owl-theme .owl-stage { display: flex; align-items: center; }

/*================================================
Offer CSS
=================================================*/
.offer-area { position: relative; z-index: 1; background-color: #b22222; background-image: url(../../assets/img/offer-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.offer-area .section-title .sub-title { color: #ffffff; }

.offer-area .section-title h2 { color: #ffffff; }

.offer-area .section-title p { color: #ffffff; opacity: 0.95; }

.offer-area::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 20%; z-index: -1; background-color: #ffffff; }

.single-offer-box { text-align: center; background-color: #ffffff; box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.08); padding: 30px 25px; border-radius: 5px; position: relative; z-index: 1; }

.single-offer-box::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; border-radius: 5px; right: 0; bottom: 0; background: #b22222; transform: scaleY(0); transform-origin: 50% 0; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; }

.single-offer-box .icon { width: 90px; height: 90px; text-align: center; border-radius: 5px; position: relative; border: 2px dashed #b22222; border-radius: 50%; font-size: 45px; color: #b22222; animation: border-transform 10s linear infinite alternate forwards; transition: 0.5s; background-color: #ffffff; margin-left: auto; margin-right: auto; margin-bottom: 25px; }

.single-offer-box .icon i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }

.single-offer-box h3 { transition: 0.5s; margin-bottom: 10px; font-size: 20px; font-weight: 600; }

.single-offer-box p { transition: 0.5s; line-height: 1.8; }

.single-offer-box:hover .icon { background-color: #b22222; color: #ffffff; border-color: #ffffff; }

.single-offer-box:hover::before { transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.single-offer-box:hover h3 { color: #ffffff; }

.single-offer-box:hover p { color: #ffffff; opacity: 0.95; }

.col-lg-4:nth-child(2) .single-offer-box::before { background: #b22222; }

.col-lg-4:nth-child(2) .single-offer-box .icon { border-color: #b22222; color: #b22222; }

.col-lg-4:nth-child(2) .single-offer-box:hover .icon { background-color: #b22222; color: #ffffff; border-color: #ffffff; }

.col-lg-4:nth-child(3) .single-offer-box::before { background: #3d64ff; }

.col-lg-4:nth-child(3) .single-offer-box .icon { border-color: #fea116; color: #fea116; }

.col-lg-4:nth-child(3) .single-offer-box:hover .icon { background-color: #fea116; color: #ffffff; border-color: #ffffff; }

.col-lg-4:nth-child(5) .single-offer-box::before { background: #b22222; }

.col-lg-4:nth-child(5) .single-offer-box .icon { border-color: #b22222; color: #b22222; }

.col-lg-4:nth-child(5) .single-offer-box:hover .icon { background-color: #b22222; color: #ffffff; border-color: #ffffff; }

.col-lg-4:nth-child(6) .single-offer-box::before { background: #3d64ff; }

.col-lg-4:nth-child(6) .single-offer-box .icon { border-color: #fea116; color: #fea116; }

.col-lg-4:nth-child(6) .single-offer-box:hover .icon { background-color: #fea116; color: #ffffff; border-color: #ffffff; }

/*================================================
Become Instructor & Partner CSS
=================================================*/
.become-instructor-partner-area .container-fluid { padding-left: 0; padding-right: 0; }

.become-instructor-partner-area .container-fluid .row { margin-left: 0; margin-right: 0; }

.become-instructor-partner-area .container-fluid .row .col-lg-6 { padding-left: 0; padding-right: 0; }

.become-instructor-partner-content { position: relative; z-index: 1; padding: 100px; background-image: url(../../assets/img/pattern.png); background-position: center center; background-size: contain; background-repeat: repeat; }

.become-instructor-partner-content h2 { margin-bottom: 14px; font-size: 30px; font-weight: 700; }

.become-instructor-partner-content p { margin-bottom: 25px; max-width: 540px; }

.become-instructor-partner-content .default-btn { border-radius: 30px; }

.become-instructor-partner-content.bg-color { background-color: #b22222; background-image: unset !important; }

.become-instructor-partner-content.bg-color h2 { color: #ffffff; }

.become-instructor-partner-content.bg-color p { color: #ffffff; opacity: 0.97; }

.become-instructor-partner-content.bg-color .default-btn { background-color: #ffffff; color: #252525; }

.become-instructor-partner-content.bg-color .default-btn .icon-arrow { color: #252525; transition: 0.5s; }

.become-instructor-partner-content.bg-color .default-btn:focus, .become-instructor-partner-content.bg-color .default-btn:hover { color: #ffffff; background-color: #252525; border-color: #252525; }

.become-instructor-partner-content.bg-color .default-btn:focus .icon-arrow, .become-instructor-partner-content.bg-color .default-btn:hover .icon-arrow { color: #ffffff; }

.become-instructor-partner-content.bg-color::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(../../assets/img/bg-lines.svg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.become-instructor-partner-image { width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.become-instructor-partner-image.bg-image1 { background-image: url(../../assets/img/become-instructor.jpg); }

.become-instructor-partner-image.bg-image2 { background-image: url(../../assets/img/become-partner.jpg); }

.become-instructor-partner-image img { display: none; }

/*================================================
Funfacts CSS
=================================================*/
.funfacts-area { overflow: hidden; }

.funfacts-inner { overflow: hidden; background-color: #b22222; border-radius: 15px; padding: 50px; position: relative; z-index: 1; text-align: center; }

.funfacts-inner .col-lg-3 { border-right: 1px solid rgba(255, 255, 255, 0.3); }

.funfacts-inner .col-lg-3:last-child { border-right: 0; }

.single-funfact { text-align: center; }

.single-funfact .icon { color: #ffffff; line-height: 0; font-size: 50px; margin-top: -7px; margin-bottom: 10px; }

.single-funfact h3 { margin-bottom: 2px; color: #ffffff; font-size: 45px; font-weight: 600; }

.single-funfact h3 .odometer-formatting-mark { display: none; }

.single-funfact p { color: #ffffff; line-height: initial; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; }

.funfacts-style-two { overflow: hidden; background-color: #b22222; position: relative; z-index: 1; }

#particles-js-circle-bubble { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; }

/*================================================
Features CSS
=================================================*/
.features-area { position: relative; z-index: 1; }

.single-features-box { min-height: 500px; position: relative; z-index: 3; overflow: hidden; padding: 30px; border-right: 1px solid #cccccc; }

.single-features-box .inner-content { position: absolute; left: 30px; bottom: 30px; right: 30px; }

.single-features-box .inner-content h3 { color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease-in-out 0s; font-size: 24px; font-weight: 700; }

.single-features-box .inner-content p { color: #ffffff; opacity: .95; transition: all 0.4s ease-in-out 0s; margin-bottom: 0; }

.single-features-box .inner-content .default-btn { transition: all 0.5s ease-in-out 0s; position: absolute; opacity: 0; bottom: 0; left: 0; visibility: hidden; transform: translateY(30px); }

.single-features-box:hover .inner-content h3 { transform: translateY(-75px); }

.single-features-box:hover .inner-content p { transform: translateY(-75px); }

.single-features-box:hover .inner-content .default-btn { transform: translateY(0); opacity: 1; visibility: visible; }

.slideshow-box { height: 100%; width: 100%; position: absolute; left: 0; top: 0; }

.slideshow-box .slideshow-slides { padding-left: 0; margin-bottom: 0; list-style-type: none; height: 100%; width: 100%; position: absolute; left: 0; top: 0; }

.slideshow-box .slideshow-slides li span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.slideshow-box .slideshow-slides li span.bg1 { background-image: url(../../assets/img/slideshow/1.jpg); }

.slideshow-box .slideshow-slides li span.bg2 { background-image: url(../../assets/img/slideshow/2.jpg); }

.slideshow-box .slideshow-slides li span.bg3 { background-image: url(../../assets/img/slideshow/3.jpg); }

.slideshow-box .slideshow-slides li span.bg4 { background-image: url(../../assets/img/slideshow/4.jpg); }

.slideshow-box .slideshow-slides li span.bg5 { background-image: url(../../assets/img/slideshow/5.jpg); }

.slideshow-box .slideshow-slides .owl-stage-outer { height: 100%; width: 100%; }

.slideshow-box .slideshow-slides .owl-stage-outer .owl-stage { height: 100%; width: 100%; }

.slideshow-box .slideshow-slides .owl-stage-outer .owl-stage .owl-item { height: 100%; width: 100%; }

.col-lg-3:nth-child(4) .single-features-box { border-right: none; }

/*================================================
Courses CSS
=================================================*/
.courses-area { position: relative; z-index: 1; }

.single-courses-box { background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); border-radius: 5px 5px 0 0; transition: 0.5s; }

.single-courses-box .courses-image { border-radius: 5px 5px 0 0; position: relative; }

.single-courses-box .courses-image a img { border-radius: 5px 5px 0 0; width: 100%; }

.single-courses-box .courses-image .courses-tag { position: absolute; right: 25px; bottom: 0; background-color: #ffffff; border-radius: 5px 5px 0 0; transition: 0.5s; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; }

.single-courses-box .courses-image .courses-tag a { color: #b22222; font-weight: 500; }

.single-courses-box .courses-content { padding: 25px 25px 20px; }

.single-courses-box .courses-content .course-author { margin-bottom: 13px; }

.single-courses-box .courses-content .course-author img { width: 37px; height: 37px; margin-right: 8px; }

.single-courses-box .courses-content .course-author span { color: #252525; font-size: 14.5px; font-weight: 500; }

.single-courses-box .courses-content h3 { margin-bottom: 12px; line-height: 1.5; font-size: 22px; font-weight: 600; }

.single-courses-box .courses-content .courses-rating .review-stars-rated { color: #f2b827; display: inline-block; }

.single-courses-box .courses-content .courses-rating .review-stars-rated i { color: #f2b827; font-size: 16px; margin-right: -2px; }

.single-courses-box .courses-content .courses-rating .rating-total { display: inline-block; position: relative; top: -2px; font-size: 13px; }

.single-courses-box .courses-box-footer { border-top: 1px solid #e2f4ff; padding: 20px 25px; }

.single-courses-box .courses-box-footer ul { list-style-type: none; display: flex; padding-left: 0; flex-wrap: wrap; align-items: center; margin-bottom: 0; margin-left: -7px; margin-right: -7px; }

.single-courses-box .courses-box-footer ul li { color: #727695; font-size: 15px; padding-left: 7px; padding-right: 7px; }

.single-courses-box .courses-box-footer ul li i { color: #252525; position: relative; top: 1px; }

.single-courses-box .courses-box-footer ul li i.bx-book-open { top: 1.3px; }

.single-courses-box .courses-box-footer ul .students-number { flex: 0 0 37%; max-width: 37%; }

.single-courses-box .courses-box-footer ul .courses-lesson { flex: 0 0 34%; max-width: 34%; }

.single-courses-box .courses-box-footer ul .courses-price { flex: 0 0 29%; max-width: 29%; text-align: right; color: #b22222; font-size: 18px; font-weight: 500; }

.single-courses-box .courses-box-footer ul .courses-price span { color: #81868a; text-decoration: line-through; font-size: 14px; font-weight: normal; }

.single-courses-box.without-box-shadow { box-shadow: unset; }

.single-courses-box.without-box-shadow .courses-content { padding: 25px 0 18px; }

.single-courses-box.without-box-shadow .courses-box-footer { padding: 18px 0 0; }

.single-courses-box:hover, .single-courses-box:focus { transform: translateY(-10px); }

.single-courses-box:hover .courses-image .courses-tag, .single-courses-box:focus .courses-image .courses-tag { background-color: #b22222; }

.single-courses-box:hover .courses-image .courses-tag a, .single-courses-box:focus .courses-image .courses-tag a { color: #ffffff; }

.single-courses-item { background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); transition: 0.5s; }

.single-courses-item .courses-image { position: relative; overflow: hidden; }

.single-courses-item .courses-image a img { transition: 0.5s; width: 100%; }

.single-courses-item .courses-content { padding: 0 20px 20px; position: relative; z-index: 1; }

.single-courses-item .courses-content .course-author { margin-top: -15px; }

.single-courses-item .courses-content .course-author img { width: 50px; border: 3px solid #ffffff; height: 50px; border-radius: 3px; }

.single-courses-item .courses-content .course-author span { color: #252525; position: relative; top: 10px; margin-left: 10px; font-size: 15px; font-weight: 500; }

.single-courses-item .courses-content .courses-rating { position: relative; top: 4px; }

.single-courses-item .courses-content .courses-rating .review-stars-rated { color: #f2b827; display: inline-block; }

.single-courses-item .courses-content .courses-rating .review-stars-rated i { color: #f2b827; font-size: 16px; margin-right: -2px; }

.single-courses-item .courses-content .courses-rating .rating-total { display: inline-block; position: relative; top: -2px; font-size: 13px; }

.single-courses-item .courses-content h3 { line-height: 1.5; margin-bottom: 10px; margin-top: 20px; font-size: 19px; font-weight: 600; }

.single-courses-item .courses-content p { line-height: 1.8; }

.single-courses-item .courses-box-footer { border-top: 1px solid #e2f4ff; padding: 20px; }

.single-courses-item .courses-box-footer ul { list-style-type: none; display: flex; padding-left: 0; flex-wrap: wrap; align-items: center; margin-bottom: 0; margin-left: -7px; margin-right: -7px; }

.single-courses-item .courses-box-footer ul li { color: #727695; font-size: 15px; padding-left: 7px; padding-right: 7px; }

.single-courses-item .courses-box-footer ul li i { color: #252525; position: relative; top: 1px; }

.single-courses-item .courses-box-footer ul li i.bx-book-open { top: 1.3px; }

.single-courses-item .courses-box-footer ul .students-number { flex: 0 0 37%; max-width: 37%; }

.single-courses-item .courses-box-footer ul .courses-lesson { flex: 0 0 34%; max-width: 34%; }

.single-courses-item .courses-box-footer ul .courses-price { flex: 0 0 29%; max-width: 29%; text-align: right; color: #b22222; font-size: 18px; font-weight: 500; }

.single-courses-item .courses-box-footer ul .courses-price span { color: #81868a; text-decoration: line-through; font-size: 14px; font-weight: normal; }

.single-courses-item:hover .courses-image img, .single-courses-item:focus .courses-image img { transform: scale(1.3) rotate(5deg); }

.single-courses-item:hover .courses-image .courses-tag, .single-courses-item:focus .courses-image .courses-tag { background-color: #b22222; }

.single-courses-item:hover .courses-image .courses-tag a, .single-courses-item:focus .courses-image .courses-tag a { color: #ffffff; }

.single-courses-list-box { background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); border-radius: 5px; transition: 0.5s; }

.single-courses-list-box .box-item { display: flex; flex-wrap: wrap; border-radius: 5px; }

.single-courses-list-box .box-item .courses-image { flex: 0 0 45%; max-width: 45%; border-radius: 5px 0 0 5px; }

.single-courses-list-box .box-item .courses-image .image { height: 100%; width: 100%; position: relative; border-radius: 5px 0 0 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.single-courses-list-box .box-item .courses-image .image.bg-1 { background-image: url(../../assets/img/courses/1.jpg); }

.single-courses-list-box .box-item .courses-image .image.bg-2 { background-image: url(../../assets/img/courses/2.jpg); }

.single-courses-list-box .box-item .courses-image .image.bg-3 { background-image: url(../../assets/img/courses/3.jpg); }

.single-courses-list-box .box-item .courses-image .image.bg-4 { background-image: url(../../assets/img/courses/4.jpg); }

.single-courses-list-box .box-item .courses-image .image.bg-5 { background-image: url(../../assets/img/courses/5.jpg); }

.single-courses-list-box .box-item .courses-image .image.bg-6 { background-image: url(../../assets/img/courses/6.jpg); }

.single-courses-list-box .box-item .courses-image .image img { display: none; }

.single-courses-list-box .box-item .courses-image .image .courses-tag { position: absolute; top: 15px; left: 15px; border-radius: 5px; background-color: #ffffff; transition: 0.5s; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; }

.single-courses-list-box .box-item .courses-image .image .courses-tag a { color: #b22222; font-weight: 500; }

.single-courses-list-box .box-item .courses-image .image a.link-btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: block; }

.single-courses-list-box .box-item .courses-desc { flex: 0 0 55%; max-width: 55%; }

.single-courses-list-box .box-item .courses-desc .courses-content { padding: 25px 25px 20px; }

.single-courses-list-box .box-item .courses-desc .courses-content .course-author { margin-bottom: 13px; }

.single-courses-list-box .box-item .courses-desc .courses-content .course-author img { width: 37px; height: 37px; }

.single-courses-list-box .box-item .courses-desc .courses-content .course-author span { color: #252525; font-size: 14.5px; font-weight: 500; }

.single-courses-list-box .box-item .courses-desc .courses-content h3 { margin-bottom: 12px; line-height: 1.5; font-size: 19px; font-weight: 600; }

.single-courses-list-box .box-item .courses-desc .courses-content .courses-rating { margin-bottom: 12px; }

.single-courses-list-box .box-item .courses-desc .courses-content .courses-rating .review-stars-rated { color: #f2b827; display: inline-block; }

.single-courses-list-box .box-item .courses-desc .courses-content .courses-rating .review-stars-rated i { color: #f2b827; font-size: 16px; margin-right: -2px; }

.single-courses-list-box .box-item .courses-desc .courses-content .courses-rating .rating-total { display: inline-block; position: relative; top: -2px; font-size: 13px; }

.single-courses-list-box .box-item .courses-desc .courses-content p { margin-bottom: 0; }

.single-courses-list-box .box-item .courses-desc .courses-box-footer { border-top: 1px solid #e2f4ff; padding: 20px 25px; }

.single-courses-list-box .box-item .courses-desc .courses-box-footer ul { list-style-type: none; display: flex; padding-left: 0; flex-wrap: wrap; align-items: center; margin-bottom: 0; margin-left: -7px; margin-right: -7px; }

.single-courses-list-box .box-item .courses-desc .courses-box-footer ul li { color: #727695; font-size: 15px; padding-left: 7px; padding-right: 7px; }

.single-courses-list-box .box-item .courses-desc .courses-box-footer ul li i { color: #252525; position: relative; top: 1px; }

.single-courses-list-box .box-item .courses-desc .courses-box-footer ul li i.bx-book-open { top: 1.3px; }

.single-courses-list-box .box-item .courses-desc .courses-box-footer ul .students-number { flex: 0 0 37%; max-width: 37%; }

.single-courses-list-box .box-item .courses-desc .courses-box-footer ul .courses-lesson { flex: 0 0 34%; max-width: 34%; }

.single-courses-list-box .box-item .courses-desc .courses-box-footer ul .courses-price { flex: 0 0 29%; max-width: 29%; text-align: right; color: #b22222; font-size: 18px; font-weight: 500; }

.single-courses-list-box .box-item .courses-desc .courses-box-footer ul .courses-price span { color: #81868a; text-decoration: line-through; font-size: 14px; font-weight: normal; }

.single-courses-list-box:hover .box-item .courses-image .image .courses-tag { background-color: #b22222; color: #ffffff; }

.single-courses-list-box:hover .box-item .courses-image .image .courses-tag a { color: #ffffff; }

.owl-item:nth-child(2) .single-courses-box .courses-image .courses-tag a, .owl-item:nth-child(8) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(2) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(8) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(2) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(8) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(2) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(8) .single-courses-box .courses-image .courses-tag a { color: #b22222; }

.owl-item:nth-child(2) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(2) .single-courses-box:focus .courses-image .courses-tag, .owl-item:nth-child(8) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(8) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(2) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(2) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(8) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(8) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(2) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(2) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(8) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(8) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(2) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(2) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(8) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(8) .single-courses-box:focus .courses-image .courses-tag { background-color: #b22222; }

.owl-item:nth-child(2) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(2) .single-courses-box:focus .courses-image .courses-tag a, .owl-item:nth-child(8) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(8) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(2) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(2) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(8) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(8) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(2) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(2) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(8) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(8) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(2) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(2) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(8) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(8) .single-courses-box:focus .courses-image .courses-tag a { color: #ffffff; }

.owl-item:nth-child(3) .single-courses-box .courses-image .courses-tag a, .owl-item:nth-child(9) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(3) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(9) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(3) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(9) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(3) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(9) .single-courses-box .courses-image .courses-tag a { color: #fea116; }

.owl-item:nth-child(3) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(3) .single-courses-box:focus .courses-image .courses-tag, .owl-item:nth-child(9) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(9) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(3) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(3) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(9) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(9) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(3) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(3) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(9) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(9) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(3) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(3) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(9) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(9) .single-courses-box:focus .courses-image .courses-tag { background-color: #fea116; }

.owl-item:nth-child(3) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(3) .single-courses-box:focus .courses-image .courses-tag a, .owl-item:nth-child(9) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(9) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(3) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(3) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(9) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(9) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(3) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(3) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(9) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(9) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(3) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(3) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(9) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(9) .single-courses-box:focus .courses-image .courses-tag a { color: #ffffff; }

.owl-item:nth-child(4) .single-courses-box .courses-image .courses-tag a, .owl-item:nth-child(10) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(4) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(10) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(4) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(10) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(4) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(10) .single-courses-box .courses-image .courses-tag a { color: #1cb5a3; }

.owl-item:nth-child(4) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(4) .single-courses-box:focus .courses-image .courses-tag, .owl-item:nth-child(10) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(10) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(4) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(4) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(10) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(10) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(4) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(4) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(10) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(10) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(4) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(4) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(10) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(10) .single-courses-box:focus .courses-image .courses-tag { background-color: #1cb5a3; }

.owl-item:nth-child(4) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(4) .single-courses-box:focus .courses-image .courses-tag a, .owl-item:nth-child(10) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(10) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(4) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(4) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(10) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(10) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(4) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(4) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(10) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(10) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(4) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(4) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(10) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(10) .single-courses-box:focus .courses-image .courses-tag a { color: #ffffff; }

.owl-item:nth-child(5) .single-courses-box .courses-image .courses-tag a, .owl-item:nth-child(11) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(5) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(11) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(5) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(11) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(5) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(11) .single-courses-box .courses-image .courses-tag a { color: #3d64ff; }

.owl-item:nth-child(5) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(5) .single-courses-box:focus .courses-image .courses-tag, .owl-item:nth-child(11) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(11) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(5) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(5) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(11) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(11) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(5) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(5) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(11) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(11) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(5) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(5) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(11) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(11) .single-courses-box:focus .courses-image .courses-tag { background-color: #3d64ff; }

.owl-item:nth-child(5) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(5) .single-courses-box:focus .courses-image .courses-tag a, .owl-item:nth-child(11) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(11) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(5) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(5) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(11) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(11) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(5) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(5) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(11) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(11) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(5) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(5) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(11) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(11) .single-courses-box:focus .courses-image .courses-tag a { color: #ffffff; }

.owl-item:nth-child(6) .single-courses-box .courses-image .courses-tag a, .owl-item:nth-child(12) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(6) .single-courses-box .courses-image .courses-tag a, .col-lg-4:nth-child(12) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(6) .single-courses-box .courses-image .courses-tag a, .col-lg-6:nth-child(12) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(6) .single-courses-box .courses-image .courses-tag a, .col-lg-3:nth-child(12) .single-courses-box .courses-image .courses-tag a { color: #e74d57; }

.owl-item:nth-child(6) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(6) .single-courses-box:focus .courses-image .courses-tag, .owl-item:nth-child(12) .single-courses-box:hover .courses-image .courses-tag, .owl-item:nth-child(12) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(6) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(6) .single-courses-box:focus .courses-image .courses-tag, .col-lg-4:nth-child(12) .single-courses-box:hover .courses-image .courses-tag, .col-lg-4:nth-child(12) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(6) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(6) .single-courses-box:focus .courses-image .courses-tag, .col-lg-6:nth-child(12) .single-courses-box:hover .courses-image .courses-tag, .col-lg-6:nth-child(12) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(6) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(6) .single-courses-box:focus .courses-image .courses-tag, .col-lg-3:nth-child(12) .single-courses-box:hover .courses-image .courses-tag, .col-lg-3:nth-child(12) .single-courses-box:focus .courses-image .courses-tag { background-color: #e74d57; }

.owl-item:nth-child(6) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(6) .single-courses-box:focus .courses-image .courses-tag a, .owl-item:nth-child(12) .single-courses-box:hover .courses-image .courses-tag a, .owl-item:nth-child(12) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(6) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(6) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-4:nth-child(12) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-4:nth-child(12) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(6) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(6) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-6:nth-child(12) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-6:nth-child(12) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(6) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(6) .single-courses-box:focus .courses-image .courses-tag a, .col-lg-3:nth-child(12) .single-courses-box:hover .courses-image .courses-tag a, .col-lg-3:nth-child(12) .single-courses-box:focus .courses-image .courses-tag a { color: #ffffff; }

.shorting-menu { margin-bottom: 40px; margin-top: -30px; }

.shorting-menu .filter { background-color: transparent; border: none; color: #727695; transition: 0.5s; padding: 0; margin-right: 20px; font-weight: 500; }

.shorting-menu .filter:hover, .shorting-menu .filter:focus, .shorting-menu .filter.mixitup-control-active { color: #b22222; }

.courses-slides.owl-theme { margin-top: -25px; }

.courses-slides.owl-theme .single-courses-box { margin-top: 25px; }

.courses-slides.owl-theme .owl-nav { margin-top: 0; }

.courses-slides.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; font-size: 25px; margin: 0; padding: 0; background: transparent; width: 50px; height: 50px; line-height: 51px; position: absolute; left: -45px; transition: 0.5s; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; border-radius: 50%; border-style: solid; border-color: #e3e4ef; border-width: 2px; }

.courses-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: -45px; }

.courses-slides.owl-theme .owl-nav [class*=owl-]:hover, .courses-slides.owl-theme .owl-nav [class*=owl-]:focus { background-color: #b22222; color: #ffffff; border-color: #b22222; box-shadow: 0px 8px 16px 0px rgba(241, 96, 1, 0.2); }

.courses-slides.owl-theme .owl-nav [class*=owl-].disabled { color: #e3e4ef; }

.courses-slides.owl-theme .owl-nav [class*=owl-].disabled:hover, .courses-slides.owl-theme .owl-nav [class*=owl-].disabled:focus { background-color: transparent; color: #e3e4ef; border-color: #e3e4ef; box-shadow: unset; }

.courses-slides.owl-theme:hover .owl-nav [class*=owl-], .courses-slides.owl-theme:focus .owl-nav [class*=owl-] { opacity: 1; visibility: visible; }

.courses-slides.owl-theme .owl-dots { margin-top: 15px; }

.courses-slides.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; margin: 0 5px; background: #dddddd; transition: 0.5s; border-radius: 50%; transform: scale(0.9); }

.courses-slides.owl-theme .owl-dots .owl-dot:hover span, .courses-slides.owl-theme .owl-dots .owl-dot.active span { background-color: #b22222; }

.courses-slides.owl-theme .owl-dots .owl-dot.active span { transform: scale(1.2); }

.courses-list-tab .tabs { margin-bottom: 40px; text-align: center; list-style-type: none; background-color: #ffffff; box-shadow: 0 2px 16px 0px rgba(146, 184, 255, 0.15); border-radius: 5px; padding-left: 20px; padding-right: 20px; }

.courses-list-tab .tabs li { display: inline-block; margin-left: 15px; margin-right: 15px; }

.courses-list-tab .tabs li:last-child { margin-right: 0; }

.courses-list-tab .tabs li:first-child { margin-left: 0; }

.courses-list-tab .tabs li a { display: inline-block; position: relative; font-size: 16px; font-weight: 600; padding-top: 15px; padding-bottom: 15px; }

.courses-list-tab .tabs li a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; transition: 0.5s; background: #eeeeee; }

.courses-list-tab .tabs li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; transition: 0.5s; background-color: #b22222; transform: scaleX(0); }

.courses-list-tab .tabs li a:hover, .courses-list-tab .tabs li a:focus { color: #b22222; }

.courses-list-tab .tabs li a:hover::after, .courses-list-tab .tabs li a:focus::after { transform: scaleX(1); }

.courses-list-tab .tabs li.current a { color: #b22222; }

.courses-list-tab .tabs li.current a::after { transform: scaleX(1); }

.tab .tabs-item { display: none; }

.tab .tabs-item:first-child { display: block; }

.courses-topbar { margin-bottom: 40px; }

.courses-topbar .topbar-result-count p { line-height: initial; font-family: "Poppins", sans-serif; font-size: 16px; }

.courses-topbar .topbar-ordering-and-search { text-align: right; }

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select { background-color: transparent; border: none; height: 45px; line-height: 45px; color: #b22222; font-size: 15px; padding-left: 0; padding-right: 0; }

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select::after { right: 2px; width: 7px; height: 7px; border-color: #b22222; border-width: 1px; }

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list { background-color: #ffffff; border-radius: 0; box-shadow: unset; width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; }

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option { font-size: 14px; transition: 0.5s; padding-left: 15px; padding-right: 15px; }

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option:hover, .courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.focus, .courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.selected.focus { background-color: transparent; color: #b22222; }

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.selected { font-weight: 400; }

.courses-topbar .topbar-ordering-and-search .topbar-search form { position: relative; }

.courses-topbar .topbar-ordering-and-search .topbar-search form label { display: block; margin-bottom: 0; position: absolute; left: 20px; top: 14.2px; font-size: 18px; color: #b22222; }

.courses-topbar .topbar-ordering-and-search .topbar-search form .input-search { height: 50px; color: #252525; background-color: #eef5f9; display: block; width: 100%; border-radius: 30px; padding: 3px 15px 0 48px; border: none; transition: 0.5s; font-size: 14px; font-weight: 400; }

.courses-topbar .topbar-ordering-and-search .topbar-search form .input-search::placeholder { color: #b22222; transition: 0.5s; }

.courses-topbar .topbar-ordering-and-search .topbar-search form .input-search:focus::placeholder { color: transparent; }

/*================================================
Courses Details CSS
=================================================*/
.courses-details-header { margin-bottom: 30px; }

.courses-details-header .courses-title h2 { margin-bottom: 12px; font-size: 30px; font-weight: 700; }

.courses-details-header .courses-meta { margin-top: 20px; }

.courses-details-header .courses-meta ul { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.courses-details-header .courses-meta ul li { margin-right: 20px; position: relative; display: inline-block; border-right: 1px solid #eeeeee; font-weight: 500; font-size: 16px; padding-right: 20px; padding-left: 37px; }

.courses-details-header .courses-meta ul li i { font-size: 25px; color: #cfcfcf; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.courses-details-header .courses-meta ul li span { display: block; color: #b22222; text-transform: uppercase; margin-bottom: 1px; font-size: 14px; font-weight: 600; }

.courses-details-header .courses-meta ul li a { display: inline-block; color: #252525; }

.courses-details-header .courses-meta ul li a:hover, .courses-details-header .courses-meta ul li a:focus { color: #b22222; }

.courses-details-header .courses-meta ul li:last-child { padding-right: 0; margin-right: 0; border-right: none; }

.courses-details-header .courses-price { text-align: right; }

.courses-details-header .courses-price .price { display: inline-block; margin-right: 15px; position: relative; top: 6px; font-size: 35px; font-weight: 600; }

.courses-details-header .courses-price .default-btn { border-radius: 5px; }

.courses-details-header .courses-price .courses-review { display: block; margin-bottom: 10px; }

.courses-details-header .courses-price .courses-review .review-stars { display: inline-block; }

.courses-details-header .courses-price .courses-review .review-stars i { color: #f2b827; font-size: 20px; display: inline-block; margin-right: -3px; }

.courses-details-header .courses-price .courses-review .reviews-total { position: relative; color: #b22222; position: relative; top: -1px; font-weight: 500; margin-left: 2px; }

.courses-details-image { border-radius: 5px; }

.courses-details-image img { width: 100%; border-radius: 5px; }

.courses-details-desc { margin-top: 35px; }

.courses-details-desc h3 { margin-bottom: 15px; font-size: 22px; font-weight: 600; }

.courses-details-desc h3:not(first-child) { margin-top: 30px; }

.courses-details-desc .why-you-learn { margin-top: 20px; }

.courses-details-desc .why-you-learn ul { display: flex; flex-wrap: wrap; list-style-type: none; padding-left: 0; margin-left: -10px; margin-right: -10px; margin-bottom: -12px; }

.courses-details-desc .why-you-learn ul li { flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; padding-bottom: 12px; }

.courses-details-desc .why-you-learn ul li span { display: block; color: #252525; position: relative; padding-left: 28px; line-height: 1.7; font-weight: 500; }

.courses-details-desc .why-you-learn ul li span i { position: absolute; left: 0; top: 2px; color: #b22222; font-size: 22px; }

.courses-details-desc .requirements-list { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.courses-details-desc .requirements-list li { color: #b22222; margin-bottom: 10px; position: relative; padding-left: 17px; font-family: "Open Sans", sans-serif; }

.courses-details-desc .requirements-list li::before { position: absolute; left: 0; content: ''; top: 7px; width: 7px; height: 7px; border-radius: 50%; background-color: #252525; }

.courses-details-desc .requirements-list li:last-child { margin-bottom: 0; }

.courses-details-desc p strong { color: #252525; }

.courses-details-desc .description-features-list { padding-left: 15px; margin-bottom: 15px; list-style-type: none; }

.courses-details-desc .description-features-list li { color: #b22222; margin-bottom: 10px; position: relative; padding-left: 17px; font-family: "Open Sans", sans-serif; line-height: 1.8; }

.courses-details-desc .description-features-list li::before { position: absolute; left: 0; content: ''; top: 10px; width: 7px; height: 7px; border-radius: 50%; background-color: #252525; }

.courses-details-desc .description-features-list li strong { color: #252525; }

.courses-details-desc .description-features-list li:last-child { margin-bottom: 0; }

.courses-details-desc .audience-list { padding-left: 15px; margin-bottom: 0; list-style-type: none; }

.courses-details-desc .audience-list li { color: #b22222; margin-bottom: 10px; position: relative; padding-left: 17px; font-family: "Open Sans", sans-serif; line-height: 1.8; }

.courses-details-desc .audience-list li::before { position: absolute; left: 0; content: ''; top: 10px; width: 7px; height: 7px; border-radius: 50%; background-color: #252525; }

.courses-details-desc .audience-list li strong { color: #252525; }

.courses-details-desc .audience-list li:last-child { margin-bottom: 0; }

.courses-details-desc .courses-author { margin-top: 20px; border-radius: 5px; background: #f8f8f8; }

.courses-details-desc .courses-author .author-profile-header { height: 115px; border-radius: 5px 5px 0 0; background-color: #b22222; background-image: url(../../assets/img/bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.courses-details-desc .courses-author .author-profile { padding: 0 25px 25px; }

.courses-details-desc .courses-author .author-profile .author-profile-title { position: relative; z-index: 1; margin-bottom: 15px; margin-top: -45px; }

.courses-details-desc .courses-author .author-profile .author-profile-title img { display: inline-block; border: 3px solid #ffffff; width: 100px; height: 100px; }

.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-title-details { margin-top: 15px; }

.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details h4 { margin-bottom: 5px; font-size: 17px; font-weight: 600; }

.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details span { color: #b22222; font-size: 14px; }

.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-raque-profile a { color: #252525; padding: 5px 12px 4px; border-radius: 2px; font-size: 14px; font-weight: 600; }

.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-raque-profile a:hover, .courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-raque-profile a:focus { background-color: #b22222; color: #ffffff; }

.courses-details-desc .courses-accordion { margin-top: 20px; }

.courses-details-desc .courses-accordion .accordion { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.courses-details-desc .courses-accordion .accordion .accordion-item { background-color: #fdfdfd; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title { display: block; border: 1px solid #eeeeee; border-radius: 0; position: relative; padding: 13px 40px 13px 15px; border-top: none; color: #252525; font-size: 16px; font-weight: 600; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 20px; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title.active i { transform: translateY(-50%) rotate(180deg); }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title:hover, .courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title.active { background-color: #b22222; color: #ffffff; border-color: #b22222 !important; }

.courses-details-desc .courses-accordion .accordion .accordion-item:first-child .accordion-title { border-top: 1px solid #eeeeee; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content { border: 1px solid #eeeeee; border-top: none; display: none; padding: 10px 15px; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content.show { display: block; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons { border-bottom: 1px solid #eeeeee; position: relative; padding-top: 15px; padding-right: 210px; padding-bottom: 15px; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons:last-child { border-bottom: none; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .number { color: #252525; display: inline-block; margin-right: 3px; font-weight: 500; font-size: 15.5px; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .preview { padding: 1px 7px 0px; text-align: center; margin-left: 5px; background: #0eb582; color: #ffffff; font-weight: 500; font-size: 12px; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .locked { padding: 1px 7px 0px; text-align: center; margin-left: 5px; background: red; color: #ffffff; font-weight: 500; font-size: 12px; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-title { display: inline-block; color: #726b6b; font-size: 15.5px; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-title:hover { color: #b22222; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .duration { display: inline-block; position: relative; padding-left: 20px; font-weight: 500; margin-right: 10px; color: #726b6b; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .duration i { position: absolute; left: 0; top: 3px; color: #b22222; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .attrachment-video { display: inline-block; position: relative; padding-left: 21px; font-weight: 500; color: #726b6b; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .attrachment-video i { position: absolute; left: 0; font-size: 17px; top: 2px; color: #b22222; }

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .attrachment-video:hover { color: #b22222; }

.related-courses { margin-top: 40px; }

.related-courses h3 { margin-bottom: 25px; font-size: 22px; font-weight: 600; }

.courses-sidebar-information { margin-bottom: 40px; }

.courses-sidebar-information ul { padding-left: 0; margin-bottom: 0; list-style-type: none; background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); }

.courses-sidebar-information ul li { border-bottom: 1px dashed #eeeeee; color: #252525; overflow: hidden; text-align: right; padding: 12px 15px; font-size: 15px; font-weight: 500; }

.courses-sidebar-information ul li span { display: block; width: 170px; text-align: left; float: left; }

.courses-sidebar-information ul li span i { color: #b22222; position: relative; top: 4px; transition: 0.5s; font-size: 20px; margin-right: 2px; }

.courses-sidebar-information ul li:hover span i { transform: rotateY(-180deg); }

.courses-sidebar-information ul li:last-child { border-bottom: none; }

.courses-sidebar-syllabus { border: 1px solid #f3f3f3; margin-bottom: 40px; border-radius: 5px; padding: 20px; }

.courses-sidebar-syllabus h3 { margin-bottom: 30px; font-size: 22px; font-weight: 600; }

.courses-sidebar-syllabus .chapter { color: #b22222; display: block; text-transform: uppercase; margin-bottom: 5px; font-size: 13px; font-weight: 600; }

.courses-sidebar-syllabus h4 { margin-bottom: 15px; font-weight: 600; font-size: 18px; }

.courses-sidebar-syllabus .courses-list { margin-bottom: 30px; }

.courses-sidebar-syllabus .courses-list ul { margin-bottom: 0; padding-left: 0; list-style-type: none; }

.courses-sidebar-syllabus .courses-list ul li { font-size: 15px; color: #b22222; line-height: 23px; margin: 12px 0; }

.courses-sidebar-syllabus .courses-list ul li a { display: inline-block; color: #b22222; }

.courses-sidebar-syllabus .courses-list ul li a:hover, .courses-sidebar-syllabus .courses-list ul li a:focus { color: #b22222; }

.courses-sidebar-syllabus .courses-list ul li a .free-lesson { padding: 1px 8px; text-align: center; margin-left: 5px; background: #b22222; color: #ffffff; position: relative; top: -2px; font-weight: 500; font-size: 12px; }

.courses-sidebar-syllabus .courses-list ul li .number { display: inline-block; color: #252525; font-weight: 500; }

.courses-sidebar-syllabus .courses-list:last-child { margin-bottom: 0; }

.courses-purchase-info { padding: 20px; position: relative; border-radius: 5px; z-index: 1; background-image: url(../../assets/img/mission-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.courses-purchase-info::before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; border-radius: 5px; background-color: #b22222; opacity: .60; z-index: -1; }

.courses-purchase-info::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(../../assets/img/bg-lines.svg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.courses-purchase-info h4 { color: #ffffff; margin-bottom: 12px; line-height: 1.3; font-weight: 600; font-size: 19px; }

.courses-purchase-info p { color: #ffffff; font-size: 14px; }

.courses-purchase-info a { margin-right: 15px; text-decoration: underline; color: #ffffff; font-weight: 500; }

.courses-review-comments { margin-top: 40px; }

.courses-review-comments h3 { border-bottom: 1px solid #f3f3f3; padding-bottom: 20px; margin-top: 0; margin-bottom: 0; }

.courses-review-comments .user-review { border-bottom: 1px solid #f3f3f3; padding: 20px 0 20px 110px; position: relative; }

.courses-review-comments .user-review img { position: absolute; left: 0; top: 20px; width: 90px; height: 90px; border-radius: 5px; }

.courses-review-comments .user-review .sub-comment { margin-bottom: 10px; font-weight: 600; }

.courses-review-comments .user-review .review-rating { display: block; margin-bottom: 10px; }

.courses-review-comments .user-review .review-rating .review-stars { display: inline-block; }

.courses-review-comments .user-review .review-rating .review-stars i { color: #f2b827; font-size: 18px; display: inline-block; margin-right: -3px; }

.courses-review-comments .user-review .review-rating span { color: #252525; position: relative; top: -2px; font-weight: 500; margin-left: 5px; }

/*================================================
Team CSS
=================================================*/
.team-area { position: relative; z-index: 2; }

.single-instructor-member { position: relative; background: #ffffff; border-radius: 5px; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); text-align: center; z-index: 1; transition: 0.5s; }

.single-instructor-member::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background: #ffffff; transition: 0.5s; z-index: -1; }

.single-instructor-member .member-image { overflow: hidden; padding: 10px; border-radius: 5px 5px 0 0; }

.single-instructor-member .member-image img { transition: 0.5s; border-radius: 5px 5px 0 0; }

.single-instructor-member .member-content { padding: 15px 25px 25px 25px; border-radius: 5px; position: relative; }

.single-instructor-member .member-content h3 { margin-bottom: 8px; font-size: 20px; font-weight: 600; }

.single-instructor-member .member-content h3 a { display: inline-block; }

.single-instructor-member .member-content span { display: block; color: #b22222; font-weight: 500; }

.single-instructor-member .member-content .social { padding-left: 0; margin-bottom: 0; list-style-type: none; position: absolute; left: 0; right: 0; top: -35px; }

.single-instructor-member .member-content .social li { display: inline-block; }

.single-instructor-member .member-content .social li a { display: block; width: 35px; height: 35px; border-radius: unset; font-size: 16px; border-radius: 50%; background-color: #b22222; color: #ffffff; opacity: 0; transform: translateY(-15px); position: relative; }

.single-instructor-member .member-content .social li a.facebook { background-color: #3b5998; }

.single-instructor-member .member-content .social li a.twitter { background-color: #1da1f2; }

.single-instructor-member .member-content .social li a.instagram { background-color: #c13584; }

.single-instructor-member .member-content .social li a.linkedin { background-color: #0077b5; }

.single-instructor-member .member-content .social li a:hover, .single-instructor-member .member-content .social li a:focus { background-color: #b22222; color: #ffffff; }

.single-instructor-member .member-content .social li a i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }

.single-instructor-member .member-content .social li:nth-child(2) a { transition-delay: 0.05s; }

.single-instructor-member .member-content .social li:nth-child(3) a { transition-delay: 0.1s; }

.single-instructor-member .member-content .social li:nth-child(4) a { transition-delay: 0.15s; }

.single-instructor-member:hover::after, .single-instructor-member:focus::after { transform: rotate(7deg); box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); }

.single-instructor-member:hover .member-image img, .single-instructor-member:focus .member-image img { transform: translateY(-50px); }

.single-instructor-member:hover .member-content .social li a, .single-instructor-member:focus .member-content .social li a { opacity: 1; transform: translateY(0); }

.team-btn-box { margin-top: 40px; }

.single-instructor-box { text-align: center; }

.single-instructor-box .image { border: 4px solid #ffcbd6; padding: 10px; position: relative; overflow: hidden; border-radius: 10px; transition: 0.5s; }

.single-instructor-box .image img { border-radius: 5px; }

.single-instructor-box .image .social { padding-left: 0; list-style-type: none; position: absolute; left: 0; right: 0; bottom: 15px; margin-left: auto; margin-right: auto; margin-bottom: 0; }

.single-instructor-box .image .social li { display: inline-block; transform: translateY(30px); transition: all 0.3s ease-in-out 0s; opacity: 0; visibility: hidden; margin-left: 1px; margin-right: 1px; }

.single-instructor-box .image .social li a { display: block; width: 33px; height: 33px; background-color: #f4f5fe; text-align: center; position: relative; font-size: 20px; color: #252525; border-radius: 2px; transition: 0.5s; }

.single-instructor-box .image .social li a i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin-left: auto; margin-right: auto; }

.single-instructor-box .image .social li a:hover { color: #ffffff; background-color: #b22222; }

.single-instructor-box .image .social li:nth-child(1) { transition-delay: 0.1s; }

.single-instructor-box .image .social li:nth-child(2) { transition-delay: 0.2s; }

.single-instructor-box .image .social li:nth-child(3) { transition-delay: 0.3s; }

.single-instructor-box .image .social li:nth-child(4) { transition-delay: 0.4s; }

.single-instructor-box .content { margin-top: 25px; }

.single-instructor-box .content h3 { margin-bottom: 0; font-size: 20px; font-weight: 600; }

.single-instructor-box .content h3 a { display: inline-block; }

.single-instructor-box .content span { display: block; color: #b22222; font-size: 14px; margin-top: 6px; }

.single-instructor-box:hover .image { border-color: #b22222; }

.single-instructor-box:hover .image .social li { transform: translateY(0); opacity: 1; visibility: visible; }

.owl-item:nth-child(2) .single-instructor-box .image, .owl-item:nth-child(6) .single-instructor-box .image, .col-lg-4:nth-child(2) .single-instructor-box .image, .col-lg-4:nth-child(6) .single-instructor-box .image { border-color: #ffe5be; }

.owl-item:nth-child(2) .single-instructor-box .image .social li a:hover, .owl-item:nth-child(6) .single-instructor-box .image .social li a:hover, .col-lg-4:nth-child(2) .single-instructor-box .image .social li a:hover, .col-lg-4:nth-child(6) .single-instructor-box .image .social li a:hover { color: #ffffff; background-color: #fea116; }

.owl-item:nth-child(2) .single-instructor-box .content span, .owl-item:nth-child(6) .single-instructor-box .content span, .col-lg-4:nth-child(2) .single-instructor-box .content span, .col-lg-4:nth-child(6) .single-instructor-box .content span { color: #fea116; }

.owl-item:nth-child(2) .single-instructor-box:hover .image, .owl-item:nth-child(6) .single-instructor-box:hover .image, .col-lg-4:nth-child(2) .single-instructor-box:hover .image, .col-lg-4:nth-child(6) .single-instructor-box:hover .image { border-color: #fea116; }

.owl-item:nth-child(3) .single-instructor-box .image, .owl-item:nth-child(5) .single-instructor-box .image, .col-lg-4:nth-child(3) .single-instructor-box .image, .col-lg-4:nth-child(5) .single-instructor-box .image { border-color: #b2f3df; }

.owl-item:nth-child(3) .single-instructor-box .image .social li a:hover, .owl-item:nth-child(5) .single-instructor-box .image .social li a:hover, .col-lg-4:nth-child(3) .single-instructor-box .image .social li a:hover, .col-lg-4:nth-child(5) .single-instructor-box .image .social li a:hover { color: #ffffff; background-color: #b22222; }

.owl-item:nth-child(3) .single-instructor-box .content span, .owl-item:nth-child(5) .single-instructor-box .content span, .col-lg-4:nth-child(3) .single-instructor-box .content span, .col-lg-4:nth-child(5) .single-instructor-box .content span { color: #b22222; }

.owl-item:nth-child(3) .single-instructor-box:hover .image, .owl-item:nth-child(5) .single-instructor-box:hover .image, .col-lg-4:nth-child(3) .single-instructor-box:hover .image, .col-lg-4:nth-child(5) .single-instructor-box:hover .image { border-color: #b22222; }

.team-slides.owl-theme .owl-nav { margin-top: 0; }

.team-slides.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; font-size: 25px; margin: 0; padding: 0; background: transparent; width: 50px; height: 50px; line-height: 51px; position: absolute; left: -45px; transition: 0.5s; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; border-radius: 50%; border-style: solid; border-color: #e3e4ef; border-width: 2px; }

.team-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: -45px; }

.team-slides.owl-theme .owl-nav [class*=owl-]:hover, .team-slides.owl-theme .owl-nav [class*=owl-]:focus { background-color: #b22222; color: #ffffff; border-color: #b22222; box-shadow: 0px 8px 16px 0px rgba(241, 96, 1, 0.2); }

.team-slides.owl-theme .owl-nav [class*=owl-].disabled { color: #e3e4ef; }

.team-slides.owl-theme .owl-nav [class*=owl-].disabled:hover, .team-slides.owl-theme .owl-nav [class*=owl-].disabled:focus { background-color: transparent; color: #e3e4ef; border-color: #e3e4ef; box-shadow: unset; }

.team-slides.owl-theme:hover .owl-nav [class*=owl-], .team-slides.owl-theme:focus .owl-nav [class*=owl-] { opacity: 1; visibility: visible; }

#particles-js-circle-bubble-3 { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; }

.single-team-member { text-align: center; position: relative; }

.single-team-member .member-content { padding: 25px; position: absolute; left: 0; top: 85%; z-index: 2; background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); opacity: 0; right: 0; transition: 0.5s; visibility: hidden; transform: translateY(10px); margin-left: 15px; margin-right: 15px; }

.single-team-member .member-content h3 { margin-bottom: 8px; font-size: 20px; font-weight: 600; }

.single-team-member .member-content h3 a { display: inline-block; }

.single-team-member .member-content span { display: block; color: #b22222; margin-bottom: 9px; font-weight: 500; font-size: 14px; }

.single-team-member .member-content .social { padding-left: 0; list-style-type: none; margin-bottom: 0; margin-top: 5; }

.single-team-member .member-content .social li { display: inline-block; margin-left: 1px; margin-right: 1px; }

.single-team-member .member-content .social li a { display: block; width: 35px; height: 35px; border-radius: unset; font-size: 16px; border-radius: 50%; background-color: #b22222; color: #ffffff; position: relative; }

.single-team-member .member-content .social li a.facebook { background-color: #3b5998; }

.single-team-member .member-content .social li a.twitter { background-color: #1da1f2; }

.single-team-member .member-content .social li a.instagram { background-color: #c13584; }

.single-team-member .member-content .social li a.linkedin { background-color: #0077b5; }

.single-team-member .member-content .social li a:hover, .single-team-member .member-content .social li a:focus { background-color: #b22222; color: #ffffff; }

.single-team-member .member-content .social li a i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }

.single-team-member:hover .member-content { opacity: 1; visibility: visible; transform: translateY(0); }

/*================================================
Team Details CSS
=================================================*/
.instructor-details-area .section-title { margin-bottom: 40px; }

.instructor-details-desc { margin-bottom: 60px; }

.instructor-details-desc .instructor-details-sidebar { text-align: center; }

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta { margin-bottom: 20px; margin-top: 30px; }

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li { position: relative; text-align: left; display: inline-block; font-weight: 500; font-size: 16px; padding-left: 37px; margin-left: 8px; margin-right: 8px; }

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li i { font-size: 25px; color: #cfcfcf; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li span { display: block; color: #b22222; text-transform: uppercase; margin-bottom: 1px; font-size: 14px; font-weight: 600; }

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li a { display: inline-block; color: #252525; }

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li a:hover, .instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li a:focus { color: #b22222; }

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li:last-child { padding-right: 0; margin-right: 0; border-right: none; }

.instructor-details-desc .instructor-details-sidebar .default-btn { border-radius: 30px; }

.instructor-details-desc .instructor-details-sidebar .social-link { padding-left: 0; list-style-type: none; margin-top: 25px; margin-bottom: 0; }

.instructor-details-desc .instructor-details-sidebar .social-link li { display: inline-block; margin-left: 1px; margin-right: 1px; }

.instructor-details-desc .instructor-details-sidebar .social-link li a { width: 35px; height: 35px; border-radius: 50%; color: #ffffff; font-size: 17px; position: relative; background-color: #b22222; border: 1px solid #b22222; border-radius: 50%; }

.instructor-details-desc .instructor-details-sidebar .social-link li a i { position: absolute; left: 0; right: 0; top: 48%; transform: translateY(-48%); }

.instructor-details-desc .instructor-details-sidebar .social-link li a:hover, .instructor-details-desc .instructor-details-sidebar .social-link li a:focus { background-color: transparent; color: #b22222; border-color: #b22222; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.facebook { background-color: #3b5998; border-color: #3b5998; color: #ffffff; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.facebook:hover, .instructor-details-desc .instructor-details-sidebar .social-link li a.facebook:focus { color: #3b5998; background-color: transparent; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.twitter { background-color: #1da1f2; border-color: #1da1f2; color: #ffffff; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.twitter:hover, .instructor-details-desc .instructor-details-sidebar .social-link li a.twitter:focus { color: #1da1f2; background-color: transparent; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.linkedin { background-color: #007bb5; border-color: #007bb5; color: #ffffff; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.linkedin:hover, .instructor-details-desc .instructor-details-sidebar .social-link li a.linkedin:focus { color: #007bb5; background-color: transparent; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.instagram { background-color: #c13584; border-color: #c13584; color: #ffffff; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.instagram:hover, .instructor-details-desc .instructor-details-sidebar .social-link li a.instagram:focus { color: #c13584; background-color: transparent; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.pinterest { background-color: #bd081c; border-color: #bd081c; color: #ffffff; }

.instructor-details-desc .instructor-details-sidebar .social-link li a.pinterest:hover, .instructor-details-desc .instructor-details-sidebar .social-link li a.pinterest:focus { color: #bd081c; background-color: transparent; }

.instructor-details-desc .instructor-details h3 { margin-bottom: 10px; font-size: 25px; font-weight: 700; }

.instructor-details-desc .instructor-details .sub-title { color: #b22222; display: block; margin-bottom: 15px; font-size: 16px; font-weight: 500; }

.instructor-details-desc .instructor-details .instructor-details-info { margin-top: 25px; }

.instructor-details-desc .instructor-details .instructor-details-info h3 { font-size: 20px; margin-bottom: 20px; }

.instructor-details-desc .instructor-details .instructor-details-info ul { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.instructor-details-desc .instructor-details .instructor-details-info ul li { position: relative; text-align: left; display: block; font-weight: 500; font-size: 16px; padding-left: 37px; margin-bottom: 15px; }

.instructor-details-desc .instructor-details .instructor-details-info ul li:last-child { margin-bottom: 0; }

.instructor-details-desc .instructor-details .instructor-details-info ul li i { font-size: 25px; color: #cfcfcf; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.instructor-details-desc .instructor-details .instructor-details-info ul li span { display: block; color: #b22222; text-transform: uppercase; margin-bottom: 1px; font-size: 14px; font-weight: 600; }

.instructor-details-desc .instructor-details .instructor-details-info ul li:last-child { padding-right: 0; margin-right: 0; border-right: none; }

/*================================================
Mission CSS
=================================================*/
.mission-area { position: relative; z-index: 1; background-image: url(../../assets/img/mission-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.mission-content { background-color: #ffffff; padding: 60px; border-radius: 5px; max-width: 630px; }

.mission-content .section-title { margin-bottom: 35px; }

.mission-content h3 { margin-bottom: 15px; border-bottom: 1px solid #eeeeee; padding-bottom: 15px; font-size: 18px; font-weight: 600; }

.mission-content .default-btn { margin-top: 8px; }

.mission-content .owl-theme .owl-nav { margin-top: 0; }

.mission-content .owl-theme .owl-nav [class*=owl-] { color: #252525; font-size: 25px; margin: 0; padding: 0; background: #ffffff; width: 50px; height: 50px; line-height: 56px; position: absolute; left: -84px; transition: 0.5s; border: none; top: 50%; transform: translateY(-50%); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; border-radius: 50%; }

.mission-content .owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: -84px; }

.mission-content .owl-theme .owl-nav [class*=owl-]:hover, .mission-content .owl-theme .owl-nav [class*=owl-]:focus { background-color: #b22222; color: #ffffff; }

/*================================================
Testimonials CSS
=================================================*/
.testimonials-area { position: relative; z-index: 1; overflow: hidden; }

.single-testimonials-item { background-color: #ffffff; padding: 35px 30px 95px; box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.06); text-align: center; transition: 0.5s; position: relative; margin-bottom: 100px; }

.single-testimonials-item p { line-height: 1.9; margin-bottom: 0; transition: 0.5s; font-size: 16px; }

.single-testimonials-item .info { position: absolute; left: 0; bottom: -100px; right: 0; }

.single-testimonials-item .info img { width: 100px !important; height: 100px; display: inline-block !important; border: 3px solid #ffffff; }

.single-testimonials-item .info h3 { margin-bottom: 5px; margin-top: 20px; font-size: 20px; font-weight: 600; }

.single-testimonials-item .info span { color: #b22222; display: block; font-weight: 500; }

.owl-item .single-testimonials-item { box-shadow: unset; margin-top: 30px; transition: 0.5s; opacity: .7; }

.owl-item.active.center .single-testimonials-item { box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.06); margin-top: 0; background-color: #b22222; transition: 0.5s; opacity: 1; border-radius: 5px; }

.owl-item.active.center .single-testimonials-item p { color: #ffffff; }

.testimonials-slides.owl-theme .owl-dots { margin-top: 15px; }

.testimonials-slides.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; margin: 0 5px; background: #dddddd; transition: 0.5s; border-radius: 50%; transform: scale(0.9); }

.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span { background-color: #b22222; }

.testimonials-slides.owl-theme .owl-dots .owl-dot.active span { transform: scale(1.2); }

.feedback-area { position: relative; z-index: 1; background-color: #F7F5F4; }

.single-feedback-item { text-align: left; max-width: 720px; margin-left: auto; margin-right: auto; }

.single-feedback-item p { color: #252525; margin-bottom: 0; font-weight: 600; font-family: "Poppins", sans-serif; font-size: 22px; }

.single-feedback-item .info { text-align: right; margin-top: 50px; position: relative; z-index: 1; padding-right: 118px; padding-bottom: 22px; }

.single-feedback-item .info img { width: 100px !important; height: 100px; display: inline-block !important; border: 3px solid #ffffff; position: absolute; right: 0; bottom: 0; }

.single-feedback-item .info h3 { margin-bottom: 5px; margin-top: 20px; font-size: 18px; font-weight: 500; }

.single-feedback-item .info span { color: #b22222; display: block; font-weight: 500; font-size: 14px; }

.single-feedback-item .info::before { content: ''; position: absolute; right: 290px; bottom: 45px; width: 110px; height: 75px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(../../assets/img/arrow.png); }

.feedback-slides.owl-theme { margin-bottom: -40px; }

.feedback-slides.owl-theme .single-feedback-item { margin-bottom: 40px; }

.feedback-slides.owl-theme .owl-nav { margin-top: 0; }

.feedback-slides.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; font-size: 25px; margin: 0; padding: 0; background: transparent; width: 50px; height: 50px; line-height: 51px; position: absolute; left: 50px; transition: 0.5s; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; border-radius: 50%; border-style: solid; border-color: #e3e4ef; border-width: 2px; }

.feedback-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 50px; }

.feedback-slides.owl-theme .owl-nav [class*=owl-]:hover, .feedback-slides.owl-theme .owl-nav [class*=owl-]:focus { background-color: #b22222; color: #ffffff; border-color: #b22222; box-shadow: 0px 8px 16px 0px rgba(241, 96, 1, 0.2); }

.feedback-slides.owl-theme .owl-nav [class*=owl-].disabled { color: #e3e4ef; }

.feedback-slides.owl-theme .owl-nav [class*=owl-].disabled:hover, .feedback-slides.owl-theme .owl-nav [class*=owl-].disabled:focus { background-color: transparent; color: #e3e4ef; border-color: #e3e4ef; box-shadow: unset; }

.feedback-slides.owl-theme:hover .owl-nav [class*=owl-], .feedback-slides.owl-theme:focus .owl-nav [class*=owl-] { left: 70px; opacity: 1; visibility: visible; }

.feedback-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next, .feedback-slides.owl-theme:focus .owl-nav [class*=owl-].owl-next { left: auto; right: 70px; }

/*================================================
Gallery CSS
=================================================*/
.single-gallery-item { position: relative; z-index: 1; border-radius: 5px; overflow: hidden; }

.single-gallery-item img { border-radius: 5px; cursor: zoom-in; transition: 0.5s; }

.single-gallery-item:hover img { transform: scale(1.2) rotate(5deg); filter: blur(3px); }

/*================================================
Students Feedback Form CSS
=================================================*/
.students-feedback-form-area { position: relative; z-index: 1; background-image: url(../../assets/img/feedback-form-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.students-feedback-form-content h2 { color: #ffffff; margin-bottom: 0; line-height: 1.3; font-size: 50px; font-weight: 700; }

.students-feedback-form { position: relative; z-index: 1; text-align: center; background-color: #ffffff; color: #ffffff; }

.students-feedback-form h3 { background-color: #b22222; margin-bottom: 0; color: #ffffff; padding: 25px 20px; font-size: 25px; font-weight: 600; }

.students-feedback-form form { color: #252525; padding: 30px; }

.students-feedback-form form .form-group { text-align: left; position: relative; margin-bottom: 30px; }

.students-feedback-form form .form-group .form-control { border-radius: 0; border: none; border-bottom: 1.3px solid #eeeeee; padding: 0 0 0 30px; color: #252525; height: 45px; box-shadow: unset !important; transition: 0.5s; font-size: 15px; font-weight: 400; }

.students-feedback-form form .form-group .form-control::placeholder { transition: .2s; }

.students-feedback-form form .form-group .form-control:focus { padding-left: 0; }

.students-feedback-form form .form-group .form-control:focus::placeholder { color: transparent; }

.students-feedback-form form .form-group .form-control:focus + .label-title::before { width: 100%; }

.students-feedback-form form .form-group .form-control:focus + .label-title { color: #A1A1A1; }

.students-feedback-form form .form-group .form-control:focus + .label-title i { top: -15px; }

.students-feedback-form form .form-group .label-title { margin-bottom: 0; position: absolute; display: block; left: 0; top: 0; pointer-events: none; width: 100%; height: 100%; color: #252525; }

.students-feedback-form form .form-group .label-title::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; transition: 0.5s; background: #b22222; }

.students-feedback-form form .form-group .label-title i { position: absolute; left: 0; transition: 0.5s; top: 10px; font-size: 20px; }

.students-feedback-form form .form-group textarea.form-control { height: auto !important; padding-top: 10px; }

.students-feedback-form::after { right: 100%; top: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 20px; margin-top: -20px; border-right-color: inherit; z-index: -1; }

.feedback-form-area { position: relative; z-index: 1; margin-top: -80px; }

.feedback-form-inner { background-color: #ffffff; border-radius: 5px 0 5px 5px; box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.08); }

.feedback-form-inner .feedback-form-image { width: 100%; height: 100%; text-align: center; position: relative; }

.feedback-form-inner .feedback-form-image img { position: absolute; left: 0; text-align: center; margin: 0 auto; bottom: 10px; right: 0; }

.feedback-form-inner .feedback-form { position: relative; }

.feedback-form-inner .feedback-form h3 { color: #ffffff; background-color: #b22222; text-align: center; margin-bottom: 0; border-radius: 5px 5px 0 0; position: absolute; left: 0; bottom: 100%; width: 100%; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; font-size: 20px; font-weight: 600; }

.feedback-form-inner .feedback-form form { text-align: center; padding: 30px 30px 30px 0; }

.feedback-form-inner .feedback-form form .form-group { text-align: left; margin-bottom: 15px; }

.feedback-form-inner .feedback-form form .form-control::placeholder { transition: 0.5s; }

.feedback-form-inner .feedback-form form .form-control:focus::placeholder { color: transparent; }

.feedback-form-inner .feedback-form form .default-btn { margin-top: 5px; border-radius: 3px; }

/*================================================
Blog CSS
=================================================*/
.single-blog-post { border-radius: 5px 5px 0 0; }

.single-blog-post .post-image { transition: all 0.3s cubic-bezier(0.3, 0.58, 0.55, 1); position: relative; overflow: hidden; }

.single-blog-post .post-image img { transition: all 2s cubic-bezier(0.2, 1, 0.22, 1); }

.single-blog-post .post-image::before, .single-blog-post .post-image::after { transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); content: ''; background-color: #ffffff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; transform: translate(-50%, -50%); }

.single-blog-post .post-image::before { width: 60px; height: 1px; left: 100%; }

.single-blog-post .post-image::after { height: 60px; width: 1px; top: 0; }

.single-blog-post .post-image .tag { position: absolute; left: 12px; top: 12px; z-index: 2; }

.single-blog-post .post-image .tag a { display: inline-block; background-color: #ffffff; color: #b22222; transition: 0.5s; border-radius: 5px; padding: 4px 12px; font-size: 14px; font-weight: 500; }

.single-blog-post .post-content { margin-top: 25px; }

.single-blog-post .post-content .post-meta { padding-left: 0; margin-bottom: 15px; list-style-type: none; }

.single-blog-post .post-content .post-meta li { display: inline-block; color: #b22222; margin-right: 15px; position: relative; }

.single-blog-post .post-content .post-meta li.post-author img { width: 30px; height: 30px; position: relative; top: -2px; margin-right: 5px; }

.single-blog-post .post-content .post-meta li.post-author a { color: #b22222; }

.single-blog-post .post-content .post-meta li a { display: inline-block; color: #b22222; }

.single-blog-post .post-content .post-meta li a:hover, .single-blog-post .post-content .post-meta li a:focus { color: #b22222; }

.single-blog-post .post-content .post-meta li::before { position: absolute; right: -10px; top: 7px; height: 14px; content: ''; width: 1px; background-color: #b22222; transform: rotate(15deg); }

.single-blog-post .post-content .post-meta li:last-child { margin-right: 0; }

.single-blog-post .post-content .post-meta li:last-child::before { display: none; }

.single-blog-post .post-content h3 { margin-bottom: 15px; line-height: 1.5; font-size: 20px; font-weight: 600; }

.single-blog-post .post-content .read-more-btn { display: inline-block; position: relative; z-index: 1; padding-right: 20px; font-size: 15px; font-weight: 400; }

.single-blog-post .post-content .read-more-btn i { font-size: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.single-blog-post .post-content .read-more-btn::before { content: ''; position: absolute; background-color: #b22222; left: 0; bottom: 0; height: 1px; width: 0; z-index: -1; transition: 0.5s; }

.single-blog-post .post-content .read-more-btn:hover::before, .single-blog-post .post-content .read-more-btn:focus::before { width: 100%; }

.single-blog-post:hover .post-image::before, .single-blog-post:hover .post-image::after, .single-blog-post:focus .post-image::before, .single-blog-post:focus .post-image::after { opacity: 1; top: 50%; left: 50%; }

.single-blog-post:hover .post-image img, .single-blog-post:focus .post-image img { zoom: 1; opacity: .9 !important; transform: scale(1.07); }

.single-blog-post:hover .post-image .tag a, .single-blog-post:focus .post-image .tag a { background-color: #b22222; color: #ffffff; }

.blog-slides.owl-theme .owl-nav { margin-top: 0; }

.blog-slides.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; font-size: 25px; margin: 0; padding: 0; background: transparent; width: 50px; height: 50px; line-height: 51px; position: absolute; left: -45px; transition: 0.5s; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; border-radius: 50%; border-style: solid; border-color: #e3e4ef; border-width: 2px; }

.blog-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: -45px; }

.blog-slides.owl-theme .owl-nav [class*=owl-]:hover, .blog-slides.owl-theme .owl-nav [class*=owl-]:focus { background-color: #b22222; color: #ffffff; border-color: #b22222; box-shadow: 0px 8px 16px 0px rgba(241, 96, 1, 0.2); }

.blog-slides.owl-theme .owl-nav [class*=owl-].disabled { color: #e3e4ef; }

.blog-slides.owl-theme .owl-nav [class*=owl-].disabled:hover, .blog-slides.owl-theme .owl-nav [class*=owl-].disabled:focus { background-color: transparent; color: #e3e4ef; border-color: #e3e4ef; box-shadow: unset; }

.blog-slides.owl-theme:hover .owl-nav [class*=owl-], .blog-slides.owl-theme:focus .owl-nav [class*=owl-] { opacity: 1; visibility: visible; }

.owl-item:nth-child(2) .single-blog-post .post-image .tag a, .owl-item:nth-child(7) .single-blog-post .post-image .tag a, .col-lg-4:nth-child(2) .single-blog-post .post-image .tag a, .col-lg-4:nth-child(7) .single-blog-post .post-image .tag a, .col-lg-6:nth-child(2) .single-blog-post .post-image .tag a, .col-lg-6:nth-child(7) .single-blog-post .post-image .tag a, .col-lg-3:nth-child(2) .single-blog-post .post-image .tag a, .col-lg-3:nth-child(7) .single-blog-post .post-image .tag a { color: #b22222; }

.owl-item:nth-child(2) .single-blog-post:hover .post-image .tag a, .owl-item:nth-child(2) .single-blog-post:focus .post-image .tag a, .owl-item:nth-child(7) .single-blog-post:hover .post-image .tag a, .owl-item:nth-child(7) .single-blog-post:focus .post-image .tag a, .col-lg-4:nth-child(2) .single-blog-post:hover .post-image .tag a, .col-lg-4:nth-child(2) .single-blog-post:focus .post-image .tag a, .col-lg-4:nth-child(7) .single-blog-post:hover .post-image .tag a, .col-lg-4:nth-child(7) .single-blog-post:focus .post-image .tag a, .col-lg-6:nth-child(2) .single-blog-post:hover .post-image .tag a, .col-lg-6:nth-child(2) .single-blog-post:focus .post-image .tag a, .col-lg-6:nth-child(7) .single-blog-post:hover .post-image .tag a, .col-lg-6:nth-child(7) .single-blog-post:focus .post-image .tag a, .col-lg-3:nth-child(2) .single-blog-post:hover .post-image .tag a, .col-lg-3:nth-child(2) .single-blog-post:focus .post-image .tag a, .col-lg-3:nth-child(7) .single-blog-post:hover .post-image .tag a, .col-lg-3:nth-child(7) .single-blog-post:focus .post-image .tag a { background-color: #b22222; color: #ffffff; }

.owl-item:nth-child(3) .single-blog-post .post-image .tag a, .owl-item:nth-child(8) .single-blog-post .post-image .tag a, .col-lg-4:nth-child(3) .single-blog-post .post-image .tag a, .col-lg-4:nth-child(8) .single-blog-post .post-image .tag a, .col-lg-6:nth-child(3) .single-blog-post .post-image .tag a, .col-lg-6:nth-child(8) .single-blog-post .post-image .tag a, .col-lg-3:nth-child(3) .single-blog-post .post-image .tag a, .col-lg-3:nth-child(8) .single-blog-post .post-image .tag a { color: #fea116; }

.owl-item:nth-child(3) .single-blog-post:hover .post-image .tag a, .owl-item:nth-child(3) .single-blog-post:focus .post-image .tag a, .owl-item:nth-child(8) .single-blog-post:hover .post-image .tag a, .owl-item:nth-child(8) .single-blog-post:focus .post-image .tag a, .col-lg-4:nth-child(3) .single-blog-post:hover .post-image .tag a, .col-lg-4:nth-child(3) .single-blog-post:focus .post-image .tag a, .col-lg-4:nth-child(8) .single-blog-post:hover .post-image .tag a, .col-lg-4:nth-child(8) .single-blog-post:focus .post-image .tag a, .col-lg-6:nth-child(3) .single-blog-post:hover .post-image .tag a, .col-lg-6:nth-child(3) .single-blog-post:focus .post-image .tag a, .col-lg-6:nth-child(8) .single-blog-post:hover .post-image .tag a, .col-lg-6:nth-child(8) .single-blog-post:focus .post-image .tag a, .col-lg-3:nth-child(3) .single-blog-post:hover .post-image .tag a, .col-lg-3:nth-child(3) .single-blog-post:focus .post-image .tag a, .col-lg-3:nth-child(8) .single-blog-post:hover .post-image .tag a, .col-lg-3:nth-child(8) .single-blog-post:focus .post-image .tag a { background-color: #fea116; color: #ffffff; }

.owl-item:nth-child(4) .single-blog-post .post-image .tag a, .owl-item:nth-child(9) .single-blog-post .post-image .tag a, .col-lg-4:nth-child(4) .single-blog-post .post-image .tag a, .col-lg-4:nth-child(9) .single-blog-post .post-image .tag a, .col-lg-6:nth-child(4) .single-blog-post .post-image .tag a, .col-lg-6:nth-child(9) .single-blog-post .post-image .tag a, .col-lg-3:nth-child(4) .single-blog-post .post-image .tag a, .col-lg-3:nth-child(9) .single-blog-post .post-image .tag a { color: #1cb5a3; }

.owl-item:nth-child(4) .single-blog-post:hover .post-image .tag a, .owl-item:nth-child(4) .single-blog-post:focus .post-image .tag a, .owl-item:nth-child(9) .single-blog-post:hover .post-image .tag a, .owl-item:nth-child(9) .single-blog-post:focus .post-image .tag a, .col-lg-4:nth-child(4) .single-blog-post:hover .post-image .tag a, .col-lg-4:nth-child(4) .single-blog-post:focus .post-image .tag a, .col-lg-4:nth-child(9) .single-blog-post:hover .post-image .tag a, .col-lg-4:nth-child(9) .single-blog-post:focus .post-image .tag a, .col-lg-6:nth-child(4) .single-blog-post:hover .post-image .tag a, .col-lg-6:nth-child(4) .single-blog-post:focus .post-image .tag a, .col-lg-6:nth-child(9) .single-blog-post:hover .post-image .tag a, .col-lg-6:nth-child(9) .single-blog-post:focus .post-image .tag a, .col-lg-3:nth-child(4) .single-blog-post:hover .post-image .tag a, .col-lg-3:nth-child(4) .single-blog-post:focus .post-image .tag a, .col-lg-3:nth-child(9) .single-blog-post:hover .post-image .tag a, .col-lg-3:nth-child(9) .single-blog-post:focus .post-image .tag a { background-color: #1cb5a3; color: #ffffff; }

.owl-item:nth-child(5) .single-blog-post .post-image .tag a, .owl-item:nth-child(10) .single-blog-post .post-image .tag a, .col-lg-4:nth-child(5) .single-blog-post .post-image .tag a, .col-lg-4:nth-child(10) .single-blog-post .post-image .tag a, .col-lg-6:nth-child(5) .single-blog-post .post-image .tag a, .col-lg-6:nth-child(10) .single-blog-post .post-image .tag a, .col-lg-3:nth-child(5) .single-blog-post .post-image .tag a, .col-lg-3:nth-child(10) .single-blog-post .post-image .tag a { color: #3d64ff; }

.owl-item:nth-child(5) .single-blog-post:hover .post-image .tag a, .owl-item:nth-child(5) .single-blog-post:focus .post-image .tag a, .owl-item:nth-child(10) .single-blog-post:hover .post-image .tag a, .owl-item:nth-child(10) .single-blog-post:focus .post-image .tag a, .col-lg-4:nth-child(5) .single-blog-post:hover .post-image .tag a, .col-lg-4:nth-child(5) .single-blog-post:focus .post-image .tag a, .col-lg-4:nth-child(10) .single-blog-post:hover .post-image .tag a, .col-lg-4:nth-child(10) .single-blog-post:focus .post-image .tag a, .col-lg-6:nth-child(5) .single-blog-post:hover .post-image .tag a, .col-lg-6:nth-child(5) .single-blog-post:focus .post-image .tag a, .col-lg-6:nth-child(10) .single-blog-post:hover .post-image .tag a, .col-lg-6:nth-child(10) .single-blog-post:focus .post-image .tag a, .col-lg-3:nth-child(5) .single-blog-post:hover .post-image .tag a, .col-lg-3:nth-child(5) .single-blog-post:focus .post-image .tag a, .col-lg-3:nth-child(10) .single-blog-post:hover .post-image .tag a, .col-lg-3:nth-child(10) .single-blog-post:focus .post-image .tag a { background-color: #3d64ff; color: #ffffff; }

/*================================================
Blog Details CSS
=================================================*/
.blog-details-desc .article-image img { width: 100%; border-radius: 5px; }

.blog-details-desc .article-content { margin-top: 30px; }

.blog-details-desc .article-content .entry-meta ul { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.blog-details-desc .article-content .entry-meta ul li { margin-right: 20px; position: relative; display: inline-block; border-right: 1px solid #eeeeee; font-weight: 500; font-size: 16px; padding-right: 20px; padding-left: 45px; }

.blog-details-desc .article-content .entry-meta ul li i { font-size: 30px; color: #cfcfcf; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.blog-details-desc .article-content .entry-meta ul li span { display: block; color: #b22222; text-transform: uppercase; margin-bottom: 1px; font-size: 14px; font-weight: 600; }

.blog-details-desc .article-content .entry-meta ul li a { display: inline-block; color: #252525; }

.blog-details-desc .article-content .entry-meta ul li a:hover, .blog-details-desc .article-content .entry-meta ul li a:focus { color: #b22222; }

.blog-details-desc .article-content .entry-meta ul li:last-child { padding-right: 0; margin-right: 0; border-right: none; }

.blog-details-desc .article-content h3 { margin-bottom: 15px; margin-top: 25px; font-size: 22px; font-weight: 600; }

.blog-details-desc .article-content .wp-block-gallery.columns-3 { padding-left: 0; list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; margin-bottom: 30px; margin-top: 30px; }

.blog-details-desc .article-content .wp-block-gallery.columns-3 li { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; padding-right: 10px; padding-left: 10px; }

.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure { margin-bottom: 0; }

.blog-details-desc .article-content .features-list { padding-left: 0; list-style-type: none; margin-top: 25px; margin-bottom: 30px; }

.blog-details-desc .article-content .features-list li { margin-bottom: 15px; position: relative; padding-left: 28px; color: #b22222; }

.blog-details-desc .article-content .features-list li i { color: #b22222; display: inline-block; font-size: 20px; position: absolute; left: 0; top: 0; }

.blog-details-desc .article-content .features-list li:last-child { margin-bottom: 0; }

.blog-details-desc .article-footer { display: flex; flex-wrap: wrap; border-top: 1px solid #eeeeee; padding-top: 30px; margin-top: 30px; }

.blog-details-desc .article-footer .article-tags { flex: 0 0 50%; max-width: 50%; color: #b22222; }

.blog-details-desc .article-footer .article-tags span { display: inline-block; color: #252525; margin-right: 3px; position: relative; top: 3px; font-size: 20px; }

.blog-details-desc .article-footer .article-tags a { display: inline-block; color: #b22222; font-weight: 500; }

.blog-details-desc .article-footer .article-tags a:hover { color: #b22222; }

.blog-details-desc .article-footer .article-share { flex: 0 0 50%; max-width: 50%; }

.blog-details-desc .article-footer .article-share .social { padding-left: 0; list-style-type: none; text-align: right; margin-bottom: 0; }

.blog-details-desc .article-footer .article-share .social li { display: inline-block; }

.blog-details-desc .article-footer .article-share .social li span { display: inline-block; margin-right: 3px; font-weight: 500; color: #b22222; position: relative; top: -2px; }

.blog-details-desc .article-footer .article-share .social li a { display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; background-color: #b22222; color: #ffffff; border: 1px solid #b22222; text-align: center; font-size: 17px; margin-left: 2px; }

.blog-details-desc .article-footer .article-share .social li a:hover, .blog-details-desc .article-footer .article-share .social li a:focus { color: #b22222; background-color: transparent; }

.blog-details-desc .article-footer .article-share .social li a.facebook { background-color: #3b5998; border-color: #3b5998; color: #ffffff; }

.blog-details-desc .article-footer .article-share .social li a.facebook:hover, .blog-details-desc .article-footer .article-share .social li a.facebook:focus { color: #3b5998; background-color: transparent; }

.blog-details-desc .article-footer .article-share .social li a.twitter { background-color: #1da1f2; border-color: #1da1f2; color: #ffffff; }

.blog-details-desc .article-footer .article-share .social li a.twitter:hover, .blog-details-desc .article-footer .article-share .social li a.twitter:focus { color: #1da1f2; background-color: transparent; }

.blog-details-desc .article-footer .article-share .social li a.linkedin { background-color: #007bb5; border-color: #007bb5; color: #ffffff; }

.blog-details-desc .article-footer .article-share .social li a.linkedin:hover, .blog-details-desc .article-footer .article-share .social li a.linkedin:focus { color: #007bb5; background-color: transparent; }

.blog-details-desc .article-footer .article-share .social li a.instagram { background-color: #c13584; border-color: #c13584; color: #ffffff; }

.blog-details-desc .article-footer .article-share .social li a.instagram:hover, .blog-details-desc .article-footer .article-share .social li a.instagram:focus { color: #c13584; background-color: transparent; }

.blog-details-desc .article-author { margin-top: 30px; border-radius: 5px; background: #f8f8f8; }

.blog-details-desc .article-author .author-profile-header { height: 115px; border-radius: 5px 5px 0 0; background-color: #b22222; background-image: url(../../assets/img/bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.blog-details-desc .article-author .author-profile { padding: 0 25px 25px; }

.blog-details-desc .article-author .author-profile .author-profile-title { position: relative; z-index: 1; margin-bottom: 15px; margin-top: -45px; }

.blog-details-desc .article-author .author-profile .author-profile-title img { display: inline-block; border: 3px solid #ffffff; width: 100px; height: 100px; }

.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-title-details { margin-top: 15px; }

.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details h4 { margin-bottom: 5px; font-size: 17px; font-weight: 600; }

.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details span { color: #b22222; font-size: 14px; }

.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-raque-profile a { color: #252525; padding: 5px 12px 4px; border-radius: 2px; font-size: 14px; font-weight: 600; }

.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-raque-profile a:hover, .blog-details-desc .article-author .author-profile .author-profile-title .author-profile-raque-profile a:focus { background-color: #b22222; color: #ffffff; }

blockquote, .blockquote { overflow: hidden; background-color: #fafafa; padding: 50px !important; position: relative; text-align: center; z-index: 1; margin-bottom: 20px; margin-top: 20px; }

blockquote p, .blockquote p { color: #252525; line-height: 1.6; margin-bottom: 0; font-style: italic; font-weight: 500; font-size: 22px !important; }

blockquote cite, .blockquote cite { display: none; }

blockquote::before, .blockquote::before { color: #efefef; position: absolute; left: 50px; top: -50px; z-index: -1; content: "\ed67"; font-family: "boxicons" !important; font-weight: normal; font-style: normal; font-variant: normal; font-size: 135px; }

blockquote::after, .blockquote::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #b22222; margin-top: 20px; margin-bottom: 20px; }

.raque-post-navigation { display: flex; flex-wrap: wrap; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }

.prev-link-wrapper { flex: 0 0 50%; max-width: 50%; padding-right: 15px; }

.prev-link-wrapper a { display: flex; align-items: center; }

.prev-link-wrapper a:hover .image-prev::after { opacity: 1; visibility: visible; }

.prev-link-wrapper a:hover .image-prev .post-nav-title { opacity: 1; visibility: visible; }

.prev-link-wrapper a:hover .prev-link-info-wrapper { color: #b22222; }

.prev-link-wrapper .image-prev { display: inline-block; min-width: 100px; width: 100px; border-radius: 5px; overflow: hidden; vertical-align: top; margin-right: 20px; position: relative; transition: 0.5s; }

.prev-link-wrapper .image-prev img { border-radius: 5px; }

.prev-link-wrapper .image-prev::after { display: block; content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; opacity: 0; background-color: #b22222; visibility: hidden; transition: 0.5s; }

.prev-link-wrapper .image-prev .post-nav-title { position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; margin: 0 auto; text-align: center; text-transform: uppercase; z-index: 2; color: #ffffff; opacity: 0; visibility: hidden; transition: 0.5s; font-size: 16px; font-weight: 500; }

.prev-link-wrapper .prev-link-info-wrapper { color: #252525; transition: 0.5s; }

.prev-link-wrapper .prev-title { display: inline-block; font-weight: 500; font-size: 17px; }

.prev-link-wrapper .meta-wrapper { display: block; color: #b22222; text-transform: capitalize; margin-top: 5px; font-weight: 400; font-size: 14px; }

.next-link-wrapper { flex: 0 0 50%; max-width: 50%; text-align: right; padding-left: 15px; }

.next-link-wrapper a { display: flex; align-items: center; }

.next-link-wrapper a:hover .image-next::after { opacity: 1; visibility: visible; }

.next-link-wrapper a:hover .image-next .post-nav-title { opacity: 1; visibility: visible; }

.next-link-wrapper a:hover .next-link-info-wrapper { color: #b22222; }

.next-link-wrapper .image-next { display: inline-block; min-width: 100px; width: 100px; border-radius: 5px; overflow: hidden; vertical-align: top; margin-left: 20px; position: relative; transition: 0.5s; }

.next-link-wrapper .image-next img { border-radius: 5px; }

.next-link-wrapper .image-next::after { display: block; content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; opacity: 0; background-color: #b22222; visibility: hidden; transition: 0.5s; }

.next-link-wrapper .image-next .post-nav-title { position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; margin: 0 auto; text-align: center; text-transform: uppercase; z-index: 2; color: #ffffff; opacity: 0; visibility: hidden; transition: 0.5s; font-size: 16px; font-weight: 500; }

.next-link-wrapper .next-link-info-wrapper { transition: 0.5s; color: #252525; }

.next-link-wrapper .next-title { display: inline-block; font-weight: 500; font-size: 17px; }

.next-link-wrapper .meta-wrapper { display: block; color: #b22222; text-transform: capitalize; margin-top: 5px; font-weight: 400; font-size: 14px; }

.comments-area { margin-top: 30px; }

.comments-area .comments-title { margin-bottom: 30px; line-height: initial; font-size: 22px; font-weight: 600; }

.comments-area ol, .comments-area ul { padding: 0; margin: 0; list-style-type: none; }

.comments-area .comment-list { padding: 0; margin: 0; list-style-type: none; }

.comments-area .children { margin-left: 20px; }

.comments-area .comment-body { border-bottom: 1px dashed #eeeeee; padding-left: 65px; color: #252525; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px; }

.comments-area .comment-body .reply { margin-top: 15px; }

.comments-area .comment-body .reply a { border: 1px dashed #ded9d9; color: #252525; display: inline-block; padding: 5px 20px; border-radius: 30px; text-transform: uppercase; font-size: 12px; font-weight: 600; }

.comments-area .comment-body .reply a:hover { color: #ffffff; background-color: #b22222; border-color: #b22222; }

.comments-area .comment-author { font-size: 15px; margin-bottom: 0.2em; position: relative; z-index: 2; }

.comments-area .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px; }

.comments-area .comment-author .fn { font-weight: 600; }

.comments-area .comment-author .says { display: none; }

.comments-area .comment-metadata { margin-bottom: .8em; color: #b22222; letter-spacing: 0.01em; text-transform: uppercase; font-size: 13px; font-weight: 400; }

.comments-area .comment-metadata a { color: #b22222; }

.comments-area .comment-metadata a:hover { color: #b22222; }

.comments-area .comment-respond { margin-top: 30px; }

.comments-area .comment-respond .comment-reply-title { margin-bottom: 0; font-size: 22px; font-weight: 600; }

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link { display: inline-block; }

.comments-area .comment-respond .comment-form { overflow: hidden; }

.comments-area .comment-respond .comment-notes { margin-bottom: 20px; margin-top: 10px; }

.comments-area .comment-respond .comment-notes .required { color: red; }

.comments-area .comment-respond .comment-form-comment { float: left; width: 100%; }

.comments-area .comment-respond label { display: none; }

.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea { display: block; width: 100%; background-color: #f4f4f4; border: none; padding: 0 0 0 15px; height: 50px; outline: 0; border-radius: 3px; font-family: "Poppins", sans-serif; font-weight: 400; font-size: 14px; }

.comments-area .comment-respond input[type="date"]::placeholder, .comments-area .comment-respond input[type="time"]::placeholder, .comments-area .comment-respond input[type="datetime-local"]::placeholder, .comments-area .comment-respond input[type="week"]::placeholder, .comments-area .comment-respond input[type="month"]::placeholder, .comments-area .comment-respond input[type="text"]::placeholder, .comments-area .comment-respond input[type="email"]::placeholder, .comments-area .comment-respond input[type="url"]::placeholder, .comments-area .comment-respond input[type="password"]::placeholder, .comments-area .comment-respond input[type="search"]::placeholder, .comments-area .comment-respond input[type="tel"]::placeholder, .comments-area .comment-respond input[type="number"]::placeholder, .comments-area .comment-respond textarea::placeholder { transition: 0.5s; color: #b22222; }

.comments-area .comment-respond input[type="date"]:focus::placeholder, .comments-area .comment-respond input[type="time"]:focus::placeholder, .comments-area .comment-respond input[type="datetime-local"]:focus::placeholder, .comments-area .comment-respond input[type="week"]:focus::placeholder, .comments-area .comment-respond input[type="month"]:focus::placeholder, .comments-area .comment-respond input[type="text"]:focus::placeholder, .comments-area .comment-respond input[type="email"]:focus::placeholder, .comments-area .comment-respond input[type="url"]:focus::placeholder, .comments-area .comment-respond input[type="password"]:focus::placeholder, .comments-area .comment-respond input[type="search"]:focus::placeholder, .comments-area .comment-respond input[type="tel"]:focus::placeholder, .comments-area .comment-respond input[type="number"]:focus::placeholder, .comments-area .comment-respond textarea:focus::placeholder { color: transparent; }

.comments-area .comment-respond textarea { height: auto !important; padding-top: 15px; }

.comments-area .comment-respond .comment-form-author { float: left; width: 50%; padding-right: 10px; margin-bottom: 20px; }

.comments-area .comment-respond .comment-form-email { float: left; width: 50%; padding-left: 12px; margin-bottom: 20px; }

.comments-area .comment-respond .comment-form-url { float: left; width: 100%; margin-bottom: 20px; }

.comments-area .comment-respond .comment-form-cookies-consent { width: 100%; float: left; position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 15px; }

.comments-area .comment-respond .comment-form-cookies-consent input { position: absolute; left: 0; top: 5px; }

.comments-area .comment-respond .comment-form-cookies-consent label { display: inline-block; margin: 0; color: #b22222; position: relative; top: -1.5px; font-weight: normal; font-size: 16px; }

.comments-area .comment-respond .form-submit { float: left; width: 100%; }

.comments-area .comment-respond .form-submit input { background: #b22222; border: none; color: #ffffff; padding: 12px 30px; display: inline-block; cursor: pointer; outline: 0; transition: 0.5s; border-radius: 5px; font-weight: 600; font-size: 16px; font-family: "Poppins", sans-serif; }

.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus { color: #ffffff; background-color: #b22222; }

/*================================================
How It Works CSS
=================================================*/
.how-it-works-area { position: relative; z-index: 1; background-color: #b22222; }

.how-it-works-area::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(../../assets/img/bg-lines.svg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.how-it-works-area .section-title .sub-title { color: #ffffff; }

.how-it-works-area .section-title h2 { color: #ffffff; }

.single-work-process { text-align: center; position: relative; z-index: 1; padding-left: 30px; padding-right: 30px; }

.single-work-process .icon { width: 90px; height: 90px; position: relative; margin-bottom: 30px; font-size: 50px; color: #ffffff; transition: 0.5s; border-width: 2px; border-style: dashed; border-color: rgba(255, 255, 255, 0.8); border-radius: 50%; margin-left: auto; margin-right: auto; }

.single-work-process .icon i { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }

.single-work-process h3 { color: #ffffff; margin-bottom: 12px; font-size: 22px; font-weight: 700; }

.single-work-process p { color: #ffffff; opacity: 0.95; }

.single-work-process::before { content: ''; position: absolute; right: -55px; top: 15px; width: 110px; height: 75px; transform: rotate(-15deg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(../../assets/img/white-arrow.png); }

.single-work-process:hover .icon { background-color: #ffffff; color: #b22222; border-color: #ffffff; }

.col-lg-4:nth-child(2) .single-work-process:hover .icon { color: #b22222; }

.col-lg-4:nth-child(2) .single-work-process::before { transform: rotate(-10deg); }

.col-lg-4:nth-child(3) .single-work-process:hover .icon { color: #fea116; }

.col-lg-4:nth-child(3) .single-work-process::before { display: none; }

/*================================================
Pricing CSS
=================================================*/
.pricing-area { background-color: #f7fafd; }

.pricing-table { background-color: #ffffff; box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.05); }

.pricing-table table { margin-bottom: 0; text-align: center; }

.pricing-table table thead tr { background: #b22222; }

.pricing-table table thead tr th { vertical-align: middle; border: none; color: #ffffff; padding: 16px 20px; font-size: 18px; font-weight: 600; }

.pricing-table table thead tr th:nth-child(1) { text-align: left; padding-left: 30px; }

.pricing-table table tbody td { vertical-align: middle; color: #252525; padding: 16px 20px; border-color: #eeeeee; font-size: 15px; font-weight: 400; }

.pricing-table table tbody td:nth-child(1) { text-align: left; padding-left: 30px; }

.pricing-table table tbody td i { width: 20px; height: 20px; line-height: 20px; border-radius: 100%; background-color: #b22222; color: #ffffff; display: block; margin: 0 auto; }

.pricing-table table tbody td i.bx-x { line-height: 22px; }

.pricing-table table tbody tr:nth-child(1) td i, .pricing-table table tbody tr:nth-child(8) td i { background-color: #facd60; }

.pricing-table table tbody tr:nth-child(3) td i, .pricing-table table tbody tr:nth-child(10) td i { background-color: #fd6c28; }

.pricing-table table tbody tr:nth-child(4) td i, .pricing-table table tbody tr:nth-child(11) td i { background-color: #ee0979; }

.pricing-table table tbody tr:nth-child(5) td i, .pricing-table table tbody tr:nth-child(12) td i { background-color: #1ac0c6; }

.pricing-table table tbody tr:nth-child(6) td i, .pricing-table table tbody tr:nth-child(13) td i { background-color: #f45271; }

.pricing-table table tbody tr:nth-child(7) td i, .pricing-table table tbody tr:nth-child(14) td i { background-color: #fd6d27; }

/*================================================
Page Title CSS
=================================================*/
.page-title-area { position: relative; z-index: 1; background-color: #b22222; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 330px; padding-bottom: 120px; }

.page-title-area.page-title-style-two { padding-top: 280px; padding-bottom: 120px; }

.page-title-area.page-title-style-three { padding-top: 180px; padding-bottom: 140px; }

.page-title-area.item-bg1 { background-image: url(../../assets/img/page-title/1.jpg); }

.page-title-area.item-bg2 { background-image: url(../../assets/img/page-title/2.jpg); }

.page-title-area.item-bg3 { background-image: url(../../assets/img/page-title/3.jpg); }

.page-title-area.item-bg4 { background-image: url(../../assets/img/page-title/4.jpg); }

.page-title-content ul { padding-left: 0; margin-bottom: 12px; list-style-type: none; }

.page-title-content ul li { display: inline-block; margin-right: 25px; position: relative; color: #ffffff; }

.page-title-content ul li a { display: inline-block; color: #ffffff; opacity: .85; }

.page-title-content ul li a:hover, .page-title-content ul li a:focus { color: #b22222; opacity: 1; }

.page-title-content ul li::before { content: "\ea50"; color: #ffffff; position: absolute; right: -25px; top: -4px; opacity: .85; font-family: "boxicons" !important; font-weight: normal; font-style: normal; font-variant: normal; font-size: 20px; }

.page-title-content ul li:last-child { margin-right: 0; }

.page-title-content ul li:last-child::before { display: none; }

.page-title-content h2 { color: #ffffff; margin-bottom: 0; font-size: 30px; font-weight: 700; }

/*================================================
Events CSS
=================================================*/
.single-events-box { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); background-color: #ffffff; border-radius: 5px; }

.single-events-box .events-box { display: flex; flex-wrap: wrap; border-radius: 5px; }

.single-events-box .events-box .events-image { flex: 0 0 25%; max-width: 25%; border-radius: 5px 0 0 5px; }

.single-events-box .events-box .events-image .image { height: 100%; width: 100%; border-radius: 5px 0 0 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.single-events-box .events-box .events-image .image img { display: none; }

.single-events-box .events-box .events-image .image.bg1 { background-image: url(../../assets/img/events/1.jpg); }

.single-events-box .events-box .events-image .image.bg2 { background-image: url(../../assets/img/events/2.jpg); }

.single-events-box .events-box .events-image .image.bg3 { background-image: url(../../assets/img/events/3.jpg); }

.single-events-box .events-box .events-image .image.bg4 { background-image: url(../../assets/img/events/4.jpg); }

.single-events-box .events-box .events-content { flex: 0 0 50%; max-width: 50%; }

.single-events-box .events-box .events-content .content { padding: 30px; }

.single-events-box .events-box .events-content .content h3 { margin-bottom: 10px; font-size: 20px; font-weight: 600; }

.single-events-box .events-box .events-content .content h3 a { display: inline-block; }

.single-events-box .events-box .events-content .content .location { display: block; color: #b22222; margin-top: 15px; }

.single-events-box .events-box .events-content .content .location i { color: #b22222; margin-right: 2px; position: relative; top: 1px; }

.single-events-box .events-box .events-content .content .join-now-btn { display: inline-block; margin-top: 20px; font-weight: 600; position: relative; padding-bottom: 3px; }

.single-events-box .events-box .events-content .content .join-now-btn::before { width: 100%; height: 1px; background: #b22222; content: ''; position: absolute; transition: 0.5s; left: 0; bottom: 0; }

.single-events-box .events-box .events-content .content .join-now-btn:hover::before { width: 0; }

.single-events-box .events-box .events-date { flex: 0 0 25%; max-width: 25%; border-radius: 0 5px 5px 0; }

.single-events-box .events-box .events-date .date { width: 100%; height: 100%; background-color: #b22222; text-align: center; color: #ffffff; position: relative; border-radius: 0 5px 5px 0; z-index: 1; font-size: 22px; font-weight: 600; }

.single-events-box .events-box .events-date .date span { display: inline-block; position: relative; z-index: 1; letter-spacing: 1px; margin-bottom: 12px; }

.single-events-box .events-box .events-date .date span::before { content: ''; position: absolute; right: 5px; top: 4px; background: #ffffff; width: 1px; height: 30px; transform: rotate(40deg); }

.single-events-box .events-box .events-date .date h3 { color: #ffffff; margin-bottom: 6px; text-transform: uppercase; font-size: 25px; font-weight: 700; }

.single-events-box .events-box .events-date .date p { color: #ffffff; line-height: initial; margin-bottom: 0; font-size: 17px; font-weight: 600; }

.single-events-box .events-box .events-date .date i { display: inline-block; font-size: 200px; color: #ffffff; position: absolute; z-index: -1; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); opacity: .20; }

/*================================================
Events Details CSS
=================================================*/
.events-details-header { margin-bottom: 25px; }

.events-details-header .back-all-events { display: inline-block; color: #b22222; text-transform: uppercase; margin-bottom: 13px; position: relative; padding-left: 23px; font-weight: 600; font-size: 14px; }

.events-details-header .back-all-events i { font-size: 20px; position: absolute; left: 0; top: 0; }

.events-details-header .back-all-events:hover, .events-details-header .back-all-events:focus { color: #b22222; }

.events-details-header h3 { margin-bottom: 13px; font-size: 25px; font-weight: 600; }

.events-details-header .events-meta { margin-top: 20px; }

.events-details-header .events-meta ul { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.events-details-header .events-meta ul li { margin-right: 20px; position: relative; display: inline-block; border-right: 1px solid #eeeeee; font-weight: 500; font-size: 16px; padding-right: 20px; padding-left: 37px; }

.events-details-header .events-meta ul li i { font-size: 25px; color: #cfcfcf; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.events-details-header .events-meta ul li span { display: block; color: #b22222; text-transform: uppercase; margin-bottom: 1px; font-size: 14px; font-weight: 600; }

.events-details-header .events-meta ul li a { display: inline-block; color: #252525; }

.events-details-header .events-meta ul li a:hover, .events-details-header .events-meta ul li a:focus { color: #b22222; }

.events-details-header .events-meta ul li:last-child { padding-right: 0; margin-right: 0; border-right: none; }

.events-details .events-details-image { margin-bottom: 25px; }

.events-details .events-details-image img { width: 100%; border-radius: 5px; }

.events-details .events-info-links { margin-top: 25px; }

.events-details .events-info-links a { display: inline-block; background-color: #b22222; color: #ffffff; border-radius: 5px; padding: 5px 15px 6px; margin-right: 5px; border: 1px solid #b22222; font-size: 15px; font-weight: 500; }

.events-details .events-info-links a:hover, .events-details .events-info-links a:focus { color: #b22222; background-color: transparent; }

/*================================================
Count Down CSS
=================================================*/
.countdown-area { background-color: #b22222; }

.countdown-content h2 { margin-bottom: 18px; line-height: 1.3; color: #ffffff; font-size: 30px; font-weight: 700; }

.countdown-content .sign-up-btn { display: inline-block; position: relative; color: #ffffff; z-index: 1; padding-right: 22px; transition: .4s; font-size: 16px; font-weight: 400; }

.countdown-content .sign-up-btn i { font-size: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.countdown-content .sign-up-btn::before { content: ''; position: absolute; background-color: #ffffff; left: 0; bottom: 0; height: 1px; width: 100%; z-index: -1; transition: 0.5s; }

.countdown-content .sign-up-btn:hover, .countdown-content .sign-up-btn:focus { padding-right: 25px; }

.countdown-content .sign-up-btn:hover::before, .countdown-content .sign-up-btn:focus::before { width: 0; }

.countdown-timer #timer div { display: inline-block; color: #ffffff; position: relative; font-size: 50px; font-weight: 700; margin-left: 30px; margin-right: 30px; }

.countdown-timer #timer div span { color: #ffffff; margin-top: -6px; display: block; font-size: 17px; font-weight: 500; }

.countdown-timer #timer div::before { content: "\ea4a"; position: absolute; right: -48px; top: 9px; color: #ffffff; font-size: 35px; font-family: "boxicons" !important; font-weight: normal; font-style: normal; font-variant: normal; }

.countdown-timer #timer div:first-child { margin-left: 0; }

.countdown-timer #timer div:last-child { margin-right: 0; }

.countdown-timer #timer div:last-child::before { display: none; }

/*================================================
Shop CSS
=================================================*/
.woocommerce-topbar { margin-bottom: 40px; }

.woocommerce-topbar .topbar-result-count p { line-height: initial; font-family: "Poppins", sans-serif; font-size: 16px; }

.woocommerce-topbar .topbar-ordering-and-search { text-align: right; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select { background-color: transparent; border: none; height: 45px; line-height: 45px; color: #b22222; font-size: 15px; padding-left: 0; padding-right: 0; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select::after { right: 2px; width: 7px; height: 7px; border-color: #b22222; border-width: 1px; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list { background-color: #ffffff; border-radius: 0; box-shadow: unset; width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option { font-size: 14px; transition: 0.5s; padding-left: 15px; padding-right: 15px; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option:hover, .woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.focus, .woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.selected.focus { background-color: transparent; color: #b22222; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.selected { font-weight: 400; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-search form { position: relative; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-search form label { display: block; margin-bottom: 0; position: absolute; left: 20px; top: 14.2px; font-size: 18px; color: #b22222; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-search form .input-search { height: 50px; color: #252525; background-color: #eef5f9; display: block; width: 100%; border-radius: 30px; padding: 3px 15px 0 48px; border: none; transition: 0.5s; font-size: 14px; font-weight: 400; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-search form .input-search::placeholder { color: #b22222; transition: 0.5s; }

.woocommerce-topbar .topbar-ordering-and-search .topbar-search form .input-search:focus::placeholder { color: transparent; }

.single-product-box { text-align: center; background-color: #ffffff; box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05); }

.single-product-box .product-image { overflow: hidden; position: relative; text-align: left; }

.single-product-box .product-image a { display: block; }

.single-product-box .product-image a img { transition: 0.5s; }

.single-product-box .product-image a img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; margin-left: 20px; }

.single-product-box .product-image .add-to-cart-btn { position: absolute; bottom: -45px; left: 0; width: 100%; background-color: #252525; color: #ffffff; padding: 18px 20px 13px; text-transform: uppercase; opacity: 0; visibility: hidden; display: block; font-size: 15px; font-weight: 600; }

.single-product-box .product-image .add-to-cart-btn i { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 25px; }

.single-product-box .product-image .add-to-cart-btn:hover, .single-product-box .product-image .add-to-cart-btn:focus { background-color: #b22222; color: #ffffff; }

.single-product-box .product-image .sale-btn { position: absolute; left: 20px; top: 20px; background-color: red; color: #ffffff; width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50%; text-transform: uppercase; font-weight: 700; font-size: 14px; }

.single-product-box .product-content { padding: 30px 25px; }

.single-product-box .product-content h3 { margin-bottom: 12px; font-size: 20px; font-weight: 600; }

.single-product-box .product-content h3 a { display: inline-block; }

.single-product-box .product-content .price { color: #252525; font-weight: 500; font-size: 15px; }

.single-product-box .product-content .price .old { text-decoration: line-through; color: #828893; font-size: 14px; }

.single-product-box .product-content .rating { margin-top: 10px; color: #ffb708; font-size: 18px; }

.single-product-box .product-content .rating i { margin-right: -1px; }

.single-product-box:hover .product-image a img:nth-child(2) { opacity: 1; visibility: visible; margin-left: 0; }

.single-product-box:hover .product-image .add-to-cart-btn { bottom: 0; opacity: 1; visibility: visible; }

/*================================================
Product Details CSS
=================================================*/
.products-details-image img { width: 100%; border-radius: 5px; }

.products-details-image .slick-slider { position: relative; padding: 0; margin: 0; list-style-type: none; }

.products-details-image .slick-dots { padding: 0; text-align: center; margin: 10px 0 0; list-style-type: none; display: flex; width: 100%; }

.products-details-image .slick-dots li { display: block; -ms-flex: 1; flex: 1; margin: 0 5px; }

.products-details-image .slick-dots li button { padding: 0; outline: 0; border: none; margin: 0; cursor: pointer; }

.products-details-image .slick-dots li:last-child { margin-right: 0; }

.products-details-image .slick-dots li:first-child { margin-left: 0; }

.products-details-image .slick-thumbs { display: none; }

.product-details-desc h3 { margin-bottom: 15px; font-size: 25px; font-weight: 600; }

.product-details-desc .price { margin-bottom: 15px; color: #b22222; font-size: 15px; font-weight: 600; }

.product-details-desc .price .old-price { text-decoration: line-through; color: #828893; font-weight: normal; }

.product-details-desc .product-review { margin-bottom: 15px; }

.product-details-desc .product-review .rating { display: inline-block; padding-right: 5px; font-size: 18px; }

.product-details-desc .product-review .rating i { color: #ffba0a; display: inline-block; margin-right: -2px; }

.product-details-desc .product-review .rating-count { display: inline-block; color: #252525; border-bottom: 1px solid #252525; line-height: initial; position: relative; top: -2px; }

.product-details-desc .product-review .rating-count:hover { color: #b22222; border-color: #b22222; }

.product-details-desc .product-meta { margin-top: 20px; }

.product-details-desc .product-meta span { display: block; color: #252525; margin-bottom: 8px; font-size: 15px; font-weight: 500; }

.product-details-desc .product-meta span span { display: inline-block; margin-bottom: 0; font-weight: normal; }

.product-details-desc .product-meta span span.sku { color: #b22222; }

.product-details-desc .product-meta span span.in-stock { color: #b22222; }

.product-details-desc .product-meta span a { display: inline-block; color: #b22222; }

.product-details-desc .product-meta span a:hover, .product-details-desc .product-meta span a:focus { color: #b22222; }

.product-details-desc .product-meta span:last-child { margin-bottom: 0; }

.product-details-desc .product-add-to-cart { margin-top: 25px; }

.product-details-desc .product-add-to-cart .input-counter { max-width: 130px; min-width: 130px; margin-right: 10px; text-align: center; display: inline-block; position: relative; }

.product-details-desc .product-add-to-cart .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 50px; height: 100%; line-height: 55px; transition: 0.5s; font-size: 25px; }

.product-details-desc .product-add-to-cart .input-counter span.minus-btn { left: 0; }

.product-details-desc .product-add-to-cart .input-counter span.plus-btn { right: 0; }

.product-details-desc .product-add-to-cart .input-counter span:hover { color: #b22222; }

.product-details-desc .product-add-to-cart .input-counter input { height: 50px; color: #252525; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600; }

.product-details-desc .product-add-to-cart .input-counter input::placeholder { color: #252525; }

.product-details-desc .product-add-to-cart .default-btn { height: 50px; top: -1px; position: relative; line-height: 50px; border: none; padding-top: 0; padding-bottom: 0; }

.product-details-desc .custom-payment-options { margin-top: 20px; }

.product-details-desc .custom-payment-options span { display: block; color: #b22222; margin-bottom: 10px; }

.product-details-desc .custom-payment-options .payment-methods a { display: inline-block; }

.product-details-desc .custom-payment-options .payment-methods a img { width: 40px; }

.products-details-tab { margin-top: 50px; }

.products-details-tab .tabs { list-style-type: none; margin-bottom: -1px; padding-left: 0; }

.products-details-tab .tabs li { display: inline-block; line-height: initial; margin-right: 5px; }

.products-details-tab .tabs li a { display: inline-block; position: relative; color: #252525; border: 1px dashed #eeeeee; padding-top: 13px; padding-bottom: 13px; padding-right: 30px; padding-left: 48px; font-weight: 500; font-size: 15px; }

.products-details-tab .tabs li a .dot { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; width: 12px; height: 12px; border: 1px solid #252525; transition: 0.5s; border-radius: 50%; }

.products-details-tab .tabs li a .dot::before { position: absolute; top: 0; content: ''; left: 0; right: 0; bottom: 0; background: #252525; margin: 2px; border-radius: 50%; transition: 0.5s; }

.products-details-tab .tabs li a:hover, .products-details-tab .tabs li a:focus { color: #ffffff; background-color: #b22222; border-color: #b22222; }

.products-details-tab .tabs li a:hover .dot, .products-details-tab .tabs li a:focus .dot { border-color: #ffffff; }

.products-details-tab .tabs li a:hover .dot::before, .products-details-tab .tabs li a:focus .dot::before { background: #ffffff; }

.products-details-tab .tabs li.current a { color: #ffffff; background-color: #b22222; border-color: #b22222; }

.products-details-tab .tabs li.current a .dot { border-color: #ffffff; }

.products-details-tab .tabs li.current a .dot::before { background: #ffffff; }

.products-details-tab .tabs li:last-child { margin-right: 0; }

.products-details-tab .tab-content { border: 1px dashed #eeeeee; padding: 30px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content p { margin-bottom: 20px; line-height: 1.8; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content p:last-child { margin-bottom: 0; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .additional-information { padding-left: 0; margin-bottom: 0; list-style-type: none; text-align: left; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .additional-information li { border: 1px solid #eeeeee; border-bottom: none; padding: 10px 15px 7px; color: #b22222; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .additional-information li:last-child { border-bottom: 1px solid #eeeeee; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .additional-information li span { display: inline-block; width: 30%; color: #252525; font-weight: 500; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content h3 { margin-bottom: 15px; font-size: 20px; font-weight: 600; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title { position: relative; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title .rating { display: inline-block; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title .rating .bx.bxs-star { color: #ffba0a; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title .rating i { color: #ebebeb; font-size: 18px; margin-right: -1px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title p { margin-bottom: 0; display: inline-block; padding-left: 5px; line-height: initial; position: relative; top: -2px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title .default-btn { position: absolute; right: 0; bottom: 0; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments { margin-top: 35px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item { margin-top: 30px; position: relative; padding-right: 200px; border-top: 1px dashed #eeeeee; padding-top: 30px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item .rating .bx.bxs-star { color: #ffba0a; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item .rating i { font-size: 18px; color: #ebebeb; margin-right: -1px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item h3 { font-size: 18px; margin-top: 8px; margin-bottom: 10px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item span { margin-bottom: 10px; font-size: 12px; display: block; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item span strong { font-weight: 500; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item p { margin-bottom: 0; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link { position: absolute; right: 0; color: #b22222; top: 40px; text-decoration: underline; font-weight: 500; font-size: 15px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover { color: #b22222; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form { margin-top: 30px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form h3 { margin-bottom: 20px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group { margin-bottom: 15px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group .form-control { display: block; width: 100%; background-color: #f4f4f4; border: none; padding: 0 0 0 15px; height: 50px; outline: 0; border-radius: 3px; font-family: "Poppins", sans-serif; font-weight: 400; font-size: 14px; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group .form-control::placeholder { transition: 0.5s; color: #b22222; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group .form-control:focus::placeholder { color: transparent; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group textarea.form-control { padding-top: 15px; height: auto; }

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .default-btn { margin-top: 10px; }

.related-products { margin-top: 70px; }

/*================================================
Cart CSS
=================================================*/
.cart-table table { margin-bottom: 0; }

.cart-table table thead tr th { border-bottom-width: 0px; vertical-align: middle; padding: 25px 0 25px; text-transform: uppercase; border: none; white-space: nowrap; font-size: 15px; font-weight: 600; }

.cart-table table tbody tr td { vertical-align: middle; color: #b22222; white-space: nowrap; padding-left: 0; padding-right: 0; border-color: #eaedff; border-left: none; border-right: none; }

.cart-table table tbody tr td.product-thumbnail a { display: block; }

.cart-table table tbody tr td.product-thumbnail a img { width: 80px; }

.cart-table table tbody tr td.product-name a { color: #b22222; font-weight: 500; display: inline-block; }

.cart-table table tbody tr td.product-name a:hover { color: #252525; }

.cart-table table tbody tr td.product-subtotal .remove { color: red; float: right; position: relative; top: -1px; font-size: 18px; }

.cart-table table tbody tr td.product-quantity .input-counter { max-width: 130px; min-width: 130px; text-align: center; display: inline-block; position: relative; }

.cart-table table tbody tr td.product-quantity .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 50px; transition: 0.5s; font-size: 22px; }

.cart-table table tbody tr td.product-quantity .input-counter span.minus-btn { left: 0; }

.cart-table table tbody tr td.product-quantity .input-counter span.plus-btn { right: 0; }

.cart-table table tbody tr td.product-quantity .input-counter span:hover { color: #b22222; }

.cart-table table tbody tr td.product-quantity .input-counter input { height: 45px; color: #252525; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600; }

.cart-table table tbody tr td.product-quantity .input-counter input::placeholder { color: #252525; }

.cart-table table tbody tr td.product-subtotal { overflow: hidden; }

.cart-buttons { margin-top: 30px; text-align: right; }

.cart-buttons .shopping-coupon-code { position: relative; max-width: 530px; }

.cart-buttons .shopping-coupon-code .form-control { height: 50px; }

.cart-buttons .shopping-coupon-code .form-control::placeholder { transition: 0.5s; }

.cart-buttons .shopping-coupon-code .form-control:focus::placeholder { color: transparent; }

.cart-buttons .shopping-coupon-code button { position: absolute; right: 0; top: 0; height: 50px; background: #252525; color: #ffffff; border: none; padding: 0 25px; line-height: 48px; outline: 0; transition: 0.5s; font-size: 15px; font-weight: 600; }

.cart-buttons .shopping-coupon-code button:hover { background-color: #b22222; }

.cart-totals { background: #ffffff; padding: 40px; max-width: 650px; box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); border-radius: 5px; margin-left: auto; margin-top: 50px; }

.cart-totals h3 { margin-bottom: 25px; font-size: 20px; font-weight: 600; }

.cart-totals ul { padding-left: 0; margin: 0 0 25px; list-style-type: none; }

.cart-totals ul li { border: 1px solid #eaedff; padding: 15px 15px; color: #252525; overflow: hidden; font-weight: 500; }

.cart-totals ul li:first-child { border-bottom: none; }

.cart-totals ul li:last-child { font-size: 18px; border-top: none; }

.cart-totals ul li:last-child span { color: #252525; }

.cart-totals ul li span { float: right; color: #b22222; font-weight: normal; }

/*================================================
Checkout CSS
=================================================*/
.user-actions { box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); background: #ffffff; padding: 15px 20px; border-top: 3px solid #b22222; position: relative; margin-bottom: 40px; }

.user-actions i { color: #b22222; margin-right: 2px; font-size: 20px; position: relative; top: 3px; }

.user-actions span { display: inline-block; font-weight: 500; color: #b22222; }

.user-actions span a { display: inline-block; color: #252525; }

.user-actions span a:hover, .user-actions span a:focus { color: #b22222; }

.billing-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; font-size: 20px; font-weight: 600; }

.billing-details .title::before { content: ''; position: absolute; background: #b22222; bottom: -1px; left: 0; width: 50px; height: 1px; }

.billing-details .form-group { margin-bottom: 25px; }

.billing-details .form-group label { display: block; margin-bottom: 8px; font-weight: 500; font-size: 14px; }

.billing-details .form-group label .required { color: red; }

.billing-details .form-group .nice-select { float: unset; line-height: 48px; color: #b22222; font-weight: normal; font-size: 15px; padding-top: 0; padding-bottom: 0; }

.billing-details .form-group .nice-select .list { background-color: #ffffff; box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); border-radius: 0; margin-top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; }

.billing-details .form-group .nice-select .list .option { transition: 0.5s; padding-left: 20px; padding-right: 20px; }

.billing-details .form-group .nice-select .list .option:hover { background-color: #b22222 !important; color: #ffffff; }

.billing-details .form-group .nice-select .list .option.selected { background-color: transparent; font-weight: 600; }

.billing-details .form-group .nice-select:after { right: 20px; }

.billing-details .form-group .form-control { background: #f3f3f3; border-color: #f3f3f3; }

.billing-details .form-group .form-control::placeholder { color: #b22222; transition: 0.5s; }

.billing-details .form-group .form-control:focus { background-color: transparent; border-color: #eeeeee; }

.billing-details .form-group .form-control:focus::placeholder { color: transparent; }

.billing-details .form-check { margin-bottom: 20px; }

.billing-details .form-check .form-check-label { color: #252525; }

.billing-details .form-check label { position: relative; left: -3px; top: 1px; font-weight: 500; }

.billing-details .col-lg-12:last-child .form-group { margin-bottom: 0; }

.order-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; font-size: 20px; font-weight: 600; }

.order-details .title::before { content: ''; position: absolute; background: #b22222; bottom: -1px; left: 0; width: 50px; height: 1px; }

.order-details .order-table table { margin-bottom: 0; }

.order-details .order-table table thead tr th { border-bottom-width: 0; vertical-align: middle; border-color: #eaedff; padding: 12px 20px 10px; font-weight: 600; }

.order-details .order-table table tbody tr td { vertical-align: middle; color: #b22222; border-color: #eaedff; font-size: 14.5px; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 13px; }

.order-details .order-table table tbody tr td.product-name a { color: #b22222; display: inline-block; font-weight: 500; }

.order-details .order-table table tbody tr td.product-name a:hover { color: #b22222; }

.order-details .order-table table tbody tr td.order-subtotal span, .order-details .order-table table tbody tr td.order-shipping span, .order-details .order-table table tbody tr td.total-price span { color: #252525; font-weight: 600; }

.order-details .order-table table tbody tr td.shipping-price, .order-details .order-table table tbody tr td.order-subtotal-price, .order-details .order-table table tbody tr td.product-subtotal { font-weight: 600; color: #252525; }

.order-details .payment-box { background-color: #ffffff; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); margin-top: 30px; padding: 30px; }

.order-details .payment-box .payment-method p [type="radio"]:checked, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) { display: none; }

.order-details .payment-box .payment-method p [type="radio"]:checked + label, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label { padding-left: 27px; cursor: pointer; display: block; color: #252525; position: relative; margin-bottom: 8px; font-weight: 600; }

.order-details .payment-box .payment-method p [type="radio"]:checked + label::before, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::before { content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border: 1px solid #dddddd; border-radius: 50%; background: #ffffff; }

.order-details .payment-box .payment-method p [type="radio"]:checked + label::after, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after { content: ''; width: 12px; height: 12px; background: #b22222; position: absolute; top: 6px; left: 3px; border-radius: 50%; transition: 0.5s; }

.order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after { opacity: 0; visibility: hidden; transform: scale(0); }

.order-details .payment-box .payment-method p [type="radio"]:checked + label::after { opacity: 1; visibility: visible; transform: scale(1); }

.order-details .payment-box .default-btn { margin-top: 15px; box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2); border-radius: 3px; }

/*================================================
Pagination CSS
=================================================*/
.pagination-area { position: relative; z-index: 2; margin-top: 20px; margin-bottom: -12px; }

.pagination-area .page-numbers { color: #252525; display: inline-block; font-weight: 500; font-size: 19px; margin-left: 4px; margin-right: 4px; }

.pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus, .pagination-area .page-numbers.current { color: #b22222; }

.pagination-area .page-numbers.prev, .pagination-area .page-numbers.next { font-size: 28px; position: relative; top: 5px; margin-left: -3px; margin-right: -3px; }

/*================================================
Widget Sidebar CSS
=================================================*/
.widget-area .widget { margin-bottom: 40px; }

.widget-area .widget:last-child { margin-bottom: 0; }

.widget-area .widget .widget-title { margin-bottom: 25px; position: relative; padding-left: 10px; border-left: 3px dashed #dfdfdf; font-size: 19px; font-weight: 600; }

.widget-area .widget .widget-title::before { content: ''; position: absolute; left: -3px; top: 0; width: 3px; height: 6px; background: #b22222; }

.widget-area .widget .widget-title::after { content: ''; position: absolute; left: -3px; top: 16px; width: 3px; height: 6px; background: #b22222; }

.widget-area .widget_search form { position: relative; }

.widget-area .widget_search form .screen-reader-text { display: none; }

.widget-area .widget_search form label { display: block; margin-bottom: 0; }

.widget-area .widget_search form .search-field { height: 55px; color: #252525; background-color: #eef5f9; display: block; width: 100%; border-radius: 5px; padding: 3px 0 0 18px; border: none; transition: 0.5s; font-size: 14px; font-weight: 400; }

.widget-area .widget_search form .search-field::placeholder { color: #b22222; transition: 0.5s; }

.widget-area .widget_search form .search-field:focus::placeholder { color: transparent; }

.widget-area .widget_search form button { border: none; background-color: #b22222; color: #ffffff; height: 45px; width: 45px; position: absolute; right: 5px; transition: 0.5s; border-radius: 5px; top: 5px; font-size: 20px; }

.widget-area .widget_search form button:hover, .widget-area .widget_search form button:focus { background-color: #b22222; color: #ffffff; }

.widget-area .widget_raque_posts_thumb { position: relative; overflow: hidden; }

.widget-area .widget_raque_posts_thumb .item { overflow: hidden; margin-bottom: 15px; }

.widget-area .widget_raque_posts_thumb .item:last-child { margin-bottom: 0; }

.widget-area .widget_raque_posts_thumb .item .thumb { float: left; height: 80px; overflow: hidden; display: block; position: relative; width: 80px; margin-right: 15px; z-index: 1; }

.widget-area .widget_raque_posts_thumb .item .thumb .fullimage { width: 80px; height: 80px; display: inline-block; border-radius: 5px; background-size: cover !important; background-repeat: no-repeat; background-position: center center !important; }

.widget-area .widget_raque_posts_thumb .item .thumb .fullimage.bg1 { background-image: url(../../assets/img/blog/7.jpg); }

.widget-area .widget_raque_posts_thumb .item .thumb .fullimage.bg2 { background-image: url(../../assets/img/blog/8.jpg); }

.widget-area .widget_raque_posts_thumb .item .thumb .fullimage.bg3 { background-image: url(../../assets/img/blog/9.jpg); }

.widget-area .widget_raque_posts_thumb .item .thumb::before, .widget-area .widget_raque_posts_thumb .item .thumb::after { transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); content: ''; background-color: #ffffff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; transform: translate(-50%, -50%); }

.widget-area .widget_raque_posts_thumb .item .thumb::before { width: 40px; height: 1px; left: 100%; }

.widget-area .widget_raque_posts_thumb .item .thumb::after { height: 40px; width: 1px; top: 0; }

.widget-area .widget_raque_posts_thumb .item .info { overflow: hidden; margin-top: 5px; }

.widget-area .widget_raque_posts_thumb .item .info time { display: block; color: #b22222; text-transform: uppercase; margin-top: 3px; margin-bottom: 5px; font-size: 12px; }

.widget-area .widget_raque_posts_thumb .item .info .title { margin-bottom: 0; line-height: 1.5; font-size: 15px; font-weight: 600; }

.widget-area .widget_raque_posts_thumb .item .info .title a { display: inline-block; }

.widget-area .widget_raque_posts_thumb .item:hover .thumb::before, .widget-area .widget_raque_posts_thumb .item:hover .thumb::after { opacity: 1; top: 50%; left: 50%; }

.widget-area .widget_categories ul { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.widget-area .widget_categories ul li { position: relative; margin-bottom: 12px; overflow: hidden; color: #252525; padding-left: 18px; font-weight: 600; font-size: 14px; }

.widget-area .widget_categories ul li:last-child { margin-bottom: 0; }

.widget-area .widget_categories ul li::before { background: #b22222; height: 8px; width: 8px; content: ''; border-radius: 50%; left: 0; top: 7px; position: absolute; }

.widget-area .widget_categories ul li a { color: #252525; display: inline-block; }

.widget-area .widget_categories ul li a:hover { color: #b22222; }

.widget-area .widget_categories ul li .post-count { color: #b22222; font-size: 14px; display: inline-block; position: relative; top: 1px; }

.widget-area .widget_tag_cloud .widget-title { margin-bottom: 17px; }

.widget-area .tagcloud a { display: inline-block; background-color: #f6f6f6; color: #b22222; padding: 7px 18px; border: 1px dashed #eeeeee; border-radius: 3px; font-weight: 500; font-size: 13.5px !important; margin-top: 8px; margin-right: 4px; }

.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus { color: #ffffff; background-color: #b22222; border-color: #b22222; }

.widget-area .widget_instagram ul { padding-left: 0; list-style-type: none; flex-wrap: wrap; display: flex; margin-bottom: -10px; margin-left: -5px; margin-right: -5px; }

.widget-area .widget_instagram ul li { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; }

.widget-area .widget_instagram ul li a { position: relative; }

.widget-area .widget_instagram ul li a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #b22222; transition: 0.5s; opacity: 0; visibility: hidden; }

.widget-area .widget_instagram ul li a:hover::before { opacity: .70; visibility: visible; }

.widget-area .widget_contact { position: relative; z-index: 1; border-radius: 5px; height: 400px; text-align: center; background-image: url(../../assets/img/mission-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.widget-area .widget_contact::before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; border-radius: 5px; background-color: #b22222; opacity: .60; z-index: -1; }

.widget-area .widget_contact .text { position: absolute; left: 0; bottom: 25px; right: 0; }

.widget-area .widget_contact .text .icon { width: 65px; height: 65px; border: 2px dashed #ffffff; position: relative; color: #ffffff; border-radius: 50%; font-size: 35px; transition: 0.5s; margin-left: auto; margin-right: auto; margin-bottom: 15px; }

.widget-area .widget_contact .text .icon i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }

.widget-area .widget_contact .text span { display: block; color: #ffffff; margin-bottom: 7px; opacity: 0.9; font-size: 16px; font-weight: 500; }

.widget-area .widget_contact .text a { display: inline-block; color: #ffffff; font-weight: 700; font-size: 25px; }

.widget-area .widget_contact:hover .text .icon { background-color: #ffffff; color: #b22222; border-color: #ffffff; }

.widget-area .widget_events_details ul { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.widget-area .widget_events_details ul li { border-bottom: 1px dashed #eeeeee; color: #b22222; padding-bottom: 10px; padding-top: 10px; }

.widget-area .widget_events_details ul li:first-child { border-top: 1px dashed #eeeeee; }

.widget-area .widget_events_details ul li span { display: inline-block; color: #252525; font-weight: 600; }

.widget-area .widget_events_details ul li a { display: inline-block; color: #b22222; }

.widget-area .widget_events_details ul li a:hover { color: #b22222; }

/*================================================
Login CSS
=================================================*/
.login-image { height: 100%; width: 100%; background-image: url(../../assets/img/login-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.login-image img { display: none; }

.login-content { height: 100vh; }

.login-content .login-form { text-align: center; max-width: 500px; margin-left: auto; margin-right: auto; }

.login-content .login-form .logo { margin-bottom: 30px; }

.login-content .login-form .logo a { display: inline-block; }

.login-content .login-form h3 { margin-bottom: 0; font-size: 35px; font-weight: 700; }

.login-content .login-form p { margin-top: 8px; margin-bottom: 0; }

.login-content .login-form p a { display: inline-block; }

.login-content .login-form form { margin-top: 35px; }

.login-content .login-form form .form-group { margin-bottom: 15px; }

.login-content .login-form form .form-control { background-color: #ffffff; color: #252525; border: none; transition: 0.5s; box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important; height: 55px; font-size: 15px; }

.login-content .login-form form .form-control::placeholder { transition: 0.5s; }

.login-content .login-form form .form-control:focus::placeholder { color: transparent; }

.login-content .login-form form button { transition: 0.5s; display: block; width: 100%; padding: 13px 25px 12px 25px; position: relative; background-color: #b22222; color: #ffffff; box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.2); border-width: 2px; border-style: solid; border-color: #b22222; border-radius: 5px; font-size: 14.5px; font-weight: 700; }

.login-content .login-form form button:hover, .login-content .login-form form button:focus { background-color: #b22222; color: #ffffff; border-color: #b22222; }

.login-content .login-form form .forgot-password { text-align: right; margin-top: 20px; }

.login-content .login-form form .forgot-password a { display: inline-block; color: #b22222; text-decoration: underline; }

.login-content .login-form form .forgot-password a:hover { color: #b22222; }

.login-content .login-form form .connect-with-social { margin-top: 20px; }

.login-content .login-form form .connect-with-social button { display: block; width: 100%; position: relative; border: 1px solid #b22222; background-color: transparent; transition: 0.5s; padding: 12px 30px; border-radius: 2px; color: #b22222; font-weight: 500; }

.login-content .login-form form .connect-with-social button i { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 20px; }

.login-content .login-form form .connect-with-social button.facebook { border-color: #3b5998; color: #3b5998; }

.login-content .login-form form .connect-with-social button.facebook:hover { background-color: #3b5998; color: #ffffff; border-color: #3b5998; }

.login-content .login-form form .connect-with-social button.twitter { margin-top: 10px; border-color: #1da1f2; color: #1da1f2; }

.login-content .login-form form .connect-with-social button.twitter:hover { background-color: #1da1f2; color: #ffffff; border-color: #1da1f2; }

.login-content .login-form form .connect-with-social button:hover { background-color: #b22222; color: #ffffff; border-color: #b22222; }

/*================================================
Register CSS
=================================================*/
.register-image { height: 100%; width: 100%; background-image: url(../../assets/img/register-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.register-image img { display: none; }

.register-content { height: 100vh; }

.register-content .register-form { text-align: center; max-width: 500px; margin-left: auto; margin-right: auto; }

.register-content .register-form .logo { margin-bottom: 30px; }

.register-content .register-form .logo a { display: inline-block; }

.register-content .register-form h3 { margin-bottom: 0; font-size: 35px; font-weight: 700; }

.register-content .register-form p { margin-top: 8px; margin-bottom: 0; }

.register-content .register-form p a { display: inline-block; }

.register-content .register-form form { margin-top: 35px; }

.register-content .register-form form .form-group { margin-bottom: 15px; }

.register-content .register-form form .form-control { background-color: #ffffff; color: #252525; border: none; transition: 0.5s; box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important; height: 55px; font-size: 15px; }

.register-content .register-form form .form-control::placeholder { transition: 0.5s; }

.register-content .register-form form .form-control:focus::placeholder { color: transparent; }

.register-content .register-form form button { transition: 0.5s; display: block; width: 100%; padding: 13px 25px 12px 25px; position: relative; background-color: #b22222; color: #ffffff; box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.2); border-width: 2px; border-style: solid; border-color: #b22222; border-radius: 5px; font-size: 14.5px; font-weight: 700; }

.register-content .register-form form button:hover, .register-content .register-form form button:focus { background-color: #b22222; color: #ffffff; border-color: #b22222; }

.register-content .register-form form .connect-with-social { margin-top: 20px; }

.register-content .register-form form .connect-with-social span { display: block; text-transform: uppercase; color: #b22222; margin-bottom: 20px; }

.register-content .register-form form .connect-with-social button { display: block; width: 100%; position: relative; border: 1px solid #b22222; background-color: transparent; transition: 0.5s; padding: 12px 30px; border-radius: 2px; color: #b22222; font-weight: 500; }

.register-content .register-form form .connect-with-social button i { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 20px; }

.register-content .register-form form .connect-with-social button.facebook { border-color: #3b5998; color: #3b5998; }

.register-content .register-form form .connect-with-social button.facebook:hover { background-color: #3b5998; color: #ffffff; border-color: #3b5998; }

.register-content .register-form form .connect-with-social button.twitter { margin-top: 10px; border-color: #1da1f2; color: #1da1f2; }

.register-content .register-form form .connect-with-social button.twitter:hover { background-color: #1da1f2; color: #ffffff; border-color: #1da1f2; }

.register-content .register-form form .connect-with-social button:hover { background-color: #b22222; color: #ffffff; border-color: #b22222; }

/*================================================
FAQ CSS
=================================================*/
.faq-accordion-tab .tabs { padding-left: 0; list-style-type: none; margin-bottom: 60px; text-align: center; }

.faq-accordion-tab .tabs li { margin-left: 10px; margin-right: 10px; }

.faq-accordion-tab .tabs li a { color: #252525; text-decoration: none; border-radius: 5px; padding: 20px; display: block; box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; font-size: 16px; font-weight: 600; }

.faq-accordion-tab .tabs li a i { font-size: 30px; }

.faq-accordion-tab .tabs li a span { display: block; margin-top: 8px; }

.faq-accordion-tab .tabs li a:hover { background-color: #b22222; color: #ffffff; }

.faq-accordion-tab .tabs li.current a { background-color: #b22222; color: #ffffff; }

.faq-accordion .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0; }

.faq-accordion .accordion .accordion-item { border-radius: 5px; display: block; box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; background: #ffffff; margin-bottom: 15px; }

.faq-accordion .accordion .accordion-item:last-child { margin-bottom: 0; }

.faq-accordion .accordion .accordion-title { padding: 20px 25px 17px 60px; color: #252525; text-decoration: none; position: relative; display: block; font-size: 16px; font-weight: 600; }

.faq-accordion .accordion .accordion-title i { position: absolute; left: 25px; top: 18px; font-size: 25px; transition: 0.5s; }

.faq-accordion .accordion .accordion-title.active i { transform: rotate(180deg); }

.faq-accordion .accordion .accordion-content { display: none; position: relative; margin-top: -5px; padding-bottom: 20px; padding-right: 25px; padding-left: 60px; }

.faq-accordion .accordion .accordion-content p { line-height: 1.8; }

.faq-accordion .accordion .accordion-content.show { display: block; }

/*================================================
Coming Soon CSS
=================================================*/
.coming-soon-area { height: 100vh; position: relative; z-index: 1; background: #f6f7fb; background-image: url(../../assets/img/coming-soon-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.coming-soon-content { max-width: 850px; background: #ffffff; border-radius: 5px; overflow: hidden; text-align: center; padding: 50px 60px 50px 30px; box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); margin-left: auto; margin-right: auto; }

.coming-soon-content .logo { display: inline-block; }

.coming-soon-content h2 { font-size: 30px; font-weight: 700; margin-top: 30px; margin-bottom: 0; }

.coming-soon-content #timer { margin-top: 40px; }

.coming-soon-content #timer div { background-color: #333333; color: #ffffff; width: 110px; height: 120px; border-radius: 5px; font-size: 38px; font-weight: 700; margin-left: 10px; margin-right: 10px; }

.coming-soon-content #timer div span { display: block; margin-top: -2px; font-size: 15px; font-weight: 500; }

.coming-soon-content form { max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 50px; }

.coming-soon-content form .form-group { margin-bottom: 25px; width: 100%; position: relative; }

.coming-soon-content form .form-group .label-title { margin-bottom: 0; position: absolute; display: block; left: 0; top: 0; pointer-events: none; width: 100%; height: 100%; color: #252525; }

.coming-soon-content form .form-group .label-title i { position: absolute; left: 0; transition: 0.5s; top: 9px; font-size: 22px; }

.coming-soon-content form .form-group .label-title::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; transition: 0.5s; background: #b22222; }

.coming-soon-content form .form-group .input-newsletter { border-radius: 0; border: none; border-bottom: 2px solid #eeeeee; padding: 0 0 0 32px; color: #252525; height: 45px; display: block; width: 100%; transition: 0.5s; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; }

.coming-soon-content form .form-group .input-newsletter::placeholder { color: #A1A1A1; transition: 0.5s; }

.coming-soon-content form .form-group .input-newsletter:focus { padding-left: 2px; }

.coming-soon-content form .form-group .input-newsletter:focus::placeholder { color: transparent; }

.coming-soon-content form .form-group .input-newsletter:focus + .label-title::before { width: 100%; }

.coming-soon-content form .form-group .input-newsletter:focus + .label-title { color: #A1A1A1; }

.coming-soon-content form .form-group .input-newsletter:focus + .label-title i { top: -22px; }

.coming-soon-content form .validation-danger { color: red; margin-top: 10px; }

.coming-soon-content form p { margin-bottom: 0; margin-top: 20px; }

/*================================================
Error 404 CSS
=================================================*/
.error-404-area { z-index: 1; background: #f8f8f8; position: relative; padding-top: 145px; padding-bottom: 145px; }

.error-404-area .notfound { position: relative; max-width: 520px; z-index: 1; text-align: center; margin-left: auto; margin-right: auto; }

.error-404-area .notfound .notfound-bg { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: -1; }

.error-404-area .notfound .notfound-bg div { width: 100%; background: #ffffff; border-radius: 90px; height: 125px; }

.error-404-area .notfound .notfound-bg div:nth-child(1) { box-shadow: 5px 5px 0 0 #f3f3f3; }

.error-404-area .notfound .notfound-bg div:nth-child(2) { transform: scale(1.3); box-shadow: 5px 5px 0 0 #f3f3f3; position: relative; z-index: 10; }

.error-404-area .notfound .notfound-bg div:nth-child(3) { box-shadow: 5px 5px 0 0 #f3f3f3; position: relative; z-index: 90; }

.error-404-area .notfound h1 { background: url(../../assets/img/oops-bg.jpg) no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: cover; background-position: center; text-transform: uppercase; font-size: 100px; font-weight: 900; margin-top: 0; margin-bottom: 10px; }

.error-404-area .notfound h3 { margin-bottom: 15px; font-weight: 600; font-size: 22px; }

.error-404-area .notfound p { color: #6084a4; margin-bottom: 20px; line-height: 1.7; }

/*================================================
Contact CSS
=================================================*/
.form-group { margin-bottom: 15px; }

.contact-area { overflow: hidden; position: relative; z-index: 1; }

.contact-info-area { overflow: hidden; position: relative; z-index: 1; }

.contact-info-box { text-align: center; border-radius: 5px; transition: 0.5s; box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); background: #ffffff; padding: 30px 60px; }

.contact-info-box .icon { display: inline-block; width: 70px; height: 70px; line-height: 70px; background: #f5f5f5; border-radius: 50%; font-size: 35px; color: #b22222; transition: 0.5s; margin-bottom: 15px; position: relative; }

.contact-info-box .icon i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; }

.contact-info-box h3 { margin-bottom: 10px; font-size: 20px; font-weight: 600; }

.contact-info-box p { margin-bottom: 2px; }

.contact-info-box p a { display: inline-block; color: #b22222; }

.contact-info-box p a:hover { color: #b22222; }

.contact-info-box p:last-child { margin-bottom: 0; }

.contact-info-box:hover { transform: translateY(-10px); }

.contact-info-box:hover .icon { background-color: #b22222; color: #ffffff; border-color: #b22222; }

.contact-form { background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); border-radius: 5px; padding: 50px; max-width: 850px; margin-left: auto; margin-right: auto; }

#contactForm .form-group { margin-bottom: 15px; }

#contactForm .form-group .form-control { height: 50px; border-radius: 5px; }

#contactForm .form-group .form-control::placeholder { color: #b22222; transition: 0.5s; }

#contactForm .form-group .form-control:focus::placeholder { color: transparent; }

#contactForm .form-group textarea.form-control { height: auto; }

#contactForm .form-group .help-block.with-errors ul { color: red; margin-bottom: 0; margin-top: 10px; }

#contactForm .default-btn { border-radius: 30px; margin-top: 10px; box-shadow: 0 5px 28.5px 1.5px rgba(255, 25, 73, 0.2); }

#contactForm .default-btn:hover, #contactForm .default-btn:focus { box-shadow: 0 5px 28.5px 1.5px rgba(14, 181, 130, 0.2); }

#contactForm #msgSubmit { margin: 0; font-size: 1.3rem; }

#contactForm #msgSubmit.text-danger, #contactForm #msgSubmit.text-success { margin-top: 15px; }

.contact-bg-image { position: absolute; left: 0; right: 0; top: 65%; transform: translateY(-65%); text-align: center; z-index: -1; margin-left: auto; margin-right: auto; }

#map iframe { height: 550px; width: 100%; border: none; margin-bottom: -7px; }

/*new-CSS*/
/*================================================
My Account CSS
=================================================*/
.myAccount-profile { margin-bottom: 35px; border-radius: 5px; box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.04); background-color: #ffffff; }

.myAccount-profile .profile-image img { border-radius: 5px; }

.myAccount-profile .profile-content { padding-top: 30px; padding-bottom: 30px; padding-right: 30px; }

.myAccount-profile .profile-content h3 { margin-bottom: 8px; font-size: 22px; font-weight: 600; }

.myAccount-profile .profile-content .contact-info { padding-left: 0; list-style-type: none; margin-top: 20px; margin-bottom: 0; }

.myAccount-profile .profile-content .contact-info li { margin-bottom: 10px; color: #b22222; position: relative; padding-left: 25px; }

.myAccount-profile .profile-content .contact-info li i { font-size: 18px; position: absolute; left: 0; color: #252525; top: 1px; }

.myAccount-profile .profile-content .contact-info li a { display: inline-block; color: #b22222; }

.myAccount-profile .profile-content .contact-info li a:hover, .myAccount-profile .profile-content .contact-info li a:focus { color: #b22222; }

.myAccount-profile .profile-content .contact-info li:last-child { margin-bottom: 0; }

.myAccount-profile .profile-content .social { padding-left: 0; list-style-type: none; margin-top: 20px; margin-bottom: 0; }

.myAccount-profile .profile-content .social li { display: inline-block; margin-right: 2px; }

.myAccount-profile .profile-content .social li a { width: 30px; height: 30px; text-align: center; color: #b22222; background-color: #f4f4f4; font-size: 18px; position: relative; border-radius: 2px; }

.myAccount-profile .profile-content .social li a i { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-49%); }

.myAccount-profile .profile-content .social li a:hover, .myAccount-profile .profile-content .social li a:focus { background-color: #b22222; color: #ffffff; }

.myAccount-profile .profile-content .myAccount-logout { display: inline-block; margin-top: 20px; background-color: #d9534f; color: #ffffff; padding: 7px 20px 8px; border-radius: 3px; font-size: 15px; font-weight: 500; }

.myAccount-profile .profile-content .myAccount-logout:hover { background-color: red; color: #ffffff; }

.myAccount-navigation { margin-bottom: 30px; }

.myAccount-navigation ul { padding-left: 0; margin-bottom: 0; list-style-type: none; border-bottom: 1px solid #eeeeee; }

.myAccount-navigation ul li { display: inline-block; margin-right: 8px; margin-bottom: -1px; }

.myAccount-navigation ul li a { display: block; padding: 9px 25px 9px 50px; color: #252525; border: 1px solid #eeeeee; position: relative; border-radius: 3px 3px 0 0; font-size: 15px; font-weight: 600; }

.myAccount-navigation ul li a i { font-size: 18px; position: absolute; left: 25px; top: 47%; transform: translateY(-47%); }

.myAccount-navigation ul li a.active, .myAccount-navigation ul li a:hover { background-color: #b22222; color: #ffffff; border-color: #b22222; }

.myAccount-navigation ul li:last-child { margin-right: 0; }

.myAccount-content p { margin-bottom: 10px; }

.myAccount-content p:last-child { margin-bottom: 0; }

.myAccount-content p a { display: inline-block; color: #b22222; }

.myAccount-content p a:hover { color: #252525; }

.myAccount-content h3 { margin-top: 25px; margin-bottom: 20px; font-size: 22px; font-weight: 600; }

.myAccount-content .recent-orders-table .table { margin-bottom: 0; }

.myAccount-content .recent-orders-table .table thead th { vertical-align: middle; border: 1px solid #dee2e6; white-space: nowrap; padding: 13px 20px 12px; color: #252525; font-size: 16px; font-weight: 600; }

.myAccount-content .recent-orders-table .table tbody td { vertical-align: middle; border: 1px solid #dee2e6; white-space: nowrap; color: #252525; padding: 13px 20px 12px; }

.myAccount-content .recent-orders-table .table tbody td .view-button { display: inline-block; background-color: #EAEAEC; border-radius: 3px; padding: 6px 20px; font-size: 14px; font-weight: 600; }

.myAccount-content .recent-orders-table .table tbody td .view-button:hover { background-color: #b22222; color: #ffffff; }

.myAccount-content .orders-table .table { margin-bottom: 0; }

.myAccount-content .orders-table .table thead th { vertical-align: middle; border: 1px solid #dee2e6; white-space: nowrap; padding: 13px 20px 12px; color: #252525; font-size: 16px; font-weight: 600; }

.myAccount-content .orders-table .table tbody td { vertical-align: middle; border: 1px solid #dee2e6; white-space: nowrap; color: #252525; padding: 13px 20px 12px; }

.myAccount-content .orders-table .table tbody td .view-button { display: inline-block; background-color: #EAEAEC; border-radius: 3px; padding: 6px 20px; font-size: 14px; font-weight: 600; }

.myAccount-content .orders-table .table tbody td .view-button:hover { background-color: #b22222; color: #ffffff; }

.myAccount-content .downloads-table .table { margin-bottom: 0; }

.myAccount-content .downloads-table .table thead th { vertical-align: middle; border: 1px solid #dee2e6; white-space: nowrap; padding: 13px 20px 12px; color: #252525; font-size: 16px; font-weight: 600; }

.myAccount-content .downloads-table .table tbody td { vertical-align: middle; border: 1px solid #dee2e6; white-space: nowrap; color: #252525; padding: 13px 20px 12px; }

.myAccount-content .downloads-table .table tbody td a { display: inline-block; }

.myAccount-content .downloads-table .table tbody td .downloads-button { display: inline-block; background-color: #EAEAEC; border-radius: 3px; padding: 6px 20px; font-size: 14px; font-weight: 600; }

.myAccount-content .downloads-table .table tbody td .downloads-button:hover { background-color: #b22222; color: #ffffff; }

.myAccount-content .edit-account { background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); padding: 40px; border-radius: 5px; }

.myAccount-content .edit-account h3 { margin-top: 0; font-size: 20px; }

.myAccount-content .edit-account .form-group { margin-bottom: 20px; }

.myAccount-content .edit-account .form-group label { display: inline-block; margin-bottom: 10px; font-size: 15px; font-weight: 500; }

.myAccount-content .edit-account .form-group label .required { color: red; font-size: 15px; }

.myAccount-content .edit-account .form-group span { font-size: 13.5px; color: #b22222; display: inline-block; }

.myAccount-content .edit-account .form-group span em { margin-top: 5px; display: inline-block; }

.myAccount-content .edit-account .form-group .nice-select { background-color: #ffffff; border-radius: 3px; height: 48px; border: solid 1px #e6e9fc; line-height: 48px; color: #252525; padding-left: 15px; padding-right: 15px; font-size: 15px; font-weight: 400; }

.myAccount-content .edit-account .form-group .nice-select span { font-size: 15px; color: #252525; display: block; }

.myAccount-content .edit-account .form-group .nice-select .list { border: solid 1px #e6e9fc; background-color: #ffffff; border-radius: 0; box-shadow: unset; width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; }

.myAccount-content .edit-account .form-group .nice-select .list .option { font-size: 14px; transition: 0.5s; padding-left: 15px; padding-right: 15px; }

.myAccount-content .edit-account .form-group .nice-select .list .option:hover, .myAccount-content .edit-account .form-group .nice-select .list .option.focus, .myAccount-content .edit-account .form-group .nice-select .list .option.selected.focus { background-color: transparent; color: #b22222; }

.myAccount-content .edit-account .form-group .nice-select .list .option.selected { font-weight: 400; }

.myAccount-content .edit-account .form-group .nice-select::after { right: 15px; }

.myAccount-content .edit-account legend { display: block; margin-bottom: 15px; color: #b22222; font-size: 20px; font-weight: 500; }

.myAccount-content .edit-account .default-btn { border-radius: 30px; margin-top: 5px; box-shadow: 0 5px 28.5px 1.5px rgba(255, 25, 73, 0.1); }

.myAccount-content .edit-account .default-btn:hover, .myAccount-content .edit-account .default-btn:focus { box-shadow: 0 5px 28.5px 1.5px rgba(14, 181, 130, 0.1); }

.myAccount-content .myAccount-addresses { margin-top: 20px; }

.myAccount-content .myAccount-addresses .addresses-title { overflow: hidden; }

.myAccount-content .myAccount-addresses .addresses-title h3 { font-size: 18px; float: left; margin-top: 0; margin-bottom: 12px; }

.myAccount-content .myAccount-addresses .addresses-title .edit { float: right; display: block; background: #f9f9f9; padding: 4px 10px 2px; font-size: 13.5px; font-weight: 500; }

.myAccount-content .myAccount-addresses .addresses-title .edit:hover { color: #ffffff; background-color: #b22222; }

.myAccount-content .myAccount-addresses address { color: #b22222; line-height: 1.8; margin-bottom: 0; }

/*end-new-CSS*/
/*================================================
Footer CSS
=================================================*/
.footer-area { background-color: #12141b; padding-top: 100px; }

.single-footer-widget h3 { margin-bottom: 25px; color: #ffffff; font-size: 20px; font-weight: 600; }

.single-footer-widget .contact-us-link { margin-bottom: 0; list-style-type: none; padding-left: 0; padding-right: 10px; }

.single-footer-widget .contact-us-link li { margin-bottom: 12px; color: #cccccc; position: relative; padding-left: 25px; }

.single-footer-widget .contact-us-link li i { color: #ffffff; font-size: 18px; position: absolute; left: 0; top: 1px; }

.single-footer-widget .contact-us-link li a { display: inline-block; color: #cccccc; }

.single-footer-widget .contact-us-link li a:hover, .single-footer-widget .contact-us-link li a:focus { color: #b22222; }

.single-footer-widget .contact-us-link li:last-child { margin-bottom: 0; }

.single-footer-widget .support-link { padding-left: 0; list-style-type: none; margin-bottom: 0; }

.single-footer-widget .support-link li { margin-bottom: 11px; }

.single-footer-widget .support-link li:last-child { margin-bottom: 0; }

.single-footer-widget .support-link li a { display: inline-block; color: #cccccc; }

.single-footer-widget .support-link li a:hover, .single-footer-widget .support-link li a:focus { color: #b22222; padding-left: 7px; }

.single-footer-widget .useful-link { padding-left: 0; list-style-type: none; margin-bottom: 0; }

.single-footer-widget .useful-link li { margin-bottom: 11px; }

.single-footer-widget .useful-link li:last-child { margin-bottom: 0; }

.single-footer-widget .useful-link li a { display: inline-block; color: #cccccc; }

.single-footer-widget .useful-link li a:hover, .single-footer-widget .useful-link li a:focus { color: #b22222; padding-left: 7px; }

.single-footer-widget .social-link { padding-left: 0; list-style-type: none; margin-top: 25px; margin-bottom: 0; }

.single-footer-widget .social-link li { display: inline-block; margin-right: 2px; }

.single-footer-widget .social-link li a { width: 30px; height: 30px; text-align: center; color: #b22222; background-color: #ffffff; font-size: 18px; position: relative; border-radius: 2px; }

.single-footer-widget .social-link li a i { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-49%); }

.single-footer-widget .social-link li a:hover, .single-footer-widget .social-link li a:focus { background-color: #b22222; color: #ffffff; }

.single-footer-widget .newsletter-box p { color: #cccccc; font-family: "Poppins", sans-serif; }

.single-footer-widget .newsletter-box form { position: relative; }

.single-footer-widget .newsletter-box form label { display: block; margin-bottom: 10px; color: #ffffff; font-size: 15px; }

.single-footer-widget .newsletter-box form .input-newsletter { width: 100%; background-color: transparent; border: 1px solid #848282; border-radius: 5px; height: 43px; padding-left: 10px; color: #ffffff; font-size: 14px; transition: 0.5s; }

.single-footer-widget .newsletter-box form .input-newsletter::placeholder { color: #cccccc; }

.single-footer-widget .newsletter-box form .input-newsletter:focus { padding-left: 12px; border-color: #b22222; }

.single-footer-widget .newsletter-box form button { display: block; margin-top: .9rem; width: 100%; border-radius: .25rem; background-color: #b22222; color: #ffffff; border: none; padding: 12px 25px; transition: 0.5s; font-weight: 500; font-size: 15px; }

.single-footer-widget .newsletter-box form button:hover, .single-footer-widget .newsletter-box form button:focus { background-color: #b22222; color: #ffffff; }

.single-footer-widget .newsletter-box form #validator-newsletter { position: absolute; left: 0; bottom: -35px; color: #ffffff; }

.footer-bottom-area { margin-top: 70px; text-align: center; background-color: #090a0e; padding-top: 30px; padding-bottom: 30px; }

.footer-bottom-area .logo { margin-bottom: 18px; }

.footer-bottom-area p { color: #cccccc; font-size: 14px; }

.footer-bottom-area p i { position: relative; top: 1px; }

.footer-bottom-area p a { display: inline-block; font-weight: 600; color: #ffffff; }

.footer-bottom-area p a:hover, .footer-bottom-area p a:focus { color: #b22222; text-decoration: underline; }

/*================================================
Go Top CSS
=================================================*/
.go-top { position: fixed; cursor: pointer; bottom: -42px; right: 15px; color: #ffffff; background-color: #b22222; z-index: 4; width: 42px; text-align: center; height: 42px; line-height: 42px; opacity: 0; visibility: hidden; font-size: 28px; transition: 0.5s; border-radius: 5px 5px 0 0; }

.go-top i { position: absolute; left: 0; right: 0; top: 55%; transform: translateY(-55%); transition: .3s; }

.go-top.active { bottom: 0; opacity: 1; visibility: visible; }

.go-top:hover i { margin-top: -3px; }

/*================================================
Navbar CSS
=================================================*/
.navbar-area .container-fluid { padding-left: 60px; padding-right: 60px; }

.header-area.header-color-white .top-header { background-color: transparent; border-bottom: 1px solid #343434; }

.header-area.header-color-white .top-header .top-header-social { border-left-color: #343434; }

.header-area.header-color-white .navbar-style-three .raque-nav { background-color: transparent; }

.header-area.header-color-white .navbar-style-three .raque-nav .navbar { background-color: transparent; }

.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item a { color: rgba(255, 255, 255, 0.87); }

.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item a.active, .header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item a:hover { color: #ffffff; }

.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item.active a { color: #ffffff; }

.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a { color: #252525; }

.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active, .header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover { color: #b22222; }

.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active a { color: #b22222; }

.header-area.header-color-white .navbar-style-three .others-option .language-switcher .dropdown-toggle { color: rgba(255, 255, 255, 0.87); transition: 0.5s; }

.header-area.header-color-white .navbar-style-three .others-option .language-switcher .dropdown-toggle:hover { color: #ffffff; }

.header-area.header-color-white .navbar-style-three .others-option .cart-wrapper-btn { color: rgba(255, 255, 255, 0.87); }

.header-area.header-color-white .navbar-style-three .others-option .cart-wrapper-btn:hover { color: #ffffff; }

.header-area.header-color-white .navbar-style-three .others-option .search-box { color: rgba(255, 255, 255, 0.87); }

.header-area.header-color-white .navbar-style-three .others-option .search-box:hover { color: #ffffff; }

.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item a { color: #252525; }

.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item a.active, .header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item a:hover { color: #b22222; }

.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item.active a { color: #b22222; }

.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a { color: #252525; }

.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active, .header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover { color: #b22222; }

.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active a { color: #b22222; }

.header-area.header-color-white .navbar-style-three.header-sticky .others-option .language-switcher .dropdown-toggle { color: #252525; }

.header-area.header-color-white .navbar-style-three.header-sticky .others-option .language-switcher .dropdown-toggle:hover { color: #b22222; }

.header-area.header-color-white .navbar-style-three.header-sticky .others-option .cart-wrapper-btn { color: #252525; }

.header-area.header-color-white .navbar-style-three.header-sticky .others-option .cart-wrapper-btn:hover { color: #b22222; }

.header-area.header-color-white .navbar-style-three.header-sticky .others-option .search-box { color: #252525; }

.header-area.header-color-white .navbar-style-three.header-sticky .others-option .search-box:hover { color: #b22222; }

.top-header .container-fluid { padding-left: 60px; padding-right: 60px; }

/*================================================
Health Coaching Banner CSS
=================================================*/
.health-coaching-banner .container-fluid { padding-left: 60px; padding-right: 60px; }

.single-banner-item { padding-top: 205px; padding-bottom: 205px; padding-left: 175px; padding-right: 175px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.single-banner-item.bg-1 { background-image: url(../../assets/img/health-coaching/main-banner1.jpg); }

.single-banner-item.bg-2 { background-image: url(../../assets/img/health-coaching/main-banner2.jpg); }

.single-banner-item h1 { max-width: 675px; margin-bottom: 35px; color: #005d40; font-size: 70px; font-weight: 700; }

.single-banner-item p { color: #252525; max-width: 590px; font-weight: 600; font-size: 16px; }

.single-banner-item .default-btn { margin-top: 15px; }

.health-coaching-banner-slides.owl-theme .owl-nav { margin-top: 0; }

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-] { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); margin: 0; font-size: 35px; line-height: 1; color: #005d40; background-color: transparent !important; transition: 0.5s; z-index: 1; padding: 0 0 0 6px !important; }

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-]::before { width: 28px; height: 35px; content: ''; position: absolute; left: 0; transition: 0.5s; top: 0; z-index: -1; border: 1px solid #005d40; border-radius: 2px; }

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 40px; padding: 0 6px 0 0 !important; }

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-].owl-next::before { left: auto; right: 0; }

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-]:hover { color: #ffffff; }

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-]:hover::before { border-color: #ffffff; }

.owl-item.active .single-banner-item h1 { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 0.7s; }

.owl-item.active .single-banner-item p { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 0.9s; }

.owl-item.active .single-banner-item .default-btn { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 1.1s; }

.health-coaching-bg-image { position: relative; z-index: 1; }

.health-coaching-bg-image::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 73.5%; z-index: -1; background-position: center center; background-size: cover; background-image: url(../../assets/img/health-coaching/bg-image.jpg); background-repeat: no-repeat; }

/*================================================
Business Coaching Banner CSS
=================================================*/
.business-coaching-banner { position: relative; z-index: 1; padding-top: 50px; background-image: url(../../assets/img/business-coaching/banner-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.business-coaching-banner .container { max-width: 1250px; }

.business-banner-content { z-index: 1; position: relative; padding: 70px; }

.business-banner-content .shape { position: absolute; left: -13%; top: 60%; transform: translateY(-60%); z-index: -1; }

.business-banner-content .shape img { max-width: 140%; }

.business-banner-content h1 { margin-bottom: 25px; font-size: 55px; font-weight: 700; }

.business-banner-content p { color: #606060; font-size: 16px; font-weight: 600; }

.business-banner-content .default-btn { margin-top: 15px; }

.business-banner-image { text-align: right; }

.business-shape1 { position: absolute; right: 5%; bottom: 0; z-index: -1; }

.business-shape1 img { animation: movebounce3 8s linear infinite; }

.business-shape2 { position: absolute; left: 0; bottom: -80px; z-index: -1; }

.business-shape2 img { animation: movebounce2 8s linear infinite; }

.business-shape3 { position: absolute; right: 0; bottom: 0; z-index: -1; }

/*================================================
Featured CSS
=================================================*/
.featured-area .section-title h2 { color: #ffffff; }

.featured-area .section-title p { color: #ffffff; opacity: 0.95; }

.single-featured-box { margin-bottom: 30px; text-align: center; border: 1px dashed #6ba292; border-radius: 5px; padding: 40px 30px; transition: 0.5s; }

.single-featured-box .icon { width: 110px; height: 110px; line-height: 110px; background-color: #ffffff; font-size: 65px; color: #005d40; transition: 0.5s; border-radius: 50%; margin-left: auto; margin-bottom: 25px; margin-right: auto; }

.single-featured-box h3 { margin-bottom: 15px; color: #ffffff; transition: 0.5s; font-size: 24px; font-weight: 700; }

.single-featured-box p { transition: 0.5s; color: #ffffff; }

.single-featured-box .link-btn { display: inline-block; color: #b22222; font-weight: 600; margin-top: 5px; }

.single-featured-box:hover { background-color: #ffffff; border-color: #ffffff; }

.single-featured-box:hover .icon { color: #ffffff; background-color: #005d40; }

.single-featured-box:hover h3 { color: #252525; }

.single-featured-box:hover p { color: #252525; }

/*================================================
Services CSS
=================================================*/
.services-area { position: relative; z-index: 1; }

.services-area .section-title h2 { max-width: 720px; margin-left: auto; margin-right: auto; }

.single-services-box { margin-bottom: 30px; position: relative; padding-left: 92px; }

.single-services-box .icon { width: 70px; height: 70px; line-height: 69px; background-color: #ffffff; font-size: 40px; color: #005d40; animation: border-transform 10s linear infinite alternate forwards; border-radius: 50%; transition: 0.5s; text-align: center; border: 1px solid #d0e1dc; position: absolute; left: 0; top: 2px; }

.single-services-box h3 { margin-bottom: 13px; font-size: 24px; font-weight: 700; }

.single-services-box:hover .icon { background-color: #005d40; color: #ffffff; border-color: #005d40; }

.services-box { margin-bottom: 30px; border: 4px solid #fbf1f2; border-radius: 5px; padding: 30px 30px 30px 90px; transition: 0.5s; position: relative; }

.services-box .icon { position: absolute; left: 30px; top: 32px; color: #252525; font-size: 40px; transition: 0.5s; line-height: 1; }

.services-box h3 { margin-bottom: 8px; transition: 0.5s; font-size: 22px; font-weight: 700; }

.services-box p { transition: 0.5s; }

.services-box:hover { border-color: #b22222; background-color: #b22222; color: #ffffff; }

.services-box:hover .icon, .services-box:hover p, .services-box:hover h3 { color: #ffffff; }

.services-btn { text-align: center; margin-top: 10px; }

.divider.bg-f9f9f9 { background-color: #f9f9f9; }

.divider.bg-e4feff { background-color: #e4feff; }

@keyframes border-transform { 0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } }

.health-coaching-shape1 { position: absolute; right: 0; top: 8px; z-index: -1; }

.health-coaching-shape1 img { animation: movebounce 8s linear infinite; }

.health-coaching-shape2 { position: absolute; left: 0; bottom: 8px; z-index: -1; }

.health-coaching-shape2 img { animation: movebounce2 8s linear infinite; }

@keyframes movebounce { 0% { transform: translateY(0px); }
  50% { transform: translateY(20px); }
  100% { transform: translateY(0px); } }

@keyframes movebounce2 { 0% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0px); } }

/*================================================
Experience CSS
=================================================*/
.experience-area { position: relative; z-index: 1; }

.experience-content .sub-title { text-transform: uppercase; display: block; color: #b22222; font-weight: 500; margin-bottom: 10px; }

.experience-content h2 { margin-bottom: 15px; font-size: 30px; font-weight: 700; }

.experience-content .features-list { padding-left: 0; list-style-type: none; display: flex; flex-wrap: wrap; margin-bottom: 0; margin-top: 5px; margin-left: -15px; margin-right: -15px; }

.experience-content .features-list li { flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; padding-top: 20px; }

.experience-content .features-list li span { display: block; color: #252525; position: relative; font-weight: 600; padding-left: 40px; padding-top: 5px; }

.experience-content .features-list li span i { position: absolute; left: 0; top: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #ffffff; background-color: #a3c5bb; z-index: 1; border-radius: 50%; font-size: 20px; transition: 0.5s; }

.experience-content .features-list li span i::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #005d40; border-radius: 50%; z-index: -1; margin: 2px 1px 1px 2px; transition: 0.5s; }

.experience-content .features-list li span:hover i { background-color: #b22222; color: #b22222; }

.experience-content .features-list li span:hover i::after { background-color: #ffffff; }

.experience-content .default-btn { margin-top: 35px; }

.experience-image { text-align: right; position: relative; z-index: 1; padding-top: 30px; padding-left: 30px; padding-bottom: 30px; }

.experience-image::before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; left: 0; z-index: -1; background-color: #ffffff; margin-right: 30px; }

.health-coaching-shape3 { position: absolute; left: 8px; bottom: 0; z-index: -1; }

.health-coaching-shape3 img { animation: movebounce3 8s linear infinite; }

.health-coaching-shape4 { position: absolute; right: 3%; top: 65%; transform: translateY(-65%); z-index: -1; }

.health-coaching-shape4 img { animation: movebounce 8s linear infinite; max-width: 300px; }

@keyframes movebounce3 { 0% { transform: translateX(0px); }
  50% { transform: translateX(20px); }
  100% { transform: translateX(0px); } }

/*================================================
Program CSS
=================================================*/
.program-area { position: relative; z-index: 1; background-image: url(../../assets/img/health-coaching/program-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.program-area .section-title h2 { max-width: 585px; color: #ffffff; line-height: 1.4; margin-left: auto; margin-right: auto; }

.program-area .section-title p { color: #ffffff; }

.program-area::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -2; background-color: #005d40; opacity: 0.75; }

.program-area::after { content: ''; position: absolute; right: 0; left: 0; bottom: 0; height: 32%; background-color: #ffffff; z-index: -2; }

.single-program-box { margin-bottom: 30px; text-align: center; border-radius: 5px; padding: 40px 30px; position: relative; z-index: 1; background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); }

.single-program-box .icon { font-size: 60px; line-height: 1; color: #005d40; margin-bottom: 20px; }

.single-program-box h3 { margin-bottom: 15px; font-size: 24px; font-weight: 700; }

.single-program-box .link-btn { display: inline-block; color: #b22222; margin-top: 5px; font-size: 15px; font-weight: 600; }

.single-program-box .link-btn:hover { color: #005d40; }

.single-program-box .shape { position: absolute; left: 0; top: 0; z-index: -1; }

.health-coaching-shape5 { position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; bottom: 4%; }

.health-coaching-shape5 img { animation-name: rotateMe; animation-duration: 30s; animation-iteration-count: infinite; animation-timing-function: linear; }

/*================================================
Courses CSS
=================================================*/
.single-courses-box-item { margin-bottom: 30px; position: relative; border-radius: 5px; background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); }

.single-courses-box-item .courses-image { border-radius: 5px 5px 0 0; position: relative; z-index: 1; }

.single-courses-box-item .courses-image .image { border-radius: 5px 5px 0 0; }

.single-courses-box-item .courses-image .image img { border-radius: 5px 5px 0 0; }

.single-courses-box-item .courses-image .fav { display: inline-block; position: absolute; right: 20px; top: 20px; color: #ffffff; font-size: 30px; line-height: 1; }

.single-courses-box-item .courses-image .fav:hover { color: #b22222; }

.single-courses-box-item .courses-image .price { display: inline-block; background-color: #005d40; color: #ffffff; width: 65px; height: 65px; border-radius: 50%; position: absolute; right: 20px; bottom: -32.5px; text-align: center; line-height: 67px; font-size: 24px; font-weight: 600; }

.single-courses-box-item .courses-content { border-radius: 0 0 5px 5px; padding: 25px; }

.single-courses-box-item .courses-content .course-author { margin-bottom: 15px; }

.single-courses-box-item .courses-content .course-author img { width: 35px; height: 35px; margin-right: 10px; }

.single-courses-box-item .courses-content .course-author span { color: #b22222; }

.single-courses-box-item .courses-content h3 { margin-bottom: 12px; line-height: 1.4; font-size: 24px; font-weight: 700; }

.single-courses-box-item .courses-content h3 a { display: inline-block; }

.courses-box { margin-bottom: 30px; position: relative; border-radius: 5px; background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); }

.courses-box .courses-image { border-radius: 5px 5px 0 0; position: relative; z-index: 1; }

.courses-box .courses-image .image { border-radius: 5px 5px 0 0; }

.courses-box .courses-image .image img { border-radius: 5px 5px 0 0; }

.courses-box .courses-image .fav { display: inline-block; position: absolute; right: 20px; top: 20px; color: #ffffff; font-size: 30px; line-height: 1; }

.courses-box .courses-image .fav:hover { color: #b22222; }

.courses-box .courses-image .price { display: inline-block; background-color: #b22222; color: #ffffff; width: 65px; height: 65px; border-radius: 50%; position: absolute; right: 20px; bottom: -32.5px; border: 4px solid #f8e8e9; text-align: center; line-height: 60px; font-size: 22px; font-weight: 600; }

.courses-box .courses-content { border-radius: 0 0 5px 5px; padding: 30px; position: relative; z-index: 1; overflow: hidden; }

.courses-box .courses-content .course-author { margin-bottom: 15px; }

.courses-box .courses-content .course-author img { width: 35px; height: 35px; margin-right: 10px; }

.courses-box .courses-content .course-author span { color: #b22222; }

.courses-box .courses-content h3 { margin-bottom: 12px; line-height: 1.4; font-size: 22px; font-weight: 700; }

.courses-box .courses-content h3 a { display: inline-block; }

.courses-box .courses-content .courses-box-footer { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-left: -7px; margin-right: -7px; margin-top: 20px; }

.courses-box .courses-content .courses-box-footer li { color: #b22222; font-size: 15px; position: relative; padding-left: 26px; padding-right: 7px; }

.courses-box .courses-content .courses-box-footer li i { color: #b22222; position: absolute; left: 7px; top: 3px; line-height: 1; }

.courses-box .courses-content .courses-box-footer li i.flaticon-people { font-size: 18px; left: 3px; }

.courses-box .courses-content::before { content: ''; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; border-radius: 50%; z-index: -1; background-color: #b22222; }

.courses-info { text-align: center; margin-top: 20px; }

.courses-info p { max-width: 630px; margin-left: auto; margin-right: auto; margin-bottom: 0; }

.courses-info p a { color: #b22222; font-weight: 600; }

.courses-info p a:hover { text-decoration: underline; color: #252525; }

/*================================================
Feedback CSS
=================================================*/
.feedback-area.bg-f8fafb { background-color: #ffffff; }

.feedback-area.bg-f8fafb::before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 70%; z-index: -1; background-color: #f8fafb; }

.feedback-area .container-fluid { padding-left: 60px; padding-right: 60px; }

.feedback-content { position: relative; z-index: 1; }

.feedback-content p { font-size: 28px; color: #252525; }

.feedback-content .client-info { margin-top: 30px; }

.feedback-content .client-info img { width: 50px; height: 50px; border-radius: 50%; }

.feedback-content .client-info .title { margin-left: 15px; }

.feedback-content .client-info .title h3 { margin-bottom: 5px; font-size: 18px; font-weight: 600; }

.feedback-content .client-info .title span { color: #b22222; font-size: 14px; }

.feedback-content::before { content: "\f10e"; position: absolute; right: 30px; bottom: -23px; line-height: 1; z-index: -1; color: #005d40; opacity: .5; font-family: Flaticon; font-size: 150px; }

/*================================================
Events CSS
=================================================*/
.events-area { position: relative; z-index: 1; }

.single-events-box-item { transition: 0.5s; background-color: #ffffff; margin-bottom: 30px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05); }

.single-events-box-item .image { position: relative; border-radius: 5px 5px 5px 0; }

.single-events-box-item .image img { border-radius: 5px 5px 5px 0; }

.single-events-box-item .image .date { position: absolute; left: 0; bottom: 0; display: inline-block; background-color: #005d40; color: #ffffff; padding: 9px 20px 7px; border-radius: 0 5px 0 0; font-weight: 500; }

.single-events-box-item .content { border-radius: 0 0 5px 5px; padding: 20px; position: relative; }

.single-events-box-item .content h3 { margin-bottom: 0; line-height: 1.3; font-size: 24px; font-weight: 700; }

.single-events-box-item .content h3 a { display: inline-block; }

.single-events-box-item .content .location { display: block; color: #b22222; margin-top: 13px; position: relative; padding-left: 22px; }

.single-events-box-item .content .location i { color: #b22222; position: absolute; left: 0; top: 2px; font-size: 18px; }

.events-box { margin-bottom: 30px; background-color: #ffffff; border-radius: 5px; }

.events-box .image { height: 100%; border-radius: 5px; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.events-box .image.bg1 { background-image: url(../../assets/img/business-coaching/events-img1.jpg); }

.events-box .image.bg2 { background-image: url(../../assets/img/business-coaching/events-img2.jpg); }

.events-box .image.bg3 { background-image: url(../../assets/img/business-coaching/events-img3.jpg); }

.events-box .image.bg4 { background-image: url(../../assets/img/business-coaching/events-img4.jpg); }

.events-box .image img { display: none; border-radius: 5px; }

.events-box .image .divider-shape { position: absolute; z-index: 1; top: 0; height: 100%; width: 2vw; max-width: 72px; right: -1px; pointer-events: none; mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e"); mask-size: 100% 101%; background-color: #ffffff; }

.events-box .content { padding: 30px; }

.events-box .content .date { margin-bottom: 20px; display: inline-block; position: relative; border-radius: 5px; padding: 6px 15px; background-color: #b22222; }

.events-box .content .date span { color: #ffffff; font-weight: 500; }

.events-box .content h3 { margin-bottom: 10px; line-height: 1.3; font-size: 22px; font-weight: 700; }

.events-box .content h3 a { display: inline-block; }

.events-box .content .location { display: block; color: #b22222; margin-top: 10px; position: relative; padding-left: 22px; font-weight: 500; }

.events-box .content .location i { color: #b22222; position: absolute; left: 0; top: 1px; font-size: 18px; }

.health-coaching-shape6 { position: absolute; right: 5%; top: 8%; z-index: -1; }

.health-coaching-shape6 img { animation: movebounce 8s linear infinite; }

.health-coaching-shape7 { position: absolute; z-index: -1; left: 20px; bottom: 20px; }

.health-coaching-shape7 img { animation: movebounce 8s linear infinite; max-width: 150px; }

/*================================================
Blog CSS
=================================================*/
.blog-area { position: relative; z-index: 1; }

.blog-area.bg-image { background-position: center center; background-size: cover; background-image: url(../../assets/img/health-coaching/bg-image2.jpg); background-repeat: no-repeat; }

.blog-area.bg-image .section-title h2 { color: #ffffff; }

.blog-area.bg-image .section-title p { color: #ffffff; }

.single-blog-post-box { margin-bottom: 30px; position: relative; }

.single-blog-post-box .post-image { border-radius: 5px 5px 0 0; }

.single-blog-post-box .post-image a { border-radius: 5px 5px 0 0; overflow: hidden; }

.single-blog-post-box .post-image a img { border-radius: 5px 5px 0 0; transition: 0.5s; }

.single-blog-post-box .post-content { background-color: #fffaf3; padding: 25px; }

.single-blog-post-box .post-content .category { display: inline-block; margin-bottom: 7px; color: #b22222; text-transform: uppercase; font-size: 14px; font-weight: 500; }

.single-blog-post-box .post-content .category:hover { color: #b22222; }

.single-blog-post-box .post-content h3 { margin-bottom: 12px; line-height: 1.4; font-size: 25px; font-weight: 600; }

.single-blog-post-box .post-content h3 a { display: inline-block; }

.single-blog-post-box .post-content .post-content-footer { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-left: -7px; margin-right: -7px; margin-top: 20px; }

.single-blog-post-box .post-content .post-content-footer li { color: #b22222; font-size: 15px; position: relative; padding-left: 26px; padding-right: 7px; }

.single-blog-post-box .post-content .post-content-footer li .post-author img { width: 35px; height: 35px; margin-right: 10px; }

.single-blog-post-box .post-content .post-content-footer li .post-author span { color: #b22222; font-weight: 500; font-size: 15px; }

.single-blog-post-box .post-content .post-content-footer li i { color: #b22222; position: absolute; left: 7px; top: 3px; }

.single-blog-post-box .post-content .post-content-footer li:first-child { padding-left: 7px; }

.single-blog-post-box.without-bg-color .post-content { padding: 25px 0 0 0; background-color: transparent; }

.single-blog-post-box:hover .post-image a img { transform: rotate(5deg) scale(1.3); }

.blog-post-info { text-align: center; margin-top: 15px; }

.blog-post-info p { max-width: 600px; color: #ffffff; margin-left: auto; margin-right: auto; margin-bottom: 0; }

.blog-post-info p a { font-weight: 600; text-decoration: underline; color: #ffffff; }

/*================================================
Subscribe CSS
=================================================*/
.subscribe-area { overflow: hidden; position: relative; z-index: 1; }

.subscribe-content { text-align: center; max-width: 720px; margin-left: auto; margin-right: auto; }

.subscribe-content .sub-title { text-transform: uppercase; display: block; color: #b22222; font-weight: 500; margin-bottom: 8px; }

.subscribe-content h2 { max-width: 615px; margin-bottom: 0; margin-left: auto; margin-right: auto; font-size: 30px; font-weight: 700; }

.subscribe-content p { max-width: 615px; margin-left: auto; margin-right: auto; margin-top: 12px; }

.subscribe-content .newsletter-form { position: relative; max-width: 650px; margin-top: 30px; margin-left: auto; margin-right: auto; }

.subscribe-content .newsletter-form .input-newsletter { display: block; width: 100%; border: none; background-color: #ebebeb; color: #252525; height: 50px; border-radius: 5px; padding-left: 18px; padding-top: 2px; font-size: 15px; font-weight: 400; }

.subscribe-content .newsletter-form .input-newsletter::placeholder { color: #999999; transition: 0.5s; }

.subscribe-content .newsletter-form .input-newsletter:focus::placeholder { color: transparent; }

.subscribe-content .newsletter-form .validation-danger { color: red; margin-top: 15px; }

.subscribe-content .newsletter-form .validation-success { margin-top: 15px; }

.subscribe-content .newsletter-form .default-btn { position: absolute; right: 0; top: 0; border-radius: 0 5px 5px 0; height: 50px; }

.health-coaching-shape8 { position: absolute; left: 0; top: 0; z-index: -1; }

.health-coaching-shape8 img { max-width: 325px; }

.health-coaching-shape9 { position: absolute; right: 7%; top: 30%; z-index: -1; }

.health-coaching-shape9 img { animation: movebounce 8s linear infinite; max-width: 200px; }

/*================================================
Premium Access CSS
=================================================*/
.premium-access-area { position: relative; z-index: 1; }

.premium-access-content { text-align: center; max-width: 720px; margin-left: auto; margin-right: auto; }

.premium-access-content .sub-title { text-transform: uppercase; display: block; color: #b22222; font-weight: 500; margin-bottom: 10px; }

.premium-access-content h2 { max-width: 615px; font-size: 30px; font-weight: 700; margin-bottom: 0; margin-left: auto; margin-right: auto; }

.premium-access-content p { max-width: 615px; margin-left: auto; margin-right: auto; margin-top: 12px; }

.premium-access-content .default-btn { margin-top: 10px; }

/*================================================
Distance Learning CSS
=================================================*/
.distance-learning-area { position: relative; z-index: 1; }

.distance-learning-image { text-align: center; }

.distance-learning-content { padding-left: 15px; margin-top: 20px; }

.distance-learning-content .sub-title { display: block; text-transform: uppercase; color: #b22222; margin-bottom: 12px; font-weight: 500; }

.distance-learning-content h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; }

.distance-learning-content .features-list { padding-left: 0; list-style-type: none; display: flex; flex-wrap: wrap; margin-bottom: 0; margin-top: 0px; margin-left: -8px; margin-right: -8px; }

.distance-learning-content .features-list li { flex: 0 0 50%; max-width: 50%; padding-left: 8px; padding-right: 8px; padding-top: 16px; }

.distance-learning-content .features-list li span { display: block; position: relative; color: #252525; font-size: 16px; font-weight: 700; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; }

.distance-learning-content .features-list li span i { position: absolute; left: 0; top: -2px; width: 40px; height: 40px; overflow: hidden; text-align: center; font-weight: 500; line-height: 40px; color: #b22222; font-size: 25px; background-image: url(../../assets/img/circle-border.png); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.distance-learning-content .default-btn { margin-top: 35px; }

.business-shape4 { position: absolute; right: 50px; bottom: 50px; z-index: -1; }

.business-shape4 img { animation: movebounce 8s linear infinite; }

.business-shape5 { position: absolute; left: 50px; bottom: 50px; z-index: -1; }

.business-shape5 img { animation: movebounce 8s linear infinite; }

.business-shape7 { position: absolute; right: 50px; bottom: 50px; z-index: -1; }

.business-shape7 img { animation: movebounce 8s linear infinite; }

.business-shape8 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1; }

.business-shape8 img { animation: movebounce2 8s linear infinite; max-width: 150px; }

.business-shape9 { position: absolute; z-index: -1; left: 15%; top: 35%; }

.business-shape9 img { animation: movebounce 8s linear infinite; }

.business-shape10 { position: absolute; right: 15%; top: 25%; z-index: -1; }

.business-shape10 img { animation-name: rotateMe; animation-duration: 40s; animation-iteration-count: infinite; animation-timing-function: linear; }

/*================================================
FAQ CSS
=================================================*/
.faq-area { position: relative; z-index: 1; }

.faq-video { position: relative; z-index: 1; border-radius: 5px; text-align: center; }

.faq-video img { border-radius: 5px; }

.faq-video .video-btn { display: inline-block; width: 80px; height: 80px; font-size: 60px; text-align: center; line-height: 90px; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translateY(-50%) translateX(-50%); background-color: #b22222; border-radius: 50%; color: #ffffff; }

.faq-video .video-btn::after, .faq-video .video-btn::before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; transition: 0.5s; border-radius: 50%; border: 1px solid #ffffff; }

.faq-video .video-btn::before { animation: ripple 2s linear infinite; }

.faq-video .video-btn::after { animation: ripple 2s linear 1s infinite; }

.faq-video .video-btn:hover { color: #b22222; background-color: #ffffff; }

.faq-video .video-btn:hover::before, .faq-video .video-btn:hover::after { border-color: #b22222; }

.faq-accordion-style-two.faq-accordion .accordion .accordion-item { box-shadow: unset !important; }

.faq-accordion-style-two.faq-accordion .accordion .accordion-title { padding: 16px 15px 14px 45px; }

.faq-accordion-style-two.faq-accordion .accordion .accordion-title i { left: 13px; top: 14px; font-size: 25px; }

.faq-accordion-style-two.faq-accordion .accordion .accordion-content { padding-bottom: 18px; padding-right: 15px; padding-left: 45px; }

/*================================================
Funfacts CSS
=================================================*/
.funfacts-list .single-funfacts-box { margin-bottom: 0; }

.funfacts-list .row .col-lg-6:nth-child(1) .single-funfacts-box { margin-top: 60px; margin-bottom: 30px; }

.funfacts-list .row .col-lg-6:nth-child(4) .single-funfacts-box { margin-top: -60px; }

.single-funfacts-box { text-align: center; border: 5px solid #fbf1f2; border-radius: 85px; margin-bottom: 30px; background-image: url(../../assets/img/business-coaching/funfacts-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 90px; padding-bottom: 90px; padding-left: 20px; padding-right: 20px; }

.single-funfacts-box h3 { margin-bottom: 0; color: #b22222; font-size: 44px; font-weight: 800; }

.single-funfacts-box h3 span { font-size: 48px; }

.single-funfacts-box h3 .odometer { position: relative; top: -2px; }

.single-funfacts-box p { text-transform: uppercase; color: #252525; line-height: 1; margin-top: 10px; font-weight: 700; font-size: 15px; }

.funfacts-and-feedback-area { position: relative; z-index: 1; }

/*================================================
Feedback Area CSS
=================================================*/
.feedback-slides-content .sub-title { display: block; text-transform: uppercase; color: #b22222; margin-bottom: 10px; }

.feedback-slides-content h2 { margin-bottom: 0; font-size: 37px; font-weight: 700; }

.feedback-slides-content p { margin-top: 15px; }

.feedback-slides-content .feedback-info p { margin-bottom: 0; }

.feedback-slides-content .feedback-info p a { color: #b22222; font-weight: 600; }

.feedback-slides-content .feedback-info p a:hover { text-decoration: underline; color: #b22222; }

.feedback-slides-content .feedback-slides-two { margin-top: 30px; margin-bottom: 30px; }

.single-feedback-slides-item { background-color: #ffffff; position: relative; z-index: 1; padding: 50px 70px 50px 50px; border-radius: 5px; overflow: hidden; }

.single-feedback-slides-item p { color: #606060; line-height: 1.8; font-size: 15px; font-weight: 600; margin-top: 0; margin-bottom: 0; }

.single-feedback-slides-item .client-info { margin-top: 25px; }

.single-feedback-slides-item .client-info img { width: 55px; height: 55px; }

.single-feedback-slides-item .client-info .title { margin-left: 15px; }

.single-feedback-slides-item .client-info .title h3 { margin-bottom: 0; color: #b22222; font-size: 18px; font-weight: 600; }

.single-feedback-slides-item .client-info .title span { display: block; color: #b22222; font-size: 14px; margin-top: 4px; }

.single-feedback-slides-item::after { width: 75px; height: 75px; content: ''; border-radius: 50%; background-color: #b22222; position: absolute; left: -25px; top: -25px; z-index: -1; }

.single-feedback-slides-item::before { content: "\f10e"; font-family: Flaticon; font-size: 100px; position: absolute; right: 50px; color: #e8e8e8; z-index: -1; bottom: 25px; line-height: 1; }

.feedback-slides-two.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }

.feedback-slides-two.owl-theme .owl-dots .owl-dot { display: block; }

.feedback-slides-two.owl-theme .owl-dots .owl-dot span { margin: 3px 0; width: 15px; height: 15px; border-radius: 50%; background-color: transparent !important; border: 1px solid #a8a8a8; position: relative; transition: 0.5s; }

.feedback-slides-two.owl-theme .owl-dots .owl-dot span::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; border-radius: 50%; margin: 2px; transition: 0.5s; }

.feedback-slides-two.owl-theme .owl-dots .owl-dot:hover span, .feedback-slides-two.owl-theme .owl-dots .owl-dot.active span { border-color: #b22222; }

.feedback-slides-two.owl-theme .owl-dots .owl-dot:hover span::before, .feedback-slides-two.owl-theme .owl-dots .owl-dot.active span::before { background-color: #b22222; }

.business-shape6 { position: absolute; right: 0; bottom: 0; z-index: -1; }

.business-shape6 img { animation: movebounce 8s linear infinite; }

/*================================================
Language Banner Area CSS
=================================================*/
.language-banner-area { position: relative; z-index: 1; padding-top: 20px; background-color: #f8e8e9; background-image: url(../../assets/img/banner-bg.jpg); background-position: bottom left; background-size: cover; background-repeat: no-repeat; }

.language-banner-area .container-fluid { max-width: 1275px; }

.language-banner-content { padding-right: 10px; }

.language-banner-content h1 { margin-bottom: 15px; font-size: 55px; font-weight: 700; }

.language-banner-content p { color: #252525; font-weight: 600; }

.language-banner-content .default-btn { margin-top: 10px; }

.language-banner-image { text-align: center; position: relative; top: 15px; }

.lang-shape1 { position: absolute; left: 0; top: 16%; z-index: -1; }

.lang-shape1 img { max-width: 100px; animation: movebounce2 8s linear infinite; }

.lang-shape2 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1; }

.lang-shape2 img { animation: movebounce2 8s linear infinite; max-width: 170px; }

.lang-shape3 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1; }

.lang-shape3 img { animation: movebounce2 8s linear infinite; max-width: 250px; }

.lang-shape4 { position: absolute; right: 5%; top: 30%; z-index: -1; }

.lang-shape4 img { animation: movebounce3 8s linear infinite; }

.lang-shape5 { position: absolute; left: 1%; bottom: 0; z-index: -1; }

.lang-shape5 img { animation: movebounce3 8s linear infinite; max-width: 350px; }

/*================================================
Courses Area CSS
=================================================*/
.single-language-courses-box { margin-bottom: 30px; text-align: center; background-color: #f9f9f9; border-radius: 5px; }

.single-language-courses-box a img { border-radius: 5px 5px 0 0; }

.single-language-courses-box .content { padding: 30px; }

.single-language-courses-box .content h3 { text-transform: uppercase; margin-bottom: 12px; font-size: 22px; font-weight: 700; }

.single-language-courses-box .content .link-btn { display: inline-block; color: #b22222; font-weight: 600; }

.single-language-courses-box .content .link-btn:hover { color: #b22222; }

/*================================================
Why Choose Us Area CSS
=================================================*/
.why-choose-us-area { position: relative; z-index: 1; }

.why-choose-us-area .container-fluid { padding-left: 0; padding-right: 0; }

.why-choose-us-area .container-fluid .row { margin-left: 0; margin-right: 0; }

.why-choose-us-area .container-fluid .row .col-lg-6 { padding-left: 0; padding-right: 0; }

.why-choose-us-image { height: 100%; background-image: url(../../assets/img/why-choose-us.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.why-choose-us-image img { display: none; }

.why-choose-us-content { padding-top: 120px; padding-bottom: 120px; padding-left: 100px; padding-right: 30px; }

.why-choose-us-content .content { max-width: 455px; }

.why-choose-us-content .content .sub-title { display: block; text-transform: uppercase; color: #b22222; margin-bottom: 12px; font-weight: 500; }

.why-choose-us-content .content h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; }

.why-choose-us-content .content .features-list { padding-left: 0; list-style-type: none; display: flex; flex-wrap: wrap; margin-bottom: 0; margin-top: 0px; margin-left: -8px; margin-right: -8px; }

.why-choose-us-content .content .features-list li { flex: 0 0 50%; max-width: 50%; padding-left: 8px; padding-right: 8px; padding-top: 16px; }

.why-choose-us-content .content .features-list li span { display: block; position: relative; color: #252525; font-size: 16px; font-weight: 700; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; }

.why-choose-us-content .content .features-list li span i { position: absolute; left: 0; top: -2px; width: 40px; height: 40px; overflow: hidden; text-align: center; font-weight: 500; line-height: 40px; color: #b22222; font-size: 25px; background-image: url(../../assets/img/circle-border.png); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.why-choose-us-content .content .default-btn { margin-top: 35px; }

.why-choose-us-area-two { background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(../../assets/img/bg-shape.jpg); }

.why-choose-us-img { overflow: hidden; text-align: center; position: relative; margin-right: 15px; z-index: 1; }

.why-choose-us-img .shape { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1; }

.why-choose-us-img .shape img { animation-name: rotateMe; animation-duration: 40s; animation-iteration-count: infinite; animation-timing-function: linear; }

.why-choose-us-text { padding-left: 15px; }

.why-choose-us-text .sub-title { display: block; text-transform: uppercase; color: #b22222; margin-bottom: 12px; font-weight: 500; }

.why-choose-us-text h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; }

.why-choose-us-text .features-list { padding-left: 0; list-style-type: none; display: flex; flex-wrap: wrap; margin-bottom: 0; margin-top: 0px; margin-left: -8px; margin-right: -8px; }

.why-choose-us-text .features-list li { flex: 0 0 50%; max-width: 50%; padding-left: 8px; padding-right: 8px; padding-top: 16px; }

.why-choose-us-text .features-list li span { display: block; position: relative; color: #d4d4d4; font-size: 16px; font-weight: 700; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; }

.why-choose-us-text .features-list li span i { position: absolute; left: 0; top: -2px; width: 40px; height: 40px; overflow: hidden; text-align: center; font-weight: 500; line-height: 40px; color: #b22222; font-size: 25px; background-image: url(../../assets/img/circle-border.png); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.why-choose-us-text .default-btn { margin-top: 35px; }

/*================================================
Information Area CSS
=================================================*/
.information-image { padding-right: 15px; }

.information-content { padding-left: 15px; }

.information-content .sub-title { display: block; text-transform: uppercase; color: #b22222; margin-bottom: 10px; font-weight: 500; }

.information-content h2 { margin-bottom: 40px; font-size: 30px; font-weight: 700; }

.information-content .apply-details { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.information-content .apply-details li { position: relative; margin-top: 30px; padding-left: 108px; }

.information-content .apply-details li .icon { width: 85px; height: 85px; line-height: 84px; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #b22222; color: #ffffff; font-size: 40px; text-align: center; transition: 0.5s; }

.information-content .apply-details li h3 { margin-bottom: 10px; font-size: 20px; font-weight: 700; }

.information-content .apply-details li:hover .icon { background-color: #252525; color: #ffffff; }

/*================================================
Free Trial Area CSS
=================================================*/
.free-trial-area { position: relative; z-index: 1; padding-top: 130px; padding-bottom: 130px; background-image: url(../../assets/img/free-trial-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.free-trial-form { margin-left: auto; max-width: 600px; background-color: #f3f3f3; padding: 50px; position: relative; border-radius: 5px; z-index: 1; }

.free-trial-form::before { transform: rotate(6.5deg); content: ''; position: absolute; border-radius: 5px; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(243, 243, 243, 0.85); transition: 0.5s; z-index: -2; }

.free-trial-form::after { content: ''; position: absolute; left: 0; right: 0; top: 0; border-radius: 5px; bottom: 0; background-color: #f3f3f3; z-index: -1; }

.free-trial-form .sub-title { display: block; text-transform: uppercase; color: #b22222; margin-bottom: 10px; font-weight: 500; }

.free-trial-form h2 { margin-bottom: 25px; font-size: 30px; font-weight: 700; }

.free-trial-form form .form-group { margin-bottom: 15px; }

.free-trial-form form .form-control { border: none; padding-top: 2px; padding-left: 15px; }

.free-trial-form form .form-control::placeholder { transition: 0.5s; }

.free-trial-form form .form-control:focus::placeholder { color: transparent; }

.free-trial-form form button { display: block; width: 100%; background-color: #b22222; color: #ffffff; border: none; transition: 0.5s; border-radius: 5px; margin-top: 20px; font-size: 14.5px; font-weight: 700; padding-top: 15px; padding-bottom: 14px; padding-left: 25px; padding-right: 25px; }

.free-trial-form form button:hover { background-color: #b22222; color: #ffffff; }

.free-trial-form:hover::before { transform: rotate(-6.5deg); }

/*================================================
Feedback Area CSS
=================================================*/
.feedback-area-two .feedback-slides.owl-theme { margin-bottom: 0; }

.feedback-area-two .feedback-slides.owl-theme .owl-nav [class*=owl-] { opacity: 1; visibility: visible; left: 0; width: auto; height: auto; line-height: 1; border: none; font-size: 40px; color: #9d9d9d !important; background-color: transparent !important; box-shadow: unset !important; }

.feedback-area-two .feedback-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 30px; }

.feedback-area-two .feedback-slides.owl-theme .owl-nav [class*=owl-]:hover { color: #b22222 !important; }

.feedback-area-two .feedback-slides.owl-theme .single-feedback-box { max-width: 820px; margin-left: auto; margin-right: auto; }

.feedback-area-two .section-title { margin-bottom: 20px; }

.feedback-image { text-align: center; margin-top: 30px; }

.single-feedback-box { text-align: center; position: relative; margin-top: 25px; z-index: 1; }

.single-feedback-box p { margin-bottom: 0; font-size: 19px; color: #606060; }

.single-feedback-box .info { margin-top: 25px; text-align: left; }

.single-feedback-box .info img { width: 55px !important; display: inline-block !important; height: 55px; border-radius: 50%; margin-right: 7px; }

.single-feedback-box .info .title { margin-left: 7px; }

.single-feedback-box .info .title h3 { margin-bottom: 5px; color: #b22222; font-size: 17px; font-weight: 700; }

.single-feedback-box .info .title p { color: #606060; font-size: 14px; }

.single-feedback-box::before { content: "\f10e"; position: absolute; left: -70px; top: -35px; line-height: 1; z-index: -1; color: #e3e3e3; opacity: 0.8; opacity: .5; font-family: Flaticon; font-size: 110px; }

/*================================================
Dark CSS
=================================================*/
.bg-dark { background-color: #000000 !important; color: #ffffff; }

.bg-dark .h1, .bg-dark .h2, .bg-dark .h3, .bg-dark .h4, .bg-dark .h5, .bg-dark .h6, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 { color: #ffffff; }

.bg-dark p { color: #d4d4d4; }

.bg-dark.bg-0b0517 { background-color: #0b0517 !important; }

.bg-dark.bg-100f1f { background-color: #100f1f !important; }

.bg-dark a { color: #ffffff; }

.bg-dark a:hover { color: #b22222; }

.bg-dark .default-btn { color: #ffffff; }

.bg-dark .default-btn:hover, .bg-dark .default-btn:focus { color: #ffffff; }

.bg-dark .single-blog-post-box .post-content .category { color: #b22222; }

.bg-dark .single-blog-post-box .post-content .category:hover { color: #b22222; }

.bg-dark .courses-info p a:hover { color: #ffffff; }

.bg-dark .courses-box { background-color: #100f1f; box-shadow: unset !important; }

.bg-dark .courses-box .courses-image .price { border-color: #100f1f; }

.bg-dark .courses-box .courses-content .courses-box-footer li { color: #d4d4d4; }

.bg-370920 { background-color: #370920; }

/*================================================
Online Area CSS
=================================================*/
.online-area { overflow: hidden; }

.online-image { text-align: center; position: relative; z-index: 1; }

.gym-shape1 { position: absolute; top: 18%; left: 13%; z-index: -1; }

.gym-shape1 img { animation: movebounce2 6s linear infinite; }

.gym-shape2 { position: absolute; left: 0; bottom: 0; z-index: -1; }

.gym-shape2 img { animation: movebounce3 6s linear infinite; }

.online-content { margin-top: 100px; }

.online-content .sub-title { display: block; text-transform: uppercase; color: #b22222; margin-bottom: 12px; font-weight: 500; }

.online-content h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; }

.online-content .default-btn { margin-top: 15px; }

/*================================================
App Area CSS
=================================================*/
.app-area { position: relative; z-index: 1; background-image: url(../../assets/img/app-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.app-area::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-color: #100f1f; opacity: 0.88; }

.app-area .row { margin-left: 0; margin-right: 0; }

.app-area .row .col-lg-5, .app-area .row .col-md-7 { padding-left: 0; padding-right: 0; }

.app-area .overlay { position: absolute; left: 0; top: 0; right: 0; height: 50px; z-index: -1; background-color: #0b0517; }

.app-area::after { position: absolute; left: 0; bottom: 0; content: ''; right: 0; height: 50px; z-index: -1; background-color: #0b0517; }

.app-content .sub-title { display: block; text-transform: uppercase; color: #b22222; margin-bottom: 10px; font-weight: 600; }

.app-content h2 { margin-bottom: 20px; line-height: 1.4; font-size: 30px; font-weight: 700; }

.app-content .default-btn { margin-top: 15px; }

.app-image { text-align: center; }

/*================================================
Gym Trainer Area CSS
=================================================*/
.single-gym-trainer { text-align: center; margin-bottom: 30px; }

.single-gym-trainer img { border-radius: 5px; }

.single-gym-trainer .content { margin-top: 25px; }

.single-gym-trainer .content span { display: block; font-weight: 600; color: #b22222; margin-bottom: 9px; }

.single-gym-trainer .content h3 { margin-bottom: 20px; font-size: 22px; font-weight: 700; }

.single-gym-trainer .content .social-link { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.single-gym-trainer .content .social-link li { display: inline-block; margin-left: 2px; margin-right: 2px; }

.single-gym-trainer .content .social-link li a { width: 40px; height: 40px; background-color: #100f1f; color: #78777e; font-size: 22px; position: relative; }

.single-gym-trainer .content .social-link li a i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }

.single-gym-trainer .content .social-link li a:hover { background-color: #b22222; color: #ffffff; }

/*================================================
Gym Feedback Area CSS
=================================================*/
.gym-feedback-area { background-image: url(../../assets/img/feedback-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.gym-feedback-inner { background-color: #000000; max-width: 650px; margin-left: auto; position: relative; overflow: hidden; z-index: 1; padding-top: 100px; padding-bottom: 100px; padding-left: 50px; padding-right: 50px; }

.gym-feedback-inner::before { content: ''; position: absolute; left: -30px; top: 63%; transform: translateY(-63%); width: 55px; height: 55px; border-radius: 50%; z-index: -1; background-color: #b22222; }

.gym-feedback-inner .section-title { margin-bottom: 40px; }

.gym-feedback-inner .feedback-slides-two.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 25px; position: relative; right: 0; top: 0; transform: translateY(0); }

.gym-feedback-inner .feedback-slides-two.owl-theme .owl-dots .owl-dot { display: inline-block; }

.gym-feedback-inner .feedback-slides-two.owl-theme .owl-dots .owl-dot span { margin: 0 4px; }

.single-gym-feedback-box { text-align: center; position: relative; z-index: 1; }

.single-gym-feedback-box img { width: 90px !important; height: 90px; display: inline-block !important; margin-bottom: 25px; border-radius: 50%; }

.single-gym-feedback-box p { color: #d4d4d4; line-height: 1.8; }

.single-gym-feedback-box .title { margin-top: 25px; }

.single-gym-feedback-box .title h3 { margin-bottom: 5px; color: #b22222; font-size: 18px; font-weight: 700; }

.single-gym-feedback-box .title span { color: #d4d4d4; font-size: 14px; }

.single-gym-feedback-box::before { content: "\f10e"; position: absolute; right: 30px; bottom: 0px; line-height: 1; z-index: -1; color: #21071c; opacity: .9; font-family: Flaticon; font-size: 100px; }

/*================================================
Learning Area CSS
=================================================*/
.learning-area .section-title h2 { max-width: 600px; margin-left: auto; margin-right: auto; }

.single-learning-box { margin-bottom: 30px; border: 1px solid #2b2635; border-radius: 5px; padding: 40px 25px; text-align: center; }

.single-learning-box .icon { margin-bottom: 25px; line-height: 1; color: #b22222; font-size: 50px; }

.single-learning-box h3 { margin-bottom: 12px; font-size: 22px; font-weight: 700; }

.single-learning-box .link-btn { display: inline-block; font-weight: 500; color: #b22222; margin-top: 2px; }

.single-learning-box .link-btn:hover { color: #b22222; }

/*================================================
Funfacts Area CSS
=================================================*/
.funfacts-style-three .row { margin-left: 0; margin-right: 0; }

.funfacts-style-three .row .col-lg-3 { padding-left: 0; padding-right: 0; }

.funfacts-style-three .row .col-lg-3:last-child .single-funfacts-item { border-right: none; }

.funfacts-style-three .row .col-lg-3:nth-child(2) .single-funfacts-item { background-image: url(../../assets/img/funfacts-bg2.png); }

.funfacts-style-three .row .col-lg-3:nth-child(3) .single-funfacts-item { background-image: url(../../assets/img/funfacts-bg3.png); }

.funfacts-style-three .row .col-lg-3:nth-child(4) .single-funfacts-item { background-image: url(../../assets/img/funfacts-bg4.png); }

.single-funfacts-item { border-right: 1px solid #0b0517; text-align: center; background-image: url(../../assets/img/funfacts-bg1.png); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 100px; padding-bottom: 100px; }

.single-funfacts-item h3 { margin-bottom: 0; color: #b22222; font-size: 44px; font-weight: 800; }

.single-funfacts-item h3 span { font-size: 48px; }

.single-funfacts-item h3 .odometer { position: relative; top: -2px; }

.single-funfacts-item p { text-transform: uppercase; line-height: 1; margin-top: 10px; font-weight: 700; font-size: 15px; }

/*================================================
Gym Main Banner Area CSS
=================================================*/
.gym-main-banner { background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 350px; padding-bottom: 247px; }

.gym-main-banner.bg-1 { background-image: url(../../assets/img/gym-main-banner1.jpg); }

.gym-main-banner.bg-2 { background-image: url(../../assets/img/gym-main-banner2.jpg); }

.gym-main-banner .container { max-width: 1300px; }

.gym-banner-content { max-width: 630px; }

.gym-banner-content .sub-title { text-transform: uppercase; font-weight: 600; color: #b22222; display: block; margin-bottom: 12px; }

.gym-banner-content h1 { margin-bottom: 20px; font-size: 55px; font-weight: 700; }

.gym-banner-content .default-btn { margin-top: 15px; }

.gym-home-slides.owl-theme { margin-bottom: -2px; }

.gym-home-slides.owl-theme .owl-dots { position: absolute; left: 0; right: 0; bottom: 20px; }

.gym-home-slides.owl-theme .owl-dots .owl-dot span { margin: 0 4px; width: 15px; height: 15px; border-radius: 50%; background-color: transparent !important; border: 1px solid #a8a8a8; position: relative; transition: 0.5s; }

.gym-home-slides.owl-theme .owl-dots .owl-dot span::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; border-radius: 50%; margin: 2px; transition: 0.5s; }

.gym-home-slides.owl-theme .owl-dots .owl-dot:hover span, .gym-home-slides.owl-theme .owl-dots .owl-dot.active span { border-color: #b22222; }

.gym-home-slides.owl-theme .owl-dots .owl-dot:hover span::before, .gym-home-slides.owl-theme .owl-dots .owl-dot.active span::before { background-color: #b22222; }

.gym-home-slides.owl-theme .owl-nav { margin-top: 0; transition: 0.5s; opacity: 0; visibility: hidden; }

.gym-home-slides.owl-theme .owl-nav [class*=owl-] { position: absolute; left: 25px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; line-height: 52px; font-size: 25px; margin: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.45); color: #252525; transition: 0.5s; }

.gym-home-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 25px; }

.gym-home-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #b22222; color: #ffffff; }

.gym-home-slides.owl-theme:hover .owl-nav { opacity: 1; visibility: visible; }

/* Online Motivation Course CSS, Online Education Course CSS, Online Training Course CSS */
/*================================================
Top Header Area CSS
=================================================*/
.top-header.training-top-header-with-black-color { background-color: #252525; }

/*================================================
Motivation Course Banner Area CSS
=================================================*/
.motivation-course-banner-area { padding-top: 100px; border-top: 1px solid #E5E5E5; }

.motivation-course-banner-area .container-fluid { padding-left: 60px; padding-right: 60px; }

.motivation-course-banner-content h1 { font-size: 78px; font-weight: bold; margin-bottom: 0; }

.motivation-course-banner-text { padding-left: 45px; }

.motivation-course-banner-text p { margin-bottom: 25px; }

.motivation-course-banner-image { margin-top: 70px; overflow: hidden; border-radius: 25px; position: relative; }

.motivation-course-banner-image img { border-radius: 25px; transition: 0.5s; }

.motivation-course-banner-image:hover img { transform: scale(1.1); }

.motivation-course-banner-image .video-btn { display: inline-block; width: 100px; height: 100px; line-height: 100px; background-color: #252525; border-radius: 50%; color: #ffffff; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; text-align: center; font-size: 75px; transition: 0.5s; }

.motivation-course-banner-image .video-btn i { position: absolute; left: 2.8px; right: 0; margin: auto; top: 50%; transform: translateY(-50%); }

.motivation-course-banner-image .video-btn::before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #b22222; animation: ripple 2s linear infinite; }

.motivation-course-banner-image .video-btn:hover { background-color: #b22222; }

/*================================================
Motivation Featured Area CSS
=================================================*/
.motivation-featured-area .section-title.text-left h2 { max-width: 100%; }

.motivation-featured-area .section-title p { max-width: 100%; margin-top: 0; margin-bottom: 10px; padding-left: 25px; }

.motivation-featured-area .section-title .bottom-zero { margin-bottom: 0; }

.motivation-featured-area.bg-with-black-color { background-color: #252525; padding-left: 40px; padding-right: 40px; padding-top: 50px; padding-bottom: 20px; margin-left: 60px; margin-right: 60px; border-radius: 15px; }

.motivation-featured-area.bg-fluid-black-color { background-color: #0E2742; }

.motivation-featured-area.bg-fluid-black-color .container-fluid { padding-left: 60px; padding-right: 60px; }

.motivation-featured-area.bg-fluid-black-color .motivation-featured-item .icon i { border-radius: 50px; background: #EA9927; }

.motivation-featured-area.bg-fluid-black-color .motivation-featured-item .icon.bg-0B767A i { background: #0B767A; }

.motivation-featured-area.bg-fluid-black-color .motivation-featured-item .icon.bg-9879B6 i { background: #9879B6; }

.motivation-featured-area.bg-fluid-black-color .motivation-featured-item .icon.bg-FF305B i { background: #FF305B; }

.motivation-featured-card { margin-bottom: 30px; transition: 0.5s; }

.motivation-featured-card .number { display: inline-block; height: 70px; width: 90px; line-height: 70px; background-color: #252525; color: #ffffff; font-size: 20px; font-weight: 600; text-align: center; border-radius: 67% 33% 62% 38% / 65% 35% 65% 35%; margin-bottom: 22px; transition: 0.5s; }

.motivation-featured-card h3 { margin-bottom: 15px; font-size: 20px; font-weight: bold; }

.motivation-featured-card h3 a { color: #252525; }

.motivation-featured-card p { margin-bottom: 0; }

.motivation-featured-card .featured-btn { position: relative; z-index: 1; font-size: 15px; font-weight: 500; margin-top: 20px; display: inline-block; transition: 0.5s; }

.motivation-featured-card .featured-btn::before { position: absolute; content: ""; height: 25px; width: 25px; left: 0; top: 50%; transform: translateY(-50%); background-color: #b22222; opacity: 0.2; border-radius: 50px; transition: 0.5s; }

.motivation-featured-card .featured-btn::after { position: absolute; content: ""; height: 25px; width: 25px; right: 0; top: 50%; transform: translateY(-50%); background-color: #b22222; opacity: 0; visibility: hidden; border-radius: 50px; transition: 0.5s; }

.motivation-featured-card:hover { transform: translateY(-5px); }

.motivation-featured-card:hover .number { background-color: #b22222; color: #ffffff; }

.motivation-featured-card:hover h3 a { color: #b22222; }

.motivation-featured-card:hover .featured-btn { color: #b22222; }

.motivation-featured-card:hover .featured-btn::before { opacity: 0; visibility: hidden; }

.motivation-featured-card:hover .featured-btn::after { opacity: 0.2; visibility: visible; }

.motivation-featured-item { margin-bottom: 30px; transition: 0.5s; position: relative; padding-left: 95px; }

.motivation-featured-item .icon { margin-bottom: 22px; position: absolute; left: 0; top: 0; }

.motivation-featured-item .icon i { display: inline-block; height: 75px; width: 75px; line-height: 75px; background: linear-gradient(247.7deg, #806AFF 0%, #A049F7 70.91%); border-radius: 15px; color: #ffffff; font-size: 35px; font-weight: 600; text-align: center; transition: 0.5s; }

.motivation-featured-item h3 { margin-bottom: 15px; font-size: 18.5px; font-weight: 600; }

.motivation-featured-item h3 a { color: #ffffff; }

.motivation-featured-item p { margin-bottom: 0; color: #ffffff; font-size: 14px; }

.motivation-featured-item .featured-btn { position: relative; z-index: 1; font-size: 15px; font-weight: 500; margin-top: 20px; display: inline-block; transition: 0.5s; color: #ffffff; font-size: 14px; }

.motivation-featured-item .featured-btn::before { position: absolute; content: ""; height: 25px; width: 25px; left: 0; top: 50%; transform: translateY(-50%); background-color: #b22222; opacity: 0.2; border-radius: 50px; transition: 0.5s; }

.motivation-featured-item .featured-btn::after { position: absolute; content: ""; height: 25px; width: 25px; right: 0; top: 50%; transform: translateY(-50%); background-color: #b22222; opacity: 0; visibility: hidden; border-radius: 50px; transition: 0.5s; }

.motivation-featured-item:hover { transform: translateY(-5px); }

.motivation-featured-item:hover .number { background-color: #b22222; color: #ffffff; }

.motivation-featured-item:hover h3 a { color: #b22222; }

.motivation-featured-item:hover .featured-btn { color: #b22222; }

.motivation-featured-item:hover .featured-btn::before { opacity: 0; visibility: hidden; }

.motivation-featured-item:hover .featured-btn::after { opacity: 0.2; visibility: visible; }

/*================================================
Motivation Courses Area CSS
=================================================*/
.motivation-courses-area.bg-FAF8F8 { background-color: #FAF8F8; }

.motivation-courses-area.with-border-bottom-color .container { border-bottom: 1px solid #E5E5E5; }

.single-motivation-courses-box { background-color: #ffffff; border: 1px solid #f5f5f5; border-radius: 10px; padding: 25px; transition: 0.5s; }

.single-motivation-courses-box .courses-image { position: relative; }

.single-motivation-courses-box .courses-image img { border-radius: 10px; }

.single-motivation-courses-box .courses-image .price { display: inline-block; height: 70px; width: 90px; line-height: 70px; background-color: #b22222; color: #ffffff; font-size: 20px; font-weight: 600; text-align: center; border-radius: 67% 33% 62% 38% / 65% 35% 65% 35%; transition: 0.5s; position: absolute; right: 20px; bottom: -20.5px; }

.single-motivation-courses-box .courses-content { margin-top: 25px; }

.single-motivation-courses-box .courses-content .courses-tag { margin-bottom: 15px; }

.single-motivation-courses-box .courses-content .courses-tag a { font-size: 15px; font-weight: 500; text-transform: uppercase; color: #b22222; }

.single-motivation-courses-box .courses-content .course-author { margin-bottom: 15px; }

.single-motivation-courses-box .courses-content .course-author img { width: 35px; height: 35px; margin-right: 5px; }

.single-motivation-courses-box .courses-content .course-author span { color: #b22222; font-size: 14.5px; font-weight: 500; }

.single-motivation-courses-box .courses-content .course-author .courses-rating .review-stars-rated { color: #f2b827; display: inline-block; }

.single-motivation-courses-box .courses-content .course-author .courses-rating .review-stars-rated i { color: #f2b827; font-size: 14.5px; margin-right: -2px; }

.single-motivation-courses-box .courses-content .course-author .courses-rating .rating-total { display: inline-block; position: relative; top: -1px; left: 1px; font-size: 13.2px; color: #b22222; }

.single-motivation-courses-box .courses-content h3 { margin-bottom: 0; line-height: 1.5; font-size: 22px; font-weight: 600; }

.single-motivation-courses-box .courses-box-footer { border-top: 1px solid #f5f5f5; padding-top: 20px; margin-top: 22px; }

.single-motivation-courses-box .courses-box-footer ul { list-style-type: none; display: flex; padding-left: 0; flex-wrap: wrap; align-items: center; margin-bottom: 0; margin-left: -7px; margin-right: -7px; }

.single-motivation-courses-box .courses-box-footer ul li { color: #b22222; font-size: 15px; font-weight: 400; padding-left: 7px; padding-right: 7px; }

.single-motivation-courses-box .courses-box-footer ul li i { color: #b22222; position: relative; top: 1px; }

.single-motivation-courses-box .courses-box-footer ul li i.bx-book-open { top: 1.3px; }

.single-motivation-courses-box .courses-box-footer ul .students-number { flex: 0 0 37%; max-width: 37%; }

.single-motivation-courses-box .courses-box-footer ul .courses-lesson { flex: 0 0 34%; max-width: 34%; }

.single-motivation-courses-box .courses-box-footer ul .courses-time { flex: 0 0 29%; max-width: 29%; text-align: right; }

.single-motivation-courses-box:hover { transform: translateY(-5px); border: 1px solid #b22222; }

.single-motivation-courses-box:hover .courses-content h3 a { color: #b22222; }

.single-motivation-courses-item { border: 1px solid #f5f5f5; border-radius: 10px; transition: 0.5s; }

.single-motivation-courses-item .courses-image { position: relative; }

.single-motivation-courses-item .courses-image img { border-radius: 10px; }

.single-motivation-courses-item .courses-image .price { display: inline-block; height: 70px; width: 90px; line-height: 70px; background-color: #b22222; color: #ffffff; font-size: 20px; font-weight: 600; text-align: center; border-radius: 67% 33% 62% 38% / 65% 35% 65% 35%; transition: 0.5s; position: absolute; right: 20px; bottom: 20px; }

.single-motivation-courses-item .courses-content { padding: 25px 25px 25px; }

.single-motivation-courses-item .courses-content .course-author { margin-bottom: 15px; }

.single-motivation-courses-item .courses-content .course-author img { width: 35px; height: 35px; margin-right: 5px; }

.single-motivation-courses-item .courses-content .course-author span { color: #b22222; font-size: 14.5px; font-weight: 500; }

.single-motivation-courses-item .courses-content h3 { margin-bottom: 15px; line-height: 1.5; font-size: 20px; font-weight: 600; }

.single-motivation-courses-item .courses-content .courses-rating .review-stars-rated { color: #f2b827; display: inline-block; }

.single-motivation-courses-item .courses-content .courses-rating .review-stars-rated i { color: #f2b827; font-size: 14.5px; margin-right: -2px; }

.single-motivation-courses-item .courses-content .courses-rating .rating-total { display: inline-block; position: relative; top: -1px; left: 1px; font-size: 13.2px; color: #b22222; }

.single-motivation-courses-item .courses-content .courses-box-footer { border-top: 1px solid #f5f5f5; padding-top: 18px; margin-top: 18px; }

.single-motivation-courses-item .courses-content .courses-box-footer ul { list-style-type: none; display: flex; padding-left: 0; flex-wrap: wrap; align-items: center; margin-bottom: 0; margin-left: -7px; margin-right: -7px; }

.single-motivation-courses-item .courses-content .courses-box-footer ul li { color: #b22222; font-size: 15px; font-weight: 400; padding-left: 7px; padding-right: 7px; }

.single-motivation-courses-item .courses-content .courses-box-footer ul li i { color: #b22222; position: relative; top: 1px; }

.single-motivation-courses-item .courses-content .courses-box-footer ul li i.bx-book-open { top: 1.3px; }

.single-motivation-courses-item .courses-content .courses-box-footer ul .students-number { flex: 0 0 50%; max-width: 50%; }

.single-motivation-courses-item .courses-content .courses-box-footer ul .courses-lesson { flex: 0 0 50%; max-width: 50%; text-align: right; }

.single-motivation-courses-item:hover { transform: translateY(-5px); }

.single-motivation-courses-item:hover .courses-content h3 a { color: #b22222; }

.courses-info-wrap { text-align: center; margin-top: 10px; }

.courses-info-wrap p { max-width: 630px; margin-left: auto; margin-right: auto; margin-bottom: 0; }

.courses-info-wrap p a { color: #b22222; font-weight: 600; }

.courses-info-wrap p a:hover { text-decoration: underline; color: #252525; }

/*================================================
Motivation Categories Area CSS
=================================================*/
.motivation-categories-area { background: #FAF8F8; overflow: hidden; position: relative; z-index: 1; }

.motivation-categories-card .motivation-categories-list { padding: 0; margin-bottom: 0; }

.motivation-categories-card .motivation-categories-list li { list-style-type: none; position: relative; background-color: #ffffff; padding: 22.8px 20px 22.8px 115px; margin-bottom: 30px; transition: 0.5s; }

.motivation-categories-card .motivation-categories-list li:last-child { margin-bottom: 0; }

.motivation-categories-card .motivation-categories-list li .icon { position: absolute; left: 0; top: 0; display: inline-block; height: 100px; width: 105px; line-height: 100px; background-color: #252525; color: #ffffff; font-size: 45px; text-align: center; clip-path: circle(60% at 30% 50%); transition: 0.5s; }

.motivation-categories-card .motivation-categories-list li .icon i { position: relative; left: -5.8px; top: 2.8px; line-height: 0; }

.motivation-categories-card .motivation-categories-list li h3 { font-size: 18.8px; font-weight: 600; color: #252525; margin-bottom: 0; transition: 0.5s; }

.motivation-categories-card .motivation-categories-list li span { font-size: 14px; color: #b22222; display: inline-block; margin-top: 10.8px; }

.motivation-categories-card .motivation-categories-list li:hover { transform: translateY(-5px); }

.motivation-categories-card .motivation-categories-list li:hover .icon { background-color: #b22222; color: #ffffff; }

.motivation-categories-card .motivation-categories-list li:hover h3 a { color: #b22222; }

.motivation-categories-card .motivation-categories-image { text-align: center; padding-left: 30px; padding-right: 30px; }

.motivation-categories-card .motivation-categories-image span { font-size: 14px; font-weight: 500; display: inline-block; margin-top: 30px; letter-spacing: 1px; }

.motivation-categories-card .motivation-categories-image span a { color: #b22222; border-bottom: 1px solid #b22222; font-weight: 600; }

.motivation-categories-card .motivation-categories-image span a:hover { color: #b22222; border-bottom: 1px solid #b22222; }

.motivation-categories-shape { position: absolute; left: 0; right: 0; bottom: -120px; z-index: -1; text-align: center; }

/*================================================
Newcomers Area CSS
=================================================*/
.new-comers-image { position: relative; z-index: 1; }

.new-comers-image .wrap-shape { position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; }

.new-comers-content { padding-left: 30px; }

.new-comers-content .sub-title { text-transform: uppercase; display: block; color: #b22222; font-weight: 500; margin-bottom: 12px; }

.new-comers-content h3 { margin-bottom: 15px; line-height: 1.5; font-size: 38px; font-weight: 700; }

.new-comers-content h4 { margin-bottom: 18px; line-height: 1.6; font-size: 15.5px; font-weight: 600; }

.new-comers-content h5 { margin-top: 15px; margin-bottom: 15px; line-height: 1.6; font-size: 18.5px; font-weight: 600; }

.new-comers-content p { margin-bottom: 0; }

.new-comers-content .new-comers-list { padding: 0; margin-top: 25px; margin-bottom: 0; }

.new-comers-content .new-comers-list li { font-size: 15px; font-weight: 600; color: #252525; list-style-type: none; margin-bottom: 30px; position: relative; padding-left: 28px; }

.new-comers-content .new-comers-list li:last-child { margin-bottom: 0; }

.new-comers-content .new-comers-list li i { display: inline-block; height: 20px; width: 20px; line-height: 20px; text-align: center; border-radius: 50px; background-color: #b22222; color: #ffffff; font-size: 14px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.new-comers-content .new-comers-btn { margin-top: 30px; }

/*================================================
Motivation Partner Area CSS
=================================================*/
.motivation-partner-area { background-color: #b22222; padding-left: 30px; padding-right: 30px; margin-left: 60px; margin-right: 60px; border-radius: 15px; }

.motivation-partner-area.bg-color-with-gradient { border-radius: 0; margin-left: 0; margin-right: 0; background: linear-gradient(270deg, #FF305B 0%, #FD6E00 50%, #FF3142 100%); }

.motivation-partner-area .single-partner-item { text-align: center; position: relative; }

.motivation-partner-area .single-partner-item::before { content: ""; position: absolute; top: 0; right: -20px; width: 1px; height: 100%; background-color: #f9f9f9; opacity: 0.5; }

/*================================================
Motivation Offer Area CSS
=================================================*/
.motivation-offer-area { overflow: hidden; background-color: #FAF8F8; }

.motivation-offer-area .container-fluid { padding-left: 0; padding-right: 0; }

.motivation-offer-image { background-image: url(../../assets/img/motivation-course/motivation-offer.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; }

.motivation-offer-content { padding-top: 100px; padding-bottom: 100px; padding-left: 50px; max-width: 635px; }

.motivation-offer-content .sub-title { text-transform: uppercase; display: block; color: #b22222; font-weight: 500; margin-bottom: 12px; }

.motivation-offer-content h3 { margin-bottom: 0; line-height: 1.5; font-size: 38px; font-weight: 700; }

.motivation-offer-content .offer-inner-box { margin-top: 35px; position: relative; padding-left: 105px; }

.motivation-offer-content .offer-inner-box .icon { position: absolute; left: 0; top: 0; }

.motivation-offer-content .offer-inner-box .icon i { display: inline-block; height: 70px; width: 80px; line-height: 70px; background-color: #252525; color: #ffffff; font-size: 28px; font-weight: 600; text-align: center; border-radius: 67% 33% 62% 38% / 65% 35% 65% 35%; transition: 0.5s; }

.motivation-offer-content .offer-inner-box h4 { font-size: 18px; font-weight: 700; margin-bottom: 15px; }

.motivation-offer-content .offer-inner-box p { margin-bottom: 0; }

.motivation-offer-content .offer-inner-box:hover .icon i { background-color: #b22222; color: #ffffff; }

/*================================================
Team Area CSS
=================================================*/
.single-team-card { background-color: #ffffff; border: 1px solid #f5f5f5; border-radius: 10px; padding: 25px 30px; transition: 0.5s; }

.single-team-card img { border-radius: 10px; }

.single-team-card .team-content { padding-right: 80px; position: relative; margin-top: 25px; }

.single-team-card .team-content h3 { font-size: 18px; margin-bottom: 12px; transition: 0.5s; font-weight: 700; }

.single-team-card .team-content span { color: #b22222; font-size: 14px; transition: 0.5s; }

.single-team-card .team-content .social-btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 0; }

.single-team-card .team-content .social-btn span { display: inline-block; width: 50px; height: 50px; color: #ffffff; border-radius: 50%; background-color: #252525; position: relative; font-size: 18px; cursor: pointer; transition: 0.5s; }

.single-team-card .team-content .social-btn span i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; }

.single-team-card .team-content .social-btn ul { padding: 0; margin-bottom: 0; list-style-type: none; position: absolute; right: 6.8px; bottom: 95px; }

.single-team-card .team-content .social-btn ul li { top: 0; right: 0; display: inline-block; position: absolute; transition: 0.5s; transform: scale(0); }

.single-team-card .team-content .social-btn ul li a { display: block; width: 40px; height: 40px; border-radius: 50%; color: #ffffff; position: relative; font-size: 18px; background-color: #b22222; transition: 0.5s; }

.single-team-card .team-content .social-btn ul li a i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; margin-left: -1px; }

.single-team-card .team-content .social-btn ul li a:hover { background-color: #b22222; color: #ffffff; }

.single-team-card .team-content .social-btn ul li:nth-child(1) { top: -12px; }

.single-team-card .team-content .social-btn ul li:nth-child(2) { top: -70px; }

.single-team-card .team-content .social-btn ul li:nth-child(3) { top: -130px; }

.single-team-card .team-content .social-btn:hover ul li { transform: scale(1); }

.single-team-card:hover { border: 1px solid #b22222; transform: translateY(-5px); }

.single-team-card:hover .team-content .social-btn span { color: #ffffff; background-color: #b22222; }

/*================================================
Motivation Mission Area CSS
=================================================*/
.motivation-mission-area { overflow: hidden; background-color: #FAF8F8; }

.motivation-mission-area .container-fluid { padding-left: 0; padding-right: 0; }

.motivation-mission-image { background-image: url(../../assets/img/motivation-course/motivation-mission.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; }

.motivation-mission-content { padding-top: 100px; padding-bottom: 100px; padding-right: 40px; max-width: 635px; margin-left: auto; }

.motivation-mission-content .sub-title { text-transform: uppercase; display: block; color: #b22222; font-weight: 500; margin-bottom: 12px; }

.motivation-mission-content h3 { margin-bottom: 0; line-height: 1.5; font-size: 38px; font-weight: 700; }

.motivation-mission-content .mission-inner-box { margin-top: 35px; position: relative; padding-left: 80px; }

.motivation-mission-content .mission-inner-box .number { position: absolute; left: 0; top: 0; display: inline-block; height: 50px; width: 60px; line-height: 50px; background-color: #252525; color: #ffffff; font-size: 18px; font-weight: 600; text-align: center; border-radius: 67% 33% 62% 38% / 65% 35% 65% 35%; transition: 0.5s; }

.motivation-mission-content .mission-inner-box h4 { font-size: 18px; font-weight: 700; margin-bottom: 15px; }

.motivation-mission-content .mission-inner-box p { margin-bottom: 0; }

.motivation-mission-content .mission-inner-box:hover .number { background-color: #b22222; color: #ffffff; }

/*================================================
Blog Area CSS
=================================================*/
.single-blog-post-card { background-color: #ffffff; border: 1px solid #f5f5f5; border-radius: 10px; padding: 25px 30px; transition: 0.5s; }

.single-blog-post-card .post-image { transition: all 0.3s cubic-bezier(0.3, 0.58, 0.55, 1); position: relative; overflow: hidden; border-radius: 10px; }

.single-blog-post-card .post-image img { transition: all 2s cubic-bezier(0.2, 1, 0.22, 1); border-radius: 10px; }

.single-blog-post-card .post-image::before, .single-blog-post-card .post-image::after { transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); content: ''; background-color: #ffffff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; transform: translate(-50%, -50%); }

.single-blog-post-card .post-image::before { width: 60px; height: 1px; left: 100%; }

.single-blog-post-card .post-image::after { height: 60px; width: 1px; top: 0; }

.single-blog-post-card .post-content { margin-top: 25px; }

.single-blog-post-card .post-content .tag { margin-bottom: 18px; }

.single-blog-post-card .post-content .tag a { font-size: 15px; font-weight: 500; text-transform: uppercase; color: #b22222; }

.single-blog-post-card .post-content .post-meta { padding-left: 0; margin-bottom: 18px; list-style-type: none; }

.single-blog-post-card .post-content .post-meta li { display: inline-block; color: #b22222; margin-right: 20px; position: relative; font-size: 14px; }

.single-blog-post-card .post-content .post-meta li.post-author img { width: 30px; height: 30px; margin-right: 5px; }

.single-blog-post-card .post-content .post-meta li.post-author a { color: #b22222; }

.single-blog-post-card .post-content .post-meta li.post-author a:hover, .single-blog-post-card .post-content .post-meta li.post-author a:focus { color: #b22222; }

.single-blog-post-card .post-content .post-meta li.date { position: relative; padding-left: 20px; }

.single-blog-post-card .post-content .post-meta li.date i { color: #b22222; position: absolute; left: 0; top: 2.8px; font-size: 15px; }

.single-blog-post-card .post-content .post-meta li:last-child { margin-right: 0; }

.single-blog-post-card .post-content h3 { margin-bottom: 20px; line-height: 1.5; font-size: 20px; font-weight: 600; }

.single-blog-post-card .post-content .read-more-btn { display: inline-block; padding: 15px 30px; background-color: #ffffff; border: 1px solid #b22222; border-radius: 5px; transition: 0.5s; font-size: 15px; font-weight: 500; }

.single-blog-post-card:hover, .single-blog-post-card:focus { border: 1px solid #b22222; transform: translateY(-5px); }

.single-blog-post-card:hover .post-image::before, .single-blog-post-card:hover .post-image::after, .single-blog-post-card:focus .post-image::before, .single-blog-post-card:focus .post-image::after { opacity: 1; top: 50%; left: 50%; }

.single-blog-post-card:hover .post-image img, .single-blog-post-card:focus .post-image img { zoom: 1; opacity: .9 !important; transform: scale(1.07); }

.single-blog-post-card:hover .post-content h3 a, .single-blog-post-card:focus .post-content h3 a { color: #b22222; }

.single-blog-post-card:hover .post-content .read-more-btn, .single-blog-post-card:focus .post-content .read-more-btn { background-color: #b22222; border: 1px solid #b22222; color: #ffffff; }

/*================================================
Footer Area CSS
=================================================*/
.footer-area.footer-style-wrap .single-footer-widget .contact-us-link li i { color: #b22222; }

.footer-area.footer-style-wrap .single-footer-widget .support-link li { position: relative; padding-left: 15px; }

.footer-area.footer-style-wrap .single-footer-widget .support-link li::before { position: absolute; content: ""; height: 8px; width: 8px; background-color: #b22222; border-radius: 50px; left: 0; top: 50%; transform: translateY(-50%); }

.footer-area.footer-style-wrap .single-footer-widget .support-link li a:hover { padding-left: 0; }

.footer-area.footer-style-wrap .single-footer-widget .useful-link li { position: relative; padding-left: 15px; }

.footer-area.footer-style-wrap .single-footer-widget .useful-link li::before { position: absolute; content: ""; height: 8px; width: 8px; background-color: #b22222; border-radius: 50px; left: 0; top: 50%; transform: translateY(-50%); }

.footer-area.footer-style-wrap .single-footer-widget .useful-link li a:hover { padding-left: 0; }

.footer-bottom-area.footer-bottom-style-wrap { background-color: #12141b; padding-top: 0; padding-bottom: 0; }

.footer-bottom-area.footer-bottom-style-wrap .container { border-top: 1px solid #252525; padding-top: 40px; padding-bottom: 35px; }

/*================================================
Education Course Banner Area CSS
=================================================*/
.education-course-banner-area { background-image: url(../../assets/img/motivation-course/education-course-banner.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; overflow: hidden; padding-top: 280px; padding-bottom: 300px; }

.education-course-banner-content { text-align: center; max-width: 1000px; margin: auto; }

.education-course-banner-content h1 { font-size: 80px; font-weight: bold; margin-bottom: 0; color: #ffffff; }

.education-course-banner-content .btn-box { margin-top: 45px; }

.education-categories-item { position: absolute; background-color: #ffffff; padding: 22.8px 20px 22.8px 115px; transition: 0.5s; display: inline-block; border-radius: 50px 15px 15px 50px; }

.education-categories-item:last-child { margin-bottom: 0; }

.education-categories-item .icon { position: absolute; left: 0; top: 0; display: inline-block; height: 100px; width: 100px; line-height: 100px; background-color: #b22222; color: #ffffff; font-size: 45px; text-align: center; transition: 0.5s; border-radius: 50px; }

.education-categories-item .icon i { position: relative; top: 2.8px; }

.education-categories-item h3 { font-size: 18.8px; font-weight: 600; color: #252525; margin-bottom: 0; transition: 0.5s; }

.education-categories-item span { font-size: 14px; color: #b22222; display: inline-block; margin-top: 10.8px; }

.education-categories-item:hover h3 a { color: #b22222; }

.education-categories-item.technology { top: 15%; left: 30%; transform: translateY(-15%) translateX(-30%); }

.education-categories-item.marketing { top: 50%; left: 2%; transform: translateY(-50%) translateX(-2%); }

.education-categories-item.marketing .icon { background: linear-gradient(208.49deg, #24CFDD 9.31%, #94FA8C 93.21%); }

.education-categories-item.business { bottom: 15%; left: 30%; transform: translateY(-15%) translateX(-30%); }

.education-categories-item.business .icon { background: linear-gradient(208.49deg, #2F94F8 9.31%, #7ADAF0 93.21%); }

.education-categories-item.health { top: 10%; right: 12%; transform: translateY(-10%) translateX(-12%); }

.education-categories-item.health .icon { background: linear-gradient(208.49deg, #3A41A1 9.31%, #B8C3FB 93.21%); }

.education-categories-item.science { bottom: 40%; right: 2%; transform: translateY(-40%) translateX(-2%); }

.education-categories-item.science .icon { background: linear-gradient(208.49deg, #FABC42 9.31%, #EA6495 93.21%); }

.education-categories-item.graphics-design { bottom: 10%; right: 10%; transform: translateY(-10%) translateX(-10%); }

.education-categories-item.graphics-design .icon { background: linear-gradient(234.34deg, #F25984 0.81%, #FDB3B2 97.9%); }

/*================================================
Overview Connections Area CSS
=================================================*/
.overview-connections-area { background-color: #282525; }

.overview-connections-area .section-title.text-left h2 { max-width: 100%; color: #ffffff; }

.overview-connections-area .section-title p { max-width: 100%; margin-top: 0; margin-bottom: 10px; padding-left: 25px; color: #ffffff; }

.overview-connections-area .section-title .bottom-zero { margin-bottom: 0; }

.overview-connections-area.bg-FAF8F8 { background-color: #FAF8F8; margin-top: -162px; padding-top: 255px; }

.overview-connections-area.bg-FAF8F8 .section-title.text-left h2 { color: #252525; }

.overview-connections-area.bg-FAF8F8 .section-title p { color: #b22222; }

.overview-connections-area.bg-FAF8F8 .overview-connections-card p { color: #b22222; }

.overview-connections-card { max-width: 350px; }

.overview-connections-card h3 { font-size: 20px; font-weight: 600; margin-bottom: 18px; }

.overview-connections-card h3 span { color: #b22222; }

.overview-connections-card p { color: #ffffff; font-size: 15px; }

/*================================================
Become Box Area CSS
=================================================*/
.become-box-area .container-fluid { padding-left: 60px; padding-right: 60px; }

.become-box-item { background: linear-gradient(283.99deg, #FF305B 0.51%, #FD6E00 32.63%, #FF3142 100%); border-radius: 15px; padding: 15px 55px 15px 0px; }

.become-box-item.with-gradient-color { background: linear-gradient(247.7deg, #806AFF 0%, #A049F7 70.91%); padding: 18.5px 55px 18.5px 0px; }

.become-box-item .become-box-content { padding-left: 15px; }

.become-box-item .become-box-content h3 { font-size: 28px; color: #ffffff; margin-bottom: 15px; font-weight: bold; }

.become-box-item .become-box-content p { margin-bottom: 0; color: #ffffff; font-size: 14px; }

.become-box-item .become-box-content .btn-box { margin-top: 25px; }

/*================================================
Testimonials Area CSS
=================================================*/
.testimonials-wrap-area { background: #FAF8F8; overflow: hidden; }

.testimonials-wrap-area .container-fluid { padding-left: 0; padding-right: 0; }

.testimonials-wrap-area.bg-E7F0FD { background-color: #E7F0FD; margin-bottom: -155px; padding-bottom: 245px; }

.testimonials-wrap-slides-item { background: #ffffff; border: 1px solid #E5E5E5; border-radius: 10px; padding: 35px; transition: 0.5s; margin-bottom: 30px; position: relative; }

.testimonials-wrap-slides-item .client-info { margin-bottom: 20px; }

.testimonials-wrap-slides-item .client-info img { width: 75px; height: 75px; }

.testimonials-wrap-slides-item .client-info .title { margin-left: 15px; }

.testimonials-wrap-slides-item .client-info .title h3 { margin-bottom: 0; font-size: 18px; font-weight: 600; }

.testimonials-wrap-slides-item .client-info .title span { display: block; color: #b22222; font-size: 14px; margin-top: 12px; }

.testimonials-wrap-slides-item p { color: #252525; line-height: 1.8; font-size: 15px; font-weight: 600; margin-top: 0; margin-bottom: 0; }

.testimonials-wrap-slides-item .review-stars-rated { position: absolute; right: 35px; top: 50px; }

.testimonials-wrap-slides-item .review-stars-rated i { color: #b22222; font-size: 14px; }

.testimonials-wrap-slides-item:hover { border: 1px solid #b22222; }

.testimonials-wrap-slides.owl-theme .owl-dots { margin-top: 0; }

.testimonials-wrap-slides.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 0 5px; background: linear-gradient(30deg, #FD6D6D 13.39%, #ED3389 50%, #D837BF 86.61%); transition: 0.5s; border-radius: 30px; }

.testimonials-wrap-slides.owl-theme .owl-dots .owl-dot:hover span, .testimonials-wrap-slides.owl-theme .owl-dots .owl-dot.active span { background: linear-gradient(30deg, #FD6D6D 13.39%, #ED3389 50%, #D837BF 86.61%); }

.testimonials-wrap-slides.owl-theme .owl-dots .owl-dot.active span { width: 50px; }

/*================================================
Training Course Banner Area CSS
=================================================*/
.training-course-banner-area { background-image: url(../../assets/img/motivation-course/training-course-banner-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 100px; padding-bottom: 100px; }

.training-course-banner-area .container-fluid { padding-left: 60px; padding-right: 60px; }

.training-course-banner-content h1 { font-size: 70px; margin-bottom: 25px; font-weight: bold; }

.training-course-banner-content h1 span { color: #b22222; }

.training-course-banner-content p { margin-bottom: 0; max-width: 650px; }

.training-course-banner-content .btn-box { margin-top: 30px; }

.training-course-banner-content .trusted-by-content { margin-top: 45px; }

.training-course-banner-content .trusted-by-content .title { margin-bottom: 25px; color: #002846; font-size: 16px; font-weight: 400; display: inline-block; text-transform: uppercase; }

.training-course-banner-content .trusted-by-content .single-partner-item { text-align: center; position: relative; }

.training-course-banner-content .trusted-by-content .single-partner-item::before { content: ""; position: absolute; top: 0; right: -18px; width: 1px; height: 100%; background-color: #727695; opacity: 0.5; }

.training-course-banner-content .trusted-by-content .single-partner-item a img { max-width: 90px; }

/*================================================
Funfacts Style Area CSS
=================================================*/
.funfacts-style-area { position: relative; z-index: 1; margin-bottom: -70px; }

.funfacts-style-area::before { content: ''; position: absolute; right: 0; top: 0; height: 100%; z-index: -1; background: #0E2742; border-radius: 300px 0px 0px 300px; width: 98%; }

.funfacts-style-area::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; z-index: -1; width: 5%; }

.single-funfact-card { position: relative; padding-left: 120px; }

.single-funfact-card .icon { color: #ffffff; line-height: 0; font-size: 50px; position: absolute; left: 50px; top: 10px; }

.single-funfact-card .icon::before { position: absolute; content: ""; height: 50px; width: 50px; background: #EA9927; left: -10px; top: -10px; z-index: -1; opacity: 0.3; border-radius: 50px; }

.single-funfact-card .icon.bg-0B767A::before { background: #0B767A; }

.single-funfact-card .icon.bg-9879B6::before { background: #9879B6; }

.single-funfact-card .icon.bg-FF1949::before { background: #FF1949; }

.single-funfact-card h3 { margin-bottom: 10px; color: #ffffff; font-size: 40px; font-weight: 600; }

.single-funfact-card h3 .odometer-formatting-mark { display: none; }

.single-funfact-card p { color: #ffffff; line-height: initial; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; }

/*================================================
Free Trial Area CSS
=================================================*/
.start-free-trial-area { background-image: url(../../assets/img/motivation-course/start-free-trial-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 155px; }

.start-free-trial-content h3 { margin-bottom: 10px; line-height: 1.5; font-size: 38px; font-weight: 700; }

.start-free-trial-content span { font-size: 15px; font-weight: 500; color: #252525; }

.start-free-trial-content span a { color: #b22222; }

.start-free-trial-content .start-free-trial-form { margin-top: 25px; }

.start-free-trial-content .start-free-trial-form .form-group { margin-bottom: 15px; }

.start-free-trial-content .start-free-trial-form .form-group label { font-size: 14px; font-weight: 500; display: inline-block; margin-bottom: 8px; }

.start-free-trial-content .start-free-trial-form .form-control { color: #b22222; border: none; padding-top: 2px; padding-left: 15px; border: 1px solid #ffffff; background-color: #ffffff; }

.start-free-trial-content .start-free-trial-form .form-control::placeholder { transition: 0.5s; color: #b22222; }

.start-free-trial-content .start-free-trial-form .form-control:focus { background-color: transparent; border: 1px solid #b22222; }

.start-free-trial-content .start-free-trial-form .form-check { margin-top: 15px; }

.start-free-trial-content .start-free-trial-form .form-check .form-check-label { font-size: 14px; color: #b22222; font-weight: 400; }

.start-free-trial-content .start-free-trial-form .form-check .form-check-label a { color: #b22222; }

.start-free-trial-content .start-free-trial-form .form-check .form-check-input:focus { border-color: #b22222; outline: 0; box-shadow: unset; background-color: #b22222; }

.start-free-trial-content .start-free-trial-form .free-btn-box { margin-top: 20px; }

.start-free-trial-content .start-free-trial-form .free-btn-box button { display: block; background-color: #b22222; color: #ffffff; border: none; transition: 0.5s; border-radius: 5px; font-size: 14.5px; font-weight: 600; padding-top: 15px; padding-bottom: 15px; padding-left: 25px; padding-right: 25px; }

.start-free-trial-content .start-free-trial-form .free-btn-box button:hover { background-color: #b22222; color: #ffffff; }

.start-free-trial-image { padding-left: 25px; }

/*================================================
Training Overview Area CSS
=================================================*/
.training-overview-area { position: relative; z-index: 1; }

.training-overview-area::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; z-index: -1; background: #0E2742; border-radius: 0 300px 300px 0; width: 98%; }

.training-overview-area::after { content: ''; position: absolute; right: 0; top: 0; height: 100%; z-index: -1; width: 5%; }

.training-overview-content h3 { margin-bottom: 0; line-height: 1.5; font-size: 38px; font-weight: 700; color: #ffffff; }

.training-overview-btn { text-align: right; }

/*================================================
Training Courses Area CSS
=================================================*/
.training-courses-image { position: relative; z-index: 1; }

.training-courses-image .wrap-shape { position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; }

.training-courses-content { padding-left: 35px; }

.training-courses-content .sub-title { text-transform: uppercase; display: block; color: #b22222; font-weight: 500; margin-bottom: 12px; }

.training-courses-content h3 { margin-bottom: 15px; line-height: 1.5; font-size: 38px; font-weight: 700; }

.training-courses-content p { margin-bottom: 0; }

.training-courses-content .training-courses-btn { margin-top: 25px; }

/* End, Online Motivation Course CSS, Online Education Course CSS, Online Training Course CSS */
/*=================================
Buy Now Btn
====================================*/
.buy-now-btn { right: 30px; z-index: 99; top: 50%; position: fixed; transform: translateY(-50%); border-radius: 30px; display: inline-block; color: #ffffff !important; background-color: #82b440; padding: 10px 20px 10px; font-size: 15px; font-weight: 600; animation-name: tada; animation-duration: 5s; animation-fill-mode: both; animation-iteration-count: infinite; }

.buy-now-btn:hover { background-color: #b22222; color: #ffffff !important; }

@keyframes tada { 0% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { transform: scale3d(1, 1, 1); } }