* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: regular
}

@font-face {
  font-family: bold;
  font-display: swap;
  src: local("bold"), url("../css/fonts/bold.woff2") format("woff2");
  font-family: bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

@font-face {
  font-family: ex-bold;
  font-display: swap;
  src: local("ex-bold"), url("../css/fonts/ex-bold.woff2") format("woff2");
  font-family: ex-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

@font-face {
  font-family: light;
  font-display: swap;
  src: local("light"), url("../css/fonts/light.woff2") format("woff2");
  font-family: light, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

@font-face {
  font-family: regular;
  font-display: swap;
  src: local("regular"), url("../css/fonts/regular.woff2") format("woff2");
  font-family: regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

@font-face {
  font-family: medium;
  font-display: swap;
  src: local("medium"), url("../css/fonts/medium.woff2") format("woff2");
  font-family: medium, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

@font-face {
  font-family: flaticon;
  font-display: swap;
  src: local("flaticon"), url("../css/fonts/flaticon.woff2") format("woff2")
}

:root {
  --primary: #700001;
  --primary-light: #ffe2e3;
  --secondary: #006cbb;
  --green: #0a3224;
  --title: #22223a;
  --paragraph: #333333;
  --bg-color: #f2f2f2;
  --white-color: #fff;
  --black-color: #000;
  --border: #ffffff47;
  --border-linear: linear-gradient(118.82deg,
      #f2f2f2 4.98%,
      #333333 12.53%,
      #333333 19.78%);
  --yellow: #ffde59
}

.grecaptcha-badge {
  display: none
}

html {
  scroll-behavior: smooth;
  scroll-padding: 5rem 0
}

p {
  margin-bottom: 10px;
  font-size: 11px;
  color: var(--paragraph);
  letter-spacing: .5px
}

a {
  text-decoration: none
}

li {
  list-style: none
}

img {
  max-width: 100%
}

.text-center {
  text-align: center
}

.white_mnhdng {
  color: var(--white-color);
  font-size: 30px
}

.blue_mnhdng {
  color: var(--title);
  font-size: 48px;
  text-transform: math-auto
}

.news-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: nowrap;
  gap: 20px;
}

.news-header .blue_mnhdng {
  margin-bottom: 0px !important;
  white-space: nowrap;
}

.news-header .secondary-btn {
  margin-top: 0px !important;
  flex-shrink: 0;
}

section {
  padding: 60px 0
}

.tflx {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px
}

.rflx {
  display: flex
}

.grnclr {
  color: var(--primary);
  font-weight: 600
}

.seeall {
  display: flex;
  justify-content: center;
  margin-top: 40px
}

.greysec {
  background-color: var(--bg-color)
}

.pt-space {
  padding-top: 150px
}

.overflow {
  overflow: hidden
}

.container {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box
}

.d-none {
  display: none;
}

@media (max-width:1199.98px) {
  .container {
    max-width: 100%;
    padding: 0 10px
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1300px
  }
}

.pt-10 {
  padding-top: 10px
}

.pb-10 {
  padding-bottom: 10px
}

.pb-15 {
  padding-top: 15px
}

.pb-15 {
  padding-bottom: 15px
}

.pt-20 {
  padding-top: 20px
}

.pb-20 {
  padding-bottom: 20px
}

.pt-25 {
  padding-top: 25px
}

.pb-25 {
  padding-bottom: 25px
}

.pt-50 {
  padding-top: 50px
}

.pb-50 {
  padding-bottom: 50px
}

.pt-100 {
  padding-top: 100px
}

.pb-100 {
  padding-bottom: 100px
}

.mt-50 {
  margin-top: 50px
}

.brchmodal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 73%)
}

.mdlcontent {
  background-color: var(--white-color);
  margin: 10% auto;
  padding: 20px;
  width: 30%;
  position: relative;
  border-radius: 10px
}

.brchmodal .close {
  position: absolute;
  right: 20px;
  top: 5px;
  font-weight: 700;
  font-size: 20px;
  cursor: pointer
}

.mdlcontent form .form-group {
  margin-top: 10px;
  position: relative
}

.mdlcontent form .error-message {
  bottom: -9px
}

.mdlcontent form input {
  width: 100%;
  padding: 8px 20px;
  border: 1px solid var(--black-color);
  border-radius: 4px
}

.mdlcontent form select {
  width: 100%;
  border: 1px solid var(--black-color);
  border-radius: 4px;
  padding: 8px 20px;
  color: var(--black-color)
}

.mdlcontent form button {
  background: var(--secondary);
  padding: 10px 30px;
  border: none;
  color: var(--white-color);
  margin-top: 10px;
  cursor: pointer
}

.primary__btn {
  background: var(--primary);
  padding: 12px 18px;
  color: var(--white-color) !important;
  border-radius: 4px;
  position: relative;
  width: fit-content;
  display: flex;
  transition: .3s ease-in;
  gap: 10px;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

.primary__btn span {
  font-weight: 400
}

.primary__btn:hover {
  background: var(--secondary)
}

.primary__btn svg {
  top: 2px;
  position: relative
}

.white-btn {
  background: var(--white-color);
  padding: 15px 20px;
  color: var(--secondary);
  border-radius: 4px;
  width: fit-content;
  transition: .3s ease-in;
  margin-top: 10px;
  display: block;
  cursor: pointer
}

.white-btn span {
  margin-right: 10px;
  margin-top: 20px;
  transition: .3s ease-in
}

.white-btn svg {
  position: relative;
  top: 3px
}

.white-btn:hover {
  background: var(--secondary);
  color: var(--white-color)
}

.white-btn:hover span {
  color: var(--white-color)
}

.secondary-btn {
  color: var(--secondary);
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  font-weight: 600;
  transition: .3s ease-in-out;
  width: fit-content;
  cursor: pointer
}

.secondary-btn img {
  position: relative;
  left: 8px;
  top: 1px;
  display: block;
  width: 8px !important
}

.secondary-btn:hover {
  padding-left: 5px
}

.green_dots {
  position: relative
}

.green_dots::after {
  position: absolute;
  content: "";
  background: url(../imgs/study-abroad/green-dots.webp) no-repeat;
  background-size: cover;
  width: 192px;
  height: 40px;
  bottom: -30px;
  left: 20px
}

.breadcrumb ul {
  display: flex;
  gap: 8px
}

.breadcrumb li .spcbtwn {
  width: 5px;
  margin-left: 4px
}

.breadcrumb ul li a {
  color: var(--paragraph);
  font-size: 13px
}

.breadcrumb ul li a.active {
  color: var(--secondary);
  border-bottom: 1px solid var(--primary)
}

.breadcrumb ul li svg path {
  stroke: var(--white-color)
}

.mnactive {
  color: var(--primary) !important;
  font-weight: 600
}

.dn {
  display: none
}

header {
  transition: .3s ease-in;
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0
}

header .logo {
  width: 140px
}

header .logo img {
  width: 100%;
  height: auto
}

header.active .top_header {
  display: none
}

.top_header {
  background: var(--primary);
  position: relative
}

.top_header .top_nav {
  display: flex;
  justify-content: end;
  gap: 25px;
  align-items: center
}

.top_header .top_nav li {
  list-style: none;
  padding: 8px 0 8px
}

.top_header .top_nav li a {
  text-decoration: none;
  color: var(--white-color);
  font-size: 14px
}

.top_header .top_nav .con_btn a {
  color: var(--secondary);
  font-family: regular;
  background: var(--white-color);
  padding: 8px 25px
}

.main_header {
  background: var(--white-color);
  box-shadow: 0 6px 6px 0 #00000040;
  width: 100%;
  border-radius: 5px;
  padding: 5px 16px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center
}

.main_header .main_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 23px
}

.main_header .main_nav li a {
  font-size: 16px;
  color: var(--paragraph)
}

.main_header .main_nav li a:hover {
  color: var(--primary)
}

.main_header .main_nav li a.hdrop .fas {
  font-size: 12px;
  margin-left: 10px;
  transition: .3s all;
  color: var(--primary)
}

.main_header .hamburger {
  display: none
}

.main_header .main_nav a {
  padding: 25px 0;
  cursor: pointer
}

.has-submenu {
  position: relative;
  z-index: 99
}

.sub-menu {
  position: absolute;
  width: fit-content;
  top: 50px;
  background: var(--white-color);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: .3s all;
  box-shadow: rgba(17, 12, 46, .15) 0 48px 100px 0;
  padding: 10px
}

ul li:hover>.sub-menu {
  opacity: 1;
  top: 45px;
  visibility: visible
}

.sub-menu li {
  position: relative;
  width: 200px
}

.sub-menu li a {
  font-size: 15px;
  padding: 12px 5px !important;
  display: block;
  border-bottom: 1px solid #e2e2e2
}

.sub-menu li i {
  font-size: 10px;
  color: var(--primary);
  margin-left: 10px;
  transition: margin-left .3s ease;
  position: absolute;
  right: 20px;
  top: 40%
}

.sub-menu li:hover i {
  margin-left: 20px
}

.main_header .consultation_btn a {
  padding: 12px 18px
}

.scnd_hdr_mn {
  display: flex;
  gap: 20px;
  align-items: center
}

.main_nav .sub-menu li:hover {
  background: var(--bg-color)
}

.main_nav .sub-menu li:hover a {
  color: var(--secondary)
}

.main_nav .sub-menu li .insub-menu {
  position: absolute;
  left: 100%;
  top: 0;
  width: 250px;
  z-index: 100;
  background: var(--white-color);
  opacity: 0;
  visibility: hidden;
  padding: 0 10px
}

.main_nav .sub-menu li:hover .insub-menu {
  opacity: 1;
  visibility: visible
}

.main_nav .sub-menu li:hover .insub-menu li {
  background: var(--white-color);
  width: 100%
}

.main_nav .sub-menu li:hover .insub-menu li a {
  color: var(--paragraph);
  font-size: 14px
}

.main_nav .sub-menu li:hover .insub-menu li:hover a {
  background: var(--bg-color)
}

.main_nav .sub-menu li .insub-menu {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.study_abroad .main_nav .sub-menu li .insub-menu {
  position: absolute;
  left: 100%;
  top: 0;
  width: 250px;
  z-index: 100;
  background: var(--white-color);
  opacity: 0;
  visibility: hidden;
  padding: 0 10px
}

.study_abroad .main_nav .sub-menu li:hover .insub-menu {
  opacity: 1;
  visibility: visible
}

.study_abroad .main_nav .sub-menu li:hover .insub-menu li {
  background: var(--white-color);
  width: 100%
}

.study_abroad .main_nav .sub-menu li:hover .insub-menu li a {
  color: var(--paragraph);
  font-size: 14px
}

.study_abroad .main_nav .sub-menu li:hover .insub-menu li:hover a {
  background: var(--bg-color)
}

.study_abroad .main_nav .sub-menu li .insub-menu {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* No hover on mobile */
@media (hover: none) and (pointer: coarse) {
  .main_nav .sub-menu li:hover .insub-menu {
    opacity: 0;
    visibility: hidden;
  }

  /* Instead, show when expanded via JS */
  .main_nav .sub-menu li .insub-menu.expand {
    opacity: 1;
    visibility: visible;
  }


  .study_abroad .main_nav .sub-menu li:hover .insub-menu {
    opacity: 0;
    visibility: hidden;
  }

  /* Instead, show when expanded via JS */
  .study_abroad .main_nav .sub-menu li .insub-menu.expand {
    opacity: 1;
    visibility: visible;
  }


}

/* No hover on mobile */

.satprep .logo {
  display: flex;
  width: auto;
  align-items: center;
  gap: 20px
}

.satprep .logo .crsname {
  font-size: 18px;
  color: var(--primary)
}

.satprep .main_header .main_nav li a {
  font-size: 16px
}

.satprep .fa-home {
  color: var(--white-color);
  margin-right: 10px;
  font-size: 15px
}

.apheader .fa-home {
  color: var(--white-color);
  margin-right: 10px;
  font-size: 15px
}

.apheader .main_header .main_nav a {
  padding: 25px 0;
  cursor: pointer
}

.apheader .logo {
  display: flex;
  width: auto;
  align-items: center;
  gap: 20px
}

.apheader .logo .crsname {
  font-size: 18px;
  color: var(--primary)
}

.apheader .scnd_hdr_mn {
  display: flex;
  gap: 20px;
  align-items: center
}

footer {
  background: var(--primary)
}

.ftr__first {
  padding: 40px 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  place-items: center;
  align-items: flex-start
}

.ftr_srvlist h4 {
  color: var(--white-color);
  font-size: 20px;
  margin-bottom: 15px
}

.ftr_srvlist ul li {
  margin: 10px 0
}

.ftr_srvlist ul li a {
  color: var(--white-color);
  font-size: 14px;
  transition: .3s ease-in-out
}

.ftr_srvlist ul li a:hover {
  border-bottom: 1px solid var(--white-color)
}

.ftr_address {
  padding: 40px 0;
  border-top: 1px solid #ffffff67;
  border-bottom: 1px solid #ffffff67
}

.ftr_address ul li h4 {
  color: var(--white-color);
  font-size: 20px;
  font-family: light;
  margin-bottom: 15px
}

.ftr_address p {
  color: var(--white-color)
}

.ftr_address .adrsl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center;
  align-items: baseline
}

.ftr_address .adrsl li p {
  font-size: 14px;
  line-height: 1.5;
  width: 80%
}

.ftr_address .adrsl li a {
  font-size: 25px;
  color: var(--white-color)
}

.ftr_address li .socm {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px
}

.ftr_address li .socm li a {
  font-size: 10px
}

.ftr_address li .socm li img {
  width: 100%;
  height: auto
}

.ftr-tabs {
  padding: 30px 0 50px
}

.ftr-tabs .tab-buttons {
  display: grid;
  grid-template-columns: repeat(8, 0.4fr);
  cursor: pointer
}

.ftr-tabs .tab-buttons .tb-cntnt {
  position: relative;
  text-align: center;
  border-right: 1px solid var(--border);
  transition: .4s ease-in-out
}

.ftr-tabs .tab-buttons .tb-cntnt.active::before {
  position: absolute;
  content: "";
  background: var(--white-color);
  width: 50%;
  height: 1px;
  bottom: -5px;
  margin: auto;
  left: 0;
  right: 0
}

.ftr-tabs .tab-buttons .tb-cntnt span {
  color: var(--white-color)
}

.ftr-tabs .tabs-content {
  padding-top: 30px
}

.ftr-tabs .tabs-content ul li {
  display: inline-block;
  width: 24%;
  margin: 3px 0;
  vertical-align: top
}

.ftr-tabs .tabs-content ul li a {
  color: var(--white-color);
  font-size: 14px;
  transition: .3s ease-in-out
}

.ftr-tabs .tabs-content ul li a:hover {
  border-bottom: 1px solid var(--white-color)
}

.ftr__second {
  padding: 60px 0;
  border-bottom: 1px solid var(--border);
  border-top: 1px solid var(--border)
}

.ftr__second .flgs_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  gap: 5px
}

.ftr__second .flgs_list li {
  flex: 1 19%;
  width: 19%
}

.ftr__second .flgs_list li a {
  text-align: center;
  border-radius: 16px;
  padding: 20px;
  width: 100%;
  display: block;
  border: 1px solid var(--border);
  transition: .3s ease-in
}

.ftr__second .flgs_list li:hover a {
  border: 1px solid var(--white-color)
}

.ftr__second .flgs_list h4 {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px
}

.ftr__third {
  display: flex;
  justify-content: space-between;
  padding: 20px 0
}

.ftr__third a {
  color: var(--white-color);
  font-size: 13px;
  transition: .3s ease-in
}

.ftr__third a:hover {
  border-bottom: 1px solid var(--white-color)
}

.ftr__third .policies a {
  margin-right: 10px
}

.sticky-footer {
  display: none
}

.top-slider {
  position: relative;
  overflow: hidden;
  width: 100%
}

.top-slider::before {
  position: absolute;
  content: "";
  background: url(../imgs//logo/dots.svg) no-repeat;
  background-size: cover;
  width: 177px;
  height: 45px;
  right: -56px;
  top: 113px;
  transform: rotate(90deg);
  z-index: 1;
  mix-blend-mode: soft-light
}

.top-slider .main_slider {
  display: flex;
  height: 100%;
  transition: transform .5s ease-in-out
}

.top-slider .main_slider .slides {
  min-width: 100%;
  height: 100vh;
  line-height: 0;
  position: relative
}

.top-slider .main_slider .slides::before {
  position: absolute;
  content: "";
  background: var(--black-color);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .4
}

.top-slider .main_slider .slides .slides-content {
  position: absolute;
  top: 35%;
  width: 100%;
  line-height: normal
}

.top-slider .main_slider .slides .banner_img {
  width: 100%;
  height: auto
}

.main_slider .slides .slides-content h1 {
  color: var(--white-color);
  font-size: 50px
}

.main_slider .slides .slides-content p {
  color: var(--white-color);
  font-size: 15px
}

.main_slider .slides .slides-content ul {
  padding: 10px 0
}

.main_slider .slides .slides-content ul li {
  position: relative;
  font-size: 14px;
  color: var(--white-color);
  padding: 5px 0 0 20px;
  font-family: light
}

.main_slider .slides .slides-content ul li::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/lidot.svg) no-repeat;
  background-size: cover;
  width: 20px;
  height: 14px;
  left: -8px;
  top: 8px
}

.top-slider .main-dots {
  position: absolute;
  bottom: 20px;
  left: 30px;
  display: flex;
  justify-content: space-between;
  width: 93%
}

.top-slider .main-dots .dt {
  width: 32%
}

.top-slider .main-dots .dt span {
  color: var(--white-color);
  opacity: .5;
  cursor: pointer;
  margin-bottom: 10px;
  display: block
}

.top-slider .main-dots .dt.active span {
  color: var(--white-color);
  opacity: 1
}

.top-slider .main-dots .dt .fill {
  background: rgba(255, 255, 255, .3);
  width: 100%;
  height: 3px;
  position: relative
}

.top-slider .main-dots .dt .fill::before {
  position: absolute;
  content: "";
  width: 0;
  left: 0;
  height: 3px;
  top: 0;
  opacity: 1;
  background: var(--white-color)
}

.top-slider .main-dots .dt.active .fill::before {
  animation: fillAnimation 3s linear forwards
}

@keyframes fillAnimation {
  from {
    width: 0
  }

  to {
    width: 100%
  }
}

.banner-nav {
  display: none
}

.bnr-btns {
  display: flex;
  gap: 20px
}

.bnr-btns .btnsbnr {
  padding: 15px 20px;
  border-radius: 5px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px
}

.bnr-btns .study {
  background: var(--green);
  color: var(--white-color);
  transition: .3s ease
}

.bnr-btns .study:hover {
  background-color: var(--white-color);
  color: var(--secondary)
}

.bnr-btns .enterprise {
  background: var(--title);
  color: var(--white-color)
}

.bnr-btns .enterprise:hover {
  background-color: var(--white-color);
  color: var(--secondary)
}

.emp_hd {
  width: 70%;
  margin: auto;
  text-align: center
}

.emp_hd p {
  font-size: 18px;
  margin-block: 20px
}

.hmcntr .counter09 {
  display: flex;
  justify-content: space-around;
  margin-block: 20px;
  margin-inline: auto;
  text-align: center;
  width: 100%;
  background: var(--bg-color);
  position: relative;
  border-radius: 5px;
  flex-wrap: wrap
}

.hmcntr .counter09 p {
  font-size: 12px;
  margin: 0
}

.hmcntr .counter09 .ins_cntr {
  width: 20%;
  padding-block: 30px;
  position: relative
}

.hmcntr .counter09 .ins_cntr::after {
  position: absolute;
  content: '';
  background: var(--white-color);
  width: 2px;
  height: 70%;
  right: 0;
  top: 20px
}

.hmcntr .counter09 .ins_cntr:last-child::after {
  content: none
}

.hmcntr h2 {
  font-size: 35px;
  margin-bottom: 10px
}

.hmcntr h2 span {
  color: var(--paragraph);
  font-size: 35px
}

.emprwng {
  margin-top: -51px
}

.emprwng img {
  width: 100%;
  height: auto
}

.stdentpr {
  display: flex
}

.stdentpr .stdybrd {
  width: 50%;
  background: var(--green);
  position: relative;
  padding: 60px 30px;
  overflow: hidden;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px
}

.stdentpr .entrpd {
  width: 50%;
  background: var(--title);
  position: relative;
  padding: 60px 30px;
  overflow: hidden;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px
}

.stdentpr .schd {
  color: var(--white-color);
  font-size: 40px
}

.stdentpr ul {
  width: 70%;
  margin-left: 0;
  margin-block: 50px
}

.stdentpr ul li {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  gap: 20px
}

.stdentpr ul li p {
  color: var(--white-color);
  font-size: 15px
}

.stdybrd ul li h3 {
  background: var(--white-color);
  font-size: 25px;
  padding: 15px 18px;
  border-radius: 50px
}

.entrpd ul li h3 {
  background: var(--yellow);
  font-size: 25px;
  padding: 15px 18px;
  border-radius: 50px
}

.stdentpr .entrgrl {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 0;
  width: 200px;
  z-index: 1
}

.stdybrd .entrgrl::before {
  position: absolute;
  content: '';
  background: #00c27e;
  width: 351px;
  height: 351px;
  right: -127px;
  top: 64px;
  border-radius: 50%;
  z-index: -1
}

.stdentpr .entrgrl img {
  width: 100%
}

.entrpd .entrgrl {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 0;
  width: 200px;
  z-index: 1
}

.entrpd .entrgrl::before {
  position: absolute;
  content: '';
  background: var(--yellow);
  width: 351px;
  height: 351px;
  right: -127px;
  top: 64px;
  border-radius: 50%;
  z-index: -1
}

.entrpd .entrgrl img {
  width: 100%
}

.trstuniv {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-block-start: 10px
}

.trstuniv .univlg img {
  width: 100%;
  height: auto
}

.ptrdsec .btnsbnr {
  background: var(--white-color);
  color: var(--secondary)
}

.ptrdsec .btnsbnr:hover {
  background: var(--green);
  color: var(--white-color)
}

.ptrdsec .btnsbnr:last-of-type:hover {
  background: var(--title);
  color: var(--white-color)
}

.btns_sec {
  background: var(--primary)
}

.infbtns {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.infbtns .infhd {
  width: 20%
}

.infbtns .six_btn {
  width: 80%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px
}

.infbtns .six_btn a {
  border: 1px solid var(--white-color);
  padding: 10px 14px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 75px
}

.infbtns .six_btn a:hover {
  background: var(--white-color)
}

.infbtns .six_btn a:hover h4 {
  color: var(--primary);
  font-weight: 600
}

.infbtns .six_btn a:hover p {
  color: var(--primary)
}

.infbtns .six_btn a h4,
.infbtns .six_btn a p {
  color: var(--white-color);
  margin-bottom: 0
}

.infbtns .six_btn a h4 {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 400
}

.mentor_sec {
  padding-top: 130px;
  position: relative
}

.mentor_sec::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  top: 10%;
  left: 2%
}

.mntr-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px
}

.mentor_sec h5 {
  margin: 20px 0;
  font-size: 15px
}

.mntr-flex .mntr-img {
  width: 39%
}

.mntr-flex .deg_dtls {
  width: 58%
}

.mntr-flex .mntr-img .imgbtn {
  width: 450px
}

.mntr-flex .mntr-img .mntrimg {
  width: auto;
  height: auto
}

.mntr-flex .deg_logo {
  margin-bottom: 20px
}

.mntr-flex .deg_logo li {
  width: 200px;
  margin-top: 30px
}

.mntr-flex .deg_logo li img {
  width: 100%;
  height: auto
}

.deg_dtls p {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 40px
}

.deg_dtls p {
  font-size: 15px;
  line-height: 22px
}

.deg_logo ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

.deg_counter {
  margin-top: 60px
}

.deg_counter .counter09>div {
  background-color: var(--bg-color);
  padding: 20px 0;
  margin: 0;
  display: inline-block;
  width: 30%;
  text-align: center
}

.deg_counter .counter09 h2 {
  font-size: 40px;
  color: var(--paragraph)
}

.deg_counter .counter09>div p {
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 12px
}

.trust-sec {
  position: relative;
  padding-bottom: 150px
}

.trust-sec::after {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  bottom: -4%;
  left: 2%
}

.hdimg {
  position: relative;
  top: 18px;
  width: 189px;
  height: 64px
}

.wrldgrd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 50px
}

.wrldgrd .wrldv {
  display: grid;
  grid-template-columns: 0.1fr 2fr;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid var(--bg-color);
  padding: 15px 0;
  width: 90%
}

.wrldgrd .wrldimg {
  background-color: var(--primary);
  width: 75px;
  height: 75px;
  border-radius: 50px;
  display: flex;
  align-items: center
}

.wrldgrd .wrldv img {
  width: auto;
  height: auto;
  margin: auto
}

.wrldgrd .wrldv .wrld_cnt h5 {
  font-size: 18px;
  color: var(--paragraph);
  font-weight: 600
}

.wrldgrd .wrldv .wrld_cnt p {
  font-size: 14px;
  color: var(--paragraph);
  margin-bottom: 0;
  margin-top: 5px
}

.tab-section {
  margin-top: 40px
}

.tab-section .tab-buttons {
  display: flex;
  justify-content: space-evenly
}

.tab-section .tab-buttons .tb-cntnt {
  padding: 21px 30px;
  border: 1px solid var(--primary);
  border-radius: 100px;
  color: var(--black-color);
  background: 0 0;
  transition: .3s ease-in;
  cursor: pointer;
  height: 0;
  line-height: 0;
  width: 15%;
  text-align: center
}

.tab-section .tab-buttons .tb-cntnt p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500
}

.tab-section .tab-buttons .tb-cntnt.active {
  background: var(--primary);
  color: var(--white-color)
}

.tab-section .tab-buttons .tb-cntnt.active p {
  color: var(--white-color)
}

.tab-section .tab-buttons .tb-cntnt.trndflx {
  display: flex;
  gap: 10px;
  background: 0 0;
  color: var(--secondary);
  border: 1px solid var(--secondary);
  justify-content: center;
  align-items: center;
  color: var(--secondary)
}

.tab-section .tab-buttons .tb-cntnt.trndflx.active {
  border: 1px solid var(--secondary);
  border-radius: 100px;
  color: var(--white-color);
  background-color: var(--secondary)
}

