/**
* Template Name: Day
* Template URL: https://bootstrapmade.com/day-multipurpose-html-template-for-free/
* Updated: Jun 14 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
/* Fonts */
:root {
  --default-font: "Open Sans",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Raleway",  sans-serif;
  --nav-font: "Poppins",  sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #444444; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #191919; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #cc1616; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --contrast-color: #ffffff; /* The contrast color is used for elements when the background color is one of the heading, accent, or default colors. Its purpose is to ensure proper contrast and readability when placed over these more dominant colors */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #ffffff;  /* The default color of the main navmenu links */
  --nav-hover-color: #cc1616; /* Applied to main navmenu links when they are hovered over or active */
  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #212529; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #cc1616; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--background-color);
  background-image: url("img/bg.jpg");
  font-family: var(--default-font);
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}

.single_special_cource > img {
  max-width: 100% !important;
  min-width: 100% !important;
}

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
  --background-color: #242424;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --contrast-color: #ffffff;
  color: var(--default-color);
  transition: all 0.5s;
  z-index: 997;
  background-color: var(--background-color);
}

.header .topbar {
  background-color: #0c0c0c;
  height: 40px;
  padding: 0;
  font-size: 14px;
  transition: all 0.5s;
}

.header .topbar .contact-info i {
  font-style: normal;
  color: var(--accent-color);
}

.header .topbar .contact-info i a,
.header .topbar .contact-info i span {
  padding-left: 5px;
  color: var(--default-color);
}

@media (max-width: 575px) {

  .header .topbar .contact-info i a,
  .header .topbar .contact-info i span {
    font-size: 13px;
  }
}

.header .topbar .contact-info i a {
  line-height: 0;
  transition: 0.3s;
}

.header .topbar .contact-info i a:hover {
  color: var(--contrast-color);
  text-decoration: underline;
}

.header .topbar .social-links a {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  line-height: 0;
  transition: 0.3s;
  margin-left: 20px;
}

.header .topbar .social-links a:hover {
  color: var(--accent-color);
}

.header .branding {
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  min-height: 50px;
}

.header .logo {
  line-height: 1;
}

.header .logo img {
  max-height: 36px;
  margin-right: 8px;
}

.header .logo h1 {
  font-size: 30px;
  margin-left: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--heading-color);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
  .navmenu {
    padding: 0;
  }

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

  .navmenu li {
    position: relative;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-color);
    padding: 20px 15px;
    margin-left: 2px;
    font-size: 16px;
    font-family: var(--nav-font);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

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

  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--contrast-color);
    background-color: var(--nav-hover-color);
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 2px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    z-index: 99;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;
    margin: 0;
    font-size: 15px;
    text-transform: none;
    color: var(--nav-dropdown-color);
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {
    color: var(--contrast-color);
    background-color: var(--nav-hover-color);
  }

  .navmenu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }
}

/* Mobile Navigation */
@media (max-width: 1199px) {
  .mobile-nav-toggle {
    color: var(--nav-color);
    font-size: 28px;
    line-height: 0;
    margin-right: 30px;
    cursor: pointer;
    transition: color 0.3s;
  }

  .navmenu {
    padding: 0;
    z-index: 9997;
  }

  .navmenu ul {
    display: none;
    position: absolute;
    inset: 60px 20px 20px 20px;
    padding: 10px 0;
    margin: 0;
    border-radius: 6px;
    background-color: var(--nav-dropdown-background-color);
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
    box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 90%);
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-dropdown-color);
    padding: 10px 20px;
    font-family: var(--nav-font);
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  }

  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: var(--accent-color);
    color: var(--contrast-color);
  }

  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    transform: rotate(180deg);
  }

  .navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    transition: all 0.5s ease-in-out;
  }

  .navmenu .dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }

  .navmenu .dropdown>.dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
  }

  .mobile-nav-active {
    overflow: hidden;
  }

  .mobile-nav-active .mobile-nav-toggle {
    color: #fff;
    position: absolute;
    font-size: 32px;
    top: 15px;
    right: 15px;
    margin-right: 0;
    z-index: 9999;
  }

  .mobile-nav-active .navmenu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background: rgba(33, 37, 41, 0.8);
    transition: 0.3s;
  }

  .mobile-nav-active .navmenu>ul {
    display: block;
  }
}

