@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");
@font-face {
  font-family: "Eudoxus Sans";
  font-display: block;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/eudoxus-sans/EudoxusSans-ExtraBold.woff2") format("woff2"), url("../fonts/eudoxus-sans/EudoxusSans-ExtraBold.woff") format("woff"), url("../fonts/eudoxus-sans/EudoxusSans-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Eudoxus Sans";
  font-display: block;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/eudoxus-sans/EudoxusSans-Bold.woff2") format("woff2"), url("../fonts/eudoxus-sans/EudoxusSans-Bold.woff") format("woff"), url("../fonts/eudoxus-sans/EudoxusSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Eudoxus Sans";
  font-display: block;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/eudoxus-sans/EudoxusSans-Medium.woff2") format("woff2"), url("../fonts/eudoxus-sans/EudoxusSans-Medium.woff") format("woff"), url("../fonts/eudoxus-sans/EudoxusSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Eudoxus Sans";
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/eudoxus-sans/EudoxusSans-Regular.woff2") format("woff2"), url("../fonts/eudoxus-sans/EudoxusSans-Regular.woff") format("woff"), url("../fonts/eudoxus-sans/EudoxusSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Eudoxus Sans";
  font-display: block;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/eudoxus-sans/EudoxusSans-Light.woff2") format("woff2"), url("../fonts/eudoxus-sans/EudoxusSans-Light.woff") format("woff"), url("../fonts/eudoxus-sans/EudoxusSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Eudoxus Sans";
  font-display: block;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/eudoxus-sans/EudoxusSans-ExtraLight.woff2") format("woff2"), url("../fonts/eudoxus-sans/EudoxusSans-ExtraLight.woff") format("woff"), url("../fonts/eudoxus-sans/EudoxusSans-ExtraLight.ttf") format("truetype");
}
body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  color: #555555;
}

html,
body {
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 800;
  margin: 0 0 10px;
  color: #00124E;
}

p {
  margin: 0 0 0px;
}

img {
  max-width: 100%;
  height: auto;
}

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