.tab-section .tab-buttons .tb-cntnt.trndflx svg {
  stroke: var(--primary)
}

.tab-section .tab-buttons .tb-cntnt.trndflx p {
  color: var(--secondary)
}

.tab-section .tab-buttons .tb-cntnt.trndflx.active p {
  color: var(--white-color)
}

.tab-section .tab-buttons .tb-cntnt.trndflx.active svg {
  stroke: var(--white-color)
}

.course-sec {
  background-color: #f2f2f2
}

.coursesec {
  margin-top: 50px
}

.crscrd {
  background: var(--white-color);
  padding: 20px;
  width: 95% !important;
  border-radius: 5px;
  min-height: 690px;
  position: relative
}

.crscrd .crdbtn {
  position: absolute;
  bottom: 20px
}

.crdimg {
  width: 100%;
  height: auto
}

.crd-ttl {
  margin: 10px 0
}

.crd-ttl h4 {
  font-size: 25px
}

.crd-ttl p {
  margin: 10px 0;
  font-size: 15px
}

.crd-points {
  margin: 30px 0
}

.crd-points li {
  position: relative;
  margin-bottom: 15px;
  font-size: 14px;
  color: var(--paragraph);
  margin-left: 23px;
  font-family: light
}

.crd-points li::before {
  position: absolute;
  content: "";
  background: url("../imgs/logo/greenlidot.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 16px;
  left: -25px;
  top: 1px
}

.journey-sec {
  position: relative;
  padding-top: 100px
}

.journey-sec::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  top: -2%;
  left: 2%
}

.edjourney-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.edjourney-cards .edjcrd {
  background: var(--bg-color);
  padding: 20px;
  display: inline-block;
  width: 23%;
  align-items: center;
  place-items: center;
  margin: 10px;
  border-radius: 4px
}

.edjourney-cards .edjcrd .redline {
  height: 100%;
  width: 2px;
  background-color: var(--primary)
}

.edjourney-cards .edjcrd .edj-inside img {
  width: auto;
  height: auto
}

.edjourney-cards .edjcrd .edj-inside .lndv {
  display: flex;
  align-items: center;
  margin-top: 30px
}

.edjourney-cards .edjcrd .edj-inside .rgtln {
  margin-left: 10px;
  font-size: 25px;
  position: relative
}

.edjourney-cards .edjcrd .edj-inside p {
  margin-top: 30px;
  min-height: 100px;
  font-size: 15px
}

.profile-sec {
  position: relative
}

.sec-hds p {
  font-size: .83em;
  font-weight: 700
}

.profile-sec::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  top: -6%;
  right: -2%;
  transform: rotate(90deg)
}

.profile-sec .blue_mnhdng {
  margin-bottom: 20px
}

.profilecards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 30px
}

.profilecards .prfcr {
  background: var(--bg-color);
  min-height: 310px
}

.profilecards .prfcr img {
  width: 100%;
  height: auto
}

.profilecards .prfdt {
  padding: 0 30px
}

.profilecards .prfdt h4 {
  margin: 30px 0 20px;
  font-weight: 400
}

.profilecards .prfdt p {
  margin: 20px 0;
  font-size: 12px
}

.testimonial-section {
  position: relative;
  padding-top: 40px
}

.testimonial-section::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  top: 0;
  left: 30px
}

.testimonial-slider {
  padding-top: 40px;
  padding-bottom: 50px
}

.testimonial-slider .item {
  position: relative
}

.testimonial-slider .item {
  padding: 25px;
}

.testimonial-slider img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.testimonial-slider .slick-list {
  padding: 30px 20px
}

.testimonial-slider .item .testimonialcard {
  padding: 80px 20px 20px 20px;
  width: 85%;
  border: 1px solid;
  border-image-source: var(--border-linear);
  border-image-slice: 1;
  border-image-repeat: stretch;
  border-radius: 15px
}

.testimonial-slider .tstflx {
  display: grid;
  gap: 20px;
  grid-template-columns: 0.5fr 1.5fr;
  min-height: 370px
}

.testimonial-slider .tstflx .tstimg {
  width: 120px
}

.testimonial-slider .tstflx .tstimg img {
  width: 100%;
  height: auto
}

.testimonial-slider .tstflx .tstimg p {
  margin: 5px 0;
  font-size: 13px;
  text-align: center
}

.testimonial-slider .tstdtls {
  width: 100%
}

.testimonial-slider .tstdtls h4 {
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 16px
}

.testimonial-slider .tstdtls .tstrd {
  color: var(--primary);
  font-size: 16px;
  margin-bottom: 0
}

.testimonial-slider .tstdtls p {
  font-size: 13px
}

.testimonialcard .vdtst {
  width: 74%;
  margin: auto
}

.testimonialcard .vdtstimg {
  width: 100%
}

.testimonialcard .vdtstimg img {
  width: 100%;
  height: auto
}

.testimonialcard .vdtstflx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0
}

.testimonialcard .vdtstflx p {
  margin-bottom: 0
}

.testimonialcard .vdtstflx img {
  width: 66px;
  height: auto
}

.testimonialcard .vdtstdtl p {
  font-weight: 500;
  font-size: 13px
}

.testimonial-slider button {
  position: absolute;
  right: 100px;
  bottom: -10px;
  font-size: 0;
  width: 40px;
  height: 40px;
  background: url("../imgs/logo/slider-icon.svg") no-repeat;
  border: none;
  background-size: cover;
  cursor: pointer
}

.testimonial-slider .slick-next {
  background: url(../imgs//logo/slider-icon.svg) no-repeat;
  background-size: cover;
  transform: rotate(-180deg)
}

.testimonial-slider .slick-prev {
  right: 150px
}

.testimonial-section .seeall {
  margin-top: 90px
}

.globaluni {
  position: relative
}

.globaluni::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  right: 0;
  top: -10px;
  transform: rotate(90deg)
}

.tp_univer h5 {
  margin-top: 20px;
  font-size: 15px
}

.lgcrds {
  display: flex;
  justify-content: space-between;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 30px
}

.lgcrds .crd-lgs {
  background-color: var(--primary);
  border-radius: 10px;
  flex: 16%;
  margin: 0 15px;
  padding: 30px;
  min-height: 300px
}

.lgcrds .crd-lgs .unidv {
  width: 60px;
  height: 60px;
  display: flex;
  background: var(--white-color);
  justify-content: center;
  align-items: center;
  border-radius: 50px
}

.lgcrds .crd-lgs .unidv img {
  width: 30px;
  height: auto;
  margin: auto
}

.lgcrds .crd-lgs h3 {
  color: var(--white-color);
  margin: 20px 0
}

.lgcrds .crd-lgs p {
  color: var(--white-color)
}

.hflsec {
  padding-top: 100px;
  position: relative;
  padding-bottom: 0
}

.hflsec::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  top: 0;
  left: 30px
}

.dflex {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: relative
}

.dflex::before {
  position: absolute;
  content: "";
  background: var(--bg-color);
  width: 100%;
  height: 70%;
  z-index: -1;
  left: 0
}

.dflex .infrast {
  width: 40%;
  padding: 150px 0
}

.dflex .infraimg {
  width: 380px
}

.dflex .infraimg img {
  width: 100%;
  height: auto;
  border-radius: 5px
}

.dflex .infrast p {
  font-size: 15px;
  margin: 10px 0 20px
}

.blog_sec {
  position: relative
}

.blog_sec::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  left: 30px;
  top: 0;
  transform: rotate(90deg)
}

.blog_sec::after {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  right: -40px;
  bottom: 0;
  transform: rotate(90deg)
}

.all_blogs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px
}

.all_blogs .blogs {
  background: var(--bg-color);
  padding: 15px;
  border-radius: 4px
}

.all_blogs .blogs .blog_img {
  width: 100%;
  height: auto
}

.all_blogs .blogs .blg_flx {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 10px;
  align-items: center
}

.all_blogs .blogs .blg_flx .blgsts {
  padding: 5px 15px;
  color: var(--secondary);
  border-radius: 20px;
  border: 1px solid var(--secondary)
}

.all_blogs .blogs .blg_flx p {
  margin-bottom: 0
}

.all_blogs .blogs h3 {
  font-weight: 400;
  font-size: 20px;
  margin-top: 20px
}

.ptrdsec {
  padding-top: 100px;
  position: relative;
  padding-bottom: 90px
}

.ptrdsec::after {
  position: absolute;
  content: "";
  background: url(../imgs/logo/dots.svg) no-repeat;
  background-size: cover;
  width: 180px;
  height: 45px;
  bottom: 40px;
  left: 30px
}

.ptrdsec .dflex {
  gap: 40px;
  justify-content: center;
  display: flex
}

.ptrdsec .dflex::before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 100%;
  height: 70%;
  z-index: -1;
  left: 0
}

.ptrdsec .secondary-btn {
  padding: 12px 30px;
  background-color: var(--white-color);
  border-radius: 4px;
  gap: 10px
}

.ptrdsec .secondary-btn:hover {
  background-color: var(--secondary);
  color: var(--white-color)
}

.ptrdsec .blue_mnhdng,
.ptrdsec p {
  color: var(--white-color)
}

.footer_strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--bg-color);
  color: var(--secondary)
}

.footer_strip .strip {
  width: 25%;
  border-right: 1px solid var(--white-color);
  text-align: center
}

.footer_strip .strip a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
  width: 100%;
  justify-content: center;
  color: var(--title)
}

.footer_strip .strip a span {
  font-size: 14px
}

.footer_strip .strip a img {
  width: 7px
}

.footer_strip .strip.active {
  background-color: var(--secondary)
}

.footer_strip .strip.active a {
  color: var(--white-color)
}

.contact_flx {
  display: flex;
  margin-top: 40px;
  gap: 20px;
  justify-content: space-between
}

.contact_flx .contact_left {
  width: 65%
}

.contact_flx .left_dtls {
  width: 100%
}

.contact_flx .left_dtls ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px
}

.contact_flx .left_dtls ul li {
  background: var(--bg-color);
  flex: 48%;
  display: grid;
  grid-template-columns: 0.1fr 1fr;
  align-items: center;
  gap: 20px;
  padding: 25px 20px;
  border-radius: 4px
}

.contact_flx .left_dtls ul li .dt_img {
  background: var(--primary);
  border-radius: 100px;
  width: 60px;
  height: 60px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}

.contact_flx .left_dtls ul li .dt_img img {
  width: 32px;
  height: auto
}

.dt_cntct h5 {
  font-size: 20px;
  margin-bottom: 10px
}

.dt_cntct p {
  font-size: 15px;
  margin-bottom: 0
}

.contact_left .counter09 {
  display: flex;
  justify-content: space-between;
  background-color: var(--bg-color);
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  margin-top: 50px;
  border-radius: 4px
}

.contact_left .counter09>div {
  flex: 33.33%;
  padding: 25px 0;
  position: relative
}

.contact_left .counter09>div::before {
  position: absolute;
  content: "";
  background: var(--paragraph);
  width: 1px;
  height: 80px;
  bottom: 20px;
  right: 0
}

.contact_left .counter09>div:last-child::before {
  content: none
}

.contact_left .counter09 h2 {
  font-size: 35px;
  color: var(--paragraph)
}

.contact_left .counter09 p {
  color: var(--paragraph);
  font-size: 15px
}

.contact_right {
  width: 30%;
  margin-right: 0
}

.contact_right form {
  width: 100%;
  background-color: var(--primary);
  padding: 20px;
  border-radius: 4px
}

.contact_right form h3 {
  text-align: center;
  color: var(--white-color);
  margin-bottom: 10px
}

.contact_right form .frm-group {
  padding: 5px 0
}

.contact_right .frm-group input::placeholder {
  color: #c5696a
}

.contact_right form .frm-group input,
select {
  width: 100%;
  padding: 10px 20px;
  color: var(--white-color);
  background: 0 0;
  border: 1px solid var(--white-color);
  border-radius: 4px;
  outline: 0
}

.contact_right .frm-btn button {
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 4px;
  outline: 0;
  background-color: var(--white-color);
  margin: 18px auto;
  border: 1px solid var(--primary);
  gap: 10px
}

.contact_right .frm-btn button:hover {
  background: var(--primary);
  color: var(--white-color);
  border: 1px solid var(--white-color)
}

.contact_right .frm-btn button svg {
  width: 8px
}

.contact_right .stprepform form::-webkit-scrollbar {
  overflow: scroll;
  scrollbar-color: var(--primary);
  width: 5px
}

.contact_right .stprepform form::-webkit-scrollbar-track {
  background-color: var(--white-color);
  border-radius: 10px
}

.contact_right .stprepform form::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 10px
}

.contact_right .stprepform .form-group {
  position: relative
}

.contact_right .stprepform form #submitSection button {
  background: var(--secondary);
  padding: 10px 30px;
  border-radius: 4px;
  border: none;
  color: var(--white-color);
  margin-top: 20px
}

.contact_right .stprepform form input,
.contact_right .stprepform form select {
  width: 100%;
  color: var(--white-color);
  outline: 0;
  padding: 8px;
  margin: 4px 0;
  border-radius: 4px;
  background: 0 0;
  border: 1px solid;
  border: 1px solid #d5d5d5
}

.contact_right .stprepform form select option {
  color: var(--paragraph)
}

.contact_right .stprepform form input::placeholder {
  color: var(--white-color)
}

.contact_right .stprepform form h2 {
  color: var(--title);
  margin-bottom: 10px
}

.contact_right .stprepform form .secondary-btn {
  background: var(--secondary);
  border: 1px solid var(--border);
  color: var(--white-color);
  padding: 10px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 15px auto 0;
  cursor: pointer
}

.contact_reviews {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  gap: 20px
}

.contact_reviews .main_reviews {
  position: relative;
  padding: 70px 20px 40px;
  border: 1px solid;
  border-image-source: linear-gradient(130.29deg, #f2f2f2 9.68%, #005552 13.43%, #005552 23.48%);
  border-image-slice: 1;
  border-image-repeat: stretch;
  border-radius: 15px
}

.contact_reviews .main_reviews::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/quotes.svg) no-repeat;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-size: cover;
  top: -7px;
  left: -2px
}

.contact_reviews .main_reviews img {
  width: 100px
}

.contact_reviews .main_reviews p {
  font-size: 15px;
  margin: 20px 0;
  min-height: 85px
}

.contact_reviews .main_reviews h5 {
  font-size: 13px;
  letter-spacing: .5px
}

.contact_information {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  text-align: center
}

.contact_information .contfo {
  background-color: var(--bg-color);
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  min-height: 230px;
  border-radius: 4px
}

.contact_information .contfo .icon-dv {
  background-color: var(--primary);
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  margin-bottom: 10px
}

.contact_information .contfo .icon-dv img {
  width: 20px
}

.contact_information .contfo p {
  font-size: 15px
}

.contact_information .contfo p a {
  font-size: 20px;
  color: var(--black-color)
}

.contact_information .contfo p a:hover {
  border-bottom: 1px solid var(--primary)
}

.revlnk {
  display: block;
  color: var(--white-color);
  font-size: 15px;
  position: relative;
  width: fit-content
}

.revlnk::before {
  position: absolute;
  content: "";
  background-color: var(--white-color);
  width: 100%;
  height: 1px;
  bottom: -1px
}

.satbanner .breadcrumb {
  position: absolute;
  top: 140px;
  z-index: 1
}

.satbanner .breadcrumb li {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  color: var(--white-color)
}

.satbanner .breadcrumb li svg {
  width: 5px;
  position: relative;
  top: 1px
}

.satbanner .breadcrumb li svg path {
  stroke: var(--white-color) !important
}

.satbanner .breadcrumb li a {
  color: var(--white-color) !important;
  font-size: 13px
}

.satbanner .breadcrumb li a.active {
  border-bottom: 1px solid var(--white-color);
  color: var(--white-color)
}

.satbanner {
  position: relative;
  height: 100vh;
  width: 100%
}

.satbanner .bannerimg {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: top
}

.satbanner::before {
  position: absolute;
  content: "";
  background: var(--black-color);
  width: 100%;
  height: 100%;
  opacity: .4;
  top: 0;
  left: 0
}

.prp-banner {
  position: relative;
  height: 100vh;
  width: 100%
}

.prp-banner .white_clr {
  background-color: var(--white-color)
}

.prep-banner .bannerimg {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.baner_botom {
  position: absolute;
  background: var(--bg-color);
  bottom: 0;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px
}

.baner_botom p {
  margin-bottom: 0;
  padding: 14px 0;
  font-size: 18px;
  font-weight: 600;
  position: relative
}

.baner_botom p::before {
  position: absolute;
  content: "";
  background: var(--paragraph);
  width: 2px;
  height: 60%;
  right: -20px;
  top: 11px
}

.baner_botom p:last-child::before {
  content: none
}

.satflx {
  display: flex
}

.satflx .bannerlft .baner-dtls {
  position: absolute;
  top: 27%
}

.caplogo {
  width: 240px !important;
}

.satflx .bannergt {
  width: 30%;
  position: absolute;
  top: 25%;
  right: 0
}

.satflx .baner-dtls h1 {
  color: var(--white-color);
  font-size: 50px
}

.satflx .baner-dtls p {
  color: var(--white-color);
  font-size: 15px;
  margin: 10px 0
}

.satflx .baner-dtls .white-btn {
  margin-top: 20px
}

.satflx .baner-dtls small {
  display: block;
  color: var(--white-color)
}

.baner-dtls img {
  width: auto;
  height: auto;
  margin: 20px 0 10px
}

.stprepform form::-webkit-scrollbar {
  overflow: scroll;
  scrollbar-color: var(--primary);
  width: 5px
}

.stprepform form::-webkit-scrollbar-track {
  background-color: var(--white-color);
  border-radius: 10px
}

.stprepform form::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 10px
}

.stprepform form {
  background: var(--white-color);
  text-align: center;
  width: 350px;
  padding: 30px 15px;
  border-radius: 10px;
  min-height: 40vh;
  max-height: 65vh;
  height: auto;
  overflow: auto
}

.stprepform .form-group {
  position: relative
}

.stprepform form #submitSection button {
  background: var(--secondary);
  padding: 10px 30px;
  border-radius: 4px;
  border: none;
  color: var(--white-color);
  margin-top: 20px;
  cursor: pointer
}

.stprepform form input,
.stprepform form select {
  width: 100%;
  color: var(--paragraph);
  outline: 0;
  padding: 8px;
  margin: 4px 0;
  border-radius: 4px;
  background: 0 0;
  border: 1px solid;
  border: 1px solid #d5d5d5
}

.stprepform form input::placeholder {
  color: var(--paragraph)
}

.stprepform form h2 {
  color: var(--title);
  margin-bottom: 10px
}

.stprepform form .secondary-btn {
  background: var(--secondary);
  border: 1px solid var(--border);
  color: var(--white-color);
  padding: 10px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 15px auto 0;
  cursor: pointer
}

.contact_right .stprepform form {
  background-color: var(--primary);
  text-align: center;
  width: 350px;
  padding: 30px 15px;
  border-radius: 10px;
  height: auto;
  min-height: auto;
  max-height: 100%
}

.edlsit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px
}

.edlsit .edlst_elem {
  background: var(--bg-color);
  width: 30%;
  padding: 60px 20px 30px;
  position: relative;
  margin: 30px 20px
}

.edlsit .elemdv {
  background: var(--primary);
  border-radius: 100px;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -26px
}

.edlsit .edlst_elem h3 {
  margin-bottom: 20px;
  color: var(--paragraph)
}

.edlsit .edlst_elem ul li {
  list-style: none;
  position: relative;
  padding-left: 14px;
  color: var(--paragraph);
  margin: 5px 0
}

.edlsit .edlst_elem ul li::before {
  content: "•";
  position: absolute;
  left: 3px;
  color: var(--paragraph);
  font-size: 1.3em;
  top: -3px
}

.edlsit .kplndv {
  position: absolute;
  top: -26px
}

.edlsit .elemdv img {
  width: auto;
  height: auto
}

.partnership.tflx {
  gap: 20px;
  margin-top: 60px;
  justify-content: space-between
}

.prtnerimg {
  width: 50%
}

.prtner_dtl {
  width: 46%;
  margin-bottom: auto
}

.prtnerimg img {
  width: 100%;
  height: auto
}

.prtner_dtl .hdmg {
  font-size: 30px;
  color: var(--paragraph)
}

.prtner_dtl .kplmg {
  width: 130px;
  margin-left: 10px
}

.prtner_dtl .kplmg img {
  width: 100%;
  height: auto
}

.prtner_dtl p {
  font-size: 17px;
  line-height: 25px
}

.prtnership_pnts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 30px
}

.prtnership_pnts .pntsins {
  background: var(--white-color);
  position: relative;
  padding: 30px
}

.prtnership_pnts .pntsins h3 {
  font-size: 18px
}

.prtnership_pnts .pntsins p {
  margin: 10px 0;
  font-size: 14px
}

.prtnership_pnts .pntsins::before {
  position: absolute;
  content: "";
  background: var(--primary);
  height: 70%;
  width: 4px;
  left: 14px;
  top: 25px
}

.mntrship.rflx {
  justify-content: space-between;
  margin-top: 40px
}

.mntrship .mntrdtl {
  width: 40%;
  margin: auto;
  position: relative
}

.mntrship .mntrdtl::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/quotes.svg) no-repeat;
  background-size: cover;
  top: 1;
  left: -33px;
  width: 25px;
  height: 25px
}

.mntrdtl p {
  font-size: 20px
}

.mntnm {
  margin-top: 40px
}

.mntnm h3 {
  color: var(--paragraph);
  font-size: 25px
}

.mntnm p {
  font-size: 15px;
  margin-top: 10px
}

.mntnm .secondary-btn {
  margin-top: 40px
}

.mntrship .mntrrgt {
  width: 40%
}

.mntrship .mentormg {
  width: 300px
}

.mntrship .mentormg img {
  width: 100%;
  height: auto
}

.prep_plans {
  margin-top: 40px
}

.prep_plans .plan {
  background: var(--white-color);
  padding: 20px;
  position: relative;
  border-radius: 4px;
  width: 95% !important;
  min-height: 650px
}

.prep_plans .plan .plantag {
  background: var(--primary);
  color: var(--white-color);
  padding: 6px 10px;
  font-size: 11px;
  border-radius: 100px
}

.prep_plans .plan h3 {
  margin: 20px 0;
  font-size: 18px;
  color: var(--paragraph)
}

.prep_plans .plan p {
  margin: 20px 0;
  font-size: 15px;
  color: var(--paragraph)
}

.prep_plans .plan .satprice {
  position: absolute;
  bottom: 50px
}

.prep_plans .satprice p {
  margin-bottom: 20px
}

.prep_plans .satprice strong {
  font-size: 20px
}

.prep_plans .plan .secondary-btn {
  position: absolute;
  bottom: 20px
}

.crd-prc .satprice {
  font-size: 15px;
  color: var(--paragraph)
}

.crd-prc .satprice {
  margin-bottom: 20px;
  margin-left: 35px
}

.satprice strong {
  font-size: 20px
}

.crdprc img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  border-radius: 5px
}

.toeflcrd {
  padding-bottom: 0
}

.prep_plans .mnht {
  background: var(--white-color);
  padding: 20px;
  position: relative;
  border-radius: 4px;
  width: 95% !important;
  min-height: 590px
}

.prep_plans .rnht {
  background: var(--white-color);
  padding: 20px;
  position: relative;
  border-radius: 4px;
  width: 95% !important;
  min-height: 575px
}

.prep_plans .mnht .plantag {
  background: var(--primary);
  color: var(--white-color);
  padding: 6px 10px;
  font-size: 11px;
  border-radius: 100px
}

.prep_plans .mnht h3 {
  margin: 20px 0;
  font-size: 18px;
  color: var(--paragraph)
}

.prep_plans .mnht p {
  margin: 20px 0;
  font-size: 15px;
  color: var(--paragraph)
}

.prep_plans .mnht .satprice {
  position: absolute;
  bottom: 50px
}

.prep_plans .satprice p {
  margin-bottom: 20px
}

.prep_plans .satprice strong {
  font-size: 20px
}

.prep_plans .mnht .secondary-btn {
  position: absolute;
  bottom: 20px
}

.prep_plans .rnht {
  background: var(--white-color);
  padding: 20px;
  position: relative;
  border-radius: 4px;
  width: 95% !important;
  min-height: 575px
}

.prep_plans .rnht .plantag {
  background: var(--primary);
  color: var(--white-color);
  padding: 6px 10px;
  font-size: 11px;
  border-radius: 100px
}

.prep_plans .rnht h3 {
  margin: 20px 0;
  font-size: 18px;
  color: var(--paragraph)
}

.prep_plans .rnht p {
  margin: 20px 0;
  font-size: 15px;
  color: var(--paragraph)
}

.prep_plans .rnht .satprice {
  position: absolute;
  bottom: 0
}

.prep_plans .satprice p {
  margin-bottom: 20px
}

.prep_plans .satprice strong {
  font-size: 20px
}

.prep_plans .rnht .secondary-btn {
  position: absolute;
  bottom: 20px
}

.program-faq {
  margin-top: 50px
}

.program-faq .accordion {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 30px;
  place-items: center
}

.program-faq .accordion .accordion-item {
  width: 70%;
  overflow: hidden
}

.program-faq .accordion-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #d9d9d9;
  padding: 20px 0;
  cursor: pointer;
  transition: background .3s
}

.program-faq .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-out;
  background-color: #fff
}

.program-faq .accordion-item .accordion-content .ins-content {
  padding: 15px 0
}

.program-faq .accordion-item .accordion-content .ins-content ul li {
  padding: 5px 15px;
  font-size: 15px;
  position: relative
}

.program-faq .accordion-item .accordion-content .ins-content ul li::after {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 5px;
  height: 5px;
  top: 10px;
  left: 0;
  border-radius: 100px
}

.program-faq .accordion-item .accordion-content .ins-content p {
  font-size: 15px
}

.program-faq .accordion-item.active .accordion-content {
  max-height: 500px;
  transition: max-height .5s ease-in
}

.program-faq .accordion-item .accordion-header::after {
  position: absolute;
  content: "";
  background: url(../imgs/satprep/icons/plus.svg) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  right: 0;
  transition: all .3s
}

.program-faq .accordion-item.active .accordion-header::after {
  transform: rotate(45deg)
}

.program-faq .accordion-header .acrd-img {
  background: var(--primary);
  width: 55px;
  height: 55px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center
}

.online_session {
  background: var(--bg-color);
  width: 70%;
  margin: 50px auto 0;
  border-radius: 4px
}

