.elementor-163 .elementor-element.elementor-element-98464a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:24px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-163 .elementor-element.elementor-element-8d157b8{--display:flex;--background-transition:0.3s;}.elementor-163 .elementor-element.elementor-element-9b73f3b{width:100%;max-width:100%;}.elementor-163 .elementor-element.elementor-element-9b73f3b > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-163 .elementor-element.elementor-element-fec98ad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:24px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-163 .elementor-element.elementor-element-e6d1121{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--gap:10px 10px;--background-transition:0.3s;}.elementor-163 .elementor-element.elementor-element-963cff6{font-family:"Futura", Sans-serif;font-size:1.125rem;font-weight:500;line-height:1.5em;}.elementor-163 .elementor-element.elementor-element-9cca29d .elementor-heading-title{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:2.4rem;font-weight:500;text-transform:uppercase;line-height:1.15em;}.elementor-163 .elementor-element.elementor-element-9cca29d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-a280a35{color:#FFFFFF;font-family:"Futura", Sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5em;}.elementor-163 .elementor-element.elementor-element-a280a35 > .elementor-widget-container{margin:2px 0px 2px 0px;}.elementor-163 .elementor-element.elementor-element-44b66cf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-163 .elementor-element.elementor-element-29b7123 .elementor-button{fill:#1A1A1A;color:#1A1A1A;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;padding:7px 9px 7px 9px;}.elementor-163 .elementor-element.elementor-element-29b7123 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-309d32d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-163 .elementor-element.elementor-element-785ebec img{border-radius:10px 10px 10px 10px;}.elementor-163 .elementor-element.elementor-element-4997f1d{--display:flex;--background-transition:0.3s;}.elementor-163 .elementor-element.elementor-element-4bf6c96{--display:flex;--background-transition:0.3s;}.elementor-163 .elementor-element.elementor-element-19b833a{width:100%;max-width:100%;}.elementor-163 .elementor-element.elementor-element-19b833a > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-163 .elementor-element.elementor-element-1afe7db{--display:flex;--background-transition:0.3s;}.elementor-163 .elementor-element.elementor-element-cec7d4d > .elementor-widget-container{border-radius:10px 10px 10px 10px;}@media(max-width:767px){.elementor-163 .elementor-element.elementor-element-9cca29d .elementor-heading-title{font-size:34px;}.elementor-163 .elementor-element.elementor-element-785ebec img{height:250px;object-fit:cover;object-position:bottom left;border-radius:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-785ebec > .elementor-widget-container{margin:0px -20px 0px -20px;}.elementor-163 .elementor-element.elementor-element-785ebec{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-163 .elementor-element.elementor-element-e6d1121{--width:55%;}.elementor-163 .elementor-element.elementor-element-309d32d{--width:45%;}.elementor-163 .elementor-element.elementor-element-4997f1d{--content-width:1140px;}}/* Start custom CSS for html, class: .elementor-element-9b73f3b */.elementor-163 .elementor-element.elementor-element-9b73f3b {
    border-radius: 10px;
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19b833a */.elementor-163 .elementor-element.elementor-element-19b833a {
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4997f1d */.courses-container {
  text-align: center;
  width: 100%;
  margin-top: 10px;
}

.courses-container h1 {
  display: flex;
  justify-content: flex-start;
  margin-left: 10px !important;
}
.courses-container .course {
  display: inline-block;
  margin: 10px;
  border-radius: 20px;
  transition: 0.3s;
  vertical-align: top;
  width: 48%;
  background-color: #000;
}

.course-title{
  font-weight: 500;
  font-size: 16px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px !important;
}

.course img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50%;
  margin-right: 10px;
}

.course-info {
  padding: 20px;
  text-align: left;
}

.course-footer{
  display: flex;
  width: 100%;
}

.course-author-img{
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  border-radius: 25px;
}

.course-author-info{
  display: flex;
  flex-direction: column;
  width: 80%;
}

.course-author {
  font-size: 14px;
  margin: 0 5px;
}

.course-count {
  font-size: 12px;
  margin-top: -2px;
}

.course-view-button{
  display: flex;
  justify-content: flex-end;
}

.course-info h3 {
  margin-top: 0;
  display: flex;
  justify-content: flex-start;
}

/*.course-info p {*/
/*  color: #666; */
/*}*/

.view-btn {
  background-color: #da0a0d !important; /* Adjust the color to match your design */
  color: white;
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 10px 0;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  font-weight: bold;
}

.view-btn:hover {
  background-color: #e60000; /* Darker shade for hover effect */
}

.image-container {
  display: flex; /* Use flexbox to lay out the two main parts */
  width: 100%;
  height: 350px;
}
.image-container .left {
  width: 70%; /* Left part takes 75% of the width */
  padding: 20px;
}
.image-container .left img {
  width: 100%; /* Image fills the entire part */
  height: 100%; /* Image fills the entire part */
  object-fit: cover; /* Ensures the image covers the area without distortion */
  border-radius: 15px;
}
.image-container .right {
  width: 30%; /* Right part takes the remaining 25% of the width */
  display: flex;
  flex-direction: column; /* Stack the images vertically */
  padding: 20px;
}
.image-container .right img {
  width: 100%; /* Each image fills the entire width of the right part */
  height: 50%; /* Each image takes half of the height */
  object-fit: cover; /* Ensures the image covers the area without distortion */
  border-radius: 15px;
  margin-bottom: 5px;
}

/* Into Section */

.intro-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 0px; /* Adjust as needed */
  border-radius: 20px; /* Adjust as needed */
  margin-top: 40px; /* Space from the previous section */
  box-shadow: none; /* Optional shadow for depth */
  margin-bottom: 40px;
  background-color: #000;

}

