:root {
   --primary-color: #eb681b;
   --secondary-color: #e64529;
   --white: #fff;
   }
   
   /*  --primary-color: ;*/
   
   @font-face {
   font-family: "Bebas Neue";
   src: url("../fonts/new/BebasNeue-Regular.woff2") format("woff2"),
   url("BebasNeue-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   }
   
   @font-face {
   font-family: "Bebas Neue";
   src: url("../fonts/new/BebasNeue-Regular.woff2") format("woff2"),
   url("BebasNeue-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   }
   
   @font-face {
   font-family: "Bebas Neue";
   src: url("../fonts/new/BebasNeue-Regular.woff2") format("woff2"),
   url("BebasNeue-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   }
   
   @font-face {
   font-family: "Bebas Neue";
   src: url("../fonts/new/BebasNeue-Regular.woff2") format("woff2"),
   url("../fonts/new/BebasNeue-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   }
   
   @font-face {
   font-family: "Poppins";
   src: url("../fonts/pop/Poppins-Bold.woff2") format("woff2"),
   url("../fonts/pop/Poppins-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
   }
   
   @font-face {
   font-family: "Poppins";
   src: url("../fonts/pop/Poppins-ExtraLight.woff2") format("woff2"),
   url("../fonts/pop/Poppins-ExtraLight.woff") format("woff");
   font-weight: 200;
   font-style: normal;
   font-display: swap;
   }
   
   @font-face {
   font-family: "Poppins";
   src: url("../fonts/pop/Poppins-ExtraBold.woff2") format("woff2"),
   url("../fonts/pop/Poppins-ExtraBold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
   }
   
   @font-face {
   font-family: "Poppins";
   src: url("../fonts/pop/Poppins-Regular.woff2") format("woff2"),
   url("../fonts/pop/Poppins-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   }
   
   @font-face {
   font-family: "Poppins";
   src: url("../fonts/pop/Poppins-Medium.woff2") format("woff2"),
   url("../fonts/pop/Poppins-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
   }
   
   @font-face {
   font-family: "Poppins";
   src: url("../fonts/pop/Poppins-SemiBold.woff2") format("woff2"),
   url("../fonts/pop/Poppins-SemiBold.woff") format("woff");
   font-weight: 600;
   font-style: normal;
   font-display: swap;
   }
   
   body {
   font-family: "Poppins";
   font-weight: normal;
   font-style: normal;
   overflow-x: hidden;
   }
   
   * {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   }
   
   p {
   font-size: 16px;
   line-height: 1.7;
   margin-top: 1rem;
   margin-bottom: 1rem;
   font-family: "Poppins";
   }
   
   a {
   color: #fff;
   text-decoration: none;
   font-family: "Poppins";
   }
   
   *:hover,
   *:focus,
   * {
   outline: none !important;
   }
   
   a,
   input[type="submit"] {
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   display: inline-block;
   cursor: pointer;
   }
   
   textarea,
   select,
   input[type],
   textarea,
   select,
   button {
   background: transparent;
   border: none;
   border-radius: 0px;
   }
   
   li {
   list-style-type: none;
   }
   
   /*slik css*/
   
   /* .slick-slide {
         margin: 0 13px;
     }*/
   
   .slick-dots {
   position: absolute;
   display: block;
   width: 100%;
   padding: 0;
   margin: -24px 0px;
   list-style: none;
   text-align: center;
   }
   
   .slick-dots li {
   position: relative;
   height: 20px;
   cursor: pointer;
   }
   
   ul.slick-dots li {
   margin: 0 20px 0 0px;
   width: auto;
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
   padding: 0px;
   border: none;
   }
   
   .slick-dots li button:before,
   .slick-dots li button:before {
   color: var(--white);
   opacity: 1;
   font-size: 0px;
   }
   
   .slick-dots li.slick-active button:before {
   opacity: 0.75;
   color: transparent;
   }
   
   .slick-dots li button {
   line-height: 0;
   display: block;
   color: transparent;
   height: 10px;
   width: 10px;
   border-radius: 50%;
   padding: 0px;
   background: #d6d6d6;
   border: none;
   cursor: pointer;
   font-size: 0px;
   padding: 0px;
   -webkit-transition: all 0.4s ease-In-out;
   -moz-transition: all 0.4s ease-In-out;
   -o-transition: all 0.4s ease-In-out;
   transition: all 0.4s ease-In-out;
   box-sizing: border-box;
   }
   
   .slick-dots li.slick-active button {
   background: #e64529;
   }
   
   span.arrows {
   width: 36px;
   height: 36px;
   border: none;
   position: absolute;
   top: 0px;
   bottom: 0px;
   margin: auto;
   z-index: 2;
   cursor: pointer;
   line-height: 39px;
   font-size: 12px;
   text-align: center;
   font-weight: 300;
   top: 0;
   border-radius: 0;
   background: #dde2e6;
   color: #222;
   }
   span.arrows.next {
   right: 1%;
   }
   
   .slick-prev {
   left: -30px;
   z-index: 1;
   }
   
   .slick-prev,
   .slick-next {
   font-size: 0;
   line-height: 0;
   position: absolute;
   top: 50%;
   display: block;
   width: 40px;
   height: 40px;
   padding: 0;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   background: transparent;
   border-radius: 35px;
   border: 0px solid transparent;
   }
   
   .slick-prev:before,
   .slick-next:before {
   font-family: "slick";
   font-size: 42px;
   line-height: 1;
   opacity: 1;
   color: var(--primary-color);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: "FontAwesome";
   }
   
   .slick-arrow:hover:before {
   color: black;
   }
   
   .slick-prev:before {
   content: "\f177";
   }
   
   .slick-next {
   right: -30px;
   }
   
   .slick-next:before {
   content: "\f178";
   }
   a {
   color: #091e37;
   }
   
   a:hover {
   color: var(--secondary-color);
   }
   
   /* width */
   ::-webkit-scrollbar {
   width: 10px;
   }
   
   /* Track */
   ::-webkit-scrollbar-track {
   background: #000;
   }
   
   /* Handle */
   ::-webkit-scrollbar-thumb {
   background: var(--secondary-color);
   }
   
   /* Handle on hover */
   ::-webkit-scrollbar-thumb:hover {
   background: var(--secondary-color);
   }
   
   h1,
   h2,
   h3,
   h4 {
   font-family: "Bebas Neue";
   }
   
   .c-red {
   color: var(--secondary-color);
   }
   .mian-hd {
   font-size: 80px;
   font-weight: 600;
   letter-spacing: 5px;
   }
   
   .main-content-hd {
   font-size: 2rem;
   font-weight: 600;
   }
   
   .contact-heading {
   font-size: 1.6rem;
   font-weight: 500;
   }
   
   .title-hd {
   font-size: 50px;
   font-weight: 600;
   letter-spacing: 5px;
   }
   
   /*main class */
   
   .sec-pd {
   padding: 5rem 0 5rem 0;
   }
   
   .banner-sec {
   background-image: url(../images/banner/ab-banner.jpg);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   padding: 10% 0px 7%;
   }
   
   .banner-sec h1 {
   font-weight: bold;
   text-align: center;
   text-transform: capitalize;
   font-size: 3.6rem;
   }
   /*main class */
   
   /*Step Styling end*/
   
   ul.inline-block li {
   display: inline-block;
   color: #333333;
   padding-left: 20px;
   padding-right: 20px;
   }
   
   ul {
   padding-left: 0;
   margin-bottom: 0;
   }
   
   ul li {
   list-style: none;
   }
   
   ul li a:hover {
   color: var(--secondary-color);
   }
   
   ul li .active a {
   color: var(--secondary-color);
   }
   
   ul.inline-block.top-bar li {
   margin-left: 25px;
   }
   
   /* Header */
   
   .mian-header {
   padding-top: 20px;
   padding-bottom: 10px;
   width: 100%;
   z-index: 1;
   position: absolute;
   top: 0;
   }
   
   .dashboard-head {
   background-color: #000;
   }
   
   .dashboard-sec.instructor-grid {
   margin-top: 15rem;
   margin-bottom: 5rem;
   }
   .logo {
   position: relative;
   }
   
   .logo img {
   /* position: absolute; */
   width: 60%;
   top: -40px;
   }
   
   .main__navigation .inline-block li a {
   color: #fff;
   font-size: 27px;
   font-family: "Bebas Neue";
   font-weight: 500;
   }
   
   .main__navigation .inline-block li a:hover {
   color: var(--secondary-color);
   }
   .main__navigation ul.inline-block {
   justify-content: center;
   align-items: center;
   }
   
   /*all bannner begin*/
   
   .bg__detail {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   z-index: 0;
   }
   
   .inner-banner .home-hd h1 {
   font-size: 90px;
   }
   
   .inner-banner {
   padding: 11% 0 5% 0;
   color: #fff;
   }
   
   .about-banner {
   background-image: url(../images/banner/h-2.jpg);
   }
   
   .sevices-banner {
   background-image: url(../images/banner/h-3.png);
   }
   
   .process-bg {
   background-image: url(../images/banner/banner-3.webp);
   }
   
   .portfolio-bg-1 {
   background-image: url(../images/banner/banner-5.png);
   }
   
   .contact-bg {
   background-image: url(../images/banner/contact-bg.png);
   }
   
   /*green btn css*/
   
   .btn-3 {
   padding: 13px 42px;
   text-transform: uppercase;
   color: #fff;
   font-weight: 600;
   transition: all 0.3s ease-in-out;
   }
   .btn-3:hover {
   color: var(--secondary-color);
   transition: all 0.3s ease-in-out;
   }
   
   .blue-btn .active {
   background-color: var(--secondary-color);
   }
   
   .blue-btn {
   background-color: #ccc;
   color: #000;
   border-radius: 5px;
   font-size: 16px;
   font-weight: 600;
   display: inline-flex;
   height: auto;
   width: auto;
   justify-content: center;
   align-items: center;
   padding: 13px 42px;
   transition: all 0.3s ease-in-out;
   position: relative;
   overflow: hidden;
   z-index: 1;
   border: 1px solid #fff;
   }
   
   .green-btn {
   background-color: var(--secondary-color);
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   display: inline-flex;
   height: auto;
   width: auto;
   justify-content: center;
   align-items: center;
   padding: 13px 42px;
   transition: all 0.3s ease-in-out;
   position: relative;
   overflow: hidden;
   z-index: 1;
   }
   
   .green-btn::before,
   .blue-btn::before {
   background: #fff;
   content: "";
   height: 155px;
   opacity: 0;
   position: absolute;
   top: -50px;
   transform: rotate(35deg);
   width: 50px;
   transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
   }
   .green-btn::after,
   .blue-btn::after {
   background: #fff;
   content: "";
   height: 20rem;
   opacity: 0;
   position: absolute;
   top: -50px;
   transform: rotate(35deg);
   transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
   width: 8rem;
   }
   .green-btn::before,
   .blue-btn::before {
   left: -50%;
   }
   
   .green-btn::after,
   .blue-btn::after {
   left: -100%;
   }
   
   .green-btn:hover {
   color: #fff;
   text-decoration: none;
   }
   
   .blue-btn:hover {
   color: #fff;
   text-decoration: none;
   background-color: var(--secondary-color);
   }
   
   .green-btn:hover,
   .green-btn:active {
   transform: translateY(-3px);
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
   }
   
   .blue-btn:hover,
   .blue-btn:active {
   transform: translateY(-3px);
   box-shadow: 0 10px 20px 0 rgba(255, 255, 255, 0.2);
   }
   
   .green-btn:hover::before,
   .blue-btn:hover::before {
   left: 120%;
   opacity: 0.5s;
   }
   
   .green-btn:hover::after,
   .blue-btn:hover::after {
   left: 200%;
   opacity: 0.6;
   }
   
   /* button hover Meowati Changing*/
   
   /*green btn css*/
   
   /*footer-sec beign*/
   
   textarea:active,
   textarea:hover,
   textarea:focus {
   color: #fff;
   background-color: #000;
   border-color: var(--primary-color);
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgb(255 87 34 / 23%);
   }
   
   /*footer-sec beign*/
   
   /*why-us*/
   
   /*why-us*/
   /*Privacy Policies*/
   .policies .policy-list {
   margin-bottom: 30px;
   }
   
   .policies .policy-list h5 {
   font-size: 16px;
   font-weight: 700;
   color: #333333;
   margin-bottom: 5px;
   font-family: "Bebas Neue";
   }
   
   .policies .policy-list p,
   .policies .policy-list ul li {
   font-size: 16px;
   font-family: "Bebas Neue";
   margin: 0;
   color: #333333;
   }
   
   /*Privacy Policies*/
   
   /* mobile nav */
   #mobile_nav {
   background: #292927;
   width: 100%;
   display: none;
   z-index: 99;
   position: fixed;
   top: 0px;
   padding: 12px 0 12px 0;
   }
   
   #mobile_nav .logo-head {
   color: white;
   text-align: start;
   margin-left: 20px;
   display: flex;
   }
   
   #mobile_nav .logo-head img {
   width: 13%;
   margin: 4px auto;
   }
   
   #mobile_nav ul {
   float: right;
   margin-right: 20px;
   }
   #mobile_nav ul li {
   display: block;
   line-height: 80px;
   margin: 0 5px;
   }
   #mobile_nav ul li a {
   color: white;
   font-size: 17px;
   padding: 7px 13px;
   border-radius: 3px;
   text-transform: uppercase;
   }
   
   #mobile_nav .checkbtn {
   float: right;
   margin-right: 19px;
   cursor: pointer;
   margin-top: 5px;
   }
   
   #check {
   display: none;
   }
   
   #mobile_nav ul li a:hover {
   color: #f44336;
   }
   
   #mobile_nav ul.active {
   color: var(--primary-color);
   }
   
   /* hamburger*/
   .hamburger .line {
   width: 30px;
   height: 4px;
   background-color: #e64529;
   display: block;
   margin: 8px auto;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   border-radius: 100px;
   /* box-shadow: 0px 0px 2px 3px #f7f7f7b5; */
   }
   
   .hamburger:hover {
   cursor: pointer;
   }
   
   #hamburger-1.is-active .line:nth-child(2) {
   opacity: 0;
   }
   
   #hamburger-1.is-active .line:nth-child(1) {
   -webkit-transform: translateY(13px) rotate(45deg);
   -ms-transform: translateY(13px) rotate(45deg);
   -o-transform: translateY(13px) rotate(45deg);
   transform: translateY(13px) rotate(45deg);
   }
   
   #hamburger-1.is-active .line:nth-child(3) {
   -webkit-transform: translateY(-13px) rotate(-45deg);
   -ms-transform: translateY(-13px) rotate(-45deg);
   -o-transform: translateY(-13px) rotate(-45deg);
   transform: translateY(-13px) rotate(-45deg);
   }
   
   /* hamburger*/
   
   .main__navigation .dropdown-nav:hover i {
   transition: 0.2s;
   transform: rotate(0deg) !important;
   }
   .main__navigation .dropdown-nav:hover i {
   color: #0c1e36;
   transform: rotate(92deg) !important;
   transition: 0.5s;
   }
   .main__navigation .dropdown-nav {
   position: relative;
   }
   
   .main__navigation ul.dropdown {
   position: absolute;
   top: 39px;
   left: 23px;
   margin: 0;
   border-radius: 10px;
   z-index: 1;
   display: none;
   right: 0px;
   height: 130px !important;
   background-color: #0e1e35;
   width: 269%;
   }
   
   .main__navigation ul.dropdown li {
   display: inline-block;
   transition: all 0.6s ease-in-out;
   width: 31%;
   margin: 9px 0px;
   padding-left: 20px;
   }
   
   .main__navigation ul.dropdown li a {
   color: #fff;
   font-family: "Bebas Neue";
   font-size: 15px;
   width: 100%;
   }
   
   .main__navigation ul.dropdown li a:hover {
   color: #47bac3 !important;
   transition: 1.2s !important;
   margin-left: 10px;
   }
   
   .main__navigation ul.dropdown li i:hover {
   color: #d4fffd;
   border: 1px solid #000;
   }
   .new-link-btn li a {
   margin: 15px 4px 0px 20px;
   border-radius: 100px;
   width: 100%;
   padding: 6px 16px 6px 22px;
   transition: all 0.6s ease-in-out;
   border: 1px solid #ee6b1c !important;
   }
   
   .new-link-btn li a i {
   color: #fff !important;
   transform: rotate(144deg) !important;
   }
   
   .main__navigation ul.dropdown li::before {
   display: none;
   transition: all 0.6s ease-in-out;
   }
   .main__navigation ul.dropdown li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: 0;
   transition: all 0.6s ease-in-out;
   }
   
   .main__navigation ul.dropdown li:last-child a {
   border-bottom: none;
   transition: all 0.6s ease-in-out;
   }
   
   .main__navigation ul.dropdown li {
   position: relative;
   }
   
   /*home banner css */
   
   .home-banner {
   position: relative;
   padding: 10% 0 5% 0;
   z-index: 0;
   color: #fff;
   background-color: #000;
   }
   
   .home-banner {
   background-image: url(../images/banner/h-1.jpg);
   }
   
   /*.home-banner video{
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      top: 0;
      text-align: center;
      z-index: -1;
      height: 83vh;
   }*/
   
   .home-1 {
   width: 83%;
   margin: -70px 0px;
   }
   
   .signup {
   background-color: #292927;
   align-items: center;
   padding: 4%;
   justify-content: center;
   color: #fff;
   border-left: 3px solid red;
   color: #fff;
   }
   
   .sec-sing ul.inline-block li {
   display: inline-block;
   color: #333333;
   padding-left: 15px;
   padding-right: 6px;
   }
   
   .sec-sing {
   z-index: 999;
   top: -56px;
   position: relative;
   }
   
   .signup li {
   font-size: 15px;
   font-family: monospace;
   font-weight: 600;
   color: #fff;
   padding-left: 15px;
   padding-right: 15px;
   }
   
   .signup li a {
   color: #fff;
   }
   
   .user img {
   width: 10%;
   border-radius: 100px;
   margin: 0px -11px;
   height: 50px;
   width: 50px;
   }
   
   .home-hd h1 {
   font-weight: bold;
   font-size: 120px;
   }
   
   span.sub-heading {
   font-size: 22px;
   color: #e64529;
   font-weight: 500;
   }
   
   .start-up-form input {
   color: #ffff;
   padding: 11px 17px;
   border: 1px solid #ccc;
   border-radius: 6px;
   margin: 0px auto;
   font-size: 13px;
   background-color: #00000096;
   width: 100%;
   }
   
   .start-up-form {
   margin-top: 50px;
   }
   
   .start-up-form .deal-btn {
   background-color: #000;
   font-size: 13px;
   color: #fff;
   padding: 11px 8px;
   text-align: center;
   margin: 0px auto;
   border-radius: 5px;
   border: 1px solid #eb6819;
   width: 100%;
   }
   
   .start-up-form .deal-btn:hover {
   background-color: var(--primary-color);
   }
   
   .start-up-form ::placeholder {
   color: #ccc;
   opacity: 1; /* Firefox */
   }
   
   .start-up-form ::-ms-input-placeholder {
   /* Edge 12-18 */
   color: #ccc;
   }
   
   .start-up-form .inline-block {
   margin-top: 60px;
   }
   
   a.form-btn-1 i {
   color: #000;
   background-color: #fcc;
   padding: 10px;
   border-radius: 27px;
   transform: rotate(317deg);
   font-size: 18px;
   margin-left: 13px;
   transition: 0.2s;
   }
   
   a.form-btn-2 i {
   color: #000;
   background-color: #fcc;
   padding: 10px;
   border-radius: 27px;
   transform: rotate(317deg);
   font-size: 18px;
   margin-left: 13px;
   transition: 0.2s;
   }
   
   .form-btn-2,
   .form-btn-1 {
   background-color: #fff;
   color: var(--primary-color);
   padding: 6px 9px 6px 22px;
   border-radius: 50px;
   font-size: 15px;
   font-weight: 500;
   transition: 0.2s;
   }
   
   .form-btn-1:hover {
   background-color: var(--primary-color);
   color: #fff;
   }
   
   .form-btn-1:hover i {
   background-color: #fff;
   transform: rotate(360deg) scale(1.1);
   transition: 0.2s;
   }
   
   .form-btn-2:hover {
   background-color: var(--primary-color);
   color: #fff;
   }
   
   .form-btn-2:hover i {
   background-color: #fff;
   transform: rotate(360deg) scale(1.1);
   transition: 0.2s;
   }
   
   .service-tabs-nav {
   justify-content: end;
   display: flex;
   margin: 0px auto;
   text-align: end;
   }
   .service-tabs-nav .nav-tabs {
   display: inline-block;
   border: 0px;
   }
   .service-tabs-nav .nav-tabs button {
   color: #fff;
   background-color: transparent;
   border-color: #fff;
   padding: 11px 31px;
   margin: 10px;
   border-radius: 23px;
   font-size: 15px;
   display: inline-block;
   }
   
   .service-tabs-nav .nav-tabs .nav-item.show .nav-link,
   .nav-tabs .nav-link:hover {
   background-color: transparent;
   color: var(--primary-color);
   border: 1px solid #eb681b;
   }
   
   .service-tabs-nav .nav-tabs .nav-item.show .nav-link,
   .nav-tabs .nav-link.active {
   background-color: transparent;
   color: var(--primary-color);
   border: 1px solid #eb681b;
   }
   
   .service-tabs-nav .nav-tabs .nav-item.show .nav-link,
   .nav-tabs .nav-link.active i {
   color: #fff;
   transform: rotate(215deg);
   transition: 1.2s;
   }
   
   .service-tabs-nav .nav-tabs .nav-item.show .nav-link,
   .nav-tabs .nav-link:hover i {
   color: #fff;
   transform: rotate(215deg);
   transition: 1.2s;
   }
   
   .faq-sec .accordion {
   cursor: pointer;
   width: 100%;
   text-align: left;
   transition: 0.4s;
   font-family: "Poppins";
   font-size: 16px;
   margin: 16px 3px 1px 0px;
   font-weight: 600;
   border-top: 0px;
   border-left: 3px solid #e64529;
   text-transform: capitalize;
   padding: 10px 3px 10px 8px;
   }
   
   .faq-sec .accordion:after {
   content: "\f061";
   font-family: "FontAwesome";
   color: #e64529;
   float: right;
   background-color: transparent;
   /* height: 60px; */
   /* width: 60px; */
   margin: 0px auto;
   text-align: center;
   line-height: 1.6;
   font-size: 23px;
   border-radius: 5px;
   transform: rotate(360deg);
   display: none;
   }
   
   .faq-sec .active:after {
   content: "\f063";
   font-family: "FontAwesome";
   /* background-color: #272220; */
   font-size: 23px;
   transform: rotate(360deg);
   }
   .faq-sec .active {
   border-bottom: 0px;
   }
   .faq-sec .panelfaq {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
   margin-top: 10px;
   margin-bottom: 10px;
   }
   
   .panelfaq img {
   border-radius: 10px;
   }
   .progressbar-warp {
   padding: 6px 0px;
   }
   
   /*about us */
   
   /*modal css begin*/
   .modal-body {
   /* border: 1px solid; */
   padding-left: 5%;
   padding-right: 5%;
   }
   
   .modal-header {
   padding: 0px;
   border-bottom: 0px;
   position: relative;
   }
   
   .sign-up-from-modal {
   background: linear-gradient(
   187deg,
   rgba(235, 104, 27, 1) 0%,
   rgb(14 12 11) 100%
   );
   border: 2px solid #ccc;
   border-radius: 10px;
   }
   
   .modal-header h5 {
   margin: 33px 90px 0px;
   font-size: 39px;
   font-weight: 700;
   line-height: 1.2;
   }
   
   .modal-footer {
   border-top: 0px;
   }
   
   .modal-header .btn-close {
   position: absolute;
   right: 20px;
   top: 15px;
   background-color: #ccc;
   }
   
   /*combo pakges*/
   
   .modal-setps {
   background-color: #262626;
   }
   
   .modal-setps .card h5 {
   font-size: 25px;
   font-weight: 600;
   }
   
   .modal-setps .btn-close {
   position: absolute;
   right: 15px;
   top: -6px;
   background-color: #ccc;
   font-size: 12px;
   padding: 10px;
   }
   
   .contact-sec {
   background-image: url(../images/banner/contact-pic.jpg);
   background-size: cover;
   background-position: center;
   padding: 5%;
   color: #fff;
   }
   
   .login-system {
   background-image: url(../images/banner/h-2.jpg);
   background-size: cover;
   background-position: center;
   padding: 15% 0 5% 0;
   color: #fff;
   background-size: cover;
   }
   
   .registration-sec {
   background-image: url(../images/banner/h-1.jpg);
   background-size: cover;
   background-position: center;
   padding: 15% 0 5% 0;
   color: #fff;
   background-size: cover;
   }
   
   footer.footer-sec {
   padding: 3% 0px 2% 0px;
   background-color: #292927;
   color: #fff;
   }
   
   footer.footer-sec ul.inline-block {
   margin-top: 20px;
   }
   
   footer.footer-sec ul.inline-block li {
   display: block;
   color: #333333;
   padding-left: 0px;
   padding: 7px 13px;
   font-size: 17px;
   position: relative;
   }
   
   footer.footer-sec ul.inline-block li::before {
   content: "\f192";
   font-size: 12px;
   position: absolute;
   left: -9px;
   top: 12px;
   font-family: "Font Awesome 6 Free";
   color: #fff;
   }
   
   .footer-hd {
   font-size: 1.8rem;
   font-weight: 500;
   position: relative;
   }
   
   .footer-line-tow {
   margin-top: 48px;
   }
   
   /*danish css*/
   
   /* Team Page CSS Meowati Changing*/
   
   .main__navigation ul.drop-tow li {
   display: block;
   transition: all 0.6s ease-in-out;
   margin: 9px 0px;
   padding-left: 20px;
   }
   
   .main__navigation ul.drop-tow {
   position: absolute;
   top: 39px;
   left: 23px;
   margin: 0;
   border-radius: 10px;
   z-index: 1;
   display: none;
   right: 0px;
   height: 83px !important;
   background-color: #0e1e35;
   width: 153px;
   }
   
   /* Rates page css */
   
   /*why-us-sec*/
   
   .why-us-sec {
   padding: 1px 0 1px;
   }
   .why-us-sec h2 {
   font-size: 35px;
   margin-bottom: 0px;
   }
   
   .why-us-sec p {
   font-size: 15px; /* padding-left: 9px; */
   padding-right: 9px;
   margin: 5px 0px;
   }
   
   .why-us-sec svg {
   height: 70px;
   width: 70px;
   margin: 19px 0px;
   background-color: #000;
   fill: #fff;
   padding: 16px;
   border-radius: 10px;
   }
   
   .why-pic {
   height: 60vh;
   width: 100%;
   object-fit: cover;
   min-height: 60vh;
   }
   /*why-us-sec*/
   
   /*services-sec*/
   
   .sr-1 {
   background-image: url(../images/portfolio/sr-1.jpg);
   }
   
   .sr-2 {
   background-image: url(../images/portfolio/sr-2.jpg);
   }
   
   .sr-3 {
   background-image: url(../images/portfolio/sr-3.jpg);
   }
   
   .sr-4 {
   background-image: url(../images/portfolio/sr-4.jpg);
   }
   
   .sr-5 {
   background-image: url(../images/portfolio/sr-5.jpg);
   }
   
   .sr-6 {
   background-image: url(../images/portfolio/sr-6.jpg);
   }
   
   .sr-deatils img {
   border-radius: 100px;
   width: 20%;
   margin-bottom: 28px;
   }
   
   /*.sr-deatils::after{
      content: "";
      background: rgb(0,0,0);
      background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgb(40 33 33 / 67%) 48%, rgb(85 80 80 / 41%) 100%);
      height: 50vh;
      min-height: 50vh;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      border-radius: 10px;
      z-index: -1;
   }*/
   
   .over-lay {
   background: rgb(0, 0, 0);
   background: linear-gradient(
   360deg,
   rgba(0, 0, 0, 1) 0%,
   rgb(40 33 33 / 49%) 48%,
   rgb(85 80 80 / 0%) 100%
   );
   position: absolute;
   z-index: -1;
   height: 100%;
   top: 0;
   left: 0;
   width: 100%;
   border-radius: 10px;
   }
   .sr-deatils p {
   color: #fff;
   font-size: 15px;
   margin: 0px;
   }
   
   .sr-deatils a {
   color: #fff301;
   margin-top: 14px;
   margin-bottom: 20px;
   }
   
   .sr-deatils:hover {
   filter: drop-shadow(2px 4px 6px black);
   transform: scale(1.01);
   transition: 1.2s;
   }
   
   .sr-deatils {
   position: relative;
   background-size: cover;
   padding: 48% 38px 3% 46px;
   text-align: left;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 10px;
   align-items: end;
   border-left: 2px solid red;
   z-index: 2;
   transition: 1.2s;
   margin-top: 20px;
   margin-bottom: 20px;
   }
   
   .services-sec h3 {
   margin-bottom: 10px;
   color: #fff;
   font-family: "Bebas Neue", Sans-serif;
   font-size: 48px;
   font-weight: 500;
   text-transform: uppercase;
   line-height: 1.2em;
   letter-spacing: 0.5px;
   }
   
   /*services-sec*/
   
   .plan-sec {
   background-image: linear-gradient(180deg, #55504a 0%, #000000 100%);
   padding: 5rem 0 0 0;
   }
   .main-price {
   text-align: center;
   color: #fff;
   /* margin: 44px 0px; */
   border-left: 2px solid red;
   background-color: #000;
   padding: 5%;
   }
   
   .pric-content {
   color: #fff;
   background-color: #555;
   padding: 20px 2px 20px 2px;
   position: relative;
   overflow: hidden;
   }
   
   .pric-content span {
   position: absolute;
   background-color: #000000;
   color: #fff;
   font-size: 17px;
   /* width: 38%; */
   transform: rotate(49deg);
   right: -35px;
   top: 28px;
   overflow: hidden;
   padding: 0px 53px 0px 47px;
   /* border-radius: 100px; */
   }
   
   .pric-content p {
   font-size: 12px;
   
   margin: 0px;
   }
   .pric-content h3 {
   font-size: 41px;
   
   margin-bottom: 0px;
   }
   
   .price-list h2 {
   font-size: 69px;
   }
   
   .price-list sup {
   font-size: 25px;
   
   top: -45px;
   
   left: 0p;
   
   font-family: "Bebas Neue";
   }
   
   .price-list P {
   margin: -5px 0px 0px 0px;
   color: #000;
   line-height: 0.1;
   font-size: 16px;
   }
   
   .price-list {
   /* margin: 32px 0px; */
   background-color: #fff;
   padding: 40px 10px 40px 10px;
   }
   
   .price-list h2 {
   font-size: 87px;
   position: relative;
   letter-spacing: 2.2px;
   margin-bottom: 0px;
   color: #555;
   font-weight: 600;
   }
   
   .price-list li {
   color: #000;
   padding: 6px 50px 11px 39px;
   font-size: 14px;
   text-align: left;
   position: relative;
   border-bottom: 1px solid #ccc;
   }
   
   .price-list li::before {
   content: "\f058";
   font-size: 17px;
   font-family: "Font Awesome 6 Free";
   position: absolute;
   left: 6px;
   top: 7px;
   }
   
   .price-list ul {
   margin-top: 19px;
   height: 25vh;
   overflow: scroll;
   overflow-x: inherit;
   min-height: 25vh;
   }
   
   .price-list li i {
   margin-left: 7px;
   
   margin-right: 10px;
   
   font-size: 18px;
   }
   
   .snd-box {
   /* margin-top: 16px; */
   color: #fff;
   background-color: #292927;
   padding: 30px 20px 30px 20px;
   border-left: 2px solid red;
   }
   
   .content-box span {
   letter-spacing: 2.2px;
   
   font-size: 15px;
   
   margin-left: 6px;
   
   margin-right: 6px;
   }
   
   .paragraph {
   color: #fff;
   font-size: 16px;
   border-left: 2px solid red;
   padding: 10px;
   }
   .content-box h3 {
   align-items: center;
   
   display: flex;
   
   font-size: 26px;
   }
   
   .content-box {
   margin-top: 31px;
   }
   
   .content-box p {
   text-align: left;
   font-size: 15px;
   
   margin: 0px 0px 0px 0px;
   }
   
   .price-list a {
   text-align: center;
   margin: 33px 0px 0px;
   }
   
   .list-separator {
   border-bottom-style: dotted;
   border-bottom-width: 2px;
   }
   
   .bilder-pic img {
   width: 90%;
   }
   
   .contact-info label {
   font-size: 16px;
   
   text-transform: uppercase;
   }
   
   .contact-page .contact-main {
   background-color: transparent;
   border-left: 0px;
   padding: 0;
   }
   
   .contact-page .contact-main input {
   background-color: #4c4c4c;
   }
   
   .contact-info input {
   background-color: #ffffff6b;
   
   font-size: 14px;
   
   padding: 17px 11px;
   
   color: #fff;
   }
   
   .contact-main {
   background-color: #0000007a;
   padding: 5%;
   border-left: 2px solid red;
   }
   
   .contact-main .form-control {
   color: #fff;
   }
   
   .contact-main .form-control:focus {
   color: #fff;
   background-color: #4c4c4c;
   border-color: #86b7fe;
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgb(230 69 41 / 29%);
   }
   
   .contact-info ::placeholder {
   color: #ccc;
   opacity: 1; /* Firefox */
   }
   
   .contact-info ::-ms-input-placeholder {
   /* Edge 12-18 */
   color: #fff;
   }
   
   .contact-page input {
   color: #fff;
   }
   
   .contact-page .contact-info ::placeholder {
   color: #fff;
   opacity: 1; /* Firefox */
   }
   
   .contact-page .contact-info ::-ms-input-placeholder {
   /* Edge 12-18 */
   color: #fff;
   }
   
   .contact-addres span {
   font-size: 25px;
   font-weight: 600;
   }
   
   .contact-addres ul {
   padding: 0px 0px;
   }
   
   .contact-addres .soical-icons i {
   margin: 0px 3px;
   font-size: 15px;
   border: 1px solid #121010;
   padding: 10px;
   color: #0e0e0e;
   }
   
   .contact-page .mian-hd {
   font-size: 45px;
   font-weight: 500;
   letter-spacing: 0;
   }
   
   .contact-addres ul.inline-block li {
   display: block;
   color: #333333;
   padding-left: 0;
   padding-right: 0;
   padding: 7px 0px;
   }
   
   .footer-logo {
   padding-right: 70px;
   margin: 0px;
   padding-top: 0px;
   text-align: left;
   }
   
   .footer-logo img {
   width: 30%;
   }
   
   .footer-logo p {
   font-size: 13px;
   }
   .soical-icons i {
   margin: 0px 3px;
   font-size: 15px;
   border: 1px solid #fff;
   padding: 10px;
   }
   
   .soical-icons a {
   color: #fff;
   }
   
   .footer-sec a {
   color: #fff;
   }
   
   .footer-bottom {
   background-color: #292927;
   color: #fff;
   }
   
   .footer-bottom a {
   color: #fff;
   }
   
   .footer-bottom:hover ul li a {
   color: var(--secondary-color);
   }
   
   .home-btn {
   display: flex;
   }
   
   /*product-page css begin*/
   
   .product-sec {
   padding: 100px 0;
   position: relative;
   }
   
   /*product-page css end*/
   
   /*======================================
      Start Shop Sidebar CSS
   ========================================*/
   .shop-sidebar .single-widget {
   margin-top: 30px;
   background: #f6f7fb;
   padding: 30px;
   }
   .shop-sidebar .single-widget:first-child {
   margin-top: 0;
   }
   .shop-sidebar .single-widget .title {
   position: relative;
   font-size: 28px;
   font-weight: 500;
   text-transform: capitalize;
   margin-bottom: 25px;
   display: block;
   border-bottom: 1px solid #ddd;
   padding-bottom: 15px;
   }
   /* Shop Price */
   .shop .range .price-filter {
   display: block;
   margin-top: 20px;
   }
   .shop .range #slider-range {
   box-shadow: none;
   border: none;
   height: 4px;
   background: #e64529;
   color: #e64529;
   border-radius: 0px;
   }
   .shop .range #slider-range .ui-slider-range {
   box-shadow: none;
   background: #222;
   border-radius: 0px;
   border: none;
   }
   .shop .range .ui-slider-handle.ui-state-default.ui-corner-all {
   width: 14px;
   height: 14px;
   line-height: 10px;
   background: #222;
   border: none;
   border-radius: 100%;
   top: -5px;
   }
   .shop .range .label-input {
   margin-top: 15px;
   }
   .shop .range .label-input span {
   margin-right: 5px;
   color: #282828;
   }
   .shop .range .ui-slider-handle.ui-state-default.ui-corner-all {
   background: #e64529;
   color: #e64529;
   cursor: pointer;
   }
   .shop .range .label-input input {
   border: none;
   margin: 0;
   font-weight: 600;
   font-size: 14px;
   color: #222;
   background: transparent;
   }
   .shop .range .check-box-list {
   margin-top: 15px;
   }
   .shop .range .check-box-list li {
   margin-bottom: 5px;
   }
   .shop .range .check-box-list li:last-child {
   margin: 0;
   }
   .shop .range .check-box-list li label input {
   display: inline-block;
   margin-right: 6px;
   position: relative;
   top: 1px;
   }
   .shop .range .check-box-list li label {
   margin: 0;
   font-size: 14px;
   font-weight: 400;
   color: #333;
   cursor: pointer;
   }
   .shop .range .check-box-list .count {
   margin-left: 5px;
   color: #666;
   }
   /* Category List */
   .shop-sidebar .categor-list {
   margin-top: 10px;
   }
   .shop-sidebar .categor-list li {
   }
   .shop-sidebar .categor-list li {
   margin-bottom: 10px;
   }
   .shop-sidebar .categor-list li:last-child {
   margin-bottom: 0px;
   }
   .shop-sidebar .categor-list li a {
   display: inline-block;
   color: #666;
   font-weight: 400;
   font-size: 14px;
   text-transform: capitalize;
   }
   .shop-sidebar .categor-list li a:hover {
   color: #e64529;
   }
   /* Recent Post */
   .shop-sidebar .single-post {
   position: relative;
   margin-top: 30px;
   padding-bottom: 30px;
   border-bottom: 1px solid #ddd;
   }
   .shop-sidebar .single-post.first {
   padding-top: 0px;
   }
   .shop-sidebar .single-post:last-child {
   padding-bottom: 0px;
   border: none;
   }
   .shop-sidebar .single-post .image img {
   height: 80px;
   width: 80px;
   position: absolute;
   left: 0;
   top: 0;
   border-radius: 100%;
   }
   .shop-sidebar .single-post .content {
   padding-left: 100px;
   }
   .shop-sidebar .single-post .content h5 {
   line-height: 18px;
   }
   .shop-sidebar .single-post .content h5 a {
   color: #222;
   font-weight: 500;
   font-size: 14px;
   font-weight: 500;
   display: block;
   }
   .shop-sidebar .single-post .content h5 a:hover {
   color: #e64529;
   }
   .shop-sidebar .single-post .content .price {
   display: block;
   color: #333;
   font-weight: 500;
   margin: 5px 0 0px 0;
   text-transform: uppercase;
   font-size: 14px;
   }
   .shop-sidebar .single-post .reviews li {
   display: inline-block;
   }
   .shop-sidebar .single-post .reviews li i {
   color: #999;
   }
   .shop-sidebar .single-post .reviews li.yellow i {
   color: #ebb000f2;
   }
   /* Shop Topbar */
   .shop .shop-top {
   clear: both;
   background: #f6f7fb;
   padding: 10px 20px 10px 20px;
   }
   .shop .shop-shorter {
   float: left;
   margin-top: 10px;
   }
   .shop .single-shorter {
   display: inline-block;
   margin-right: 10px;
   }
   .shop .single-shorter:last-child {
   margin: 0;
   }
   .shop .single-shorter label {
   display: inline-block;
   float: left;
   margin: 4px 5px 0 0;
   font-weight: 500;
   }
   .shop .single-shorter option {
   }
   .shop .nice-select {
   clear: initial;
   display: inline-block;
   margin: 0;
   border: 1px solid #e6e6e6;
   border-radius: 0px;
   height: auto;
   width: auto;
   border-radius: 0px;
   }
   .shop .nice-select::after {
   border-color: #888;
   }
   .shop .nice-select .list {
   border-radius: 0px;
   }
   .shop .nice-select .option.selected {
   font-weight: 500;
   }
   .shop .nice-select .list li {
   color: #666;
   border-radius: 0px;
   }
   .shop .nice-select .list li:hover {
   background: #e64529;
   color: #fff;
   }
   .shop .view-mode {
   float: right;
   }
   .shop .view-mode li {
   display: inline-block;
   margin-right: 5px;
   }
   .shop .view-mode li:last-child {
   margin: 0;
   }
   .shop .view-mode li a {
   width: 43px;
   height: 32px;
   background: transparent;
   border: 1px solid #77777775;
   text-align: center;
   display: block;
   line-height: 32px;
   color: #888;
   border-radius: 0px;
   }
   .shop .view-mode li.active a,
   .shop .view-mode li:hover a {
   background: #e64529;
   color: #fff;
   border-color: transparent;
   }
   
   /*======================================
      Start Shop Single CSS
   ========================================*/
   .single-product {
   margin-top: 50px;
   }
   
   .single-product .product-img a {
   display: block;
   position: relative;
   }
   
   .single-product .product-img a img {
   width: 100%;
   }
   
   .single-product .product-img {
   position: relative;
   overflow: hidden;
   cursor: pointer;
   }
   
   .single-product .button-head {
   background: #fff;
   display: inline-block;
   height: 40px;
   width: 100%;
   position: absolute;
   left: 0;
   bottom: -50px;
   z-index: 9;
   height: 50px;
   line-height: 50px;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   transition: all 0.4s ease;
   }
   
   .single-product .product-img .button-head .product-action a span::after {
   position: absolute;
   content: "";
   right: 0;
   bottom: -12px;
   border: 6px solid #e64529;
   border-left: 0px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid transparent;
   }
   
   .single-product:hover .button-head {
   bottom: 0;
   }
   
   .single-product .product-img .product-action {
   display: inline-block;
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: 99;
   border-radius: 3px;
   }
   .single-product .product-img .product-action a {
   background-color: transparent;
   color: #333;
   display: block;
   font-size: 16px;
   display: inline-block;
   margin-right: 15px;
   text-align: right;
   height: 52px;
   position: relative;
   top: 2px;
   }
   .single-product .product-img .product-action a i {
   line-height: 40px;
   }
   .single-product .product-img .product-action a span {
   visibility: hidden;
   position: absolute;
   background: #e64529 !important;
   color: #fff !important;
   text-align: center;
   padding: 5px 12px;
   z-index: 3;
   opacity: 0;
   -webkit-transition: opacity 0.6s, margin 0.3s;
   -o-transition: opacity 0.6s, margin 0.3s;
   transition: opacity 0.6s, margin 0.3s;
   font-size: 11px;
   right: 0;
   line-height: 14px;
   top: -12px;
   margin-top: -5px;
   margin-right: 0;
   display: inline-block;
   width: 120px;
   border-radius: 15px 0 0 15px;
   }
   
   .single-product .product-img a img.hover-img {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   opacity: 0;
   transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18),
   -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
   }
   
   .single-product .product-img .product-action a {
   background-color: transparent;
   color: #333;
   display: block;
   font-size: 16px;
   display: inline-block;
   margin-right: 15px;
   text-align: right;
   height: 52px;
   position: relative;
   top: 2px;
   }
   
   .single-product .product-img .product-action a i {
   line-height: 40px;
   }
   
   .single-product .product-content {
   margin-top: 5px;
   }
   .single-product .product-content h3 {
   line-height: 22px;
   }
   
   .single-product .product-content h3 a {
   font-size: 20px;
   font-weight: 500;
   margin: 0;
   }
   
   .single-product .product-content .product-price {
   margin: 6px 0 0 0;
   }
   
   .single-product .product-content .product-price span {
   font-size: 15px;
   font-weight: 500;
   }
   
   .single-product .product-img .product-action a:hover span {
   visibility: visible;
   opacity: 1;
   color: #333;
   background: #fff;
   margin-top: -12px;
   }
   
   .single-product .product-img:hover img.hover-img {
   opacity: 1;
   }
   
   .single-product .product-img a span.new {
   background-color: #8493ca;
   display: inline-block;
   font-size: 11px;
   color: #fff;
   right: 20px;
   top: 20px;
   padding: 1px 16px;
   font-weight: 600;
   border-radius: 0;
   text-align: center;
   position: absolute;
   text-transform: uppercase;
   border-radius: 30px;
   height: 26px;
   line-height: 24px;
   }
   
   .single-product .product-img a span.price-dec {
   background-color: #e64529;
   display: inline-block;
   font-size: 11px;
   color: #fff;
   right: 20px;
   top: 20px;
   padding: 1px 16px;
   font-weight: 600;
   border-radius: 0;
   text-align: center;
   position: absolute;
   text-transform: uppercase;
   border-radius: 30px;
   height: 26px;
   line-height: 25px;
   }
   
   .single-product .product-img a span.out-of-stock {
   background-color: #ed1b24;
   display: inline-block;
   font-size: 11px;
   color: #fff;
   right: 20px;
   top: 20px;
   padding: 1px 16px;
   font-weight: 700;
   border-radius: 0;
   text-align: center;
   position: absolute;
   text-transform: uppercase;
   border-radius: 30px;
   height: 26px;
   line-height: 24px;
   }
   
   .shop-newsletter .newsletter-inner input {
   width: 80%;
   height: 55px;
   border-radius: 0px;
   padding: 0px 30px;
   font-weight: 400;
   display: inline-block;
   text-shadow: none;
   box-shadow: none;
   border-radius: 0;
   border: none;
   border: 1px solid #ececec;
   }
   
   .search-bar-top .search-bar-top {
   text-align: center;
   margin-top: 10px;
   }
   
   .search-bar-top .search-bar {
   width: 600px;
   height: 50px;
   display: inline-block;
   background: #fff;
   position: relative;
   margin: 0;
   line-height: 45px;
   border-radius: 5px;
   border: 1px solid #ececec;
   }
   
   .search-bar-top .nice-select {
   clear: initial;
   margin: 0;
   height: 48px;
   width: 150px;
   border: none;
   text-align: center;
   background: transparent;
   text-transform: capitalize;
   padding: 0 0 0 20px;
   border-right: 1px solid #eee;
   line-height: 50px;
   font-size: 14px;
   font-weight: 400;
   }
   
   .search-bar-top .nice-select .list {
   border-radius: 0px;
   }
   
   .search-bar-top .shop .nice-select .list li.focus {
   font-weight: 400;
   }
   
   .search-bar-top .shop .nice-select .list li {
   color: #666;
   border-radius: 0px;
   font-size: 14px;
   font-weight: 400;
   }
   
   .shop .search-bar input {
   height: 48px;
   background: transparent;
   color: #666;
   border-radius: 0;
   border: none;
   font-size: 14px;
   font-weight: 400;
   padding: 0 25px 0 20px;
   width: 328px;
   }
   
   .shop .search-bar .btnn {
   height: 50px;
   line-height: 53px;
   width: 62px;
   text-align: center;
   font-size: 18px;
   color: #fff;
   background: #333333;
   position: absolute;
   right: -2px;
   top: -1px;
   border: none;
   border-radius: 0 5px 5px 0;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   transition: all 0.4s ease;
   }
   
   .search-bar-top {
   float: right;
   }
   
   /*======================================
      Start Shopping Cart CSS
   ========================================*/
   .table.shopping-summery {
   background: #fff;
   }
   .shopping-cart {
   background: #f6f6f6;
   padding: 50px 0;
   }
   .shopping-summery thead .main-hading {
   padding: 0px 50px;
   }
   .shopping-summery thead {
   background: #e64529;
   color: #fff;
   }
   .shopping-summery thead tr th {
   border: none;
   font-weight: 600;
   color: #fff;
   text-align: center;
   }
   .shopping-summery tbody tr {
   border-bottom: 1px solid #e64529;
   margin-top: 20px;
   }
   .shopping-summery tbody tr img {
   border-radius: 0;
   width: 80px;
   height: 80px;
   }
   .shopping-summery tbody tr:last-child {
   border: none;
   }
   .shopping-summery tbody .product-name a {
   font-weight: 600;
   color: #282828;
   font-weight: 600;
   font-size: 17px;
   }
   .shopping-cart .table p {
   font-size: 14px;
   color: #666;
   }
   .shopping-summery tbody .product-name a:hover {
   color: #e64529;
   }
   .shopping-summery tbody .product img {
   max-width: 70px;
   border-radius: 100%;
   max-height: 65px;
   border: 1px solid #e6e6e6;
   padding: 4px;
   }
   .shopping-summery tbody .product:hover img {
   border-color: #e64529;
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   transform: rotate(360deg);
   }
   .shopping-cart .border {
   }
   .shopping-cart .table .remove-icon {
   font-size: 16px;
   }
   .shopping-cart .table td {
   vertical-align: middle;
   border-top: 1px solid #eee;
   padding: 30px;
   }
   .shopping-summery tbody .price {
   text-align: center;
   }
   .shopping-summery tbody .price span {
   }
   .shopping-cart tbody .qty .input-group {
   width: 175px;
   display: inline-block;
   }
   .shopping-cart .qty .button {
   display: inline-block;
   position: absolute;
   top: 0;
   }
   .shopping-cart .qty .button.minus {
   left: 0;
   border-radius: 0;
   overflow: hidden;
   }
   .shopping-cart .qty .button.plus {
   right: 0;
   border-radius: 0;
   overflow: hidden;
   }
   .shopping-cart .qty .button .btn {
   padding: 0;
   width: 44px;
   height: 47px;
   line-height: 50px;
   border-radius: 0px;
   background: transparent;
   color: #282828;
   border: none;
   font-size: 12px;
   }
   .shopping-cart .qty .button .btn:hover {
   color: #e64529;
   }
   .shopping-cart .qty .input-number {
   border: 1px solid #eceded;
   width: 100%;
   text-align: center;
   height: 47px;
   border-radius: 0;
   overflow: hidden;
   padding: 0px 45px;
   }
   .shopping-summery tbody .total-amount {
   text-align: center;
   }
   .shopping-summery tbody .total-amount span {
   }
   .shopping-summery tbody .action {
   text-align: center;
   }
   .shopping-summery tbody .action a:hover {
   color: #e64529;
   }
   .shopping-cart .total-amount {
   margin-top: 50px;
   }
   .shopping-cart .total-amount .left {
   }
   .shopping-cart .total-amount .left .coupon {
   }
   .shopping-cart .total-amount .left .coupon form {
   }
   .shopping-cart .total-amount .left .coupon form input {
   width: 220px;
   display: inline-block;
   height: 48px;
   color: #333;
   padding: 0px 20px;
   border: none;
   box-shadow: 0px 0px 5px #0000000a;
   }
   .shopping-cart .total-amount .left .coupon form .btn {
   display: inline-block;
   height: 48px;
   border: navajowhite;
   margin-left: 4px;
   background: transparent;
   color: #333;
   background: #fff;
   box-shadow: 0px 0px 5px #00000012;
   }
   .shopping-cart .total-amount .left .coupon form .btn:hover {
   background: #fff;
   color: #e64529;
   }
   .shopping-cart .total-amount .left label {
   font-size: 22px;
   font-weight: 500;
   color: #333;
   }
   .shopping-cart .total-amount .left .checkbox {
   text-align: left;
   margin: 0;
   margin-top: 20px;
   }
   .shopping-cart .total-amount .left .checkbox label {
   font-size: 15px;
   font-weight: 400;
   color: #333;
   position: relative;
   padding-left: 30px;
   }
   .shopping-cart .total-amount .left .checkbox label:hover {
   cursor: pointer;
   }
   .shopping-cart .total-amount .left .checkbox label input {
   display: none;
   }
   .shopping-cart .total-amount .left .checkbox label::before {
   position: absolute;
   content: "";
   left: 0;
   top: 4px;
   width: 16px;
   height: 16px;
   border: 1px solid #555555;
   border-radius: 0px;
   }
   .shopping-cart .total-amount .left .checkbox label::after {
   position: absolute;
   content: "\f00c";
   font-family: "FontAwesome";
   left: 0;
   top: 0;
   width: 22px;
   height: 22px;
   line-height: 24px;
   left: 3px;
   top: 0px;
   opacity: 0;
   visibility: hidden;
   transform: scale(0);
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   transition: all 0.4s ease;
   display: block;
   font-size: 11px;
   }
   .shopping-cart .total-amount .left .checkbox label.checked::after {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   }
   .shopping-cart .total-amount .right {
   padding-left: 100px;
   }
   .shopping-cart .total-amount .right ul {
   }
   .shopping-cart .total-amount .right ul li {
   font-size: 15px;
   font-weight: 400;
   color: #333;
   margin-bottom: 12px;
   }
   .shopping-cart .total-amount .right ul li.last {
   padding-top: 12px;
   border-top: 1px solid #c8c8c8;
   color: #333;
   font-size: 15px;
   font-weight: 400;
   }
   .shopping-cart .total-amount .right ul li span {
   display: inline-block;
   float: right;
   }
   .shopping-cart .total-amount .right .button5 .btn {
   text-align: center;
   border-radius: 0;
   width: 100%;
   margin-top: 10px;
   height: 46px;
   line-height: 18px;
   font-size: 13px;
   color: #fff;
   }
   /*======================================
      End Shopping Cart CSS
   ========================================*/
   
   /*======================================
      Start Shop Services CSS
   ========================================*/
   
   .shop-services.section {
   padding: 80px 0 0px 0;
   background: #fff;
   }
   .shop-services.home {
   padding: 60px 0;
   background: #f6f7fb;
   }
   .shop-services .single-service {
   position: relative;
   padding-left: 65px;
   }
   .shop-services .single-service i {
   height: 50px;
   width: 50px;
   line-height: 50px;
   text-align: center;
   color: #e64529;
   background: transparent;
   border-radius: 100%;
   display: block;
   font-size: 32px;
   position: absolute;
   left: 0;
   top: 0;
   }
   .shop-services .single-service h4 {
   font-size: 30px;
   font-weight: 500;
   text-transform: uppercase;
   line-height: 22px;
   color: #333;
   }
   .shop-services .single-service p {
   color: #898989;
   line-height: 16px;
   font-size: 16px;
   }
   
   /*======================================
      Start Shop Services CSS END
   ========================================*/
   
   /*======================================
      Products detiles Services CSS BEGIN
   ========================================*/
   
   .product-slider .slider-for img {
   border: 1px solid #ccc;
   cursor: pointer;
   transition: 1.5s;
   }
   
   .product-slider .slider-nav {
   margin-top: 20px;
   }
   
   .product-slider .slider-nav img {
   border: 1px solid #ccc;
   padding: 10px;
   }
   
   .product-slider .slider-nav .slick-slide {
   margin-right: 10px;
   margin-left: 10px;
   overflow: hidden;
   cursor: pointer;
   }
   
   /*======================================
      Start Checkout Form CSS
   ========================================*/
   .shop.checkout {
   padding: 0;
   background: #fff;
   padding-top: 20px;
   padding-bottom: 50px;
   }
   .shop.checkout .checkout-form {
   margin-top: 30px;
   }
   .shop.checkout .checkout-form h2 {
   font-size: 30px;
   color: #333;
   font-weight: 500;
   line-height: 27px;
   }
   .shop.checkout .checkout-form p {
   font-size: 16px;
   color: #333;
   font-weight: 400;
   margin-top: 12px;
   margin-bottom: 30px;
   }
   .shop.checkout .form {
   }
   .shop.checkout .form .form-group {
   margin-bottom: 25px;
   }
   .shop.checkout .form .form-group label {
   color: #333;
   position: relative;
   }
   .shop.checkout .form .form-group label span {
   color: #ff2c18;
   display: inline-block;
   position: absolute;
   right: -12px;
   top: 4px;
   font-size: 16px;
   }
   .shop.checkout .form .form-group input {
   width: 100%;
   height: 45px;
   line-height: 50px;
   padding: 0 20px;
   border-radius: 3px;
   border-radius: 0px;
   color: #333 !important;
   border: none;
   background: #f6f7fb;
   }
   .shop.checkout .form .form-group input:hover {
   }
   .shop.checkout .nice-select {
   width: 100%;
   height: 45px;
   line-height: 50px;
   margin-bottom: 25px;
   background: #f6f7fb;
   border-radius: 0px;
   border: none;
   }
   .shop.checkout .nice-select .list {
   width: 100%;
   height: 300px;
   overflow: scroll;
   overflow-x: hidden;
   }
   .shop.checkout .nice-select .list li {
   }
   .shop.checkout .nice-select .list li.option {
   color: #333;
   }
   .shop.checkout .nice-select .list li.option:hover {
   background: #f6f7fb;
   color: #333;
   }
   .shop.checkout .form .address input {
   margin-bottom: 15px;
   }
   .shop.checkout .form .address input:last-child {
   margin: 0;
   }
   .shop.checkout .form .create-account {
   margin: 0;
   }
   .shop.checkout .form .create-account input {
   width: auto;
   display: inline-block;
   height: auto;
   border-radius: 100%;
   margin-right: 3px;
   }
   .shop.checkout .form .create-account label {
   display: inline-block;
   margin: 0;
   }
   .shop.checkout .order-details {
   margin-top: 30px;
   background: #fff;
   padding: 15px 0 30px 0;
   border: 1px solid #eee;
   }
   .shop.checkout .single-widget {
   margin-bottom: 30px;
   }
   .shop.checkout .single-widget:last-child {
   margin: 0;
   }
   .shop.checkout .single-widget h2 {
   position: relative;
   font-size: 21px;
   font-weight: 500;
   padding: 10px 30px;
   line-height: 24px;
   text-transform: uppercase;
   color: #333;
   padding-bottom: 5px;
   }
   .shop.checkout .single-widget h2:before {
   position: absolute;
   content: "";
   left: 30px;
   bottom: 0;
   height: 2px;
   width: 50px;
   background: #f44336;
   }
   .shop.checkout .single-widget .content ul {
   margin-top: 30px;
   }
   .shop.checkout .single-widget .content ul li {
   display: block;
   padding: 0px 30px;
   font-size: 15px;
   font-weight: 400;
   color: #333;
   margin-bottom: 12px;
   }
   .shop.checkout .single-widget .content ul li span {
   display: inline-block;
   float: right;
   }
   .shop.checkout .single-widget .content ul li.last {
   padding-top: 12px;
   border-top: 1px solid #ebebeb;
   display: block;
   font-size: 15px;
   font-weight: 400;
   color: #333;
   }
   .shop.checkout .single-widget .checkbox {
   text-align: left;
   margin: 0;
   padding: 0px 30px;
   margin-top: 30px;
   }
   .shop.checkout .single-widget .checkbox label {
   color: #555555;
   position: relative;
   font-size: 14px;
   padding-left: 20px;
   margin-top: -5px;
   font-weight: 400;
   display: block;
   margin-bottom: 15px;
   }
   .shop.checkout .single-widget .checkbox label:last-child {
   margin-bottom: 0;
   }
   .shop.checkout .single-widget .checkbox label:hover {
   cursor: pointer;
   }
   .shop.checkout .single-widget .checkbox label input {
   display: none;
   }
   .shop.checkout .single-widget .checkbox label::before {
   position: absolute;
   content: "";
   left: 0;
   top: 7px;
   width: 12px;
   height: 12px;
   line-height: 16px;
   border: 1px solid #666;
   border-radius: 100%;
   }
   .shop.checkout .single-widget .checkbox label::after {
   position: absolute;
   content: "";
   left: 0;
   top: 7px;
   width: 12px;
   height: 12px;
   line-height: 16px;
   border-radius: 100%;
   display: block;
   background: #666;
   transform: scale(0);
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   transition: all 0.4s ease;
   }
   .shop.checkout .single-widget .checkbox label.checked::after {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   }
   .shop.checkout .single-widget.payement {
   padding: 0px 38px;
   text-align: center;
   margin-top: 30px;
   }
   .shop.checkout .single-widget.get-button {
   text-align: center;
   padding: 0px 35px;
   }
   .shop.checkout .single-widget.get-button .btn {
   height: 46px;
   width: 100%;
   line-height: 19px;
   text-align: center;
   border-radius: 0;
   text-transform: uppercase;
   color: #fff;
   }
   /*======================================
      End Checkout Form CSS
   ========================================*/
   
   .product-page .input-group button {
   border: 1px solid #ccc;
   }
   
   .product-page .input-group input {
   border: 1px solid #ccc;
   padding: 5px;
   }
   
   /*top cart css*/
   
   .header-nav {
   position: relative;
   }
   .shop .right-bar .sinlge-bar .single-icon .total-count {
   position: absolute;
   top: -7px;
   right: -8px;
   background: #e64529;
   width: 18px;
   height: 18px;
   line-height: 18px;
   text-align: center;
   color: #fff;
   border-radius: 100%;
   font-size: 11px;
   }
   
   .shop .right-bar .sinlge-bar:last-child {
   margin-right: 0px;
   }
   
   .shop .right-bar .sinlge-bar {
   display: inline-block;
   margin-right: 25px;
   }
   .shop .right-bar .sinlge-bar .single-icon {
   color: #333;
   font-size: 20px;
   position: relative;
   }
   
   .shop .right-bar .sinlge-bar .single-icon {
   color: #fff;
   font-size: 20px;
   position: relative;
   }
   .shop .right-bar {
   display: inline-block;
   padding: 0;
   margin: 0;
   top: 9px;
   float: right;
   position: relative;
   bottom: 0px;
   }
   .shop .right-bar .sinlge-bar {
   display: inline-block;
   margin-right: 25px;
   }
   
   .shopping {
   display: inline-block;
   z-index: 9999;
   }
   .shopping .icon {
   position: relative;
   cursor: pointer;
   color: #222;
   }
   .shopping .shopping-item {
   position: absolute;
   top: 68px;
   right: 0;
   width: 300px;
   background: #fff;
   padding: 20px 25px;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
   transform: translateY(10px);
   -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
   opacity: 0;
   visibility: hidden;
   z-index: 99;
   }
   .shopping:hover .shopping-item {
   transform: translateY(0px);
   opacity: 1;
   visibility: visible;
   }
   .shopping .dropdown-cart-header {
   padding-bottom: 10px;
   margin-bottom: 15px;
   border-bottom: 1px solid #e6e6e6;
   }
   
   .shopping .dropdown-cart-header span {
   text-transform: uppercase;
   color: #222;
   font-size: 13px;
   font-weight: 600;
   }
   
   .shopping .dropdown-cart-header a {
   float: right;
   text-transform: uppercase;
   color: #222;
   font-size: 13px;
   font-weight: 600;
   }
   
   .shopping-list li {
   overflow: hidden;
   border-bottom: 1px solid #e6e6e6;
   padding-bottom: 15px;
   margin-bottom: 15px;
   position: relative;
   }
   
   .shopping-list .cart-img img {
   width: 70px;
   height: 70px;
   border-radius: 0;
   }
   
   .shopping-list .cart-img {
   float: right;
   border: 1px solid #ededed;
   overflow: hidden;
   }
   
   .shopping-list h4 {
   font-size: 14px;
   }
   
   .shopping-list h4 a {
   font-weight: 600;
   font-size: 13px;
   color: #333;
   }
   
   .shopping-list .quantity {
   line-height: 0px;
   font-size: 13px;
   padding-bottom: 23px;
   }
   
   .shop .right-bar .sinlge-bar li a:hover {
   color: #e64529;
   }
   
   .shopping-list li .remove:hover {
   background: #222;
   color: #fff !important;
   border-color: transparent;
   }
   
   .shopping-list li .remove {
   position: absolute;
   left: 0;
   bottom: 16px;
   margin-top: -20px;
   height: 20px;
   width: 20px;
   line-height: 18px;
   text-align: center;
   background: #fff;
   color: #222;
   border-radius: 0;
   font-size: 11px;
   border: 1px solid #ededed;
   }
   
   .shopping-item .bottom {
   text-align: center;
   }
   
   .shopping-item .total {
   overflow: hidden;
   display: block;
   padding-bottom: 10px;
   }
   
   .shopping-item .total span {
   text-transform: uppercase;
   color: #222;
   font-size: 13px;
   font-weight: 600;
   float: left;
   }
   
   .shopping-item .total .total-amount {
   float: right;
   font-size: 14px;
   }
   .shopping-item .total span {
   text-transform: uppercase;
   color: #222;
   font-size: 13px;
   font-weight: 600;
   float: left;
   }
   
   .shopping .dropdown-cart-header a:hover {
   color: #e64529;
   }
   
   /*cart top css*/
   
   /*dashboard-css*/
   
   .instructor-card {
   border-radius: 10px;
   margin-bottom: 25px;
   }
   
   .settings-widget {
   border: 1px solid #e9ecef;
   margin-bottom: 24px;
   border-radius: 10px;
   background: #fff;
   position: relative;
   }
   
   .settings-menu {
   background: #fff;
   border-radius: 10px;
   padding: 1.5rem;
   }
   
   .settings-menu h3 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 1.5rem;
   font-family: "Poppins";
   }
   
   .settings-menu .profile-bg {
   min-height: 120px;
   background: var(--secondary-color);
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   }
   
   .settings-menu ul {
   display: block;
   border: 0;
   padding: 0px;
   margin: 0;
   list-style: none;
   }
   
   .settings-menu ul li {
   position: relative;
   margin-bottom: 24px;
   }
   .settings-menu ul li a i {
   margin-right: 8px;
   font-size: 18px;
   min-width: 20px;
   }
   
   .settings-menu ul a:hover {
   color: var(--secondary-color);
   }
   
   .settings-menu ul .active a {
   color: var(--secondary-color);
   }
   
   .profile-name p {
   margin-top: 0px;
   line-height: 0;
   margin-bottom: 30px;
   }
   
   .theiaStickySideba {
   position: relative;
   overflow: visible;
   box-sizing: border-box;
   min-height: 1px;
   }
   .profile-group {
   margin-top: 57px;
   }
   
   .profile-img img {
   width: 150px;
   height: 150px;
   border-radius: 50%;
   position: absolute;
   /* bottom: -60px; */
   left: 50%;
   -webkit-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   border: 5px solid #ffffff;
   top: 20px;
   }
   
   .most_popular_courses img.mp_img {
   max-width: 80px;
   border-radius: 10px;
   height: auto;
   }
   
   .comman-space {
   padding: 1.5rem;
   }
   
   .checkout-form .form-group {
   margin-bottom: 1.5rem;
   }
   
   .dash_my_profile.checkout-form label {
   font-size: 16px;
   margin-bottom: 5px;
   }
   .checkout-form label {
   color: #333;
   font-weight: 600;
   font-size: 14px;
   }
   
   .sell-course-head {
   border-bottom: 1px solid rgba(199, 199, 199, 0.25);
   }
   
   .dashboard-sec p {
   overflow-wrap: break-word;
   }
   .dashboard-sec p {
   margin-top: 0;
   margin-bottom: 1rem;
   }
   
   .dashboard-sec .course-design {
   width: 100%;
   }
   
   .dashboard-sec .course-design {
   border: 1px solid #e9ecef;
   }
   .dashboard-sec .course-box {
   margin-bottom: 0;
   border-radius: 10px;
   }
   .dashboard-sec .card {
   border: 1px solid #e9ecef;
   margin-bottom: 1.5rem;
   border-radius: 0;
   }
   
   .course-design .product {
   width: 100%;
   }
   .course-design .product {
   padding: 12px;
   }
   .course-design .product {
   background: #fff;
   }
   .course-box .product {
   border-radius: 10px;
   position: relative;
   padding: 20px;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   background: #fff;
   backdrop-filter: blur(17px);
   -webkit-backdrop-filter: blur(17px);
   }
   
   .product-img {
   position: relative;
   overflow: hidden;
   z-index: 1;
   border-radius: 10px 10px 10px 10px;
   }
   
   .product-img img {
   width: 100%;
   
   transform: translateZ(0);
   transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
   }
   
   .product-img:hover img {
   -webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
   transform: scale(1.15);
   }
   
   .course-design .price {
   min-width: auto;
   padding: 8px 15px;
   text-align: center;
   }
   .price {
   min-width: 140px;
   padding: 6px 15px;
   }
   .price {
   background: #fff;
   position: absolute;
   bottom: 20px;
   right: 20px;
   min-width: 149px;
   padding: 14px 15px;
   border-radius: 10px;
   }
   
   .course-design .price .free-color {
   color: #159f46;
   }
   .price h3.free-color {
   color: #159f46;
   text-transform: uppercase;
   }
   .course-design .price h3 {
   font-size: 14px;
   }
   .price h3 {
   font-size: 24px;
   color: var(--secondary-color);
   font-weight: 500;
   margin-bottom: 0;
   font-family: "Poppins";
   }
   
   .product-content {
   padding-top: 18px;
   display: inline-block;
   width: 100%;
   }
   .course-group {
   margin-bottom: 17px;
   }
   
   .product-content h3 {
   font-size: 18px;
   font-weight: 600;
   line-height: 1.4;
   font-family: "Poppins";
   }
   
   .course-info {
   border-bottom: 1px solid #e9ecef;
   margin-bottom: 15px;
   padding-bottom: 15px;
   }
   .course-info {
   margin: 16px 0 18px;
   }
   
   .course-design .course-info p {
   font-size: 14px;
   display: flex;
   }
   .course-info .rating-img p {
   margin: 0;
   display: flex;
   }
   .course-info p {
   margin-bottom: 0;
   color: #685f78;
   font-size: 16px;
   margin-left: 8px;
   margin-right: 0;
   }
   
   .course-view {
   margin-left: auto;
   }
   
   .course-share i {
   color: var(--secondary-color);
   font-size: 20px;
   }
   
   .tutor-course-wishlist:hover i {
   fill: var(--secondary-color);
   }
   
   .course-share {
   margin-left: auto;
   }
   .course-group-img img {
   max-width: 40px;
   height: 40px;
   border-radius: 25px;
   margin-right: 10px;
   border: 3px solid #e9ecef;
   }
   
   .course-name p {
   margin-bottom: 0;
   font-size: 13px;
   flex: 0 0 100%;
   }
   
   .course-name h4 {
   font-family: "Poppins";
   font-size: 17px;
   margin-bottom: 0px;
   }
   
   .profile-heading {
   padding: 1.5rem;
   border-bottom: 1px solid rgb(199 199 199 / 25%);
   }
   
   .profile-details .course-group {
   padding: 25px;
   border-bottom: 1px solid rgb(199 199 199 / 25%);
   }
   
   .profile-heading h3 {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 10px;
   margin-top: 0;
   }
   
   .profile-heading p {
   margin-bottom: 0;
   }
   
   .profile-details .course-group {
   padding: 25px;
   border-bottom: 1px solid rgb(199 199 199 / 25%);
   }
   
   #tutor_profile_cover_photo_editor {
   flex: 0 0 100%;
   }
   
   .profile-share {
   margin-left: auto;
   }
   
   .profile-share .btn-success {
   background: 0 0;
   color: #159f46;
   border: 1px solid #159f46;
   margin-right: 10px;
   border-radius: 0;
   padding: 7px 22px;
   font-weight: 500;
   border-radius: 5px;
   }
   
   .btn-success {
   background-color: #00e65b;
   border: 1px solid #00e65b;
   }
   
   .profile-share .btn-danger {
   background: 0 0;
   color: red;
   border-radius: 0;
   padding: 7px 22px;
   font-weight: 500;
   border-radius: 5px;
   }
   .btn-outline-danger {
   color: #ff0100;
   border-color: #ff0100;
   }
   
   .checkout-form.personal-address {
   padding: 1.5rem;
   margin-bottom: 0;
   }
   .add-course-info {
   padding: 1.5rem;
   }
   
   .checkout-form {
   padding: 20px;
   }
   
   .your_avatar {
   font-family: "Poppins";
   font-size: 22px;
   font-weight: 600;
   }
   .personal-address h4 {
   font-size: 22px;
   margin-bottom: 10px;
   font-weight: 600;
   font-family: "Poppins";
   }
   
   .personal-address p {
   font-size: 14px;
   }
   
   .add-course-info textarea.form-control {
   min-height: 180px;
   color: #685f78;
   }
   
   .add-course-info .form-control {
   border: 1px solid #e9ecef;
   border-radius: 5px;
   background-color: #e9ecef;
   }
   
   .checkout-form label {
   color: #000;
   font-weight: 600;
   font-size: 14px;
   }
   
   .tutor-reset-password-form-wrap input {
   background-color: #cccccc80;
   }
   
   .tutor-grid .single-product {
   margin-top: 0px;
   }
   
   .course-design .product:hover {
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   }
   
   .dashboard-btn .nav-tabs {
   font-size: 16px;
   }
   
   .dashboard-btn .nav-tabs .nav-item.show .nav-link,
   .nav-tabs .nav-link.active {
   background-color: var(--secondary-color);
   color: #fff;
   border: 0px solid #eb681b;
   }
   
   .dashboard-bt .nav-tabs .nav-item.show .nav-link,
   .nav-tabs .nav-link:hover {
   background-color: var(--secondary-color);
   color: #fff;
   border: 0px solid #eb681b;
   }
   
   .nav-tabs .nav-link {
   margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
   background: 0 0;
   border: var(--bs-nav-tabs-border-width) solid transparent;
   border-top-left-radius: var(--bs-nav-tabs-border-radius);
   border-top-right-radius: var(--bs-nav-tabs-border-radius);
   background-color: #292927;
   color: #ffff;
   margin-right: 10px;
   }