/*
Theme Name: Mythos
Theme URI: https://wordpress.org/themes/mythos/
Author: LMT Team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Mythos embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Mythos will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mythos
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, accessibility-ready

Mythos WordPress Theme, (C) 2021 WordPress.org
Mythos is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

.font-heading,
body,
p,
h1,
h2,
h3,
ul,
h4,
h5,
h6,
a,
span,

{
         font-family: 'Jost';
    
}
body{
	font-family: 'Jost';
    line-height: 1.5;
	
}
header{
    display: block;
}
html {
/*     margin-top: 32px !important; */
}container

@font-face {
    font-family: 'Jost';
    font-display: swap;
    src: url("../mythos/assets/fonts/Jost-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: geometry;
    font-display: swap;
    src: url("../fonts/Geometry\ Soft\ Pro-Bold\ N.otf")
}
 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}mobile


a {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    margin: 0;
    text-decoration: none;

}

a:focus {
    outline: none !important
}


a:hover {
    text-decoration: none;
    color: #0098be;
}
p,input{
     font-size:1.125rem; 
}

ul,
li {
    margin: 0;
    list-style-type: none
}

input {
    outline: none;
    border: none
}

textarea {
    outline: none;
    border: none
}

textarea:focus,
input:focus {
    border-color: transparent !important
}

button {
    outline: none !important;
    border: none;
    background: 0 0
}

button:hover {
    cursor: pointer
}

input.input1 {
    height: 50px;
    border-radius: 25px;
    padding: 0 30px
}

textarea.input1 {
    min-height: 150px;
    border-radius: 25px;
    padding: 12px 30px
}


#page.site {
    opacity: 1;
}

#page.site {
    min-height: 300px;
    position: relative;
}






.text-blue {
  color: #0098be;
	text-transform: capitalize;
}

.social a {
    text-decoration: none;
}

.social-icon {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    margin-right: 8px;
    cursor: pointer
}

.social-icon i {
    transition: .4s
}

.social-icon:hover i {
    transform: scale(1.1)
}

ul.social {
    display: flex;
    justify-content: center;
    padding-left: 0
}


.btn-close:focus {
    outline: 0;
    box-shadow: none !important;
}

ul.icon-list-address {
    padding-left: 0px;
}


.has-effect-dropdown li:before {
    content: '';
    background: #54b3d6;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    transition: all 0.3s ease-in-out;
}

.has-effect-dropdown li:hover {
    background-position: 0;
}

.has-effect-dropdown li:hover::before {
    width: 100%;
}

.custom-bg {
    background-color: #E9F1F2;
}

.custom-banner {
    background-color: #c6e2e9;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    height: 500px;

}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.675rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.form-control:focus {
    /*  box-shadow: #0097be 0px 3px 3px 0px !important; */
    box-shadow: #0098be27 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px !important;
}

.custom-hr {
   
    border: 1px solid #0098be;
	
} 
.custom-hr:last-child{
	border: 0px solid #0098be;
}
  .course-entry .custom-hr , .institute-entry .custom-hr {
   
    
   
    border: 1px solid #0098be;
	margin-left: 12px;
margin-right:12px;

}  

.lh-custom {
    line-height: 1.37 !important;
}