.online_session .accordion-item {
  overflow: hidden
}

.online_session .accordion-header {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
  transition: background .3s;
  padding: 20px 40px
}

.online_session .accordion-item .accordion-header::after {
  position: absolute;
  content: "";
  background: url(../imgs/satprep/icons/downicon.svg) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  right: 40px;
  transition: all .3s
}

.online_session .accordion-item.active .accordion-header::after {
  transform: rotate(180deg)
}

.online_session .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-out;
  padding: 0 15px
}

.online_session .accordion-item.active .accordion-content {
  max-height: 500px;
  transition: max-height .5s ease-in
}

.online_session .accordion-header h4:first-child {
  width: 300px
}

.online_session .accordion-header h4:nth-child(2) {
  font-weight: 400
}

.online_session .accordion-content .ins-content {
  padding: 20px;
  width: 90%;
  margin: auto
}

.online_session .accordion-content .ins-content p {
  font-size: 16px
}

.online_session .accordion-content .ins-content ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.online_session .accordion-content .ins-content ul li {
  position: relative;
  list-style: disc;
  width: 50%;
  margin-bottom: 10px
}

.online_session .accordion-content .ins-content ul li::marker {
  color: var(--primary);
  font-size: 1.1em
}

.tbs-acrd {
  margin-top: 40px
}

.tbs-acrd .tab-buttons {
  display: flex;
  gap: 70px;
  justify-content: center
}

.tbs-acrd .tab-buttons .tb-cntnt {
  background: 0 0;
  border: none;
  border-bottom: 1px solid var(--paragraph);
  border-radius: 0;
  color: var(--paragraph);
  transition: all .2s;
  padding: 20px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  width: 50%
}

.tbs-acrd .tab-buttons .tb-cntnt p {
  margin-bottom: 0;
  font-size: 15px
}

.tbs-acrd .tab-buttons .tb-cntnt.active {
  background: var(--bg-color)
}

.tbs-acrd .tab-buttons .tb-cntnt.active p {
  color: var(--paragraph);
  font-weight: 600
}

.tbs-acrd .accordion {
  width: 70%;
  margin: 70px auto 0
}

.tbs-acrd .accordion .accordion-item {
  border-bottom: 1px solid #d9d9d9
}

.tbs-acrd .accordion .accordion-item .accordion-header {
  position: relative;
  padding: 20px 30px;
  cursor: pointer
}

.tbs-acrd .accordion .accordion-item .accordion-header::after {
  position: absolute;
  content: "";
  background: url(../imgs/satprep/icons/plus.svg) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  right: 0;
  transition: .3s all;
  top: 50%;
  transform: translateY(-50%)
}

.tbs-acrd .accordion .accordion-item.active .accordion-header::after {
  transform: translateY(-50%) rotate(45deg)
}

.tbs-acrd .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-out;
  padding: 0 15px;
  width: 93%;
  margin: auto
}

.tbs-acrd .accordion-item.active .accordion-content {
  max-height: 100%;
  transition: max-height .5s ease-in;
  width: 93%;
  margin: auto
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans h4 {
  margin: 20px 0;
  font-weight: 400
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans p {
  font-size: 15px
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans ul {
  padding: 20px 0
}

.accordion-item .accordion-content .acrd-ans ul {
  padding: 20px 0
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans ul li {
  padding-bottom: 10px;
  font-size: 15px
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans .acrd_sec {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 15px
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans .acrd_sec p {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .8px;
  color: var(--black-color)
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans .acrd_sec:nth-last-child {
  border-bottom: 0;
  margin-bottom: 0
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans .acrd_sec .faqulsec {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 10px 0
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans .acrd_sec .faqulsec li {
  width: 45%;
  list-style: disc
}

.tbs-acrd .accordion-item .accordion-content .acrd-ans .acrd_sec .faqulsec li::marker {
  color: var(--primary);
  font-size: 15px
}

.prsnlz {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px
}

.prsnlz .prsnlz_dv {
  background: var(--bg-color);
  padding: 40px 30px;
  border-radius: 4px
}

.prsnlz .prsnlz_img {
  background: var(--primary);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 100px
}

.prsnlz .prsnlz_img img {
  width: 60%;
  height: auto
}

.prsnlz h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: var(--paragraph)
}

.prsnlz p {
  font-size: 15px
}

.mnbullets li {
  position: relative;
  font-size: 14px;
  color: var(--white-color);
  padding: 5px 0 0 20px;
  font-family: light
}

.mnbullets li::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/lidot.svg) no-repeat;
  background-size: cover;
  width: 20px;
  height: 14px;
  left: -8px;
  top: 8px
}

.kplna-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 80%;
  margin: 50px auto
}

.kplna-card .crd_kpln {
  position: relative;
  background: var(--white-color);
  border-radius: 4px;
  border: 1px solid #bcbcbc;
  width: 100%;
  padding: 30px 0
}

.kplna-card .crd_kpln .klpn_imgLogo {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%);
  margin: auto;
  background: var(--white-color);
  padding: 10px;
  width: 150px
}

.kplna-card .crd_kpln .klpn_imgLogo img {
  width: 100%;
  height: auto
}

.crd_kpln .crd_tl {
  text-align: center;
  margin: 20px 0;
  border-bottom: 1px solid var(--primary)
}

.crd_kpln .crd_tl h2 {
  color: var(--title);
  font-size: 30px
}

.crd_kpln .crd_tl p {
  color: var(--title);
  font-size: 15px;
  margin: 20px 0
}

.crd_kpln .crd-points {
  padding: 0 30px;
  min-height: 240px
}

.crd_kpln .secondary-btn {
  padding: 0 30px;
  position: absolute;
  bottom: 20px
}

.kplna-card .kpln_dtlimg img {
  border-radius: 5px
}

.online_prep {
  margin-top: 40px
}

.online_prep.rflx {
  justify-content: center
}

.online_prep .online_img {
  width: 40%
}

.online_prep .online_points {
  width: 50%
}

.online_prep .online_img .imgsin img {
  border-radius: 5px
}

.online_points h2 {
  padding-left: 20px
}

.online_img img {
  width: 100%;
  height: auto
}

.opntrs {
  padding-left: 30px
}

.opntrs li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px
}

.opntrs li h4 {
  font-size: 18px;
  color: var(--paragraph);
  font-weight: 400
}

.opntrs .animate-pop {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity .6s ease-out, transform .6s ease-out
}

.opntrs .animate-pop.show {
  opacity: 1;
  transform: translateX(0)
}

.hdng h2 {
  text-transform: inherit
}

.hdng p {
  font-size: 15px;
  width: 90%;
  margin: 20px auto
}

.price_tabel {
  margin-top: 100px
}

.price_tabel .left_hd li {
  background-color: var(--primary);
  color: var(--white-color);
  padding: 20px;
  border-bottom: 1px solid var(--white-color)
}

.price_tabel .right_txt {
  width: 80%
}

.price_tabel .mnprc {
  display: flex;
  justify-content: space-between;
  margin-top: -10px
}

.price_tabel .mnprc .prcdtl {
  width: 33.33%;
  border-right: 1px solid var(--bg-color)
}

.price_tabel .mnprc .w-50 {
  width: 50%
}

.price_tabel .bgact {
  background-color: var(--bg-color);
}

.price_tabel .mnprc .prcdtl .prchd {
  background-color: var(--primary);
  color: var(--white-color);
  padding: 20px;
  margin-top: -53px;
  text-align: center;
  border-right: 1px solid var(--bg-color)
}

.price_tabel .mnprc p {
  border-bottom: 1px solid #dadada;
  padding: 0 40px;
  margin-bottom: 0;
  height: 60.7px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  text-align: center;
  border-right: 1px solid #dadada
}

.price_tabel .mnprc p img {
  width: 25px;
  height: auto
}

.price_tabel .mnprc .actprl {
  padding: 50px 0;
  border: 1px solid #dadada
}

.price_tabel .mnprc .actprl p {
  font-size: 15px;
  border: none
}

.price_tabel .mnprc .actprl p span {
  font-size: 35px;
  top: -7px;
  position: relative;
  font-weight: 700;
  padding: 0 5px
}

.price_tabel .actprl .prcbtn {
  background: var(--secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border: none;
  padding: 10px 20px;
  margin: auto;
  border-radius: 4px;
  color: var(--white-color);
  cursor: pointer;
  transition: .3s all
}

.price_tabel .actprl .prcbtn:hover {
  background: var(--primary)
}

.faqsection .accordion {
  width: 70%;
  margin: 70px auto 0
}

.faqsection .accordion .accordion-item {
  border-bottom: 1px solid #d9d9d9
}

.faqsection .accordion .accordion-item .accordion-header {
  position: relative;
  padding: 20px 30px;
  cursor: pointer
}

.faqsection .accordion .accordion-item .accordion-header::after {
  position: absolute;
  content: "";
  background: url(../imgs/satprep/icons/plus.svg) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  right: 0;
  transition: .3s all;
  top: 50%;
  transform: translateY(-50%)
}

.faqsection .accordion .accordion-item.active .accordion-header::after {
  transform: translateY(-50%) rotate(45deg)
}

.faqsection .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-out;
  padding: 0 30px
}

.faqsection .accordion-item.active .accordion-content {
  max-height: 500px;
  transition: max-height .5s ease-in
}

.faqsection .accordion-item .accordion-content .acrd-ans h4 {
  margin: 20px 0;
  font-weight: 400
}

.faqsection .accordion-item .accordion-content .acrd-ans p {
  font-size: 15px
}

.ap-exams {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  margin-top: 40px
}

.ap-exams .examcard {
  flex-basis: 24%;
  background: var(--bg-color);
  will-change: transform
}

.ap-exams .examcard h3 {
  color: var(--paragraph);
  font-weight: 600;
  font-size: 17px
}

.ap-exams .examcard h3 br {
  display: none
}

.ap-exams .examcard .examimg {
  overflow: hidden;
  width: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px
}

.ap-exams .examcard img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: .4s;
  display: block
}

.ap-exams .examcard:hover img {
  transform: scale(1.1)
}

.ap-exams .examcard .examlnk {
  padding: 20px;
  position: relative;
  min-height: 120px
}

.ap-exams .examcard .examlnk p {
  padding-top: 10px;
  font-size: 15px
}

.ap-exams .examcard:nth-child(n+5) {
  margin-top: 20px;
  font-weight: 400;
  letter-spacing: .5px
}

.ap-exams .examcard .secondary-btn {
  font-size: 13px;
  position: absolute;
  bottom: 20px
}

.ap-exams .examcard svg {
  width: 6px
}

.prep_left {
  width: 40%
}

.prep_left h2 {
  font-size: 40px;
  color: var(--title);
  margin-bottom: 10px
}

.prep_left p {
  font-size: 15px
}

.prep_right {
  width: 50%;
  margin-left: auto
}

.prep_right ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center
}

.prep_right li {
  flex-basis: 50%;
  margin-bottom: 20px
}

.prep_right li img {
  width: auto;
  height: auto
}

.prep_right li p {
  color: var(--black-color);
  font-size: 15px;
  width: 150px;
  margin: auto
}

.bio-dfrnc {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  gap: 25px
}

.bio-dfrnc .dfrnc_lft {
  width: 34%;
  height: 412px
}

.bio-dfrnc .chem_lft {
  width: 34%;
  height: 452px
}

.bio-dfrnc .chem_lft img {
  height: 100%;
  max-height: 100%
}

.bio-dfrnc .calc_lft {
  width: 34%;
  height: 440px
}

.bio-dfrnc .calc_lft img {
  height: 100%;
  max-height: 100%
}

.bio-dfrnc .dfrnc_rgt {
  width: 63%;
  margin-right: 0
}

.dfrnc_lft img {
  width: 100%;
  height: auto;
  max-height: 430px;
  object-fit: cover;
  border-radius: 4px
}

.bio-dfrnc .lab_column {
  position: relative;
  background: var(--bg-color);
  display: flex;
  padding: 50px;
  margin-bottom: 40px;
  min-height: 195px
}

.bio-dfrnc .lab_column::before {
  position: absolute;
  content: "";
  background: var(--primary);
  height: 70%;
  width: 4px;
  left: 30px;
  top: 30px
}

.bio-dfrnc .lab_column:last-child {
  margin-bottom: 0
}

.bio-dfrnc .lab_column h5 {
  font-size: 20px;
  width: 40%
}

.bio-dfrnc .lab_column p {
  font-size: 15px;
  width: 50%
}

.top_faqs {
  margin-top: 50px
}

.top_faqs {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: stretch
}

.top_faqs .accordion-item {
  width: 30%;
  overflow: hidden
}

.top_faqs .accordion-header {
  position: relative;
  cursor: pointer;
  padding: 10px 30px;
  background: var(--bg-color);
  height: 90px;
  display: flex;
  align-items: center
}

.top_faqs .accordion-header h4 {
  font-size: 18px;
  letter-spacing: .5px;
  width: 80%
}

.top_faqs .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-out;
  background-color: #fff;
  padding: 0 15px
}

.top_faqs .accordion-item.active .accordion-content {
  max-height: 500px;
  transition: max-height .5s ease-in
}

.top_faqs .accordion-item .accordion-header::after {
  position: absolute;
  content: "";
  background: url(../imgs/satprep/icons/downicon.svg) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  transition: all .3s;
  right: 5%;
  top: 50%;
  transform: translateY(-50%)
}

.top_faqs .accordion-item.active .accordion-header::after {
  transform: translateY(-50%) rotate(180deg)
}

.top_faqs .acrd-ans ul {
  padding: 10px
}

.top_faqs .acrd-ans li {
  list-style-type: disc;
  margin: 5px 0
}

.top_faqs .acrd-ans li::marker {
  color: var(--primary)
}

.top_faqs .acrd-ans p {
  font-size: 15px;
  padding: 10px 0
}

.mn-para {
  font-size: 15px;
  color: var(--paragraph);
  margin: 20px auto;
  width: 60%
}

.abtbaner {
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto
}

.abtbaner .abtbanr_img {
  width: 100%;
  height: 100%;
  display: block;
  transform-origin: center center;
  transition: transform .2s ease-out
}

.abt-counter {
  padding-bottom: 50px
}

.abt-counter .counter09 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center;
  text-align: center;
  width: 65%;
  margin: auto
}

.abt-counter .counter09 h2 {
  font-size: 40px;
  font-weight: 700
}

.abt-counter .counter09 p {
  font-size: 13px;
  padding: 10px 0
}

.abt-counter .counter09 div {
  width: 100%;
  background: var(--bg-color);
  padding: 20px
}

.abt-counter .counter09 div:nth-of-type(2) {
  border-left: 1px solid var(--white-color);
  border-right: 1px solid var(--white-color)
}

.abt-unis {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 80px
}

.abt-unis .unis {
  width: 90%
}

.abt-unis .unis h3 {
  position: relative;
  font-size: 22px
}

.abt-unis .unis h3::before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 3px;
  height: 100%;
  left: -10px
}

.abt-unis .unis p {
  margin: 20px 0;
  font-size: 15px;
  min-height: 125px
}

.global-partners .global_hd h4 {
  margin-bottom: 20px;
  font-size: 25px
}

.global-partners .rflx {
  justify-content: center
}

.global-partners .gbfd {
  border: 1px solid #f5f5f5;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  width: 40%
}

.global-partners .gbfd p {
  font-size: 15px;
  width: 80%;
  text-align: center;
  margin: 20px 0
}

.msimg {
  position: relative
}

.msimg img {
  width: 100%;
  height: auto
}

.msimg .txtover {
  position: absolute;
  top: 50%;
  width: 70%;
  margin: auto;
  left: 50%;
  transform: translate(-50%, -50%)
}

.msimg .txtover h3 {
  color: var(--white-color);
  text-align: center;
  font-size: 29px;
  line-height: 35px
}

.advantages .abt-unis {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px
}

.advantages .unis {
  background-color: var(--bg-color);
  flex: 20%;
  margin: 0 10px;
  padding: 30px
}

.advantages .abt-unis .unis h3 {
  padding-right: 70px
}

.advantages .abt-unis .unis p {
  height: auto
}

.founders_tab {
  display: flex;
  margin-top: 50px
}

.founders_tab .tab-buttons {
  width: 20%
}

.founders_tab .tab-buttons .founder_img {
  width: 100px
}

.founders_tab .tab-buttons .founder_img img {
  width: 100%;
  height: auto
}

.founders_tab .tab-buttons .tb-cntnt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--white-color);
  padding: 10px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-bottom: 20px;
  transition: background-color .5s ease;
  cursor: pointer;
  width: 100%
}

.founders_tab .tab-buttons .tb-cntnt.active {
  background-color: var(--secondary)
}

.founders_tab .tab-buttons .tb-cntnt.active p {
  color: var(--white-color)
}

.founders_tab .tab-buttons .tb-cntnt p {
  font-size: 17px;
  font-weight: 500;
  color: var(--black-color);
  padding: 0 12px
}

.founders_tab .tbs {
  width: 78%;
  margin-left: auto
}

.tbrflx {
  display: flex;
  justify-content: space-between
}

.tblft .tb_img img {
  width: 100%;
  height: auto
}

.tbrflx .tblft {
  width: 30%
}

.tbrflx .tblft .tb_img {
  width: 100%
}

.tbrflx .tblft .tb_img img {
  width: 100%;
  height: auto
}

.tbrflx .tblft .tb_imgdtl {
  background: var(--white-color);
  padding: 20px;
  margin-top: 10px;
  min-height: 138px
}

.tbrflx .tblft .tb_imgdtl h4 {
  font-size: 20px
}

.tbrflx .tblft .tb_imgdtl p {
  font-size: 15px
}

.tbrflx .tbrgt {
  width: 68%
}

.tbrflx .tbrgt .tbrgt_flx {
  display: flex;
  flex-wrap: wrap;
  gap: 15px
}

.tbrflx .tbrgt .tbrgt_flx .tbrgt_crds {
  flex: 47%;
  background: var(--white-color);
  padding: 30px
}

.tbrflx .tbrgt .tbrgt_flx .tbrgt_crds .tbrgt_hd {
  font-size: 20px;
  color: var(--primary)
}

.tbrflx .tbrgt .tbrgt_flx .tbrgt_crds p {
  font-size: 15px;
  margin-top: 5px
}

#tab2 .tbrflx .tbrgt .tbrgt_flx .tbrgt_crds {
  min-height: 227px
}

.leaders {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 20px
}

.leaders .ldr-crd {
  flex: 20%;
  display: block;
  will-change: transform;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden
}

.leaders .ldr-crd .led-img {
  line-height: 0;
  overflow: hidden;
  width: 100%
}

.leaders .ldr-crd:hover img {
  transform: scale(1.1)
}

.leaders .ldr-crd img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: .3s ease;
  display: block
}

.leaders .ldr-crd .ldr-dtl {
  background-color: var(--primary);
  padding: 20px;
  min-height: 150px;
  position: relative
}

.leaders .ldr-crd .ldr-dtl h3 {
  color: var(--white-color)
}

.leaders .ldr-crd .ldr-dtl p {
  color: var(--white-color);
  font-size: 15px;
  margin: 10px 0
}

.leaders .ldr-crd .ldr-dtl .secondary-btn {
  position: absolute;
  bottom: 20px;
  font-size: 14px;
  color: var(--white-color);
  font-weight: 400
}

.leaders .ldr-crd .ldr-dtl .secondary-btn svg {
  width: 6px
}

body.fltr {
  background-color: var(--black-color);
  filter: blur(10px)
}

.rgt-crd {
  display: none
}

.rgt-crd.open {
  display: block;
  position: fixed;
  background: var(--primary);
  top: 90px;
  width: 60%;
  right: 0;
  z-index: 999
}

.rgt-crd .clsbtn {
  position: absolute;
  content: "";
  top: 20px;
  right: 20px;
  font-size: 20px;
  color: var(--white-color);
  font-weight: 300;
  cursor: pointer
}

.history_sec {
  padding: 100px 0
}

.histroy_flx {
  display: flex;
  justify-content: space-around
}

.histroy_flx .history_lft {
  width: 55%
}

.histroy_flx .history_lft p {
  font-size: 15px;
  margin: 15px 0;
  width: 500px
}

.histroy_flx .history_lft .history_img {
  width: 400px
}

.histroy_flx .history_lft .history_img img {
  width: 100%;
  height: auto
}

.histroy_flx .history_rgt {
  width: 50%;
  position: relative
}

.histroy_flx .history_rgt::before {
  position: absolute;
  content: "";
  background-color: #aeaeae;
  width: 2px;
  height: 660px;
  left: -43px;
  top: -75px
}

.histroy_flx .timeline ul li {
  margin-bottom: 30px;
  position: relative
}

.histroy_flx .timeline ul li::before {
  position: absolute;
  content: "";
  background: url("../imgs/logo/greenlidot.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 15px;
  left: -50px;
  top: 5px
}

.histroy_flx .timeline ul li h3 {
  color: var(--paragraph);
  font-size: 23px
}

.histroy_flx .timeline ul li p {
  font-size: 15px;
  margin-top: 10px;
  width: 80%
}

.hidden {
  display: none
}

.error-message {
  color: red;
  font-size: 8px;
  margin-top: 2px;
  min-height: 2px;
  position: absolute;
  bottom: -4px;
  left: 10px
}

input.error,
select.error {
  border-color: red
}

.calendly-overlay {
  z-index: 9999 !important;
  overflow-y: auto !important;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .6)
}

.calendly-popup {
  max-height: 90vh !important;
  overflow-y: auto !important;
  margin: 5vh auto !important
}

.calendly-popup-content {
  height: 886px
}

.fourdv {
  display: flex;
  margin: auto;
  height: 70vh;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.fourdv h1 {
  font-size: 10em;
  letter-spacing: 10px;
  color: var(--primary);
  transform: .3s ease
}

.fourdv a {
  background-color: var(--secondary);
  color: var(--white-color);
  border: none;
  padding: 10px 30px;
  font-size: 1em;
  cursor: pointer;
  border: 1px solid var(--secondary);
  transition: .3s ease;
  border-radius: 5px
}

.fourdv a:hover {
  background: 0 0;
  border: 1px solid var(--black-color);
  color: var(--black-color)
}

.fourdv p {
  font-size: 30px;
  font-weight: 600
}

.new_clr .top_header {
  background-color: var(--green)
}

.new_clr .primary__btn {
  background: var(--secondary)
}

.new_clr .primary__btn:hover {
  background: var(--green)
}

.new_clr .study_abroad .logo .crsname {
  color: var(--green);
  font-size: 14px
}

.new_clr footer {
  background: var(--green)
}

.new_clr .prsnlz .prsnlz_img {
  background-color: var(--green)
}

.new_clr .ptrdsec .dflex::before {
  background-color: var(--green)
}

.new_clr .ptrdsec::after {
  background: url(../imgs/study-abroad/green-dots.webp);
  background-size: cover
}

.new_clr .profile-sec::before {
  background: url(../imgs/study-abroad/green-dots.webp);
  background-size: cover
}

.new_clr .testimonial-slider button {
  background: url(../imgs/study-abroad/green-arrow.svg);
  background-size: cover
}

.new_clr .testimonial-slider .slick-prev {
  transform: rotate(-180deg)
}

.new_clr .testimonial-slider .slick-next {
  background: url(../imgs/study-abroad/green-arrow.svg);
  background-size: cover;
  transform: rotate(0)
}

.new_clr .faqsection .accordion .accordion-item .accordion-header::after {
  background: url(../imgs/study-abroad/green-plus.svg);
  background-size: cover
}

.study_abroad .logo {
  display: flex;
  width: auto;
  align-items: center;
  gap: 20px
}

.study_abroad .logo .crsname {
  font-size: 18px;
  color: var(--primary)
}

.study_abroad .main_header .main_nav li a {
  font-size: 15px;
  text-align: center;
  display: block;
  padding: 20px 0
}

.study_abroad .main_header .main_nav a {
  padding: 10px 0
}

.study_abroad .main_header .hdrop {
  display: flex !important;
  align-items: center
}

.study_abroad .main_header .hdrop .fas {
  font-size: 12px;
  margin-left: 10px;
  transition: .3s all;
  color: var(--green)
}

.study_abroad .consultation_btn a {
  padding: 12px 18px !important
}

.study_abroad .fa-home {
  color: var(--white-color);
  margin-right: 10px;
  font-size: 15px
}

.study_abroad .sub-menu {
  display: block;
  place-items: normal
}

.study_abroad .sub-menu li a {
  text-align: left !important
}

.study_abroad .sub-menu li a {
  padding: 0 !important
}

.study_abroad .sub-menu li a {
  padding: 12px 5px !important;
  display: block;
  border-bottom: 1px solid #e2e2e2
}

.study_abroad .has-submenu .sub-menu li {
  width: 100%
}

.study_abroad .sub-menu li::before {
  background: url(../imgs/study-abroad/stlist.webp) no-repeat;
  background-size: cover
}

.study_abroad .has-submenu .sub-menu li i {
  color: var(--green)
}

.study_abroad .has-submenu .sub-menu li a {
  text-align: left;
  padding-top: 0
}

.study_abroad .has-submenu .sub-menu {
  width: 345px
}

.study_abroad .has-submenu:hover .sub-menu {
  top: 60px
}

.academic-stage {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 30px
}

.academic-stage .academic-grade {
  background-color: var(--bg-color);
  margin: 10px;
  padding: 30px;
  border-radius: 4px
}

.academic-stage .academic-grade .aca-img {
  margin-bottom: 30px
}

.academic-stage .academic-grade .aca-img img {
  width: auto;
  height: auto
}

.academic-stage .academic-grade .aca-hd {
  position: relative;
  margin-bottom: 10px
}

.academic-stage .academic-grade .aca-hd::before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 3px;
  height: 100%;
  left: -10px
}

.academic-stage .academic-grade .aca-hd h3 {
  margin-bottom: 5px;
  font-weight: 500;
  min-height: 50px;
  font-size: 17px
}

.academic-stage .academic-grade .aca-txt {
  padding-top: 20px;
  min-height: 130px
}

.academic-stage .academic-grade .aca-txt p {
  font-size: 15px
}

.academic-stage .academic-grade .secondary-btn {
  font-weight: 500
}

.academic-stage .academic-grade .secondary-btn svg {
  width: 6px
}

.strategies_dvs .strategy {
  display: flex;
  width: 90%;
  margin: 30px auto;
  padding: 10px 30px;
  border-bottom: 1px solid #dadada
}

