@charset "utf-8";
/* CSS Document */

/* CSS Document © 2024 ProWebPrism */

::-moz-selection {
  background: #7b7d7f;
  color: var(--primary-color);
  text-shadow: none;
}
::selection {
  background: #7b7d7f;
  color: var(--primary-color);
  text-shadow: none;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
textarea,
input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  font-family: "Roboto", sans-serif;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  color: #848282;
  background: #f5f6f9;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  overflow-y: scroll;
}
:root {
  --primary-color: #131f4f;
  --secondary-color:#2E5A88 ;
}
a {
  text-decoration: none;
  transition: all 0.25s ease-out 0s;
  outline: none;
  box-shadow: none;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: "Roboto", sans-serif;
}
p,
p span {
  font-family: "Open Sans", sans-serif;
}
img {
  border: 0px;
}
ol,
ul,
li {
  list-style: none;
    font-family: "Roboto", sans-serif;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* * {
  -webkit-appearance: none;
} */
::-webkit-input-placeholder {
  color: var(--primary-color);
}
::-moz-placeholder {
  color: var(--primary-color);
}
:-ms-input-placeholder {
  color: var(--primary-color);
}
:-moz-placeholder {
  color: var(--primary-color);
}

section,
header,
footer {
  width: 100%;
  float: left;
}

img {
  max-width: 100%;
  display: block;
}

strong {
  font-weight: bold;
}
button{border: none;}


/* ---------hedaer-wrap---------------------- */

.header-wrap{ border-bottom: 1px solid #ccc;background-color: #fff;padding: 8px 0 0;}

.header-row-1{display: flex; justify-content:space-between;align-items:center;}
.header-row-1 ul{display: flex; align-items: center;}
.header-row-1 .right-row{display: flex;align-items: center;}
.header-row-1 .right-row ul li{margin-right: 20px;}
.header-row-1 .left-row li span img{ width: 20px; height: 20px;transition: transform 0.3s ease;overflow: hidden;}
.mail img{width: 20px; height: 20px;margin-right: 8px;transition: transform 0.3s ease;overflow: hidden;}
.mail img:hover{transform: scale(1.1);}
.header-mail{display: flex; align-items: center;}
.header-row-1 .left-row li span:hover img{transform: scale(1.1);}
.header-row-1 a{color:var(--primary-color); position: relative; padding: 5px 0; }
.header-row-1 a:hover{color: #2E5A88;}
.logo{width: 190px;} 
.logo img{width: 100%; height: 100%;object-fit:cover;}

.header-row{display: flex; justify-content: space-between;align-items: center;font-size: 14px;padding: 10px 0;}
.menu-list .menu{display: flex;justify-content: space-between;}
.menu-list{width: 100%;}
.menu-list .menu li{padding:15px 0;color:var(--primary-color);font-size: 16px;font-weight: 600;}
.menu-list .menu li a{color: var(--primary-color);padding: 10px 0; font-family: "Roboto", sans-serif;}
.menu-list .menu li a:hover{color: var(--secondary-color);}

.dropdown-content {display: none;  position: absolute; top:50px; background-color: #ffffff; min-width: 250px;z-index: 5;}
.dropdown-content .drop-menu li{padding: 15px 10px;  display: block;color: var(--primary-color);font-size: 14px;transition: transform 0.2s ease; font-family: "Roboto", sans-serif;}
.dropdown-content .drop-menu  li:hover {color: #fff !important;background-color: var(--primary-color);}
.dropdown-content .drop-menu li a{color: var(--primary-color);transition: transform 0.2s ease}
.dropdown-content .drop-menu  li:hover a{color: #fff;}
.dropdown:hover .dropdown-content { display: block;}


/* ------active-class------------ */

.menu-links{position: relative;}
.menu-links::after{  content: ''; position: absolute; left: 0;bottom: 0; height: 3px;width: 0; border-radius: 2px;background-color:var(--primary-color);}
.menu-links.active::after { animation: fillLeftToRight 0.5s forwards;}

@keyframes fillLeftToRight {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}


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


.btn-wrap{display: flex; align-items: center;}
/* .login-btn{margin-right: 20px;} */
.login-btn a{padding:10px  26px ; border: 1px solid var(--primary-color);border-radius: 5px;color: var(--primary-color);display:inline-block;transition: background-color 0.7s ease, transform 0.7s ease;}
.login-btn a:hover{background-color: var(--primary-color); color:#ffffff;}
.primary-btn a{padding:10px  26px ; border: 1px solid var(--primary-color); border-radius: 5px;color:#fff;background-color: var(--primary-color);display: inline-block;transition: background-color 0.7s ease, transform 0.7s ease;}
.primary-btn a:hover{background:transparent; border-color: var(--primary-color);color: #131f4f; }

.header-wrap.sticky {position: fixed;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; animation: 0.7s slide-down;z-index: 100;background-color:#fff}

@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}
.overlay{display: none;}
.burger-btn {
  display: none;
}

.header-wrap.sticky .header-row-1{display: none;}

/* ------------banner-wrap---------------------- */


.banner-wrap{padding: 60px 0;}
.banner-row{display: flex;justify-content: space-between;align-items: center;}
.banner-col1{width: 48%;  display: flex;flex-direction: column; }
.banner-col-row {margin: 0 0 30px;}
.banner-col2{width: 48%;display: flex; justify-content:end;align-items: center;}
.banner-image img{border-radius: 20px;width: 100%;height: 100%;object-fit: cover;}
.banner-image {opacity: 0; transform: scale(1.1);animation: bannerFadeZoom 1.5s ease-out forwards;width: 600px;}

  @keyframes bannerFadeZoom {
    from {
      opacity: 0;
      transform: scale(1.1);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

.banner-wrap .banner-col-row .tabs{ display: flex;gap:2px; margin: 0 0 20px;}
.banner-tab-button { padding:8px  20px ; border-radius: 10px; color:var(--primary-color);}
.banner-tab-button.active,.banner-tab-button:hover {border: 1px solid var(--primary-color); background-color: var(--primary-color); color: #fff;}
.banner-tab-content {display: none; justify-content: start;flex-direction: column;                   }
.banner-tab-content.active { display: flex;}

.banner-tab-content  h1{font-size: 46px; line-height: 1.26;margin: 0 0 20px;font-weight: 700; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.banner-tab-content p{font-size: 18px; line-height: 2; color: #000;font-weight: 300; margin: 0 0 30px;}
.banner-row-2 h6{text-transform: uppercase !important ; margin: 0 0 20px;}

.banner-slider .slick-slide{margin: 20px;}
.slider-col1{display:flex; justify-content: center;align-items: center;width: 200px;height: 50px;}
.slider-col1 img{object-fit: cover;}
.banner-col1 .login-btn{margin-right: 20px;}

.counter-wrap{display: flex;}
.counter-col1{text-align: center; margin: 0 15% 0 0;}
.counter-col1 h1{ font-size: 46px;font-weight:600; color: var(--secondary-color); }
.counter-col1 p{font-size: 16px; color: #000;font-weight: 600;}
.counter-col1:nth-child(3n){margin-right: 0;}

/* -------------service-wrap--------------------------------- */


.service-wrap{padding: 30px 0;}
.service-row{display:flex;flex-wrap: wrap;}
.service-col1{width: 23.5%; margin: 20px 2% 0 0;border-radius: 20px;display: flex;align-items: end;padding:20px 10px;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);background-color: #fff;}
.service-col1:nth-child(4n){margin-right: 0;}
/* .service-content{padding: 10px;} */
.service-col1 .icon{width: 50px;margin: 0 0 15px;}
.service-col1 h6{font-weight: 600; font-size: 20px;color: #000;line-height: 1.56;}


/* ----------------------video-wrap------------------- */
.videos-wrap{padding: 30px 0;}
.video-row{background-color: #fff; border-radius: 10px;padding: 30px 20px; }
.videos-wrap h2{font-weight:600;font-size: 32px;background: linear-gradient(to right,#031e86a2, #131f4f); /* light green to dark green */ -webkit-background-clip: text; -webkit-text-fill-color: transparent;  background-clip: text; color: transparent;text-align: center;margin: 0 0 20px;}
.video-col1{ background-color: #7b8cce49; border-radius: 10px; border: 1px solid #131f4f;}
.video-slider .slick-track{padding-bottom: 20px;}
.video-slider .slick-slide{margin:0 10px;}
.video-slider-2 .slick-slide{margin:0 10px;}
.thumbnail { position: relative;overflow: hidden; height: 200px;border-radius: 10px;}
.thumbnail img {width: 100%;display: block; object-fit: cover; height: 100%;}
.badge, .duration { position: absolute; top: 12px; padding: 8px 12px;  border-radius: 50px;  font-size: 13px; font-weight: 500;}
.badge { left: 12px; background-color: white;color: #333;}
.duration { right: 12px; background-color: #facc15; /* Yellow */ color: #000;}
.play-btn {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);background-color: #131f4f; width: 50px;  height: 50px;  border-radius: 50px; display: flex; justify-content: center;align-items: center;}

.play-btn:after {
  width: 72px;
  height: 72px;
  background:var(--primary-color);
  border-radius: 50%;
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.play-btn:before {
  width: 50px;
  height: 50px;
  background: var(--primary-color);
  border-radius: 50%;
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}


.play-btn:after,.play-btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  z-index: -8;
}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.play-btn img{width: 18px;}
.play-btn:hover{opacity: 1;}
.tags {  display: flex;  justify-content: space-between;  margin: 0 0 10px;gap: 2%;} 
.tag {  background-color: #d1fae5;  color: #065f46;  padding: 8px 13px;  font-size: 12px; border-radius: 50px; font-weight: 500;}
.tag a{color: #000;}
.video-col1 h3{ font-size: 18px; font-weight: 500; margin:0 0 10px; color: var(--primary-color);line-height: 1.56;}
.video-col1 h6 { font-size: 18px;  color: #000000;  margin: 0 0 10px;}
.card-footer {  display: flex;  justify-content: space-between;  align-items: center;}
.price-info { display: flex; flex-direction: column;}
.price {font-size: 24px; font-weight: bold; color: #111827; margin: 0;}
.students {  font-size: 13px; color: #4e4d4d;}
.arrow-btn{z-index: 11;}
.arrow-btn a{  background-color: #131f4f; color: white; width: 50px; height: 50px; border-radius:10px; display: flex; justify-content: center; align-items:center ;}
.arrow-btn img{width: 30px;}
.arrow-btn a:hover { background-color: #2E5A88;}
.video-col1 a{color: var(--primary-color);}
.video-col1 a:hover{color: var(--secondary-color);}
.video-col1 .card-content{padding: 10px;}


/* --------course-wrap------------- */

.course-wrap{padding:30px 0;background-color: #ffffff;}
.course-wrap .course-row{display: flex;flex-wrap: wrap;justify-content: center;}
.course-wrap .course-row .course-card{margin: 20px 2% 0 0; width:32%;background-color:#fff; border-radius: 10px; border: 1px solid var(--primary-color);position: relative; transition: transform 0.3s ease;}
.course-wrap .course-row .course-card:hover{ transform: scale(1.02); }
.course-card h3{font-size: 18px; font-weight: 600; margin:0 0 10px; color: var(--primary-color);}
.course-card h6{font-size: 16px;  color: #000000;  margin: 0 0 10px;}
.course-wrap .course-row .course-card a{color: var(--primary-color);}
.course-wrap .course-row .course-card a:hover{color: #2E5A88;}
.course-wrap .course-row .course-card:nth-child(3n){margin-right: 0;}
.course-wrap .course-row .course-card:hover .play-btn{opacity: 1;}
.course-card .card-content{padding: 10px;}
.anchor-btn{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;z-index: 10;}



/* -------------------about-row----------------------------- */

.about-wrap{padding: 30px 0;}
.about-row{display: flex;justify-content: space-between;background-color: var(--primary-color); border-radius: 10px; padding: 60px 30px;align-items:center;}
.about-col1{width: 48%;}
.about-col1 h1{font-size: 42px; font-weight:600;color: #fff;line-height: 1.26;margin: 0 0 20px;}
.about-col1 p{font-size: 16px; color: #fff;margin: 0 0 20px;line-height: 1.56;}
.about-col1 h1 span{color: #4f9df0;}
.about-col1 .btn-wrap .login-btn a{background-color: #ffffff; color: #131f4f;}
.about-col1 .btn-wrap .login-btn a:hover{background:transparent; color: #fff;border-color: #fff;}
.about-col1 .btn-wrap .primary-btn a:hover{background-color: white; color: #131f4f;}
/* .about-col1  .login-btn{margin-right: 20px;} */

.about-col2{width: 48%;display: flex; flex-wrap: wrap;}
.about-col2 .widget-col1{width: 49%; display: flex;flex-direction: column; justify-content: center; align-items: center; padding:20px; margin: 20px 2% 0 0;background-color: #fff;text-align: center;border-radius: 20px;height: 150px;}
.about-col2 .widget-col1 h2{font-size: 46px;color: var(--primary-color);line-height: 0.80;font-weight: 700;margin: 0 0 20px;}
.about-col2 .widget-col1 p{font-size: 18px;font-weight: 600;color: var(--primary-color);line-height:1.56;}
.about-col2 .widget-col1:nth-child(2n){margin-right: 0;}

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

.masters-wrap{padding: 30px 0;}
.masters-row{display: flex; flex-direction: column; align-items:center;justify-content: center;}
.masters-col1{margin: 0 0 20px;}
.masters-col1 h1{font-size: 42px; font-weight: 700; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.masters-col2{display: flex;gap: 20px;}
.masters-col2 .login-btn a{padding: 10px 70px;}
.masters-col2 .primary-btn a{padding:10px 33px;}

/*-------------skills-wrap----------------- */

.skills-wrap{padding: 30px 0;}
.skills-row{display: flex;flex-wrap: wrap;}
.skills-col1{width: 48.5%;padding: 30px 20px; background-color:var(--primary-color); border-radius: 10px;margin: 20px 3% 0 0;}
.skills-col1:nth-child(2n){margin-right: 0;}
.skills-col1 h3{font-size: 26px; font-weight: 600;color: #fff; margin: 0 0 20px;}
.skills-col1 p{font-size: 16px; line-height: 2;color: #fff;}
.skills-col1:hover{background-color:var(--secondary-color);}


/* ---------------blog-wrap------------------------------ */

.blog-wrap{padding: 30px 0;}
.blog-row1{display: flex;justify-content: space-between;margin: 0 0 20px;align-items: center;}
.blog-row1 h2{font-size: 32px; font-weight: 700; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.blog-row1 .login-btn a{padding:10px 70px;}
.blog-slider .slick-slide{margin:0 10px;}
.blog-img{height: 200px; width: 100%; margin: 0 0 20px;}
.blog-img img{width: 100%; height: 100%;object-fit:cover;}
.blog-top{position:relative ;}
.blog-top::after{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #00000054;}
.blog-content .posing-date{font-size: 14px; margin: 0 0 10px; color: #544c4caa;}
.blog-content h6{font-size: 22px; color: #000; font-weight: 600;line-height: 1.56;margin: 0 0 10px;}
.blog-top .logo-blog {position: absolute;left: 50%; top:50%; right: 50%;transform: translate(-50%, -50%);z-index: 2;width: 100px;opacity: 0.8;} 
.blog-top .logo-blog img{object-fit: cover;}
.blog-content a{color: var(--primary-color);}
.blog-content a:hover{color: var(--secondary-color);}

.blog-btn {
    background-color:var(--primary-color);
    border-radius: 4px;
    color: #fff !important;
    padding: 8px 15px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}
.blog-btn:hover {
    background-color:transparent;
    color:var(--primary-color) !important;
    border:1px solid var(--primary-color);
}


/* -------------------faq-wrap------------------------ */


/* .faq-wrap{padding: 30px 0;}
.faq-row{display: flex;flex-direction: column;flex-wrap: wrap; background-color: #fff;padding: 30px 30px;border-radius: 10px;}
.faq-section{display: flex;flex-wrap: wrap;align-items: start;}
.faq-wrap h4 { color: var(--primary-color); font-weight:600;  text-transform: uppercase;  margin:0 0 20px; text-align: center; font-size: 20px;}
.faq-wrap h2 {  font-size:32px;  color: #000;  font-weight: bold; margin:0 0 20px;  text-align: center;}


.faq-card {background-color: #f8f9fa; border-radius: 8px;position: relative;display: flex;justify-content: center;background-color: #b2d7ffa8;margin: 0 3% 20px 0;width: 48.5%; overflow: hidden;}
.faq-card:nth-child(2n){margin-right: 0;}
.faq-front{display: flex; justify-content: space-between; width: 100%; padding: 20px; align-items: center;}
.faq-front p{font-size: 20px; font-weight: 600; color: #000;}
.faq-btn{font-size: 20px; color: #000;font-weight: bold;width: 0%;}
.faq-btn { width: 100%; text-align: left; font-size: 18px;  font-weight:600; border: none;background: none;cursor: pointer;transition: transform 0.3s ease;}
/* .faq-question::after { content: "+"; position: absolute;  right: 20px; font-size: 24px;} */
/* .faq-card.active .faq-question::after { content: "−";} */
/* .faq-answer{  display: none; padding: 10px;}
.faq-answer p{   font-size: 16px; line-height: 1.56; color: #000;}
.faq-card.active .faq-answer { display: block;}
.faq-card.active .faq-btn{  display: none;}
.faq-card.active .faq-front{display: none;}
.faq-btn{width: 10%;}  */


/* -----------Testimonial-wrap----------------------- */


.testimonial-wrap{padding: 30px 0;}
.testimonial-wrap h2{font-size: 32px;font-weight:600;margin: 0 0 20px;background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.testimonial-col2 h2{font-size: 32px;font-weight:700;margin: 0 0 20px;background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.testimonial-card { background-color:#ffffff;border: 1px solid var(--primary-color); border-radius: 8px; padding: 20px; max-width: 500px;position: relative;color: #ffffff;}
.testimonial-card .testimonial-header .profile-img{ width: 60px; height: 60px; margin: 0 20px 0 0; border-radius: 50%; object-fit: cover;border: 1px solid #131f4f;}
.testimonial-card .testimonial-header .profile-img img{object-fit: cover; width: 100%; height: 100%; border-radius: 50%;}
.testimonial-card .testimonial-header { display: flex; align-items: center; margin: 0 0 20px; }
.testimonial-card h4 {font-weight:600;font-size: 20px;margin: 0 0 10px; color:var(--primary-color);}
.testimonial-card .stars {margin: 0 0 10px;}
.testimonial-card .stars img{ width:80px ;}
.testimonial-card .quote{ width: 30px;position: absolute; top: 10px;right: 10px;}
.testimonial-card .review p{ color:#000;font-size: 16px;line-height: 2; font-style: italic;}
.testimonial-col1 {width: 48%;display: flex; justify-content: center; align-items: center;}
.testimonial-image{border-radius: 10px;width: 600px;}
.testimonial-image img{border-radius: 10px; }
.testimonial-slider .slick-slide{margin: 20px 10px;}
.testimonial-card  .location{display: flex; align-items: center;}
.testimonial-card  .location span{width:12px; margin-right: 5px;}
.testimonial-card  .location  p{color: #000; font-size: 14px;}


/* -------------------------Contact-wrap------------------------------------ */

.contact-wrap{padding: 30px 0;}
.contact-row{display: flex; justify-content: space-between;padding: 30px  30px;background-color: #fff;border-radius:10px;}
.contact-col1{width: 48%;}
.contact-col1 h2{font-size: 32px; font-weight: 700;  background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin: 0 0 20px;}
.contact-col1 .description p{font-size: 16px; color: #000; line-height: 2;}
.contact-details{display: flex; flex-wrap: wrap;}
.details-col1{margin: 20px 3% 0 0;width: 48.5%;}
.details-col1:nth-child(3n){margin-right: 0;width: 100%;}
.details-col1:nth-child(2n) {margin-right: 0;}
.details-col1 .icon{width: 25px;margin-right: 10px;}
.details-col1 .icon img{object-fit: cover;width: 100%;}
.details-col1 h6{font-size: 20px; color:#2E5A88;font-weight: 600;}
.details-col1 a{color: #000;}
.details-col1 p{line-height: 1.56;color: #131f4f;}
.details-head{display: flex; margin: 0 0 10px;align-items: center;}
.details-col1 a:hover{color: var(--secondary-color);}


.contact-col2{width: 48%;}
.contact-col2 form { display: flex; flex-direction: column;}
.contact-col2 .input-row { display: flex !important;  gap: 20px !important; flex-wrap: wrap !important;}
.contact-col2 .input-group { flex: 1 !important;  display: flex !important;}
.contact-col2 input{padding: 12px !important;  border: 1px solid #fff !important;  color:#fff !important;  border-radius: 6px !important;  background-color: #131f4f !important;  font-size: 16px !important; width: 100% !important;margin: 0 0 10px !important;}
.contact-col2 textarea {padding: 12px !important;  border: 1px solid #fff !important;  color:#fff !important;  border-radius: 6px !important;  background-color: #131f4f !important;  font-size: 16px !important; width: 100% !important;margin: 0 0 20px !important;}
.contact-col2 input::placeholder{color:#ffffff86 !important;}
.contact-col2 textarea::placeholder{color:#ffffff86 !important;}

/*.evf-submit-container {padding: 0 !important;}
.evf-field-container {padding: 0 !important;} */




/* ----------------------Footer-wrap------------------------------------------ */

.footer-wrap{padding: 30px 0 0;background-color:#fff;}
.footer-row{display: flex;flex-wrap: wrap;padding:0 30px 30px;}
.footer-column{width: 16.9%; margin:20px 2% 0 0;}
.footer-column:nth-child(5n){margin-right: 0;width: 7.3%;}
.footer-column:first-child{width: 34%;}
.footer-logo{margin: 0 0 20px;}
.footer-logo img{object-fit: cover; width: 180px;}
.footer-column h3{font-size: 22px;margin:0 0 20px;font-weight:600;color:var(--primary-color);}
.footer-column ul li {padding:10px 0;}
.footer-column a{color:#000;font-size: 14px;transition: color 0.3s;;}
.footer-column a:hover{color: var(--secondary-color);}
.footer-column p{font-size: 16px;color: var(--primary-color);line-height: 1.56;}
.footer-column .contact-info{display: flex;margin: 0 0 20px;align-items: flex-start;}
.footer-column .contact-info .icon-img{width:20px;height: 20px; margin-right: 10px; display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
.footer-column .contact-info .icon-img img{object-fit:contain; width: 100%; height: 100%; transition: transform 0.3s ease;overflow: hidden;}
.footer-column .contact-info .icon-img:hover img{transform: scale(1.2);}
.footer-column .social-icons{display: flex;}
.footer-column .social-icons li{margin-right: 20px;} 
.footer-column .social-icons li img{width: 20px; height: 20px;}
.footer-column .social-media-icons ul li span img{width: 20px; height: 20px;transition: transform 0.3s ease;overflow: hidden;}
.footer-column .social-media-icons  img:hover{transform: scale(1.2);}

.student-icon img{width: 25px; transition: transform 0.3s ease;overflow: hidden;}
.student-icon:hover img{transform: scale(1.1);}
.student-icon{overflow: hidden; margin-left: 20px;}


.footer-row-2{display: flex; justify-content: space-between;padding: 10px 0; border-top:1px solid var(--primary-color);color: #000;font-size: 14px;}
.footer-row-2 a{color: var(--primary-color);}
.footer-row-2 a:hover{color: var(--secondary-color);}

/* ----------------course-page-------------------- */

.banner-wrap-default{position: relative;width:100%; overflow: hidden; height: 55vh; object-fit: cover;}
.banner-bg{width:100%; height: 100%; position: absolute; left: 0;top: 0;object-fit: cover;}
.banner-bg img{object-fit: cover;width: 100%; height: 100%;opacity: 0.5;}
.banner-content{position: absolute; left: 10%; right: 50%; top: 50%; bottom: 50%;transform: translateY(-50%);display: flex; justify-content: space-between;align-items:center; width:80%;z-index: 1;height: 100%;padding: 20px;}
.banner-left h6{font-size:22px;color:#fff;line-height: 1.56;}
.banner-content h1{font-size:42px;font-weight:600;color:#fff;line-height: 1.26;width: 100%;margin: 0 0 20px;}
.banner-wrap-default::after{content: "";position: absolute;top:0;left: 0;width:  100%;height: 100%;background: linear-gradient(to right,#131f4f, #ffffff);opacity:0.9;}
.banner-right img{object-fit:cover; width: 100%; height: 100%;}
.banner-left{width: 65%;text-align: left;}
.banner-right{position: absolute;bottom: 0;right: 20px;}

.banner-right .banner-image-2{width:18vw;}
.banner-right .banner-image-2 img{width: 100%;object-fit: cover;height: 100%;}
.banner-right .banner-image-3{width: 25vw;}
.banner-right .banner-image-3 img{object-fit: cover;width: 100%;height: 100%;}
.banner-right .banner-image-4{width:250px;}
.banner-right .banner-image-4 img{object-fit: cover;width: 100%;height: 100%;}



.banner-wrap-default-2{position: relative;width:100%; overflow: hidden; height: 55vh; object-fit: cover;}
.banner-wrap-default-2::after{content: "";position: absolute;top:0;left: 0;width:  100%;height: 100%;background: linear-gradient(to right,#131f4f, #ffffff);opacity:0.9;}

.banner-content-2{position: absolute;left: 10%; right: 50%; top: 50%;transform: translateY(-50%);display: flex; justify-content: space-between; align-items: center; width:80%;z-index: 1;height: 100%;padding: 20px;}
.banner-left-col h2{font-size: 30px; font-weight: 600;color:#fff;margin: 0 0 20px;}
.banner-left-col  .rating{display: flex; align-items:baseline;color: var(--primary-color); margin: 0 0 10px; gap: 5px;color: #fff;}
.banner-left-col  .rating p span{color: #f69c08;font-weight: 550;}
.banner-left-col  .date{display: flex;align-items: center; gap: 10px; color: #fff;}
.banner-left-col  .date-content{display: flex;align-items: baseline;}
.banner-left-col  .date-content .date-icon{width:14px;margin-right: 8px;flex-shrink: 0;}
.banner-left-col  .date-content .date-icon img{margin-right: 8px;width: 100%;height: 100%;}
.banner-left-col  .date-content p{font-size: 16px;}
.banner-left-col  .description p{color: #fff; font-size: 16px;margin: 0 0 10px;}
.banner-left-col  .description p a{color: #fff;text-decoration: underline;}
.banner-left-col  .description p a:hover{color:#efb931}
.banner-left-col  .banner-left-col{display: flex; flex-direction: column;}
.banner-left-col  .stars-icons{width: 70px;}
.banner-left-col  .seller-btn{background-color: #657ed8; color: #fff;padding:5px 10px; border-radius: 10px; font-size: 14px;}
.banner-left-col  .seller-btn a{color: #ffff;}




/* ----------------about-page-------------- */


.description p{line-height:2; color: #000; font-size: 16px;margin: 0 0 20px;}
.about-page-wrap{padding: 30px 0;  }
.about-page-wrap .page-row{padding: 30px 30px; background-color: #fff; display: flex; justify-content: space-between;border-radius: 10px;}
.about-page-col1{width: 48%;display: flex; justify-content: center;align-items: center;}
.about-imges{position: relative;height: 400px; width: 450px;border-radius: 10px;}
.about-img{position: absolute; width: 100%; height: 100%;z-index: 1; object-fit: cover;border-radius: 10px;} 
.about-widget{width: 150px; border-radius: 10px; background-color: #131f4f;color: #fff; position: absolute;right: -50px;top: 50px; bottom: 50px;z-index: 3; padding: 10px;display: flex; flex-direction: column;justify-content: center; align-items: center;  animation: bounceInfinite 6s infinite;}
.about-page-col1 .widget-col1{text-align: center; border-bottom: 1px solid #ffffff80;padding: 10px;}
.about-page-col1 .widget-col1 h4{font-size: 26px;font-weight: 600;margin: 0 0 10px;}
.about-page-col1 .widget-col1 p{ font-size: 14px;}
.about-img img{object-fit: cover;width: 100%; height: 100%;border-radius: 10px;}

@keyframes bounceInfinite {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}


.about-img::after{content: ""; left: 0; top:0; position: absolute; background-color: #00000029; width: 100%; height: 100%;z-index: 2;border-radius: 10px;} 
.about-page-col2{width: 48%;}
.about-page-col2 h4{font-size: 20px; text-transform: uppercase; color: var(--primary-color);font-weight: 600;margin: 0 0 20px;}
.about-page-col2  h2{font-size: 32px; font-weight: 600; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin: 0 0 20px;}
.about-page-col2 .description span{font-weight: bold}

.our-story-wrap{padding: 30px 0;}
.story-row{ background-color: #fff; border-radius: 10px;padding: 30px 30px ;background-color: var(--primary-color);}
.story-row1{ display: flex; justify-content: space-between;}
.story-col1{width: 48%;}
.story-col1 h2{font-size: 46px; color:#ffffff; font-weight: 700; margin:  0 0 20px;}
.story-col2{width: 48%;}
.our-story-wrap .description p{line-height: 1.56;color: #ffffff;}
.our-story-wrap .description p:nth-child(3n){margin:0 0 0;}

.exp-box{ background-color: var(--primary-color); width: 250px;padding: 20px; border-radius: 10px;display: flex;align-items: center;}
.exp-box img{width: 70px;margin-right: 20px;}
.exp-box h2{color: #fff; font-size: 46px; font-weight: 600;line-height:1; margin: 0 0 10px;}
.exp-box p{font-size: 18px; font-weight: 500; color: #fff;}


/* -----------------mission-wrap---------------- */
/* .mission-wrap::after{content: ""; background: url(../images/vector1.svg); background-repeat: no-repeat; top: 20px; left: 30px;width: 100px; z-index: 50;position: absolute;} */
.mission-wrap{padding: 30px 0;position: relative;}
.mission-row{ padding: 30px 30px ;display: flex; justify-content: space-between;align-items: center;background-color: #fff;border-radius: 10px;}
.mission-col1{width: 48%;}
.mission-col1 .description p{line-height: 1.56; font-size: 16px;}
.mission-col1 .description p span{font-weight: 600; color:var(--primary-color);}
.mission-col1 .description p:nth-child(3n){margin:0 0 0;}
.mission-col2{width: 48%;display: flex;justify-content:space-between;}
.mission-col1 h4{font-size: 20px; text-transform: uppercase; color: var(--primary-color);font-weight: 600;margin: 0 0 10px;}
.mission-col1 h2{font-size: 32px; font-weight: 600; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin: 0 0 20px;}
.mission-points{margin: 0 0 20px;}
.mission-points ul{display: flex; gap: 20px; justify-content: space-between; flex-wrap: wrap;}
.mission-points ul li{color: var(--secondary-color); font-size: 16px; line-height: 1.56; padding-left: 30px; background: url(../images/circle-check-solid.svg) no-repeat; background-size: 20px; background-position: 0 4px; font-weight: 600; }
.mission-points ul li span{font-weight: normal; color: var(--secondary-color); margin-left: 5px;}
.mission-col2 .images-col1{width: 48%;display: flex; flex-direction: column;justify-content: space-around;align-items: end;}
.mission-col2 .images-col2{width: 48%;display: flex; flex-direction: column; justify-content: space-between;}
.mission-col2 .images-col1 .mission-image{height:68%;width: 100%;}
.images-col2 .mission-image-1{height:48%; width: 100%;}
.images-col2 .mission-image-2{height:48%; width: 100%;}
.mission-col2 .images-col1  .mission-image img{object-fit: cover;height: 100%; width: 100%; border-top-right-radius:50%; border-top-left-radius:50%; border-bottom-left-radius:50%;}
.images-col2 .mission-image-1 img{ object-fit: cover;height: 100%; width: 100%;  border-top-right-radius:50px;border-bottom-left-radius:50px;}
.images-col2 .mission-image-2 img{ object-fit: cover;height: 100%; width: 100%;border-bottom-right-radius:50px;border-top-left-radius:50px;}

/* ---------Partners-wrap---------------- */

.partners-wrap {padding: 30px 0;}
.partners-wrap h2 { font-size: 32px; font-weight: 600; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin: 0 0 20px;text-align: center;}
.product-card { display: flex !important;  justify-content: center; align-items: center;  padding: 20px; background-color: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); border-radius: 10px; height: 100px;}
.product-card .partners-image {  width: 200px;}
.product-card .partners-image img{object-fit: cover; width: 100%; height: 100%;}
.product-slide .slick-slide { margin: 10px;}


.course-displaying-wrap{padding: 30px 0;}
.display-row{background-color: #fff; border-radius: 10px; padding: 30px; text-align: center;}
.display-row h2{font-size: 32px; font-weight: 600;color:var(--primary-color);}
.offer-widget:nth-child(4n){margin-right: 0;}
.offer-col1{display: flex; flex-wrap: wrap;padding: 20px 0; justify-content: center; }

.slant-icon{width: 65px; height: 65px; border-radius: 10px;position: absolute;right: 10%;z-index: 2; background-color:var(--primary-color); top: -20%; border: 5px solid #fff; display: flex;justify-content: center;align-items: center;}
.icon-img{width: 35px; height: 35px;}
.slant-icon img{object-fit: cover;width: 100%; height: 100%;}
.slant-box { height: 200px; width: 23.5%;  box-shadow: 0 10px 20px rgba(0,0,0,0.1); border-radius: 10px; transition: 0.3s ease;margin:  50px  2% 0 0; display: flex;justify-content: center;align-items: center; position: relative; border: 2px solid #131f4f;}
.slant-img{top: 0; left: 0;width: 100%; height: 100%; position: absolute;border-radius: 10px;overflow: hidden; }
.slant-img img{object-fit: cover; width: 100%; height: 100%;border-radius: 10px;  transition: transform 0.6s ease-in-out;}
.slant-img::after{content: ""; width: 100%; height: 100%; top: 0;left: 0; position: absolute;background-color: #0000006d;border-radius: 10px;}
.slant-box:nth-child(4n){margin-right: 0;}
.slant-box  .slant-content h3{font-size: 22px;color: #fff;font-weight: 600;text-align: left;}
.slant-box  .slant-content{z-index: 1;position: absolute;top:60%;left: 50%;bottom: 50%;right: 50%;text-align: left;transform: translate(-50%,-50%);width: 100%;height: 100%;display: flex;justify-content:start;align-items: center;padding: 0 20px;}
.slant-box:hover .slant-img img{transform: scale(1.1);}


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

.learners-wrap{padding: 30px 0;}
.learners-row{background-color: #fff; border-radius: 10px; padding: 30px; display: flex; justify-content: space-between; align-self: center; }
.leraners-col1{width: 48%; display: flex; justify-content: center; align-items: center;}
.leraners-col2{width: 48%; display: flex; flex-direction: column; justify-content: center;}
.leraners-img{width: 300px;}
.leraners-col2 .description p{font-weight: bold; color: #000;}
.leraners-col2 h2{font-size: 32px; font-weight: 600; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin: 0 0 20px;}




/* ---------------------Course-inner-page---------------------------- */
.course-list-wrap{padding:30px 0;}
.course-common-row{display:flex ;justify-content: space-between;}

.first-row{width:68%; padding:20px; border-radius: 10px; background-color: #fff;}
.second-row{width: 18%;}
.course-list-wrap-row{ padding: 30px; border-radius: 10px;border: 1px solid #00000041;} 
.course-list-wrap h2{font-size: 28px; font-weight: 600; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin: 0 0 20px;}
.list-row{display: flex; justify-content: space-between; align-items:start;}
.right-section{width: 48%;}
.left-section{width: 48%;}
.list-row ul li{margin:0 0 20px;font-size: 16px;line-height: 1.56; padding-left: 30px; background: url(../images/tick-svgrepo-com.svg) no-repeat; background-size: 20px; background-position: 0 4px; color: #000;  font-weight: 600;}
.list-row ul li:last-child{margin: 0 0 0;}

/* --content-wrap-row-- */

.content-wrap-row{ padding: 30px 0 0;display: flex; flex-direction: column;}
.accordion { background-color:#fff; border-radius: 6px; margin-bottom: 10px; color: var(--primary-color); border: 1px solid #00000041;}
.accordion-header {  display: flex;  justify-content: space-between;  align-items: center;  padding: 15px 20px; cursor: pointer; font-weight: bold; font-size: 16px; border-bottom: 1px solid #eee;background-color: #f9f9f9;border-radius: 6px;}
.accordion-header span { font-weight: normal; font-size: 14px; color: #555;}
.accordion-content{  display: none;}
.accordion-content-row{display: flex;justify-content: space-between;padding: 15px 20px;}
.accordion-content .play-icon{width: 16px;margin-right: 20px;}
.accordian-content-col1{ display: flex;flex-direction: column;}
.accordian-content-col1 .display-text {gap: 20px;display: flex;align-items: center;} 
.accordian-content-col1 .display-text  .topic-name p a{font-size: 16px; color: var(--secondary-color);text-decoration: underline;}
.accordian-content-col1 .display-text  .topic-name p a:hover{color: var(--primary-color);}


.accordian-content-col2{display: flex;align-items:center ;gap: 20px;}
.accordian-content-col2 .preview p a{font-size: 16px;text-decoration: underline;color: var(--secondary-color);}
.accordian-content-col2 .times p a{font-size: 14px;color:#666 ;}

.chevron-down{width: 13px;margin-right: 20px;flex-shrink: 0;}
.chevron-down img{object-fit: contain;}
.accordian-left{display: flex;align-items: center;width: 75%;}
.accordian-left h4{font-size: 16px; color:var(--primary-color); font-weight: 600;line-height: 1.56;}
.rotated img { transform: rotate(180deg); /* Rotate icon when open */ transition: transform 0.3s ease;}
.row-description {display: none;margin-top: 20px;line-height: 1.56}
.row-description p{font-size: 14px;}
.accordion-content a { color: var(--primary-color);}
.accordion-content a:hover{color: var(--secondary-color);}
.accordion.block .accordion-content { display: block;}
/* .accordion.block .accordion-header .chevron-down img{transform: rotate(45deg);} */




.modules-head{display: flex;align-items: center;gap: 10px;}
.modules-head p{color: #5c5757;font-size: 14px;}
.modules-head p span{padding: 0 2px;color: #000;}




/* --description-row--- */
.description-row{padding: 30px 0 0;}
.course-description p{line-height: 2; color: #000; font-size: 16px;}
.more-content { display: none; color: #666;}
.description-row .show-more-btn button{color: #2d44a2; cursor: pointer; font-weight: 600; margin-top: 10px; display: inline-block;background: transparent;}
.more-content ul li{color: #000;font-size: 16px; line-height: 2;list-style: block;list-style-position: inside; list-style-type: disc;}
.description-row .show-more-btn button:hover{color: #000;}


.related-topics-row{padding: 30px 0 0;}
.topics-btn{display: flex; gap: 10px; align-items: center;}

.requirements-row{padding: 30px 0 0;}
.requirements-row .req-list ul li{line-height: 2;list-style: block;list-style-position: inside; list-style-type: disc; color: #000; font-size: 16px;}

/* 
.bought-wrap{padding: 30px 0 0;}
.bought-row{width: 100%; display: flex; flex-direction: column;}
.bought-card{width:100%;display: flex; justify-content: space-between;position: relative;margin: 0 0 20px;border-bottom: 1px solid #00000041;padding:20px 0;}
.bought-card:last-child{margin: 0 0 0 ;}
.bought-col1{display: flex; width:80%;justify-content: space-between;align-items: flex-start;}
.bought-col1 .course-img{width:18%;}
.bought-col1 .course-img img{width: 100%; height: 100%; object-fit: cover;}
.bought-col1 .card-content{width: 80%;}
.bought-col1 .card-content h6{font-size: 16px; color: #000; font-weight: 600;margin: 0 0 5px;line-height: 1.26;}
.bought-col1 .card-content h6 a{color: #000;}
.bought-col1 .card-details{display: flex;align-items: center; gap: 10px;}
.bought-col1 .card-details .seller-btn{background-color: #657ed8; color: #fff;padding:5px 10px; border-radius: 10px; font-size: 14px;}
.bought-col1 .card-details .seller-btn a{color: #ffff;}
.bought-col1 .card-details .date{display: flex;align-items: center;font-size: 14px; gap: 10px;}
.bought-col1 .card-details .date span:first-child{font-weight: 600;}
.bought-col1 .card-details .date span a{color:#065f46;}
.bought-col1 .card-details .date span a:hover{color: #000;} */

/* .bought-col3{display: flex;align-items:start; font-size:20px;width: 28%;justify-content: space-between;flex-wrap: wrap;}
.bought-col3 .bought-cols{display: flex;}
.bought-col3 .bought-cols .txt{font-size: 16px;}
.bought-cols:first-child .txt{ color: #8b4309; font-weight:600;margin-right: 5px;}
.bought-cols:nth-child(2n) .txt{color: #000; font-weight:300;margin-left: 5px;}
.bought-cols:nth-child(3n) .txt{font-weight: 600; color: #000; }
.bought-col3 .bought-cols .icon{width: 13px;flex-shrink: 0}
.bought-col3 .bought-cols .icon img{width: 100%; height: 100%;}
.bought-wrap .show-more-btn{width: 100%;margin: 20px 0 0;}
.bought-wrap .show-more-btn button{border: none; color:var(--primary-color);width: 100%; padding:10px 0;text-align: center;background: transparent;border-radius: 10px; border: 1px solid #00000041;font-weight: 600;transition: background-color 0.7s ease, transform 0.7s ease;}
.bought-wrap .show-more-btn button:hover{transform: translate(0.4s);background-color: #9dacea2f;} */

/* // */
.anchor-link{position: absolute;top: 0; left: 0; right: 0;width: 100%; height: 100%;}
.anchor-link:hover{background-color: #9dacea2f;}
/* // */


.instructor-row{padding: 30px 0 0;}
.instructor-row h1{font-size: 32px;font-weight: 600;line-height: 1; color: #000;}
.instructor-row h1 a{color: #000;text-decoration: underline;}
.instructor-row h1 a:hover{color:var(--secondary-color)}
.instructor-row .instructor{display: flex;align-items: flex-start;margin: 0 0 20px;}
.instructor-row .instructor .instructor-col1{margin-right: 20px;}
.instructor-row .display-col1{display: flex; align-items: center;margin: 0 0 10px;}
.display-col1 .icons{width: 15px;margin-right: 10px;}
.display-col1 .icons img{object-fit: cover;width: 100%; height: 100%;}
.display-col1 .txt{color: #000; font-size: 14px;}
.instructor-content p{color: #000; font-size: 16px;line-height:2;}


/* ---------------------------review-posting-wrap--------------- */

.review-posting-wrap{padding:30px 0;}
.add-review-row{display: flex; justify-content:space-between;}
.review-col1{width: 48%;border-radius: 10px; background-color: #fff; padding: 30px 30px ;}
.review-col2{width: 48%;border-radius: 10px; background-color: #fff; padding: 30px 30px ;}
.review-col1 h1{font-size: 46px; line-height: 1.26;margin: 0 0 20px;font-weight: 700; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.review-posting-form input,.review-posting-form textarea{width: 100% !important; border: 1px solid  var(--secondary-color) !important; padding: 8px 10px !important; border-radius: 10px !important; margin: 0 0 20px;}
.review-posting-form textarea::placeholder{color: #1b1a1aa0 !important;}
.review-posting-form input::placeholder{color: #1b1a1aa0 !important;}
.review-posting-form .star-icon{margin: 0 0 20px;}

/* ------------------------------Student-review-wrap--------------- */
.student-review-wrap{padding: 30px 0;}
.student-review-wrap-row h2{font-size: 28px; font-weight: 600; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;display: inline-flex;align-items:center;margin: 0;}
.student-review-wrap .student-review-wrap-row{display: flex; flex-direction: column;background-color: #fff;padding: 30px 30px;border-radius: 10px;} 
/* .student-review-wrap-row .heading::before{content:'';  display: inline-block; background-image: url(../images/star-solid.svg); width: 20px; height: 22px;  background-size:contain;margin-right: 5px;background-repeat: no-repeat;} */
.student-row{display: flex;flex-wrap: wrap;}
.review-card {width: 23.5%;border-bottom:  1px solid var(--primary-color); margin: 30px 2% 0 0;}
.review-card:nth-child(4n){margin-right: 0;}
.review-card .top-row { display: flex; align-items: center;margin: 0 0 20px;}
.review-card .avatar { width: 45px;  height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 20px;}
.review-card .avatar img{object-fit: cover; width: 45px;  height: 45px; border-radius: 50px; border: 1px solid var(--primary-color);}
.review-card .name { font-size:18px; font-weight: 600;margin: 0  0 6px; color:var(--primary-color)}
.review-card .position{font-size: 14px; color: #000;font-weight:550;}
.review-card .stars-time {display: flex; align-items: center; gap: 8px;font-size: 14px;}
.review-card .stars {margin: 0 0 10px;width:90px; }
.review-card .stars img{object-fit: cover;width: 100%; height: 1000%;}
.review-card .review-text { font-size: 16px;color:#000; line-height: 2;  margin: 0 0 20px; font-weight: 600;}


/* --------------------Student-reg-page------------------- */

.resgistration-wrap{padding: 30px 0;}
.registration-row{border-radius: 10px; background-color: #fff;padding: 30px 0;}
.registration-row h2{font-size: 32px; font-weight: 600; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin: 0 0 20px;text-align: center;}
.registration-form{padding: 20px 100px }

.form-group { display: flex; justify-content: space-between; margin: 0 0 20px;}
/* .registration-form .field { display: flex;flex-direction: column; margin: 0 3% 0 0;width: 45%;} */
/* .registration-form .field:nth-child(3n){margin-right: 0;} */

.field label {font-weight:600;margin-bottom: 8px; color:#000;}
.field-2{display: flex; flex-direction: column;margin: 0 0 20px;}
.registration-form input[type="text"]{ width: 100% !important; padding: 12px !important; border: 1px solid #ccc !important; border-radius: 4px !important; font-size: 14px !important;}
.registration-form input[type="Email"]{ width: 100% !important; padding: 12px !important; border: 1px solid #ccc !important; border-radius: 4px !important; font-size: 14px !important;}
.registration-form input::placeholder {  color: #999 !important;}
.field-2 label { display: block; font-weight:600; margin-bottom: 8px;color:#000;}
.field-2 .upload-box { border: 2px dashed #ccc; border-radius: 8px; padding: 40px; text-align: center;  background: #fff;  cursor: pointer;  transition: border-color 0.3s;}
.field-2 .upload-box:hover { border-color: #888;}
.field-2 .upload-box input { display: none !important;}
.field-2 .upload-text { color: #666; margin-top: 10px;}
.field-2 .note { font-size: 14px;color: #888;margin-top: 5px;}
.checkbox-col{margin: 0 0 20px;}
.checkbox-col .checkbox-text{font-size: 14px;color: #000000ce;line-height: 1.56;}
.checkbox-container {display: flex; align-items:flex-start; margin: 0 0 5px;}
.checkbox-container input[type="checkbox"] { width: 18px !important; height: 18px !important; accent-color: var(--primary-color) !important;   cursor: pointer !important;}
.checkbox-container label {margin-left: 8px; font-size: 16px; color:#000; cursor: pointer;}
.checkbox-container label a{color: var(--primary-color); text-decoration: underline;font-size: 14px;}

.everest-forms-submit-button.button.evf-submit{padding:10px 30px !important; border: 1px solid var(--primary-color) !important; border-radius: 5px !important;color:#fff !important;background-color: var(--primary-color) !important;display: inline-block !important;transition: background-color 0.7s ease, transform 0.7s ease !important;}
.everest-forms-submit-button.button.evf-submit:hover{background:transparent !important; border-color: var(--primary-color) !important;color: #131f4f !important; }

.resgistration-wrap .registration-form  .everest-forms .evf-field-container .evf-frontend-grid select {width: 100%;height: 48px;border: 1px solid #ccc; border-radius: 4px; margin: 0 0 5px;font-size: 16px; padding: 12px; background: url(../images/chevron-down-solid.svg) no-repeat center / 14px; background-position-x: 95%; border-radius: 6px; cursor: pointer;-webkit-appearance: none;}

.registration-form label a{color: var(--primary-color);font-size: 14px;}
.registration-form label a:hover{color: var(--secondary-color); text-decoration: underline;}
.everest-forms .evf-container,.wp-block-everest-forms-form-selector .evf-container{margin-bottom:0 !important}

/*----------------------- testimonial-page --------------------*/
.about-testi-wrap{padding: 30px 0 ;}
.testi-row{ display: flex;justify-content:space-between;border-radius: 10px;background-color: #fff;align-items: baseline;}
.testi-col1{width: 50%;display: flex;justify-content: center;align-items: center;background-color: #fff; padding: 30px 20px; border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.testi-col2{width: 50%;display: flex;justify-content: center;align-items: center;background-color: var(--primary-color);padding: 30px 20px; border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
.testi-col2 h2{font-size: 32px; font-weight: 600;color: #ffff;line-height: 1.36}
.testi-bg-image{width: 400px;}
.testi-bg-image img{object-fit: cover; width: 100%; height: 100%;border-radius: 10px;}
.testi-content{padding:0 30px;}
.testi-col1 h2 {font-size: 32px; font-weight: 600;color:#131f4f;line-height: 1.36}
.testi-content .description span{font-weight: 600; font-size: 18px; color: var(--secondary-color);}
.testi-icon {width: 100px;margin-right: 20px;}



.testi-video-wrap{padding: 30px 0;}
.testi-video-wrap .testi-video{display: flex; flex-direction:column;text-align: center;padding : 30px; border-radius: 10px; background-color: #fff;}
.testi-video-wrap .testi-video h2{font-size: 32px; font-weight: 600; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin: 0 0 20px;}


/* .testi-video-row{display: flex;justify-content: space-between;} */
.video-col1-content{padding: 10px;}
.testi-video-col1{border-radius: 10px; border: 1px solid var(--primary-color); background-color:var(--secondary-color) ;color:#fff;}
.testi-video-col1 h4{font-size: 20px; color:#ffff; margin: 0 0 10px;}
.testi-video-col1 h6{font-size: 18px; color:#fff; margin: 0 0 10px; font-weight: 600;}
.testi-video-col1 p{font-size: 16px; color: #fff}
.testi-video-col1 p::before{content: "-";margin-right: 2px; }
.video-col1-thumbnail{position: relative;}
.video-col1-img{height: 200px; width: 100%; border-radius: 10px;}
.video-col1-img::after{content: ""; width: 100%; height: 100%; position: absolute;top: 0; left: 0;border-radius: 10px; background-color: #0000004d; }
.video-col1-img img{object-fit: cover; width: 100%; height: 100%; border-radius: 10px;}
.testi-video-col1 .play-btn{opacity: 1;}
.testi-video-slider .slick-slide{ margin:0 10px ;}

.testimonial-slider-2 .slick-slide{margin: 20px 10px;}


.cta-section{padding: 30px 0;}
.cta-col2 .cta-image{top: 0;left: 0;width: 100%;height: 100%; position: absolute;}
.cta-col2 .cta-image img{width: 100%; height: 100%;object-fit: cover;border-radius: 10px; object-position: top;  border-radius: 10px;}
.cta-col2{position: relative;width: 100%;height: 300px;background-color:var(--primary-color);border-radius: 10px;}
.cta-col1 {padding: 30px;position: absolute; z-index:2; top: 50%;left: 50%; right: 50%; transform: translate(-50%,-50%);width: 100%; display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;}
.cta-row  h2 {font-size:32px; margin-bottom: 20px;  font-weight: 600;color: #ffff;}
/* .cta-col2::after{ content: "";background-color: #000;position: absolute;top: 0;left: 0; width: 100%;height: 100%;opacity: 0.5;border-radius: 10px;}  */
.cta-subtext p { font-size:16px; color: #ffff; margin-bottom: 30px;}
.cta-buttons { display: flex;  justify-content: center; flex-wrap: wrap; gap: 15px;}
.cta-btn a{ padding: 12px 24px; font-size: 1rem;border: 1px solid #fff; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; color: #fff;display: inline-block;}
.cta-btn a:hover { background-color: white; color: #131f4f;}





.second-row{width: 28%;}

.card { width: 24%; background: #fff; border-radius: 5px; overflow: hidden;box-shadow: 0 0 10px rgba(26, 25, 25, 0.441);position: absolute; top: 30%;}
.card .video-preview {  position: relative; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);  height: 200px;}
.card .preview-img {  width: 100%;  height: 100%; object-fit: cover; display: block;}
.card .video-preview img { width: 100%; height: 100%; object-fit: cover;display: block;}
.card .video-preview::after {  content: ""; position: absolute;  bottom: 0; left: 0; width: 100%;  height: 50%; /* Adjust for how tall the shadow should be */ background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); pointer-events: none;}

.card .play-btn-2 { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); width: 60px; height: 60px; background:var(--primary-color); border-radius: 50%;  font-size: 30px; color: var(--primary-color); display: flex;align-items: center;justify-content: center; box-shadow: 0 0 8px rgba(0, 0, 0, 0.605);cursor: pointer;cursor: pointer;z-index: 10;}

.play-btn-2:after {
  width: 72px;
  height: 72px;
  background:var(--primary-color);
  border-radius: 50%;
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.play-btn-2:before {
  width: 50px;
  height: 50px;
  background: var(--primary-color);
  border-radius: 50%;
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}


.play-btn-2:after,.play-btn-2:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  z-index: -8;
}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.card .play-btn-2 img{width:20px;  height:30px;object-fit:contain;}
.card .preview-text {position: absolute; bottom: 10px;  width: 100%;  text-align: center;  color: #fff; font-weight:600; z-index: 1;}
.card  .content {display: flex; flex-direction: column;padding: 20px ; width: 100%;}
.card .content .primary-btn a{width: 100%;text-align: center;margin-bottom:15px;padding: 13px 0;border-radius: 4px;}
.card .content .login-btn a{width: 100%;text-align: center;padding: 13px 0;margin: 0 0 15px;border-radius: 4px;}
.card .prices .old-price {  font-size: 20px; font-weight: bold; margin-bottom: 20px;text-decoration: line-through;color: #524f4f;}
.card .prices{display: flex;align-items: center;gap: 10px;}
.card .prices .price-new{ font-size: 24px; font-weight: bold; margin-bottom: 20px;color: #000;}
.card .includes{margin: 0 0 15px;}
.card .guarantee { font-size: 14px; color: #666;margin: 0 0 15px; text-align: center;}
.card .includes h4{ font-size: 16px; margin: 0 0 15px;  font-weight: bold;}
.card .includes ul { padding-left: 0; list-style: none;}
.card .includes li { margin-bottom: 8px; font-size: 14px;}
.card .includes li .list-icons{width: 17px;display: inline-flex;align-items: center;margin-right: 10px;}
.card .list-icons img{object-fit:contain;width: 100%;height: 100%;}

.card-links a{ padding-bottom: 4px;  color: #333;  margin-right: 5px; text-decoration: underline;font-size: 14px;}
.card-links a:hover{color: var(--secondary-color);}
.coupon-info { border: 1px dashed #c8c4c4; padding: 8px;  margin: 16px 0;}
.coupon-info p{font-size: 14px;  opacity: 0.5;}

.coupon-input input { flex: 1; padding: 8px; border: 1px solid #ccc;  border-radius: 4px;font-size: 14px;width: 48%;}
.coupon-input{display:flex;margin: 0 0 20px;flex-wrap: wrap;} 
.coupon-input .apply-btn a{ margin-left: 8px; background-color: var(--primary-color); color: white; border: none; padding: 8px 16px;border-radius: 4px;  display: block;font-size: 14px;border: 1px solid var(--primary-color);}
.coupon-input .apply-btn a:hover{background-color: transparent;color: var(--primary-color);}
.team-promo .business-btn a{background: white;color: var(--primary-color); border: 2px solid var(--primary-color);  padding: 8px 16px;  border-radius: 4px;  display: block; text-align: center;font-size: 14px;}
.team-promo .business-btn a:hover{background: var(--primary-color); color: #fff;}
.team-promo h3{font-size: 20px; font-weight: 600; margin: 0 0 15px;}
.team-promo P{font-size: 14px; margin: 0 0 15px;color: #4f4d4d;}

.content .course-details{display:none;margin: 0 0 20px;}
.course-details .banner-left-col h2{font-size: 28px; font-weight: 600;color:#000000;margin: 0 0 20px;}
.course-details .banner-left-col  .rating{color: #000000;display: flex; align-items:baseline;color: var(--primary-color); margin: 0 0 10px;gap:1%;}
.course-details .banner-left-col  .rating p span{color: #f69c08;font-weight: 550;}
.course-details .banner-left-col  .date{display: flex;align-items: center; gap: 10px; color: #000000;}
.course-details .banner-left-col  .date-content{display: flex;align-items: baseline;}
.course-details .banner-left-col  .date-content .date-icon{width:14px;margin-right: 8px;flex-shrink: 0;}
.course-details .banner-left-col  .date-content .date-icon img{margin-right: 8px;width: 100%;height: 100%;}
.course-details .banner-left-col  .date-content p{font-size: 14px;}
.course-details .banner-left-col  .description p{color: #000000; font-size: 14px;margin: 0 0 10px;}
.course-details .banner-left-col  .description p a{color: #000000;text-decoration: underline;}
.course-details .banner-left-col  .description p a:hover{color:#efb931}
.rating-row{display: flex;gap:5px;align-items: center;}







.first-row .student-review-wrap{padding: 30px 0 0;}
.student-review-wrap h2{font-size: 32px; font-weight: 600; background:linear-gradient(to right, #131f4f,#031e86a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;display: inline-flex;align-items:center;margin: 0;}
.student-review-wrap{display: flex; flex-direction: column;} 
.student-review-wrap .heading::before{content:'';  display: inline-block; background-image: url(../images/star-solid.svg); width: 20px; height: 22px;  background-size:contain;margin-right: 5px;background-repeat: no-repeat;}
.student-row{display: flex;flex-wrap: wrap;}
.review-card-2 {width: 48%;border-bottom:  1px solid var(--primary-color); margin: 30px 2% 0 0;}
.review-card-2:nth-child(2n){margin-right: 0;}
.review-card-2 .top-row { display: flex; align-items: center;margin: 0 0 20px;}
.review-card-2 .avatar { width: 45px;  height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 20px;}
.review-card-2 .avatar img{object-fit: cover; width: 45px;  height: 45px; border-radius: 50px; border: 1px solid var(--primary-color);}
.review-card-2 .name { font-size:18px; font-weight: 600;margin: 0  0 6px; color:var(--primary-color)}
.review-card-2 .position{font-size: 14px; color: #000;font-weight:550;}
.review-card-2 .stars-time {display: flex; align-items: center; gap: 8px;font-size: 14px;}
.review-card-2 .stars {margin: 0 0 10px;width:90px; }
.review-card-2 .stars img{object-fit: cover;width: 100%; height: 1000%;}
.review-card-2 .review-text { font-size: 16px;color:#000; line-height: 2;  margin: 0 0 20px; font-weight: 600;}


.video-slider-3 .slick-slide{margin:0 10px;}
.course-page-video-row{padding: 30px 0 0;}

.video-slider-3 .slick-track{padding:0 0 10px;}




/* -------------------------Whatsapp------------------ */
 
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;  
  padding: 10px;
  color: #fff;
  text-align: center;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.whatsapp-float img {
  width: 60px;
  height: 60px;
}

.whatsapp-float:hover {
  transform: scale(1.1);
} 

/*--------------------------Responsive------------------------------*/


@media screen and (max-width:1400px)
{
.slant-box{width: 32%;}
.slant-box:nth-child(3n){margin-right: 0;}
.slant-box:nth-child(4n){margin-right: 2%;}
.slant-box:last-child{margin-right: 0;}

}



@media screen and (max-width:1200px){ 

.container{max-width: 90%;}

.service-col1{ width: 32%;}
.service-col1:nth-child(3n){margin-right: 0;}

.menu-list .menu li a{padding: 10px 10px;}
.about-col2 .widget-col1{padding: 10px;}
.about-col2 .widget-col1 h2{font-size: 38px;margin: 0 0 15px;}
.about-col1 h1{font-size: 31px;}

.review-card{width: 31.5%;}
.review-card:nth-child(3n){margin-right: 0;}

/*---------------- about-page--------- */

.banner-content{width: 85%;}
.about-page-col1{width: 40%;} 
.about-page-col2 {width: 49%;}

/* --------------testimonial-page----------- */
.testi-col2 h2{font-size: 28px;}
.testi-col1 h2{font-size: 28px;}

/* -----------------course-inner-page------------ */
.course-list-wrap-row{padding: 20px;}

}

@media screen and (max-width:1100px){

.course-list-wrap .container{max-width: 70%;}

.course-list-wrap{background-color: #fff;padding: 40px 0 ;}

.course-common-row {flex-direction: column-reverse;}
.first-row { width: 100%;  padding: 0;}
.second-row { width: 100%;}
.card { position: unset; box-shadow: none; width: 100%;border: none;}
.card  .content{padding: 30px 0;}
.card .course-details{display:block;}
.banner-wrap-default-2{display:none;}
.course-details .banner-left-col  .date{flex-direction: column;align-items: start;}
.course-details .banner-left-col .date-content{align-items: center;}
}


@media screen and (max-width:1024px){

.container{max-width: 94%;}
 
.banner-tab-content h1 {font-size: 33px;}
.tag{padding: 8px 8px;}
.footer-column {width: 21.5%;}
.footer-column:first-child{ width: 53%;}
.footer-column:nth-child(3n){margin-right: 0;}
.footer-column:last-child{margin-right: 0;}
.footer-row{padding: 0 0 30px;}

/*---------------- about-page--------- */

/* .banner-right .banner-image-2{width:16rem} */

.banner-left{width: 65%;}
.banner-right .banner-image-3 { width: 28vw;}
.banner-left h6{font-size: 18px;}
.banner-content h1{font-size: 39px;}
.banner-content{left: 6%;}

.mission-row {flex-direction: column;}
.mission-col1 {  width: 100%; margin: 0 0 30px;}
.mission-col2 { width: 80%;}

.about-page-wrap .page-row {flex-direction: column-reverse;}
.about-page-col1 {  width: 100%;}
.about-page-col2 { width: 100%;margin: 0 0 30px;}

}




@media screen and (max-width:992px) {

.course-list-wrap .container{max-width: 80%;}  

.header-row{display: none;}
.header-row-1{padding: 10px 0;}
.header-wrap.sticky .header-row-1{display:block; padding: 10px 0;}
.header-row-1 .right-row{display: none;}
.logo {  width: 160px;}
.burger-btn {display: block;position: fixed; width: 50px; height: 30px; right: 5%;top: 36px; z-index: 999;overflow: hidden;cursor: pointer;}
.burger-btn span { display: block; width: 100%; height: 3px; background: var(--secondary-color); background-size: 300% 100%;border-radius: 5px; transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.burger-btn .burger-toggle { display: flex; flex-wrap: wrap; justify-content: right;}
.header-menu {  display: none;}
.burger-btn span:nth-child(2n) {margin: 9px 0;transition: all 0.5s cubic-bezier(0.22, 0.68, 0, 1.71);}
.burger-btn span:first-child {width: 70%;}
.burger-btn span:last-child { width: 70%;}
.overlay { display: block;position: fixed;  right: 0;  top: 0;width: 350px; height: 100%;  background-color: #fff; background-size: 300% 100%; z-index: 99; padding: 110px 5% 50px; transform: translateX(100%); opacity: 0;  visibility: hidden;  transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.overlay ul li a { color: var(--secondary-color); display: block; padding: 20px 0;}
.overlay ul li { font-size: 18px;border-bottom: 1px solid #000;font-weight: 500;}
.overlay.show { transform: translateX(0); opacity: 1; visibility: visible;}
.burger-btn .active span:first-child {  transform: translateY(13px) rotate(-45deg);}
.burger-btn .active span:last-child { transform: translateY(-11px) rotate(45deg);}
.burger-btn .active span:nth-child(2n) {transform: translateX(-100%);}
/* ---------------banner-wrap---------------- */
.banner-wrap{padding: 40px 0 0;}
.banner-row {   flex-direction: column;}
.banner-col1 {width: 100%; margin: 0 0 30px;}
.counter-wrap { justify-content: center;}
.banner-col2 {  width: 100%;  justify-content: center;}
.banner-tab-content p{font-size: 16px;text-align: center;margin: 0 0 20px;}
.banner-tab-content h1 {      font-size: 38px; text-align: center; }
.btn-wrap{justify-content:center;}
/* ----video-wrap--- */
.videos-wrap {padding: 40px 0 0;}
.videos-wrap h2{font-size: 28px;}
/*---------service-wrap----------*/
.service-wrap{padding: 40px 0 0;}
.service-col1{width: 49%;}
.service-col1 h6{font-size: 18px;}
.service-col1:nth-child(2n){margin-right: 0;}
.service-col1:nth-child(3n){margin-right: 2%;}
.service-content {  text-align: center;   display: flex;  flex-direction: column; justify-content: center;  align-items: center;}
/* -----about-wrap---------- */
.about-wrap { padding: 40px 0 0;}
.about-row {flex-direction: column;padding: 30px 30px;}
.about-col1 h1{font-size: 38px;}    
.about-col1 {  width: 100%;   margin: 0 0 20px;  text-align: center;   display: flex;  justify-content: center; flex-direction: column; align-items: center;}
.about-col2 { width: 100%;justify-content: center;}
.about-col2 .widget-col1{width:38%;}

/* --------master-wrap------- */
.masters-wrap {padding: 40px 0 0;}
.masters-col1 h1{font-size: 38px; text-align: center;}
/* -------skills-wrap---------- */
.skills-wrap {padding: 40px 0 0;}
.skills-row {  justify-content: center;align-items: baseline;}
.skills-col1{padding: 20px 20px;margin: 20px 2% 0 0;width:49%;text-align: center;}
/* -------blog-wrap------------ */
.blog-row1 h2{font-size: 28px;}
.blog-wrap { padding: 40px 0 0;}
.blog-content h6{font-size: 20px;}
/* ------review-wrap--------------- */
.student-review-wrap{padding: 40px 0 0;}
.student-review-row{flex-direction: column;}
.review-card{width: 49%;}
.review-card:nth-child(2n){margin-right: 0;}
.review-card:nth-child(3n){margin-right: 2%;}
.student-review-wrap h2{justify-content: center;font-size: 28px;text-align: center;}
/* --------contact-wrap------------- */
.contact-wrap { padding: 40px 0 0;}
.contact-row {flex-direction: column;}
.contact-col1 {width: 100%;margin: 0 0 20px;}
.contact-col2 { width: 100%;}
.contact-col1 h2{text-align: center;font-size: 28px;}
.details-col1:nth-child(3n){width:70%}

/* -------footer-wrap------------ */ 
.footer-wrap {margin: 40px 0 0;}
.footer-column{width: 23%;}
.footer-column:first-child{ width: 50%;}
.footer-column:nth-child(3n){margin-right: 0;}

/* -----about-page------------- */
.banner-right{display: none;}
.banner-left{width: 100%;text-align: center;}
.banner-content{left: 50%; transform: translate(-50%,-50%);justify-content: center;text-align: center;padding: 0 !important;}
.banner-content h1{font-size: 38px;line-height: 1.26}

.mission-wrap{padding: 40px 0 0;}
.mission-col1 h2{font-size: 28px;}


.about-page-wrap{padding: 40px 0 0;}
.about-page-col2 h2 {font-size: 28px;}

.course-displaying-wrap{padding: 40px 0 0;}
.display-row h2{font-size: 28px;}
.slant-box{height: 180px;}
.slant-box  .slant-content h3{font-size: 20px;}

.learners-wrap{padding: 40px 0 0;}
.leraners-col2 h2{font-size: 28px;}


.cta-section{padding: 40px 0 0}
.cta-row  h2{font-size: 28px;}

.faq-wrap{padding: 40px 0 0;}
.faq-wrap h2{font-size: 28px;}

/* --------------course-page--------------- */

.course-wrap{padding: 40px 0 ;}
.course-wrap .course-row .course-card {width: 42%;}
.course-wrap .course-row .course-card:nth-child(2n){margin-right: 0;}
.course-wrap .course-row .course-card:nth-child(3n){margin-right: 2%;}
.course-wrap .course-row .course-card:nth-child(6n){margin-right: 0;}
.course-wrap .course-row .course-card:last-child{margin-right: 0;}


/* --------testimonial-page----------- */
.about-testi-wrap{padding: 40px  0 0;}
.testi-col2 h2{font-size: 22px;}
.testi-col1 h2{font-size: 22px;}

.testi-video-wrap{padding: 40px 0 0;}
.testi-video-wrap .testi-video h2{font-size: 28px;}


.review-posting-wrap{padding: 40px 0 0;}
.review-col1 h1{font-size:38px;}

/* -----------student-registration-page---------- */

.registration-row h2 {font-size: 28px;margin: 0 0 0;}
.registration-form {padding: 20px 50px;}
.resgistration-wrap { padding: 40px 0 0;}

/* -----------------course-inner-page------------ */

.course-details .banner-left-col h2{font-size: 26px;}
.course-list-wrap .container{max-width: 86%;}
.list-row ul li{font-size: 14px; font-weight: 500;}
.instructor-row h1{font-size: 28px;}

.review-card-2 .name{font-size: 16px;}
.review-card-2 .stars{width: 70px;}

}
   
@media screen and (max-width:767px) {

.course-list-wrap .container{max-width:94%;} 

.overlay ul li a{font-size: 16px;}

.banner-wrap{padding: 30px 0 0;}
.banner-tab-content h1{font-size: 32px;}
.banner-tab-content p{font-size: 14px;}

.counter-col1 h1{font-size: 38px;}

.service-wrap{padding: 30px 0 0;}


.videos-wrap{padding:30px 0 0}
.video-row{padding: 20px !important;}
.arrow-btn a{width: 40px;height: 40px;}
.arrow-btn img{width: 27px;}


.about-row{padding: 20px;}
.about-wrap { padding: 30px 0 0;}
.about-col2 .widget-col1 {width: 45%;}
.about-col1 h1{font-size: 32px;}   
.about-col2 .widget-col1 h2{font-size: 32px;}
.about-col1 p{font-size: 14px;}
.about-col2 .widget-col1 p{font-size: 14px;}


.masters-wrap {padding: 30px 0 0;}
.masters-col1 h1{font-size: 32px;}

.skills-wrap{padding: 30px 0 0;}
.skills-col1 h3{font-size: 22px;}
.skills-col1{padding: 15px 10px;}
.skills-col1:first-child{margin-top:0 ;}

.blog-wrap { padding: 30px 0 0;}
.blog-row1 .login-btn a {padding: 10px 40px;}
.blog-content h6{font-size: 18px;}
.student-review-wrap{padding: 30px 0 0;}
.student-review-wrap-row{padding: 20px !important;}

 
.contact-wrap { padding: 30px 0 0;}
.contact-row{padding: 20px !important;}
.contact-col1 .description p{font-size: 14px;}
.details-col1 p{font-size: 14px;}
.details-col1 h6{font-size: 18px;}
.details-col1 .icon{width: 20px;}
.contact-col2 input{font-size: 14px;}
.contact-col2 textarea{font-size: 14px;}

.footer-column {width: 34.9%;}
.footer-column:first-child{ width: 63%;}
.footer-column:nth-child(2n){margin-right: 0%;}
.footer-column:nth-child(3n){margin-right: 2%;}
.footer-column:nth-child(4n){margin-right: 2%;}
.footer-row-2 {  display: flex ;  flex-direction: column;  text-align: center; justify-content: center;align-items: center;  gap: 5px;}
.footer-row-2 p{font-size: 12px;}
.footer-column h3{font-size: 20px;}
.footer-logo img{width: 160px;}
   



 /*---------------- about-page--------- */

.banner-content h1{font-size: 36px;}
.banner-left h6{font-size: 20px;}
.counter-col1{margin-right:12%}


.mission-wrap{padding: 30px 0 0;}
.mission-row{padding: 20px !important;}
.mission-col1 h2{font-size: 22px;}


.about-page-wrap{padding: 30px 0 0;}
.about-page-col2 h2 {font-size: 22px;}
.about-page-wrap .page-row{padding: 20px !important;}
.mission-col2{width: 70%;}
.about-widget{display: none;}


.course-displaying-wrap{padding: 30px 0 0;}
.display-row{padding: 20px;}
.slant-box {width: 49%;}
.slant-box:nth-child(2n){margin-right: 0;}
.slant-box:nth-child(3n){margin-right: 2%;}
.slant-box:nth-child(6n){margin-right: 0;}
.display-row h2{font-size: 22px; margin: 0 0 20px;}



.learners-wrap{padding: 30px 0 0;}
.leraners-col2 h2{font-size: 22px;}
.learners-row{padding: 20px;flex-direction: column;}
.leraners-col1{width: 100%;margin: 0 0 30px;}
.leraners-col2{width: 100%;}

.cta-section{padding: 30px 0 0}
.cta-row  h2{font-size: 22px;}
.cta-col1{padding: 20px;}

.faq-wrap{padding: 30px 0 0;}
.faq-wrap h4{font-size: 18px}
.faq-row{padding: 20px;}
.faq-wrap h2{font-size: 22px;}

/* --------------course-page--------------- */


.course-wrap{padding: 30px 0 ;}
.course-wrap .course-row .course-card{width: 49%;}


/* ---------testimonial-page------ */

.testi-col1{padding: 20px;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;}
.testi-col2{padding: 20px;display: flex;justify-content: center;align-items: center;text-align: center; flex-direction: column;}
.testi-icon{width: 50px; margin: 0 0 20px;}
.testi-col2 h2{font-size: 18px;}
.testi-col1 h2{font-size: 18px;}

.testi-video-wrap .testi-video{padding: 20px;}
.testi-video-wrap{padding: 30px 0 0;}
.testi-video-wrap .testi-video h2{font-size: 22px;}


.review-posting-wrap{padding: 30px 0 0;}
.review-col1 h1{font-size:32px;}
.add-review-row { flex-direction: column;}
.review-col1 {width: 100%; margin: 0 0 20px;padding: 20px;}
.review-col2 { width: 100%;padding: 20px;}


/* -----------student-registration-page---------- */

.resgistration-wrap { padding: 30px 0 0;}
.registration-form {padding:20px;}
.registration-row h2 {font-size: 22px;}
.form-group {flex-direction: column;width: 100%;}
.registration-form .field { width: 100%;margin: 0 0 20px;}


/* -----------------course-inner-page------------ */

.course-details .banner-left-col h2{font-size: 22px;margin: 0 0 10px;}
.list-row ul li{font-size: 14px;}
.requirements-row .req-list ul li{font-size: 14px;}
.course-description p{font-size: 14px;}
.more-content ul li{font-size: 14px;}
.accordion-header{font-size: 14px;}
.accordian-content-col1 .display-text  .topic-name p a{font-size: 14px;}
.instructor-content p{font-size: 14px;}
.review-card-2 .review-text{font-size: 14px;}
.course-details .banner-left-col .rating{font-size: 14px; flex-wrap: wrap;}
.banner-left-col  .seller-btn{margin: 0 0 10px;}

.bought-card{margin: 0 0 10px;padding: 10px 0;}

.course-list-wrap h2{font-size: 22px;margin: 0 0 10px;}
.list-row ul li{font-weight: 500;margin: 0 0 10px;font-size: 12px;}
.bought-col1 .card-details .seller-btn{font-size: 12px;padding: 5px 8px;}
.bought-col1 .card-details .date{font-size: 12px;}
.bought-col3 .bought-cols .txt{font-size: 12px;}
.bought-col3 .bought-cols .icon{width: 10px;}

.student-review-wrap .heading::before{width: 17px;height: 17px;}
.instructor-row h1{font-size: 22px;}
.card .content .primary-btn a{font-size: 14px; padding: 10px 0;}
.card .content .login-btn a{font-size: 14px;padding: 10px 0;}


.resgistration-wrap .registration-form  .everest-forms .evf-field-container .evf-frontend-grid select{font-size: 14px;}

.everest-forms-submit-button.button.evf-submit{padding: 10px 20px;font-size: 14px;}
.evf-submit-container{padding: 0 !important;}
}
  
  
@media screen and (max-width:600px) {

/* .banner-wrap-default{height: 40vh;}   */

.primary-btn a{padding:10px 22px;}
.login-btn a{padding:10px 22px;}
.counter-col1 h1 { font-size: 32px;margin: 0 0 10px;}
.banner-tab-content h1{font-size: 28px;}

.masters-col1 h1{font-size: 28px;} 

.service-col1 h6{font-size: 16px;}
.service-col1 .icon{width: 38px;}

.about-col1 h1 {  font-size: 28px;}
.about-col2 .widget-col1 { width: 49%;height: 150px;}
.about-row{ padding: 20px 15px;}
.about-col2 .widget-col1 h2{font-size: 28px;}

.videos-wrap h2{ font-size: 22px;}
.video-col1 h3{font-size: 16px;}
.video-col1 h6{font-size: 16px;}
.masters-col1 h1{font-size: 28px;}
.masters-col2 .login-btn a { padding: 10px 22px;}
.masters-col2 .primary-btn a{padding: 10px 22px;}
.skills-col1{padding: 15px 10px;}
.skills-col1{width: 100%;}
.skills-col1:nth-child(n){margin-right: 0;}
.skills-col1 p{font-size: 14px;}
.review-card{width: 100%;}
.review-card:nth-child(n){margin-right: 0;}
.review-card .review-text{font-size: 14px;}
.review-card .stars{width: 75px;}

.details-col1{width: 100%;}
.details-col1:nth-child(n){margin-right: 0;}
.details-col1:nth-child(3n){width: 100%;}
.details-col1:first-child{margin: 0;}

.footer-column {width: 32%;}
.footer-column:first-child{ width: 100%;margin-right: 0;}
.footer-column:nth-child(2n){margin-right:2%;}
.footer-column:nth-child(4n){margin-right:0%;}
.social-media-icons ul{display: flex;gap: 10px;}
.footer-column:last-child{ width: 100%;margin-right: 0;}
.footer-column p{font-size: 14px;}

/*---------------- about-page--------- */

.banner-content h1{font-size: 32px;}
.banner-left h6{font-size: 18px;}
.counter-col1{margin-right:10%}

.mission-col1 .description p{font-size: 14px;}
.description p {font-size: 14px;}
.cta-subtext p{font-size: 14px;}
.cta-btn a{padding: 10px 22px;}
.mission-points ul li{font-size: 14px;}



.review-col1 h1{font-size:28px;}


/* -----------student-registration-page---------- */
.field label{font-size: 14px;}
.field-2 label {font-size: 14px;}


/*----------------course-page--------- */
.course-wrap .course-row .course-card{width: 80%;}
.course-wrap .course-row .course-card:nth-child(n){margin-right: 0;}
.course-wrap .course-row .course-card:first-child{margin: 0 0 0;}

/* -----------------course-inner-page------------ */
.course-list-wrap h2{font-size: 20px;}
.list-row {flex-direction: column;}
.left-section {width: 100%;}
.right-section { width: 100%;}


.accordian-content-col2{display: none;}
.accordion-header span{display: none;}
.accordian-left{width: 100%;}
.accordian-left h4{font-size: 14px; color:var(--primary-color); font-weight: 500;line-height: 1.56;}
.topics-btn .login-btn a{padding: 10px 15px;}

.row-description p{font-size: 12px;}
.accordian-content-col1 .display-text{gap: 10px;}
.bought-col1 .card-content h6{font-size: 14px;}
.description-row .show-more-btn button{font-size: 14px;}
.bought-col1 .card-details .seller-btn{font-size: 10px;}
.bought-col1 .card-details .date{font-size: 10px;}
.bought-col3 .bought-cols{width: 48%;margin: 0 0 10px;}
.bought-col1 .card-details{gap: 4px;flex-wrap: wrap;}


}


@media screen and (max-width:480px) {



.overlay{width: 100%;}
.logo{width: 130px;}
.burger-btn{top: 30px;}
.login-btn a{padding: 8px 20px;font-size: 14px;}
.primary-btn a{padding:8px 20px;font-size: 14px;}
.service-row{justify-content: center;}
.service-col1{width:100%;margin: 0 0 20px;display: flex;justify-content: center;align-items: center;}
.service-col1:nth-child(n){margin-right: 0;}
.service-col1:last-child{margin: 0 0 0;}
.about-col1 h1{font-size: 22px;} 
.about-row { padding: 20px 10px;}
.about-col1{margin: 0 0 10px;}
 
.banner-tab-content h1{font-size: 24px;margin: 0 0 10px;}
.counter-col1 h1{font-size: 28px;}
.counter-col1{margin-right: 7%;}
.counter-col1 p{font-size: 14px;}
.masters-col1 h1 {font-size: 22px; }
.banner-col-row{margin: 0 0 20px;}
.banner-col1{margin: 0 0 20px;}

.banner-content h1 {font-size: 22px;margin: 0 0 10px;}
.banner-content h6{font-size: 14px;}



.about-col2 .widget-col1{height: 100px;}
.about-col2 .widget-col1 h2{font-size: 22px;}
.about-col2 .widget-col1 p{font-size: 13px;}
.video-row{padding: 20px 10px !important;}
.skills-col1 h3{margin: 0 0 10px;}


.tag{padding: 6px 8px;font-size: 12px;}
.blog-row1 h2{font-size: 22px;}
.blog-row1 .login-btn a {padding: 10px 22px;font-size: 14px;}
.student-review-wrap h2{font-size: 22px;}
.contact-col1 h2{font-size: 22px;}
.masters-col2 .login-btn a { padding: 8px 20px;font-size: 14px;}
.masters-col2 .primary-btn a{padding: 8px 20px;font-size: 14px;}
.blog-row1 .login-btn a {padding: 8px 22px;font-size: 14px;}
.blog-content h6{font-size: 16px;}

.footer-column {width:100%;}
.footer-column:nth-child(n){margin-right: 0;}
.footer-column h3 {font-size: 18px;margin:0 0 10px;}

.error-page-section h1{font-size: 35px;}
.error-page-section h2{font-size: 22px;}





/*---------------- about-page--------- */

/* .banner-content h1{font-size: 28px;} */

.banner-tab-content p{margin: 0 0 10px;}
.banner-left h6{font-size: 16px;}
.slant-box {width: 100%;}
.slant-box:nth-child(n){margin-right: 0;}
.slant-box:first-child{margin: 0;}
.mission-col2{width: 100%;}
.cta-btn a{padding: 8px 20px;font-size: 14px;}








/*---------------testimonial-page------------- */
.testi-icon{width: 40px; margin: 0 0 20px;}
.testi-col2 h2{font-size: 16px;}
.testi-col1 h2{font-size: 16px;}
.testi-col1{padding: 10px;}
.testi-col2{padding: 20px;}


/* -----------------course-inner-page------------ */

.course-details .banner-left-col h2{font-size: 18px;}
.card .prices .old-price{font-size: 16px;}
.card .prices .price-new{font-size: 18px;}
.course-list-wrap h2{font-size: 18px;}

.topics-btn .login-btn a { padding: 8px 10px;font-size: 12px;}
.card .content .primary-btn a{font-size: 12px; padding: 8px 0;margin: 0 0 10px;}
.card .content .login-btn a{font-size: 12px;padding: 8px 0;margin: 0 0 10px;}

.bought-col1 .card-content h6{font-size: 12px;}

.bought-col1 .card-details .seller-btn{font-size: 8px;padding: 3px 5px;}
.bought-col1 .card-content h6 { font-size: 10px; }

.bought-col1 {width: 70%;}
.instructor-row h1 { font-size: 18px;}
.instructor-row .instructor .instructor-col1 .logo{width: 120px;}
 .review-card-2 .review-text{font-size: 12px;}
 .review-card-2 .name{font-size: 14px;}
.review-card-2 .stars{width: 60px;margin:0 0 10px;}
.review-card-2 .top-row{margin: 0 0 10px;}
.review-card-2 .avatar{margin-right:10px ;width: 46px;height:30px;}

.checkbox-container input[type="checkbox"]{width: 16px;height: 16px;}
.checkbox-container label{font-size: 14px;}

.modules-head p{font-size: 12px;}
.modules-head{gap: 4px;}

.burger-btn{width: 40px;}
.burger-btn span:nth-child(2n){margin: 8px 0;}

.card .play-btn-2 img{width: 13px;}
.card .play-btn-2{width: 40px; height:40px;}
.play-btn-2:before{width: 40px; height:40px;}
.play-btn-2:after{width: 62px; height: 62px;}


.play-btn img{width: 13px;}
.play-btn{width: 40px; height:40px;}
.play-btn:before{width: 40px; height:40px;}
.play-btn:after{width: 62px; height: 62px;}


.everest-forms-submit-button.button.evf-submit{padding: 8px 12px;font-size: 14px;}
.course-wrap .course-row .course-card{width: 100%;}

}



@media screen and (max-width:320px) { 
  .banner-content h1 {font-size: 20px;}
  .about-col1 h1{font-size: 20px;}
  .maintenance-col1 { height: 600px; }
  .about-row {padding: 20px 10px;}
  .masters-col2 .primary-btn a{padding: 8px 15px; font-size: 14px;}
  .about-col2 .widget-col1 h2 {font-size: 20px;margin: 0 0 5px;}
  .tag{font-size: 10px;}
  .video-col1 h3{font-size: 14px;}

  .contact-col2 input{font-size: 12px;}
  .contact-col2 textarea{font-size: 12px;}
  .banner-tab-content h1{font-size: 22px;}
  .arrow-btn a{height: 34px; width: 34px;}
  .blog-content h6{font-size: 16px;}
  .arrow-btn img{width: 23px;}
  .videos-wrap h2{font-size: 20px;}
  .logo{width: 100px;}



  .testi-col2 h2{font-size: 12px;}
  .testi-col1 h2 {font-size: 12px;}
  .testi-icon{width: 30px;margin: 0 0 10px;}
  .testi-col1{padding: 10px;}
  .testi-col2{padding: 10px;}



} 



/* -------------Error-page-------------------- */

 .error-page-section {
  padding: 60px 0;
  text-align: center;
}
.error-page-section h1 {
  font-size: 60px;
  color: #000;
  margin: 0 0 20px;
  font-weight: 500;
}
.error-page-section h2 {
  font-size: 28px;
  margin: 0 0 20px;
}
.error-page-section p {
  font-size: 16px;
  line-height: 1.56;
  margin: 0 0 20px;
}
.error-page-section .search-form {
  width: auto;
  max-width: 420px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.error-page-section .search-form input {
  width: 100%;
  height: 50px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--secondary-color);
  border-image: initial;
  border-radius: 8px;
  padding: 0px 20px;
  background: no-repeat;
  margin: 0 10px 0 0;
  flex: 1 0 0;
}
.error-page-section .search-form .search-submit {
  display: inline-block;
  font-size: 14px;
  color: var(--secondary-color);
  margin: 0 0 0 auto;
  position: relative;
  padding: 14px 28px 14px 28px;
  font-weight: 500;
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  border-radius: 50px;
  font-family: "Poppins", serif;
  transition: all .25s ease-in-out;
  cursor: pointer;
}
.error-page-section .search-form .search-submit .screen-reader-text {
  font-size: 16px;
  clip: inherit;
  clip-path: inherit;
  position: relative !important;
  transition: all .25s ease-in-out;
  color: #fff;
}



/* ---------------Privacy-wrap-------------- */


.defualt-page-section {
  padding: 60px 0 0;
}
.defualt-page-section h2 {
  font-size: 28px;
  margin: 0 0 20px;
   color: var(--primary-color);
   font-weight: 600;
}
.defualt-page-section p {
  font-size: 16px;
  line-height: 1.56;
  margin: 0 0 20px;
  word-break: break-all;
  color: #000;
}

.banner-wrapper.banner-wrapp-default {
  height: 50vh;
  position:relative
}
/* .banner-wrapper.banner-wrapp-default .banner-col1 h1{position:absolute; width:100%; left:50%;top:50%; right:50%; transform: translate(-50%,-50%); text-align:center;font-weight:bold; color:#fff;font-size:46px} */

.defualt-page-col1.content-wrapp a{color: var(--primary-color);}
.defualt-page-col1.content-wrapp a:hover{color: var(--secondary-color);text-decoration: underline;}

.defualt-page-section ul li {
    font-size: 16px;
    margin: 0 0 10px;
    color: #000;
    line-height: 1.56;
    list-style: block;
    list-style-type: disc;
    list-style-position: inside;
}

/*----------------search-page-wrap-------------- */

.search-page-section {
  padding: 60px 0 0;
}
.search-page-section h1 {
  font-size: 32px;
  margin: 0 0 20px;
  color: var(--primary-color);
  font-weight: 700;
}
.search-page-section .search-page-card {
  width: 100%;
  margin: 0 0 50px;
}
.search-page-section h3 {
  font-size: 28px;
  margin: 0 0 20px;
  color: var(--secondary-color);
  font-weight: 600;
}
.search-page-section p {
  font-size: 16px;
  line-height: 1.56;
  margin: 0 0 20px;
  color: #000;
}
.search-page-section .search-btn1 {
  display: inline-block;
  background: var(--secondary-color);
  padding: 12px 26px 12px;
  color: var(--secondary-color);
  font-size: 13px;
  text-transform: uppercase;
  border: 1px solid var(--secondary-color);
  border-radius: 50px;
  color:#fff;
}