.custom-border {
    text-decoration: none;
    padding-bottom: 2px;
    background: linear-gradient(to right, #0098be 0%, #0098be 100%) 0 100%/1px 1px repeat-x;
}

.custom-border :hover {
    text-decoration: none;
    padding-bottom: 2px;
/*     background: linear-gradient(to right, #0098be 0%, #0098be 100%) 0 100%/1px 2px repeat-x; */
}

.custom-form-control {
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
}

.custom-form-select{
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: #000000;
font-family: 'Jost';
}

.contact-form-btn {
    background: #0097be !important;
    color: #fff !important;
    transition: background-color 0.3s ease;
}

button.btn.contact-form-btn:hover {
    box-shadow: #0098be27 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px !important;
}

.custom-form-select:focus-visible{
    outline: none !important;
}


/*custom code*/

.footer-widgets-grid.footer-layout-2 {
     display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.footer-widgets-grid.footer-layout-col2-bigleft {
     display: grid;
    grid-template-columns: 2fr 1fr;
}
.footer-widgets-grid.footer-layout-col2-bigright {
     display: grid;
    grid-template-columns: 1fr 2fr;
}
.footer-widgets-grid.footer-layout-3 {
     display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.footer-widgets-grid.footer-layout-col3-bigleft {
     display: grid;
    grid-template-columns: 3fr 1fr 1fr;
}
.footer-widgets-grid.footer-layout-col3-bigright {
     display: grid;
    grid-template-columns: 1fr 1fr 3fr;
}
.footer-widgets-grid.footer-layout-4 {
     display: grid;
    grid-template-columns: repeat(4, 1fr)!important;
}
.footer-widgets-grid.footer-layout-col4-bigleft {
    grid-template-columns: 2fr 1fr 1fr 1fr;
}
.footer-widgets-grid.footer-layout-col4-bigright {
     display: grid;
    grid-template-columns: 1fr 1fr 1fr 2fr;
}
.footer-widgets-grid.footer-layout-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 767px){
.footer-widgets-grid {
    grid-template-columns: 1fr !important;
}
	.moreellipses,.morelink{
		display:none;
	}
	.morecontent span {
    display: block;
}
	
}

.widget p{
    margin-bottom: 0em;
}
.widget ol, ul{
   padding-left: 0rem;
}

.footer-bottom .footer-bottom-inner {
    padding: 10px 0;
}
.site-content{
	padding-top: 65px;
    padding-bottom:0px;
}
.footer-top .widget_nav_menu .menu li{
    width: 49%;
    display: inline-block;
}

.footer-top .widget_nav_menu .menu li a{
    font-size: 1rem;
}
.custom-social-icons img{
    width: 28px;
    height: 28px;
    margin-right: 10px;
}
#message {
  height: 100px; /* Adjust the height to your preferred value */
}
.message{
	 height: 100px;
}

.sub-menu {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.sub-menu li a {
  /*color: black;*/
  padding: 12px 16px;
  text-decoration: none;
  display: block;
	text-align:left;
}
.sub-menu li:hover{
  color: black;
  
}

/*.dropdown-content li a:hover {background-color: #ddd;}
*/
.dropdown:hover .sub-menu {display: block;}

.my-custom-container {
    width: 100%;
    max-width: none;
}

.full-width-section {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
}


.custom-form-select:focus-visible{
    outline: none !important;
}
.service-banner-bg {
    background-color: rgb(198, 226, 233);
}

.service-form{
    padding: 15px;
    border-radius: 10px;
    color: #0197be;
    background-color: #0197be1c;
}

.wp-block-image img{
    width: 60%;
}

@media only screen and (max-width: 767px){
.footer-widgets-grid .sidebar-column{
   padding-top: 20px;
/*    padding-bottom: 40px; */
}
}


/* header sticky */

header{
    /*position:fixed;*/
    width: 100%;
    text-align: center;
/*     line-height: 108px; */
    /*height: 108px;*/
    color: #c6e2e9;
	
    transition: 0.5s !important;
     z-index: 999;
/*      background: #f8f9fa6b; */
	background:#f8f9fa !important;
  }
  header.sticky {
     text-align: center;
     font-size: 18px;
   
    /*height: 108px;*/
    /*background: #fff;*/
    /* padding-left: 20px; */
    text-align: center;
    font-size: 17px;
/*     line-height: 48px; */
    /* height: 108px; */
    /* background: #fff; */
    z-index: 9999;
    /* padding-left: 20px; */
    position: fixed;
    visibility: visible;
    opacity: 14;
    left: 0px;
    top: 0px;
    width: 100%;
    /* display: none; */
    padding: 0px 0px;
    background: #f4f6f7;
    -webkit-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
  }

  /* mobile toogle */
  /* menu button */
.menuBtn {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 10px;
    z-index: 101;
	right:0;
    display: none;
  }
  @media (max-width:767px) {
    .menuBtn{
        display: block;
    }
	  .navbar{
		      padding: 20px 0px;
	  }
	  header.sticky {
		  transition: none !important;
		  font-size:16px !important;
	  }
	  .custom-logo {
    height: 50px;
}
	  .wrapper .search_box{
		      height: 45px!important;
	  }
	  .wrapper .search_box .dropdown select{
		   height: 45px!important;
	  }
  }
  
  .menuBtn > span {
    background-color: #6a6464;
    border-radius: 1px;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -15px;
    transition: height 100ms
  }
  
  .menuBtn > span:after, .menuBtn > span:before {
    content: '';
    background-color: #6a6464;
    border-radius: 1px;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    transition: all 200ms
  }
  
  .menuBtn > span:after {
    top: -7px;
  }
  
  .menuBtn > span:before {
    bottom: -7px;
  }
  
  .menuBtn.act > span {
    height: 0;
  }
  
  .menuBtn.act > span:after, .menuBtn.act > span:before {
    background-color: #6a6464;
    top: 1px;
  }
  
  .menuBtn.act > span:after {
    transform: rotate(45deg);
  }
  
  .menuBtn.act > span:before {
    transform: rotate(-45deg);
  }
  
  /* main menu block */
  .mainMenu {
    background-color: #6a6464;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: scale(0);
  }
  
  .mainMenu.act {
    opacity: 1;
    transform: scale(1);
  }
  
  .mainMenu ul {
    display: table-cell;
    vertical-align: middle;
  }
  
  .mainMenu ul li {
    padding: 8px 0;
    transition: all 400ms 510ms;
    opacity: 0;
  }
  
  .mainMenu ul li:nth-child(odd) {
    transform: translateX(30%);
  }
  
  .mainMenu ul li:nth-child(even) {
    transform: translateX(-30%);
  }
  
  .mainMenu ul li:last-child {
    transform: none;
  }
  
  .mainMenu ul li a {
    color: #6a6464;
    display: inline-block;
    font-size: 18px;
  }
  
  .mainMenu ul li a.suBtn {
    color: #6a6464;
  }
  
  /* sign up button */
  .suBtn {
    background-color: blue;
    border-radius: 5px;
    padding: 10px 20px;
  }
.img-area{
    height: 120px;
    width: 120px;
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    border-radius: 100%; /* Makes the container circular */
    overflow: hidden; /* Hides any part of the image outside the circle */
    margin-bottom: 10px;
  }
  .img-area img {
    object-fit: cover;
    border-radius: 100%;
    height: 120px;
  }
  /* .wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  } */
  
  .wrapper .search_box{
    background: #fff;
    border-radius:30px;
    height: 60px;
    display: flex;
    /* padding: 10px; */
    box-shadow: 0 8px 6px -10px #b3c6ff;
    width: 100%;
  }
  /*
  .wrapper .search_box .dropdown{
    width: 150px;
    border-right: 2px solid #dde2f1;
    color: #9fa3b1;
    position: relative;
    cursor: pointer;
  }
  */
  .wrapper .search_box .dropdown {
    position: relative;
    display: inline-block;
    width: 130px;
    border-right: 2px solid #dde2f1;
    color: #9fa3b1;
}
  .wrapper .search_box .dropdown .default_option{
    text-transform: uppercase;
    padding: 15px 14px;
    font-size: 14px;
    text-align: start;     
    margin-top: 4px;
  }
  
 /* .wrapper .search_box .dropdown select{
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    width: 150px;
    border-radius: 5px;
    padding: 18px;
    height: 60px;
        border: 1px solid transparent;
    
    box-shadow: 8px 8px 6px -10px #b3c6ff;
    text-align: start;
  }*/
  

  .wrapper .search_box .dropdown select {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-radius: 30px;
    padding: 6px 6px 6px 10px;
    height: 60px;
    border: 1px solid transparent; 
/*     box-shadow: 8px 8px 6px -10px #b3c6ff; */
    text-align: start;
	  color:black!important;
}

.wrapper .search_box .dropdown i.fas {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #aaa;
    cursor: pointer;
}
  .wrapper .search_box .dropdown select.active{
    display: block;
    border: 1px solid transparent;
  }
  
  .wrapper .search_box .dropdown select option{
    padding-bottom: 20px;
    border: 1px solid transparent;
  }
  
  .wrapper .search_box .dropdown select option:last-child{
    padding-bottom: 0;
    border: 1px solid transparent;
  }
  
  .wrapper .search_box .dropdown select option:hover{
    color: #6f768d;
    border: 1px solid transparent;
  }
  
  .wrapper .search_box .dropdown:before{
    content: "";
    position: absolute;
    top: 27px;
    right: 20px;
    border: 8px solid;
    border-color: #aaa transparent transparent transparent;
  }
  
  .wrapper .search_box .search_field{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
  }
  
  .wrapper .search_box .search_field .input{
    width: 100%;
    height: 100%;
    border: 0px;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
	  text-transform:capitalize;
  }
  
  .wrapper .search_box .search_field .fas{
    position: absolute;
    top: 11px;
    right: 10px;
    padding: 0px 8px;
    font-size: 18px;
    color: #aaa;
    cursor: pointer;
  }
  
  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9fa3b1;
  }
  ::-moz-placeholder { /* Firefox 19+ */
   color: #9fa3b1;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #9fa3b1;
  }
  #search-button {
    background: #007bff;
    color: #fff;
    border: none;
    padding: 10px 26px;
    cursor: pointer;
    border-radius: 0 30px 30px 0;
}

  #course-search-button {
    background: #007bff;
    color: #fff;
    border: none;
    padding: 10px 26px;
    cursor: pointer;
    border-radius: 0 30px 30px 0;
}
  #institute-search-button {
    background: #007bff;
    color: #fff;
    border: none;
    padding: 10px 26px;
    cursor: pointer;
    border-radius: 0 30px 30px 0;
}
.mb-25{
  margin-top: 25px !important;
}