/* Listing Dropdown - Desktop */
@media (min-width: 1200px) {
  .navmenu .listing-dropdown {
    position: static;
  }

  .navmenu .listing-dropdown ul {
    margin: 0;
    padding: 10px;
    background: var(--nav-dropdown-background-color);
    box-shadow: 0px 0px 20px color-mix(in srgb, var(--default-color), transparent 90%);
    position: absolute;
    top: 130%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    display: flex;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
  }

  .navmenu .listing-dropdown ul li {
    flex: 1;
  }

  .navmenu .listing-dropdown ul li a,
  .navmenu .listing-dropdown ul li:hover>a {
    padding: 10px 20px;
    font-size: 15px;
    color: var(--nav-dropdown-color);
    background-color: var(--nav-dropdown-background-color);
  }

  .navmenu .listing-dropdown ul li a:hover,
  .navmenu .listing-dropdown ul li .active,
  .navmenu .listing-dropdown ul li .active:hover {
    color: var(--nav-dropdown-hover-color);
    background-color: var(--nav-dropdown-background-color);
  }

  .navmenu .listing-dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
}

/* Listing Dropdown - Mobile */
@media (max-width: 1199px) {
  .navmenu .listing-dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    transition: all 0.5s ease-in-out;
  }

  .navmenu .listing-dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }

  .navmenu .listing-dropdown>.dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
  }
}


/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
  --background-color: #0c0c0c;
  --default-color: #ffffff;
  --heading-color: #f9f9f9;
  color: var(--default-color);
  background-color: var(--background-color);
  font-size: 14px;
  padding-bottom: 50px;
  position: relative;
}

.footer .footer-top {
  padding-top: 50px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.footer .footer-about {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  border-top: 4px solid var(--accent-color);
  padding: 30px 20px;
}

.footer .footer-about .logo {
  margin-bottom: 5px;
  letter-spacing: 1px;
  font-family: var(--heading-font);
  color: var(--heading-color);
  font-size: 36px;
  padding: 0;
  font-weight: 700;
}

.footer .footer-about p {
  font-size: 14px;
  text-align: center;
  font-family: var(--heading-font);
}

.footer .social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-right: 10px;
  transition: 0.3s;
}

.footer .social-links a:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
}

.footer h4 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-bottom: 12px;
  margin-left: 10px;
}

.footer .footer-links {
  margin-bottom: 30px;
}

.footer .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-links ul i {
  padding-right: 2px;
  font-size: 12px;
  line-height: 0;
}

.footer .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.footer .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-links ul a {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
}

.footer .footer-links ul a:hover {
  color: var(--accent-color);
}

.footer .footer-contact p {
  margin-bottom: 5px;
}

.footer .footer-newsletter .newsletter-form {
  margin-top: 30px;
  padding: 6px 8px;
  position: relative;
  border-radius: 0;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  display: flex;
  background-color: var(--background-color);
  transition: 0.3s;
}

.footer .footer-newsletter .newsletter-form:focus-within {
  border-color: var(--accent-color);
}

.footer .footer-newsletter .newsletter-form input[type=email] {
  border: 0;
  padding: 4px;
  width: 100%;
  background-color: var(--background-color);
  color: var(--default-color);
}

.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {
  outline: none;
}

.footer .footer-newsletter .newsletter-form input[type=submit] {
  border: 0;
  font-size: 16px;
  padding: 0 20px;
  margin: -8px -9px -8px 0;
  background: var(--accent-color);
  color: var(--contrast-color);
  transition: 0.3s;
  border-radius: 0;
}

