/*-----------------------------------------------------------------------------------

    Template Name: Technix - Technology IT Solutions Consultancy HTML5 Template
    Template URI: https://thepixelcurve.com/
    Description: A Library of Responsive Bootstrap5, HTML5, and CSS3 Website Templates
    Author: Pixelcurve
    Author URI: https://thepixelcurve.com/
    Version: 1.0


-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Header CSS
    2.1. Header Top CSS
    2.2 Offcanvas Menu CSS
    03. Hero CSS
    04. Service CSS
    05. About CSS
    06. Skill CSS
    07. Counter CSS
    08. Case Study CSS
    09. Features CSS
    10. Team CSS
    11. Testimonial CSS
    12. Choose Us CSS
    13. Brand CSS
    14. CTA CSS
    15. Video CSS
    16. Blog CSS
    17. Pricing CSS
    18. Blog Standard CSS
    19. Blog Details CSS
    20. Contact CSS
    21. Page Banner CSS
    22. Subscribe CSS
    23. Login Register CSS
    24. Footer CSS
    24.1. Footer Widget CSS


-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*, *::after, *::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  color: #8a8a8a;
  outline: none;
  visibility: visible;
  overflow-X: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: "";
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  color: #021E40;
  font-weight: 700;
  margin-top: 0;
  line-height: 1.2;
  margin-bottom: 0;
}

h1 {
  font-size: 36px;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

p {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input {
  transition: all 0.3s linear;
  outline: 0;
}
a:focus, button:focus, img:focus, input:focus {
  outline: 0;
}

a:focus {
  color: none;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #ffc600;
}

ul, ol {
  padding: 0;
  list-style: none;
  margin: 0;
}

button, input[type=submit] {
  cursor: pointer;
}

img {
  max-width: 100%;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
}

/*--Tab Content & Pane Fix--*/

/*-- Common Classes --*/
.section,
.main-wrapper {
  float: left;
  width: 100%;
}

@media only screen and (min-width: 1600px) {
  .container {
    max-width: 1230px;
  }
}
/*--Section Spacing--*/
.section-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/*--Section Title--*/
.section-title .title {
  font-size: 48px;
  line-height: 1.2;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #021E40;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .section-title .title {
    font-size: 30px;
    line-height: 36px;
  }
}
.section-title .title.white {
  color: #ffffff;
}
.section-title .sub-title {
  font-size: 18px;
  font-weight: 600;
  color: #07294d;
  position: relative;
  padding-bottom: 12px;
}
.section-title .sub-title::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 2px;
  background-color: #ffc600;
  bottom: 0;
  left: 0;
}
.section-title .sub-title.white {
  color: #ffffff;
}
.section-title .sub-title.white::before {
  background-color: #ffffff;
}

/*--Section Title Two--*/

/*--Section Title Three--*/

/*--Swiper Pagination--*/

/*--  Preloader Styles  --*/
#loading {
  background-color: #ffc600;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  margin-top: 0px;
  top: 0px;
}
#loading .object {
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ffffff;
  border-right: 5px solid transparent;
  animation: animate 2s infinite;
}

/*===== Preloader Style =====*/
/*----------------------------------------*/
/*  02. Elements CSS
/*----------------------------------------*/
/*--
/*  2.4 - Form CSS
/*----------------------------------------*/
label {
  display: block;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: 400;
  text-transform: capitalize;
}

/*Input Field & Select*/
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]),
textarea {
  border: 1px solid #ebebeb;
  box-shadow: none;
  color: #415674;
  border-radius: 4px;
  background-color: #ffffff;
  margin-bottom: 0;
  padding: 10px 25px;
  max-width: 100%;
  width: 100%;
  font-size: 13px;
  line-height: 30px;
  font-weight: 600;
  transition: all 0.3s linear;
}
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):focus,
textarea:focus {
  outline: none;
  border-color: #ffc600;
}
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 0.95;
  font-size: 13px;
  color: #898c94;
  font-weight: 600;
}
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 0.95;
  font-size: 13px;
  color: #898c94;
  font-weight: 600;
}
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 0.95;
  font-size: 13px;
  color: #898c94;
  font-weight: 600;
}
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 0.95;
  font-size: 13px;
  color: #898c94;
  font-weight: 600;
}

/*--
/*  2.3 - Button CSS
/*----------------------------------------*/

.btn {
  display: inline-block;
  overflow: hidden;
  transform: perspective(0) translateZ(0);
  background: #ffc600;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  border-color: transparent;
  color: #021E40;
  border-radius: 5px;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  height: 55px;
  line-height: 55px;
  padding: 0px 35px;
  border: 0;
  border-style: solid;
  box-shadow: none;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  z-index: 1;
  position: relative;
}
.btn:focus, .btn:focus:active {
  box-shadow: none;
}
.btn:hover {
  background: #07294d;
  color: #ffffff;
}

.btn-round {
  border-radius: 100px;
}

.btn-primary {
  background-color: #ffc600;
  border-color: #ffc600;
  color: #ffffff;
}
.btn-primary:hover {
  background-color: #ffc600;
  border-color: #ffc600;
}

.btn-secondary {
  background-color: #07294d;
  border-color: #07294d;
  color: #ffffff;
}
.btn-secondary:hover {
  background-color: #07294d;
  border-color: #07294d;
}