.mini-text{
    font-size: 16px;
    padding-left: 10px;
    color: #000000;
}
.course-entry:last-of-type .custom-hr {
   border: none;
}
.teacher-entry:last-of-type .custom-hr{
	 border: none!important;
}

/*  .custom-hr:last-child{
  border: none;
} */
 .institute-entry:last-of-type .custom-hr{
  border: none;
} 

ul#ui-id-1{

  width:50%;
  position: absolute;
  border: 0px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
ul#ui-id-1 li a{
  font-size: 16px;
  color:#373737;
	text-transform: capitalize;
	cursor:pointer;
} 


.hidden {
  display: none;
}

/*pagination starts*/
@keyframes cdp-in {
  from {
    transform: scale(1.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.cdp {
  position: relative;
  text-align: center;
  padding: 20px 0;
  font-size: 0;
  z-index: 6;
  margin: 0px ;
  animation: cdp-in 500ms ease both;
}
.cdp .current{
border: 1px solid #c3121c;
    padding: 0px 5px;
/*     color: #fff!important; */
    font-weight: bold;
        background: #0098be;
    color: white !important;
}
.cdp a.prev.page-numbers,.cdp a.next.page-numbers  {
  font-size: 14px;
    text-decoration: none;
    transition: background 250ms;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 3px 6px;
    height: 35px;
    min-width: 35px;
    border-radius: 100px;
    border: 1px solid #0098be;
    line-height: 15px;
    padding: 9px 0px;
    color: #0098be;
    font-weight: 700;
    letter-spacing: 0.03em;
  /*display: none;*/
}
.cdp a.page-numbers{
   font-size: 14px;
    text-decoration: none;
    transition: background 250ms;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 3px 6px;
    height: 35px;
    min-width: 35px;
    border-radius: 100px;
    border: 1px solid #0098be;
    line-height: 15px;
    padding: 10px;
    color: #0098be;
    font-weight: 700;
    letter-spacing: 0.03em;
}




.cdp a.page-numbers:hover:not(.current)  {
    background-color: #b7b7b7;
    color: #fff;
    border: 1px solid #b7b7b7;
}




/*pagination ends*/
/*course single page design style starts*/
.custom-badge {
  color: #0097be !important;
  border-color: #c6e2e9 !important;
  border: 1px solid;
}

.skills-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
/*   margin-top: 15px; */
}

a {
  text-decoration: none !important;
  color: inherit;
}

.chip-container {
  border: 1px solid #c6e2e9;
  box-sizing: border-box;
  padding: 7px 20px;
  border-radius: 36px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.chip-container .text {
  color: #0097be; 
  font-size: 15px;
  line-height: 1.24;
}

@media (max-width: 767px) {
  .border-end-sm-0 {
    border-right: none !important; 
  }
}

/*course single page design style ends*/

/*couse template new filter style*/
/*.list {
  list-style-type:none;
  padding:0;
  margin:0;
}*/
/*.list--list-item {
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid $BorderColor;
  
  &:last-child {
    border-bottom:0;
    margin:0;
  }
}*/
.no-result {
  display:none;
}
ul.mythos-pagination{
position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 0;
    z-index: 6;
    margin: 50px 0;
    animation: cdp-in 500ms ease both;
  }
  ul.mythos-pagination li a{
    font-size: 14px;
    text-decoration: none;
    transition: background 250ms;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 3px 6px;
    height: 38px;
    min-width: 33px;
    border-radius: 37px;
    border: 2px solid #000;
    line-height: 15px;
    padding: 10px;
    color: #000;
    font-weight: 700;
    letter-spacing: 0.03em;
}
 ul.mythos-pagination li.active a{
   background: #0098be;
   color: white;
}
 ul.mythos-pagination li:hover a{
   background: #0098be;
   color: white;
}
/*couse template new filter style ends*/

.myt-search-results a{
  font-size: 18px;
  color: black;
text-transform: capitalize;
}

ul#footer-address {
  list-style: none;
  padding: 0;
/*   margin-left: 2px; */
}
ul#footer-address li {
/*   padding-left: 1.1em; */
	padding-left: 25px;
    position: relative;
	margin-bottom: 10px;
}
ul#footer-address li .la-contact-item::before{
	    position: absolute;
    left: 0;
	top:5px;
}
ul#footer-address li:before {
  font-family: 'Jost';
  color: orange;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