.strategies_dvs .strategy .strat-lft {
  width: 27%
}

.strategies_dvs .strategy .strat-rgt {
  width: 65%;
  margin-left: auto
}

.strategies_dvs .strategy .strat-lft .img_txt {
  display: flex;
  gap: 20px;
  align-items: center
}

.strategies_dvs .strategy .strat-rgt ul li {
  margin-bottom: 8px;
  position: relative
}

.strategies_dvs .strategy .strat-rgt ul li::before {
  position: absolute;
  content: "";
  background: url(../imgs/study-abroad/stlist.webp) no-repeat;
  background-size: cover;
  width: 20px;
  height: 16px;
  background-size: cover;
  left: -25px;
  top: 2px
}

.frmwork {
  display: flex;
  justify-content: space-between;
  margin-top: 30px
}

.framework-number {
  width: 50%
}

.framework-number .frmflx {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  padding: 35px 0;
  width: 100%
}

.framework-number .frmflx::before {
  position: absolute;
  content: "";
  background: var(--green);
  width: 4px;
  height: 80px;
  left: 22px;
  right: 0;
  bottom: -40px
}

.framework-number .frmflx:first-child {
  padding-top: 0
}

.framework-number .frmflx:last-child::before {
  content: none
}

.framework-number .frmflx .frme-dtls {
  width: 80%
}

.framework-number .frmflx .frme-dtls h4 {
  font-size: 20px
}

.framework-number .frmflx .frme-dtls p {
  font-size: 15px;
  margin-top: 10px
}

.framework-number .frmflx .nmbr {
  background: var(--green);
  width: 50px;
  height: 50px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  font-size: 1.5rem;
  color: var(--white-color)
}

.framework-image {
  width: 550px;
  border-radius: 16px
}

.framework-image img {
  width: 100%;
  height: auto
}

.strmflx {
  display: flex;
  margin-top: 50px;
  justify-content: space-around
}

.strm-img {
  width: 40%
}

.strm-img img {
  width: 100%;
  height: auto
}

.strmflx .strm-dtls {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  justify-content: space-between
}

.strmflx .strm-dtls .strmpnts {
  flex: 40%;
  position: relative;
  width: 40%;
  padding: 0 30px
}

.strmflx .strm-dtls .strmpnts::before {
  position: absolute;
  content: "";
  background: url(../imgs/study-abroad/st-tick.webp) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  left: -10px
}

.strmflx .strm-dtls .strmpnts h3 {
  font-size: 19px;
  margin-bottom: 10px
}

.strmflx .strm-dtls .strmpnts p {
  font-size: 15px
}

.studyabroad {
  position: relative
}

.sec-hds p {
  font-size: .83em;
  font-weight: 700
}

.sldier_section {
  position: relative;
}

.sldier_section .bnrfrm {
  position: absolute;
  top: 25%;
  right: 20px;
}

.stdbrd form::-webkit-scrollbar {
  overflow: scroll;
  scrollbar-color: var(--primary);
  width: 5px
}

.stdbrd form::-webkit-scrollbar-track {
  background-color: var(--white-color);
  border-radius: 10px
}

.stdbrd form::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 10px
}

.stdbrd form {
  background: var(--white-color);
  text-align: center;
  width: 350px;
  padding: 30px 15px;
  border-radius: 10px;
  min-height: 40vh;
  max-height: 65vh;
  height: auto;
  overflow: auto
}

.stdbrd .form-group {
  position: relative
}

.stdbrd form #submitSection button {
  background: var(--secondary);
  padding: 10px 30px;
  border-radius: 4px;
  border: none;
  color: var(--white-color);
  margin-top: 20px;
  cursor: pointer
}

.stdbrd form input,
.stdbrd form select {
  width: 100%;
  color: var(--paragraph);
  outline: 0;
  padding: 8px;
  margin: 4px 0;
  border-radius: 4px;
  background: 0 0;
  border: 1px solid;
  border: 1px solid #d5d5d5
}

.stdbrd form input::placeholder {
  color: var(--paragraph)
}

.stdbrd form h2 {
  color: var(--title);
  margin-bottom: 10px
}

.stdbrd form .secondary-btn {
  background: var(--secondary);
  border: 1px solid var(--border);
  color: var(--white-color);
  padding: 10px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 15px auto 0;
  cursor: pointer
}

.studyabroad .blue_mnhdng {
  margin-bottom: 20px
}

.studyabroad .profilecards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-top: 30px
}

.studyabroad .profilecards .prfcr {
  background: var(--bg-color);
  min-height: 310px
}

.studyabroad .profilecards .prfcr img {
  width: 100%;
  height: auto
}

.studyabroad .profilecards .prfdt {
  padding: 0 30px
}

.studyabroad .profilecards .prfdt h4 {
  margin: 20px 0 20px;
  font-weight: 400;
  font-size: 16px
}

.studyabroad .profilecards .prfdt p {
  margin: 20px 0;
  font-size: 13px
}

.compare_plans {
  background-color: var(--green);
  padding: 80px 0;
  position: relative
}

.compare_plans::before {
  position: absolute;
  content: "";
  background: url(../imgs/study-abroad/essentials/white-dots.webp) no-repeat;
  background-size: cover;
  width: 192px;
  height: 40px;
  left: 20px;
  top: 50px
}

.compare_plans .hdng h2 {
  color: var(--white-color);
  text-align: center;
  font-size: 40px
}

.study-plans {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px
}

.study-plans .plandetails {
  flex: 30%;
  width: 30%;
  background-color: var(--white-color);
  border-radius: 5px
}

.study-plans.ess_plan .plandetails.outline {
  outline: 1px solid var(--white-color);
  outline-offset: 8px
}

.plandetails h3 {
  color: var(--green);
  padding: 20px
}

.plandetails .ideal {
  background-color: #f2f2f2;
  padding: 10px 20px
}

.plandetails .ideal h4 {
  color: var(--green)
}

.plandetails .ideal p {
  font-size: 15px;
  width: 80%;
  padding-top: 10px;
  font-weight: 600
}

.key_features {
  padding: 20px
}

.key_features h5 {
  font-size: 15px
}

.key_features ul li {
  position: relative;
  margin: 10px 0;
  padding-left: 15px
}

.key_features li::before {
  position: absolute;
  content: "";
  background: url(../imgs/study-abroad/st-tick.webp) no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  top: 20%;
  left: -10px
}

.key_features .plan_price {
  padding-top: 10px;
  padding-bottom: 20px
}

.key_features .plan_price p {
  font-size: 15px;
  font-weight: 600
}

.key_features .plan_price p span {
  font-size: 22px;
  font-weight: 600
}

.key_features .plan_btn {
  padding: 10px 0;
  border-top: 2px solid #d3d3d3
}

.wroks-dvs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
  gap: 10px
}

.wroks-dvs .numbdvs {
  background-color: var(--white-color);
  width: 20%;
  flex: 20%;
  padding: 20px;
  border-radius: 5px
}

.wroks-dvs .numbdvs h2 {
  font-size: 40px;
  color: var(--green)
}

.wroks-dvs .numbdvs h3 {
  font-size: 20px
}

.wroks-dvs .numbdvs p {
  font-size: 15px;
  padding-top: 10px
}

.admplnhd {
  font-size: 35px
}

.es_plndvs {
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
  flex-wrap: wrap;
  gap: 0 10px
}

.es_plndvs .plsndv {
  width: 31%;
  background: var(--bg-color);
  border-radius: 5px;
  padding: 20px 40px
}

.es_plndvs .plsn_dh {
  position: relative;
  margin: 15px 0
}

.es_plndvs .plsn_dh::before {
  position: absolute;
  content: "";
  background: var(--green);
  width: 3px;
  height: 100%;
  left: -10px;
  top: 0
}

.es_plndvs .plsn_dh h3 {
  font-size: 20px
}

.es_plndvs .plsn_tx p {
  font-size: 15px
}

.top-universities .rflx {
  justify-content: space-between
}

.rflx .university_hd {
  width: 30%
}

.rflx .uninversity_logos {
  width: 68%
}

.top-universities .rflx .uninversity_logos ul {
  display: flex;
  flex-wrap: wrap;
  gap: 21px
}

.top-universities .rflx .uninversity_logos ul li {
  width: 18%
}

.top-universities .rflx .uninversity_logos ul li img {
  width: 100%;
  height: auto
}

.grade-sec {
  position: relative
}

.grade-advantage {
  margin-top: 50px;
  justify-content: center
}

.grade-advantage .img_lft {
  width: 450px;
  padding: 15px;
  position: relative;
  z-index: 0
}

.grade-advantage .img_lft::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  animation: rotate 30s linear infinite;
  background: url("../imgs/study-abroad/dashed.webp") no-repeat;
  background-size: cover;
  z-index: -1;
  border-radius: 50%
}

.grade-advantage .img_wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50%
}

@keyframes rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.grade-advantage .img_lft img {
  width: 100%;
  height: auto
}

.cnt_rgt {
  margin-left: 10px
}

.cnt_rgt .icn-txt {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--bg-color);
  border-radius: 50px;
  margin: 30px 0
}

.cnt_rgt .icn-txt:nth-child(2) {
  margin-left: 50px
}

.cnt_rgt .icn-txt:nth-child(3) {
  margin-left: 50px
}

.cnt_rgt .icn-txt .grncrl {
  background-color: var(--green);
  width: 70px;
  height: 70px;
  border-radius: 50px;
  display: flex;
  align-items: center
}

.cnt_rgt .icn-txt .grncrl img {
  width: revert-layer;
  height: auto;
  margin: auto
}

.cnt_rgt .icn-txt h3 {
  font-size: 18px;
  width: 70%;
  font-weight: 500
}

.grade-journey {
  display: flex;
  justify-content: center;
  gap: 10px
}

.grade-journey .grade-box {
  width: 33%
}

.grade-journey .grade {
  background-color: var(--green);
  width: 40%;
  padding: 10px;
  color: var(--white-color);
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  border-radius: 4px 4px 0 0;
  margin-top: 30px
}

.grade-box .grade-details {
  background: var(--bg-color);
  padding: 40px;
  border-radius: 0 4px 4px 4px;
  width: 90%;
  min-height: 350px;
  height: auto
}

.lsht .grade-box .grade-details {
  background: var(--bg-color);
  padding: 40px;
  border-radius: 0 4px 4px 4px;
  width: 90%;
  min-height: 180px
}

.grade-box .grade-details h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px
}

.grade-box .grade-details li {
  list-style: disc;
  margin: 5px 0 5px 25px;
  font-size: 15px;
  width: 85%
}

.encrc-dtbs {
  display: flex;
  gap: 20px;
  margin-top: 30px;
  justify-content: space-evenly
}

.encrc-dtbs .enrc-img {
  width: 40%
}

.encrc-dtbs .enrc-img img {
  width: 100%;
  height: auto
}

.encrc-dtbs .dtls-tb {
  padding-top: 30px
}

.encrc-dtbs .dtls-tb h3 {
  font-size: 25px
}

.encrc-dtbs .dtls-tb p {
  font-size: 18px;
  width: 90%;
  margin: 5px 0
}

.encrc-dtbs .dtls-tb ul {
  margin-top: 30px
}

.encrc-dtbs .dtls-tb ul li {
  font-size: 20px;
  position: relative;
  padding-left: 20px;
  margin: 10px 0;
  font-weight: 500
}

.encrc-dtbs .dtls-tb ul li::before {
  position: absolute;
  content: "";
  background: var(--green);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0
}

.card-stack {
  position: relative
}

.grade-plans {
  display: grid
}

.plans {
  border: 3px dotted var(--green);
  padding: 40px;
  width: 70%;
  margin: 40px auto;
  border-radius: 10px;
  margin-bottom: 40px;
  background-color: var(--white-color);
  position: relative;
  grid-area: 1/1/2/2
}

.plans .plan-logo {
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--green);
  width: 80px;
  height: 80px;
  border-radius: 100px;
  display: flex;
  align-items: center
}

.plans .plan-logo.logo-right {
  right: -40px;
  left: auto
}

.plan-logo img {
  width: revert-layer;
  height: auto;
  margin: auto
}

.plans .plan-dtls {
  padding-left: 30px
}

.plans .plan-dtls h2 {
  margin-bottom: 20px
}

.plans .plan-dtls ul {
  padding-left: 15px
}

.plans .plan-dtls ul li {
  padding: 4px 0;
  position: relative;
  list-style-type: disc
}

.page_header {
  position: fixed;
  top: 90%;
  left: 0;
  right: 0;
  z-index: 12
}

.page_header ul {
  display: flex;
  background: var(--paragraph);
  margin: auto;
  width: 80%;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px
}

.page_header ul li {
  padding-left: 20px
}

.page_header ul li a {
  color: var(--white-color);
  font-size: 12px;
  margin-top: 0;
  font-weight: 500;
  line-height: 0;
  display: block;
  padding: 10px 0
}

.page_header ul li a.active {
  border-bottom: 1px solid var(--bg-color)
}

.page_header ul li a.secondary-btn {
  background-color: var(--secondary);
  padding: 10px;
  display: flex
}

.page_header ul li a.secondary-btn svg {
  width: 6px
}

.mentoring-secs {
  display: flex;
  margin-top: 30px
}

.mentoring-secs .mentoring-left {
  width: 70%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px
}

.mentoring-secs .mnlft-dtls {
  background-color: var(--bg-color);
  border-radius: 14px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 150px
}

.mentoring-secs .mnlft-dtls h3 {
  font-size: 20px;
  margin-bottom: 10px
}

.mentoring-secs .mentoring-left .lft-dv {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.mentoring-secs .mentoring-left .mnlft-dtls ul {
  padding: 0 10px
}

.mentoring-secs .mentoring-left .mnlft-dtls ul li {
  position: relative;
  margin-bottom: 3px
}

.mentoring-secs .mentoring-left .mnlft-dtls ul li::before {
  position: absolute;
  content: "";
  background: url(../imgs/study-abroad/stlist.webp) no-repeat;
  background-size: cover;
  width: 13px;
  height: 10px;
  left: -16px;
  top: 4px
}

.mentoring-secs .mentoring-left .ppdfl {
  padding: 30px 20px;
  margin-top: 30px;
  height: 180px
}

.mentoring-secs .mentoring-left .ppdrg {
  padding: 55px 20px;
  height: 180px
}

.mentoring-secs .mentoring-left .mnlft-dtls p {
  font-size: 16px
}

.mentoring-secs .mentoring-right {
  width: 30%
}

.mentoring-right .mnlft-dtls {
  height: 100%;
  justify-content: start;
  padding: 30px;
  width: 90%;
  margin-left: auto
}

.mentoring-secs .mnlft-dtls .mnlft-dtls ul {
  padding-left: 14px
}

.mentoring-secs .mentoring-right .mnlft-dtls ul {
  padding: 0 20px
}

.mentoring-secs .mentoring-right .mnlft-dtls ul li {
  position: relative;
  margin-bottom: 10px
}

.mentoring-secs .mentoring-right .mnlft-dtls ul li::before {
  position: absolute;
  content: "";
  background: url(../imgs/study-abroad/st-tick.webp) no-repeat;
  background-size: cover;
  width: 13px;
  height: 13px;
  left: -16px;
  top: 4px
}

.pillar-structure {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px
}

.pillar-structure .pillars {
  background: var(--bg-color);
  padding: 20px;
  flex: 20%;
  margin: 0 10px
}

.pillars h2 {
  font-size: 40px;
  color: var(--green)
}

.pillars h4 {
  font-size: 20px;
  color: var(--green);
  font-weight: 500;
  margin-bottom: 20px
}

.pillars p {
  font-size: 15px
}

.training-plans {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px
}

.training-plans .plansdv {
  background-color: var(--bg-color);
  width: 33%
}

.plansdv .planstlt {
  padding: 20px
}

.plansdv .planstlt h2 {
  color: var(--green);
  font-size: 20px;
  margin-bottom: 10px
}

.plansdv .planstlt p {
  color: var(--green);
  font-size: 15px;
  margin-bottom: 0
}

.plansdv .what-you-get {
  background-color: var(--green);
  color: var(--white-color);
  padding: 20px
}

.plansdv .what-you-get h3 {
  font-size: 18px;
  font-weight: 500
}

.plansdv .what-you-get ul {
  padding-left: 20px;
  margin-top: 10px
}

.plansdv .what-you-get ul li {
  padding: 5px 0;
  font-size: 13px;
  position: relative
}

.plansdv .what-you-get ul li::before {
  position: absolute;
  content: "";
  background: url(../imgs/study-abroad/white-tick.webp) no-repeat;
  background-size: cover;
  width: 14px;
  height: 14px;
  left: -20px;
  top: 50%;
  transform: translateY(-50%)
}

.plansdv .grade-focus {
  padding: 20px
}

.plansdv .grade-focus h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px
}

.plansdv .grade-focus ul li {
  padding-bottom: 10px
}

.plansdv .grade-focus ul li b {
  color: var(--green)
}

.plansdv .grade-focus .satprice {
  font-size: 15px;
  margin-top: 30px
}

.plansdv .grade-focus .satprice strong {
  font-size: 18px
}

.plan_dtls {
  border-top: 1px solid #c5c5c5;
  margin-top: 20px
}

.plan_dtls .secondary-btn {
  margin: 20px 0;
  font-weight: 500
}

.plan_dtls .secondary-btn svg {
  width: 7px
}

.global-uni {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px
}

.global-uni .undtl {
  flex: 18%;
  line-height: 0;
  position: relative
}

.global-uni .uni-img {
  position: relative;
  overflow: hidden;
  border-radius: 5px
}

.global-uni .uni-img::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .896) 100%);
  height: 50%;
  transition: .3s ease
}

.global-uni .uni-img:hover::before {
  height: 100%
}

.global-uni .undtl img {
  border-radius: 4px
}

.global-uni .undtl .secondary-btn {
  position: absolute;
  margin-top: 0;
  z-index: 1;
  bottom: 30px;
  left: 20px;
  color: var(--white-color);
  font-weight: 500
}

.abroad_plans .table-tabtn .tabs-tbl {
  flex-wrap: wrap;
  gap: 0 20px;
  justify-content: center
}

.abroad_plans .table-tabtn .tabs-tbl li {
  margin: 10px 0
}

.abroad_plans .plansdv .planstlt {
  min-height: 140px
}

.abroad_plans .plansdv .what-you-get {
  min-height: 400px;
  position: relative
}

.abroad_plans .plansdv.nhgt .what-you-get {
  min-height: 450px;
  position: relative
}

.abroad_plans .what-you-get ul li {
  font-size: 15px;
  padding: 8px 0
}

.abroad_plans .plansdv .what-you-get ul li::before {
  top: 20px
}

.abroad_plans .plansdv .satprice {
  color: var(--white-color);
  font-size: 20px;
  margin: 20px 0;
  position: absolute;
  bottom: 10px
}

.comp_banner .top_dtl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.comp_banner .white_hdng {
  font-size: 40px;
  color: var(--white-color)
}

.comp_banner p {
  font-size: 18px;
  color: var(--white-color)
}

.comp_banner img {
  width: 100%;
  height: auto
}

.comp_banner .breadcrumb {
  position: absolute;
  top: 130px
}

.comp_banner .breadcrumb li {
  display: flex;
  align-items: center;
  gap: 5px
}

.comp_banner .breadcrumb a {
  color: var(--white-color);
  font-size: 13px
}

.comp_banner .breadcrumb svg {
  color: var(--white-color);
  width: 5px
}

.keydetails {
  background: var(--bg-color);
  padding: 50px 0;
  border-radius: 16px;
  position: relative;
  z-index: 11;
  margin-top: -400px
}

.keydt_txt {
  margin-top: 50px
}

.keydetails .keydtsl_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 70%;
  margin: auto;
  gap: 10px;
  margin-top: 30px
}

.keydetails .keydtsl_list li {
  display: flex;
  align-items: center;
  background-color: var(--white-color);
  flex: 30%;
  gap: 10px;
  padding: 20px;
  border-radius: 5px
}

.keydetails .keydtsl_list li p {
  font-size: 18px;
  font-weight: 700;
  width: 80%
}

.keydetails .keydtsl_list li img {
  width: 50px;
  height: auto
}

.table-tabtn {
  margin-top: 30px
}

.table-tabtn .tabs-tbl {
  display: flex;
  justify-content: space-evenly;
  margin: 30px 0
}

.table-tabtn .tabs-tbl li {
  border: 1px solid var(--green);
  padding: 20px;
  border-radius: 100px;
  line-height: 0;
  transition: .3s all;
  cursor: pointer
}

.table-tabtn .tabs-tbl li.active {
  background-color: var(--green)
}

.table-tabtn .tabs-tbl li:hover {
  background-color: var(--green)
}

.table-tabtn .tabs-tbl li:hover p {
  color: var(--white-color)
}

.table-tabtn .tabs-tbl li.active p {
  color: var(--white-color)
}

.table-tabtn .tabs-tbl li p {
  font-size: 16px;
  margin: 0
}

.table_head tr th {
  background-color: var(--bg-color);
  color: var(--black-color);
  width: 20%;
  padding: 30px;
  text-align: center
}

.table_head tr th:first-child {
  background-color: transparent;
  color: var(--white-color);
  text-align: left
}

tr th {
  background-color: var(--bg-color);
  color: var(--black-color);
  width: 20%;
  padding: 30px;
  text-align: left;
  border: 1px solid #dadada
}

tr td {
  border: 1px solid #dadada;
  padding: 10px 30px
}

tr td ul li {
  list-style-type: disc
}

.wrtng_sport {
  width: 75%;
  margin: 30px auto 0
}

.wrtng_sport .wrt {
  display: flex;
  gap: 0 50px;
  margin-bottom: 50px;
  position: relative
}

.wrtng_sport .wrt::before {
  position: absolute;
  content: "";
  background: #dadada;
  width: 130%;
  height: 1px;
  bottom: -26px;
  left: -150px
}

.wrtng_sport .wrt-img {
  width: 40%
}

.wrtng_sport .wrt-dtls {
  width: 50%
}

.wrtng_sport .wrt-dtls h3 {
  font-size: 25px;
  margin-bottom: 20px
}

.wrtng_sport .wrt-img {
  border-radius: 10px
}

.wrtng_sport .wrt-img img {
  width: 100%;
  height: auto
}

.wrtng_sport .wrt ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 30px
}

.wrtng_sport .wrt ul li {
  flex: 40%;
  margin: 10px 0;
  position: relative
}

.wrtng_sport .wrt ul li::before {
  position: absolute;
  content: "";
  background: url(../imgs//study-abroad/stlist.webp) no-repeat;
  background-size: cover;
  width: 15px;
  height: 12px;
  left: -20px;
  top: 4px
}

.plan_covers {
  margin-top: 40px
}

.plan_covers .covers {
  display: flex
}

.plan_covers .covers .cover_img {
  width: fit-content
}

.plan_covers .covers .cover_dtls {
  width: 73%;
  margin-left: auto
}

.plan_covers .covers .covrsflx {
  display: flex;
  background: var(--bg-color);
  margin-bottom: 20px;
  padding: 43px 20px;
  gap: 20px
}

.plan_covers .covers .covrsflx h2 {
  font-size: 20px;
  min-width: 25%
}

.plan_covers .covers .covrsflx p {
  font-size: 15px
}

.plan_covers .cover_img {
  height: 500px;
  object-fit: cover;
  border-radius: 10px
}

.plan_covers .cover_img img {
  height: 100%;
  width: auto
}

.all_reviews {
  margin-top: 30px;
  display: flex
}

.hvr_bx {
  border: 1px solid #dadada;
  margin: 10px;
  border-radius: 4px
}

.hvr_bx .hvr_flx {
  display: flex;
  padding: 10px;
  height: 90px;
  justify-content: space-between;
  transition: .3s ease
}

.hvr_bx:hover .hvr_flx {
  height: 150px
}

.hvr_bx .hvr_flx .hvr_hd {
  width: 40%
}

.hvr_bx .hvr_flx .hvr_txt {
  width: 45%;
  font-size: 15px;
  margin-bottom: 0;
  max-height: 40px;
  height: 100%;
  overflow: hidden;
  margin-left: auto
}

.hvr_bx:hover .hvr_txt .dots {
  display: none
}

.hvr_bx .hvr_flx .hvr-img {
  width: 35px;
  margin-left: auto
}

.hvr_bx .hvr_flx .hvr-img img {
  width: auto;
  height: auto
}

.hvr_bx img {
  transition: .3s ease
}

.hvr_bx:hover img {
  transform: rotate(180deg)
}

.hvr_bx:hover .hvr_flx .hvr_txt {
  max-height: 100%
}

.apl_story {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px
}

.apl_story .stories {
  flex: 30%;
  background: var(--bg-color);
  padding: 20px;
  border-radius: 5px
}

.stories .str-icon {
  width: 55px
}

.stories .str-hd {
  margin: 10px 0
}

.stories .str-icon img {
  width: 100%;
  height: auto
}

.stories .str-txt p {
  font-size: 15px
}

.stories .str-txt {
  padding-right: 40px
}

.tbs .hdng {
  width: 50%;
  margin: 40px auto 0
}

.tbs .hdng h3 {
  font-size: 25px
}

.tbs .hdng p {
  margin-top: 20px;
  margin-bottom: 0
}

.apl-tbas .tab-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px
}

.apl-tbas .tabs-tbl li {
  border: 1px solid var(--green);
  padding: 20px;
  border-radius: 100px;
  line-height: 0;
  transition: .3s all;
  cursor: pointer
}

.apl-tbas .tabs-tbl li.active {
  background-color: var(--green)
}

.apl-tbas .tabs-tbl li:hover {
  background-color: var(--green)
}

.apl-tbas .tabs-tbl li:hover p {
  color: var(--white-color)
}

.apl-tbas .tabs-tbl li.active p {
  color: var(--white-color)
}

.apl-tbas .tabs-tbl li p {
  font-size: 16px;
  margin: 0
}

.apl-tbas .price_tabel {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px
}

.apl-tbas .price_tabel .mnprc .prcdtl {
  width: 50%
}

.apl-tbas .left_hd {
  width: 50%;
  border-right: 1px solid var(--white-color)
}

.apl-tbas .price_tabel .mnprc {
  margin-top: 0
}

.apl-tbas .price_tabel .mnprc .prcdtl .prchd {
  margin-top: 0;
  background-color: var(--green);
  border-right: 1px solid var(--bg-color)
}