.footer .footer-newsletter .newsletter-form input[type=submit]:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.footer .footer-newsletter .error-message {
  display: none;
  background: #df1529;
  color: #ffffff;
  text-align: left;
  padding: 15px;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 4px;
}

.footer .footer-newsletter .sent-message {
  display: none;
  color: #ffffff;
  background: #059652;
  text-align: center;
  padding: 15px;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 4px;
}

.footer .footer-newsletter .loading {
  display: none;
  background: var(--background-color);
  text-align: center;
  padding: 15px;
  margin-top: 10px;
}

.footer .footer-newsletter .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid var(--accent-color);
  border-top-color: var(--background-color);
  animation: subscription-loading 1s linear infinite;
}

@keyframes subscription-loading {
  0% {
    transform: rotate(0deg);
  }

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

.footer .copyright {
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.footer .copyright p {
  margin-bottom: 0;
}

.footer .credits {
  margin-top: 6px;
  font-size: 13px;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  overflow: hidden;
  background: var(--background-color);
  transition: all 0.6s ease-out;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #ffffff;
  border-color: var(--accent-color) transparent var(--accent-color) transparent;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1.5s linear infinite;
}

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

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

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 40px;
  height: 40px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

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

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
  --background-color: #0c0c0c;
  --default-color: var(--contrast-color);
  --heading-color: var(--contrast-color);
  --accent-color: var(--contrast-color);
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 20px 0;
  position: relative;
}

.page-title h1 {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}

.page-title .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 14px;
}

.page-title .breadcrumbs ol li+li {
  padding-left: 10px;
}

.page-title .breadcrumbs ol li+li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 60px 0;
  scroll-margin-top: 100px;
  overflow: clip;
}

@media (max-width: 1199px) {

  section,
  .section {
    scroll-margin-top: 66px;
  }
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
  text-align: center;
  padding: 30px 0;
  margin-bottom: 30px;
  position: relative;
}

.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 30px 15px;
  position: relative;
  z-index: 2;
}

.section-title span {
  position: absolute;
  top: 4px;
  color: color-mix(in srgb, var(--heading-color), transparent 95%);
  left: 0;
  right: 0;
  z-index: 1;
  font-weight: 700;
  font-size: 52px;
  text-transform: uppercase;
  line-height: 1;
}

.section-title p {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}


@media (max-width: 575px) {
  .section-title h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }

  .section-title span {
    font-size: 38px;
  }
}

/* line 126, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
.section_tittle {
  margin-bottom: 110px;
}

@media (max-width: 576px) {
  /* line 126, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 126, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 126, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle {
    font-size: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 126, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle {
    margin-bottom: 50px;
  }
}

/* line 140, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
.section_tittle h2 {
  font-size: 42px;
  color: #0c2e60;
  line-height: 37px;
  font-weight: 700;
  position: relative;
  position: relative;
}

/* line 147, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
.section_tittle h2:after {
  position: absolute;
  content: "";
  bottom: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 80px;
  height: 2px;
  background-color: #cc1616;
}

@media (max-width: 576px) {
  /* line 147, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle h2:after {
    bottom: -14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 147, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle h2:after {
    bottom: -14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 147, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle h2:after {
    bottom: -14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 147, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle h2:after {
    bottom: -14px;
  }
}

@media (max-width: 576px) {
  /* line 140, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle h2 {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 140, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle h2 {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 140, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 140, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle h2 {
    font-size: 35px;
    line-height: 40px;
  }
}

/* line 189, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
.section_tittle p {
  color: #556172;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 11px;
  margin-bottom: 26px;
}

@media (max-width: 576px) {
  /* line 189, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle p {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 189, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle p {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 189, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle p {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 189, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
  .section_tittle p {
    margin-bottom: 10px;
  }
}
  /*------------------
  Hero Section
---------------------*/