ul#footer-address li#map-icon:before {
  content: "\f041";
 color: black;
}
ul#footer-address li#phone-icon:before {
  content: "\f095";
  color: black;
}
ul#footer-address li#envelope-icon:before {
  content: "\f0e0";
 color: black;
}
/* .page-template-template-teachers .custom-hr:last-child{
	border: 0px solid #0098be!important;
} */
.page-template-template-institute .custom-hr:last-child{
	border: 0px solid #0098be!important;

}

.page-template-search-teacher .custom-hr:last-child{
	border: 0px solid #0098be!important;
}

@media screen and (max-width: 767px) {
	.dropdown:hover .sub-menu{
		position:relative;
	}
	
	.navbar-nav{
		text-align:left;
	}
	.sub-menu{
		background:transparent;
		box-shadow: none;
	}
}

.wrapper .search_box .dropdown select:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.checked {
  color: orange !important;
}

.fa-star{
  color: #c9c9c9;
}
.contact-form-btn-ouline {
    color: #0097be !important;
    border-color: #0097be !important;
}
.contact-form-btn-ouline:hover {
    background-color: #0097be !important;
    color: #fff !important;
}
.rounded-img {
    height: 100px !important;
    width: 100px !important;
    border-radius: 100px !important;
}
.myt-search-results a{
	display:block;
	text-align: left;
    padding-left: 50px;
	padding-top: 6px;
}
span.ui-helper-hidden-accessible{
	display:none!important;
}
.br-9 {
    border-radius: 9px;
}
.img-areainst {
  display: flex;
  justify-content: center;
  /* Horizontal centering */
  align-items: center;
  /* Vertical centering */
  overflow: hidden;
  /* Hides any part of the image outside the circle */
  margin-bottom: 10px;
}