.apl-tbas .price_tabel .mnprc p {
  height: 60.9px
}

.apl-tbas .price_tabel .mnprc .prchd {
  padding: 21px
}

.apl-tbas .price_tabel .mnprc img {
  width: 30px
}

.apl-tbas .price_tabel .left_hd li {
  background-color: var(--green)
}

.apl-tbas #tab3 .price_tabel .right_txt {
  width: 100%
}

.apl-tbas #tab3 .left_hd {
  width: 90%
}

.apl-tbas #tab3 .price_tabel .mnprc .prcdtl {
  width: 100%
}

.apl-tbas .price_tabel .actprl .prcbtn:hover {
  background-color: var(--green)
}

.apl-tbas .bgtxt {
  font-size: 18px;
  font-weight: 700
}

.bnrwd {
  width: 45%
}

.esstl-glns {
  display: flex;
  gap: 50px;
  align-items: center;
  margin-top: 50px
}

.glns-img .lft-img {
  width: 450px
}

.glns-img .lft-img img {
  width: 100%;
  height: auto
}

.glns-dtls {
  width: 55%
}

.glance_txt {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

.glance_txt li {
  position: relative;
  margin-bottom: 30px;
  width: 70%;
  font-size: 20px
}

.glance_txt li::before {
  position: absolute;
  content: "";
  background: url(../imgs/study-abroad/st-tick.webp) no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  left: -35px
}

.ess_cntrs {
  margin-top: 30px;
  background: var(--green);
  border-radius: 5px
}

.ess_cntrs .counter09 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 30px
}

.ess_cntrs .counter09 div {
  border-right: 1px solid var(--white-color)
}

.ess_cntrs .counter09 h2 {
  color: var(--white-color);
  font-size: 40px;
  margin-bottom: 10px
}

.ess_cntrs .counter09 h2.unlmtx {
  font-size: 25px
}

.ess_cntrs .counter09 p {
  color: var(--white-color);
  font-size: 15px;
  width: 59%;
  margin: auto
}

.ess_cntrs .counter09 div:last-child {
  border-right: 0px
}

.ess_plns {
  margin-top: 30px
}

.ess_plns .strategy {
  margin: auto;
  padding: 20px;
  align-items: center
}

.ess_plns .strategy .strat-rgt ul li::before {
  content: none
}

.help_child-sec .frmwork {
  margin: 50px auto auto;
  width: 90%
}

.help_child-sec .framework-number .frmflx {
  padding: 20px 0
}

.help_child-sec .framework-number .frmflx::before {
  height: 45px;
  bottom: -22px
}

.help_child-sec .framework-number .frmflx .frme-dtls {
  width: 60%
}

.help_child-sec .framework-number .frmflx .frme-dtls h4 {
  font-weight: 500;
  font-size: 18px
}

.privacy_sec {
  padding-top: 150px
}

.privacy_dv {
  margin-top: 40px
}

.privacy_dv p {
  font-size: 15px;
  color: var(--paragraph);
  margin-bottom: 15px
}

.privacy_dv h3 {
  text-transform: uppercase;
  font-size: 25px;
  margin: 20px 0
}

.privacy_dv ul {
  padding: 20px 0 20px 20px
}

.privacy_dv ul li {
  list-style: disc;
  margin: 5px 0;
  color: var(--paragraph)
}

.blog-drops {
  display: flex;
  width: 30%;
  gap: 10px
}

.blog-drops select {
  color: var(--black-color);
  width: fit-content;
  border: 1px solid var(--paragraph);
  font-size: 16px;
  padding: 10px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  word-wrap: normal;
  background: url(../imgs/logo/drpred.webp) no-repeat;
  background-position: center right 13px;
  padding-right: 32px;
  background-size: 12px
}

.main-blogs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 30px;
  gap: 30px
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.section-header h2 {
  font-size: 26px; /* A bit smaller as requested */
  color: #555 !important; /* Force light gray */
}

.view-all-btn {
  background-color: #3630A3;
  color: #fff !important;
  padding: 6px 20px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.view-all-btn:hover {
  opacity: 0.9;
}

.blog-date {
  font-size: 11px;
  color: #888;
  letter-spacing: 0.5px;
  margin-top: 12px; /* More space between title and date */
  font-weight: 500;
  display: block;
}

.blogs {
  /* background-color: var(--bg-color); */
  padding: 10px;
  border-radius: 10px;
  /* border: 0.5px solid var(--white-color); */
  position: relative;
  transform: scale(1);
  transition: .1s transform ease-in;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.blog-img {
  position: relative;
  /* overflow: hidden; */
  line-height: 0;
  border-radius: 10px
}

.blog-img img {
  width: 384px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  /* transform: scale(1);
  transition: .3s transform ease-in */
}

.title-clamp {
  max-width: 250px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blogs:hover {
  transform: scale(1.1)
}

.blog-img small {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: var(--primary);
  color: var(--white-color);
  padding: 12px 21px;
  border-radius: 100px;
  text-transform: capitalize
}

.blogs:hover .tag-date small {
  background-color: var(--green);
  color: var(--white-color);
  border: 1px solid var(--green)
}

.blogs:hover .tag-date p {
  border-bottom: 1px solid var(--primary)
}

.blogs .tag-date {
  display: flex;
  justify-content: space-between;
  margin: 15px 0
}

.blogs .tag-date small {
  border: 1px solid var(--primary);
  padding: 5px 20px;
  border-radius: 50px;
  font-size: 13px;
  color: var(--paragraph)
}

.blogs .tag-date p {
  font-size: 13px
}

.blogs .blog-title {
  padding: 10px 0 0px 0
}

.blogs .blog-title h3 {
  font-size: clamp(18px, 1rem, 2rem);
  font-weight: 500;
  text-transform: capitalize;
  /* 🔥 ADD THIS */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;

  color: #555 !important; /* Force light gray to override link blue */
}

.blogs .secondary-btn {
  position: absolute;
  bottom: 20px;
  font-weight: 500;
  color: var(--secondary)
}

.blogs .secondary-btn svg {
  width: 6px
}

.blogs-more {
  margin-top: 20px;
  padding: 8px 20px;
  border-radius: 4px;
  border: none;
  background: var(--secondary);
  color: var(--white-color);
  font-size: 15px;
  cursor: pointer;
  transition: .3s ease
}

.blogs-more:hover {
  background-color: var(--primary);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.blog-details {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}

.blog-details .blg-bck {
  width: 5%;
  flex: 5%
}

.blog-details .blgs-info {
  width: 65%;
  flex: 65%
}

.blog-details .related-blogs {
  width: 20%;
  flex: 20%
}

.blog-details .blg-bck a {
  color: #005552;
  border: 1px solid #005552;
  padding: 5px 18px;
  border-radius: 50px;
  font-size: 15px
}

.blog-details .blgs-info {
  padding: 0 20px
}

.blog-heading .tag-date {
  display: flex;
  justify-content: space-between;
  margin: 20px 0
}

.blog-heading .tag-date p {
  font-size: 15px;
  font-weight: 600;
  display: flex;
  gap: 10px;
  margin-bottom: 0;
  color: #005552
}

.blog-heading .tag-date small {
  color: var(--paragraph)
}

.blog-details .tag-date img {
  width: 16px
}

.blog-details .blog-heading h1 {
  font-size: 40px;
  text-align: center
}

.blog-details .blog-heading {
  border-bottom: 1px solid #d5d5d5
}

.blog-details .blog-cover {
  padding-bottom: 20px
}

.blog-details .blog-cover img {
  border-radius: 5px;
  width: 100%;
  height: auto;
  object-fit: cover
}

.blog-details .blog-content {
  padding-top: 20px
}

.blog-details .blog-content p {
  padding-bottom: 10px;
  font-size: 15px
}

.blog-details .blog-content iframe {
  margin: 20px 0;
  width: 100%;
  height: 315px
}

.blog-details .sidefix {
  position: sticky;
  top: 20%;
  height: 100%
}

.blog-details .related-blogs h3 {
  margin-bottom: 20px;
  font-size: clamp(1rem, 2rem, 1.5rem);
  font-weight: 600
}

.blog-details .related-blogs ul {
  background-color: var(--bg-color);
  padding: 10px 15px
}

.blog-details .related-blogs ul li {
  padding: 20px 0;
  border-bottom: 1px solid #d5d5d5
}

.blog-details .related-blogs ul li:last-child {
  border-bottom: 0
}

.blog-details .related-blogs ul li a {
  margin-top: 10px;
  color: #005552;
  font-weight: 500
}

.blog-details .related-blogs ul li a svg {
  width: 6px
}

.blog-details .related-blogs .related-title {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 500
}

.tags-sec {
  margin: 60px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

.tags_cls {
  color: #005552;
  border: 1px solid #005552;
  padding: 5px 20px;
  border-radius: 50px
}

.nxbl-btn {
  display: flex;
  justify-content: space-between
}

.nxbl-btn .nvbtn {
  background-color: var(--bg-color);
  padding: 20px;
  width: 40%;
  transition: .3s ease;
  border-radius: 5px
}

.nxbl-btn .nvbtn:hover {
  background: #b5b5b5
}

.nxbl-btn .nvbtn a {
  border: none;
  background: 0 0;
  text-align: left;
  cursor: pointer
}

.nxbl-btn .nvbtn a h4 {
  font-size: 17px;
  margin: 10px 0;
  font-weight: 500;
  color: var(--black-color)
}

.nxbl-btn .nvbtn a svg {
  transform: rotate(-180deg);
  color: #005552
}

.nxbl-btn .nvbtn a span {
  color: #005552;
  font-size: 16px;
  margin: 10px 0
}

.nxbl-btn .nvbtn:last-child a {
  text-align: right
}

.nxbl-btn .nvbtn a .ins-btnvs {
  display: flex;
  gap: 5px;
  align-items: center
}

.nxbl-btn .nvbtn a .ins-btnvs svg {
  width: 6px
}

.nxbl-btn .nvbtn:last-child a .ins-btnvs {
  justify-content: end
}

.nxbl-btn .nvbtn:last-child a svg {
  transform: rotate(360deg)
}

.pge_cta {
  background: var(--bg-color)
}

.pge_cta ul {
  display: flex;
  justify-content: space-between
}

.pge_cta li {
  width: 25%;
  border-right: 1px solid var(--white-color);
  text-align: center
}

.pge_cta li.bluecta {
  background-color: var(--secondary);
  color: var(--white-color)
}

.pge_cta li.bluecta span {
  color: var(--white-color)
}

.pge_cta li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
  width: 100%;
  justify-content: center
}

.pge_cta li a span {
  font-size: 14px;
  color: var(--black-color)
}

.pge_cta li a img {
  width: 7px
}

.enterprise_color .greysec {
  display: none
}

.enterprise_color .top_header {
  background: var(--title)
}

.enterprise_color .ptrdsec .dflex::before {
  background: var(--title)
}

.enterprise_color footer {
  background: var(--title)
}

.enterprise_color .primary__btn {
  background: var(--title)
}

.enterprise_color .study_abroad .logo .crsname {
  color: var(--title)
}

.enterprise_color .tab-section .tab-buttons .tb-cntnt {
  border: 1px solid var(--title)
}

.enterprise_color .main_header .main_nav {
  margin-right: auto;
  margin-left: 200px
}

.enterprise_color .breadcrumb {
  position: absolute;
  top: 140px;
  z-index: 1
}

.enterprise_color .breadcrumb li {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  color: var(--white-color)
}

.enterprise_color .breadcrumb li svg {
  width: 5px;
  position: relative;
  top: 1px
}

.enterprise_color .breadcrumb li svg path {
  stroke: var(--title)
}

.enterprise_color .breadcrumb li a {
  color: var(--title);
  font-size: 13px
}

.enterprise_color .breadcrumb li a.active {
  border-bottom: 1px solid var(--primary);
  color: var(--title)
}

.satbanner .baner-dtls ul {
  padding: 10px 0
}

.satbanner .baner-dtls ul li {
  position: relative;
  font-size: 14px;
  color: var(--white-color);
  padding: 5px 0 0 20px;
  font-family: light
}

.satbanner .baner-dtls ul li::before {
  position: absolute;
  content: "";
  background: url(../imgs/logo/lidot.svg) no-repeat;
  background-size: cover;
  width: 20px;
  height: 14px;
  left: -8px;
  top: 8px
}

.crers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 20px
}

.crers .cr_bx {
  background: var(--bg-color);
  padding: 40px;
  flex: 30%;
  border-radius: 5px
}

.crers .cr_bx .crbtxt {
  position: relative;
  font-size: 18px
}

.crers .cr_bx .crbtxt::before {
  position: absolute;
  content: "";
  background: var(--title);
  width: 3px;
  height: 65px;
  top: -10px;
  left: -15px
}

.prflx {
  display: flex;
  align-items: center;
  background: var(--bg-color);
  border-top-left-radius: 240px;
  border-bottom-left-radius: 240px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  margin-bottom: 80px
}

.prflx .prgimg {
  width: 40%;
  position: relative
}

.prflx .prgdtls {
  width: 55%
}

.prghd p {
  font-size: 15px;
  margin: 10px 0
}

.prflx .prgimg .prg_mnimg {
  width: 470px;
  padding: 20px;
  position: relative;
  z-index: 1
}

.prflx .prgimg .prg_mnimg::before {
  position: absolute;
  content: '';
  background: var(--yellow);
  right: 8px;
  bottom: 17px;
  width: 90%;
  height: 90%;
  border-radius: 100%;
  z-index: -1
}

.prflx .prgimg .prg_mnimg img {
  width: 100%;
  height: auto
}

.prflx .prgimg .sbimg {
  position: absolute;
  top: 20px;
  left: 50px;
  z-index: 1
}

.prgtgs {
  margin: 20px 0
}

.prgtgs span {
  background: var(--yellow);
  color: var(--title);
  padding: 6px 20px;
  border-radius: 30px
}

.prgcrds {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
  gap: 20px
}

.wefr {
  background: var(--title);
  padding: 20px;
  border-radius: 10px;
  flex: 40%
}

.wefr h3 {
  color: var(--yellow)
}

.wefr p {
  color: #fff;
  font-size: 15px;
  margin: 10px 0
}

.prgdtls .primary_btn {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  color: var(--secondary)
}

.prgdtls .primary_btn svg {
  width: 10px
}

.prflx:nth-child(2) {
  border-top-right-radius: 240px;
  border-bottom-right-radius: 240px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px
}

.prflx:nth-child(2) .prgimg {
  margin-left: auto;
  width: 38%
}

.prflx:nth-child(2) .prgdtls {
  margin-left: auto
}

.whypro .lgcrds {
  display: flex;
  justify-content: space-between;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 50px
}

.whypro .lgcrds .crd-lgs {
  background: var(--bg-color);
  border-radius: 10px;
  flex: 16%;
  margin: 0 15px;
  padding: 20px;
  min-height: 300px
}

.whypro .lgcrds .crd-lgs .unidv {
  width: 60px;
  height: 60px;
  display: flex;
  background: var(--primary);
  justify-content: center;
  align-items: center;
  border-radius: 50px
}

.whypro .lgcrds .crd-lgs .unidv img {
  width: 60px;
  height: auto;
  margin: auto
}

.whypro .lgcrds .crd-lgs h3 {
  color: var(--black-color);
  margin: 20px 0
}

.whypro .lgcrds .crd-lgs p {
  color: var(--black-color);
  font-size: 15px
}

.pro_counter .counter09 {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 60px 0 20px;
  gap: 20px;
  border: 1px solid #f2f2f2;
  width: 75%;
  margin: 60px auto 0
}

.pro_counter .ins_cntr {
  padding: 15px 30px 15px 0;
  position: relative;
  width: 300px
}

.pro_counter .ins_cntr::before {
  position: absolute;
  content: "";
  background: #f2f2f2;
  width: 2px;
  height: 80%;
  right: 0;
  top: 10px
}

.pro_counter .ins_cntr:last-child::before {
  background: #fff
}

.pro_counter .counter09 h2 {
  font-size: 35px;
  margin-bottom: 10px
}

.pro_counter .counter09 p {
  font-size: 14px;
  color: var(--black-color)
}

.dsgnd {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  gap: 20px
}

.dsgnd .prodng {
  background: var(--bg-color);
  padding: 40px 30px;
  border-radius: 5px;
  width: 48%
}

.dsgnd .prodng ul {
  padding-left: 20px;
  padding-top: 20px
}

.dsgnd .prodng ul li {
  position: relative;
  margin-bottom: 10px
}

.dsgnd .prodng ul li::before {
  position: absolute;
  content: "";
  background: url(../imgs/enterprise/prot.webp) no-repeat;
  background-size: cover;
  width: 15px;
  height: 13px;
  left: -23px;
  top: 3px
}

.marquee-track {
  margin-top: 50px
}

.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  position: relative
}

.marquee {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 60s linear infinite
}

.marquee.reverse {
  padding-left: 0;
  animation: scroll-right 60s linear infinite
}

.marquee span {
  display: inline-block;
  font-size: 2rem;
  border: 1px solid #d3d3d3;
  border-radius: 30px;
  padding: 10px 20px;
  margin: 10px
}

@keyframes scroll-left {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

.cfa_course .tab-section .tab-buttons .tb-cntnt p {
  font-size: 16px;
  color: var(--title)
}

.cfa_course .tab-section .tab-buttons .tb-cntnt {
  width: initial;
  padding: 20px
}

.cfa_course .tab-section .tab-buttons .tb-cntnt.active p {
  color: var(--yellow)
}

.cfa_course .tab-section .tab-buttons .tb-cntnt.active {
  background-color: var(--title)
}

.cfa_course .tab-section .tab-buttons .tb-cntnt.trndflx {
  border: 1px solid var(--secondary)
}

.cfa_course .tab-section .tab-buttons .tb-cntnt.trndflx.active {
  background-color: var(--secondary)
}

.cfa_course .tab-section .tab-buttons .tb-cntnt.trndflx p {
  color: var(--secondary)
}

.cfa_course .tab-section .tab-buttons .tb-cntnt.trndflx.active p {
  color: var(--white-color)
}

.cfa_course .crd-points li::before {
  background: url(../imgs/enterprise/prot.webp) no-repeat
}

.coursesec .crsse {
  width: 90% !important;
  height: 700px
}

.nsdlflx {
  display: flex;
  flex-wrap: wrap
}

.nsdlflx .crtfimg {
  width: 30%;
  flex: 30%
}

.nsdlflx .crtfimg img {
  width: auto;
  height: 100%
}

.nsdlflx .ctrfdlts {
  width: 60%;
  flex: 60%;
  margin-left: 20px;
  margin-right: 0
}

.nsdlflx .inscrtf {
  background: var(--bg-color);
  padding: 20px;
  width: 100%;
  margin-bottom: 30px
}

.nsdlflx .inscrtf:last-child {
  margin-bottom: 0
}

.nsdlflx .inscrtf h3 {
  font-size: 25px
}

.nsdlflx .inscrtf p {
  font-size: 16px;
  margin-top: 10px
}

.entrcounter .counter09 {
  width: 50%;
  text-align: center;
  margin: auto;
  margin-block-start: 40px
}

.entrcounter .counter09>div {
  display: inline-block;
  width: 30%;
  padding: 20px
}

.entrcounter .counter09>div:nth-child(-n+3) {
  border-bottom: 1px solid #e5e5e5
}

.entrcounter .counter09>div:first-child,
.entrcounter .counter09>div:nth-child(2),
.entrcounter .counter09>div:nth-child(4),
.entrcounter .counter09>div:nth-child(5) {
  border-right: 1px solid #e5e5e5
}

.entrcounter .counter09>div h2 {
  font-size: 30px
}

.entrcounter .counter09>div p {
  font-size: 13px;
  margin-top: 5px
}

.entrcounter .counter09>div span {
  font-size: 30px
}

.trning {
  margin-top: 40px
}

.trn-lf {
  display: inline-block;
  width: 48%
}

.trn-lf ul li {
  display: flex;
  padding-block-end: 20px;
  position: relative
}

.trn-lf ul li::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 120px;
  background: var(--yellow);
  top: 20px;
  left: 30px;
  z-index: -1
}

.trn-lf ul li:last-child::before {
  content: none
}

.trn-lf ul li .pdgimg {
  width: 80px
}

.trn-lf ul li .pdgli {
  width: 75%
}

.trn-lf ul li .pdgli p {
  font-size: 13px;
  margin-top: 5px
}

.abmnrsec {
  background-color: var(--bg-color)
}

.tch {
  display: flex;
  align-items: center;
  margin-top: 40px
}

.tch .tch-img {
  width: 48%
}

.tch .tch-img img {
  width: 100%;
  height: auto
}

.tch .tch-txt {
  width: 48%;
  margin-left: auto
}

.tch .tch-txt p {
  font-size: 17px
}

.btmtxt {
  text-align: center;
  margin-top: 30px
}

.btmtxt .btmhd {
  font-size: 40px
}

.btmtxt .counter09 {
  margin-top: 30px
}

.btmtxt .counter09>div {
  background: var(--white-color)
}

.afr_sld {
  margin-top: 40px
}

.afr_sld .item {
  width: 90% !important;
  padding: 15px;
  outline: 1px solid #f1f1f1
}

.afr_sld .ofr_img {
  position: relative
}

.afr_sld .ofr_img img {
  width: 100%;
  height: auto
}

.afr_sld .ofr_img small {
  background: var(--yellow);
  color: var(--title);
  padding: 5px 15px;
  border-radius: 20px;
  position: absolute;
  top: 20px;
  left: 15px
}

.afr_sld .ofr_tags {
  margin-block: 20px
}

.afr_sld .ofr_tags span {
  background: var(--title);
  color: var(--yellow);
  margin-right: 10px;
  font-size: 11px;
  border-radius: 20px;
  padding: 5px 10px
}

.ofr_dtls .sb_dtls {
  margin-top: 14px
}

.ofr_dtls h3 {
  font-size: 16px
}

.sb_dtls h3 {
  font-size: 16px
}

.ofr_dtls p {
  font-size: 13px;
  margin-top: 5px
}

.oftr_btn .primary_btn {
  display: flex;
  align-items: center;
  gap: 10px
}

.prtflex {
  display: flex
}

.prtflex .prtlf {
  width: 30%
}

.prtflex .prtrg {
  width: 60%;
  margin-left: auto
}

.prtflex .prtrg ul {
  display: flex;
  flex-wrap: wrap
}

.prtflex .prtrg ul li {
  width: 24%
}

.prtflex .prtrg ul li img {
  width: 100%;
  height: auto
}

.cfa_icns {
  position: relative
}

.cfa_icns::before {
  position: absolute;
  content: "";
  background: url("../imgs/enterprise/cfa/patch.webp") no-repeat;
  width: 429px;
  height: 725px;
  bottom: -400px;
  left: -100px;
  z-index: -1
}

.cfa_icns .keydetails {
  margin-top: -25%
}

.cfa_icns .animate-pop {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity .6s ease-out, transform .6s ease-out
}

.cfa_icns .animate-pop.show {
  opacity: 1;
  transform: translateX(0)
}

.enterprise_color .keydetails .hdng {
  margin-top: 50px
}

.blglg {
  background: var(--title);
  position: absolute;
  width: 100%;
  top: 0;
  text-align: center;
  padding: 15px;
  border-radius: 10px 10px 0 0
}

.blglg img {
  width: 500px;
  height: auto
}

.enterprise_color .keydtsl_list {
  width: 90%
}

.enterprise_color .keydtsl_list li {
  flex: 49%;
  padding: 18px;
  border-radius: 10px
}

.enterprise_color .keydtsl_list li .cfimg {
  background: var(--title);
  width: 60px;
  height: 60px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center
}

.enterprise_color .keydtsl_list li .cfimg img {
  width: 32px;
  height: auto
}

.whoiscourse {
  position: relative
}

.whoiscourse::before {
  position: absolute;
  content: "";
  background: url("../imgs/enterprise/cfa/enterprise-dots.webp") no-repeat;
  width: 192px;
  height: 40px;
  left: 20px;
  top: 0
}

.whoiscourse::after {
  position: absolute;
  content: "";
  background: url("../imgs/enterprise/cfa/enterprise-dots.webp") no-repeat;
  width: 192px;
  height: 40px;
  right: -55px;
  bottom: -30px;
  transform: rotate(90deg)
}

.crfr {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  gap: 50px;
  margin-left: auto
}

.crfr .crftx {
  width: 40%;
  margin-left: auto
}

.crfr .crftx p {
  font-size: 15px;
  margin-top: 10px
}

.crfr .crftx ul {
  padding: 3px 0 18px 30px
}

.crfr .crftx ul li {
  list-style-type: disc !important;
  margin: 10px 0
}

.crfr .crfble {
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--title);
  width: 50%;
  border-radius: 15px;
  padding: 20px;
  height: 170px
}

.whoiscourse .crfr .crfble {
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--title);
  width: 600px;
  border-radius: 15px;
  padding: 20px;
  height: 200px;
  margin-left: auto
}

.crfr .crfble img {
  width: 130px;
  height: auto
}

.crfr .crfble p {
  font-size: 18px;
  color: var(--white-color)
}

.circle_loader {
  fill: none;
  stroke: yellow;
  stroke-width: 10px;
  stroke-linecap: round;
  transform-origin: center;
  transform: rotate(-90deg)
}

text {
  dominant-baseline: middle;
  text-anchor: middle;
  font-size: 30px;
  font-family: Arial
}

.cfa_mntrdtls {
  position: relative
}

.cfa_mntrdtls::before {
  position: absolute;
  content: "";
  background: url("../imgs/enterprise/cfa/enterprise-dots.webp") no-repeat;
  background-size: cover;
  width: 192px;
  height: 40px;
  bottom: 0;
  left: 20px
}

.cfa_mntrdtls::after {
  position: absolute;
  content: "";
  background: url("../imgs/enterprise/cfa/patch.webp") no-repeat;
  width: 429px;
  height: 725px;
  bottom: 100px;
  right: 20px;
  z-index: -1;
  transform: rotate(-360deg) scaleX(-1)
}

.cfa_mntrdtls .mntrship .mntrdtl {
  width: 73%
}

.cfa_mntrdtls .mntrship.rflx {
  width: 80%;
  margin: 50px auto
}

.cfa_mntrdtls .mntrship .mentormg {
  margin-left: auto
}

.cfa_mntrdtls .mntnm h3 {
  font-size: 20px
}

.cfa_mntrdtls .mntnm .secondary-btn {
  margin-top: 15px
}