.hero-section {
	height: 100vh;
}

.hero-section.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.hero-text {
	text-align: center;
	padding-top: 160px;
	margin-bottom: 30px;
}

@media (min-width: 600px) and (min-height: 800px ) {
  .hero-text {
    padding-top: 220px;
    margin-bottom: 30px;
  }
}

.hero-text h2 {
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 20px;
}

.intro-newslatter input[type=text],
.intro-newslatter input[type=email] {
	height: 53px;
	width: 36.4%;
	padding: 0 30px;
  margin-left: 10px;
	margin-right: 22px;
	float: left;
	border: none;
	font-size: 14px;
}

.intro-newslatter .site-btn {
	min-width: 219px;
}

/* buttons */

.site-btn {
	display: inline-block;
	min-width: 196px;
	text-align: center;
	border: none;
	padding: 15px 10px;
	font-weight: 600;
	font-size: 16px;
	position: relative;
	color: #fff;
	cursor: pointer;
	background: #d82a4e;
  margin-left: 10px;
}

.site-btn:hover {
	color: #fff;
}

.site-btn.btn-dark {
	background: #000;
}

.site-btn.btn-fade {
	background: #e4edef;
	color: #1f1f1f;
}



/********** special_cource_css************/
@media (max-width: 576px) {
  /* line 2, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource {
    padding: 70px 0px 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 2, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource {
    padding: 70px 0px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 2, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource {
    padding: 70px 0px 50px;
  }
}

@media (max-width: 576px) {
  /* line 17, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource {
    margin-bottom: 20px;
  }
  /* line 22, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_img {
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 17, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource {
    margin-bottom: 20px;
  }
  /* line 31, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 17, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource {
    margin-bottom: 20px;
  }
}

/* line 42, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text {
  padding: 35px 35px 40px;
  border: 1px solid #edeff2;
  border-top: 0px;
}

@media (max-width: 576px) {
  /* line 42, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text {
    padding: 20px 15px 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 42, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text {
    padding: 20px 15px 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 42, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text {
    padding: 20px 15px 15px;
  }
}

/* line 61, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text h4 {
  float: right;
  color: #cc1616;
  font-weight: 600;
}

/* line 67, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 73, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text h3:hover {
  color: #cc1616;
}

@media (max-width: 576px) {
  /* line 67, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text h3 {
    margin-top: 15px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 67, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text h3 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
  }
}

/* line 92, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text .author_info {
  display: flex;
  justify-content: space-between;
  padding-top: 23px;
  margin-top: 23px;
  border-top: 1px solid #edeff2;
}

/* line 99, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text .author_info .author_img {
  position: relative;
  padding-left: 60px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 99, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text .author_info .author_img {
    padding-left: 53px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 99, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text .author_info .author_img {
    padding-left: 53px;
  }
}

/*--------------------------------------------------------------
# Special Course
--------------------------------------------------------------*/
/* line 109, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text .author_info .author_img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  object-fit: cover;
  height: 50px;
  border-radius: 50%;
}

/* line 115, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text .author_info .author_img p {
  color: #556172;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 115, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text .author_info .author_img p {
    font-size: 12px;
  }
}

/* line 130, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text .author_info .author_img h5 a {
  color: #0c2e60;
  font-size: 16px;
  font-weight: 500;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 130, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text .author_info .author_img h5 a {
    font-size: 14px;
  }
}

/* line 141, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text .author_info .author_rating {
  float: right;
}

/* line 145, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text .author_info .author_rating .rating {
  margin-left: 5px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 145, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
  .special_cource .single_special_cource .special_cource_text .author_info .author_rating .rati {
    margin-left: 0px;
  }
}

/* line 157, E:/172 Etrain Education/172_Etrain_Education_html/sass/_special_cource.scss */
.special_cource .single_special_cource .special_cource_text .author_info .author_rating p {
  float: right;
}

/*--------------------------------------------------------------
# Testimonial Part
--------------------------------------------------------------*/
/* line 2, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part {
  overflow: hidden;
}

/* line 4, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .section_tittle {
  margin-bottom: 80px;
}

@media (max-width: 576px) {
  /* line 4, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .section_tittle {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 4, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .section_tittle {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 4, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .section_tittle {
    margin-bottom: 50px;
  }
}

/* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .textimonial_iner {
  margin-left: 13%;
  overflow: hidden;
}

@media (max-width: 576px) {
  /* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .textimonial_iner {
    margin-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .textimonial_iner {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .textimonial_iner {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .textimonial_iner {
    margin-left: 0;
  }
}

/* line 35, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .testimonial_slider {
  margin: 30px;
}

@media (max-width: 576px) {
  /* line 35, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 35, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 35, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px;
  }
}

/* line 50, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .testimonial_slider_text {
  padding: 50px;
  background-color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(12, 46, 96, 0.1);
  position: relative;
  z-index: 1;
}

@media (max-width: 576px) {
  /* line 50, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text {
    padding: 5px 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 50, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text {
    padding: 5px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 50, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text {
    padding: 5px 20px;
  }
}

/* line 68, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .testimonial_slider_text:after {
  position: absolute;
  right: 16%;
  top: 59px;
  width: 148px;
  height: 124px;
  background-image: url(../img/quote.png);
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

@media (max-width: 576px) {
  /* line 68, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text:after {
    width: 53px;
    height: 45px;
    right: 25%;
    top: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 68, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text:after {
    width: 53px;
    height: 45px;
    right: 25%;
    top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 68, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text:after {
    width: 53px;
    height: 45px;
    right: 25%;
    top: 30px;
  }
}

/* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .owl-dots {
  text-align: center;
  padding-top: 67px;
  margin-left: -26%;
  line-height: 0px;
}

@media (max-width: 576px) {
  /* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .owl-dots {
    margin-left: 0;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .owl-dots {
    margin-left: 0;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .owl-dots {
    margin-left: 0;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .owl-dots {
    margin-left: 0;
    padding-top: 20px;
  }
}

/* line 124, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #d7d7d7;
  margin: 0 10px;
}

/* line 132, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .owl-dots button.owl-dot.active {
  background-color: #cc1616;
  width: 17px;
  border-radius: 50px;
}

/* line 137, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .owl-dots button.owl-dot:focus {
  outline: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 143, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 143, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px 20px;
  }
}

/* line 150, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .testimonial_slider p {
  font-size: 15px;
}

/* line 157, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part h4 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 5px;
}

/* line 163, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part h5 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #888888;
}

/*--------------------------------------------------------------
# Pakages Section
--------------------------------------------------------------*/
.services .service-item {
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  padding: 80px 20px;
  transition: all ease-in-out 0.3s;
  height: 100%;
}

.services .service-item .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.3s;
  transform-style: preserve-3d;
}