.img-areainst img {
  object-fit: cover;
      height: auto;
    margin-top: 6px;
}
/* Add your custom class to style the video container */
.custom-video-container {
    max-width: 800px; /* Adjust the maximum width as needed */
    margin: 0 auto; /* Center the container */
}

/* Style the embedded video to be responsive */
.custom-video-container iframe {
    width: 100%;
    height: 200px;
}



/*testimonials starts*/


.slick-slider {
  margin: 10px auto 20px;
}

.slick-prev,
.slick-next {
  color: white;
  opacity: 1;
  height: 40px;
  width: 40px;
  margin-top: -20px;
}

.slick-prev path,
.slick-next path {
  fill: rgb(51 51 51 / 40%);
}

.slick-prev:hover path,
.slick-next:hover path {
  fill: #FFFFFF;
}

.slick-prev {
  left: -15px;
}

.slick-next {
  right: -15px;
}

.slick-prev:before,
.slick-next:before {
  content: none;
}

.slick-dots li button:before {
  color: rgb(26 10 10);
  opacity: 1;
  font-size: 8px;
}

.slick-dots li.slick-active button:before {
  color: #0098be;
}

.quote-container.slick-slide.slick-active{
	    background: #fff;
    box-shadow: 0 8px 30px -7px #c9dff0;
   
    border-radius: 20px;
	opacity:0.5;
}
.quote-container.slick-slide.slick-active.slick-center
{
	opacity:1;
}
.quote-container {
  min-height: 200px;
  color: #666666;
  font-size: 36px;
  margin: 0 20px;
  position: relative;
	padding: 20px;
}

.quote-container:hover {
  cursor: grab;
}

.quote-container .portrait {
	
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100px;
  width: 100px;
/*   overflow: hidden; */
}

.quote-container .portrait img {
  display: block;
  height: 100px;
  width: 100px;
	border-radius: 100%;
}

.quote-container .quote {
	text-align: center;
  position: relative;
  z-index: 600;
/*   padding: 40px 0 40px 0px; */
  margin: 0;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.4 !important;
font-family: 'Jost';
  color: #000000;
}

.quote-container .quote p {
  position: relative;
  margin-bottom: 20px;
}

/* .quote-container .quote p:first-child:before {
  content: '\201C';
  color: rgb(57 33 33 / 44%);
  font-size: 7.5em;
  font-weight: 700;
  opacity: 1;
  position: relative;
  top: -.4em;
  left: -.2em;
  text-shadow: none;
  z-index: -10;
} */

.quote-container .quote cite {
  display: block;
  font-size: 14px;
}

.quote-container .quote cite span {
  font-size: 16px;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.dragging .quote-container {
  cursor: pointer;
	padding: 0px 20px;
}

.octogon {
  -webkit-clip-path: polygon(50.00% 0.00%, 38.11% 6.70%, 24.99% 6.72%, 18.06% 18.44%, 6.70% 25.00%, 6.56% 38.64%, 0.00% 50.00%, 6.70% 61.89%, 6.70% 75.00%, 18.44% 81.94%, 25.00% 93.30%, 38.64% 93.44%, 50.00% 100.00%, 61.88% 93.30%, 75.00% 93.30%, 81.94% 81.56%, 93.30% 74.90%, 93.44% 61.36%, 100.00% 50.00%, 93.30% 38.11%, 93.30% 25.00%, 81.56% 18.06%, 74.96% 6.70%, 61.36% 6.56%, 50.00% 0.00%);
  clip-path: url(#octogon);
  height: 140px;
  width: 140px;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 5% 0%
  }

  50% {
    background-position: 96% 100%
  }

  100% {
    background-position: 5% 0%
  }
}

@-moz-keyframes gradient {
  0% {
    background-position: 5% 0%
  }

  50% {
    background-position: 96% 100%
  }

  100% {
    background-position: 5% 0%
  }
}

@keyframes gradient {
  0% {
    background-position: 5% 0%
  }

  50% {
    background-position: 96% 100%
  }

  100% {
    background-position: 5% 0%
  }
}

@media only screen and (max-width: 768px) {
	.quote-container .portrait{
		position:relative;
	}
	.quote-container .quote{
		padding:10px 0px 10px 0px
	}
}
/*testimonials ends*/
img.card-img-top {
	object-fit:cover;
	height:140px;
}
/* .card{
	height:350px;
} */
.card-header {
    border: none !important;
    background-color: #0098be !important;
	
}
.card-header:first-child{
	border-radius: 10px 10px 0px 0px;
}

element.style {
}
.w-100 {
    width: 100%!important;
}
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.card {
    height: 100%;
    border: none !important;
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 15%);
/*     padding: 5px; */
    border-radius: 15px;
}
.fixed-image img{
	object-fit:cover;
/* height:300px; */
}