.btn-white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #002e5b;
  box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15);
}
.btn-white::after {
  background: #ffc600;
}
.btn-white::before {
  background: #ffc600;
}

/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
/*--
/*  2.1 - Header Top CSS
/*----------------------------------------*/

.sticky {
  width: 100%;
  position: fixed;
  top: 0;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
  animation: sticky 1s;
}

@keyframes sticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
/*----------------------------------------*/
/*  03. MEAN MENU CSS START
/*----------------------------------------*/
/* mean menu customize */

/*----------------------------------------*/
/*  00. Sidebar CSS START
/*----------------------------------------*/

/*----------------------------------------*/
/*  4.1. Pages CSS (All Page Styles)
/*----------------------------------------*/
/*--
/*  03 - Hero CSS
/*----------------------------------------*/
/*--
/*  04 - Category CSS
/*----------------------------------------*/

/*--
/*  05 - About CSS
/*----------------------------------------*/

/*--
/*  06 - Apply CSS
/*----------------------------------------*/

/*--
/*  07 - Course CSS
/*----------------------------------------*/

/*--
/*  08 - Video CSS
/*----------------------------------------*/
/*--
/*  09 - Teacher CSS
/*----------------------------------------*/

/*--
/*  10 - Testimonial CSS
/*----------------------------------------*/

/*--
/*  11 - Publication CSS
/*----------------------------------------*/

/*--
/*  12 - Blog CSS
/*----------------------------------------*/

/*--
/*  13 - Brand CSS
/*----------------------------------------*/

/*--
/*  14 - Counter CSS
/*----------------------------------------*/

/*--
/*  15 - Countdown CSS
/*----------------------------------------*/

/*--
/*  16 - Admission CSS
/*----------------------------------------*/
.edubin-admission-section {
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .edubin-admission-section {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .edubin-admission-section {
    padding-bottom: 80px;
  }
}

.admission-wrap {
  margin-top: -30px;
}

.admission-item {
  background-color: #07294d;
  margin-top: 30px;
}
.admission-item .admission-image img {
  width: 100%;
}
.admission-item .admission-content {
  padding: 40px;
}
.admission-item .admission-content .title {
  font-size: 26px;
  color: #fff;
  font-weight: 700;
  padding-bottom: 20px;
}
.admission-item .admission-content p {
  color: #fff;
}

/*--
/*  17 - CTA CSS
/*----------------------------------------*/
/*--
/*  18 - Features CSS
/*----------------------------------------*/

/*--
/*  19 - Faq CSS
/*----------------------------------------*/

/*--
/*  16 - Page Banner CSS
/*----------------------------------------*/

.breadcrumb {
  margin-bottom: 0;
  margin-top: 15px;
}
.breadcrumb .breadcrumb-item {
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  color: #ffffff;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 8px;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\f16e";
  font-family: flaticon !important;
  font-size: 11px;
  padding-right: 8px;
  position: relative;
  top: 0;
  color: #ffffff;
}
.breadcrumb .breadcrumb-item:hover a {
  color: #0071DC;
}
/*--
/*  12 - Blog List CSS
/*----------------------------------------*/

/*--
/*  18 - Blog Details CSS
/*----------------------------------------*/

/*--
/*  19 - Event CSS
/*----------------------------------------*/

/*--
/*  19 - Event Details CSS
/*----------------------------------------*/

/*--
/*  20 - Speaker CSS
/*----------------------------------------*/

/*--
/*  21 - Course Filter CSS
/*----------------------------------------*/

/*--
/*  22 - Course Details CSS
/*----------------------------------------*/

/*--
/*  22 - Shop CSS
/*----------------------------------------*/

/*--
/*  23 - Shop Details CSS
/*----------------------------------------*/

/*--
/*  26 - Team Single CSS
/*----------------------------------------*/

/*--
/*  27 - Pricing CSS
/*----------------------------------------*/

/*--
/*  28 - 404 CSS
/*----------------------------------------*/
/* 404 page */

/*--
/*  28 - Contact CSS
/*----------------------------------------*/

.contact-form {
  margin-left: 30px;
}
@media only screen and (max-width: 991px) {
  .contact-form {
    margin-left: 0;
    margin-top: 30px;
  }
}
.contact-form .contact-form-wrap {
  background: #ffffff;
  box-shadow: 0px 0px 75px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 50px;
  padding-top: 30px;
  margin-top: 40px;
}

/*--
/*  24 - Login Register CSS
/*----------------------------------------*/

/*----------------------------------------*/
/*  05. Widget CSS
/*----------------------------------------*/
/*--
/*  5.1 - Sidebar Widget CSS
/*----------------------------------------*/

/*--
/*  24.1 - Footer Widget CSS
/*----------------------------------------*/

/*--
/*  24. Footer CSS
/*----------------------------------------*/

.progress-wrap {
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 45px;
  width: 45px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(0, 93, 224, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateX(130%);
  z-index: 99;
  transition: all 200ms linear;
}
.progress-wrap::after {
  position: absolute;
  content: "\f108";
  font-family: flaticon !important;
  text-align: center;
  line-height: 45px;
  font-size: 18px;
  color: #ffc600;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  transform: rotate(90deg);
  cursor: pointer;
  display: block;
  z-index: 1;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: #ffc600;
  stroke-width: 4;
  box-sizing: border-box;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}