a,
a:hover,
a:focus {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

input,
textarea,
button {
  padding: 10px 25px;
  border: 1px solid #f1f1f1;
  outline: none;
  transition: all 0.3s ease-in-out;
}
input::-moz-placeholder, textarea::-moz-placeholder, button::-moz-placeholder {
  position: relative;
  left: 0px;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input::placeholder,
textarea::placeholder,
button::placeholder {
  position: relative;
  left: 0px;
  transition: all 0.3s ease-in-out;
}

input:focus,
textarea:focus,
button:focus {
  outline: none;
  border-color: #f3f3f3;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder, button:focus::-moz-placeholder {
  left: 10px;
  opacity: 0;
}
input:focus::placeholder,
textarea:focus::placeholder,
button:focus::placeholder {
  left: 10px;
  opacity: 0;
}

nav ul li {
  display: inline-block;
  position: relative;
  transition: all 0.3s ease-in-out;
}

/*Hide number spin button*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

@media only screen and (min-width: 1581px) {
  .container {
    max-width: 1410px;
  }
}

/*==== HEADER FIXED ====*/
.fixed-nav {
  position: fixed !important;
  background-color: #ffffff;
  animation: header 0.5s ease;
  width: 100% !important;
  top: 0;
  margin-top: 0px !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fixed-nav {
    padding: 15px 0px;
  }
}
.fixed-nav .container {
  padding: 20px 0px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fixed-nav .container {
    padding: 0px 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fixed-nav .container {
    padding: 0px 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .fixed-nav .container {
    padding: 0px 0px !important;
  }
}

@keyframes header {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
/*==== INPUT BOX ====*/
.input-control {
  position: relative;
  margin-top: 20px;
}
.input-control-label {
  font-family: "Eudoxus Sans", sans-serif;
  font-size: 14px;
  line-height: 1.2857142857;
  margin-bottom: 10px;
  color: #00124E;
  font-weight: 700;
  display: block;
}
.input-control-label span {
  color: #F00606;
}
.input-control-input {
  display: block;
  width: 100%;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #E3E3E3;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #161C27;
}
.input-control-input::-moz-placeholder {
  color: #687083;
}
.input-control-input::placeholder {
  color: #687083;
}
.input-control-input:focus {
  border-color: #00124E;
}
@media only screen and (max-width: 479px) {
  .input-control-input {
    padding: 12px 15px;
  }
}
.input-control-input[type=submit] {
  background-color: #4068FC;
  border-color: #4068FC;
  color: #ffffff;
  text-transform: uppercase;
}
.input-control-input[type=submit]:hover {
  background-color: #00124E;
  border-color: #00124E;
}
.input-control [type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.input-control-file {
  text-align: center;
  border-style: dashed;
}
.input-control-file h6 {
  font-size: 14px;
  margin-bottom: 5px;
}
.input-control-file h6 span {
  color: #4068FC;
}
@media only screen and (max-width: 479px) {
  .input-control-file h6 {
    font-style: 12px;
  }
}
.input-control-file p {
  font-size: 14px;
  font-weight: 400;
  color: #687083;
}
@media only screen and (max-width: 479px) {
  .input-control-file p {
    font-size: 12px;
  }
}
.input-control-icon {
  position: absolute;
  top: 50%;
  left: 0px;
  color: #4068FC;
  transform: translateY(-50%);
  cursor: pointer;
  width: 40px;
  display: flex;
  align-items: center;
  place-content: center;
  z-index: 1;
  height: 100%;
  background-color: transparent !important;
  border: none !important;
}
.input-control-icon:hover {
  color: #00124E;
}

.section_padding {
  padding: 60px 0px;
}
.section_padding.tesimonials.about {
  padding-top: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_padding.tesimonials.about {
    padding-top: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_padding.tesimonials.about {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .section_padding.tesimonials.about {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_padding {
    padding: 50px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_padding {
    padding: 40px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .section_padding {
    padding: 40px 0px;
  }
}

.section_padding_off {
  padding: 0px 0px;
}

.section_padding_top {
  padding-top: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_padding_top {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_padding_top {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section_padding_top {
    padding-top: 40px;
  }
}

.section_padding_bottom {
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_padding_bottom {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_padding_bottom {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section_padding_bottom {
    padding-bottom: 40px;
  }
}

.site_btn {
  display: inline-block;
  background-color: transparent;
  font-size: 14px;
  padding: 15px 40px;
  color: #4068FC;
  border: 1px solid #4068FC;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
.site_btn::after {
  content: "";
  width: 0%;
  height: 100%;
  background-color: #4068FC;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  border-radius: 3px;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.site_btn:hover {
  color: #ffffff;
}
.site_btn:hover::after {
  left: 0;
  right: 0;
  width: 100%;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .site_btn {
    padding: 12px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .site_btn {
    padding: 10px 25px;
    font-weight: 500;
  }
}

.boxed_btn {
  display: inline-block;
  background-color: #4068FC;
  font-size: 14px;
  padding: 15px 40px;
  color: #ffffff;
  border: 1px solid #4068FC;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.boxed_btn::after {
  content: "";
  width: 0%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  border-radius: 3px;
}
.boxed_btn:hover {
  border-color: #4068FC;
  color: #4068FC;
}
.boxed_btn:hover::after {
  width: 100%;
  left: 0;
  right: auto;
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .boxed_btn {
    padding: 10px 20px;
    font-weight: 400;
  }
}
.boxed_btn.bg-transparent {
  color: #4068FC;
  border-radius: 5px !important;
}
.boxed_btn.bg-transparent:hover {
  color: #ffffff;
}
.boxed_btn.bg-transparent::after {
  background-color: #4068FC;
}

.site_btn_border {
  display: inline-block;
  font-size: 14px;
  line-height: 1.2142857143;
  border: 1px solid #4068FC;
  color: #4068FC;
  border-radius: 100px;
  padding: 10px 23px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
.site_btn_border::after {
  content: "";
  background-color: #4068FC;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  border-radius: 15px;
  transition: all 0.4s ease-in-out;
}
.site_btn_border i {
  margin-right: 3px;
}
.site_btn_border:hover {
  color: #ffffff;
}
.site_btn_border:hover::after {
  width: 100%;
  left: 0;
  right: auto;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .site_btn_border {
    padding: 8px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .site_btn_border {
    padding: 7px 10px;
    font-size: 12px;
  }
}

.section_title {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title {
    margin-bottom: 10px;
    text-align: center;
  }
}
.section_title_meta {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
  color: #4068FC;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title_meta {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title_meta {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title_meta {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 500;
  }
}
.section_title h2 {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title h2 {
    font-size: 34px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .section_title h2 {
    font-size: 20px;
  }
}
.section_title p {
  font-size: 16px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title p br {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  .sm-hide {
    display: none !important;
  }
}

.border-none {
  border: none !important;
}

.border-padding-none {
  padding: 0 !important;
  border: none !important;
}

@media only screen and (max-width: 767px) {
  .mobile-none {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .mt-m-30 {
    margin-top: 30px;
  }
}

.gray_bg {
  background-color: #F7F7F7;
}

.bg-shade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}

#red {
  color: #FC4056;
}

#green {
  color: #00D673;
}

.fade:not(.show) {
  visibility: hidden;
}

.fade.show {
  visibility: visible;
}

.hide-nice .nice-select {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .mobile-column-reverse {
    flex-direction: column-reverse;
  }
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.mt-20 {
  margin-top: 20px;
}

/*==== country select custom css ====*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .flagstrap {
    padding-top: 5px;
  }
}
.flagstrap .btn {
  padding: 0px 0px;
  box-shadow: 0 0 0;
  border: none;
  font-size: 0 !important;
}
.flagstrap .btn span {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .flagstrap .btn span {
    font-size: 12px;
  }
}
.flagstrap-icon {
  margin-right: 5px !important;
}
.flagstrap .caret {
  display: none;
}
.flagstrap .dropdown-menu {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  padding: 5px 0px;
  left: -10px;
}
.flagstrap .dropdown-menu li {
  font-size: 14px;
  font-weight: 600;
  color: #00124E;
  text-transform: uppercase;
  display: block;
  cursor: pointer;
  padding: 3px 10px;
  transition: all 0.3s ease-in-out;
}
.flagstrap .dropdown-menu li:first-child {
  display: none;
}
.flagstrap .dropdown-menu li a {
  padding: 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .flagstrap .dropdown-menu li {
    font-size: 12px;
  }
}

/*==== Preloader CSS ====*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  place-content: center;
  z-index: 9989001;
  background-color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.preloader h3 {
  font-size: 8vw;
  text-transform: uppercase;
  position: relative;
  color: transparent;
  -webkit-text-stroke: 0.2vw #4068FC;
  letter-spacing: 5px;
}
.preloader h3::before {
  content: attr(data-text);
  width: 0%;
  height: 100%;
  border-right: 3px solid #00124E;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  overflow: hidden;
  -webkit-text-stroke: 0.2vw #00124E;
  color: #00124E;
  animation: typeload 5s linear infinite;
  letter-spacing: 5px;
}

@keyframes typeload {
  0%, 20%, 100% {
    width: 0;
  }
  70%, 90% {
    width: 100%;
  }
}
/*==== BACK TO TOP CSS ====*/
.backtop {
  position: fixed;
  bottom: 0;
  right: -10%;
  width: 70px;
  height: 70px;
  border-top-left-radius: 100%;
  background-color: #00124E;
  z-index: 10;
  display: flex;
  align-items: center;
  flex-wrap: center;
  place-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.backtop:hover {
  background-color: #4068FC;
}
.backtop:hover i {
  bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .backtop:hover i {
    bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .backtop {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.backtop i {
  position: absolute;
  bottom: 15px;
  right: 20px;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .backtop i {
    bottom: 10px;
    right: 15px;
  }
}

.backtop.show {
  right: 0;
  opacity: 1;
  visibility: visible;
}

/*==== CUSTOM CHECKBOX ====*/
.checkbox {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 0px;
}
.checkbox-input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}
.checkbox-input:checked ~ span {
  color: #00124E;
}
.checkbox-input:checked ~ span::before {
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
}
.checkbox-input:checked ~ span::after {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.checkbox-title {
  display: block;
  font-size: 14px;
  line-height: 1.8571428571;
  font-weight: 500;
  color: #555555;
  position: relative;
  z-index: 1;
  padding: 5px 0px;
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkbox-title {
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkbox-title {
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .checkbox-title {
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.checkbox-title::before, .checkbox-title::after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #EEEDF9;
  position: absolute;
  left: 0;
  top: 9px;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkbox-title::before, .checkbox-title::after {
    top: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkbox-title::before, .checkbox-title::after {
    top: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .checkbox-title::before, .checkbox-title::after {
    top: 6px;
  }
}
.checkbox-title::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  background-color: #00124E;
  border-color: #00124E;
  text-align: center;
  color: #ffffff;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

/*==== CUSTOM RADIO BUTTON ====*/
.page_radio {
  margin: 0;
  position: relative;
  z-index: 1;
}
.page_radio input[type=radio] {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
}
.page_radio input[type=radio]:checked ~ .page_radio_title::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) scale(1);
}
.page_radio input[type=radio]:checked ~ .page_radio_title::before {
  border-color: #4068FC;
  background-color: #4068FC;
}
.page_radio_title {
  font-size: 14px;
  line-height: 1.2142857143;
  font-weight: 600;
  color: #555555;
  position: relative;
  z-index: 1;
  padding-left: 25px;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .page_radio_title {
    padding-left: 20px;
  }
}
.page_radio_title::before, .page_radio_title::after {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 1px solid #707070;
  position: absolute;
  left: 0;
  transition: all 0.2s ease-in-out;
  margin-top: 2px;
}
.page_radio_title::after {
  border: none;
  background-color: #ffffff;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  position: absolute;
  left: 4px;
  top: 7.2px;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: visible;
}

/*==== RATING STAR ====*/
.fiver-star i {
  color: #ffc107 !important;
}

.four-star i:nth-child(5) {
  color: #F1F1F1;
}

.three-star i:nth-child(4), .three-star i:nth-child(5) {
  color: #F1F1F1;
}

.two-star i:nth-child(3), .two-star i:nth-child(4), .two-star i:nth-child(5) {
  color: #F1F1F1;
}

.one-star i {
  color: #F1F1F1 !important;
}
.one-star i:first-child {
  color: #ffc107 !important;
}

/*==== NICE SELECT CUSTOMIZE ====*/
.nice-select {
  display: inline-block;
  border: 1px solid #e0e7eb;
  color: #00124E;
  font-size: 14px;
  font-weight: 500;
  height: auto;
  padding: 6px 15px;
  width: 160px;
  border-radius: 5px;
  margin-left: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nice-select {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    width: 120px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .nice-select {
    width: 150px;
    padding: 6px 10px;
  }
}
.nice-select:first-child {
  margin-left: 0px;
}
.nice-select:focus {
  border-color: #00124E;
}
.nice-select::after {
  display: none;
}
.nice-select::before {
  content: "\e64b";
  font-family: "themify";
  font-size: 12px;
  color: #00124E;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nice-select::before {
    right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .nice-select::before {
    right: 10px;
  }
}
.nice-select .list {
  width: 100%;
}
.nice-select .list .selected {
  font-weight: 600;
}

.nice-select.open::before {
  content: "\e648";
}

/*==== NICE NUMBER CUSTOM CSS ====*/
.nice-number button {
  font-size: 14px;
  color: #687083;
  background-color: #F9F9FD;
  border: 1px solid #E3E3E3;
  padding: 12px 13px;
}
.nice-number button:hover {
  color: #00124E;
}
@media only screen and (max-width: 767px) {
  .nice-number button {
    padding: 8px 12px;
  }
}
.nice-number input {
  padding: 0px;
  width: 60px !important;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nice-number input {
    width: 50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .nice-number input {
    width: 40px !important;
  }
}

/*==== DATEPICKER CUSTOM CSS ====*/
.gj-picker-md table tr td div,
.gj-picker-md table tr th div {
  border-radius: 4px !important;
  font-size: 14px;
}

@media only screen and (max-width: 479px) {
  .gj-picker {
    left: 30px !important;
  }
}

/*==== TIME PICKER ====*/
.gj-timepicker {
  position: relative;
  z-index: 1;
}
.gj-picker [role=body] [role=dial] {
  cursor: pointer;
}
.gj-icon {
  position: absolute !important;
  top: 50% !important;
  right: 20px !important;
  transform: translateY(-50%) !important;
  color: #687083 !important;
  font-size: 18px !important;
}
@media only screen and (max-width: 479px) {
  .gj-icon {
    right: 12px !important;
  }
}

/*==== SELECT2 CUSTOM CSS ====*/
.select2 {
  position: relative;
  z-index: 1;
  width: 100% !important;
}
.select2::before {
  content: "\e64b";
  font-family: "themify";
  font-size: 12px;
  color: #00124E;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .select2::before {
    right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .select2::before {
    right: 10px;
  }
}
.select2-selection {
  padding: 10px 20px;
  border-radius: 0px !important;
  height: auto !important;
  border-color: #E3E3E3 !important;
}
.select2-selection__rendered {
  padding: 0 !important;
  font-size: 14px;
  color: #687083;
  font-weight: 400;
}
.select2-selection__arrow {
  display: none;
}

.select2-container--open::before {
  content: "\e648";
  position: absolute;
}

/*==== SOCILA MEDIA CSS ====*/
.faceboook {
  background-color: #395799 !important;
}
.faceboook:hover {
  background-color: #22396d !important;
}

.twitter {
  background-color: #03ABF0 !important;
}
.twitter:hover {
  background-color: #0181b4 !important;
}

.pinterest {
  background-color: #C92128 !important;
}
.pinterest:hover {
  background-color: #ac040a !important;
}

.linkedin {
  background-color: #0477B5 !important;
}
.linkedin:hover {
  background-color: #015b8b !important;
}

/*==== PRICE RANGER SLIDER CUSTOM CSS ====*/
.irs-handle {
  width: 14px !important;
  height: 14px !important;
  border-radius: 100%;
  background-color: #4068FC !important;
  cursor: pointer;
  border: 2px solid #ffffff;
}
.irs-handle i {
  display: none !important;
}
.irs-line {
  height: 8px !important;
  background-color: #F1F1F1 !important;
  cursor: pointer;
}
.irs-bar {
  height: 8px !important;
  cursor: pointer;
  background-color: #4068FC !important;
}
.irs-min, .irs-max {
  display: none !important;
}
.irs-from, .irs-to, .irs-single {
  background-color: #4068FC !important;
  font-size: 12px !important;
}
.irs-from::before, .irs-to::before, .irs-single::before {
  border-top-color: #4068FC !important;
}

/*==== ZOOM LENS CUSTOM CSS ====*/
.ZoomContainer {
  z-index: 8 !important;
}
.ZoomContainer .zoomLens {
  width: 100px !important;
  height: 100px !important;
  border-color: #00124E !important;
  z-index: 8 !important;
}
.ZoomContainer .zoomWindow {
  width: 100% !important;
  height: 100% !important;
  z-index: 8 !important;
  left: 100% !important;
  border: 1px solid #00124E !important;
  background-size: contain !important;
}
@media only screen and (max-width: 767px) {
  .ZoomContainer .zoomWindow {
    right: 0% !important;
    left: 0% !important;
  }
}

.zoomWrapper {
  width: 100% !important;
  height: 100% !important;
}

/*---- BACKGROUND SHADE CSS ----*/
.bg-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 11;
  display: none;
  overflow: auto;
}

/*==== Header CSS ====*/
.heading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .heading {
    background-color: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    padding: 12px 0px;
    /* Keep the mobile bar (hamburger + logo) reachable while scrolling. It was
       position:absolute, so it scrolled away and the only way back to the menu
       was scrolling to the top. Fixed rather than sticky because the header is
       already out of the document flow, so this changes nothing about layout -
       the sections below already pad themselves clear of it. */
    position: fixed;
  }
}
.heading_sub {
  background-color: rgba(22, 28, 39, 0.7);
}
@media only screen and (max-width: 991px) {
  .heading_sub {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_sub_left {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .heading_sub_left {
    text-align: center;
    border-bottom: 1px solid rgba(227, 227, 227, 0.1);
  }
}
@media only screen and (max-width: 479px) {
  .heading_sub_left {
    display: none;
  }
}
.heading_sub_left ul li a {
  font-size: 13px;
  line-height: 1.2142857143;
  font-weight: 500;
  color: #ffffff;
  position: relative;
  z-index: 1;
  margin-right: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
}
.heading_sub_left ul li a:hover {
  color: #FC8840;
}
.heading_sub_left ul li a::after {
  content: "";
  width: 1px;
  height: 13px;
  background-color: rgba(227, 227, 227, 0.1);
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  z-index: -1;
}
.heading_sub_left ul li a i {
  margin-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_sub_left ul li a {
    font-size: 12px;
    margin-right: 10px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_sub_left ul li a {
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .heading_sub_left ul li a {
    font-size: 14px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 479px) {
  .heading_sub_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.heading_sub_right ul {
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .heading_sub_right ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 479px) {
  .heading_sub_right ul:first-child {
    display: none;
  }
}
.heading_sub_right ul:first-child li a {
  border: none;
  padding-right: 20px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_sub_right ul:first-child li a {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .heading_sub_right ul:first-child li a {
    padding-right: 12px !important;
  }
}
@media only screen and (max-width: 479px) {
  .heading_sub_right ul:first-child li a {
    padding-right: 5px !important;
  }
}
.heading_sub_right ul li:hover .mini_cart {
  opacity: 1;
  visibility: visible;
  top: 100%;
  pointer-events: auto;
}
.heading_sub_right ul li:last-child > a {
  padding-right: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_sub_right ul li:last-child > a {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 479px) {
  .heading_sub_right ul li:last-child > a {
    padding-right: 5px;
  }
}
.heading_sub_right ul li .mini_cart {
  z-index: 99;
}
.heading_sub_right ul li a {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  padding: 12px 14px;
  border-left: 1px solid rgba(227, 227, 227, 0.1);
}
@media only screen and (max-width: 1200px) {
  .heading_sub_right ul li a span {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  .heading_sub_right ul li a i {
    margin: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_sub_right ul li a {
    border-left: none;
  }
}
.heading_sub_right ul li a:hover {
  color: #FC8840;
}
.heading_sub_right ul li a:hover svg path {
  stroke: #FC8840;
}
.heading_sub_right ul li a i {
  font-weight: 300 !important;
  margin-right: 10px;
}
@media only screen and (max-width: 479px) {
  .heading_sub_right ul li a i {
    display: none;
  }
}
.heading_sub_right ul li a svg path {
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_sub_right ul li a {
    font-size: 12px;
    padding: 10px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_sub_right ul li a {
    padding: 10px 10px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 767px) {
  .heading_sub_right ul li a {
    font-size: 14px;
    font-weight: 400;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .heading_sub_right ul li a {
    border: none !important;
    padding: 10px 5px;
  }
}
.heading_sub_right .social-links {
  border-left: 1px solid rgba(227, 227, 227, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_sub_right .social-links {
    border-left: none;
  }
}
@media only screen and (max-width: 767px) {
  .heading_sub_right .social-links {
    display: none;
  }
}
.heading_sub_right .social-links li:last-child a {
  padding-right: 15px;
}
.heading_sub_right .social-links li:last-child a::after {
  display: none;
}
.heading_sub_right .social-links li a {
  padding: 12px 15px;
  border: none;
  position: relative;
  z-index: 1;
}
.heading_sub_right .social-links li a:hover {
  color: #FC8840;
}
.heading_sub_right .social-links li a::after {
  content: "";
  width: 1px;
  height: 13px;
  background-color: rgba(227, 227, 227, 0.1);
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  z-index: -1;
}
.heading_sub_right .social-links li a i {
  margin: 0 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_sub_right .social-links li a {
    padding: 10px 10px;
  }
}
.heading_main {
  padding: 0px;
  margin-top: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_main {
    background-color: #ffffff;
    padding: 15px 0px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main {
    background-color: #ffffff;
    padding: 15px 0px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .heading_main {
    display: none;
  }
}
.heading_main .container {
  padding: 25px 12px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1440px) and (max-width: 1580px) {
  .heading_main .container {
    padding: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .heading_main .container {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_main .container {
    padding: 0px 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main .container {
    padding: 0px 12px !important;
  }
}
@media only screen and (max-width: 767px) {
  .heading_main .container {
    padding: 0px 12px !important;
  }
}
.heading_main .container::before {
  content: "";
  width: 103%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  background-color: #ffffff;
  border-radius: 10px;
}
@media only screen and (min-width: 1440px) and (max-width: 1580px) {
  .heading_main .container::before {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .heading_main .container::before {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_main .container::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main .container::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .heading_main .container::before {
    display: none;
  }
}
.heading_main_logo {
  display: inline-block;
  position: relative;
  z-index: 9;
  width: 140px;
  height: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main_logo {
    width: 100px;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .heading_main_logo {
    width: auto;
    height: auto;
  }
}
.heading_main_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main_menu_list:first-child a {
    padding-left: 0px;
  }
}
.heading_main_menu_list:hover > ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
  pointer-events: auto;
}
.heading_main_menu_list_dropdown {
  width: 200px;
  background-color: #ffffff;
  padding: 20px 30px;
  position: absolute;
  top: 120%;
  left: 0;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.07);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media only screen and (max-width: 1200px) {
  .heading_main_menu_list_dropdown {
    width: 160px;
    padding: 20px 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main_menu_list_dropdown {
    width: -moz-max-content;
    width: max-content;
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .heading_main_menu_list_dropdown {
    width: 100%;
    background-color: transparent !important;
    box-shadow: 0 0 0;
    opacity: 1;
    visibility: visible;
    position: initial;
    top: 0;
    left: 0;
  }
}
.heading_main_menu_list_dropdown li {
  display: block;
}
.heading_main_menu_list_dropdown li:hover > ul {
  left: 110%;
  opacity: 1;
  visibility: visible;
}
.heading_main_menu_list_dropdown li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  color: #00124E;
  font-weight: 600;
  padding: 8px 0px;
  position: relative;
  left: 0;
}
@media only screen and (max-width: 1200px) {
  .heading_main_menu_list_dropdown li a {
    font-size: 14px;
  }
}
.heading_main_menu_list_dropdown li a:hover {
  left: 3px;
  color: #4068FC;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main_menu_list_dropdown li a i {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .heading_main_menu_list_dropdown li a i {
    display: none;
  }
}
.heading_main_menu_list_dropdown li ul {
  position: absolute;
  left: 100%;
  width: 200px;
  padding: 20px 30px;
  top: -20px;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 1200px) {
  .heading_main_menu_list_dropdown li ul {
    width: 150px;
    padding: 20px 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main_menu_list_dropdown li ul {
    width: 150px;
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .heading_main_menu_list_dropdown li ul {
    width: 100%;
    background-color: transparent !important;
    box-shadow: 0 0 0;
    opacity: 1;
    visibility: visible;
    position: initial;
    top: 0;
    left: 0;
  }
}
.heading_main_menu_list_dropdown li ul li a {
  font-size: 14px;
}
.heading_main_menu_list_dropdown li ul li ul {
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_main_menu_list_dropdown li ul li ul {
    width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .heading_main_menu_list_dropdown li ul li ul {
    opacity: 1;
    visibility: visible;
  }
}
.heading_main_menu_list_link {
  display: block;
  font-size: 15px;
  color: #00124E;
  line-height: 1.2666666667;
  font-weight: 600;
  padding: 15px 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .heading_main_menu_list_link {
    padding: 10px 14px;
  }
}
@media only screen and (max-width: 1200px) {
  .heading_main_menu_list_link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading_main_menu_list_link {
    padding: 10px 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main_menu_list_link {
    padding: 6px 4px;
    font-weight: 500;
  }
}
.heading_main_menu_list_link:hover {
  color: #4068FC;
}
@media only screen and (max-width: 767px) {
  .heading_main_search {
    position: absolute;
    top: 54px;
    right: 0;
    width: 100%;
    transition: all 0.3s ease-in-out;
    display: none;
  }
}
.heading_main_search .input-control {
  z-index: 1;
  margin-top: 0px;
}
.heading_main_search .input-control-input {
  background-color: #FAFAFA;
  border-color: #E8E8E8;
  font-weight: 500;
  padding-right: 45px;
  border-radius: 4px;
}
.heading_main_search .input-control-input:focus {
  border-color: #00124E;
}
@media only screen and (max-width: 767px) {
  .heading_main_search .input-control-input:focus {
    border-color: transparent;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading_main_search .input-control-input {
    padding: 10px 15px;
    font-size: 14px;
    padding-right: 40px;
    font-weight: 400;
  }
}
.heading_main_search .input-control-icon {
  left: auto;
  right: 0px;
}
.heading_mobile {
  display: none;
  padding-right: 15px;
  padding-left: 15px;
}
.heading_mobile .heading_logo img {
  height: 30px;
}
@media only screen and (max-width: 767px) {
  .heading_mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.heading_mobile > div {
  flex: 1;
}
.heading_mobile > div i {
  font-size: 18px;
  color: #000000;
}
.heading_mobile_thum {
  cursor: pointer;
}
.heading_mobile_inner ul li {
  display: inline-block;
}
.heading_mobile_inner ul li:last-child a {
  padding-right: 0px;
}
.heading_mobile_inner ul li a {
  display: block;
  padding: 0px 10px;
}
.heading_mobile_menu {
  background-color: #ffffff;
  width: 85%;
  height: 100%;
}
.heading_mobile_menu.zeynep ul {
  padding: 5px 0px;
}
.heading_mobile_menu.zeynep ul > li > a {
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent !important;
  background-image: none !important;
}
.heading_mobile_menu.zeynep ul > li > a:hover, .heading_mobile_menu.zeynep ul > li > a.active {
  color: #4068FC;
}
.heading_mobile_menu.zeynep ul > li > a > i {
  font-size: 12px;
}
.heading_mobile_menu.zeynep .submenu-header > a {
  font-weight: 600;
  background-color: #F4F9FF;
  padding: 14px 0px;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.heading_mobile_menu.zeynep .submenu-header > a::before {
  display: none;
}
.heading_mobile_menu.zeynep .submenu-header > a i {
  font-size: 12px;
  margin-right: 10px;
}
.heading_mobile_menu_top {
  border-bottom: 1px solid #E3E3E3;
}
.heading_mobile_menu_top li a {
  color: #4068FC;
}
.heading_mobile_menu_bottom {
  border-top: 1px solid #E3E3E3;
  padding: 0px 20px;
}
.heading_mobile_menu_bottom ul {
  padding: 13px 0px !important;
}
.heading_mobile_menu_bottom ul li a {
  justify-content: flex-start !important;
  border: 1px solid #E3E3E3 !important;
  width: -moz-max-content;
  width: max-content;
}
.heading_mobile_menu_bottom ul li a i {
  margin-right: 10px;
  font-size: 16px !important;
}
.heading_mobile_menu_bottom #mobile_languages {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 20px;
  display: none;
}
.heading_mobile_menu_bottom #mobile_languages ul {
  padding: 0px !important;
}
.heading_mobile_menu_bottom #mobile_languages ul li a {
  width: 100%;
  border-color: transparent !important;
}
.heading_mobile_menu_bottom #mobile_languages ul li a.active {
  border-color: #E3E3E3 !important;
}
.heading .nice-select {
  display: none;
}

/*==== MINI CART CSS ====*/
.mini_cart_active {
  top: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.mini_cart {
  background-color: #ffffff;
  position: absolute;
  top: 120%;
  left: 0px;
  width: 450px;
  padding: 30px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mini_cart {
    right: 0px;
    left: auto;
  }
}
@media only screen and (max-width: 479px) {
  .mini_cart {
    width: 100%;
    padding: 12px;
  }
}
.mini_cart_inner h4 {
  font-size: 22px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E3E3E3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mini_cart_inner h4 {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .mini_cart_inner h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .mini_cart_inner h4 {
    font-size: 18px;
  }
}
.mini_cart_inner_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px 0px;
  border-bottom: 1px solid #E3E3E3;
  position: relative;
}
.mini_cart_inner_list_remove {
  width: auto;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 5px;
  transition: all 0.3s ease-in-out;
}
.mini_cart_inner_list_remove:hover i {
  transform: rotate(90deg);
  color: #4068FC;
}
.mini_cart_inner_list_remove i {
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.mini_cart_inner_list_left {
  max-width: 30%;
  flex: 0 0 30%;
}
@media only screen and (max-width: 479px) {
  .mini_cart_inner_list_left {
    max-width: 25%;
    flex: 0 0 25%;
  }
}
.mini_cart_inner_list_right {
  max-width: 70%;
  flex: 0 0 70%;
}
@media only screen and (max-width: 479px) {
  .mini_cart_inner_list_right {
    max-width: 75%;
    flex: 0 0 75%;
  }
}
.mini_cart_inner_list_img {
  width: 100px;
  height: 70px;
  overflow: hidden;
  background-color: #F7F7F7;
}
@media only screen and (max-width: 479px) {
  .mini_cart_inner_list_img {
    width: 70px;
    height: 50px;
  }
}
.mini_cart_inner_list_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mini_cart_inner_list_content {
  padding-left: 10px;
}
.mini_cart_inner_list_content p {
  font-size: 14px;
  font-weight: 500;
  color: #00124E;
}
.mini_cart_inner_list_content p:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 16px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 479px) {
  .mini_cart_inner_list_content p:first-child {
    font-size: 14px;
  }
}
.mini_cart_inner_list_content_price {
  color: #20CA84;
  margin-left: 5px;
}
.mini_cart_inner_btns {
  margin-top: 20px;
}
.mini_cart_inner_btns_inner .boxed_btn {
  padding: 10px 30px;
  font-size: 14px;
  display: inline-block !important;
  border: 1px solid transparent !important;
}
.mini_cart_inner_btns_inner .boxed_btn:hover {
  color: #00124E !important;
  border-color: #00124E !important;
}
.mini_cart_inner_btns_inner .boxed_btn:last-child {
  margin-left: 5px;
}
@media only screen and (max-width: 479px) {
  .mini_cart_inner_btns_inner .boxed_btn:last-child {
    margin-top: 10px;
  }
}

/*==== HERO AREA ====*/
@media only screen and (max-width: 767px) {
  .hero_area_slider .owl-nav {
    position: absolute;
    left: 20px;
    bottom: 15px;
  }
}
.hero_area_slider .owl-nav button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
  background-color: #ffffff !important;
  color: #555555 !important;
  font-size: 16px !important;
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
}
.hero_area_slider .owl-nav button:hover {
  background-color: #00124E !important;
  color: #ffffff !important;
}
@media only screen and (min-width: 1440px) and (max-width: 1580px) {
  .hero_area_slider .owl-nav button {
    left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .hero_area_slider .owl-nav button {
    left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_area_slider .owl-nav button {
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_area_slider .owl-nav button {
    left: 20px;
    margin-top: 50px;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_area_slider .owl-nav button {
    width: 30px;
    height: 30px;
    position: initial;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    font-size: 14px !important;
  }
}
.hero_area_slider .owl-nav button:last-child {
  left: auto;
  right: 50px;
}
@media only screen and (min-width: 1440px) and (max-width: 1580px) {
  .hero_area_slider .owl-nav button:last-child {
    right: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .hero_area_slider .owl-nav button:last-child {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_area_slider .owl-nav button:last-child {
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_area_slider .owl-nav button:last-child {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_area_slider .owl-nav button:last-child {
    margin-left: 5px;
  }
}

.hero_area {
  background-color: #1F252F;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .hero_area::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(22, 28, 39, 0.5);
  }
}
.hero_area_inner img {
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1920/883;
}
@media only screen and (max-width: 767px) {
  .hero_area_inner img {
    margin-top: 54px;
  }
}
.hero_area_inner_meta {
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 25px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_area_inner_meta {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_area_inner_meta {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_area_inner_meta {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .hero_area_inner_meta {
    font-size: 10px;
    letter-spacing: 2px;
  }
}
.hero_area_inner h1 {
  font-size: 60px;
  line-height: 1.25;
  margin-bottom: 60px;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-weight: 800;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .hero_area_inner h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_area_inner h1 {
    font-size: 44px;
    line-height: 1.4;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_area_inner h1 {
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_area_inner h1 {
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 30px;
    font-weight: 700;
  }
}
@media only screen and (max-width: 479px) {
  .hero_area_inner h1 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .hero_area_inner h1 br {
    display: none;
  }
}

/*==== NOTICE AREA ====*/
.notice-section .noticeContent {
  background-color: #4068FC;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  bottom: 78px;
  margin-bottom: -78px;
  z-index: 1;
}
.notice-section .noticeContent .notice-board-header h2.notice-board-title {
  color: #ffffff;
  text-align: left;
  font-size: 32px;
}
@media only screen and (max-width: 479px) {
  .notice-section .noticeContent .notice-board-header h2.notice-board-title {
    font-size: 22px;
  }
}
.notice-section .noticeContent .notice-board-header .notice-view-all {
  color: #ffffff;
}
.notice-section .noticeContent .notice-board-header .notice-view-all:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media only screen and (max-width: 767px) {
  .notice-section .noticeContent {
    bottom: 0px;
    margin-top: 50px;
  }
}
.notice-section .noticeContent .notification-container {
  overflow: hidden;
  height: 200px;
}
.notice-section .noticeContent .notification-container ul {
  list-style: none;
  position: relative;
}
.notice-section .noticeContent .notification-container ul li {
  text-align: left;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.notice-section .noticeContent .notification-container ul li .noticeboard_inner_item {
  padding: 0;
  padding-top: 8px !important;
  display: flex;
  gap: 10px;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
}
.notice-section .noticeContent .notification-container ul li .noticeboard_inner_item:first-child {
  padding-top: 0px !important;
}
.notice-section .noticeContent .notification-container ul li .noticeboard_inner_item .noticeboard_inner_item_title {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .notice-section .noticeContent .notification-container ul li .noticeboard_inner_item .noticeboard_inner_item_title {
    font-size: 14px;
  }
}
.notice-section .noticeContent .notification-container ul li .noticeboard_inner_item a {
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 25px;
  margin-bottom: 0px;
}
.notice-section .noticeContent .notification-container ul li .noticeboard_inner_item a.site_btn_border {
  width: -moz-fit-content;
  width: fit-content;
}
.notice-section .noticeContent .notification-container ul li .noticeboard_inner_item a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.notice-section .noticeContent .notification-container ul li .noticeboard_inner_item p {
  margin-bottom: 0px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 479px) {
  .notice-section .noticeContent .notification-container ul li .noticeboard_inner_item p {
    padding: 10px 12px;
  }
}
@media only screen and (max-width: 991px) {
  .notice-section .noticeContent .notification-container ul li .noticeboard_inner_item p span {
    display: none;
  }
}

/*==== ABOUT US AREA ====*/
.about_us_home p {
  margin-bottom: 40px !important;
}
.about_us_home p:last-child {
  margin-bottom: 0px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_home p {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_home p {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_home p {
    margin-bottom: 15px;
  }
}

/*==== HOME PAGE SPEECH SECTION ====*/
.home_speech_section .owl-carousel {
  position: relative;
}
.home_speech_section .owl-carousel .owl-nav button {
  background: #425073;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  color: #ffffff;
}
.home_speech_section .owl-carousel .owl-nav button:hover {
  background: #00124E;
}
.home_speech_section .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
}
.home_speech_section .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -15px;
}
.home_speech_section .single_speech_item {
  background: #4068FC;
  padding: 30px;
  padding-top: 20px;
  text-align: center;
  color: #ffffff;
}
.home_speech_section .single_speech_item .speaker_photo img {
  height: 74px;
  width: 74px;
  border-radius: 50%;
  margin-bottom: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-left: auto;
  margin-right: auto;
}
.home_speech_section .single_speech_item .speaker_info {
  color: #ffffff;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 30px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.home_speech_section .single_speech_item .speaker_info::after {
  position: absolute;
  content: "";
  width: 120%;
  left: -10%;
  right: -10%;
  background: url(../img/curve_line.svg);
  height: 10px;
  background-repeat: repeat-x;
  background-size: contain;
  background-position: center;
  bottom: -16px;
}
.home_speech_section .single_speech_item .speech {
  color: #ffffff;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px;
}
.home_speech_section .single_speech_item .speech_details {
  border-radius: 4px;
  background: #425073;
  color: #ffffff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 10px 22px;
  margin-top: 20px;
  display: inline-block;
  text-transform: capitalize;
}
.home_speech_section .single_speech_item .speech_details:hover {
  background: #00124E;
}

.row-gap-24 {
  row-gap: 24px;
}

/*==== SPEECH SECTION ====*/
.speech_giver_photo {
  margin-right: 10px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
  .speech-title {
    font-size: 25px;
  }
}

.single-speech .speech_inner p {
  text-align: justify;
}

.speech_area img {
  height: -moz-fit-content;
  height: fit-content;
}
.speech_area .speech {
  text-align: justify;
}

/*==== CATEGORIES AREA ====*/
.categoris {
  position: relative;
  z-index: 1;
}
.categoris::before {
  content: "";
  height: 530px;
  width: 100%;
  background-image: url(../img/bg-shape.jpg);
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .categoris::before {
    background-position: top;
    height: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categoris::before {
    background-position: top;
    height: 405px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categoris::before {
    background-position: top;
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .categoris::before {
    background-position: top;
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .categoris .col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .categoris .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.categoris_item {
  display: block;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categoris_item {
    margin-top: 15px;
  }
}
.categoris_item:hover h4 {
  color: #4068FC;
}
.categoris_item:hover .categoris_item_inner {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.categoris_item_img {
  width: 100%;
  height: 240px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .categoris_item_img {
    height: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categoris_item_img {
    height: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .categoris_item_img {
    height: 150px;
  }
}
.categoris_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.categoris_item_inner {
  padding: 30px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categoris_item_inner {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categoris_item_inner {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .categoris_item_inner {
    padding: 15px;
  }
}
.categoris_item_inner h4 {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categoris_item_inner h4 {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categoris_item_inner h4 {
    font-size: 22px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .categoris_item_inner h4 {
    font-size: 20px;
    margin-bottom: 0px;
  }
}
.categoris_item_inner_date {
  font-size: 14px;
  color: #555555;
}
@media only screen and (max-width: 767px) {
  .categoris_item_inner_date {
    font-size: 12px;
  }
}
.categoris_item_inner p {
  color: #555555;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categoris_item_inner p {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categoris_item_inner p {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .categoris_item_inner p {
    font-size: 14px;
    margin-top: 5px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

/*==== FEATURE AREA ====*/
@media only screen and (max-width: 767px) {
  .feature {
    background-color: #F6F9FB;
    padding: 50px 0px;
  }
}
.feature .col-md-4:last-child .feature_item {
  border: none !important;
}
@media only screen and (max-width: 767px) {
  .feature .col-md-4:last-child .feature_item {
    border: 1px solid #E2E0E0 !important;
  }
}
.feature .container {
  position: relative;
  z-index: 1;
}
.feature .container::before {
  content: "";
  width: 99%;
  height: 100%;
  background-color: #F6F9FB;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  z-index: -1;
  border: 1px solid #E2E0E0;
}
@media only screen and (max-width: 767px) {
  .feature .container::before {
    display: none;
  }
}
.feature_item {
  border-right: 1px solid #E2E0E0;
  padding: 40px 50px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .feature_item {
    padding: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature_item {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_item {
    padding: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .feature_item {
    padding: 20px;
    border: 1px solid #E2E0E0;
    border-bottom: none !important;
  }
}
.feature_item_left {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_item_left {
    width: 100%;
  }
}
.feature_item_right {
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature_item_right {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_item_right {
    padding-left: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .feature_item_right {
    padding-left: 20px;
  }
}
.feature_item_icon {
  width: 70px;
  height: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_item_icon {
    width: 60px;
    margin: auto;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .feature_item_icon {
    width: 50px;
    height: 40px;
  }
}
.feature_item_icon img {
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_item_inner {
    text-align: center;
  }
}
.feature_item_inner h4 {
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature_item_inner h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_item_inner h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .feature_item_inner h4 {
    font-size: 18px;
  }
}
.feature_item_inner p {
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature_item_inner p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_item_inner p {
    font-size: 14px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .feature_item_inner p {
    font-size: 14px;
    margin-top: 0px;
  }
}

/*==== HOME COURSE AREA ====*/
.home_course .course_item {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home_course .course_item_img_inner {
    height: 240px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home_course .course_item_inner h4 {
    font-size: 18px;
  }
}

/*==== CTA AREA ====*/
.cta_area {
  background-color: #4068FC;
  background-position: 100% 100%;
  background-size: 100% 100%;
  padding-top: 100px;
  padding-bottom: 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta_area {
    padding-top: 80px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta_area {
    padding-top: 60px;
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .cta_area {
    padding: 50px 0px;
    padding-bottom: 150px;
    background-size: cover;
    background-position: center;
  }
}
.cta_area .section_title h2, .cta_area .section_title p {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .cta_area .section_title h2 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .cta_area .section_title h2 {
    font-size: 24px;
  }
}
.cta_area_inner {
  margin-top: 42px;
}
.cta_area_inner .boxed_btn {
  background-color: #20CA84;
  padding: 18px 40px;
}
@media only screen and (max-width: 767px) {
  .cta_area_inner .boxed_btn {
    padding: 15px 30px;
  }
}
@media only screen and (max-width: 479px) {
  .cta_area_inner .boxed_btn {
    text-align: center;
  }
}
.cta_area_inner .boxed_btn:last-child {
  margin-left: 5px;
  background-color: #F6B017;
}
@media only screen and (max-width: 479px) {
  .cta_area_inner .boxed_btn:last-child {
    margin-left: 0;
    margin-top: 10px;
  }
}
.cta_area_inner .boxed_btn:hover {
  color: #ffffff;
}
.cta_area_inner .boxed_btn:hover::after {
  background-color: #00124E;
}
.cta_area_inner .boxed_btn i {
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta_area_inner .boxed_btn {
    padding: 15px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cta_area_inner .boxed_btn {
    padding: 10px 15px;
  }
}

/*==== FUNFACT AREA ====*/
.funfact {
  position: absolute;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .funfact .row .col-md-3 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
.funfact .counters {
  background-color: #20CA84;
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: 10px;
  position: relative;
  bottom: 78px;
  margin-bottom: -78px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact .counters {
    padding-top: 40px;
    padding-bottom: 40px;
    bottom: 66px;
    margin-bottom: -66px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .funfact .counters {
    padding-top: 30px;
    padding-bottom: 30px;
    bottom: 54px;
    margin-bottom: -54px;
  }
}
@media only screen and (max-width: 767px) {
  .funfact .counters {
    position: unset;
    margin-bottom: 0px;
    margin-top: 50px;
    border-radius: 0;
    padding-top: 30px;
    padding-bottom: 0px;
  }
}
.funfact_item {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .funfact_item {
    margin-bottom: 24px;
  }
}
.funfact_item h3 {
  font-size: 40px;
  margin-bottom: 5px;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact_item h3 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .funfact_item h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .funfact_item h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
  }
}
.funfact_item p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .funfact_item p {
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .funfact_item p {
    font-weight: 400;
  }
}
@media only screen and (max-width: 767px) {
  .funfact {
    padding: 50px;
  }
  .funfact .counters {
    margin-top: 0;
    position: relative;
    bottom: 150px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .funfact {
    padding: 50px 15px;
  }
}

/*==== EVENTS AREA ====*/
.events.index-events {
  background-color: transparent !important;
  background-image: url(../img/bg-shape.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 200px;
}
@media only screen and (max-width: 991px) {
  .events.index-events {
    padding-top: 150px;
  }
}

/*==== TESTIMONIAL AREA ====*/
.tesimonials_slider {
  margin-top: 20px;
  padding-left: 8.3333%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .tesimonials_slider {
    margin-top: 15px;
  }
}
.tesimonials_slider::before, .tesimonials_slider::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(../img/icons/quote-left.svg);
  background-repeat: no-repeat;
  background-size: 4% 38%;
}
.tesimonials_slider::after {
  background-image: url(../img/icons/quote-right.svg);
  background-position: 100% 70% !important;
}
.tesimonials_slider_item_star {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonials_slider_item_star {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tesimonials_slider_item_star {
    margin-bottom: 15px;
  }
}
.tesimonials_slider_item_star i:last-child svg path {
  opacity: 0.5;
}
.tesimonials_slider_item h3 {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tesimonials_slider_item h3 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonials_slider_item h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tesimonials_slider_item h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
  }
}
.tesimonials_slider_item p {
  font-size: 16px;
  color: #00124E;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonials_slider_item p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .tesimonials_slider_item p {
    font-size: 14px;
  }
}
.tesimonials_slider_item p span {
  color: #555555;
}
.tesimonials_slider .owl-dots {
  margin-top: 50px;
  display: flex;
  gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonials_slider .owl-dots {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tesimonials_slider .owl-dots {
    margin-top: 20px;
  }
}
.tesimonials_slider .owl-dots .owl-dot {
  border: 1px solid #FAFAFA;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.tesimonials_slider .owl-dots .owl-dot.active {
  border-color: #4068FC;
}
.tesimonials_slider .owl-dots button {
  display: inline-block;
  width: 78px;
  height: 78px;
  line-height: 78px;
  background-color: #ffffff;
  margin-right: 15px;
  overflow: hidden;
}
.tesimonials_slider .owl-dots button:last-child {
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonials_slider .owl-dots button {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tesimonials_slider .owl-dots button {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.tesimonials_slider .owl-dots button img {
  margin: auto;
  width: 66px;
  height: 66px;
  border-radius: 100%;
  background-color: #FAFAFA;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  pointer-events: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonials_slider .owl-dots button img {
    width: 46px;
    height: 46px;
  }
}
@media only screen and (max-width: 767px) {
  .tesimonials_slider .owl-dots button img {
    width: 35px;
    height: 35px;
  }
}

/*==== HOME BLOG AREA ====*/
.index-blog {
  background-image: url(../img/bg-shape.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
}

.blog_item {
  margin-top: 20px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_item {
    margin-top: 15px;
  }
}
.blog_item:hover .blog_item_title {
  color: #4068FC;
}
.blog_item:hover .blog_item_inner {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.blog_item_img {
  width: 100%;
  height: 240px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_item_img {
    height: 160px !important;
  }
}
@media only screen and (max-width: 479px) {
  .blog_item_img {
    height: 170px !important;
  }
}
.blog_item a {
  border: none !important;
  margin-bottom: 0px !important;
}
.blog_item a:last-child {
  color: #4068FC;
}
.blog_item a:last-child:hover {
  color: #00124E;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_item_title {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_item_title {
    font-size: 20px !important;
  }
}
.blog_item_inner {
  margin-top: -30px;
  padding: 30px 35px;
  padding-bottom: 40px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_item_inner {
    padding: 20px 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_item_inner {
    margin-top: -20px;
    padding: 20px 25px;
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_item_inner {
    margin-top: -20px;
    padding: 15px 20px;
    padding-bottom: 20px;
  }
}

/*==== HOME NOTICEBOARD AREA ====*/
.index.noticeboard .noticeboard_inner_item {
  padding-right: 0px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .noticeboard .section_title {
    margin-bottom: 10px;
  }
}
.noticeboard_inner_weekinfo {
  margin-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .noticeboard_inner_weekinfo {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_weekinfo {
    margin-top: 20px;
  }
}
.noticeboard_inner_item:first-child {
  border-top: none !important;
  padding-top: 20px !important;
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_item:first-child {
    padding-top: 15px;
  }
}

/*==== BREADCRUMB CSS ====*/
.bradcrumb_area {
  position: relative;
  z-index: 1;
  background-image: url(../img/breadcrumb-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 215px;
  padding-bottom: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bradcrumb_area {
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bradcrumb_area {
    padding-top: 200px;
    padding-bottom: 35px;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .bradcrumb_area {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .bradcrumb_area {
    padding-top: 80px;
    padding-bottom: 40px;
    background-size: cover;
  }
}
.bradcrumb_area::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(21, 45, 136, 0.9);
}
.bradcrumb_area_inner h1 {
  font-size: 50px;
  line-height: 1.56;
  margin-bottom: 0px;
  color: #ffffff;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.bradcrumb_area_inner h1 span {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}
@media only screen and (max-width: 767px) {
  .bradcrumb_area_inner h1 span {
    font-size: 14px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 479px) {
  .bradcrumb_area_inner h1 span {
    font-size: 12px;
    display: block;
    margin-top: 5px;
  }
}
.bradcrumb_area_inner h1 span a {
  color: #ffffff;
}
.bradcrumb_area_inner h1 span a:hover {
  color: #4068FC;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .bradcrumb_area_inner h1 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bradcrumb_area_inner h1 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bradcrumb_area_inner h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bradcrumb_area_inner h1 {
    font-size: 24px;
    font-weight: 700;
  }
}
@media only screen and (max-width: 479px) {
  .bradcrumb_area_inner h1 {
    display: block;
  }
}

.about-bg {
  background-image: url(../img/about-breadcrumb-img.jpg);
}

.google_map_inner {
  width: 100%;
  height: 400px;
  background-color: rgba(22, 28, 39, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .google_map_inner {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .google_map_inner {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .google_map_inner {
    height: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .google_map_inner {
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .google_map_inner {
    height: 190px;
  }
}

/*==== TERMS AND CONDITIONS PAGE CSS ====*/
.terms_wrapper_title h2 {
  font-size: 40px;
  margin-bottom: 0px;
  line-height: 1.25;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .terms_wrapper_title h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .terms_wrapper_title h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .terms_wrapper_title h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .terms_wrapper_title h2 {
    font-size: 22px;
  }
}
.terms_wrapper_item {
  margin-top: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .terms_wrapper_item {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .terms_wrapper_item {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .terms_wrapper_item {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .terms_wrapper_item {
    margin-top: 25px;
  }
}
.terms_wrapper_item:first-child {
  margin-top: 0px;
}
.terms_wrapper_item h4 {
  font-size: 26px;
  margin-bottom: 22px;
  line-height: 0.9230769231;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .terms_wrapper_item h4 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .terms_wrapper_item h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .terms_wrapper_item h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.terms_wrapper_item ol {
  list-style: decimal;
  padding-left: 20px;
}
.terms_wrapper_item ol li {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .terms_wrapper_item ol li {
    font-size: 14px;
    line-height: 1.5;
  }
}
.terms_wrapper_item ol li:last-child {
  margin-bottom: 0px;
}
.terms_wrapper_item p {
  font-weight: 400;
}

/*==== ABOUT AREA ====*/
@media only screen and (max-width: 991px) {
  .about_us {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .about_us .offset-xxl-1 {
    padding-left: 3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us .offset-xxl-1 {
    padding-left: 5%;
  }
}
.about_us_img {
  width: 100%;
  height: 100%;
}
.about_us_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about_us_img_inner {
  width: 505px;
  height: 615px;
  margin: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .about_us_img_inner {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_img_inner {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_img_inner {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_img_inner {
    width: 100%;
    height: 350px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .about_us_img_inner {
    height: 300px;
    margin-bottom: 25px;
  }
}
.about_us_img_inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about_us_img_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.about_us_img_flex_left {
  max-width: 37%;
  flex: 0 0 37%;
}
@media only screen and (max-width: 767px) {
  .about_us_img_flex_left {
    max-width: 100%;
    flex: 0 0 100%;
    display: none;
  }
}
.about_us_img_flex_right {
  max-width: 63%;
  flex: 0 0 63%;
}
@media only screen and (max-width: 767px) {
  .about_us_img_flex_right {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.about_us_img_item {
  padding-left: 10px;
  padding-right: 10px;
}
.about_us_img_item_img {
  width: 100%;
  height: 275px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_img_item_img {
    height: 145px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_img_item_img {
    height: 105px;
  }
}
.about_us_img .small-img {
  width: 150px;
  height: 140px;
  margin-left: auto;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_img .small-img {
    width: 110px;
    height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_img .small-img {
    width: 90px;
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_img .small-img {
    height: 150px;
    text-align: right;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_img .small-img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.about_us_img .large-img {
  width: 100%;
  height: 550px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .about_us_img .large-img {
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_img .large-img {
    height: 490px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_img .large-img {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_img .large-img {
    height: 250px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_img .large-img {
    height: 200px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .about_us_inner {
    padding-left: 30px;
  }
}
.about_us_inner h3 {
  font-size: 48px;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .about_us_inner h3 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_inner h3 {
    font-size: 34px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .about_us_inner h3 {
    font-size: 20px;
  }
}
.about_us_inner p {
  margin-bottom: 30px;
}
.about_us_inner p:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .about_us_inner p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .about_us_inner p {
    margin-bottom: 15px;
  }
}
.about_us_inner ul {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_inner ul {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner ul {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner ul {
    margin-bottom: 15px;
  }
}
.about_us_inner ul li {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}
.about_us_inner ul li:last-child {
  margin-bottom: 0px;
}
.about_us_inner ul li i {
  color: #20CA84;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner ul li {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner ul li {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.about_us_inner a:first-child {
  font-size: 20px;
  color: #20CA84;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_inner a:first-child {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner a:first-child {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner a:first-child {
    font-size: 16px;
  }
}
.about_us_inner a:first-child svg {
  margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner a:first-child svg {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner a:first-child svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }
}
.about_us_inner .site_btn {
  margin-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_inner .site_btn {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner .site_btn {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner .site_btn {
    margin-top: 25px;
  }
}
.about_us_inner_list_item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner_list_item {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner_list_item {
    margin-top: 30px;
  }
}
.about_us_inner_list_item_left {
  max-width: 13%;
  flex: 0 0 13%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_inner_list_item_left {
    max-width: 17%;
    flex: 0 0 17%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner_list_item_left {
    max-width: 20%;
    flex: 0 0 20%;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner_list_item_left {
    max-width: 16%;
    flex: 0 0 16%;
  }
}
@media only screen and (max-width: 479px) {
  .about_us_inner_list_item_left {
    max-width: 20%;
    flex: 0 0 20%;
  }
}
.about_us_inner_list_item_right {
  max-width: 87%;
  flex: 0 0 87%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_us_inner_list_item_right {
    max-width: 83%;
    flex: 0 0 83%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner_list_item_right {
    max-width: 80%;
    flex: 0 0 80%;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner_list_item_right {
    max-width: 84%;
    flex: 0 0 84%;
  }
}
@media only screen and (max-width: 479px) {
  .about_us_inner_list_item_right {
    max-width: 80%;
    flex: 0 0 80%;
  }
}
.about_us_inner_list_item_icon {
  width: 70px;
  height: 60px;
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner_list_item_icon {
    width: 60px;
    height: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .about_us_inner_list_item_icon {
    width: 50px;
    height: 40px;
  }
}
.about_us_inner_list_item_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about_us_inner_list_item_inner {
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner_list_item_inner {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner_list_item_inner {
    padding-left: 15px;
  }
}
.about_us_inner_list_item_inner h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_us_inner_list_item_inner h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner_list_item_inner h4 {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .about_us_inner_list_item_inner h4 {
    font-size: 16px;
  }
}

/*==== TEAM AREA ====*/
@media only screen and (max-width: 767px) {
  .team .col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .team .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.team_member {
  display: block;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .team_member {
    margin-top: 25px;
  }
}
.team_member:hover img {
  transform: scale(1.05);
}
.team_member:hover h4 {
  color: #4068FC;
}
.team_member_img {
  width: 100%;
  height: 380px;
  overflow: hidden;
  background-color: #FAFAFA;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .team_member_img {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_member_img {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_member_img {
    margin-bottom: 10px;
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .team_member_img {
    height: 230px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .team_member_img {
    height: 300px;
  }
}
.team_member_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}
.team_member_inner h4 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_member_inner h4 {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_member_inner h4 {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .team_member_inner h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.team_member_inner p {
  font-size: 16px;
  line-height: 1.5;
  color: #555555;
}
@media only screen and (max-width: 767px) {
  .team_member_inner p {
    font-size: 14px;
  }
}

/*==== FAQ AREA ====*/
.faq_area_admission {
  padding: 0 8.3333%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area_admission {
    padding-right: 8.3333%;
  }
}
@media only screen and (max-width: 767px) {
  .faq_area_admission {
    padding: 0;
    margin-bottom: 35px;
  }
}
.faq_area_admission h3 {
  font-size: 34px;
  line-height: 1.2647058824;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq_area_admission h3 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area_admission h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .faq_area_admission h3 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 479px) {
  .faq_area_admission h3 {
    font-size: 20px;
  }
}
.faq_area_admission p {
  font-size: 14px;
  margin-bottom: 40px;
  line-height: 1.8571428571;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq_area_admission p {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area_admission p {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .faq_area_admission p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .faq_area_admission p {
    margin-bottom: 25px;
  }
}
.faq_area_admission a {
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area_admission a {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 479px) {
  .faq_area_admission a {
    display: block;
    text-align: center;
  }
}
.faq_area_accordion {
  padding-right: 16.67%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq_area_accordion {
    padding-right: 0%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area_accordion {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .faq_area_accordion {
    padding-right: 0;
  }
}
.faq_area_accordion .accordion-item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: none !important;
  transition: all 0.3s ease-in-out;
  margin-bottom: 20px;
}
.faq_area_accordion .accordion-item:last-child {
  margin-bottom: 0px;
}
.faq_area_accordion .accordion-button {
  display: block;
  border: none !important;
  box-shadow: 0 0 0 !important;
  background-color: transparent;
  color: #00124E;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700 !important;
  padding: 15px 30px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #E3E3E3 !important;
  padding-top: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area_accordion .accordion-button {
    font-size: 14px;
    padding: 10px 15px;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .faq_area_accordion .accordion-button {
    padding: 12px 20px;
  }
}
.faq_area_accordion .accordion-button::after {
  display: none;
}
.faq_area_accordion .accordion-button::before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #00124E;
  position: absolute;
  left: 0;
}
.faq_area_accordion .accordion-button[aria-expanded=true] {
  padding: 0px 40px;
  padding-top: 30px;
  background-color: #FAFAFA;
  border-bottom: none !important;
  padding-left: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area_accordion .accordion-button[aria-expanded=true] {
    padding: 0;
    padding-left: 25px;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .faq_area_accordion .accordion-button[aria-expanded=true] {
    padding: 0px 20px;
    padding-top: 20px;
    padding-left: 25px;
  }
}
.faq_area_accordion .accordion-button[aria-expanded=true]::before {
  content: "\f068";
  left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area_accordion .accordion-button[aria-expanded=true]::before {
    left: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .faq_area_accordion .accordion-button[aria-expanded=true]::before {
    left: 5px;
  }
}
.faq_area_accordion .accordion-body {
  padding: 0px 40px;
  padding-top: 20px;
  padding-bottom: 30px;
  background-color: #FAFAFA;
  border-bottom: none !important;
  padding-left: 55px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8571428571;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area_accordion .accordion-body {
    padding: 0px 20px;
    padding-left: 25px;
  }
}

/*==== COURSE AREA ====*/
.course {
  /*==== COURSE DETAILS PAGE ====*/
}
.course .orange {
  background-color: #FC8840;
}
.course .sunset-orange {
  background-color: #FC5640;
}
.course .green {
  background-color: #00d864;
}
.course .blue {
  background-color: #4068FC;
}
@media only screen and (max-width: 767px) {
  .course .col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .course .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 767px) {
  .course .row .section_title {
    margin-bottom: 6px;
  }
}
.course_filter_active {
  top: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
@media only screen and (max-width: 767px) {
  .course_filter {
    position: fixed;
    top: 100px;
    left: 0;
    background-color: #ffffff;
    z-index: 99;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    transition: all 0.3s ease-in-out;
  }
}
.course_filter_close {
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid #e0e7eb;
  border-radius: 4px;
  color: #00124E;
  background-color: #ffffff;
  position: fixed;
  top: 15px;
  right: 15px;
  display: none;
}
@media only screen and (max-width: 767px) {
  .course_filter_close {
    display: block;
  }
}
.course_filter_close:hover i {
  transform: rotate(90deg);
}
.course_filter_close i {
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.course_filter_border {
  border: 1px solid #E3E3E3;
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .course_filter_border {
    margin-top: 0px;
    border: none;
  }
}
.course_filter_head {
  padding-bottom: 28px;
  padding-top: 10px;
  border-bottom: 1px solid #e0e7eb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_filter_head {
    padding-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .course_filter_head {
    display: none;
  }
}
.course_filter_head h6 {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 700;
  color: #4068FC;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_filter_head h6 {
    font-size: 14px;
  }
}
.course_filter_head h6 svg {
  margin-right: 5px;
}
.course_filter_head h6 svg rect {
  fill: #4068FC;
}
.course_filter_item {
  padding: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_filter_item {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_filter_item {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_filter_item {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .course_filter_item {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .course_filter_item {
    margin-top: 20px;
  }
}
.course_filter_item:first-child {
  margin-top: 0px;
}
.course_filter_item h5 {
  font-size: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e7eb;
  margin-bottom: 30px;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_filter_item h5 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_filter_item h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_filter_item h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .course_filter_item h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.course_filter_item_rating {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
.course_filter_item_rating:last-child {
  margin-bottom: 0px;
}
.course_filter_item_rating i {
  color: #ffc107;
}
.course_filter_item_rating i:not(:last-child) {
  margin-right: 4px;
}
.course_filter_item_rating span {
  margin-left: 15px;
}
.course_filtering_head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #e0e7eb;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_filtering_head {
    padding-bottom: 15px;
  }
}
.course_filtering_head_left {
  max-width: 40%;
  flex: 0 0 40%;
}
@media only screen and (max-width: 767px) {
  .course_filtering_head_left {
    max-width: 10%;
    flex: 0 0 10%;
  }
}
.course_filtering_head_right {
  max-width: 60%;
  flex: 0 0 60%;
}
@media only screen and (max-width: 767px) {
  .course_filtering_head_right {
    max-width: 90%;
    flex: 0 0 90%;
  }
}
.course_filtering_head_filter_mobile {
  display: none;
  font-size: 0px;
  font-weight: 500;
  color: #00124E;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .course_filtering_head_filter_mobile {
    display: flex;
    align-items: center;
  }
}
.course_filtering_head_filter_mobile svg {
  margin-right: 5px;
}
.course_filtering_head_filter_mobile svg rect {
  fill: #00124E;
}
.course_filtering_head p {
  font-size: 14px;
  font-weight: 500;
  color: #00124E;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_filtering_head p {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .course_filtering_head p {
    display: none;
  }
}
.course_item {
  display: block;
  margin-top: 50px;
}
.course_item:hover h4 {
  color: #4068FC;
}
.course_item_img {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_item_img {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_item_img {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .course_item_img {
    margin-bottom: 25px;
  }
}
.course_item_img_inner {
  width: 100%;
  height: 240px;
  background-color: #FAFAFA;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_item_img_inner {
    height: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_item_img_inner {
    height: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_item_img_inner {
    height: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .course_item_img_inner {
    height: 180px;
  }
}
.course_item_img_inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.course_item_img_status {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #ffffff;
  background-color: #FAFAFA;
  padding: 5px 12px;
  border-radius: 3px;
  position: absolute;
  left: 30px;
  bottom: -15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_item_img_status {
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    bottom: -16px;
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_item_img_status {
    font-size: 12px;
    padding: 5px 10px;
    font-weight: 500;
    line-height: 1.5;
    bottom: -14px;
    left: 10px;
  }
}
.course_item_inner {
  padding-right: 30px;
}
.course_item_inner h4 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_item_inner h4 {
    font-size: 17px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_item_inner h4 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_item_inner h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 15px;
  }
}
.course_item_inner p {
  font-size: 16px;
  color: #4068FC;
}
@media only screen and (max-width: 767px) {
  .course_item_inner p {
    font-size: 14px;
  }
}
.course_item_inner_rating {
  display: inline-block;
  font-size: 14px;
  color: #00124E;
  border: 1px solid #e0e7eb;
  border-radius: 5px;
  padding: 7px 15px;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .course_item_inner_rating {
    padding: 5px 10px;
    margin-right: 10px;
  }
}
.course_item_inner_rating i {
  margin-left: 5px;
  color: #ffc107;
}
.course_sidebar {
  border: 1px solid #e0e7eb;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.03);
  padding: 40px;
  padding-top: 0px;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_sidebar {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_sidebar {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .course_sidebar {
    padding: 20px;
    margin-bottom: 30px;
  }
}
.course_sidebar_thumbnail {
  width: 100%;
  height: 220px;
  border-radius: 20px;
  overflow: hidden;
  margin-top: -65px;
  margin-bottom: 40px;
}
.course_sidebar_thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_sidebar_thumbnail {
    height: 190px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_sidebar_thumbnail {
    height: 280px;
    margin-top: -45px;
  }
}
@media only screen and (max-width: 767px) {
  .course_sidebar_thumbnail {
    margin-top: -55px;
    height: 200px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .course_sidebar_thumbnail {
    height: 130px;
  }
}
.course_sidebar_content_price {
  font-family: "Eudoxus Sans", sans-serif;
  display: block;
  font-weight: 800;
  font-size: 24px;
  line-height: 1.25;
  color: #4068FC;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_sidebar_content_price {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_sidebar_content_price {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_sidebar_content_price {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
.course_sidebar_content h5 {
  font-weight: 700;
  font-size: 20px;
  color: #00124E;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_sidebar_content h5 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_sidebar_content h5 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_sidebar_content h5 {
    margin-bottom: 15px;
    font-size: 18px;
  }
}
.course_sidebar_content ul li {
  font-size: 16px;
  line-height: 1.25;
  color: #555555;
}
.course_sidebar_content ul li:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_sidebar_content ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .course_sidebar_content ul li:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .course_sidebar_content ul li {
    font-size: 14px;
  }
}
.course_sidebar_content ul li i {
  color: #4068FC;
  margin-right: 10px;
}
@media only screen and (max-width: 479px) {
  .course_sidebar_content ul li i {
    font-size: 16px;
  }
}
.course_details_mentor_head {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_mentor_head {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_mentor_head {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_head {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_head {
    margin-bottom: 20px;
  }
}
.course_details_mentor_profile {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_profile {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_mentor_profile {
    display: none;
  }
}
.course_details_mentor_profile::after {
  content: "\f005";
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  font-size: 8px;
  text-align: center;
  width: 22px;
  height: 22px;
  line-height: 16px;
  border-radius: 100%;
  background-color: #161C27;
  border: 3px solid #ffffff;
  color: #ffffff;
  position: absolute;
  top: -3px;
  right: -3px;
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_profile::after {
    top: 0;
    right: 0px;
  }
}
.course_details_mentor_profile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.course_details_mentor_title {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_details_mentor_title {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_mentor_title {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_title {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_mentor_title {
    padding-left: 0px;
  }
}
.course_details_mentor_title h5 {
  font-size: 18px;
  line-height: 1.3333333333;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_title h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.course_details_mentor_title ul li {
  font-size: 14px;
  display: inline-block;
  padding: 0px 20px;
  font-weight: 400;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_details_mentor_title ul li {
    padding: 0px 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_mentor_title ul li {
    padding: 0px 10px;
  }
}
.course_details_mentor_title ul li::after {
  content: "";
  width: 1px;
  height: 15px;
  background-color: #e0e7eb;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.course_details_mentor_title ul li:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_title ul li:first-child {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_title ul li:first-child::after {
    display: none;
  }
}
.course_details_mentor_title ul li:last-child {
  padding-right: 0;
}
.course_details_mentor_title ul li:last-child::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_title ul li:nth-child(2) {
    padding-left: 0px;
  }
}
.course_details_mentor_title ul li .far {
  margin-right: 10px;
  opacity: 0.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_details_mentor_title ul li .far {
    margin-right: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_mentor_title ul li .far {
    margin-right: 5px;
  }
}
.course_details_mentor_rating {
  margin-left: 24px;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_details_mentor_rating {
    margin-right: 0px;
    margin-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_mentor_rating {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_mentor_rating {
    margin-right: 0px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_rating {
    margin-left: 15px;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_mentor_rating {
    margin-left: 10px;
  }
}
.course_details_mentor_rating i {
  color: #ffc107;
}
.course_details_mentor_rating i:not(:last-child) {
  margin-right: 2px;
}
.course_details_mentor_wrapper p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_mentor_wrapper p {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_mentor_wrapper p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_wrapper p {
    margin-bottom: 15px;
  }
}
.course_details_mentor_wrapper p:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .course_details_mentor_wrapper p {
    font-size: 14px;
  }
}
.course_details_preview_img {
  width: 100%;
  height: 380px;
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_details_preview_img {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_preview_img {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_preview_img {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_preview_img {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_preview_img {
    height: 300px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_preview_img {
    height: 320px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_preview_img {
    height: 210px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_preview_img {
    height: 150px;
  }
}
.course_details_preview_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.course_details_menu {
  background-color: #4068FC;
  border-radius: 10px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_details_menu {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_menu {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_menu {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_menu {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_menu {
    border-radius: 0;
    overflow: hidden;
  }
}
.course_details_menu ul {
  display: flex;
}
@media only screen and (max-width: 479px) {
  .course_details_menu ul {
    overflow: hidden;
    overflow-x: scroll;
  }
}
.course_details_menu ul li {
  max-width: 20%;
  flex: 0 0 20%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 479px) {
  .course_details_menu ul li {
    flex: 0 0 100%;
    width: -moz-max-content;
    width: max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.course_details_menu ul li::before {
  content: "";
  width: 1px;
  height: 15px;
  background-color: #6597FF;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  z-index: -1;
  opacity: 0.5;
}
.course_details_menu ul li:last-child::before {
  display: none;
}
.course_details_menu ul li a {
  font-family: "Eudoxus Sans", sans-serif;
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 20px 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 479px) {
  .course_details_menu ul li a {
    padding: 15px 30px !important;
  }
}
.course_details_menu ul li a:hover::after {
  opacity: 1;
  visibility: visible;
}
.course_details_menu ul li a::after {
  content: "";
  width: 30px;
  height: 3px;
  border-radius: 100px;
  background-color: #F6B017;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .course_details_menu ul li a {
    font-size: 12px;
    font-weight: 600;
    padding: 15px 5px;
  }
}
.course_details_menu ul li .active::after {
  opacity: 1;
  visibility: visible;
}
.course_details_abouts .overview {
  display: block;
  padding-right: 8.3333%;
}
.course_details_abouts_item {
  display: none;
}
.course_details_abouts_item h3 {
  font-size: 30px;
  line-height: 1.6666666667;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_item h3 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_item h3 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item h3 {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_item h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_item h3 {
    font-size: 20px;
  }
}
.course_details_abouts_item p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_item p {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_item p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item p {
    margin-bottom: 15px;
  }
}
.course_details_abouts_item p:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item p {
    font-size: 14px;
  }
}
.course_details_abouts_item_meta {
  margin-bottom: 20px !important;
  font-size: 14px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_item_meta {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item_meta {
    font-size: 12px !important;
    margin-bottom: 5px !important;
  }
}
.course_details_abouts_item ul {
  margin-top: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_details_abouts_item ul {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_item ul {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_item ul {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item ul {
    margin-top: 25px;
  }
}
.course_details_abouts_item ul li {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}
.course_details_abouts_item ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #161C27;
  position: absolute;
  left: 0;
  top: 10px;
}
.course_details_abouts_item ul li:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_item ul li {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item ul li {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.course_details_abouts_item .accordion-item {
  margin-top: 15px;
  border: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_item .accordion-item {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item .accordion-item {
    margin-top: 10px;
  }
}
.course_details_abouts_item .accordion-button {
  font-family: "Eudoxus Sans", sans-serif;
  font-size: 16px;
  color: #00124E;
  font-weight: 700;
  margin-bottom: 0px;
  background-color: #f3f6fa;
  box-shadow: 0 0 0 !important;
  border: none;
  border-radius: 0 !important;
  padding: 17px 30px;
  padding-left: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item .accordion-button {
    font-size: 14px;
    padding: 10px 20px;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_item .accordion-button {
    padding-right: 10px;
  }
}
.course_details_abouts_item .accordion-button span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400 !important;
  color: #555555;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item .accordion-button span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_item .accordion-button span {
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.course_details_abouts_item .accordion-button::after {
  display: none;
}
.course_details_abouts_item .accordion-button::before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #00124E;
  position: absolute;
  font-size: 20px;
  left: 25px;
  top: 15px;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item .accordion-button::before {
    font-size: 14px;
    left: 10px;
    top: 10px;
  }
}
.course_details_abouts_item .accordion-button[aria-expanded=false]::before {
  content: "\f067";
}
.course_details_abouts_item .accordion-button[aria-expanded=true]::before {
  content: "\f068";
}
.course_details_abouts_item .accordion-body {
  padding: 5px 0px;
  padding-right: 30px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item .accordion-body {
    padding-right: 20px;
    padding-bottom: 20px;
  }
}
.course_details_abouts_item .accordion-body-item {
  display: block;
  margin-top: 15px;
  font-size: 15px;
  color: #00124E;
}
.course_details_abouts_item .accordion-body-item:hover .accordion-body-item-icon {
  background-color: #00124E;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_item .accordion-body-item {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item .accordion-body-item {
    font-size: 14px;
  }
}
.course_details_abouts_item .accordion-body-item-icon {
  display: inline-block;
  background-color: #f3f6fa;
  width: 33px;
  height: 33px;
  line-height: 33px;
  border-radius: 100%;
  color: #00124E;
  text-align: center;
  margin-right: 15px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item .accordion-body-item-icon {
    font-size: 12px;
    margin-right: 7px;
  }
}
.course_details_abouts_item .accordion-body-item-icon i {
  position: relative;
  left: 1px;
}
.course_details_abouts_item .accordion-body-item-time {
  float: right;
  font-size: 13px !important;
  color: #555555 !important;
  font-weight: 400 !important;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_item .accordion-body-item-time {
    font-size: 11px !important;
  }
}
.course_details_abouts_content_createor_wrapper {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_content_createor_wrapper {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_content_createor_wrapper {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_content_createor_wrapper {
    margin-bottom: 15px;
  }
}
.course_details_abouts_content_createor_wrapper_profile {
  width: 300px;
  height: 300px;
  border-radius: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_content_createor_wrapper_profile {
    width: 230px;
    height: 230px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_content_createor_wrapper_profile {
    width: 200px;
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_content_createor_wrapper_profile {
    width: 140px;
    height: 140px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_content_createor_wrapper_profile {
    display: none;
  }
}
.course_details_abouts_content_createor_wrapper_profile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.course_details_abouts_content_createor_wrapper_content {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_content_createor_wrapper_content {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_content_createor_wrapper_content {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_content_createor_wrapper_content {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_content_createor_wrapper_content {
    padding-left: 0px;
  }
}
.course_details_abouts_content_createor_wrapper_content a {
  display: block;
}
.course_details_abouts_content_createor_wrapper_content a:hover h4 {
  color: #4068FC;
}
.course_details_abouts_content_createor_wrapper_content h4 {
  font-size: 24px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_content_createor_wrapper_content h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_content_createor_wrapper_content h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_content_createor_wrapper_content p {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_content_createor_wrapper_content p {
    font-size: 14px !important;
    margin-bottom: 10px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.course_details_abouts_content_createor_wrapper_content ul {
  margin-top: 40px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_content_createor_wrapper_content ul {
    margin-top: 20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_content_createor_wrapper_content ul {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_content_createor_wrapper_content ul {
    margin-top: 0px !important;
  }
}
.course_details_abouts_content_createor_wrapper_content ul li {
  padding-left: 0;
}
.course_details_abouts_content_createor_wrapper_content ul li::before {
  display: none;
}
.course_details_abouts_content_createor_wrapper_content ul li i {
  color: #4068FC;
  margin-right: 10px;
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_content_createor_wrapper_content ul li i {
    font-size: 16px;
  }
}
.course_details_abouts_content_createor p {
  font-size: 16px;
  line-height: 1.875;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_content_createor p {
    font-size: 14px;
  }
}
.course_details_abouts_rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 1px solid #e0e7eb;
  padding-bottom: 60px;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_details_abouts_rating {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_rating {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_rating {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .course_details_abouts_rating {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_rating {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_rating {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating {
    padding-bottom: 30px;
  }
}
.course_details_abouts_rating_total {
  max-width: 15%;
  flex: 0 0 15%;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_rating_total {
    max-width: 20%;
    flex: 0 0 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_rating_total {
    max-width: 20%;
    flex: 0 0 20%;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating_total {
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_rating_total {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left;
    margin-bottom: 10px;
  }
}
.course_details_abouts_rating_total h1 {
  font-size: 50px;
  font-weight: 700;
  color: #4068FC;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_rating_total h1 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_rating_total h1 {
    font-size: 40px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating_total h1 {
    font-size: 28px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_rating_total h1 {
    font-size: 30px;
    margin-bottom: 0px;
  }
}
.course_details_abouts_rating_total_star {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_rating_total_star {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_rating_total_star {
    margin-bottom: 0px;
  }
}
.course_details_abouts_rating_total_star i {
  color: #ffc107;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_rating_total_star i {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating_total_star i {
    font-size: 12px;
  }
}
.course_details_abouts_rating_total p {
  font-size: 14px !important;
  font-weight: 500 !important;
}
.course_details_abouts_rating_overall {
  max-width: 85%;
  flex: 0 0 85%;
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_rating_overall {
    max-width: 80%;
    flex: 0 0 80%;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_rating_overall {
    max-width: 80%;
    flex: 0 0 80%;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating_overall {
    max-width: 75%;
    flex: 0 0 75%;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_rating_overall {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0px;
  }
}
.course_details_abouts_rating_overall_item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.course_details_abouts_rating_overall_item_left {
  max-width: 70%;
  flex: 0 0 70%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_rating_overall_item_left {
    max-width: 60%;
    flex: 0 0 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_rating_overall_item_left {
    max-width: 60%;
    flex: 0 0 60%;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating_overall_item_left {
    max-width: 55%;
    flex: 0 0 55%;
  }
}
.course_details_abouts_rating_overall_item_left span {
  display: block;
  background-color: #f3f6fa;
  width: 100%;
  height: 10px;
  border-radius: 100px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating_overall_item_left span {
    height: 5px;
  }
}
.course_details_abouts_rating_overall_item_left span::after {
  content: "";
  width: 0%;
  height: 100%;
  background-color: #4068FC;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100px;
}
.course_details_abouts_rating_overall_item_left span[data-width="70"]::after {
  width: 70%;
}
.course_details_abouts_rating_overall_item_left span[data-width="20"]::after {
  width: 20%;
}
.course_details_abouts_rating_overall_item_left span[data-width="10"]::after {
  width: 10%;
}
.course_details_abouts_rating_overall_item_left span[data-width="01"]::after {
  width: 1%;
}
.course_details_abouts_rating_overall_item_right {
  max-width: 30%;
  flex: 0 0 30%;
  text-align: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_rating_overall_item_right {
    max-width: 40%;
    flex: 0 0 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course_details_abouts_rating_overall_item_right {
    max-width: 40%;
    flex: 0 0 40%;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating_overall_item_right {
    max-width: 45%;
    flex: 0 0 45%;
  }
}
.course_details_abouts_rating_overall_item_star span {
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating_overall_item_star span {
    font-size: 14px;
    margin-left: 5px;
  }
}
.course_details_abouts_rating_overall_item_star i {
  color: #ffc107;
}
.course_details_abouts_rating_overall_item_star i:not(:first-child) {
  margin-left: 5px;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_rating_overall_item_star i {
    font-size: 12px;
  }
}
.course_details_abouts_reviews_title h3 {
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_reviews_title h3 {
    margin-bottom: 0px !important;
  }
}
.course_details_abouts_reviews_title p {
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-top: 0px !important;
}
.course_details_abouts_reviews_wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 1px solid #e0e7eb;
  padding: 50px 0px;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_reviews_wrapper {
    padding: 30px 0px;
  }
}
.course_details_abouts_reviews_wrapper_left {
  max-width: 15%;
  flex: 0 0 15%;
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_reviews_wrapper_left {
    max-width: 20%;
    flex: 0 0 20%;
  }
}
.course_details_abouts_reviews_wrapper_right {
  max-width: 85%;
  flex: 0 0 85%;
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_reviews_wrapper_right {
    max-width: 80%;
    flex: 0 0 80%;
  }
}
.course_details_abouts_reviews_wrapper_profile {
  width: 80px;
  height: 80px;
  font-size: 24px;
  line-height: 1.25;
  color: #ffffff;
  background-color: #4068FC;
  border-radius: 100%;
  display: flex;
  align-items: center;
  place-content: center;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_reviews_wrapper_profile {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course_details_abouts_reviews_wrapper_content {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_reviews_wrapper_content {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .course_details_abouts_reviews_wrapper_content {
    padding-left: 10px;
  }
}
.course_details_abouts_reviews_wrapper_content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_reviews_wrapper_content h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.course_details_abouts_reviews_wrapper_content .star {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .course_details_abouts_reviews_wrapper_content .star {
    margin-bottom: 10px;
  }
}
.course_details_abouts_reviews_wrapper_content .star i {
  color: #ffc107;
}
.course_details_abouts_reviews_wrapper_content .star i:not(:last-child) {
  margin-right: 3px;
}
.course_details_abouts_reviews_wrapper_content .star span {
  margin-left: 10px;
}
.course_details_abouts_reviews_more {
  margin-top: 10px;
}
.course_details_abouts_reviews_more a {
  display: block;
  text-align: center;
}
.course .load_more a {
  padding: 15px 50px;
  border-width: 2px;
}
.course .load_more a::after {
  border-radius: 0px;
}
.course .course_details_page {
  padding-top: 185px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course .course_details_page {
    padding-top: 155px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course .course_details_page {
    padding-top: 135px;
  }
}
@media only screen and (max-width: 767px) {
  .course .course_details_page {
    padding-top: 105px;
  }
}

.course_item_img_status.category {
  right: 30px;
  left: auto;
}

.course_item_inner h4 {
  margin-bottom: 10px;
}
.course_item_inner p.course_brief {
  font-size: 14px;
  color: #555555;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: 0.4s all ease-in-out;
}
.course_item_inner p.course_brief.category {
  color: #4068FC;
}
@media only screen and (max-width: 767px) {
  .course_item_inner p.course_brief {
    font-size: 14px;
  }
}
.course_item_inner .read_more_link {
  margin-top: 20px;
  display: block;
  background: #4068FC;
  padding: 10px 20px;
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #4068FC;
  border-radius: 3px;
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 14px;
  padding-right: 14px;
}
.course_item_inner .read_more_link:hover {
  background: #ffffff;
  border: 1px solid #4068FC;
  color: #4068FC;
}

.course_list_filter_btns {
  display: flex;
  gap: 10px;
}
.course_list_filter_btns .filter_type {
  background: rgb(239, 239, 239);
  border-radius: 3px;
}
.course_list_filter_btns .filter_type:hover {
  background: #4068FC;
  color: #ffffff;
}
.course_list_filter_btns .filter_type.active {
  background: #4068FC;
  color: #ffffff;
}

/*==== EVENT AREA ====*/
.events_preview_img {
  width: 505px;
  height: 615px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .events_preview_img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_preview_img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_preview_img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .events_preview_img {
    width: 80%;
    height: 350px;
    margin: auto;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .events_preview_img {
    height: 300px;
    margin-bottom: 25px;
  }
}
.events_preview_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events_schedule {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_schedule {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 767px) {
  .events_schedule {
    overflow-x: scroll;
  }
}
.events_schedule table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_schedule table {
    border-spacing: 0px 15px;
    width: 700px;
  }
}
@media only screen and (max-width: 767px) {
  .events_schedule table {
    border-spacing: 0px 10px;
    width: 650px;
  }
}
.events_schedule table tr {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.events_schedule table tr td a:hover h4 {
  color: #4068FC;
}
.events_schedule table tr td h4 {
  font-size: 20px;
  margin-bottom: 0px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_schedule table tr td h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_schedule table tr td h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .events_schedule table tr td h4 {
    font-size: 16px;
  }
}
.events_schedule table tr td p {
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_schedule table tr td p {
    font-size: 12px;
  }
}
.events_schedule table tr td p i {
  color: #20CA84;
  margin-right: 10px;
}
.events_schedule table tr td a {
  font-size: 20px;
  color: #4068FC;
  padding: 5px 10px;
}
.events_schedule table tr td a:hover {
  color: #00124E;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_schedule table tr td a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_schedule table tr td a {
    font-size: 16px;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .events_schedule table tr td a {
    font-size: 16px;
    display: block;
  }
}
.events_schedule table tr td:last-child {
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .events_schedule table tr td:last-child {
    padding-right: 0px;
  }
}
.events_schedule_date {
  background-color: #4068FC;
  display: inline-block;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  padding: 18px 30px;
  width: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_schedule_date {
    padding: 10px 0;
    width: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_schedule_date {
    padding: 10px 20px;
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .events_schedule_date {
    padding: 8px 15px;
    width: 60px;
  }
}
.events_schedule_date h3 {
  font-size: 34px;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_schedule_date h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_schedule_date h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .events_schedule_date h3 {
    font-size: 20px;
  }
}
.events_schedule_date p {
  font-size: 16px !important;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_schedule_date p {
    font-weight: 500;
    font-size: 14px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_schedule_date p {
    font-weight: 500;
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 767px) {
  .events_schedule_date p {
    font-weight: 400;
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 767px) {
  .events .col-sm-6, .events .col-lg-4.col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .events .col-sm-6, .events .col-lg-4.col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.events_item {
  display: block;
  margin-bottom: 24px;
}
.events_item_img {
  width: 100%;
  height: 240px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .events_item_img {
    height: 190px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_item_img {
    height: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_item_img {
    height: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .events_item_img {
    height: 180px;
  }
}
.events_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events_item_inner {
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
  padding-top: 30px !important;
  padding: 40px;
  background: #ffffff;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .events_item_inner {
    padding-top: 20px !important;
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_item_inner {
    padding: 20px;
    padding-top: 15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_item_inner {
    padding: 25px;
    padding-top: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .events_item_inner {
    padding: 15px;
    padding-top: 10px !important;
  }
}
.events_item_inner_meta {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .events_item_inner_meta {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_item_inner_meta {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_item_inner_meta {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .events_item_inner_meta {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .events_item_inner_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.events_item_inner_meta span {
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_item_inner_meta span {
    display: block;
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_item_inner_meta span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .events_item_inner_meta span {
    font-size: 12px;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .events_item_inner_meta span {
    display: inline-block;
  }
}
.events_item_inner_meta span:last-child {
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .events_item_inner_meta span:last-child {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_item_inner_meta span:last-child {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_item_inner_meta span:last-child {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .events_item_inner_meta span:last-child {
    margin-left: 0px;
  }
}
.events_item_inner_meta span i {
  margin-right: 10px;
  color: #4068FC;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .events_item_inner_meta span i {
    margin-right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_item_inner_meta span i {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .events_item_inner_meta span i {
    margin-right: 10px;
  }
}
.events_item_inner_title {
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.5 !important;
  text-transform: initial !important;
  display: block;
  margin-bottom: 30px;
  color: #00124E !important;
}
.events_item_inner_title:hover {
  color: #4068FC !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .events_item_inner_title {
    font-size: 22px !important;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_item_inner_title {
    font-size: 20px !important;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_item_inner_title {
    font-size: 18px !important;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .events_item_inner_title {
    font-size: 18px !important;
    margin-bottom: 15px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.events_item_inner a {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4068FC;
}
.events_item_inner a:hover {
  color: #00124E;
}
.events_item_inner a i {
  margin-right: 5px;
}
.events_loadmore {
  margin-top: 56px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_loadmore {
    margin-top: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_loadmore {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .events_loadmore {
    margin-top: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details .row {
    flex-direction: column-reverse;
  }
}
.events_details_sidebar {
  border: 1px solid #E3E3E3;
  padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_sidebar {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_sidebar {
    padding: 20px;
  }
}
.events_details_sidebar_info {
  border-bottom: 1px solid #E3E3E3;
  padding: 20px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_sidebar_info {
    padding: 15px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_sidebar_info {
    padding: 15px 0px;
  }
}
.events_details_sidebar_info:first-child {
  padding-top: 0px;
}
.events_details_sidebar_info:last-child {
  border: none;
  padding-bottom: 0px;
}
.events_details_sidebar_info h6 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}
.events_details_sidebar_info p {
  font-weight: 500;
  font-size: 14px;
}
.events_details_gallery {
  margin-top: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_details_gallery {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_gallery {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_gallery {
    margin-top: 25px;
  }
}
.events_details_gallery h4 {
  font-size: 24px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_gallery h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_gallery h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.events_details_gallery ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.events_details_gallery ul li {
  max-width: 33.3333%;
  flex: 0 0 33.3333%;
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_gallery ul li {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .events_details_gallery ul li {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
.events_details_gallery ul li a {
  margin-top: 10px;
  width: 100%;
  display: block;
  height: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .events_details_gallery ul li a {
    height: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_details_gallery ul li a {
    height: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_gallery ul li a {
    height: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_gallery ul li a {
    height: 130px;
  }
}
@media only screen and (max-width: 479px) {
  .events_details_gallery ul li a {
    height: 130px;
  }
}
.events_details_gallery ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events_details_content_img {
  width: 100%;
  height: 400px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .events_details_content_img {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_details_content_img {
    height: 250px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_content_img {
    height: 250px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_content_img {
    height: 250px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .events_details_content_img {
    height: 190px;
    margin-bottom: 15px;
  }
}
.events_details_content_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events_details_content h3 {
  font-size: 30px;
  line-height: 1.6666666667;
  margin-bottom: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_details_content h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_content h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_content h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .events_details_content h3 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.events_details_content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_details_content p {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_content p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_content p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.events_details_content .google_map {
  margin: 40px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_details_content .google_map {
    margin: 30px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_content .google_map {
    margin: 30px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_content .google_map {
    margin: 25px 0px;
  }
}
.events_details_content ul {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_content ul {
    margin-bottom: 30px;
  }
}
.events_details_content ul li {
  position: relative;
  z-index: 1;
  padding-left: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events_details_content ul li {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_details_content ul li {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .events_details_content ul li {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5;
  }
}
.events_details_content ul li:last-child {
  margin-bottom: 0px;
}
.events_details_content ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #161C27;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
}
.events_reg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.events_reg_shade {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.events_reg_flex {
  display: flex;
  place-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .events_reg_flex {
    display: block;
  }
}
.events_reg_inner {
  width: 690px;
  padding: 40px;
  padding-bottom: 50px;
  background-color: #ffffff;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_reg_inner {
    width: 600px;
    padding: 30px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .events_reg_inner {
    width: 450px;
    padding: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .events_reg_inner {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }
}
.events_reg_inner_close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 10px;
  padding-right: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.events_reg_inner_close:hover {
  color: #4068FC;
}
.events_reg_inner_close:hover i {
  transform: rotate(90deg);
}
.events_reg_inner_close i {
  transition: all 0.3s ease-in-out;
  transform: rotate(0deg);
}
.events_reg_inner h3 {
  font-size: 30px;
  line-height: 1.2666666667;
  margin-bottom: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_reg_inner h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .events_reg_inner h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.events_reg_inner p {
  font-family: "Eudoxus Sans", sans-serif;
  font-size: 14px;
  line-height: 1.2857142857;
  font-weight: 700;
  color: #00124E;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_reg_inner p {
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .events_reg_inner p {
    font-weight: 500;
    line-height: 1.5;
  }
}
.events_reg_inner_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.events_reg_inner_flex .input-control {
  max-width: 50%;
  flex: 0 0 50%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 479px) {
  .events_reg_inner_flex .input-control {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 767px) {
  .events_reg_inner .input-control-input {
    padding: 12px 15px;
  }
}
.events_reg_inner .input-control-submit {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #E3E3E3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events_reg_inner .input-control-submit {
    padding-top: 25px;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .events_reg_inner .input-control-submit {
    padding-top: 20px;
    margin-top: 20px;
  }
}

/*==== BLOG PAGE CSS ====*/
.blog_item_img {
  width: 100%;
  height: 400px;
  overflow: hidden;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_item_img {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_item_img {
    margin-bottom: 20px;
  }
}
.blog_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog_item_meta {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_item_meta {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_item_meta {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .blog_item_meta {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 500;
  }
}
.blog_item_title {
  font-family: "Eudoxus Sans", sans-serif;
  text-transform: initial !important;
  display: block !important;
  font-size: 24px !important;
  font-weight: 700;
  margin: 0 !important;
  margin-bottom: 15px !important;
  line-height: 1.3333333333 !important;
  border: none !important;
  color: #00124E;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_item_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_item_title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_item_title {
    font-size: 18px !important;
    margin-bottom: 10px !important;
    font-weight: 700;
  }
}
.blog_item_readmore {
  font-size: 14px;
  line-height: 1.2142857143;
  margin-top: 30px;
  color: #00124E;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 5px solid rgba(64, 104, 252, 0.5);
}
.blog_item_readmore:hover {
  color: #4068FC;
  border-color: #4068fc;
}
.blog_item_readmore i {
  margin-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_item_readmore {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_item_readmore {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_item_readmore {
    margin-top: 20px;
  }
}
.blog_card .no-img {
  border: 1px solid #E3E3E3;
  padding: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_card .no-img {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_card .no-img {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_card .no-img {
    padding: 15px;
  }
}
.blog_card_wrapper {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_card_wrapper {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_card_wrapper {
    margin-bottom: 30px;
  }
}
.blog_card_wrapper:last-child {
  margin-bottom: 0px;
}
.blog_card_wrapper_img {
  width: 100%;
  height: 400px;
  margin-bottom: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .blog_card_wrapper_img {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_card_wrapper_img {
    height: 250px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_card_wrapper_img {
    height: 200px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_card_wrapper_img {
    height: 220px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .blog_card_wrapper_img {
    height: 180px;
  }
}
.blog_card_wrapper_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog_card_wrapper_content_title {
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4166666667;
  color: #00124E;
  display: block;
  margin-bottom: 15px;
}
.blog_card_wrapper_content_title:hover {
  color: #4068FC;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_card_wrapper_content_title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_card_wrapper_content_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.blog_card_wrapper_content_meta {
  font-size: 14px !important;
  font-weight: 500 !important;
}
@media only screen and (max-width: 767px) {
  .blog_card_wrapper_content_meta {
    font-size: 12px !important;
  }
}
.blog_card_wrapper_content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_card_wrapper_content p {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_card_wrapper_content p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_card_wrapper_content p {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.blog_card_wrapper_content a:last-child {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-bottom: 5px;
  color: #00124E;
}
.blog_card_wrapper_content a:last-child:hover::after {
  width: 100%;
  left: 0;
  opacity: 1;
  visibility: visible;
}
.blog_card_wrapper_content a:last-child::before {
  content: "";
  width: 100%;
  height: 100%;
  border-bottom: 5px solid;
  border-color: rgba(64, 104, 252, 0.3);
  position: absolute;
  bottom: 0;
  left: 0px;
}
.blog_card_wrapper_content a:last-child::after {
  content: "";
  width: 0%;
  height: 100%;
  border-bottom: 5px solid;
  border-color: #00124e;
  position: absolute;
  bottom: 0;
  right: 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .blog_widget {
    margin-top: 30px;
  }
}
.blog_widget_search {
  position: relative;
  z-index: 1;
}
.blog_widget_search_icon {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .blog_widget_search_icon {
    left: 15px;
  }
}
.blog_widget_search .input-control-input {
  padding: 20px 20px;
  padding-left: 55px;
}
@media only screen and (max-width: 767px) {
  .blog_widget_search .input-control-input {
    padding: 15px 20px;
    padding-left: 40px;
  }
}
.blog_widget_item {
  border: 1px solid #E3E3E3;
  padding: 30px;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_widget_item {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_widget_item {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_widget_item {
    padding: 15px;
  }
}
.blog_widget_item h5 {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #E3E3E3;
}
.blog_widget_item_recentnews {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.blog_widget_item_recentnews:last-child {
  padding-bottom: 0;
  margin-bottom: 0px;
  border: none;
}
.blog_widget_item_recentnews a {
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4444444444;
  color: #00124E;
  display: block;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_widget_item_recentnews a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_widget_item_recentnews a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_widget_item_recentnews a {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.blog_widget_item_recentnews a:hover {
  color: #4068FC;
}
.blog_widget_item_recentnews p {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .blog_widget_item_recentnews p {
    font-size: 12px;
  }
}
.blog_widget_item_keywords li {
  display: inline-block;
  background-color: #FAFAFA;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  padding: 8px 15px;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_widget_item_keywords li {
    padding: 5px;
    margin-right: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_widget_item_keywords li {
    padding: 5px 10px;
    margin-right: 5px;
  }
}
.blog_details_img {
  width: 100%;
  /* height: 400px; */
  margin-bottom: 30px;
  aspect-ratio: 966 / 493;
  object-position: top center;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .blog_details_img {
    /* height: 300px; */
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_img {
    /* height: 250px; */
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_img {
    /* height: 200px; */
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_img {
    /* height: 220px; */
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .blog_details_img {
    /* height: 170px; */
  }
}
.blog_details_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog_details_wrapper_date {
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_wrapper_date {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_wrapper_date {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_wrapper_date {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
.blog_details_wrapper h3 {
  font-size: 30px;
  line-height: 1.3333333333;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_wrapper h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_wrapper h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_wrapper h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .blog_details_wrapper h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .blog_details_wrapper h3 br {
    display: none;
  }
}
.blog_details_wrapper p {
  font-size: 16px;
  margin-bottom: 30px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_wrapper p {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_wrapper p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_wrapper p {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.blog_details_wrapper_meta {
  font-family: "Eudoxus Sans", sans-serif;
  font-size: 20px;
  color: #00124E;
  margin: 50px 0px;
  padding-left: 100px;
  padding-right: 80px;
  display: block;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_wrapper_meta {
    font-size: 18px;
    padding-left: 80px;
    padding-right: 50px;
    margin: 40px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_wrapper_meta {
    font-size: 18px;
    padding-left: 70px;
    padding-right: 0px;
    margin: 30px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_wrapper_meta {
    margin: 20px 0px;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }
}
.blog_details_wrapper_meta::before {
  content: "";
  width: 80px;
  height: 3px;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: -1;
  background-color: #4068FC;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_wrapper_meta::before {
    width: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_wrapper_meta::before {
    width: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_wrapper_meta::before {
    display: none;
  }
}
.blog_details_wrapper h4 {
  font-size: 24px;
  line-height: 2.0833333333;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_wrapper h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_wrapper h4 {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 1.5454545455;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_wrapper h4 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .blog_details_wrapper h4 {
    font-size: 18px;
  }
}
.blog_comments {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #E3E3E3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_comments {
    margin-top: 40px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_comments {
    margin-top: 30px;
    padding-top: 30px;
  }
}
.blog_comments h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_comments h3 {
    font-size: 26px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_comments h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_comments h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.blog_comments_list {
  padding: 30px 0px;
  border-bottom: 1px solid #E3E3E3;
}
@media only screen and (max-width: 767px) {
  .blog_comments_list {
    padding: 20px 0px;
  }
}
.blog_comments_list:last-child {
  border: none;
}
.blog_comments_list .blog_comments_list {
  border-top: 1px solid #E3E3E3;
  border-bottom: none;
  padding-bottom: 0px;
  margin-top: 30px;
  padding-left: 15%;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .blog_comments_list .blog_comments_list {
    padding-left: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_comments_list .blog_comments_list {
    padding-left: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .blog_comments_list .blog_comments_list {
    padding-left: 5%;
    margin-top: 20px;
  }
}
.blog_comments_list .blog_comments_list .blog_comments_list_info {
  padding-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .blog_comments_list .blog_comments_list .blog_comments_list_info {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_comments_list .blog_comments_list .blog_comments_list_info {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .blog_comments_list .blog_comments_list .blog_comments_list_info {
    padding-left: 20px;
  }
}
.blog_comments_list_wrapper {
  display: flex;
  justify-content: space-between;
}
.blog_comments_list_left {
  max-width: 15%;
  flex: 0 0 15%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_comments_list_left {
    max-width: 20%;
    flex: 0 0 20%;
  }
}
.blog_comments_list_right {
  max-width: 85%;
  flex: 0 0 85%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_comments_list_right {
    width: 80%;
    flex: 0 0 80%;
  }
}
.blog_comments_list_img {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  color: #ffffff;
  font-size: 24px;
  background-color: #4068FC;
  text-align: center;
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_comments_list_img {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_comments_list_img {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}
.blog_comments_list_info {
  padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_comments_list_info {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_comments_list_info {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .blog_comments_list_info {
    padding-left: 15px;
  }
}
.blog_comments_list_info_head {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_comments_list_info_head {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_comments_list_info_head {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_comments_list_info_head {
    margin-bottom: 15px;
  }
}
.blog_comments_list_info_head h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_comments_list_info_head h5 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_comments_list_info_head h5 {
    font-size: 18px;
  }
}
.blog_comments_list_info_head h5 a {
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 0.8;
  background-color: transparent;
  padding: 10px 21px;
}
@media only screen and (max-width: 767px) {
  .blog_comments_list_info_head h5 a {
    font-size: 11px;
    padding: 8px 15px;
  }
}
.blog_comments_list_info_head p {
  font-size: 14px !important;
  font-weight: 500 !important;
}
@media only screen and (max-width: 767px) {
  .blog_comments_list_info_head p {
    font-size: 12px !important;
  }
}
.blog_comments_list_info_head p span {
  margin-left: 5px;
}
.blog_comments_list_info_head p i {
  font-size: 14px;
  color: #ffc107;
  margin-right: 5px;
}
.blog_comments_list_info_head p i:last-child {
  margin-right: 0px;
}
.blog_comments_list_info p {
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .blog_comments_list_info p {
    font-size: 14px;
  }
}
.blog_leave_comment {
  margin-top: 30px;
  padding-top: 60px;
  border-top: 1px solid #E3E3E3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_leave_comment {
    margin-top: 20px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_leave_comment {
    margin-top: 20px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_leave_comment {
    margin-top: 0px;
    padding-top: 30px;
  }
}
.blog_leave_comment h3 {
  font-size: 30px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_leave_comment h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_leave_comment h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_leave_comment h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.blog_leave_comment p {
  font-size: 16px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_leave_comment p {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_leave_comment p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.blog_leave_comment_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.blog_leave_comment_flex .input-control {
  max-width: 50%;
  flex: 0 0 50%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 479px) {
  .blog_leave_comment_flex .input-control {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.blog_leave_comment_flex .input-control-input {
  padding-left: 0;
  resize: none;
}
.blog_leave_comment_flex .input-control-input[type=submit] {
  background-color: #4068FC;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}
.blog_leave_comment .input-control textarea {
  height: 140px;
}
@media only screen and (max-width: 479px) {
  .blog_leave_comment .input-control textarea {
    height: 120px;
  }
}
.blog_leave_comment .input-control-input {
  padding-left: 0;
  font-weight: 500;
  font-size: 14px;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  resize: none;
}
.blog_leave_comment .input-control-input[type=submit] {
  background-color: #4068FC;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2142857143;
  font-weight: 600;
  color: #ffffff;
  padding: 16px;
  border-radius: 5px;
}
.blog_leave_comment .input-control-input[type=submit]:hover {
  background-color: #00124E;
}
@media only screen and (max-width: 767px) {
  .blog_leave_comment .input-control-input[type=submit] {
    padding: 13px;
  }
}

/*==== ARCHIVE PAGE CSS ====*/
.archive_btns {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .archive_btns {
    margin-top: 20px;
  }
}
.archive_btns a {
  display: block;
  text-align: center;
}
.archive .blog_widget_item_keywords li {
  background-color: #F9F9FD;
}

/*==== archive PAGE CSS ====*/
.archive_item_img {
  width: 100%;
  height: 400px;
  overflow: hidden;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_item_img {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_item_img {
    margin-bottom: 20px;
  }
}
.archive_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.archive_item_meta {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_item_meta {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_item_meta {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .archive_item_meta {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 500;
  }
}
.archive_item_title {
  font-family: "Eudoxus Sans", sans-serif;
  text-transform: initial !important;
  display: block !important;
  font-size: 24px !important;
  font-weight: 700;
  margin: 0 !important;
  margin-bottom: 15px !important;
  line-height: 1.3333333333 !important;
  border: none !important;
  color: #00124E;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_item_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_item_title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_item_title {
    font-size: 18px !important;
    margin-bottom: 10px !important;
    font-weight: 700;
  }
}
.archive_item_readmore {
  font-size: 14px;
  line-height: 1.2142857143;
  margin-top: 30px;
  color: #00124E;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 5px solid rgba(64, 104, 252, 0.5);
}
.archive_item_readmore:hover {
  color: #4068FC;
  border-color: #4068fc;
}
.archive_item_readmore i {
  margin-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_item_readmore {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_item_readmore {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_item_readmore {
    margin-top: 20px;
  }
}
.archive_card .no-img {
  border: 1px solid #E3E3E3;
  padding: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_card .no-img {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_card .no-img {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_card .no-img {
    padding: 15px;
  }
}
.archive_card_wrapper {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_card_wrapper {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_card_wrapper {
    margin-bottom: 30px;
  }
}
.archive_card_wrapper:last-child {
  margin-bottom: 0px;
}
.archive_card_wrapper_img {
  width: 100%;
  height: 400px;
  margin-bottom: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .archive_card_wrapper_img {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_card_wrapper_img {
    height: 250px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_card_wrapper_img {
    height: 200px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_card_wrapper_img {
    height: 220px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .archive_card_wrapper_img {
    height: 150px;
  }
}
.archive_card_wrapper_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.archive_card_wrapper_content_title {
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4166666667;
  color: #00124E;
  display: block;
  margin-bottom: 15px;
}
.archive_card_wrapper_content_title:hover {
  color: #4068FC;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_card_wrapper_content_title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_card_wrapper_content_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.archive_card_wrapper_content_meta {
  font-size: 14px !important;
  font-weight: 500 !important;
}
@media only screen and (max-width: 767px) {
  .archive_card_wrapper_content_meta {
    font-size: 12px !important;
  }
}
.archive_card_wrapper_content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_card_wrapper_content p {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_card_wrapper_content p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_card_wrapper_content p {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.archive_card_wrapper_content a:last-child {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-bottom: 5px;
  color: #00124E;
}
.archive_card_wrapper_content a:last-child:hover::after {
  width: 100%;
  left: 0;
  opacity: 1;
  visibility: visible;
}
.archive_card_wrapper_content a:last-child::before {
  content: "";
  width: 100%;
  height: 100%;
  border-bottom: 5px solid;
  border-color: rgba(64, 104, 252, 0.3);
  position: absolute;
  bottom: 0;
  left: 0px;
}
.archive_card_wrapper_content a:last-child::after {
  content: "";
  width: 0%;
  height: 100%;
  border-bottom: 5px solid;
  border-color: #00124e;
  position: absolute;
  bottom: 0;
  right: 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .archive_widget {
    margin-top: 30px;
  }
}
.archive_widget_search {
  position: relative;
  z-index: 1;
}
.archive_widget_search_icon {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .archive_widget_search_icon {
    left: 15px;
  }
}
.archive_widget_search .input-control-input {
  padding: 20px 20px;
  padding-left: 55px;
}
@media only screen and (max-width: 767px) {
  .archive_widget_search .input-control-input {
    padding: 15px 20px;
    padding-left: 40px;
  }
}
.archive_widget_item {
  border: 1px solid #E3E3E3;
  padding: 30px;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_widget_item {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_widget_item {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_widget_item {
    padding: 15px;
  }
}
.archive_widget_item h5 {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #E3E3E3;
}
.archive_widget_item_recentnews {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.archive_widget_item_recentnews:last-child {
  padding-bottom: 0;
  margin-bottom: 0px;
  border: none;
}
.archive_widget_item_recentnews a {
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4444444444;
  color: #00124E;
  display: block;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_widget_item_recentnews a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_widget_item_recentnews a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_widget_item_recentnews a {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.archive_widget_item_recentnews a:hover {
  color: #4068FC;
}
.archive_widget_item_recentnews p {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .archive_widget_item_recentnews p {
    font-size: 12px;
  }
}
.archive_widget_item_keywords li {
  display: inline-block;
  background-color: #FAFAFA;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  padding: 8px 15px;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_widget_item_keywords li {
    padding: 5px;
    margin-right: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_widget_item_keywords li {
    padding: 5px 10px;
    margin-right: 5px;
  }
}
.archive_details_img {
  width: 100%;
  height: 400px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .archive_details_img {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_details_img {
    height: 250px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_details_img {
    height: 200px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_details_img {
    height: 220px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .archive_details_img {
    height: 170px;
  }
}
.archive_details_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.archive_details_wrapper_date {
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_details_wrapper_date {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_details_wrapper_date {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_details_wrapper_date {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
.archive_details_wrapper h3 {
  font-size: 30px;
  line-height: 1.3333333333;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_details_wrapper h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_details_wrapper h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_details_wrapper h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .archive_details_wrapper h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .archive_details_wrapper h3 br {
    display: none;
  }
}
.archive_details_wrapper p {
  font-size: 16px;
  margin-bottom: 30px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_details_wrapper p {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_details_wrapper p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_details_wrapper p {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.archive_details_wrapper_meta {
  font-family: "Eudoxus Sans", sans-serif;
  font-size: 20px;
  color: #00124E;
  margin: 50px 0px;
  padding-left: 100px;
  padding-right: 80px;
  display: block;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_details_wrapper_meta {
    font-size: 18px;
    padding-left: 80px;
    padding-right: 50px;
    margin: 40px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_details_wrapper_meta {
    font-size: 18px;
    padding-left: 70px;
    padding-right: 0px;
    margin: 30px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_details_wrapper_meta {
    margin: 20px 0px;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }
}
.archive_details_wrapper_meta::before {
  content: "";
  width: 80px;
  height: 3px;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: -1;
  background-color: #4068FC;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_details_wrapper_meta::before {
    width: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_details_wrapper_meta::before {
    width: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_details_wrapper_meta::before {
    display: none;
  }
}
.archive_details_wrapper h4 {
  font-size: 24px;
  line-height: 2.0833333333;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_details_wrapper h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_details_wrapper h4 {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 1.5454545455;
  }
}
@media only screen and (max-width: 767px) {
  .archive_details_wrapper h4 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .archive_details_wrapper h4 {
    font-size: 18px;
  }
}
.archive_comments {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #E3E3E3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_comments {
    margin-top: 40px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_comments {
    margin-top: 30px;
    padding-top: 30px;
  }
}
.archive_comments h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_comments h3 {
    font-size: 26px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_comments h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_comments h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.archive_comments_list {
  padding: 30px 0px;
  border-bottom: 1px solid #E3E3E3;
}
@media only screen and (max-width: 767px) {
  .archive_comments_list {
    padding: 20px 0px;
  }
}
.archive_comments_list:last-child {
  border: none;
}
.archive_comments_list .archive_comments_list {
  border-top: 1px solid #E3E3E3;
  border-bottom: none;
  padding-bottom: 0px;
  margin-top: 30px;
  padding-left: 15%;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .archive_comments_list .archive_comments_list {
    padding-left: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_comments_list .archive_comments_list {
    padding-left: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .archive_comments_list .archive_comments_list {
    padding-left: 5%;
    margin-top: 20px;
  }
}
.archive_comments_list .archive_comments_list .archive_comments_list_info {
  padding-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .archive_comments_list .archive_comments_list .archive_comments_list_info {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_comments_list .archive_comments_list .archive_comments_list_info {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .archive_comments_list .archive_comments_list .archive_comments_list_info {
    padding-left: 20px;
  }
}
.archive_comments_list_wrapper {
  display: flex;
  justify-content: space-between;
}
.archive_comments_list_left {
  max-width: 15%;
  flex: 0 0 15%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_comments_list_left {
    max-width: 20%;
    flex: 0 0 20%;
  }
}
.archive_comments_list_right {
  max-width: 85%;
  flex: 0 0 85%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_comments_list_right {
    width: 80%;
    flex: 0 0 80%;
  }
}
.archive_comments_list_img {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  color: #ffffff;
  font-size: 24px;
  background-color: #4068FC;
  text-align: center;
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_comments_list_img {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_comments_list_img {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}
.archive_comments_list_info {
  padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_comments_list_info {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_comments_list_info {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .archive_comments_list_info {
    padding-left: 15px;
  }
}
.archive_comments_list_info_head {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_comments_list_info_head {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_comments_list_info_head {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_comments_list_info_head {
    margin-bottom: 15px;
  }
}
.archive_comments_list_info_head h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_comments_list_info_head h5 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_comments_list_info_head h5 {
    font-size: 18px;
  }
}
.archive_comments_list_info_head h5 a {
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 0.8;
  background-color: transparent;
  padding: 10px 21px;
}
@media only screen and (max-width: 767px) {
  .archive_comments_list_info_head h5 a {
    font-size: 11px;
    padding: 8px 15px;
  }
}
.archive_comments_list_info_head p {
  font-size: 14px !important;
  font-weight: 500 !important;
}
@media only screen and (max-width: 767px) {
  .archive_comments_list_info_head p {
    font-size: 12px !important;
  }
}
.archive_comments_list_info_head p span {
  margin-left: 5px;
}
.archive_comments_list_info_head p i {
  font-size: 14px;
  color: #ffc107;
  margin-right: 5px;
}
.archive_comments_list_info_head p i:last-child {
  margin-right: 0px;
}
.archive_comments_list_info p {
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .archive_comments_list_info p {
    font-size: 14px;
  }
}
.archive_leave_comment {
  margin-top: 30px;
  padding-top: 60px;
  border-top: 1px solid #E3E3E3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_leave_comment {
    margin-top: 20px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_leave_comment {
    margin-top: 20px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_leave_comment {
    margin-top: 0px;
    padding-top: 30px;
  }
}
.archive_leave_comment h3 {
  font-size: 30px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archive_leave_comment h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_leave_comment h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_leave_comment h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.archive_leave_comment p {
  font-size: 16px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive_leave_comment p {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .archive_leave_comment p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.archive_leave_comment_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.archive_leave_comment_flex .input-control {
  max-width: 50%;
  flex: 0 0 50%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 479px) {
  .archive_leave_comment_flex .input-control {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.archive_leave_comment_flex .input-control-input {
  padding-left: 0;
  resize: none;
}
.archive_leave_comment_flex .input-control-input[type=submit] {
  background-color: #4068FC;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}
.archive_leave_comment .input-control textarea {
  height: 140px;
}
@media only screen and (max-width: 479px) {
  .archive_leave_comment .input-control textarea {
    height: 120px;
  }
}
.archive_leave_comment .input-control-input {
  padding-left: 0;
  font-weight: 500;
  font-size: 14px;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  resize: none;
}
.archive_leave_comment .input-control-input[type=submit] {
  background-color: #4068FC;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2142857143;
  font-weight: 600;
  color: #ffffff;
  padding: 16px;
  border-radius: 5px;
}
.archive_leave_comment .input-control-input[type=submit]:hover {
  background-color: #00124E;
}
@media only screen and (max-width: 767px) {
  .archive_leave_comment .input-control-input[type=submit] {
    padding: 13px;
  }
}

/*==== ARCHIVE PAGE CSS ====*/
.archive_btns {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .archive_btns {
    margin-top: 20px;
  }
}
.archive_btns a {
  display: block;
  text-align: center;
}
.archive .archive_widget_item_keywords li {
  background-color: #F9F9FD;
}

/*==== NOTICEBOARD AREA ====*/
.noticeboard .openning_hours_container {
  background: #fff;
  padding: 30px;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.noticeboard_inner_wrapper {
  padding: 30px;
  border: 1px solid #E3E3E3;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .noticeboard_inner_wrapper {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_inner_wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .noticeboard_inner_wrapper {
    padding: 15px;
  }
}
.noticeboard_inner_weekinfo {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_weekinfo {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
.noticeboard_inner_weekinfo li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  color: #00124E;
  line-height: 3.125;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_inner_weekinfo li {
    font-size: 14px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 479px) {
  .noticeboard_inner_weekinfo li {
    font-size: 14px;
    font-weight: 500;
  }
}
.noticeboard_inner_weekinfo li:not(:last-child) {
  border-bottom: 1px solid #E3E3E3;
}
.noticeboard_inner_weekinfo li span:first-child {
  max-width: 30%;
  flex: 0 0 30%;
  display: flex;
  justify-content: space-between;
}
.noticeboard_inner_weekinfo li span:last-child {
  max-width: 70%;
  flex: 0 0 70%;
  text-align: right;
}
.noticeboard_inner_head {
  background-color: #4068FC;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_head {
    padding: 15px;
  }
}
.noticeboard_inner_head .site_btn {
  background-color: #ffffff;
  padding: 8px 18px;
}
.noticeboard_inner_head .site_btn::after {
  background-color: #00124E;
}
.noticeboard_inner_head h5 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 1.3;
  color: #ffffff;
}
.noticeboard_inner_search {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_search {
    margin-bottom: 20px;
  }
}
.noticeboard_inner_search .input-control {
  margin-top: 0px;
  margin-right: 5px;
  display: inline-block;
  width: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .noticeboard_inner_search .input-control {
    width: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_inner_search .input-control {
    width: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_search .input-control {
    width: 100%;
    margin-top: 10px;
  }
}
.noticeboard_inner_search .input-control:first-child {
  width: 245px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .noticeboard_inner_search .input-control:first-child {
    width: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_inner_search .input-control:first-child {
    width: 235px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_search .input-control:first-child {
    width: 100%;
    margin-top: 0px;
  }
}
.noticeboard_inner_search .input-control-input {
  border-color: #E8E8E8;
  background-color: #FAFAFA;
  border-radius: 5px;
  font-weight: 500;
}
.noticeboard_inner_search .input-control-input:focus {
  border-color: #00124E;
}
.noticeboard_inner_search .input-control:last-child {
  width: auto;
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_search .input-control:last-child {
    width: 100%;
  }
}
.noticeboard_inner_search .input-control button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  background-color: #4068FC;
  color: #ffffff;
  border: none;
  border-radius: 5px;
}
.noticeboard_inner_search .input-control button:hover {
  background-color: #00124E;
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_search .input-control button {
    width: 100%;
    font-size: 16px;
  }
}
.noticeboard_inner_item {
  border-top: 1px solid #E3E3E3;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .noticeboard_inner_item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_inner_item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_item {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0px;
  }
}
.noticeboard_inner_item_title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #00124E;
  line-height: 1.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .noticeboard_inner_item_title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .noticeboard_inner_item_title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_inner_item_title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_item_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .noticeboard_inner_item_title {
    font-size: 16px;
  }
}
.noticeboard_inner_item p {
  font-size: 14px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_item p {
    margin-bottom: 15px;
  }
}
.noticeboard_inner_item .site_btn_border {
  border-width: 2px;
}
.noticeboard_inner_loadmore {
  border-top: 1px solid #E3E3E3;
  padding-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .noticeboard_inner_loadmore {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_inner_loadmore {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_inner_loadmore {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_details_wrapper {
    margin-bottom: 30px;
  }
}
.noticeboard_details_wrapper h4 {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.noticeboard_details_wrapper h4 span {
  font-size: 14px;
  font-weight: 600;
  font-family: "Inter";
  color: #555555;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_details_wrapper h4 span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_details_wrapper h4 span {
    font-size: 12px;
    margin-top: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_details_wrapper h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_details_wrapper h4 {
    font-size: 20px;
    flex-wrap: wrap;
  }
}
.noticeboard_details_wrapper p {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .noticeboard_details_wrapper p {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .noticeboard_details_wrapper p {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .noticeboard_details_wrapper p {
    font-size: 14px;
    margin-top: 15px;
  }
}
.noticeboard_details .noticeboard_inner_head {
  padding: 15px;
  background-color: #F7F7F7;
  text-align: center;
}
.noticeboard_details .noticeboard_inner_head h5 {
  color: #00124E;
  display: block;
  width: 100%;
}
.noticeboard_details .noticeboard_inner_wrapper {
  border-top: none;
}
.noticeboard_details .noticeboard_inner_item {
  padding-right: 0px;
}
.noticeboard_details .noticeboard_inner_item:first-child {
  padding-top: 0px !important;
}
.noticeboard_details .noticeboard_inner_item p {
  margin-bottom: 0px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .noticeboard_details .noticeboard_inner_loadmore {
    text-align: center !important;
  }
}
.noticeboard_details .noticeboard_inner_loadmore .boxed_btn {
  padding: 13px 40px;
}
@media only screen and (max-width: 767px) {
  .noticeboard_details .noticeboard_inner_loadmore .boxed_btn {
    padding: 10px 25px;
  }
}

/*==== GALLERY PAGE CSS ====*/
.gallery .mb-minus-24 {
  margin-bottom: -24px;
}
@media only screen and (max-width: 767px) {
  .gallery .row .col-lg-4.col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .gallery .row .col-lg-4.col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.gallery_item {
  display: block;
  margin-bottom: 24px;
}
.gallery_item:hover img {
  transform: scale(1.02);
}
.gallery_item:hover h4 {
  color: #00124E;
}
.gallery_item_img {
  width: 100%;
  height: 350px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .gallery_item_img {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gallery_item_img {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery_item_img {
    height: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .gallery_item_img {
    height: 180px;
  }
}
@media only screen and (max-width: 479px) {
  .gallery_item_img {
    height: 200px;
  }
}
.gallery_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease-in-out;
  transform: scale(1);
}
.gallery_item_inner {
  background-color: #4068FC;
  color: #ffffff;
  padding: 15px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gallery_item_inner {
    padding: 15px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery_item_inner {
    padding: 12px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .gallery_item_inner {
    padding: 10px 15px;
  }
}
.gallery_item_inner h4 {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 5px;
  color: #ffffff;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .gallery_item_inner h4 {
    font-size: 18px;
    font-weight: 600;
  }
}
.gallery_item_inner p {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .gallery_item_inner p {
    font-weight: 400;
  }
}
.gallery_details .section_title {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery_details .section_title {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .gallery_details .section_title {
    margin-bottom: 15px;
  }
}
.gallery_details .section_title h2 {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery_details .section_title h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .gallery_details .section_title h2 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .gallery_details .col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .gallery_details .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.gallery_details_item {
  display: block;
  margin-top: 24px;
  width: 100%;
  height: 420px;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .gallery_details_item {
    height: 370px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gallery_details_item {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery_details_item {
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .gallery_details_item {
    height: 200px;
  }
}
@media only screen and (max-width: 479px) {
  .gallery_details_item {
    height: 220px;
  }
}
.gallery_details_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery_details_img_preview {
  width: 100%;
  height: 460px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .gallery_details_img_preview {
    height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gallery_details_img_preview {
    height: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery_details_img_preview {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .gallery_details_img_preview {
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .gallery_details_img_preview {
    height: 200px;
  }
}

.video-gallery .single-video-item {
  position: relative;
}
.video-gallery .single-video-item::before {
  content: "\f04b";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  height: 80px;
  width: 80px;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 40%;
  transform: translate(-40%, -50%);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.7;
  font-size: 25px;
  cursor: pointer;
  transition: 0.4s all ease-in-out;
  pointer-events: none;
}
.video-gallery .single-video-item:hover::before {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .video-gallery .row .col-lg-4.col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .video-gallery .row .col-lg-4.col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/*==== REGISTRATION PAGE CSS ====*/
.reg #page-width-clearfix {
  width: 690px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .reg #page-width-clearfix {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .reg #page-width-clearfix {
    width: 83.3333333333%;
  }
}
@media only screen and (max-width: 767px) {
  .reg #page-width-clearfix {
    width: 100%;
  }
}
.reg_wrapper {
  position: relative;
  z-index: 1;
}
.reg_wrapper_head .site_btn_border {
  font-weight: 600;
}
.reg_wrapper_check {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.reg_wrapper_check .reg_wrapper_item {
  margin-top: 0px;
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_check_btns {
    text-align: center !important;
  }
}
.reg_wrapper_check_btns input {
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.2142857143;
  font-weight: 600;
  color: #ffffff;
  padding: 15px 45px;
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_check_btns input {
    padding: 12px 25px;
  }
}
.reg_wrapper_check_btns input:first-child {
  background-color: #FC4056;
}
.reg_wrapper_check_btns input:first-child:hover {
  background-color: #F00606;
}
.reg_wrapper_check_btns input:last-child {
  background-color: #4068FC;
}
.reg_wrapper_check_btns input:last-child:hover {
  background-color: #00124E;
}
.reg_wrapper_item {
  padding: 30px;
  padding-bottom: 40px;
  border: 1px solid #E3E3E3;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .reg_wrapper_item {
    padding: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item {
    padding: 20px;
  }
}
.reg_wrapper_item h4 {
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item h4 {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.5;
  }
}
.reg_wrapper_item h4 span {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 100%;
  color: #ffffff;
  text-align: center;
  margin-right: 15px;
  font-size: 16px;
  background-color: #4068FC;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item h4 span {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    margin-right: 10px;
  }
}
.reg_wrapper_item_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.reg_wrapper_item_flex .input-control {
  max-width: 50%;
  flex: 0 0 50%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item_flex .input-control {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item .input-control {
    margin-top: 15px;
  }
}
.reg_wrapper_item .input-control-input {
  padding: 15px 20px !important;
  width: 100%;
  border-radius: 0 !important;
  margin-left: 0px !important;
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item .input-control-input {
    padding: 12px !important;
  }
}
.reg_wrapper_item .input-control-input[type=submit] {
  margin-top: 40px;
  background-color: #4068FC;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.2142857143;
  font-weight: 600;
  border-color: #4068FC;
  text-transform: uppercase;
  border-radius: 5px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .reg_wrapper_item .input-control-input[type=submit] {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item .input-control-input[type=submit] {
    margin-top: 25px;
  }
}
.reg_wrapper_item .input-control-input[type=submit]:hover {
  background-color: #00124E;
  border-color: #00124E;
}
.reg_wrapper_item .input-control textarea {
  height: 140px;
  resize: none;
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item .input-control textarea {
    height: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .reg_wrapper_item .input-control .nice-select::before {
    right: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item .input-control .nice-select::before {
    right: 12px;
  }
}
.reg_wrapper_item .input-control .nice-select .current {
  color: #555555;
}
.reg_wrapper_item .select-guardian > span {
  font-size: 14px;
  line-height: 1.2857142857;
  font-family: "Eudoxus Sans", sans-serif;
  color: #00124E;
  display: inline-block;
  font-weight: 700;
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item .select-guardian > span {
    display: block;
    margin-bottom: 5px;
  }
}
.reg_wrapper_item .select-guardian .page_radio {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item .select-guardian .page_radio {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item .select-guardian .page_radio {
    margin-left: 0;
    margin-right: 15px;
  }
}
.reg_wrapper_item .select-guardian .page_radio:last-child {
  margin-right: 0px;
}
.reg_wrapper_item h4 {
  margin-bottom: 0px;
}
.reg_wrapper_item h6 {
  font-size: 16px;
  line-height: 1.3125;
  margin-bottom: 5px;
}
.reg_wrapper_item p {
  font-size: 14px;
  line-height: 1.2142857143;
  color: #687083;
  font-weight: 500;
}
.reg_wrapper_item_inner h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item_inner h4 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item_inner h4 {
    display: block;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item_inner h4 em {
    display: block;
    text-align: right;
    margin-top: 10px;
  }
}
.reg_wrapper_item_inner h4 em i {
  display: inline-block;
  background-color: #FAFAFA;
  border: 1px solid #E3E3E3;
  font-size: 16px;
  color: #4068FC;
  padding: 7px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
}
.reg_wrapper_item_inner h4 em i:hover {
  color: #00124E;
}
.reg_wrapper_item_inner h4 em i:last-child {
  margin-left: 5px;
}
.reg_wrapper_item_inner_card {
  display: inline-block;
  background-color: #FAFAFA;
  border: 1px solid #E3E3E3;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  margin-right: 15px;
}
.reg_wrapper_item_inner_card:last-child {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item_inner_card {
    padding: 12px;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item_inner_card {
    margin-top: 15px;
    width: 100%;
  }
}
.reg_wrapper_item_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
.reg_wrapper_item_card {
  margin-top: 30px;
  max-width: 25%;
  flex: 0 0 25%;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item_card {
    max-width: 50% !important;
    flex: 0 0 50% !important;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item_card {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
.reg_wrapper_item_card:last-child {
  max-width: 40%;
  flex: 0 0 40%;
}
.reg_wrapper_item_card h6 {
  font-size: 16px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item_card h6 {
    margin-bottom: 5px;
  }
}
.reg_wrapper_item_card p {
  font-size: 14px;
  color: #687083;
}
.reg_wrapper_item_item {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item_item {
    margin-top: 20px;
  }
}
.reg_wrapper_bottom {
  margin-top: 20px;
  text-align: right;
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_bottom {
    text-align: left !important;
  }
}
.reg_wrapper_bottom .checkbox {
  display: inline-block;
}
.reg_wrapper_bottom .checkbox-title {
  font-size: 14px;
  font-weight: 400;
}
.reg_wrapper_bottom .checkbox-title::before {
  background-color: #ffffff;
}
.reg_wrapper_bottom .boxed_btn {
  padding: 13px 35px;
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_bottom .boxed_btn {
    padding: 10px 20px;
    margin-left: 0px;
    margin-top: 10px;
  }
}
.reg_wrapper_item_total_wrapper {
  padding: 30px;
  border: 1px solid #E3E3E3;
}
.reg_wrapper_item_total_wrapper li {
  font-family: "Eudoxus Sans", sans-serif;
  font-size: 16px;
  line-height: 1.625;
  font-weight: 700;
  color: #00124E;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item_total_wrapper li {
    margin-bottom: 0px;
  }
}
.reg_wrapper_item_total_wrapper li span {
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #555555;
}
.reg_wrapper_item_total_wrapper li strong {
  font-weight: 700;
}
.reg_wrapper_item_total_wrapper li:last-child {
  border-top: 1px solid #E3E3E3;
  margin-top: 30px;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item_total_wrapper li:last-child {
    margin-top: 20px;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item_total_wrapper li:last-child {
    margin-top: 15px;
    padding-top: 10px;
  }
}
.reg_wrapper_item_payment_methods label {
  margin-bottom: 0px;
}
.reg_wrapper_item_payment_methods ul li {
  display: inline-block;
}
.reg_wrapper_item_payment_methods ul li a {
  margin-top: 10px;
  display: block;
  border: 1px solid #E3E3E3;
  padding: 6px 15px;
  border-radius: 3px;
}
.reg_wrapper_item_payment_methods ul li a:hover {
  border-color: #00124E;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .reg_wrapper_item_payment_methods ul li a {
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item_payment_methods ul li a {
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 479px) {
  .reg_wrapper_item_payment_methods ul li a {
    padding: 5px;
  }
}
.reg_wrapper_item_payment_methods ul li a img {
  width: auto;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .reg_wrapper_item_payment_methods ul li a img {
    transform: scale(0.8);
  }
}

/*==== FACEILITIES CSS ====*/
.facilities .container {
  max-width: 1170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .facilities .container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities .container {
    max-width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities .container {
    max-width: 540px;
  }
}
@media only screen and (max-width: 479px) {
  .facilities .container {
    max-width: 100%;
  }
}
.facilities .container .row:nth-child(even) {
  margin: 100px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities .container .row:nth-child(even) {
    margin: 70px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities .container .row:nth-child(even) {
    margin: 40px 0px;
  }
}
.facilities_title h2 {
  font-size: 50px;
  line-height: 1.3;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .facilities_title h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .facilities_title h2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities_title h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_title h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 479px) {
  .facilities_title h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_title h2 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities_title h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_title h2 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_title p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_inner_text {
    margin-bottom: 40px;
  }
}
.facilities_inner_text h3 {
  font-size: 40px;
  line-height: 1.625;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .facilities_inner_text h3 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities_inner_text h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_inner_text h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .facilities_inner_text h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities_inner_text h3 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_inner_text h3 {
    margin-bottom: 15px;
  }
}
.facilities_inner_text p {
  font-size: 16px;
  line-height: 1.625;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities_inner_text p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_inner_text p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.facilities_inner_text p:last-child {
  margin-bottom: 0px;
}
.facilities_inner_text ul {
  list-style: disc;
  padding-left: 20px;
}
.facilities_inner_text ul li {
  font-weight: 400;
  margin-bottom: 15px;
}
.facilities_inner_text ul li:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities_inner_text ul li {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_inner_text ul li {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.facilities_inner_right {
  padding-left: 56px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .facilities_inner_right {
    padding-left: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities_inner_right {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_inner_right {
    padding-left: 12px;
  }
}
.facilities_img {
  width: 570px;
  height: 400px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .facilities_img {
    width: 100%;
    height: 385px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .facilities_img {
    width: 100%;
    height: 325px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .facilities_img {
    width: 100%;
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .facilities_img {
    width: 100%;
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .facilities_img {
    height: 210px;
  }
}
.facilities_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*==== TUITION FEES CSS ====*/
.tution_fee_wrapper_title {
  margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_title {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_title {
    margin-bottom: 40px;
  }
}
.tution_fee_wrapper_title h2 {
  font-size: 50px;
  line-height: 1.3;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .tution_fee_wrapper_title h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tution_fee_wrapper_title h2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_title h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_title h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 479px) {
  .tution_fee_wrapper_title h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_title h2 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_title h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_title h2 {
    margin-bottom: 15px;
  }
}
.tution_fee_wrapper_title p {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_title p {
    font-size: 14px;
  }
}
.tution_fee_wrapper_item {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_item {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item {
    margin-top: 25px;
  }
}
.tution_fee_wrapper_item h3 {
  font-size: 40px;
  line-height: 1.625;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tution_fee_wrapper_item h3 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_item h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .tution_fee_wrapper_item h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_item h3 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item h3 {
    margin-bottom: 10px;
  }
}
.tution_fee_wrapper_item h4 {
  font-size: 30px;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_item h4 {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item h4 {
    margin-bottom: 25px;
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .tution_fee_wrapper_item h4 {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
.tution_fee_wrapper_item p {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item p {
    font-size: 14px;
  }
}
.tution_fee_wrapper_item ul {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_item ul {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item ul {
    margin-top: 15px;
  }
}
.tution_fee_wrapper_item ul li {
  font-weight: 400;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item ul li {
    font-size: 14px;
  }
}
.tution_fee_wrapper_item ul li:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_item ul li:not(:last-child) {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item ul li:not(:last-child) {
    margin-bottom: 5px;
  }
}
.tution_fee_wrapper_item ul li a {
  display: inline-block;
  font-weight: 500;
  color: #4068FC;
}
.tution_fee_wrapper_item ul li a:hover {
  color: #00124E;
}
.tution_fee_wrapper_item_table {
  width: 100%;
  overflow: hidden;
  border: 1px solid #E3E3E3;
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item_table {
    overflow-x: scroll;
  }
}
.tution_fee_wrapper_item_table table {
  width: 100%;
  caption-side: top;
  border-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item_table table {
    width: 750px;
  }
}
.tution_fee_wrapper_item_table table caption {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item_table table caption {
    text-align: left;
    font-weight: 400;
  }
}
.tution_fee_wrapper_item_table table caption a {
  text-transform: uppercase;
  color: #4068FC;
}
.tution_fee_wrapper_item_table table caption a:hover {
  color: #00124E;
}
.tution_fee_wrapper_item_table table thead tr {
  background-color: #F7F7F7;
}
.tution_fee_wrapper_item_table table thead th, .tution_fee_wrapper_item_table table thead td, .tution_fee_wrapper_item_table table tfoot th, .tution_fee_wrapper_item_table table tfoot td {
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700 !important;
  color: #00124E;
}
.tution_fee_wrapper_item_table table tr {
  border-bottom: 1px solid #E3E3E3;
}
.tution_fee_wrapper_item_table table tr:nth-child(even) {
  background-color: #F7F7F7;
}
.tution_fee_wrapper_item_table table tr th, .tution_fee_wrapper_item_table table tr td {
  font-size: 14px;
  font-weight: 500;
  padding: 18px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_item_table table tr th, .tution_fee_wrapper_item_table table tr td {
    padding: 15px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item_table table tr th, .tution_fee_wrapper_item_table table tr td {
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .tution_fee_wrapper_item_table table tr th, .tution_fee_wrapper_item_table table tr td {
    padding: 10px 15px;
  }
}
.tution_fee_wrapper_item_table table tr td {
  text-align: center;
}
.tution_fee_wrapper_item_table table tr td:first-child {
  text-align: left;
}
.tution_fee_wrapper_item_table table tfoot tr {
  background-color: transparent !important;
  border: none;
}
.tution_fee_wrapper_item_table_bottom {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_item_table_bottom {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item_table_bottom {
    text-align: center !important;
    margin-top: 20px;
  }
}
.tution_fee_wrapper_item_table_bottom a {
  width: 180px;
  padding: 15px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_item_table_bottom a {
    padding: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .tution_fee_wrapper_item_table_bottom a {
    width: 100%;
    text-align: center;
  }
}
.tution_fee_wrapper_item_table_bottom a:first-child {
  margin-right: 5px;
}
@media only screen and (max-width: 479px) {
  .tution_fee_wrapper_item_table_bottom a:first-child {
    margin-left: 0;
    margin-bottom: 10px;
  }
}
.tution_fee_wrapper_table {
  margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tution_fee_wrapper_table {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .tution_fee_wrapper_table {
    margin-top: 50px;
  }
}

/*==== LOGIN PAGE CSS ====*/
.login {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  place-content: center;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .login {
    place-content: flex-start;
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 479px) {
  .login {
    padding: 30px 20px;
    height: auto;
  }
}
.login_wrapper {
  width: 475px;
}
.login_wrapper_logo img {
  height: 70px;
  width: auto;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .login_wrapper {
    width: 100%;
  }
}
.login_wrapper_content h4 {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 40px;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .login_wrapper_content h4 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .login_wrapper_content h4 {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .login_wrapper_content_signwith {
    text-align: center;
  }
}
.login_wrapper_content_signwith a {
  display: inline-block;
  background-color: #F7F7F7;
  padding: 12px 30px;
  color: #ffffff;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .login_wrapper_content_signwith a {
    padding: 10px 15px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .login_wrapper_content_signwith a {
    width: 100%;
    text-align: center;
  }
}
.login_wrapper_content_signwith a:first-child {
  background-color: #395799;
}
.login_wrapper_content_signwith a:first-child:hover {
  background-color: #22396d;
}
.login_wrapper_content_signwith a:last-child {
  margin-left: 5px;
  background-color: #03ABF0;
}
.login_wrapper_content_signwith a:last-child:hover {
  background-color: #0181b4;
}
@media only screen and (max-width: 767px) {
  .login_wrapper_content_signwith a:last-child {
    margin-left: 3px;
  }
}
@media only screen and (max-width: 479px) {
  .login_wrapper_content_signwith a:last-child {
    margin-left: 0;
    margin-top: 5px;
  }
}
.login_wrapper_content_signwith a i {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .login_wrapper_content_signwith a i {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 479px) {
  .login_wrapper_content_signwith a i {
    margin-right: 10px;
  }
}
.login_wrapper_content p {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  color: #00124E;
}
.login_wrapper_content p a {
  color: #4068FC;
}
.login_wrapper_content p a:hover {
  color: #00124E;
}
.login_wrapper_content p:last-child {
  font-weight: 500;
  color: #555555;
  text-align: center;
}
.login_wrapper_content form {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .login_wrapper_content form {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 479px) {
  .login_wrapper_content form {
    margin-top: 25px;
  }
}
.login_wrapper_content .input-control-input {
  border: none;
  border-bottom: 1px solid #E3E3E3;
  padding-left: 30px;
}
.login_wrapper_content .input-control-input:focus {
  border-color: #00124E;
}
.login_wrapper_content .input-control-input[type=submit] {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .login_wrapper_content .input-control-input[type=submit] {
    margin-top: 30px;
  }
}
.login_wrapper_content .input-control-icon {
  width: auto;
  z-index: -1;
}
.login_wrapper_content .input-control-span {
  padding-left: 30px;
  font-size: 14px;
  line-height: 1.5;
}
.login_wrapper_content .input-control-span a {
  text-decoration: underline;
  position: relative;
  z-index: 9;
  color: #4068FC;
}
.login_wrapper_content .input-control-span a:hover {
  color: #00124E;
}
.login_wrapper_content .input-control .checkbox {
  display: inline-block;
}
.login_wrapper_content .input-control .checkbox-title {
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .login_wrapper_content .input-control .checkbox-title {
    -webkit-line-clamp: 10;
  }
}
.login_wrapper_content .input-control .checkbox-title::before, .login_wrapper_content .input-control .checkbox-title::after {
  top: 4px;
}
.login_wrapper_content .input-control .checkbox-title a {
  color: #4068FC;
  text-decoration: underline;
}
.login_wrapper_content .input-control .checkbox-title a:hover {
  color: #00124E;
}
.login_wrapper_content .input-control #forget {
  font-size: 14px;
  font-weight: 500;
  color: #4068FC;
}
.login_wrapper_content .input-control #forget:focus {
  color: #F00606;
}
.login_wrapper_content .d-flex {
  align-items: center;
  justify-content: space-between;
}
.login_wrapper .login_wrapper_signup_content {
  transition: opacity 15s ease-in-out;
}
.login_wrapper .login_wrapper_signup_content .checkbox input {
  left: 0;
  transform: translate(0px, -50%);
  width: 45%;
}
@media only screen and (max-width: 767px) {
  .login_wrapper .login_wrapper_signup_content .checkbox input {
    width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .login_wrapper .login_wrapper_signup_content .checkbox input {
    width: 65%;
  }
}
.login_wrapper .login_wrapper_signup_content .input-control-input {
  padding-left: 0;
}
.login_wrapper .login_wrapper_signup_content .login_wrapper_content_signwith a {
  padding: 12px 20px;
}
@media only screen and (max-width: 767px) {
  .login_wrapper .login_wrapper_signup_content .login_wrapper_content_signwith a {
    padding: 10px 15px;
  }
}
.login_wrapper .saas_school_top_five_link_show .title {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  color: #555555;
}
.login_wrapper .saas_school_top_five_link_show .title::before {
  content: "";
  height: 2px;
  width: 100%;
  flex-grow: 1;
  background: #555555;
}
.login_wrapper .saas_school_top_five_link_show .title::after {
  content: "";
  height: 2px;
  width: 100%;
  flex-grow: 1;
  background: #555555;
}
.login_wrapper .saas_school_top_five_link_show .link_to_school {
  display: block;
  background: #4068FC;
  font-size: 11px;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}

/*==== TEACHERS PAGE CSS ====*/
.teacher {
  /*==== TEACHERS DETAILS PAGE CSS ====*/
}
.teacher .section_title {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher .section_title {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher .section_title {
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher .section_title {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher .col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
.teacher_wrapper {
  display: block;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .teacher_wrapper {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .teacher_wrapper {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher_wrapper {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher_wrapper {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .teacher_wrapper {
    margin-top: 20px;
  }
}
.teacher_wrapper:hover img {
  transform: scale(1.05);
}
.teacher_wrapper:hover h4 {
  color: #4068FC;
}
.teacher_wrapper_img {
  width: 100%;
  height: 380px;
  margin-bottom: 30px;
  overflow: hidden;
  aspect-ratio: 300/380;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .teacher_wrapper_img {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .teacher_wrapper_img {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .teacher_wrapper_img {
    margin-bottom: 12px;
  }
}
.teacher_wrapper_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
}
.teacher_wrapper h4 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .teacher_wrapper h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .teacher_wrapper h4 {
    font-size: 16px;
    margin-bottom: 0px;
  }
}
.teacher_wrapper p {
  font-size: 14px;
  color: #555555;
}
@media only screen and (max-width: 479px) {
  .teacher_wrapper p {
    font-size: 13px;
  }
}
.teacher_details h4 {
  font-size: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .teacher_details h4 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .teacher_details h4 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher_details h4 {
    font-size: 24px;
  }
}
.teacher_details_img {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .teacher_details_img {
    text-align: left;
    display: flex;
    align-items: center;
  }
}
.teacher_details_img_wrapper {
  width: 300px;
  height: 300px;
  border-radius: 100%;
  overflow: hidden;
  background-color: #F7F7F7;
  margin: auto;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .teacher_details_img_wrapper {
    width: 250px;
    height: 250px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher_details_img_wrapper {
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher_details_img_wrapper {
    display: block;
    width: 80px;
    height: 80px;
    margin-bottom: 0px;
    float: left;
    margin-right: 25px;
  }
}
@media only screen and (max-width: 479px) {
  .teacher_details_img_wrapper {
    width: 80px;
    height: 80px;
    margin-right: 20px;
  }
}
.teacher_details_img_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .teacher_details_img_wrapper_inner {
    padding-top: 10px;
    flex-grow: 1;
  }
}
@media only screen and (max-width: 479px) {
  .teacher_details_img_wrapper_inner {
    padding-top: 0;
  }
}
.teacher_details_img h4 {
  font-size: 20px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .teacher_details_img h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.teacher_details_img p {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .teacher_details_img p {
    font-size: 14px;
  }
}
.teacher_details_img .social-media {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher_details_img .social-media {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher_details_img .social-media {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .teacher_details_img .social-media {
    margin-top: 15px;
  }
}
.teacher_details_img .social-media ul li a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
  background-color: #F7F7F7;
  color: #ffffff;
  margin: 0px 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher_details_img .social-media ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher_details_img .social-media ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
  }
}
.teacher_details_head {
  justify-content: space-between;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher_details_head {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher_details_head {
    margin: 20px 0px;
  }
}
.teacher_details_head_item {
  padding: 0px 60px;
  position: relative;
  z-index: 1;
  flex-basis: 32%;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .teacher_details_head_item {
    padding: 0px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .teacher_details_head_item {
    padding: 0px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher_details_head_item {
    padding: 0 !important;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .teacher_details_head_item {
    padding: 0 !important;
    width: 100%;
    margin-bottom: 15px;
    flex-basis: 48%;
  }
}
@media only screen and (max-width: 479px) {
  .teacher_details_head_item {
    flex-basis: 100%;
  }
}
.teacher_details_head_item:first-child {
  padding-left: 0px;
  padding-right: 0px;
}
.teacher_details_head_item:first-child::before {
  display: none;
}
.teacher_details_head_item:last-child {
  padding-right: 0px;
}
@media only screen and (max-width: 767px) {
  .teacher_details_head_item:last-child {
    margin-bottom: 0px;
  }
}
.teacher_details_head_item::before {
  content: "";
  width: 1px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #E3E3E3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher_details_head_item::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .teacher_details_head_item::before {
    display: none;
  }
}
.teacher_details_head_item span {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
@media only screen and (max-width: 479px) {
  .teacher_details_head_item span {
    margin-bottom: 3px;
  }
}
.teacher_details_head_item h4 {
  font-size: 20px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher_details_head_item h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher_details_head_item h4 {
    font-size: 18px;
  }
}
.teacher_details_head_item_star {
  font-size: 14px;
}
.teacher_details_head_item_star i {
  margin-right: 3px;
  color: #ffc107;
}
.teacher_details_head_item_star span {
  display: inline-block;
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 500;
  color: #00124E;
  margin-bottom: 0px !important;
}
.teacher_details_content p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher_details_content p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teacher_details_content p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
  }
}
.teacher_details_content p:last-child {
  margin-bottom: 0px;
}

/*==== MESSAGE AREA CSS ====*/
.contacts_form .section_title {
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contacts_form .section_title {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contacts_form .section_title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contacts_form .section_title {
    margin-bottom: 15px;
  }
}
.contacts_form_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.contacts_form_flex .input-control {
  max-width: 50%;
  flex: 0 0 50%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 479px) {
  .contacts_form_flex .input-control {
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 15px;
  }
}
.contacts_form .input-control-input {
  font-weight: 500;
  padding: 18px 20px;
  border-radius: 5px;
  background-color: #EEF1F6;
}
.contacts_form .input-control-input[type=submit] {
  background-color: #4068FC;
}
.contacts_form .input-control-input[type=submit]:hover {
  background-color: #00124E;
  border-color: #00124E;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contacts_form .input-control-input {
    padding: 15px 20px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 767px) {
  .contacts_form .input-control-input {
    padding: 13px 15px;
    font-weight: 400;
  }
}
.contacts_form .input-control textarea {
  resize: none;
  height: 160px;
}
@media only screen and (max-width: 767px) {
  .contacts_form .input-control textarea {
    height: 130px;
  }
}
.contacts_info {
  border-radius: 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  padding: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .contacts_info {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contacts_info {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contacts_info {
    margin-top: 30px;
    padding: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .contacts_info {
    padding: 24px;
  }
}
.contacts_info h4 {
  font-size: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .contacts_info h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .contacts_info h4 {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contacts_info_inner {
    display: flex;
  }
}
.contacts_info_card {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contacts_info_card {
    margin-top: 20px;
    width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media only screen and (max-width: 767px) {
  .contacts_info_card {
    margin-top: 15px;
  }
}
.contacts_info_card h6 {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 5px;
}
.contacts_info_card p {
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contacts_info_card p {
    font-size: 12px;
  }
}
.contacts_info .google_map {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contacts_info .google_map {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contacts_info .google_map {
    margin-top: 30px;
  }
}
.contacts_info .google_map_inner {
  height: 210px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .contacts_info .google_map_inner {
    height: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contacts_info .google_map_inner {
    height: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .contacts_info .google_map_inner {
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .contacts_info .google_map_inner {
    height: 170px;
  }
}

/*==== EVENTS AREA CSS ====*/
.events {
  background-color: #EEF1F6;
}
@media only screen and (max-width: 767px) {
  .events_schedule {
    margin-top: 15px;
  }
}
.events_schedule tr {
  background-color: #ffffff;
}

/*==== products AREA ====*/
.products {
  /*==== products DETAILS PAGE ====*/
}
@media only screen and (max-width: 767px) {
  .products .col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .products .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 767px) {
  .products .col-sm-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 767px) {
  .products .row .section_title {
    margin-bottom: 6px;
  }
}
.products_filter_active {
  top: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
@media only screen and (max-width: 767px) {
  .products_filter {
    position: fixed;
    top: 100px;
    left: 0;
    background-color: #ffffff;
    z-index: 99;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    transition: all 0.3s ease-in-out;
  }
}
.products_filter_close {
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid #e0e7eb;
  border-radius: 4px;
  color: #00124E;
  background-color: #ffffff;
  position: fixed;
  top: 15px;
  right: 15px;
  display: none;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .products_filter_close {
    display: block;
  }
}
.products_filter_close:hover i {
  transform: rotate(90deg);
}
.products_filter_close i {
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.products_filter_border {
  border: 1px solid #E3E3E3;
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .products_filter_border {
    margin-top: 0px;
    border: none;
  }
}
.products_filter_head {
  padding-bottom: 28px;
  padding-top: 10px;
  border-bottom: 1px solid #e0e7eb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filter_head {
    padding-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .products_filter_head {
    display: none;
  }
}
.products_filter_head h6 {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 700;
  color: #00124E;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filter_head h6 {
    font-size: 14px;
  }
}
.products_filter_head h6 svg {
  margin-right: 5px;
}
.products_filter_head h6 svg rect {
  fill: #4068FC;
}
.products_filter_item {
  padding: 30px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .products_filter_item {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_filter_item {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filter_item {
    padding: 15px;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .products_filter_item {
    padding: 0;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .products_filter_item {
    margin-top: 20px;
  }
}
.products_filter_item:first-child {
  margin-top: 0px;
}
.products_filter_item:last-child {
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_filter_item:last-child {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filter_item:last-child {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .products_filter_item:last-child {
    padding-bottom: 0;
  }
}
.products_filter_item h5 {
  font-size: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e7eb;
  margin-bottom: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .products_filter_item h5 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_filter_item h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filter_item h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .products_filter_item h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.products_filter_item_rating {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
.products_filter_item_rating:last-child {
  margin-bottom: 0px;
}
.products_filter_item_rating i {
  color: #ffc107;
}
.products_filter_item_rating i:not(:last-child) {
  margin-right: 4px;
}
.products_filter_item_rating span {
  margin-left: 15px;
}
.products_filter_item_color {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  z-index: 1;
}
.products_filter_item_color input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.products_filter_item_color input:checked ~ .products_filter_item_color_title {
  border-color: #4068FC;
}
.products_filter_item_color input[type=checkbox] {
  display: none;
}
.products_filter_item_color_title {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  display: block;
  border: 1px solid #E3E3E3;
  position: relative;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filter_item_color_title {
    width: 30px;
    height: 30px;
  }
}
.products_filter_item_color_title::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #F7F7F7;
  position: absolute;
  transform: scale(0.75);
  z-index: -1;
}
.products_filter_item_color[data-name="000000"] .products_filter_item_color_title::before {
  background-color: #000000;
}
.products_filter_item_color[data-name="1F73BE"] .products_filter_item_color_title::before {
  background-color: #1F73BE;
}
.products_filter_item_color[data-name=d6d6d6] .products_filter_item_color_title::before {
  background-color: #d6d6d6;
}
.products_filter_item_color[data-name="81d742"] .products_filter_item_color_title::before {
  background-color: #81d742;
}
.products_filter_item_color[data-name=dd9a32] .products_filter_item_color_title::before {
  background-color: #dd9a32;
}
.products_filter_item_color[data-name="8224e2"] .products_filter_item_color_title::before {
  background-color: #8224e2;
}
.products_filter_item_color[data-name=ef3736] .products_filter_item_color_title::before {
  background-color: #ef3736;
}
.products_filter_item_color[data-name=eeee22] .products_filter_item_color_title::before {
  background-color: #eeee22;
}
.products_filter_item_price_slider .irs {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filter_item_price_slider .irs {
    margin-bottom: 10px;
  }
}
.products_filter_item_price_slider a {
  padding: 8px 17px;
  margin-right: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .products_filter_item_price_slider a {
    padding: 5px 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filter_item_price_slider a {
    padding: 5px 10px;
    margin-right: 0;
    display: inline-block;
    margin-bottom: 10px;
  }
}
.products_filter_item_price_slider span {
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filter_item_price_slider span {
    display: block;
  }
}
.products_filter_item_price_slider span strong {
  font-weight: 700;
  color: #4068FC;
}
.products_filtering_head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #e0e7eb;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filtering_head {
    padding-bottom: 15px;
  }
}
.products_filtering_head_left {
  max-width: 40%;
  flex: 0 0 40%;
}
@media only screen and (max-width: 767px) {
  .products_filtering_head_left {
    max-width: 10%;
    flex: 0 0 10%;
  }
}
.products_filtering_head_right {
  max-width: 60%;
  flex: 0 0 60%;
}
@media only screen and (max-width: 767px) {
  .products_filtering_head_right {
    max-width: 90%;
    flex: 0 0 90%;
  }
}
.products_filtering_head_filter_mobile {
  display: none;
  font-size: 0px;
  font-weight: 500;
  color: #00124E;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .products_filtering_head_filter_mobile {
    display: flex;
    align-items: center;
  }
}
.products_filtering_head_filter_mobile svg {
  margin-right: 5px;
}
.products_filtering_head_filter_mobile svg rect {
  fill: #00124E;
}
.products_filtering_head p {
  font-size: 14px;
  font-weight: 500;
  color: #00124E;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_filtering_head p {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .products_filtering_head p {
    display: none;
  }
}
.products_item {
  display: block;
  margin-top: 24px;
  padding: 0px 20px;
  padding-bottom: 30px;
  padding-top: 0px;
  background-color: #FAFAFA;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_item {
    padding: 0px 15px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_item {
    padding: 0px 15px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .products_item {
    margin-top: 24px;
  }
}
.products_item:hover h4 {
  color: #4068FC;
}
.products_item:hover img {
  transform: scale(1.05);
}
.products_item::before {
  content: "-" attr(data-discount) "%";
  color: #ffffff;
  background-color: #4068FC;
  font-size: 12px;
  line-height: 2;
  padding: 0px 5px;
  font-weight: 700;
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: center;
  border-radius: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_item::before {
    left: 15px;
    top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_item::before {
    left: 15px;
    top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .products_item::before {
    left: 10px;
    top: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .products_item::before {
    left: 15px;
    top: 15px;
  }
}
.products_item_img {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  overflow: hidden;
}
.products_item_img_inner {
  width: 100%;
  height: 240px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .products_item_img_inner {
    height: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_item_img_inner {
    height: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_item_img_inner {
    height: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .products_item_img_inner {
    height: 180px;
  }
}
.products_item_img_inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}
.products_item_inner span {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  display: inline-block;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_item_inner span {
    font-size: 12px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .products_item_inner span {
    font-size: 12px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .products_item_inner span {
    margin-bottom: 5px;
  }
}
.products_item_inner h4 {
  font-size: 18px;
  line-height: 1.5555555556;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_item_inner h4 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_item_inner h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .products_item_inner h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.4;
  }
}
.products_item_inner p {
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #4068FC;
}
@media only screen and (max-width: 767px) {
  .products_item_inner p {
    font-size: 14px;
  }
}
.products_item_inner_rating {
  display: block;
  font-size: 14px !important;
  margin-bottom: 25px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_item_inner_rating {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_item_inner_rating {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .products_item_inner_rating {
    font-size: 12px !important;
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 479px) {
  .products_item_inner_rating {
    font-size: 14px !important;
  }
}
.products_item_inner_rating i {
  margin-right: 5px;
  color: #ffc107;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_item_inner_rating i {
    margin-right: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_preview {
    margin-bottom: 30px;
  }
}
.products_details_preview_main {
  width: 100%;
  height: 550px;
  overflow: hidden;
  background-color: #F7F7F7;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_preview_main {
    height: 420px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_preview_main {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_preview_main {
    height: 350px;
  }
}
@media only screen and (max-width: 479px) {
  .products_details_preview_main {
    height: 300px;
  }
}
.products_details_preview_main img {
  position: initial !important;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.products_details_preview_thum {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0px -5px;
}
.products_details_preview_thum_item {
  max-width: 25%;
  flex: 0 0 25%;
  padding: 0px 5px;
  border: 1px solid transparent;
}
.products_details_preview_thum_item:hover img {
  transform: scale(1.05);
}
.products_details_preview_thum_item_img {
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
  overflow: hidden;
}
.products_details_preview_thum_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}
.products_details_inner {
  padding-left: 56px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner {
    padding-left: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner {
    padding-left: 0px;
  }
}
.products_details_inner_strock {
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner_strock {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_strock {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_strock {
    margin-bottom: 10px;
  }
}
.products_details_inner_strock p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_strock p {
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_strock p {
    font-size: 12px;
    font-weight: 500;
  }
}
.products_details_inner_strock p span {
  font-weight: 400;
}
.products_details_inner h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .products_details_inner h3 {
    font-size: 22px;
  }
}
.products_details_inner .price {
  font-size: 24px;
  font-weight: 600;
  color: #FD6700;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner .price {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner .price {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner .price {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.products_details_inner .price span {
  font-size: 14px;
  color: #555555;
  font-weight: 400;
  margin-left: 10px;
}
.products_details_inner .products-star {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner .products-star {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner .products-star {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner .products-star {
    margin-bottom: 25px;
  }
}
.products_details_inner .products-star i {
  color: #ffc107;
  margin-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner .products-star i {
    margin-right: 3px;
  }
}
.products_details_inner .products-star span {
  margin-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner .products-star span {
    margin-right: 5px;
  }
}
.products_details_inner_count {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0px -7px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_count {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_count {
    margin-bottom: 15px;
  }
}
.products_details_inner_count_left {
  padding: 0px 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_count_left {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 479px) {
  .products_details_inner_count_left {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.products_details_inner_count_right {
  padding: 0px 7px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_count_right {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_count_right {
    padding: 0px 5px;
  }
}
@media only screen and (max-width: 479px) {
  .products_details_inner_count_right {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.products_details_inner_count span {
  font-family: "Eudoxus Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #00124E;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .products_details_inner_count span {
    font-weight: 500;
  }
}
.products_details_inner_count a {
  padding: 13px 51px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner_count a {
    padding: 13px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_count a {
    padding: 12px 40px;
    display: block;
    text-align: center;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .products_details_inner_count a {
    display: block;
    margin-top: 15px;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
  }
}
.products_details_inner .checkbox {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner .checkbox {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner .checkbox {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner .checkbox {
    margin-bottom: 20px;
  }
}
.products_details_inner .site_btn {
  display: block;
  border-width: 2px;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner .site_btn {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner .site_btn {
    border-width: 1px;
    margin-bottom: 15px;
  }
}
.products_details_inner .site_btn::after {
  border-radius: 0px;
}
.products_details_inner_compair {
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner_compair {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner_compair {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_compair {
    margin-bottom: 20px;
  }
}
.products_details_inner_compair a {
  font-size: 14px;
  font-weight: 600;
  color: #4068FC;
}
.products_details_inner_compair a:hover {
  color: #00124E;
}
.products_details_inner_compair a i {
  position: relative;
  top: 1px;
  margin-right: 7px;
}
.products_details_inner_compair a:last-child {
  margin-left: 20px;
}
.products_details_inner_methods_checkout {
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner_methods_checkout {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_methods_checkout {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_methods_checkout {
    margin-bottom: 25px;
  }
}
.products_details_inner_methods_checkout h4 {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_methods_checkout h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_methods_checkout h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.products_details_inner_methods_checkout ul li:first-child a {
  padding-left: 0px;
}
.products_details_inner_methods_checkout ul li:last-child a {
  padding-right: 0px;
}
.products_details_inner_methods_checkout ul li a {
  display: block;
  padding: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner_methods_checkout ul li a {
    padding: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_methods_checkout ul li a {
    padding: 3px;
  }
}
.products_details_inner .padding_clearfix {
  padding: 30px 0px;
}
@media only screen and (max-width: 767px) {
  .products_details_inner .padding_clearfix {
    padding: 20px 0px;
  }
}
.products_details_inner_item {
  border-top: 1px solid #E3E3E3;
  padding: 50px 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .products_details_inner_item {
    padding: 40px 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner_item {
    padding: 40px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_item {
    padding: 30px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_item {
    padding: 25px 0px;
  }
}
.products_details_inner_item h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3333333333;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_item h5 {
    margin-bottom: 10px;
  }
}
.products_details_inner_item p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner_item p {
    margin-bottom: 20px;
  }
}
.products_details_inner_item p:last-child {
  margin-bottom: 0px;
}
.products_details_inner_item ul li {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #555555;
  margin-bottom: 10px;
}
.products_details_inner_item ul li:last-child {
  margin-bottom: 0px;
}
.products_details_inner_item ul li span {
  font-weight: 600;
}
.products_details_inner_item_color {
  color: #00124E;
}
.products_details_inner_item_review_info {
  margin-top: 30px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products_details_inner_item_review_info {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_item_review_info {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .products_details_inner_item_review_info {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}
.products_details_inner_item_review_info:last-child {
  margin-bottom: 0px;
}
.products_details_inner_item_review_info h5 {
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 767px) {
  .products_details_inner_item_review_info h5 {
    font-size: 16px;
    margin-bottom: 5px !important;
  }
}
.products_details_inner_item_review_info .star {
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .products_details_inner_item_review_info .star {
    margin-bottom: 10px;
  }
}
.products_details_inner_item_review_info .star i {
  color: #ffc107;
}
.products_details_inner_item_review_info .star i:not(:last-child) {
  margin-right: 5px;
}
.products_details_inner_item_review_info .star span {
  margin-left: 15px;
}
.products_details_inner_item_reveiw_wirte p {
  margin-bottom: 0px;
}
.products_details_inner_item_reveiw_wirte p i {
  font-size: 20px;
  color: #ffc107;
}
@media only screen and (max-width: 767px) {
  .products_details_inner_item_reveiw_wirte p i {
    font-size: 16px;
  }
}
.products_details_inner_item_reveiw_wirte p i:not(:last-child) {
  margin-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products_details_inner_item_reveiw_wirte .input-control-input {
    padding: 12px 15px;
  }
}
.products_details_inner_item_reveiw_wirte .input-control textarea {
  height: 100px;
  resize: none;
}
.products_details_inner_item_reveiw_wirte .input-control input[type=submit] {
  font-weight: 600;
}
.products .load_more {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .products .load_more {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .products .load_more {
    margin-top: 30px;
  }
}
.products .load_more a {
  padding: 15px 50px;
  border-width: 2px;
}
.products .load_more a::after {
  border-radius: 0px;
}

/*==== SHOPPING CART PAGE ====*/
.shopping_cart .section_title {
  margin-bottom: 0px;
}
.shopping_cart .section_title h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shopping_cart .section_title h2 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_cart .section_title h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_cart .section_title h2 {
    font-size: 22px;
    text-align: left;
  }
}
@media only screen and (max-width: 479px) {
  .shopping_cart .section_title h2 {
    font-size: 20px;
  }
}
.shopping_cart_cart {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_cart_cart_inner {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_cart_cart_inner {
    overflow-x: scroll;
  }
}
.shopping_cart_cart_table {
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_cart_cart_table {
    width: 900px;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_cart_cart_table {
    width: 700px;
  }
}
.shopping_cart_cart_table thead th {
  font-family: "Eudoxus Sans", sans-serif;
  color: #00124E;
  font-size: 16px;
  font-weight: 700;
  padding: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_cart_cart_table thead th {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_cart_cart_table thead th {
    padding: 10px;
    font-size: 14px;
  }
}
.shopping_cart_cart_table thead th:first-child {
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .shopping_cart_cart_table thead th:first-child {
    text-align: left;
    padding-left: 50px;
  }
}
.shopping_cart_cart_table thead th:last-child {
  text-align: right;
}
.shopping_cart_cart_table tr {
  border-bottom: 1px solid #E3E3E3;
}
.shopping_cart_cart_table tr td {
  padding: 20px 0px;
  font-size: 16px;
  font-weight: 500;
  color: #00124E;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .shopping_cart_cart_table tr td {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shopping_cart_cart_table tr td {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_cart_cart_table tr td {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_cart_cart_table tr td {
    padding: 10px;
    font-size: 14px;
  }
}
.shopping_cart_cart_table tr td:first-child {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.shopping_cart_cart_table tr td:first-child .shopping_cart_cart_table_close {
  margin-right: 10px;
}
.shopping_cart_cart_table tr td:last-child {
  text-align: right;
}
.shopping_cart_cart_table tr td:last-child .shopping_cart_cart_table_close {
  margin-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .shopping_cart_cart_table tr td:last-child .shopping_cart_cart_table_close {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shopping_cart_cart_table tr td:last-child .shopping_cart_cart_table_close {
    display: none;
  }
}
.shopping_cart_cart_table_close {
  display: inline-block;
  font-size: 16px;
  color: #4068FC;
  padding: 5px;
  margin: -5px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.shopping_cart_cart_table_close:hover {
  color: #00124E;
}
.shopping_cart_cart_table_close:hover .fa-times {
  transform: rotate(90deg);
}
.shopping_cart_cart_table_close i {
  transition: all 0.3s ease-in-out;
}
.shopping_cart_cart_table_img {
  width: 150px;
  height: 100px;
  background-color: #F7F7F7;
  overflow: hidden;
  text-align: center;
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .shopping_cart_cart_table_img {
    width: 130px;
    height: 80px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shopping_cart_cart_table_img {
    width: 120px;
    height: 60px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_cart_cart_table_img {
    width: 100px;
    height: 70px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_cart_cart_table_img {
    width: 90px;
    height: 60px;
    margin-right: 15px;
  }
}
.shopping_cart_cart_table_img img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .shopping_cart_cart_table_img img {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shopping_cart_cart_table_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_cart_cart_table_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_cart_cart_table_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.shopping_cart_cart_checkout {
  border: 1px solid #E3E3E3;
  background-color: #F7F7F7;
}

.carts_details {
  padding-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carts_details {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .carts_details {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .carts_details .text-end {
    text-align: left !important;
  }
}
.carts_details_note > a {
  color: #4068FC;
}
.carts_details_note > a:hover {
  color: #00124E;
}
.carts_details_note form {
  display: none;
}
.carts_details_note .input-control textarea {
  width: 100%;
  height: 65px;
  resize: vertical;
}
@media only screen and (max-width: 479px) {
  .carts_details_wrap {
    margin-top: 10px;
  }
}
.carts_details_wrap p {
  color: #00124E;
}
.carts_details_wrap p > span, .carts_details_wrap p > a {
  color: #4068FC;
}
.carts_details_wrap p:not(:first-child) {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carts_details_wrap p:not(:first-child) {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .carts_details_wrap p:not(:first-child) {
    margin-top: 0px;
  }
}
.carts_details_wrap .d-flex {
  justify-content: flex-end;
  margin-top: 25px;
  gap: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carts_details_wrap .d-flex {
    margin-top: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .carts_details_wrap .d-flex {
    margin-top: 15px;
    flex-wrap: wrap;
  }
}
.carts_details_wrap .d-flex .boxed_btn {
  border-color: #4068FC;
  text-align: center;
  line-height: 18px;
}
@media only screen and (max-width: 991px) {
  .carts_details_wrap .d-flex .boxed_btn {
    max-width: calc(50% - 10px);
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carts_details_wrap .d-flex .boxed_btn {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 479px) {
  .carts_details_wrap .d-flex .boxed_btn {
    max-width: 100%;
    width: 100%;
  }
}
.carts_details_wrap .d-flex .boxed_btn::before {
  background-color: #4068FC;
}

/*==== CHECKOUT CART PAGE ====*/
.checkouts {
  --carts-item-sp: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts {
    --carts-item-sp: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts {
    --carts-item-sp: 20px;
  }
}
.checkouts_inner_head {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_inner_head {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_inner_head {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_head {
    margin-bottom: 25px;
  }
}
.checkouts_inner_head p {
  font-size: 16px;
  font-weight: 500;
  color: #555555;
}
@media only screen and (max-width: 479px) {
  .checkouts_inner_head p {
    font-size: 14px;
  }
}
.checkouts_inner_head p i {
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_head p i {
    margin-right: 10px;
  }
}
.checkouts_inner_head p a {
  color: #4068FC;
}
.checkouts_inner_head p a:hover {
  color: #00124E;
}
.checkouts_inner_item {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_inner_item {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_inner_item {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_item {
    margin-top: 15px;
  }
}
.checkouts_inner_item:first-child {
  margin-top: 0px;
}
.checkouts_inner_item_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FAFAFA;
  padding: 10px 20px;
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_item_head {
    padding: 8px 10px;
  }
}
.checkouts_inner_item_head h6 {
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 700;
}
.checkouts_inner_item_head a {
  padding: 6px 20px;
}
.checkouts_inner_item_card {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.checkouts_inner_item_card_item {
  padding: 0px 20px;
  margin: 30px 0px;
  max-width: 45%;
  flex: 0 0 45%;
  padding-right: 40px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_inner_item_card_item {
    padding: 0px 10px;
    margin: 20px 0px;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_inner_item_card_item {
    padding: 0px 15px;
    margin: 20px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_item_card_item {
    max-width: 50%;
    flex: 0 0 50%;
    margin: 15px 0px;
    padding: 0px 10px;
  }
}
@media only screen and (max-width: 479px) {
  .checkouts_inner_item_card_item {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.checkouts_inner_item_card_item:last-child {
  border-left: 1px solid #E3E3E3;
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_inner_item_card_item:last-child {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .checkouts_inner_item_card_item:last-child {
    padding-left: 10px;
    margin-top: 10px;
    border: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_inner_item_card_item {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
.checkouts_inner_item_card_item h6 {
  font-size: 16px;
  margin-bottom: 13px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_inner_item_card_item h6 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_item_card_item h6 {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 479px) {
  .checkouts_inner_item_card_item h6 {
    margin-bottom: 10px;
  }
}
.checkouts_inner_item_card_item p {
  font-size: 14px;
}
.checkouts_inner_item_card_item input {
  width: 100%;
  padding: 6px 12px;
  display: none;
  font-size: 14px;
  border-color: #00124E;
}
.checkouts_inner_item_card_item:hover .checkouts_inner_item_card_item_actions {
  opacity: 1;
  visibility: visible;
}
.checkouts_inner_item_card_item_actions {
  position: absolute;
  right: 25px;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_item_card_item_actions {
    right: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .checkouts_inner_item_card_item_actions {
    top: -5px;
  }
}
.checkouts_inner_item_card_item_actions button {
  padding: 0;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  font-size: 10px;
  background-color: #20CA84;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.checkouts_inner_item_card_item_actions button:last-child {
  background-color: #F00606;
}
.checkouts_inner_item_card_item_actions button i {
  position: relative;
  z-index: -1;
}
.checkouts_inner_item ul {
  margin-top: 30px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_inner_item ul {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_item ul {
    margin-top: 15px;
    margin-bottom: 0px;
  }
}
.checkouts_inner_item ul li {
  display: inline-block;
}
.checkouts_inner_item ul li a {
  display: block;
  padding: 8px 15px;
  border-radius: 3px;
  border: 1px solid #E3E3E3;
  margin-bottom: 10px;
}
.checkouts_inner_item ul li a:hover {
  border-color: #00124E;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_inner_item ul li a {
    padding: 8px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_item ul li a {
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 479px) {
  .checkouts_inner_item ul li a {
    padding: 0;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 479px) {
  .checkouts_inner_item ul li a img {
    transform: scale(0.8);
  }
}
.checkouts_inner_item .page_radio {
  display: block;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_inner_item .page_radio {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_item .page_radio {
    margin-top: 5px;
  }
}
.checkouts_inner_item .page_radio_title {
  font-size: 16px;
  color: #00124E;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_item .page_radio_title {
    font-size: 14px;
  }
}
.checkouts_inner_item .page_radio_title::before, .checkouts_inner_item .page_radio_title::after {
  width: 20px;
  height: 20px;
}
.checkouts_inner_item .page_radio_title::after {
  width: 12px;
  height: 12px;
}
.checkouts_inner_subtitle {
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_inner_subtitle {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_inner_subtitle {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_inner_subtitle {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_inner_subtitle {
    margin-bottom: 15px;
  }
}
.checkouts_inner_subtitle ul li {
  color: #00124E;
  font-size: 14px;
  display: inline-block;
}
.checkouts_inner_subtitle ul li i {
  margin: 0px 5px;
  position: relative;
  top: 1px;
}
.checkouts_inner_subtitle ul li a {
  display: inline-block;
  color: #00124E;
}
.checkouts_inner_subtitle ul li a:hover, .checkouts_inner_subtitle ul li a.active {
  color: #4068FC;
}
.checkouts_cupon {
  margin-top: var(--carts-item-sp);
  border-bottom: 1px solid #E3E3E3;
  padding: var(--lms-cart-sp) 0px;
  margin-bottom: var(--lms-cart-sp);
  padding-bottom: var(--carts-item-sp);
}
.checkouts_cupon form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkouts_cupon form .input-control-input {
  display: inline-block;
  padding: 14px 20px;
}
@media only screen and (max-width: 767px) {
  .checkouts_cupon form .input-control-input {
    padding: 12px 15px;
  }
}
.checkouts_cupon form .input-control-input[type=submit] {
  margin-top: 0 !important;
  margin-left: 5px;
  max-width: 150px;
  flex: 0 0 150px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_cupon form .input-control-input[type=submit] {
    max-width: 100px;
    flex: 0 0 100px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_cupon form .input-control-input[type=submit] {
    max-width: -moz-max-content;
    max-width: max-content;
    flex: 0 0 auto;
  }
}
.checkouts_cupon_error {
  color: #4068FC;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
  display: none;
}
@media only screen and (max-width: 767px) {
  .checkouts_cupon_error {
    margin-top: 10px;
  }
}
.checkouts_cupon_success {
  display: none;
  border: 1px solid #29C489;
  padding: 20px;
  border-radius: 5px;
}
@media only screen and (min-width: 1440px) and (max-width: 1580px) {
  .checkouts_cupon_success {
    padding: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_cupon_success {
    padding: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_cupon_success {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_cupon_success {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_cupon_success {
    padding: 10px;
  }
}
.checkouts_cupon_success p, .checkouts_cupon_success button {
  font-size: 12px;
  line-height: 1.8333333333;
  font-weight: 600;
  text-transform: uppercase;
}
.checkouts_cupon_success p {
  margin-bottom: 0px;
  color: #29C489;
}
.checkouts_cupon_success p span {
  text-decoration: underline;
}
.checkouts_cupon_success button {
  color: #FF2121;
  padding: 0px !important;
  background-color: transparent;
  border: none;
  text-decoration: underline;
}
.checkouts_info {
  height: 100%;
  border: 1px solid #E3E3E3;
  border-top-width: 0;
  margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info {
    margin-left: 0px;
    padding-top: 0 !important;
    margin-top: 30px;
    border-top-width: 1px;
    height: auto;
  }
}
.checkouts_info_inner {
  padding: 0px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_info_inner {
    padding: 0px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_info_inner {
    padding: 0px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_inner {
    padding: 0px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_inner {
    padding: 25px;
  }
}
@media only screen and (max-width: 479px) {
  .checkouts_info_inner {
    padding: 20px;
  }
}
.checkouts_info_card:not(:last-child) {
  margin-bottom: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_info_card:not(:last-child) {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_info_card:not(:last-child) {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_card:not(:last-child) {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_card:not(:last-child) {
    margin-bottom: 20px;
  }
}
.checkouts_info_card h4 {
  font-size: 22px;
  line-height: 1.3636363636;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_card h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_card h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_info_card h4 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_info_card h4 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_card h4 {
    margin-bottom: 10px;
  }
}
.checkouts_info_card .checkbox {
  margin-top: 10px;
}
.checkouts_info_card .gap {
  gap: 10px;
}
.checkouts_info_card .country-selector {
  padding: 10px 20px;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  position: relative;
  background-color: #ffffff;
  line-height: 1;
}
.checkouts_info_card .country-selector > span {
  font-size: 12px;
  line-height: 1;
  color: #00124E;
  font-weight: 500;
}
.checkouts_info_card .country-selector .nice-select {
  border: none;
  position: unset !important;
  width: 100%;
  padding: 0px;
}
.checkouts_info_card .country-selector .nice-select::before {
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 16px;
  width: calc(100% - 30px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.checkouts_info_card .country-selector .nice-select::after {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #E3E3E3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 35px;
  display: block;
  border: none;
  margin-top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_info_card .country-selector .nice-select::after {
    height: 20px;
  }
}
.checkouts_info_card .country-selector .nice-select .current {
  color: #00124E;
  font-size: 12px;
}
.checkouts_info_card .country-selector .nice-select.open::before {
  content: "\f0d8";
}
.checkouts_info_card .input-control-input {
  background-color: #ffffff;
  border-radius: 3px;
}
.checkouts_info_card .input-control-icon {
  left: auto;
  right: 10px;
  font-size: 20px;
  color: #555555;
}
.checkouts_info_card .input-control-icon ~ input {
  padding-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_card .input-control-icon ~ input {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_card .input-control-icon ~ input {
    padding-left: 15px;
  }
}
.checkouts_info_card .actions_btns {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_card .actions_btns {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_card .actions_btns {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_card .actions_btns a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.checkouts_info_card .actions_btns a:last-child {
  padding-right: 0px;
}
.checkouts_info_item:not(:last-child) {
  padding-bottom: var(--carts-item-sp);
  border-bottom: 1px solid #E3E3E3;
}
.checkouts_info_item #left {
  display: flex;
  align-items: center;
}
.checkouts_info_item_img {
  --cart-count: 21px;
  width: 120px;
  height: 80px;
  position: relative;
  z-index: 1;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_item_img {
    --cart-count: 18px;
    width: 100px;
    height: 60px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_item_img {
    --cart-count: 18px;
    width: 100px;
    height: 60px;
    margin-right: 15px;
  }
}
.checkouts_info_item_img::before {
  content: attr(data-items);
  width: var(--cart-count);
  height: var(--cart-count);
  line-height: var(--cart-count);
  border-radius: 100%;
  color: #ffffff;
  background-color: #555555;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  top: -9px;
  right: -9px;
  z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_item_img::before {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_item_img::before {
    font-size: 14px;
  }
}
.checkouts_info_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.checkouts_info_item a {
  font-size: 16px;
  line-height: 1.5;
  color: #00124E;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_item a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_item a {
    font-size: 14px;
  }
}
.checkouts_info_item a:hover {
  color: #4068FC;
}
.checkouts_info_item strong {
  color: #4068FC;
  font-weight: 600;
}
.checkouts_info_details {
  margin-top: var(--carts-item-sp);
}
.checkouts_info_details li {
  padding: 10px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_info_details li {
    padding: 6px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_details li {
    padding: 5px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_details li {
    padding: 5px 0;
  }
}
.checkouts_info_details li:first-child {
  padding-top: 0px;
}
.checkouts_info_details li:last-child {
  padding-top: 25px;
  margin-top: 15px;
  padding-bottom: 0px;
  border-top: 1px solid #E3E3E3;
}
.checkouts_info_details li strong {
  font-size: 16px;
  color: #00124E;
  font-weight: 500;
}
.checkouts_info_details li span {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}
.checkouts_info_details li span strong {
  font-size: 20px;
  line-height: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_info_details li span strong {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_details li span strong {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_details li span strong {
    font-size: 16px;
  }
}
.checkouts_info_contactDetails {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  padding: 0px 20px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .checkouts_info_contactDetails {
    padding: 0px 15px;
  }
}
.checkouts_info_contactDetails ul li {
  padding: 18px 0px;
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_contactDetails ul li {
    padding: 15px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_contactDetails ul li {
    padding: 12px 0px;
  }
}
.checkouts_info_contactDetails ul li:not(:last-child) {
  border-bottom: 1px solid #E3E3E3;
}
.checkouts_info_contactDetails ul li #edit {
  color: #4068FC;
}
.checkouts_info_contactDetails ul li #edit:hover {
  color: #00124E;
}
.checkouts_info_contactDetails ul li strong {
  font-weight: 500;
  padding-left: 35px;
  color: #00124E;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_info_contactDetails ul li strong {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_contactDetails ul li strong {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_contactDetails ul li strong {
    padding-left: 10px;
  }
}
.checkouts_info_contactDetails ul li div {
  flex: 0 0 100%;
}
.checkouts_info_contactDetails ul li div:first-child {
  max-width: 80%;
  display: flex;
}
.checkouts_info_contactDetails ul li div:first-child span {
  white-space: nowrap;
}
.checkouts_info_contactDetails ul li div:last-child {
  max-width: 20%;
  text-align: right;
}
.checkouts_info_methods {
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  margin-top: 60px;
}
@media only screen and (min-width: 1440px) and (max-width: 1580px) {
  .checkouts_info_methods {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_info_methods {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_info_methods {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_methods {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_methods {
    margin-top: 20px;
  }
}
.checkouts_info_methods #info_item {
  padding: 10px 15px;
  line-height: 1.5;
}
.checkouts_info_methods #info_item:not(:last-child) {
  border-bottom: 1px solid #E3E3E3;
}
.checkouts_info_methods #info_item > div {
  flex: 0 0 100%;
}
.checkouts_info_methods #info_item > div:first-child {
  max-width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_methods #info_item > div:first-child {
    max-width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_methods #info_item > div:first-child {
    max-width: 75%;
  }
}
.checkouts_info_methods #info_item > div:last-child {
  max-width: 20%;
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_info_methods #info_item > div:last-child {
    max-width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_info_methods #info_item > div:last-child {
    max-width: 25%;
  }
}
.checkouts_info_methods #info_item .radio {
  display: flex;
}
.checkouts_info_methods #info_item .radio-title {
  font-weight: 500;
}
.checkouts_info_methods #info_item strong {
  font-weight: 500;
  color: #00124E;
}
.checkouts_payment {
  background-color: #ffffff;
  margin-top: 25px;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_payment {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_payment {
    margin-top: 15px;
  }
}
.checkouts_payment_list:not(:last-child) {
  border-bottom: 1px solid #E3E3E3;
}
.checkouts_payment_list .page_radio {
  padding: 15px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_payment_list .page_radio {
    padding: 10px 15px;
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_payment_list .page_radio {
    padding: 10px 15px;
    display: flex;
  }
}
.checkouts_payment_list form {
  padding: 20px;
  border-top: 1px solid #E3E3E3;
  background-color: #fcfcfc;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_payment_list form {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_payment_list form {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_payment_list form .gap .flex-grow-1 {
    flex-grow: 0 !important;
    width: 100%;
  }
}
.checkouts_billing {
  border: 1px solid #E3E3E3;
  margin-top: 25px;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_billing {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_billing {
    margin-top: 15px;
  }
}
.checkouts_billing_list:last-child .page_radio {
  border-bottom-width: 0px;
}
.checkouts_billing_list .page_radio {
  padding: 15px 0px;
  margin: 0px 20px;
  border-bottom: 1px solid #E3E3E3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_billing_list .page_radio {
    padding: 10px 0px;
    margin: 0px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_billing_list .page_radio {
    padding: 10px 0px;
    margin: 0px 15px;
  }
}
.checkouts_billing_list form {
  padding: 20px;
  border-top: 1px solid #E3E3E3;
  background-color: #fcfcfc;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_billing_list form {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_billing_list form {
    padding: 15px;
  }
}
.checkouts_order_info {
  border: 1px solid #E3E3E3;
  padding: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_order_info {
    overflow: hidden;
    padding: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_order_info {
    overflow: hidden;
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_order_info {
    overflow: hidden;
    margin-top: 40px;
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_order_info {
    overflow: hidden;
    margin-top: 30px;
    padding: 20px;
  }
}
.checkouts_order_info ul li {
  display: flex;
  padding: 20px 0px;
  font-size: 16px;
  border-bottom: 1px solid #E3E3E3;
}
@media only screen and (max-width: 767px) {
  .checkouts_order_info ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_order_info ul li {
    padding: 15px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkouts_order_info ul li {
    padding: 15px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_order_info ul li {
    padding: 10px 0px;
  }
}
.checkouts_order_info ul li:first-child {
  padding-top: 0px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .checkouts_order_info ul li:first-child {
    font-size: 18px;
  }
}
.checkouts_order_info ul li:last-child {
  font-weight: 700;
  color: #4068FC;
  border: none;
}
.checkouts_order_info ul li span {
  max-width: 55%;
  flex: 0 0 55%;
  color: #00124E;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .checkouts_order_info ul li span {
    max-width: 65%;
    flex: 0 0 65%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkouts_order_info ul li span {
    max-width: 65%;
    flex: 0 0 65%;
  }
}
@media only screen and (max-width: 767px) {
  .checkouts_order_info ul li span {
    max-width: 65%;
    flex: 0 0 65%;
    font-weight: 600;
  }
}
.checkouts_order_info ul li .page_radio {
  display: block;
}
.checkouts_order_info ul li .page_radio_title {
  font-weight: 500;
  color: #555555;
}
.checkouts_order_info .boxed_btn {
  margin-top: 20px;
  text-align: center;
  display: block;
  width: 100%;
}

/*==== EDIT CHECKOUT INFO CSS ====*/
.add_info {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 98901;
  display: flex;
  align-items: center;
  place-content: center;
}
.add_info_shape {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.add_info_inner {
  width: 570px;
  height: auto;
  padding: 50px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .add_info_inner {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 25px;
  }
}
@media only screen and (max-width: 479px) {
  .add_info_inner {
    padding: 15px;
  }
}
.add_info_inner_close {
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 16px;
  cursor: pointer;
  padding: 0px 10px;
}
.add_info_inner_close:hover i {
  color: #4068FC;
  transform: rotate(90deg);
}
.add_info_inner_close i {
  transition: all 0.3s ease-in-out;
  transform: rotate(0deg);
  color: #555555;
}
.add_info_inner_head {
  margin-bottom: 25px;
}
.add_info_inner_head h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .add_info_inner_head h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.add_info_inner_head .page_radio {
  margin-bottom: 0px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .add_info_inner_head .page_radio {
    margin-top: 5px;
  }
}
.add_info_inner_head .page_radio:not(:last-child) {
  margin-right: 15px;
}
@media only screen and (max-width: 479px) {
  .add_info_inner_head .page_radio:not(:last-child) {
    margin-right: 10px;
  }
}
.add_info_inner_head .page_radio_title {
  font-size: 14px;
}
@media only screen and (max-width: 479px) {
  .add_info_inner_head .page_radio_title {
    padding-left: 25px;
  }
}
.add_info_inner_head .page_radio_title::before {
  width: 18px;
  height: 18px;
}
.add_info_inner_head .page_radio_title::after {
  width: 10px;
  height: 10px;
}
.add_info_inner .input-control-input {
  padding: 15px 20px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .add_info_inner .input-control-input {
    padding: 12px 15px;
  }
}
.add_info_inner .input-control textarea {
  height: 130px;
  resize: none;
}
.add_info_inner_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
}
.add_info_inner_flex .input-control {
  padding-left: 10px;
  padding-right: 10px;
  max-width: 50%;
  flex: 0 0 50%;
}
@media only screen and (max-width: 479px) {
  .add_info_inner_flex .input-control {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/*==== ORDER CONFIRM PAGE CSS ====*/
.order_confirm_yes {
  margin-bottom: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .order_confirm_yes {
    margin-bottom: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_yes {
    margin-bottom: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_yes {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .order_confirm_yes img {
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_yes img {
    width: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_yes img {
    width: 150px;
  }
}
.order_confirm_yes h3 {
  font-size: 30px;
  margin-bottom: 10px;
  margin-top: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .order_confirm_yes h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_yes h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_yes h3 {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 5px;
  }
}
.order_confirm_yes p {
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .order_confirm_yes p {
    font-size: 14px;
  }
}
.order_confirm_yes p b {
  color: #00124E;
  font-weight: 600;
}
.order_confirm_content_head {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_head {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_head {
    margin-bottom: 15px;
  }
}
.order_confirm_content_head h4 {
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_head h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_head h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .order_confirm_content_head h4 {
    font-size: 16px;
  }
}
.order_confirm_content_info {
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  padding: 30px;
  padding-top: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_info {
    padding: 20px;
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_info {
    padding: 0px;
  }
}
.order_confirm_content_info_item {
  padding: 20px 0px;
  border-bottom: 1px solid #E3E3E3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_info_item {
    padding: 15px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_info_item {
    padding: 15px 20px;
  }
}
.order_confirm_content_info_item_left {
  max-width: 50%;
  flex: 0 0 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_info_item_left {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_info_item_left {
    max-width: 100%;
  }
}
.order_confirm_content_info_item_right {
  max-width: 50%;
  flex: 0 0 100%;
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_info_item_right {
    max-width: 100%;
    text-align: left;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_info_item_right {
    max-width: 100%;
    text-align: left;
    margin-top: 10px;
  }
}
.order_confirm_content_info_item_img {
  display: inline-block;
  width: 160px;
  height: 100px;
}
.order_confirm_content_info_item_img:not(:first-child) {
  margin-left: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .order_confirm_content_info_item_img {
    width: 120px;
    height: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_info_item_img {
    width: 110px;
    height: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_info_item_img {
    width: 120px;
    height: 80px;
  }
}
.order_confirm_content_info_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.order_confirm_content_info_item h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .order_confirm_content_info_item h6 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_info_item h6 {
    font-size: 14px;
  }
}
.order_confirm_content_info_bottom {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_info_bottom {
    padding-top: 15px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_info_bottom {
    padding: 20px;
    flex-wrap: wrap;
  }
}
.order_confirm_content_info_bottom p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.order_confirm_content_info_bottom p a {
  font-size: 16px;
  color: #00124E;
  font-weight: 600;
}
.order_confirm_content_info_bottom p a:hover {
  color: #4068FC;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_info_bottom p a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .order_confirm_content_info_bottom p a {
    font-size: 14px;
  }
}
.order_confirm_content_info_bottom p br {
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .order_confirm_content_info_bottom p br {
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .order_confirm_content_info_bottom p br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_info_bottom p br {
    display: block;
  }
}
@media only screen and (max-width: 479px) {
  .order_confirm_content_info_bottom p br {
    display: none;
  }
}
.order_confirm_content_email {
  margin-top: 20px;
  padding: 20px 25px;
  border: 1px solid #E3E3E3;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_email {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_email {
    padding: 10px 15px;
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
.order_confirm_content_email p {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 1.5;
}
@media only screen and (max-width: 479px) {
  .order_confirm_content_email p {
    align-items: flex-start;
  }
}
.order_confirm_content_email p svg {
  margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm_content_email p svg {
    width: 38px;
    height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm_content_email p svg {
    width: 38px;
    height: 38px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .order_confirm_content_email p svg {
    width: 50px;
    margin-right: 15px;
  }
}
.order_confirm_content_email p svg path {
  fill: #4068FC;
}
.order_confirm_content_email p a {
  padding: 0px 4px;
  color: #4068FC;
}
.order_confirm_content_email p a:hover {
  color: #00124E;
}
.order_confirm .shopping_cart_checkout {
  background-color: transparent !important;
  padding: 30px;
  margin-top: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .order_confirm .shopping_cart_checkout {
    padding: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm .shopping_cart_checkout {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm .shopping_cart_checkout {
    padding: 20px;
    margin-top: 0px;
  }
}
.order_confirm .shopping_cart_checkout ul li:last-child {
  padding-top: 20px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_confirm .shopping_cart_checkout ul li:last-child {
    padding-top: 15px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .order_confirm .shopping_cart_checkout ul li:last-child {
    padding-top: 10px;
    margin-top: 10px;
  }
}
.order_confirm .shopping_cart_checkout .boxed_btn {
  border-radius: 0;
  display: block;
  text-align: center;
  margin-top: 30px;
  padding: 13px;
}
.order_confirm .shopping_cart_checkout .boxed_btn::after {
  border-radius: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .order_confirm .shopping_cart_checkout .boxed_btn {
    margin-top: 20px;
  }
}
.order_confirm .shopping_cart_checkout .boxed_btn::before {
  border-radius: 0;
}

.user_list_filters {
  margin-bottom: 20px;
}
.user_list_filters .row {
  row-gap: 20px;
}
.user_list_filters .nice-select {
  margin-left: 0;
  margin-right: 0;
}
.user_list_filters select + .nice-select {
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .user_list_filters .boxed_btn.search_btn {
    padding: 15px 40px;
  }
}

.user_list_container .user_list {
  border: 1px solid #E3E3E3;
  width: 100%;
  margin: 50px 0 !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding: 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media only screen and (max-width: 991px) {
  .user_list_container .user_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .user_list_container .user_list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.user_list_container .user_list .total_student {
  border: 1px solid #E3E3E3;
  margin-top: 50px;
}
.user_list_container .user_list .single-student-info .user_photo {
  height: 120px;
  width: 120px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border: 2px solid #E3E3E3;
}
@media only screen and (max-width: 767px) {
  .user_list_container .user_list .single-student-info .user_photo {
    height: 100px;
    width: 100px;
  }
}
.user_list_container .user_list .additional_info p {
  border: 1px solid #E3E3E3;
  margin-bottom: -1px;
  padding: 2px 5px;
}
.user_list_container .user_list .user_item {
  border: 3px solid #E3E3E3;
  padding: 15px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #555555;
  border-collapse: collapse !important;
}
.user_list_container .user_list .user_item .single-student-info {
  gap: 10px;
}
.user_list_container .user_list .user_item .title {
  font-weight: bolder !important;
}
.user_list_container .user_list .user_item .info .user_name {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .user_list_container .user_list .user_item .info .user_name {
    font-size: 14px;
  }
}
.user_list_container .user_list_table tr th, .user_list_container .user_list_table tr td {
  padding: 8px;
  font-size: 12px;
}
.user_list_container .user_list_table thead {
  color: #555555;
}
.user_list_container .user_list_table.dataTable thead tr th {
  color: #555555;
  text-transform: uppercase;
  font-size: 12px;
}
.user_list_container .user_list_table.dataTable tbody tr td {
  border-top: 0;
}
.user_list_container .user_list_table.dataTable tbody tr:last-child td {
  border-bottom: 0;
}
.user_list_container .user_list_table.dataTable.no-footer {
  border-bottom: 1px solid #E3E3E3;
}
.user_list_container .user_list_table .user_img {
  height: 40px;
  width: 32px;
}
.user_list_container .user_list_table .link_to_details {
  color: #555555;
}
.user_list_container .user_list_table .link_to_details:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.user_list_container .user_list_table .blood_group {
  color: #555555;
}
.user_list_container .search_query {
  background: #687083;
  padding: 16px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  margin: 50px 0 20px 0;
}
.user_list_container .list_view_toggler {
  background: #4068FC;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  padding: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.user_list_container .list_view_toggler button {
  color: #ffffff;
  padding: 4px 8px;
}
.user_list_container .list_view_toggler button.active {
  background: #00124E !important;
}

.result_filters {
  margin-bottom: 20px;
}
.result_filters .required {
  color: red;
}
.result_filters .row {
  row-gap: 20px;
}
.result_filters .nice-select {
  margin-left: 0;
  margin-right: 0;
}
.result_filters .result_filter_input {
  display: block;
  width: 100%;
  background-color: transparent;
  border: 1px solid #e0e7eb;
  border-radius: 5px;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  height: 55px;
  color: #00124E;
  font-size: 14px;
  font-weight: 500;
}
.result_filters select + .nice-select {
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .result_filters .boxed_btn.search_btn {
    padding: 15px 40px;
  }
}

.common_data_table .dataTables_length {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .common_data_table .dataTables_length {
    display: none;
  }
}
.common_data_table .dataTables_length label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.common_data_table .dataTables_filter {
  position: relative;
  margin-bottom: 50px;
}
.common_data_table .dataTables_filter input {
  height: 50px;
  margin-left: 0px;
  padding-left: 40px;
  border: 1px solid #e0e7eb;
}
.common_data_table .dataTables_filter i {
  position: absolute;
  left: 15px;
  color: #4068FC;
}
.common_data_table .dataTables_filter label {
  display: flex;
  gap: 10px;
  align-items: center;
}
.common_data_table .dataTable {
  margin-bottom: 50px;
  border: 1px solid #E3E3E3;
  width: 100%;
}
.common_data_table .dataTable thead tr th {
  font-family: "Eudoxus Sans", sans-serif;
  font-weight: 700 !important;
  color: #00124E;
  font-size: 14px;
  padding: 18px 30px;
}
.common_data_table .dataTable tbody tr td {
  font-weight: 400 !important;
  color: #555555;
  font-size: 14px;
  padding: 18px 30px;
}
.common_data_table .dataTable tbody tr td.sorting_1 {
  background: transparent !important;
}
.common_data_table .dataTable tbody tr td.pdf_download_option a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #555555;
}
.common_data_table .dataTable tbody tr td.pdf_download_option a:hover {
  color: #00124E;
}
.common_data_table .dataTable tbody tr td.pdf_download_option i {
  font-size: 30px;
  color: #F00606;
}
.common_data_table .dataTable tbody tr td.child ul {
  width: 100%;
}
.common_data_table .dataTable tbody tr td.child ul li .dtr-data {
  display: block;
  white-space: break-spaces;
}
.common_data_table .dataTable tbody tr td.child ul li a {
  color: #555555 !important;
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
}
.common_data_table .dataTable tbody tr td.child ul li a:hover {
  color: #00124E !important;
}
.common_data_table .dataTable tbody tr td.child ul li a i {
  color: #F00606 !important;
}
.common_data_table.profile_list .dataTable tr th {
  padding: 10px;
  padding-right: 30px;
  vertical-align: middle;
}
.common_data_table.profile_list .dataTable tr td {
  padding: 5px 10px;
  padding-right: 30px;
  vertical-align: middle;
}
.common_data_table.profile_list .dataTable tr td:not(:first-child) {
  white-space: pre-wrap;
}

.select2-selection {
  min-width: 100px;
}
.select2-selection span {
  color: #00124E !important;
}

.select2-results__options {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  overflow: hidden;
}

.select2-dropdown {
  border: 1px solid #e0e7eb !important;
}

.select2-results__option.select2-results__option--selectable {
  font-weight: 400;
  color: #00124E;
  list-style: none;
  min-height: 40px;
  outline: 0;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
}
.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
  background-color: #e0e7eb !important;
  color: #00124E;
}
.select2-results__option.select2-results__option--selected {
  background-color: #e0e7eb !important;
  font-weight: 600;
}

.user_profile_table thead tr th:first-child {
  width: 50px;
}
.user_profile_table thead tr th:nth-child(2) {
  width: 100px;
}
.user_profile_table thead tr th:nth-child(3) {
  width: 20%;
}
.user_profile_table thead tr th:nth-child(4) {
  width: 20%;
}
.user_profile_table thead tr th:nth-child(5) {
  width: 20%;
}
.user_profile_table thead tr th:nth-child(6) {
  width: 10%;
}
.user_profile_table thead tr th:nth-child(7) {
  width: 15%;
}
.user_profile_table tr td {
  vertical-align: middle;
}
.user_profile_table .user_profile_photo {
  max-height: 70px;
  max-width: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.profile_details_header {
  margin-bottom: 50px;
}
.profile_details_header .single_header_info {
  display: flex;
  gap: 10px;
}
.profile_details_header .d-flex {
  gap: 20px;
}
.profile_details_header .info_type {
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}
.profile_details_header .info_value.user-name {
  font-size: 30px;
}
.profile_details_header .user_photo {
  height: 150px;
  width: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.profile_details_header .print_btn a {
  background: #4068FC;
  padding: 10px 30px;
  color: #ffffff;
  border-radius: 20px;
}
.profile_details_header .print_btn a:hover {
  background: #00124E;
}

.details_info_section:not(:last-child) {
  margin-bottom: 50px;
}
.details_info_section .sectoin_header {
  background: lightgray;
  padding: 5px 10px;
  color: #000000;
  font-size: 20px;
}
.details_info_section .single_info {
  display: flex;
  gap: 10px;
}
.details_info_section .single_info .info_type {
  font-weight: bold;
  color: #000000;
  font-size: 14px;
}
.details_info_section .single_info .info_value {
  font-size: 14px;
}

.download_app_section {
  background: #ffffff;
  width: 80%;
  box-shadow: -12px 2px 36px 0px rgba(0, 0, 0, 0.06);
  padding: 65px;
  margin: 0 auto;
  margin-top: 180px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .download_app_section {
    padding: 45px;
    margin-top: 140px;
  }
}
@media only screen and (max-width: 1200px) {
  .download_app_section {
    padding: 30px;
    margin-top: 140px;
  }
}
@media only screen and (max-width: 991px) {
  .download_app_section {
    padding: 30px;
    margin-top: 130px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .download_app_section {
    padding: 15px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .download_app_section {
    margin-top: 0px;
    margin-bottom: 0px;
    width: calc(100% - 48px);
  }
}
.download_app_section .app_download_title {
  color: #00124E;
  font-family: "Eudoxus Sans";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1580px) {
  .download_app_section .app_download_title {
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .download_app_section .app_download_title {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .download_app_section .app_download_title {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .download_app_section .app_download_title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .download_app_section .app_download_title {
    font-size: 16px;
  }
}
.download_app_section .feature_list {
  margin-bottom: 55px;
}
@media only screen and (max-width: 1580px) {
  .download_app_section .feature_list {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .download_app_section .feature_list {
    margin-bottom: 10px;
  }
}
.download_app_section .feature_list ul {
  gap: 20px;
}
@media only screen and (max-width: 1200px) {
  .download_app_section .feature_list ul {
    row-gap: 10px;
  }
}
.download_app_section .feature_list ul li {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .download_app_section .feature_list ul li {
    font-size: 12px;
    gap: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .download_app_section .feature_list ul li {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .download_app_section .feature_list ul li img {
    height: 20px;
    width: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .download_app_section .feature_list ul li img {
    height: 15px;
    width: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .download_app_section .feature_list ul li img {
    height: 12px;
    width: 12px;
  }
}
.download_app_section .download_links {
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .download_app_section .download_links {
    gap: 10px;
  }
}
.download_app_section .download_links img {
  width: auto;
  height: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .download_app_section .download_links img {
    width: 130px;
    height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .download_app_section .download_links img {
    width: 90px;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .download_app_section .download_links img {
    width: 75px;
    height: auto;
  }
}
.download_app_section .download_app_container {
  position: relative;
}
@media only screen and (max-width: 479px) {
  .download_app_section .download_app_container {
    display: none;
  }
}
.download_app_section .download_app_container .download_app_image {
  position: absolute;
  bottom: -65px;
  width: 80%;
  max-width: 400px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .download_app_section .download_app_container .download_app_image {
    bottom: -45px;
    width: 70%;
  }
}
@media only screen and (max-width: 1200px) {
  .download_app_section .download_app_container .download_app_image {
    bottom: -30px;
  }
}
@media only screen and (max-width: 991px) {
  .download_app_section .download_app_container .download_app_image {
    bottom: -30px;
    width: 65%;
  }
}
@media only screen and (max-width: 767px) {
  .download_app_section .download_app_container .download_app_image {
    bottom: -15px;
    width: 60% !important;
  }
}
@media (max-width: 575px) {
  .download_app_section .download_app_container .download_app_image {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .download_app_section .download_links_container {
    width: 100%;
  }
}

.marksheet_container {
  width: 100%;
  border: 5px solid #00124E;
  padding: 20px;
}
.marksheet_container .student_photo {
  height: 100px;
  width: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid #ccc;
}
.marksheet_container .institute_logo {
  height: 100px;
  width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 15px;
}
.marksheet_container .marksheet_header {
  border-bottom: 1px solid #00124E;
}
.marksheet_container .institute_info .institute_name {
  font-size: 22px;
}
.marksheet_container .marksheet_title {
  text-align: center;
  font-size: 16px;
  margin-bottom: 0;
}
.marksheet_container .student_info_section {
  font-size: 14px;
}
.marksheet_container .student_info_section .student_info_type {
  width: 120px;
  display: inline-block;
}
.marksheet_container .student_info_section .info_separetor {
  width: 20px;
  display: inline-block;
}
.marksheet_container .marksheet_table thead tr {
  background: #F4F9FF;
}
.marksheet_container .marksheet_table thead tr th {
  vertical-align: top;
  font-size: 14px;
  padding: 8px;
}
.marksheet_container .marksheet_table tbody tr td {
  font-size: 12px;
  font-weight: 400;
  padding: 8px;
}
.marksheet_container .marksheet_table tfoot tr {
  background: #F4F9FF;
}
.marksheet_container .marksheet_table tfoot tr td {
  font-size: 14px;
  padding: 8px;
}
.marksheet_container .remarks {
  font-size: 18px;
  padding: 5px;
  border: 1px solid #000000;
  text-align: center;
}
.marksheet_container .final_result tbody tr td {
  font-size: 12px;
  font-weight: 400;
  padding: 8px;
}
.marksheet_container .soft_signature_area {
  width: 80%;
}
.marksheet_container .signature_container {
  padding-top: 60px;
}
.marksheet_container .signature_container .signature_area {
  width: 80%;
  border-top: 1px dashed #000000;
  text-align: center;
}
.marksheet_container .result_info_qr_code {
  height: 120px;
  width: 120px;
}
.marksheet_container .gpa-table {
  width: 220px;
  text-align: center;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .marksheet_container .gpa-table {
    position: relative;
  }
}
.marksheet_container .gpa-table thead {
  font-size: 12px;
}
.marksheet_container .gpa-table tbody {
  font-size: 8px;
  line-height: 10px;
}
.marksheet_container .gpa-table tbody tr td {
  padding: 0;
}

.mark_sheet_print_btn a {
  background: #4068FC;
  padding: 10px 30px;
  color: #ffffff;
  border-radius: 20px;
}
.mark_sheet_print_btn a:hover {
  background: #00124E;
}

.footer {
  background-color: #145EE9;
  background-image: url(../img/footer_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 100% 100%;
  padding-top: 120px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer {
    padding-top: 70px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .row > div {
    margin-bottom: 20px;
  }
}
.footer .row > div:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .row .col-md-6 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .row .col-sm-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .footer .row .col-sm-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.footer-padding-right {
  padding-right: 8.33333%;
}
.footer-item-logo {
  width: 140px;
  height: 40px;
  margin-bottom: 30px;
  overflow: hidden;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-item-logo {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-item-logo {
    margin-bottom: 10px;
  }
}
.footer-item-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
.footer-item p {
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-item p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-item p {
    font-size: 14px;
  }
}
.footer-item p:last-child {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-item p:last-child {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-item p:last-child {
    margin-top: 10px;
  }
}
.footer-item h5 {
  font-size: 18px;
  line-height: 1.3333333333;
  color: #ffffff;
  margin-bottom: 30px;
  font-weight: 800;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-item h5 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-item h5 {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.footer-item-links li {
  display: block;
}
.footer-item-links li a {
  display: block;
  font-size: 16px;
  line-height: 2.5;
  color: #ffffff;
  font-weight: 400;
}
.footer-item-links li a:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-item-links li a {
    font-size: 14px;
    line-height: 2.1428571429;
  }
}
@media only screen and (max-width: 767px) {
  .footer-item-links li a {
    font-size: 14px;
    line-height: 2;
  }
}
.footer_copyright {
  margin-top: 80px;
  color: #ffffff;
}
.footer_copyright .row > div {
  margin: 0 !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_copyright {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_copyright {
    margin-top: 30px;
    text-align: center;
  }
}
.footer_copyright .container {
  padding-top: 40px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_copyright .container {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_copyright .container {
    padding-top: 25px;
  }
}
.footer_copyright .container::before {
  content: "";
  width: 98%;
  height: 100%;
  border-top: 1px solid #3D75EB;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.footer_copyright_inner p {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
}
.footer_copyright_inner p a {
  color: #A0B4FE;
}
.footer_copyright_inner p a:hover {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .footer_copyright_social {
    text-align: center !important;
    margin-top: 20px;
  }
}
.footer_copyright_social_list {
  display: inline-block;
}
.footer_copyright_social_list:last-child a {
  padding-right: 0px;
}
.footer_copyright_social_list_link {
  display: block;
  font-size: 16px;
  color: #ffffff;
  padding: 5px 15px;
  margin-top: -5px;
  margin-bottom: -5px;
}
.footer_copyright_social_list_link:hover {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 991px) {
  .footer-item {
    margin-bottom: 20px;
  }
}