.services .service-item .icon i {
  color: var(--contrast-color);
  font-size: 28px;
  transition: ease-in-out 0.3s;
}

.services .service-item .icon::before {
  position: absolute;
  content: "";
  left: -8px;
  top: -8px;
  height: 100%;
  width: 100%;
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
  transition: all 0.3s ease-out 0s;
  transform: translateZ(-1px);
}

.services .service-item h3 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 22px;
}

.services .service-item p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .service-item:hover {
  background: var(--accent-color);
  border-color: var(--accent-color);
}

.services .service-item:hover .icon {
  background: var(--contrast-color);
}

.services .service-item:hover .icon i {
  color: var(--accent-color);
}

.services .service-item:hover .icon::before {
  background: color-mix(in srgb, var(--background-color), transparent 70%);
}

.services .service-item:hover h3,
.services .service-item:hover p {
  color: var(--contrast-color);
}

/******************* testimonial part css88********************/
/* line 2, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part {
  overflow: hidden;
}

/* line 4, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .section_tittle {
  margin-bottom: 80px;
}

@media (max-width: 576px) {
  /* line 4, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .section_tittle {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 4, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .section_tittle {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 4, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .section_tittle {
    margin-bottom: 50px;
  }
}

/* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .textimonial_iner {
  margin-left: 13%;
  overflow: hidden;
}

@media (max-width: 576px) {
  /* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .textimonial_iner {
    margin-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .textimonial_iner {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .textimonial_iner {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 19, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .textimonial_iner {
    margin-left: 0;
  }
}

/* line 35, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .testimonial_slider {
  margin: 30px;
}

@media (max-width: 576px) {
  /* line 35, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 35, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 35, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px;
  }
}

/* line 50, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .testimonial_slider_text {
  padding: 50px;
  background-color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(12, 46, 96, 0.1);
  position: relative;
  z-index: 1;
}

@media (max-width: 576px) {
  /* line 50, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text {
    padding: 5px 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 50, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text {
    padding: 5px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 50, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text {
    padding: 5px 20px;
  }
}

/* line 68, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .testimonial_slider_text:after {
  position: absolute;
  right: 16%;
  top: 59px;
  width: 148px;
  height: 124px;
  background-image: url(../img/quote.png);
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

@media (max-width: 576px) {
  /* line 68, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text:after {
    width: 53px;
    height: 45px;
    right: 25%;
    top: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 68, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text:after {
    width: 53px;
    height: 45px;
    right: 25%;
    top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 68, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider_text:after {
    width: 53px;
    height: 45px;
    right: 25%;
    top: 30px;
  }
}

/* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .owl-dots {
  text-align: center;
  padding-top: 67px;
  margin-left: -26%;
  line-height: 0px;
}

@media (max-width: 576px) {
  /* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .owl-dots {
    margin-left: 0;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .owl-dots {
    margin-left: 0;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .owl-dots {
    margin-left: 0;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 103, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .owl-dots {
    margin-left: 0;
    padding-top: 20px;
  }
}

/* line 124, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #d7d7d7;
  margin: 0 10px;
}

/* line 132, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .owl-dots button.owl-dot.active {
  background-color: #cc1616;
  width: 17px;
  border-radius: 50px;
}

/* line 137, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .owl-dots button.owl-dot:focus {
  outline: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 143, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 143, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
  .testimonial_part .testimonial_slider {
    margin: 0px 20px;
  }
}

/* line 150, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part .testimonial_slider p {
  font-size: 15px;
}

/* line 157, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part h4 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 5px;
}

/* line 163, E:/172 Etrain Education/172_Etrain_Education_html/sass/_testimonial_part.scss */
.testimonial_part h5 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #888888;
}