.cfa_mntrdtls .mntnm {
  display: flex;
  justify-content: space-between
}

.cfa_mntrdtls .mtrcrfs ul {
  width: 80%;
  margin-left: auto;
  background: var(--title);
  padding: 10px;
  border-radius: 10px;
  padding-left: 30px
}

.cfa_mntrdtls .mtrcrfs li {
  font-size: 14px;
  margin: 5px 0;
  color: var(--yellow);
  list-style-type: disc
}

.toolkits {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 50px
}

.toolkits .tlk {
  flex: 30%;
  background: var(--bg-color);
  padding: 20px;
  min-height: 390px
}

.toolkits .tlk .tolimg {
  background-color: var(--title);
  border-radius: 30px;
  width: 250px;
  padding: 13px 30px;
  line-height: 0;
  margin: 20px 0
}

.toolkits .tlk .tolimg img {
  width: auto;
  height: auto
}

.toolkits .tlk .tolicon {
  background-color: var(--title);
  line-height: 0;
  margin: 20px 0 11px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.toolkits .tlkdtls ul {
  padding: 10px 60px 0 30px
}

.toolkits .tlkdtls ul li {
  margin: 8px 0;
  list-style-type: disc
}

.learn_plan {
  position: relative
}

.learn_plan::before {
  position: absolute;
  content: "";
  background: url("../imgs/enterprise/cfa/enterprise-dots.webp") no-repeat;
  background-size: cover;
  width: 192px;
  height: 40px;
  bottom: 0;
  left: 20px
}

.learn_plan .frmwork {
  margin-top: 50px
}

.learn_plan .framework-number .frmflx::before {
  left: 27px;
  height: 44px;
  bottom: -22px
}

.learn_plan .framework-number .frmflx .nmbr {
  width: 60px;
  height: 60px;
  background: var(--title)
}

.learn_plan .framework-number .frmflx {
  padding: 15px 0
}

.tranplan .opntrs li {
  align-items: flex-start
}

.tranplan .opntrs .pntrxn {
  width: 60%
}

.tranplan .opntrs .pntrxn p {
  font-size: 14px;
  margin-top: 5px
}

.tranplan .online_img .imgsin img {
  width: 100%;
  height: auto
}

.summertables {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 10px
}

.summertables .smrtbl {
  flex: 49%;
  display: flex;
  justify-content: space-between;
  border: 1px solid #dadada;
  padding: 20px
}

.summertables .smrtbl .inctm {
  display: inline-flex;
  gap: 10px
}

.lvplns {
  width: 70%;
  margin: 50px auto 0;
  border-radius: 4px
}

.lvplns .accordion-item {
  overflow: hidden;
  background: var(--bg-color);
  margin: 10px 0
}

.lvplns .accordion-header {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background .3s;
  padding: 20px 40px
}

.lvplns .accordion-item .accordion-header::after {
  position: absolute;
  content: "";
  background: url("../imgs/enterprise/cfa/ardwn.webp") no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  right: 40px;
  transition: all .3s
}

.lvplns .accordion-item.active .accordion-header {
  border-bottom: 1px solid #d9d9d9
}

.lvplns .accordion-item.active .accordion-header::after {
  transform: rotate(180deg)
}

.lvplns .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-out;
  padding: 0 15px
}

.lvplns .accordion-item.active .accordion-content {
  max-height: 500px;
  transition: max-height .5s ease-in
}

.lvplns .accordion-header h4:first-child {
  width: 300px
}

.lvplns .accordion-header h4:nth-child(2) {
  font-weight: 400
}

.lvplns .ins-content {
  width: 90%;
  margin: 20px auto
}

.lvplns .ins-content p {
  font-size: 15px
}

.allcorporates {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: 50px auto
}

.allcorporates .corporates {
  flex: 49%;
  margin-bottom: 25px
}

.allcorporates .corporates h3 {
  font-size: 20px;
  position: relative;
  margin: 20px 0;
  padding-left: 10px
}

.allcorporates .corporates h3::before {
  position: absolute;
  content: "";
  background: var(--title);
  width: 3px;
  height: 100%;
  left: 0
}

.allcorporates ul {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  gap: 15px
}

.allcorporates ul li {
  flex: 40%;
  border: 1px solid #dadada;
  padding: 15px
}

.allcorporates ul li p {
  margin-bottom: 0;
  text-align: center;
  font-size: 14px
}

.allcorporates .animate-pop {
  opacity: 0;
  transform: translateY(50%);
  transition: .5s ease-in-out
}

.allcorporates .animate-pop.show {
  opacity: 1;
  transform: translateY(0)
}

.blue_plan {
  background: var(--title);
  position: relative
}

.blue_plan::before {
  position: absolute;
  content: "";
  background: url("../imgs/enterprise/cfa/ylcdots.webp") no-repeat;
  background-size: cover;
  width: 192px;
  height: 40px
}

.blue_plan .hdng p {
  color: var(--white-color)
}

.blue_plan .training-plans .plansdv {
  background: var(--white-color);
  margin-top: 50px;
  border-radius: 5px;
  padding-top: 10px
}

.blue_plan .blue_mnhdng {
  color: var(--white-color)
}

.blue_plan small {
  background: var(--yellow);
  padding: 10px 20px;
  border-radius: 100px;
  font-weight: 600
}

.blue_plan .plansdv .planstlt h2 {
  margin-top: 20px;
  font-size: 16px
}

.blue_plan .plansdv .what-you-get {
  background: var(--bg-color);
  min-height: 300px
}

.blue_plan .plansdv .what-you-get ul li {
  color: var(--black-color);
  font-size: 14px;
  padding: 0;
  margin-bottom: 15px
}

.blue_plan .plansdv .what-you-get h3 {
  color: var(--black-color);
  font-size: 15px
}

.blue_plan .plansdv .what-you-get ul li::before {
  background: url("../imgs/enterprise/cfa/yltck.webp") no-repeat;
  background-size: cover;
  top: 3px;
  transform: inherit
}

.blue_plan .crd-prc {
  padding: 20px
}

.blue_plan .crd-prc p {
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  font-size: 15px
}

.blue_plan .crd-prc span {
  font-size: 25px;
  top: -5px;
  position: relative;
  font-weight: 700;
  padding: 0 5px
}

.blue_plan .plnbtn {
  padding: 0 20px 20px 20px
}

.blue_plan .plnbtn .primary_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--secondary);
  font-weight: 600;
  cursor: pointer
}

.blue_plan .plnshtg .what-you-get {
  min-height: 400px
}

.cfa-sec .accordion-content ul {
  padding-left: 30px !important
}

.cfa-sec .accordion-content ul li {
  list-style: disc
}

.livetrain_accordion .lvplns {
  width: 80%
}

.livetrain_accordion .lvplns .accordion-item.active .accordion-content {
  padding: 15px;
  max-height: fit-content
}

.livetrain_accordion .accordion-content .sesflx {
  display: flex;
  justify-content: center;
  margin-bottom: 30px
}

.livetrain_accordion .ssn_name {
  position: relative;
  width: 25%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px
}

.livetrain_accordion .ssn_name h2 {
  color: var(--paragraph);
  font-size: 18px;
  font-weight: 500
}

.livetrain_accordion .ssn_name span {
  color: var(--title);
  font-size: 25px;
  font-weight: 600
}

.livetrain_accordion .ssn_name::before {
  position: absolute;
  content: "";
  background: var(--title);
  width: 4px;
  height: 100%;
  right: 0
}

.livetrain_accordion .ssn_dtls {
  padding: 20px;
  width: 80%
}

.livetrain_accordion .ssn_dtls h3 {
  font-size: 17px
}

.livetrain_accordion .ins-session:nth-child(2) {
  padding-top: 20px
}

.livetrain_accordion .ins-session ul {
  padding: 8px 0 0 20px
}

.livetrain_accordion .ins-session ul li {
  font-size: 15px;
  list-style-type: disc;
  margin-bottom: 5px
}

.skls_imgs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px
}

.skls_imgs .simg {
  width: 20%
}

.certificate {
  background: var(--title)
}

.certflx {
  display: flex;
  justify-content: center;
  align-items: center
}

.certflx .cert_txt {
  width: 44%
}

.certflx .cert_txt h2 {
  color: var(--white-color);
  font-size: 40px
}

.certflx .cert_txt p {
  color: var(--white-color);
  font-size: 18px;
  margin-bottom: 20px
}

.certflx .cert_img {
  width: 500px
}

.certflx .cert_img img {
  width: 100%;
  height: auto;
  border-radius: 10px
}

.toprem {
  padding-top: 8rem
}

.course_listing {
  display: flex;
  justify-content: space-between
}

.left_fltr {
  width: 28%;
  position: sticky;
  top: 20%;
  height: 100%
}

.right_course {
  width: 68%
}

.ftclr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px
}

.ftclr a {
  cursor: pointer
}

.filter_bx {
  background: var(--bg-color);
  width: 85%;
  margin: 20px auto;
  padding: 20px;
  position: relative
}

.all_fltr label {
  display: block;
  margin: 10px 0;
  font-size: 15px;
  cursor: pointer
}

.all_fltr input {
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px
}

.all_crsse .ins_crsse {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px
}

.all_crsse .ins_crsse.hidden {
  display: none
}

.crsse {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  width: 45%;
  padding: 15px;
  background: var(--white-color);
  position: relative
}

.crse_img {
  position: relative
}

.crse_img img {
  width: auto;
  height: auto
}

.crse_img small {
  position: absolute;
  top: 20px;
  left: 20px;
  background: var(--yellow);
  color: var(--title);
  padding: 7px 14px;
  font-weight: 600;
  display: block;
  border-radius: 50px
}

.crse-hd h2 {
  font-size: 20px;
  margin-top: 10px
}

.crse-hd p {
  font-size: 15px;
  margin: 15px 0
}

.kyhgl {
  font-size: 13px;
  margin: 10px 0
}

.crslist {
  padding-left: 20px
}

.crslist li {
  position: relative;
  color: var(--title);
  font-weight: 400;
  font-size: 13px;
  margin: 9px 0
}

.crslist li::before {
  position: absolute;
  content: "";
  background: url("../imgs/enterprise/prot.webp") no-repeat;
  background-size: cover;
  width: 16px;
  height: 12px;
  left: -20px;
  top: 4px
}

.tmtls {
  margin: 20px 0;
  display: none
}

.tmsd {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px
}

.tmsd p {
  margin-bottom: 0;
  font-size: 14px
}

.crse-dtls {
  min-height: 390px
}

.crse-prc {
  position: absolute;
  bottom: 60px
}

.crse-prc p {
  margin-bottom: 0;
  font-size: 14px
}

.crse-prc .fntbg {
  font-size: 20px;
  font-weight: 600
}

.crsse .primary_btn {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 15px;
  color: var(--secondary);
  position: absolute;
  bottom: 20px;
  cursor: pointer
}

.course_banner {
  position: relative
}

.course_banner .top_dtl {
  position: absolute;
  top: 200px;
  padding-left: 20px
}

.course_banner .top_dtl .bdtls h1 {
  color: var(--white-color)
}

.course_banner .top_dtl .bdtls p {
  color: var(--white-color);
  width: 550px;
  margin: 10px 0;
  font-size: 15px
}

.crs_timl ul {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 20px 0
}

.crs_timl ul li {
  display: flex;
  align-items: center;
  gap: 5px
}

.crs_timl ul li img {
  width: 22px;
  height: auto;
  max-width: 100%
}

.crs_timl ul li p {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--white-color)
}

.course_banner .top_dtl .bbtns {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 30px 0
}

.course_banner .top_dtl .bbtns .white-btn {
  padding: 13px 20px;
  margin-top: 0
}

.course_banner .bbtns .explore_btn {
  color: var(--white-color);
  display: flex;
  align-items: center;
  gap: 5px
}

.course_banner .breadcrumb {
  position: absolute;
  top: 130px
}

.course_banner .breadcrumb ul li {
  display: flex;
  align-items: center;
  gap: 6px
}

.course_banner .breadcrumb li a {
  color: var(--white-color);
  font-size: 13px
}

.course_banner .breadcrumb li svg {
  color: var(--white-color);
  width: 5px
}

.whtlrn .keydetails {
  margin-top: -300px
}

.whtlrn .keydetails .hdng {
  margin: 0
}

.whtlrn .keydtsl_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 80%
}

.whtlrn .keydtsl_list li {
  position: relative;
  width: 450px;
  margin: 5px auto
}

.whtlrn .keydtsl_list li .cfimg {
  position: absolute;
  left: -24px;
  width: 40px;
  height: 40px
}

.whtlrn .keydetails .keydtsl_list li p {
  width: 80%;
  margin-left: 20px;
  font-size: 1em
}

.whtlrn .keydtsl_list li .cfimg img {
  width: 20px
}

.sklflx {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 30px
}

.sklflx img {
  width: 500px;
  height: auto
}

.skl-cnt {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 80%
}

.skl-cnt .skldts {
  flex: 40%;
  margin: 10px 0
}

.skldts h3 {
  margin-bottom: 10px
}

.skldts ul li {
  display: flex;
  align-items: center;
  margin: 5px 0;
  gap: 8px
}

.skldts ul li img {
  width: 15px;
  height: auto
}

.skldts ul li p {
  margin-bottom: 0;
  font-size: 17px
}

.blue_plan .all_crsse {
  margin-bottom: 70px
}

.blue_plan .all_crsse .crsse {
  width: 95% !important
}

.blue_plan .all_crsse button {
  position: absolute;
  right: 100px;
  bottom: -60px;
  font-size: 0;
  width: 40px;
  height: 40px;
  background: url("../imgs/study-abroad/goldenarrow.webp") no-repeat;
  border: none;
  background-size: cover;
  cursor: pointer
}

.blue_plan .all_crsse .slick-next {
  background: url("../imgs/study-abroad/goldenarrow.webp") no-repeat;
  background-size: cover
}

.blue_plan .all_crsse .slick-prev {
  right: 150px;
  transform: rotate(-180deg)
}

.blue_plan .seeall a {
  background: var(--white-color);
  padding: 10px 12px;
  border-radius: 5px
}

.crs_Fr .online_prep {
  margin-top: 40px
}

.crs_Fr .online_prep.rflx {
  justify-content: center;
  align-items: center
}

.crs_Fr .online_prep .online_img {
  width: 40%
}

.crs_Fr .online_prep .online_points {
  width: 50%
}

.crs_Fr .online_prep .online_img .imgsin img {
  border-radius: 5px
}

.crs_Fr .online_points h2 {
  padding-left: 20px
}

.crs_Fr .online_img img {
  width: 100%;
  height: auto
}

.crs_Fr .opntrs {
  padding-left: 30px
}

.crs_Fr .opntrs li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px
}

.crs_Fr .opntrs li p {
  font-size: 18px;
  color: var(--paragraph);
  font-weight: 400;
  width: 80%;
  margin-bottom: 0
}

.crs_Fr .opntrs .animate-pop {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity .6s ease-out, transform .6s ease-out
}

.crs_Fr .opntrs .animate-pop.show {
  opacity: 1;
  transform: translateX(0)
}

.mt100 {
  margin-top: 100px
}

.form-group select {
  width: 100%;
  color: var(--paragraph);
  outline: 0;
  padding: 8px;
  margin: 4px 0;
  border-radius: 4px;
  background: 0 0;
  border: 1px solid;
  border: 1px solid #d5d5d5
}

.page_tg {
  margin: 2em 0
}

.page_tg small {
  background: var(--yellow);
  color: var(--title);
  padding: 7px 14px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 14px
}

.plan_information {
  display: flex;
  justify-content: space-between
}

.plan_details {
  width: 65%
}

.inspgdtl {
  margin-top: 30px;
  margin-bottom: 20px
}

.inspgdtl p {
  font-size: 15px;
  margin: 5px 0
}

.blue_strip {
  position: relative;
  padding: 1em 0;
  display: flex;
  align-items: center
}

.blue_strip::before {
  position: absolute;
  content: "";
  background: var(--title);
  left: -100%;
  width: 217%;
  height: 100%;
  z-index: -1
}

.blue_strip ul {
  display: flex;
  gap: 20px
}

.blue_strip li {
  display: flex;
  align-items: center;
  gap: 10px
}

.blue_strip li img {
  width: 25px
}

.blue_strip li span {
  color: var(--white-color);
  font-size: 18px
}

.plan_form {
  width: 30%;
  position: sticky;
  height: 100%;
  top: 20%;
  margin-left: auto
}

.plan_form .course_form {
  background: var(--white-color);
  text-align: center;
  padding: 30px 20px;
  border: 1px solid #aeaeae;
  border-radius: 16px
}

.plan_form .course_form input {
  width: 100%;
  color: var(--paragraph);
  outline: 0;
  padding: 8px;
  margin: 4px 0;
  border-radius: 4px;
  background: 0 0;
  border: 1px solid #d5d5d5
}

.plan_form .course_form select {
  text-transform: capitalize
}

.plan_form .course_form select option {
  color: var(--paragraph)
}

.plan_form form button {
  background: var(--secondary);
  color: var(--white-color);
  border: none;
  border-radius: 5px;
  padding: 10px 30px;
  margin-top: 20px;
  cursor: pointer;
  outline: 1px solid var(--secondary);
  transition: .3s ease
}

.plan_form form button:hover {
  background: var(--white-color);
  color: var(--secondary)
}

.pln_hdng {
  font-size: 2em;
  color: var(--title)
}

.wtlrn {
  padding: 60px 0
}

.wtlrn .allr {
  margin-top: 20px
}

.wtlrn .allr {
  display: flex;
  flex-wrap: wrap;
  gap: 15px
}

.wtlrn a {
  background: var(--title);
  color: var(--yellow);
  padding: 9px 15px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 13px;
  cursor: default
}

.sklslrn {
  padding: 30px 0
}

.sklslrn .rflx {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px
}

.sklslrn ul li {
  display: flex;
  align-items: center;
  margin: 15px 5px;
  gap: 10px
}

.sklslrn li img {
  width: 30px;
  height: 30px
}

.sklslrn li p {
  margin-bottom: 0;
  font-size: 15px
}

.sklsimg img {
  border-radius: 15px
}

.crkydtls {
  padding: 30px 0
}

.alkydtls {
  margin-top: 20px
}

.alkydtls ul {
  border: 1px solid #e0e0e0;
  padding: 20px 0;
  border-radius: 15px
}

.alkydtls li {
  padding: 20px 0 20px 60px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  font-size: 16px
}

.alkydtls li::before {
  position: absolute;
  content: "";
  background: var(--title);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 3%
}

.alkydtls li::after {
  position: absolute;
  content: "";
  background: var(--yellow);
  width: 10px;
  height: 10px;
  left: 4%;
  transform: translateY(-50%);
  top: 50%;
  border-radius: 100%
}

.alkydtls li:last-of-type {
  border-bottom: none
}

.course_time {
  padding: 30px 0
}

.course_time h5 {
  font-size: 15px;
  font-weight: 400;
  margin: 30px 0 10px 0
}

.course_time ul {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0 20px;
  flex-wrap: wrap
}

.course_time ul li {
  background-color: var(--bg-color);
  padding: 20px 10px;
  border-radius: 10px;
  width: 15%;
  height: 110px
}

.course_time ul li p {
  margin-bottom: 0;
  padding: 5px 0;
  font-size: 12px
}

.course_time ul .ylflx {
  display: flex;
  align-items: center;
  background: #22223a;
  padding: 10px;
  width: 28%;
  border-radius: 10px
}

.course_time ul .ylflx img {
  width: 68px
}

.course_time ul .ylflx p {
  color: var(--yellow);
  margin-bottom: 0;
  font-size: 1em
}

.explsec {
  padding: 40px 0 60px 0
}

.explsec .all_crsse {
  margin-top: 20px
}

.explsec .crsse {
  width: 95% !important;
  min-height: 700px
}

.explsec .all_crsse button {
  position: absolute;
  right: 0;
  bottom: 50%;
  font-size: 0;
  width: 40px;
  height: 40px;
  background: url("../imgs/course-details/bluearrow.webp") no-repeat;
  border: none;
  background-size: cover;
  cursor: pointer
}

.explsec .all_crsse .slick-next {
  background: url("../imgs/course-details/bluearrow.webp") no-repeat;
  background-size: cover;
  transform: rotate(-180deg)
}

.explsec .all_crsse .slick-prev {
  left: -30px;
  z-index: 1
}

.explsec .seeall a {
  background: var(--white-color);
  padding: 10px 12px;
  border-radius: 5px
}

.pln_fqs {
  margin: 40px 0
}

.pln_fqs .accordion {
  width: 100%;
  margin-top: 20px
}

.explor-crds {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative
}

.explor-crds .mncrds {
  width: 94% !important;
  border: 1px solid #e0e0e0;
  padding: 15px
}

.mncrds .mndtls h2 {
  font-size: 20px;
  margin-top: 10px
}

.mncrds .mndtls p {
  font-size: 17px;
  margin: 15px 0
}

.explor-crds button {
  position: absolute;
  right: 100px;
  bottom: -80px;
  font-size: 0;
  width: 40px;
  height: 40px;
  background: url("../imgs/course-details/bluearrow.webp") no-repeat;
  border: none;
  background-size: cover;
  cursor: pointer
}

.explor-crds .slick-next {
  background: url("../imgs/course-details/bluearrow.webp") no-repeat;
  background-size: cover;
  transform: rotate(-180deg)
}

.explor-crds .slick-prev {
  right: 150px
}

.mkinvsm .dflex {
  justify-content: inherit
}

.mkinvsm .dflex .infrast {
  width: 52%;
  margin-right: auto
}

.mkinvsm .dflex .infraimg {
  width: 30%;
  margin: auto
}

.mkinvsm .dflex::before {
  height: 45%;
  background: var(--title)
}

.mkinvsm h2 {
  font-size: 20px;
  color: var(--white-color);
  font-weight: 500
}

.mkinvsm .infraimg {
  width: fit-content
}

.mkinvsm .infraimg img {
  width: auto;
  height: auto
}

.mkinvsm .invsbtns {
  display: flex;
  gap: 10px
}

.mkinvsm .invsbtns a {
  background-color: var(--white-color);
  padding: 10px 30px;
  border-radius: 5px;
  font-weight: 500
}

.mkinvsm .invsbtns a:hover {
  background: var(--secondary)
}

.mkinvsm .invsbtns a:hover span {
  color: var(--white-color)
}

.mkinvsm .invsbtns a:hover svg path {
  stroke: var(--white-color)
}

.mkinvsm .invsbtns span {
  font-size: 14px
}

.mkinvsm .invsbtns .secondary-btn {
  background: var(--white-color);
  color: var(--secondary);
  outline: 1px solid var(--secondary)
}

.mkinvsm .invsbtns .secondary-btn:hover {
  background: 0 0
}

.contact_sec {
  margin-top: 160px
}

.contact_flex ul {
  width: 80%;
  background: var(--bg-color);
  padding: 30px;
  border-radius: 20px
}

.contact_flex ul li {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 25px 0
}

.contact_flex ul li img {
  width: 60px;
  height: auto
}

.contact_flex ul li a {
  font-size: 15px;
  margin-bottom: 0;
  color: var(--paragraph)
}

.contact_flex ul li p {
  font-size: 14px;
  margin-bottom: 0
}

.contact_flex ul li .adr a {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  color: var(--title);
  transition: .3s ease-in
}

.contact_flex ul li .adr a:hover {
  gap: 15px
}

.contact_flex ul li .adr a svg {
  width: 6px
}

.contact_flex ul li:last-child img {
  margin-bottom: auto
}

.rgt_cfrm {
  text-align: center;
  background: var(--title);
  width: 50%;
  padding: 20px;
  border-radius: 15px
}

.rgt_cfrm form h2 {
  color: var(--white-color);
  padding: 15px 0;
  font-size: 20px;
  font-weight: 500
}

.rgt_cfrm .form-group {
  width: 100%
}

.rgt_cfrm .form-group input {
  color: var(--white-color);
  background: 0 0;
  border: 1px solid #aeaeae;
  margin: 5px 0
}

.rgt_cfrm .form-group input::placeholder {
  color: #aeaeae
}

.rgt_cfrm .form-group input,
select {
  width: 100%;
  padding: 10px;
  border-radius: 5px
}

.rgt_cfrm .form-group select {
  color: #aeaeae;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none
}

.rgt_cfrm .slc_arw {
  position: relative
}

.rgt_cfrm .slc_arw::after {
  position: absolute;
  content: "";
  font-size: 20px;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  background: url("../imgs/enterprise/dropdown.webp") no-repeat;
  background-size: cover;
  width: 12px;
  height: 7px
}

.sbmt button {
  width: 80%;
  margin: 10px auto 0 auto;
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 10px;
  justify-content: center;
  background: var(--white-color);
  border: 1px solid var(--white-color);
  cursor: pointer;
  color: var(--secondary);
  border-radius: 3px
}

.sbmt button:hover {
  border: 1px solid var(--white-color);
  background: 0 0;
  color: var(--white-color)
}

.toef_pro .left_hd {
  width: 30%
}

.toef_pro .right_txt {
  width: 80%
}

.toef_pro .mnprc .prcdtl {
  width: 50%
}

