body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: Poppins, sans-serif
 }

 .back-to-top,
 .navbar .dropdown ul {
     opacity: 0;
     visibility: hidden;
     border-radius: 4px
 }

 .navbar .dropdown ul,
 .navbar-mobile .dropdown ul {
     z-index: 99;
     background: #fff;
     box-shadow: 0 0 30px rgba(127, 137, 161, .25)
 }

 #hero,
 .about .content ul li+li,
 .portfolio-details .portfolio-info ul li+li {
     margin-top: 10px
 }

 #hero .btn-get-started,
 .about .content .btn-learn-more,
 .contact .contact-about p,
 .counts .content .count-box a,
 .counts .content .count-box p,
 .faq .faq-item h4,
 .pricing .box .btn-buy,
 .pricing .box h4 {
     font-family: Montserrat, sans-serif
 }

 .header-cart a i,
 .v-list ul li i {
     margin-right: 5px
 }

 .about .content .btn-learn-more:hover,
 .faq-contact .contact-btn,
 .fl-fl a,
 .twitter,
 .twitter:hover,
 a,
 a:hover {
     text-decoration: none
 }

 :root {
     --theme-heading-font: 'Poppins', sans-serif;
     --theme-secondary-font: 'Poppins', sans-serif;
     --theme-primary-color: #f14d5d;
     --theme-secondary-color: #2764bf;
     --theme-heading-color: #14133b;
     --theme-text-color: #77838f;
     --theme-white-color: #fff;
     --theme-border-color: #ddd;
     --main-color: #2764bf
 }

 body {
     color: #444
 }

 li {
     list-style-type: none
 }

 a {
     color: #2764bf
 }

 a:hover {
     color: #5faee3
 }

 .back-to-top {
     position: fixed;
     right: 15px;
     bottom: 15px;
     z-index: 996;
     background: #2764bf;
     width: 40px;
     height: 40px;
     transition: .4s
 }

 .back-to-top i {
     font-size: 28px;
     color: #fff;
     line-height: 0
 }

 .back-to-top:hover {
     background: #57aae1;
     color: #fff
 }

 .back-to-top.active {
     visibility: visible;
     opacity: 1
 }

 @media screen and (max-width:768px) {
     [data-aos-delay] {
         transition-delay: 0 !important
     }

     .section-title h2,
     .section-titles {
         font-size: 14px !important;
         font-weight: 700;
         text-transform: uppercase;
         position: relative;
         color: #222
     }

     .about-3 {
         margin-top: -53px
     }

     .gallery {
         padding: 0;
         margin-top: -55px
     }
 }

 #header {
     z-index: 997;
     transition: .5s;
     padding: 0;
     box-shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;
     background: #fff
 }

 #header.header-scrolled {
     box-shadow: 0 2px 15px rgba(0, 0, 0, .1)
 }

 #header .logo h1 {
     font-size: 30px;
     margin: 0;
     padding: 0;
     line-height: 1;
     font-weight: 700;
     letter-spacing: 1px
 }

 #header .logo h1 a,
 #header .logo h1 a:hover {
     color: #222;
     text-decoration: none
 }

 #header .logo img {
     padding: 0;
     margin: 0;
     max-height: 40px
 }

 .counts .content,
 .navbar,
 .portfolio-details .portfolio-description p {
     padding: 0
 }

 .navbar ul {
     margin: 0;
     padding: 10px;
     display: flex;
     list-style: none;
     align-items: center
 }

 .course_title,
 .navbar a,
 .navbar a:focus,
 .navbar button,
 .navbar button:focus {
     padding: 10px 15px;
     font-weight: 400;
     transition: .3s;
     white-space: nowrap
 }

 .navbar_ul {
     display: block !important
 }

 .header-category-menu li.has-submenu,
 .header-navbar .primary-menu li,
 .header-search-bar,
 .header-style-3 .cart-icon,
 .navbar li {
     position: relative
 }

 .navbar a,
 .navbar a:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 14px;
     color: #555;
     line-height: 1.8
 }

 .navbar button,
 .navbar button:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 14px;
     color: #555
 }

 .navbar a i,
 .navbar a:focus i {
     font-size: 12px;
     line-height: 0;
     margin-left: 5px
 }

 .navbar .active,
 .navbar .active:focus {
     color: #2764bf;
     font-weight: 600;
     font-size: 16px
 }

 .course_title {
     font-size: 14px;
     line-height: 1.8
 }

 .active_color.active,
 .contact .social-links :hover i,
 .navbar_dropdown:active {
     color: #fff !important
 }

 .author i,
 .features .icon-box h3 a:hover,
 .navbar .getstarted,
 .navbar li:hover>a,
 .navbar-mobile .dropdown ul .active:hover,
 .navbar-mobile .dropdown ul a:hover,
 .navbar-mobile .dropdown ul li:hover>a,
 .portfolio .portfolio-wrap .portfolio-links a:hover,
 .service_banners:hover,
 .services .icon-box:hover .icon i,
 .team .member .social a:hover,
 .vision_mission {
     color: #2764bf
 }

 .navbar .getstarted:focus {
     background: #2764bf;
     padding: 8px 25px;
     margin-left: 30px;
     border-radius: 50px;
     color: #fff
 }

 .navbar .dropdown ul {
     display: block;
     position: absolute;
     right: 0;
     left: auto !important;
     margin: 0;
     padding: 0;
     transition: .3s
 }

 .navbar .dropdown ul li,
 .navbar-mobile .dropdown ul li {
     min-width: 200px
 }

 .navbar .dropdown ul a {
     padding: 10px 20px;
     font-size: 14px
 }

 .navbar .dropdown ul a i,
 .navbar-mobile .dropdown ul a i {
     font-size: 12px
 }

 .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-nav-toggle {
     color: #222;
     font-size: 28px;
     cursor: pointer;
     display: none;
     line-height: 0;
     transition: .5s
 }

 .ans_question,
 .counter-item .count,
 .counter-item .counter,
 .dropdowns:hover .megamenu_dropdown .active,
 .header-contact a,
 .header-navbar.mobile-menu .site-navbar.menu-on .submenu li a,
 .header-navbar.mobile-menu .site-navbar.menu-on .submenu li a:hover,
 .header-style-3 .header-user:hover a,
 .mail_header:hover,
 .mobile-nav-toggle.bi-x,
 .more-services .card:hover .card-text,
 .more-services .card:hover .card-title,
 .more-services .card:hover .card-title a,
 .more-services .card:hover .read-more a,
 .owl-nav i:hover,
 .services .icon-box:hover .description,
 .services .icon-box:hover .title a,
 .topbar-style-2 .header-btn a,
 .topbar-style-2 .header-socials a:hover,
 .value-1:hover .box-icon i {
     color: #fff
 }

 .navbar-mobile {
     position: fixed;
     overflow: hidden;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: rgba(9, 9, 9, .9);
     transition: .3s;
     z-index: 999
 }

 .navbar-mobile .mobile-nav-toggle {
     position: absolute;
     top: 15px;
     right: 15px
 }

 .navbar-mobile>ul {
     display: block !important;
     position: absolute;
     top: 55px;
     right: 15px;
     left: 15px;
     padding: 10px 0;
     border-radius: 8px;
     background-color: #fff;
     overflow-y: auto;
     transition: .3s
 }

 .feature-text i,
 .mail_call,
 .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
     background-color: #2764bf
 }

 .navbar-mobile a,
 .navbar-mobile a:focus,
 .navbar-mobile button,
 .navbar-mobile button:focus {
     padding: 10px 20px;
     font-size: 15px;
     color: #222;
     white-space: normal;
 }

 #footer .footer-links a:hover,
 .navbar-mobile .active,
 .navbar-mobile a:hover,
 .navbar-mobile li:hover>a {
     color: #3498db
 }

 .navbar-mobile .getstarted,
 .navbar-mobile .getstarted:focus {
     margin: 15px
 }

 .navbar-mobile .dropdown ul {
     position: static;
     display: none;
     margin: 10px 20px;
     padding: 10px 0;
     opacity: 1;
     visibility: visible
 }

 .contact-info-wrapper h3 span,
 .header-navbar.mobile-menu .primary-menu,
 .image-list.active,
 .navbar-mobile .dropdown-menu.show,
 .navbar-mobile .dropdown>.dropdown-active,
 .navbar-mobile .dropdowns>.dropdown-active,
 .para_hide {
     display: block !important
 }

 .navbar-mobile .dropdown ul a {
     padding: 10px 20px;
     white-space: normal;
 }

 .navbar-mobile .dropdown-item,
 .navbar-mobile .navbar_dropdown {
     white-space: normal !important;
     display: block !important;
     text-align: left !important;
 }

 .navbar-mobile .course_title {
     display: block !important;
     text-align: left !important;
 }

 .mail_header {
     color: #fff;
     font-size: 14px;
     font-weight: 300
 }

 @media screen and (min-width:501px) {
     .call_mail_header {
         font-size: 14px !important;
         color: #fff;
         line-height: 10px;
         margin-top: 16px;
         margin-left: 5px;
         margin-bottom: 13px;
         vertical-align: -.075em
     }
 }

 @media screen and (max-width:500px) {
     .mail_header {
         font-size: 11px
     }

     .call_mail_header {
         font-size: 11px !important;
         color: #fff;
         line-height: 10px;
         margin-top: 16px;
         margin-left: 5px;
         margin-bottom: 13px;
         vertical-align: -.075em
     }
 }

 #hero {
     width: 100%
 }

 #hero h1 {
     margin: 0 0 10px;
     font-size: 44px;
     font-weight: 700;
     line-height: 56px;
     color: #000
 }

 #hero h2 {
     color: #484848;
     margin-bottom: 50px;
     font-size: 24px
 }

 #hero .btn-get-started {
     font-weight: 500;
     font-size: 16px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 10px 30px;
     border-radius: 50px;
     transition: .5s;
     color: #2764bf;
     border: 2px solid #2764bf
 }

 #hero .btn-get-started:hover {
     background: #2764bf;
     color: #fff
 }

 #hero .animated {
     margin-top: 15px;
     width: 95%;
     animation: 2s ease-in-out infinite alternate-reverse both up-down
 }

 @media (min-width:1024px) {
     #hero {
         background-attachment: fixed
     }
 }

 @media (max-width:991px) {
     .mobile-nav-toggle {
         display: block
     }

     .navbar ul {
         display: none
     }

     #hero {
         height: 100% !important
     }

     #hero .animated {
         animation: none
     }

     .justify-content-center {
         justify-content: center !important
     }

     .back-to-top.active {
         visibility: visible;
         opacity: 1
     }

     #hero .hero-img {
         text-align: center
     }

     #hero .hero-img img {
         width: 100%
     }

     .header-navbar.mobile-menu .primary-menu li:not(:last-child) {
         margin-right: 0;
         border-bottom: 1px solid rgba(255, 255, 255, .2)
     }
 }

 @media screen and (min-width:651px) and (max-width:991px) {
     #hero h1 {
         font-size: 32px;
         line-height: 45px
     }

     #hero h2 {
         font-size: 24px;
         line-height: 24px;
         margin-bottom: 20px
     }

     #hero {
         margin-top: 25px
     }
 }

 @media screen and (max-width:650px) {
     #hero {
         margin-top: 20px
     }

     .text {
         margin: 0
     }

     #hero h1 {
         font-size: 19px;
         line-height: 26px
     }

     #hero h2 {
         font-size: 15px;
         line-height: 24px;
         margin-bottom: 6px
     }

     #hero .hero-img img {
         width: 90%
     }

     .tranier_banner {
         font-size: 16px !important
     }

     .banner_services_img {
         width: 50px !important
     }

     .service_banner {
         font-size: 26px !important
     }

     .lang_img {
         width: 40px !important
     }

     .home_blog_img_div {
         height: 100% !important
     }
 }

 @media screen and (max-width:499px) {
     #hero {
         margin-top: 50px
     }

     .text {
         margin: 0
     }

     #hero h1 {
         font-size: 16px;
         line-height: 20px
     }

     #hero h2 {
         font-size: 14px;
         line-height: 20px;
         margin-bottom: 6px
     }

     #hero .hero-img img {
         width: 90%
     }

     #hero .btn-get-started {
         font-size: 10px;
         padding: 5px 20px
     }
 }

 @keyframes up-down {
     0% {
         transform: translateY(10px)
     }

     100% {
         transform: translateY(-10px)
     }
 }

 section {
     padding: 50px 0;
     overflow: hidden
 }

 .section-bg {
     background-color: #f7fbfe
 }

 .section-title {
     text-align: center;
     padding-bottom: 30px
 }

 .section-title h2,
 .section-titles {
     font-size: 32px;
     font-weight: 700;
     text-transform: uppercase;
     position: relative;
     color: #222
 }

 .section-title h2::after,
 .section-title h2::before,
 .section-titles::after,
 .section-titles::before {
     content: '';
     width: 50px;
     height: 2px;
     background: #2764bf;
     display: inline-block
 }

 .section-title h2::before,
 .section-titles::before {
     margin: 0 15px 10px 0
 }

 .section-title h2::after,
 .section-titles::after {
     margin: 0 0 10px 15px
 }

 .section-title p {
     margin: 15px 0 0
 }

 .clients {
     background: #f3f9fd;
     padding: 10px 0;
     text-align: center
 }

 .banner-carousel .owl-dots,
 .clients .col-lg-2 {
     display: flex;
     align-items: center;
     justify-content: center
 }

 .clients img {
     width: 50%;
     filter: grayscale(100);
     transition: .4s ease-in-out;
     display: inline-block;
     padding: 10px 0
 }

 .clients img:hover {
     filter: none;
     transform: scale(1.1)
 }

 @media (max-width:768px) {
     .clients img {
         width: 40%
     }

     #header .logo h1 {
         font-size: 23px;
         margin: 0;
         padding: 0;
         line-height: 1;
         font-weight: 700;
         letter-spacing: 1px
     }
 }

 @media (max-width:575px) {
     #hero .hero-img img {
         width: 100%
     }

     .s-item {
         display: block !important;
         width: 33px !important;
         height: 33px !important;
         color: #fff !important;
         font-size: 20px !important;
         line-height: 26px !important;
         text-align: center !important;
         transition: .2s linear !important
     }

     .clients img {
         width: 30%
     }
 }

 .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 i {
     position: absolute;
     left: 0;
     top: 2px;
     font-size: 20px;
     color: #2764bf;
     line-height: 1
 }

 .about .content p:last-child,
 .counts .content p,
 .v-list ul li:last-child {
     margin-bottom: 0
 }

 .about .content .btn-learn-more {
     font-weight: 600;
     font-size: 14px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 12px 32px;
     border-radius: 50px;
     transition: .3s;
     line-height: 1;
     color: #2764bf;
     animation-delay: .8s;
     margin-top: 6px;
     border: 2px solid #2764bf
 }

 .about .content .btn-learn-more:hover {
     background: #3498db;
     color: #fff
 }

 .counts {
     padding-top: 0
 }

 .counts .content h3 {
     font-weight: 700;
     font-size: 34px;
     color: #222
 }

 .counts .content .count-box {
     padding: 20px 0;
     width: 100%
 }

 .counts .content .count-box i {
     display: block;
     font-size: 36px;
     color: #2764bf;
     float: left;
     line-height: 0
 }

 .counts .content .count-box span {
     font-size: 36px;
     line-height: 30px;
     display: block;
     font-weight: 700;
     color: #222;
     margin-left: 50px
 }

 .counts .content .count-box p {
     padding: 15px 0 0;
     margin: 0 0 0 50px;
     font-size: 14px;
     color: #484848
 }

 .counts .content .count-box a {
     font-weight: 600;
     display: block;
     margin-top: 20px;
     color: #484848;
     font-size: 15px;
     transition: .3s ease-in-out
 }

 .counts .content .count-box a:hover {
     color: #6f6f6f
 }

 @media (max-width:1024px) {
     .counts .image {
         text-align: center
     }

     .counts .image img {
         max-width: 70%
     }
 }

 @media (max-width:667px) {
     .counts .image img {
         max-width: 100%
     }

     .owl-item {
         width: 138px;
         margin-right: 10px
     }
 }

 .twitter:hover i {
     margin-left: 3 !important
 }

 .services .icon-box {
     padding: 30px;
     position: relative;
     overflow: hidden;
     background: #fff;
     box-shadow: 0 0 29px 0 rgba(68, 88, 144, .12);
     transition: .3s ease-in-out;
     border-radius: 8px;
     z-index: 1
 }

 .services .icon-box::before {
     content: '';
     position: absolute;
     background: #e1f0fa;
     right: -60px;
     top: -40px;
     width: 100px;
     height: 100px;
     border-radius: 50px;
     transition: .3s;
     z-index: -1
 }

 .services .icon-box:hover::before {
     background: #2764bf;
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-radius: 0
 }

 .services .icon {
     margin: 0 auto 20px;
     padding-top: 10px;
     display: inline-block;
     text-align: center;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     background: #e1f0fa;
     transition: .3s ease-in-out
 }

 .services .icon i {
     font-size: 36px;
     line-height: 1;
     color: #fff
 }

 .services .title {
     font-weight: 700;
     margin-bottom: 15px;
     font-size: 18px
 }

 .services .title a {
     color: #111
 }

 .services .description {
     font-size: 15px;
     line-height: 28px;
     margin-bottom: 0
 }

 .services .icon-box:hover .icon {
     background: #fff
 }

 .contact__form textarea.form-control,
 .more-services {
     padding-top: 20px
 }

 .more-services .card {
     border: 0;
     padding: 160px 20px 20px;
     position: relative;
     width: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center
 }

 .more-services .card-body {
     z-index: 10;
     background: rgba(255, 255, 255, .9);
     padding: 15px 30px;
     box-shadow: 0 2px 15px rgba(0, 0, 0, .1);
     transition: .4s ease-in-out;
     border-radius: 5px
 }

 .more-services .card-title {
     font-weight: 700;
     text-align: center;
     margin-bottom: 15px
 }

 .more-services .card-title a,
 .single-course-category:hover .course-cat-title {
     color: #222
 }

 .more-services .card-text {
     color: #5e5e5e
 }

 .more-services .read-more a {
     color: #777;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 12px;
     transition: .4s
 }

 .more-services .read-more a:hover {
     text-decoration: underline
 }

 .more-services .card:hover .card-body {
     background: #2764bf
 }

 .features .icon-box {
     display: flex;
     flex-direction: column;
     gap: 16px;
     height: 300px;
     box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
     align-items: center;
     padding: 20px;
     background: #f6f6f6;
     transition: .3s ease-in-out
 }

 .features .icon-box i {
     font-size: 32px;
     padding-right: 10px;
     line-height: 1
 }

 .features .icon-box h3 {
     font-weight: 700;
     margin: 0;
     padding: 0;
     line-height: 1;
     font-size: 16px
 }

 .features .icon-box h3 a {
     color: #222;
     transition: .3s ease-in-out
 }

 .features .icon-box:hover {
     background: #eef7fc
 }

 .testimonials .testimonial-wrap {
     padding-left: 50px
 }

 .testimonials .testimonial-item {
     box-sizing: content-box;
     min-height: 200px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
     position: relative;
     background: #fff
 }

 .testimonials .testimonial-item .testimonial-img {
     width: 90px;
     border-radius: 10px;
     border: 6px solid #fff;
     box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
 }

 .testimonials .testimonial-item h3 {
     font-size: 18px;
     font-weight: 700;
     margin: 10px 0 5px;
     color: #111
 }

 .testimonials .testimonial-item h4 {
     font-size: 14px;
     color: #999;
     margin: 0
 }

 .testimonials .testimonial-item .quote-icon-left,
 .testimonials .testimonial-item .quote-icon-right {
     color: #e1f0fa;
     font-size: 26px
 }

 .testimonials .testimonial-item .quote-icon-left {
     display: inline-block;
     left: -5px;
     position: relative
 }

 .testimonials .testimonial-item .quote-icon-right {
     display: inline-block;
     right: -5px;
     position: relative;
     top: 10px
 }

 .testimonials .testimonial-item p {
     font-style: italic;
     margin: 15px auto
 }

 .portfolio-details .portfolio-details-slider .swiper-pagination,
 .testimonials .swiper-pagination {
     margin-top: 20px;
     position: relative
 }

 .testimonials .swiper-pagination .swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     background-color: #fff;
     opacity: 1;
     border: 1px solid #3498db
 }

 .testimonials .swiper-pagination .swiper-pagination-bullet-active {
     background-color: #3498db
 }

 @media (max-width:767px) {

     .nav,
     .testimonials .testimonial-wrap {
         padding-left: 0
     }

     .features .icon-box {
         display: flex;
         flex-direction: column;
         gap: 5px;
         height: 300px;
         box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
         align-items: center;
         padding: 10px;
         background: #f6f6f6;
         transition: .3s ease-in-out
     }

     #header {
         z-index: 997;
         transition: .5s;
         padding: 0;
         box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
         background: #fff
     }

     .breadcrumb-area {
         margin-top: 0
     }

     .nav {
         --bs-nav-link-padding-y: 0.5rem;
         --bs-nav-link-font-weight: ;
         --bs-nav-link-color: var(--bs-link-color);
         --bs-nav-link-hover-color: var(--bs-link-hover-color);
         --bs-nav-link-disabled-color: var(--bs-secondary-color);
         display: flex !important;
         flex-wrap: wrap !important;
         flex-direction: initial !important;
         margin-bottom: 0;
         list-style: none;
         flex-direction: row
     }

     .grid-item {
         width: 100%
     }
 }

 .jst-cent {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-content: space-around
 }

 .project-detail {
     position: relative;
     padding: 46px 0 85px
 }

 .nav-pills .nav-link {
     border-radius: var(--bs-nav-pills-border-radius);
     margin-left: 0 !important
 }

 .col-lg-2 {
     flex: 0 0 auto;
     width: 100% !important
 }

 .home_blog_img_div,
 .testimonials .testimonials-carousel,
 .testimonials .testimonials-slider {
     overflow: hidden
 }

 .testimonials .testimonial-item {
     padding: 30px;
     margin: 15px
 }

 .testimonials .testimonial-item .testimonial-img {
     position: static;
     left: auto
 }

 .contact-form {
     padding: 30px 40px;
     background-color: #fff;
     border-radius: 12px;
     max-width: 400px
 }

 .contact-form textarea {
     resize: none
 }

 .contact-form .form-input,
 .form-text-area {
     background-color: #f0f4f5;
     height: 50px;
     padding-left: 16px
 }

 .contact-form .form-text-area {
     background-color: #f0f4f5;
     height: auto;
     padding-left: 16px
 }

 .contact-form .form-control::placeholder {
     color: #aeb4b9;
     font-weight: 500;
     opacity: 1
 }

 .portfolio .portfolio-wrap .portfolio-info,
 .portfolio .portfolio-wrap::before {
     opacity: 0;
     position: absolute;
     transition: .3s ease-in-out;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }

 .contact-form .form-control:-ms-input-placeholder {
     color: #aeb4b9;
     font-weight: 500
 }

 .contact-form .form-control::-ms-input-placeholder {
     color: #aeb4b9;
     font-weight: 500
 }

 .contact-form .form-control:focus {
     border-color: #f33fb0;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .07), 0 0 8px #f33fb0
 }

 .contact-form .title {
     text-align: center;
     font-size: 24px;
     font-weight: 500
 }

 .contact-form .description {
     color: #aeb4b9;
     font-size: 14px;
     text-align: center
 }

 .contact-form .submit-button-wrapper,
 .counter-item,
 .faq-top {
     text-align: center
 }

 .contact-form .submit-button-wrapper input {
     border: none;
     border-radius: 4px;
     background-color: #f23292;
     color: #fff;
     text-transform: uppercase;
     padding: 10px 60px;
     font-weight: 500;
     letter-spacing: 2px
 }

 .contact-form .submit-button-wrapper input:hover {
     background-color: #d30069
 }

 .portfolio .portfolio-item,
 .video-content p {
     margin-bottom: 30px
 }

 .portfolio #portfolio-flters {
     padding: 0;
     margin: 0 auto 20px;
     list-style: none;
     text-align: center
 }

 .portfolio #portfolio-flters li {
     cursor: pointer;
     display: inline-block;
     padding: 8px 15px 10px;
     font-size: 14px;
     font-weight: 600;
     line-height: 1;
     text-transform: uppercase;
     color: #222;
     margin-bottom: 5px;
     transition: .3s ease-in-out;
     border-radius: 3px
 }

 .portfolio #portfolio-flters li.filter-active,
 .portfolio #portfolio-flters li:hover {
     color: #fff;
     background: #2764bf
 }

 .header-navbar.mobile-menu .site-navbar.menu-on,
 .portfolio #portfolio-flters li:last-child {
     margin-right: 0
 }

 .portfolio .portfolio-wrap {
     transition: .3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
     background: rgba(34, 34, 34, .6)
 }

 .portfolio .portfolio-wrap::before {
     content: '';
     background: rgba(34, 34, 34, .6);
     z-index: 2
 }

 .portfolio .portfolio-wrap img {
     transition: .3s ease-in-out
 }

 .portfolio .portfolio-wrap .portfolio-info {
     z-index: 3;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-start;
     padding: 20px
 }

 .portfolio .portfolio-wrap .portfolio-info h4 {
     font-size: 20px;
     color: #fff;
     font-weight: 600
 }

 .portfolio .portfolio-wrap .portfolio-info p {
     color: rgba(255, 255, 255, .7);
     font-size: 14px;
     text-transform: uppercase;
     padding: 0;
     margin: 0;
     font-style: italic
 }

 .portfolio .portfolio-wrap .portfolio-links {
     text-align: center;
     z-index: 4
 }

 .portfolio .portfolio-wrap .portfolio-links a {
     color: #fff;
     margin: 0 5px 0 0;
     font-size: 28px;
     display: inline-block;
     transition: .3s
 }

 .header-contact ul li:hover,
 .portfolio .portfolio-wrap:hover .portfolio-info,
 .portfolio .portfolio-wrap:hover::before,
 .team .member:hover .social {
     opacity: 1
 }

 .portfolio .portfolio-wrap:hover img {
     transform: scale(1.2)
 }

 .portfolio-details {
     padding-top: 40px
 }

 .portfolio-details .portfolio-details-slider img,
 .video-img img {
     width: 100%
 }

 .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     background-color: #fff;
     opacity: 1;
     border: 1px solid #2764bf
 }

 .portfolio-details .portfolio-info {
     padding: 30px;
     box-shadow: 0 0 30px rgba(34, 34, 34, .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-description {
     padding-top: 30px
 }

 .portfolio-details .portfolio-description h2 {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 20px
 }

 .team .member {
     margin-bottom: 20px;
     overflow: hidden;
     text-align: center;
     border-radius: 5px;
     background: #fff;
     box-shadow: 0 2px 15px rgba(0, 0, 0, .1)
 }

 .contact-info-wrapper,
 .single-course-category:hover {
     box-shadow: 0 14px 59px rgba(0, 0, 0, .12)
 }

 .team .member .member-img {
     position: relative;
     overflow: hidden;
     height: 300px
 }

 .management_team {
     height: 330px;
     object-fit: cover
 }

 .management_team_img {
     object-fit: cover;
     height: 100% !important
 }

 .team .member .social {
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     height: 40px;
     transition: .3s ease-in-out;
     background: rgb(255 255 255 / 67%);
     display: inline-flex;
     justify-content: center;
     align-items: center;
     backdrop-filter: blur(9px)
 }

 .team .member .social a {
     transition: color .3s;
     color: #222;
     margin: 0 10px;
     display: inline-flex;
     justify-content: center;
     align-items: center
 }

 .team .member .social a i {
     line-height: 0
 }

 .team .member .social i {
     font-size: 18px;
     margin: 0 2px
 }

 .team .member .member-info {
     padding: 25px 15px
 }

 .team .member .member-info h4 {
     font-weight: 700;
     margin-bottom: 5px;
     font-size: 18px;
     color: #222
 }

 .team .member .member-info span {
     display: block;
     font-size: 13px;
     font-weight: 400;
     color: #aaa
 }

 .team .member .member-info p {
     font-style: italic;
     font-size: 14px;
     line-height: 26px;
     color: #777
 }

 .pricing .box {
     padding: 20px;
     background: #f9f9f9;
     text-align: center;
     border-radius: 8px;
     position: relative;
     overflow: hidden;
     border: 2px solid #f9f9f9
 }

 .pricing .box h3 {
     padding: 15px;
     margin-top: 15px;
     font-size: 18px;
     font-weight: 600;
     color: #222
 }

 .pricing .box h4 {
     font-size: 42px;
     color: #3498db;
     font-weight: 500;
     margin-bottom: 20px
 }

 .pricing .box h4 sup {
     font-size: 20px;
     top: -15px;
     left: -3px
 }

 .pricing .box h4 span {
     color: #bababa;
     font-size: 16px;
     font-weight: 300
 }

 .pricing .box ul {
     padding: 0;
     list-style: none;
     color: #222;
     text-align: center;
     line-height: 20px;
     font-size: 14px
 }

 .pricing .box ul li {
     padding-bottom: 16px
 }

 .pricing .box ul i {
     color: #3498db;
     font-size: 18px;
     padding-right: 4px
 }

 .pricing .box ul .na {
     color: #ccc;
     text-decoration: line-through
 }

 .pricing .box .btn-wrap {
     padding: 15px;
     text-align: center
 }

 .pricing .box .btn-buy {
     display: inline-block;
     padding: 10px 40px 12px;
     border-radius: 50px;
     border: 2px solid #3498db;
     color: #3498db;
     font-size: 14px;
     font-weight: 600;
     transition: .3s
 }

 .contact .social-links a:hover,
 .pricing .box .btn-buy:hover,
 .pricing .recommended .btn-buy,
 .project-detail .lower-content th {
     background: #3498db;
     color: #fff
 }

 .pricing .recommended {
     border-color: #3498db
 }

 .pricing .recommended .btn-buy:hover {
     background: #2383c4;
     border-color: #2383c4
 }

 .faq .faq-item {
     margin: 20px 0;
     padding: 20px 0;
     border-bottom: 1px solid #eee
 }

 .faq .faq-item i {
     color: #8bc4ea;
     font-size: 24px;
     float: left;
     line-height: 0;
     padding: 13px 0 0;
     margin: 0
 }

 .faq .faq-item h4 {
     font-size: 16px;
     line-height: 26px;
     font-weight: 500;
     margin: 0 0 10px 32px
 }

 .faq .faq-item p {
     font-size: 15px
 }

 .contact .contact-about h3 {
     font-size: 28px;
     margin: 0 0 10px;
     padding: 0;
     line-height: 1;
     font-weight: 700;
     letter-spacing: 1px;
     color: #222
 }

 .contact .contact-about p {
     font-size: 14px;
     line-height: 24px;
     color: #605f5f
 }

 .contact .social-links {
     padding-bottom: 20px
 }

 .contact .social-links a {
     font-size: 18px;
     display: inline-block;
     background: #f7f4f3;
     color: #3498db;
     line-height: 1;
     padding: 8px 0;
     margin-right: 4px;
     border-radius: 50%;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: .3s
 }

 .contact .info {
     color: #444
 }

 .contact .info i {
     font-size: 32px;
     color: #2764bf;
     float: left;
     line-height: 1
 }

 .contact .info p {
     padding: 0 0 10px 42px;
     line-height: 28px;
     font-size: 14px
 }

 .contact .mail-form .error-message {
     display: none;
     color: #fff;
     background: #ed3c0d;
     text-align: left;
     padding: 15px;
     font-weight: 600
 }

 .contact .mail-form .error-message br+br {
     margin-top: 25px
 }

 .contact .mail-form .loading {
     display: none;
     background: #fff;
     text-align: center;
     padding: 15px
 }

 .contact .mail-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;
     animation: 1s linear infinite animate-loading
 }

 .contact .mail-form .form-group,
 .contact-form-wrap .form-grp,
 .contact__form .form-group,
 .v-list ul li {
     margin-bottom: 20px
 }

 .contact .mail-form input,
 .contact .php-email-form textarea {
     border-radius: 0;
     box-shadow: none;
     font-size: 14px;
     padding: 10px 15px
 }

 .contact .mail-form input:focus,
 .contact .mail-form textarea:focus {
     border-color: #2764bf
 }

 .contact .mail-form button[type=submit] {
     background: #2764bf;
     border: 0;
     padding: 10px 24px;
     color: #fff;
     transition: .4s;
     border-radius: 50px
 }

 .contact .mail-form button[type=submit]:hover {
     background: #2383c4
 }

 @keyframes animate-loading {
     0% {
         transform: rotate(0)
     }

     100% {
         transform: rotate(360deg)
     }
 }

 .breadcrumbs {
     padding: 15px 0;
     background: #f8f8f8;
     min-height: 40px;
     margin-top: 86px
 }

 .breadcrumbs h2 {
     font-size: 28px;
     font-weight: 400;
     margin: 0
 }

 .breadcrumbs ol {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     padding: 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: #3c3c3c;
     content: '/'
 }

 #footer {
     padding: 30px 0 0;
     color: #222;
     font-size: 14px
 }

 .contact {
     font-weight: 500;
     padding: 60px 0 0;
     position: relative
 }

 .contact::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: url('https://www.technotackle.com/assets/images/footer-bg.webp');
     background-size: 100%;
     opacity: .2;
     z-index: -1;
     background-color: #ad8d75b0
 }

 #footer .credits {
     font-size: 13px;
     padding-top: 5px;
     color: #222
 }

 #footer .footer-links a {
     color: #222;
     padding-left: 15px
 }

 #footer .footer-links a:first-child {
     padding-left: 0
 }

 .single-course-category {
     border: 1px solid var(--theme-fourth-color);
     padding: 40px 20px 30px;
     text-align: center;
     transition: .4s;
     border-radius: 10px;
     position: relative
 }

 .single-course-category:after {
     position: absolute;
     left: 5px;
     top: 5px;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 30px 30px 0 0;
     border-color: #2764bf transparent transparent;
     content: '';
     visibility: hidden;
     opacity: 0;
     border-radius: 10px 0 0;
     transition: .4s
 }

 .single-course-category.style-1 .course-cat-icon {
     transition: .4s;
     margin: 0 auto 30px
 }

 .single-course-category.style-1 .course-cat-icon img {
     width: 45px
 }

 .single-course-category.style-1 .course-cat-title {
     margin-bottom: 10px
 }

 .single-course-category.style-1:hover .course-cat-icon,
 .single-course-category.style-2:hover .course-cat-icon {
     background: 0 0
 }

 .header-navbar.mobile-menu .site-navbar.menu-on .submenu li a:hover,
 .single-course-category.style-3 {
     border-color: transparent
 }

 .owl-theme .owl-nav {
     margin-top: 11px;
     height: 0;
     margin-left: 47%;
     text-align: center !important
 }

 .banner-carousel .owl-dot.active span {
     background-color: #2764bf !important;
     width: 15px !important;
     height: 15px !important
 }

 .banner-carousel .owl-dot span {
     margin: 5px 3px !important
 }

 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev {
     background: #e7effc;
     color: #00f;
     width: 40px;
     height: 40px;
     border-radius: 107px;
     border: 1px solid transparent !important;
     font-size: 25px !important;
     padding: 0 !important;
     font: inherit
 }

 .font-lg,
 h6 {
     line-height: 30px
 }

 .header-category-menu li.has-submenu a,
 .header-navbar .primary-menu li a {
     line-height: 1.4;
     text-transform: capitalize;
     font-family: Montserrat, sans-serif
 }

 .single-course-category.style-3 .course-cat-icon {
     width: 100px;
     height: 100px;
     line-height: 100px;
     box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
     border-radius: 100%;
     background: #fff;
     transition: .4s;
     margin: 0 auto 20px
 }

 .owl-nav i {
     font-size: 14px !important;
     color: #2764bf;
     position: relative;
     bottom: 3px
 }

 .single-course-category.style-3 .course-cat-icon img {
     width: 45px;
     display: inline-block
 }

 .courses__item-bottom .price del {
     font-size: 16px;
     color: #8d9db5;
     margin-right: 4px
 }

 .courses__item-bottom .price {
     font-size: 22px;
     line-height: 1;
     color: #1363df;
     font-weight: 500
 }

 .courses__item-meta p {
     font-size: 14px !important;
     color: #082a5e !important
 }

 .single-course-category .course-cat-title {
     font-size: 20px;
     text-transform: capitalize
 }

 .single-course-category .course-count {
     border: 1px solid #f1f3f8;
     font-weight: 500;
     color: var(--theme-color-text);
     text-transform: capitalize;
     transition: .4s;
     display: inline-block;
     padding: 1px 18px;
     margin-top: 10px;
     border-radius: 5px;
     font-size: 14px
 }

 .single-course-category.active-cat,
 .single-course-category:hover {
     border-color: var(--theme-primary-color)
 }

 .counter-inner,
 .cta-inner4 {
     border-radius: 10px;
     position: relative
 }

 .menu-center.style-1 .primary-menu a:hover:before,
 .single-course-category.active-cat:after {
     opacity: 1;
     visibility: visible
 }

 .border-top-bottom,
 .menu-center {
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd
 }

 .single-course-category:hover:after {
     left: 0;
     top: 0;
     opacity: 1;
     visibility: visible
 }

 .single-course-category:hover .course-count {
     color: var(--theme-secondary-color)
 }

 .single-course-category:hover .course-cat-icon {
     background: #dcf1fd
 }

 .single-course-category.style-2 {
     text-align: left;
     padding: 25px;
     display: flex;
     align-items: center;
     background: #fff;
     box-shadow: 0 0 30px rgba(29, 23, 77, .06);
     margin-bottom: 20px
 }

 .single-course-category.style-2 .course-cat-icon {
     margin-right: 15px;
     margin-bottom: 0
 }

 .single-course-category.style-2 .course-cat-icon img {
     width: 40px
 }

 .single-course-category.style-2 .course-cat-title {
     margin-bottom: 0;
     font-weight: 600;
     font-size: 18px
 }

 .course-category-3 {
     position: relative;
     z-index: 1;
     background: #f5f5f5
 }

 .bg-1 {
     background: #f08080
 }

 .bg-1:hover,
 .bg-2:hover,
 .bg-3:hover,
 .bg-4:hover,
 .bg-5:hover,
 .bg-6:hover {
     background-color: #fff
 }

 .bg-2 {
     background: #ffa07a
 }

 .bg-3 {
     background: orange
 }

 .bg-4 {
     background: plum
 }

 .bg-5 {
     background: #48d1cc
 }

 .bg-6 {
     background: #a7e6f1
 }

 .course-cat-title a {
     color: #000 !important;
     font-weight: 600;
     font-size: 16px
 }

 .service-iteams {
     width: 20%
 }

 .icon img {
     width: 35px;
     height: 41px
 }

 @media (max-width:768px) {
     .breadcrumbs .d-flex {
         display: block !important
     }

     .breadcrumbs ol {
         display: block
     }

     .breadcrumbs ol li {
         display: inline-block
     }

     .single-course-category.style-3 {
         border-color: transparent;
         width: 100% !important
     }

     .single-course-category {
         margin-bottom: 20px
     }

     .nav {
         --bs-nav-link-padding-x: 1rem;
         --bs-nav-link-padding-y: 0.5rem;
         --bs-nav-link-font-weight: ;
         --bs-nav-link-color: var(--bs-link-color);
         --bs-nav-link-hover-color: var(--bs-link-hover-color);
         --bs-nav-link-disabled-color: var(--bs-secondary-color);
         display: flex !important;
         flex-direction: row !important;
         flex-wrap: wrap !important;
         padding-left: 0;
         margin-bottom: 0;
         list-style: none;
         gap: 10px;
         justify-content: center;
         flex-direction: column;
         align-content: center
     }
 }

 .list-inline-item,
 .subheading {
     display: inline-block
 }

 .counter-section4 {
     margin-top: -100px;
     position: relative;
     z-index: 2
 }

 .counter-inner {
     background: #2a3e61;
     padding: 50px 30px;
     z-index: 1
 }

 .counter-inner:after {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url('../images/bg/illustration-bg.png') 50% 50%/cover no-repeat;
     opacity: .9;
     z-index: -1
 }

 .counter-item .count span {
     font-size: 50px
 }

 .counter-item p {
     color: #fff;
     margin-bottom: 0
 }

 .testimonial-4 {
     padding-top: 190px
 }

 .cta-inner4 {
     background: #fff;
     z-index: 2;
     padding: 40px
 }

 .contact-info-wrapper {
     background: #fff;
     padding: 40px
 }

 .contact-info-wrapper h3 {
     text-transform: capitalize;
     margin-bottom: 20px
 }

 .contact-info-wrapper .contact-item {
     padding: 15px 0;
     border-bottom: 1px solid #eee;
     display: flex
 }

 .contact-info-wrapper .contact-item:last-child {
     padding-bottom: 0;
     border: 0
 }

 .contact-info-wrapper .contact-item i {
     margin-right: 15px;
     color: #333;
     margin-top: 5px
 }

 .contact-info-wrapper .contact-item h5 {
     font-weight: 400;
     text-transform: capitalize;
     color: #333;
     margin-bottom: 0;
     font-size: 18px;
     line-height: 28px;
     overflow: hidden;
     font-family: Montserrat, sans-serif
 }

 .breadcrumb-item.active {
     color: rgb(255 255 255)
 }

 .single-course-category.style-3 .course-cat-title {
     margin-bottom: 10px;
     color: #fff
 }

 .breadcrumb-item+.breadcrumb-item::before {
     float: left;
     padding-right: var(--bs-breadcrumb-item-padding-x);
     color: #fff;
     content: var(--bs-breadcrumb-divider, '/')
 }

 .project-detail .pr-ul .icon i {
     width: 50px !important;
     height: 40px;
     background: no-repeat padding-box #fff;
     border: 2px solid #eee;
     border-radius: 50%;
     text-align: center;
     line-height: 37px;
     margin-right: 20px;
     color: #3498db
 }

 .project-detail .text-column .inner-column .dropcap {
     float: left;
     background: no-repeat padding-box #3498db;
     border-radius: 20px;
     padding: 30px;
     color: #fff;
     font-size: 48px;
     font-weight: 700;
     margin-right: 20px
 }

 .sidebar-widget .widget-title,
 .sidebar-widget .widgettitle {
     font-size: 20px !important;
     line-height: 1;
     text-align: left;
     font-weight: 600;
     margin-bottom: 30px;
     border-left: 4px solid #3498db;
     padding-left: 15px
 }

 .btn.ss-btn {
     background: #3498db;
     border-radius: 10px;
     color: #fff;
     padding: 20px 30px;
     text-transform: uppercase
 }

 .bi-award::before,
 .bi-clock::before,
 .bi-emoji-smile::before,
 .bi-journal-richtext::before {
     box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
     border-radius: 50%
 }

 .header-cart a,
 .menu-center.style-1 .primary-menu li:hover>.submenu a:hover,
 .menu-top .header-socials a,
 .our_services_heading,
 .single-course-category style-3:hover,
 i {
     color: #000
 }

 .bi-emoji-smile::before {
     content: '\f327'
 }

 .bi-clock::before {
     content: '\f293'
 }

 .bi-journal-richtext::before {
     content: '\f443'
 }

 .bi-award::before {
     content: '\f154'
 }

 .more {
     box-shadow: rgba(50, 50, 93, .25) 0 50px 100px -20px, rgba(0, 0, 0, .3) 0 30px 60px -30px
 }

 .s-soft a:first-child {
     border-radius: 0 5px 0 0
 }

 .font-lg {
     font-size: 18px
 }

 .feature-text i {
     color: #fff;
     font-size: 19px;
     border-radius: 20px;
     height: 28px;
     padding: 3px 5px
 }

 .subheading {
     font-size: 27px;
     letter-spacing: 2px;
     font-weight: 700;
     color: #666;
     color: var(--theme-secondary-color)
 }

 .feature-text p {
     display: flex;
     flex-direction: row;
     font-size: 15px;
     gap: 10px;
     line-height: 24px;
     color: #39557e
 }

 .demo {
     margin-top: -21px
 }

 .text-center-1 {
     text-align: start !important
 }

 .heading h3 {
     font-size: 36px;
     line-height: 1.32;
     margin: 0;
     font-weight: 600;
     letter-spacing: -1px;
     text-transform: capitalize;
     font-family: Montserrat, sans-serif
 }

 .fl-fl,
 .one h1,
 .price-btn,
 .twitter {
     text-transform: uppercase
 }

 .about-features {
     margin-top: 30px
 }

 #bgcolour,
 #service,
 #testimonial,
 #vision,
 .portfolio {
     background-color: #f6f7fa
 }

 .justify-content-between {
     justify-content: space-between !important;
     position: relative
 }

 .header-navbar .site-logo {
     width: 50%;
     margin-right: 40px
 }

 .site-logo h1 {
     font-size: 26px
 }

 .header-notice,
 .header-search,
 .header-socials,
 .interview_para,
 .video-img a {
     font-size: 14px
 }

 .site-logo img {
     width: 48px
 }

 .header-navbar .site-logo a {
     max-width: 140px
 }

 .header-navbar .primary-menu {
     display: flex;
     align-items: center;
     justify-content: end
 }

 .header-navbar .primary-menu li a {
     font-size: 16px;
     font-weight: 600;
     color: #222
 }

 .header-btn .login:hover,
 .header-navbar .primary-menu li a:hover,
 .header-search a:hover,
 .header-search-bar .search-submit:hover,
 .header-socials a:hover,
 .header-style-3 .header-cart a:hover,
 .header-style-3 .header-search a:hover,
 .header-style-3 .header-socials a:hover,
 .menu-top .header-socials a:hover,
 .mini-cart:hover,
 .search_close i,
 .topbar-style-1 .header-socials a:hover {
     color: var(--theme-primary-color)
 }

 .header-navbar .primary-menu li .menu-trigger {
     font-size: 12px;
     font-weight: 500;
     color: #222;
     position: absolute;
     right: -10px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     line-height: 1;
     transition: .3s ease-out
 }

 .header-navbar .primary-menu li:not(:last-child) {
     margin-right: 40px
 }

 @media (max-width:1199px) {
     .header-navbar .primary-menu li:not(:last-child) {
         margin-right: 40px
     }
 }

 .header-category-menu .submenu,
 .header-navbar .primary-menu li .submenu {
     position: absolute;
     left: 0;
     top: 120%;
     min-width: 250px;
     transition: .3s ease-out;
     z-index: 99;
     height: auto;
     box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
     opacity: 0;
     visibility: hidden;
     background: #fff;
     padding-left: 5px;
     padding-top: 10px;
     padding-bottom: 10px
 }

 .header-category-menu li.has-submenu:hover>.submenu,
 .header-navbar .primary-menu li .submenu li:hover .submenu,
 .header-navbar .primary-menu li:hover>.submenu {
     visibility: visible;
     top: 100%;
     opacity: 1
 }

 .header-navbar .primary-menu li .submenu li .menu-trigger {
     right: 20px;
     color: #222
 }

 .header-category-menu li.has-submenu .submenu a,
 .header-navbar .primary-menu li .submenu li a {
     padding: 10px 20px;
     display: block;
     color: #000;
     opacity: .6
 }

 .header-navbar .primary-menu li .submenu li a:hover {
     color: var(--theme-primary-color);
     opacity: 1
 }

 .header-navbar .primary-menu li .submenu li {
     line-height: 1;
     margin: 0
 }

 .header-navbar .primary-menu li .submenu li .submenu {
     left: 100%;
     top: 20%
 }

 .header-navbar .primary-menu li .submenu li:hover>.submenu {
     top: 0
 }

 .header-navbar .nav-toggler {
     width: 53px;
     height: 53px;
     background: #fff;
     display: inline-block;
     line-height: 53px;
     font-size: 20px;
     text-align: center
 }

 .header-navbar .nav-toggler:hover {
     background: var(--theme-primary-color);
     color: #fff
 }

 .header-navbar.mobile-menu .site-navbar {
     position: fixed;
     right: 0;
     top: 0;
     width: 280px;
     margin-right: -280px;
     height: 100vh;
     background-color: #00000a;
     z-index: 999;
     display: block;
     padding: 80px 0 40px;
     overflow-x: hidden;
     overflow-y: scroll;
     transition: .3s ease-out
 }

 .header-navbar.mobile-menu .primary-menu li .submenu {
     position: unset;
     width: 100%;
     opacity: 1;
     visibility: visible;
     background-color: #00000a;
     border: none;
     transition: none;
     box-shadow: none;
     display: none
 }

 .header-navbar a.nav-close,
 .menu-center.style-1 .primary-menu li:hover>.submenu a:before {
     display: none
 }

 .header-navbar.mobile-menu .site-navbar a.nav-close {
     position: absolute;
     top: 20px;
     right: 10px;
     font-size: 18px;
     line-height: 1;
     padding: 5px;
     color: #fff;
     z-index: 2;
     display: block
 }

 .header-navbar.mobile-menu .primary-menu li .menu-trigger {
     position: absolute;
     right: 0;
     top: 0;
     height: 45px;
     width: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     -webkit-transform: translate(0);
     transform: translate(0);
     border-left: 1px solid rgba(255, 255, 255, .2);
     cursor: pointer;
     z-index: 2
 }

 .header-navbar.mobile-menu .primary-menu li a {
     display: block;
     color: rgba(255, 255, 255, .8);
     padding: 12px 20px;
     font-size: 15px
 }

 .header-navbar.mobile-menu .primary-menu li .submenu li {
     border: none;
     border-top: 1px solid rgba(255, 255, 255, .2)
 }

 .bg-icon a,
 .header-info-style1 .header-cart a,
 .header-info-style1 .header-search a {
     line-height: 40px;
     border-radius: 100%;
     width: 40px;
     height: 40px;
     text-align: center;
     display: inline-block
 }

 .nav-logo {
     left: 20px;
     position: absolute;
     top: 20px
 }

 .header-search a,
 .header-style-3 .header-cart a,
 .header-style-3 .header-search a,
 .header-style-3 .header-socials a,
 .header-style-3 .header-user a {
     color: #647589
 }

 .header-socials a {
     margin-left: 5px;
     color: #647589
 }

 .header-style-2 .header-mid {
     padding-bottom: 30px
 }

 .menu-center {
     line-height: 70px
 }

 .menu-center .primary-menu {
     justify-content: center
 }

 .menu-center.style-1 .primary-menu a {
     position: relative;
     padding-top: 30px
 }

 .menu-center.style-1 .primary-menu a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     right: 0;
     background: #f41f1c;
     width: 100%;
     height: 2px;
     opacity: 0;
     visibility: hidden;
     transition: .4s
 }

 .bg-color1 {
     background: #f7eee9
 }

 .menu-top {
     margin-bottom: 50px;
     padding: 12px 0
 }

 .menu-top .header-search a:hover {
     color: #fff;
     background: #000
 }

 .header-topbar {
     background: #fff;
     padding: 5px 0
 }

 .topbar-style-1 .header-socials a {
     color: #fff;
     margin-left: 15px
 }

 .bg-icon a {
     background: #ff5369;
     color: #fff
 }

 .bg-icon a:hover {
     background: #f3f3f3;
     color: var(--theme-primary-color)
 }

 .header-info-style1 .header-cart a,
 .header-info-style1 .header-search a {
     color: #444;
     border: 1px solid var(--theme-fourth-color);
     font-size: 13px
 }

 .s-video-content a::before,
 .video-img a::before {
     content: '';
     height: 90px;
     width: 90px;
     z-index: -1;
     transform: translate(-50%, -50%);
     animation: 1.5s ease-out infinite pulse-border;
     left: 50%
 }

 .header-info-style1 .header-cart a:hover,
 .header-info-style1 .header-search a:hover {
     background: var(--theme-primary-color);
     color: #fff;
     border-color: var(--theme-primary-color)
 }

 .header-navbar {
     box-shadow: rgba(0, 0, 0, .04) 0 6px 15px 0;
     padding: 15px 0
 }

 .header-btn .login {
     color: #000;
     margin-right: 15px
 }

 .header-search-bar .form-control {
     background: #f5f5f5;
     border-color: transparent;
     padding: 10px 20px;
     border-radius: 4px
 }

 .header-search-bar .form-control:focus,
 .header-search-bar .form-control:hover {
     border-color: #ddd;
     background: #fff
 }

 .header-search-bar .search-submit {
     position: absolute;
     right: 20px;
     top: 10px;
     color: #000
 }

 .header-style-3 .header-mid,
 .menu-2 {
     padding: 20px 0
 }

 .topbar-noticebar {
     background: #031f42
 }

 .menu_fixed,
 .page_search_box {
     z-index: 999;
     background: #fff;
     left: 0
 }

 .header-notice {
     color: #fff
 }

 .mini-cart {
     margin-right: 15px;
     position: relative;
     width: 40px;
     height: 40px;
     display: inline-block;
     font-size: 18px;
     color: #000
 }

 .mini-cart .cart-count {
     position: absolute;
     content: '';
     top: -8px;
     right: 4px;
     width: 20px;
     background: var(--theme-primary-color);
     color: #fff;
     height: 20px;
     text-align: center;
     line-height: 20px;
     border-radius: 100%;
     font-size: 11px
 }

 .border-left-0 {
     border-left: 0
 }

 .header-style-3 .header-navbar {
     box-shadow: none;
     padding: 0
 }

 .header-style-3 .cart-icon .count-no {
     position: absolute;
     content: '';
     top: -16px;
     right: -9px;
     width: 20px;
     height: 20px;
     background: #333;
     color: #fff;
     font-size: 12px;
     text-align: center;
     line-height: 21px;
     border-radius: 100%
 }

 .header-style-3 .header-user:hover,
 .offcanvas-icon .nav-toggler:hover {
     background: var(--theme-primary-color)
 }

 .header-style-3 .header-user {
     width: 40px;
     height: 40px;
     text-align: center;
     border: 1px solid #ddd;
     line-height: 40px;
     border-radius: 100%;
     transition: .4s
 }

 .header-style-3 .header-user:hover {
     border-color: var(--theme-primary-color)
 }

 .page_search_box {
     position: fixed;
     width: 100%;
     height: 0;
     top: 0;
     transition: .3s;
     display: flex;
     align-items: center;
     opacity: 0;
     visibility: hidden
 }

 .search_close {
     position: absolute;
     top: 50px;
     right: 100px
 }

 .me-2 a {
     color: #ddd
 }

 .page_search_box form {
     width: 70%;
     margin: 0 auto;
     position: relative
 }

 .border-bottom {
     border-bottom: 1px solid #dee2e6 !important
 }

 .page_search_box form input {
     width: 100%;
     background: 0 0;
     height: 50px;
     font-size: 24px;
     color: #373737;
     font-weight: 400;
     padding: 0 50px 0 0
 }

 .page_search_box form button {
     position: absolute;
     bottom: 11px;
     right: 0;
     border: 0;
     padding: 0;
     background: 0 0;
     font-size: 20px
 }

 .page_search_box.active {
     height: 100%;
     opacity: 1;
     visibility: visible
 }

 .offcanvas-icon .nav-toggler {
     background: #000;
     color: #fff;
     display: inline-block;
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 50px
 }

 .menu_fixed {
     position: fixed;
     top: 0;
     width: 100%;
     box-shadow: 0 16px 32px 0 rgba(196, 203, 255, .3)
 }

 .header-category-menu li.has-submenu a {
     font-size: 16px;
     font-weight: 600;
     color: #333
 }

 .header-category-menu li.has-submenu .submenu a:hover {
     opacity: 1;
     color: var(--theme-primary-color)
 }

 .header-style-1 .header-navbar {
     padding: 0 0 25px
 }

 .topbar-style-2 {
     padding: 12px 0 0
 }

 .cw-accordion__item .cw-acordion-cont ul,
 .header-btn {
     padding-left: 20px
 }

 .topbar-style-2 .header-btn i {
     margin-right: 10px;
     color: var(--theme-secondary-color)
 }

 .header-contact ul li {
     margin-right: 25px !important;
     color: #fff;
     opacity: .9;
     transition: .4s;
     font-size: 15px
 }

 #v_carousel .owl-nav .owl-prev,
 .ul-li ul li {
     margin-right: 10px
 }

 .topbar-style-2 .header-btn {
     border-color: rgba(255, 255, 255, .2);
     font-size: 15px
 }

 .header-btn {
     margin-left: 40px;
     border-left: 1px solid #e1e1e1
 }

 @media (min-width:992px) {
     .text-lg-start {
         text-align: left !important
     }

     .list-inline {
         padding-left: 0;
         list-style: none
     }

     .text-lg-end {
         text-align: right !important
     }
 }

 .video-img {
     position: relative !important;
     overflow: hidden !important;
     z-index: 1 !important;
     width: 100% !important;
     height: 340px !important
 }

 #so-open,
 .s-soft {
     position: fixed;
     transition: .2s linear
 }

 .video-img::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     opacity: .65
 }

 .video-img a {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 9;
     color: #3498db;
     text-align: center;
     background: #3498db;
     border-radius: 50%
 }

 .video-img a::before {
     position: absolute;
     top: 50%;
     background: #3498db;
     border-radius: 50%
 }

 @keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1
     }

     100% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0
     }
 }

 .left-align h2::before {
     margin: unset
 }

 .v-list ul li i {
     color: #3498db;
     display: inline-block
 }

 .v-padding {
     padding-top: 35px
 }

 .s-video-wrap {
     background-position: center;
     background-size: cover;
     margin-bottom: -415px;
     height: 550px;
     display: flex;
     align-items: center;
     margin-top: 55px
 }

 .s-item,
 .s-video-content a,
 .twitter {
     display: block;
     text-align: center
 }

 .s-video-content {
     padding-left: 200px
 }

 .s-video-content a {
     z-index: 9;
     font-size: 14px;
     color: #3498db;
     height: 80px;
     width: 80px;
     line-height: 80px;
     background: #fff;
     border-radius: 50%;
     margin-bottom: 25px;
     position: relative
 }

 .s-video-content a::before {
     position: absolute;
     top: 50%;
     background: rgba(255, 255, 255, .479);
     border-radius: 50%
 }

 .s-video-content h2 {
     font-size: 55px;
     color: #fff;
     font-weight: 600;
     letter-spacing: -2px;
     margin-bottom: 20px
 }

 .s-video-content p {
     font-size: 18px;
     color: #fff;
     margin-bottom: 0
 }

 .video-img a {
     height: 50px;
     width: 50px;
     line-height: 15px;
     padding: 17px
 }

 .s-soft {
     top: 124px;
     left: 1296px;
     z-index: 1000
 }

 .s-item:hover {
     left: 0;
     width: 110px;
     border-radius: 0 20px 20px 0
 }

 .s-soft a:last-child {
     border-radius: 0 0 5px
 }

 .s-item {
     width: 60px;
     height: 60px;
     color: #fff;
     font-size: 25px;
     line-height: 60px;
     transition: .2s linear
 }

 #so-open {
     top: 100px;
     left: -90px;
     border-radius: 0 30px 30px 0
 }

 .facebook,
 .phone {
     background-color: #3b5999
 }

 .twitter,
 .whatsapp {
     background-color: #3aafd6
 }

 .print {
     background-color: #de3c7d
 }

 .pinterest {
     background-color: #bd081c
 }

 .linkedin {
     background-color: #0e76a8
 }

 .instagram {
     background-color: #c32aa3
 }

 .so-collapse {
     left: -60px
 }

 .video-position {
     position: absolute;
     bottom: -170px;
     left: 50px
 }

 .top-header {
     background-color: #3498db;
     margin-top: -12px
 }

 .list-inline {
     padding: 0 134px 0 0;
     position: relative;
     top: 4px
 }

 .list-inline .fa {
     display: inline-block;
     font: 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     transform: translate(0, 0);
     color: #fff
 }

 .cw-accordion__item .cw-label:after,
 [class*=' icon-']:before,
 [class^=icon-]:before {
     font-variant: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 .course h5 {
     font-size: 14px;
     color: gray;
     line-height: 0
 }

 .ul-li ul li {
     list-style: none;
     display: inline-block;
     color: #989898;
     font-size: 12px;
     padding: 2px 10px;
     border-radius: 3px;
     background-color: #f7f7f7
 }

 .course h4 {
     font-size: 21px;
     color: #000;
     line-height: 0;
     font-weight: 400;
     padding-top: 15px
 }

 .icon-box p {
     font-size: 15px;
     padding: 0 30px
 }

 .text {
     margin: 0 60px
 }

 #v_carousel .owl-nav,
 .fa-lg {
     margin-top: 16px
 }

 .twitter {
     font: 11px Arial;
     letter-spacing: 0;
     color: #72898b;
     padding: 14px;
     -webkit-transition: .25s;
     -moz-transition: .25s;
     -ms-transition: .25s;
     -o-transition: .25s;
     transition: .25s
 }

 img {
     max-width: 100%
 }

 .fl-fl {
     background: #2764bf;
     letter-spacing: 3px;
     padding: 4px;
     width: 200px;
     position: fixed;
     right: -160px;
     z-index: 1000;
     font: 10px Arial;
     -webkit-transition: .25s;
     -moz-transition: .25s;
     -ms-transition: .25s;
     -o-transition: .25s;
     transition: .25s;
     display: flex;
     align-items: center;
     border-radius: 4px 0 0 4px;
     cursor: pointer
 }

 .fa-lg {
     font-size: 23px !important;
     color: #fff;
     line-height: 10px;
     margin-left: 5px;
     margin-bottom: 13px;
     vertical-align: -.075em
 }

 .fl-fl:hover {
     right: 0;
     width: 120px;
     display: flex;
     align-items: center;
     color: #fff
 }

 .fl-fl a {
     color: #fff !important;
     text-align: center;
     line-height: 33px !important;
     vertical-align: top !important
 }

 .float-fb {
     top: 265px
 }

 .float-tw {
     top: 320px
 }

 .float-codepen,
 .float-rs {
     top: 375px
 }

 .float-ig,
 .float-whatsapp {
     top: 430px
 }

 .courses__item {
     margin: 0 0 30px;
     background: var(--tg-common-color-white);
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -o-border-radius: 6px;
     background-color: #fff;
     -ms-border-radius: 6px;
     border-radius: 6px;
     -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
     box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
     overflow: hidden
 }

 .gallery-value,
 .one h1:after,
 .one h1:before {
     background-color: #3498db
 }

 .courses__item-thumb {
     position: relative;
     width: 100%;
     height: 200px
 }

 .courses__item-tag {
     position: absolute;
     left: 22px;
     top: 22px;
     font-size: 15px;
     font-weight: var(--tg-fw-medium);
     color: var(--tg-common-color-white);
     display: block;
     line-height: 1;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -o-border-radius: 50px;
     -ms-border-radius: 50px;
     border-radius: 50px;
     padding: 6px 16px;
     z-index: 2
 }

 .shine__animate-link {
     display: block;
     overflow: hidden;
     position: relative;
     z-index: 1;
     height: 200px
 }

 .courses__item-thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover
 }

 .courses__item-content {
     padding: 25px 15px 20px
 }

 .courses__item-meta {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 30%;
     margin: 0 0 10px;
     padding-left: 0 !important
 }

 .courses__item-content .title {
     font-weight: var(--tg-fw-regular);
     line-height: 23px;
     margin: 0 0 15px;
     color: #444
 }

 .title a {
     background-image: linear-gradient(var(--tg-heading-color), #082a5e), linear-gradient(var(--tg-heading-color), var(--tg-heading-color));
     background-size: 6% 1.5px, 0 1.5px;
     background-position: 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size .4s linear;
     color: #082a5e;
     font-weight: 500
 }

 .courses__item-meta li {
     color: #39557e;
     font-size: 14px
 }

 .courses__item-bottom {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: space-between;
     padding: 15px 0 0;
     margin: 20px 0 0;
     border-top: 1px solid #d7dce3
 }

 .courses__item-rating {
     color: #f8bc24;
     letter-spacing: -1px;
     line-height: 1
 }

 .title p {
     color: #082a5e;
     font-size: 14px
 }

 .float-pn {
     top: 435px
 }

 .twitter:hover {
     background-color: #075e54 !important;
     color: #fff !important
 }

 .facebook:hover {
     background-color: #1877f2 !important;
     color: #fff !important
 }

 .instagram:hover {
     background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
     background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
     background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important
 }

 .gallery-value {
     width: 100px;
     height: 100px;
     border-radius: 50%
 }

 .gallery-value i {
     display: flex;
     position: relative;
     gap: 25px;
     bottom: 40px;
     justify-content: center
 }

 .filter-pera {
     font-size: 14px;
     color: #39557e
 }

 .content-box {
     display: flex;
     flex-direction: column;
     align-items: center
 }

 .box-icon,
 .cw-section {
     flex-direction: column;
     display: flex
 }

 .value-1:hover .box-icon {
     background: #1237c5
 }

 .footer-text,
 .info a {
     color: #605f5f
 }

 .cw-acordion-cont p {
     font-size: 14px;
     color: #082a5e
 }

 .box-icon {
     width: 80px;
     height: 80px;
     background: #fff;
     transition: 1s;
     box-shadow: rgba(0, 0, 0, .1) 0 20px 25px -5px, rgba(0, 0, 0, .04) 0 10px 10px -5px;
     border-radius: 50%;
     text-align: center;
     align-items: center;
     justify-content: center;
     align-content: center;
     flex-wrap: nowrap
 }

 .box-icon i {
     font-size: 32px;
     font-weight: 500
 }

 .main-heading {
     padding: 15px;
     font-size: 15px;
     font-weight: 600;
     color: #5a7093;
     text-align: center
 }

 .jst-cent {
     display: flex;
     gap: 25px;
     justify-content: center;
     margin-top: -55px
 }

 .col-lg-2 {
     flex: 0 0 auto
 }

 .overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .6);
     z-index: -2;
     mix-blend-mode: hard-light
 }

 .container-fluid {
     margin-top: 40px
 }

 .cw-fix {
     max-width: 800px !important;
     margin: -55px auto auto;
     width: 100%;
     padding: 40px 0
 }

 .nav-pills {
     --bs-nav-pills-border-radius: var(--bs-border-radius);
     --bs-nav-pills-link-active-color: #fff;
     --bs-nav-pills-link-active-bg: #0d6efd
 }

 .nav {
     --bs-nav-link-padding-x: 1rem;
     --bs-nav-link-padding-y: 0.5rem;
     --bs-nav-link-font-weight: ;
     --bs-nav-link-color: var(--bs-link-color);
     --bs-nav-link-hover-color: var(--bs-link-hover-color);
     --bs-nav-link-disabled-color: var(--bs-secondary-color);
     display: flex;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }

 .cw-section {
     row-gap: 2rem;
     padding: 0;
     margin-bottom: 20px
 }

 .cw-section__title,
 .price-btn {
     margin-bottom: 0;
     text-align: center
 }

 .faq-top p {
     margin: 0
 }

 .cw-section__title {
     font-size: 2rem;
     color: #332470
 }

 .cw-section__title span {
     color: #6a49f2
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     color: var(--bs-nav-pills-link-active-color)
 }

 .cw-accordion {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     row-gap: 1rem
 }

 .cw-accordion__item {
     padding: .8rem 1rem;
     background: #fff;
     position: relative;
     width: 100%;
     cursor: pointer;
     box-shadow: 0 4px 10px #ede9fe;
     border: 1px solid #cdcdcd
 }

 .cw-accordion__item .cw-label {
     padding-left: 26px;
     position: relative;
     width: 100%;
     display: inline-block;
     font-size: 15px;
     font-weight: 500
 }

 .cw-accordion__item .cw-label:after {
     position: absolute;
     left: 0;
     content: '\2b';
     font-family: 'Font Awesome 6 Free';
     display: var(--fa-display, inline-block);
     font-style: normal;
     text-rendering: auto;
     font-weight: 900;
     font-size: 10px;
     top: 3px;
     border: 1px solid #000;
     width: 16px;
     height: 16px;
     border-radius: 100%;
     line-height: 13px;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .cw-accordion__item .cw-label.cw-open:after {
     transform: rotate(45deg)
 }

 .cw-accordion__item .cw-acordion-cont {
     height: 0;
     overflow: hidden;
     transition: .4s;
     -webkit-transition: .4s;
     font-size: 15px;
     padding-left: 25px;
     padding-right: 25px
 }

 .cw-accordion__item .cw-acordion-cont ul li {
     margin: 7px 0
 }

 .cw-accordion__item .cw-open+.cw-acordion-cont {
     height: auto;
     padding-top: 15px;
     padding-bottom: 15px
 }

 .faq-contact {
     text-align: center;
     padding: 10px 0
 }

 .faq-contact h3 {
     margin: 0 0 15px
 }

 .faq-contact .contact-btn {
     padding: 8px 20px;
     background-color: #000;
     color: #fff;
     display: inline-block;
     border: 1px solid #000;
     transition: .5s;
     font-weight: 700
 }

 .faq-contact .contact-btn:hover {
     background-color: transparent;
     color: #000
 }

 @media (max-width:992px) {
     .breadcrumbs {
         margin-top: 72px
     }

     .breadcrumbs ol {
         margin-top: 10px
     }

     .cw-section__title {
         font-size: 1.5rem
     }
 }

 .nav-pills .nav-link {
     border-radius: var(--bs-nav-pills-border-radius);
     color: #0d6efd;
     box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
     font-weight: 700
 }

 .one h1 {
     font-weight: 700;
     font-size: 34px;
     text-align: center;
     padding-bottom: 5px
 }

 .one h1:before {
     width: 28px;
     height: 5px;
     display: block;
     content: '';
     position: absolute;
     bottom: 3px;
     left: 50%;
     margin-left: -14px
 }

 .one h1:after {
     width: 100px;
     height: 3px;
     display: block;
     content: '';
     position: relative;
     margin-top: 15px;
     left: 50%;
     margin-left: -50px
 }

 @keyframes bounce {

     0%,
     100% {
         transform: scale(1)
     }

     25% {
         transform: scale(.95)
     }

     50% {
         transform: scale(1.1)
     }

     75% {
         transform: scale(.98)
     }
 }

 @font-face {
     font-family: fontello;
     src: url('http://bulp.ir/up/fonts/fontello.eot?94232337');
     src: url('http://bulp.ir/up/fonts/fontello.eot?94232337#iefix') format('embedded-opentype'), url('fonts/fontello.woff2?94232337') format('woff2'), url('http://bulp.ir/up/fonts/fontello.woff?94232337') format('woff'), url('http://bulp.ir/up/fonts/fontello.ttf?94232337') format('truetype'), url('http://bulp.ir/up/fonts/fontello.svg?94232337#fontello') format('svg');
     font-weight: 400;
     font-style: normal;
     font-display: swap
 }

 [class*=' icon-']:before,
 [class^=icon-]:before {
     font-family: fontello;
     font-style: normal;
     font-weight: 400;
     speak: none;
     text-transform: none
 }

 .price-btn {
     user-select: none;
     -moz-user-select: none;
     background: #1363df;
     border: none;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: var(--tg-fw-semi-bold);
     letter-spacing: 0x;
     line-height: 1;
     padding: 15px;
     touch-action: manipulation;
     -webkit-transition: .3s ease-out;
     -moz-transition: .3s ease-out;
     -ms-transition: .3s ease-out;
     -o-transition: .3s ease-out;
     transition: .3s ease-out;
     vertical-align: middle;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -o-border-radius: 4px;
     -ms-border-radius: 4px;
     border-radius: 4px;
     white-space: nowrap;
     overflow: hidden
 }

 .author,
 .author:hover {
     transition: .5s ease-in
 }

 .contact-form-wrap {
     background-color: #f6f7fa;
     border: 1px solid #dae0e7;
     border-radius: 8px;
     padding: 30px 45px 40px
 }

 .contact-form-wrap .title {
     position: relative;
     font-weight: 600;
     font-size: 24px;
     padding-bottom: 17px;
     margin-bottom: 30px
 }

 .Submit-btn {
     padding: 10px
 }

 .author a {
     color: #fff;
     font-size: 15px
 }

 .author-1 {
     padding: 6px
 }

 .author-1 a {
     color: #072655;
     font-size: 21px;
     font-weight: 600
 }

 .author {
     background-color: #1363df;
     padding: 10px;
     border-radius: 5px;
     border: 1px solid #1363df
 }

 .author:hover {
     background-color: #fff;
     border: 1px solid #1363df
 }

 .author:hover .cls_form {
     color: #1363df !important;
     font-size: 15px;
     transition: .5s ease-in
 }

 .contact-form-wrap .title::before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 28px;
     height: 4px;
     border-radius: 2px;
     background: #1363df
 }

 .btn {
     background: #1363df;
     color: #fff
 }

 .owl-nav {
     display: flex;
     justify-content: center
 }

 .contact-form-wrap .form-grp input,
 .contact-form-wrap .form-grp textarea {
     width: 100%;
     border: 1px solid #dae0e7;
     border-radius: 3px;
     display: block;
     background: var(--tg-common-color-white);
     font-weight: 400;
     font-size: 15px;
     color: var(--tg-body-color);
     padding: 11px 20px;
     height: 50px;
     transition: .3s;
     background-color: #fff
 }

 .btn:hover {
     background: #082a5e;
     color: #fff
 }

 .icon-basket:before {
     content: '\e800'
 }

 .icon-heart:before {
     content: '\e801'
 }

 .cou-it-1 {
     position: relative;
     top: -35px
 }

 .close span,
 .closes span {
     font-size: 34px;
     cursor: pointer;
     margin-right: 0;
     margin-bottom: 29px
 }

 .content-box,
 .course-cat-title a,
 .value-1 {
     cursor: default
 }

 #message {
     height: 100px !important
 }

 .sent-message {
     display: none;
     color: #027806;
     text-align: center;
     margin-top: 10px
 }

 .contact .mail-form .sent-message {
     display: none;
     color: #027806;
     background: 0 0;
     text-align: center;
     padding: 15px;
     font-weight: 600
 }

 .value-1 {
     background: #f5f5f5;
     padding: 21px 3px 0 0;
     border-radius: 10px
 }

 .carousel-wrap {
     padding: 0 8%;
     margin: 70px auto 90px;
     width: 100%;
     position: relative
 }

 .owl-carousel .item {
     position: relative;
     z-index: 100;
     -webkit-backface-visibility: hidden
 }

 .owl-nav>div {
     margin-top: -26px;
     position: absolute;
     top: 50%;
     color: #000
 }

 .owl-nav .owl-prev {
     left: -30px
 }

 .owl-nav .owl-next {
     right: -30px
 }

 .del-color {
     color: #8d9db5
 }

 .rupee-color {
     color: #1363df
 }

 ::-webkit-scrollbar {
     width: 8px
 }

 ::-webkit-scrollbar-thumb {
     background: #1363df;
     border-radius: 5px
 }

 ::-webkit-scrollbar-thumb:hover {
     background: #1363df
 }

 .lang_icon {
     display: flex;
     align-items: center;
     margin-top: 30px
 }

 .lang_icon .lang_img {
     width: 50px;
     margin-right: 15px
 }

 @media only screen and (max-width:768px) {

     .section-title h2::after,
     .section-title h2::before {
         width: 35px
     }

     .section-title h2::before {
         margin: 0 15px 4px
     }

     .section-title h2::after {
         margin: 0 0 4px 15px
     }

     .sm_team {
         display: block !important
     }

     .sm_team .member-img.mob_team img {
         width: 100%
     }

     .about-features.mob_det {
         margin-top: 0 !important
     }
 }

 .error,
 .femail_error,
 .femails_error,
 .fmessage_error,
 .fname_error,
 .fnumber_error,
 .hire_city_error,
 .hire_company_name_error,
 .hire_email_error,
 .hire_name_error,
 .hire_number_error,
 .hire_requirement_error,
 .lname_error,
 .partner_area_error,
 .partner_exp_error,
 .scity_error,
 .semail_error,
 .semails_error,
 .smessage_error,
 .sname_error,
 .snumber_error,
 .squalify_error {
     color: red;
     font-size: 12px;
     margin-top: 4px
 }

 .btn-loader {
     width: 22px;
     height: 22px
 }

 .value_added {
     margin-bottom: 70px
 }

 &:hover,
 .design_filter,
 .design_filterss,
 .image-list img {
     cursor: pointer
 }

 .section__title__2 .section__title__heading__2 h2 {
     font-size: 32px;
     font-weight: 700;
     color: #000
 }

 .aboutarea__list__2 ul {
     padding-left: 0;
     margin-top: 20px
 }

 .aboutarea__list__2 ul li {
     margin-bottom: 12px;
     color: #000;
     font-weight: 500;
     display: flex;
     align-items: center
 }

 .aboutarea__list__2 ul li i {
     width: 30px;
     height: 30px;
     line-height: 31px;
     text-align: center;
     background: rgba(95, 45, 237, .04);
     color: #5f2ded;
     display: inline-block;
     margin-right: 15px
 }

 .aboutimg,
 .technokey_img {
     width: 85%
 }

 .questionare {
     background-color: #17093e;
     padding: 50px;
     border-radius: 20px
 }

 .question_v2 {
     color: #fff;
     font-weight: 700;
     font-size: 22px;
     margin-bottom: 20px
 }

 .ans_question a {
     color: #fff;
     text-decoration: underline;
     font-weight: 600
 }

 .banner-carousel .owl-prev {
     position: absolute;
     left: 80px;
     top: 50%
 }

 .banner-carousel .owl-next {
     position: absolute;
     right: 8cqh;
     top: 50%
 }

 @media only screen and (max-width:1040px) {
     .banner-carousel .owl-nav {
         display: none
     }
 }

 .about_heading {
     color: #444;
     font-size: 36px;
     font-weight: 600;
     text-transform: capitalize;
     text-align: center
 }

 .learn_more_services,
 .right_arrow {
     font-weight: 500;
     color: #2764bf
 }

 .about_para,
 .course_titles,
 .home_blog_title,
 .testimonial_home {
     text-transform: uppercase
 }

 @media screen and (max-width:767px) {
     .about_heading {
         font-size: 26px !important
     }

     .about_para {
         font-size: 12px !important
     }
 }

 .years_15 {
     color: #3172d3
 }

 .about_para {
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 28px
 }

 .our_services_div {
     border: 1px solid #e8f6f1;
     background: #fff;
     box-shadow: 0 0 30px 0 rgba(29, 166, 120, .2);
     position: relative;
     height: 100%;
     transition: all 0.3s ease;
 }

 @media (max-width: 768px) {

     .our_services_div,
     .our_services_div2 {
         padding: 30px !important;
     }
 }

 .our_services_div2:before,
 .our_services_div:before {
     position: absolute;
     width: 100%;
     height: 3px;
     background-color: #1700ff;
     content: '';
     left: 0;
     top: 0
 }

 .our_services_div2 {
     border: 1px solid #fff1e7;
     background: #fff;
     box-shadow: 0 0 30px 0 rgba(239, 87, 67, .2);
     position: relative
 }

 .our_services_p {
     color: #656565;
     line-height: 28px;
     height: 105px
 }

 @media (max-width: 768px) {
     .our_services_p {
         height: auto;
     }
 }

 .learn_more_services {
     text-align: center;
     line-height: 28px;
     background-color: transparent;
     border: none
 }

 .our_services_img {
     width: 114px;
     height: 114px
 }

 .technologies_img {
     height: 105px;
     width: fit-content !important;
     margin: 0 auto
 }

 .technologies_div {
     border-radius: 10px;
     border: 1px solid #e9ecef;
     background: #fff;
     box-shadow: -11.729px -11.729px 32px 0 rgba(255, 255, 255, .15);
     text-align: center;
     padding: 15px;
     margin: 0 10px
 }

 .technologies_carousel .owl-dots .owl-dot span {
     background: rgba(39, 100, 191, .6) !important;
     margin: 20px 7px !important
 }

 .technologies_carousel .owl-dots .owl-dot.active span {
     background: #2764bf !important;
     width: 40px !important
 }

 .why_technokey_learning li {
     color: #67687a;
     margin-top: 10px;
     list-style: disc
 }

 .why_technokey_learnings {
     background: #fff;
     box-shadow: 0 10px 13px 0 rgba(73, 56, 241, .21);
     height: 100%;
     text-align: center;
     border-radius: 10px
 }

 .why_technokey_learnings li {
     color: #67687a;
     font-size: 14px
 }

 .vission_img {
     width: 100%;
     height: 200px;
     object-fit: contain
 }

 .why_technokey_number1 {
     border-radius: 100%;
     background: linear-gradient(90deg, #f3001d 0, #ffb400 100%);
     box-shadow: 0 10px 13px 0 rgba(255, 180, 0, .21);
     width: 27px;
     height: 27px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff !important;
     font-weight: 700;
     padding-top: 2px
 }

 .why_technokey_number2,
 .why_technokey_number3 {
     border-radius: 100%;
     width: 27px;
     height: 27px;
     display: flex;
     align-items: center;
     color: #fff !important;
     font-weight: 700;
     padding-top: 2px
 }

 .why_technokey_number2 {
     background: linear-gradient(90deg, #00b3f5 0, #4938f1 100%);
     box-shadow: 0 10px 13px 0 rgba(73, 56, 241, .21);
     justify-content: center
 }

 .why_technokey_number3 {
     background: linear-gradient(90deg, #00f511 0, #2e9700 100%);
     box-shadow: 0 10px 13px 0 rgba(46, 151, 0, .21);
     justify-content: center
 }

 .home_course,
 .home_course::before {
     border-radius: 20px;
     background: #fff;
     box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
 }

 .trusted_by_img {
     height: 140px;
     object-fit: contain
 }

 .home_course {
     height: 100%;
     position: relative
 }

 @media screen and (min-width:1400px) {
     .home_course {
         padding: 35px !important;
         margin: 0 20px
     }
 }

 .avaliable_course,
 .avaliable_courses {
     display: inline-block;
     background-color: #2764bf;
     padding: 7px 14px;
     color: #fff;
     border-radius: 30px;
     font-size: 14px
 }

 .home_course::before {
     position: absolute;
     content: '';
     width: 90%;
     height: 20px;
     bottom: -10px;
     left: 0;
     right: 0;
     margin: 0 auto;
     z-index: -1
 }

 .avaliable_courses {
     position: absolute;
     left: 22px;
     top: 22px
 }

 .home_course_heading,
 .home_course_para {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     color: #000
 }

 .home_course_heading {
     -webkit-line-clamp: 1
 }

 .home_course_para {
     -webkit-line-clamp: 4
 }

 .lesson_time {
     color: #7e7e7e
 }

 .course_img {
     width: 100%;
     height: 200px
 }

 .home_course_img {
     width: 100%;
     height: 100%
 }

 .course_button {
     border-radius: 20px;
     background: #2764bf;
     box-shadow: 0 0 30px 0 rgba(39, 100, 191, .2);
     padding: 15px 50px;
     color: #fff;
     font-weight: 600;
     border: none;
     transition: .7s ease-in-out;
     margin: 0 auto;
     text-align: center;
     width: fit-content
 }

 .design_filter,
 .testimonial_card {
     background: #fff;
     text-align: center
 }

 .course_button:hover {
     border: 1px solid #2764bf;
     background-color: #fff;
     color: #2764bf;
     transition: .7s ease-in-out
 }

 .testimonial_home {
     color: #4f5de4;
     text-align: center
 }

 .design_filter {
     border-radius: 20px;
     border: none;
     width: 190px;
     margin: 20px 5px;
     white-space: nowrap;
     padding: 10px;
     transition: .5s ease-in-out;
     display: flex;
     align-items: center;
     justify-content: center
 }

 .design_filter.active {
     background-color: #2764bf;
     color: #fff
 }

 .testimonial_scroller {
     display: flex;
     justify-content: center;
     overflow-x: scroll;
     gap: 30px
 }

 .blog_home_heading,
 .blog_home_para {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical
 }

 .testimonial_scroller::-webkit-scrollbar {
     height: 0
 }

 .testimonial_card {
     border-radius: 40px;
     border: 1px solid #e0e3fd;
     box-shadow: 11px 15px 30px 0 rgba(128, 137, 225, .1);
     position: relative;
     padding: 0 10px 50px;
     margin: 20px 0
 }

 .testimonial_carousel .owl-item {
     padding-top: 70px !important
 }

 .quick_links,
 .quick_links_a p:hover,
 .testimonial_card h5 {
     color: #1237c5
 }

 .testimonial_card p {
     color: #2a254d;
     text-align: start;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     margin-top: 15px
 }

 .testimonial_profile {
     margin: -70px auto 0;
     width: 137px !important;
     height: 137px;
     border-radius: 50%;
     object-fit: cover
 }

 @media screen and (min-width:768px) {
     .testimonial_company {
         width: 80% !important
     }
 }

 .testimonial_company {
     width: 90%
 }

 .testimonial_carousel .owl-nav {
     margin-left: 0;
     margin-bottom: 20px
 }

 .single-content img {
     width: 270px;
     height: 200px;
     object-fit: contain
 }

 .image-list img,
 .slick-slide img {
     max-width: 100%;
     height: auto
 }

 .filters {
     width: 100%;
     text-align: center
 }

 .home_blog {
     padding: 15px;
     border-radius: 15px;
     border: 1px solid #e3e3e3
 }

 .home_blog_title {
     background-color: #9080fc;
     padding: 5px 8px;
     color: #fff;
     font-size: 14px;
     border-radius: 5px;
     font-weight: 600;
     margin-top: 15px
 }

 .blog_home_heading {
     color: #0c1436;
     font-weight: 500;
     line-height: 28px;
     margin-top: 15px
 }

 .blog_home_para {
     color: #7d7d7d;
     font-weight: 400;
     line-height: 25px
 }

 .home_blog_img {
     border-radius: 20px 20px 5px 5px
 }

 .user-wrapper {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 .user.hide {
     display: none !important;
 }

 .Memorable_para {
     color: grey;
     text-align: center;
     width: 40%;
     margin: 0 auto
 }

 .memorable_img {
     width: 100%;
     height: 380px;
     object-fit: cover;
     border-radius: 15px
 }

 .memorable_imgs {
     width: 15px;
     height: 14px
 }

 .b_0 {
     bottom: 10px;
     left: 25px
 }

 .memorable_btn {
     border-radius: 28px;
     background: var(--main-color, #00a79d);
     border: none;
     color: #fff;
     padding: 5px 10px;
     font-size: 14px
 }

 #shadow-host-companion,
 .gallery_modal {
     padding: 0 !important
 }

 .memorable_para {
     color: rgba(35, 38, 47, .6);
     font-weight: 500
 }

 .gallery_carousel_btn {
     width: 25%;
     height: 25%
 }

 .gallery_modal {
     list-style: none;
     font-weight: 600
 }

 .carousel-close-button {
     position: absolute;
     top: 10px;
     right: 3%;
     cursor: pointer;
     z-index: 10;
     background-color: transparent;
     color: #fff;
     border: none;
     font-size: 30px
 }

 .image-list {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .8);
     display: none;
     justify-content: center;
     align-items: center;
     z-index: 999
 }

 .carousel {
     display: block;
     margin: auto;
     max-width: 100%
 }

 .gallery_nav,
 .overlay.active {
     display: flex
 }

 .overlay img {
     max-width: 80%;
     max-height: 80%
 }

 .full_view {
     height: 80vh !important;
     object-fit: contain
 }

 .gallery_nav {
     padding-top: 50px;
     align-items: center;
     justify-content: center
 }

 .gallery_nav .owl-nav button.owl-next,
 .gallery_nav .owl-nav button.owl-prev {
     color: var(--theme-text);
     font-size: 20px;
     background-color: #fff;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     border: 1px solid var(--theme-text)
 }

 .gallery_nav .owl-nav button.owl-next:hover,
 .gallery_nav .owl-nav button.owl-prev:hover {
     background-color: rgba(241, 243, 244, .9) !important
 }

 .gallery_nav .owl-nav button.owl-prev {
     position: absolute;
     bottom: 50%;
     left: 40px
 }

 .gallery_nav .owl-nav button.owl-next {
     position: absolute;
     right: 40px;
     bottom: 50%
 }

 .change_color {
     text-align: center;
     padding: 10px !important;
     border-radius: 10px !important;
     color: #fff !important;
     margin-left: 10px;
     animation: 7s infinite changeBackgroundColor
 }

 @keyframes changeBackgroundColor {
     0% {
         background-color: #2764bf
     }

     50% {
         background-color: #ff4136
     }

     100% {
         background-color: #001f3f
     }
 }

 .speaker_heaer {
     width: 30px;
     padding-right: 8px
 }

 @media screen and (max-width:600px) {

     .gallery_nav .owl-nav button.owl-next,
     .gallery_nav .owl-nav button.owl-prev,
     .section-titles::after,
     .section-titles::before {
         display: none
     }

     .contact-form-wrap .form-grp input,
     .contact-form-wrap .form-grp textarea {
         font-size: 13px !important
     }

     .our_services_p {
         font-size: 14px;
         height: 100% !important
     }

     .testimonial_card p {
         font-size: 14px !important
     }

     .testimonial_card {
         font-size: 14px
     }

     .change_color {
         font-size: 10px !important
     }
 }

 .banner_section {
     padding: 0 0 20px !important;
     min-height: 500px;
 }

 .margin_banner {
     margin-top: 70px
 }

 @media screen and (max-width:700px) {
     .margin_banner {
         margin-top: 30px !important
     }

     .first_banner {
         width: 80% !important;
         margin: 0 auto !important
     }
 }

 .service_banner {
     font-size: 40px;
     font-weight: 700;
     position: relative;
     width: fit-content
 }

 .service_banner::after {
     content: '';
     position: absolute;
     width: 75%;
     height: 11px;
     background-color: #f9ab33;
     left: 0;
     bottom: -15px
 }

 @media screen and (min-width:650px) {
     .banner_services_img {
         width: 80px !important
     }
 }

 .technologies_banner,
 .tranier_banner {
     font-size: 30px;
     font-weight: 700
 }

 .case_studies_faq,
 .course_titles {
     font-weight: 600
 }

 .service_banner_img {
     width: 80% !important
 }

 .banner-carousel .owl-stage {
     display: flex;
     align-items: center
 }

 @media screen and (max-width:1023px) {
     .para_hide {
         display: none
     }
 }

 @media screen and (min-width:651px) and (max-width:1023px) {
     .tranier_banner {
         font-size: 20px !important
     }
 }

 @media only screen and (min-width: 992px) {
     .dropdowns {
         position: static !important;
     }

     .dropdowns:hover .megamenu_dropdown {
         display: flex !important;
         flex-direction: row;
         justify-content: center;
         align-items: flex-start;
         gap: 40px;
         padding: 40px !important;
         width: max-content !important;
         max-width: 98vw;
         position: fixed !important;
         top: 96px;
         left: 50vw !important;
         transform: translateX(-50%) !important;
         box-shadow: 0 15px 35px rgba(0, 0, 0, .2);
         border-radius: 12px;
         max-height: 85vh;
         overflow-y: auto;
         overflow-x: auto;
         z-index: 1001;
     }

     .megamenu_dropdown a {
         white-space: normal !important;
     }

     .megamenu_column {
         flex: 0 0 auto;
         min-width: 200px;
         max-width: 280px;
         display: flex;
         flex-direction: column;
         gap: 0px;
     }

     .megamenu_dropdown.show {
         display: flex !important;
     }
 }

 .navbar_ul {
     padding: 0;
     margin-bottom: 25px;
     display: inline-block;
     width: 100%;
     break-inside: avoid;
     border-right: none
 }

 .navbar_ul:last-child {
     margin-bottom: 0
 }

 .navbar_ul li {
     margin-bottom: 5px;
 }

 .navbar_ul li a {
     color: #555;
     transition: all 0.3s;
 }

 .navbar_ul li a:hover {
     color: #2764bf;
     padding-left: 5px;
 }

 @media only screen and (max-width:991px) {
     .dropdowns:hover .megamenu_dropdown {
         display: none;
         width: 80vw;
         margin: 0 auto 0 20px;
         text-align: left;
     }

     .megamenu_dropdown.show {
         display: block !important;
         position: relative
     }
 }

 .navbar-mobile .navbar_ul {
     display: block;
     position: relative;
     top: 0;
     left: 0;
     padding: 10px 0;
     border-radius: 8px;
     background-color: #fff;
     overflow-y: auto;
     transition: .3s
 }

 .navbar-mobile .height_100vh {
     height: 100vh
 }

 .quick_links_a p {
     font-size: 15px;
     color: #605f5f
 }

 .number_call {
     color: #7d7d7d !important
 }

 .gif_check {
     width: 25px
 }

 .course_titles,
 .modal_contact {
     width: fit-content
 }

 .design_filterss {
     padding: 10px 20px 7px;
     margin-top: 10px;
     font-weight: 600;
     position: relative;
     white-space: nowrap
 }

 .design_filterss.active {
     color: #1c89ac;
     position: relative;
     background-color: #e6f7ff;
     border-radius: 10px
 }

 .design_filterss.active::before {
     position: absolute;
     content: '>';
     right: 5px;
     top: 0;
     font-size: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     bottom: 0
 }

 .border_left_interview {
     border-left: 1px solid #e5eaf2
 }

 .course_titles {
     color: #1c89ac;
     padding-right: 20px;
     font-size: 18px;
     letter-spacing: .025em
 }

 .interview_scroller {
     display: block;
     overflow-x: scroll;
     gap: 15px;
     margin-top: 10px
 }

 @media screen and (max-width:767px) {
     .testimonial_scroller {
         justify-content: start !important
     }

     .interview_scroller {
         display: flex !important;
         justify-content: flex-start;
         align-items: center;
         flex-wrap: nowrap;
         overflow-x: scroll
     }

     .design_filterss {
         border-right: 1px solid grey
     }
 }

 .interview_scroller::-webkit-scrollbar {
     height: 0
 }

 li.course_para {
     list-style: disc;
     margin-bottom: 10px
 }

 .closes {
     background-color: transparent;
     border: 0 solid #fff;
     float: right
 }

 .partner_file {
     position: absolute;
     top: 0;
     z-index: 1;
     opacity: 0
 }

 .course_carousel .owl-item {
     margin: 30px 0
 }

 .course_carousel .owl-nav .owl-prev {
     position: absolute;
     left: 0;
     top: 45%
 }

 .course_carousel .owl-nav .owl-next {
     position: absolute;
     right: 0;
     top: 45%
 }

 body.modal-open {
     padding-right: 0 !important;
 }