/* aboutus */
.container{
  width: 90%;
  margin: 0 auto;
  padding: 20px 20px;
}

.about{
  display: flex;
  margin-top: 60px;
}

.about-image{
  flex:1;
  overflow: hidden;
  margin-right: 50px;
}

.about-image img{
  max-width: 100%;
  min-height: 100% !important;
  display: block;
  border-radius: 8px !important;
  object-fit: cover;
}

.about-content{
  flex:1;
}

.about-content h1{
  margin-top: 70px;
  margin-bottom: 30px;
  color: #0f0a0a;
  text-align: center;
}
.about-content h2{
  font-size: 23px;
  margin-bottom: 15px;
  color: #333;
}

.about-content p{
  font-size: 18px;
  Line-height: 1.5;
  color:#666;
}

@media screen and (max-width: 768px) {
  .heading {
    padding: 0px 20px;
  }
  
  .heading p{
    font-size: 17px;
    margin-bottom: 0px;
  }

  .container{
    padding:0;
  }

  .about{
    padding: 20px;
    flex-direction: column;
  }

  .about-image{
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .about-content{
    padding: 0px;
    font-size: 16px;
  }
}

/* Mobile View (max-width: 600px) */
@media (max-width: 600px) {
  .about {
    margin-top: 30px;
  }

  .about-image {
    width: 100%; /* Make the image full-width on mobile */
  }

  .about-content h1 {
    margin-top: 30px;
    font-size: 24px;
  }

  .about-content h2 {
    font-size: 18px;
  }

  .about-content p {
    font-size: 15px;
  }
}
@media (max-width: 1024px) {
  .about {
    flex-direction: column; /* Stack image and content vertically */
    margin-top: 40px; /* Reduce margin */
  }

  .about-image {
    margin-right: 0; /* Remove margin on the right for stacked layout */
    margin-bottom: 20px; /* Add space between image and content */
  }

  .about-content h1 {
    margin-top: 40px; /* Reduce top margin */
    font-size: 28px; /* Adjust font size for tablet view */
  }

  .about-content h2 {
    font-size: 20px; /* Reduce font size */
  }

  .about-content p {
    font-size: 16px; /* Adjust paragraph font size */
    line-height: 1.4; /* Slightly reduce line height */
  }
}

/*********************************
11. Tutors
*********************************/

.team
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 60px;
}
.team_background
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.team_row
{
	margin-top: 43px;
  margin-left: calc(0 * var(--bs-gutter-x));
}
.team_col
{
	margin-bottom: 40px;
}
.team_item
{
	width: 100%;
}
.team_image
{
	width: 180px;
	height: 160px;
	border-radius: 6px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -86px;
	z-index: 5;
}
.team_image img
{
	max-width: 100%;
}
.team_body
{
	width: 100%;
	padding-top: 108px;
	padding-bottom: 24px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_item:hover .team_body
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.team_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_title a:hover
{
	color: #ff2929;
}
.team_subtitle
{
	font-size: 14px;
	font-weight: 400;
	color: #76777a;
	margin-top: 6px;
}
.social_list
{
	margin-top: 16px;
}
.social_list ul li
{
	display: inline-block;
}
.social_list ul li:not(:last-child)
{
	margin-right: 10px;
}
.social_list ul li a i
{
	font-size: 18px;
	color: #76777a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social_list ul li:hover a i
{
	color: #14bdee;
}
.team_col .team_item
{
	padding-left: 6px;
	padding-right: 6px;
  padding-left: 4px;
}
.team_col:first-child .team_item
{
	padding-left: 0;
	padding-right: 6px;
}
.team_col:nth-child(4n) .team_item
{
	padding-left: 6px;
	padding-right: 0;
}


/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.heading{
  margin: 4rem 0;
  font-size: 2rem;
  padding: 30px 20px;
  text-align: center;
  font-weight: bold;
}

.contact{
  max-width: 100%;
  margin: 0 auto;
}

.contact-container{
  text-align: center;
  display: flex;
  justify-content: space-around;
  flex-wrap:wrap; 
  gap: 40px;
}

.contact-container span{
  display: block;
}


.contact-container span .bi{
  font-size: 2rem;
  padding-bottom: 0.9rem;
  color:#fff;
}
 
.rounded-box{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  align-items: center;
  background-color: #cc1616;
  margin: 20px auto;
}

.contact-container div span:nth-child(2){
  font-weight: 500;
  font-size: 1.1rem;
}

.contact-container .text{
  padding-top: 0.5rem;
}

@media (max-width: 540px) {
  .contact-container .text {
    font-size: 1rem !important;
}
}

@media (max-width: 800px) {
  .contact-container {
    padding: 20px 15px;
    font-size: 1.8rem;
    margin: 3rem 0;
  }

  .contact-container div {
    padding: 1rem;
  }

  .rounded-box {
    width: 50px;
    height: 50px;
  }

  .contact-container .text {
    font-size: 1.5rem;
}
}

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

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


/* New Add */

.course-title {
  width: 140px;
  height: 120px;
  margin-bottom: 22px;
}