.box {
  padding: 0.5em;
  width: 100%;
  margin:0.5em;
}

.box-2 {
  padding: 0.5em;
  width: calc(100%/2 - 1em);
}

.options label,
.options input{
  width:4em;
  padding:0.5em 1em;
}
.btn{
  background:white;
  color:black;
  border:1px solid black;
  padding: 0.5em 1em;
  text-decoration:none;
  margin:0.8em 0.3em;
  display:inline-block;
  cursor:pointer;
}

.hide {
  display: none;
}

img {
  max-width: 100%;
}

    #terms-popup-container {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: white;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        z-index: 999;
    }

    #close-terms-popup {
        margin-top: 10px;
        cursor: pointer;
    }

    .popup-container {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        z-index: 9999;
    }

    .popup-content {
        text-align: center;
    }

    .popup-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9998;
    }

    .popup-close {
        position: absolute;
        bottom: 35px;
        right: 5px;
        cursor: pointer;
        font-size: 28px;
    font-weight: bold;
    }

    

.popup-close :hover,
.popup-close :focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -40px;
}
@-moz-document url-prefix() {
  .toggle-password {
    cursor: pointer;
  }
}
.progress {
    height: 3px !important;
}
.form-group {
    margin-bottom: 10px;
}
.show-pass {
  position: absolute;
  top: 28%;
  right: 8%;
}
.change-show-pass{
position: absolute;
  top: 34%;
  right: 8%;
}
.progress-bar-danger {
  background-color: #e90f10;
}
.progress-bar-warning {
  background-color: #ffad00;
}
.progress-bar-success {
  background-color: #02b502;
}
.login-btn {
  width: 180px !important;
  background-image: linear-gradient(to right, #f6086e, #ff133a) !important;
  font-size: 18px;
  color: #fff;
  margin: 0 auto 5px;
  padding: 8px 0;
}
.login-btn:hover {
  background-image: linear-gradient(
    to right,
    rgba(255, 0, 111, 0.8),
    rgba(247, 2, 43, 0.8)
  ) !important;
  color: #fff !important;
}
.fa-eye {
  color: #022255;
  cursor: pointer;
}
.ex-account p a {
  color: #f6086e;
  text-decoration: underline;
}
.fa-circle {
  font-size: 6px;
}
.fa-check {
  color: #02b502;
}


 .avatar-preview {
  width: 100px;
  height: 100px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
 .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*  preloader style starts*/
/* Add these styles to your CSS */
.preloader{
text-align: center;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgb(255,255,255,0.8) url("https://assets2.teacheron.com/resources/assets/img/customImages/Iphone-spinner-2.gif?t=1706675459595") center no-repeat;
}


/*  .preloader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
} */
.readhidden { display: none;}
.readmore { margin: 0 5px;}
/*  preloader style ends*/
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
/*  review style starts*/

.review-totals {
	
		max-width:100%!important;
		background:#fff;
	padding: 20px;
 box-shadow: 0 0 20px rgba(170, 170, 170, 0.2);
    border-radius: 5px;
	}
.reviews-summary{
	position:relative!important;
	width:100%!important;
}
.reviews-break, .reviews-summary {
    max-width: 100%!important;
	float:none!important;
}
.reviews-break{
margin-top:20px;

}
.grey-graph{
	width: 560px!important;
    height: 12px!important;
    border-radius: 5px;
}

.review-total-row>div{
	font-size:18px;
    padding:4px 12px 4px 0px !important
}
.orange-graph{
	height: 12px!important;
    border-radius: 5px;
}
.ic_rev{
	border:none!important;
		background:#fff;
	padding: 20px;
 box-shadow: 0 0 20px rgba(170, 170, 170, 0.2);
    border-radius: 5px;
}
.ic_rev, .ic_revs{
	max-width:100%!important;
}

.ic_rev .reviewer-name span{
	font-size:20px;
}
#product_reviews #respond{
	background: white;
    padding: 20px;
    border-radius: 5px;
} 
input#title{
	display:inline-block!important;
border: 1px solid #ced4da!important;
	border-radius: 0.375rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
	padding: 0.375rem 0.75rem!important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
textarea#comment {
	display:inline-block!important;
border: 1px solid #ced4da!important;
	border-radius: 0.375rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
	padding: 0.375rem 0.75rem!important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
height:70px;
}
#product_reviews #respond input[type=email], #product_reviews #respond input[type=text]{
	max-width: 440px!important;
}
#product_reviews .comment-form-title input, #product_reviews textarea {
		max-width: 440px!important;
}
/* 
p.form-submit {
    text-align: center;
} */
input#submit {
    background-color: #0097be;
    color: #ffffff;
    font-size: 16px;
    outline: none;
    border-radius: 5px;
    border: none;
    padding: 9px 20px !important;
    /* text-align: center; */
}
/*  review style ends*/