@media (max-width:768px) {
  .pt-space {
    padding-top: 100px
  }

  .breadcrumb ul li a {
    font-size: 11px
  }

  .breadcrumb ul {
    gap: 5px
  }

  .breadcrumb ul li {
    gap: 5px
  }

  .pge_cta {
    display: none
  }

  .main_header .logo {
    width: 100px
  }

  .top_header .top_nav {
    gap: 10px;
    display: none
  }

  .top_header .top_nav li a {
    font-size: 12px
  }

  .main_header .main_nav {
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 80vh;
    top: 0;
    background-color: var(--white-color);
    right: -120%;
    transition: .3s ease-in;
    gap: 20px;
    align-items: baseline;
    padding: 0 20px
  }

  .main_header .main_nav li.consultation_btn {
    border-bottom: 0
  }

  .main_header .main_nav li {
    border-bottom: 1px solid var(--bg-color);
    width: 100%
  }

  .main_header .main_nav li a {
    line-height: 1.5
  }

  .main_header .main_nav.active {
    right: 0;
    height: 100vh;
    overflow-y: scroll
  }

  .main_header .srchicon {
    display: none
  }

  .main_header .main_nav {
    height: 100vh
  }

  .main_header .logo {
    width: auto
  }

  .fa-home {
    color: var(--primary) !important
  }

  .scnd_hdr_mn .consultation_btn {
    display: none
  }

  .main_header .consultation_btn a {
    padding: 12px 8px
  }

  .sub-menu {
    position: inherit;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    box-shadow: none;
    padding: 0 20px;
    display: none
  }

  .sub-menu.expand {
    display: block;
    opacity: 1;
    visibility: visible;
    padding: 5px 0
  }

  .sub-menu li i {
    top: 13px
  }

  .main_nav .sub-menu li .insub-menu {
    position: inherit;
    left: 0;
    height: 0;
    transition: .3s ease-in-out;
    padding: 0
  }

  .main_nav .sub-menu li:hover {
    background: inherit
  }

  .sub-menu li .insub-menu.expand {
    opacity: 1;
    visibility: visible;
    height: 100%;
    width: 100%
  }

  ul li:hover>.sub-menu {
    top: 0
  }

  .sub-menu {
    padding-top: 20px
  }

  .main_header .main_nav .has-submenu .sub-menu li a {
    font-size: 13px;
    padding: 5px !important
  }

  .satflx .baner-dtls h1 br {
    display: none
  }

  .dn {
    display: block
  }

  .main_header .hamburger {
    display: block;
    position: relative;
    width: 30px;
    height: 40px;
    cursor: pointer;
    right: 0;
    top: 6px
  }

  .hamburger span {
    width: 5px;
    height: 5px;
    background-color: var(--primary);
    display: inline-block;
    position: absolute;
    transition: all .3s ease-in-out;
    border-radius: 50%
  }

  .hamburger.active span {
    height: 5px;
    width: 5px
  }

  .hamburger span:nth-child(2n) {
    left: 40%
  }

  .hamburger span:nth-child(odd) {
    left: 0
  }

  .hamburger span:first-child,
  .hamburger span:nth-child(2),
  .hamburger span:nth-child(3) {
    top: 0
  }

  .hamburger span:nth-child(4),
  .hamburger span:nth-child(5),
  .hamburger span:nth-child(6) {
    top: 10px
  }

  .hamburger span:nth-child(7),
  .hamburger span:nth-child(8),
  .hamburger span:nth-child(9) {
    top: 21px
  }

  .hamburger span:nth-child(3) {
    left: 80%
  }

  .hamburger span:nth-child(6) {
    left: 80%
  }

  .hamburger span:nth-child(9) {
    left: 80%
  }

  .hamburger.active span:first-child {
    width: 19px;
    transform: rotate(45deg);
    left: -4px;
    border-radius: 50px;
    top: 5px;
    height: 4px
  }

  .hamburger.active span:nth-child(3) {
    width: 19px;
    transform: rotate(45deg);
    left: 37%;
    border-radius: 50px;
    top: 5px;
    transform: rotate(-45deg);
    height: 4px
  }

  .hamburger.active span:nth-child(7) {
    width: 19px;
    transform: rotate(45deg);
    left: -4px;
    border-radius: 50px;
    top: 19px;
    transform: rotate(-45deg);
    height: 4px
  }

  .hamburger.active span:nth-child(9) {
    width: 19px;
    transform: rotate(45deg);
    left: 37%;
    border-radius: 50px;
    top: 19px;
    height: 4px
  }

  .hamburger.active span:nth-child(4),
  .hamburger.active span:nth-child(5),
  .hamburger.active span:nth-child(6) {
    left: 40%;
    height: 4px
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(8) {
    top: 12px;
    left: 10px
  }

  footer {
    padding-bottom: 10px
  }

  .footer_strip .strip {
    display: none
  }

  .ftr__first {
    grid-template-columns: 1fr;
    place-items: baseline
  }

  .ftr__logo {
    margin-bottom: 40px
  }

  .ftr__first .ftr_srvlist {
    margin: 10px 0;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
    width: 100%;
    position: relative
  }

  .ftr__first .ftr_srvlist::before {
    position: absolute;
    content: "+";
    font-size: 25px;
    right: 0;
    color: var(--white-color);
    transition: .3s ease-in
  }

  .ftr__first .ftr_srvlist.active::before {
    transform: rotate(45deg)
  }

  .ftr__first ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    padding: 0;
    margin: 0
  }

  .ftr__first .ftr_srvlist.active ul {
    max-height: 500px;
    padding: 10px 0
  }

  .ftr__first .ftr_srvlist h4 {
    margin-bottom: 10px
  }

  .ftr_address .adrsl {
    grid-template-columns: 1fr;
    place-items: flex-start
  }

  .ftr_address .adrsl li {
    margin: 10px 0
  }

  .ftr__second .flgs_list li {
    flex: 48%;
    width: 48%
  }

  .ftr__second .flgs_list h4 {
    font-size: 12px
  }

  .ftr-tabs .tab-buttons {
    overflow-x: scroll;
    overflow-y: hidden
  }

  .ftr-tabs .tab-buttons .tb-cntnt {
    width: 130px;
    padding-bottom: 20px
  }

  .ftr-tabs .tab-buttons .tb-cntnt span {
    font-size: 20px
  }

  .ftr-tabs .tab-buttons .tb-cntnt.active::before {
    bottom: 10px
  }

  .ftr-tabs .tabs-content ul li {
    width: 48%;
    margin: 8px 0
  }

  .ftr__third {
    flex-direction: column
  }

  .sticky-footer {
    display: block
  }

  .sticky-footer .stftr-elements {
    background: var(--white-color);
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    box-shadow: 0 0 10px 4px rgba(186, 182, 182, .83);
    -webkit-box-shadow: 0 0 10px 4px rgba(186, 182, 182, .83);
    -moz-box-shadow: 0 0 10px 4px rgba(186, 182, 182, .83)
  }

  .sticky-footer .stftr-elements ul {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center
  }

  .sticky-footer .stftr-elements ul li {
    width: 25%
  }

  .sticky-footer .stftr-elements ul li img {
    width: fit-content;
    height: auto
  }

  .sticky-footer .stftr-elements ul li p {
    margin-bottom: 0
  }

  .sticky-footer .stftr-elements ul .cntrdvlg {
    position: relative;
    border-radius: 5px;
    margin-top: -13px;
    padding: 4px;
    border-radius: 16px;
    border: 7px solid var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--secondary)
  }

  .sticky-footer .stftr-elements ul .cntrdvlg p {
    color: var(--white-color)
  }

  .sticky-footer .stftr-elements ul .cntrdvlg a {
    padding: 4px 0
  }

  .top-slider::before {
    top: 50%
  }

  .top-slider .main_slider .slides .slides-content {
    top: inherit;
    bottom: 120px;
    padding: 0 20px 0 10px
  }

  .main_slider .slides .slides-content h1 {
    font-size: 28px
  }

  .main_slider .slides .slides-content br {
    display: none
  }

  .top-slider .main-dots {
    display: none
  }

  .top-slider .main_slider .slides .banner_img {
    height: 100vh;
    object-fit: cover
  }

  .infhd {
    margin-bottom: 20px
  }

  .infhd br {
    display: none
  }

  .infbtns {
    flex-direction: column
  }

  .infbtns .infhd {
    width: 100%
  }

  .infbtns .six_btn {
    width: 100%;
    grid-template-columns: repeat(2, 1fr)
  }

  .infbtns .six_btn a {
    min-height: 110px
  }

  .mentor_sec {
    padding-top: 80px
  }

  .mentor_sec::before {
    width: 130px;
    height: 27px;
    top: 1%
  }

  .mntr-flex {
    flex-direction: column
  }

  .mntr-flex .deg_dtls,
  .mntr-flex .mntr-img,
  .mntr-flex .mntr-img .imgbtn {
    width: 100%
  }

  .deg_logo ul {
    gap: 25px
  }

  .mntr-flex .deg_logo li {
    width: fit-content
  }

  .deg_counter {
    margin-top: 40px
  }

  .deg_counter .counter09>div {
    width: 49%;
    margin: 2px 0
  }

  .blue_mnhdng {
    font-size: 30px
  }

  .hmcntr .counter09 .ins_cntr {
    flex: 49.33%
  }

  .emprwng img {
    width: 500px;
    height: 200px;
    object-fit: cover;
    object-position: right;
  }

  .stdentpr .schd {
    text-align: center;
  }

  .stdentpr .entrgrl {
    display: none;
  }

  .stdentpr .white-btn {
    width: auto;
    text-align: center;
  }

  .hdimg {
    width: 100px;
    top: 22px
  }

  .wrldgrd {
    gap: 0 20px
  }

  .wrldgrd .wrldv {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    align-items: flex-start
  }

  .crscrd {
    margin: auto
  }

  .trust-sec::after {
    width: 130px;
    height: 27px
  }

  .tab-section .tab-buttons {
    overflow: auto;
    gap: 20px
  }

  .tab-section .tab-buttons::-webkit-scrollbar {
    width: 10px;
    height: 10px
  }

  .tab-section .tab-buttons .tb-cntnt {
    width: fit-content;
    white-space: nowrap
  }

  .journey-sec::before {
    width: 130px;
    height: 27px;
    top: -14px
  }

  .edjourney-cards {
    margin-top: 40px
  }

  .edjourney-cards .edjcrd {
    width: 100%
  }

  .profile-sec::before {
    width: 130px;
    height: 27px;
    right: -35px
  }

  .profilecards {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
  }

  .profilecards .prfdt {
    padding: 0 10px
  }

  .profilecards .prfcr img {
    width: 100%;
    height: 150px;
    object-fit: cover
  }

  .profilecards .prfdt br {
    display: none
  }

  .testimonial-section::before {
    width: 130px;
    height: 27px;
    left: 14px;
    top: -25px
  }

  .testimonial-slider .tstflx {
    grid-template-columns: 1fr
  }

  .testimonial-slider .item .testimonialcard {
    width: 90%;
    margin: auto
  }

  .testimonial-slider button {
    right: 10px;
    bottom: 94%;
    width: 30px;
    height: 30px
  }

  .testimonial-slider .slick-prev {
    right: 55px
  }

  .testimonial-slider .item::before {
    background-size: cover;
    width: 60px;
    height: 60px;
    top: -5px
  }

  .globaluni::before {
    width: 130px;
    height: 27px;
    top: -54px;
    right: -37px
  }

  .tp_univer br {
    display: none
  }

  .lgcrds .crd-lgs {
    margin: 10px 5px;
    flex: 47%;
    min-height: 260px;
    padding: 10px
  }

  .hflsec::before {
    width: 130px;
    height: 27px;
    top: -11px
  }

  .dflex {
    flex-direction: column-reverse
  }

  .dflex .infraimg {
    width: 100%
  }

  .dflex .infrast {
    padding: 50px 20px;
    width: 100%
  }

  .dflex::before {
    bottom: 0
  }

  .blog_sec::before {
    width: 130px;
    height: 27px;
    left: 0
  }

  .blog_sec::after {
    width: 130px;
    height: 27px;
    bottom: 30px
  }

  .all_blogs {
    grid-template-columns: 1fr
  }

  .ptrdsec::after {
    width: 130px;
    height: 27px;
    bottom: 37px
  }

  .ptrdsec {
    padding-top: 40px;
    padding-bottom: 60px
  }

  .ptrdsec .dflex {
    flex-direction: column;
    gap: 0
  }

  .ptrdsec .dflex::before {
    top: 0;
    height: 100%
  }

  .satbanner .container {
    width: 100%;
    padding: 0
  }

  .contact_flx {
    flex-direction: column-reverse
  }

  .contact_flx .contact_left,
  .contact_flx .contact_right {
    width: 100%
  }

  .contact_flx .left_dtls ul {
    gap: 5px
  }

  .contact_left .counter09 h2 {
    font-size: 30px;
    margin-bottom: 2px
  }

  .contact_left .counter09 p {
    font-size: 14px;
    width: 100px;
    margin: auto
  }

  .contact_reviews {
    grid-template-columns: repeat(2, 1fr)
  }

  .contact_information .contfo {
    flex: 100%
  }

  .contact_right .stprepform form {
    top: 0
  }

  .crsname {
    flex: 1;
    margin-left: 10px
  }

  .satbanner .breadcrumb {
    top: 100px;
    padding: 0 10px
  }

  .satflx {
    flex-direction: column
  }

  .bannerimg {
    height: auto
  }

  .satbanner {
    height: auto
  }

  .satflx .bannerlft .baner-dtls {
    top: 20%;
    padding: 0 10px
  }

  .satflx .baner-dtls h1 {
    font-size: 30px
  }

  .satflx .bannergt {
    position: inherit;
    width: 100%;
    margin-top: 30px
  }

  .baner_botom {
    position: inherit
  }

  .baner_botom p {
    font-size: 15px;
    padding: 10px
  }

  .baner_botom p::before {
    right: 0
  }

  .edlsit .edlst_elem {
    width: 45%;
    margin: 20px 9px;
    padding: 60px 10px 30px
  }

  .prtner_dtl .kplmg {
    margin-top: -20px
  }

  .partnership.tflx {
    flex-direction: column
  }

  .prtner_dtl,
  .prtnerimg {
    width: 100%
  }

  .hdmg.rflx {
    display: block
  }

  .hdmg h3 {
    font-size: 30px;
    margin-bottom: 10px
  }

  .prtnership_pnts {
    grid-template-columns: 1fr
  }

  .mntrship.rflx {
    flex-direction: column;
    padding: 0 20px
  }

  .mntrship .mntrdtl,
  .mntrship .mntrrgt {
    width: 100%
  }

  .mntrship .mntrdtl::before {
    top: -2px;
    left: -19px;
    width: 20px;
    height: 20px
  }

  .mntrship .mentormg {
    width: 100%;
    margin-top: 30px
  }

  .prep_plans {
    margin-top: 100px
  }

  .prep_plans button {
    position: absolute;
    right: 30px;
    bottom: 106%;
    font-size: 0;
    width: 40px;
    height: 40px;
    background: url("../imgs/logo/slider-icon.svg") no-repeat;
    border: none;
    background-size: cover;
    cursor: pointer
  }

  .prep_plans .slick-next {
    background: url(../imgs//logo/slider-icon.svg) no-repeat;
    background-size: cover;
    transform: rotate(-180deg)
  }

  .prep_plans .slick-prev {
    right: 80px
  }

  .program-faq .accordion {
    grid-template-columns: 1fr;
    padding: 0
  }

  .program-faq .accordion-header {
    gap: 10px
  }

  .program-faq .accordion-item .accordion-content .ins-content {
    padding: 20px
  }

  .online_session .accordion-content .ins-content ul li {
    width: 100%
  }

  .program-faq .accordion .accordion-item {
    width: 100%
  }

  .program-faq .acrdhd {
    width: 70%
  }

  .online_session .accordion-content .ins-content {
    padding: 20px 10px
  }

  .online_session .accordion-content .ins-content p {
    font-size: 13px
  }

  .online_session .accordion-content .ins-content ul li {
    font-size: 15px
  }

  .online_session {
    width: 100%
  }

  .online_session .accordion-header {
    padding: 20px 15px
  }

  .online_session .accordion-header h4:first-child {
    width: 100%;
    font-size: 15px
  }

  .online_session .accordion-header h4:nth-child(2) {
    width: 100%;
    font-size: 13px
  }

  .online_session .accordion-item .accordion-header::after {
    width: 25px;
    height: 25px;
    right: 18px
  }

  .tbs-acrd .tab-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
  }

  .tbs-acrd .tab-buttons .tb-cntnt {
    width: 100%
  }

  .tbs-acrd .accordion {
    width: 100%
  }

  .tbs-acrd .accordion .accordion-item .accordion-header {
    width: 100%;
    padding: 10px
  }

  .tbs-acrd .accordion .accordion-item .accordion-header h3 {
    width: 80%;
    font-weight: 500;
    font-size: 16px
  }

  .prsnlz {
    grid-template-columns: repeat(2, 1fr)
  }

  .prsnlz .prsnlz_dv {
    padding: 20px 15px
  }

  .kplna-card {
    grid-template-columns: 1fr;
    width: 100%;
    gap: 80px
  }

  .online_prep.rflx {
    flex-direction: column
  }

  .online_prep .online_img,
  .online_prep .online_points {
    width: 100%
  }

  .opntrs {
    padding-left: 20px
  }

  .price_tabel .mnprc .prcdtl {
    width: 300px
  }

  .price_tabel .mnprc .w-50 {
    width: 100%
  }

  .price_tabel .left_hd {
    margin-top: 90px
  }

  .price_tabel .left_hd li {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 100.7px;
    font-size: 15px;
    width: 150px;
    padding: 10px
  }

  .price_tabel .right_txt {
    width: 100%;
    overflow: auto
  }

  .price_tabel .mnprc {
    margin-top: 56px;
    width: fit-content
  }

  .price_tabel .mnprc p {
    height: 100.7px;
    padding: 0 10px
  }

  .price_tabel .mnprc .actprl p {
    flex-direction: column
  }

  .faqsection .accordion {
    width: 100%;
    margin-bottom: 0
  }

  .faqsection .accordion .accordion-item .accordion-header h3 {
    width: 80%;
    font-size: 16px
  }

  .faqsection .accordion .accordion-item .accordion-header {
    padding: 20px 10px
  }

  .tbs-acrd .accordion-item .accordion-content .acrd-ans .acrd_sec p {
    font-size: 15px
  }

  .tbs-acrd .accordion-item .accordion-content .acrd-ans .acrd_sec .faqulsec {
    padding: 0 10px
  }

  .tbs-acrd .accordion-item .accordion-content .acrd-ans .acrd_sec .faqulsec li {
    width: 100%;
    padding-bottom: 6px;
    font-size: 13px
  }

  .ap-exams {
    justify-content: flex-start
  }

  .ap-exams .examcard {
    flex-basis: 48%
  }

  .ap-exams .examcard h3 {
    font-size: 16px
  }

  .ap-exams .examcard .examlnk {
    min-height: 100px;
    padding: 10px
  }

  .ap-exams .examcard:nth-child(n+5) {
    margin-top: 0
  }

  .has-submenu::before {
    position: absolute;
    content: "";
    background: url(../imgs/satprep/icons/plus.svg) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    right: 10px
  }

  .apheader .main_header .main_nav {
    height: 100vh
  }

  .apheader .main_header .logo {
    width: auto
  }

  .apheader .fa-home {
    color: var(--primary)
  }

  .apheader .scnd_hdr_mn .consultation_btn {
    display: none
  }

  .apheader .main_header .consultation_btn a {
    padding: 12px 8px
  }

  .apheader .sub-menu {
    padding-top: 20px
  }

  .price_tabel .mnprc .prcdtl .prchd {
    padding: 20px 59px
  }

  .price_tabel .mnprc .prcdtl .prchd .h100 {
    height: 100px
  }

  .ap_prep {
    flex-direction: column
  }

  .ap_prep .prep_left,
  .ap_prep .prep_right {
    width: 100%
  }

  .ap_prep .prep_right {
    margin-top: 20px
  }

  .bio-dfrnc {
    flex-direction: column
  }

  .bio-dfrnc .dfrnc_lft,
  .bio-dfrnc .dfrnc_rgt {
    width: 100%
  }

  .bio-dfrnc .lab_column {
    padding: 20px;
    margin-bottom: 10px;
    flex-direction: column;
    gap: 10px
  }

  .bio-dfrnc .lab_column::before {
    top: 23px;
    left: 8px
  }

  .bio-dfrnc .lab_column h5,
  .bio-dfrnc .lab_column p {
    width: 100%
  }

  .top_faqs .accordion-header {
    padding: 10px
  }

  .top_faqs .accordion-item {
    width: 100%
  }

  .top_faqs .accordion-item .accordion-header::after {
    width: 20px;
    height: 20px
  }

  .mn-para {
    width: 100%
  }

  .abtbaner .abtbanr_img {
    height: 480px;
    object-fit: cover
  }

  .abt-counter .counter09 {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    place-items: flex-start;
    gap: 15px
  }

  .abt-counter .counter09 div {
    min-height: 155px
  }

  .abt-unis {
    grid-template-columns: 1fr;
    gap: 40px
  }

  .abt-unis .unis {
    margin: auto
  }

  .global-partners .rflx {
    flex-direction: column;
    gap: 20px
  }

  .global-partners .gbfd {
    width: 100%
  }

  .msimg img {
    width: 100%;
    height: 480px;
    object-fit: cover
  }

  .msimg .txtover h3 {
    font-size: 20px;
    line-height: normal
  }

  .advantages .abt-unis .unis {
    flex: 20%
  }

  .advantages .abt-unis .unis p {
    min-height: auto
  }

  .founders_tab {
    flex-direction: column
  }

  .founders_tab .tab-buttons {
    width: 100%;
    display: flex;
    gap: 20px;
    overflow: auto
  }

  .founders_tab .tab-buttons .founder_img {
    width: 70px
  }

  .founders_tab .tab-buttons .tb-cntnt {
    width: 70%;
    border-radius: 0;
    flex-direction: column;
    border-radius: 5px;
    text-align: center
  }

  .founders_tab .tab-buttons .tb-cntnt p {
    padding: 10px 0
  }

  .tbrflx {
    flex-direction: column
  }

  .founders_tab .tbs,
  .tbrflx .tblft,
  .tbrflx .tbrgt {
    width: 100%
  }

  .tbrflx .tblft {
    margin-bottom: 20px
  }

  .advantages .abt-unis {
    gap: 10px
  }

  .leaders .ldr-crd {
    flex: 44%
  }

  .leaders .ldr-crd .ldr-dtl {
    min-height: 210px
  }

  .leaders .ldr-crd .ldr-dtl h3 {
    font-size: 18px
  }

  .leaders .ldr-crd .ldr-dtl p {
    min-height: 100px
  }

  .histroy_flx {
    flex-direction: column
  }

  .histroy_flx .history_lft {
    width: 100%
  }

  .histroy_flx .history_lft .history_img {
    width: 100%
  }

  .histroy_flx .history_rgt {
    margin: auto;
    width: 70%
  }

  .histroy_flx .history_rgt .timeline {
    margin-top: 100px
  }

  .histroy_flx .history_rgt::before {
    height: 100%;
    top: 0
  }

  .histroy_flx .timeline ul li p {
    width: 100%
  }

  .histroy_flx .history_lft p {
    width: 100%
  }

  .satbanner::before {
    height: 65%
  }

  .stprepform form {
    height: auto;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    position: relative;
    top: 35px
  }

  .stprepform h3 {
    margin-bottom: 10px
  }

  form {
    padding: 20px
  }

  .calendly-popup {
    width: 100% !important;
    height: 90vh !important
  }

  .mdlcontent {
    width: 100%
  }

  .tbs-acrd .accordion .accordion-item .accordion-header::after {
    width: 20px;
    height: 20px
  }

  .faqsection .accordion .accordion-item .accordion-header::after {
    width: 20px;
    height: 20px
  }

  .bnr-btns {
    flex-direction: column
  }

  .bnr-btns {
    display: inline-block;
    width: fit-content
  }

  .emp_hd {
    width: 100%
  }

  .stdentpr {
    flex-direction: column;
    gap: 20px
  }

  .stdentpr .stdybrd {
    width: 100%;
    border-radius: 20px
  }

  .stdentpr .entrpd {
    width: 100%;
    border-radius: 20px
  }

  .stdentpr ul {
    width: 100%;
    margin-top: 30px
  }

  .trstuniv .univlg {
    width: 45%
  }

  .main_header .main_nav.active .study_abroad .has-submenu:hover .sub-menu {
    top: 0
  }

  .study_abroad .has-submenu .sub-menu {
    position: inherit;
    width: 100%;
    top: 0 !important;
    height: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
  }

  .study_abroad .has-submenu .sub-menu.expand {
    height: auto;
    opacity: 1;
    visibility: visible;
    padding: 5px 0px;
    background: transparent;
  }

  .study_abroad .has-submenu .sub-menu.expand li {
    padding: 5px 0px;
  }

  .study_abroad .main_nav .sub-menu li .insub-menu {
    position: inherit;
    left: 0;
    width: 100%;
    padding: 0;
    transition: .3s ease-in-out;
    background: transparent;
  }

  .study_abroad .main_nav .has-submenu .sub-menu li a {
    font-size: 13px;
    padding: 5px !important;
  }

  .new_clr .breadcrumb ul {
    display: -webkit-box;
    overflow: auto;
    padding: 8px
  }

  .new_clr .comp_banner .breadcrumb a {
    font-size: 11px;
    padding: 7px 0
  }

  .new_clr .comp_banner .breadcrumb {
    top: 100px
  }

  .comp_banner .top_dtl {
    width: 100%
  }

  .comp_banner .white_hdng {
    font-size: 30px
  }

  .studyabroad .logo {
    gap: 0
  }

  .study_abroad .logo .crsname {
    font-size: 13px
  }

  .studyabroad .profilecards {
    grid-template-columns: repeat(2, 1fr)
  }

  .study-plans {
    flex-direction: column
  }

  .study-plans .plandetails {
    width: 100%;
    flex: 100%
  }

  .wroks-dvs .numbdvs {
    flex: 48%;
    width: 48%
  }

  .study_abroad .main_header .main_nav li a {
    text-align: left;
    display: inline;
    padding: 5px 0;
  }

  .top-universities {
    overflow: hidden
  }

  .top-universities .rflx {
    flex-direction: column
  }

  .rflx .uninversity_logos,
  .rflx .university_hd {
    width: 100%
  }

  .rflx .uninversity_logos {
    margin-top: 30px
  }

  .top-universities .rflx .uninversity_logos ul li {
    width: 31%
  }

  .top-universities .rflx .uninversity_logos ul {
    gap: 8px
  }

  .cnt_rgt .icn-txt h3 {
    font-size: 16px
  }

  .page_header {
    display: none
  }

  .satbanner::before {
    height: auto
  }

  .new_clr .satbanner .breadcrumb li a {
    font-size: 11px
  }

  .grade-advantage {
    flex-direction: column
  }

  .grade-advantage .img_lft {
    width: 100%
  }

  .cnt_rgt .icn-txt:nth-child(2) {
    margin-left: 0
  }

  .cnt_rgt .icn-txt:nth-child(3) {
    margin-left: 0
  }

  .encrc-dtbs {
    flex-direction: column;
    gap: 5px
  }

  .encrc-dtbs:nth-child(2) {
    flex-direction: column-reverse
  }

  .encrc-dtbs .enrc-img {
    width: 100%
  }

  .encrc-dtbs .dtls-tb ul {
    margin-top: 10px
  }

  .encrc-dtbs .dtls-tb {
    padding-top: 10px
  }

  .encrc-dtbs .dtls-tb ul li {
    font-size: 18px
  }

  .card-stack {
    margin-bottom: 10px
  }

  .grade-plans {
    display: block
  }

  .plans {
    width: 100%;
    padding: 20px;
    position: inherit
  }

  .plans .plan-logo {
    flex-direction: column;
    position: inherit;
    left: auto;
    right: 0;
    top: 0
  }

  .plans .plan-logo.logo-right {
    right: 0;
    left: auto
  }

  .plans .plan-dtls {
    margin-top: -15px
  }

  .mentoring-secs {
    flex-direction: column
  }

  .mentoring-secs .mentoring-left {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 10px
  }

  .mentoring-secs .mentoring-left .ppdfl {
    margin-top: 0
  }

  .mentoring-secs .mentoring-left .lft-dv {
    gap: 10px
  }

  .mentoring-secs .mentoring-right {
    width: 100%
  }

  .mentoring-right .mnlft-dtls {
    width: 100%;
    margin-top: 10px
  }

  .pillar-structure {
    gap: 10px;
    flex-direction: column
  }

  .grade-journey {
    flex-direction: column
  }

  .grade-journey .grade-box {
    width: 100%
  }

  .training-plans {
    flex-direction: column
  }

  .training-plans .plansdv {
    width: 100%
  }

  .global-uni .undtl {
    flex: 48%
  }

  .studyabroad-sec {
    overflow: hidden
  }

  .undtl .secondary-btn span {
    font-size: 12px
  }

  .mentoring-secs .mentoring-left .ppdfl {
    height: 100%
  }

  .mentoring-secs .mentoring-left {
    height: 100%
  }

  .mentoring-secs .mentoring-left .ppdrg {
    height: 100%
  }

  .keydetails .keydtsl_list {
    width: 100%
  }

  .keydetails .keydtsl_list li {
    flex: 48%;
    gap: 5px;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 118px;
    width: 48%
  }

  .keydetails .keydtsl_list li img {
    width: 40px
  }

  .keydetails .keydtsl_list li p {
    font-size: 16px;
    margin-bottom: 0;
    text-align: center;
    width: 80%
  }

  .table-responsive {
    overflow-x: auto
  }

  table.table {
    min-width: 900px
  }

  .table-tabtn .tabs-tbl {
    overflow: auto;
    gap: 20px
  }

  table.table th[scope=row] {
    position: sticky;
    left: 0
  }

  table.table th:first-child[scope=col] {
    position: sticky;
    left: 0;
    white-space: nowrap;
    background: var(--white-color)
  }

  .keydetails {
    margin-top: -210px
  }

  table tr td {
    width: 100%
  }

  .academic-stage {
    grid-template-columns: 1fr
  }

  .strategies_dvs .strategy {
    flex-direction: column
  }

  .strategies_dvs .strategy .strat-lft {
    width: 100%;
    margin-bottom: 10px
  }

  .strategies_dvs .strategy .strat-rgt {
    width: 100%;
    text-align: center
  }

  .strategies_dvs .strategy .strat-lft .img_txt {
    flex-direction: column;
    text-align: center
  }

  .frmwork {
    flex-direction: column-reverse
  }

  .framework-number {
    width: 100%
  }

  .framework-image {
    width: 100%;
    margin-bottom: 40px
  }

  .framework-number .frmflx {
    padding: 20px 0;
    align-items: flex-start
  }

  .framework-number .frmflx::before {
    height: 90%;
    bottom: -31px
  }

  .strmflx {
    flex-direction: column
  }

  .strm-img {
    width: 100%
  }

  .strmflx .strm-dtls {
    width: 100%;
    margin-top: 30px
  }

  .strmflx .strm-dtls .strmpnts {
    width: 100%;
    flex: 100%
  }

  .strmflx .strm-dtls .strmpnts::before {
    width: 20px;
    height: 20px;
    left: 0;
    top: 4px
  }

  .strmflx .strm-dtls .strmpnts {
    margin: 10px 0
  }

  .abroad_plans .table-tabtn .tabs-tbl {
    display: inline-block
  }

  .abroad_plans .table-tabtn .tabs-tbl li {
    line-height: inherit;
    text-align: center;
    padding: 0;
    width: 100%;
    border-radius: 0;
    padding: 10px
  }

  .wrtng_sport {
    width: 90%
  }

  .wrtng_sport .wrt:nth-child(2) {
    flex-direction: column-reverse
  }

  .wrtng_sport .wrt:nth-child(4) {
    flex-direction: column-reverse
  }

  .wrtng_sport .wrt {
    flex-direction: column
  }

  .wrtng_sport .wrt-dtls,
  .wrtng_sport .wrt-img {
    width: 100%
  }

  .wrtng_sport .wrt-img {
    margin-bottom: 10px
  }

  .plan_covers .covers .cover_img {
    width: 100%;
    object-fit: cover;
    height: auto;
    margin-bottom: 20px
  }

  .plan_covers .covers {
    flex-direction: column
  }

  .plan_covers .covers .cover_dtls {
    width: 100%;
    margin-left: 0
  }

  .plan_covers .covers .covrsflx {
    flex-direction: column
  }

  .all_reviews {
    flex-direction: column
  }

  .hvr_bx .hvr_flx {
    flex-direction: column;
    height: 100%
  }

  .hvr_bx .hvr_flx .hvr_hd {
    width: 100%;
    margin-bottom: 10px
  }

  .hvr_bx .hvr_flx .hvr_txt {
    width: 100%;
    max-height: initial
  }

  .hvr_bx .hvr_flx .hvr-img {
    display: none
  }

  .tabs_scroll {
    overflow: auto
  }

  .tabs_scroll .tabs-tbl li {
    white-space: nowrap
  }

  .tbs .hdng {
    width: 100%
  }

  .apl-tbas .price_tabel {
    width: 100%
  }

  .apl-tbas .tab-buttons {
    display: block
  }

  .apl-tbas .tabs-tbl li {
    line-height: normal;
    border-radius: 0;
    margin-bottom: 5px
  }

  .apl-tbas .left_hd {
    margin-top: 0
  }

  .apl-tbas .price_tabel .mnprc p {
    height: 100.7px
  }

  .apl-tbas .price_tabel .mnprc .prchd {
    padding: 38px
  }

  .apl-tbas #tab3 .price_tabel .mnprc .prchd {
    padding: 38px
  }

  .apl-tbas .price_tabel .actprl .prcbtn {
    width: fit-content
  }

  .apl-tbas .price_tabel .mnprc .prcdtl {
    width: 200px
  }

  .esstl-glns {
    flex-direction: column
  }

  .glns-img .lft-img {
    width: 100%
  }

  .glns-dtls {
    width: 100%
  }

  .glance_txt {
    place-items: center
  }

  .glance_txt li {
    font-size: 16px
  }

  .ess_cntrs .counter09 {
    grid-template-columns: repeat(2, 1fr);
    place-items: flex-start;
    padding: 15px
  }

  .ess_cntrs .counter09 div {
    border-right: 0px;
    margin: 10px 0
  }

  .ess_cntrs .counter09 h2 {
    font-size: 25px
  }

  .ess_cntrs .counter09 p {
    width: 100%
  }

  .es_plndvs {
    flex-direction: column;
    gap: 15px 0
  }

  .es_plndvs .plsndv {
    width: 100%
  }

  .compare_plans::before {
    top: 31px;
    width: 102px;
    height: 21px
  }

  .study_abroad .pt_active .fas {
    display: none
  }

  .satflx .baner-dtls p {
    width: 100%
  }

  .green_dots::after {
    width: 92px;
    height: 19px;
    bottom: 33px
  }

  .privacy_dv h3 {
    font-size: 20px
  }

  .banner-nav {
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    top: 90%;
    z-index: 10;
    display: block
  }

  .banner-nav button {
    position: absolute;
    font-size: 30px;
    width: 40px;
    height: 40px;
    background: var(--white-color);
    color: var(--primary);
    border: none;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    cursor: pointer
  }

  .banner-nav .prev-slide {
    right: 19%
  }

  .banner-nav .next-slide {
    right: 2%
  }

  .whypro .lgcrds .crd-lgs {
    flex: 100%;
    margin-bottom: 10px;
    padding: 20px;
    min-height: auto
  }

  .pro_counter .counter09 {
    flex-direction: column
  }

  .pro_counter .ins_cntr {
    width: 100%
  }

  .dsgnd {
    flex-direction: column
  }

  .dsgnd .prodng {
    width: 100%
  }

  .marquee span {
    font-size: 1.2rem
  }

  .coursesec .crsse {
    height: 100%
  }

  .cfa_icns .keydetails .keydtsl_list li {
    flex: 100%
  }

  .crfr {
    flex-direction: column;
    gap: 20px
  }

  .crfr .crftx,
  .whoiscourse .crfr .crfble {
    width: 100%
  }

  .crfr .crfble {
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: auto;
    text-align: center
  }

  .whoiscourse .crfr .crfble {
    flex-direction: column;
    height: auto;
    text-align: center
  }

  .cfa_mntrdtls .mntrship .mntrdtl,
  .cfa_mntrdtls .mntrship.rflx,
  .cfa_mntrdtls .mtrcrfs ul,
  .tranplan .opntrs .pntrxn {
    width: 100%
  }

  .cfa_mntrdtls .mtrcrfs ul {
    margin-top: 20px
  }

  .cfa_mntrdtls .mntnm {
    flex-direction: column
  }

  .tranplan .online_prep .online_points {
    margin-top: 20px
  }

  .summertables .smrtbl {
    flex-direction: column
  }

  .livetrain_accordion .lvplns {
    width: 100%
  }

  .livetrain_accordion .accordion-content .sesflx {
    flex-direction: column
  }

  .livetrain_accordion .ssn_name {
    width: 100%
  }

  .livetrain_accordion .ssn_name::before {
    bottom: 0;
    width: 100%;
    height: 2px
  }

  .livetrain_accordion .ssn_dtls {
    width: 100%
  }

  .summertables .smrtbl .inctm {
    margin-top: 15px
  }

  .allcorporates {
    width: 100%
  }

  .allcorporates .corporates {
    flex: 100%
  }

  .allcorporates ul {
    width: 100%
  }

  .blue_plan::before {
    left: -100px;
    top: 17px
  }

  .whoiscourse::before {
    top: -30px
  }

  .whoiscourse::after {
    right: -50px
  }

  .cfa_mntrdtls::after {
    right: 0
  }

  .course_listing {
    flex-direction: column
  }

  .left_fltr {
    width: 100%;
    position: inherit
  }

  .right_course {
    width: 100%
  }

  .all_crsse {
    flex-direction: column
  }

  .crsse {
    width: 100%
  }

  .filter_bx {
    width: 100%
  }

  .course_banner .top_dtl .bdtls p {
    width: 100%
  }

  .crs_timl ul {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start
  }

  .whtlrn .keydetails {
    margin-top: 0
  }

  .course_banner .top_dtl .bbtns {
    flex-direction: column
  }

  .whtlrn .keydtsl_list {
    grid-template-columns: 1fr
  }

  .whtlrn .keydtsl_list {
    width: 100%
  }

  .whtlrn .keydtsl_list li {
    width: 90%
  }

  .whtlrn .keydtsl_list li .cfimg {
    position: inherit;
    left: auto;
    width: 50px;
    height: 50px
  }

  .sklflx {
    flex-direction: column
  }

  .skl-cnt {
    flex-direction: column
  }

  .skl-cnt .skldts {
    width: 100%
  }

  .blue_plan .all_crsse {
    margin-top: 70px
  }

  .blue_plan .all_crsse button {
    bottom: auto;
    top: -56px;
    right: 0;
    width: 40px;
    height: 40px
  }

  .blue_plan .all_crsse .slick-prev {
    right: 50px
  }

  .crs_Fr .online_prep .online_img {
    width: 100%
  }

  .crs_Fr .online_prep .online_points {
    width: 100%;
    margin-top: 20px
  }

  .crs_Fr .opntrs {
    padding-left: 10px
  }

  .plan_information {
    flex-direction: column-reverse
  }

  .plan_details {
    width: 100%;
    margin-top: 3rem
  }

  .plan_form {
    width: 100%;
    position: inherit
  }

  .plan_form form {
    padding: 0
  }

  .blue_strip::before {
    width: 100%;
    left: 0
  }

  .blue_strip ul {
    flex-direction: column;
    gap: 5px;
    padding-left: 20px
  }

  .blue_strip li span {
    font-size: 15px
  }

  .wtlrn .allr {
    gap: 5px
  }

  .sklslrn .rflx {
    flex-direction: column;
    align-items: flex-start;
    gap: 0
  }

  .alkydtls li {
    padding-right: 40px
  }

  .alkydtls li::after {
    left: 5%
  }

  .course_time ul li {
    width: 28%
  }

  .course_time ul .ylflx {
    width: 100%;
    margin-top: 20px;
    gap: 15px
  }

  .mkinvsm .dflex {
    flex-direction: column
  }

  .mkinvsm .dflex::before {
    height: 100%
  }

  .mkinvsm .dflex .infraimg {
    width: 100%
  }

  .mkinvsm .infraimg img {
    width: 100%
  }

  .mkinvsm .dflex .infrast {
    width: 100%
  }

  .mkinvsm .invsbtns {
    flex-direction: column;
    gap: 0
  }

  .skls_imgs .simg {
    width: 40%
  }

  .certflx {
    flex-direction: column
  }

  .certflx .cert_txt {
    width: 100%;
    margin-bottom: 20px
  }

  .certflx .cert_img {
    width: 100%
  }

  .contact_flex {
    flex-direction: column;
    width: 100%
  }

  .contact_flex ul,
  .rgt_cfrm {
    width: 100%
  }

  .rgt_cfrm {
    padding: 0
  }

  .main-blogs {
    grid-template-columns: 1fr
  }

  .blog-details {
    flex-direction: column
  }

  .blog-details .blgs-info {
    padding: 0
  }

  .blog-details .blg-bck,
  .blog-details .blgs-info,
  .blog-details .related-blogs {
    width: 100%;
    flex: 100%
  }

  .blog-details .blog-heading {
    margin-top: 20px
  }

  .blog-details .blog-heading h1 {
    font-size: 30px
  }

  .tags-sec {
    margin: 50px 0 0
  }

  .nxbl-btn .nvbtn {
    width: auto;
    background: var(--secondary);
    padding: 3px 20px;
    margin: 40px 0 0;
    border: 1px solid var(--secondary)
  }

  .nxbl-btn .nvbtn a span {
    color: var(--white-color)
  }

  .nxbl-btn .nvbtn a .ins-btnvs svg {
    color: var(--white-color)
  }

  .nxbl-btn .nvbtn button h4 {
    display: none
  }

  .blog-drops {
    width: 100%;
    display: block;
    margin-top: 30px
  }

  .blog-drops select {
    margin: 5px
  }

  .blog-details .blog-content iframe {
    height: 100%
  }

  .nxbl-btn .nvbtn a h4 {
    display: none
  }

  .toef_pro .left_hd {
    width: 100%
  }

  .toef_pro .left_hd li {
    width: 100%
  }

  .prflx {
    flex-direction: column;
    padding: 15px;
    border-radius: 10px
  }

  .prflx .prgimg {
    width: 100%
  }

  .prflx .prgdtls {
    width: 100%
  }

  .prflx .prgimg .prg_mnimg {
    width: 100%
  }

  .prflx:nth-child(2) {
    flex-direction: column-reverse;
    padding: 15px;
    border-radius: 10px
  }

  .prflx:nth-child(2)::after .prgimg {
    width: 100%
  }

  .prflx:nth-child(2) .prgimg {
    width: 100%
  }

  .prflx:nth-child(2)::after .prgdtls {
    width: 100%
  }

  .prflx:nth-child(2) .prgimg .prg_mnimg {
    width: 100%
  }

  .entrcounter .counter09 {
    width: 100%
  }

  .entrcounter .counter09>div {
    width: fit-content;
    border: none
  }

  .entrcounter .counter09>div:nth-child(-n+3) {
    border: none
  }

  .entrcounter .counter09>div:first-child,
  .entrcounter .counter09>div:nth-child(2),
  .entrcounter .counter09>div:nth-child(4),
  .entrcounter .counter09>div:nth-child(5) {
    border: none
  }

  .trn-lf {
    width: 100%
  }

  .trn-lf:first-of-type ul li::before {
    content: ''
  }

  .trn-lf ul li::before {
    top: auto;
    bottom: 0
  }

  .tch {
    flex-direction: column
  }

  .tch .tch-img {
    width: 100%
  }

  .tch .tch-txt {
    width: 100%
  }

  .btmtxt .btmhd {
    font-size: 21px
  }

  .prtflex {
    flex-direction: column
  }

  .prtflex .prtlf {
    width: 100%;
    margin-bottom: 10px
  }

  .prtflex .prtrg {
    width: 100%
  }

  .afr_sld button {
    position: absolute;
    right: 30px;
    bottom: 100%;
    font-size: 0;
    width: 30px;
    height: 30px;
    background: url(../imgs/logo/slider-icon.svg) no-repeat;
    border: none;
    background-size: cover;
    cursor: pointer
  }

  .afr_sld .slick-next {
    transform: rotate(-180deg)
  }

  .afr_sld .slick-prev {
    right: 70px
  }

  .nsdlflx .crtfimg {
    flex: 100%
  }

  .nsdlflx .ctrfdlts {
    flex: 100%;
    margin-top: 20px;
    margin-left: 0
  }

  .nsdlflx .inscrtf {
    margin-bottom: 20px
  }

  .prgtgs span {
    white-space: nowrap;
    line-height: 45px
  }

  .sldier_section .bnrfrm {
    position: inherit;
    right: 0;
  }

  .stdbrd form {
    margin: auto;
  }
}

