@import url('https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap');

:root {
  --text-primary:#0A66FF;
  --bg-color-primary: #A92A6C;
  --text-primary: #0558CA;
  --text-secondary: #1B8147;
  --heading: 42px;
  --heading2: 36px;
  --heading3: 26px;
  --heading4: 22px;
  --title: 24px;
  --bold: 700;
}

 

.text-primary{ color: var(--text-primary) !important;}
.text-1 {
  font-size: 20px;
}

.heading {
  font-size: var(--heading);
}

.heading-2 {
  font-size: var(--heading2);
}

.heading-3 {
  font-size: var(--heading3);
}

.heading-4 {
  font-size: var(--heading4);
}

.title {
  font-size: var(--title);
}

.bold {
  font-weight: var(--bold);
}

p {
  color: #6b7385;
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  position: relative;
}
.list-unstyled{ margin-bottom: 0;}

.inner_banner.contact{background-image: url('../img/contact.jpeg'); background-size: cover;}
.contact_info address i{color: #0A66FF; margin-right: 5px;}
.contact_info address p.landmark{ padding-left: 40px; position: relative; font-size: 16px;}
.contact_info address p.landmark strong{ font-size: 20px;}
.contact_info address p.landmark::before{ content:"\f3c5"; font-family: "Font Awesome 7 Pro"; font-weight: 900; position: absolute; left: 0; top: 0; color: #0A66FF; font-size: 2rem;}

.map_view{ padding-top: 5px; background: linear-gradient(to left, rgb(51 93 224), rgb(46, 191, 145));}
.map_view iframe{ width: 100%; min-height: 360px;}

.contact_info address a{ text-decoration: none; color: #051126;}
.inner_banner{
   color: #fff;
  background-image: url('../img/about_banner.jpg');
  background-position: center;
  position: relative;
}
.inner_banner *{ position: relative; z-index: 2;}
.inner_banner::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
background: linear-gradient(90.99deg, #077636 0.11%, #1F52A9 99.89%); opacity: 0.7;}
.upstudy-breadcrumb{ display: flex; align-items: center; justify-content: center;}
.upstudy-breadcrumb ul{ margin: 2rem 0;}
.upstudy-breadcrumb ul li{color: #fff;}
.upstudy-breadcrumb ul li a{ color: #fff; text-decoration: none;}
.upstudy-breadcrumb ul li a:hover{ color: #0A66FF;}


.main_banner {
  background-image: url('../img/banner_bg.png');
  display: flex;
  align-items: center;
  justify-content: center;
  background-attachment:fixed
}

.main_banner .cart {
  text-align: center;
  background: rgba(11, 31, 64, 0.5);
  padding: 2rem;
  color: #fff;
  border-radius: 1rem;
}

.main_banner .cart p {
  color: #fff;
  font-size: 20px;
}

.main_banner .cart .btn i {
  font-size: 16px;
  margin-right: 5px;
}

.main_banner .cart .btn-primary-outline {
  min-width: 190px;
  min-height: 42px;
}

.analysis_count {
  background: linear-gradient(90.99deg, #077636 0.11%, #1F52A9 99.89%);
  box-shadow: 0px 513px 205px rgba(0, 0, 0, 0.01), 0px 288px 173px rgba(0, 0, 0, 0.03), 0px 128px 128px rgba(0, 0, 0, 0.04), 0px 32px 71px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 22px;
  padding: 2rem;
  margin-top: -65px;
  position: relative;
  z-index: 4;
}

.analysis_count ul {
  margin: 0;
}

.analysis_count ul p {
  margin-bottom: 0;
  font-size: 1rem;
  color: #fff;
}

.analysis_count ul p span {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
}

.about_bg {

  background-repeat: no-repeat;
  background-size: 900px;
  background-position-y: 100px;
  position: relative;
}

.about_bg::after {
  background-image: url('../img/about_leftlight.png');
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position-x: right;
  z-index: -1;
}

.feature_list li {
  margin-bottom: 2rem;
}

.feature_list li:nth-child(even) {
  padding-top: 2rem;
}

.feature_list li .card i {
  font-size: 2rem;
  margin: .5rem auto;
  color: #1B8147;
  background: rgb(27 129 71 / 30%);
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
}

.feature_list li:nth-child(1) .card:last-child i {
  background: rgb(223 67 67 / 30%);
  color: #DF4343;
}

.feature_list li:nth-child(2) .card i {
  color: #2368C8;
  background: rgb(35 104 200 / 20%);
}

.feature_list li:nth-child(2) .card:last-child i {
  color: #43AE9A;
  background: rgb(67 174 154 / 30%);
}


.feature_list li .card {
  background: #FFFFFF;
  box-shadow: 0px 513px 205px rgba(0, 0, 0, 0.01), 0px 288px 173px rgba(0, 0, 0, 0.03), 0px 128px 128px rgba(0, 0, 0, 0.04), 0px 32px 71px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  text-align: center;
  padding: 1.5rem;
  min-height: 284px;
  margin-bottom: 1.5rem;

}

.feature_list li .card p {
  margin-bottom: 0;
}


.breadcrumb a {
  color: #021E40;
}

.breadcrumb a:hover {
  color: #0558CA;
}

.breadcrumb li {
  padding-right: 25px;
  position: relative;
}

.breadcrumb li::after {
  content: "\f105";
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 0;
  color: #999;
  font-size: 16px;
}

.breadcrumb li:last-child::after {
  display: none;
}

/* .text-1 {}

.text-2 {}

.text-3 {}

.text-4 {} */

.text-5 {
  font-size: 16px;
}

.fa-star {
  color: #FDC526;
}

a {
  transition: all 0.4s;
  text-decoration: none;
}

body::before {
  width: 730px;
  height: 730px;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-image: url('../img/body_effect.png');
  background-size: cover;
  z-index: -1;
}

img {
  max-width: 100%;
}

p {
  font-size: 18px;
}

.text-primary {
  color: var(--text-primary) !important;
}

.text-secondary {
  color: var(--text-secondary) !important;
}



.sub-heading {
  font-size: 20px;
  color: #666;
}



.sub-title {
  font-size: 16px;
  color: #888;
}


.navbar {
  transition: all 0.3s ease;
}

.navbar.fixed-top {
  background-color: #FFFFFF;
  box-shadow: 0 10px 15px #1919191a;
}

.navbar.scrolled {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-brand {
  font-weight: bold;
  font-size: 1.5rem;
  color: white !important;
}

.nav-link {
  color: #555;
  font-weight: 500;
  transition: color 0.3s ease;
}

.nav-link:hover {
  color: #666;
}



.navbar-brand img {
  max-height: 32px;
}

.main_nav .btn {
  margin: 0 .3rem;
  border: none;
}

.main_nav .btn a {
  font-weight: 700;
}

.btn.btn-secondary {
  background: #FFFFFF;
  box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.03);
  border-radius: 80px;
  text-decoration: none;
  padding: .6rem 1.5rem;

  font-weight: 600;
  color: #555;
}

.btn.btn-secondary:hover {
  box-shadow: none;
}

.outline-primary {
  border: #1B8147 solid 1px;
}

.btn.btn-primary a {
  color: #FFFFFF;
}
a{ transition: all 0.3s ease;}

.btn.btn-primary-outline {
  border: 2px solid #0A66FF;
  color: #0A66FF;
  border-radius: 30px;
  background-color: #fff;
  font-weight: 700;
 
}

.btn.btn-primary-outline:hover {
  transform: translateY(-2px);
  color: #fff;
  background: #0A66FF;
  box-shadow: 0 4px 12px rgba(51, 93, 224, 0.3);
}

.btn.btn-primary {
  background: #0A66FF;
  border-bottom: #0B4BB6 2px solid;
  color: white;
  text-decoration: none;
  font-weight: 600;
  padding: 0.5rem 1.5rem;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.btn.btn-secondary:hover {
  border-bottom: #0B4BB6 4px solid;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(51, 93, 224, 0.3);
  color: white;
}

.navbar-expand-lg .navbar-nav {
  align-items: center;
}

.comman-section {
  padding: 50px 0;
}

.hero_view .title {
  font-size: 3rem;
  font-weight: 800;
}
.gameList_view{ position: relative;}
.gameList_view::before{content: "";width: 800px;height: 800px;background-color: #0a66ff;left: -800px;top: 0;position: absolute;border-radius: 100%;filter: blur(400px);}

.gameList_view .card img{ min-height:280px}
.gameList_view .card {
  padding: 0;
  border: none;
  box-shadow: 0px 10px 60px rgba(38, 45, 118, 0.08);
  border-radius: 0px;
  overflow: hidden;
  margin-top: 2rem;
  min-height: 340px;
  cursor: pointer;
  /* background: linear-gradient(90.99deg, #077636 0.11%, #1F52A9 99.89%); */
  display: block;
}

.gameList_view .card-body .title{position: absolute;bottom: -68px;z-index: 1;color: #fff;font-size: 1.5rem;font-weight: 700;padding:.5rem 1rem;background: linear-gradient(90.99deg, #077636 0.11%, #1F52A9 99.89%);min-height: 60px;width: 100%;padding: 1rem;}
.gameList_view .card-body {
  padding: 0;
  border: none;
  position: relative;
}

.gameList_view .card-body::after {
  background: rgba(27, 129, 71, 0.4);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gameList_view .card:hover .card-footer{ transform: translateY(0);}
.gameList_view .card-footer {
  padding: 1rem;
  background: linear-gradient(90.99deg, #077636 0.11%, #1F52A9 99.89%);
  color: #fff;
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 3;
    transform: translateY(100%);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
.gameList_view .card-footer .game_info .btn{ min-width: 45%;}

.gameList_view .card-footer .game_info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gameList_view .card-footer .game_info p {
  font-size: 16px;
}

.gameList_view .card-footer h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
.gameList_view .card-footer ul li{  position: relative;}
.gameList_view .card-footer ul li::before{ content:"\f058" ; font-family: "Font Awesome 6 Free"; }
.gameList_view .card-footer P{ color: #eee; font-size: 16px; line-height: 22px;}

.gameList_view.related_view .card-footer h3 {
  font-size: 1.2rem;
}

.gameList_view .card-footer .game_info .col:last-child {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.gameList_view .card-footer .game_info .col .btn {
  padding: .5rem 1rem;
  font-size: 14px;
}

.gameList_view .card .star-icons {
  color: #FDC526;
  font-size: 18px;
}

.gameList_view .card .price {
  font-size: 1.2rem;
  font-weight: 800;
}

.about_view .media {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

.about_view .media h4 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.about_view .media i {
  background: linear-gradient(217.1deg, #0558CA -8.09%, #3572C6 94.13%);
  border-radius: 16px;
  height: 60px;
  min-width: 60px;
  color: #FFFFFF;
  margin-right: 1.5rem;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}

.feature_view {
  background-color: #E8EEF5;
}

.feature_view .card {
  text-align: center;
  min-height: 100%;
}

.feature_view .card h4 {
  font-size: 1.4rem;
  font-weight: 700;
}

.feature_view .card p {
  color: #777;
}

.feature_view .card {
  background: #FFFFFF;
  box-shadow: 0px 10px 60px rgba(38, 45, 118, 0.08);
  border-radius: 20px;
  border: none;
  margin-top: 2rem;
}

.feature_view .card .card-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.feature_view .card i {
  background: linear-gradient(217.1deg, #0558CA -8.09%, #3572C6 94.13%);
  border-radius: 100px;
  height: 80px;
  min-width: 80px;
  color: #2368C8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin-bottom: 1rem;
  background: rgba(35, 104, 200, 0.2);
}

.main-footer {
  background-color: #162332;
  color: #FFFFFF;
  padding-bottom: 0;
}

.main-footer .brand_logo img {
  max-height: 32px;
}

.main-footer .link-bar li {
  padding: .5rem;
  display: inline-block;
}

.main-footer .link-bar li a {
  text-decoration: none;
  color: #FFFFFF;
}

.sub-footer {
  font-size: 16px;
  color: #c1cddb;
  border-top: 1px solid #2D4765;
  padding: 1rem 0;
  margin: 0;
}

.main-footer .social-bar li {
  display: inline-block;
  margin: 0 .5rem;
}

.main-footer .social-bar li a {
  color: #FFFFFF;
  display: inline-block;
  text-decoration: none;
  width: 50px;
  height: 50px;
  border: 1px solid #2D4765;
  line-height: 50px;
  border-radius: 100px;
}

.pricing-view .card {
  transition: all 0.4s;
  cursor: pointer;
  border: none;
}

.pricing-view .card h4 {
  font-weight: 800;
  font-size: 1.5rem;
}

.pricing-view .card .card-body {
  padding: 1.5rem;
}

.pricing-view .card:hover,
.pricing-view .card.active {
  box-shadow: 0px 10px 60px rgba(38, 45, 118, 0.08);
}

.pricing-view .card.custom_plan select {
  visibility: hidden;
}

.pricing-view .card .btn {
  display: block;
  border: 2px solid #2368C8;
  color: #2368C8;
  border-radius: 0;
  font-weight: 700;
  padding: .7rem;
}

.pricing-view .card .btn:hover,
.pricing-view .card.active .btn {
  background-color: #2368C8;
  color: #fff;
}

.pricing-view .card p {
  color: #666;
  min-height: 55px;
}

.pricing-view .card .form-select {
  background-color: #DCE2EE;
  padding: .8rem 1rem;
}

.pricing-view .card ul li {
  margin-top: 1rem;
  padding-left: 35px;
  font-weight: 600;
  position: relative;
}

.pricing-view .card ul {
  min-height: 185px;
}

.pricing-view .card ul li::before {
  content: "\f00c";
  background-color: #F4EBFF;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  position: absolute;
  left: 0px;
  top: 0px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  text-align: center;
  color: #0558CA;
}

.toogle_switch {
  display: flex;
  align-items: center;
  justify-content: center;
}

.toogle_switch .switch {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 40px;
}

.toogle_switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toogle_switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 40px;
}

.toogle_switch .slider:before {
  position: absolute;
  content: "";
  height: 32px;
  width: 32px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.toogle_switch input:checked+.slider {
  background-color: #1b8147;
}

.toogle_switch input:checked+.slider:before {
  transform: translateX(40px);
}


.course_hero {
  background-color: #f9f9f9;
  background-image: linear-gradient(to right, #ecf4f657, #f6ecf43b, #eaf5fd);
}

.course_detail .feature h5 {
  font-weight: 700;
  color: #555;
  font-size: 1rem;
}

.course_detail .feature p {
  font-size: 16px;
}

.course_detail .feature li {
  position: relative;
  display: flex;
}

/* .course_detail .feature li::before{ content: "\f00c"; font-family:"Font Awesome 7 Pro";  font-weight: 800; color: #2368C8;   position: absolute; left: 10px;} */

.course_detail .feature li i {
  background: linear-gradient(217.1deg, #0558CA -8.09%, #3572C6 94.13%);
  border-radius: 100px;
  height: 60px;
  min-width: 60px;
  color: #2368C8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.9rem;
  margin-right: 1rem;
  background: rgba(35, 104, 200, 0.2);
}

.course_detail .accordion-item {
  border: none;
}

.course_detail .accordion-button:not(.collapsed) {
  background-color: #f6f7f9;
  border: none;
  color: #0558CA;
  border-radius: 12px;
}

.course_detail .accordion-button {
  background-color: #f6f7f9;
  margin: 1rem 0;
  padding: .7rem 1rem;
  border-radius: 12px !important;
}

.course_detail .accordion-button:focus,
.course_detail .accordion-button:hover {
  box-shadow: none;
  border: none;
  color: #0558CA;
  ;
}

.course_detail .topics li {
  display: inline-block;
  width: 49%;
  position: relative;
  padding-left: 30px;
  margin-top: 1rem;
}

.course_detail .topics li::before {
  content: "\f00c";
  font-family: "Font Awesome 7 Pro";
  font-weight: 800;
  color: #2368C8;
  position: absolute;
  left: 5px;
  font-size: 14px;
}

.tags a {
  display: inline-block;
  margin-right: 1rem;
  background-color: rgba(35, 104, 200, 0.2);
  color: #2368C8;
  padding: .4rem 2rem;
  border-radius: 25px;
  font-size: 16px;
}

.course_detail .main-aside {}

.course_detail .main-aside {
  padding-left: 2rem;
  margin-top: -450px;
}

.Course_include .card {
  background-color: #fff;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0px 10px 60px rgba(38, 45, 118, 0.08);
}

.Course_include .card-body {
  padding: 0;
}

.Course_include .card-footer {
  padding: 2rem;
}

.Course_include .card-footer p strong {
  font-size: 1.5rem;
}

.Course_include .card-footer p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}

.Course_include .card-footer .btn {
  display: block;
  border: 2px solid #2368C8;
  color: #fff;
  border-radius: 0;
  font-weight: 700;
  padding: .7rem;
  background-color: #2368C8;
  width: 100%;
}

.Course_include .card-footer .btn:hover {
  color: #2368C8;
  background-color: transparent;
}

 

.courses_view .courses_list li .cart:hover i {
  transform: scale(1.1) rotate(5deg);
}

.courses_view .courses_list .cart {
   border-left: 4px solid #077636 !important;
   background: linear-gradient(135deg, rgb(239, 246, 255) 0%, rgb(255, 255, 255) 100%);
   min-height: 250px;
   position: relative;
   padding: 2rem;
   border-radius: 1rem;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
   border: 1px solid #e2e8f0;
   margin: 1rem;
   display: flex;
   flex-direction: column;
}

.courses_view .courses_list .cart .course-number-small {
  height: 40px;
  width: 40px;
  font-weight: 600;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
  color: rgb(7 118 54);
  background: rgb(7 117 54 / 20%);
  border: 2px solid rgb(7 118 54);
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center
}


.courses_view .courses_list .cart i {
  transition: transform 0.3s ease-in-out;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #3b82f6;
}
 

.courses_view .courses_list .cart h4 {
  color: #1e293b;
  font-size: 1.2rem;
}

.courses_view .courses_list .cart p {
  color: #475569;
  font-size: 1rem;
  margin-bottom: 0;
}

.brans_list li { padding: 0 15px; text-align: center;}
.brans_list li p{background-color: #fff;padding: .5rem;border: #ACB1AD 1px solid;border-radius: 6px;height: 80px;display: flex;align-items: center;justify-content: center;}
.brans_list li p img{  margin: 0 auto; max-height: 40px;}

.blog_view{ background: linear-gradient(90.99deg, #077636 0.11%, #1F52A9 99.89%);color: #fff; }

.blog_view .card{ border-radius: 26px; overflow: hidden; border: none;}
.blog_view .card img{border-radius: 26px;}
.blog_view .card .badge{ position: absolute;top: 010px;padding: .5rem 1rem;border-radius: 1rem;}

.blog_view .card:hover img{ transform: translate3d(0,-50px,0); transition: all .3s cubic-bezier(.34,1.61,.7,1); ;}
.blog_view .card:hover .card-title{ color: #0A66FF;}
.blog_view .card  .btn-outline-primary{border-color: #0A66FF; width: 46px;height: 46px;border-radius: 100% !important;display: flex;align-items: center;justify-content: center;}
.blog_view .card:hover .btn-outline-primary{ background-color: #0A66FF; color: #fff;}

.testimonials_view .testimonials_outer{background-image: url('../img/testimonials_bg.png');color: #fff;background-repeat: no-repeat;background-size: contain;height: 500px;display: flex;align-items: center;justify-content: center;background-position: center;flex-direction: row;padding: 2rem; 
background-color: #152a42; border-radius: 50px;
}
.testimonials_view .card h4{ color: #fff;}
.testimonials_view .card{ background-color: transparent; max-width: 80%;}
.testimonials_view .card .card-body{ max-width: 80%; background-color: transparent;}
.testimonials_view .card .text-primary{ color: var(--text-primary) !important;}
.testimonials_view .card .card-body p{ font-size: 1.4rem;}
.comman-section.addtoaction{ padding: 20px;}
.addtoaction{ background-color: #0A65FF; }
.addtoaction .card{background: transparent;border: none;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.addtoaction .card .btn.btn-primary-outline{ padding: 1rem 2rem;}

.values_list{ margin:1rem 0 ;}
.values_list li{margin-top: 1rem;position: relative;padding-left: 35px;}
.values_list li span{ font-weight: 700; font-size: 1.2rem; color: #0a66ff;}
.values_list li::before{content: "\f058";font-family: "Font Awesome 6 Free";position: absolute;left: 0;top: 0;color: #0a66ff;font-size: 1.5rem;}

.values_list2{ counter-reset: section;}
.values_list2 li{ margin-top: 1rem;}
.values_list2 .card .heading-4{ font-size: 20px;}
.values_list2 .card{ text-align: center; height: 100%;}
.values_list2 p{ font-size: 16px; margin-bottom: 0;}
.values_list2 .card i{display: inline-block;margin: 1rem auto;width: 80px;height: 80px;background: #4384f0;border-radius: 100%;font-size: 2rem;line-height: 80px;color: #fff;}
 
.values_list2 .card{ border: none; background: transparent;}
.values_list2 .card .card-body{ border: none; background: transparent;}
.values_list2 .card .card-body::after{content: '';width: 50%;height: 2px;background-color: #b4cdf5;position: absolute;top: 70px;left: 80%;z-index: -1;}
.values_list2 li:last-child .card .card-body::after{ display: none;}

.values_list2 .card .card-body::before{ position: absolute;width: 42px;height: 42px;background-color: #070e39;border-radius: 100%;right: 75px;top: 50px;border: solid 2px #fff;color: #fff; counter-increment: section;content:  counter(section);font-weight: 600;
font-size: 1.2rem; line-height: 40px;}


.values_list4 li .media { display: flex;}
.values_list4 li .media img{ max-width: 380px; }
.values_list4 li .media .media-auth {text-align: center;align-items: center;display: flex;flex-direction: column;justify-content: center;}
.values_list4 li .media .media-auth  h4{ color: #077636; font-weight: 700;}
.values_list4 li .media .media-body{ box-shadow: 0 10px 30px rgba(0,0,0,0.2); background-color: #EFF5FF; border-radius: 24px; padding: 2rem; margin: 1rem;}
.values_list4 li .media .media-body ul{ list-style: none; }
.values_list4 li .media .media-body ul li{ margin-bottom: 1rem;}
.values_list4 li .media .media-body ul li span{ color: #0A66FF; font-weight: 700; font-size: 1.2rem;}
/* 
.values_list4 li{ margin-top: 150px;}
.values_list4 .card .heading-4{ font-size: 20px;}
.values_list4 .card{ text-align: center; height: 100%; background: linear-gradient(to left, rgb(51, 93, 224), rgb(46, 191, 145)); padding: .5rem; border-radius: 2rem; position: relative;}
.values_list4 .card-body{ background: #fff; border-radius: 2rem; padding: 100px 2rem 2rem 2rem;}
.values_list4 p{ font-size: 16px; margin-bottom: 0;}
.values_list4 .card i{display: inline-block;margin: 1rem auto;width: 80px;height: 80px;background: #1ab69d;border-radius: 100%;font-size: 2rem;line-height: 80px;color: #fff;}
.values_list4 .card-body span{display: inline-block;position: absolute;top: -100px;border-radius: 100%;overflow: hidden;width: 200px;height: 200px;left: 50%;transform: translateX(-50%);background: linear-gradient(to left, rgb(51, 93, 224), rgb(46, 191, 145));padding: .5rem;}
.values_list4 .card-body span img{border-radius: 100%;height: 100%;width: 100%;} */


.values_list3 li{ margin-top: 1rem;}
.values_list3 .card .heading-4{ font-size: 20px;}
.values_list3 .card{

   border-left: 4px solid #077636 !important;
   background: linear-gradient(135deg, rgb(239, 246, 255) 0%, rgb(255, 255, 255) 100%);
   position: relative;
   padding: 1rem;
   border-radius: 1rem;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
   border: 1px solid #e2e8f0;
   margin: 1rem;
   display: flex;
   flex-direction: column;
}
.values_list3 .card .card-body p{ margin: 0;}
.values_list3 .card .card-body{ border: none;}
.values_list3 p{font-size: 18px;}

.values_list3 .card i{display: inline-block;margin: 1rem auto;width: 90px;height: 90px;
  background: #0a66ff;border-radius: 100%;font-size: 2rem;line-height: 80px;color: #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;text-align: center;}

.accreditations_view{ background: linear-gradient(90.99deg, #077636 0.11%, #1F52A9 99.89%);}
.accreditations_view ul{ list-style: none; text-align: center;}
.accreditations_view ul li .title{color: #fff; font-size: 1.5rem; margin: 0;}
.accreditations_view ul li p{color: #fff;margin: 0;font-size: 1rem;text-transform: uppercase;font-weight: 700;position: absolute;top: -17px;left: 50%;transform: translateX(-50%);border: 2px solid rgba(255, 255, 255, 0.2);border-radius: 2rem;padding: .2rem 2rem;white-space: nowrap;background: #0a66ff;}
.accreditations_view ul li{ margin-top: 2rem;}
.accreditations_view ul li .item{border: 3px solid #fff;padding: 2rem 1rem;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative; padding-bottom: 50px;}

.accreditations_view ul li .item img{ max-height: 160px;}
.accreditations_view ul li .title{color: #fff;font-size: 1.1rem;margin: 0;position: absolute;bottom: 0;padding: .5rem;}


.about_story li{margin-top: 2rem;display: flex;align-items: center;}
.about_story li i{min-width: 140px;height: 140px;display: inline-block;border-radius: 100%;
  background: linear-gradient(90.99deg, #077636 0.11%, #1F52A9 99.89%);color: #fff;font-size: 3rem;line-height: 130px;margin: 0 1rem;border: 5px solid #2fa7a5;}

.about_story li p{ margin-bottom: 0; font-size: 16px;}
.about_story li .card{padding: 1rem;min-height: 200px;box-shadow: 0px 513px 205px rgba(0, 0, 0, 0.01), 0px 288px 173px rgba(0, 0, 0, 0.03), 0px 128px 128px rgba(0, 0, 0, 0.04), 0px 32px 71px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);border-radius: 2rem;}
.about_story li .card .heading-4{ color: #0A66FF;}
.about_story li:nth-child(2){text-align: right;margin-left: auto;flex-direction: row-reverse;}

.blog_single.common-section{position: relative; background-position: center;background-size: cover;min-height: 70vh;color: #fff;display: flex;align-items: center;justify-content: center;}
.blog_single.common-section::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; background: linear-gradient(90.99deg, #077636 0.11%, #1F52A9 99.89%);}
.blog_single.common-section *{ color: #fff;}
.blog_single .primary-tags{ background: #0A66FF;; border-radius: 25px; padding:.5rem 1rem; font-weight: 600;}
.post_info i{color: #0A66FF !important;}
.blog_single.common-section .container{z-index: 4;}
.social_bar{ padding: 0; margin: 0; list-style: none;}
.blog_info .blog_thumb img{ width: 100%;}

.social_bar li{ display: inline-block; padding: 0 5px; margin-top: 1rem;}
.social_bar li a{display: flex;text-decoration: none;line-height: 3;align-items: center;width: 42px;height: 42px;border-radius: 100%;background-color: #0A66FF;justify-content: center;}
.social_bar li a:hover{  border-bottom:#0B4BB6 4px solid;transform: translateY(-2px); box-shadow: 0 4px 12px rgba(51, 93, 224, 0.3);}
.blog_info .card{ box-shadow: 0px 513px 205px rgba(0, 0, 0, 0.01), 0px 288px 173px rgba(0, 0, 0, 0.03), 0px 128px 128px rgba(0, 0, 0, 0.04), 0px 32px 71px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);}

.courses_detail .nav-tabs .nav-item {padding: 0rem 1rem;}
.courses_detail .nav-tabs .nav-item .nav-link.active{color: #0A66FF !important;background: transparent;border: none;}
.courses_detail .tab-pane{padding: 1rem;}
.courses_detail .tab-pane ul{background-color: #D5E5FF;padding: 1.5rem;}
.courses_detail .tab-pane ul li{
      position: relative;
      padding-left: 26px;
      margin-bottom: .5rem;
      font-size: 1.1rem;
}
.courses_detail .tab-pane ul li::before{
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    left: 0;
    top: 0;
    color: #0a66ff;
    font-size: 1.2rem;
    }

.courses_detail .courses_cart{ padding: 2rem;box-shadow: 0px 513px 205px rgba(0, 0, 0, 0.01), 0px 288px 173px rgba(0, 0, 0, 0.03), 0px 128px 128px rgba(0, 0, 0, 0.04), 0px 32px 71px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
border-radius: 20px;}
.courses_detail .courses_cart .btn{ padding: .8rem; width: 100%;}
.courses_detail .courses_cart ul{ list-style: none; padding: 0;}
.courses_detail .courses_cart ul li{ display: flex; font-size: 1.2rem; justify-content: space-between;
color: #374761; min-height: 40px;}
.courses_detail .courses_cart ul li i{color: #0A66FF; margin-right: .5rem;}
.courses_detail .courses_cart ul li span:last-child{color: #101929;font-weight: 600;min-width: 70px;}
.courses_detail .courses_cart ul li span.danger{color: #E42C47; font-size: 1.5rem;}

 

 .about_vistion{ background-color:#EFF5FF; padding: 4rem; border-radius: 24px;background-image: url('../img/vussin_bg.png'); background-repeat: no-repeat; position: relative;}
  .about_vistion .item{ background-color: #fff; padding: 2rem; border-radius: 24px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);height: 100%; margin: 1rem; }
  .about_vistion .item h4{ border-bottom: 3px solid #0a66ff; color: #0a66ff; padding: .5rem;}
 .about_vistion .item p{ font-size: 1.2rem !important; line-height: 36px; color: #333; }
 .about_vistion::after{content: "";position: absolute;right: 0;bottom: 0;width: 250px;height: 100%;background-image: url('../img/vussin_bg_vector.png');background-repeat: no-repeat;background-position-x: center;background-position-y: bottom;background-size: contain;}


@media (min-width: 576px) {
  .main_banner .cart{ padding: 4rem;}
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
  .addtoaction .card{ flex-direction: row;}
  .testimonials_view .testimonials_outer{ background-color: transparent;}
}

@media (min-width: 1200px) {
  .main_banner{
     min-height: 100vh;
  }
  .about_bg.addbg{background-position-x:0;}
  .about_bg {
    background-image: url('../img/about_bg.png');
    min-height: 100vh;
    background-position-x:-100%;
    transition: background-position 2s ease;
   
  }
}