/* user menu style starts */

.profile-icon img{
	height:40px;
	 border-radius: 50%;
}
.profile-right ul.dropdown-menu.show{
	right:0!important;
	left:auto!important;
	width:260px;
	word-wrap: break-word;
}
.profile-right ul.dropdown-menu.show .block{
	font-size:14px;
/* padding : 0px 10px 0px 18px; */
}
.profile-right ul.dropdown-menu.show li p{
	border-bottom: 1px solid #0098be;
	padding:0 0 0 18px;
}
.mty-logo{
	max-width:100%;
}
.mty-logo .navbar-brand img{
	width:150px;
}
.myt-header{
	width:100%;
}

.profile-right{
	float:left;
}
.ms-6{
	margin-left: 4rem!important;
}

@media screen and (max-width: 768px) {
  .profile-right ul.dropdown-menu.show{
    right:-18px !important;
  }
	.mty-logo .navbar-brand img{
		float:left;
	}
	.ms-6{
		margin-left: 0rem!important;
	}
}

/* user menu style ends */

.swal2-title{
  font-weight: 300!important;
}
.comment-form-comment label .required{
	color:red;
}
.al-box{
		    padding: 0px 10px 10px 0px!important;
	    text-align: left;

	}
.reviews-area input#submit{
	margin: 0 0 0 152px;
}

@media screen and (min-width: 1200px) {
	.al-box{
		    padding: 0px 10px 10px 152px!important;
	}
	
}
@media screen and (max-width: 1200px) {
.reviews-area input#submit{
	margin: 0 0 0 0px;
}
}

.error-message{
  color: #f52626;
  text-align: left;
			font-size: 12px;
		
}
.myt-serach{
max-width: 400px;
    margin: auto;
}
.myt-serach p{
	text-align:left;
}
.users-form{ 
  border-radius: 10px;
  /* box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); */
  width: 100%;
  height: auto;
  background-color: #ffffff;
/*   padding: 0px 20px; */
  margin:auto;

}
.help-confirmation-submit{
background-color: #4796ff;
    color: #ffffff;
    font-size: 16px;
    outline: none;
    border-radius: 5px;
    border: none;
    padding: 8px 15px;
	float:left;
    width: 20%;
    opacity: 1;
}
.btn-small, .btn-small:active, .btn-small.active{
  padding:5px 15px; 
	background:#0097be; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}

.btn-small:hover{
  color:#0097be!important;
  background: #fff!important;
 border: 1px solid #0097be!important;
}
#toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -40px;
}
.subjects ul {
  list-style: none;
  display: flex;
  flex-flow: column wrap;
  height: 22em;
}


.subjects li {
  padding: 1em;
  margin: 2px;
  background-color: #ccc;
}
.teacher-subject{
	border: 1px solid #c6e2e9;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: max-content;
}
.teacher-subject-badge{
	display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.teacher-subject:hover{
	background-color:#0098be;
	border: 1px solid #0098be;
	
}
.teacher-subject-link{
	cursor:pointer;
}
.teacher-subject-badge a:hover{
	color:#fff!important;
}

.wpcf7-spinner{
	    margin: 10px 0px!important;
position: absolute;
    
    right: 50%;
    bottom: 50%;
}
.mobile-logo{
	display:none;
}
.mobile-logo .navbar-brand img {
    width: 130px;
	float: left;
}
@media screen and (max-width: 767px) {
	.mobile-logo{
	display:block;
}
	.mty-logo{
		display:none;
	}
	.img-areainst img{
/* 		width:70% !important; */
		height: auto;

	}
	.img-areainst{
		justify-content:start;
	}
}

li.desktop-menu {
    display: none;
}

/* new Header */
.header {
  width: 100%;
  height: auto;
  background-color: var(--color-black-300);
  box-shadow: var(--shadow-medium);
}

.navbar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-inline: auto;
	padding: 14px 14px;
}
@media screen and (min-width: 62rem) {
  .navbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
	
  }
.navbar.container {
    display: flex;
    justify-content: space-between;
}

.navbar.logo {
    width: 20%;
}

.navbar.menu-menu-container {
    width: 60%;
}

.navbar.wrapper {
    width: 20%;
}


}

.brand {
  
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  text-transform: capitalize;
  color: black;
	float:left;
	width: 150px;

}

.wrapper {
  display: flex;
  justify-self: end;
  align-items: center;
  column-gap: 1.5rem;
/*   padding-block: 1rem;  */
}
@media screen and (min-width: 62rem) {
  .wrapper {
    order: 1;
  }
	
}

