/**
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {font-family:'Poppins', sans-serif;color:#444444;font-size:16px;line-height: 28px;}
a {color: #0063FF;text-decoration: none;}
a:hover {color: #0063FF;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {f}
img{max-width: 100%;}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #1c1c1c;}
#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid #1c1c1c;border-top-color: #fff;border-bottom-color: #fff;border-radius: 50%;width: 60px;height: 60px;-webkit-animation: animate-preloader 1s linear infinite;animation: animate-preloader 1s linear infinite;}

@-webkit-keyframes animate-preloader {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes animate-preloader {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 996;background:#FF2A39;width: 40px;height: 40px;border-radius: 50px;transition: all 0.4s;}
.back-to-top i {font-size: 24px;color: #fff;line-height: 0;}
.back-to-top:hover {background: #121212;color: #fff;}
.back-to-top.active {visibility: visible;opacity: 1;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {transition: all 0.5s;z-index: 997;padding:10px 15px;background-color: #fff;box-shadow:0px 4px 4px 0px #041F301A;}
#header .logo {font-size: 30px;margin: 0;padding: 0;line-height: 1;font-weight: 500;letter-spacing: 2px;text-transform: uppercase;}
#header .logo a {color: #fff;}
#header .logo img {max-height: 40px;}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/** * Desktop Navigation */
.navbar {padding: 0;}
.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar a, .navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 0 10px 30px;font-size: 15px;font-weight:500;color:#151515;white-space: nowrap;transition: 0.3s;}
.navbar a i, .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color:#0063FF;}
.navbar .getstarted, .navbar .getstarted:focus {padding: 8px 20px;margin-left: 30px;border-radius: 50px;color: #fff;font-size: 14px;border: 2px solid #F26F01;font-weight: 600;background-color: #F26F01;}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {color: #fff;background: #F26F01;border-color: #F26F01;}
.navbar .dropdown ul {display: block;position: absolute;left: 14px;top: calc(100% + 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 4px;}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 10px 20px;font-size: 14px;text-transform: none;font-weight: 500;color: #0c3c53;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {color:#0063FF;}
.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {left: -90%;}
.navbar .dropdown .dropdown:hover>ul {left: -100%;}
}
/** * Mobile Navigation */
.mobile-nav-toggle {color: #0063FF;font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}
.mobile-nav-toggle.bi-x {color: #fff;}
.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);transition: 0.3s;z-index: 999;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px;}
.navbar-mobile ul {display: block;position: absolute;top: 55px;right: 15px;bottom: 15px;left: 15px;padding: 10px 0;border-radius: 10px;background-color: #fff;overflow-y: auto;transition: 0.3s;}
.navbar-mobile a, .navbar-mobile a:focus {padding: 10px 20px;font-size: 15px;color: #37517e;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {color: #F26F01;}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin: 15px;color: #37517e;}
.navbar-mobile .dropdown ul {position: static;display: none;margin: 10px 20px;padding: 10px 0;z-index: 99;opacity: 1;visibility: visible;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li {min-width: 200px;}
.navbar-mobile .dropdown ul a {padding: 10px 20px;}
.navbar-mobile .dropdown ul a i {font-size: 12px;}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {color: #F26F01;}
.navbar-mobile .dropdown>.dropdown-active {display: block;}
@media (max-width:991px) {
  .navbar ul {display: none;}
  .mobile-nav-toggle {display: block;}
  .navbar-mobile ul{display: block;}
  .navbar .getstarted, .navbar .getstarted:focus{display: inline-block;color: #fff;}
  /*#header.header-scrolled, #header.header-inner-pages{backdrop-filter: none;background: #1c1c1c;}*/
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {width: 100%;height: 80vh;background: #1c1c1c;}
#hero .container {padding-top: 72px;}
#hero h1 {margin: 0 0 10px 0;font-size: 48px;font-weight: 700;line-height: 56px;color: #fff;}
#hero h2 {color: rgba(255, 255, 255, 0.6);margin-bottom: 50px;font-size: 24px;}
#hero .btn-get-started {font-family: "Jost", sans-serif;font-weight: 500;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 10px 28px 11px 28px;border-radius: 50px;transition: 0.5s;margin: 10px 0 0 0;color: #fff;background: #F26F01;}
#hero .btn-get-started:hover {background: #209dd8;}
#hero .btn-watch-video {font-size: 16px;display: flex;align-items: center;transition: 0.5s;margin: 10px 0 0 25px;color: #fff;line-height: 1;}
#hero .btn-watch-video i {line-height: 0;color: #fff;font-size: 32px;transition: 0.3s;margin-right: 8px;}
#hero .btn-watch-video:hover i {color: #F26F01;}
#hero .animatedUpDwn {animation: up-down 2s ease-in-out infinite alternate-reverse both;}
@media (max-width: 991px) {
  #hero {height: 100vh;text-align: center;}
  #hero .animatedUpDwn {-webkit-animation: none;animation: none;}
  #hero .hero-img {text-align: center;}
  #hero .hero-img img {width: 50%;}
}
@media (max-width: 768px) {
  #hero h1 {font-size: 28px;line-height: 36px;}
  #hero h2 {font-size: 18px;line-height: 24px;margin-bottom: 30px;}
  #hero .hero-img img {width: 70%;}
}
@media (max-width: 575px) {
  #hero .hero-img img {width: 80%;}
  #hero .btn-get-started {font-size: 16px;padding: 10px 24px 11px 24px;}
}
@-webkit-keyframes up-down {
  0% {transform: translateY(10px);}
  100% {transform: translateY(-10px);}
}
@keyframes up-down {
  0% {transform: translateY(10px);}
  100% {transform: translateY(-10px);}
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;overflow: hidden;}
.section-bg {background-color: #f3f5fa;}
.section-title {text-align: center;padding-bottom: 30px;}
.section-title h2 {font-size: 32px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: #1c1c1c;}
.section-title h2::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
.section-title h2::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background: #F26F01;bottom: 0;left: calc(50% - 20px);}
.section-title p {margin-bottom: 0;}
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {padding: 12px 0;text-align: center;}
.clients img {max-width: 45%;transition: all 0.4s ease-in-out;display: inline-block;padding: 15px 0;filter: grayscale(100);}
.clients img:hover {filter: none;transform: scale(1.1);}
@media (max-width: 768px) {
  .clients img {max-width: 40%;}
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about .content h3 {font-weight: 600;font-size: 26px;}
.about .content ul {list-style: none;padding: 0;}
.about .content ul li {padding-left: 28px;position: relative;}
.about .content ul li+li {margin-top: 10px;}
.about .content ul i {position: absolute;left: 0;top: 2px;font-size: 20px;color: #F26F01;line-height: 1;}
.about .content p:last-child {margin-bottom: 0;}
.about .content .btn-learn-more {font-family: "Poppins", sans-serif;font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 32px;border-radius: 4px;transition: 0.3s;line-height: 1;color: #F26F01;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;margin-top: 6px;border: 2px solid #F26F01;}
.about .content .btn-learn-more:hover {background: #F26F01;color: #fff;text-decoration: none;}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us .content {padding: 60px 100px 0 100px;}
.why-us .content h3 {font-weight: 400;font-size: 34px;color: #1c1c1c;}
.why-us .content h4 {font-size: 20px;font-weight: 700;margin-top: 5px;}
.why-us .content p {font-size: 15px;color: #848484;}
.why-us .img {background-size: contain;background-repeat: no-repeat;background-position: center center;}
.why-us .accordion-list {padding: 0 100px 60px 100px;}
.why-us .accordion-list ul {padding: 0;list-style: none;}
.why-us .accordion-list li+li {margin-top: 15px;}
.why-us .accordion-list li {padding: 20px;background: #fff;border-radius: 4px;}
.why-us .accordion-list a {display: block;position: relative;font-family: "Poppins", sans-serif;font-size: 16px;line-height: 24px;font-weight: 500;padding-right: 30px;outline: none;cursor: pointer;}
.why-us .accordion-list span {color: #F26F01;font-weight: 600;font-size: 18px;padding-right: 10px;}
.why-us .accordion-list i {font-size: 24px;position: absolute;right: 0;top: 0;}
.why-us .accordion-list p {margin-bottom: 0;padding: 10px 0 0 0;}
.why-us .accordion-list .icon-show {display: none;}
.why-us .accordion-list a.collapsed {color: #343a40;}
.why-us .accordion-list a.collapsed:hover {color: #F26F01;}
.why-us .accordion-list a.collapsed .icon-show {display: inline-block;}
.why-us .accordion-list a.collapsed .icon-close {display: none;}

@media (max-width: 1024px) {
  .why-us .content, .why-us .accordion-list {padding-left: 0;padding-right: 0;}
}
@media (max-width: 992px) {
  .why-us .img {min-height: 400px;}
  .why-us .content {padding-top: 30px; }
  .why-us .accordion-list {padding-bottom: 30px;}
}
@media (max-width: 575px) {
  .why-us .img {min-height: 200px;}
}

/*--------------------------------------------------------------
# Skills
--------------------------------------------------------------*/
.skills .content h3 {font-weight: 700;font-size: 32px;color: #1c1c1c;font-family: "Poppins", sans-serif;}
.skills .content ul {list-style: none;padding: 0;}
.skills .content ul li {padding-bottom: 10px;}
.skills .content ul i {font-size: 20px;padding-right: 4px;color: #F26F01;}
.skills .content p:last-child {margin-bottom: 0;}
.skills .progress {height: 60px;display: block;background: none;border-radius: 0;}
.skills .progress .skill {padding: 0;margin: 0 0 6px 0;text-transform: uppercase;display: block;font-weight: 600;font-family: "Poppins", sans-serif;color: #37517e;}
.skills .progress .skill .val {float: right;font-style: normal;}
.skills .progress-bar-wrap {background: #e8edf5;height: 10px;}
.skills .progress-bar {width: 1px;height: 10px;transition: 0.9s;background-color: #F26F01;border-radius: 0 10px 10px 0;}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);padding: 50px 30px;transition: all ease-in-out 0.4s;background: #fff;}
.services .icon-box .icon {margin-bottom: 10px;}
.services .icon-box .icon i {color: #F26F01;font-size: 36px;transition: 0.3s;}
.services .icon-box h4 {font-weight: 500;margin-bottom: 15px;font-size: 24px;}
.services .icon-box h4 a {color: #37517e;transition: ease-in-out 0.3s;}
.services .icon-box p {line-height: 24px;font-size: 14px;margin-bottom: 0;}
.services .icon-box:hover {transform: translateY(-10px);}
.services .icon-box:hover h4 a {color: #F26F01;}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url("../images/cta-bg.jpg") fixed center center;background-size: cover;padding: 120px 0;}
.cta h3 {color: #fff;font-size: 28px;font-weight: 700;}
.cta p {color: #fff;}
.cta .cta-btn {font-family: "Jost", sans-serif;font-weight: 500;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 12px 40px;border-radius: 50px;transition: 0.5s;margin: 10px;border: 2px solid #fff;color: #fff;}
.cta .cta-btn:hover {background: #F26F01;border: 2px solid #F26F01;}
@media (max-width:1024px) {
  .cta {background-attachment: scroll;}
}
@media (min-width:769px) {
  .cta .cta-btn-container {display: flex;align-items: center;justify-content: flex-end;}
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {list-style: none;margin-bottom: 20px;}
.portfolio #portfolio-flters li {cursor: pointer;display: inline-block;margin: 10px 5px;font-size: 15px;font-weight: 500;line-height: 1;color: #444444;transition: all 0.3s;padding: 8px 20px;border-radius: 50px;font-family: "Poppins", sans-serif;}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {background: #F26F01;color: #fff;}
.portfolio .portfolio-item {margin-bottom: 30px;}
.portfolio .portfolio-item .portfolio-img {overflow: hidden;}
.portfolio .portfolio-item .portfolio-img img {transition: all 0.6s;}
.portfolio .portfolio-item .portfolio-info {opacity: 0;position: absolute;left: 15px;bottom: 0;z-index: 3;right: 15px;transition: all 0.3s;background: rgba(0, 0, 0, 0.8);padding: 10px 15px;}
.portfolio .portfolio-item .portfolio-info h4 {font-size: 18px;color: #fff;font-weight: 600;color: #fff;margin-bottom: 0px;}
.portfolio .portfolio-item .portfolio-info p {color: #f9fcfe;font-size: 14px;margin-bottom: 0;}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {position: absolute;right: 40px;font-size: 24px;top: calc(50% - 18px);color: #fff;transition: 0.3s;}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {color: #F26F01;}
.portfolio .portfolio-item .portfolio-info .details-link {right: 10px;}
.portfolio .portfolio-item:hover .portfolio-img img {transform: scale(1.15);}
.portfolio .portfolio-item:hover .portfolio-info {opacity: 1;}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {padding-top: 40px;}
.portfolio-details .portfolio-details-slider img {width: 100%;}
.portfolio-details .portfolio-details-slider .swiper-pagination {margin-top: 20px;position: relative;}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #fff;opacity: 1;border: 1px solid #F26F01;}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {background-color: #F26F01;}
.portfolio-details .portfolio-info {padding: 30px;box-shadow: 0px 0 30px rgba(55, 81, 126, 0.08);}
.portfolio-details .portfolio-info h3 {font-size: 22px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.portfolio-details .portfolio-info ul {list-style: none;padding: 0;font-size: 15px;}
.portfolio-details .portfolio-info ul li+li {margin-top: 10px;}
.portfolio-details .portfolio-description {padding-top: 30px;}
.portfolio-details .portfolio-description h2 {font-size: 26px;font-weight: 700;margin-bottom: 20px;}
.portfolio-details .portfolio-description p {padding: 0;}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {position: relative;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);padding: 30px;border-radius: 5px;background: #fff;transition: 0.5s;height: 100%;}
.team .member .pic {overflow: hidden;width: 180px;border-radius: 50%;}
.team .member .pic img {transition: ease-in-out 0.3s;}
.team .member:hover {transform: translateY(-10px);}
.team .member .member-info {padding-left: 30px;}
.team .member h4 {font-weight: 700;margin-bottom: 5px;font-size: 20px;color: #121212;}
.team .member span {display: block;font-size: 15px;padding-bottom: 10px;position: relative;font-weight: 500;}
.team .member span::after {content: "";position: absolute;display: block;width: 50px;height: 1px;background: #cbd6e9;bottom: 0;left: 0;}
.team .member p {margin: 10px 0 0 0;font-size: 14px;}
.team .member .social {margin-top: 12px;display: flex;align-items: center;justify-content: flex-start;}
.team .member .social a {transition: ease-in-out 0.3s;display: flex;align-items: center;justify-content: center;border-radius: 50px;width: 32px;height: 32px;background: #eff2f8;}
.team .member .social a i {color: #121212;font-size: 16px;margin: 0 2px;}
.team .member .social a:hover {background: #F26F01;}
.team .member .social a:hover i {color: #fff;}
.team .member .social a+a {margin-left: 8px;}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .row {padding-top: 40px;}
.pricing .box {padding: 60px 40px;box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);background: #fff;height: 100%;border-top: 4px solid #fff;border-radius: 5px;}
.pricing h3 {font-weight: 500;margin-bottom: 15px;font-size: 20px;color: #121212;}
.pricing h4 {font-size: 48px;color: #121212;font-weight: 400;font-family: "Jost", sans-serif;margin-bottom: 25px;}
.pricing h4 sup {font-size: 28px;}
.pricing h4 span {color: #F26F01;font-size: 18px;display: block;}
.pricing ul {padding: 20px 0;list-style: none;color: #999;text-align: left;line-height: 20px;}
.pricing ul li {padding: 10px 0 10px 30px;position: relative;}
.pricing ul i {color: #28a745;font-size: 24px;position: absolute;left: 0;top: 6px;}
.pricing ul .na {color: #ccc;}
.pricing ul .na i {color: #ccc;}
.pricing ul .na span {text-decoration: line-through;}
.pricing .buy-btn {display: inline-block;padding: 12px 35px;border-radius: 50px;color: #F26F01;transition: none;font-size: 16px;font-weight: 500;font-family: "Jost", sans-serif;transition: 0.3s;border: 1px solid #F26F01;}
.pricing .buy-btn:hover {background: #F26F01;color: #fff;}
.pricing .featured {border-top-color: #F26F01;}
.pricing .featured .buy-btn {background: #F26F01;color: #fff;}
.pricing .featured .buy-btn:hover {background: #1c1c1c;border-color: #1c1c1c;}
@media (max-width:992px) {
  .pricing .box {max-width: 60%;margin: 0 auto 30px auto;}
}
@media (max-width:767px) {
  .pricing .box {max-width: 80%;margin: 0 auto 30px auto;}
}
@media (max-width:420px) {
  .pricing .box {max-width: 100%;margin: 0 auto 30px auto;}
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list {padding: 0 100px;}
.faq .faq-list ul {padding: 0;list-style: none;}
.faq .faq-list li+li {margin-top: 15px;}
.faq .faq-list li {padding: 20px;background: #fff;border-radius: 4px;position: relative;}
.faq .faq-list a {display: block;position: relative;font-family: "Poppins", sans-serif;font-size: 16px;line-height: 24px;font-weight: 500;padding: 0 30px;outline: none;cursor: pointer;}
.faq .faq-list .icon-help {font-size: 24px;position: absolute;right: 0;left: 20px;color: #F26F01;}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {font-size: 24px;position: absolute;right: 0;top: 0;}
.faq .faq-list p {margin-bottom: 0;padding: 10px 0 0 0;}
.faq .faq-list .icon-show {display: none;}
.faq .faq-list a.collapsed {color: #37517e;transition: 0.3s;}
.faq .faq-list a.collapsed:hover {color: #F26F01;}
.faq .faq-list a.collapsed .icon-show {display: inline-block;}
.faq .faq-list a.collapsed .icon-close {display: none;}
@media (max-width:1200px) {
  .faq .faq-list {padding: 0;}
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {border-top: 3px solid #F26F01;border-bottom: 3px solid #F26F01;padding: 30px;background: #fff;width: 100%;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);border-radius: 12px;}
.contact .info i {font-size: 20px;color: #F26F01;float: left;width: 44px;height: 44px;background: #FFECDD;display: flex;justify-content: center;align-items: center;border-radius: 50px;transition: all 0.3s ease-in-out;}
.contact .info h4 {padding: 0 0 0 60px;font-size: 22px;font-weight: 600;margin-bottom: 5px;color: #37517e;}
.contact .info p {padding: 0 0 10px 60px;margin-bottom: 20px;font-size: 14px;color: #6182ba;}
.contact .info .email p {padding-top: 5px;}
.contact .info .social-links {padding-left: 60px;}
.contact .info .social-links a {font-size: 18px;display: inline-block;background: #333;color: #fff;line-height: 1;padding: 8px 0;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;margin-right: 10px;}
.contact .info .social-links a:hover {background: #F26F01;color: #fff;}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {background: #F26F01;color: #fff;}
.contact .php-email-form {width: 100%;border-top: 3px solid #F26F01;border-bottom: 3px solid #F26F01;padding: 30px;background: #fff;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);border-radius: 12px;}
.contact .php-email-form .form-group {padding-bottom: 8px;}
.contact .php-email-form .validate {display: none;color: red;margin: 0 0 15px 0;font-weight: 400;font-size: 13px;}
.contact .php-email-form .error-message {display: none;color: #fff;background: #ed3c0d;text-align: left;padding: 15px;font-weight: 600;}
.contact .php-email-form .error-message br+br {margin-top: 25px;}
.contact .php-email-form .sent-message {display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;font-weight: 600;}
.contact .php-email-form .loading {display: none;background: #fff;text-align: center;padding: 15px;}
.contact .php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid #18d26e;border-top-color: #eee;-webkit-animation: animate-loading 1s linear infinite;animation: animate-loading 1s linear infinite;}
.contact .php-email-form .form-group {margin-bottom: 20px;}
.contact .php-email-form label {padding-bottom: 8px;}
.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 0;box-shadow: none;font-size: 14px;border-radius: 4px;}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {border-color: #F26F01;}
.contact .php-email-form input {height: 44px;}
.contact .php-email-form textarea {padding: 10px 12px;}
.contact .php-email-form button[type=submit] {background: #F26F01;border: 0;padding: 15px 45px;color: #fff;transition: 0.4s;border-radius: 50px;}
.contact .php-email-form button[type=submit]:hover {background: #1c1c1c;}
@-webkit-keyframes animate-loading {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes animate-loading {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {padding: 15px 0;background: #f3f5fa;min-height: 40px;margin-top: 72px;}
@media (max-width: 992px) {
  .breadcrumbs {margin-top: 68px;}
}
.breadcrumbs h2 {font-size: 28px;font-weight: 600;color:#1c1c1c;}
.breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0 0 10px 0;margin: 0;font-size: 14px;}
.breadcrumbs ol li+li {padding-left: 10px;}
.breadcrumbs ol li+li::before {display: inline-block;padding-right: 10px;color: #4668a2;content: "/";}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {font-size: 14px;background: #1c1c1c;}
#footer .footer-newsletter {padding: 50px 0;background: #f3f5fa;text-align: center;font-size: 15px;color: #444444;}
#footer .footer-newsletter h4 {font-size: 24px;margin: 0 0 20px 0;padding: 0;line-height: 1;font-weight: 600;color: #121212;}
#footer .footer-newsletter form {margin-top: 30px;background: #fff;padding: 6px 10px;position: relative;border-radius: 50px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);text-align: left;}
#footer .footer-newsletter form input[type=email] {border: 0;padding: 12px 10px;width: calc(100% - 100px);outline: none;}
#footer .footer-newsletter form input[type=submit] {position: absolute;top: 0;right: 0;bottom: 0;border: 0;background: none;font-size: 16px;padding: 0 35px;background: #F26F01;color: #fff;transition: 0.3s;border-radius: 50px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
#footer .footer-newsletter form input[type=submit]:hover {background:#1c1c1c;}
#footer .footer-top {padding: 60px 0 30px 0;background: #fff;}
#footer .footer-top .footer-contact {margin-bottom: 30px;}
#footer .footer-top .footer-contact h3 {font-size: 28px;margin: 0 0 10px 0;padding: 2px 0 2px 0;line-height: 1;text-transform: uppercase;font-weight: 600;color: #121212;}
#footer .footer-top .footer-contact p {font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: "Jost", sans-serif;color: #5e5e5e;}
#footer .footer-top h4 {font-size: 16px;font-weight: bold;color: #121212;position: relative;padding-bottom: 12px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}
#footer .footer-top .footer-links ul {list-style: none;padding: 0;margin: 0;}
#footer .footer-top .footer-links ul i {padding-right: 2px;color: #F26F01;font-size: 18px;line-height: 1;}
#footer .footer-top .footer-links ul li {padding: 10px 0;display: flex;align-items: center;}
#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}
#footer .footer-top .footer-links ul a {color: #777777;transition: 0.3s;display: inline-block;line-height: 1;}
#footer .footer-top .footer-links ul a:hover {text-decoration: none;color: #F26F01;}
#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: #F26F01;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
#footer .footer-top .social-links a:hover {background: #1c1c1c;color: #fff;text-decoration: none;}
#footer .footer-bottom {padding-top: 30px;padding-bottom: 30px;color: #fff;}
#footer .copyright {float: left;}
#footer .credits {float: right;font-size: 13px;}
#footer .credits a {transition: 0.3s;}
@media (max-width:768px) {
  #footer .footer-bottom {padding-top: 20px;padding-bottom: 20px;}
  #footer .copyright, #footer .credits {text-align: center;float: none;}
  #footer .credits {padding-top: 4px;}
}




/*Custom code strat here*/
.LoginSection{height:100vh;background-color:#f1f2f5;background-size: cover;background-position: center;padding: 0;}
.LogoLogin img{max-height:50px;}
.ml-auto{margin-left:auto;}
.loginFiledBox{margin:0px auto;width:100%;background-color:#fff;}
.titleLogin{font-size:34px;color:#041F30;font-weight:bold;text-align:center;position:relative;}
.titleLogin:after{content:'';position: relative;width:80px;height:5px;border-radius:5px;background-color:#0063FF;display:block;margin:10px auto;}
.smalltitleLogin{font-size:70px;color:#041F30;font-weight:900;line-height: 80px;letter-spacing:4px;}

.loginFiled .form-group{margin-bottom:25px;}
.filedContent .form-group{margin-bottom:15px;}
.filedContent .form-label, .form-check-label{color:#151515;font-size:15px;margin-bottom:5px;font-weight:500;}
.LoginForm{padding:60px;max-width:650px;margin:0px auto;box-shadow: 0px 2px 6px 0px #0000001A;background-color:#F9FCFFB2;border-radius:20px;}
.formContent{width: 50%;display: flex;align-items:center;justify-content:center;}
.loginLeftImg{padding:60px;display: flex;align-items: center;width: 50%;position:relative;}
.loginLeftImg:before{content:'';position:absolute;background-color:#151515;display:block;top:0;left:0;right:0;bottom:0;opacity:0.6;}
.btn-theme{background:#0063FF;border:0;padding:15px 30px;color: #fff;transition: 0.4s;border-radius:10px;font-size:16px;position:relative;}
.btn-theme:hover{background:#0063FF;color: #fff;}
.form-control{padding: .775rem .75rem;border-color:#B3D1FF;}

/** * Utility: Ripple * -------------------------------------------------- */
.c-ripple {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:transparent;}
.c-ripple__circle {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, .40);}
.c-ripple.is-active .c-ripple__circle {animation: a-ripple 0.4s ease-in;}
/** * Animation: Ripple * -------------------------------------------------- */
@keyframes a-ripple {
 0% {opacity: 0;}
 25% {opacity: 1;}
 100% {width: 200%;padding-bottom: 200%;opacity: 0;}
}
.form-control:focus{border-color:#0063FF;box-shadow:0 0 0 .25rem rgba(0,99,255,.15);}
.form-check-input:checked {background-color:#19B97B;border-color:#0063FF;}
.contact__info-inner {padding:45px 40px;border-radius:10px;box-shadow:0px 30px 50px 0px rgba(1, 11, 60, 0.1);background-color:#fff;position:relative;border-top: 3px solid #0063FF;border-bottom: 3px solid #0063FF;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);}
.contact__info-inner ul {list-style: none;padding-left:0;}
.contact__info-inner ul .contact__info-item {margin-bottom:35px;}
.contact__info-icon {margin-right:15px;}
.contact__info-text h4 {font-size:20px;font-weight:600;margin-bottom:6px;color:#0E1133;}
.contact__info-text p, .contact__info-text p a {margin-bottom:0;color:#53545b;}
.contact__info-icon svg {fill:none;stroke:#0063FF;stroke-width:2;width:20px;}
.contact__social a{font-size:26px;margin:2px 20px 2px 0;}

.about-content p{font-size:18px;}
.carousel-indicators{bottom:-70px;}

/*Owl slider*/
.user_content{box-shadow:0 2px 15px -3px #e6e6e6;margin:10px;padding:20px;border-radius:10px;width:230px;background-color: #fff;}
.userDetails .client_img{height:120px;width:120px;border-radius:50%;box-shadow:2px 2px 10px -5px #222;overflow:hidden;margin-bottom:10px;}
.userDetails em{color: #8B8B8B;}
.quteIcon{padding:15px;}
.client_content{box-shadow:0 2px 15px -3px #e6e6e6;margin:10px 30px 10px 100px;padding:15px 15px 15px 180px;border-radius:10px;position:relative;z-index:-1;margin-top:-150px;background-color: #fff;}
.quteIcon img{max-width:40px;}
.owl-carousel.owl-testimonial .owl-nav{position:absolute;top:15px;right:15px;}
.owl-carousel .owl-nav button span{box-shadow:0 2px 15px -3px #ccc;margin:10px;padding:0 16px;border-radius: 7px;background-color: #fff;font-size: 36px;display: block;height: 45px;line-height: 38px;}
@media (max-width: 767px){
.client_content {margin:-30px 10px 10px 30px;padding: 30px 15px 15px 15px;}
.user_content{padding:15px;width:150px;}
.userDetails .client_img{height: 80px;width:80px;margin-bottom:5px;}
}
.itemGallery .Gallery-img img{height:300px;object-fit:cover;}




.LogoLogin .logoImg{position: absolute;top:30px;left:60px;}
.otpFileds input{margin-right:10px;width:60px;}
.dontAccount a{font-weight: 600;}
.rigisterPage .LoginForm{padding:0 15px;}
.required:after{content:"*";position:relative;display:inline-block;color:red;}
.phoneCountry .DropCountry{position:absolute;top:33px;left:12px;}
.phoneCountry .DropCountry .form-control{border-top-right-radius:0;border-bottom-right-radius:0;padding:12px 8px;min-width:70px;background-position:right 0.25rem center;border-width: 0 1px 0 0;margin: 1px;}
.phoneCountry input.form-control {padding-left:80px;}

.notification{background-color:#EEF5FF;display:flex;height:60px;width:60px;justify-content:center;align-items:center;border-radius: 10px;font-size: 22px;}
.listNtifi{position: relative;border-top: 1px solid #E0E0E0;padding: 12px 15px 12px 35px;}
.listNtifi a{color:#151515;}
.listNtifi:before{content:'';height: 10px;width: 10px;background-color:#0063FF;border-radius:50%;display: inline-block;position: absolute;left: 15px;top:22px;}
.profileMenu img{height:60px;width:60px;border-radius: 10px;object-fit: cover;color: #0063FF;}
.navbar .notification i{font-size: 26px;}
.searchBoxHead .searcIcon{position:absolute;top:14px;left:15px;color:#0063FF;font-size:20px;}
.searchBoxHead .searcFiled{padding-left:40px;background-color:#EEF5FFB2;border:0;border-radius: 10px;}
.titleNtifi{padding: 5px 15px;}

.mainSection{padding:80px 15px 0;}
.leftMenuContent {background-color:#0063FF;border-radius: 20px;margin: 15px 15px 0 0;max-height: calc(100vh - 90px);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;width: 70px;}
.leftMenuBox{padding-top: 15px;height: calc(100vh - 150px);}
.leftMenuBox .leftMenuItem{position: relative;}
/*.leftMenuBox .leftMenuItem a .textHover, .LogoutText a .textHover{position: absolute;left: 68px;background-color: #EEF5FF;
padding: 8px 15px;box-shadow:0px 3px 8px 0px #041F302E;z-index: 999;text-align: left;opacity: 0;width: 0;transition: 0.3s all;border-radius:0 10px 10px 0;}
.leftMenuBox .leftMenuItem a:hover .textHover, .LogoutText a:hover .textHover{opacity: 1;min-width: 150px;}*/
.leftMenuBox .leftMenuItem a .textHover, .LogoutText a .textHover{position:absolute;left:68px;background-color:#ffffff;
padding:15px 15px;box-shadow:0px 3px 8px 0px #041F302E;z-index:999;text-align:left;opacity:0;width:0;
border-radius:0 10px 10px 0;white-space:nowrap;display:none;top:0;}
.leftMenuBox .leftMenuItem a:hover .textHover, .LogoutText a:hover .textHover{opacity:1;min-width:180px;width:auto;display:block;}


.leftMenuItem a{padding: 15px;text-align: center;display: block;position: relative;}
.leftMenuItem a.active:before{content:'';position:absolute;display:block;height:75%;width:6px;background-color:#fff;top:10px;left:0;border-radius:0 5px 5px 0;}
.leftMenuItem a svg{width: 20px;height: 20px;opacity: 0.4;}
.leftMenuItem a.active svg{opacity: 1;}
.LogoutText{padding-bottom: 15px;}
.LogoutText a {display:block;text-align: center;position: relative;}
.mainContent{max-height:calc(100vh - 110px);overflow-y:auto;margin-top:15px;}
.proFileNotimenu{display: flex;align-items: center;margin-left: 20px;}
.proFileNotimenu .dropdown-toggle::after{display: none;}
.proFileNotimenu a.dropdown-toggle{display: block;}
.dropdownNofification .dropdown-menu{min-width: 400px;}
.profileMenu .dropdown-menu{min-width: 250px;right: 0;left: auto;}
.profileMenu .dropdown-menu a{color: #151515;display: block;padding:7px 20px;}


/**/
.bg-light{background-color:#F9FCFF!important;}
.PostContent{padding:30px;margin: 0 15px;border-radius: 15px;}
.createPosterBtn a{color:#151515;font-weight:600;max-width: 300px;margin: 0px auto;}
.createPosterBtn a .plusBtn{background-color:#0063FF;color:#fff;display:flex;height:35px;width:35px;border-radius:50%;font-size:20px;align-items:center;justify-content:center;min-width:35px;margin-right:10px;}
.GroupContent{border-radius: 15px;margin-left:auto;max-height: calc(100vh - 120px);overflow-y: auto;}
.PostListSection .PostItem{padding:30px;border-radius:10px;max-width:860px;box-shadow:0px 2px 6px 0px #041F301A;margin-bottom:30px;direction: ltr;}
.Username img{height:35px;width:35px;border-radius:50%;object-fit: cover;}
.Username h6{font-weight:600;}

.PostContent .PostListSection{max-height: calc(100vh - 220px);overflow-y: auto;padding:0 30px;direction: rtl;}
.moreBtnContent a{color:#0063FF;font-size:24px;}

.PostTextContent h5{font-size: 18px;font-weight: 600;}
.PostTextContent p{font-size: 15px;}
.ActionSection{padding-top: 10px;}
.CommentsItem i{font-size: 22px;}
.CommentsItem span{font-size:14px;}
.ShareLike .LikeBtn a{color: #EA4335;font-size: 22px;}
.ShareLike .shareBtn a{font-size: 22px;color: #151515;margin-right: 10px;}
.PostImgContent img{width: 100%;height: 350px;object-fit: cover;border-radius: 10px;}

.phoneCountry.loginPhone .DropCountry .form-control{padding:0px 8px;margin-top:14px;border-width:0;border-right-width:2px;margin-left:1px;box-shadow: none;}
.phoneCountry.loginPhone .DropCountry{bottom:33px;left:0;}

::-webkit-scrollbar {width: 6px;}
/* Track */
::-webkit-scrollbar-track {background: #EBF6FF;border-radius: 5px;}
/* Handle */
::-webkit-scrollbar-thumb {background: #027BEE;border-radius: 5px;}
::scrollbar-thumb {background: #027BEE;border-radius: 5px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #3595F1;}

.titlegrp{font-size: 22px;color:#151515;}
.GroupListContent{padding:30px 20px;margin-bottom: 30px;}
.GroupItem {border-bottom: 1px solid #DBE9FF;padding: 15px;}
.GroupItem .imgGrp img{height:50px;width:50px;min-width:50px;object-fit:cover;border-radius:50%;}
.GroupItem .textInfoGrp h5{font-size:18px;color:#151515;}
.GroupItem .textInfoGrp p{font-size:14px;max-width: 260px;}
.GroupItem .timeListing time{font-size: 13px;}
.GroupItem:last-child{border-bottom:0;padding-bottom: 0;}

/**/
.UploadBox{background-color:#fff;border:2px dashed #0063FF33;width:580px;height:255px;object-fit:cover;border-radius:10px;}
.UploadBox .imagebox img{width:580px;height:250px;object-fit:cover;border-radius:10px;}
.UploadSection{width:700px;margin:30px auto;padding:40px 30px 30px;}
.formVenetSection{max-width:700px;}

.stepBtnGrp .btn-theme{padding:14px 40px;font-size:16px;}
.btn-rounded{padding:12px 40px;border-radius:10px;border:1px solid #0063FF;color:#0063FF;font-size:16px;font-weight:500;}
.btn-rounded:hover{border:1px solid #0063FF;color:#0063FF;}

.TepltetList .checkIcon{position:absolute;top: 45%;left: 50%;background-color: #02BC7D;color:#fff;height:40px;
width:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:30px;opacity: 0;
padding-bottom: 3px;-ms-transform: translateY(-50%);transform: translateY(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.TepltetList{padding: 12px 0;}
.TepltetList .form-check-label{cursor:pointer;background-color:#000;border-radius:10px;transition: all .3s ease-out;}
.TepltetList .form-check-label img{width:100%;height:310px;object-fit:cover;border-radius: 10px;}
.TepltetList input.form-check-input{display: none;}
.TepltetList input.form-check-input:checked ~ label .checkIcon{opacity: 1;}
.TepltetList input.form-check-input:checked ~ label img{opacity: 0.8;}

.imageUplod .imgAdded{padding-right: 10px;position: relative;margin-bottom: 10px;}
.imageUplod .imgAdded img{height:60px;width:60px;border-radius:10px;object-fit:cover;}
.removeImg{position:absolute;background-color:#0063FF;height:20px;width:20px;border-radius:50%;right:2px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;bottom:0;cursor:pointer;}
.btn.btn-prview{background-color:#EEF5FF;color:#0063FF;padding:3px 20px;font-size:16px;border-radius: 10px;}
.btn.btn-prview i{font-size:24px;}
.btn.btn-prview:hover{background-color:#EEF5FF;color:#0063FF;}

.addHoste img{height:35px;width:35px;}
.imageUplod .imgAdded.addHoste img{height:35px;width:35px;}

.itemAdded{position: relative;padding-right: 10px;width: 55px;}
.itemAdded img{height:45px;width:45px;object-fit:cover;border-radius:50%;}
.itemAdded i{color:#00D86B;position:absolute;right:8px;bottom:-3px;background-color:#fff;border-radius:50%;font-size:20px;}

.searchBox .searcIcon{right:13px;top:13px;color:#C1C1C1;}
.co-hostList .GroupItem{border-top: 1px solid #041F300D;padding-bottom: 15px;}
.co-hostList :nth-child(1) .GroupItem, .co-hostList :nth-child(2) .GroupItem{border-top: 0;}
.co-hostList{max-height:480px;overflow-y:auto;}
.prLabel{background-color:#0063FF;color:#fff;padding:6px 17px;display: inline-block;}

.handle-counter input{width:30px;border:0;text-align:center;background: none;}
.handle-counter button{border-radius:50%;height:25px;width:25px;padding:0;}
.ItemPrice{background-color: #fff;border-radius:10px;padding:20px;transition: all .3s ease-out;margin-bottom: 20px;}
.ItemPrice:hover{background-color:#0063FF;color: #fff;}
.ItemPrice:hover .handle-counter button{background-color: #fff;color:#0063FF;}
.ItemPrice:hover .handle-counter input{color: #fff;}
.ItemPrice:hover .prLabel{background-color: #fff;color:#0063FF;}
.handle-counter{align-items:center;justify-content:end;}

.priviewScroll{max-height:calc(100vh - 200px);overflow-y:auto;border-radius:15px;max-width:800px;}
.text-purple{color: #B04DFE;}
.ratedCont{text-align: center;line-height:16px;}
.size20{font-size:22px;}

.container1000{max-width: 1000px;margin: 0px auto;}
.imgGoing{padding-left: 20px;}
.imgGoing img{height:40px;width:40px;border-radius:50%;margin-left:-20px;}

.CommetItem .imgCm img{height:40px;width:40px;min-width:40px;border-radius:50%;}
.CommetItem .rightCm .textCmmrt{background-color:#EEF5FF;padding: 20px;border-radius:10px;}
.CommetItem .rightCm time{font-size: 14px;color:#676767;}

.hostSection{background-image: url('../images/host-bg-onject.svg');max-width:560px;margin-left:auto;margin-right:auto;background-size: contain;
background-repeat: no-repeat;background-position: center;}
.hostSection .hostInfo img{height:120px;width:120px;object-fit:cover;border-radius: 50%;}
.hostSection .hostInfo h4{color:#151515;font-size:22px;}
.hostSection .hostInfo h5{color:#80939A;font-size:20px;font-weight: 600;}
.hostSection .co-hostInfo .co-hostPhot img{height:40px;width:40px;object-fit:cover;border-radius: 50%;}

.EventInfoSection{padding:0 15px;}

.sendBtn a{background-color:#0063FF;color:#fff;display:flex;height:40px;width:40px;
border-radius:50%;font-size:20px;align-items:center;justify-content:center;min-width:40px;margin-left:10px;}
.CommetContent{height: calc(100vh - 320px);overflow-y: auto;}


/*Chat*/
.chatSection{padding:10px 0 0;}
.chatContent{background-color:#F9FBFF;border-radius:20px;margin-left:20px;box-shadow:0px 4px 4px 0px #0000000D;}
.chatHeader{background:#FFFFFF;box-shadow:0px 4px 10px rgba(0, 0, 0, 0.05);border-radius:10px 10px 0px 0px;padding:11px 15px;}
.chatHeader .imgCoach img{height:45px;width:45px;border-radius:50px;object-fit: cover;}
.chatHeader h4{font-size:20px;color:#151515;}
.chatBoady{padding: 30px;max-height: calc(100vh - 270px);overflow-y: auto;}
.chatList{padding: 15px 0;}
.chatList .imgCoach{margin-right:15px;}
.chatList .imgCoach img{height:40px;width:40px;min-width:40px;border-radius:50%;}
.chatList .textBox{background-color:#ffffff;border-radius:10px;padding:15px 20px;max-width: 60%;border: 1px solid #0063FF;}
.chatList time{color:#424242;font-size:14px;}
.chatList.chatRight .textBox{margin:0 0 0 auto;background-color:#0063FF;color:#fff;}
.chatList.chatRight time{text-align:right;}
.chatList.chatRight .imgCoach{margin-right:0;margin-left:15px;}
.chatFoot{padding:10px 30px 15px;}
/*.chatFoot .btnDend{background-color:#1494A1;border-radius:10px;color:#fff;height:38px;width:40px;padding:2px;position:absolute;right:8px;top:5px;font-size:20px;}*/
.chatFoot .attached{position:absolute;top:10px;right:70px;font-size:20px;color:#0063FF;cursor: pointer;}
.chatFoot .form-control{border-radius: 30px;border-color: #0063FF;font-size: 14px;}

.imgUserI{margin-right:15px;}
.imgUserI img{height:40px;width:40px;border-radius:50%;min-width:40px;border-bottom:1px solid #0063FF12;}
.chatCustomer_list{background-color:#F9FBFF;border-radius:20px;min-width:300px;z-index:9;box-shadow:0px 4px 4px 0px #0000000D;border: 0;padding: 0;}
.searchContent{/*background:#FFFFFF;box-shadow:0px 4px 10px rgba(0, 0, 0, 0.05);border-radius:10px 10px 0px 0px;padding: 15px;*/}
.searchContent .searcIcon{left:12px;top:9px;}
.searchContent .form-control{background:rgba(255, 255, 255, 1);padding:8px 10px 8px 35px;}
.userScrollBox .itemUser{padding:15px 15px 10px 15px;color:#101010;border-bottom: 1px solid #0063FF12;direction: ltr;}
.userScrollBox .itemUser.active{background-color:#0063FF;color: #fff;}
.itemUser .UserDetailL h5{font-size:18px;}
.itemUser .UserDetailL p{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px;opacity:50%;line-height: 18px;}
.itemUser .UserDetailL time{font-size:13px;opacity:0.4;}
.userScrollBox{max-height:calc(100vh - 240px);overflow-y:auto;direction: rtl;}

.userMobileMenu{width:450px;}
.chatCustomer_list.dropdown-menu{display:block;}
.itemMyEvents .imgEvent img{height:80px;width:80px;border-radius:10px;object-fit:cover;min-width:80px;}
.itemMyEvents{background-color:#fff;padding:20px;box-shadow:0px 0px 20px 0px #072E3D1A;border-radius:10px;margin-bottom: 20px;}
.itemMyEvents .btn{border-radius:30px;font-size:14px;margin-bottom:5px;}
.itemMyEvents .btn.btn-rounded{background-color:#EEF5FF;padding:9px 30px;}
.itemMyEvents .btn.btn-theme{padding: 11px 30px;}
.text-blue{color:#0063FF;}
.myEventSection{padding:15px 40px;}
.myEventtab{border-bottom-color: #EEF5FF;border-bottom-width:2px;}
.myEventtab .nav-item .nav-link{border: 0;background: none;color: #454545;padding: 15px 55px;font-size: 20px;position:relative;}
.myEventtab .nav-item .nav-link.active{color:#151515;font-weight:500;}
.myEventtab .nav-item .nav-link.active:after{content:'';position:absolute;height:4px;width:100%;left:0;bottom:-1px;background-color:#0063FF;}

.infoTextEvent{overflow: hidden;}
.itemMyEvents .Username p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}

/*==========*/
.HeaderTitle{color:#041F30;font-size:26px;font-weight:700;}

.GrayBoxComm{background-color:#EEF5FF;padding:10px 15px;border-radius:0 10px 10px 10px;font-size:14px;}
.ImgCommet img{height:40px;width:40px;border-radius:50%;object-fit:cover;min-width:40px;}
.timeCommet{font-size:12px;}
.CommetItem{margin-bottom: 15px;}
.CardFormSec{box-shadow:0px 2px 6px 0px #0000001A;border-radius:15px;padding:30px 20px;}
.maxWidht600{max-width:600px;}
.ItemUploadCn{border: 1px solid #0063FF4D;background-color:#fff;border-radius:15px;overflow:hidden;}
.ItemUploadCn img{border-radius:15px;object-fit:cover;}
.dropdownMoreInfo .dropdown-toggle:after{display:none;}
.moreBtnContent .dropdown-item{font-size:16px;color:#111111;}
.form-control {padding:.775rem .75rem;border-color:#B3D1FF;border-radius:10px;}
.profileTabs{border: 0;}
.profileTabs .nav-link{border:0;color:#041F30;font-weight:600;}
.profileTabs .nav-link.active{color:#0063FF;}

/**/
.passAddons{position:absolute;right:10px;top:42px;}
.table-secondary tr th{background-color:#EEF5FFB2;border:0;}
.table tbody tr td{border-color:#E6F0FF;line-height:21px;}
.form-switch .form-check-input{border-radius:12px;border-color:#19B97B;}
.form-check-input:focus{box-shadow:none;}
.dataTables_filter {justify-content:end;display:flex;margin-bottom:15px;}
.pagination{justify-content:end;margin-bottom:10px;}
.dataTables_filter .form-control{background-color:#F4F8FF;border-radius:10px;position:relative;padding:.550rem .75rem;margin-left:10px;}
.dataTables_filter label{position:relative;}
.dataTables_filter label:after, .serachFilter .serchLabel:after{content:'';position:absolute;height:18px;width:18px;background-image:url('../images/search-icon.svg');
top:10px;right: 12px;background-size: contain;}
.dataTables_length label {display: flex;align-items: center;}
.dataTables_length label .form-select {margin:0 5px;width:70px;border-radius:10px;background-color:#F4F8FF;}
.dataTables_filter label{display:flex;align-items:center;}
.table-secondary tr th{font-weight: 600;}
.pagination .page-link {background: none;background-color:rgba(0, 0, 0, 0);border: 0;color: var(--Title);
font-weight: 600;border-radius: 50%;padding: 5px 14px;height:35px;}
.pagination li.active .page-link{background-color:#0063FF;color:#fff;}
.imgCirclePlaceTable{min-height:25px;min-width:25px;}
.BroadcastNotiBox {background-color:#EEF5FFB2;box-shadow:0px 2px 6px 0px #0000001A;border-radius:15px;}
.addonsForm{position:absolute;right:27px;top:42px;pointer-events: none;}
.CoHostsItm{height:60px;width:60px;border-radius:50%;margin-left: -15px;}
.CoHostsItm:first-child{margin-left:0;}
/*.modal-content{background-color:#F9FCFF;}*/
.CheckSelected{position:absolute;bottom:0;right:0;background-color:#fff;border-radius:30px;width:20px;}
.serachFilter .form-control{border-color: #E6F0FF;padding: .575rem .75rem;}
.serachFilter .serchLabel:after{top:14px;}

.ImgListCo img{width:50px;height:50px;border-radius:50%;}
.InfoListCo h4{font-size:17px;color:#151515;}
.InfoListCo p{font-size:15px;}
.ListOfCoHost{border-top:1px solid #ECF0F4;padding:12px 10px;}
.ListOfCoHostContent .col-lg-6:nth-child(1) .ListOfCoHost, .ListOfCoHostContent .col-lg-6:nth-child(2) .ListOfCoHost{border-top: 0;}
.maxWid600{max-width:600px;}
.imgUserI{position:relative;}
.onlineSimbol{background-color:#1976D2;height:11px;width:11px;border-radius:10px;border:3px solid #fff;display:block;
position:absolute;top:0;top:30px;}


@media (min-width:1420px) {
.TicketCoHos{max-width:45%;}
}












@media (max-height:700px) {
.rigisterPage .formContent{max-height: 100%;overflow-y: auto;display: block;}
}

@media (max-width:1460px) {
  .GroupItem .textInfoGrp p{max-width: 200px;}
  .PostContent{max-width: 60%;}
}
@media (max-width:1199px) {
.PostContent .PostListSection{padding: 0;}
.PostContent{padding: 20px;}
.PostListSection .PostItem{padding: 20px;}
.GroupItem{padding: 15px 0;}
}
@media (max-width:1020px) {
  .UploadSection{width: auto;max-width: 100%;margin-top:0;}
}
@media (max-width:992px) {
.smalltitleLogin{font-size:50px;line-height:60px;}
.LoginForm{padding:30px;}
.loginLeftImg{padding:30px;}
.LogoLogin .logoImg{top: 20px;left: 30px;}

.PostContent{max-width: 100%;}
.mainContent{flex-direction: row-reverse;flex-wrap: wrap;display: flex;}
.GroupContent{position: fixed;right: -100%;background-color: #fff;padding: 15px;box-shadow: -5px 0 15px #eee;}
.GroupContent.showGroupContent{right: 0;}

.chatCustomer_list.dropdown-menu{display: none;}
.chatCustomer_list.dropdown-menu.show{display: block;}
.myEventSection {padding: 0 15px;}
.itemMyEvents .imgEvent img{height:60px;width:60px;min-width:60px;}
.itemMyEvents{padding: 15px;}
}
@media (max-width:767px) {
  .loginFiledBox{display: block !important;}
  .loginLeftImg, .formContent{width: 100%;}
  .ContentLeft{padding-top: 40px;}
  .LoginSection{height: auto;}
  .LogoLogin img{max-height: 40px;}
  .LoginForm{padding:0 15px;}

  .searchFiledBox{position: absolute !important;right: 0;background-color:#0063FF;z-index:9;padding: 15px;left: 0;display: none;}
  .searchBoxHead .searcIcon{top: 29px;left: 25px;}
  .searchTriger{font-size: 24px;line-height: 40px;margin-top: 8px;display: block;}
  .showSearch .searchFiledBox{display: block;}
  .showSearch .searchTriger .bx-search::before {content: "×";font-size: 32px;font-weight: bold;}
  .leftMenuContent{position: fixed;left: -50%;height:85%;z-index: 9;}
  .leftMenuContent.showLeftMenu{left:15px;z-index: 999;}
  .sidebarTriger{font-size:28px;margin-right: 10px;cursor: pointer;}
  #header{padding: 10px 0;}
  .leftMenuContent{margin: 0;}
  .PostContent{margin: 0;padding: 15px;}
  .GroupItem .textInfoGrp h5{font-size: 18px;}
  .GroupItem .textInfoGrp p{font-size: 14px;}
  .mainContent{max-height: inherit;}
  .gropMobileMenu{padding-right: 10px;}

  .UploadBox, .UploadBox .imagebox img, .UploadSection{width: 100%;}
  .chatList .textBox{max-width:100%;}
  .chatSection{padding: 10px 0 0;}
  .profileMenu img, .notification{height:40px;width:40px;}
  .mainSection {padding:60px 15px 0;}
  /*menu*/
  .leftMenuItem a{text-align: left;}
  .leftMenuBox .leftMenuItem a .textHover, .LogoutText a .textHover{position:relative;left:0;color:#fff;opacity:1;background:none;box-shadow:none;opacity:0.4;padding:0 0 0 15px;display:inline-block;}
  .leftMenuBox .leftMenuItem a.active .textHover, .LogoutText a .textHover{opacity: 1;}
  .leftMenuContent.showLeftMenu{width: 200px;}
  .LogoutText a{text-align: left;padding-left: 15px;}
  .leftMenuBox{height: calc(100vh - 190px);}
}
@media (max-width:574px) {
  .smalltitleLogin{font-size:40px;line-height:50px;}
  #header .logo img{max-height:32px;}
  .profileMenu img, .notification{height:40px;width: 40px;}
  .GroupItem .textInfoGrp p {max-width:150px;}
  .GroupListContent{padding:20px 15px;}
  .mainSection{padding:70px 0 0;}
  .PostListSection .PostItem{padding:15px;}
  .PostImgContent img{height:250px;}

  .TepltetSection .row .col-lg-3{padding:0 10px;}
  .TepltetList{padding:6px 0;}
  .TepltetList .form-check-label img{height:180px;}
  .chatCustomer_list.dropdown-menu{width:85%;min-width:inherit;}
  .chatContent{margin-left:0;}
  .chatFoot{padding:10px;}
  .chatBoady{padding:15px;}
  .userMobileMenu{width: auto;}
  .myEventtab .nav-item .nav-link{font-size:18px;padding:15px 25px;}

  .infoTextEvent h5{font-size:18px;}
  .infoTextEvent p{font-size:14px;line-height:22px;}
}
.Close{
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    border: 0;
    background: none;
}
.error{
    color: red;
}
.MobileForm {
    padding: 60px;
    max-width: 650px;
    margin: 0px auto;
    border-radius: 20px;
}

.likedIcon{display:none;}
.liked .likedIcon{display:inline-block;}
.liked .likeIcon{display:none;}