/*
Theme Name: Prime English Classes Pro
Theme URI: https://www.themeignite.com/products/spoken-english-wordpress-theme/ 
Author: Themeignite
Author URI: https://themeignite.com/
Description: 
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: prime-english-classes-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Prime English Classes Pro WordPress Theme has been created by Themeignite(Themeignite.com), 2024.
Prime English Classes Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
.carousel-control-prev-icon {
  background-image: url(./assets/images/v1.png);
  background-repeat: no-repeat;
}
.carousel-control-next-icon {
  background-image: url(./assets/images/v2.png);
  background-repeat: no-repeat;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 33px;
  height: 121px;
  opacity: 1 !important;
}
.carousel-control-next,
.carousel-control-prev {
  opacity: 1;
}
.last {
  color: #890c25;
}
/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/

.preloader {
  display: flex;
  background: #fc7c15;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.preloader .loading-dot {
  width: 15px;
  height: 15px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
    40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff,
    -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
  animation: load 3s infinite linear;
}
@keyframes load {
  0% {
    transform: rotate(0deg);
    box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
      40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff,
      -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
  }
  25% {
    box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
      40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, -40px -40px 0px 0px #fff,
      40px 40px 0px 0px #fff, -40px 40px 0px 0px #fff, 40px -40px 0px 0px #fff;
  }
  50% {
    box-shadow: 0px -40px 0px 0px #fff, 0px 40px 0px 0px #fff,
      -40px 0px 0px 0px #fff, 40px 0px 0px 0px #fff, -40px -40px 0px 0px #fff,
      40px 40px 0px 0px #fff, -40px 40px 0px 0px #fff, 40px -40px 0px 0px #fff;
  }
  70% {
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  75% {
    width: 10px;
    height: 10px;
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  80% {
    background-color: #fff;
    width: 40px;
    height: 40px;
    transform: rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  85% {
    background-color: #fff;
    width: 40px;
    height: 40px;
    transform: rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  90% {
    background-color: #fff;
    width: 10px;
    height: 10px;
    transform: rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  95% {
    box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
      40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff,
      -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
  }
  100% {
    transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
      40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff,
      -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
  }
}

@media only screen and (min-width: 1700px) and (max-width: 1900px) {
    .container {
      max-width: 1400px;
    }
  }
  @media only screen and (min-width: 1901px) and (max-width: 1920px) {
    .container {
      max-width: 1600px;
    }
  }