.menu-menu-container {
  display: flex;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  transition: all 0.2s linear;
	text-align:left;
}
.menu-menu-container.is-visible {
  height: auto;
  margin-top: 1rem;
	margin-bottom: 1rem;
	
}
@media screen and (max-width: 62rem) {
 
	.user-menu{
		flex-direction: row !important;
	}	
	.brand{
		width: 110px;
		
	}
	ul.user-menu li.myt-login-btn{
		display:none;
	}
	li.desktop-menu {
    display: block;
/* 	border: 1px solid #0094be; */
    background: transparent !important;
    min-width: 5rem;
    padding: 0.3em 1em;
	text-align:center;
}
	li.mobile-signin-btn{
	border: 1px solid #0094be;
    min-width: 5rem;
    color: white;
    display: none !important;
	}
	li.mobile-signin-btn:hover a {
    color: #0094be !important;
    display: none;
   
}
	li.mobile-signup-btn{
	border: 1px solid #0094be;
    background: #0094be !important;
    min-width: 5rem;
    color: white;
    display: none !important;
		
	}
  .text-head-clr {
    text-align: left;
    color: #000;
    font-weight: 500;
    font-size: 10px;
}
}
.menu-inner {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.menu-link {

  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-transform: capitalize;
  color: black;
  transition: all 0.25s ease;
}
@media screen and (min-width: 62rem) {
  .menu-menu-container {
    height: auto;
    align-items: center;
    justify-content: center;
    overflow: inherit;
  }
  .menu-inner {
    flex-direction: row;
    gap: 1rem;
  }
}

.burger {
  position: relative;
  display: block;
  cursor: pointer;
  width: 1.6rem;
  height: 1rem;
  visibility: visible;
}
@media screen and (min-width: 62rem) {
  .burger {
    display: none;
    visibility: hidden;
  }
	
}
.burger-line {
  position: absolute;
  right: 0;
  width: 100%;
  height: 2.1px;
  transform: rotate(0deg);
  background-color: black;
  transition: all 0.2s ease;
}
.burger-line:nth-child(1) {
  top: 0px;
}
.burger-line:nth-child(2) {
  top: 0.5rem;
  width: 70%;
}
.burger-line:nth-child(3) {
  top: 1rem;
}
.burger.is-active .burger-line:nth-child(1) {
  top: 0.5rem;
  transform: rotate(135deg);
}
.burger.is-active .burger-line:nth-child(2) {
  opacity: 0;
}
.burger.is-active .burger-line:nth-child(3) {
  top: 0.5rem;
  transform: rotate(-135deg);
}

.header .register-btn {
    display: none;
}
.signup-btn{
	border: 1px solid #0094be;
	background: #0094be !important;
	min-width: 5rem;
	color:white;
}
.signin-btn{
	border: 1px solid #0094be;
	background: transparent !important;
	min-width: 5rem;
}
.mobile-signin-btn a{
	color:#000;
	font-size:0.875rem;
    background: transparent !important;
    min-width: 5rem;
    display: none;
	
}
.mobile-signup-btn a{
	color:#fff;
	font-size:0.875rem;
  display: none;
}
.signin-btn:hover{
	color: #0094be !important;
	border: 1px solid #0094be !important;
}
.signup-btn:hover{
	border: 1px solid #0094be !important;
}
.new-cnt{
  display: flex;
  flex-direction: column;
}
.text-head-clr{
  text-align: left;
  color: #000;
  font-weight: 500;
}
@media screen and (max-width: 412px){
	.wrapper .search_box .search_field .input{
		    padding-left: 3px;
    padding-right: 3px;
		font-size:12px;
		
}
	#search-button,#institute-search-button,#course-search-button{
		    padding: 10px 15px;
	}
	.wrapper .search_box .dropdown select{
		font-size:12px;
	}
	.wrapper .search_box .dropdown{
		width:110px;
	}
	ul#ui-id-1 li a{
		font-size:12px;
	}
}
@media screen and (max-width: 468px){
	
}
textarea.wpcf7-form-control.wpcf7-textarea.custom-form-control.custom-border {
    height: 100px;
}

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

	.moreellipses,.morelink{
		display:none;
	}
	.morecontent span {
    display: block;
}
	
}

.toggle-text {
  max-width: 400px;
  margin: 20px auto;
  text-align: center;
}

.toggle-text-content span {
  display: none ;
}
.form-control:focus{
	background-color: #fff !important;
	border: none !important;
}
.toggle-text-link {
  display: block;
  margin: 5px 0;
}
@media (max-width: 320px){
	.form-control{
		font-size:.8rem;
	}
	.has-search .form-control-feedback{
		line-height: 2.3rem;
}
	
}
.btn-demo{
  color: white;
  background-color: #0097BD;
  border: none;
  border-radius: 0;
}
.btn-hover-effect {
  position: relative !important;
  background-color: #00a9d6 !important;
  color: white !important;
  border: none !important;
  transition: background-color 0.3s ease-in-out !important;
}
.btn-hover-effect:hover {
  background-color: #008bb1 !important; /* Darken the button color on hover */
}
.arrow {
  display: inline-block !important;
  transition: transform 0.3s ease-in-out !important;
}
.btn-hover-effect:hover .arrow {
  transform: translateX(5px) !important; /* Move the arrow to the right */
}
.profile-description{
text-align: justify !important;
}