.intro-text {
  max-width: 50%;
   padding: 0 16px 20px;
}

.intro-text h1 {
  font-size: 2.4rem; /* Adjust the font size as needed */
  line-height: 1.15;
  font-weight:  500;
  margin: 4px 0 0;
}

.intro-text p {
  margin: 20px 0; /* Spacing between text and button */
}

.intro-btn {
  background-color: #DA0A0D !important; /* Adjust the color to match your design */
  color: white;
  border: none;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  font-weight: bold;
}

.intro-btn:hover {
  background-color: #e60000; /* Darker shade for hover effect */
}

.intro-image {
  max-width: 50%;
}

.intro-image img {
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

/* Apply Section */

.apply-section {
  text-align: center; /* Centers the text in the div */
  background-color: #000; /* Matches the background of your design */
  padding: 40px 0; /* Adds padding above and below the content */
  display: flex;
  /*height: 25%;*/
  margin-bottom: 10%;
  border-radius: 20px;
  margin-top: 80px;
}

.apply {
  width: 60%;
  text-align: left;
}

.apply-img {
  display: block;    
  margin-top: -100px;
  margin-left: 60px;
  width: 70%;
  max-width: 100%;
  height: auto;
  border-radius: 20px !important;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.apply-text {
  padding-left: 60px;
}

.apply-title {
  color: #fff; /* Color for the title text */
  font-size: 2.4rem; /* Size for the title text */
 
  margin-bottom: 20px; /* Space below the title */
  margin-top: 40px;
  display: flex;
  justify-content: start;
}

.apply-subtitle {
  font-size: 16px; /* Size for the subtitle text */
  margin-bottom: 12px; /* Space below the subtitle */
  margin-top: 10px;
  display: flex;
  justify-content: start;
}

.apply-btn {
  background-color: #DA0A0D!important; /* Adjust the color to match the button in your design */
  color: #1a1a1a;
  border: none;
  padding: 12px 24px !important;
  font-size: 14px;
  border-radius: 5px; /* Rounded corners for the button */
  cursor: pointer; /* Hand cursor on hover */
  transition: background-color 0.3s ease;
  margin-top: 0px;
  display: inline-flex;
  justify-content: start;
  font-weight: 700;
}

.apply-btn:hover {
  background-color: #e60000; /* Darker shade for hover effect */
}

.steps-container {
  display: flex; /* Aligns the steps side by side */
  justify-content: flex-start; /* Evenly spaces the steps */
  margin-top: 0px; /* Space above the steps */
  flex-direction: column;
  width: 35%;
}

.step {
  text-align: left; /* Aligns the text to the left */
  margin-top: 35px;
}

.step-title {
  font-size: 2rem; /* Size for the step title text */
  line-height: 42px;
  margin-bottom: 10px; /* Space below the step title */
  font-weight: 500;
  margin-top: 12px;
}

.step-description {
  font-size: 14px; /* Size for the step description text */
}

hr.solid {
  border-top: 1px solid #bbb;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .intro-text h1{
    font-size: 32px !important;
  }
  .intro-container {
    flex-direction: column-reverse;
    width: 100%;
    justify-content: center;
    display: flex;
    gap: 20px;
    margin: 20px 0;
  }
  .intro-text,
  .intro-image {
    max-width: 100%;
  }
  .intro-image img {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
  }
.courses-container .course {
    margin: 10px 0;
    width: 100%;
}

.image-container {
    flex-direction: column;
    height: auto;
}

.image-container .left {
    width: 100%;
    padding: 10px;
}

.image-container .right {
    width: 100%;
    padding: 2px 10px;
    flex-direction: row;
}

.image-container .right img {
    width: calc(50% - 5px);
    height: auto;
    border-radius: 10px;
}
  
  .course{
    width: 100%;
  }
  .apply-section{
    /* margin-top: 270px; */
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 35px 0;
  }
  
  .apply {
      width: 100%;
  }
  .apply-img {
    width: calc(100% - 20px);
    height: auto;
    margin: auto;
    margin-top: -75px;
  }
  .apply-section{
    height: auto;
  }
  .apply-text {
      padding: 0 16px;
  }
  .apply-title {
    color: #333;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 16px;
    margin-top: 28px;
    display: flex;
    justify-content: start;
  }
  
  .apply-subtitle {
      margin-bottom: 16px;
  }
  
  .step {
      margin-top: 16px;
  }
  
  .steps-container {
    width: 100%;
    padding: 0 16px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_font.eot');
	src: url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_font.eot?#iefix') format('embedded-opentype'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_font.woff2') format('woff2'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_font.woff') format('woff'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_font.ttf') format('truetype'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_font.otf') format('opentype');
}
@font-face {
	font-family: 'Futura';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_italic_font.eot');
	src: url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_italic_font.eot?#iefix') format('embedded-opentype'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_italic_font.woff2') format('woff2'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_italic_font.woff') format('woff'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_italic_font.ttf') format('truetype'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/futura_medium_italic_font.otf') format('opentype');
}
@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_font.eot');
	src: url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_font.eot?#iefix') format('embedded-opentype'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_font.woff2') format('woff2'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_font.woff') format('woff'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_font.ttf') format('truetype'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_font.otf') format('opentype');
}
@font-face {
	font-family: 'Futura';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_Italic_font.eot');
	src: url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_Italic_font.eot?#iefix') format('embedded-opentype'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_Italic_font.woff2') format('woff2'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_Italic_font.woff') format('woff'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_Italic_font.ttf') format('truetype'),
		url('https://markazalwahyain.com/wp-content/plugins/tenweb-builder/assets/fonts/Futura_Bold_Italic_font.otf') format('opentype');
}
/* End Custom Fonts CSS */