@media (max-width:480px) {
  .blue_mnhdng {
    font-size: 25px
  }

  .edlsit .edlst_elem {
    width: 100%;
    margin: 20px 10px
  }

  .ap-exams .examcard h3 {
    font-size: 14px
  }

  .ap-exams .examcard .secondary-btn {
    font-size: 12px
  }

  .baner_botom p {
    font-size: 12px;
    padding: 10px
  }
}

.consultation-section {
  padding: 60px 20px;
  background: #f6fbff
}

.consultation-header {
  text-align: center;
  margin-bottom: 40px
}

.consultation-header h2 {
  font-size: 28px;
  margin-bottom: 10px
}

.consultation-header p {
  font-size: 16px;
  color: #6b7280
}

.consultation-cards {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1, 1fr)
}

.consultation-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
  display: flex;
  align-items: flex-start;
  gap: 15px;
  transition: transform .2s ease, box-shadow .2s ease
}

.consultation-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .1)
}

.icon-wrap {
  font-size: 28px;
  min-width: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef6ff;
  border-radius: 10px
}

.consultation-card h3 {
  margin: 0 0 6px 0;
  font-size: 18px
}

.consultation-card p {
  margin: 0;
  font-size: 14px;
  color: #6b7280
}

@media (min-width:600px) {
  .consultation-cards {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (min-width:1000px) {
  .consultation-cards {
    grid-template-columns: repeat(4, 1fr)
  }
}

.consultation-section-sat {
  padding: 60px 20px
}

.consultation-header-sat {
  text-align: center;
  margin-bottom: 40px
}

.consultation-header-sat h2 {
  font-size: 28px;
  margin-bottom: 10px
}

.consultation-header-sat p {
  font-size: 16px;
  color: #6b7280
}

.consultation-cards-sat {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1, 1fr)
}

.consultation-card-sat {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
  display: flex;
  align-items: center;
  gap: 15px;
  transition: transform .2s ease, box-shadow .2s ease
}

.consultation-card-sat:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .1)
}

.icon-wrap {
  font-size: 28px;
  min-width: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7000013d;
  border-radius: 10px
}

.consultation-card-sat h3 {
  margin: 0 0 6px 0;
  font-size: 18px
}

.consultation-card-sat p {
  margin: 0;
  font-size: 14px;
  color: #6b7280
}

@media (min-width:600px) {
  .consultation-cards-sat {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (min-width:1000px) {
  .consultation-cards-sat {
    grid-template-columns: repeat(4, 1fr)
  }
}

.how-it-works {
  padding: 60px 20px;
  background: #fff
}

.hiw-header {
  text-align: center;
  margin-bottom: 40px
}

.hiw-header h2 {
  font-size: 28px;
  margin-bottom: 10px
}

.hiw-header p {
  font-size: 16px;
  color: #6b7280
}

.hiw-steps {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1, 1fr)
}

.hiw-step {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 20px;
  background: #f9fbff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(168, 33, 33, .05);
  transition: transform .2s ease, box-shadow .2s ease
}

.hiw-step:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(112, 0, 1, .25)
}

.step-number {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #700001;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px
}

.step-content h3 {
  margin: 0 0 6px 0;
  font-size: 18px
}

.step-content p {
  margin: 0;
  font-size: 14px;
  color: #6b7280
}

@media (min-width:700px) {
  .hiw-steps {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (min-width:1100px) {
  .hiw-steps {
    grid-template-columns: repeat(4, 1fr)
  }
}

.testimonials-sat {
  padding: 60px 20px;
  background: #f9fbff
}

.testimonials-header-sat {
  text-align: center;
  margin-bottom: 40px
}

.testimonials-header-sat h2 {
  font-size: 28px;
  margin-bottom: 10px
}

.testimonials-header-sat p {
  font-size: 16px;
  color: #6b7280
}

.testimonial-cards-sat {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1, 1fr)
}

.testimonial-card-sat {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
  transition: transform .2s ease, box-shadow .2s ease
}

.testimonial-card-sat:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08)
}

.testimonial-content-sat {
  font-style: italic;
  font-size: 16px;
  margin-bottom: 15px;
  color: #374151
}

.testimonial-content-sat p {
  font-size: 14px
}

.testimonial-user-sat {
  display: flex;
  align-items: center;
  gap: 10px
}

.testimonial-user-sat span {
  font-weight: 600;
  font-size: 15px
}

@media (min-width:700px) {
  .testimonial-cards-sat {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (min-width:1100px) {
  .testimonial-cards-sat {
    grid-template-columns: repeat(3, 1fr)
  }
}

.lead-form {
  padding: 70px 20px;
  background: #700001;
  color: #fff;
  text-align: center
}

.lead-header h2 {
  font-size: 28px;
  margin-bottom: 10px;
  color: #fff
}

.lead-header p {
  font-size: 16px;
  margin-bottom: 30px;
  color: #e0e7ff
}

.consultation-form-sat {
  max-width: 800px;
  margin: 0 auto;
  display: grid;
  align-items: center;
  gap: 15px;
  grid-template-columns: repeat(2, 2fr)
}

.consultation-form-sat .form-group input,
.form-group select {
  width: 100%;
  padding: 12px 15px;
  border-radius: 8px;
  border: none;
  font-size: 15px;
  outline: 0
}

.consultation-form-sat .form-group select {
  background: #fff;
  color: #374151
}

.cta-btn {
  width: 300px;
  grid-column: span 2;
  justify-self: center;
  padding: 14px 20px;
  background: #fff;
  color: #700001;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background .3s ease
}

@media (max-width:768px) {
  .consultation-form-sat {
    grid-template-columns: 1fr
  }

  .cta-btn {
    grid-column: 1;
    width: 100%
  }

  .lead-header h2 {
    font-size: 24px
  }

  .lead-header p {
    font-size: 14px
  }
}

@media (max-width:480px) {
  .lead-form {
    padding: 50px 15px
  }

  .lead-header h2 {
    font-size: 22px
  }

  .lead-header p {
    font-size: 13px
  }

  .consultation-form-sat .form-group input,
  .form-group select {
    font-size: 14px;
    padding: 10px 12px
  }
}

.about-tutors {
  padding: 70px 20px;
  background: #fff;
  text-align: center
}

.about-header {
  margin-bottom: 40px
}

.about-header h2 {
  font-size: 28px;
  margin-bottom: 10px
}

.about-header p {
  font-size: 16px;
  color: #6b7280
}

.tutors-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin-bottom: 50px
}

.tutor-card {
  background: #f9fbff;
  border-radius: 12px;
  padding: 25px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
  transition: transform .2s ease, box-shadow .2s ease
}

.tutor-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08)
}

.tutor-icon {
  font-size: 40px;
  margin-bottom: 15px;
  color: #2563eb
}

.tutor-card h3 {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 600
}

.tutor-card p {
  font-size: 14px;
  color: #6b7280
}

.institute-stats {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap
}

.stat h3 {
  font-size: 40px;
  color: #700001;
  margin-bottom: 5px
}

.stat p {
  font-size: 14px;
  color: #6b7280
}

@media (min-width:700px) {
  .tutors-grid {
    grid-template-columns: repeat(3, 1fr)
  }
}

.faq-section {
  padding: 70px 20px;
  background: #f9fbff
}

.faq-header {
  text-align: center;
  margin-bottom: 40px
}

.faq-header h2 {
  font-size: 28px;
  margin-bottom: 10px
}

.faq-header p {
  font-size: 16px;
  color: #6b7280
}

.faq-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr
}

@media (min-width:900px) {
  .faq-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

.faq-accordion .accordion-item {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 15px 20px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .05)
}

.faq-accordion .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

.faq-accordion .accordion-header h3 {
  font-size: 16px;
  margin: 0;
  font-weight: 600
}

.faq-accordion .accordion-icon {
  font-size: 20px;
  transition: transform .3s ease
}

.faq-accordion .accordion-item.active .accordion-icon {
  transform: rotate(45deg)
}

.faq-accordion .accordion-content {
  display: none;
  padding-top: 10px;
  color: #374151;
  font-size: 14px
}

.faq-accordion .accordion-content p {
  font-size: 12px
}

.faq-accordion .accordion-item.active .accordion-content {
  display: block
}

.final-cta {
  padding: 80px 20px;
  text-align: center;
  color: #700001
}

.final-cta h2 {
  font-size: 28px;
  max-width: 700px;
  margin: 0 auto 25px auto;
  line-height: 1.4
}

.final-cta-btn {
  display: inline-block;
  padding: 14px 28px;
  background: #700001;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: all .3s ease
}

@media (max-width:600px) {
  .final-cta h2 {
    font-size: 22px
  }

  .final-cta-btn {
    font-size: 15px;
    padding: 12px 22px
  }
}

/* 
.testimonial-slider .item::before{position:absolute;content:"";background:url(../imgs/logo/quotes.svg) no-repeat;width:80px;height:80px;top:-29px;left:-4px}  */