/* Generated CSS bundle. Source files are concatenated in original loading order. */


/* ===== BEGIN SOURCE: style.css ===== */
/* ONLINE CLASSES css start from here  */
.section-block{
  --brand-red:#C0392B;
  --brand-orange:#E8853B;
  --brand-yellow:#F4B942;
  --text-muted:#5a5a5a;
  padding:60px 0;
}
.section-block h3,
.section-block h4,
.section-block h5,
.section-block h6{
  text-align:center;color:#1a1a1a;margin-bottom:15px;
}
.section-block h4{font-size:2rem;font-weight:600;}
.section-block h3{font-size:2.1rem;font-weight:600;}
.section-block h5{
  font-size:1.15rem;font-weight:500;color:var(--text-muted);
  max-width:700px;margin-left:auto;margin-right:auto;
}
.section-block h6{font-size:1.3rem;font-weight:500;color:var(--brand-red);}
.section-block > .container > p{text-align:center;max-width:800px;margin:0 auto 10px auto;}

.intro-text{
  text-align:center;max-width:850px;margin:0 auto 15px auto;line-height:1.7;
  color:var(--text-muted);
}

.pill-grid{
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;
}
.pill-item{
  display:inline-flex;align-items:center;
  background:#fff;border:1px solid #e6e6e6;border-radius:50px;
  padding:10px 22px;font-size:.95rem;color:#333;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  transition:all .25s ease;white-space:nowrap;
}
.pill-item:hover{
  background:var(--brand-red);color:#fff;border-color:var(--brand-red);
  transform:translateY(-2px);
}
.pill-item .pill-check{
  width:15px;height:15px;margin-right:8px;flex:0 0 auto;color:var(--brand-yellow);
}
.pill-item:hover .pill-check{color:#fff;}

.bg-alt{
  background:#FFF7EE;
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}

.section-footnote{
  text-align:center;max-width:750px;margin:25px auto 0 auto;
  padding-top: 50px;
  font-style:italic;color:var(--text-muted);
}

.online-classes-cta{
  display:block;width:max-content;background:var(--brand-yellow);color:#1a1a1a;
  font-weight:700;font-size:.9rem;padding:12px 28px;border-radius:6px;
  text-decoration:none;margin:26px auto 0 auto;transition:background .2s ease;
}
.online-classes-cta:hover{background:#DF2222;color:white!important;}

@media (max-width:576px){
  .section-block{padding:40px 0;}
  .section-block h4{font-size:1.5rem;}
  .section-block h3{font-size:1.6rem;}
  .pill-item{font-size:.85rem;padding:8px 16px;white-space:normal;}
}
/* online classes css end here */


/* Learn Languages section start from here  */
.intro-section {
  padding: 90px 20px;
  background: linear-gradient(180deg, #fff8f7 0%, #ffffff 100%);
}

.intro-section .badge {
  display: inline-block;
  background-color: #fde8e8;
  color: #d92626;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.5px;
  padding: 6px 18px;
  border-radius: 30px;
  margin-bottom: 18px;
}

.intro-section .heading {
  font-weight: 700;
  font-size: 2.8rem;
  color: #1a1a1a;
  margin-bottom: 10px;
  line-height: 1.2;
}

.intro-section .subheading {
  font-weight: 600;
  font-size: 1.15rem;
  color: #d92626;
  margin-bottom: 26px;
  position: relative;
  display: inline-block;
}

.intro-section .subheading::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #d92626;
  border-radius: 2px;
  margin: 14px auto 0;
}

.intro-section .para {
  font-size: 1.05rem;
  color: #5c5c5c;
  line-height: 1.85;
  margin: 0 auto 18px;
  max-width: 780px;
}

.intro-section .btn {
  font-weight: 600;
  font-size: 1rem;
  padding: 12px 34px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.intro-section .btn-primary {
  background-color: #d92626;
  color: #ffffff;
}

.intro-section .btn-primary:hover {
  background-color: #d92626;
  color: #ffffff!important;
  transform: translateY(-2px);
}

.intro-section .btn-outline {
  background-color: transparent;
  border-color: #d92626;
  color: #1a1a1a;
}

.intro-section .btn-outline:hover {
  background-color: #d92626;
  color: #ffffff!important;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px) {
  .intro-section {
    padding: 60px 20px;
  }
  .intro-section .heading {
    font-size: 2.2rem;
  }
}

@media (max-width: 575px) {
  .intro-section .heading {
    font-size: 1.8rem;
  }
  .intro-section .subheading {
    font-size: 1rem;
  }
  .intro-section .btn {
    width: 100%;
  }
  .intro-section .btn-group {
    flex-direction: column;
  }
}
/* Learn Languages section end here */


/* Why Choose section start from here  */
.why-section {
  padding: 90px 20px;
  background-color: #ffffff;
}

.why-section .badge {
  display: inline-block;
  background-color: #fde8e8;
  color: #d92626;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.5px;
  padding: 6px 18px;
  border-radius: 30px;
  margin-bottom: 18px;
}

.why-section .heading {
  font-weight: 700;
  font-size: 2.4rem;
  color: #1a1a1a;
  margin-bottom: 16px;
  line-height: 1.25;
}

.why-section .para {
  font-size: 1.05rem;
  color: #5c5c5c;
  line-height: 1.85;
  max-width: 780px;
  margin: 0 auto;
}

.why-section .feature-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background-color: #faf9f9;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  padding: 18px 20px;
  height: 100%;
  font-size: 0.98rem;
  color: #2a2a2a;
  font-weight: 500;
  transition: all 0.3s ease;
}

.why-section .feature-card:hover {
  background-color: #fff8f7;
  border-color: #f3c9c9;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(217, 38, 38, 0.08);
}

.why-section .check {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d92626;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 700;
  border-radius: 50%;
}

/* Responsive */
@media (max-width: 991px) {
  .why-section {
    padding: 60px 20px;
  }
  .why-section .heading {
    font-size: 2rem;
  }
}

@media (max-width: 575px) {
  .why-section .heading {
    font-size: 1.7rem;
  }
  .why-section .feature-card {
    font-size: 0.92rem;
  }
}
/* Why Choose sectione end here */

/* Learn Anytime, Anywhere section start from here */
.flexible-section {
  padding: 80px 20px;
  background-color: #fff8f7;
}

.flexible-section .badge {
  display: inline-block;
  background-color: #ffffff;
  color: #d92626;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.5px;
  padding: 6px 18px;
  border-radius: 30px;
  margin-bottom: 18px;
  border: 1px solid #f3c9c9;
}

.flexible-section .heading {
  font-weight: 700;
  font-size: 2.4rem;
  color: #1a1a1a;
  margin-bottom: 16px;
  line-height: 1.25;
}

.flexible-section .para {
  font-size: 1.05rem;
  color: #5c5c5c;
  line-height: 1.85;
  max-width: 700px;
  margin: 0 auto;
}

/* Responsive */
@media (max-width: 991px) {
  .flexible-section {
    padding: 55px 20px;
  }
  .flexible-section .heading {
    font-size: 2rem;
  }
}

@media (max-width: 575px) {
  .flexible-section .heading {
    font-size: 1.7rem;
  }
  .flexible-section .para {
    font-size: 0.98rem;
  }
}
/* Learn Anytime, Anywhere section end here */


/* start your global journey cta section start from here  */
.cta-section {
  padding: 80px 20px;
  background-color: #ffffff;
}

.cta-section .heading {
  font-weight: 700;
  font-size: 2.3rem;
  color: #1a1a1a;
  margin-bottom: 14px;
  line-height: 1.25;
}

.cta-section .para {
  font-size: 1.05rem;
  color: #5c5c5c;
  line-height: 1.8;
  max-width: 650px;
  margin: 0 auto 30px;
}

.cta-section .cta-btn {
  display: inline-block;
  background-color: #ffffff;
  color: #d92626;
  border: 2px solid #d92626;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  padding: 12px 38px;
  transition: all 0.3s ease;
}

.cta-section .cta-btn:hover {
  background-color: #d92626;
  color: #ffffff!important;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px) {
  .cta-section {
    padding: 55px 20px;
  }
  .cta-section .heading {
    font-size: 2rem;
  }
}

@media (max-width: 575px) {
  .cta-section .heading {
    font-size: 1.7rem;
  }
  .cta-section .cta-btn {
    display: block;
    width: 100%;
  }
}
/* start your global journey cta section end here */


/* =================== about page css start from here   =================== */

/* modern school of languages section start from here  */

.about-section {
  background-color: #ffffff;
  padding: 90px 20px 20px 20px;
  overflow: hidden;
}

.about-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* Badge - "About Us" wala chhota pill jaisa Educeet ke hero mein tha */
.badge {
  display: inline-block;
  background-color: #fdecea;
  color: #e63946;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 30px;
  margin-bottom: 18px;
}

/* Main Heading */
.heading {
  font-size: 42px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
  margin-bottom: 30px;
}

/* Paragraphs */
.para {
  font-size: 17px;
  line-height: 1.8;
  color: #555555;
  margin-bottom: 22px;
}

/* Sub Heading before pill list */
.sub-heading {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 40px 0 22px;
}

/* Pill list - "School Students, College Students" etc */
.pill-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  padding: 0;
  margin: 0 0 30px;
}

.pill-list li {
  background-color: #fff;
  border: 1.5px solid #e63946;
  color: #e63946;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 30px;
  transition: all 0.3s ease;
  cursor: default;
}

.pill-list li:hover {
  background-color: #e63946;
  color: #ffffff;
  transform: translateY(-3px);
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .heading {
    font-size: 34px;
  }
  .about-section {
    padding: 70px 20px;
  }
}

@media (max-width: 767px) {
  .heading {
    font-size: 28px;
  }
  .para {
    font-size: 15px;
  }
  .sub-heading {
    font-size: 19px;
  }
  .pill-list li {
    font-size: 13px;
    padding: 8px 16px;
  }
  .about-section {
    padding: 50px 15px;
  }
}

@media (max-width: 480px) {
  .heading {
    font-size: 24px;
  }
  .pill-list {
    gap: 10px;
  }
}
/* about modern school of languages section end here */


/* mission & vision section start from here  */

.mission-section {
  background-color: #ffffff;
  padding: 80px 0;
}

.mv-heading {
  font-size: 36px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 15px;
}

/* underline accent, red jaisa Educeet ke theme mein hai */
.mv-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 4px;
  background-color: #e63946;
  border-radius: 4px;
}

.mv-subheading {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 40px 0 20px;
}

.mv-para {
  font-size: 17px;
  line-height: 1.85;
  color: #555555;
  margin-bottom: 18px;
  text-align: justify;
}

/* Bullet list - custom icon bullets instead of default dots */
.mv-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.mv-list li {
  position: relative;
  font-size: 16.5px;
  line-height: 1.7;
  color: #444444;
  padding: 12px 0 12px 38px;
  border-bottom: 1px dashed #eeeeee;
}

.mv-list li:last-child {
  border-bottom: none;
}

/* Custom checkmark-style bullet */
.mv-list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 12px;
  width: 24px;
  height: 24px;
  background-color: #fdecea;
  color: #e63946;
  font-size: 13px;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mv-list li:hover {
  background-color: #fff9f9;
  padding-left: 42px;
  transition: all 0.25s ease;
}

.mv-list li:hover::before {
  background-color: #e63946;
  color: #ffffff;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mv-heading {
    font-size: 30px;
  }
  .mission-section {
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .mv-heading {
    font-size: 25px;
  }
  .mv-subheading {
    font-size: 19px;
  }
  .mv-para {
    font-size: 15px;
    text-align: left;
  }
  .mv-list li {
    font-size: 14.5px;
    padding: 10px 0 10px 32px;
  }
  .mission-section {
    padding: 45px 0;
  }
}

@media (max-width: 480px) {
  .mv-heading {
    font-size: 22px;
  }
  .mv-list li::before {
    width: 20px;
    height: 20px;
    font-size: 11px;
  }
}

/* mission & vision section end  here  */

/* Our Core Values Section start from here */

.values-section {
  background-color: #fafafa;
  padding: 80px 0;
}

.values-heading {
  font-size: 36px;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}

.values-heading::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #e63946;
  border-radius: 4px;
  margin: 15px auto 0;
}

/* Grid of value cards */
.values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 60px;
}

.value-card {
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 35px 28px;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.value-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(230, 57, 70, 0.12);
  border-color: #e63946;
}

.value-num {
  display: inline-block;
  font-size: 15px;
  font-weight: 800;
  color: #e63946;
  background-color: #fdecea;
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 18px;
}

.value-card h5 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 12px;
}

.value-card p {
  font-size: 15.5px;
  line-height: 1.7;
  color: #666666;
  margin: 0;
}

/* Motto highlight box */
.motto-box {
  background: linear-gradient(135deg, #e63946, #c1121f);
  border-radius: 18px;
  padding: 55px 40px;
  text-align: center;
  color: #ffffff;
}

.motto-label {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #c1121f;
  background-color: #ffffff;
  padding: 5px 20px;
  border-radius: 5px;
  opacity: 1;
  margin-bottom: 18px;
}

.motto-text {
  font-size: 34px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.motto-desc {
  font-size: 16.5px;
  line-height: 1.8;
  color: #ffffff;
  max-width: 750px;
  margin: 0 auto;
  opacity: 0.95;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .values-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .values-heading {
    font-size: 30px;
  }
  .motto-text {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .values-section {
    padding: 55px 0;
  }
  .values-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 40px;
  }
  .values-heading {
    font-size: 25px;
    margin-bottom: 35px;
  }
  .value-card {
    padding: 28px 22px;
  }
  .motto-box {
    padding: 40px 25px;
    border-radius: 14px;
  }
  .motto-text {
    font-size: 24px;
  }
  .motto-desc {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .values-heading {
    font-size: 22px;
  }
  .value-card h5 {
    font-size: 18px;
  }
  .motto-text {
    font-size: 21px;
  }
}

/* Our Core Values Section css end here */

/* our teaching methodology section css start from here */

.methodology-section {
  background-color: #ffffff;
  padding: 80px 0;
}

.methodology-intro {
  max-width: 800px;
  margin: 0 auto 45px;
  text-align: center;
}

.methodology-heading {
  font-size: 36px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
}

.methodology-heading::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #e63946;
  border-radius: 4px;
  margin: 15px auto 0;
}

.methodology-para {
  font-size: 17px;
  line-height: 1.85;
  color: #555555;
  margin: 0;
}

.methodology-subheading {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 35px;
}

/* Two column list grid */
.methodology-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 24px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.methodology-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 18px 20px;
  font-size: 15.5px;
  font-weight: 500;
  color: #333333;
  transition: all 0.3s ease;
}

/* Custom bullet icon before each item */
.methodology-list li::before {
  content: "\2713";
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  background-color: #fdecea;
  color: #e63946;
  font-size: 13px;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.methodology-list li:hover {
  background-color: #fdecea;
  border-color: #e63946;
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(230, 57, 70, 0.1);
}

.methodology-list li:hover::before {
  background-color: #e63946;
  color: #ffffff;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .methodology-heading {
    font-size: 30px;
  }
  .methodology-list {
    gap: 14px 20px;
  }
}

@media (max-width: 767px) {
  .methodology-section {
    padding: 55px 0;
  }
  .methodology-heading {
    font-size: 25px;
  }
  .methodology-para {
    font-size: 15px;
  }
  .methodology-subheading {
    font-size: 19px;
    margin-bottom: 25px;
  }
  .methodology-list {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .methodology-list li {
    font-size: 14.5px;
    padding: 15px 16px;
  }
}

@media (max-width: 480px) {
  .methodology-heading {
    font-size: 22px;
  }
  .methodology-list li::before {
    width: 22px;
    height: 22px;
    font-size: 11px;
  }
}
/* our teaching methodology section css end here */



/* international exam preparation section start from here */

.exam-section {
  background-color: #fafafa;
  padding: 85px 0;
}

.exam-wrapper {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 60px;
  align-items: start;
}

/* Left side */
.exam-left {
  position: sticky;
  top: 100px;
}

.exam-badge {
  display: inline-block;
  background-color: #fdecea;
  color: #e63946;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 30px;
  margin-bottom: 18px;
}

.exam-heading {
  font-size: 34px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
  margin-bottom: 20px;
}

.exam-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #555555;
  margin: 0;
}

/* Right side */
.exam-subheading {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.exam-timeline {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

/* vertical connecting line */
.exam-timeline::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  background: repeating-linear-gradient(
    to bottom,
    #e63946 0,
    #e63946 6px,
    transparent 6px,
    transparent 12px
  );
}

.exam-timeline li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 16px 0;
}

.exam-step {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border: 2px solid #e63946;
  color: #e63946;
  font-size: 15px;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

.exam-text {
  font-size: 16.5px;
  font-weight: 500;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  padding: 14px 22px;
  border-radius: 10px;
  flex: 1;
  transition: all 0.3s ease;
}

.exam-timeline li:hover .exam-step {
  background-color: #e63946;
  color: #ffffff;
}

.exam-timeline li:hover .exam-text {
  border-color: #e63946;
  box-shadow: 0 8px 20px rgba(230, 57, 70, 0.1);
  transform: translateX(6px);
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .exam-wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .exam-left {
    position: static;
  }
  .exam-heading {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .exam-section {
    padding: 55px 0;
  }
  .exam-heading {
    font-size: 24px;
  }
  .exam-para {
    font-size: 15px;
  }
  .exam-subheading {
    font-size: 18px;
  }
  .exam-timeline li {
    gap: 14px;
    padding: 12px 0;
  }
  .exam-step {
    width: 34px;
    height: 34px;
    font-size: 13px;
  }
  .exam-text {
    font-size: 14.5px;
    padding: 12px 16px;
  }
  .exam-timeline::before {
    left: 16px;
  }
}

@media (max-width: 480px) {
  .exam-heading {
    font-size: 21px;
  }
  .exam-step {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
}

/* Stat cards to fill left column space */
.exam-stats {
  display: flex;
  gap: 20px;
  margin-top: 35px;
}

.exam-stat-card {
  flex: 1;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 22px 20px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.exam-stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(230, 57, 70, 0.1);
  border-color: #e63946;
}

.exam-stat-card h4 {
  font-size: 30px;
  font-weight: 800;
  color: #e63946;
  margin-bottom: 6px;
}

.exam-stat-card p {
  font-size: 14px;
  font-weight: 600;
  color: #555555;
  margin: 0;
}

/* Decorative note box */
.exam-note {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: linear-gradient(135deg, #fdecea, #fff5f5);
  border-left: 4px solid #e63946;
  border-radius: 10px;
  padding: 22px 24px;
  margin-top: 30px;
}

.exam-note-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  background-color: #e63946;
  color: #ffffff;
  font-size: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.exam-note p {
  font-size: 15px;
  line-height: 1.6;
  color: #444444;
  margin: 0;
  font-weight: 500;
}

/* Responsive additions */
@media (max-width: 767px) {
  .exam-stats {
    flex-direction: column;
    gap: 14px;
    margin-top: 25px;
  }
  .exam-stat-card {
    padding: 18px;
  }
  .exam-stat-card h4 {
    font-size: 26px;
  }
  .exam-note {
    padding: 18px 20px;
    margin-top: 22px;
  }
}
/* about page international exam preparation section end here */


/* about page why learn with us section start from here */
.why-section {
  background-color: #ffffff;
  padding: 85px 0;
}

/*
.why-badge {
  display: inline-block;
  background-color: transparent;
  color: #e63946;
  font-size: 15px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  padding: 6px 20px;
  border: 1px solid #e63946;
  border-radius: 8px;
  margin-bottom: 18px;
}
*/
.why-heading {
  font-size: 34px;
  font-weight: 700;
  color: #1a1a1a;
  max-width: 750px;
  margin: 0 auto 55px;
  line-height: 1.35;
}
/* Grid of feature cards */
.why-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
.why-card {
  background-color: #ffffff;
  border: 1px solid #ececec;
  border-top: 3px solid #e63946;
  border-radius: 14px;
  padding: 32px 22px;
  text-align: center;
  transition: all 0.3s ease;
}
.why-icon {
  width: 56px;
  height: 56px;
  background-color: #fdecea;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  color: #e63946;
  transition: all 0.3s ease;
}
.why-icon svg {
  width: 26px;
  height: 26px;
}
.why-card p {
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  line-height: 1.55;
  margin: 0;
}
.why-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(230, 57, 70, 0.12);
  border-top-color: #c1121f;
}
.why-card:hover .why-icon {
  background-color: #e63946;
  color: #ffffff;
  transform: scale(1.1);
}
/* ===== Responsive ===== */
@media (max-width: 1199px) {
  .why-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .why-heading {
    font-size: 28px;
  }
  .why-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
}
@media (max-width: 767px) {
  .why-section {
    padding: 55px 0;
  }
  .why-heading {
    font-size: 23px;
    margin-bottom: 35px;
  }
  .why-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .why-card {
    padding: 26px 20px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 18px;
  }
  .why-icon {
    margin: 0;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
  }
  .why-icon svg {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 480px) {
  .why-heading {
    font-size: 21px;
  }
}
/* about page why learn with us section end here */

/*  start learning today cta section start from here */
  
.cta-section {
  background-color: #fafafa;
  padding: 80px 0;
}

.cta-box {
  position: relative;
  background: linear-gradient(135deg, #1a1a1a, #2b2b2b);
  border-radius: 24px;
  padding: 70px 50px;
  text-align: center;
  overflow: hidden;
}

/* subtle decorative red glow pattern */
.cta-pattern {
  position: absolute;
  top: -80px;
  right: -80px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(230, 57, 70, 0.35), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.cta-pattern::after {
  content: "";
  position: absolute;
  bottom: -260px;
  left: -120px;
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(230, 57, 70, 0.25), transparent 70%);
  border-radius: 50%;
}

.cta-content {
  position: relative;
  z-index: 2;
  max-width: 750px;
  margin: 0 auto;
}

.cta-tagline {
  display: inline-block;
  background-color: rgba(230, 57, 70, 0.15);
  color: #ff6b74;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 7px 20px;
  border-radius: 30px;
  margin-bottom: 22px;
}

.cta-heading {
  font-size: 40px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 24px;
}

.cta-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #cfcfcf;
  margin-bottom: 18px;
}

.cta-btn {
  display: inline-block;
  background-color: #e63946;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 42px;
  border-radius: 10px;
  margin-top: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(230, 57, 70, 0.35);
}

.cta-btn:hover {
  background-color: #c1121f;
  transform: translateY(-4px);
  box-shadow: 0 15px 32px rgba(230, 57, 70, 0.45);
  color: #ffffff;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .cta-box {
    padding: 55px 35px;
  }
  .cta-heading {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .cta-section {
    padding: 55px 0;
  }
  .cta-box {
    padding: 45px 25px;
    border-radius: 18px;
  }
  .cta-heading {
    font-size: 26px;
  }
  .cta-para {
    font-size: 15px;
  }
  .cta-btn {
    padding: 14px 32px;
    font-size: 15px;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .cta-heading {
    font-size: 22px;
  }
  .cta-tagline {
    font-size: 11px;
    padding: 6px 14px;
  }
}

/*  start learning today cta section end here */


/* ============== about page css end here   =============== */


/* ==================== corporate page css start from here  ==================== */

/*  book a professional interpreter section start from here  */

.interpreter-section {
  background-color: #ffffff;
  padding: 85px 0;
}
.interp-wrapper {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 60px;
  align-items: start;
}
/* Left content */
.interp-badge {
  display: inline-block;
  background-color: transparent;
  color: #e63946;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 20px;
  border: 1px solid #e63946;
  border-radius: 8px;
  margin-bottom: 20px;
}
.interp-heading {
  font-size: 36px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
  margin-bottom: 22px;
}
.interp-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #555555;
  margin-bottom: 18px;
}
/* Interpretation type tags */
.interp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 30px 0 25px;
}
.interp-tag {
  background-color: #fdecea;
  color: #c1121f;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 20px;
  border-radius: 30px;
}
.interp-tagline {
  font-size: 19px;
  font-weight: 700;
  color: #1a1a1a;
  border-left: 4px solid #e63946;
  padding-left: 16px;
  margin-top: 30px;
}
/* Right side sticky contact card */
.interp-right {
  position: sticky;
  top: 100px;
}
.interp-card {
  background-color: #DF2222;
  border-radius: 20px;
  padding: 45px 35px;
  color: #ffffff;
  text-align: center;
}
.interp-card-icon {
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: #ffffff;
}
.interp-card-icon svg {
  width: 26px;
  height: 26px;
}
.interp-card-title {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 14px;
}
.interp-card-desc {
  font-size: 14.5px;
  line-height: 1.75;
  color: #ffffff;
  opacity: 0.95;
  margin-bottom: 26px;
}
.interp-email {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  padding: 14px 20px;
  border-radius: 10px;
  margin-bottom: 18px;
  transition: all 0.3s ease;
}
.interp-email svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.interp-email:hover {
  background-color: white;
  color: #DF2222;
}
.interp-btn {
  display: inline-block;
  width: 100%;
  background-color: #ffffff;
  color: #DF2222;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  padding: 15px 20px;
  border-radius: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.interp-btn:hover {
  background-color: #f5f5f5;
  color: #DF2222;
  transform: translateY(-3px);
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .interp-wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .interp-right {
    position: static;
  }
  .interp-heading {
    font-size: 30px;
  }
  .interp-card {
    max-width: 480px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .interpreter-section {
    padding: 55px 0;
  }
  .interp-heading {
    font-size: 25px;
  }
  .interp-para {
    font-size: 15px;
  }
  .interp-tagline {
    font-size: 16px;
  }
  .interp-card {
    padding: 35px 25px;
  }
  .interp-card-title {
    font-size: 19px;
  }
}
@media (max-width: 480px) {
  .interp-heading {
    font-size: 22px;
  }
  .interp-tags {
    gap: 8px;
  }
  .interp-tag {
    font-size: 13px;
    padding: 7px 16px;
  }
}
/* book a professional interpreter section end here */

/* recruitment support intro start from here */

.rs-intro-section {
  background-color: #ffffff;
  padding: 75px 0 40px;
}

.rs-intro-inner {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}

.rs-badge {
  display: inline-block;
  background-color: transparent;
  color: #e63946;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 20px;
  border: 1px solid #e63946;
  border-radius: 8px;
  margin-bottom: 20px;
}

.rs-heading {
  font-size: 34px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.35;
  margin-bottom: 22px;
}

.rs-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #555555;
  margin-bottom: 16px;
}

@media (max-width: 991px) {
  .rs-heading {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .rs-intro-section {
    padding: 50px 0 25px;
  }
  .rs-heading {
    font-size: 23px;
  }
  .rs-para {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .rs-heading {
    font-size: 20px;
  }
}
/* recruitment support intro end here */


/* For Students section start from here */ 

.fs-section {
  background-color: #fafafa;
  padding: 60px 0 85px;
}

.fs-header {
  max-width: 800px;
  margin: 0 auto 45px;
  text-align: center;
}

.fs-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 18px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}

.fs-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #e63946;
  border-radius: 4px;
}

.fs-para {
  font-size: 16px;
  line-height: 1.8;
  color: #555555;
  margin: 0;
}

/* Cards grid */
.fs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 45px;
}

.fs-card {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 18px;
  padding: 38px 34px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03);
}

.fs-card-title {
  font-size: 19px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 22px;
}

/* Student Support Includes list */
.fs-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fs-list li {
  position: relative;
  font-size: 15.5px;
  line-height: 1.6;
  color: #444444;
  padding: 12px 0 12px 34px;
  border-bottom: 1px dashed #eeeeee;
}

.fs-list li:last-child {
  border-bottom: none;
}

.fs-list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 12px;
  width: 22px;
  height: 22px;
  background-color: #fdecea;
  color: #e63946;
  font-size: 11px;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Career Opportunities tags */
.fs-tag-intro {
  font-size: 15px;
  color: #666666;
  margin-bottom: 18px;
}

.fs-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.fs-tags span {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  color: #333333;
  font-size: 13.5px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 30px;
  transition: all 0.3s ease;
}

.fs-tags span:hover {
  background-color: #e63946;
  border-color: #e63946;
  color: #ffffff;
  transform: translateY(-3px);
}

/* Contact strip */
.fs-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  background-color: #fdecea;
  border-radius: 18px;
  padding: 38px 40px;
}

.fs-contact-left h5 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
}

.fs-contact-left p {
  font-size: 15px;
  line-height: 1.7;
  color: #555555;
  margin: 0;
  max-width: 600px;
}

.fs-contact-right {
  flex-shrink: 0;
}

.fs-email-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #e63946;
  color: #ffffff;
  font-size: 15.5px;
  font-weight: 700;
  text-decoration: none;
  padding: 15px 28px;
  border-radius: 10px;
  white-space: nowrap;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(230, 57, 70, 0.25);
}

.fs-email-btn svg {
  width: 18px;
  height: 18px;
}

.fs-email-btn:hover {
  background-color: #c1121f;
  color: #ffffff;
  transform: translateY(-3px);
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .fs-heading {
    font-size: 26px;
  }
  .fs-card {
    padding: 30px 26px;
  }
}

@media (max-width: 767px) {
  .fs-section {
    padding: 40px 0 55px;
  }
  .fs-heading {
    font-size: 22px;
  }
  .fs-para {
    font-size: 15px;
  }
  .fs-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .fs-contact {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 24px;
  }
  .fs-email-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .fs-heading {
    font-size: 20px;
  }
  .fs-tags span {
    font-size: 12.5px;
    padding: 7px 13px;
  }
}
/* For Students section end here */


/* for companies intro section start from here */
.mscz-fcintro-section {
  background-color: #ffffff;
  padding: 75px 0 30px;
}

.mscz-fcintro-inner {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.mscz-fcintro-heading {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}

.mscz-fcintro-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #e63946;
  border-radius: 4px;
}

.mscz-fcintro-para {
  font-size: 16px;
  line-height: 1.8;
  color: #555555;
  margin-bottom: 14px;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mscz-fcintro-heading {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .mscz-fcintro-section {
    padding: 50px 0 20px;
  }
  .mscz-fcintro-heading {
    font-size: 23px;
  }
  .mscz-fcintro-para {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .mscz-fcintro-heading {
    font-size: 20px;
  }
}

/* for companies intro section end here */

/* recruit / industries / why section start from here */

.mscz-recruitlist-section {
  background-color: #ffffff;
  padding: 30px 0 80px;
}

.mscz-recruitlist-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  align-items: start;
}

.mscz-recruitlist-card {
  background-color: #fafafa;
  border-left: 4px solid #DD211F;
  border-radius: 14px;
  padding: 32px 28px;
}

.mscz-recruitlist-title {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
}

.mscz-recruitlist-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mscz-recruitlist-ul li {
  position: relative;
  font-size: 14.5px;
  line-height: 1.6;
  color: #444444;
  padding: 9px 0 9px 20px;
  border-bottom: 1px dashed #e5e5e5;
}

.mscz-recruitlist-ul li:last-child {
  border-bottom: none;
}

.mscz-recruitlist-ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  width: 7px;
  height: 7px;
  background-color: #e63946;
  border-radius: 50%;
}

/* ===== Responsive ===== */
@media (max-width: 1199px) {
  .mscz-recruitlist-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .mscz-recruitlist-section {
    padding: 20px 0 55px;
  }
  .mscz-recruitlist-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .mscz-recruitlist-card {
    padding: 26px 22px;
  }
  .mscz-recruitlist-title {
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  .mscz-recruitlist-card {
    padding: 22px 18px;
  }
}
/* recruit / industries / why section end here */


/* Employer Enquiries Section — v2 start from here */
.mscz-employerenq-section {
  background-color: #ffffff;
  padding: 20px 0 80px;
}

.mscz-employerenq-box {
  position: relative;
  background: linear-gradient(135deg, #e63946, #c1121f);
  border-radius: 22px;
  padding: 48px 50px;
  overflow: hidden;
}

/* decorative glow blob */
.mscz-employerenq-pattern {
  position: absolute;
  top: -60px;
  right: -60px;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.mscz-employerenq-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.mscz-employerenq-left {
  display: flex;
  align-items: flex-start;
  gap: 22px;
}

.mscz-employerenq-icon {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  background-color: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mscz-employerenq-icon svg {
  width: 26px;
  height: 26px;
}

.mscz-employerenq-title {
  font-size: 23px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px;
}

.mscz-employerenq-para {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  max-width: 560px;
}

.mscz-employerenq-right {
  flex-shrink: 0;
}

.mscz-employerenq-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #ffffff;
  color: #c1121f;
  font-size: 15.5px;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 30px;
  border-radius: 10px;
  white-space: nowrap;
  transition: all 0.3s ease;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.mscz-employerenq-btn svg {
  width: 18px;
  height: 18px;
}

.mscz-employerenq-btn:hover {
  background-color: white;
  color: white;
  transform: translateY(-3px);
}

/* ===== Responsive section ===== */
@media (max-width: 991px) {
  .mscz-employerenq-box {
    padding: 40px 35px;
  }
}

@media (max-width: 767px) {
  .mscz-employerenq-section {
    padding: 15px 0 55px;
  }
  .mscz-employerenq-box {
    padding: 30px 24px;
    border-radius: 18px;
  }
  .mscz-employerenq-content {
    flex-direction: column;
    align-items: stretch;
    gap: 22px;
  }
  .mscz-employerenq-left {
    align-items: center;
    gap: 14px;
  }
  .mscz-employerenq-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }
  .mscz-employerenq-icon svg {
    width: 20px;
    height: 20px;
  }
  .mscz-employerenq-title {
    font-size: 18px;
    margin-bottom: 6px;
  }
  .mscz-employerenq-para {
    font-size: 13.5px;
    line-height: 1.6;
  }
  .mscz-employerenq-right {
    width: 100%;
  }
  .mscz-employerenq-btn {
    width: 100%;
    justify-content: center;
    background-color: #ffffff;
    color: #c1121f;
    font-weight: 800;
  }
}

@media (max-width: 480px) {
  .mscz-employerenq-box {
    padding: 26px 20px;
  }
  .mscz-employerenq-title {
    font-size: 17px;
  }
  .mscz-employerenq-para {
    font-size: 13px;
  }
}
/* Employer Enquiries Section — v2 end here */

/* ==================== corporate page css end here  ==================== */


/* ==================== spanish page css start from here  ==================== */


/* spanish slide section start from here */
.spanish-hero {
  background-image: url('../img/spanish/img1.webp');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 600px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.spanish-hero-wrap {
  width: 100%;
  display: flex;
  align-items: center;
}
.spanish-hero-img-mobile {
  display: none;
}
.spanish-hero-content {
  width: 50%;
}
.spanish-hero-badge {
  display: inline-block;
  background: #fff;
  border: 1px solid #e0c9c9;
  color: #a12e2e;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 6px 14px;
  border-radius: 4px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.spanish-hero-title {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.25;
  color: #1a1a1a;
  margin-bottom: 18px;
}
.spanish-hero-title .spanish-text-highlight {
  color: #DF2222 !important;
}
.spanish-hero-desc {
  font-size: 16px;
  color: #4a4a4a;
  max-width: 480px;
  margin-bottom: 28px;
  line-height: 1.6;
}
.spanish-hero-btns {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.spanish-btn-enroll {
  background: #DF2222;
  color: #fff;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 4px;
  transition: 0.3s;
}
.spanish-btn-enroll:hover {
  background: #ffffff !important;
  color: #DF2222 !important;
  border: 1.5px solid #DF2222;
}
.spanish-btn-demo {
  background: transparent;
  color: #DF2222 !important;
  font-weight: 600;
  border: 1.5px solid #a12e2e;
  padding: 12px 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}
.spanish-btn-demo:hover {
  background: #DF2222 !important;
  color: #ffffff !important;
}
/* ===== Mobile & Tablet Responsive (sm + md, lg untouched) ===== */
@media (max-width: 991px) {
  .spanish-hero {
    background-image: none;
    min-height: auto;
    padding: 30px 0;
    align-items: center;
  }
  .spanish-hero-wrap {
    flex-direction: column;
  }
  .spanish-hero-img-mobile {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .spanish-hero-img-mobile img {
    --mobile-img-size: 400px;
    max-width: var(--mobile-img-size);
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .spanish-hero-content {
    width: 100%;
    text-align: center;
  }
  .spanish-hero-desc {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .spanish-hero-btns {
    justify-content: center;
    gap: 10px;
  }
  .spanish-hero-title {
    font-size: 28px;
  }
  .spanish-hero-desc {
    font-size: 14px;
  }
  .spanish-btn-enroll, .spanish-btn-demo {
    padding: 10px 20px;
    font-size: 14px;
  }
}
/* spanish slide section end here */


/* spanish speaking nations (flags) section css start from here */

.mssp-flags-section {
  background-color: #ffffff;
  padding: 0px 0 0px;
}

.mssp-flags-card {
  background-color: #fafafa;
  border-radius: 22px;
  padding: 45px 40px;
}

.mssp-flags-header {
  text-align: center;
  margin-bottom: 35px;
}

.mssp-flags-header h3 {
  font-size: 26px;
  font-weight: 800;
  color: #1a1a1a;
  letter-spacing: 0.5px;
  margin-bottom: 14px;
}

.mssp-flags-line {
  width: 70px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
  margin: 0 auto;
}

.mssp-flags-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px 16px;
}

.mssp-flag-item {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 14px;
  padding: 20px 10px;
  text-align: center;
  transition: all 0.3s ease;
}

.mssp-flag-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 22px rgba(223, 34, 34, 0.12);
  border-color: #DF2222;
}

.mssp-flag-item img {
  display: block;
  width: 56px;
  height: 40px;
  object-fit: cover;
  border-radius: 6px;
  margin: 0 auto 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.mssp-flag-item p {
  font-size: 13px;
  font-weight: 600;
  color: #333333;
  margin: 0;
  line-height: 1.3;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-flags-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .mssp-flags-card {
    padding: 35px 28px;
  }
}

@media (max-width: 767px) {
  .mssp-flags-section {
    padding: 50px 0 10px;
  }
  .mssp-flags-card {
    padding: 28px 20px;
    border-radius: 18px;
  }
  .mssp-flags-header h3 {
    font-size: 21px;
  }
  .mssp-flags-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px 10px;
  }
  .mssp-flag-item img {
    width: 46px;
    height: 33px;
  }
  .mssp-flag-item p {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .mssp-flags-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* spanish speaking nations (flags) section css end here */


/* why learn spanish intro section css start from here  */
.mssp-whyintro-section {
  background-color: #ffffff;
  padding: 30px 0 60px;
  overflow: hidden;
}
.mssp-whyintro-row {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  align-items: center;
  gap: clamp(24px, 5vw, 60px);
}
.mssp-whyintro-content {
  text-align: left;
}
.mssp-whyintro-heading {
  font-size: clamp(22px, 4vw, 35px);
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-whyintro-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-whyintro-para {
  font-size: clamp(14.5px, 1.6vw, 18px);
  line-height: 1.85;
  color: #555555;
  margin: 0 0 30px;
  text-align: left;
}
.mssp-whyintro-imgwrap {
  display: flex;
  justify-content: center;
}
.mssp-whyintro-img {
  width: 100%;
  max-width: 460px;
  height: auto;
  border-radius: 16px;
  display: block;
}

/* stats row */
.mssp-whyintro-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.mssp-whyintro-stat {
  border: 1px solid #f0d5d5;
  border-radius: 10px;
  padding: 16px 10px;
  text-align: center;
}
.mssp-whyintro-stat-num {
  font-size: 22px;
  font-weight: 700;
  color: #DF2222;
  margin: 0 0 6px;
}
.mssp-whyintro-stat-label {
  font-size: 12.5px;
  line-height: 1.4;
  color: #555555;
  margin: 0;
}

/* scroll-in animation */
.mssp-whyintro-animate {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.mssp-whyintro-animate.mssp-whyintro-from-left {
  transform: translateX(-40px);
}
.mssp-whyintro-animate.mssp-whyintro-from-right {
  transform: translateX(40px);
}
.mssp-whyintro-animate.mssp-whyintro-in-view {
  opacity: 1;
  transform: translateX(0);
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-whyintro-row {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .mssp-whyintro-imgwrap {
    order: -1;
  }
  .mssp-whyintro-content {
    text-align: center;
  }
  .mssp-whyintro-para {
    text-align: center;
  }
  .mssp-whyintro-heading::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .mssp-whyintro-img {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .mssp-whyintro-section {
    padding: 24px 0 40px;
  }
  .mssp-whyintro-img {
    max-width: 320px;
  }
  .mssp-whyintro-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .mssp-whyintro-section {
    padding: 20px 0 32px;
  }
  .mssp-whyintro-img {
    max-width: 260px;
  }
  .mssp-whyintro-para {
    padding: 0 6px;
  }
  .mssp-whyintro-stat-num {
    font-size: 19px;
  }
  .mssp-whyintro-stat-label {
    font-size: 11.5px;
  }
}
@media (max-width: 360px) {
  .mssp-whyintro-img {
    max-width: 220px;
  }
}
/* why learn spanish intro section css end here  */


/* why learn spanish feature section css start from here  */
.mssp-whyfeature-section {
  background-color: #ffffff;
  padding: 0 0 75px;
}
.mssp-whyfeature-row {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  align-items: center;
  gap: 50px;
}
.mssp-whyfeature-box {
  position: relative;
  text-align: left;
}
.mssp-whyfeature-watermark {
  position: absolute;
  top: -20px;
  left: 0;
  width: 140px;
  height: 140px;
  color: #fbe4e4;
  z-index: 0;
  pointer-events: none;
}
.mssp-whyfeature-watermark svg {
  width: 100%;
  height: 100%;
}
.mssp-whyfeature-heading-row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 22px;
}
.mssp-whyfeature-icon {
  width: 34px;
  height: 34px;
  color: #DF2222;
  flex-shrink: 0;
  margin-top: 4px;
  background: #fdecec;
  border-radius: 50%;
  padding: 10px;
  box-sizing: content-box;
}
.mssp-whyfeature-subheading {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
  letter-spacing: -0.3px;
}
.mssp-whyfeature-para {
  position: relative;
  z-index: 1;
  font-size: 18px;
  line-height: 1.9;
  color: #555555;
  margin: 0;
  text-align: left;
  padding-left: 20px;
  border-left: 3px solid #fbe4e4;
}
.mssp-whyfeature-imgwrap {
  display: flex;
  justify-content: center;
}
.mssp-whyfeature-img {
  width: 100%;
  max-width: 620px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  height: auto;
  border-radius: 16px;
  display: block;
}
/* scroll-in animation */
.mssp-whyfeature-animate {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.mssp-whyfeature-animate.mssp-whyfeature-from-left {
  transform: translateX(-40px);
}
.mssp-whyfeature-animate.mssp-whyfeature-from-right {
  transform: translateX(40px);
}
.mssp-whyfeature-animate.mssp-whyfeature-in-view {
  opacity: 1;
  transform: translateX(0);
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-whyfeature-row {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .mssp-whyfeature-imgwrap {
    order: -1;
  }
  .mssp-whyfeature-box {
    text-align: center;
  }
  .mssp-whyfeature-para {
    text-align: center;
    padding-left: 0;
    border-left: none;
  }
  .mssp-whyfeature-heading-row {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }
  .mssp-whyfeature-subheading br {
    display: none;
  }
  .mssp-whyfeature-watermark {
    left: 50%;
    transform: translateX(-50%);
  }
  .mssp-whyfeature-img {
    max-width: 460px;
  }
}
@media (max-width: 767px) {
  .mssp-whyfeature-section {
    padding: 0 0 50px;
  }
  .mssp-whyfeature-watermark {
    width: 110px;
    height: 110px;
    top: -10px;
  }
  .mssp-whyfeature-icon {
    width: 24px;
    height: 24px;
    padding: 8px;
  }
  .mssp-whyfeature-subheading {
    font-size: 20px;
  }
  .mssp-whyfeature-para {
    font-size: 15px;
  }
  .mssp-whyfeature-img {
    max-width: 340px;
  }
}
@media (max-width: 480px) {
  .mssp-whyfeature-subheading {
    font-size: 18px;
  }
}
/* why learn spanish feature section css end here  */


/* global language section css start from here */
.mssp-global-section {
  background-color: #ffffff;
}
.mssp-global-bg {
  position: relative;
  background-image: url(../img/spanish/globols.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
.mssp-global-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.65);
  z-index: 0;
}
.mssp-global-intro {
  position: relative;
  z-index: 1;
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}
.mssp-global-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-global-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-global-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #1a1a1a;
  margin: 0;
  text-align: center;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-global-bg {
    min-height: 420px;
  }
}
@media (max-width: 767px) {
  .mssp-global-bg {
    min-height: 360px;
    padding: 30px 0;
  }
  .mssp-global-heading {
    font-size: 23px;
  }
  .mssp-global-para {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .mssp-global-bg {
    min-height: 300px;
  }
  .mssp-global-heading {
    font-size: 20px;
  }
}
/* global language section css end here */


/* spanish in usa section css start from here */
.mssp-usa-section {
  background-color: #ffffff;
  padding: 30px 0 75px;
}
.mssp-usa-intro {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}
.mssp-usa-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-usa-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-usa-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #555555;
  margin: 0;
  text-align: center;
}

/* ===== Responsive ===== */
@media (max-width: 767px) {
  .mssp-usa-section {
    padding: 20px 0 50px;
  }
  .mssp-usa-heading {
    font-size: 23px;
  }
  .mssp-usa-para {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .mssp-usa-heading {
    font-size: 20px;
  }
}
/* spanish in usa section css end here */


/* growing career opportunities section css start from here */
.mssp-career-section {
  background-color: #ffffff;
  padding: 30px 0 75px;
}
.mssp-career-intro {
  max-width: 780px;
  margin: 0 auto 45px;
  text-align: center;
}
.mssp-career-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-career-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-career-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #555555;
  margin: 0 0 16px;
  text-align: center;
}
.mssp-career-para:last-child {
  margin-bottom: 0;
}

/* Industries grid */
.mssp-career-grid {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.mssp-career-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 20px;
  background-color: #ffffff;
  border: 1px solid #f5dede;
  border-radius: 14px;
  font-size: 15.5px;
  font-weight: 600;
  color: #1a1a1a;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.mssp-career-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(223, 34, 34, 0.1);
  border-color: #f4d6d6;
}
.mssp-career-icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  background-color: #fdf1f1;
  color: #DF2222;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.mssp-career-icon svg {
  width: 22px;
  height: 22px;
}
.mssp-career-card:hover .mssp-career-icon {
  background-color: #DF2222;
  color: #ffffff;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-career-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .mssp-career-section {
    padding: 20px 0 50px;
  }
  .mssp-career-heading {
    font-size: 23px;
  }
  .mssp-career-para {
    font-size: 15px;
  }
  .mssp-career-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .mssp-career-card {
    padding: 18px 16px;
    font-size: 14.5px;
  }
  .mssp-career-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .mssp-career-icon svg {
    width: 19px;
    height: 19px;
  }
}
@media (max-width: 480px) {
  .mssp-career-heading {
    font-size: 20px;
  }
}
/* growing career opportunities section css end here */


/* india spain business section css start from here */
.mssp-india-section {
  background-color: #fdeeee;
  padding: 50px 0;
}
.mssp-india-row {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  align-items: center;
  gap: 0px;
}
.mssp-india-intro {
  text-align: left;
}
.mssp-india-heading {
  font-size: 26px;
  line-height: 1.35;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-india-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-india-para {
  font-size: 14.5px;
  line-height: 1.7;
  color: #555555;
  margin: 0 0 12px;
  text-align: left;
}
.mssp-india-para:last-child {
  margin-bottom: 0;
}

/* companies grid */
.mssp-india-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.mssp-india-item {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 20px 14px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.mssp-india-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.09);
}
.mssp-india-logo {
  max-width: 100%;
  max-height: 92px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.mssp-india-tag {
  font-size: 12px;
  font-weight: 500;
  color: #8a8a8a;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-india-row {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .mssp-india-intro {
    text-align: center;
  }
  .mssp-india-para {
    text-align: center;
  }
  .mssp-india-heading {
    text-align: center;
  }
  .mssp-india-heading::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .mssp-india-heading br {
    display: none;
  }
}
@media (max-width: 767px) {
  .mssp-india-section {
    padding: 35px 0;
  }
  .mssp-india-heading {
    font-size: 21px;
  }
  .mssp-india-para {
    font-size: 14px;
  }
  .mssp-india-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .mssp-india-logo {
    max-height: 100px;
  }
  .mssp-india-tag {
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .mssp-india-heading {
    font-size: 19px;
  }
}
/* india spain business section css end here */


/* work opportunities abroad section css start from here */
.mssp-abroad-section {
  position: relative;
  background-color: white;
  background-image: url(../img/spanish/work-abroad-bg.webp);
  background-repeat: no-repeat;
  background-position: right -40px center;
  background-size: 480px auto;
  padding: 50px 0 70px;
  overflow: hidden;
}
.mssp-abroad-intro {
  max-width: 780px;
  margin: 0 auto 35px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.mssp-abroad-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 14px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.mssp-abroad-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-abroad-para {
  font-size: 15px;
  line-height: 1.7;
  color: #555555;
  margin: 0;
  text-align: center;
}

/* Simple bordered rows, two columns */
.mssp-abroad-list {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 40px;
  position: relative;
  z-index: 2;
}
.mssp-abroad-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #f3d9d9;
  border-radius: 30px;
}
.mssp-abroad-row-single {
  grid-column: 1 / 2;
}
.mssp-abroad-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background-color: #f8dede;
  color: #DF2222;
  font-size: 13px;
  font-weight: 800;
}
.mssp-abroad-label {
  font-size: 14.5px;
  font-weight: 700;
  color: #2a2a2a;
}

/* ===== Responsive ===== */
@media (max-width: 1200px) {
  .mssp-abroad-section {
    background-size: 380px auto;
    background-position: right -20px center;
  }
}
@media (max-width: 991px) {
  .mssp-abroad-section {
    background-size: cover;
    background-position: center;
  }
  .mssp-abroad-list {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .mssp-abroad-section {
    background-image: none;
    padding: 30px 0 45px;
  }
  .mssp-abroad-heading {
    font-size: 23px;
  }
  .mssp-abroad-para {
    font-size: 14px;
  }
  .mssp-abroad-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .mssp-abroad-row-single {
    grid-column: auto;
  }
  .mssp-abroad-row {
    padding: 12px 16px;
  }
  .mssp-abroad-num {
    width: 26px;
    height: 26px;
    min-width: 26px;
    font-size: 12px;
  }
  .mssp-abroad-label {
    font-size: 13.5px;
  }
}
@media (max-width: 480px) {
  .mssp-abroad-heading {
    font-size: 20px;
  }
}
/* work opportunities abroad section css end here */


/* study abroad & travel confidence section css start from here */
.mssp-dual-section {
  background-color: #ffffff!important;
  padding: 30px 0 75px;
}
.mssp-dual-intro {
  max-width: 780px;
  margin: 0 auto 40px;
  text-align: center;
}
.mssp-dual-main-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-dual-main-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-dual-grid {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.mssp-dual-panel {
  position: relative;
  padding: 45px 40px;
  border-radius: 22px;
  overflow: hidden;
}
.mssp-dual-panel::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  right: -60px;
  bottom: -60px;
  z-index: 0;
}
.mssp-dual-panel-study {
  background-color: #fdf1f1;
}
.mssp-dual-panel-study::after {
  background-color: rgba(223, 34, 34, 0.06);
}
.mssp-dual-panel-travel {
  background-color: #fef6ec;
}
.mssp-dual-panel-travel::after {
  background-color: rgba(224, 149, 26, 0.08);
}
.mssp-dual-icon {
  position: relative;
  z-index: 1;
  width: 60px;
  height: 60px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.mssp-dual-panel-study .mssp-dual-icon {
  background-color: #DF2222;
  color: #ffffff;
}
.mssp-dual-panel-travel .mssp-dual-icon {
  background-color: #E0951A;
  color: #ffffff;
}
.mssp-dual-icon svg {
  width: 28px;
  height: 28px;
}
.mssp-dual-heading {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
}
.mssp-dual-para {
  position: relative;
  z-index: 1;
  font-size: 15.5px;
  line-height: 1.85;
  color: #555555;
  margin: 0;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-dual-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}
@media (max-width: 767px) {
  .mssp-dual-section {
    padding: 20px 0 50px;
  }
  .mssp-dual-main-heading {
    font-size: 23px;
  }
  .mssp-dual-panel {
    padding: 32px 26px;
    border-radius: 18px;
  }
  .mssp-dual-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 18px;
  }
  .mssp-dual-icon svg {
    width: 24px;
    height: 24px;
  }
  .mssp-dual-heading {
    font-size: 19px;
  }
  .mssp-dual-para {
    font-size: 14.5px;
  }
}
@media (max-width: 480px) {
  .mssp-dual-main-heading {
    font-size: 20px;
  }
}
/* study abroad & travel confidence section css end here */


/* cognitive skills & digital world section css start from here */
.mssp-skills-section {
  background-color: #ffffff;
  padding: 30px 0 75px;
}
.mssp-skills-grid {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
.mssp-skills-item {
  position: relative;
  padding-left: 34px;
  border-left: 1px solid #ececec;
}
.mssp-skills-icon {
  width: 46px;
  height: 46px;
  color: #DF2222;
  margin-bottom: 20px;
}
.mssp-skills-rule {
  width: 45px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
  margin-bottom: 18px;
}
.mssp-skills-heading {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 14px;
}
.mssp-skills-para {
  font-size: 16px;
  line-height: 1.85;
  color: #555555;
  margin: 0;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-skills-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
}
@media (max-width: 767px) {
  .mssp-skills-section {
    padding: 20px 0 50px;
  }
  .mssp-skills-item {
    padding-left: 22px;
  }
  .mssp-skills-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 16px;
  }
  .mssp-skills-heading {
    font-size: 19px;
  }
  .mssp-skills-para {
    font-size: 14.5px;
  }
}
@media (max-width: 480px) {
  .mssp-skills-heading {
    font-size: 18px;
  }
}
/* cognitive skills & digital world section css end here */


/* career scope section css start from here */
.mssp-scope-section {
  background: linear-gradient(180deg, #fff8f7 0%, #ffffff 100%);
  padding: 30px 0 75px;
}
.mssp-scope-intro {
  max-width: 780px;
  margin: 0 auto 40px;
  text-align: center;
}
.mssp-scope-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-scope-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-scope-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #555555;
  margin: 0;
  text-align: center;
}

/* Bulleted checklist, three columns */
.mssp-scope-list {
  max-width: 1080px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 40px;
  row-gap: 20px;
}
.mssp-scope-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
}
.mssp-scope-check {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
  background-color: #DF2222;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mssp-scope-check svg {
  width: 14px;
  height: 14px;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-scope-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .mssp-scope-section {
    padding: 20px 0 50px;
  }
  .mssp-scope-heading {
    font-size: 23px;
  }
  .mssp-scope-para {
    font-size: 15px;
  }
  .mssp-scope-list {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .mssp-scope-list li {
    font-size: 14.5px;
  }
  .mssp-scope-check {
    width: 22px;
    height: 22px;
    min-width: 22px;
  }
  .mssp-scope-check svg {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 480px) {
  .mssp-scope-heading {
    font-size: 20px;
  }
}
/* career scope section css end here */


/* why choose msol section css start from here */
.mssp-choose-section {
  background-color: #ffffff;
  padding: 30px 0 75px;
}
.mssp-choose-intro {
  max-width: 780px;
  margin: 0 auto 45px;
  text-align: center;
}
.mssp-choose-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-choose-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-choose-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #555555;
  margin: 0;
  text-align: center;
}

/* Animated feature cards */
.mssp-choose-grid {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.mssp-choose-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  background-color: #fdfdfd;
  border: 1px solid #eeeeee;
  border-radius: 12px;
  font-size: 15.5px;
  font-weight: 600;
  color: #1a1a1a;
  opacity: 0;
  transform: translateY(16px);
  animation: mssp-choose-fade 0.6s ease forwards;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.mssp-choose-card:hover {
  border-color: #DF2222;
  box-shadow: 0 10px 24px rgba(223, 34, 34, 0.1);
  transform: translateY(-3px);
}
.mssp-choose-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  background-color: #DF2222;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.35s ease;
}
.mssp-choose-icon svg {
  width: 14px;
  height: 14px;
}
.mssp-choose-card:hover .mssp-choose-icon {
  transform: rotate(360deg) scale(1.1);
}

/* staggered entrance animation */
.mssp-choose-card:nth-child(1) { animation-delay: 0.05s; }
.mssp-choose-card:nth-child(2) { animation-delay: 0.1s; }
.mssp-choose-card:nth-child(3) { animation-delay: 0.15s; }
.mssp-choose-card:nth-child(4) { animation-delay: 0.2s; }
.mssp-choose-card:nth-child(5) { animation-delay: 0.25s; }
.mssp-choose-card:nth-child(6) { animation-delay: 0.3s; }
.mssp-choose-card:nth-child(7) { animation-delay: 0.35s; }
.mssp-choose-card:nth-child(8) { animation-delay: 0.4s; }
.mssp-choose-card:nth-child(9) { animation-delay: 0.45s; }
.mssp-choose-card:nth-child(10) { animation-delay: 0.5s; }
.mssp-choose-card:nth-child(11) { animation-delay: 0.55s; }
.mssp-choose-card:nth-child(12) { animation-delay: 0.6s; }

@keyframes mssp-choose-fade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-choose-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .mssp-choose-section {
    padding: 20px 0 50px;
  }
  .mssp-choose-heading {
    font-size: 23px;
  }
  .mssp-choose-para {
    font-size: 15px;
  }
  .mssp-choose-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .mssp-choose-card {
    padding: 14px 16px;
    font-size: 14.5px;
  }
  .mssp-choose-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
  .mssp-choose-icon svg {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 480px) {
  .mssp-choose-heading {
    font-size: 20px;
  }
}
/* why choose msol section css end here */


/* interesting facts section css start from here */
.mssp-facts-section {
  background-color: #ffffff;
  padding: 30px 0 75px;
}
.mssp-facts-intro {
  max-width: 780px;
  margin: 0 auto 40px;
  text-align: center;
}
.mssp-facts-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-facts-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
/* Stat highlight row */
.mssp-facts-stats {
  max-width: 1080px;
  margin: 0 auto 50px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.mssp-facts-stat {
  text-align: center;
  padding: 30px 16px;
  border-radius: 16px;
  background-color: #fdf1f1;
}
.mssp-facts-stat-num {
  display: block;
  font-size: 34px;
  font-weight: 800;
  color: #DF2222;
  margin-bottom: 8px;
}
.mssp-facts-stat-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #555555;
}
/* Remaining facts list */
.mssp-facts-list {
  max-width: 1080px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}
.mssp-facts-list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 16px;
  line-height: 1.7;
  color: #333333;
}
.mssp-facts-list li:last-child {
  border-bottom: none;
}
.mssp-facts-dot {
  flex: none;
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
  background-color: #DF2222;
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mssp-facts-dot::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ffffff;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-facts-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .mssp-facts-section {
    padding: 20px 0 50px;
  }
  .mssp-facts-heading {
    font-size: 23px;
  }
  .mssp-facts-stats {
    gap: 14px;
    margin-bottom: 35px;
  }
  .mssp-facts-stat {
    padding: 22px 12px;
    border-radius: 12px;
  }
  .mssp-facts-stat-num {
    font-size: 26px;
  }
  .mssp-facts-stat-label {
    font-size: 12.5px;
  }
  .mssp-facts-list li {
    font-size: 14.5px;
    padding: 14px 0;
    gap: 12px;
  }
  .mssp-facts-dot {
    width: 22px;
    height: 22px;
    min-width: 22px;
  }
  .mssp-facts-dot::after {
    width: 6px;
    height: 6px;
  }
}
@media (max-width: 480px) {
  .mssp-facts-heading {
    font-size: 20px;
  }
  .mssp-facts-stats {
    grid-template-columns: 1fr;
  }
}
/* interesting facts section css end here */


/* learn spanish connect globally build your future css start from here */
.mssp-cefr-section {
  background-color: #ffffff;
  padding: 30px 0 75px;
}

/* Top intro banner */
.mssp-cefr-banner {
  max-width: 900px;
  margin: 0 auto 55px;
  text-align: center;
  padding: 55px 45px;
  border-radius: 24px;
  background: linear-gradient(135deg, #DF2222 0%, #a51414 100%);
}
.mssp-cefr-banner-heading {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 18px;
  line-height: 1.35;
}
.mssp-cefr-banner-para {
  font-size: 16px;
  line-height: 1.85;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* CEFR heading */
.mssp-cefr-intro {
  max-width: 780px;
  margin: 0 auto 40px;
  text-align: center;
}
.mssp-cefr-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-cefr-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}

/* Level cards */
.mssp-cefr-grid {
  max-width: 1080px;
  margin: 0 auto 45px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.mssp-cefr-card {
  padding: 34px 28px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
.mssp-cefr-tag {
  display: inline-block;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 700;
  color: #DF2222;
  background-color: #fdf1f1;
  border-radius: 30px;
  margin-bottom: 16px;
}
.mssp-cefr-level-title {
  font-size: 21px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 14px;
}
.mssp-cefr-level-para {
  font-size: 15px;
  line-height: 1.8;
  color: #555555;
  margin: 0;
}

/* Enroll now button */
.mssp-cefr-cta {
  text-align: center;
}
.mssp-cefr-btn {
  display: inline-block;
  padding: 15px 46px;
  background-color: #DF2222;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.mssp-cefr-btn:hover {
  background-color: #ffffff;
  color: #DF2222!important;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(223, 34, 34, 0.25);
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-cefr-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
@media (max-width: 767px) {
  .mssp-cefr-section {
    padding: 20px 0 50px;
  }
  .mssp-cefr-banner {
    padding: 36px 24px;
    border-radius: 18px;
    margin-bottom: 40px;
  }
  .mssp-cefr-banner-heading {
    font-size: 20px;
  }
  .mssp-cefr-banner-para {
    font-size: 14.5px;
  }
  .mssp-cefr-heading {
    font-size: 23px;
  }
  .mssp-cefr-card {
    padding: 26px 22px;
    border-radius: 14px;
  }
  .mssp-cefr-level-title {
    font-size: 18px;
  }
  .mssp-cefr-level-para {
    font-size: 14px;
  }
  .mssp-cefr-btn {
    padding: 13px 36px;
    font-size: 14.5px;
  }
}
@media (max-width: 480px) {
  .mssp-cefr-heading {
    font-size: 20px;
  }
}
/* learn spanish connect globally build your future css end here */


/* ==================== spanish page css end here  ==================== */




/* ==================== german page css start from here  ==================== */

/* slide section start from here */
.hero-slider {
  background-image: url('../img/germany/img8.webp');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 600px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.hero-slider-wrap {
  width: 100%;
  display: flex;
  align-items: center;
}

.hero-slider-img-mobile {
  display: none;
}

.hero-slider-content {
  width: 50%;
}

.hero-badge {
  display: inline-block;
  background: #fff;
  border: 1px solid #e0c9c9;
  color: #a12e2e;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 6px 14px;
  border-radius: 4px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.hero-title {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.25;
  color: #1a1a1a;
  margin-bottom: 18px;
}
.hero-title .text-highlight {
  color: #DF2222 !important;
}
.hero-desc {
  font-size: 16px;
  color: #4a4a4a;
  max-width: 480px;
  margin-bottom: 28px;
  line-height: 1.6;
}
.hero-btns {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.btn-enroll {
  background: #DF2222;
  color: #fff;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 4px;
  transition: 0.3s;
}
.btn-enroll:hover {
  background: #ffffff !important;
  color: #DF2222 !important;
  border: 1.5px solid #DF2222;
}
.btn-demo {
  background: transparent;
  color: #DF2222 !important;
  font-weight: 600;
  border: 1.5px solid #a12e2e;
  padding: 12px 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}
.btn-demo:hover {
  background: #DF2222 !important;
  color: #ffffff !important;
}

/* ===== Mobile & Tablet Responsive (sm + md, lg untouched) ===== */
@media (max-width: 991px) {
  .hero-slider {
    background-image: none;
    min-height: auto;
    padding: 30px 0;
    align-items: center;
  }

  .hero-slider-wrap {
    flex-direction: column;
  }

  .hero-slider-img-mobile {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }

  .hero-slider-img-mobile img {
    --mobile-img-size: 400px;
    max-width: var(--mobile-img-size);
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .hero-slider-content {
    width: 100%;
    text-align: center;
  }

  .hero-desc {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-btns {
    justify-content: center;
    gap: 10px;
  }

  .hero-title {
    font-size: 28px;
  }

  .hero-desc {
    font-size: 14px;
  }

  .btn-enroll, .btn-demo {
    padding: 10px 20px;
    font-size: 14px;
  }
}
/* slide section end here */


/* german speaking country flag section start here */
.mssp-deflag-section {
  background-color: #fdf6f6;
  padding: 40px 0 50px;
}
.mssp-deflag-intro {
  max-width: 780px;
  margin: 0 auto 28px;
  text-align: center;
}
.mssp-deflag-heading {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.mssp-deflag-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 50px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}

/* Flag cards grid - single row on desktop */
.mssp-deflag-grid {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.mssp-deflag-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 14px 10px;
  background-color: #ffffff;
  border: 1px solid #f0e2e2;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mssp-deflag-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}

/* Flag box base */
.mssp-deflag-flag {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}
.mssp-deflag-stripe {
  flex: 1;
}
.mssp-deflag-vstripe {
  flex: 1;
}
.mssp-deflag-flag:has(.mssp-deflag-vstripe) {
  flex-direction: row;
}

/* Austria: red / white / red */
.mssp-deflag-flag-austria .mssp-deflag-stripe:nth-child(1) { background-color: #ED2939; }
.mssp-deflag-flag-austria .mssp-deflag-stripe:nth-child(2) { background-color: #ffffff; }
.mssp-deflag-flag-austria .mssp-deflag-stripe:nth-child(3) { background-color: #ED2939; }

/* Luxembourg: red / white / light blue */
.mssp-deflag-flag-luxembourg .mssp-deflag-stripe:nth-child(1) { background-color: #ED2939; }
.mssp-deflag-flag-luxembourg .mssp-deflag-stripe:nth-child(2) { background-color: #ffffff; }
.mssp-deflag-flag-luxembourg .mssp-deflag-stripe:nth-child(3) { background-color: #00A1DE; }

/* Belgium: black / yellow / red vertical */
.mssp-deflag-flag-belgium .mssp-deflag-vstripe:nth-child(1) { background-color: #000000; }
.mssp-deflag-flag-belgium .mssp-deflag-vstripe:nth-child(2) { background-color: #FDDA24; }
.mssp-deflag-flag-belgium .mssp-deflag-vstripe:nth-child(3) { background-color: #EF3340; }

/* Switzerland: red bg + white cross */
.mssp-deflag-flag-switzerland {
  background-color: #D52B1E;
}
.mssp-deflag-cross-v {
  position: absolute;
  top: 22%;
  bottom: 22%;
  left: 42%;
  width: 16%;
  background-color: #ffffff;
}
.mssp-deflag-cross-h {
  position: absolute;
  left: 25%;
  right: 25%;
  top: 42%;
  height: 16%;
  background-color: #ffffff;
}

/* Germany: black / red / gold */
.mssp-deflag-flag-germany .mssp-deflag-stripe:nth-child(1) { background-color: #000000; }
.mssp-deflag-flag-germany .mssp-deflag-stripe:nth-child(2) { background-color: #DD0000; }
.mssp-deflag-flag-germany .mssp-deflag-stripe:nth-child(3) { background-color: #FFCE00; }

/* Liechtenstein: blue / red + gold crown */
.mssp-deflag-flag-liechtenstein {
  position: relative;
}
.mssp-deflag-flag-liechtenstein .mssp-deflag-stripe:nth-child(1) { background-color: #002B7F; }
.mssp-deflag-flag-liechtenstein .mssp-deflag-stripe:nth-child(2) { background-color: #CE1126; }
.mssp-deflag-crown {
  position: absolute;
  top: 12%;
  left: 10%;
  width: 20%;
  height: 24%;
  background-color: #FFD700;
  clip-path: polygon(0% 100%, 0% 40%, 20% 70%, 50% 0%, 80% 70%, 100% 40%, 100% 100%);
}

.mssp-deflag-name {
  font-size: 13px;
  font-weight: 600;
  color: #333333;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-deflag-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
}
@media (max-width: 767px) {
  .mssp-deflag-section {
    padding: 30px 0 40px;
  }
  .mssp-deflag-heading {
    font-size: 20px;
  }
  .mssp-deflag-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .mssp-deflag-card {
    padding: 12px 8px;
  }
  .mssp-deflag-name {
    font-size: 12px;
  }
}
@media (max-width: 380px) {
  .mssp-deflag-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
/* german speaking country flag section end here */


/* why learn german section css start from here */
.mssp-dewhy-section {
  background-color: #ffffff!important;
  padding: 70px 0;
  overflow: hidden;
}
.mssp-dewhy-wrap {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 50px;
  align-items: center;
}

/* ===== Left image ===== */
.mssp-dewhy-collage {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}
.mssp-dewhy-collage img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===== Right content ===== */
.mssp-dewhy-content {
  max-width: 620px;
}
.mssp-dewhy-heading {
  font-size: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 12px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.mssp-dewhy-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #DF2222;
  border-radius: 4px;
}
.mssp-dewhy-subheading {
  font-size: 18px;
  font-weight: 700;
  color: #DF2222;
  margin: 0 0 18px;
}
.mssp-dewhy-para {
  font-size: 15.5px;
  line-height: 1.85;
  color: #555555;
  margin: 0 0 16px;
}
.mssp-dewhy-para:last-of-type {
  margin-bottom: 26px;
}

/* Stats row */
.mssp-dewhy-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.mssp-dewhy-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 8px;
  background-color: #ffffff;
  border: 1px solid #f0e0e0;
  border-radius: 10px;
}
.mssp-dewhy-stat-num,
.mssp-dewhy-stat-num-static {
  font-size: 21px;
  font-weight: 800;
  color: #DF2222;
  line-height: 1.2;
}
.mssp-dewhy-stat-label {
  font-size: 11.5px;
  font-weight: 600;
  color: #777777;
  margin-top: 6px;
  line-height: 1.4;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-dewhy-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .mssp-dewhy-collage {
    max-width: 340px;
  }
  .mssp-dewhy-content {
    max-width: 100%;
    text-align: center;
  }
  .mssp-dewhy-heading {
    padding-bottom: 12px;
  }
  .mssp-dewhy-heading::after {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .mssp-dewhy-section {
    padding: 45px 0;
  }
  .mssp-dewhy-heading {
    font-size: 24px;
  }
  .mssp-dewhy-subheading {
    font-size: 15px;
  }
  .mssp-dewhy-para {
    font-size: 14.5px;
  }
  .mssp-dewhy-collage {
    max-width: 280px;
  }
  .mssp-dewhy-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .mssp-dewhy-stat-num,
  .mssp-dewhy-stat-num-static {
    font-size: 18px;
  }
}
/* why learn german section css end here */


/*  economic strength section css start from here */
.mssp-degdp-section {
  position: relative;
  background-color: #ffffff;
  padding: 0;
  min-height: 540px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.mssp-degdp-bgimg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
  pointer-events: none;
  user-select: none;
}
.mssp-degdp-section .container {
  position: relative;
  z-index: 2;
  padding-top: 60px;
  padding-bottom: 60px;
}
.mssp-degdp-intro {
  max-width: 620px;
  margin: 0 0 30px;
  text-align: left;
}
.mssp-degdp-heading {
  font-size: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 8px 0 14px;
  line-height: 1.3;
}
.mssp-degdp-heading-accent {
  color: #DF2222;
}
.mssp-degdp-para {
  font-size: 15.5px;
  line-height: 1.8;
  color: #555555;
  margin: 0;
}

/*  economic strength section css end here */


/* Company chips grid with staggered animation */
.mssp-degdp-grid {
  max-width: 720px;
  margin: 0 0 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 12px;
}
.mssp-degdp-chip {
  width: 128px;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  background-color: #fdfdfd;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  opacity: 0;
  transform: translateY(16px);
  animation: mssp-degdp-fade 0.6s ease forwards;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease;
}
.mssp-degdp-chip:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(223, 34, 34, 0.12);
  border-color: #DF2222;
}
.mssp-degdp-chip img {
  max-width: 100%;
  max-height: 48px;
  object-fit: contain;
}
.mssp-degdp-chip:nth-child(1) { animation-delay: 0.05s; }
.mssp-degdp-chip:nth-child(2) { animation-delay: 0.1s; }
.mssp-degdp-chip:nth-child(3) { animation-delay: 0.15s; }
.mssp-degdp-chip:nth-child(4) { animation-delay: 0.2s; }
.mssp-degdp-chip:nth-child(5) { animation-delay: 0.25s; }
.mssp-degdp-chip:nth-child(6) { animation-delay: 0.3s; }
.mssp-degdp-chip:nth-child(7) { animation-delay: 0.35s; }
.mssp-degdp-chip:nth-child(8) { animation-delay: 0.4s; }
.mssp-degdp-chip:nth-child(9) { animation-delay: 0.45s; }
.mssp-degdp-chip:nth-child(10) { animation-delay: 0.5s; }
.mssp-degdp-chip:nth-child(11) { animation-delay: 0.55s; }
@keyframes mssp-degdp-fade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Footer note */
.mssp-degdp-footer {
  max-width: 620px;
  margin: 0;
  text-align: left;
  font-size: 14.5px;
  line-height: 1.8;
  color: #555555;
  font-style: italic;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-degdp-bgimg {
    display: none;
  }
  .mssp-degdp-section {
    min-height: auto;
  }
  .mssp-degdp-intro,
  .mssp-degdp-grid,
  .mssp-degdp-footer {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .mssp-degdp-section {
    display: block;
    min-height: auto;
    padding: 0;
    overflow: visible;
  }
  .mssp-degdp-section .container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mssp-degdp-intro,
  .mssp-degdp-grid,
  .mssp-degdp-footer {
    text-align: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  .mssp-degdp-heading {
    font-size: 24px;
  }
  .mssp-degdp-para {
    font-size: 14.5px;
  }
  .mssp-degdp-chip {
    padding: 10px 18px;
    font-size: 13.5px;
  }
  .mssp-degdp-footer {
    font-size: 13.5px;
  }
}
@media (max-width: 480px) {
  .mssp-degdp-heading {
    font-size: 20px;
  }
}
/*  economic strength section end here */



/* career growth section start from here  */
.mssp-decareer-section {
  background-color: #ffffff;
  padding: 30px 0 75px;
}
.mssp-decareer-intro {
  max-width: 820px;
  margin: 0 auto 45px;
  text-align: center;
}
.mssp-decareer-eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #DF2222;
  margin-bottom: 14px;
  position: relative;
  padding: 0 20px;
}
.mssp-decareer-eyebrow::before,
.mssp-decareer-eyebrow::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 12px;
  height: 1px;
  background-color: #DF2222;
}
.mssp-decareer-eyebrow::before {
  left: 0;
}
.mssp-decareer-eyebrow::after {
  right: 0;
}
.mssp-decareer-heading {
  font-size: 38px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 18px;
  line-height: 1.3;
}
.mssp-decareer-heading-accent {
  color: #DF2222;
}
.mssp-decareer-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #555555;
  margin: 0 0 16px;
}
.mssp-decareer-para:last-child {
  margin-bottom: 0;
}

/* Career grid */
.mssp-decareer-grid {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.mssp-decareer-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 20px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 14px;
  font-size: 15.5px;
  font-weight: 600;
  color: #1a1a1a;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.mssp-decareer-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(223, 34, 34, 0.1);
  border-color: #f4d6d6;
}
.mssp-decareer-icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  background-color: #fdf1f1;
  color: #DF2222;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.mssp-decareer-icon svg {
  width: 22px;
  height: 22px;
}
.mssp-decareer-card:hover .mssp-decareer-icon {
  background-color: #DF2222;
  color: #ffffff;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .mssp-decareer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .mssp-decareer-section {
    padding: 20px 0 50px;
  }
  .mssp-decareer-eyebrow {
    font-size: 11px;
    padding: 0 14px;
  }
  .mssp-decareer-eyebrow::before,
  .mssp-decareer-eyebrow::after {
    width: 8px;
  }
  .mssp-decareer-heading {
    font-size: 24px;
  }
  .mssp-decareer-para {
    font-size: 15px;
  }
  .mssp-decareer-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .mssp-decareer-card {
    padding: 18px 16px;
    font-size: 14.5px;
  }
  .mssp-decareer-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .mssp-decareer-icon svg {
    width: 19px;
    height: 19px;
  }
}
@media (max-width: 480px) {
  .mssp-decareer-heading {
    font-size: 21px;
  }
}
/* Career Growth section css end here  */


/* india germany ties section css start from here */
.mssp-detrade-section {
  background-color: #fafafa;
  padding: 30px 0 75px;
}
.mssp-detrade-intro {
  max-width: 780px;
  margin: 0 auto 40px;
  text-align: center;
}
/*
.mssp-detrade-eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #DF2222;
  margin-bottom: 14px;
  position: relative;
  padding: 0 20px;
}
.mssp-detrade-eyebrow::before,
.mssp-detrade-eyebrow::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 12px;
  height: 1px;
  background-color: #DF2222;
}
.mssp-detrade-eyebrow::before {
  left: 0;
}
.mssp-detrade-eyebrow::after {
  right: 0;
}
*/

.mssp-detrade-heading {
  font-size: 38px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 18px;
  line-height: 1.3;
}
.mssp-detrade-heading-accent {
  color: #DF2222;
}
.mssp-detrade-para {
  font-size: 16.5px;
  line-height: 1.85;
  color: #555555;
  margin: 0 0 16px;
}
.mssp-detrade-para:last-child {
  margin-bottom: 0;
}

/* Checklist */
.mssp-detrade-list {
  max-width: 780px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}
.mssp-detrade-list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 16.5px;
  font-weight: 600;
  color: #1a1a1a;
}
.mssp-detrade-list li:last-child {
  border-bottom: none;
}
.mssp-detrade-check {
  flex: none;
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
  background-color: #DF2222;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.mssp-detrade-check svg {
  width: 14px;
  height: 14px;
}

/* ===== Responsive ===== */
@media (max-width: 767px) {
  .mssp-detrade-section {
    padding: 20px 0 50px;
  }
  .mssp-detrade-eyebrow {
    font-size: 11px;
    padding: 0 14px;
  }
  .mssp-detrade-eyebrow::before,
  .mssp-detrade-eyebrow::after {
    width: 8px;
  }
  .mssp-detrade-heading {
    font-size: 24px;
  }
  .mssp-detrade-para {
    font-size: 15px;
  }
  .mssp-detrade-list li {
    font-size: 15px;
    padding: 14px 0;
    gap: 12px;
  }
  .mssp-detrade-check {
    width: 22px;
    height: 22px;
    min-width: 22px;
  }
  .mssp-detrade-check svg {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 480px) {
  .mssp-detrade-heading {
    font-size: 21px;
  }
}
/* india germany ties section css end here */


/* Study in germany section css scoped styles */
.germany-section {
  padding: 90px 20px;
  background: radial-gradient(circle at top center, #fff5f5 0%, #ffffff 55%);
}

.germany-section .germany-badge {
  display: inline-block;
  background-color: #fde8e8;
  color: #d92626;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 7px 20px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.germany-section .germany-heading {
  font-weight: 700;
  font-size: 2.6rem;
  color: #1a1a1a;
  margin-bottom: 18px;
  line-height: 1.25;
}

.germany-section .germany-divider {
  width: 70px;
  height: 4px;
  background-color: #d92626;
  border-radius: 4px;
  margin: 0 auto 26px;
}

.germany-section .germany-para {
  font-size: 1.08rem;
  color: #5c5c5c;
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto 22px;
}

.germany-section .germany-sub-line {
  display: inline-block;
  font-weight: 700;
  font-size: 1.08rem;
  color: #1a1a1a;
  background-color: #fdf3f3;
  padding: 10px 26px;
  border-radius: 30px;
  margin-bottom: 40px;
}

.germany-section .germany-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.germany-section .germany-item {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-left: 4px solid #d92626;
  border-radius: 8px;
  padding: 18px 24px;
  font-size: 1rem;
  color: #2a2a2a;
  font-weight: 500;
  transition: all 0.3s ease;
}

.germany-section .germany-item:hover {
  background-color: #fff8f7;
  transform: translateX(6px);
  box-shadow: 0 6px 18px rgba(217, 38, 38, 0.08);
}

.germany-section .germany-num {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 1.1rem;
  color: #f3c9c9;
}

/* Responsive */
@media (max-width: 991px) {
  .germany-section {
    padding: 60px 20px;
  }
  .germany-section .germany-heading {
    font-size: 2.1rem;
  }
}

@media (max-width: 575px) {
  .germany-section .germany-heading {
    font-size: 1.8rem;
  }
  .germany-section .germany-sub-line {
    font-size: 0.95rem;
    padding: 8px 18px;
  }
  .germany-section .germany-item {
    gap: 14px;
    padding: 14px 18px;
    font-size: 0.92rem;
  }
}
/* Study in germany section css scoped styles end here */


/* innovation, science & research section start from here  */
.innovation-section {
  background-color: #ffffff;
}

.section-badge {
  display: inline-block;
  background-color: #fdeceb;
  color: #d93737;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 22px;
  border-radius: 30px;
  letter-spacing: 0.3px;
}

.section-heading {
  font-size: 42px;
}

.section-para {
  max-width: 800px;
  font-size: 16px;
  line-height: 1.8;
}

.sub-intro {
  font-size: 18px;
  color: #2b2b2b;
}

.checklist-wrapper {
  max-width: 950px;
}

.checklist-item {
  padding: 18px 24px;
  background-color: #fafafa;
  border: 1px solid #eee;
  border-radius: 12px;
  transition: all 0.25s ease;
}

.checklist-item:hover {
  background-color: #fff6f5;
  border-color: #f3c9c6;
  box-shadow: 0 6px 18px rgba(217, 55, 55, 0.08);
  transform: translateY(-2px);
}

.check-circle {
  min-width: 36px;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #e14b3f, #c92b2b);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(201, 43, 43, 0.35);
}

.checklist-text {
  font-size: 17px;
  color: #212529;
}
/* innovation, science & research section end here  */


/* tourism & hospitality section start from here */
.tourism-section {
  background-color: #ffffff;
}

.section-badge {
  display: inline-block;
  background-color: #fdeceb;
  color: #d93737;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 22px;
  border-radius: 30px;
  letter-spacing: 0.3px;
}

.section-heading {
  font-size: 42px;
}

.section-para {
  max-width: 800px;
  font-size: 16px;
  line-height: 1.8;
}
/* tourism & hospitality section end here */

/* travel across europe section start from here */
.travel-europe-section {
  background-color: #ffffff;
}

.section-badge {
  display: inline-block;
  background-color: #fdeceb;
  color: #d93737;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 22px;
  border-radius: 30px;
  letter-spacing: 0.3px;
}

.section-heading {
  font-size: 42px;
}

.section-para {
  max-width: 800px;
  font-size: 16px;
  line-height: 1.8;
}
/* travel across europe section end here */


/* discover german culture section start from here */
.culture-section {
  background-color: #ffffff;
}

.section-badge {
  display: inline-block;
  background-color: #fdeceb;
  color: #d93737;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 22px;
  border-radius: 30px;
  letter-spacing: 0.3px;
}

.section-heading {
  font-size: 42px;
}

.section-para {
  max-width: 800px;
  font-size: 16px;
  line-height: 1.8;
}

.sub-intro {
  font-size: 18px;
  color: #2b2b2b;
}

.names-wrapper {
  max-width: 950px;
}

.name-pill {
  background-color: #ffffff;
  border: 1px solid #eee;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 14px 22px;
  font-weight: 700;
  font-size: 15px;
  color: #212529;
  transition: all 0.25s ease;
}

.name-pill:hover {
  background-color: #fff6f5;
  border-color: #f3c9c6;
  box-shadow: 0 6px 18px rgba(217, 55, 55, 0.1);
  transform: translateY(-2px);
}

/* discover german culture section end here */


/* digital communication & technology section start from here  */
.digital-tech-section {
  background-color: #ffffff;
}

.section-badge {
  display: inline-block;
  background-color: #fdeceb;
  color: #d93737;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 22px;
  border-radius: 30px;
  letter-spacing: 0.3px;
}

.section-heading {
  font-size: 42px;
}

.section-para {
  max-width: 800px;
  font-size: 16px;
  line-height: 1.8;
}
/* digital communication & technology section end here */


/* career scope after learning german section start from here  */
.career-scope-section {
  background-color: #fafafa;
}

.section-badge {
  display: inline-block;
  background-color: #fdeceb;
  color: #d93737;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 22px;
  border-radius: 30px;
  letter-spacing: 0.3px;
}

.section-heading {
  font-size: 42px;
}

.section-para {
  max-width: 800px;
  font-size: 16px;
  line-height: 1.8;
}

.sub-intro {
  font-size: 18px;
  color: #2b2b2b;
}

.career-wrapper {
  max-width: 1120px;
}

.career-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 20px 22px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transition: all 0.3s ease;
}

.career-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #e14b3f, #c92b2b);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.career-card:hover {
  box-shadow: 0 10px 26px rgba(217, 55, 55, 0.14);
  transform: translateY(-4px);
  border-color: #f3c9c6;
}

.career-card:hover::before {
  transform: scaleX(1);
}

.career-icon {
  min-width: 44px;
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #fdeceb, #fbdad7);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.career-card:hover .career-icon {
  background: linear-gradient(135deg, #e14b3f, #c92b2b);
}

.career-card:hover .career-icon svg {
  stroke: #ffffff;
}

.career-text {
  font-size: 15px;
  color: #212529;
}
/* career scope after learning german section end  here */


/* why choose modern school of languages section start from here */
.why-choose-section {
  background-color: #ffffff;
}

.section-badge {
  display: inline-block;
  background-color: #fdeceb;
  color: #d93737;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 22px;
  border-radius: 30px;
  letter-spacing: 0.3px;
}

.section-heading {
  font-size: 42px;
}

.section-para {
  max-width: 800px;
  font-size: 16px;
  line-height: 1.8;
}

.sub-intro {
  font-size: 18px;
  color: #2b2b2b;
}

.program-wrapper {
  max-width: 1040px;
}

.program-item {
  height: 100%;
  padding: 18px 20px;
  background-color: #ffffff;
  border: 1px solid #f0dede;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(18, 24, 38, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.program-item:hover {
  background-color: #fff8f7;
  border-color: #f2b8b8;
  box-shadow: 0 16px 34px rgba(217, 55, 55, 0.1);
  transform: translateY(-4px);
}

.program-icon {
  min-width: 46px;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 14px;
  background: #fde8e8;
  color: #d93737;
}

.program-icon svg {
  width: 23px;
  height: 23px;
  stroke: currentColor;
}

.program-text {
  font-size: 16px;
  color: #212529;
}

/* why choose modern school of languages section end here  */


/* interesting facts about german section start from here  */
.facts-section {
  background-color: #fafafa;
}

.section-badge {
  display: inline-block;
  background-color: #fdeceb;
  color: #d93737;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 22px;
  border-radius: 30px;
  letter-spacing: 0.3px;
}

.section-heading {
  font-size: 42px;
}

.facts-wrapper {
  max-width: 1050px;
}

.fact-card {
  background-color: #fff5f4;
  border-radius: 14px;
  padding: 26px 24px;
  height: 100%;
  align-items: flex-start;
  gap: 16px;
  transition: all 0.25s ease;
}

.fact-card.fact-alt {
  background-color: #f7f7f9;
}

.fact-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(217, 55, 55, 0.1);
}

.fact-card.fact-wide {
  background: linear-gradient(135deg, #e14b3f, #c92b2b);
}

.fact-card.fact-wide .fact-number,
.fact-card.fact-wide .fact-text {
  color: #ffffff;
}

.fact-number {
  font-size: 28px;
  font-weight: 800;
  color: #f1b7b3;
  line-height: 1;
  min-width: 45px;
}

.fact-text {
  font-size: 16px;
  font-weight: 600;
  color: #212529;
  line-height: 1.6;
}
/* interesting facts about german section end here  */


/* cefr language levels section start from here */
.levels-section {
  background-color: #fdf9f5;
  padding: 70px 0;
}
.section-heading {
  font-size: 42px;
}
.levels-wrapper {
  max-width: 1100px;
}

/* Card */
.cefr-level-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #f0dede;
  border-radius: 14px;
  padding: 28px 24px;
  overflow: hidden;
  min-height: 320px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cefr-level-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(217, 55, 55, 0.12);
  border-color: #f3c9c6;
}

/* Actual background image, full opacity, fills the card */
.cefr-card-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 0;
}

/* White readability gradient sits ON TOP of the image (separate layer) */
.cefr-card-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  /*
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 48%, rgba(255, 255, 255, 0.82) 65%, rgba(255, 255, 255, 0.2) 100%);
  */
}

/* Text content sits above image + gradient */
.cefr-card-content {
  position: relative;
  z-index: 2;
  max-width: 66%;
}
.cefr-level-code {
  font-size: 19px;
  font-weight: 700;
  color: #DF2222;
  margin-bottom: 10px;
  line-height: 1.4;
}
.cefr-level-tag {
  font-weight: 600;
  color: #DF2222;
}
.cefr-level-desc {
  font-size: 13.5px;
  line-height: 1.75;
  color: #5a5a5a;
  margin: 0;
}

/* Centered Enroll button */
.cefr-enroll-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #DF2222;
  color: #ffffff;
  font-weight: 600;
  padding: 13px 34px;
  border-radius: 8px;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.25s ease;
}
.cefr-enroll-btn:hover {
  background-color: #ffffff;
  color: #DF2222;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(223, 34, 34, 0.25);
}
.cefr-enroll-arrow {
  transition: transform 0.25s ease;
}
.cefr-enroll-btn:hover .cefr-enroll-arrow {
  transform: translateX(4px);
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .section-heading {
    font-size: 32px;
  }
  .cefr-level-card {
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .levels-section {
    padding: 45px 0;
  }
  .section-heading {
    font-size: 26px;
  }
  .cefr-level-card {
    min-height: auto;
    padding: 24px 20px;
  }
  /*
  .cefr-card-bg::after {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 52%, rgba(255, 255, 255, 0.88) 68%, rgba(255, 255, 255, 0.3) 100%);
  }
  */
  .cefr-card-content {
    max-width: 100%;
  }
  .cefr-level-code {
    font-size: 17px;
  }
  .cefr-level-desc {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .section-heading {
    font-size: 22px;
  }
}

/* ==================== german page css end here  ==================== */



/* =========================================================
   FRENCH PAGE — MERGED & FIXED STYLESHEET
   (Combines the old "french-inline.css" alignment fix +
   the French section from the main stylesheet into ONE file.
   Class names match assets/course/french.php exactly.)
   ========================================================= */

:root {
  --fr-red: #DF2222;
  --fr-red-dark: #b81c1c;
  --fr-text: #1a1a1a;
  --fr-muted: #555555;
  --fr-soft-bg: #fdf1f1;
  --fr-container: 1200px;
}

html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
body { margin: 0; }

.hero-fr-hero *, .fr-countries-sec *, .why-learn-fr-sec *, .gco-sec *,
.sabf-sec *, .fib-sec *, .lod-sec *, .lotc-sec *, .locu-sec *,
.losi-sec *, .lofc-sec *, .locs-sec *, .lowc-sec *, .flf-sec *, .cefr-sec * {
  box-sizing: border-box;
}

img, svg { max-width: 100%; }

/* Every section stays inside the screen */
.hero-fr-hero, .fr-countries-sec, .why-learn-fr-sec, .gco-sec, .sabf-sec,
.fib-sec, .lod-sec, .lotc-sec, .locu-sec, .losi-sec, .lofc-sec,
.locs-sec, .lowc-sec, .flf-sec, .cefr-sec {
  width: 100%;
  overflow: hidden;
}

.hero-fr-hero .container, .fr-countries-sec .container, .why-learn-fr-sec .container,
.gco-sec .container, .sabf-sec .container, .fib-sec .container, .lod-sec .container,
.lotc-sec .container, .locu-sec .container, .losi-sec .container, .lofc-sec .container,
.locs-sec .container, .lowc-sec .container, .flf-sec .container, .cefr-sec .container {
  width: 100% !important;
  max-width: var(--fr-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Kill Bootstrap's negative row margins so nothing overflows */
.why-learn-fr-sec .row, .gco-sec .row, .sabf-sec .row, .fib-sec .row,
.lod-sec .row, .lofc-sec .row, .locs-sec .row, .lowc-sec .row, .cefr-sec .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
.why-learn-fr-col, .gco-col, .sabf-col, .fib-col, .lod-col,
.lofc-wrap, .locs-wrap, .lowc-wrap, .cefr-col {
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* Shared red "section title with underline" pattern */
.gco-title, .sabf-title, .fib-title, .lod-title, .lotc-title,
.locu-title, .locs-title, .lowc-title, .flf-title, .cefr-title, .lofc-title {
  color: var(--fr-text);
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 16px;
  position: relative;
  padding-bottom: 12px;
}
.gco-title::after, .sabf-title::after, .fib-title::after, .lod-title::after,
.lotc-title::after, .locu-title::after, .locs-title::after, .lowc-title::after,
.flf-title::after, .cefr-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 55px;
  height: 3px;
  background: var(--fr-red);
  border-radius: 4px;
}
.gco-desc, .sabf-desc, .fib-desc, .lod-desc, .lotc-para, .locu-desc,
.locu-footer, .lofc-desc, .locs-desc, .lowc-desc, .flf-desc,
.cefr-intro, .cefr-desc {
  color: var(--fr-muted);
  font-size: 16px;
  line-height: 1.8;
}
.it-section-subtitle.style-2 {
  display: inline-block;
  background: #fde8e8;
  color: var(--fr-red);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 30px;
  margin-bottom: 14px;
}

/* =========================================================
   HERO
   ========================================================= */
.hero-fr-hero {
  background-image: url('../img/french/hero-bg.webp');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 620px;
  position: relative;
}
.hero-fr-hero-wrap {
  min-height: 520px;
  display: flex;
  align-items: center;
  position: relative;
}
.hero-fr-hero-content {
  width: 52%;
  max-width: 620px;
  position: relative;
  z-index: 2;
  /* never let this sit on top of another element by accident */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
.hero-fr-hero-img-mobile { display: none; }
.hero-fr-hero-badge {
  display: inline-block; background: #fff; border: 1px solid #e0c9c9;
  color: #a12e2e; font-size: 13px; font-weight: 600; letter-spacing: .5px;
  padding: 6px 14px; border-radius: 4px; margin-bottom: 18px; text-transform: uppercase;
}
.hero-fr-hero-title { font-size: clamp(34px, 4.2vw, 60px); line-height: 1.12; color: var(--fr-text); margin-bottom: 18px; }
.hero-fr-text-highlight { color: var(--fr-red) !important; }
.hero-fr-hero-desc { max-width: 560px; font-size: 16px; color: #4a4a4a; line-height: 1.6; margin-bottom: 28px; }
.hero-fr-hero-btns { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-fr-btn-enroll { background: var(--fr-red); color: #fff; font-weight: 600; padding: 12px 28px; border-radius: 4px; transition: .3s; }
.hero-fr-btn-enroll:hover { background: #fff !important; color: var(--fr-red) !important; border: 1.5px solid var(--fr-red); }
.hero-fr-btn-demo {
  background: transparent; color: var(--fr-red) !important; font-weight: 600;
  border: 1.5px solid #a12e2e; padding: 12px 24px; border-radius: 4px;
  display: flex; align-items: center; gap: 8px; transition: .3s;
}
.hero-fr-btn-demo:hover { background: var(--fr-red) !important; color: #fff !important; }

/* =========================================================
   FRENCH SPEAKING COUNTRIES
   ========================================================= */
.fr-countries-sec { padding: 60px 0; background: #fff; }
.fr-countries-heading-wrap { text-align: center; margin-bottom: 32px; }
.fr-countries-title { font-size: 26px; font-weight: 700; color: var(--fr-text); position: relative; padding-bottom: 12px; }
.fr-countries-title::after {
  content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
  width: 55px; height: 3px; background: var(--fr-red); border-radius: 4px;
}
.fr-countries-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.fr-countries-card {
  flex: 0 1 145px; width: 145px; max-width: 145px;
  background: #fde8e8; border: 1px solid #f5d6d6; border-radius: 10px;
  padding: 16px 12px; text-align: center; transition: all .25s ease;
}
.fr-countries-card:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(223,34,34,.12); }
.fr-countries-flag img { max-width: 56px; height: auto; display: block; margin: 0 auto 10px; border-radius: 4px; }
.fr-countries-name { font-size: 14px; font-weight: 700; color: var(--fr-text); margin: 0; }

/* =========================================================
   WHY LEARN FRENCH
   ========================================================= */
.why-learn-fr-sec { padding: 70px 0; background: linear-gradient(180deg, #ffffff 0%, #fdf1f1 100%); }
.why-learn-fr-sec .row {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 50px;
}
.why-learn-fr-img-wrap img { width: 100%; height: auto; display: block; object-fit: contain; }
.why-learn-fr-title { color: var(--fr-text); font-size: 30px; font-weight: 700; margin-bottom: 8px; }
.why-learn-fr-subtitle { color: var(--fr-red); font-size: 17px; font-weight: 700; margin-bottom: 18px; }
.why-learn-fr-desc { color: var(--fr-muted); font-size: 15.5px; line-height: 1.8; margin-bottom: 16px; }
.why-learn-fr-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.why-learn-fr-stat-box {
  min-width: 0; text-align: center; background: #fff; border: 1px solid #f0d9d9;
  border-radius: 10px; padding: 18px 10px; transition: all .25s ease;
}
.why-learn-fr-stat-box:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(223,34,34,.1); }
.why-learn-fr-stat-icon {
  width: 48px; height: 48px; min-width: 48px; margin: 0 auto 12px; color: var(--fr-red);
  display: flex; align-items: center; justify-content: center;
}
.why-learn-fr-stat-icon > svg { width: 30px; height: 30px; }
.why-learn-fr-stat-num { font-size: 20px; font-weight: 800; color: var(--fr-text); margin: 0 0 4px; }
.why-learn-fr-stat-label { font-size: 12.5px; font-weight: 600; color: #666; margin: 0; line-height: 1.4; }

/* =========================================================
   GLOBAL CAREER OPPORTUNITIES
   ========================================================= */
.gco-sec { padding: 70px 0; background: #fff; }
.gco-heading-wrap { max-width: 800px; margin: 0 auto 35px; text-align: center; }
.gco-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.gco-card {
  min-width: 0; background: #fde8e8; border: 1px solid #f5d6d6; border-radius: 12px;
  padding: 24px 16px; text-align: center; transition: all .25s ease;
}
.gco-card:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(223,34,34,.1); }
.gco-icon {
  width: 54px; height: 54px; min-width: 54px; padding: 12px; margin: 0 auto 12px;
  border-radius: 50%; background: #fff; color: var(--fr-red);
  display: flex; align-items: center; justify-content: center;
}
.gco-icon > svg { width: 28px; height: 28px; }
.gco-name { color: var(--fr-text); font-size: 14.5px; font-weight: 600; margin: 0; line-height: 1.4; }

/* =========================================================
   STUDY ABROAD
   ========================================================= */
.sabf-sec { padding: 70px 0; background: #fafafa; }
.sabf-heading-wrap { max-width: 800px; margin: 0 auto 30px; text-align: center; }
.sabf-list { max-width: 100%; }
.sabf-item {
  display: flex; align-items: center; gap: 16px;
  background: #fde8e8; border-left: 4px solid var(--fr-red); border-radius: 8px;
  padding: 16px 22px; margin-bottom: 12px;
}
.sabf-item-num { color: var(--fr-red); font-weight: 800; font-size: 15px; min-width: 26px; }
.sabf-item-text { color: var(--fr-text); font-weight: 600; font-size: 15.5px; margin: 0; }

/* =========================================================
   FRENCH FOR INTERNATIONAL BUSINESS
   ========================================================= */
.fib-sec { padding: 70px 0; background: #fff; }
.fib-heading-wrap { max-width: 800px; margin: 0 auto 24px; text-align: center; }
.fib-companies-wrap { text-align: center; margin-bottom: 26px; }
.fib-companies-label { font-size: 15px; color: #666; margin-bottom: 14px; }
.fib-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 100%; }
.fib-tag {
  background: #fff; border: 1px solid #eadede; color: var(--fr-text);
  font-size: 14px; font-weight: 600; padding: 9px 18px; border-radius: 30px;
}
.fib-highlight {
  display: flex; align-items: center; gap: 16px; max-width: 800px; margin: 0 auto;
  background: linear-gradient(90deg, var(--fr-red), var(--fr-red-dark));
  border-radius: 12px; padding: 20px 26px;
}
.fib-highlight-icon { width: 48px; height: 48px; min-width: 48px; color: #fff; display: flex; align-items: center; justify-content: center; }
.fib-highlight-icon > svg { width: 26px; height: 26px; }
.fib-highlight-text { color: #fff; font-size: 15px; line-height: 1.6; margin: 0; }

/* =========================================================
   LANGUAGE OF DIPLOMACY
   ========================================================= */
.lod-sec { padding: 70px 0; background: #f0f4f5; }
.lod-heading-wrap { max-width: 800px; margin: 0 auto 30px; text-align: center; }
.lod-timeline { max-width: 800px; margin: 0 auto 26px; }
.lod-tl-item { display: flex; align-items: center; gap: 18px; padding: 14px 0; border-bottom: 1px dashed #dfe4e5; }
.lod-tl-item:last-child { border-bottom: none; }
.lod-tl-marker {
  width: 44px; height: 44px; min-width: 44px; background: #fff; color: var(--fr-red);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
}
.lod-tl-marker > svg { width: 22px; height: 22px; }
.lod-tl-content { display: flex; align-items: baseline; gap: 12px; }
.lod-tl-index { color: var(--fr-red); font-weight: 800; font-size: 14px; }
.lod-tl-name { color: var(--fr-text); font-size: 17px; font-weight: 700; margin: 0; }
.lod-tl-name span { color: #777; font-weight: 500; font-size: 14px; }
.lod-highlight {
  max-width: 800px; margin: 0 auto; background: #fff; border-left: 4px solid var(--fr-red);
  border-right: 4px solid var(--fr-red); border-radius: 8px; padding: 20px 26px; text-align: center;
}
.lod-highlight-text { color: var(--fr-text); font-style: italic; font-size: 16px; margin: 0; }

/* =========================================================
   TRAVEL WITH CONFIDENCE
   ========================================================= */
.lotc-sec { padding: 70px 0; background: #fff; }
.lotc-wrap { max-width: 850px; margin: 0 auto; text-align: center; }
.lotc-title { display: inline-block; }
.lotc-countries { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 16px 0; max-width: 100%; }
.lotc-chip { background: #fff; border: 1px solid #f5d5d3; color: var(--fr-red); font-size: 14px; font-weight: 600; padding: 8px 18px; border-radius: 30px; }

/* =========================================================
   DISCOVER FRENCH CULTURE
   ========================================================= */
.locu-sec { padding: 70px 0; background: #fcf3f2; }
.locu-heading-wrap { max-width: 800px; margin: 0 auto 35px; text-align: center; }
.locu-figures-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-bottom: 26px; }
.locu-figure { border-left: 3px solid #f0d5d3; padding: 6px 0 6px 16px; }
.locu-figure-field { color: var(--fr-red); font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.locu-figure-name { color: var(--fr-text); font-size: 16px; font-weight: 700; margin: 6px 0 0; }
.locu-footer { text-align: center; max-width: 800px; margin: 0 auto; }

/* =========================================================
   FRENCH IN SCIENCE & INNOVATION  (fixed — was squished)
   ========================================================= */
.losi-sec { padding: 0; background: #fff; }
.losi-wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; min-height: 380px; }
.losi-left, .losi-right { min-width: 0; }
.losi-left { background: linear-gradient(150deg, var(--fr-red) 0%, #a81a1a 100%); display: flex; align-items: center; }
.losi-left-inner { padding: 60px 48px; }
.losi-badge-light { background: rgba(255,255,255,.15) !important; color: #fff !important; }
.losi-title { color: #fff; font-size: 28px; font-weight: 700; margin-bottom: 16px; }
.losi-desc { color: rgba(255,255,255,.85); font-size: 15px; line-height: 1.8; margin: 0; }
.losi-right { background: #fdf9f5; display: flex; align-items: center; }
.losi-list { width: 100%; padding: 48px; }
.losi-row {
  display: flex; align-items: center; gap: 14px; padding: 16px 0;
  border-bottom: 1px solid #f0e0e0;
}
.losi-row:last-child { border-bottom: none; }
.losi-row > svg { width: 26px; height: 26px; min-width: 26px; color: var(--fr-red); }
.losi-row-name { flex: 1; color: var(--fr-text); font-size: 16px; font-weight: 600; }
.losi-row-num { color: #ddb9b9; font-size: 14px; font-weight: 700; }

/* =========================================================
   LEARN FRENCH FOR CANADA
   ========================================================= */
.lofc-sec { padding: 60px 0; background: #fff; }
.lofc-wrap { max-width: 850px; margin: 0 auto; text-align: center; }
.lofc-title-accent { color: var(--fr-red); }

/* =========================================================
   CAREER SCOPE AFTER LEARNING FRENCH
   ========================================================= */
.locs-sec { padding: 70px 0; background: #fafafa; }
.locs-heading-wrap { max-width: 800px; margin: 0 auto 30px; text-align: center; }
.locs-card { max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid #f0dede; border-radius: 14px; padding: 30px 40px; }
.locs-list { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 40px; }
.locs-list li { position: relative; padding: 10px 0 10px 22px; color: var(--fr-text); font-size: 15px; font-weight: 500; break-inside: avoid; }
.locs-list li::before { content: ""; position: absolute; left: 0; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--fr-red); }

/* =========================================================
   WHY CHOOSE MODERN SCHOOL OF LANGUAGES
   ========================================================= */
.lowc-sec { padding: 70px 0; background: #fafafa; }
.lowc-heading-wrap { max-width: 800px; margin: 0 auto 30px; text-align: center; }
.lowc-card { max-width: 950px; margin: 0 auto; background: #fff; border: 1px solid #f0dede; border-radius: 14px; padding: 32px 34px; }
.lowc-card-title { color: var(--fr-red); font-size: 19px; font-weight: 700; margin-bottom: 22px; text-align: center; }
.lowc-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; }
.lowc-item { display: flex; align-items: center; gap: 12px; }
.lowc-check {
  width: 22px; height: 22px; min-width: 22px; background: var(--fr-red); color: #fff;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
}
.lowc-check > svg { width: 13px; height: 13px; }
.lowc-item-text { color: var(--fr-text); font-size: 15px; font-weight: 500; }

/* =========================================================
   INTERESTING FACTS ABOUT FRENCH
   ========================================================= */
.flf-sec { padding: 70px 0; background: #fff; }
.flf-heading-wrap { max-width: 800px; margin: 0 auto 30px; text-align: center; }
.flf-stats-bar { display: flex; justify-content: center; gap: 60px; margin-bottom: 36px; }
.flf-stat { text-align: center; }
.flf-stat-num { color: var(--fr-red); font-size: 32px; font-weight: 800; margin: 0 0 6px; }
.flf-stat-label { color: #666; font-size: 13.5px; font-weight: 600; margin: 0; }
.flf-facts { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.flf-fact { position: relative; border-left: 3px solid var(--fr-red); padding: 4px 0 4px 20px; }
.flf-fact-right { border-left: none; border-right: 3px solid var(--fr-red); padding: 4px 20px 4px 0; text-align: right; }
.flf-fact-quote { display: none; }
.flf-fact-text { color: #333; font-size: 15.5px; line-height: 1.7; margin: 0; }
.flf-fact-text strong { color: var(--fr-text); }

/* =========================================================
   CEFR LANGUAGE LEVELS
   ========================================================= */
.cefr-sec { padding: 70px 0; background: #fff; }
.cefr-heading-wrap { max-width: 800px; margin: 0 auto 30px; text-align: center; }
.cefr-title-accent { color: var(--fr-red); }
.cefr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-bottom: 40px; }
.cefr-card { min-width: 0; background: #fff; border: 1px solid #f0d9d9; border-radius: 14px; padding: 30px 26px; transition: all .25s ease; }
.cefr-card:hover { transform: translateY(-6px); box-shadow: 0 14px 28px rgba(223,34,34,.1); border-color: var(--fr-red); }
.cefr-badge { display: inline-block; background: #fde8e8; color: var(--fr-red); font-size: 13px; font-weight: 700; padding: 6px 16px; border-radius: 20px; margin-bottom: 14px; }
.cefr-level { color: var(--fr-text); font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.cefr-btn-wrap { text-align: center; }
.cefr-enroll-btn { display: inline-block; background: var(--fr-red); border: 1.5px solid var(--fr-red); color: #fff; font-weight: 700; font-size: 15.5px; padding: 13px 38px; border-radius: 6px; transition: all .25s ease; }
.cefr-enroll-btn:hover { background: #fff; color: var(--fr-red); }

/* =========================================================
   TABLET (<=991px)
   ========================================================= */
@media (max-width: 991px) {
  /* Keep the photo as the background (like the Spanish hero) instead of
     stacking it — put a soft white readability card behind the text
     instead, left-aligned, so nothing overlaps the model's face/text. */
  .hero-fr-hero {
    background-image: url('../img/french/hero-bg.webp') !important;
    background-size: cover !important;
    background-position: top right !important;
    min-height: 560px !important;
    padding: 40px 0 !important;
    display: flex !important;
  }
  .hero-fr-hero-wrap {
    min-height: 480px !important;
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    position: relative !important;
  }
  .hero-fr-hero-img-mobile { display: none !important; }
  .hero-fr-hero-content {
    width: 88% !important;
    max-width: 400px !important;
    margin: 0 !important;
    text-align: left !important;
    background: transparent !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .hero-fr-hero-title {
    text-shadow: 0 2px 10px rgba(255, 255, 255, 0.85), 0 1px 2px rgba(255, 255, 255, 0.9) !important;
  }
  .hero-fr-hero-desc {
    color: #333 !important;
    text-shadow: 0 1px 6px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(255, 255, 255, 0.9) !important;
  }
  .hero-fr-hero-btns { justify-content: flex-start !important; }

  .why-learn-fr-sec .row { grid-template-columns: 1fr; gap: 30px; }
  .why-learn-fr-img-wrap { max-width: 500px; margin: 0 auto; }
  .why-learn-fr-content { text-align: center; }
  .why-learn-fr-title, .why-learn-fr-subtitle { text-align: center; }

  .gco-grid, .locu-figures-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cefr-grid { grid-template-columns: 1fr; }

  .losi-wrap { grid-template-columns: 1fr; min-height: auto; }
  .losi-left-inner, .losi-list { padding: 40px 30px; }

  .fib-highlight { flex-direction: column; text-align: center; }
  .locs-list { columns: 1; }
}

/* =========================================================
   MOBILE (<=767px)
   ========================================================= */
@media (max-width: 767px) {
  .hero-fr-hero .container, .fr-countries-sec .container, .why-learn-fr-sec .container,
  .gco-sec .container, .sabf-sec .container, .fib-sec .container, .lod-sec .container,
  .lotc-sec .container, .locu-sec .container, .losi-sec .container, .lofc-sec .container,
  .locs-sec .container, .lowc-sec .container, .flf-sec .container, .cefr-sec .container {
    padding-left: 15px !important; padding-right: 15px !important;
  }

  .hero-fr-hero { min-height: 500px !important; padding: 30px 0 !important; }
  .hero-fr-hero-wrap { min-height: 440px !important; }
  .hero-fr-hero-content { max-width: 260px !important; padding: 0 !important; }
  .hero-fr-hero-title { font-size: 24px !important; line-height: 1.22 !important; margin-bottom: 10px !important; }
  .hero-fr-hero-badge { font-size: 11px !important; padding: 4px 10px !important; margin-bottom: 10px !important; }
  .hero-fr-hero-desc { font-size: 12.5px !important; line-height: 1.5 !important; margin-bottom: 16px !important; }
  .hero-fr-hero-btns { flex-direction: column; gap: 10px !important; }
  .hero-fr-hero-btns .btn { width: 100%; font-size: 13px !important; padding: 10px 18px !important; }

  .fr-countries-grid { gap: 12px; }
  .fr-countries-card { flex-basis: calc(50% - 6px); width: calc(50% - 6px); max-width: none; }

  .why-learn-fr-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .gco-grid, .locu-figures-grid, .lowc-list { grid-template-columns: 1fr; }
  .locs-card, .lowc-card { padding: 24px 20px; }

  .lod-tl-content { flex-direction: column; align-items: flex-start; gap: 2px; }

  .flf-stats-bar { gap: 30px; }
  .flf-fact-right { text-align: left; border-left: 3px solid var(--fr-red); border-right: none; padding: 4px 0 4px 20px; }

  .why-learn-fr-sec, .gco-sec, .sabf-sec, .fib-sec, .lod-sec, .lotc-sec,
  .locu-sec, .lofc-sec, .locs-sec, .lowc-sec, .flf-sec, .cefr-sec {
    padding-top: 45px; padding-bottom: 45px;
  }
}

@media (max-width: 420px) {
  .why-learn-fr-stats { grid-template-columns: 1fr; }
  .flf-stats-bar { flex-direction: column; gap: 16px; }
}
/* CEFR language levels section end here */

/* ==================== french page css end here  ==================== */





/* ==================== japanish page css start from here  ==================== */


/* japanese hero section start from here */
.hero-jp-hero {
  background-image: url('../img/japan/hero.webp');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 600px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.hero-jp-hero-wrap {
  width: 100%;
  display: flex;
  align-items: center;
}
.hero-jp-hero-img-mobile {
  display: none;
}
.hero-jp-hero-content {
  width: 50%;
}
.hero-jp-hero-badge {
  display: inline-block;
  background: #fff;
  border: 1px solid #e0c9c9;
  color: #a12e2e;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 6px 14px;
  border-radius: 4px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.hero-jp-hero-title {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.25;
  color: #1a1a1a;
  margin-bottom: 18px;
}
.hero-jp-hero-title .hero-jp-text-highlight {
  color: #DF2222 !important;
}
.hero-jp-hero-desc {
  font-size: 16px;
  color: #4a4a4a;
  max-width: 480px;
  margin-bottom: 28px;
  line-height: 1.6;
}
.hero-jp-hero-btns {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.hero-jp-btn-enroll {
  background: #DF2222;
  color: #fff;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 4px;
  transition: 0.3s;
}
.hero-jp-btn-enroll:hover {
  background: #ffffff !important;
  color: #DF2222 !important;
  border: 1.5px solid #DF2222;
}
.hero-jp-btn-demo {
  background: transparent;
  color: #DF2222 !important;
  font-weight: 600;
  border: 1.5px solid #a12e2e;
  padding: 12px 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}
.hero-jp-btn-demo:hover {
  background: #DF2222 !important;
  color: #ffffff !important;
}
/* ===== Mobile & Tablet Responsive (sm + md, lg untouched) ===== */
@media (max-width: 991px) {
  .hero-jp-hero {
    background-image: none;
    min-height: auto;
    padding: 30px 0;
    align-items: center;
  }
  .hero-jp-hero-wrap {
    flex-direction: column;
  }
  .hero-jp-hero-img-mobile {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .hero-jp-hero-img-mobile img {
    --mobile-img-size: 400px;
    max-width: var(--mobile-img-size);
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .hero-jp-hero-content {
    width: 100%;
    text-align: center;
  }
  .hero-jp-hero-desc {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-jp-hero-btns {
    justify-content: center;
    gap: 10px;
  }
  .hero-jp-hero-title {
    font-size: 28px;
  }
  .hero-jp-hero-desc {
    font-size: 14px;
  }
  .hero-jp-btn-enroll, .hero-jp-btn-demo {
    padding: 10px 20px;
    font-size: 14px;
  }
}
/* japanese hero section end here */


/* japanese speaking nations section start from here */
.jp-countries-sec {
  padding: 40px 0;
  background: #fff;
}
.jp-countries-heading-wrap {
  text-align: center;
  margin-bottom: 40px;
}
.jp-countries-title {
  display: inline-block;
  position: relative;
  font-size: 26px;
  font-weight: 700;
  color: #1a1a1a;
  padding-bottom: 12px;
}
.jp-countries-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #DF2222;
  border-radius: 2px;
}
.jp-countries-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
}
.jp-countries-card {
  background: #FDE8E8;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px 12px;
  text-align: center;
  transition: 0.3s;
}
.jp-countries-card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}
.jp-countries-flag {
  width: 100%;
  max-width: 130px;
  aspect-ratio: 3 / 2;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.jp-countries-flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.jp-countries-name {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 4px;
}
.jp-countries-native {
  font-size: 12.5px;
  font-weight: 500;
  color: #777;
  margin: 0;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .jp-countries-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 100%;
  }
  .jp-countries-title {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .jp-countries-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .jp-countries-card {
    padding: 14px 8px;
  }
  .jp-countries-name {
    font-size: 13px;
  }
  .jp-countries-native {
    font-size: 11.5px;
  }
}
/* japanese speaking nations section end here */




/* why learn japanese section start from here */
.wlj-sec {
  padding: 12px 0;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}
.wlj-sec .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wlj-col {
  width: 50%;
}
.wlj-img-wrap {
  text-align: center;
}
.wlj-img-wrap img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.wlj-content .it-section-subtitle.style-2 {
  display: inline-block;
  margin-bottom: 16px;
}
.wlj-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
}
.wlj-subtitle {
  font-size: 17px;
  font-weight: 700;
  color: #DF2222;
  margin-bottom: 18px;
}
.wlj-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 16px;
}
.wlj-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 25px;
}
.wlj-stat-box {
  background: #fff;
  border: 1px solid #f0d9d9;
  border-radius: 10px;
  padding: 18px 10px;
  text-align: center;
  flex: 1 1 calc(25% - 14px);
  transition: 0.3s;
}
.wlj-stat-box:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}
.wlj-stat-icon {
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
  color: #DF2222;
}
.wlj-stat-icon svg {
  width: 100%;
  height: 100%;
}
.wlj-stat-num {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}
.wlj-stat-label {
  font-size: 12px;
  font-weight: 600;
  color: #555;
  margin: 0;
  line-height: 1.4;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .wlj-col {
    width: 100%;
  }
  .wlj-img-col {
    margin-bottom: 25px;
  }
  .wlj-title {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .wlj-sec {
    padding: 45px 0;
  }
  .wlj-title {
    font-size: 22px;
  }
  .wlj-subtitle {
    font-size: 15px;
  }
  .wlj-stat-box {
    flex: 1 1 calc(50% - 14px);
  }
  .wlj-content {
    text-align: center;
  }
  .wlj-content .it-section-subtitle.style-2 {
    display: block;
    width: fit-content;
    margin: 0 auto 16px;
  }
  .wlj-img-wrap {
    display: flex;
    justify-content: center;
  }
}
/* why learn japanese section end here */


/* japan global leader section start from here */
.jgl-sec {
  position: relative;
  min-height: 460px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #fdf1f1;
}
.jgl-bg-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  z-index: 1;
}
.jgl-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  display: block;
}
.jgl-bg-img-mobile {
  display: none;
}
.jgl-bg-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #fdf1f1 0%, rgba(253, 241, 241, 0) 25%);
}
.jgl-sec .container {
  position: relative;
  z-index: 2;
}
.jgl-content {
  max-width: 560px;
  padding: 50px 0 50px 80px;
}
.jgl-title {
  font-size: 27px;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 14px;
  line-height: 1.35;
}
.jgl-title-accent {
  color: #DF2222;
}
.jgl-desc {
  font-size: 14.5px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 18px;
}
.jgl-sub {
  font-size: 14.5px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
}
.jgl-companies {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 22px;
}
.jgl-company {
  background: #fff;
  border: 1px solid #f0d9d9;
  border-radius: 6px;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 10px;
}
.jgl-company img {
  max-width: 100%;
  max-height: 42px;
  object-fit: contain;
}
.jgl-footer-text {
  font-size: 13px;
  line-height: 1.6;
  color: #666;
  margin: 0;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .jgl-sec {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }
  .jgl-bg-wrap {
    position: relative;
    order: -1;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
  .jgl-bg-img-desktop {
    display: none;
  }
  .jgl-bg-img-mobile {
    display: block;
  }
  .jgl-bg-wrap::before {
    display: none;
  }
  .jgl-sec .container {
    order: 2;
  }
  .jgl-content {
    max-width: 600px;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
  }
  .jgl-title {
    font-size: 24px;
  }
  .jgl-sub {
    text-align: center;
  }
  .jgl-companies {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .jgl-content {
    max-width: 100%;
    text-align: left;
  }
  .jgl-sub {
    text-align: left;
  }
  .jgl-title {
    font-size: 22px;
  }
  .jgl-companies {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
  .jgl-company {
    font-size: 12px;
    padding: 8px 6px;
  }
}
@media (max-width: 480px) {
  .jgl-companies {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* japan global leader section end here */



/* excellent career opportunities section start from here */
.eco-sec {
  padding: 70px 0;
  background: #fff;
}
.eco-col {
  width: 100%;
}
.eco-heading-wrap {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 45px;
}
.eco-heading-wrap .it-section-subtitle.style-2 {
  display: block;
  width: fit-content;
  margin: 0 auto 16px;
}
.eco-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.eco-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #DF2222;
  border-radius: 2px;
}
.eco-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin: 0;
}
.eco-flow {
  max-width: 950px;
  margin: 0 auto;
  text-align: center;
}
.eco-item {
  position: relative;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  color: #2a2a2a;
  padding: 8px 22px;
  letter-spacing: 0.2px;
  transition: color 0.3s ease;
}
.eco-item::before {
  content: '';
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 4px;
  height: 2px;
  background: linear-gradient(90deg, #DF2222, #ff8080);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}
.eco-item:hover {
  color: #DF2222;
}
.eco-item:hover::before {
  transform: scaleX(1);
}
.eco-item::after {
  content: '';
  position: absolute;
  right: -3px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #DF2222;
  opacity: 0.55;
}
.eco-item:nth-child(even)::after {
  background: #1a1a1a;
  opacity: 0.2;
}
.eco-item:last-child::after {
  display: none;
}
/* ===== Responsive ===== */
@media (max-width: 767px) {
  .eco-sec {
    padding: 45px 0;
  }
  .eco-title {
    font-size: 22px;
  }
  .eco-item {
    font-size: 15px;
    padding: 6px 16px;
  }
  .eco-item::before {
    left: 16px;
    right: 16px;
  }
}
/* excellent career opportunities section end here */



/* business international trade section start from here */
.bit-sec {
  padding: 70px 0;
  background: #fdf1f1;
}
.bit-col {
  width: 100%;
}
.bit-heading-wrap {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 50px;
}
.bit-heading-wrap .it-section-subtitle.style-2 {
  display: block;
  width: fit-content;
  margin: 0 auto 16px;
}
.bit-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.bit-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #DF2222;
  border-radius: 2px;
}
.bit-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin: 0;
}
.bit-body {
  display: flex;
  align-items: stretch;
  gap: 0;
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
}
.bit-body-left {
  flex: 0 0 240px;
  background: linear-gradient(160deg, #DF2222, #b81c1c);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  text-align: center;
}
.bit-lead {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  line-height: 1.4;
  margin: 0;
}
.bit-body-right {
  flex: 1 1 auto;
  padding: 20px 40px;
}
.bit-benefit {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid #f0dede;
}
.bit-benefit:first-child {
  padding-top: 18px;
}
.bit-benefit:last-child {
  border-bottom: none;
}
.bit-num {
  flex-shrink: 0;
  font-size: 22px;
  font-weight: 800;
  color: #DF2222;
  opacity: 0.4;
  line-height: 1.2;
  min-width: 34px;
}
.bit-text {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  line-height: 1.5;
  padding-top: 2px;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .bit-title {
    font-size: 26px;
  }
  .bit-body {
    flex-direction: column;
    border-radius: 12px;
  }
  .bit-body-left {
    flex: 0 0 auto;
    padding: 26px 20px;
  }
  .bit-lead {
    font-size: 21px;
  }
  .bit-body-right {
    padding: 16px 30px;
  }
}
@media (max-width: 767px) {
  .bit-sec {
    padding: 45px 0;
  }
  .bit-title {
    font-size: 22px;
  }
  .bit-body {
    border-radius: 10px;
  }
  .bit-body-left {
    padding: 24px 20px;
  }
  .bit-lead {
    font-size: 19px;
  }
  .bit-body-right {
    padding: 10px 22px;
  }
  .bit-benefit {
    gap: 14px;
    padding: 14px 0;
  }
  .bit-benefit:first-child {
    padding-top: 14px;
  }
  .bit-num {
    font-size: 18px;
    min-width: 26px;
  }
  .bit-text {
    font-size: 14.5px;
  }
}
/* business international trade section end here */


/* study in japan section start from here */
.sij-sec {
  padding: 70px 0;
  background: #fff;
}
.sij-col {
  width: 100%;
}
.sij-heading-wrap {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 55px;
}
.sij-heading-wrap .it-section-subtitle.style-2 {
  display: block;
  width: fit-content;
  margin: 0 auto 16px;
}
.sij-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.sij-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #DF2222;
  border-radius: 2px;
}
.sij-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin: 0;
}

.sij-timeline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.sij-timeline::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 60px;
  right: 60px;
  height: 2px;
  background: repeating-linear-gradient(
    to right,
    #f0c9c9 0,
    #f0c9c9 6px,
    transparent 6px,
    transparent 12px
  );
}
.sij-step {
  position: relative;
  flex: 1 1 0;
  text-align: center;
  padding: 0 12px;
}
.sij-step-dot {
  position: relative;
  z-index: 2;
  width: 48px;
  height: 48px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #DF2222;
  color: #DF2222;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
}
.sij-step-text {
  font-size: 14.5px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
  line-height: 1.5;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .sij-title {
    font-size: 26px;
  }
  .sij-timeline {
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .sij-timeline::before {
    display: none;
  }
  .sij-step {
    flex: 1 1 33.333%;
  }
}
@media (max-width: 767px) {
  .sij-sec {
    padding: 45px 0;
  }
  .sij-title {
    font-size: 22px;
  }
  .sij-timeline {
    flex-direction: column;
    row-gap: 26px;
    align-items: stretch;
  }
  .sij-step {
    display: flex;
    align-items: center;
    gap: 16px;
    text-align: left;
    padding: 0;
  }
  .sij-step-dot {
    margin: 0;
    width: 40px;
    height: 40px;
    font-size: 13px;
  }
  .sij-step-text {
    font-size: 14px;
  }
}
/* study in japan section end here */



/* technology innovation section start from here */
.ti-sec {
  padding: 70px 0;
  background: #fdf1f1;
}
.ti-col {
  width: 100%;
}
.ti-heading-wrap {
  text-align: center;
  max-width: 750px;
  margin: 0 auto 50px;
}
.ti-heading-wrap .it-section-subtitle.style-2 {
  display: block;
  width: fit-content;
  margin: 0 auto 16px;
}
.ti-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.ti-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #DF2222;
  border-radius: 2px;
}
.ti-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 12px;
}
.ti-desc:last-child {
  margin-bottom: 0;
}

.ti-fields {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 12px;
  max-width: 1140px;
  margin: 0 auto;
}
.ti-field {
  text-align: center;
  width: auto;
  flex: 1 1 0;
  min-width: 0;
}
.ti-field-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 12px;
  color: #DF2222;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ti-field-icon svg {
  width: 100%;
  height: 100%;
}
.ti-field-name {
  font-size: 12.5px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
  line-height: 1.4;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .ti-title {
    font-size: 26px;
  }
  .ti-fields {
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
  }
  .ti-field {
    flex: 0 1 100px;
  }
}
@media (max-width: 575px) {
  .ti-sec {
    padding: 45px 0;
  }
  .ti-title {
    font-size: 22px;
  }
  .ti-fields {
    gap: 16px;
  }
  .ti-field {
    flex: 0 1 75px;
  }
  .ti-field-icon {
    width: 40px;
    height: 40px;
  }
  .ti-field-name {
    font-size: 11px;
  }
}
/* technology innovation section end here */


/* discover japanese culture section start from here */
.djc-sec {
  padding: 70px 0;
  background: #fff;
}
.djc-col {
  width: 100%;
}
.djc-heading-wrap {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 45px;
}
.djc-heading-wrap .it-section-subtitle.style-2 {
  display: block;
  width: fit-content;
  margin: 0 auto 16px;
}
.djc-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.djc-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #DF2222;
  border-radius: 2px;
}
.djc-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin: 0;
}

.djc-mosaic {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 1000px;
  margin: 0 auto;
  justify-content: center;
}
.djc-chip {
  flex: 0 1 200px;
  background: #FDE8E8;
  border-radius: 40px;
  padding: 22px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.3s;
}
.djc-chip-lg {
  flex: 0 1 260px;
  background: #DF2222;
  padding: 30px 30px;
}
.djc-chip-lg .djc-chip-text {
  color: #fff;
  font-size: 17px;
}
.djc-chip:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
}
.djc-chip-text {
  font-size: 15.5px;
  font-weight: 700;
  color: #1a1a1a;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .djc-title {
    font-size: 26px;
  }
  .djc-chip {
    flex: 0 1 45%;
  }
  .djc-chip-lg {
    flex: 0 1 45%;
  }
}
@media (max-width: 575px) {
  .djc-sec {
    padding: 45px 0;
  }
  .djc-title {
    font-size: 22px;
  }
  .djc-mosaic {
    gap: 12px;
  }
  .djc-chip {
    flex: 1 1 100%;
    padding: 18px 20px;
  }
  .djc-chip-lg {
    flex: 1 1 100%;
    padding: 20px 20px;
  }
  .djc-chip-text {
    font-size: 14px;
  }
  .djc-chip-lg .djc-chip-text {
    font-size: 15px;
  }
}
/* discover japanese culture section end here */



/* travel with confidence section start from here */
.twc-sec {
  padding: 80px 0;
  background: #fdf1f1;
}
.twc-col {
  width: 100%;
}
.twc-wrap {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.twc-wrap .it-section-subtitle.style-2 {
  display: block;
  width: fit-content;
  margin: 0 auto 16px;
}
.twc-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
}
.twc-quote-mark {
  font-size: 80px;
  font-weight: 800;
  color: #DF2222;
  opacity: 0.18;
  line-height: 1;
  font-family: Georgia, serif;
  margin-bottom: -20px;
}
.twc-statement {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.6;
  margin: 0;
}
.twc-highlight {
  color: #DF2222;
  font-weight: 800;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .twc-title {
    font-size: 26px;
  }
  .twc-statement {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .twc-sec {
    padding: 50px 0;
  }
  .twc-title {
    font-size: 22px;
  }
  .twc-quote-mark {
    font-size: 60px;
    margin-bottom: -14px;
  }
  .twc-statement {
    font-size: 16px;
    line-height: 1.7;
  }
}
/* travel with confidence section end here */



/* why choose msol section start from here */
.wcm-sec {
  padding: 70px 0;
  background: #fff;
}
.wcm-col {
  width: 100%;
}
.wcm-heading-wrap {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 45px;
}
.wcm-heading-wrap .it-section-subtitle.style-2 {
  display: block;
  width: fit-content;
  margin: 0 auto 16px;
}
.wcm-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.wcm-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #DF2222;
  border-radius: 2px;
}
.wcm-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin: 0;
}

.wcm-program-wrap {
  max-width: 950px;
  margin: 0 auto;
}
.wcm-program-lead {
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 30px;
}
.wcm-checklist {
  display: flex;
  flex-wrap: wrap;
  column-gap: 50px;
}
.wcm-check-item {
  flex: 0 0 calc(50% - 25px);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #f0e0e0;
}
.wcm-check-icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #FDE8E8;
  color: #DF2222;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wcm-check-icon svg {
  width: 14px;
  height: 14px;
}
.wcm-check-text {
  font-size: 15.5px;
  font-weight: 600;
  color: #1a1a1a;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .wcm-title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .wcm-sec {
    padding: 45px 0;
  }
  .wcm-title {
    font-size: 22px;
  }
  .wcm-program-lead {
    font-size: 18px;
    margin-bottom: 22px;
  }
  .wcm-checklist {
    column-gap: 0;
  }
  .wcm-check-item {
    flex: 1 1 100%;
    padding: 12px 0;
    gap: 12px;
  }
  .wcm-check-text {
    font-size: 14.5px;
  }
}
/* why choose msol section end here */


/* interesting facts about japanese section start from here */
.ifj-sec {
  padding: 70px 0;
  background: #FAFAFA;
}
.ifj-col {
  width: 100%;
}
.ifj-heading-wrap {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 50px;
}
.ifj-heading-wrap .it-section-subtitle.style-2 {
  display: block;
  width: fit-content;
  margin: 0 auto 16px;
}
.ifj-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.ifj-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #DF2222;
  border-radius: 2px;
}
.ifj-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin: 0;
}

.ifj-tiles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 1000px;
  margin: 0 auto;
}
.ifj-tile {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border-left: 4px solid #DF2222;
  border-radius: 8px;
  padding: 22px 24px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  transition: 0.3s;
}
.ifj-tile:hover {
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.1);
  transform: translateX(4px);
}
.ifj-tile-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  color: #DF2222;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ifj-tile-icon svg {
  width: 100%;
  height: 100%;
}
.ifj-tile-text {
  font-size: 14.5px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.6;
  margin: 0;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .ifj-title {
    font-size: 26px;
  }
  .ifj-tiles {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .ifj-tiles {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
@media (max-width: 575px) {
  .ifj-sec {
    padding: 45px 0;
  }
  .ifj-title {
    font-size: 22px;
  }
  .ifj-tile {
    padding: 18px 18px;
    gap: 14px;
  }
  .ifj-tile-icon {
    width: 34px;
    height: 34px;
  }
  .ifj-tile-text {
    font-size: 13.5px;
  }
}
/* interesting facts about japanese section end here */


/* japanese language levels jlpt section start from here */
.jjl-sec {
  padding: 70px 0;
  background: #fff;
}
.jjl-col {
  width: 100%;
}
.jjl-heading-wrap {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 45px;
}
.jjl-heading-wrap .it-section-subtitle.style-2 {
  display: block;
  width: fit-content;
  margin: 0 auto 16px;
}
.jjl-title {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.jjl-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #DF2222;
  border-radius: 2px;
}
.jjl-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin: 0;
}

.jjl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  max-width: 1140px;
  margin: 0 auto;
}
.jjl-card {
  background: #fff;
  border: 1px solid #f0d9d9;
  border-radius: 12px;
  padding: 32px 28px;
  transition: 0.3s;
}
.jjl-card:hover {
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.07);
  transform: translateY(-4px);
  border-color: #DF2222;
}
.jjl-badge {
  display: inline-block;
  background: #FDE8E8;
  color: #DF2222;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 6px 16px;
  border-radius: 20px;
  margin-bottom: 18px;
}
.jjl-card-title {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
}
.jjl-card-text {
  font-size: 14.5px;
  line-height: 1.75;
  color: #555;
  margin: 0;
}

.jjl-btn-wrap {
  text-align: center;
  margin-top: 45px;
}
.jjl-btn-enroll {
  display: inline-block;
  background: #DF2222;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding: 14px 40px;
  border-radius: 6px;
  border: 1.5px solid #DF2222;
  transition: 0.3s;
}
.jjl-btn-enroll:hover {
  background: #ffffff !important;
  color: #DF2222 !important;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .jjl-title {
    font-size: 26px;
  }
  .jjl-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%;
  }
  .jjl-card:last-child {
    grid-column: span 2;
    max-width: 500px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .jjl-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .jjl-card:last-child {
    grid-column: span 1;
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .jjl-sec {
    padding: 45px 0;
  }
  .jjl-title {
    font-size: 22px;
  }
  .jjl-card {
    padding: 26px 22px;
  }
  .jjl-card-title {
    font-size: 19px;
  }
  .jjl-card-text {
    font-size: 14px;
  }
  .jjl-btn-enroll {
    padding: 12px 32px;
    font-size: 14.5px;
  }
}
/* japanese language levels jlpt section end here */


/* ==================== japanish page css end here  ==================== */





/* =========================================================
   JAPANESE COURSE PAGE — FINAL LIVE ALIGNMENT OVERRIDES
   Keep this block at the VERY END of the main stylesheet.
   ========================================================= */
:root {
  --jp-red: #df2222;
  --jp-soft: #fff2f2;
  --jp-text: #202020;
  --jp-muted: #5f5f5f;
  --jp-container: 1180px;
}

/* Prevent theme/global CSS from breaking this page */
.hero-jp-hero *, .jp-countries-sec *, .wlj-sec *, .jgl-sec *,
.eco-sec *, .bit-sec *, .sij-sec *, .ti-sec *, .djc-sec *,
.twc-sec *, .wcm-sec *, .ifj-sec *, .jjl-sec * {
  box-sizing: border-box;
}

.hero-jp-hero .container, .jp-countries-sec .container, .wlj-sec .container,
.jgl-sec .container, .eco-sec .container, .bit-sec .container,
.sij-sec .container, .ti-sec .container, .djc-sec .container,
.twc-sec .container, .wcm-sec .container, .ifj-sec .container,
.jjl-sec .container {
  width: min(100% - 32px, var(--jp-container)) !important;
  max-width: var(--jp-container) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

/* Remove Bootstrap negative row margins only inside this page */
.wlj-sec .row, .eco-sec .row, .bit-sec .row, .sij-sec .row,
.ti-sec .row, .djc-sec .row, .twc-sec .row, .wcm-sec .row,
.ifj-sec .row, .jjl-sec .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* HERO */
.hero-jp-hero {
  min-height: 520px !important;
  background-position: center right !important;
  background-size: cover !important;
  overflow: hidden !important;
}
.hero-jp-hero-wrap { min-height: 520px !important; }
.hero-jp-hero-content {
  width: 48% !important;
  max-width: 540px !important;
  padding: 55px 0 !important;
  position: relative;
  z-index: 2;
}
.hero-jp-hero-title {
  font-size: clamp(34px, 3.1vw, 48px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.8px;
}
.hero-jp-hero-desc { max-width: 500px !important; }
.hero-jp-btn-enroll, .hero-jp-btn-demo {
  min-height: 46px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

/* COUNTRY CARDS: exactly like reference — 4 first row, 3 centered second row */
.jp-countries-sec { padding: 20px 0 20px !important; }
.jp-countries-heading-wrap { margin-bottom: 28px !important; }
.jp-countries-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 18px !important;
  max-width: 900px !important;
}
.jp-countries-card {
  flex: 0 0 calc(25% - 14px) !important;
  max-width: 205px !important;
  min-width: 170px !important;
  padding: 14px 12px 16px !important;
}
.jp-countries-flag { max-width: 122px !important; }

/* WHY LEARN */
.wlj-sec { padding: 12px 0 !important; }
.wlj-sec .row {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 55px !important;
  align-items: center !important;
}
.wlj-col { width: 100% !important; max-width: none !important; padding: 0 !important; }
.wlj-img-wrap img { width: 100% !important; max-width: 500px !important; }
.wlj-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.wlj-stat-box { min-width: 0 !important; padding: 16px 8px !important; }

/* GLOBAL LEADER */
.jgl-sec { min-height: 430px !important; }
.jgl-content {
  max-width: 570px !important;
  padding: 58px 0 !important;
}
.jgl-bg-wrap { width: 54% !important; }
.jgl-companies { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

/* Consistent vertical rhythm and centered content */
.eco-sec, .bit-sec, .sij-sec, .ti-sec, .djc-sec,
.twc-sec, .wcm-sec, .ifj-sec, .jjl-sec {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
  overflow: hidden;
}
.eco-col, .bit-col, .sij-col, .ti-col, .djc-col,
.twc-col, .wcm-col, .ifj-col, .jjl-col {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
  .hero-jp-hero {
    background-image: none !important;
    min-height: auto !important;
    padding: 24px 0 48px !important;
  }
  .hero-jp-hero-wrap {
    min-height: auto !important;
    flex-direction: column !important;
  }
  .hero-jp-hero-img-mobile { display: block !important; width: 100% !important; }
  .hero-jp-hero-img-mobile img { max-width: 620px !important; width: 100% !important; }
  .hero-jp-hero-content {
    width: 100% !important;
    max-width: 720px !important;
    padding: 25px 0 0 !important;
    text-align: center !important;
  }
  .hero-jp-hero-btns { justify-content: center !important; }

  .jp-countries-card { flex-basis: calc(33.333% - 12px) !important; }

  .wlj-sec .row {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .wlj-img-col { order: 1; margin: 0 !important; }
  .wlj-content-col { order: 2; }
  .wlj-content { max-width: 760px; margin-inline: auto; }

  .jgl-sec {
    display: block !important;
    min-height: auto !important;
    padding-top: 0 !important;
  }
  .jgl-bg-wrap {
    position: relative !important;
    width: 100% !important;
    height: 300px !important;
  }
  .jgl-bg-wrap::before { display: none !important; }
  .jgl-bg-img-desktop { display: none !important; }
  .jgl-bg-img-mobile { display: block !important; }
  .jgl-content { max-width: 760px !important; padding: 42px 0 !important; }
}

/* Mobile */
@media (max-width: 575px) {
  .hero-jp-hero .container, .jp-countries-sec .container, .wlj-sec .container,
  .jgl-sec .container, .eco-sec .container, .bit-sec .container,
  .sij-sec .container, .ti-sec .container, .djc-sec .container,
  .twc-sec .container, .wcm-sec .container, .ifj-sec .container,
  .jjl-sec .container { width: min(100% - 24px, var(--jp-container)) !important; }

  .hero-jp-hero-title { font-size: 30px !important; }
  .hero-jp-hero-badge { font-size: 10px !important; }
  .hero-jp-hero-btns { flex-direction: column !important; width: 100%; }
  .hero-jp-btn-enroll, .hero-jp-btn-demo { width: 100% !important; }

  .jp-countries-sec { padding: 38px 0 45px !important; }
  .jp-countries-grid { gap: 10px !important; }
  .jp-countries-card {
    flex: 0 0 calc(50% - 5px) !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .wlj-sec { padding: 48px 0 !important; }
  .wlj-content { text-align: center !important; }
  .wlj-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

  .jgl-bg-wrap { height: 225px !important; }
  .jgl-content { padding: 35px 0 !important; text-align: center; }
  .jgl-companies { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

  .eco-sec, .bit-sec, .sij-sec, .ti-sec, .djc-sec,
  .twc-sec, .wcm-sec, .ifj-sec, .jjl-sec {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}


/* ===== END SOURCE: style.css ===== */


/* ===== BEGIN SOURCE: spacing.css ===== */
.mt-5{
    margin-top:5px !important
}
.mt-10{
    margin-top:10px
}
.mt-15{
    margin-top:15px
}
.mt-20{
    margin-top:20px
}
.mt-25{
    margin-top:25px
}
.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.mt-40{
    margin-top:40px
}
.mt-45{
    margin-top:45px
}
.mt-50{
    margin-top:50px
}
.mt-55{
    margin-top:55px
}
.mt-60{
    margin-top:60px
}
.mt-65{
    margin-top:65px
}
.mt-70{
    margin-top:70px
}
.mt-75{
    margin-top:75px
}
.mt-80{
    margin-top:80px
}
.mt-85{
    margin-top:85px
}
.mt-90{
    margin-top:90px
}
.mt-95{
    margin-top:95px
}
.mt-100{
    margin-top:100px
}
.mt-105{
    margin-top:105px
}
.mt-110{
    margin-top:110px
}
.mt-115{
    margin-top:115px
}
.mt-120{
    margin-top:120px
}
.mt-125{
    margin-top:125px
}
.mt-130{
    margin-top:130px
}
.mt-135{
    margin-top:135px
}
.mt-140{
    margin-top:140px
}
.mt-145{
    margin-top:145px
}
.mt-150{
    margin-top:150px
}
.mt-155{
    margin-top:155px
}
.mt-160{
    margin-top:160px
}
.mt-165{
    margin-top:165px
}
.mt-170{
    margin-top:170px
}
.mt-175{
    margin-top:175px
}
.mt-180{
    margin-top:180px
}
.mt-185{
    margin-top:185px
}
.mt-190{
    margin-top:190px
}
.mt-195{
    margin-top:195px
}
.mt-200{
    margin-top:200px
}
.mb-5{
    margin-bottom:5px !important
}
.mb-10{
    margin-bottom:10px
}
.mb-15{
    margin-bottom:15px
}
.mb-20{
    margin-bottom:20px
}
.mb-25{
    margin-bottom:25px
}
.mb-30{
    margin-bottom:30px
}
.mb-35{
    margin-bottom:35px
}
.mb-40{
    margin-bottom:40px
}
.mb-45{
    margin-bottom:45px
}
.mb-50{
    margin-bottom:50px
}
.mb-55{
    margin-bottom:55px
}
.mb-60{
    margin-bottom:60px
}
.mb-65{
    margin-bottom:65px
}
.mb-70{
    margin-bottom:70px
}
.mb-75{
    margin-bottom:75px
}
.mb-80{
    margin-bottom:80px
}
.mb-85{
    margin-bottom:85px
}
.mb-90{
    margin-bottom:90px
}
.mb-95{
    margin-bottom:95px
}
.mb-100{
    margin-bottom:100px
}
.mb-105{
    margin-bottom:105px
}
.mb-110{
    margin-bottom:110px
}
.mb-115{
    margin-bottom:115px
}
.mb-120{
    margin-bottom:120px
}
.mb-125{
    margin-bottom:125px
}
.mb-130{
    margin-bottom:130px
}
.mb-135{
    margin-bottom:135px
}
.mb-140{
    margin-bottom:140px
}
.mb-145{
    margin-bottom:145px
}
.mb-150{
    margin-bottom:150px
}
.mb-155{
    margin-bottom:155px
}
.mb-160{
    margin-bottom:160px
}
.mb-165{
    margin-bottom:165px
}
.mb-170{
    margin-bottom:170px
}
.mb-175{
    margin-bottom:175px
}
.mb-180{
    margin-bottom:180px
}
.mb-185{
    margin-bottom:185px
}
.mb-190{
    margin-bottom:190px
}
.mb-195{
    margin-bottom:195px
}
.mb-200{
    margin-bottom:200px
}
.ml-5{
    margin-left:5px
}
.ml-10{
    margin-left:10px
}
.ml-15{
    margin-left:15px
}
.ml-20{
    margin-left:20px
}
.ml-25{
    margin-left:25px
}
.ml-30{
    margin-left:30px
}
.ml-35{
    margin-left:35px
}
.ml-40{
    margin-left:40px
}
.ml-45{
    margin-left:45px
}
.ml-50{
    margin-left:50px
}
.ml-55{
    margin-left:55px
}
.ml-60{
    margin-left:60px
}
.ml-65{
    margin-left:65px
}
.ml-70{
    margin-left:70px
}
.ml-75{
    margin-left:75px
}
.ml-80{
    margin-left:80px
}
.ml-85{
    margin-left:85px
}
.ml-90{
    margin-left:90px
}
.ml-95{
    margin-left:95px
}
.ml-100{
    margin-left:100px
}
.ml-105{
    margin-left:105px
}
.ml-110{
    margin-left:110px
}
.ml-115{
    margin-left:115px
}
.ml-120{
    margin-left:120px
}
.ml-125{
    margin-left:125px
}
.ml-130{
    margin-left:130px
}
.ml-135{
    margin-left:135px
}
.ml-140{
    margin-left:140px
}
.ml-145{
    margin-left:145px
}
.ml-150{
    margin-left:150px
}
.ml-155{
    margin-left:155px
}
.ml-160{
    margin-left:160px
}
.ml-165{
    margin-left:165px
}
.ml-170{
    margin-left:170px
}
.ml-175{
    margin-left:175px
}
.ml-180{
    margin-left:180px
}
.ml-185{
    margin-left:185px
}
.ml-190{
    margin-left:190px
}
.ml-195{
    margin-left:195px
}
.ml-200{
    margin-left:200px
}
.mr-5{
    margin-right:5px
}
.mr-10{
    margin-right:10px
}
.mr-15{
    margin-right:15px
}
.mr-20{
    margin-right:20px
}
.mr-25{
    margin-right:25px
}
.mr-30{
    margin-right:30px
}
.mr-35{
    margin-right:35px
}
.mr-40{
    margin-right:40px
}
.mr-45{
    margin-right:45px
}
.mr-50{
    margin-right:50px
}
.mr-55{
    margin-right:55px
}
.mr-60{
    margin-right:60px
}
.mr-65{
    margin-right:65px
}
.mr-70{
    margin-right:70px
}
.mr-75{
    margin-right:75px
}
.mr-80{
    margin-right:80px
}
.mr-85{
    margin-right:85px
}
.mr-90{
    margin-right:90px
}
.mr-95{
    margin-right:95px
}
.mr-100{
    margin-right:100px
}
.mr-105{
    margin-right:105px
}
.mr-110{
    margin-right:110px
}
.mr-115{
    margin-right:115px
}
.mr-120{
    margin-right:120px
}
.mr-125{
    margin-right:125px
}
.mr-130{
    margin-right:130px
}
.mr-135{
    margin-right:135px
}
.mr-140{
    margin-right:140px
}
.mr-145{
    margin-right:145px
}
.mr-150{
    margin-right:150px
}
.mr-155{
    margin-right:155px
}
.mr-160{
    margin-right:160px
}
.mr-165{
    margin-right:165px
}
.mr-170{
    margin-right:170px
}
.mr-175{
    margin-right:175px
}
.mr-180{
    margin-right:180px
}
.mr-185{
    margin-right:185px
}
.mr-190{
    margin-right:190px
}
.mr-195{
    margin-right:195px
}
.mr-200{
    margin-right:200px
}
.pt-5{
    padding-top:5px !important
}
.pt-10{
    padding-top:10px
}
.pt-15{
    padding-top:15px
}
.pt-20{
    padding-top:20px
}
.pt-25{
    padding-top:25px
}
.pt-30{
    padding-top:30px
}
.pt-35{
    padding-top:35px
}
.pt-40{
    padding-top:40px
}
.pt-45{
    padding-top:45px
}
.pt-50{
    padding-top:50px
}
.pt-55{
    padding-top:55px
}
.pt-60{
    padding-top:60px
}
.pt-65{
    padding-top:65px
}
.pt-70{
    padding-top:70px
}
.pt-75{
    padding-top:75px
}
.pt-80{
    padding-top:80px
}
.pt-85{
    padding-top:85px
}
.pt-90{
    padding-top:90px
}
.pt-95{
    padding-top:95px
}
.pt-100{
    padding-top:100px
}
.pt-105{
    padding-top:105px
}
.pt-110{
    padding-top:110px
}
.pt-115{
    padding-top:115px
}
.pt-120{
    padding-top:120px
}
.pt-125{
    padding-top:125px
}
.pt-130{
    padding-top:130px
}
.pt-135{
    padding-top:135px
}
.pt-140{
    padding-top:140px
}
.pt-145{
    padding-top:145px
}
.pt-150{
    padding-top:150px
}
.pt-155{
    padding-top:155px
}
.pt-160{
    padding-top:160px
}
.pt-165{
    padding-top:165px
}
.pt-170{
    padding-top:170px
}
.pt-175{
    padding-top:175px
}
.pt-180{
    padding-top:180px
}
.pt-185{
    padding-top:185px
}
.pt-190{
    padding-top:190px
}
.pt-195{
    padding-top:195px
}
.pt-200{
    padding-top:200px
}
.pb-5{
    padding-bottom:5px !important
}
.pb-10{
    padding-bottom:10px
}
.pb-15{
    padding-bottom:15px
}
.pb-20{
    padding-bottom:20px
}
.pb-25{
    padding-bottom:25px
}
.pb-30{
    padding-bottom:30px
}
.pb-35{
    padding-bottom:35px
}
.pb-40{
    padding-bottom:40px
}
.pb-45{
    padding-bottom:45px
}
.pb-50{
    padding-bottom:50px
}
.pb-55{
    padding-bottom:55px
}
.pb-60{
    padding-bottom:60px
}
.pb-65{
    padding-bottom:65px
}
.pb-70{
    padding-bottom:70px
}
.pb-75{
    padding-bottom:75px
}
.pb-80{
    padding-bottom:80px
}
.pb-85{
    padding-bottom:85px
}
.pb-90{
    padding-bottom:90px
}
.pb-95{
    padding-bottom:95px
}
.pb-100{
    padding-bottom:100px
}
.pb-105{
    padding-bottom:105px
}
.pb-110{
    padding-bottom:110px
}
.pb-115{
    padding-bottom:115px
}
.pb-120{
    padding-bottom:120px
}
.pb-125{
    padding-bottom:125px
}
.pb-130{
    padding-bottom:130px
}
.pb-135{
    padding-bottom:135px
}
.pb-140{
    padding-bottom:140px
}
.pb-145{
    padding-bottom:145px
}
.pb-150{
    padding-bottom:150px
}
.pb-155{
    padding-bottom:155px
}
.pb-160{
    padding-bottom:160px
}
.pb-165{
    padding-bottom:165px
}
.pb-170{
    padding-bottom:170px
}
.pb-175{
    padding-bottom:175px
}
.pb-180{
    padding-bottom:180px
}
.pb-185{
    padding-bottom:185px
}
.pb-190{
    padding-bottom:190px
}
.pb-195{
    padding-bottom:195px
}
.pb-200{
    padding-bottom:200px
}
.pl-5{
    padding-left:5px
}
.pl-10{
    padding-left:10px
}
.pl-15{
    padding-left:15px
}
.pl-20{
    padding-left:20px
}
.pl-25{
    padding-left:25px
}
.pl-30{
    padding-left:30px
}
.pl-35{
    padding-left:35px
}
.pl-40{
    padding-left:40px
}
.pl-45{
    padding-left:45px
}
.pl-50{
    padding-left:50px
}
.pl-55{
    padding-left:55px
}
.pl-60{
    padding-left:60px
}
.pl-65{
    padding-left:65px
}
.pl-70{
    padding-left:70px
}
.pl-75{
    padding-left:75px
}
.pl-80{
    padding-left:80px
}
.pl-85{
    padding-left:85px
}
.pl-90{
    padding-left:90px
}
.pl-95{
    padding-left:95px
}
.pl-100{
    padding-left:100px
}
.pl-105{
    padding-left:105px
}
.pl-110{
    padding-left:110px
}
.pl-115{
    padding-left:115px
}
.pl-120{
    padding-left:120px
}
.pl-125{
    padding-left:125px
}
.pl-130{
    padding-left:130px
}
.pl-135{
    padding-left:135px
}
.pl-140{
    padding-left:140px
}
.pl-145{
    padding-left:145px
}
.pl-150{
    padding-left:150px
}
.pl-155{
    padding-left:155px
}
.pl-160{
    padding-left:160px
}
.pl-165{
    padding-left:165px
}
.pl-170{
    padding-left:170px
}
.pl-175{
    padding-left:175px
}
.pl-180{
    padding-left:180px
}
.pl-185{
    padding-left:185px
}
.pl-190{
    padding-left:190px
}
.pl-195{
    padding-left:195px
}
.pl-200{
    padding-left:200px
}
.pr-5{
    padding-right:5px
}
.pr-10{
    padding-right:10px
}
.pr-15{
    padding-right:15px
}
.pr-20{
    padding-right:20px
}
.pr-25{
    padding-right:25px
}
.pr-30{
    padding-right:30px
}
.pr-35{
    padding-right:35px
}
.pr-40{
    padding-right:40px
}
.pr-45{
    padding-right:45px
}
.pr-50{
    padding-right:50px
}
.pr-55{
    padding-right:55px
}
.pr-60{
    padding-right:60px
}
.pr-65{
    padding-right:65px
}
.pr-70{
    padding-right:70px
}
.pr-75{
    padding-right:75px
}
.pr-80{
    padding-right:80px
}
.pr-85{
    padding-right:85px
}
.pr-90{
    padding-right:90px
}
.pr-95{
    padding-right:95px
}
.pr-100{
    padding-right:100px
}
.pr-105{
    padding-right:105px
}
.pr-110{
    padding-right:110px
}
.pr-115{
    padding-right:115px
}
.pr-120{
    padding-right:120px
}
.pr-125{
    padding-right:125px
}
.pr-130{
    padding-right:130px
}
.pr-135{
    padding-right:135px
}
.pr-140{
    padding-right:140px
}
.pr-145{
    padding-right:145px
}
.pr-150{
    padding-right:150px
}
.pr-155{
    padding-right:155px
}
.pr-160{
    padding-right:160px
}
.pr-165{
    padding-right:165px
}
.pr-170{
    padding-right:170px
}
.pr-175{
    padding-right:175px
}
.pr-180{
    padding-right:180px
}
.pr-185{
    padding-right:185px
}
.pr-190{
    padding-right:190px
}
.pr-195{
    padding-right:195px
}
.pr-200{
    padding-right:200px
}
/* ===== END SOURCE: spacing.css ===== */


/* ===== BEGIN SOURCE: main.css ===== */
@charset "UTF-8";
/*-----------------------------------------------------------------------------------

   

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

/************ TABLE OF CONTENTS ***************

    01. Theme default css 
    02. about css start
    03. activities css start
    04. banner css start
    05. blog-sidebar css start
    06. blog css start
    07. brand css start
    08. campus css start
    09. career css start
    10. cart css start
    11. categories css start
    12. Checkout css start
    13. choose css start
    14. contact css start
    15. course css start
    16. cta css start
    17. error css start
    18. event css start
    19. faq css start
    20. feature css start
    21. footer css start
    22. funfact css start
    23. gallery css start
    24. header css start
    25. hero css start
    26. language css start
    27. menu css start
    28. newsletter css start
    29. policy css start
    30. portfolio css start
    31. price css start
    32. shop css start
    33. contact css start
    34. slider css start
    35. social css start
    36. stats css start
    37. team css start
    38. testimonial css start
    39. text slider css start
    40. tuition css start
    41. video css start
    42. zoom-metting css start


    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&amp;family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;family=Schoolbell&amp;family=Cinzel+Decorative:wght@400;700;900&amp;family=Oxanium:wght@200..800&amp;display=swap");
@font-face {
  font-family: "Spartan-Bold";
  src: url("../fonts/Spartan-Bold.woff2") format("woff2"), url("../fonts/Spartan-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spartan-SemiBold";
  src: url("../fonts/Spartan-SemiBold.woff2") format("woff2"), url("../fonts/Spartan-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spartan-Medium";
  src: url("../fonts/Spartan-Medium.woff2") format("woff2"), url("../fonts/Spartan-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spartan-Regular";
  src: url("../fonts/Spartan-Regular.woff2") format("woff2"), url("../fonts/Spartan-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Edensor-Regular";
  src: url("../fonts/Edensor-Regular.woff2") format("woff2"), url("../fonts/Edensor-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Edensor-Semibold";
  src: url("../fonts/Edensor-Semibold.woff2") format("woff2"), url("../fonts/Edensor-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NewYork-Regular";
  src: url("../fonts/NewYork.woff2") format("woff2"), url("../fonts/NewYork.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Open Sans', sans-serif;
  --it-ff-heading: 'Spartan-Bold', sans-serif;
  --it-ff-jost: 'Jost', sans-serif;
  --it-ff-newyork: 'NewYork-Regular', serif;
  --it-ff-schoolbell: 'Schoolbell', scursive;
  --it-ff-cinzel-decorative: 'Cinzel Decorative', scursive;
  --it-ff-oxanium: 'Oxanium', sans-serif;
  --it-ff-spartan-semibold: 'Spartan-SemiBold', sans-serif;
  --it-ff-spartan-medium: 'Spartan-Medium', sans-serif;
  --it-ff-spartan-regular: 'Spartan-Regular', sans-serif;
  --it-ff-edensor-regular: 'Edensor-Regular', sans-serif;
  --it-ff-edensor-semibold: 'Edensor-Semibold', sans-serif;
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #1F2432;
  --it-common-black-2: #313537;
  --it-common-brown: #272422;
  --it-heading-primary: #0C121D;
  --it-gray-1: #F0F4F5;
  --it-gray-2: #D9D9D9;
  --it-gray-3: #F5F7F9;
  --it-gray-4: #FFF8F4;
  --it-text-body: #6C757D;
  --it-theme-1: #D2283D;
  --it-theme-2: #F8C62F;
  --it-theme-3: #A81E30;
  --it-theme-4: #8C3A3A;
  --it-theme-5: #FE8235;
  --it-theme-6: #CD935A;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px;
  }
  .container-1380 {
    max-width: 1380px;
  }
  .container-1200 {
    max-width: 1200px;
  }
  .container-1270 {
    max-width: 1270px;
  }
  .container-1130 {
    max-width: 1130px;
  }
  .container-1370 {
    max-width: 1370px;
  }
  .container-1600 {
    max-width: 1600px;
  }
  .container-1620 {
    max-width: 1620px;
  }
  .container-1750 {
    max-width: 1750px;
  }
  .container-1720 {
    max-width: 1720px;
  }
}
/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  font-family: var(--it-ff-body);
  color: var(--it-text-body);
}

a {
  text-decoration: none;
  transition: 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--it-common-black);
  line-height: 1.5;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-family: var(--it-ff-spartan-semibold);
}

img {
  max-width: 100%;
}

h4 {
  font-size: 34px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  h4 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--it-text-body);
  font-family: var(--it-ff-body);
}

.z-index-1 {
  position: relative;
  z-index: 1;
}

.z-index-2 {
  position: relative;
  z-index: 2;
}

.z-index-3 {
  position: relative;
  z-index: 3;
}

.z-index-4 {
  position: relative;
  z-index: 4;
}

.z-index-5 {
  position: relative;
  z-index: 5;
}

.layer {
  position: relative !important;
}

a,
.btn,
button,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  height: 70px;
  width: 100%;
  border: none;
  outline: none;
  padding: 0 25px;
  line-height: 33px;
  font-size: 16px;
  color: var(--it-common-black);
  background-color: #F6F7F9;
  text-transform: capitalize;
}
input::placeholder {
  color: var(--it-text-body);
  text-transform: capitalize;
}
input:focus {
  border-color: var(--it-theme-1);
}

textarea {
  outline: none;
  width: 100%;
  padding: 20px 25px;
  border: none;
  height: 200px;
  resize: none;
  color: var(--it-common-black);
  background-color: #F6F7F9;
  text-transform: capitalize;
}
textarea::-webkit-input-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea:-moz-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea::-moz-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea:-ms-input-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea:focus {
  border-color: var(--it-theme-1);
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--it-theme-1);
  color: var(--itt-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--it-theme-1);
  color: var(--it-common-white);
  text-shadow: none;
}

::selection {
  background: var(--it-theme-1);
  color: var(--it-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--it-common-black);
  font-size: var(--it-fz-body);
  opacity: 1;
}

*::placeholder {
  color: var(--it-common-black);
  font-size: var(--it-fz-body);
  opacity: 1;
}

/*---------------------------------
    common classes css start 
---------------------------------*/
.fix {
  overflow: hidden;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-15 {
  --bs-gutter-x: 15px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-25 {
  --bs-gutter-x: 25px;
}

.gx-35 {
  --bs-gutter-x: 35px;
}
@media (max-width: 767px) {
  .gx-35 {
    --bs-gutter-x: 30px;
  }
}

.gx-40 {
  --bs-gutter-x: 40px;
}
@media (max-width: 767px) {
  .gx-40 {
    --bs-gutter-x: 30px;
  }
}

.gx-50 {
  --bs-gutter-x: 40px;
}
@media (max-width: 767px) {
  .gx-50 {
    --bs-gutter-x: 30px;
  }
}

.gx-70 {
  --bs-gutter-x: 70px;
}
@media (max-width: 767px) {
  .gx-70 {
    --bs-gutter-x: 30px;
  }
}

.border-radius-10 {
  border-radius: 10px;
}
.border-radius-10 img {
  border-radius: 10px;
}

.border-radius-20 {
  border-radius: 20px;
}
.border-radius-20 img {
  border-radius: 20px;
}

.border-radius-30 {
  border-radius: 30px;
}
.border-radius-30 img {
  border-radius: 30px;
}

.border-radius-100 {
  border-radius: 100px !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.border-line {
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.3s linear;
  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
}
.border-line:hover {
  background-size: 0% 1px, 100% 1px;
}

.title-hover {
  transition: all 0.3s;
}
.title-hover:hover {
  color: var(--it-theme-1);
}

.slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.thumb-overlay {
  position: relative;
}
.thumb-overlay img {
  width: 100%;
}
.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.5);
}

.zoom-effect {
  overflow: hidden;
}
.zoom-effect img {
  transition: 1.3s all ease;
}
.zoom-effect:hover img {
  transform: scale(1.2);
}

.sky {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 20px;
  background: linear-gradient(to bottom, #b3e5fc, #e1f5fe);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/*--
    - Spacing
-----------------------------------------*/
.it-btn-yellow {
  font-size: 16px;
  padding: 0px 29px;
  line-height: 1.1;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--it-common-white);
  font-family: var(--it-ff-jost);
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow {
    font-size: 14px;
    padding: 13px 25px;
  }
}
.it-btn-yellow span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-black);
}
.it-btn-yellow span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-yellow span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-yellow svg {
  width: 14px;
  height: 14px;
  transition: 0.3s;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
  color: var(--it-common-black);
}
.it-btn-yellow:hover {
  color: var(--it-common-white);
}
.it-btn-yellow:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-yellow:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-yellow.error-btn i {
  margin-left: 0;
  margin-right: 10px;
}
.it-btn-yellow.white-bg span {
  color: var(--it-common-black);
}
.it-btn-yellow.white-bg svg {
  color: var(--it-common-black);
}
.it-btn-yellow.black-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.black-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-bg {
  background-color: var(--it-theme-1);
}
.it-btn-yellow.theme-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-4-bg {
  background-color: var(--it-theme-4);
}
.it-btn-yellow.theme-4-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-4-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-5-bg {
  border-radius: 0;
  background-color: var(--it-theme-5);
}
.it-btn-yellow.theme-5-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-5-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.style-2 {
  padding: 11.5px 47px;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid var(--it-theme-6);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow.style-2 {
    padding: 9px 30px;
  }
}
.it-btn-yellow.style-2 span {
  font-size: 20px;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow.style-2 span {
    font-size: 14px;
  }
}
.it-btn-yellow.style-2 svg {
  color: var(--it-theme-6);
}
.it-btn-border {
  font-size: 16px;
  padding: 15.5px 29px;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1.1;
  justify-content: center;
  color: var(--it-theme-1);
  font-family: var(--it-ff-jost);
  background-color: transparent;
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-border {
    font-size: 14px;
    padding: 13px 25px;
  }
}
.it-btn-border span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-black);
}
.it-btn-border span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-border span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-border svg {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
  color: var(--it-common-black);
}
.it-btn-border:hover {
  color: var(--it-common-white);
}
.it-btn-border:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-border:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-border.style-2 {
  border-radius: 1000px;
  padding: 14px 40px;
  border: 1px solid var(--it-theme-6);
}
.it-btn-border.style-2 span, .it-btn-border.style-2 svg {
  color: var(--it-theme-6);
}
.it-btn-border.style-3 {
  padding: 14.5px 29px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-btn-sm {
  font-size: 16px;
  padding: 10.5px 5px;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-sm {
    font-size: 14px;
  }
}
.it-btn-sm span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.it-btn-sm span span {
  color: var(--it-common-white);
}
.it-btn-sm span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-sm span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-sm i {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-left: 10px;
}
.it-btn-sm i svg {
  transform: translateY(-1px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.it-btn-sm i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.it-btn-sm:hover {
  color: var(--it-common-white);
}
.it-btn-sm:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-sm:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-sm:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.it-btn-sm:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -12px);
}

@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes itswing {
  0% {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-bottom {
  0% {
    transform: translateY(25%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

.img-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

.img-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

.img-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes animate-pulse2 {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(45, 196, 88, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(45, 196, 88, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
}
.pulse2 {
  animation: animate-puls2 3s linear infinite;
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0.7), 0 0 0 0 rgba(var(--pulse-color), 0.7);
  }
  40% {
    box-shadow: 0 0 0 28px rgba(var(--pulse-color), 0), 0 0 0 0 rgba(var(--pulse-color), 0.7);
  }
  80% {
    box-shadow: 0 0 0 28px rgba(var(--pulse-color), 0), 0 0 0 15px rgba(var(--pulse-color), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0), 0 0 0 15px rgba(var(--pulse-color), 0);
  }
}
.pulse {
  animation: animate-pulse 3s linear infinite;
}

@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes translateX2 {
  0% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translatX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes translateX {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes translateY {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.85, 0.85, 0.85);
    transform: scale3d(0.85, 0.85, 0.85);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@keyframes animate-pulse-theme {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0.8), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(9, 18, 22, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(9, 18, 22, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(9, 18, 22, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
}
@keyframes animate-pulse-white {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
@keyframes animate-pulse-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 135, 3, 0.8), 0 0 0 0 rgba(255, 135, 3, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 135, 3, 0), 0 0 0 0 rgba(255, 135, 3, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 135, 3, 0), 0 0 0 30px rgba(255, 135, 3, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 135, 3, 0), 0 0 0 30px rgba(255, 135, 3, 0);
  }
}
.pulse-theme {
  animation: animate-pulse-theme 3s linear infinite;
}

.pulse-orange {
  animation: animate-pulse-orange 3s linear infinite;
}

.pulse-white {
  animation: animate-pulse-white 3s linear infinite;
}

@keyframes title-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes ittranslateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes itrotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes itrotate2 {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes flyRight {
  0% {
    left: 41%;
    top: 17%;
    transform: scale(1) rotateY(0deg);
  }
  50% {
    top: 50px; /* একটু উপরে উঠবে */
  }
  100% {
    left: 100vw; /* ডানদিকে পুরো যাবে */
    top: 0;
    transform: scale(1) rotateY(0deg);
  }
}
@keyframes flap {
  0% {
    transform: rotate(-10deg) scaleY(0.95);
  }
  25% {
    transform: rotate(-5deg) scaleY(1);
  }
  50% {
    transform: rotate(0deg) scaleY(1.05);
  }
  75% {
    transform: rotate(5deg) scaleY(1);
  }
  100% {
    transform: rotate(10deg) scaleY(0.95);
  }
}
@keyframes moveDots {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 20px 20px;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.85);
  }
}
@keyframes itswing-2 {
  0% {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
}
@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/*--- preloader ---*/
#it-loading {
  background-color: #e4e3e3 !important;
  height: 100% !important;
  width: 100% !important;
  position: fixed !important;
  z-index: 999999 !important;
  margin-top: 0px !important;
  top: 0px !important;
}

#it-loading-center {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

#it-loading-absolute {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 30% !important;
  transform: translate(-50%, -50%) !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #it-loading-absolute {
    width: 40% !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #it-loading-absolute {
    width: 40% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #it-loading-absolute {
    width: 45% !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  #it-loading-absolute {
    width: 50% !important;
  }
}

@media (max-width: 575px) {
  #it-loading-absolute {
    width: 60% !important;
  }
}

.object {
  width: 20px !important;
  height: 20px !important;
  background-color: #674DF0 !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
  position: absolute !important;
}

.it-loading-content {
  text-align: center !important;
}

.it-loading-content span {
  margin-top: 12px !important;
  display: inline-block !important;
  color: var(--it-common-black) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-loading-content span {
    font-size: 14px !important;
  }
}

.it-loading-logo {
  padding-bottom: 6px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-loading-logo {
    font-size: 14px !important;
    width: 220px !important;
  }
}

@media (max-width: 767px) {
  .it-loading-logo {
    font-size: 14px !important;
    width: 140px !important;
  }
}

.it-loading-stroke {
  position: relative !important;
  width: 100% !important;
  background: #0077C6 !important;
  height: 3px !important;
  margin-top: 10px !important;
}

.it-loading-stroke::before {
  position: absolute !important;
  content: "" !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background-color: #e4e3e3 !important;
  animation: educom-anim 5s linear infinite !important;
  animation-timing-function: cubic-bezier(0.75, 0.04, 0, 0.86) !important;
}

.it-loading-icon {
  position: absolute !important;
  top: -86px !important;
  left: -10px !important;
  width: 90px !important;
  height: 90px !important;
  animation: educom-anim 5s linear infinite !important;
  animation-timing-function: cubic-bezier(0.75, 0.04, 0, 0.86) !important;
}

@media (max-width: 767px) {
  .it-loading-icon {
    width: 50px !important;
    height: 50px !important;
    top: -50px !important;
  }
}

.it-loading--text {
  padding-bottom: 10px !important;
}

#object_one {
  -webkit-animation: object 2s linear infinite !important;
  animation: object 2s linear infinite !important;
}

#object_two {
  -webkit-animation: object 2s linear infinite -0.4s !important;
  animation: object 2s linear infinite -0.4s !important;
}

#object_three {
  -webkit-animation: object 2s linear infinite -0.8s !important;
  animation: object 2s linear infinite -0.8s !important;
}

#object_four {
  -webkit-animation: object 2s linear infinite -1.2s !important;
  animation: object 2s linear infinite -1.2s !important;
}

#object_five {
  -webkit-animation: object 2s linear infinite -1.6s !important;
  animation: object 2s linear infinite -1.6s !important;
}
/*--- end of preloader ---*/
.scroll-top {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 16px;
  z-index: 9;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  cursor: pointer;
  background: var(--it-theme-1);
  transition: 1s ease;
  border: none;
}

.scroll-top.open {
  bottom: 80px;
}

/*---------------------------------------*/
/*Background color
/*-----------------------------------------*/
.theme-bg {
  background: var(--it-theme-1);
}

.theme-4-bg {
  background: var(--it-theme-4);
}

.yellow-bg {
  background: var(--it-theme-2);
}

.black-bg {
  background: var(--it-common-black);
}

.white-bg {
  background: var(--it-common-white);
}

.gray-bg {
  background: var(--it-gray-1);
}

.gray-3-bg {
  background: var(--it-gray-3);
}

.gray-4-bg {
  background: var(--it-gray-4);
}

.brown-bg {
  background: var(--it-common-brown);
}

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-out.html), pointer;
}

.it-instagram img {
  width: 100%;
}

.itoffcanvas {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -100%;
  width: 450px;
  z-index: 9999;
  padding: 50px;
  opacity: 0;
  z-index: 1000;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  transition: 0.3s linear;
  overscroll-behavior-y: contain;
  background: var(--it-common-white) none repeat scroll 0 0;
}
.itoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .itoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .itoffcanvas {
    width: 72%;
    padding: 40px;
  }
}
.itoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.itoffcanvas__logo {
  margin-bottom: 60px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__logo {
    padding-top: 0;
  }
}
.itoffcanvas__logo img {
  width: 157px;
  height: 100%;
}
.itoffcanvas__close-btn button {
  font-size: 35px;
  position: absolute;
  right: 50px;
  top: 42px;
  transition: 1s;
  font-weight: 300;
  opacity: 0.6;
  color: var(--it-common-black);
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
    right: 48px;
    top: 52px;
  }
}
@media (max-width: 767px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
    right: 39px;
    top: 38px;
  }
}
.itoffcanvas__close-btn button:hover {
  opacity: 1;
  color: var(--it-common-black);
}
.itoffcanvas__content {
  margin-bottom: 30px;
}
.itoffcanvas__content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
.itoffcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.itoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--it-common-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .itoffcanvas__content a {
    font-size: 27px;
  }
}
.itoffcanvas__social {
  margin-top: 50px;
}
.itoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .itoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}
.itoffcanvas__social .social-icon a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.itoffcanvas__text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .itoffcanvas__text {
    display: none;
  }
}
.itoffcanvas__text p {
  font-size: 16px;
  color: #414144;
}
.itoffcanvas__info {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.itoffcanvas__info .offcanva-title {
  color: var(--it-common-black);
  margin: 30px 0 40px 0;
  font-size: 20px;
  font-weight: 600;
}
.itoffcanvas__info-icon a {
  height: 50px;
  width: 50px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  font-weight: 400;
  font-size: 21px;
  margin-right: 20px;
}
.itoffcanvas__info-address span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.itoffcanvas__info-address a {
  display: block;
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .itoffcanvas__info-address a {
    font-size: 16px;
  }
}
.itoffcanvas__info-address a:hover {
  color: var(--it-theme-1);
}
.itoffcanvas .it-homemenu-wrapper {
  padding: 0;
}
.itoffcanvas .home-img-thumb {
  padding: 0px;
  height: 135px;
}
.itoffcanvas .it-menu-mobile .home-img-title, .itoffcanvas .it-category-mobile-menu .home-img-title {
  font-weight: 400;
}
.itoffcanvas .it-megamenu-thumb {
  display: none;
}
.itoffcanvas .it-megamenu-text {
  display: none;
}
.itoffcanvas .it-megamenu-list li a::before {
  display: none;
}
.itoffcanvas .it-megamenu-list li:hover > a {
  padding-left: 0px;
  font-weight: 400;
}
.itoffcanvas .it-megamenu-list li:not(:last-child) {
  margin-bottom: 0;
}
.itoffcanvas .it-menu-mobile ul li > a, .itoffcanvas .it-category-mobile-menu ul li > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.itoffcanvas .it-megamenu-title {
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 14px;
  margin-right: 65px;
  margin-top: 30px;
  font-weight: 500;
  color: var(--it-common-black);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.itoffcanvas .home-img:hover .home-img-title a {
  color: var(--it-common-white);
}
.itoffcanvas .home-img:hover .home-img-title {
  background-size: 0% 1px, 100% 1px;
}

.it-offcanva-bottom-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}
.it-offcanva-bottom-shape img {
  width: 100%;
}

.it-breadcrumb-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: var(--it-gray-3);
}
@media (max-width: 767px) {
  .it-breadcrumb-area {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
.it-breadcrumb-title {
  font-size: 45px;
  line-height: 1.56;
  position: relative;
  margin-bottom: 30px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-breadcrumb-title .title-shape {
  position: absolute;
  bottom: 0;
  left: -0.5%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-title .title-shape {
    display: none;
  }
}
.it-breadcrumb-title.style-2 .title-shape {
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-title {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-title {
    font-size: 35px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 35px;
    margin-bottom: 20px;
  }
  .it-breadcrumb-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 42px;
  }
}
.it-breadcrumb-thumb {
  padding-right: 137px;
}
.it-breadcrumb-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-thumb {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-thumb {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-thumb {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-thumb {
    padding-right: 0;
    margin-top: 50px;
    width: 100%;
  }
}
.it-breadcrumb-list {
  display: inline-block;
  border-radius: 8px;
  padding: 12px 30px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-list {
    padding: 8px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list {
    padding: 8px 22px;
  }
}
.it-breadcrumb-list span {
  display: inline-block;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list span {
    font-size: 14px;
  }
}
.it-breadcrumb-list span.dvdr {
  margin: 0 12px;
  transform: translateY(-1px);
  color: var(--it-common-white);
}
.it-breadcrumb-list i {
  font-style: normal;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list i {
    font-size: 14px;
  }
}
.it-breadcrumb-list-2 {
  margin-bottom: 60px;
}
.it-breadcrumb-list-2 span {
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
.it-breadcrumb-list-2 span.dvdr {
  margin: 0 20px;
}
.it-breadcrumb-subtitle {
  display: inline-block;
  border-radius: 5px;
  padding: 7px 20px;
  margin-bottom: 35px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
.it-breadcrumb-author {
  flex: 0 0 auto;
}
.it-breadcrumb-author img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
}
.it-breadcrumb-author-info span {
  display: block;
  font-size: 14px;
  color: var(--it-theme-2);
}
.it-breadcrumb-author-info span:last-child {
  margin-top: 8px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--it-ff-spartan-medium);
}
.it-breadcrumb-author-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-author-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.it-breadcrumb-author-wrapper .border-style {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper .border-style {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper .border-style.d-flex.align-items-center.mb-20 {
    flex-wrap: nowrap !important;
    text-align: start;
    justify-content: center;
  }
}
.it-breadcrumb-course-details-style {
  padding-top: 65px;
  padding-bottom: 40px;
}
.it-breadcrumb-course-details-style .it-breadcrumb-thumb {
  padding-right: 0;
  border-radius: 10px;
  display: inline-block;
  border: 5px solid var(--it-common-white);
}
.it-breadcrumb-course-details-style.team-details-style {
  padding-bottom: 92px;
}
.it-breadcrumb-course-details-style .it-breadcrumb-author-wrapper {
  justify-content: start;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-course-details-style .it-breadcrumb-list-2 span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-course-details-style .it-breadcrumb-list-2 span.dvdr {
    margin: 0 10px;
  }
}
.it-breadcrumb-course-details-3-style {
  padding-top: 90px;
  padding-bottom: 290px;
}
@media (max-width: 767px) {
  .it-breadcrumb-course-details-3-style {
    padding-bottom: 75px;
  }
}
.it-breadcrumb-course-details-4-style {
  padding-top: 150px;
  padding-bottom: 155px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-course-details-4-style .it-breadcrumb-list {
    padding: 8px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-course-details-4-style .it-breadcrumb-list span {
    font-size: 13px;
  }
}
.it-breadcrumb-event-details-style {
  padding-top: 110px;
  padding-bottom: 410px;
}
.it-breadcrumb-event-details-style .it-breadcrumb-title {
  margin-bottom: 20px;
}
.it-breadcrumb-style-2 {
  padding-top: 150px;
  padding-bottom: 155px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-2 {
    padding-top: 100px;
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-shape-3 {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-list span {
    font-size: 12px;
  }
}
.it-breadcrumb-style-2 .it-breadcrumb-list span.dvdr svg {
  height: 12px;
}
.it-breadcrumb-style-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 255px;
  padding-bottom: 140px;
  background-color: transparent;
}
.it-breadcrumb-style-3 .it-hero-4-shape-1 {
  top: 31%;
}
.it-breadcrumb-style-3 .it-hero-4-shape-1 img {
  animation: unset;
}
.it-breadcrumb-style-3 .it-hero-4-shape-3 {
  top: 34%;
  right: 7%;
}
.it-breadcrumb-style-3 .it-hero-4-shape-3 img {
  animation: unset;
}
.it-breadcrumb-style-4 {
  padding-top: 100px;
  padding-bottom: 120px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-4 {
    padding-top: 70px;
    padding-bottom: 90px;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-title {
  font-weight: 400;
  font-size: 60px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 34px;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-list {
  padding: 16px 30px;
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-list {
    padding: 10px 30px;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-list span {
  color: var(--it-common-black);
}
.it-breadcrumb-style-4 .it-breadcrumb-list span.dvdr {
  color: var(--it-common-black);
}
.it-breadcrumb-style-4 .it-breadcrumb-list i {
  color: var(--it-common-black);
}
.it-breadcrumb-style-4 .it-breadcrumb-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30%;
  width: 44.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    width: 52%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    position: static;
    width: 100%;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    position: absolute;
    width: 40%;
    margin-top: 0;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-breadcrumb-style-5 {
  padding-top: 165px;
  padding-bottom: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-5 {
    padding: 100px 0;
  }
}
.it-breadcrumb-style-5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(13, 13, 13, 0.8);
}
.it-breadcrumb-style-5 .it-breadcrumb-title {
  font-weight: 500;
  font-size: 60px;
  letter-spacing: 0.01em;
  line-height: 1;
  margin-bottom: 36px;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 34px;
  }
}
.it-breadcrumb-style-5 .it-breadcrumb-list {
  padding: 16px 30px;
  border-radius: 0;
  background-color: var(--it-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-list {
    padding: 10px 30px;
  }
}
.it-breadcrumb-style-5 .it-breadcrumb-list span {
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
.it-breadcrumb-style-5 .it-breadcrumb-list span.dvdr {
  color: var(--it-common-white);
}
.it-breadcrumb-style-5 .it-breadcrumb-list i {
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
.it-breadcrumb-style-5 .it-breadcrumb-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30%;
  width: 44.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    width: 52%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    position: static;
    width: 100%;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    position: absolute;
    width: 40%;
    margin-top: 0;
  }
}
.it-breadcrumb-style-5 .it-breadcrumb-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-ptb {
    padding: 100px 0;
  }
}
.it-breadcrumb-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-shape-1 {
    top: -7%;
    left: -5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-1 {
    display: none;
  }
}
.it-breadcrumb-shape-2 {
  position: absolute;
  z-index: -1;
  top: -21%;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-2 {
    display: none;
  }
}
.it-breadcrumb-shape-3 {
  position: absolute;
  z-index: -1;
  top: 4%;
  right: 15.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-shape-3 {
    right: 3.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-3 {
    display: none;
  }
}
.it-breadcrumb-shape-4 {
  position: absolute;
  bottom: 0;
  right: 41%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-4 {
    display: none;
  }
}

.it-custom-accordion .accordion-items {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-items {
    margin-bottom: 20px;
  }
}
.it-custom-accordion .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 25px 30px;
  padding-right: 65px;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: var(--it-common-black);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 16px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 18px;
  }
}
.it-custom-accordion .accordion-buttons span {
  display: inline-block;
  margin-right: 5px;
}
.it-custom-accordion .accordion-buttons span svg {
  width: 39px;
  height: 40px;
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons span svg {
    width: 25px;
  }
}
.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  right: 30px;
  font-weight: 400;
  font-size: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f107";
}
.it-custom-accordion .accordion-buttons:not(.collapsed) {
  padding-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-buttons:not(.collapsed) {
    padding-bottom: 12px;
  }
}
.it-custom-accordion .accordion-body {
  padding: 0 35px;
  padding-bottom: 25px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    padding: 0 25px;
    padding-bottom: 25px;
  }
}
.it-custom-accordion .accordion-body p {
  line-height: 1.7;
  font-size: 14px;
  margin-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body p br {
    display: none;
  }
}

.it-custom-accordion-2 {
  border-radius: 20px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
.it-custom-accordion-2 .accordion-items {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
.it-custom-accordion-2 .accordion-items:first-child .accordion-buttons.collapsed {
  border-radius: 20px 20px 0 0;
}
.it-custom-accordion-2 .accordion-items:first-child .accordion-buttons:not(.collapsed) {
  border-radius: 20px 20px 0 0;
}
.it-custom-accordion-2 .accordion-items:last-child .accordion-buttons.collapsed {
  border-radius: 0 0 20px 20px;
}
.it-custom-accordion-2 .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 21px 30px;
  padding-left: 65px;
  width: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
  font-family: var(--it-ff-spartan-semibold);
  border-bottom: 1px solid rgba(108, 117, 125, 0.2);
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons {
    font-size: 12px;
    padding-left: 40px;
  }
}
.it-custom-accordion-2 .accordion-buttons span {
  line-height: 1;
}
.it-custom-accordion-2 .accordion-buttons span:last-child {
  font-family: var(--it-ff-spartan-medium);
}
.it-custom-accordion-2 .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  left: 30px;
  font-weight: 400;
  font-size: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons::after {
    left: 8px;
  }
}
.it-custom-accordion-2 .accordion-buttons.collapsed::after {
  content: "\f107";
}
.it-custom-accordion-2 .accordion-buttons:not(.collapsed) {
  padding-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons:not(.collapsed) {
    padding-bottom: 12px;
  }
}
.it-custom-accordion-2 .accordion-body {
  padding: 30px;
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li {
  padding-left: 27px;
  position: relative;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    font-size: 14px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    flex-wrap: nowrap;
  }
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li:last-child .preview-box a {
  width: 77px;
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li > span {
  position: absolute;
  top: -1px;
  left: 0;
}
.it-custom-accordion-2 .accordion-body .preview-box {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .preview-box {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .preview-box {
    margin-top: 0;
  }
}
.it-custom-accordion-2 .accordion-body .preview-box a {
  width: 115px;
  display: inline-block;
  text-decoration: underline;
  color: var(--it-theme-1);
}
.it-custom-accordion-2 .accordion-body .preview-box a svg {
  display: inline-block;
  margin-right: 10px;
  margin-top: -2px;
}

/*----------------------------------------*/
/*  SEARCH CSS START
/*----------------------------------------*/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 60%;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.search-popup {
  width: 100%;
}

.search-active.search-popup {
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--it-theme-primary);
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid var(--it-common-white);
  border-top: 3px solid var(--it-common-white);
  border-right: 3px solid rgba(0, 0, 0, 0.9);
  border-left: 3px solid rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  height: 70px;
  line-height: 70px;
  text-align: center;
}

.search-active.search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active.search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.search-popup .form-group input[type=text],
.search-popup .form-group input[type=search] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: var(--it-common-white);
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: capitalize;
  border: 1px solid rgba(255, 255, 255, 0.1);
  outline: 0;
}
.search-popup .form-group input[type=text]:focus,
.search-popup .form-group input[type=search]:focus {
  border: 1px solid var(--it-theme-1);
}

.search-popup .form-group input[type=search] {
  padding: 10px 70px 10px 30px;
}

.search-popup .form-group input[type=submit], .search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: var(--it-common-white);
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
}

.search-popup .form-group input[type=submit]:hover,
.search-popup .form-group button:hover {
  color: var(--it-theme-primary);
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: var(--it-common-white);
  border: none;
}

.search-box-btn {
  display: inline-block;
  padding-left: 22px;
}

.search-box-btn i {
  display: inline-block;
  color: var(--it-common-white);
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
}

.flaticon-multiply:before {
  content: inherit;
}

button.close-search i {
  font-size: 25px;
  color: var(--it-common-white);
  display: inline-block;
}

span.flaticon-multiply i {
  display: inline-block;
  color: var(--it-common-white);
}

.modal .modal-dialog {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.modal-wrapper {
  position: relative;
  z-index: 999999999;
}

.modal {
  overflow-y: scroll;
  overflow-x: hidden;
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: 0;
}

.btn-close {
  position: absolute;
  top: 35px;
  right: 35px;
  z-index: 99999999999;
  padding: 0;
  margin: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: var(--it-common-black);
  background-color: #fff !important;
  border: 1px solid rgba(25, 25, 26, 0.2);
  opacity: 1;
  transition: 0.3s;
}
.btn-close:hover {
  border-color: var(--it-common-black) !important;
  transform: rotate(180deg);
}

.btn-close:focus {
  outline: 0;
  box-shadow: none;
  opacity: 1;
}

.modal-body {
  padding: 0;
}

.modal-header {
  padding: 0;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.it-shop-modal .modal-dialog {
  width: 1200px;
}
.it-shop-modal .modal-content {
  padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-modal .modal-content {
    padding: 80px 20px;
    width: 75%;
  }
}
@media (max-width: 767px) {
  .it-shop-modal .modal-content {
    padding: 80px 20px;
    width: 100%;
  }
}
.it-shop-modal-close-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: var(--it-common-black);
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-shop-modal-close-btn:hover {
  background-color: var(--it-theme-1);
}
.it-shop-modal-content .tab-content {
  background-color: var(--it-gray-1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.it-shop-details-content {
  position: relative;
  padding: 50px 25px 40px;
}
.it-shop-details-category span {
  font-size: 16px;
  line-height: 1;
  font-family: var(--it-ff-heading);
}
.it-shop-details-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details-title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
.it-shop-details-stock {
  margin-right: 12px;
}
.it-shop-details-stock span {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 4px 12px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  background-color: var(--it-gray-1);
}
.it-shop-details-rating {
  margin-right: 11px;
  align-items: center;
}
.it-shop-details-rating span {
  font-size: 12px;
  color: #FFB21D;
}
.it-shop-details-rating span:not(:last-child) {
  margin-right: 3px;
}
.it-shop-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}
.it-shop-details-price.new-price {
  color: var(--it-common-black);
}
.it-shop-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}
.it-shop-details-wrapper > p {
  font-size: 15px;
  line-height: 1.7;
  font-family: var(--it-ff-heading);
}
.it-shop-details-wrapper > p span {
  font-weight: 500;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-shop-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}
.it-shop-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}
.it-shop-details-action-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 13px;
  font-family: var(--it-ff-heading);
}
.it-shop-details-action-wrapper {
  margin-bottom: 17px;
}
.it-shop-details-action-wrapper .it-btn {
  padding: 15.9px 40px;
  border-radius: 100px;
}
.it-shop-details-action-wrapper .it-btn.orange-2-btn:hover {
  color: var(--it-theme-1);
  border: 2px solid var(--it-theme-1);
}
.it-shop-details-action-wrapper .it-btn.black-bg:hover {
  color: var(--it-common-black);
  border: 2px solid var(--it-common-black);
}
.it-shop-details-action-wrapper .it-btn.black-bg:hover i, .it-shop-details-action-wrapper .it-btn.black-bg:hover svg {
  color: var(--it-common-black);
}
.it-shop-details-action-sm-btn {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-shop-details-action-sm-btn {
    font-size: 12px;
  }
}
.it-shop-details-action-sm-btn:not(:last-child) {
  margin-right: 10px;
}
.it-shop-details-action-sm-btn i, .it-shop-details-action-sm-btn svg {
  margin-right: 2px;
}
.it-shop-details-action-sm-btn:hover {
  color: var(--it-theme-1);
}
.it-shop-details-thumb-wrapper .nav-tab .nav-link {
  width: 100px;
  height: 107px;
  position: relative;
  margin: 0px 4px;
  margin-bottom: 10px;
  border-radius: 0;
  background-color: var(--it-gray-1);
  border: 1px solid transparent;
}
.it-shop-details-thumb-wrapper .nav-tab .nav-link:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .it-shop-details-thumb-wrapper .nav-tab .nav-link:last-child {
    margin-bottom: 10px;
  }
}
.it-shop-details-thumb-wrapper .nav-tab .nav-link.active {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details-thumb-wrapper {
  margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details-thumb-wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.it-shop-details-thumb-wrapper .nav-tab {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .it-shop-details-action-item-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details-action-item-wrapper {
    flex-wrap: nowrap;
  }
}

.it-section-title {
  font-size: 36px;
  margin-bottom: 0;
  line-height: 1.4;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-section-title span svg {
  animation: title-animation 4s infinite;
}
.it-section-title span.it-title-shape {
  position: absolute;
  bottom: 0;
  left: -3%;
  z-index: -1;
  line-height: 0;
}
.it-section-title span.it-title-shape-2 {
  position: absolute;
  bottom: 19%;
  right: 3%;
  z-index: -1;
  line-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-title span.it-title-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title {
    font-size: 25px;
  }
  .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title {
    font-size: 32px;
  }
}
.it-section-title-2 {
  font-size: 45px;
  line-height: 1.22;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-2 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-2 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-2 {
    font-size: 30px;
  }
  .it-section-title-2 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-2 {
    font-size: 32px;
  }
}
.it-section-title-2 span svg {
  animation: title-animation 4s infinite;
}
.it-section-title-2 span.it-title-shape {
  position: absolute;
  bottom: 17%;
  right: 14%;
  z-index: -1;
  line-height: 0;
}
.it-section-title-3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.39;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-3 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-3 {
    font-size: 29px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-3 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-3 {
    font-size: 27px;
  }
  .it-section-title-3 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-3 {
    font-size: 32px;
  }
}
.it-section-title-3 span svg {
  animation: title-animation 4s infinite;
}
.it-section-title-3 span.it-title-shape {
  position: absolute;
  bottom: 17%;
  right: 14%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 767px) {
  .it-section-title-3 span.it-title-shape {
    display: none;
  }
}
.it-section-title-4 {
  font-weight: 700;
  font-size: 45px;
  line-height: 1.11;
  margin-bottom: 0;
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-4 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-4 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-4 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-4 {
    font-size: 30px;
  }
  .it-section-title-4 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-4 {
    font-size: 32px;
  }
}
.it-section-title-4 span svg {
  animation: title-animation 4s infinite;
}
.it-section-title-4 span.it-title-shape {
  position: absolute;
  bottom: 19%;
  right: 22%;
  z-index: -1;
  line-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-title-4 span.it-title-shape {
    display: none;
  }
}
.it-section-subtitle {
  line-height: 1;
  border-radius: 100px;
  padding: 9px 20px;
  padding-bottom: 6px;
  display: inline-block;
  margin-bottom: 30px;
  text-transform: capitalize;
  color: var(--it-theme-1);
  background-color: rgba(26, 182, 157, 0.1);
  font-family: var(--it-ff-spartan-medium);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle {
    font-size: 14px;
    padding: 9px 15px;
    padding-bottom: 6px;
  }
}
.it-section-subtitle svg, .it-section-subtitle i {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle svg, .it-section-subtitle i {
    height: 12px;
  }
}
.it-section-subtitle.yellow-style {
  border-color: rgba(248, 198, 47, 0.3);
  background-color: rgba(248, 198, 47, 0.1);
}
.it-section-subtitle.white-style {
  color: var(--it-common-white);
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}
.it-section-subtitle.style-2 {
  border-radius: 5px;
  margin-bottom: 25px;
  border-color: rgba(3, 89, 78, 0.3);
  background-color: rgba(26, 182, 157, 0.1);
}
.it-section-subtitle.style-3 {
  margin-bottom: 27px;
  color: var(--it-theme-4);
  border-color: rgba(97, 130, 105, 0.3);
  background-color: rgba(97, 130, 105, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle.style-3 {
    font-size: 14px;
  }
}
.it-section-subtitle.style-3.white-style {
  color: var(--it-common-white);
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}
.it-section-subtitle-2 {
  display: block;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 20px;
  color: var(--it-theme-2);
  font-family: var(--it-ff-schoolbell);
}
.it-section-subtitle-3 {
  display: block;
  margin-bottom: 25px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-medium);
}
.it-section-subtitle-3 svg, .it-section-subtitle-3 i {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle-3 svg, .it-section-subtitle-3 i {
    height: 12px;
  }
}
.it-section-subtitle-4 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0 41px;
  color: var(--it-theme-5);
  text-transform: uppercase;
  font-family: var(--it-ff-oxanium);
}
.it-section-subtitle-4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  background-color: var(--it-theme-5);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.it-section-subtitle-4::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  background-color: var(--it-theme-5);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/*----------------------------------------*/
/*  2.178 Range Slider css start
/*----------------------------------------*/
.ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-checkboxradio-disabled, .ui-state-disabled {
  pointer-events: none;
}

.ui-datepicker .ui-icon, .ui-icon {
  text-indent: -99999px;
  background-repeat: no-repeat;
}

.ui-helper-reset, .ui-menu {
  outline: 0;
  list-style: none;
}

.ui-helper-hidden, .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  overflow: hidden;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-autocomplete, .ui-menu .ui-menu {
  position: absolute;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  padding: 0;
  margin: 0;
  display: block;
}

.ui-button, .ui-controlgroup {
  display: inline-block;
  vertical-align: middle;
}

.ui-button, .ui-menu-icons, .ui-resizable {
  position: relative;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0;
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
  margin: -1px;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-button, .ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  overflow: hidden;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: 0 0;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle, .ui-selectable, .ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max, .ui-spinner-up {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: 0 0;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 2em 0.2em 0.4em;
  vertical-align: middle;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a, .ui-widget-header a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: 700;
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: 400;
  color: #454545;
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b;
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: 400;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: 700;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: 400;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.html");
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.html");
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.html");
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_777620_256x240.html");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.html");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.html");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-first, .ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/*----------------------------------------*/
/*  06. blog css start
/*----------------------------------------*/
.it-blog-item {
  padding: 30px;
  transition: 0.3s;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-item {
    padding: 25px;
    padding-bottom: 30px;
  }
}
.it-blog-item .it-blog-btn .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-blog-item .it-blog-btn .it-btn-yellow span {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
.it-blog-item .it-blog-btn .it-btn-yellow i {
  color: var(--it-text-body);
}
.it-blog-item:hover {
  border-color: rgba(26, 182, 157, 0.5);
}
.it-blog-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}
.it-blog-item:hover .it-btn-yellow span, .it-blog-item:hover .it-btn-yellow i {
  color: var(--it-theme-1);
}
.it-blog-thumb {
  overflow: hidden;
}
.it-blog-thumb img {
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-title {
    font-size: 18px;
  }
}
.it-blog-tag {
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
.it-blog-meta span {
  position: relative;
  padding-left: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-meta span {
    font-size: 14px;
  }
}
.it-blog-meta span svg {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--it-theme-1);
}
.it-blog-meta span:not(:last-child) {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid var(--it-theme-1);
}
.it-blog-shape-1 {
  position: absolute;
  top: -7%;
  left: 0;
  z-index: -1;
}
.it-blog-shape-2 {
  position: absolute;
  top: 9%;
  right: 16%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-2 {
    right: 1%;
    transform: scale(0.4);
  }
}
.it-blog-shape-3 {
  position: absolute;
  top: 46%;
  right: 0;
  z-index: -1;
}
.it-blog-shape-4 {
  position: absolute;
  z-index: -1;
  top: 35%;
  left: 5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-blog-shape-5 {
  position: absolute;
  z-index: -1;
  right: 41%;
  top: 17%;
  animation: ittranslateX2 2s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-shape-5 {
    top: 5%;
    transform: scale(0.6);
  }
}
.it-blog-shape-6 {
  position: absolute;
  z-index: -1;
  top: 19%;
  right: 39%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media (max-width: 767px) {
  .it-blog-shape-6 {
    display: none;
  }
}
.it-blog-shape-7 {
  position: absolute;
  z-index: -1;
  top: 3.5%;
  right: 6.5%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-7 {
    right: 4%;
  }
}
@media (max-width: 767px) {
  .it-blog-shape-7 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-shape-7 img {
    transform: scale(0.7);
  }
}
.it-blog-shape-8 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.it-blog-shape-9 {
  position: absolute;
  z-index: -1;
  top: -10%;
  right: 0;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-shape-9 {
    right: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-9 {
    right: -18%;
    transform: scale(0.8);
  }
}
.it-blog-shape-10 {
  position: absolute;
  bottom: -20%;
  right: -5%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-btn {
    margin-top: 30px;
  }
}
.it-blog-style-2 .it-blog-shape-2 {
  top: -8%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-2 .it-blog-btn {
    margin-top: 40px;
  }
}
.it-blog-style-3 .it-blog-shape-2 {
  top: -10%;
  right: 7%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-3 .it-blog-shape-2 {
    top: 1%;
    transform: scale(0.6);
  }
}
.it-blog-style-3 .it-blog-tag {
  border-radius: 100px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-blog-style-3 .it-blog-item:hover {
  border-color: rgba(3, 89, 78, 0.5);
}
.it-blog-style-4 .it-blog-shape-2 {
  top: -10%;
  right: 7%;
}
.it-blog-style-4 .it-blog-tag {
  border: none;
  border-radius: 5px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
}
.it-blog-style-4 .it-blog-title {
  font-size: 24px;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media (max-width: 767px) {
  .it-blog-style-4 .it-blog-title {
    font-size: 19px;
  }
}
.it-blog-style-4 .it-blog-item:hover {
  border-color: rgba(97, 130, 105, 0.5);
}
.it-blog-style-4 .it-blog-item:hover .it-btn-yellow span, .it-blog-style-4 .it-blog-item:hover .it-btn-yellow i, .it-blog-style-4 .it-blog-item:hover .it-btn-yellow svg {
  color: var(--it-theme-4);
}
.it-blog-style-4 .it-blog-meta span svg {
  color: var(--it-theme-4);
}
.it-blog-style-5 .it-blog-tag {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-blog-style-5 .it-blog-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  text-transform: capitalize;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-5 .it-blog-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-blog-style-5 .it-blog-item {
    padding: 25px 15px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-style-5 .it-blog-item {
    padding: 25px 30px;
    padding-bottom: 30px;
  }
}
.it-blog-style-5 .it-blog-item:hover {
  border-color: rgba(26, 182, 157, 0.5);
}
.it-blog-style-5 .it-blog-item:hover .it-btn-yellow span, .it-blog-style-5 .it-blog-item:hover .it-btn-yellow i, .it-blog-style-5 .it-blog-item:hover .it-btn-yellow svg {
  color: var(--it-theme-1);
}
.it-blog-style-5 .it-blog-meta span svg {
  color: var(--it-theme-1);
}
.it-blog-style-5 .it-blog-shape-7 {
  top: 14.5%;
  right: 7.5%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-inner-style .it-blog-title {
    font-size: 17px;
  }
}

.it-blog-2-area .it-blog-thumb {
  border-radius: 20px 20px 0 0;
}
.it-blog-2-area .it-blog-thumb img {
  border-radius: 20px 20px 0 0;
}
.it-blog-2-area .it-blog-btn .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-blog-2-area .it-blog-btn .it-btn-yellow span {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
.it-blog-2-area .it-blog-btn .it-btn-yellow i {
  color: var(--it-text-body);
}
.it-blog-2-area .it-blog-meta span svg {
  color: var(--it-theme-1);
}
.it-blog-2-area .it-blog-tag {
  position: absolute;
  left: 30px;
  top: -20px;
  z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-2-area .it-blog-shape-2 {
    transform: scale(0.5);
  }
}
.it-blog-2-content {
  padding: 40px 30px;
  padding-bottom: 36px;
  margin-top: -15px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-2-content {
    padding: 35px 20px;
  }
}
.it-blog-2-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}

.it-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 4px;
}
.it-pagination ul li a {
  width: 60px;
  height: 60px;
  line-height: 61px;
  font-weight: 400;
  font-size: 18px;
  transition: 0.3s;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-pagination ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .it-pagination ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.it-pagination ul li a i {
  font-size: 20px;
}
.it-pagination ul li.current a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
.it-pagination ul li:hover a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
.it-pagination.theme-4-style ul li a {
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.it-pagination.theme-4-style ul li.current a {
  background-color: var(--it-theme-4);
  border: 1px solid var(--it-theme-4);
}
.it-pagination.theme-4-style ul li:hover a {
  background-color: var(--it-theme-4);
  border: 1px solid var(--it-theme-4);
}
.it-pagination.theme-5-style ul li.current a {
  background-color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}
.it-pagination.theme-5-style ul li:hover a {
  background-color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}

/*  blog-details css here  */
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-details-area.blog-details-left-sidebar .it-shop-sidebar {
    margin-top: 0;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-details-area.blog-sidebar-style .it-section-title {
    font-size: 28px;
  }
}

.postbox-details-wrapper .it-blog-meta span svg {
  top: 3px;
}
.postbox-details-wrapper .it-blog-meta span:not(:last-child) {
  margin-right: 35px;
  padding-right: 0;
  border: none;
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span {
    display: inline-block;
  }
}
.postbox-details-wrapper .it-blog-meta-wrap {
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta-wrap {
    flex-wrap: wrap;
  }
}
.postbox-details-wrapper .it-section-title {
  margin-bottom: 12px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-details-wrapper .it-section-title {
    font-size: 28px;
  }
}
.postbox-video-btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  display: inline-block;
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  font-size: 26px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-video-btn {
    height: 90px;
    width: 90px;
    line-height: 85px;
  }
}
@media (max-width: 767px) {
  .postbox-video-btn {
    height: 60px;
    width: 60px;
    line-height: 55px;
  }
}
.postbox-video-btn i, .postbox-video-btn svg {
  padding-left: 5px;
  display: inline-block;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-video-btn i, .postbox-video-btn svg {
    width: 18px;
  }
}
.postbox-slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 63px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-slider-arrow-wrap button {
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.postbox-slider-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-share {
    margin-left: -20px;
  }
}
.postbox-share span {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-share span {
    font-size: 14px;
  }
}
.postbox-share-social a {
  font-size: 16px;
  display: inline-block;
  transition: 0.3s;
  height: 42px;
  width: 42px;
  line-height: 38px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-share-social a {
    height: 35px;
    width: 35px;
    line-height: 31px;
  }
}
@media (max-width: 767px) {
  .postbox-share-social a svg {
    width: 12px;
  }
}
.postbox-share-social a:not(:last-child) {
  margin-right: 5px;
}
.postbox-share-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.postbox-tag-title {
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-tag-title {
    font-size: 14px;
  }
}
.postbox-tag-content a {
  padding: 0 14px;
  height: 41px;
  line-height: 41px;
  display: inline-block;
  border-radius: 5px;
  transition: 0.3s;
  color: var(--it-common-black);
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.postbox-tag-content a:not(:last-child) {
  margin-right: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-tag-content a {
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox-tag-content a {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.postbox-tag-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-tag-box {
  padding: 18px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.3);
  border-bottom: 1px solid rgba(121, 121, 121, 0.3);
}
.postbox-banner img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-banner img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-banner img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}
.postbox-list ul li {
  padding-left: 27px;
  list-style-type: none;
  position: relative;
  font-size: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list ul li {
    font-size: 14px;
  }
}
.postbox-list ul li:not(:last-child) {
  margin-bottom: 23px;
}
.postbox-list ul li svg {
  position: absolute;
  top: 2px;
  left: 0;
}
.postbox-list ul li span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.postbox-list-wrap {
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list-wrap {
    margin-left: 0;
  }
}
.postbox-list-wrap .postbox-list ul li {
  font-size: 15px;
}
.postbox-list-wrap .postbox-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list-wrap .postbox-list ul li {
    font-size: 14px;
  }
}
.postbox-list-wrap-2 .postbox-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
.postbox-list.style-2 {
  margin-right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list.style-2 {
    margin-right: 0;
  }
}
.postbox-dsc {
  margin-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc {
    margin-right: 0;
  }
}
.postbox-dsc p {
  line-height: 1.75;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc p {
    font-size: 14px;
  }
}
.postbox-dsc.dsc-style-2 {
  margin-right: 0;
}
.postbox-user-thumb {
  flex: 0 0 auto;
}
.postbox-user-thumb img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  margin-right: 28px;
}
@media (max-width: 767px) {
  .postbox-user-thumb img {
    margin-bottom: 30px;
  }
}
.postbox-user-info .user-title {
  font-size: 20px;
  margin-bottom: 0;
  font-family: var(--it-ff-spartan-semibold);
}
.postbox-user-info span {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.postbox-user-info span svg {
  margin-right: 10px;
  display: inline-block;
}
.postbox-user-info p {
  margin-bottom: 0;
  line-height: 1.75;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-user-info p {
    font-size: 14px;
  }
  .postbox-user-info p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox-user-info p {
    font-size: 14px;
    margin-right: 0;
  }
  .postbox-user-info p br {
    display: none;
  }
}
.postbox-user-meta span {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-user-meta span {
    margin-bottom: 10px;
  }
}
.postbox-user-meta span svg {
  margin-right: 10px;
  display: inline-block;
}
.postbox-user-meta span:not(:last-child) {
  padding-right: 20px;
  margin-right: 17px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-user-meta span:not(:last-child) {
    border: none;
  }
}
.postbox-comment-title {
  font-size: 34px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-comment-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox-comment-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-comment-title {
    font-size: 26px;
  }
}
.postbox-comment-content ul li {
  list-style-type: none;
  margin-bottom: 30px;
}
.postbox-comment-content ul li:not(:last-child) {
  margin-bottom: 40px;
}
.postbox-comment-content ul li:nth-child(even) {
  margin-left: 60px;
}
@media (max-width: 767px) {
  .postbox-comment-content ul li:nth-child(even) {
    margin-left: 0;
  }
}
.postbox-comment .reply {
  transition: 0.3s;
  line-height: 1;
  display: inline-block;
  color: var(--it-theme-1);
}
.postbox-comment .reply span {
  margin-right: 2px;
  display: inline;
}
@media (max-width: 767px) {
  .postbox-comment-user {
    flex-wrap: wrap;
  }
}
.postbox-comment-item.course-style .postbox-user-thumb img {
  height: 173px;
  width: 173px;
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-comment-item.course-style .postbox-user-thumb img {
    height: 120px;
    width: 120px;
    margin-right: 20px;
  }
}
.postbox-comment-item.course-style .postbox-user-info .user-title {
  font-size: 24px;
}
.postbox-comment-item.course-style .postbox-user-info span {
  font-family: var(--it-ff-spartan-semibold);
}
.postbox-comment-item.course-style .postbox-user-info p {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 33px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-comment-item.course-style .postbox-user-info p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-comment-item.course-style .postbox-user-info p {
    font-size: 14px;
    margin-right: 0;
  }
  .postbox-comment-item.course-style .postbox-user-info p br {
    display: none;
  }
}
.postbox-social a {
  display: inline-block;
  border-radius: 5px;
  width: 41px;
  height: 41px;
  line-height: 38px;
  text-align: center;
  color: var(--it-text-body);
  transition: 0.3s;
  border: 1px solid rgba(31, 36, 50, 0.2);
  background-color: rgba(31, 36, 50, 0.05);
}
.postbox-social a svg {
  height: 17px;
}
.postbox-social a:not(:only-child) {
  margin-right: 13px;
}
.postbox-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-contact-box {
  padding: 70px 75px;
  padding-top: 65px;
  border-radius: 20px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .postbox-contact-box {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}
.postbox-contact-box .it-btn-yellow.theme-bg span {
  font-weight: 600;
}
.postbox-input-box input {
  height: 50px;
  line-height: 50px;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--it-text-body);
}
.postbox-input-box textarea {
  height: 120px;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--it-text-body);
}

/*----------------------------------------*/
/*  05. blog-sidebar css start
/*----------------------------------------*/
.sidebar-button button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-button button i {
  color: var(--it-common-black);
}
.sidebar-contact {
  padding: 72px 16px 50px 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  z-index: 2;
}
.sidebar-contact::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  border-radius: 5px;
  z-index: -1;
  background: rgba(24, 24, 24, 0.7);
}
.sidebar-contact-call a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
.sidebar-contact-call i {
  display: block;
  font-size: 42px;
  color: var(--it-theme-1);
  margin-bottom: 10px;
}
.sidebar-contact-time span {
  display: inline-block;
  font-size: 14px;
  color: var(--it-common-white);
  margin-bottom: 15px;
}
.sidebar-widget {
  padding: 45px 37px;
  border-radius: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .sidebar-widget {
    padding: 35px 25px;
  }
}
.sidebar-widget.tagcloud-widget {
  padding-bottom: 35px;
}
.sidebar-widget-title {
  font-size: 24px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.sidebar-widget-list {
  width: 100%;
  padding: 19px 20px;
  display: flex;
  font-size: 16px;
  transition: 0.3s;
  border-radius: 10px;
  text-transform: capitalize;
  justify-content: space-between;
  border: 1px solid rgba(98, 94, 88, 0.1);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}
.sidebar-widget-list span {
  transition: 0.3s;
}
.sidebar-widget-list.active {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.sidebar-widget-list.active span {
  color: var(--it-common-white);
}
.sidebar-widget-list:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.sidebar-widget-list:hover span {
  color: var(--it-common-white);
}
.sidebar-widget-quote {
  padding: 50px 60px;
  padding-bottom: 40px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-widget-quote {
    padding: 50px 20px;
    padding-bottom: 40px;
  }
}
.sidebar-widget-quote h5 {
  font-weight: 600;
  font-size: 25px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 15px;
  font-family: var(--it-ff-body);
}
.sidebar-widget-quote span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-bottom: 25px;
}
.sidebar-widget-quote .quote-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.7;
  mix-blend-mode: luminosity;
}
.sidebar-widget-social a {
  height: 52px;
  width: 52px;
  line-height: 52px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #F2EBE9;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-social a {
    height: 44px;
    width: 44px;
    line-height: 44px;
  }
}
.sidebar-widget-social a:not(:last-child) {
  margin-right: 10px;
}
.sidebar-widget-social a:hover {
  border: 1px solid var(--it-theme-1);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.sidebar-widget-post ul li {
  list-style-type: none;
}
.sidebar-widget-post ul li:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.sidebar-search-box input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 25px;
  text-transform: capitalize;
  padding-right: 60px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border-radius: 10px;
  border: 1px solid rgba(98, 94, 88, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-search-box input {
    height: 50px;
    line-height: 50px;
  }
}
.sidebar-search-box input::placeholder {
  font-weight: 400;
  font-size: 16px;
}
.sidebar-search-box input:focus {
  border: 1px solid var(--it-theme-1);
}
.sidebar-search-button button {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-right {
    margin-top: 70px;
  }
}
.sidebar-contact-2 {
  padding: 0 20px 40px 20px;
}
.sidebar-contact-2 > span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  display: block;
  margin-bottom: 10px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-white);
}
.sidebar-contact-2 > a {
  display: inline-block;
  font-weight: 500;
  font-size: 25px;
  margin-bottom: 30px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .sidebar-contact-2 > a {
    font-size: 20px;
  }
}
.sidebar-contact .it-btn-yellow {
  font-weight: 600;
}
.sidebar-contact-btn {
  margin: 0 45px;
}
.sidebar-contact-circle {
  position: absolute;
  bottom: 0;
  right: 35px;
  display: block;
  height: 90px;
  width: 90px;
  text-align: center;
  border-radius: 50%;
  margin-top: -50px;
  background-color: var(--it-theme-2);
  border: 3px solid var(--it-common-white);
}
.sidebar-contact-circle span {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--it-common-black);
}
.sidebar-contact-wrap {
  overflow: hidden;
  border-radius: 20px;
}
.sidebar-contact-wrap .thumb img {
  width: 100%;
  border-radius: 0 0 50% 50%;
}
.sidebar-contact-wrap .shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.categories a {
  position: relative;
  padding: 15px 0px;
  font-size: 12px;
  font-weight: 700;
  display: block;
  color: #8A879F;
  text-transform: uppercase;
  margin-bottom: 15px;
  border-radius: 5px;
  transition: 0.3s;
}
.categories a:hover {
  color: var(--it-common-black);
}
.categories a:hover i {
  right: -5px;
}
.categories a i {
  position: absolute;
  right: 0;
  transition: 0.3s;
}

.tagcloud a {
  line-height: 1;
  font-size: 14px;
  text-align: center;
  border-radius: 10px;
  padding: 12px 15px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.1);
}
.tagcloud a:not(:last-child) {
  margin-right: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 13px;
    margin-right: 5px;
    padding: 13px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
    margin-right: 5px;
  }
}
.tagcloud a:hover {
  background: var(--it-theme-1);
  color: var(--it-common-white);
}
.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

.rc-post-thumb img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.rc-post-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.56;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rc-post-title {
    font-size: 16px;
  }
  .rc-post-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .rc-post-title {
    font-size: 14px;
  }
  .rc-post-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .rc-post-title {
    font-size: 18px;
  }
}
.rc-meta i {
  margin-right: 5px;
}

/*----------------------------------------*/
/*  07. brand css start
/*----------------------------------------*/
.it-brand-item {
  height: 120px;
  line-height: 120px;
  position: relative;
}
@media (max-width: 767px) {
  .it-brand-item {
    text-align: center;
  }
}
.it-brand-wrap {
  padding: 30px 80px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap {
    padding: 30px;
  }
}
.it-brand-wrap .row:first-child [class*=col] {
  border-bottom: 1px solid rgba(3, 89, 78, 0.1);
}
@media (max-width: 767px) {
  .it-brand-wrap .row:first-child [class*=col] {
    border-bottom: none;
  }
}
.it-brand-wrap .row [class*=col]:not(:last-child) .it-brand-item::after {
  position: absolute;
  top: 0;
  right: 17%;
  content: "";
  height: 100%;
  width: 1px;
  background-color: rgba(3, 89, 78, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap .row [class*=col]:not(:last-child) .it-brand-item::after {
    display: none;
  }
}
.it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item {
  transform: translateX(-10px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item {
    transform: translateX(0);
  }
}
.it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item::after {
  right: -17%;
}
.it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item {
  transform: translateX(60px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item {
    transform: translateX(0);
  }
}
.it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item::after {
  right: -5%;
}
.it-brand-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-brand-active .swiper-slide {
  width: auto;
}

.it-brand-2-shape-1 {
  position: absolute;
  top: 0;
  left: 1%;
}
.it-brand-2-shape-2 {
  position: absolute;
  bottom: 0;
  right: 5%;
}
.it-brand-2-shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-3-area {
    padding-bottom: 130px;
  }
}
.it-brand-3-item {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-brand-3-item img {
    height: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-3-item img {
    height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-brand-3-left .it-section-title {
    font-size: 31px;
  }
  .it-brand-3-left .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-3-left .it-section-title br {
    display: none;
  }
}
.it-brand-3-wrap {
  padding: 40px 50px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(61, 151, 254, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-brand-3-wrap {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-3-wrap {
    padding: 40px 30px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-brand-3-wrap {
    padding: 30px 20px;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-3-wrap {
    padding: 40px;
  }
}
.it-brand-3-wrap .row [class*=col]:not(:last-child) .it-brand-3-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
.it-brand-3-wrap .row [class*=col]:not(:last-child) .it-brand-3-item.style-2::after {
  right: -16%;
}
.it-brand-3-wrap .row:first-child [class*=col] .it-brand-3-item {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.15);
}
.it-brand-3-wrap .row:last-child [class*=col] .it-brand-3-item {
  padding-top: 20px;
}
.it-brand-3-shape-1 {
  position: absolute;
  bottom: 14%;
  right: 12%;
  z-index: -1;
  animation: rotate 40s linear infinite;
}

.it-brand-4-ptb {
  padding: 51px 0;
}
.it-brand-4-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-brand-4-active .swiper-slide {
  width: auto;
}
.it-brand-4-top-text {
  line-height: 0;
  position: relative;
}
.it-brand-4-top-text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: -3;
  transform: translateY(-50%);
  background-color: #A3C8C3;
}
@media (max-width: 767px) {
  .it-brand-4-top-text::after {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-4-top-text::after {
    display: block;
  }
}
.it-brand-4-top-text h5 {
  padding: 8px 20px;
  border-radius: 100px;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-4-top-text h5 {
    font-size: 14px;
    padding: 4px 25px;
  }
}
@media (max-width: 767px) {
  .it-brand-4-top-text h5 {
    font-size: 12px;
    line-height: 1.4;
    padding: 4px 15px;
  }
}
.it-brand-4-top-text h5::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100px;
  background-color: rgba(26, 182, 157, 0.1);
}
.it-brand-4-top-text h5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px;
  background-color: var(--it-common-white);
}

.it-brand-5-item {
  padding: 15px 15px;
  padding-right: 50px;
  border-radius: 10px;
  background-color: var(--it-common-white);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .it-brand-5-item {
    padding: 13px 15px;
    padding-right: 25px;
  }
}
.it-brand-5-item img {
  margin-right: 15px;
  flex: 0 0 auto;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .it-brand-5-item img {
    height: 30px;
    width: 30px;
  }
}
.it-brand-5-item span {
  font-size: 24px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-brand-5-item span {
    font-size: 16px;
  }
}
.it-brand-5-area {
  margin-top: -40px;
}
@media (max-width: 767px) {
  .it-brand-5-area {
    margin-top: -28px;
  }
}
.it-brand-5-area .it-brand-6-active {
  padding-bottom: 30px;
}

/*----------------------------------------*/
/*  10. cart css start
/*----------------------------------------*/
.table-content .table > :not(:first-child) {
  border-top: 0;
}
.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eaedff;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: var(--it-theme-1);
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  border-right: 1px solid rgba(121, 121, 121, 0.2);
}

.product-quantity > input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #dcdcdc;
  height: 22px;
  line-height: 22px;
  padding: 0;
}

.table td, .table th {
  border-top: 1px solid rgba(121, 121, 121, 0.2);
}

.product-quantity > input {
  width: 80px;
  text-align: center;
}

.table-content table td.product-subtotal {
  font-size: 16px;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coupon .it-btn-red {
    padding: 0 35px;
  }
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 51px;
  padding: 0 30px;
  margin-right: 10px;
  width: auto;
  border-radius: 5px;
  border: 2px solid rgba(121, 121, 121, 0.2);
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  #coupon_code {
    height: 48px;
  }
}
@media (max-width: 767px) {
  #coupon_code {
    height: 48px;
  }
}
#coupon_code:focus {
  border: 2px solid var(--it-theme-1);
}

.coupon2 {
  text-align: end;
}
@media (max-width: 767px) {
  .coupon2 {
    text-align: start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coupon2 .it-btn {
    padding: 0 35px;
  }
}

.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 60px;
}

.cart-plus,
.cart-minus {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}

.order-notes textarea::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #f7f7f7;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}
@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li {
  list-style: none;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--it-common-black);
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid rgba(121, 121, 121, 0.2);
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

.order-button-payment button {
  width: 100%;
}

.minicart {
  background: #fff;
  padding: 25px;
  position: absolute;
  right: 0;
  top: 250%;
  transition: all 0.3s ease 0s;
  width: 350px;
  z-index: 9;
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.3);
  visibility: hidden;
  opacity: 0;
}

.cart-thumb {
  padding-right: 15px;
}
.cart-title {
  font-size: 15px;
  font-family: var(--it-ff-body);
}
.cart-title a {
  display: inline-block;
  position: relative;
}
.cart-title a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--it-theme-1);
  transition: 0.7s;
  display: inline-block;
}
.cart-title a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--it-common-black);
}
.cart-del-icon {
  font-weight: 700;
  color: var(--it-common-black);
}
.cart-del-icon span {
  transition: 0.3s;
  color: red;
  cursor: pointer;
}
.cart-content {
  text-align: start;
}
.cart-content span {
  font-size: 14px;
  color: #707279;
}
.cart-content span del {
  color: #a5a7bc;
  font-size: 13px;
}
.cart-content-wrap {
  padding-bottom: 7px;
}
.cart-total-price {
  border-top: 1px solid #707279;
  padding-top: 15px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.cart-total-price span {
  color: #707279;
  font-weight: 700;
  font-size: 16px;
}
.cart-btn .it-btn-theme {
  padding: 15px 40px;
}

/*----------------------------------------*/
/*  12. Checkout css start
/*----------------------------------------*/
.coupon-accordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid var(--it-theme-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: var(--it-theme-1);
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion > span {
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion > span:hover, p.lost-password a:hover {
  color: var(--it-common-black);
}

.coupon-content {
  border: 1px solid rgba(121, 121, 121, 0.2);
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  font-weight: 500;
  font-size: 16px;
  color: var(--it-common-black);
  margin-bottom: 6px;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: var(--it-theme-1);
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 20px;
  width: 100%;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
  border-color: var(--it-theme-1);
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 1px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .form-row > label {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .form-row > label {
    margin-left: 15px;
  }
}

.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(121, 121, 121, 0.2);
  padding: 0 20px;
  height: 50px;
  width: 100%;
  margin-bottom: 15px;
  outline: none;
  box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: var(--it-theme-1);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.checkout-area .nice-select::after {
  margin-top: 0;
  top: 63%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(121, 121, 121, 0.2);
  padding: 0 20px;
  height: 50px;
}

.country-select label, .checkout-form-list label {
  font-weight: 500;
  font-size: 16px;
  display: block;
  margin: 0 0 5px;
  color: var(--it-common-black);
}

.country-select label span.required, .checkout-form-list label span.required {
  color: var(--it-theme-1);
}

.country-select .nice-select {
  border: 1px solid rgba(121, 121, 121, 0.2);
  background-color: transparent;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  width: 100%;
  margin-bottom: 20px;
}
.country-select .nice-select.open {
  border-color: var(--it-theme-1);
}

.country-select .nice-select .list {
  width: 100%;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  font-weight: 500;
  font-size: 16px;
  color: var(--it-common-black);
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  height: 50px;
  line-height: 50px;
  line-height: 50px;
  padding: 0 20px;
  width: 100%;
  outline: none;
  box-shadow: none;
  border: 1px solid rgba(121, 121, 121, 0.2);
  background-color: transparent;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
  border-color: var(--it-theme-1);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  opacity: 1;
}

input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -1px;
  height: 15px;
  width: 15px;
}

input[type=radio] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -1px;
  height: 15px;
  width: 15px;
}

.create-acc label {
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: var(--it-common-black);
}

.order-notes textarea {
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
  border-radius: 5px;
  background-color: var(--it-gray-3);
  border: 1px solid var(--it-gray-3);
}

.order-notes textarea:focus {
  border-color: var(--it-theme-1);
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #f7f7f7;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  border-right: medium none;
  border-left: medium none;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}
@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li {
  list-style: none;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F2F8F5;
}

.your-order-table table tr.order-total td span {
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button:focus {
  box-shadow: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--it-common-black);
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid rgba(121, 121, 121, 0.2);
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

.order-button-payment button {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout-form-list p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .coupon-area p {
    font-size: 16px;
  }
}
.coupon-area button.it-btn-orange {
  line-height: 1.4;
}

/*----------------------------------------*/
/*  14. contact css start
/*----------------------------------------*/
.it-contact-wrap {
  padding: 95px 50px;
  padding-bottom: 65px;
  border-radius: 50px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-contact-wrap {
    padding: 45px 20px;
  }
}
.it-contact-wrap .postbox__select .nice-select {
  position: relative;
  height: 70px;
  line-height: 70px;
  border-radius: 10px;
  padding-left: 30px;
  padding-right: 70px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-wrap .postbox__select .nice-select {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.it-contact-wrap .postbox__select .nice-select::after {
  content: "";
  display: block;
  height: 9px;
  pointer-events: none;
  position: absolute;
  right: 30px;
  top: 55%;
  width: 15px;
  border-bottom: 0;
  border-radius: 3px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid var(--it-text-body);
  -webkit-transform: rotate(0deg) translateY(-50%);
  -ms-transform: rotate(0deg translateY(-50%));
  transform: rotate(0deg) translateY(-50%);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-wrap .postbox__select .nice-select::after {
    top: 60%;
  }
}
.it-contact-input-box {
  position: relative;
}
.it-contact-input-box input {
  height: 70px;
  line-height: 70px;
  border-radius: 10px;
  padding-left: 30px;
  padding-right: 70px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-input-box input {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.it-contact-btn .it-btn-yellow {
  padding: 24.5px 29px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-btn .it-btn-yellow {
    height: 50px;
    line-height: 50px;
  }
}
.it-contact-info-box span {
  display: block;
  font-size: 24px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-info-box span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-contact-info-box span {
    font-size: 16px;
  }
}
.it-contact-info-box span:not(:last-child) {
  margin-bottom: 15px;
}
.it-contact-info-box span a {
  font-family: var(--it-ff-spartan-regular);
}
.it-contact-info-box span i {
  font-style: normal;
  width: 130px;
  display: inline-block;
}
@media (max-width: 767px) {
  .it-contact-info-box span i {
    width: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-thumb {
    margin-bottom: 70px;
  }
}
.it-contact-3-left {
  padding: 20px;
  padding-bottom: 55px;
  margin-right: 75px;
  border-radius: 20px;
  height: 100%;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-3-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-3-left {
    margin-right: 0;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-left {
    height: auto;
    margin-right: 0;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-left .it-details-title {
    font-size: 22px;
  }
}
.it-contact-3-right {
  margin-left: -30px;
  position: relative;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-3-right {
    margin-left: 0;
  }
}
.it-contact-3-right::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -10px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  z-index: -1;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-contact-3-right::after {
    right: -5px;
    bottom: 5px;
  }
}
.it-contact-3-form-box {
  padding: 55px 50px;
  padding-bottom: 60px;
  border-radius: 20px;
  border: 1px solid #e9ebf1;
  background-color: var(--it-common-white);
  box-shadow: 0 16px 32px -2px rgba(32, 33, 36, 0.1), 0 8px 16px -2px rgba(32, 33, 36, 0.06);
}
.it-contact-3-form-box .it-section-title {
  margin-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-contact-3-form-box {
    padding: 35px 20px;
    padding-bottom: 40px;
  }
}
.it-contact-3-area .it-contact-list ul li {
  list-style-type: none;
  padding-left: 45px;
  position: relative;
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li {
    padding-left: 30px;
  }
}
.it-contact-3-area .it-contact-list ul li:not(:last-child) {
  margin-bottom: 28px;
}
.it-contact-3-area .it-contact-list ul li a {
  font-size: 20px;
  list-style-type: none;
  display: inline-block;
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li a {
    font-size: 17px;
  }
}
.it-contact-3-area .it-contact-list ul li a:hover {
  color: var(--it-theme-1);
}
.it-contact-3-area .it-contact-list ul li span {
  position: absolute;
  top: -2px;
  left: 0;
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li span svg {
    height: 20px;
    width: 20px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-social a svg {
    height: 20px;
    width: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-3-area .it-contact-social a svg {
    height: 30px;
    width: 30px;
  }
}
.it-contact-3-area .it-contact-social a:not(:last-child) {
  margin-right: 35px;
}
.it-contact-3-area .it-contact-social a:hover {
  color: var(--it-theme-1);
}
.it-contact-3-area .it-contact-2-form-title {
  color: var(--it-common-black);
}
.it-contact-3-area .contact__select .nice-select {
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.it-contact-3-area .it-signup-input textarea {
  border-radius: 5px;
  height: 290px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media (max-width: 767px) {
  .it-contact-3-area .it-signup-input textarea {
    height: 150px;
  }
}
.it-contact-3-area .it-signup-input textarea:focus {
  border: 1px solid var(--it-theme-1);
}
.it-contact-3-style-2 .it-contact-3-left {
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-3-style-2 .it-contact-3-left {
    padding: 0;
  }
}
.it-contact-3-style-2 .it-contact-3-left span {
  font-size: 28px;
  display: block;
  margin-bottom: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-contact-3-style-2 .it-contact-list ul li {
  padding-left: 0;
  display: flex;
  align-items: center;
}
.it-contact-3-style-2 .it-contact-list ul li a {
  padding-left: 0;
}
.it-contact-3-style-2 .it-contact-list ul li span {
  border-radius: 20px;
  width: 68px;
  height: 68px;
  line-height: 65px;
  text-align: center;
  z-index: 1;
  position: relative;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 0;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
@media (max-width: 767px) {
  .it-contact-3-style-2 .it-contact-list ul li span {
    width: 60px;
    height: 60px;
    line-height: 58px;
  }
}
.it-contact-3-style-2 .it-contact-list ul li span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-gray-1);
}
.it-contact-3-style-2 .it-contact-list ul li span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -2px;
  height: 100%;
  width: 100%;
  z-index: -2;
  border-radius: 20px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-area .it-section-title br {
    display: none;
  }
}
.it-contact-2-area .it-contact-thumb {
  margin-right: 84px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-area .it-contact-thumb {
    margin-right: 0;
  }
}
.it-contact-2-form-box {
  padding: 40px 30px;
  padding-top: 36px;
  border-radius: 10px;
  background-color: #06786A;
}
.it-contact-2-form-box .it-btn-yellow {
  border-radius: 5px;
}
.it-contact-2-form-title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 25px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-contact-2-form-title {
    font-size: 24px;
  }
}
.it-contact-2-input-wrap {
  margin-bottom: 27px;
}
.it-contact-2-input-wrap label {
  font-weight: 600;
  margin-bottom: 11px;
  color: var(--it-common-white);
}
.it-contact-2-input-box {
  position: relative;
}
.it-contact-2-input-box input {
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 50px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-contact-2-input-box input::placeholder {
  font-size: 14px;
}
.it-contact-2-input-box textarea {
  height: 150px;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-contact-2-input-box textarea::placeholder {
  font-size: 14px;
}
.it-contact-2-input-box .icon {
  position: absolute;
  top: 48%;
  right: 23px;
  transform: translateY(-50%);
}
.it-contact-2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  21. footer css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-1 {
    margin-right: 40px;
  }
}
.it-footer-col-1-2 {
  margin-left: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-1-2 {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-2 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-2 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-col-1-3 {
  margin-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-1-3 {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-3 {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-1-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-4 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 30px;
  }
}
.it-footer-col-6-2 {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-6-2 {
    padding-left: 0;
  }
}
.it-footer-col-6-3 {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-6-3 {
    padding-left: 0;
  }
}
.it-footer-col-7-2 {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-7-2 {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-7-2 {
    padding-left: 0;
  }
}
.it-footer-col-7-3 {
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-7-3 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-7-3 {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-7-3 {
    padding-left: 0;
  }
}
.it-footer-col-7-4 {
  padding-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-7-4 {
    padding-left: 0;
  }
}
.it-footer-col-8-2 {
  transform: translateX(50px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-2 {
    transform: translateX(60px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-8-2 {
    transform: translateX(0);
  }
}
.it-footer-col-8-3 {
  transform: translateX(90px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-3 {
    transform: translateX(60px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-8-3 {
    transform: translateX(0);
  }
}
.it-footer-col-8-4 {
  transform: translateX(80px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-4 {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-8-4 {
    transform: translateX(0);
  }
}
.it-footer-col-14-2 {
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-14-2 {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-14-2 {
    padding-left: 0;
  }
}
.it-footer-col-14-3 {
  padding-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-14-3 {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-14-3 {
    padding-left: 60px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-14-3 {
    padding-left: 0;
  }
}
.it-footer-widget-title {
  font-size: 24px;
  line-height: 1.28;
  margin-top: 6px;
  margin-bottom: 30px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-title {
    font-size: 19px;
  }
}
.it-footer-widget-text p {
  line-height: 1.75;
  margin-bottom: 32px;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-text p {
    font-size: 14px;
    margin-right: 0;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-text p {
    font-size: 14px;
    margin-right: -15px;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-text p {
    font-size: 14px;
    margin-right: 0;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
.it-footer-widget-menu ul li {
  list-style-type: none;
}
.it-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-menu ul li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.it-footer-widget-menu ul li a {
  position: relative;
}
.it-footer-widget-menu ul li a::before {
  content: "";
  height: 1px;
  width: 4px;
  transition: 0.3s;
  display: inline-block;
  transform: translateY(-5px);
  opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-menu ul li a {
    font-size: 14px;
  }
}
.it-footer-widget-menu ul li a:hover::before {
  opacity: 1;
  width: 10px;
  margin-right: 10px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-footer-widget-menu-2 {
    margin-top: 30px;
  }
}
.it-footer-widget-menu-2 a {
  font-size: 24px;
  display: inline-block;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
.it-footer-widget-menu-2 a:not(:last-child) {
  margin-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-widget-menu-2 a {
    font-size: 23px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-menu-2 a {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-menu-2 a {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-widget-menu-2 a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-footer-widget-menu-2 a {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.it-footer-widget-menu-2 a:hover {
  color: var(--it-theme-2);
}
.it-footer-widget-contact ul li {
  list-style-type: none;
}
.it-footer-widget-contact ul li:not(:last-child) {
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.it-footer-widget-contact ul li span {
  font-weight: 600;
  margin-right: 5px;
  display: inline-block;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li a {
    font-size: 15px;
  }
}
.it-footer-widget-contact ul li a:hover {
  color: var(--it-common-black);
}
.it-footer-widget-contact-2 ul li {
  list-style-type: none;
}
.it-footer-widget-contact-2 ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-footer-widget-contact-2 ul li span {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.it-footer-widget-contact-2 ul li span i {
  font-style: normal;
  display: inline-block;
  font-weight: 600;
  margin-right: 4px;
  color: var(--it-common-white);
}
.it-footer-widget-contact-3 a {
  font-size: 18px;
  line-height: 1.56;
  display: block;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-footer-widget-contact-3 a {
    font-size: 14px;
  }
}
.it-footer-widget-contact-3 a:last-child {
  margin-top: 20px;
  font-weight: 600;
  display: inline-block;
  color: var(--it-common-white);
}
.it-footer-widget-contact-4 ul li {
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
.it-footer-widget-contact-4 ul li:not(:last-child) {
  margin-bottom: 22px;
}
.it-footer-widget-contact-4 ul li a {
  font-size: 15px;
  color: var(--it-common-white);
}
.it-footer-widget-contact-4 ul li a svg {
  position: absolute;
  top: 2px;
  left: 0;
}
.it-footer-widget-social a {
  color: var(--it-common-black);
}
.it-footer-widget-social a:not(:last-child) {
  margin-right: 18px;
}
.it-footer-widget-social a svg {
  width: 20px;
  height: 19px;
}
.it-footer-widget-social a:hover {
  color: var(--it-theme-1);
}
.it-footer-widget-post-item {
  display: flex;
  align-items: center;
}
.it-footer-widget-post-thumb {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  margin-right: 15px;
}
.it-footer-widget-post-content span {
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: var(--it-common-white);
}
.it-footer-widget-post-content span svg {
  margin-right: 5px;
  display: inline-block;
}
.it-footer-widget-post-content .title {
  font-weight: 600;
  line-height: 1.5;
  color: #bebfc3;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-footer-widget-post-content .title {
    font-size: 12px;
  }
}
.it-footer-widget-gallery-wrap {
  display: grid;
  gap: 5px;
  height: auto;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-gallery-wrap {
    width: auto;
  }
}
.it-footer-widget-gallery-wrap img {
  border-radius: 3px;
}
.it-footer-area {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-footer-border {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.it-footer-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 34.5%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border::before {
    left: 31%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border::before {
    left: 28.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border::before {
    display: none;
  }
}
.it-footer-border::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50.6%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border::after {
    left: 49.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border::after {
    display: none;
  }
}
.it-footer-border span {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
}
.it-footer-border span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 31%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border span::after {
    right: 27.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border span::after {
    right: 24.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border span::after {
    display: none;
  }
}
.it-footer-shape-1 {
  position: absolute;
  top: 13%;
  right: 3.5%;
  z-index: -1;
  animation: rotate 15s linear infinite;
}
.it-footer-shape-2 {
  position: absolute;
  bottom: 17%;
  left: 3.5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shape-2 {
    display: none;
  }
}
.it-footer-shape-3 {
  position: absolute;
  bottom: 3%;
  right: 4%;
  z-index: -1;
  opacity: 0.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shape-3 {
    transform: scale(0.5);
  }
}
.it-footer-shape-4 {
  position: absolute;
  bottom: 2%;
  left: 2%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shape-4 {
    display: none;
  }
}
.it-footer-shape-5 {
  position: absolute;
  top: 18%;
  left: 0;
  z-index: -1;
}
.it-footer-style-2 {
  margin-top: -100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-2 .it-copyright-left {
    margin-bottom: 0;
  }
}
.it-footer-style-2 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-2 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-footer-style-2 .it-copyright-bg::after {
  display: none;
}
.it-footer-style-3 {
  margin-top: -210px;
}
.it-footer-style-3 .it-footer-area {
  padding-top: 350px;
}
.it-footer-style-3 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-3 .it-copyright-left p a {
  text-decoration: underline;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-3 .it-footer-shape-2 {
    display: none;
  }
}
.it-footer-style-4 {
  margin-top: -195px;
}
.it-footer-style-4 .it-footer-area {
  padding-top: 300px;
}
.it-footer-style-4 .it-footer-col-1-2 {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-style-4 .it-footer-col-1-3 {
  margin-left: 0;
  transform: translateX(90px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-4 .it-footer-col-1-3 {
    transform: translateX(40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-3 {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-4 .it-footer-col-1-4 {
    text-align: start !important;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-4 {
    text-align: start !important;
  }
}
.it-footer-style-4 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-4 .it-copyright-left p a {
  text-decoration: underline;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-4 .it-footer-shape-2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-footer-style-5 {
    background-color: var(--it-theme-1);
  }
}
.it-footer-style-5 .it-footer-widget-title {
  margin-top: 0;
  color: var(--it-common-white);
}
.it-footer-style-5 .it-footer-widget-menu ul li a {
  color: rgba(255, 255, 255, 0.7);
}
.it-footer-style-5 .it-footer-widget-menu ul li a::before {
  background: rgba(255, 255, 255, 0.7);
}
.it-footer-style-5 .it-footer-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  object-fit: cover;
}
@media (max-width: 767px) {
  .it-footer-style-5 .it-footer-bg {
    display: none;
  }
}
.it-footer-style-6 .it-footer-widget-text p {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-btn-yellow span {
  color: var(--it-theme-4);
}
.it-footer-style-6 .it-btn-yellow svg {
  color: var(--it-theme-4);
}
.it-footer-style-6 .it-footer-widget-title {
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-edensor-regular);
}
.it-footer-style-6 .it-footer-widget-menu ul li a {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-menu ul li a::before {
  background-color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-contact ul li span, .it-footer-style-6 .it-footer-widget-contact ul li a {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-social a svg {
  transition: 0.3s;
  color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-social a svg:hover {
  color: var(--it-theme-2);
}
.it-footer-style-6 .it-footer-border::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-border::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-border span::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-border span::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-col-1-2 {
  margin-left: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-style-6 .it-footer-col-1-3 {
  margin-left: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-left: 0;
  }
}
.it-footer-style-6 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-footer-style-6 .it-copyright-bg::after {
  background-color: var(--it-common-white);
}
.it-footer-style-6 .it-copyright-menu a {
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-copyright-menu a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-6 .it-copyright-menu a {
    font-size: 14px;
  }
}
.it-footer-style-6 .it-copyright-menu span {
  color: var(--it-common-white);
}
.it-footer-style-7 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-7 .it-copyright-left p a {
  color: var(--it-theme-5);
}
.it-footer-style-7.it-footer-style-5 .it-footer-widget-title {
  font-family: var(--it-ff-oxanium);
}
.it-footer-style-8 {
  margin-top: -100px;
}
.it-footer-style-8 .it-footer-widget-social a {
  color: var(--it-common-white);
}
.it-footer-style-8 .it-footer-widget-social a:hover {
  color: var(--it-theme-2);
}
.it-footer-style-8 .it-footer-widget-text p {
  color: rgba(255, 255, 255, 0.8);
}
.it-footer-style-8 .it-footer-widget-title {
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}
.it-footer-style-8 .it-copyright-area {
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.it-footer-style-8 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-8 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-footer-style-8 .it-footer-border::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-8 .it-footer-border::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-8 .it-footer-border span::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-9 {
  margin-top: 0;
}
.it-footer-shop-style .it-copyright-border {
  border-top: 1px solid #D9D9D9;
}
.it-footer-shop-style .it-copyright-logo {
  margin-left: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-shop-style .it-copyright-logo {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-shop-style .it-copyright-logo {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shop-style .it-copyright-logo {
    display: none;
  }
}
.it-footer-shop-style .it-copyright-ptb {
  padding: 23.5px 0;
}

.it-copyright-ptb {
  padding: 12px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-ptb {
    padding: 17px 0;
  }
}
.it-copyright-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 51.5%;
  z-index: -1;
  background-color: var(--it-theme-1);
  clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-copyright-bg::after {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-bg::after {
    width: 59%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-bg::after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-left {
    margin-bottom: 8px;
  }
}
.it-copyright-left p {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-left p {
    font-size: 14px;
  }
}
.it-copyright-left p a {
  color: var(--it-theme-1);
}
.it-copyright-left.style-2 {
  margin-bottom: 0;
}
.it-copyright-menu a {
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-menu a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-menu a {
    font-size: 14px;
    color: var(--it-common-black);
  }
}
.it-copyright-menu span {
  color: var(--it-common-white);
  margin: 0 11px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-menu span {
    color: var(--it-common-black);
  }
}
@media (max-width: 767px) {
  .it-copyright-social {
    margin-top: 15px;
  }
}
.it-copyright-social a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 32px;
  text-align: center;
  border-radius: 5px;
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.it-copyright-social a:hover {
  border: 1px solid white;
}
.it-copyright-social a:not(:last-child) {
  margin-right: 10px;
}
.it-copyright-social a svg {
  height: 14px;
  width: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-style-3 .it-copyright-left {
    margin-bottom: 0;
  }
}
.it-copyright-style-3 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-copyright-style-3 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-copyright-style-3 .it-copyright-menu span, .it-copyright-style-3 .it-copyright-menu a {
  color: var(--it-common-white);
}

.it-copyright-2-area {
  padding: 28px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.it-copyright-2-text p, .it-copyright-2-text a {
  font-size: 14px;
  color: var(--it-theme-6);
}

/*----------------------------------------*/
/*  22. funfact css start
/*----------------------------------------*/
.it-funfact-icon span {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-right: 17px;
  padding-left: 12px;
}
.it-funfact-icon span::after {
  position: absolute;
  content: "";
  top: -10px;
  left: 0;
  display: inline-block;
  height: 41px;
  width: 41px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.15);
}
.it-funfact-icon span svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-funfact-content {
  text-align: start;
}
.it-funfact-content span {
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-content span {
    font-size: 14px;
  }
}
.it-funfact-number {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--it-common-white);
}
.it-funfact-number i {
  font-style: normal;
}
.it-funfact-item {
  padding: 71px 0;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-item {
    text-align: center;
    padding: 0;
    padding-bottom: 50px;
  }
}
.it-funfact-item::before {
  position: absolute;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-item::before {
    display: none;
  }
}
.it-funfact-item:hover .it-funfact-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area {
    padding-top: 70px;
    padding-bottom: 20px;
  }
}
.it-funfact-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}
.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  left: -4%;
}
.it-funfact-wrap {
  margin-top: -185px;
  padding: 0 80px;
  border-radius: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap {
    padding: 0 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap {
    padding: 60px 35px;
  }
}
@media (max-width: 767px) {
  .it-funfact-wrap {
    padding: 60px 25px;
    border-radius: 30px;
  }
}
.it-funfact-wrap::after {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px;
  background-color: var(--it-theme-2);
}
@media (max-width: 767px) {
  .it-funfact-wrap::after {
    border-radius: 30px;
  }
}
.it-funfact-wrap::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-funfact-wrap::before {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap .it-funfact-item {
    padding: 71px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-wrap .it-funfact-item::before {
  display: none;
}
.it-funfact-wrap .it-funfact-icon svg {
  color: var(--it-theme-2);
}
.it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 15px;
}
@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-wrap .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:not(:last-child) .it-funfact-item {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}
.it-funfact-shape-1 {
  position: absolute;
  top: -56%;
  left: 1.5%;
  z-index: 1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 {
    top: -54%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
.it-funfact-shape-2 {
  position: absolute;
  bottom: -15%;
  right: 1.5%;
  z-index: 1;
  animation: itswing 2.5s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 {
    bottom: -28%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 {
    bottom: -30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
.it-funfact-shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-funfact-shape-4 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-funfact-style-2 {
  background-color: var(--it-common-black);
  clip-path: path("M0 0C159.993 0 323.993 25.8668 484 25.8668C644 25.8668 800 0 960 0C1120 0 1284 25.8668 1444 25.8668C1603.99 25.8668 1759.99 0 1919.99 0C1920 73.3809 1920 146.762 1920 220.143C1759.99 220.143 1603.99 246.006 1444 246C1284 246.006 1120 220.139 960 220.133C800 220.139 644 246.006 484 246C324 246.006 160 220.143 0 220.143C0 146.762 0 73.3809 0 0Z");
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 {
    clip-path: none;
    padding: 70px 0;
  }
}
.it-funfact-style-2 .it-funfact-item {
  padding: 94px 0;
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item {
    padding: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item.style-4 {
    margin-bottom: 0;
  }
}
.it-funfact-style-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-funfact-style-3 .it-funfact-item {
  padding: 75px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-3 .it-funfact-item {
    padding: 0 0 50px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 70px 0;
  }
}
@media (max-width: 767px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 100px 0;
    background-image: none !important;
    background-color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-4.it-funfact-area {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-content span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-number {
    font-size: 24px;
  }
}
.it-funfact-style-5 .it-funfact-number {
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-5.it-funfact-area .row [class*=col-] .it-funfact-item {
    padding-bottom: 50px;
  }
}
.it-funfact-style-6 {
  margin-top: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-6 {
    margin-top: -30px;
  }
}
@media (max-width: 767px) {
  .it-funfact-style-6 {
    margin-top: 0;
    padding-bottom: 71px;
    background-color: var(--it-common-black);
  }
}
.it-funfact-style-6 .it-funfact-icon span::after {
  background-color: var(--it-theme-5);
}
.it-funfact-style-6 .it-funfact-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .it-funfact-style-6 .it-funfact-bg {
    display: none;
  }
}
.it-funfact-style-6 .it-funfact-item::before {
  top: auto;
  bottom: 0;
  width: 2px;
  height: 94%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-6 .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-style-7 {
  margin-top: -20px;
}
.it-funfact-style-7 .it-funfact-icon span::after {
  background-color: rgba(255, 255, 255, 0.15);
}
.it-funfact-2-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  left: -4%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

/*----------------------------------------*/
/*  24. header css start
/*----------------------------------------*/
.it-header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.it-header-top-ptb {
  padding: 10px 0;
  position: relative;
}
.it-header-top-ptb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #A81E30 0%, #ffd500 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-ptb {
    padding: 12px 0;
  }
}
.it-header-top-contact {
  position: relative;
  padding-left: 28px;
}
.it-header-top-contact span {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -2px;
  left: 0;
}
.it-header-top-contact span svg, .it-header-top-contact span i {
  position: relative;
  z-index: 1;
  transition: 0.3s;
  color: var(--it-theme-2);
}
.it-header-top-contact a {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-white);
}
.it-header-top-contact-wrap ul li {
  list-style-type: none;
  display: inline-block;
}
.it-header-top-contact-wrap ul li:not(:last-child) {
  padding-right: 27px;
  margin-right: 27px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
  }
}
.it-header-top-social-box a:not(:last-child) {
  margin-right: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box a {
    width: 35px;
    height: 35px;
    line-height: 31px;
  }
}
.it-header-top-social-box a svg, .it-header-top-social-box a i {
  z-index: 1;
  transition: 0.3s;
  position: relative;
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box a svg, .it-header-top-social-box a i {
    width: 14px;
    height: 14px;
  }
}
.it-header-top-social-box a:hover svg, .it-header-top-social-box a:hover i {
  color: var(--it-theme-2);
}
.it-header-top-social-box span {
  font-size: 14px;
  display: inline;
  margin-right: 30px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-social-box span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box span {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-header-top-list-box {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box {
    text-align: start;
  }
}
.it-header-top-list-box ul li {
  display: inline-block;
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .it-header-top-list-box ul li {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-list-box ul li:not(:last-child) {
  padding-right: 48px;
  margin-right: 44px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
  }
}
.it-header-top-list-box ul li span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span {
    font-size: 13px;
  }
}
.it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 20px;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
    font-size: 16px;
    top: 3px;
  }
}
.it-header-top-list-text {
  margin-left: 10px;
}
.it-header-top-list-text span {
  font-weight: 400;
  font-size: 12px;
  display: block;
  margin-bottom: 6px;
}
.it-header-top-list-text a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
}
.it-header-top-list-icon span {
  display: inline-block;
  height: 53px;
  width: 53px;
  line-height: 49px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  background-color: #F3F3F3;
  border: 1px solid rgba(121, 121, 121, 0.1);
  position: relative;
  overflow: hidden;
}
.it-header-top-list-icon span svg, .it-header-top-list-icon span i {
  position: relative;
  z-index: 1;
  color: var(--it-theme-1);
  transition: 0.3s;
}
.it-header-top-list-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: var(--it-theme-1);
}
.it-header-top-list-wrap ul li {
  list-style-type: none;
  display: inline-block;
}
.it-header-top-list-wrap ul li:not(:last-child) {
  margin-right: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-wrap ul li:not(:last-child) {
    margin-right: 0;
  }
}
.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span svg, .it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span i {
  color: var(--it-common-white);
}
.it-header-top-login-box {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-login-box {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-login-box a {
  font-size: 14px;
  color: var(--it-common-white);
}
.it-header-top-login-box a:hover {
  color: var(--it-theme-2);
}
.it-header-top-login-box span {
  margin: 0 8px;
  color: var(--it-common-white);
}
.it-header-top-style-2 .it-header-top-contact span svg, .it-header-top-style-2 i {
  color: var(--it-theme-1);
}
.it-header-top-style-2 .it-header-top-ptb::after {
  background: linear-gradient(90deg, #A81E30 0%, #ff4d4f 100%);
}
.it-header-top-area.it-header-style-6 .it-header-top-contact span i, .it-header-top-area.it-header-style-6 .it-header-top-contact span svg {
  color: var(--it-theme-5);
}
.it-header-top-area.it-header-style-6 .it-header-top-social-box a svg:hover, .it-header-top-area.it-header-style-6 .it-header-top-social-box a i:hover {
  color: var(--it-theme-5);
}

.it-header-top-2-area {
  padding: 14px 0;
  background-color: var(--it-theme-2);
}
.it-header-top-2-area .it-header-top-social-box {
  margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-2-area .it-header-top-social-box {
    margin-left: 0;
  }
}
.it-header-top-2-area .it-header-top-social-box a {
  height: auto;
  width: auto;
  line-height: 1;
}
.it-header-top-2-area .it-header-top-social-box a:not(:last-child) {
  margin-right: 22px;
}
.it-header-top-2-area .it-header-top-social-box a:hover svg, .it-header-top-2-area .it-header-top-social-box a:hover i {
  color: var(--it-theme-3);
}
.it-header-top-2-area .it-header-top-social-box svg {
  color: var(--it-common-black);
}
.it-header-top-2-text span {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-2-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-2-text span {
    font-size: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ptb {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ptb .it-btn-yellow {
    padding: 16px 25px;
  }
}
.it-header-menu > nav > ul {
  padding-left: 20px;
}
.it-header-menu > nav > ul > li {
  list-style-type: none;
  display: inline-block;
  margin: 0px 19px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-menu > nav > ul > li {
    margin: 0px 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li {
    margin: 0px 10px;
  }
}
.it-header-menu > nav > ul > li:first-child {
  margin-left: 0;
}
.it-header-menu > nav > ul > li:last-child {
  margin-right: 0;
}
.it-header-menu > nav > ul > li > a {
  line-height: 1;
  font-weight: 500;
  padding: 32px 0;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-jost);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a::after {
    font-size: 10px;
  }
}
.it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-1);
}
.it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-1);
}
.it-header-search-wrap {
  border-radius: 10px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-search-wrap {
    margin-right: 25px;
  }
}
.it-header-search {
  position: relative;
  max-width: 175px;
  border-left: 1px solid rgba(108, 117, 125, 0.2);
}
.it-header-search input {
  height: 100%;
  height: 43px;
  line-height: 43px;
  padding-left: 20px;
  padding-right: 40px;
  background-color: transparent;
  font-size: 14px;
}
.it-header-search input::placeholder {
  font-size: 14px;
}
.it-header-search .icon {
  position: absolute;
  right: 20px;
  top: 46%;
  transform: translateY(-50%);
}
.it-header-search-2 svg {
  height: 20px;
}
.it-header-search-3 button {
  height: 50px;
  width: 50px;
  line-height: 1;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  margin-right: 30px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-search-3 button {
    margin-right: 0;
  }
}
.it-header-user a {
  height: 50px;
  width: 50px;
  line-height: 43px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 30px;
  background-color: var(--it-gray-1);
}
.it-header-categorie {
  font-size: 14px;
  padding: 0 20px 0 15px;
  color: var(--it-common-black);
}
.it-header-categorie span {
  display: inline-block;
  margin-right: 10px;
}
.it-header-categorie i {
  display: inline-block;
  margin-left: 4px;
}
.it-header-categorie .nice-select::after {
  top: 52%;
  right: 20px;
  border-bottom: 1px solid var(--it-common-black);
  border-right: 1px solid var(--it-common-black);
}
.it-header-ml {
  margin-left: 380px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-ml {
    margin-left: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-ml {
    margin-left: 310px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ml {
    margin-left: 0;
  }
}
.it-header-login button {
  padding: 0;
  font-weight: 500;
  margin-right: 40px;
  color: var(--it-common-black);
}
.it-header-bar span {
  margin-left: 20px;
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 43px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  font-size: 18px;
}
.it-header-cart {
  position: relative;
  display: inline-block;
  margin-left: 30px;
  margin-right: 42px;
}
.it-header-cart span {
  position: absolute;
  top: -11px;
  right: -15px;
  height: 24px;
  width: 24px;
  line-height: 25px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  font-family: var(--it-ff-jost);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-header-right-action {
  margin-left: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-right-action {
    margin-left: -80px;
  }
}
.it-header-area .it-header-style-2 {
  padding: 0 30px;
  margin-top: 25px;
  border-radius: 10px;
  background: var(--it-common-white);
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-area .it-header-style-2 {
    padding: 15px 30px;
  }
}
@media (max-width: 767px) {
  .it-header-area .it-header-style-2 {
    padding: 15px 15px;
  }
}
.it-header-area .it-header-style-2::after {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  width: 69%;
  height: 80%;
  z-index: -2;
  border-radius: 10px;
  background-color: var(--it-theme-1);
  right: 0;
  text-align: center;
  margin: 0 auto;
}
.it-header-area .it-header-style-2 .it-header-menu > nav > ul {
  padding-left: 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-menu > nav > ul {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-menu > nav > ul > li {
    margin: 0px 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-menu > nav > ul > li > a {
    font-size: 16px;
  }
}
.it-header-area .it-header-style-2 .it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-3);
}
.it-header-area .it-header-style-2 .it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-search-2 {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-search-2 svg {
    height: 25px;
  }
}
.it-header-area.it-header-style-3 {
  border-bottom: 1px solid rgba(31, 36, 50, 0.1);
}
.it-header-area.it-header-style-3 .it-header-menu > nav > ul > li > a {
  padding: 36px 0;
}
.it-header-area.it-header-style-5 .it-header-menu > nav > ul {
  padding-left: 225px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-area.it-header-style-5 .it-header-menu > nav > ul {
    padding-left: 180px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.it-header-style-5 .it-header-menu > nav > ul {
    padding-left: 120px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.it-header-style-5 .it-header-menu > nav > ul > li {
    margin: 0 15px;
  }
}
.it-header-area.it-header-style-5 .it-header-menu > nav > ul > li > a {
  padding: 42px 0;
}
.it-header-area.it-header-style-5 .it-header-cart {
  margin-left: 0px;
  margin-right: 70px;
}
.it-header-style-6 .it-header-menu > nav > ul {
  padding-left: 0;
}
.it-header-style-6 .it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-5);
}
.it-header-style-6 .it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-5);
}
.it-header-style-6 .it-header-2-contact span {
  flex: 0 0 auto;
  margin-right: 10px;
  line-height: 40px;
  background-color: #F8F9FB;
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-header-style-6 .it-header-2-contact i {
  display: block;
  font-size: 14px;
  font-style: normal;
  margin-bottom: 10px;
}
.it-header-style-6 .it-header-2-contact a {
  display: block;
  margin-left: 0;
}
.it-header-style-6 .it-header-bar button span {
  border-radius: 0;
  background-color: var(--it-theme-5);
}
.it-header-login {
  margin-right: 30px;
  margin-left: 26px;
}
.it-header-login a {
  color: var(--it-common-black);
}
.it-header-login a:hover {
  color: var(--it-theme-3);
}
.it-header-login span {
  color: var(--it-common-black);
  display: inline-block;
  margin: 0 8px;
}
.it-header-area.header-fashion-style {
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
  border-bottom: 1px solid rgba(205, 147, 90, 0.2);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul {
  margin-left: 75px;
  padding-left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-area.header-fashion-style .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-fashion-style .it-header-menu > nav > ul {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-fashion-style .it-header-menu > nav > ul > li {
    margin: 0px 19px;
  }
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li > a {
  padding: 37px 0;
  color: var(--it-common-white);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li > a::after {
  font-weight: 400;
  color: var(--it-common-white);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  transition: 0.3s;
  background-color: var(--it-theme-6);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-6);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li:hover > a::after {
  color: var(--it-theme-6);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.it-header-area.header-shop-style .it-header-menu > nav > ul > li {
  margin: 0px 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-shop-style .it-header-menu > nav > ul > li {
    margin: 0px 12px;
  }
}
.it-header-area.header-shop-style .it-header-search {
  max-width: 254px;
}
.it-header-logo-2 {
  background-color: var(--it-theme-5);
  position: absolute;
  top: 0;
  left: 15.2%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding: 0 37px;
  align-items: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-logo-2 {
    left: 11%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-logo-2 {
    left: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-logo-2 {
    left: 3%;
  }
}
.it-header-logo-3 {
  display: none;
}

.it-header-2-area .it-header-menu > nav > ul {
  padding-left: 0;
  margin-left: -15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-area .it-header-menu > nav > ul {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-area .it-header-menu > nav > ul {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-area .it-header-menu > nav > ul > li {
    margin: 0px 15px;
  }
}
.it-header-2-area .it-header-search-2 {
  margin-left: 28px;
}
.it-header-2-area .it-header-search-2 button {
  padding: 0;
  display: inline-block;
  height: 39px;
  width: 39px;
  line-height: 0;
  text-align: center;
  border-radius: 50%;
  background-color: #F0F4F5;
}
.it-header-2-contact {
  margin-right: 40px;
}
.it-header-2-contact span {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: rgba(31, 36, 50, 0.2);
}
.it-header-2-contact span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: var(--it-theme-1);
}
.it-header-2-contact span svg, .it-header-2-contact span i {
  position: relative;
  z-index: 1;
}
.it-header-2-contact a {
  margin-left: 10px;
  font-weight: 500;
  display: inline-block;
  color: var(--it-common-black);
  font-family: var(--it-ff-jost);
}
.it-header-2-contact:hover span {
  color: var(--it-common-white);
}
.it-header-2-contact:hover span::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-header-2-style-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul {
  margin-left: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li {
    margin: 0px 19px;
  }
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li > a {
  padding: 42px 0;
  color: var(--it-common-white);
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li > a::after {
  color: var(--it-common-white);
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li > a:hover::after {
  color: var(--it-common-white);
}
.it-header-2-style-2.it-header-2-area .it-header-2-contact span {
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.2);
}
.it-header-2-style-2.it-header-2-area .it-header-2-contact a {
  color: var(--it-common-white);
}
.it-header-2-style-2 .it-header-bar button span {
  color: var(--it-theme-4);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-2-style-2 .it-header-2-contact {
    margin-right: 0;
  }
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  z-index: 999;
  visibility: visible;
  background-color: var(--it-common-white);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.header-sticky .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky .it-header-style-2 {
  box-shadow: none;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.header-sticky .it-header-style-2::after {
  display: none;
}
.header-sticky.it-header-style-3 .it-header-menu > nav > ul > li > a, .header-sticky.it-header-style-5 .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky.header-fashion-style {
  background-color: #2f2925;
}
.header-sticky.header-fashion-style .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky.it-header-2-style-3 .it-header-menu > nav > ul > li > a {
  padding: 30px 0;
  color: var(--it-common-black);
}
.header-sticky.it-header-2-style-3 .it-header-menu > nav > ul > li.has-dropdown a::after {
  color: var(--it-theme-1);
}
.header-sticky.it-header-2-style-3 .it-header-logo {
  display: none;
}
.header-sticky.it-header-2-style-3 .it-header-logo-3 {
  display: block;
}
.header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg {
  background-color: var(--it-theme-4);
}
.header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg span, .header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg svg {
  color: var(--it-common-white);
}
.header-sticky.it-header-2-style-3 .it-header-2-contact a {
  color: var(--it-common-black);
}
.header-sticky.it-header-2-style-3 .it-header-2-contact span {
  color: var(--it-common-black);
  background-color: rgba(31, 36, 50, 0.5);
}
.header-sticky.it-header-2-style-3 .it-header-2-contact span svg {
  color: var(--it-common-white);
}
.header-sticky.it-header-style-6 .it-header-top-area {
  display: none;
}

.it-onepage-menu li > a.active {
  color: var(--it-theme-1) !important;
}
.it-onepage-menu li > a.active::before {
  width: 100%;
  opacity: 1;
}
.it-onepage-menu li.has-dropdown > a.active::after {
  color: var(--it-theme-1) !important;
}

/*----------------------------------------*/
/*  27. menu css start
/*----------------------------------------*/
.it-header-menu nav ul li {
  position: relative;
}
.it-header-menu nav ul li.has-dropdown > a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  color: var(--it-common-black);
  margin-left: 5px;
}
.it-header-menu nav ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 270px;
  text-align: left;
  padding: 30px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-duration: 0.1s;
  transform-origin: top;
  border-radius: 0px 0px 8px 8px;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
  background-color: var(--it-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
  z-index: 9999;
}
.it-header-menu nav ul li .submenu li {
  list-style: none;
  display: block;
  padding: 0 30px;
}
.it-header-menu nav ul li .submenu li:not(:last-child) {
  margin-bottom: 13px;
}
.it-header-menu nav ul li .submenu li a {
  font-weight: 600;
  font-size: 14px;
  position: relative;
  display: inline-block;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
.it-header-menu nav ul li .submenu li a::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  height: 1px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--it-theme-1);
}
.it-header-menu nav ul li .submenu li:hover > a {
  padding-left: 20px;
  color: var(--it-theme-1);
}
.it-header-menu nav ul li .submenu li:hover > a::before {
  width: 15px;
  visibility: visible;
  opacity: 1;
}
.it-header-menu nav ul li .submenu .submenu {
  left: 100%;
  top: 0;
}
.it-header-menu nav ul li:hover.has-dropdown a::after {
  color: var(--it-theme-1);
  transform: rotate(-180deg);
}
.it-header-menu nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
  transform: perspective(300px) rotateX(0deg);
}

.it-header-menu nav ul li .has-home-img {
  position: absolute;
  left: 0;
  right: 0;
  width: 90%;
  opacity: 0;
  margin: 0 auto;
  visibility: hidden;
  text-align: center;
  padding: 55px 70px 20px 70px;
  border-radius: 0px 0px 8px 8px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .has-home-img {
    width: 100%;
    padding: 55px 60px 20px 60px;
  }
}
.it-header-menu nav ul li .has-home-img .home-img {
  padding: 0px 10px;
  position: relative;
}
.it-header-menu nav ul li .has-home-img .home-img-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  display: inline-block;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .has-home-img .home-img-title {
    font-size: 14px;
  }
}
.it-header-menu nav ul li .it-megamenu-wrap {
  position: absolute;
  left: 0;
  right: 0;
  width: 60%;
  opacity: 0;
  margin: 0 auto;
  visibility: hidden;
  padding: 40px 35px 40px 40px;
  border-radius: 0px 0px 8px 8px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .it-megamenu-wrap {
    width: 75%;
  }
}
.it-header-menu nav ul li .it-megamenu-wrap li {
  padding: 0;
}

.home-img:hover .home-img-thumb img {
  transform: scale(1.1);
}
.home-img:hover .home-img-thumb.home-img-overly::after {
  opacity: 1;
  visibility: visible;
}
.home-img:hover .home-img-title a {
  color: var(--it-theme-1);
}

.home-img-thumb {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  border: 1px solid #E3E4E9;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.14);
}
.home-img-thumb img {
  transition: 0.9s;
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.home-img-thumb.home-img-overly::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 28, 0.3);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.home-img-thumb.coming-soon {
  position: relative;
}
.home-img-thumb.coming-soon::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(6px);
}
.home-img-thumb.coming-soon::after {
  display: none;
}

.it-menu-mobile .it-menu-content,
.it-category-mobile-menu .it-menu-content {
  margin-bottom: 70px;
}
.it-menu-mobile .home-img,
.it-category-mobile-menu .home-img {
  margin-bottom: 20px;
}
.it-menu-mobile .home-img:hover .home-img-title a,
.it-category-mobile-menu .home-img:hover .home-img-title a {
  color: var(--it-theme-1);
}
.it-menu-mobile .home-img-title,
.it-category-mobile-menu .home-img-title {
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-black);
}
.it-menu-mobile .home-img-title:hover a,
.it-category-mobile-menu .home-img-title:hover a {
  color: var(--it-theme-1);
}
.it-menu-mobile ul,
.it-category-mobile-menu ul {
  position: static;
  display: block;
  box-shadow: none;
}
.it-menu-mobile ul li,
.it-category-mobile-menu ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li:not(:last-child) > a,
.it-category-mobile-menu ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: var(--it-common-black);
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  text-align: center;
  border: 1px solid rgba(176, 162, 162, 0.35);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(90deg);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown > a.expanded,
.it-category-mobile-menu ul li.has-dropdown > a.expanded {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened,
.it-category-mobile-menu ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown:hover > a::after,
.it-category-mobile-menu ul li.has-dropdown:hover > a::after {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: var(--it-common-black);
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(90deg);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown-2 > a.expanded,
.it-category-mobile-menu ul li.has-dropdown-2 > a.expanded {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened,
.it-category-mobile-menu ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-black);
}
.it-menu-mobile ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--it-common-black);
}
.it-menu-mobile ul li.has-dropdown-2:hover > a::after,
.it-category-mobile-menu ul li.has-dropdown-2:hover > a::after {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:last-child a span,
.it-category-mobile-menu ul li:last-child a span {
  border-bottom: 0;
}
.it-menu-mobile ul li > a,
.it-category-mobile-menu ul li > a {
  display: block;
  font-size: 16px;
  position: relative;
  padding: 10px 0;
  font-weight: 500;
  padding-right: 20px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
.it-menu-mobile ul li > a:hover,
.it-category-mobile-menu ul li > a:hover {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li > a svg,
.it-category-mobile-menu ul li > a svg {
  transform: translateY(-2px);
}
.it-menu-mobile ul li > a > i,
.it-category-mobile-menu ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.it-menu-mobile ul li > a .menu-text,
.it-category-mobile-menu ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.it-menu-mobile ul li img,
.it-category-mobile-menu ul li img {
  width: 100%;
  height: 100%;
}
.it-menu-mobile ul li ul,
.it-category-mobile-menu ul li ul {
  padding: 0;
}
.it-menu-mobile ul li ul li,
.it-category-mobile-menu ul li ul li {
  padding: 0;
}
.it-menu-mobile ul li ul li a,
.it-category-mobile-menu ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li a,
.it-category-mobile-menu ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li a,
.it-category-mobile-menu ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li li a,
.it-category-mobile-menu ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li:hover > a::after,
.it-category-mobile-menu ul li:hover > a::after {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:hover > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li:hover > a .dropdown-toggle-btn i {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:hover .mega-menu,
.it-category-mobile-menu ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.it-menu-mobile ul li .mega-menu, .it-menu-mobile ul li .submenu,
.it-category-mobile-menu ul li .mega-menu,
.it-category-mobile-menu ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.it-menu-mobile ul li .mega-menu li, .it-menu-mobile ul li .submenu li,
.it-category-mobile-menu ul li .mega-menu li,
.it-category-mobile-menu ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .it-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .mega-menu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--it-theme-1);
}
.it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a,
.it-category-mobile-menu .it-menu-content ul li:not(:last-child) .home-img-title a {
  border-bottom: none;
}
.it-menu-mobile * ul, .it-menu-mobile * li,
.it-category-mobile-menu * ul,
.it-category-mobile-menu * li {
  transition: none !important;
}

.it-header-menu nav ul li.p-static {
  position: static;
}

.it-category-mobile-menu nav {
  display: none;
}

.it-megamenu-title {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.17px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  color: var(--it-common-black);
  border-bottom: 1px solid #EDEDED;
}

/*----------------------------------------*/
/*  25. hero css start
/*----------------------------------------*/
.it-hero-title {
  font-size: 60px;
  line-height: 1.15;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 52px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 42px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title {
    font-size: 55px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-title {
    font-size: 36px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 44px;
  }
  .it-hero-title br {
    display: none;
  }
}
.it-hero-title span svg {
  animation: title-animation 4s infinite;
}
.it-hero-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  left: -2%;
  z-index: -1;
  display: block;
}
.it-hero-title span .it-title-shape-2 {
  position: absolute;
  bottom: -11%;
  right: 13%;
  z-index: -1;
  display: block;
}
.it-hero-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 42px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-text p {
    font-size: 14px;
  }
  .it-hero-text p br {
    display: none;
  }
}
.it-hero-content {
    margin-top: 150px;
    margin-bottom: 110px;
}

/* Large Desktop */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .it-hero-content {
        margin-top: 130px;
        margin-bottom: 90px;
    }
}

/* Laptop */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .it-hero-content {
        margin-top: 120px;
        margin-bottom: 80px;
    }
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .it-hero-content {
        margin-top: 100px;
        margin-bottom: 60px;
    }
}
  
/* Mobile */
@media (max-width: 767px) {
    .it-hero-content {
        margin-top: 80px;
        margin-bottom: 40px;
    }
}
.it-hero-thumb {
  transform: translateX(80px);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-thumb {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-thumb {
    transform: translateX(-40px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb {
    transform: translateX(0);
  }
}
.it-hero-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb img {
    max-width: 100%;
  }
}
.it-hero-experience-box {
  position: absolute;
  bottom: 20%;
  left: -31%;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-experience-box {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience-box {
    transform: scale(0.65);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-experience-box {
    left: 0;
    transform: scale(0.75);
  }
}
@media (max-width: 767px) {
  .it-hero-experience-box {
    left: -6%;
    bottom: 5%;
    transform: scale(0.45);
  }
}
.it-hero-experience-box > div {
  border-radius: 20px;
  padding: 18px 20px;
  padding-right: 50px;
  background-color: var(--it-common-white);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
  animation: translateX2 2s infinite alternate;
}
.it-hero-experience-box.experience-box-style-2 {
  bottom: 42%;
  left: auto;
  right: -18%;
}
.it-hero-experience-box.experience-box-style-2 > div {
  animation: translateX 2s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: -4%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: -4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: -6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: 0%;
  }
}
@media (max-width: 767px) {
  .it-hero-experience-box.experience-box-style-2 {
    bottom: 45%;
    right: -20%;
  }
}
.it-hero-experience-box.experience-box-style-2 .it-hero-experience-text b i {
  color: var(--it-theme-2);
}
.it-hero-experience-box.experience-box-style-2 .it-hero-experience-icon i {
  background-color: var(--it-theme-1);
}
.it-hero-experience-text span {
  display: block;
  margin-bottom: 14px;
}
.it-hero-experience-text b {
  font-weight: 700;
  font-size: 28px;
  display: block;
  line-height: 1;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-hero-experience-text b > i {
  font-style: normal;
  color: var(--it-theme-1);
}
.it-hero-experience-icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  margin-right: 15px;
  background-color: var(--it-theme-2);
}
.it-hero-experience-icon svg {
  color: var(--it-theme-1);
}
.it-hero-shape-1 {
  position: absolute;
  top: 2.5%;
  left: -9%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-1 {
    top: -5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-1 {
    top: -5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-shape-1 {
    left: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-shape-1 {
    display: none;
  }
}
.it-hero-shape-2 {
  position: absolute;
  top: -7%;
  left: -5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-2 {
    left: -10%;
    top: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-2 {
    left: -15%;
    top: -15%;
  }
}
@media (max-width: 767px) {
  .it-hero-shape-2 {
    display: none;
  }
}
.it-hero-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  left: 2.5%;
  animation: zoomIn 3s infinite;
}
.it-hero-shape-4 {
  position: absolute;
  z-index: -1;
  right: 3.5%;
  top: 5%;
}
.it-hero-shape-4 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-shape-4 {
    display: none;
  }
}
.it-hero-shape-5 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-hero-shape-6 {
  position: absolute;
  top: 12%;
  right: 6%;
  z-index: -1;
}
.it-hero-shape-7 {
  position: absolute;
  bottom: 12%;
  right: 45.5%;
  z-index: -1;
}
.it-hero-shape-8 {
  position: absolute;
  top: 7%;
  right: 10%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-8 {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-8 {
    transform: scale(0.8);
  }
}
@media (max-width: 767px) {
  .it-hero-shape-8 {
    display: none;
  }
}
.it-hero-shape-8 img {
  animation: rotate 55s linear infinite;
}
.it-hero-shape-9 {
  position: absolute;
  top: 9%;
  left: 15%;
  z-index: -1;
  opacity: 0.4;
  animation: rotate 45s linear infinite;
}
.it-hero-style-2 {
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-hero-style-2 .it-hero-thumb {
  transform: translateX(20px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-style-2 .it-hero-thumb {
    transform: translateX(-40px);
    margin-bottom: -90px;
  }
}
.it-hero-style-2 .it-hero-text p {
  margin-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 29px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 35px;
  }
}
.it-hero-ratting-box {
  margin-left: 25px;
}
.it-hero-ratting-box img {
  margin-right: 15px;
}
.it-hero-ratting-content span {
  display: block;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
.it-hero-ratting-content i {
  font-style: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.it-hero-2-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-hero-2-area .it-hero-text p {
  margin: 0 130px;
  margin-bottom: 35px;
  line-height: 1.87;
  color: var(--it-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-2-area .it-hero-text p {
    margin: 0;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-2-area .it-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-area .it-hero-title {
    font-size: 50px;
  }
}
.it-hero-2-area .it-hero-title span .it-title-shape {
  bottom: -16%;
}
.it-hero-2-content {
  padding-top: 275px;
  padding-bottom: 350px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-content {
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-content {
    padding-bottom: 270px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-content {
    padding-top: 240px;
    padding-bottom: 250px;
  }
}
@media (max-width: 767px) {
  .it-hero-2-content {
    padding-top: 200px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-content {
    padding-top: 220px;
    padding-bottom: 240px;
  }
}
@media (max-width: 767px) {
  .it-hero-2-content .it-btn-yellow.theme-bg.mr-25 {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-content .it-btn-yellow.theme-bg.mr-25 {
    margin-right: 25px;
    margin-bottom: 0;
  }
}
.it-hero-2-shape-1 {
  position: absolute;
  bottom: 12%;
  right: 20%;
  z-index: -1;
}
.it-hero-2-shape-2 {
  position: absolute;
  bottom: 28%;
  left: 25%;
  z-index: -1;
}
.it-hero-2-avatar-1 {
  position: absolute;
  z-index: -1;
  top: 21%;
  left: 9%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-1 {
    transform: scale(0.7);
    left: 7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-1 {
    transform: scale(0.5);
    left: 7%;
  }
}
.it-hero-2-avatar-2 {
  position: absolute;
  z-index: -1;
  top: 40%;
  left: 18%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-2 {
    transform: scale(0.7);
    left: 12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-2 {
    transform: scale(0.5);
    left: 12%;
  }
}
.it-hero-2-avatar-3 {
  position: absolute;
  z-index: -1;
  bottom: 29%;
  left: 10%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-3 {
    transform: scale(0.7);
    left: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-3 {
    transform: scale(0.5);
    left: 6%;
  }
}
.it-hero-2-avatar-4 {
  position: absolute;
  z-index: -1;
  top: 19%;
  right: 13.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-4 {
    transform: scale(0.7);
    right: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-4 {
    transform: scale(0.5);
    right: 5%;
  }
}
.it-hero-2-avatar-5 {
  position: absolute;
  z-index: -1;
  bottom: 48%;
  right: 19%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-5 {
    transform: scale(0.7);
    right: 14%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-5 {
    transform: scale(0.5);
    right: 11%;
  }
}
.it-hero-2-avatar-6 {
  position: absolute;
  z-index: -1;
  bottom: 31%;
  right: 10%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-6 {
    transform: scale(0.7);
    right: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-6 {
    transform: scale(0.5);
    right: 6%;
  }
}

.it-hero-3-area {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.it-hero-3-title {
  font-size: 60px;
  line-height: 1.17;
  margin-bottom: 27px;
  letter-spacing: 0.01em;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-title {
    font-size: 50px;
  }
  .it-hero-3-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-3-title {
    font-size: 35px;
  }
  .it-hero-3-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-3-title {
    font-size: 40px;
  }
}
.it-hero-3-title span svg {
  animation: title-animation 4s infinite;
}
.it-hero-3-title span .it-title-shape {
  position: absolute;
  bottom: -20%;
  right: 8%;
  z-index: -1;
  display: block;
}
.it-hero-3-text p {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 35px;
  color: var(--it-common-black-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-text p {
    padding: 0 50px;
    font-size: 14px;
  }
  .it-hero-3-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-text p {
    font-size: 15px;
    padding: 0 100px;
  }
  .it-hero-3-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-3-text p {
    font-size: 14px;
  }
  .it-hero-3-text p br {
    display: none;
  }
}
.it-hero-3-thumb {
  position: relative;
}
.it-hero-3-thumb::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1px;
  width: 322px;
  height: 265px;
  border-radius: 10px 10px 10px 262px;
  z-index: -1;
  background-color: var(--it-theme-2);
}
.it-hero-3-thumb img {
  border-radius: 0 0 0 262px;
}
.it-hero-3-thumb-box.style-1 {
  position: absolute;
  bottom: 13%;
  left: 8.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-thumb-box.style-1 {
    left: 1.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-thumb-box.style-1 {
    left: 2%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-thumb-box.style-1 {
    left: 0;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-box.style-1 {
    left: -2%;
    bottom: 7%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-thumb-box.style-1 {
    left: -2%;
    bottom: -3%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-thumb-box.style-1 {
    display: none;
  }
}
.it-hero-3-thumb-box.style-2 {
  text-align: end;
  position: absolute;
  right: 9.5%;
  top: 18%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-thumb-box.style-2 {
    right: 2.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-thumb-box.style-2 {
    right: 1%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-thumb-box.style-2 {
    right: 0;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-box.style-2 {
    right: -3%;
    top: 10%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-thumb-box.style-2 {
    right: -2%;
    top: auto;
    bottom: -11%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-thumb-box.style-2 {
    display: none;
  }
}
.it-hero-3-thumb-box.style-2 .it-hero-3-thumb::after {
  left: -9%;
  bottom: 1px;
  border-radius: 10px 10px 268px 10px;
  background-color: var(--it-theme-3);
}
.it-hero-3-thumb-box.style-2 img {
  border-radius: 0 0 268px 0;
}
.it-hero-3-content {
  padding-top: 305px;
  padding-bottom: 290px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-content {
    padding-top: 250px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-content {
    padding-top: 240px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-content {
    padding-top: 240px;
    padding-bottom: 240px;
  }
}
@media (max-width: 767px) {
  .it-hero-3-content {
    padding-top: 200px;
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-3-content {
    padding-top: 220px;
    padding-bottom: 160px;
  }
}
.it-hero-3-shape-1 {
  position: absolute;
  top: 1%;
  right: -16%;
  z-index: 1;
  transition: all 3s cubic-bezier(0.4, 0.2, 0.2, 1);
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 80%;
}
.it-hero-3-shape-2 {
  position: absolute;
  top: 6%;
  left: -19%;
  z-index: 1;
  transition: all 3s cubic-bezier(0.4, 0.2, 0.2, 1);
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 120%;
}
.it-hero-3-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 3%;
  left: 3%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-3 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-3 {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-3 {
    transform: scale(0.5);
  }
}
.it-hero-3-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 13%;
  left: 33%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-4 {
    bottom: 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-4 {
    bottom: 7%;
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-4 {
    bottom: 1%;
    left: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.4);
  }
}
.it-hero-3-shape-5 {
  position: absolute;
  z-index: -1;
  top: 19%;
  left: 3%;
  animation: zoomIn 3s infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-5 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-5 {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-5 {
    top: 14%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-5 {
    top: 10%;
    transform: scale(0.4);
  }
}
.it-hero-3-shape-6 {
  position: absolute;
  z-index: -1;
  bottom: 18%;
  right: 31%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-6 {
    bottom: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-6 {
    bottom: 15%;
    right: 10%;
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-6 {
    bottom: 6%;
    right: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.5);
  }
}

.it-hero-4-ptb {
  padding-top: 375px;
  padding-bottom: 340px;
  background-color: #F4F8FF;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb {
    padding-top: 300px;
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb {
    padding-top: 300px;
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb {
    padding-top: 250px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-ptb {
    padding-top: 240px;
    padding-bottom: 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}
@media (max-width: 767px) {
  .it-hero-4-ptb {
    padding-top: 220px;
    padding-bottom: 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}
.it-hero-4-ptb::after {
  content: "";
  position: absolute;
  top: 0;
  right: 13.5%;
  width: 520px;
  height: 100%;
  z-index: -3;
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb::after {
    width: 450px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb::after {
    width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb::after {
    right: 9%;
    width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-ptb::after {
    display: none;
  }
}
.it-hero-4-ptb .it-hero-text p {
  line-height: 1.85;
  margin-right: 50px;
  margin-bottom: 33px;
  color: var(--it-text-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb .it-hero-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-ptb .it-hero-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 52px;
  }
}
.it-hero-4-input-box {
  margin-right: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-input-box {
    margin-right: 100px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-input-box {
    margin-right: 0;
  }
}
.it-hero-4-input-box form input {
  height: 65px;
  line-height: 65px;
  border-radius: 100px;
  padding-right: 210px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-input-box form input {
    height: 55px;
    line-height: 55px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-input-box form input::placeholder {
    font-size: 14px;
  }
}
.it-hero-4-input-box .it-btn-yellow {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}
.it-hero-4-thumb-box {
  position: absolute;
  bottom: 0;
  right: 6%;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-thumb-box {
    right: -5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-thumb-box {
    right: -5%;
    bottom: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-thumb-box {
    right: 0;
    bottom: 0;
    width: 51%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-thumb-box {
    right: 0;
    bottom: 0;
    width: 51%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-thumb-box {
    margin-top: 30px;
    position: static;
  }
}
.it-hero-4-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-thumb img {
    width: 100%;
  }
}
.it-hero-4-ratting-wrap {
  position: absolute;
  left: -14%;
  bottom: 14%;
  animation: translateX 3s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ratting-wrap {
    bottom: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-ratting-wrap {
    display: none;
  }
}
.it-hero-4-ratting-box {
  border-radius: 20px;
  padding: 22px 25px;
  background-color: var(--it-common-white);
  border: 1px solid var(--it-theme-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ratting-box {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ratting-box {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ratting-box {
    transform: scale(0.6);
  }
}
.it-hero-4-ratting-box img {
  width: 80px;
}
.it-hero-4-ratting-box i {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  margin-left: 20px;
  color: var(--it-common-black);
}
.it-hero-4-ratting-box span {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin-right: 30px;
  color: var(--it-common-black-2);
}
.it-hero-4-shape-1 {
  position: absolute;
  z-index: -1;
  top: 16%;
  left: 3%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-1 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-1 {
    top: 20%;
    transform: scale(0.5);
  }
}
.it-hero-4-shape-1 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-hero-4-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  left: 43%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-2 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-2 {
    transform: scale(0.6);
  }
}
.it-hero-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: 16%;
  right: 37%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-3 {
    top: 15%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-3 {
    top: 25%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-3 {
    top: 20%;
    transform: scale(0.4);
  }
}
.it-hero-4-shape-3 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-hero-4-shape-4 {
  position: absolute;
  z-index: -1;
  top: 20%;
  right: 6%;
  animation: zoomIn 5s infinite;
}
.it-hero-4-shape-5 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -2;
}
.it-hero-4-shape-6 {
  position: absolute;
  z-index: -3;
  top: 0;
  right: 0;
}
.it-hero-4-shape-7 {
  position: absolute;
  bottom: -4%;
  left: 0;
  width: 100%;
  z-index: 9;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-shape-7 {
    bottom: -3%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-7 {
    bottom: -7%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-7 {
    bottom: -9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-7 {
    bottom: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-shape-7 {
    display: none;
  }
}
.it-hero-4-shape-7 svg {
  width: 100%;
}
.it-hero-4-shape-8 {
  position: absolute;
  bottom: 5%;
  left: 3%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-shape-8 {
    bottom: 7%;
  }
}

.it-hero-5-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 200px;
  padding-bottom: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-area {
    padding-bottom: 110px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-area {
    padding-top: 170px;
    padding-bottom: 110px;
  }
}
.it-hero-5-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-thumb img {
    width: 100%;
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-thumb img {
    width: 100%;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-thumb-sm img {
    width: 100%;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .it-hero-5-thumb-sm img {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-thumb-sm img {
    margin-top: 0;
  }
}
.it-hero-5-title {
  font-size: 60px;
  line-height: 1.17;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: var(--it-common-white);
  font-family: var(--it-ff-edensor-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-title {
    font-size: 45px;
  }
}
.it-hero-5-text p {
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 30px;
  margin-right: 110px;
  color: rgba(255, 255, 255, 0.8);
}
.it-hero-5-content {
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-content {
    margin-left: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-content {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-5-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-content p {
    margin-right: 0;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-content p {
    margin-right: 0;
    font-size: 14px;
  }
}
.it-hero-5-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-shape-1 {
    right: -10%;
  }
}
.it-hero-5-shape-2 {
  position: absolute;
  bottom: 10%;
  right: 34%;
  z-index: -1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-shape-2 {
    right: 25%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-shape-2 img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-shape-2 img {
    transform: scale(0.6);
  }
}

.it-hero-6-area {
  padding-top: 85px;
  padding-bottom: 120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-area {
    padding-top: 100px;
  }
}
.it-hero-6-title {
  font-size: 55px;
  font-weight: 700;
  line-height: 1.36;
  margin-bottom: 12px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-6-title {
    font-size: 46px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-title {
    font-size: 42px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-6-title {
    font-size: 55px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-6-title {
    font-size: 28px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-6-title {
    font-size: 44px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
.it-hero-6-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-6-text p {
    margin-right: 50px;
  }
  .it-hero-6-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-text p {
    font-size: 14px;
    margin-right: 50px;
  }
  .it-hero-6-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-text p {
    font-size: 14px;
  }
  .it-hero-6-text p br {
    display: none;
  }
}
.it-hero-6-thumb {
  margin-right: -30px;
  transform: translateX(-15px);
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-6-thumb {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-6-thumb {
    margin-right: 10px;
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-thumb img {
    width: 100%;
  }
}
.it-hero-6-thumb::after {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 30px;
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-content {
    margin-bottom: 70px;
  }
}
.it-hero-6-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-hero-6-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-hero-6-shape-3 {
  position: absolute;
  bottom: 9%;
  right: 42%;
  z-index: -1;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

.it-hero-7-area {
  padding-top: 215px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-area {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-area {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-area {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area {
    padding-top: 150px;
  }
}
.it-hero-7-area .it-hero-title {
  line-height: 1.33;
  margin-bottom: 10px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-7-area .it-hero-title {
    font-size: 50px;
  }
  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-area .it-hero-title {
    font-size: 45px;
  }
  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-area .it-hero-title {
    font-size: 40px;
  }
  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area .it-hero-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area .it-hero-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area .it-hero-title .it-title-shape {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area .it-btn-yellow.theme-bg.mr-25 {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area .it-btn-yellow.theme-bg.mr-25 {
    margin-bottom: 0;
    margin-right: 25px;
  }
}
.it-hero-7-thumb-wrap {
  gap: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-thumb-wrap {
    gap: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 20px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 20px;
    margin-top: 50px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 10px;
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .it-hero-7-thumb {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-hero-7-thumb img {
    width: 100%;
  }
}
.it-hero-7-text p {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 26px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-text p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-text p {
    font-size: 16px;
  }
}
.it-hero-7-ratting i {
  color: var(--it-theme-2);
}
.it-hero-7-ratting span {
  font-size: 20px;
  margin-left: 4px;
  display: inline-block;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-ratting span {
    font-size: 18px;
  }
}
.it-hero-7-stats-box {
  padding: 50px 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  width: 357px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box {
    padding-left: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-stats-box {
    padding: 25px 20px;
    background-color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box {
    padding: 20px 10px;
  }
}
.it-hero-7-stats-box::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-theme-1);
  -webkit-mask-image: url(../img/hero/mask.webp);
  -webkit-mask-size: cover;
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-stats-box::after {
    display: none;
  }
}
.it-hero-7-stats-box .stats-number {
  font-size: 60px;
  margin-bottom: 0;
  line-height: 1;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 15px;
  }
}
.it-hero-7-stats-box .stats-number i {
  font-style: normal;
}
.it-hero-7-stats-box span {
  font-weight: 600;
  font-size: 16px;
  display: block;
  text-align: end;
  margin-bottom: 45px;
  letter-spacing: 0.2em;
  color: var(--it-theme-2);
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-stats-box span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box span {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-stats-box span {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box span {
    font-size: 8px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
}
.it-hero-7-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-hero-7-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.it-hero-8-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-area {
    padding-top: 120px;
  }
}
.it-hero-8-title {
  font-weight: 800;
  font-size: 60px;
  margin-bottom: 20px;
  line-height: 1.25;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-8-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-8-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .it-hero-8-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-8-title {
    font-size: 40px;
  }
}
.it-hero-8-title span {
  color: var(--it-theme-5);
}
.it-hero-8-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  margin-right: 95px;
  margin-bottom: 45px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-text p {
    margin-right: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-text p {
    margin-right: 0;
  }
}
.it-hero-8-thumb img {
  max-width: inherit;
  margin-left: -230px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-8-thumb img {
    margin-left: -270px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-8-thumb img {
    margin-left: -320px;
    margin-bottom: -70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-thumb img {
    margin-left: -340px;
    margin-bottom: -120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-thumb img {
    margin-left: -300px;
    margin-bottom: -150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-thumb img {
    margin-left: 0;
    width: 100%;
    margin-top: 30px;
  }
}
.it-hero-8-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 11%;
  left: 2%;
  animation: zoomIn 3s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-shape-1 {
    display: none;
  }
}

.it-hero-9-area {
  padding: 100px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-top: 1px solid var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-area {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-9-area {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .it-hero-9-area {
    padding-top: 120px;
  }
}
.it-hero-9-area .it-hero-title {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-area .it-hero-title {
    font-size: 50px;
  }
  .it-hero-9-area .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-9-area .it-hero-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-9-area .it-hero-title {
    font-size: 48px;
  }
}
.it-hero-9-area .it-hero-text p {
  margin-bottom: 32px;
  color: rgba(31, 36, 50, 0.8);
}
@media (max-width: 767px) {
  .it-hero-9-area .it-btn-yellow.theme-bg.mr-25 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-content {
    margin-bottom: 70px;
  }
}
.it-hero-9-thumb {
  mask-image: url(../img/hero/mask-11.webp);
  -webkit-mask-image: url(../img/hero/mask-11.webp);
  mask-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 648px;
  margin-left: 42px;
  transform: translateX(15px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-thumb {
    height: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-thumb {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-thumb {
    height: 100%;
    margin-left: 0;
    text-align: center;
    transform: translateX(0);
  }
}
.it-hero-9-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-hero-9-ratting-box {
  position: absolute;
  z-index: 1;
  bottom: 12%;
  left: -10%;
  animation: translateX 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-ratting-box {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-ratting-box {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-ratting-box {
    display: none;
  }
}
.it-hero-9-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.it-hero-9-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 3%;
  left: 1.5%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-2 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-shape-2 {
    display: none;
  }
}
.it-hero-9-shape-3 {
  position: absolute;
  z-index: -1;
  top: 7%;
  right: 5.5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-3 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-shape-3 {
    top: 3%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-shape-3 {
    display: none;
  }
}
.it-hero-9-shape-4 {
  position: absolute;
  z-index: -1;
  top: 9%;
  right: 12%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-9-shape-4 {
    right: 6%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-9-shape-4 {
    right: 1%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-4 {
    right: 1%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-shape-4 {
    display: none;
  }
}

.it-hero-10-area {
  padding-top: 335px;
  padding-bottom: 270px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area {
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-area {
    padding-top: 260px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-area {
    padding-top: 270px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-area {
    padding-top: 180px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-10-area {
    padding-top: 150px;
    padding-bottom: 0;
  }
}
.it-hero-10-area .it-hero-9-ratting-box {
  bottom: 15%;
  left: -41%;
  right: auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    left: -32%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    left: -32%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    display: none !important;
  }
}
.it-hero-10-area .it-hero-experience-box {
  bottom: 51%;
  left: auto;
  right: -35%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area .it-hero-experience-box {
    right: -20%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-area .it-hero-experience-box {
    display: none !important;
  }
}
.it-hero-10-area .it-hero-experience-icon i {
  background-color: var(--it-theme-1);
}
.it-hero-10-area .it-hero-experience-icon svg {
  color: var(--it-common-white);
}
.it-hero-10-title {
  font-size: 60px;
  line-height: 1.17;
  margin-bottom: 15px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-title {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .it-hero-10-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-10-title {
    font-size: 42px;
  }
}
.it-hero-10-title span {
  background: linear-gradient(199deg, #f8c62f 0%, #A81E30 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.it-hero-10-subtitle {
  font-size: 24px;
  display: block;
  margin-bottom: 19px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-subtitle {
    font-size: 16px;
  }
}
.it-hero-10-text p {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 32px;
  margin-right: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-text p {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-10-text p {
    margin-right: 0;
    font-size: 14px;
  }
}
.it-hero-10-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-thumb img {
    width: 100%;
  }
}
.it-hero-10-thumb-wrap {
  position: absolute;
  bottom: 0;
  right: 14.2%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-thumb-wrap {
    right: 9.2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-thumb-wrap {
    right: 3.2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-thumb-wrap {
    right: -4.2%;
    bottom: -15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-thumb-wrap {
    margin-top: 70px;
    position: static;
    text-align: center;
  }
}
.it-hero-10-social {
  position: absolute;
  top: 50%;
  left: -6%;
  transform: translateY(-50%) rotate(-90deg);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-10-social {
    left: -9%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-social {
    display: none;
  }
}
.it-hero-10-social a {
  font-weight: 400;
  font-size: 16px;
  margin: 0 10px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}
.it-hero-10-social a::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  transition: 0.4s;
  background: linear-gradient(90deg, #D2283D 0%, rgba(3, 89, 78, 0) 100%);
}
.it-hero-10-social a:hover::after {
  width: 100%;
}
.it-hero-10-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.it-hero-10-shape-2 {
  position: absolute;
  z-index: -2;
  bottom: 0;
  right: -0.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-10-shape-2 {
    right: -9.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-shape-2 {
    right: -17.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-2 {
    right: -24.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-shape-2 {
    display: none;
  }
}
.it-hero-10-shape-3 {
  position: absolute;
  z-index: -1;
  top: 17%;
  right: 5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-3 {
    top: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-3 img {
    transform: scale(0.5);
  }
}
.it-hero-10-shape-4 {
  position: absolute;
  z-index: -1;
}

.it-hero-11-area {
  padding-top: 115px;
}
@media (max-width: 767px) {
  .it-hero-11-area {
    padding-top: 80px;
  }
}
.it-hero-11-area .it-btn-yellow.style-2 {
  padding: 0;
  border: none;
}
.it-hero-11-title {
  font-size: 120px;
  line-height: 0.92;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-11-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-11-title {
    font-size: 75px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .it-hero-11-title {
    font-size: 40px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-11-title {
    font-size: 68px;
  }
}
.it-hero-11-title span svg {
  animation: title-animation 4s infinite;
}
.it-hero-11-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  left: 10%;
  z-index: -1;
  display: block;
}
.it-hero-11-title span .it-title-shape-2 {
  position: absolute;
  bottom: -11%;
  right: 13%;
  z-index: -1;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-thumb {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-thumb img {
    width: 100%;
  }
}
.it-hero-11-content p {
  color: #999;
  line-height: 1.75;
  margin-right: 40px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-content p {
    font-size: 14px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-11-content p {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .it-hero-11-content p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-hero-11-content-wrap {
  margin-top: -95px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-content-wrap {
    margin-top: 0;
  }
}
.it-hero-11-play-btn {
  margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-play-btn {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-play-btn {
    display: none;
  }
}
.it-hero-11-play-btn a {
  display: inline-block;
  height: 149px;
  width: 149px;
  margin-bottom: 45px;
  line-height: 149px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-play-btn a {
    height: 100px;
    width: 100px;
    line-height: 100px;
  }
}
.it-hero-11-play-btn a svg {
  padding-left: 5px;
}
.it-hero-11-play-btn span {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #999;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-play-btn span {
    font-size: 17px;
  }
}
.it-hero-11-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 15%;
  left: 26%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-11-shape-1 {
    left: 18%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-11-shape-1 {
    left: 18%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-shape-1 {
    left: 18%;
    transform: scale(0.5);
  }
}
.it-hero-11-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  left: 4.5%;
}

.it-hero-12-area {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-12-area {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-area {
    padding-top: 90px;
    padding-bottom: 120px;
    background-position: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-12-area {
    padding-top: 100px;
    padding-bottom: 120px;
    background-position: right;
  }
}
@media (max-width: 767px) {
  .it-hero-12-area {
    padding-top: 90px;
    padding-bottom: 90px;
    background-position: right;
  }
}
.it-hero-12-area .it-hero-title {
  margin-bottom: 27px;
}
.it-hero-12-area .it-hero-thumb {
  transform: translateX(-20px);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(-50px);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(-30px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-12-area .it-hero-thumb img {
    width: 100%;
  }
}
.it-hero-12-area .it-hero-shape-1 {
  top: 0;
  left: 1%;
  opacity: 0.4;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area .it-hero-shape-1 {
    top: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-area .it-hero-shape-1 {
    top: -10%;
    transform: scale(1);
  }
}
.it-hero-12-area .it-hero-shape-3 {
  bottom: 8%;
  left: 35%;
}
.it-hero-12-subtitle {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  display: block;
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-active .it-slider-arrow-wrap {
    display: none;
  }
}
.it-hero-12-active .swiper-slide-active .it-hero-12-subtitle, .it-hero-12-active .swiper-slide-active .it-hero-title, .it-hero-12-active .swiper-slide-active .it-hero-bnt {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-12-subtitle {
  animation: img-anim-bottom 1s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1s;
}
.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-title {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.3s;
}
.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-bnt {
  animation: img-anim-bottom 1.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.7s;
}

/*----------------------------------------*/
/*  11. categories css start
/*----------------------------------------*/
.it-categories-item {
  padding: 40px 20px;
  padding-bottom: 35px;
  border-radius: 20px;
  margin-bottom: 35px;
  transition: transform 0.5s ease;
  background-color: #F0F4F5;
  border: 1px solid var(--it-theme-1);
}
.it-categories-item:hover span {
  animation: icon-bounce 0.8s 1;
}
.it-categories-item span {
  display: inline-block;
  margin-bottom: 26px;
  transition: transform 0.5s ease;
}
.it-categories-item span svg {
  height: 80px;
  transition: 0.3s;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-item span svg {
    height: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-item h6 {
    font-size: 17px;
  }
}
.it-categories-item.item-style-2 {
  border-color: #2F57EF;
  background-color: #F8C62F;
}
.it-categories-item.item-style-2 span svg {
  color: #2F57EF;
}
.it-categories-item.item-style-3 {
  border-color: #FF4D4F;
  background-color: #FFEBEC;
}
.it-categories-item.item-style-3 span svg {
  color: #FF4D4F;
}
.it-categories-item.item-style-4 {
  border-color: #3D97FE;
  background-color: #E9F3FE;
}
.it-categories-item.item-style-4 span svg {
  color: #3D97FE;
}
.it-categories-item.item-style-5 {
  border-color: #2F57EF;
  background-color: #EFF2FF;
}
.it-categories-item.item-style-5 span svg {
  color: #2F57EF;
}
.it-categories-item.item-style-6 {
  border-color: #39B410;
  background-color: #F6FFF3;
}
.it-categories-item.item-style-6 span svg {
  color: #39B410;
}
.it-categories-item.item-style-7 {
  border-color: #8E56FF;
  background-color: #F7F3FF;
}
.it-categories-item.item-style-7 span svg {
  color: #8E56FF;
}
.it-categories-item.item-style-8 {
  border-color: #F92596;
  background-color: #FFF9FC;
}
.it-categories-item.item-style-8 span svg {
  color: #F92596;
}
.it-categories-style-2 .it-categories-item {
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  margin: 0 -1px -1px auto;
  transition: 0.3s;
  border: 1px solid rgba(108, 117, 125, 0.15);
}
.it-categories-style-2 .it-categories-item.item-style-1 {
  border-radius: 20px 0 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-1 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item.item-style-4 {
  border-radius: 0 20px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-4 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item.item-style-5 {
  border-radius: 0 0 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-5 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item.item-style-8 {
  border-radius: 0 0 20px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-8 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item:hover {
  background-color: var(--it-theme-1);
}
.it-categories-style-2 .it-categories-item:hover span svg {
  color: var(--it-common-white);
}
.it-categories-style-2 .it-categories-item:hover h6 {
  color: var(--it-common-white);
}
.it-categories-style-2 .it-categories-wrap {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
.it-categories-shape-1 {
  position: absolute;
  top: -18%;
  left: 0;
  z-index: -1;
}
.it-categories-shape-2 {
  position: absolute;
  top: 30%;
  right: 9.5%;
  z-index: -1;
}

.it-categories-2-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-categories-2-item {
  text-align: center;
  border: 1px solid rgba(248, 198, 47, 0.5);
  background: rgba(255, 255, 255, 0.5);
}
.it-categories-2-item:hover .it-categories-2-thumb img {
  transform: scale(1.2);
}
.it-categories-2-title {
  margin: 25px 15px;
  margin-bottom: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-2-title {
    font-size: 16px;
  }
}
.it-categories-2-thumb {
  overflow: hidden;
}
.it-categories-2-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.it-categories-2-shape-1 {
  position: absolute;
  z-index: -1;
  top: 4%;
  left: 2.5%;
}
@media (max-width: 767px) {
  .it-categories-2-shape-1 {
    display: none;
  }
}
.it-categories-2-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 6.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-categories-2-shape-2 {
    bottom: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-2-shape-2 {
    display: none;
  }
}
.it-categories-2-shape-2 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-categories-2-style-2 .it-categories-2-item {
  transition: 0.3s;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(254, 130, 53, 0.2);
}
.it-categories-2-style-2 .it-categories-2-item:hover {
  border: 1px solid var(--it-theme-5);
}
.it-categories-2-style-2 .it-categories-2-thumb {
  border: 1px solid var(--it-theme-5);
}
.it-categories-2-style-2 .it-categories-2-thumb img {
  width: 100%;
}

.it-categories-3-area {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.it-categories-3-item {
  padding: 32px 30px;
  padding-top: 50px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: #BC9FFD;
}
.it-categories-3-item .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-categories-3-item.style-2 {
  background-color: var(--it-theme-1);
}
.it-categories-3-item.style-3 {
  background-color: #2F57EF;
}
.it-categories-3-item.style-4 {
  background-color: var(--it-theme-2);
}
.it-categories-3-item.style-5 {
  background-color: var(--it-theme-3);
}
.it-categories-3-title {
  font-size: 24px;
  line-height: 1.42;
  margin-bottom: 0;
  color: var(--it-common-white);
  margin-right: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-categories-3-title {
    font-size: 18px;
  }
}
.it-categories-3-icon {
  position: absolute;
  right: 30px;
  top: 30px;
}
.it-categories-3-shape-1 {
  position: absolute;
  z-index: -1;
  top: -18%;
  left: 0;
}

.it-category-4-thumb {
  border-radius: 50%;
  overflow: hidden;
}
.it-category-4-thumb img {
  border-radius: 50%;
  transition: 1.3s all ease;
  border: 1px solid rgba(3, 89, 78, 0.15);
}
.it-category-4-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 17px;
}
@media (max-width: 767px) {
  .it-category-4-title {
    font-size: 17px;
  }
}
.it-category-4-arrow-wrap {
  display: flex;
  gap: 20px;
  z-index: 2;
  justify-content: end;
}
@media (max-width: 767px) {
  .it-category-4-arrow-wrap {
    margin-top: 30px;
    justify-content: start;
  }
}
.it-category-4-arrow-wrap button {
  padding: 0;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-category-4-arrow-wrap button {
    height: 40px;
    width: 40px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .it-category-4-arrow-wrap button svg {
    height: 15px;
  }
}
.it-category-4-item {
  text-align: center;
}
.it-category-4-item:hover .it-category-4-thumb img {
  transform: scale(1.1);
}

.it-categories-dots .swiper-pagination-bullet {
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 7px;
  transition: 0.4s;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  margin: 0 6px !important;
  background-color: var(--it-gray-1);
}
.it-categories-dots .swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  02. about css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-about-thumb {
    padding-left: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-thumb img {
    width: 100%;
  }
}
.it-about-thumb.thumb-overlay img {
  width: 100%;
}
.it-about-thumb.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.5);
}
.it-about-thumb-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-about-thumb-icon svg {
  display: inline-block;
  padding-left: 2px;
}
.it-about-left {
  margin-right: -12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-left {
    margin-right: 0;
  }
}
.it-about-right {
  margin-left: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-right {
    margin-left: 0;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-right .it-section-title br {
    display: none;
  }
}
.it-about-shape-1 {
  position: absolute;
  top: -10%;
  left: -5%;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-about-shape-1 {
    display: none;
  }
}
.it-about-shape-2 {
  position: absolute;
  top: -16%;
  right: 0;
  z-index: -1;
}
.it-about-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -30px;
}
.it-about-shape-4 {
  position: absolute;
  z-index: -1;
  top: 2.5%;
  left: 7%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-shape-4 {
    display: none;
  }
}
.it-about-shape-5 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 9%;
  animation: zoom 7s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-shape-5 {
    transform: scale(0.6);
    bottom: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-shape-5 {
    display: none;
  }
}
.it-about-shape-6 {
  position: absolute;
  z-index: -1;
  top: -20%;
  left: 0;
}
.it-about-shape-7 {
  position: absolute;
  z-index: -1;
  top: -12%;
  right: 17%;
}
@media (max-width: 767px) {
  .it-about-shape-7 {
    display: none;
  }
}
.it-about-shape-8 {
  position: absolute;
  z-index: -1;
  top: 9.5%;
  right: 7%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-shape-8 {
    transform: scale(0.5);
  }
}
.it-about-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-about-experience-box {
  padding: 31px 53px;
  border-radius: 20px;
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-experience-box {
    padding: 25px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-experience-box {
    padding: 25px 15px;
  }
}
.it-about-experience-box span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-experience-box span {
    font-size: 14px;
  }
}
.it-about-experience-box h5 {
  font-size: 40px;
  margin-bottom: 0;
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
}
.it-about-experience-box h5 i {
  font-style: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-experience-box h5 {
    font-size: 30px;
  }
}
.it-about-experience-box h5::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 1px;
  height: 31px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.3);
}
.it-about-list-box {
  margin-bottom: 45px;
}
.it-about-list-box ul li {
  list-style-type: none;
}
.it-about-list-box ul li:not(:last-child) {
  margin-bottom: 28px;
}
.it-about-list-box ul li span {
  display: block;
  padding-left: 47px;
  position: relative;
  font-size: 24px;
  line-height: 1;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-list-box ul li span {
    font-size: 16px;
    padding-left: 40px;
  }
}
.it-about-list-box ul li span svg, .it-about-list-box ul li span i {
  position: absolute;
  top: -2px;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-list-box ul li span svg, .it-about-list-box ul li span i {
    height: 18px;
  }
}
.it-about-style-2 .it-about-left {
  margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-left .row.gx-0 {
    --bs-gutter-x: 25px !important;
  }
}
.it-about-style-2 .it-about-list-box {
  margin-bottom: 40px;
}
.it-about-style-2 .it-about-right {
  margin-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-right {
    margin-left: 0;
  }
}
.it-about-style-2 .it-about-right p {
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-right p {
    margin-right: 0;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-style-3 .it-about-right {
    margin-bottom: 0;
  }
}
.it-about-style-3 .it-about-left {
  padding-right: 10px;
  padding-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 .it-about-left {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 .it-about-text p {
    font-size: 14px;
  }
}
.it-about-style-3 .it-about-thumb {
  border-radius: 1000px;
}
.it-about-style-3 .it-about-thumb img {
  border-radius: 1000px;
}
.it-about-style-3 .it-about-thumb.thumb-overlay::after {
  border-radius: 1000px;
}
.it-about-style-3 .it-about-thumb.style-1 {
  margin-right: -8px;
}
.it-about-style-3 .it-about-thumb.style-2 {
  margin-top: 85px;
}
@media (max-width: 767px) {
  .it-about-style-3 .it-about-thumb.style-2 {
    margin-top: 0;
  }
}
.it-about-style-3 .it-about-thumb.style-2 img {
  outline: 10px solid var(--it-gray-1);
}
.it-about-style-3 .it-about-experience-box {
  margin-top: -30px;
  padding: 31px 37px;
  border-radius: 1000px;
  position: relative;
  z-index: 2;
  margin-left: 10px;
  background-color: var(--it-theme-2);
  animation: translateX 3s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-3 .it-about-experience-box {
    margin: 30px;
    padding: 16px 37px;
  }
}
@media (max-width: 767px) {
  .it-about-style-3 .it-about-experience-box {
    display: none !important;
  }
}
.it-about-style-3 .it-about-experience-box h5, .it-about-style-3 .it-about-experience-box span {
  color: var(--it-common-black);
}
.it-about-style-3 .it-about-experience-box h5::after {
  background-color: rgba(31, 36, 50, 0.2);
}

.it-about-2-more-wrap {
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-more-wrap {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-more-wrap {
    margin-right: 120px;
  }
}
@media (max-width: 767px) {
  .it-about-2-more-wrap {
    margin-right: 0;
  }
}
.it-about-2-more-icon {
  display: inline-block;
  height: 60px;
  width: 60px;
  margin-right: 12px;
  line-height: 51px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-2-more-icon {
    height: 50px;
    width: 50px;
    line-height: 43px;
  }
}
.it-about-2-more-icon svg, .it-about-2-more-icon i {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-2-more-icon svg, .it-about-2-more-icon i {
    height: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-more-info {
    align-items: center;
  }
}
.it-about-2-more-info h6 {
  margin-bottom: 0;
  line-height: 1.65;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-2-more-info h6 {
    font-size: 13px;
  }
}
.it-about-2-more-info:hover .it-about-2-more-icon svg, .it-about-2-more-info:hover i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-about-2-right {
  margin-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-right {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-right p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-right .it-section-title br {
    display: none;
  }
}
.it-about-2-left {
  padding-left: 83px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-left {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-left {
    padding-left: 30px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-about-2-left {
    padding-left: 0;
    margin-bottom: 50px;
  }
}
.it-about-2-left .it-about-experience-box {
  position: absolute;
  top: 12%;
  left: 0;
  padding: 17px 20px;
  padding-right: 30px;
  background-color: var(--it-theme-1);
  animation: ittranslateX2 4s forwards infinite alternate;
}
@media (max-width: 767px) {
  .it-about-2-left .it-about-experience-box {
    position: static;
    margin-top: 30px;
    animation: unset;
  }
}
.it-about-2-left .it-about-experience-box h5 {
  font-size: 28px;
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
  margin-bottom: 0;
  line-height: 1;
}
.it-about-2-left .it-about-experience-box h5::after {
  display: none;
}
.it-about-2-thumb-sm {
  position: absolute;
  bottom: 0;
  right: -36px;
  border-radius: 30px;
  border-left: 12px solid var(--it-common-white);
  border-top: 10px solid var(--it-common-white);
  animation: updown 1s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-thumb-sm {
    right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-2-thumb-sm {
    position: relative;
    right: 0;
    margin-top: 30px;
    border-left: none;
    border-top: none;
    animation: unset;
  }
}
@media (max-width: 767px) {
  .it-about-2-thumb-sm img {
    width: 100%;
  }
}
.it-about-2-thumb-sm.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.2);
}
.it-about-2-shape-1 {
  position: absolute;
  bottom: -14%;
  left: -16%;
  z-index: -1;
}
.it-about-2-shape-2 {
  position: absolute;
  bottom: -15px;
  left: 0;
  z-index: -1;
  animation: zoom 5s infinite;
}
.it-about-2-shape-3 {
  position: absolute;
  top: 5.5%;
  right: 5%;
  z-index: -1;
  animation: zoomIn 5s infinite;
}
.it-about-2-shape-4 {
  position: absolute;
  bottom: -51%;
  right: 0;
  z-index: -1;
}
.it-about-2-shape-5 {
  position: absolute;
  top: -18%;
  right: 0;
  z-index: -1;
}
.it-about-2-shape-6 {
  position: absolute;
  bottom: 6.5%;
  right: 11%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-shape-6 {
    bottom: 4%;
    right: 5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-shape-6 {
    display: none;
  }
}
.it-about-2-shape-6 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-about-2-shape-7 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -12%;
}
.it-about-2-shape-8 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
}
.it-about-2-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: -35%;
  right: 0;
}
.it-about-2-shape-10 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: 7%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
.it-about-2-shape-11 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.it-about-2-shape-12 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 7%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-shape-12 {
    display: none;
  }
}
.it-about-2-shape-13 {
  position: absolute;
  bottom: -30%;
  right: -1%;
  z-index: -1;
}
.it-about-2-shape-14 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-about-2-style-2 .it-about-2-left .it-about-experience-box {
  background-color: var(--it-theme-2);
}
.it-about-2-style-2 .it-about-2-left .it-about-experience-box h5, .it-about-2-style-2 .it-about-2-left .it-about-experience-box span, .it-about-2-style-2 .it-about-2-left .it-about-experience-box svg {
  color: var(--it-common-black);
}
.it-about-2-style-2 .it-about-2-left {
  padding-bottom: 70px;
}
.it-about-2-style-2 .it-about-right {
  margin-left: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-2 .it-about-right {
    margin-left: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-2 .it-about-right {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-2 .it-about-right {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-2 .it-about-right p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-2 .it-about-right .it-section-title {
    font-size: 28px;
  }
}
.it-about-2-style-3 .it-about-2-left {
  padding-left: 0;
  padding-right: 83px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-2-left {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-2-left {
    padding-right: 0px;
  }
}
.it-about-2-style-3 .it-about-2-right {
  margin-left: 0;
}
.it-about-2-style-3 .it-about-2-thumb-sm {
  right: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-2-thumb-sm {
    right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-2-style-3 .it-about-2-thumb-sm {
    position: relative;
    right: 0;
  }
}
.it-about-2-style-3 .it-about-list-box ul li span {
  font-size: 20px;
  font-weight: 700;
  padding-left: 42px;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 18px;
  }
}
.it-about-2-style-3 .it-about-list-wrap {
  margin-right: -65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-list-wrap {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-section-title-3 br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-text p {
    font-size: 14px;
  }
  .it-about-2-style-3 .it-about-text p br {
    display: none;
  }
}
.it-about-2-style-4 .it-about-list-box ul li span {
  font-weight: 600;
  font-family: var(--it-ff-oxanium);
}
.it-about-2-style-4 .it-about-list-box ul li span svg, .it-about-2-style-4 .it-about-list-box ul li span i {
  color: var(--it-theme-5);
}
.it-about-2-style-4 .it-about-2-left {
  margin-right: 83px;
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-4 .it-about-2-left {
    margin-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-2-left {
    margin-right: 0;
  }
}
.it-about-2-style-4 .it-about-2-right {
  margin-left: 0;
}
.it-about-2-style-4 .it-about-2-shape-7 {
  bottom: 13%;
  left: -14%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-list-wrap .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 28px;
  }
}
.it-about-2-style-4 .it-about-text p {
  line-height: 1.75;
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-text p {
    font-size: 14px;
  }
}
.it-about-2-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
  margin-right: 38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
    margin-right: 20px;
  }
}
.it-about-2-style-4 .it-about-2-tab-box ul li button {
  font-weight: 600;
  font-size: 20px;
  border-radius: 100px;
  padding: 11px 30px;
  line-height: 1;
  transition: 0.4s;
  color: var(--it-text-body);
  font-family: var(--it-ff-oxanium);
  border: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 30px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
    margin-bottom: 15px;
  }
}
.it-about-2-style-4 .it-about-2-tab-box ul li button:hover {
  color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}
.it-about-2-style-5 .it-about-list-box ul li span {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-5 .it-about-list-box ul li span {
    font-size: 17px;
  }
}
.it-about-2-style-5 .it-about-list-box ul li span svg, .it-about-2-style-5 .it-about-list-box ul li span i {
  color: var(--it-theme-2);
}
.it-about-2-style-5 .it-about-text p {
  margin-right: 40px;
  line-height: 1.75;
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-5 .it-section-title {
    font-size: 32px;
  }
  .it-about-2-style-5 .it-section-title br {
    display: none;
  }
}
.it-about-2-style-5 .it-about-list-box {
  margin-bottom: 35px;
}

.it-about-3-area {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.it-about-3-area .it-about-list-box ul li span svg, .it-about-3-area i {
  color: var(--it-theme-2);
}
.it-about-3-area .it-about-experience-box {
  position: absolute;
  bottom: 26%;
  right: 3%;
  z-index: 2;
  padding: 35px 20px;
  width: 200px;
  padding-bottom: 50px;
  background-color: var(--it-theme-1);
  clip-path: path("M0.894531 65.5048C0.894531 21.7461 43.8841 -9.06705 85.3237 4.98955L90.4344 6.72315C102.369 10.7715 115.391 10.1738 126.905 5.04922C158.426 -8.98044 194.364 12.3019 197.214 46.6863L198.593 63.3162C198.866 66.6078 198.875 69.916 198.621 73.209L198.396 76.1119C194.439 127.312 151.738 166.84 100.385 166.84H80.4249C36.5015 166.84 0.894531 131.233 0.894531 87.3092V65.5048Z");
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-area .it-about-experience-box {
    padding: 50px 20px;
  }
}
@media (max-width: 767px) {
  .it-about-3-area .it-about-experience-box {
    display: none;
  }
}
.it-about-3-area .it-about-experience-box h5 {
  padding-right: 0;
  margin-right: 0;
  font-family: var(--it-ff-heading);
}
.it-about-3-area .it-about-experience-box h5::after {
  display: none;
}
.it-about-3-area .it-about-experience-box span {
  font-size: 14px;
  text-transform: capitalize;
}
.it-about-3-area .it-about-experience-box .border-img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
.it-about-3-area .it-about-right {
  margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-area .it-about-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-area .it-about-right p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-about-3-area .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-area .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb img {
    width: 100%;
  }
}
.it-about-3-thumb.style-1 {
  padding-left: 115px;
  position: relative;
  z-index: 1;
  transform: rotate(-8deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-thumb.style-1 {
    padding-left: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb.style-1 {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb.style-1 {
    padding-left: 0;
    transform: rotate(0);
    margin-bottom: 40px;
  }
}
.it-about-3-thumb.style-1 img {
  border: 3px solid var(--it-common-white);
}
.it-about-3-thumb.style-2 {
  padding-left: 40px;
  margin-top: -40px;
  transform: rotate(19deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb.style-2 {
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb.style-2 {
    padding-left: 0px;
    margin-top: 0;
    transform: rotate(0);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-left {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-3 {
    margin: 0 50px;
  }
}
.it-about-3-shape-1 {
  position: absolute;
  top: 4%;
  left: 1%;
  z-index: -1;
}
.it-about-3-shape-2 {
  position: absolute;
  top: 42%;
  left: 4%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-shape-2 {
    display: none;
  }
}
.it-about-3-shape-3 {
  position: absolute;
  top: 25%;
  right: 6%;
  z-index: -1;
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 40%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-shape-3 {
    top: 9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-shape-3 {
    top: 3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-logo {
    display: none;
  }
}
.it-about-4-logo img {
  animation: rotate 15s linear infinite;
}
.it-about-4-thumb {
  overflow: hidden;
  border-radius: 1000px;
  border: 5px solid var(--it-theme-4);
}
.it-about-4-thumb img {
  border-radius: 1000px;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-thumb img {
    width: 100%;
  }
}
.it-about-4-thumb.style-1 {
  margin-right: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb.style-1 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-thumb.style-1 {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-about-4-thumb.style-1 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-4-thumb.style-1 {
    margin-bottom: 0;
  }
}
.it-about-4-thumb.style-2 {
  border: 2px solid var(--it-theme-4);
}
.it-about-4-thumb:hover img {
  border-radius: 1000px;
  transform: scale(1.2);
}
.it-about-4-content {
  margin-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-content {
    margin-left: 0;
    margin-bottom: 70px;
  }
}
.it-about-4-content p {
  margin-bottom: 35px;
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-content p {
    font-size: 14px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-content p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-about-4-content .it-about-list-box {
  margin-bottom: 35px;
}
.it-about-4-content .it-about-list-box ul li span {
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
.it-about-4-content .it-about-list-box ul li span svg {
  color: var(--it-theme-4);
}
.it-about-4-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  animation: itswing-2 1s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-about-4-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  right: 31%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-shape-2 {
    right: 22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-shape-2 img {
    transform: scale(0.7);
  }
}
.it-about-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: -15%;
  right: 3%;
}

.it-about-5-area {
  padding-top: 320px;
  padding-bottom: 215px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-area {
    padding-top: 220px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-area {
    padding-top: 200px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-area {
    padding-top: 180px;
    padding-bottom: 170px;
  }
}
@media (max-width: 767px) {
  .it-about-5-area {
    padding: 100px 0;
  }
}
.it-about-5-content {
  text-align: center;
}
.it-about-5-content p {
  font-size: 55px;
  line-height: 1.27;
  margin-bottom: 52px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-content p {
    font-size: 47px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-content p {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-content p {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .it-about-5-content p {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-5-content p {
    font-size: 35px;
  }
}
.it-about-5-content p img {
  padding: 0 4px;
  margin-top: -15px;
  border-radius: 1000px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-content p img {
    height: 30px;
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .it-about-5-content p img {
    height: 20px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-5-content p img {
    height: 30px;
  }
}
.it-about-5-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 14%;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-1 {
    left: -3%;
    bottom: 9%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-1 {
    left: -4%;
    bottom: 9%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-1 {
    left: -4%;
    bottom: 9%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-1 {
    display: none;
  }
}
.it-about-5-shape-2 {
  position: absolute;
  z-index: -1;
  top: 20%;
  left: 16.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-2 {
    display: none;
  }
}
.it-about-5-shape-3 {
  position: absolute;
  z-index: -1;
  top: 20%;
  right: 15%;
  opacity: 0.5;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-5-shape-3 {
    top: 10%;
    right: 7%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-3 {
    top: 9%;
    right: 10%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-3 {
    top: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-3 {
    top: 2%;
    right: 8%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-3 {
    display: none;
  }
}
.it-about-5-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 14%;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-4 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-4 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-4 {
    display: none;
  }
}
.it-about-5-shape-5 {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 17%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-5 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-5 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-5 {
    display: none;
  }
}

.it-mission-item .icon {
  display: inline-block;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  margin-right: 20px;
  flex: 0 0 auto;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item .icon svg {
    height: 20px;
  }
}
.it-mission-item .icon.style-2 {
  background-color: var(--it-theme-2);
}
.it-mission-item span {
  font-size: 28px;
  font-weight: 700;
  color: var(--it-common-black);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item span {
    font-size: 22px;
  }
}
.it-mission-item.style-2 {
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item.style-2 {
    margin-left: 0;
  }
}
.it-mission-item.style-2 .it-mission-text p {
  margin-right: 0;
}
.it-mission-text {
  margin-top: 25px;
}
.it-mission-text p {
  font-size: 18px;
  line-height: 1.5;
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-text p {
    font-size: 15px;
  }
}

.about-style-2 .it-testimonial-arrow-wrap button.arrow-prev {
  top: 39%;
}
.about-style-2 .it-testimonial-arrow-wrap button.arrow-next {
  top: 39%;
}
.about-style-2 .it-choose-5-thumb::after {
  background-color: var(--it-theme-2);
}
.about-style-2 .it-choose-5-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  z-index: 1;
}
.about-style-2 .it-choose-5-wrap .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  15. course css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-course-section-title-box {
    margin-bottom: 30px !important;
  }
}
.it-course-author img {
  height: 40px;
  width: 40px;
  margin-right: 11px;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 rgba(1, 6, 20, 0.1);
  outline: 1px solid rgba(255, 255, 255, 0.2);
}
.it-course-thumb {
  overflow: hidden;
}
.it-course-thumb img {
  transition: 1.3s all ease;
}
.it-course-thumb .wishlist-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  height: 40px;
  width: 40px;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
  background-color: var(--it-common-white);
}
.it-course-thumb .wishlist-btn svg {
  margin-top: -4px;
  display: inline-block;
}
.it-course-price-box del {
  font-weight: 600;
  font-size: 16px;
  margin-right: 11px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-price-box del {
    font-size: 14px;
  }
}
.it-course-price-box span {
  font-size: 20px;
  font-weight: 600;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-price-box span {
    font-size: 17px;
  }
}
.it-course-title {
  line-height: 1.5;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-title {
    margin-right: 0;
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-title {
    margin-right: 0;
    font-size: 17px;
  }
}
.it-course-rating {
  padding-bottom: 27px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-rating {
    font-size: 13px;
  }
}
.it-course-rating i {
  color: var(--it-theme-2);
}
.it-course-meta span svg, .it-course-meta span i {
  margin-top: -4px;
  margin-right: 6px;
}
.it-course-meta span:first-child {
  padding-right: 60px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-meta span:first-child {
    padding-right: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-meta span:first-child {
    padding-right: 0;
    border-right: none;
  }
}
.it-course-content {
  padding: 40px 30px;
  padding-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-content {
    padding: 30px 20px;
  }
}
.it-course-btn .it-btn-yellow {
  background-color: var(--it-text-body);
}
.it-course-btn .it-btn-yellow span {
  color: var(--it-common-white);
}
.it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-course-tab-btn ul li button {
  padding: 0;
  margin: 0 20px;
  font-weight: 600;
  font-size: 20px;
  position: relative;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-course-tab-btn ul li button {
    font-size: 19px;
    margin-bottom: 30px;
  }
}
.it-course-tab-btn ul li button span {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
  opacity: 0;
  transition: 0.3s;
}
.it-course-tab-btn ul li button span svg {
  width: 0;
  transition: 0.3s;
}
.it-course-tab-btn ul li button.active {
  color: var(--it-common-black);
}
.it-course-tab-btn ul li button.active span {
  opacity: 1;
}
.it-course-tab-btn ul li button.active span svg {
  width: 100%;
}
.it-course-tab-btn ul li button:hover {
  color: var(--it-common-black);
}
.it-course-item {
  transition: 0.3s;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-course-item .course-category {
  position: absolute;
  left: 30px;
  top: 20px;
  border-radius: 5px;
  padding: 7.5px 20px;
  color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.3);
  background-color: var(--it-theme-1);
}
.it-course-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-item:hover .it-course-thumb img {
  transform: scale(1.15);
}
.it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-course-style-2 .it-course-item {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-style-2 .it-course-item:hover {
  border-color: var(--it-theme-1);
}
.it-course-style-2 .it-course-content {
  padding: 0 30px 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-2 .it-course-content {
    padding: 0 0 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-2 .it-course-content {
    padding: 30px 30px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-content {
    padding: 30px 0 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-2 .it-course-content {
    padding: 20px 0 0 20px;
  }
}
.it-course-style-2 .it-course-thumb {
  height: 100%;
}
.it-course-style-2 .it-course-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(31, 36, 50, 0.2);
}
.it-course-style-2 .it-course-thumb img {
  height: 100%;
  object-fit: cover;
}
.it-course-style-2 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-meta span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-meta span svg, .it-course-style-2 .it-course-meta span i {
    height: 15px;
  }
}
.it-course-style-2 .it-course-meta span:first-child {
  padding-right: 30px;
}
.it-course-style-2 .it-course-price-box span {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-2 .it-course-price-box del, .it-course-style-2 .it-course-price-box span {
    font-size: 12px;
  }
}
.it-course-style-2 .it-course-thumb .wishlist-btn {
  height: 30px;
  width: 30px;
  top: 15px;
  right: 15px;
  z-index: 1;
}
.it-course-style-2 .it-course-thumb .wishlist-btn svg {
  height: 12px;
}
.it-course-style-2 .it-course-thumb .course-category {
  top: 15px;
  left: 15px;
  font-size: 14px;
  padding: 5.5px 11px;
  z-index: 1;
}
.it-course-style-2 .it-course-title {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-2 .it-course-tab-btn ul li button {
    margin: 0 11px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-course-style-2 .it-course-tab-btn ul li button {
    margin: 0 11px;
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.it-course-style-3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.it-course-style-3 .it-course-tab-btn ul li button.active span svg {
  color: var(--it-theme-2);
}
.it-course-style-3 .it-course-price-box span {
  color: var(--it-theme-2);
}
.it-course-style-3 .it-course-content {
  border-radius: 20px;
  margin-top: -15px;
  z-index: 1;
  background-color: var(--it-common-white);
}
.it-course-style-3 .it-course-thumb {
  border-radius: 20px 20px 0 0;
}
.it-course-style-3 .it-course-thumb img {
  border-radius: 20px 20px 0 0;
}
.it-course-style-4 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-course-style-4 .it-course-thumb {
  transition: 0.3s;
  border: 1px solid transparent;
}
.it-course-style-4 .it-course-content {
  padding: 0 10px;
  padding-top: 27px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-4 .it-course-content {
    padding: 0;
    padding-top: 27px;
  }
}
.it-course-style-4 .it-course-text {
  padding-bottom: 25px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
}
.it-course-style-4 .it-course-text p {
  margin-bottom: 0;
}
.it-course-style-4 .it-course-meta span {
  padding-right: 0;
  display: block;
  margin-bottom: 15px;
  border: none;
}
.it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
  margin-right: 30px;
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .it-course-style-4 .it-course-section-title-box {
    margin-bottom: 60px !important;
  }
}
.it-course-style-4 .it-course-item {
  padding: 20px;
  padding-bottom: 40px;
  border-radius: 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-style-4 .it-course-item:hover .it-course-thumb {
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-5.it-course-style-4 {
    padding-bottom: 95px;
  }
}
.it-course-style-5 .it-course-item {
  box-shadow: none;
  border: 1px solid rgba(3, 89, 78, 0.12);
}
.it-course-style-5 .it-course-item .flag {
  position: absolute;
  left: 0;
  right: 0;
  top: -29px;
  height: 59px;
  width: 59px;
  z-index: 1;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 500ms ease;
}
.it-course-style-5 .it-course-item:hover .flag {
  transform: rotate(360deg);
}
.it-course-style-5 .it-course-item:hover .it-course-thumb {
  border: none;
}
.it-course-style-5.it-course-style-4 .it-course-thumb {
  border: none;
}
.it-course-style-5.it-course-style-4 .it-course-content {
  padding-top: 50px;
}
.it-course-style-5.it-course-style-4 .it-course-meta span {
  display: inline-block;
  margin-bottom: 27px;
}
@media (max-width: 767px) {
  .it-course-style-5.it-course-style-4 .it-course-meta span {
    font-size: 15px;
  }
}
.it-course-style-5.it-course-style-4 .it-course-meta span:first-child {
  padding-right: 40px;
  margin-right: 36px;
  border-right: 1px solid var(--it-text-body);
}
@media (max-width: 767px) {
  .it-course-style-5.it-course-style-4 .it-course-meta span:first-child {
    padding-right: 30px;
    margin-right: 25px;
  }
}
.it-course-style-5.it-course-style-4 .it-course-title {
  margin-right: 0;
}
.it-course-style-6 {
  padding-top: 140px;
  padding-bottom: 230px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-6 {
    padding: 130px 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}
.it-course-style-6 .it-course-price-box span {
  color: var(--it-theme-2);
}
.it-course-style-6 .it-course-item:hover .it-btn-yellow {
  background-color: var(--it-theme-2);
}
.it-course-style-6 .it-course-item:hover .it-btn-yellow span, .it-course-style-6 .it-course-item:hover .it-btn-yellow i, .it-course-style-6 .it-course-item:hover .it-btn-yellow svg {
  color: var(--it-common-black);
}
.it-course-style-6 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.it-course-style-6 .it-course-rating span {
  display: inline-block;
  margin-left: 3px;
  color: var(--it-common-black);
}
.it-course-style-6 .it-course-content {
  padding: 40px 30px;
}
@media (max-width: 767px) {
  .it-course-style-6 .it-course-content {
    padding: 40px 20px;
  }
}
.it-course-style-6 .it-course-title {
  margin-bottom: 31px;
  margin-right: 0;
}
.it-course-style-6 .it-course-meta {
  margin-bottom: 38px;
}
.it-course-style-7.it-course-style-6 {
  padding-top: 130px;
  padding-bottom: 130px;
}
.it-course-style-7.it-course-style-6 .it-course-title {
  margin-bottom: 23px;
  font-size: 22px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-7.it-course-style-6 .it-course-title {
    font-size: 19px;
  }
}
.it-course-style-7.it-course-style-6 .it-course-item {
  border-radius: 20px;
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
.it-course-style-7.it-course-style-6 .it-course-rating {
  margin-bottom: 28px;
}
.it-course-style-7.it-course-style-6 .it-course-meta {
  margin-bottom: 0;
}
.it-course-style-7.it-course-style-6 .it-course-meta span:first-child {
  padding-right: 30px;
  margin-right: 0;
  border-right: none;
}
.it-course-style-7.it-course-style-6 .it-course-meta svg, .it-course-style-7.it-course-style-6 .it-course-meta i {
  color: var(--it-theme-1);
}
.it-course-style-7.it-course-style-6 .it-course-thumb {
  border-radius: 20px 20px 0 0;
}
.it-course-style-7.it-course-style-6 .it-course-thumb img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}
.it-course-style-7.it-course-style-6 .it-course-content {
  padding: 37px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-7.it-course-style-6 .it-course-content {
    padding: 37px 20px;
  }
}
.it-course-style-7.it-course-style-6 .it-course-price {
  position: absolute;
  right: 40px;
  top: -33px;
  z-index: 1;
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 78px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-style-8 .it-course-item {
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-course-style-8 .it-course-item p {
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-8 .it-course-item p {
    font-size: 14px;
  }
}
.it-course-style-8 .it-course-item:hover {
  box-shadow: none;
}
.it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow span, .it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-course-style-8 .it-course-price-box del, .it-course-style-8 .it-course-price-box span {
  font-family: var(--it-ff-cinzel-decorative);
}
.it-course-style-8.it-course-style-6 {
  padding: 130px 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .it-course-style-8.it-course-style-6 {
    background-color: var(--it-common-white);
  }
}
.it-course-style-8.it-course-style-6 .it-course-title {
  margin-bottom: 15px;
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-8.it-course-style-6 .it-course-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-course-style-8.it-course-style-6 .it-course-title {
    font-size: 20px;
  }
}
.it-course-style-8.it-course-style-6 .it-course-content {
  padding: 40px 30px;
  padding-top: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-8.it-course-style-6 .it-course-content {
    padding: 40px 20px;
    padding-top: 24px;
  }
}
.it-course-style-9 .it-btn-yellow {
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  background-color: transparent;
  font-family: var(--it-ff-heading);
}
.it-course-style-9 .it-btn-yellow span, .it-course-style-9 .it-btn-yellow svg {
  color: var(--it-text-body);
}
.it-course-style-9.it-course-style-2 .it-course-thumb::after {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-9.it-course-style-2 .it-course-title {
    font-size: 22px;
  }
}
.it-course-style-9.it-course-style-2 .it-course-rating {
  margin-bottom: 0;
}
.it-course-style-9.it-course-style-2 .it-course-price-box span {
  color: var(--it-theme-1);
}
.it-course-style-9.it-course-style-2 .it-course-rating span {
  color: var(--it-common-black);
}
.it-course-style-9.it-course-style-2 .it-course-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 30px;
  padding-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-9.it-course-style-2 .it-course-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-9.it-course-style-2 .it-course-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-9.it-course-style-2 .it-course-content {
    padding-left: 20px;
  }
}
.it-course-style-10 .it-course-item {
  background-color: var(--it-gray-4);
  border: 1px solid rgba(254, 130, 53, 0.1);
}
.it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-common-black);
}
.it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow span, .it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-course-style-10.it-course-style-6 {
  padding: 130px 0;
  background-color: transparent;
}
.it-course-style-10.it-course-style-6 .it-course-price-box span {
  color: var(--it-theme-5);
}
.it-course-style-10.it-course-style-6 .it-course-title {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-10.it-course-style-6 .it-course-title {
    font-size: 21px;
  }
}
.it-course-style-10.it-course-style-6 .it-course-meta {
  margin-bottom: 33px;
}
.it-course-style-10 .it-course-rating i {
  color: var(--it-theme-5);
}
.it-course-style-10 .it-course-meta span:first-child {
  padding-right: 20px;
  margin-right: 17px;
}
.it-course-style-10 .it-course-btn .it-btn-yellow {
  border-radius: 0;
  background-color: var(--it-text-body);
}
.it-course-style-11 .circle {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -7%;
  height: 891px;
  width: 891px;
  border-radius: 50%;
  background-color: rgba(3, 89, 78, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-11 .circle {
    display: none;
  }
}
.it-course-style-11 .course-category {
  top: -20px;
  left: auto;
  right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-11 .it-course-meta span:first-child {
    padding-right: 33px;
  }
}
.it-course-inner-style .it-course-content {
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-bottom: -23%;
  background-color: var(--it-common-white);
  transition: 0.6s all ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -26%;
  }
}
@media (max-width: 767px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -27%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -15%;
  }
}
.it-course-inner-style .it-course-item {
  overflow: hidden;
}
.it-course-inner-style .it-course-item:hover .it-course-content {
  margin-top: -23%;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -26%;
  }
}
@media (max-width: 767px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -27%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -15%;
  }
}
.it-course-inner-style-2 .it-course-meta span svg, .it-course-inner-style-2 .it-course-meta span i {
  color: var(--it-theme-1);
}
.it-course-inner-style-2 .it-course-rating {
  margin-bottom: 0;
}
.it-course-inner-style-2 .it-course-title {
  margin-bottom: 30px;
}
.it-course-inner-style-2 .it-course-meta {
  margin-bottom: 20px;
}
.it-course-shape-1 {
  position: absolute;
  top: -6.5%;
  right: 20%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-shape-1 {
    top: -4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-shape-1 img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-shape-1 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-shape-1 img {
    transform: scale(0.6);
  }
}
.it-course-shape-2 {
  position: absolute;
  z-index: -1;
  top: -9.5%;
  left: 0;
}
.it-course-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  left: 9%;
}
.it-course-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 8%;
  left: 12.5%;
}
.it-course-shape-5 {
  position: absolute;
  top: 20%;
  right: 0;
  z-index: -1;
}
.it-course-shape-6 {
  position: absolute;
  top: 16%;
  left: 7.5%;
  z-index: -1;
  animation: translateY 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-6 {
    display: none;
  }
}
.it-course-shape-7 {
  position: absolute;
  top: 10.5%;
  left: 8.5%;
  z-index: -1;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-7 {
    display: none;
  }
}
.it-course-shape-8 {
  position: absolute;
  z-index: -1;
  top: -20%;
  left: 0;
}
.it-course-shape-9 {
  position: absolute;
  z-index: -1;
  top: 15%;
  left: 10%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-course-shape-10 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: 10%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-10 {
    display: none;
  }
}
.it-course-shape-11 {
  position: absolute;
  bottom: 12%;
  right: 11%;
  animation: rotate 25s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-11 {
    display: none;
  }
}
.it-course-shape-12 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-course-shape-13 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-course-shape-14 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-course-shape-15 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-course-filter-top-right {
    flex-wrap: wrap;
  }
}
.it-course-filter-tab ul {
  padding: 5px;
  margin-bottom: 30px;
  display: inline-block;
  border-radius: 1000px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-filter-tab ul li {
  display: inline-block;
}
.it-course-filter-tab ul li button {
  display: flex;
  transition: 0.3s;
  padding: 8px 20px;
  align-items: center;
  border-radius: 1000px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-tab ul li button {
    font-size: 14px;
  }
}
.it-course-filter-tab ul li button span {
  display: inline-block;
  margin-top: -4px;
  margin-right: 9px;
}
.it-course-filter-tab ul li button span svg {
  transition: 0.3s;
  color: var(--it-common-black);
}
.it-course-filter-tab ul li button.active {
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
}
.it-course-filter-tab ul li button.active span svg {
  color: var(--it-theme-1);
}
.it-course-filter-tab ul li button:hover {
  color: var(--it-theme-1);
}
.it-course-filter-search {
  max-width: 305px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-search {
    max-width: 220px;
  }
}
.it-course-filter-search input {
  height: 43px;
  line-height: 43px;
  padding-right: 50px;
  border-radius: 1000px;
  background-color: transparent;
  border: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-search input {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-search input::placeholder {
    font-size: 14px;
  }
}
.it-course-filter-search input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-course-filter-search button {
  position: absolute;
  top: 48%;
  right: 20px;
  transform: translateY(-50%);
}
.it-course-filter-result {
  margin-left: 25px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .it-course-filter-result {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-result {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-result span {
    font-size: 14px;
  }
}
.it-course-filter-result span b {
  font-weight: 600;
  color: var(--it-common-black);
}
.it-course-filter-button {
  height: 43px;
  line-height: 43px;
  padding: 0 19px;
  margin-left: 38px;
  margin-bottom: 30px;
  border-radius: 1000px;
  border: 1px solid rgba(3, 89, 78, 0.2);
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-button {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-course-filter-button {
    font-size: 14px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-button {
    margin-left: 25px;
  }
}
.it-course-filter-button span {
  margin-right: 10px;
  display: inline-block;
}
.it-course-filter-dropdown-area {
  padding: 75px;
  border-radius: 20px;
  background: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area {
    padding: 65px 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area {
    padding: 45px 40px;
  }
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area {
    padding: 35px 20px;
  }
}
.it-course-filter-dropdown-area .filter-group {
  padding: 20px 15px;
  border-radius: 12px;
  position: relative;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.it-course-filter-dropdown-area .filter-group label span {
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  transition: 0.1s;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group label span {
    height: 25px;
    line-height: 22px;
    padding: 0 12px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.it-course-filter-dropdown-area .filter-group label span i {
  font-size: 12px;
  font-style: normal;
  display: inline-block;
}
.it-course-filter-dropdown-area .filter-group label:not(:last-child) {
  margin-right: 5px;
}
.it-course-filter-dropdown-area .filter-group label input[type=checkbox] {
  display: none;
}
.it-course-filter-dropdown-area .filter-group.sort-group {
  width: 100%;
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.sort-group {
    margin-bottom: 20px;
  }
}
.it-course-filter-dropdown-area .filter-group.language-group {
  width: 506px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 465px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 43%;
  }
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 100%;
  }
}
.it-course-filter-dropdown-area .filter-group.price-group {
  width: 277px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    width: 30%;
    flex: auto;
  }
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    flex: auto;
    width: 100%;
  }
}
.it-course-filter-dropdown-area .filter-group.price-group label i {
  margin-left: 2px;
}
.it-course-filter-dropdown-area .filter-group.instructors-group {
  width: 100%;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group {
    margin-left: 0;
    margin-top: 20px;
  }
}
.it-course-filter-dropdown-area .filter-group.instructors-group label i {
  margin-left: 17px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group label i {
    margin-left: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group label i {
    margin-left: 12px;
  }
}
.it-course-filter-dropdown-area .filter-group.categories-group label i {
  margin-left: 7px;
}
.it-course-filter-dropdown-area .filter-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 7px;
  color: var(--it-common-black);
}
.it-course-filter-dropdown-wrapper {
  position: absolute;
  top: 120%;
  left: 0;
  width: 100%;
  z-index: 3;
  opacity: 0;
  transition: 0.4s;
  visibility: hidden;
  transform-origin: top;
  transform: perspective(300px) rotateX(-18deg);
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-wrapper {
    top: 95%;
  }
}
.it-course-filter-dropdown-wrapper.it-filter-dropdown-opened {
  visibility: visible;
  opacity: 1;
  transform: perspective(300px) rotateX(0deg);
}
.it-course-filter-open-style .it-course-filter-dropdown-style-2 {
  visibility: visible;
  opacity: 1;
  position: initial;
  transition: initial;
  margin-bottom: 60px;
  transform: perspective(0) rotateX(0);
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px 0 40px;
}
@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
    padding: 25px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
    padding: 0 20px 0 30px;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-content p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 24px;
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb {
  margin-right: -7px;
}
@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb {
    margin-right: 0;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb::after {
  display: none;
}
.it-course-grid-sidebar-style .it-course-style-2 .wishlist-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.1);
  box-shadow: 0 5px 10px 0 rgba(1, 6, 20, 0.1);
}
@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .wishlist-btn {
    display: none;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .course-category {
  position: static;
  margin-right: 40px;
  border-radius: 1000px;
  color: var(--it-theme-1);
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .course-category {
    font-size: 14px;
    padding: 5.5px 16px;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-meta span:not(:last-child) {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-meta span:not(:last-child) {
    padding-right: 15px;
    margin-right: 15px;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-item {
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-grid-sidebar-style .it-course-meta span:first-child {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-price-box del, .it-course-grid-sidebar-style .it-course-price-box span {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-author span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-author img {
    height: 30px;
    width: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-meta span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-filter-open-style .it-course-meta span:first-child {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-inner-v1-style .it-course-meta span:first-child {
    padding-right: 35px;
  }
}
.it-course-faq-top-text span {
  font-family: var(--it-ff-spartan-medium);
}
.it-course-faq-top-text a {
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-area .it-course-details-active .it-course-item:hover {
  box-shadow: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-area .it-course-details-wrapper .it-testimonial-arrow-wrap {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-course-details-area .it-course-faq-top-text span {
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-course-details-area .it-course-faq-top-text {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-area.it-course-details-style-3 .it-course-faq-top-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .price-section {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .time-left {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .time-left {
    margin-top: 0;
  }
}
.it-course-details-area.it-course-details-v1-style .it-btn-yellow {
  padding: 18px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .coupon-input.d-flex {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-btn-yellow.theme-bg.ml-10 {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .course-info ul li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .social-section a {
    height: 40px;
    width: 40px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .social-section a svg {
    height: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .contact-section .call-box {
    padding: 16px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .contact-section .call-box svg {
    height: 16px;
  }
}
@media (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-details-list.course-list-style-2 {
    margin-top: 15px;
  }
}

/* Hover & Checked Style */
.sort-options label span:hover,
.sort-options label input[type=checkbox]:checked + span {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-course-sidebar {
  background-color: var(--it-common-white);
  border-radius: 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-sidebar .it-btn-yellow span {
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-sidebar .price-section .price {
  font-size: 20px;
  margin-bottom: 0;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-sidebar .price-section .old-price {
  font-size: 16px;
  font-weight: 600;
  text-decoration: line-through;
  color: rgba(108, 117, 125, 0.8);
  font-family: var(--it-ff-body);
}
.it-course-sidebar .price-section .discount {
  font-weight: 400;
  font-size: 14px;
  color: rgba(108, 117, 125, 0.8);
  font-family: var(--it-ff-body);
}
.it-course-sidebar .price-section .time-left {
  font-size: 14px;
  border-radius: 5px;
  padding: 4px 10px;
  display: inline-block;
  color: var(--it-theme-1);
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-sidebar .price-section .time-left svg {
  margin-inline-end: 2px;
  margin-top: -3px;
  display: inline-block;
}
.it-course-sidebar .price-section-box {
  padding: 30px 30px 0 30px;
}
.it-course-sidebar .coupon-section {
  padding: 0 30px 40px 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-sidebar .coupon-section .it-btn-yellow {
  padding: 14.5px 29px;
}
.it-course-sidebar .coupon-section .applied {
  font-size: 16px;
  font-weight: 600;
  padding: 19px 25px;
  border-radius: 5px;
  border: 1px dashed rgba(108, 117, 125, 0.6);
}
.it-course-sidebar .coupon-section .applied span {
  font-size: 14px;
  font-weight: 400;
}
.it-course-sidebar .coupon-section .coupon-input input {
  height: 50px;
  line-height: 50%;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid rgba(108, 117, 125, 0.5);
}
.it-course-sidebar .course-info {
  padding: 0 30px;
}
.it-course-sidebar .course-info ul li {
  list-style-type: none;
  position: relative;
  padding: 18px 0;
  padding-left: 30px;
  display: flex;
  font-size: 18px;
  align-items: center;
  justify-content: space-between;
}
.it-course-sidebar .course-info ul li:not(:last-child) {
  border-bottom: 1px solid rgba(108, 117, 125, 0.15);
}
.it-course-sidebar .course-info ul li span {
  font-family: var(--it-ff-spartan-medium);
}
.it-course-sidebar .course-info ul li svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.it-course-sidebar .social-section {
  margin-bottom: 30px;
  text-align: center;
  padding: 30px 30px 40px 30px;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-sidebar .social-section a {
  height: 53px;
  width: 53px;
  line-height: 50px;
}
.it-course-sidebar .social-section a svg {
  height: 21px;
  width: 21px;
}
.it-course-sidebar .contact-section {
  padding: 0 30px 60px 30px;
}
.it-course-sidebar .contact-section .call-box {
  border-radius: 8px;
  padding: 16px 30px;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: var(--it-theme-1);
  background: rgba(3, 89, 78, 0.1);
  border: 1px solid var(--it-common-white);
}
.it-course-sidebar .contact-section .call-box svg {
  margin-top: -3px;
  margin-right: 3px;
  display: inline-block;
}
.it-course-sidebar .contact-section-wrap {
  border-radius: 0 0 20px 20px;
}
.it-course-sidebar p {
  font-size: 14px;
  text-align: center;
  color: var(--it-theme-1);
}
.it-course-sidebar p svg {
  display: inline-block;
  margin-top: -3px;
  margin-right: 4px;
}
.it-course-sidebar-thumb {
  margin: 15px;
  margin-bottom: 40px;
  border-radius: 10px;
}
.it-course-sidebar-thumb img {
  border-radius: 10px;
}
.it-course-sidebar-thumb.thumb-overlay::after {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}
.it-course-details-ratting-wrap .ratting-left {
  width: 100%;
  padding: 40px 15px;
  border-radius: 20px;
  margin-right: 5px;
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-course-details-ratting-wrap .ratting-left {
    margin-bottom: 30px;
  }
}
.it-course-details-ratting-wrap .ratting-left .title {
  font-size: 50px;
  line-height: 1;
  margin-bottom: 8px;
  color: var(--it-common-black);
  font-weight: var(--it-ff-spartan-semibold);
}
.it-course-details-ratting-wrap .ratting-left .ratting svg {
  display: inline-block;
  margin: 0 1px;
}
.it-course-details-ratting-wrap .ratting-left span {
  color: var(--it-common-black);
}
.it-course-details-ratting-wrap .ratting-right {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-ratting-wrap .ratting-right {
    padding: 30px 20px;
  }
}
.it-course-details-section-title-box span {
  font-size: 20px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-details-border {
  border-top: 1px solid rgba(108, 117, 125, 0.5);
}
.it-course-details-border .it-testimonial-arrow-wrap button.arrow-prev {
  left: -6%;
}
.it-course-details-border .it-testimonial-arrow-wrap button.arrow-next {
  right: -6%;
}
.it-course-details-style-2 .it-course-sidebar {
  margin-top: -325px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-2 .it-course-sidebar {
    margin-top: 70px;
  }
}
.it-course-details-style-2 .it-course-sidebar-wrap {
  position: sticky;
  z-index: 9;
  top: 120px;
}
.it-course-details-nav-box {
  padding: 3px;
  border-radius: 10px;
  display: inline-block;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
  position: sticky;
  z-index: 3;
  top: 120px;
}
.it-course-details-nav-box nav ul li {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 10px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}
.it-course-details-nav-box nav ul li.current {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-course-details-style-3 .it-course-sidebar-thumb {
  border: 5px solid #fff;
  margin: 0 0 95px 0;
  margin-top: -220px;
}
@media (max-width: 767px) {
  .it-course-details-style-3 .it-course-sidebar-thumb {
    margin-top: 100px;
  }
}
.it-course-details-style-3 .it-course-sidebar {
  position: sticky;
  top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-3 .it-course-details-left {
    margin-top: 70px;
  }
}
.it-course-details-style-3 .it-course-faq-top-text {
  padding: 0 30px;
}
.it-course-details-style-3 .it-about-thumb-icon {
  height: 144px;
  width: 144px;
  line-height: 144px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-details-style-3 .it-about-thumb-icon {
    height: 120px;
    width: 120px;
    line-height: 120px;
  }
}
@media (max-width: 767px) {
  .it-course-details-style-3 .it-about-thumb-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
.it-course-details-style-3 .it-about-thumb-icon svg {
  padding-left: 6px;
  display: inline-block;
}
@media (max-width: 767px) {
  .it-course-details-style-3 .it-about-thumb-icon svg {
    height: 15px;
    width: 15px;
    padding-left: 2px;
  }
}
.it-course-details-style-3 .course-details-border {
  padding: 20px 30px;
  padding-bottom: 25px;
  margin-bottom: 40px;
  border-radius: 20px 20px 30px 30px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media (max-width: 767px) {
  .it-course-details-style-3 .course-details-border {
    padding: 20px;
  }
}
.it-course-details-style-3 .course-details-border.faq-style {
  padding: 0;
  padding-top: 20px;
}
.it-course-details-style-3 .course-details-border.faq-style .it-custom-accordion-2 {
  border-bottom: none;
}
.it-course-details-style-3 .it-custom-accordion-2 {
  margin-top: 0;
}
.it-course-details-style-3 .postbox-comment-item.course-style .postbox-user-info p {
  margin-right: 0;
}
.it-course-details-style-3 .postbox-comment-item.course-style .postbox-user-info p br {
  display: none;
}
.it-course-details-style-3 .course-style .postbox-comment-content ul li {
  margin-bottom: 0;
  padding-bottom: 0;
}
.it-course-details-style-3 .postbox-comment-content ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.it-course-details-style-4 .postbox-user-info p {
  margin-right: 0;
}
.it-course-details-style-4 .postbox-user-info p br {
  display: none;
}
.it-course-details-style-4 .it-breadcrumb-author-info span:last-child {
  color: var(--it-text-body);
  font-size: 18px;
}
.it-course-details-style-4 .it-breadcrumb-author-wrapper .border-style {
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}
.it-course-details-style-4 .it-breadcrumb-subtitle {
  margin-bottom: 32px;
}
.it-course-details-style-4 .it-course-sidebar-thumb {
  margin-top: 0;
  margin-bottom: 80px;
}
.it-course-details-style-4 .course-info {
  padding-top: 35px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-details-style-4 .it-about-thumb-icon {
  height: 144px;
  width: 144px;
  line-height: 144px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-4 .it-about-thumb-icon {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-4 .it-about-thumb-icon svg {
    padding-left: 4px;
    height: 18px;
    width: 18px;
  }
}
.it-course-details-style-4 .it-course-details-left {
  margin-top: 0;
}
.it-course-left {
  overflow: visible;
}

.it-details-title {
  font-size: 30px;
  margin-bottom: 15px;
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-details-title {
    font-size: 25px;
  }
}
.it-details-title-sm {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-details-list.style-2 {
  margin-left: -11px;
}
@media (max-width: 767px) {
  .it-details-list.style-2 {
    margin-left: 0;
    margin-top: 20px;
  }
}
.it-details-list ul li {
  list-style-type: none;
}
.it-details-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-details-list ul li span {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  color: var(--it-common-black);
}
.it-details-list ul li span svg {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-theme-2);
}

.it-progress-bar-item {
  position: relative;
  padding: 0 60px;
}
.it-progress-bar-item span {
  position: absolute;
  top: 0;
  right: 0;
}
.it-progress-bar-item label {
  position: absolute;
  top: 0;
  left: 0;
}
.it-progress-bar-item .progress {
  height: 5px;
  border-radius: 0;
  background: #EAEDEE;
}
.it-progress-bar-item .progress-bar {
  background-color: var(--it-theme-2);
}
.it-progress-bar-item .it-progress-bar {
  padding-top: 10px;
}

/*----------------------------------------*/
/*  37. team css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-team-section-title-box {
    margin-bottom: 30px;
  }
}
.it-team-content {
  padding: 20px;
  padding-top: 46px;
}
.it-team-title {
  font-size: 24px;
  margin-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-title {
    font-size: 20px;
  }
}
.it-team-thumb {
  overflow: hidden;
}
.it-team-thumb img {
  transition: 1.3s all ease;
  width: 100%;
}
.it-team-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.4);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}
.it-team-social {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.8s;
  transition-property: all;
}
.it-team-social a {
  width: 42px;
  height: 42px;
  line-height: 35px;
  margin: 0 5px;
  border-radius: 5px;
  display: inline-block;
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.15);
}
.it-team-social a:hover {
  color: var(--it-theme-2);
}
@media (max-width: 767px) {
  .it-team-social a {
    width: 35px;
    height: 35px;
    line-height: 29px;
  }
}
.it-team-item {
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.2);
}
.it-team-item:hover .it-team-thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-team-item:hover .it-team-social {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-team-item .it-course-meta {
  padding-top: 18px;
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
}
.it-team-item .it-course-meta span {
  font-size: 14px;
}
.it-team-item .it-course-meta span:first-child {
  padding-right: 0;
  width: 49%;
  text-align: start;
}
.it-team-shape-1 {
  position: absolute;
  bottom: 28%;
  left: 54%;
  z-index: -1;
  animation: translateX2 2s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-shape-1 {
    display: none;
  }
}
.it-team-shape-2 {
  position: absolute;
  top: -8%;
  right: 0%;
  z-index: -1;
}
.it-team-shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
  height: 100%;
}
.it-team-shape-4 {
  position: absolute;
  z-index: -1;
  top: 3.5%;
  left: 7%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-shape-4 {
    left: 3%;
    top: 0;
  }
}
@media (max-width: 767px) {
  .it-team-shape-4 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-4 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-shape-4 img {
    transform: scale(0.6);
  }
}
.it-team-shape-5 {
  position: absolute;
  z-index: -1;
  top: 3%;
  left: 1.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-shape-5 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-5 {
    top: 1%;
    left: -3%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-shape-5 {
    display: none;
  }
}
.it-team-shape-6 {
  position: absolute;
  z-index: -1;
  top: 5%;
  right: 5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-6 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-shape-6 {
    display: none;
  }
}
.it-team-shape-7 {
  position: absolute;
  top: 20%;
  left: 6%;
  opacity: 0.4;
}
.it-team-shape-8 {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
}
.it-team-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
}
.it-team-shape-10 {
  position: absolute;
  z-index: -1;
  top: 8%;
  left: 6%;
}
.it-team-style-2 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-style-2 {
    background-color: var(--it-gray-1);
    background-image: none !important;
  }
}
.it-team-style-2 .it-team-content {
  padding: 24px 25px;
  padding-top: 25px;
}
@media (max-width: 767px) {
  .it-team-style-2 .it-team-section-title-box {
    margin-bottom: 65px;
  }
}
.it-team-style-3 .it-team-thumb img {
  width: 100%;
}
.it-team-style-3 .it-team-thumb::after {
  display: none;
}
.it-team-style-3 .it-team-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
.it-team-style-3 .it-team-content {
  padding: 0;
  padding-top: 25px;
}
.it-team-style-3 .it-team-content span {
  color: var(--it-theme-4);
}
.it-team-style-3 .it-course-meta {
  margin-top: 15px;
  padding: 19px 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-style-3 .it-course-meta {
    padding: 19px 20px;
  }
}
.it-team-style-3 .it-course-meta svg, .it-team-style-3 .it-course-meta i {
  color: var(--it-theme-4);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-style-3 .it-team-item .it-course-meta span:first-child {
    width: auto;
    text-align: center;
  }
}
.it-team-style-4 .it-team-title {
  font-weight: 700;
  transition: 0.4s;
  font-family: var(--it-ff-cinzel-decorative);
}
.it-team-style-4 .it-team-content span {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item .it-course-meta {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item .it-course-meta span, .it-team-style-4 .it-team-item .it-course-meta svg {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item:hover {
  background-color: var(--it-theme-1);
}
.it-team-style-4 .it-team-item:hover .it-team-title {
  color: var(--it-common-white);
}
.it-team-style-4 .it-team-item:hover .it-team-content span {
  color: var(--it-common-white);
}
.it-team-style-4 .it-team-item:hover .it-course--meta {
  background: rgba(255, 255, 255, 0.1);
}

.it-team-2-content {
  position: absolute;
  z-index: 3;
  bottom: 35px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.it-team-2-content span {
  transition: 0.3s;
  color: var(--it-theme-5);
}
.it-team-2-title {
  font-weight: 600;
  font-size: 24px;
  transition: 0.3s;
  margin-bottom: 5px;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}
.it-team-2-social {
  position: absolute;
  top: -40%;
  right: 20px;
  z-index: 3;
  transition: 0.5s;
}
.it-team-2-social a {
  width: 25px;
  height: 25px;
  display: block;
  transition: 0.3s;
  border-radius: 5px;
  border: 1px solid #dbe0e2;
  color: var(--it-common-black);
}
.it-team-2-social a:not(:last-child) {
  margin-bottom: 7px;
}
.it-team-2-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}
.it-team-2-thumb img {
  transition: 1.3s all ease;
}
.it-team-2-item {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-team-2-item::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  border-radius: 20px;
  transition: 0.3s;
  z-index: 1;
  background: linear-gradient(180deg, rgba(240, 244, 245, 0) 0%, #1F2432 100%);
}
.it-team-2-item::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border-radius: 20px;
  transition: 0.3s;
  opacity: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(254, 130, 53, 0) 0%, #fe8235 100%);
}
.it-team-2-item:hover .it-team-2-thumb img {
  transform: scale(1.2);
}
.it-team-2-item:hover .it-team-2-title {
  color: var(--it-common-white);
}
.it-team-2-item:hover .it-team-2-social {
  top: 20px;
}
.it-team-2-item:hover .it-team-2-content span {
  color: var(--it-common-white);
}
.it-team-2-item:hover::after {
  opacity: 1;
}

.it-team-3-thumb {
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 25px;
  display: inline-block;
}
.it-team-3-thumb img {
  border-radius: 50%;
  transition: 1.3s all ease;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
.it-team-3-title {
  font-size: 24px;
  color: #000;
  margin-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-3-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-team-3-btn {
    margin-top: 30px;
  }
}
.it-team-3-item {
  padding: 50px 20px;
  padding-bottom: 46px;
  background-color: var(--it-common-white);
}
.it-team-3-item:hover .it-team-3-thumb img {
  transform: scale(1.2);
}

.it-team-details-left {
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-left {
    margin-right: 0;
  }
}
.it-team-details-area .it-course-sidebar .social-section {
  margin-bottom: 0;
  padding: 0 15px 60px 15px;
  border-bottom: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    width: 40px;
    height: 40px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    width: 40px;
    height: 40px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a svg {
    height: 15px;
  }
}
.it-team-details-area .it-course-sidebar-wrap {
  margin-top: -185px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-area .it-course-sidebar-wrap {
    margin-top: 35px;
  }
}

/*----------------------------------------*/
/*  16. cta css start
/*----------------------------------------*/
.it-cta-bg {
  position: relative;
}
.it-cta-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  z-index: -1;
  background-color: var(--it-gray-1);
}
.it-cta-wrap {
  padding: 70px 75px;
  border-radius: 20px;
  margin: 0 116px;
  background-color: var(--it-theme-1);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-wrap {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-wrap {
    margin: 0;
    padding: 60px 30px;
  }
}
.it-cta-wrap .separator {
  position: absolute;
  top: 50%;
  left: 53%;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
  transform: translateY(-50%);
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-wrap .separator {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-cta-wrap .separator {
    display: none;
  }
}
.it-cta-wrap .separator::before {
  content: "";
  top: -45px;
  left: 0;
  right: 0;
  height: 40px;
  width: 3px;
  margin: 0 auto;
  position: absolute;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-wrap .separator::before {
    width: 1px;
  }
}
.it-cta-wrap .separator::after {
  content: "";
  bottom: -45px;
  left: 0;
  right: 0;
  height: 40px;
  width: 3px;
  margin: 0 auto;
  position: absolute;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-wrap .separator::after {
    width: 1px;
  }
}
@media (max-width: 767px) {
  .it-cta-area .row [class*=col-]:first-child .it-cta-content {
    margin-bottom: 45px;
  }
}
.it-cta-content span {
  display: block;
  font-size: 24px;
  margin-bottom: 20px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-content span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-content span {
    font-size: 16px;
  }
}
.it-cta-content span svg {
  margin-top: -9px;
  margin-right: 10px;
  display: inline-block;
}
.it-cta-content a {
  font-size: 28px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-content a {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-content a {
    font-size: 18px;
  }
}

.it-cta-2-area {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-cta-2-title {
  font-size: 60px;
  line-height: 1.3;
  margin-bottom: 24px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-2-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-2-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-2-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-2-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-title {
    margin-top: 50px;
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-title {
    margin-top: 70px;
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-2-title {
    font-size: 38px;
  }
}
.it-cta-2-right > img {
  animation: translateX 3s infinite alternate;
}
@media (max-width: 767px) {
  .it-cta-2-right > img {
    animation: unset;
  }
}
.it-cta-2-left {
  margin-bottom: 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-2-left {
    margin-bottom: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-2-left {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-2-left {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-left {
    margin-bottom: 50px;
  }
}
.it-cta-2-left .it-btn-yellow.white-bg i, .it-cta-2-left .it-btn-yellow.white-bg svg {
  color: var(--it-common-black);
}
.it-cta-2-shape-1 {
  position: absolute;
  top: 3%;
  left: 1%;
  z-index: -1;
  animation: zoomIn 5s infinite !important;
}

@media (max-width: 767px) {
  .it-cta-3-btn {
    margin-top: 35px;
  }
}
.it-cta-3-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: -1;
  background-color: var(--it-gray-1);
}
.it-cta-3-wrap {
  padding: 36px 75px;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-3-wrap {
    padding: 36px 30px;
  }
}
.it-cta-3-wrap img {
  margin-right: 15px;
}
.it-cta-3-title {
  font-size: 28px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-3-title {
    font-size: 25px;
  }
}

.it-cta-4-area {
  padding-top: 210px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-area {
    overflow: hidden;
    padding-top: 0px;
  }
}
.it-cta-4-wrap {
  padding: 75px;
  padding-top: 70px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-wrap {
    padding: 75px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap {
    padding: 75px 80px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-wrap {
    text-align: center;
    padding: 45px 20px;
  }
}
.it-cta-4-wrap p {
  margin-top: 17px;
  margin-bottom: 28px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
  .it-cta-4-wrap p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap .it-section-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-wrap .it-section-title br {
    display: none;
  }
}
.it-cta-4-thumb {
  position: absolute;
  bottom: 0;
  right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-thumb {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-thumb {
    display: none;
  }
}
.it-cta-4-shape-1 {
  position: absolute;
  bottom: 0;
  left: 15%;
  z-index: -1;
}
.it-cta-4-shape-2 {
  position: absolute;
  z-index: -1;
  top: -6%;
  left: 4.5%;
  animation: rotate 30s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-4-shape-2 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-cta-4-shape-2 {
    display: none;
  }
}
.it-cta-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: -67%;
  left: 0;
}

.it-cta-5-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-cta-5-content p {
  margin-top: 15px;
  margin-bottom: 27px;
  line-height: 1.75;
  color: rgba(31, 36, 50, 0.7);
}
.it-cta-5-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-5-thumb {
    right: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-5-thumb {
    right: -17%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-thumb {
    right: -27%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-5-thumb {
    display: none;
  }
}
.it-cta-5-thumb img {
  max-width: inherit;
}
.it-cta-5-shape-1 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 3%;
}
.it-cta-5-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  right: 42%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-shape-2 {
    transform: scale(0.7);
    right: 49%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-5-shape-2 {
    transform: scale(0.6);
    right: 24%;
  }
}
@media (max-width: 767px) {
  .it-cta-5-shape-2 {
    transform: scale(0.5);
    right: 6%;
  }
}
.it-cta-5-shape-2 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}

.it-cta-6-title {
  font-size: 150px;
  line-height: 1.07;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-6-title {
    font-size: 140px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-6-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-6-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-6-title {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .it-cta-6-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-6-title {
    font-size: 60px;
  }
}
.it-cta-6-title img {
  margin-top: -30px;
  border-radius: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-6-title img {
    height: 55px;
  }
}
@media (max-width: 767px) {
  .it-cta-6-title img {
    margin-top: -20px;
    height: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-6-title img {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .it-cta-6-area {
    padding-bottom: 50px !important;
  }
}

.it-cta-7-wrap {
  padding: 20px 150px;
  padding-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-7-wrap {
    padding: 20px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-7-wrap {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .it-cta-7-wrap {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-7-wrap {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .it-cta-7-right {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-7-right {
    margin-top: 0;
  }
}
.it-cta-7-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  margin-bottom: 21px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-7-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-7-title {
    font-size: 20px;
  }
}
.it-cta-7-title span {
  text-transform: uppercase;
}
.it-cta-7-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
}

/*----------------------------------------*/
/*  38. testimonial css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-testimonial-area {
    overflow: hidden;
  }
}
.it-testimonial-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-testimonial-shape-2 {
  position: absolute;
  top: -8%;
  left: 1%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-2 {
    left: -2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-shape-2 {
    left: -4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-2 {
    left: -9%;
    top: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.6);
  }
}
.it-testimonial-shape-3 {
  position: absolute;
  top: -15%;
  right: 0;
  z-index: -1;
}
.it-testimonial-shape-4 {
  position: absolute;
  top: -21.5%;
  left: 0;
  z-index: -1;
}
.it-testimonial-shape-5 {
  position: absolute;
  top: -18%;
  right: 0;
  z-index: -1;
}
.it-testimonial-shape-6 {
  position: absolute;
  bottom: -20%;
  left: 0;
  z-index: -1;
}
.it-testimonial-shape-7 {
  position: absolute;
  top: -9%;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-shape-7 {
    display: none;
  }
}
.it-testimonial-item {
  padding: 30px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media (max-width: 767px) {
  .it-testimonial-item {
    padding: 15px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-item {
    padding: 30px;
  }
}
.it-testimonial-text h5 {
  line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-text h5 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-quote {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-quote svg {
    height: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-bottom img {
    display: none;
  }
}
.it-testimonial-avatar-name {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-avatar-name {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-avatar-name {
    font-size: 17px;
  }
}
.it-testimonial-thumb {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .it-testimonial-thumb {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-thumb img {
    width: 100%;
  }
}
.it-testimonial-content {
  margin-right: 30px;
  transform: translateX(-24px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-content {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-content {
    margin-right: 0;
    margin-top: 40px;
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .it-testimonial-arrow-wrap {
    display: none;
  }
}
.it-testimonial-arrow-wrap button {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-common-white);
}
.it-testimonial-arrow-wrap button.arrow-prev {
  position: absolute;
  top: 50%;
  left: -25px;
  z-index: 1;
  transform: translateY(-50%);
}
.it-testimonial-arrow-wrap button.arrow-next {
  position: absolute;
  top: 50%;
  right: -25px;
  z-index: 1;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 {
    overflow: hidden;
  }
}
.it-testimonial-style-2 .it-testimonial-thumb {
  margin-right: 0;
}
.it-testimonial-style-2 .it-testimonial-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-thumb img {
    width: 100%;
  }
}
.it-testimonial-style-2 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-course-rating {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-style-2 .it-course-rating {
    margin-top: 0;
  }
}
.it-testimonial-style-2 .it-course-author .title {
  display: block;
  font-weight: 600;
  color: var(--it-common-black);
}
.it-testimonial-style-2 .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-testimonial-style-2 .it-course-title {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-style-2 .it-course-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-testimonial-style-2 .it-course-title {
    font-size: 18px;
  }
}
.it-testimonial-style-2 .it-testimonial-content {
  margin-right: 0;
  margin-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-top: 40px;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-top: 40px;
    margin-left: 0;
  }
}
.it-testimonial-style-2 .it-testimonial-content .categories {
  border-radius: 5px;
  line-height: 1;
  padding: 8px 20px;
  margin-bottom: 30px;
  display: inline-block;
  background-color: #FDF1DB;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
  border: 1px solid rgba(248, 198, 47, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-content .categories {
    font-size: 12px;
  }
}
.it-testimonial-style-2 .it-course-meta {
  padding-top: 30px;
  border-top: 1px solid #D9D9D9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-course-meta span {
    font-size: 14px;
  }
}
.it-testimonial-style-2 .it-course-meta span:first-child {
  margin-right: 50px;
  padding-right: 50px;
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-course-meta span:first-child {
    padding-right: 0;
  }
}
.it-testimonial-style-2 .it-testimonial-icon {
  position: absolute;
  left: 40px;
  top: 30px;
  border-radius: 5px;
  padding: 0 15px;
  height: 35px;
  line-height: 31px;
  display: inline-block;
  color: var(--it-common-white);
  border: 1px solid var(--it-common-white);
  background: rgba(31, 36, 50, 0.5);
}

.it-testimonial-2-item {
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media (max-width: 767px) {
  .it-testimonial-2-item {
    padding: 20px;
  }
}
.it-testimonial-2-item:hover .it-testimonial-2-thumb img {
  transform: scale(1.2);
}
.it-testimonial-2-thumb {
  height: 100%;
  margin-right: 41px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-thumb {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-thumb {
    margin-right: 0;
  }
}
.it-testimonial-2-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 1.3s all ease;
}
.it-testimonial-2-thumb .it-about-thumb-icon {
  width: 56px;
  height: 56px;
  line-height: 54px;
}
.it-testimonial-2-thumb .it-about-thumb-icon svg, .it-testimonial-2-thumb .it-about-thumb-icon i {
  color: var(--it-common-black);
}
.it-testimonial-2-thumb.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.4);
}
.it-testimonial-2-avatar-name {
  font-size: 20px;
  margin-bottom: 0;
}
.it-testimonial-2-avatar-info {
  margin-bottom: 18px;
}
.it-testimonial-2-avatar-info span {
  font-size: 14px;
}
.it-testimonial-2-text p {
  line-height: 1.75;
  margin-bottom: 20px;
  margin-right: 10px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-2-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-text p {
    font-size: 13px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-text p {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-testimonial-2-date {
  font-size: 20px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-date {
    font-size: 14px;
  }
}
.it-testimonial-2-content {
  padding: 20px 40px;
  padding-left: 0;
}
@media (max-width: 767px) {
  .it-testimonial-2-content {
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-content {
    padding-left: 20px;
  }
}
.it-testimonial-2-content-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.it-testimonial-2-active {
  margin: -2px;
  padding: 2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-quote svg {
    height: 20px;
  }
}
.it-testimonial-2-shape-1 {
  position: absolute;
  top: -10%;
  right: 0;
  z-index: -1;
}
.it-testimonial-2-shape-2 {
  position: absolute;
  top: 12%;
  left: 5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-shape-2 {
    display: none;
  }
}
.it-testimonial-2-shape-2 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-testimonial-2-shape-3 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.it-testimonial-2-shape-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 59%;
  z-index: -1;
  object-fit: cover;
}
@media (max-width: 767px) {
  .it-testimonial-2-shape-4 {
    height: 40%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-shape-4 {
    height: 59%;
  }
}
.it-testimonial-2-area .it-testimonial-arrow-wrap button.arrow-prev {
  top: 39%;
}
.it-testimonial-2-area .it-testimonial-arrow-wrap button.arrow-next {
  top: 39%;
}
.it-testimonial-2-style-2 .it-about-thumb-icon svg {
  height: 19px;
  width: 20px;
  padding-left: 4px;
  color: var(--it-theme-1);
}
.it-testimonial-2-style-2 .it-testimonial-2-avatar-name {
  font-size: 24px;
  font-family: var(--it-ff-edensor-regular);
}
.it-testimonial-2-style-2 .it-testimonial-2-text p {
  color: rgba(31, 36, 50, 0.8);
}
.it-testimonial-2-style-3 .it-about-thumb-icon svg {
  height: 19px;
  width: 20px;
  color: var(--it-theme-1);
}
.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet {
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 7px;
  transition: 0.4s;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  margin: 0 6px !important;
  background-color: var(--it-gray-1);
}
.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet::after {
  display: none;
}
.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--it-theme-1);
}
.it-testimonial-2-style-4 .it-testimonial-2-item {
  border-radius: 0;
}
.it-testimonial-2-style-4 .it-testimonial-2-thumb {
  border-radius: 0;
}
.it-testimonial-2-style-4 .it-testimonial-2-thumb::after {
  border-radius: 0;
}
.it-testimonial-2-style-4 .it-testimonial-2-thumb img {
  border-radius: 0;
}

.it-testimonial-3-right .it-testimonial-2-content-wrap {
  padding: 27px 40px;
  padding-bottom: 25px;
  border-radius: 30px;
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-content-wrap {
    padding: 25px 20px;
  }
}
.it-testimonial-3-right .it-testimonial-2-ratting {
  margin-bottom: 20px;
}
.it-testimonial-3-right .it-testimonial-2-ratting i {
  display: inline-block;
  padding-right: 2px;
  color: var(--it-theme-2);
}
.it-testimonial-3-right .it-testimonial-2-avatar-info {
  margin-bottom: 0;
}
.it-testimonial-3-right .it-testimonial-2-content {
  padding: 0;
}
.it-testimonial-3-right .it-testimonial-2-content p {
  margin-bottom: 18px;
  margin-right: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-content p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-avatar-name {
    font-size: 16px;
  }
}
.it-testimonial-3-right .slick-vertical .slick-slide {
  display: block;
  margin-bottom: 30px;
}
.it-testimonial-3-right .slick-vertical .slick-slide:last-child {
  margin-bottom: 0;
}
.it-testimonial-3-play-icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 30px 30px 0;
  border-radius: 0 0 100px 0;
  background-color: var(--it-common-white);
}
.it-testimonial-3-play-icon::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -65px;
  width: 65px;
  height: 65px;
  -webkit-transform: scale(-1) rotate(90deg);
  transform: scale(-1) rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
.it-testimonial-3-play-icon::after {
  content: "";
  position: absolute;
  bottom: -64px;
  left: 0px;
  width: 65px;
  height: 65px;
  -webkit-transform: scale(-1) rotate(90deg);
  transform: scale(-1) rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
.it-testimonial-3-play-icon a {
  display: inline-block;
  height: 152px;
  width: 152px;
  line-height: 152px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-testimonial-3-play-icon a {
    height: 75px;
    width: 75px;
    line-height: 73px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-play-icon a {
    height: 125px;
    width: 125px;
    line-height: 123px;
  }
}
.it-testimonial-3-play-icon a svg {
  padding-left: 4px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-testimonial-3-play-icon a svg {
    height: 17px;
  }
}
.it-testimonial-3-thumb {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-thumb {
    height: auto;
    margin-bottom: 70px;
  }
}
.it-testimonial-3-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-thumb img {
    width: 100%;
  }
}
.it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
  background-color: var(--it-theme-5);
  height: 152px;
  width: 152px;
  line-height: 152px;
}
@media (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
    height: 75px;
    width: 75px;
    line-height: 73px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
    height: 115px;
    width: 115px;
    line-height: 113px;
  }
}
.it-testimonial-3-style-2 .it-testimonial-3-play-icon a svg {
  height: 45px;
}
@media (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a svg {
    height: 17px;
  }
}
.it-testimonial-3-style-2 .it-testimonial-2-avatar-info span {
  color: var(--it-theme-5);
}
.it-testimonial-3-style-2 .it-testimonial-2-avatar-name {
  font-weight: 600;
  font-family: var(--it-ff-oxanium);
}
.it-testimonial-3-inner-style .it-testimonial-3-play-icon {
  background-color: var(--it-gray-1);
}
.it-testimonial-3-inner-style .it-testimonial-3-play-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23F0F4F5' /%3E%3C/g%3E%3C/svg%3E");
}
.it-testimonial-3-inner-style .it-testimonial-3-play-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23F0F4F5' /%3E%3C/g%3E%3C/svg%3E");
}
.it-testimonial-3-inner-style .it-testimonial-3-right .it-testimonial-2-content-wrap {
  background-color: var(--it-common-white);
}

.it-testimonial-4-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #CD935A;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-4-area {
    padding: 100px 0;
  }
}
.it-testimonial-4-item {
  text-align: center;
}
.it-testimonial-4-text p {
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 55px;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-4-text p {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-4-text p {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-4-quote {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 767px) {
  .it-testimonial-4-quote svg {
    height: 20px;
  }
}
.it-testimonial-4-avatar-thumb {
  margin-right: 15px;
  flex: 0 0 auto;
}
.it-testimonial-4-avatar-thumb img {
  height: 72px;
  width: 72px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .it-testimonial-4-avatar-thumb img {
    height: 42px;
    width: 42px;
  }
}
.it-testimonial-4-avatar-title {
  font-size: 24px;
  margin-bottom: 5px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-testimonial-4-avatar-title {
    font-size: 18px;
  }
}
.it-testimonial-4-avatar-info span {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .it-testimonial-4-avatar-info span {
    font-size: 14px;
  }
}

.it-testimonial-dots .swiper-pagination-bullet {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin: 0 6px !important;
  z-index: 2;
  opacity: 1;
  background-color: var(--it-text-body);
}
.it-testimonial-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transform: translate(-50%, -50%) scale(1.6);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-testimonial-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-1);
}
.it-testimonial-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  18. event css start
/*----------------------------------------*/
.it-event-shape-1 {
  position: absolute;
  top: -10%;
  left: 54%;
  z-index: -1;
  animation: translateX 4s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-btn {
    margin-top: 40px;
  }
}
.it-event-thumb {
  overflow: hidden;
}
.it-event-thumb img {
  transition: 1.3s all ease;
}
.it-event-item {
  padding: 30px;
  transition: 0.3s;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: rgba(26, 182, 157, 0.1);
  border: 1px solid rgba(26, 182, 157, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-item {
    padding: 25px;
    padding-bottom: 30px;
  }
}
.it-event-item .it-btn-yellow {
  background-color: var(--it-text-body);
}
.it-event-item .it-btn-yellow span span {
  color: var(--it-common-white);
}
.it-event-item .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-event-item:hover {
  border: 1px solid rgba(26, 182, 157, 0.5);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-event-item:hover .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-event-item:hover .it-event-thumb img {
  transform: scale(1.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-title {
    font-size: 18px;
  }
}
.it-event-date {
  position: absolute;
  left: 20px;
  bottom: 30px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-date {
    left: 20px;
    bottom: 20px;
    border-radius: 5px;
    padding: 3.5px 15px;
    font-size: 12px;
  }
}
.it-event-meta span {
  position: relative;
  padding-left: 28px;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-meta span {
    font-size: 14px;
  }
}
.it-event-meta span svg {
  position: absolute;
  top: 0;
  left: 0;
}
.it-event-meta span:not(:last-child) {
  margin-bottom: 17px;
}
.it-event-inner-style .it-event-item {
  background-color: var(--it-gray-1);
}
.it-event-inner-style-2 .it-event-item {
  display: flex;
  padding: 20px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-item {
    display: block;
  }
}
.it-event-inner-style-2 .it-event-item .it-btn-yellow.theme-bg {
  border-radius: 8px;
  padding: 13px 48px;
}
.it-event-inner-style-2 .it-event-thumb {
  border-radius: 14px;
  height: 100%;
}
.it-event-inner-style-2 .it-event-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-thumb img {
    width: 100%;
  }
}
.it-event-inner-style-2 .it-event-meta {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-meta {
    flex-wrap: wrap;
  }
}
.it-event-inner-style-2 .it-event-meta span {
  font-size: 14px;
  margin-bottom: 0;
  padding-left: 24px;
  display: inline-block;
}
.it-event-inner-style-2 .it-event-meta span:first-child {
  margin-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-inner-style-2 .it-event-meta span:first-child {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-meta span:first-child {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-btn {
    margin-top: 0;
  }
}
.it-event-inner-style-2 .it-event-content {
  height: 100%;
  display: flex;
  margin-left: -10px;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-inner-style-2 .it-event-content {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-event-inner-style-2 .it-event-content {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-inner-style-2 .it-event-content {
    margin-left: 0;
    margin-top: 0;
  }
}
.it-event-inner-style-3 .it-title-shape {
  left: 0 !important;
}
.it-event-area.blog-inner-style .it-event-item {
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-2-area .it-section-title {
    font-size: 32px;
  }
}
.it-event-2-thumb {
  transition: 1.3s all ease;
}
.it-event-2-tag {
  position: absolute;
  left: 30px;
  top: -18px;
  border-radius: 100px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-event-2-content {
  padding: 30px;
  padding-top: 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-content {
    padding: 30px 20px;
    padding-top: 48px;
  }
}
.it-event-2-title {
  font-size: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-2-meta span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span {
    font-size: 16px;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-meta span {
    display: inline-block;
  }
}
.it-event-2-meta span:first-child {
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span:first-child {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-meta span:first-child {
    margin-bottom: 0;
  }
}
.it-event-2-meta span svg {
  margin-right: 3px;
  margin-top: -2px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span svg {
    height: 15px;
  }
}
.it-event-2-shape-1 {
  position: absolute;
  z-index: -1;
  top: 12%;
  right: 37%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-shape-1 {
    display: none;
  }
}
.it-event-2-item {
  border-radius: 20px;
  transition: 0.3s;
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-event-2-item .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-event-2-item .it-btn-yellow span, .it-event-2-item .it-btn-yellow svg {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-item .it-btn-yellow span, .it-event-2-item .it-btn-yellow svg {
    font-size: 14px;
  }
}
.it-event-2-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-event-2-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}
.it-event-2-item:hover .it-btn-yellow span, .it-event-2-item:hover .it-btn-yellow svg {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-top-btn {
    margin-top: 40px;
  }
}
.it-event-2-style-2 .it-event-2-content {
  padding-top: 30px;
}
.it-event-2-style-2 .it-event-2-meta span svg {
  color: var(--it-theme-1);
}
.it-event-2-style-2 .it-event-2-item:hover .it-btn-yellow span, .it-event-2-style-2 .it-event-2-item:hover .it-btn-yellow svg {
  color: var(--it-theme-1);
}

.it-event-countdown-time > div > div {
  font-size: 14px;
  list-style-type: none;
  display: inline-block;
  margin: 0 20px;
  border-radius: 5px;
  width: 70px;
  padding: 7px 0;
  text-align: center;
  border: 1px solid #6C757D;
}
@media (max-width: 767px) {
  .it-event-countdown-time > div > div {
    font-size: 12px;
    margin: 0 9px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-countdown-time > div > div {
    font-size: 14px;
    margin: 0 9px;
  }
}
.it-event-countdown-time > div > div span {
  display: block;
  font-size: 20px;
  margin-bottom: 0;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-event-countdown-time > div > div span.countdown-heading {
  font-size: 14px;
  font-weight: 400;
  color: var(--it-text-body);
  font-family: var(--it-ff-body);
}
.it-event-countdown-time .count-box {
  position: relative;
}
.it-event-countdown-time .count-box i {
  position: absolute;
  right: 0;
  top: 0;
}
.it-event-details-thumb {
  margin-top: -285px;
  margin-bottom: 60px;
  border: 5px solid var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-thumb {
    margin-top: 100px;
    margin-bottom: 0;
  }
}
.it-event-details-meetup {
  position: relative;
}
.it-event-details-meetup.style-1 {
  padding-right: 20px;
}
@media (max-width: 767px) {
  .it-event-details-meetup.style-1 {
    margin-bottom: 50px;
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-details-meetup.style-1 {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.it-event-details-meetup.style-2 {
  padding-right: 50px;
}
.it-event-details-meetup.style-2::after {
  background-color: #E3E3E3;
}
.it-event-details-meetup::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--it-theme-1);
}
.it-event-details-meetup .date {
  font-size: 24px;
  margin-bottom: 0;
  font-family: var(--it-ff-spartan-semibold);
}
.it-event-details-meetup span {
  display: block;
  margin-bottom: 9px;
}
@media (max-width: 767px) {
  .it-event-details-meetup span {
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-time-box {
    margin-bottom: 30px;
  }
}
.it-event-details-time-box .time {
  border-radius: 8px;
  padding: 0 30px;
  margin-bottom: 25px;
  display: inline-block;
  color: var(--it-theme-1);
  background: rgba(3, 89, 78, 0.1);
  font-family: var(--it-ff-spartan-semibold);
  height: 56px;
  line-height: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-time-box .time {
    font-size: 14px;
    padding: 0 20px;
    height: 46px;
    line-height: 50px;
  }
}
.it-event-details-time-box span {
  display: block;
  font-size: 14px;
}
.it-event-details-time-box span svg {
  margin-right: 3px;
  display: inline-block;
}
.it-event-details-content img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}
.it-event-details-area.it-course-details-style-3 .course-details-border {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info ul li {
    font-size: 14px;
  }
}
.it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info {
  padding: 0 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info {
    padding: 0 20px;
  }
}
.it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info.btn-box {
  margin-top: 18px;
  padding: 40px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .social-section a {
    height: 40px;
    width: 40px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .social-section a svg {
    height: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .contact-section .call-box {
    padding: 16px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .contact-section .call-box svg {
    height: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area .postbox-dsc {
    margin-right: 0;
  }
}
.it-event-details-area .postbox-dsc p {
  margin-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area .postbox-dsc p {
    margin-right: 0;
  }
}
.it-event-details-area .it-team-content {
  padding: 20px 80px;
  padding-top: 46px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area .it-team-content {
    padding: 20px 25px;
    padding-top: 46px;
  }
}

/*----------------------------------------*/
/*  28. newsletter css start
/*----------------------------------------*/
.it-newsletter-wrap {
  padding: 49px 78px;
  border-radius: 20px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-wrap {
    padding: 50px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-wrap {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-wrap {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-wrap {
    padding: 40px 45px;
  }
}
.it-newsletter-wrap .it-newsletter-input-box button {
  background-color: var(--it-theme-1);
}
.it-newsletter-wrap .it-newsletter-input-box button svg, .it-newsletter-wrap .it-newsletter-input-box button i {
  height: 17px;
  transition: 0.3s;
  color: var(--it-common-white);
}
.it-newsletter-wrap .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-2);
}
.it-newsletter-wrap .it-newsletter-input-box button:hover svg, .it-newsletter-wrap .it-newsletter-input-box button:hover i {
  color: var(--it-common-black);
}
.it-newsletter-input-box {
  text-align: end;
  margin-left: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-input-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-newsletter-input-box {
    margin-top: 30px;
    margin-left: 0;
  }
}
.it-newsletter-input-box input {
  line-height: 69px;
  height: 69px;
  padding-left: 35px;
  padding-right: 90px;
  border-radius: 10px;
  background: #F0F4F5;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-input-box input {
    height: 56px;
    line-height: 56px;
    padding-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box input {
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    font-size: 14px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box input::placeholder {
    font-size: 14px;
  }
}
.it-newsletter-input-box button {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 10px;
  line-height: 1.7;
  transform: translateY(-50%);
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-input-box button {
    width: 50px;
    height: 50px;
    line-height: 1;
    top: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box button {
    width: 42px;
    height: 42px;
    line-height: 1;
    top: 50%;
  }
}
.it-newsletter-input-box button svg, .it-newsletter-input-box button i {
  transition: 0.3s;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box button svg, .it-newsletter-input-box button i {
    height: 20px;
  }
}
.it-newsletter-input-box button:hover {
  background-color: var(--it-theme-1);
}
.it-newsletter-input-box button:hover svg, .it-newsletter-input-box button:hover i {
  color: var(--it-common-white);
}
.it-newsletter-input-box .it-btn-orange {
  padding: 19px 40px;
}
.it-newsletter-title {
  font-size: 36px;
  line-height: 1.29;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-title {
    font-size: 25px;
  }
}
.it-newsletter-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  object-fit: cover;
}
.it-newsletter-style-2 .it-newsletter-wrap {
  border-radius: 1000px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-wrap {
    border-radius: 20px;
  }
}
.it-newsletter-style-2 .it-newsletter-input-box input {
  border-radius: 1000px;
}
.it-newsletter-style-2 .it-newsletter-input-box button {
  position: absolute;
  top: 49%;
  right: 5px;
  width: 63px;
  height: 63px;
  padding: 0;
  border-radius: 50%;
  line-height: 1.7;
  transform: translateY(-50%);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-style-2 .it-newsletter-input-box button {
    width: 50px;
    height: 50px;
    line-height: 1;
    top: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-input-box button {
    width: 42px;
    height: 42px;
    line-height: 1;
    top: 50%;
  }
}
.it-newsletter-style-2 .it-newsletter-input-box button svg, .it-newsletter-style-2 .it-newsletter-input-box button i {
  transition: 0.3s;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-input-box button svg, .it-newsletter-style-2 .it-newsletter-input-box button i {
    height: 20px;
  }
}
.it-newsletter-style-2 .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-2);
}
.it-newsletter-style-2 .it-newsletter-input-box button:hover svg, .it-newsletter-style-2 .it-newsletter-input-box button:hover i {
  color: var(--it-common-black);
}
.it-newsletter-style-3 {
  padding: 27px 55px;
  padding-right: 35px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .it-newsletter-style-3 {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-style-3 {
    padding: 40px;
  }
}
.it-newsletter-style-3 .it-newsletter-2-title {
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box input {
    padding-left: 15px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box input::placeholder {
    font-size: 12px;
  }
}
.it-newsletter-style-3 .it-newsletter-input-box button {
  width: auto;
  height: auto;
  right: 8px;
  padding: 13px 30px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box button {
    padding: 13px 15px;
  }
}
.it-newsletter-style-3 .it-newsletter-input-box button span span {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box button span span {
    font-size: 12px;
  }
}
.it-newsletter-style-3 .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-1);
}
.it-newsletter-style-4 {
  padding: 46px 78px;
  background-color: var(--it-theme-2);
}
@media (max-width: 767px) {
  .it-newsletter-style-4 {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-style-4 {
    padding: 40px;
  }
}
.it-newsletter-style-4 .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-area {
    padding-top: 0;
  }
}
.it-newsletter-2-area .it-newsletter-input-box {
  margin-left: 0;
  text-align: center;
  max-width: 575px;
  margin: 0 auto;
}
.it-newsletter-2-area .it-newsletter-input-box input {
  height: 65px;
  line-height: 65px;
  padding-right: 170px;
}
.it-newsletter-2-area .it-newsletter-input-box .it-btn-yellow {
  right: 5px;
  width: auto;
  height: auto;
  padding: 13px 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-area .it-newsletter-input-box .it-btn-yellow {
    right: 15px;
  }
}
.it-newsletter-2-shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -2;
  transform: translateY(-50%);
}
.it-newsletter-2-shape-2 {
  position: absolute;
  bottom: 0;
  left: -2%;
}
.it-newsletter-2-shape-3 {
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: -1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-newsletter-2-shape-4 {
  position: absolute;
  top: -35%;
  left: 15%;
  animation: ittranslateX2 5s forwards infinite alternate;
}
.it-newsletter-2-shape-5 {
  position: absolute;
  top: -29%;
  right: 11%;
  z-index: -1;
  animation: itswing 2.5s forwards infinite alternate;
  transform-origin: bottom center;
}
.it-newsletter-2-shape-6 {
  position: absolute;
  top: -27%;
  right: 26%;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-newsletter-2-shape-7 {
  position: absolute;
  bottom: 0;
  right: -1%;
  animation: ittranslateX2 5s forwards infinite alternate;
}
.it-newsletter-2-title {
  font-size: 36px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-2-title {
    font-size: 32px;
  }
  .it-newsletter-2-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-2-title {
    font-size: 25px;
  }
  .it-newsletter-2-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-title {
    padding: 17px 0;
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-title {
    padding: 17px 0;
    font-size: 22px;
  }
  .it-newsletter-2-title br {
    display: none;
  }
}
.it-newsletter-2-content {
  padding: 115px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-content {
    padding-top: 0;
  }
}
.it-newsletter-2-content p {
  line-height: 1.75;
  margin-bottom: 30px;
  color: rgba(31, 36, 50, 0.7);
}
@media (max-width: 767px) {
  .it-newsletter-2-content p {
    font-size: 14px;
  }
  .it-newsletter-2-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-wrap {
    padding-top: 60px;
    border-radius: 20px;
    background-color: var(--it-theme-1);
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-wrap {
    padding: 60px 20px;
    border-radius: 20px;
    background-color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-title {
    color: var(--it-common-white);
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-content {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-content p {
    color: var(--it-common-white);
  }
}

.it-newsletter-3-wrap {
  padding: 40px;
  border-radius: 10px;
  background: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .it-newsletter-3-wrap {
    padding: 40px 20px;
  }
}
.it-newsletter-3-wrap p {
  line-height: 1.75;
  margin-bottom: 22px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap p {
    font-size: 14px;
  }
}
.it-newsletter-3-wrap .it-newsletter-input-box {
  margin-left: 0;
}
.it-newsletter-3-wrap .it-newsletter-input-box input {
  height: 69px;
  line-height: 69px;
  padding-right: 170px;
  border-radius: 1000px;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input {
    height: 60px;
    line-height: 60px;
  }
}
.it-newsletter-3-wrap .it-newsletter-input-box input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input::placeholder {
    font-size: 14px;
  }
}
.it-newsletter-3-wrap .it-newsletter-input-box .it-btn-yellow {
  right: 8px;
  width: auto;
  height: auto;
  padding: 13px 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-2-title.mb-25 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-3-right div {
    width: 100%;
    margin-top: 0;
  }
}
.it-newsletter-3-right span {
  color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-right span {
    font-size: 14px;
  }
}
.it-newsletter-3-right span i {
  font-style: normal;
  text-decoration: underline;
}
.it-newsletter-3-social a {
  display: inline-block;
  height: 42px;
  width: 42px;
  line-height: 37px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-social a {
    height: 35px;
    width: 35px;
    line-height: 29px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-social a svg {
    height: 14px;
  }
}
.it-newsletter-3-social a:not(:last-child) {
  margin-right: 11px;
}
.it-newsletter-3-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-newsletter-3-shape-1 {
  position: absolute;
  top: -26%;
  right: 11.5%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  08. campus css start
/*----------------------------------------*/
.it-campus-title {
  font-size: 24px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-title {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-campus-title {
    font-size: 22px;
  }
}
.it-campus-thumb {
  mask-image: url(../img/campus/mask-2.svg);
  -webkit-mask-image: url(../img/campus/mask-2.svg);
  width: 100%;
  mask-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 293px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-thumb {
    height: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-thumb {
    height: 100%;
    mask-image: unset;
    -webkit-mask-image: uunset;
  }
}
.it-campus-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-campus-text p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-text p {
    font-size: 15px;
  }
  .it-campus-text p br {
    display: none;
  }
}
.it-campus-item {
  padding: 25px;
  padding-top: 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-item {
    padding: 20px;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-campus-item {
    padding: 30px;
  }
}
.it-campus-item:hover .it-campus-thumb img {
  transform: scale(1.1);
}
.it-campus-item:hover .it-campus-arrow a {
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-campus-arrow {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0 20px 20px;
  border-radius: 0 0 0 70%;
  background-color: var(--it-common-white);
}
.it-campus-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-arrow::before {
    left: -40px;
    width: 40px;
    height: 40px;
  }
}
.it-campus-arrow::after {
  content: "";
  position: absolute;
  bottom: -50px;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-arrow::after {
    bottom: -40px;
    width: 40px;
    height: 40px;
  }
}
.it-campus-arrow a {
  display: inline-block;
  height: 83px;
  width: 83px;
  line-height: 83px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-arrow a {
    height: 55px;
    width: 55px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-arrow a svg {
    height: 15px;
  }
}

/*----------------------------------------*/
/*  40. tuition css start
/*----------------------------------------*/
.it-tuition-area {
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-area {
    background-color: var(--it-gray-1);
  }
}
.it-tuition-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.it-tuition-shape-2 {
  position: absolute;
  top: -12%;
  right: 15%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-tuition-shape-2 {
    right: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-tuition-shape-2 {
    right: 33%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-tuition-shape-2 {
    top: -7%;
    right: 33%;
  }
}
.it-tuition-text p {
  margin-right: 35px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-tuition-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-tuition-list-box ul li {
  list-style-type: none;
}
.it-tuition-list-box ul li:not(:last-child) {
  margin-bottom: 13px;
}
.it-tuition-list-box ul li span {
  padding-left: 30px;
  position: relative;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-list-box ul li span {
    font-size: 14px;
  }
}
.it-tuition-list-box ul li span svg, .it-tuition-list-box ul li span i {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-theme-1);
}
.it-tuition-list-box > span {
  font-size: 18px;
  line-height: 1.6;
  text-decoration: underline;
  color: var(--it-common-black);
  display: block;
  margin-bottom: 20px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-list-box > span {
    font-size: 14px;
  }
}
.it-tuition-title-sm {
  margin-bottom: 45px;
}
.it-tuition-item {
  padding: 64px 40px;
  border-radius: 30px;
  border: 1px solid rgba(26, 182, 157, 0.4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-item {
    padding: 40px 25px;
  }
}
.it-tuition-item.active {
  background-color: var(--it-theme-1);
}
.it-tuition-item.active .it-tuition-title-sm {
  color: var(--it-common-white);
}
.it-tuition-item.active .it-tuition-list-box span {
  color: var(--it-common-white);
}
.it-tuition-item.active .it-tuition-list-box svg, .it-tuition-item.active .it-tuition-list-box i {
  color: var(--it-common-white);
}

/*----------------------------------------*/
/*  34. slider css start
/*----------------------------------------*/
.it-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.it-slider-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.it-slider-overlay::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.it-slider-content {
  padding-top: 190px;
  padding-bottom: 290px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-content {
    padding-top: 140px;
    padding-bottom: 240px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-content {
    padding-top: 140px;
    padding-bottom: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-content {
    padding-top: 130px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-content {
    padding-top: 120px;
    padding-bottom: 230px;
  }
}
@media (max-width: 767px) {
  .it-slider-content {
    padding-top: 100px;
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-content {
    padding-top: 120px;
    padding-bottom: 210px;
  }
}
.it-slider-content p {
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .it-slider-content p {
    font-size: 14px;
    line-height: 1.7;
  }
  .it-slider-content p br {
    display: none;
  }
}
.it-slider-title {
  font-size: 72px;
  line-height: 1.18;
  letter-spacing: 0.01em;
  margin-bottom: 23px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-slider-title {
    font-size: 28px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-title {
    font-size: 46px;
  }
}
.it-slider-title span svg {
  animation: title-animation 4s infinite;
}
.it-slider-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  left: -2%;
  z-index: -1;
  display: block;
}
.it-slider-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-1 {
    top: -15%;
    left: -15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-shape-1 {
    display: none;
  }
}
.it-slider-shape-2 {
  position: absolute;
  bottom: 18%;
  left: 38%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-shape-2 {
    display: none;
  }
}
.it-slider-shape-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-3 {
    bottom: -11%;
    right: -3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-shape-3 {
    bottom: -15%;
    right: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-shape-3 {
    display: none;
  }
}
.it-slider-active .swiper-slide-active .it-slider-content-text p, .it-slider-active .swiper-slide-active .it-slider-title, .it-slider-active .swiper-slide-active .it-slider-btn {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-bg img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-title {
  animation: img-anim-bottom 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.5s;
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-content-text p {
  animation: img-anim-bottom 1.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.7s;
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-btn {
  animation: img-anim-bottom 1.9s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.9s;
}
.it-slider-arrow-wrap {
  position: absolute;
  top: 32%;
  right: 9%;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-arrow-wrap {
    display: none;
  }
}
.it-slider-arrow-wrap button {
  width: 80px;
  height: 60px;
  padding: 0;
  display: block;
  border-radius: 30px;
  border: 1px solid var(--it-common-white);
  color: var(--it-common-white);
}
.it-slider-arrow-wrap button.arrow-next {
  margin-left: 50px;
  margin-bottom: 8px;
}
.it-slider-arrow-wrap button:hover {
  color: var(--it-common-black);
  border: 1px solid var(--it-theme-2);
  background-color: var(--it-theme-2);
}

/*----------------------------------------*/
/*  20. feature css start
/*----------------------------------------*/
.it-feature-icon span {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(26, 182, 157, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-icon span {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-icon span svg, .it-feature-icon span i {
    height: 20px;
  }
}
.it-feature-item {
  padding: 40px;
  padding-right: 60px;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-item {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-item {
    padding: 30px 20px;
  }
}
.it-feature-item:hover {
  background-color: var(--it-gray-1);
}
.it-feature-item:hover a {
  color: var(--it-theme-1);
}
.it-feature-content p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-feature-content p {
    font-size: 14px;
  }
}
.it-feature-content a {
  font-size: 14px;
  transition: 0.3s;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content a svg, .it-feature-content a i {
    height: 10px;
  }
}
.it-feature-title {
  margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-title {
    font-size: 17px;
  }
}
.it-feature-wrap {
  margin-top: -100px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-wrap {
    border-radius: 0;
  }
}
.it-feature-wrap .row [class*=col-]:first-child .it-feature-item {
  border-radius: 20px 0 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-wrap .row [class*=col-]:first-child .it-feature-item {
    border-radius: 0;
  }
}
.it-feature-wrap .row [class*=col-]:last-child .it-feature-item {
  border-radius: 0 20px 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-wrap .row [class*=col-]:last-child .it-feature-item {
    border-radius: 0;
  }
}

.it-feature-2-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 30px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-wrap {
    border-radius: 20px;
    background-image: none !important;
    background-color: var(--it-theme-1);
  }
}
.it-feature-2-wrap p {
  margin: 0 35px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-wrap p {
    margin: 0;
    font-size: 14px;
  }
}
.it-feature-2-title {
  font-size: 24px;
  margin-bottom: 12px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-title {
    font-size: 22px;
  }
}
.it-feature-2-icon {
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-icon svg {
    height: 55px;
  }
}
.it-feature-2-shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -2;
  transform: translateY(-50%);
}
.it-feature-2-shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}

.it-feature-3-item {
  padding: 50px 30px;
  padding-top: 60px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-3-item {
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
    background-color: var(--it-common-white);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-3-item {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
    background-color: var(--it-common-white);
  }
}
.it-feature-3-item .shape {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-3-item .shape {
    display: none;
  }
}
.it-feature-3-title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: var(--it-ff-cinzel-decorative);
}
.it-feature-3-icon {
  margin-bottom: 30px;
}
.it-feature-3-shape-1 {
  position: absolute;
  top: -25%;
  left: 0;
  z-index: -1;
}
.it-feature-3-shape-2 {
  position: absolute;
  top: 13%;
  right: 7%;
  z-index: -1;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-area {
    background-color: var(--it-common-black);
  }
}
.it-features-4-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-bg {
    display: none;
  }
}
.it-features-4-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 18px;
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-features-4-title br {
    display: none;
  }
}
.it-features-4-icon {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 84px;
  width: 84px;
  line-height: 84px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-theme-5);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-icon {
    display: none;
  }
}
.it-features-4-item {
  padding: 45px 40px;
  padding-right: 55px;
  position: relative;
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-item {
    padding: 35px 20px;
    background-color: var(--it-common-white);
  }
}
.it-features-4-item p {
  margin-bottom: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-item p {
    font-size: 14px;
  }
}
.it-features-4-item::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-common-white);
  -webkit-mask-image: url(../img/shape/feature-mask-10.webp);
  -webkit-mask-size: cover;
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-item::after {
    display: none;
  }
}
.it-features-4-item .it-btn-yellow {
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  background-color: transparent;
  font-family: var(--it-ff-oxanium);
}
.it-features-4-item:hover .it-btn-yellow span, .it-features-4-item:hover svg {
  color: var(--it-theme-5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-style-2 {
    background-color: var(--it-common-white);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-style-2 .it-features-4-item {
    background-color: var(--it-gray-1);
  }
}
.it-features-4-style-2 .it-features-4-item::after {
  background: rgba(240, 244, 245, 0.6);
}
.it-features-4-style-2 .it-features-4-item:hover .it-features-4-icon {
  background-color: var(--it-theme-1);
}
.it-features-4-style-2 .it-features-4-item:hover .it-features-4-icon svg {
  color: var(--it-theme-2);
}
.it-features-4-style-2 .it-features-4-item:hover .it-btn-yellow svg, .it-features-4-style-2 .it-features-4-item:hover .it-btn-yellow span {
  color: var(--it-theme-1);
}
.it-features-4-style-2 .it-features-4-icon {
  transition: 0.4s;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-features-4-style-2 .it-features-4-icon {
    height: 75px;
    width: 75px;
    line-height: 75px;
  }
}
.it-features-4-style-2 .it-features-4-icon svg {
  transition: 0.4s;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-features-4-style-2 .it-features-4-icon svg {
    height: 35px;
  }
}
.it-features-4-inner-style {
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-inner-style .it-features-4-item {
    background: rgba(248, 198, 47, 0.1);
  }
}
.it-features-4-inner-style .it-features-4-item::after {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
  background: rgba(248, 198, 47, 0.1);
}
.it-features-4-inner-style .it-features-4-icon {
  background-color: var(--it-theme-5);
}
.it-features-4-inner-style .it-features-4-icon svg {
  color: var(--it-common-white);
}

@media (max-width: 767px) {
  .it-feature-5-area {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .it-feature-5-thumb {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-feature-5-thumb.style-3 {
    margin-bottom: 0;
    margin-top: 30px;
  }
}
.it-feature-5-title {
  font-size: 50px;
  line-height: 1.4;
  margin-bottom: 5px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-5-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-feature-5-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .it-feature-5-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-feature-5-title {
    font-size: 25px;
  }
}
.it-feature-5-title::before {
  content: "";
  margin-right: 45px;
}
.it-feature-5-content {
  margin-left: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-5-content {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-feature-5-content {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-feature-5-content {
    margin-left: 0;
  }
}
.it-feature-5-content span {
  font-size: 20px;
  display: block;
  margin-bottom: 18px;
  letter-spacing: 0.01em;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
.it-feature-5-content p {
  line-height: 1.75;
  color: #999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-5-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-5-content p {
    font-size: 14px;
  }
  .it-feature-5-content p br {
    display: none;
  }
}
.it-feature-5-content a {
  margin-top: 30px;
  display: block;
  padding: 4px 10px;
  text-align: center;
  margin-right: 88px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
  border-top: 1px solid rgba(205, 147, 90, 0.3);
  border-bottom: 1px solid rgba(205, 147, 90, 0.3);
}
.it-feature-5-thumb {
  margin-left: 67px;
}
@media (max-width: 767px) {
  .it-feature-5-thumb {
    margin-left: 0;
  }
}
.it-feature-5-area .row:nth-child(even) .it-feature-5-thumb {
  margin-left: 0;
  margin-right: 67px;
}
@media (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-thumb {
    margin-right: 0;
  }
}
.it-feature-5-area .row:nth-child(even) .it-feature-5-content {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-content {
    margin-left: 0;
  }
}
.it-feature-5-area .row:nth-child(even) .it-feature-5-content p {
  margin-right: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-content p {
    margin-right: 0;
  }
}

.it-feature-6-content {
  padding-left: 20px;
}
.it-feature-6-content span {
  font-size: 14px;
}
.it-feature-6-title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-6-title {
    font-size: 17px;
  }
}
.it-feature-6-item.col-1-2 {
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-6-item.col-1-2 {
    margin-left: 0;
  }
}
.it-feature-6-item.col-1-3 {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-6-item.col-1-3 {
    margin-left: 0;
  }
}
.it-feature-6-wrap {
  padding-top: 100px;
  padding-bottom: 60px;
  border-bottom: 1px solid #D9D9D9;
}

/*----------------------------------------*/
/*  23. gallery css start
/*----------------------------------------*/
.it-gallery-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-area {
    padding: 100px 0;
  }
}
.it-gallery-thumb {
  flex: 0 0 auto;
}
.it-gallery-thumb {
  overflow: hidden;
}
.it-gallery-thumb img {
  max-width: inherit;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-thumb img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-gallery-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.it-gallery-thumb.style-1 {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-gallery-thumb.style-1 {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-thumb.style-1 {
    margin-bottom: 15px;
  }
}
.it-gallery-thumb:hover img {
  transform: scale(1.2);
}
.it-gallery-thumb-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-gallery-thumb-wrap {
    gap: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-gallery-thumb-wrap {
    gap: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-thumb-wrap {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .it-gallery-thumb-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-gallery-thumb-box {
    width: 100%;
  }
}
.it-gallery-thumb-box.box-style-4 {
  margin-bottom: 105px;
}
@media (max-width: 767px) {
  .it-gallery-thumb-box.box-style-4 {
    margin-bottom: 0;
  }
}
.it-gallery-thumb-box.box-style-5 {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .it-gallery-thumb-box.box-style-5 {
    margin-top: 0;
  }
}
.it-gallery-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  left: 12.5%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-shape-1 {
    display: none;
  }
}
.it-gallery-shape-2 {
  position: absolute;
  z-index: -1;
  top: 9%;
  left: 6%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-shape-2 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-gallery-shape-2 {
    display: none;
  }
}
.it-gallery-shape-3 {
  position: absolute;
  z-index: -1;
  top: 9%;
  right: 7%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-shape-3 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-gallery-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-item img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  26. language css start
/*----------------------------------------*/
.it-language-wrap {
  padding: 80px 75px;
  padding-top: 70px;
  padding-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-language-wrap {
    padding: 55px 35px;
  }
}
@media (max-width: 767px) {
  .it-language-wrap {
    padding: 40px 20px;
  }
}
.it-language-wrap .it-about-text p {
  color: rgba(255, 255, 255, 0.8);
}
.it-language-wrap .it-about-list-box ul li span {
  color: var(--it-common-white);
}
.it-language-wrap .it-section-title {
  margin-bottom: 15px;
}
.it-language-wrap .it-about-list-box {
  margin-bottom: 37px;
}
.it-language-thumb {
  overflow: hidden;
  transform: translateX(-13px);
  outline: 5px solid var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-language-thumb {
    margin-top: 50px;
    transform: translateX(0);
  }
}
.it-language-thumb img {
  max-width: inherit;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-language-thumb img {
    width: 100%;
  }
}
.it-language-thumb:hover img {
  transform: scale(1.1);
}
.it-language-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.it-language-shape-2 {
  position: absolute;
  z-index: -1;
  top: -25%;
  left: 0;
}
.it-language-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: 10%;
  animation: rotate 30s linear infinite;
}
@media (max-width: 767px) {
  .it-language-shape-3 {
    display: none;
  }
}
.it-language-shape-4 {
  position: absolute;
  z-index: 1;
  top: -6%;
  left: 1%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-language-shape-4 {
    display: none;
  }
}

/*----------------------------------------*/
/*  13. choose css start
/*----------------------------------------*/
.it-choose-area .it-about-list-box ul li span svg, .it-choose-area i {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-area.it-choose-area.pt-185 {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-left {
    margin-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .it-choose-left .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 30px;
  }
}
.it-choose-left p {
  margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-left p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-choose-thumb img {
    width: 100%;
  }
}
.it-choose-thumb.style-1 {
  margin-right: 125px;
  transform: rotate(168deg);
}
@media (max-width: 767px) {
  .it-choose-thumb.style-1 {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 60px;
    transform: rotate(180deg);
  }
}
.it-choose-thumb.style-1 img {
  border: 10px solid var(--it-common-white);
  outline: 10px solid var(--it-theme-1);
}
.it-choose-thumb.style-2 {
  margin-top: -45px;
  margin-left: 160px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .it-choose-thumb.style-2 {
    margin-top: 0;
    margin-left: 0;
  }
}
.it-choose-thumb.style-2 img {
  border: 10px solid var(--it-common-white);
  outline: 10px solid var(--it-theme-2);
}
.it-choose-shape-1 {
  position: absolute;
  top: -60%;
  left: 0;
  z-index: -1;
}
.it-choose-shape-2 {
  position: absolute;
  top: -7%;
  left: 1%;
  z-index: -1;
}
.it-choose-shape-3 {
  position: absolute;
  z-index: -1;
  top: 14%;
  right: -13%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-shape-3 {
    display: none;
  }
}
.it-choose-shape-4 {
  position: absolute;
  z-index: -1;
  top: 10%;
  right: -6%;
  animation: rotate 2s linear infinite;
}

.it-choose-2-item {
  padding: 50px 40px;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
  border: 1px solid rgba(26, 182, 157, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-item {
    padding: 40px 20px;
  }
}
.it-choose-2-item p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-item p {
    font-size: 14px;
  }
}
.it-choose-2-item:hover .it-choose-2-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-choose-2-title {
  font-size: 28px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-title {
    font-size: 22px;
  }
}
.it-choose-2-icon {
  margin-bottom: 22px;
}
.it-choose-2-icon svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-icon svg {
    height: 55px;
  }
}
.it-choose-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.it-choose-2-shape-2 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 10%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-2-shape-2 {
    top: 10%;
    transform: scale(0.6);
  }
}
.it-choose-2-style-2 .it-choose-2-title {
  font-size: 24px;
}
.it-choose-2-style-2 .it-choose-2-item {
  border-radius: 20px;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(248, 198, 47, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
.it-choose-2-style-2 .it-choose-2-item:hover .shape-1 {
  opacity: 0;
}
.it-choose-2-style-2 .it-choose-2-item:hover .shape-2 {
  opacity: 1;
}
.it-choose-2-style-2 .it-choose-2-item .shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: 0.4s;
}
.it-choose-2-style-2 .it-choose-2-item .shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: 0.4s;
  opacity: 0;
}
.it-choose-2-style-2 .it-choose-2-icon {
  margin-bottom: 18px;
}

.it-choose-3-item {
  position: relative;
  z-index: 1;
  padding: 40px 30px;
  padding-top: 45px;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
  border: 1px solid rgba(248, 198, 47, 0.1);
}
.it-choose-3-item p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.7;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-3-item p {
    padding: 0 20px;
  }
}
.it-choose-3-item:hover {
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-choose-3-item:hover .it-choose-3-shape-1 {
  opacity: 1;
  left: 0;
}
.it-choose-3-item:hover .it-choose-3-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-choose-3-title {
  font-size: 24px;
  margin-bottom: 13px;
}
.it-choose-3-icon {
  margin-bottom: 25px;
}
.it-choose-3-icon svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-choose-3-shape-1 {
  position: absolute;
  top: 50%;
  left: -25%;
  z-index: -1;
  opacity: 0;
  transition: 0.7s all ease;
  transform: translateY(-50%);
}
.it-choose-3-shape-2 {
  position: absolute;
  top: -25%;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-3-shape-2 {
    display: none;
  }
}

.it-choose-4-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-choose-4-thumb {
  border-radius: 18px;
  overflow: hidden;
}
.it-choose-4-thumb img {
  width: 100%;
  border-radius: 18px;
  transition: 1.3s all ease;
}
.it-choose-4-title {
  font-size: 26px;
  margin-bottom: 22px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-4-title {
    font-size: 20px;
  }
}
.it-choose-4-number {
  position: absolute;
  z-index: 1;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  height: 88px;
  width: 88px;
  line-height: 93px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: var(--it-common-white);
  outline: 5px solid #536f5a;
  background-color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-choose-4-number::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -35px;
  width: 34px;
  height: 30px;
  -webkit-transform: scaleX(-1) rotate(-90deg);
  transform: scaleX(-1) rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23536f5a' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.it-choose-4-number::after {
  content: "";
  position: absolute;
  top: 29px;
  right: -37px;
  width: 34px;
  height: 30px;
  transform: rotate(0deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23536f5a' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.it-choose-4-number i {
  line-height: 1;
  font-style: normal;
}
.it-choose-4-item {
  border-radius: 20px;
  padding: 30px 23px;
  padding-top: 100px;
  margin-top: 30px;
  background-color: var(--it-common-white);
}
.it-choose-4-item:hover .it-choose-4-thumb img {
  transform: scale(1.2);
}
.it-choose-4-shape-1 {
  position: absolute;
  top: 10%;
  left: 1.5%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-4-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-4-shape-1 img {
    transform: scale(0.7);
  }
}
.it-choose-4-shape-2 {
  position: absolute;
  top: 10%;
  right: 5%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-4-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-4-shape-2 img {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-area .it-choose-section-title-box.mb-45 {
    margin-bottom: 30px !important;
  }
}
.it-choose-5-wrap {
  padding: 20px;
  padding-right: 140px;
  border-radius: 50px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-wrap {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-wrap {
    padding-right: 20px;
    padding-bottom: 40px;
  }
}
.it-choose-5-list-box ul li {
  padding-top: 35px;
  list-style-type: none;
  border-top: 1px solid rgba(98, 98, 99, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-list-box ul li {
    padding-top: 25px;
  }
}
.it-choose-5-list-box ul li:last-child .it-choose-5-list-content p {
  margin-bottom: 0;
}
.it-choose-5-list-content .title {
  font-size: 24px;
  position: relative;
  padding-left: 52px;
  margin-bottom: 11px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-5-list-content .title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .it-choose-5-list-content .title {
    font-size: 18px;
    padding-left: 35px;
  }
}
.it-choose-5-list-content .title span {
  position: absolute;
  top: 0;
  left: 0;
}
.it-choose-5-list-content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #61616a;
  margin-bottom: 33px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-choose-5-list-content p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-list-content p {
    font-size: 15px;
    margin-bottom: 23px;
  }
}
.it-choose-5-right {
  padding-left: 105px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-choose-5-right {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-5-right {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-right {
    padding-left: 0;
    margin-top: 50px;
  }
}
.it-choose-5-thumb {
  position: relative;
  z-index: 1;
}
.it-choose-5-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-thumb img {
    width: 100%;
  }
}
.it-choose-5-thumb::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -7%;
  z-index: -1;
  width: 100%;
  height: 74.5%;
  border-radius: 30px;
  transform: translateY(-50%);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-thumb::after {
    display: none;
  }
}
.it-choose-5-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: -15%;
  right: 0;
}

/*----------------------------------------*/
/*  36. stats css start
/*----------------------------------------*/
.it-stats-wrap {
  padding: 50px 60px;
  border-radius: 20px;
  background-color: var(--it-theme-1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap {
    padding: 40px 30px;
  }
}
.it-stats-wrap span {
  font-size: 20px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap span {
    font-size: 14px;
  }
}
.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item {
  position: relative;
  padding-left: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item {
    padding-left: 0;
  }
}
.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19%;
  height: 120%;
  width: 2px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
    left: -24%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
    display: none;
  }
}
.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -27%;
  height: 120%;
  width: 2px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:not(:last-child) .it-stats-item {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .it-stats-item {
    text-align: center;
    justify-content: center !important;
  }
}
.it-stats-title {
  font-size: 60px;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-title {
    font-size: 38px;
  }
}

/*----------------------------------------*/
/*  03. activities css start
/*----------------------------------------*/
.it-activities-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-activities-item {
  padding: 70px 20px;
  padding-bottom: 62px;
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
  }
  .it-activities-item:hover {
    border: 5px solid var(--it-theme-2);
  }
}
.it-activities-item::before {
  position: absolute;
  content: url(../img/shape/activities-4-1.webp);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item::before {
    display: none;
  }
}
.it-activities-item::after {
  position: absolute;
  content: url(../img/shape/activities-4-2.webp);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  transition: 0.3s;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item::after {
    display: none;
  }
}
.it-activities-item p {
  font-size: 14px;
  margin: 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-activities-item p {
    margin: 0;
  }
}
.it-activities-item:hover::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-activities-item:hover .it-activities-icon svg, .it-activities-item:hover .it-activities-icon i {
  color: var(--it-theme-2);
}
.it-activities-icon {
  margin-bottom: 28px;
}
.it-activities-icon svg, .it-activities-icon i {
  transition: 0.3s;
  color: var(--it-theme-1);
}
.it-activities-title {
  margin-bottom: 15px;
}
.it-activities-shape-1 {
  position: absolute;
  z-index: -1;
  top: 23%;
  left: 5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-activities-shape-1 {
    top: 10%;
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-shape-1 {
    display: none;
  }
}
.it-activities-shape-2 {
  position: absolute;
  z-index: -1;
  right: 7%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-activities-shape-2 {
    top: 10%;
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-shape-2 {
    display: none;
  }
}

/*----------------------------------------*/
/*  41. video css start
/*----------------------------------------*/
.it-video-right {
  margin-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-right {
    margin-left: 0;
  }
}
.it-video-right.it-about-4-content .it-about-list-box ul li span {
  font-size: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-right.it-about-4-content .it-about-list-box ul li span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-video-right.it-about-4-content .it-about-list-box ul li span {
    font-size: 16px;
  }
}
.it-video-right .it-about-4-content p {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-thumb {
    margin-right: 25px;
  }
}
.it-video-thumb.thumb-overlay::after {
  border-radius: 30px;
  background-color: rgba(31, 36, 50, 0.5);
}
.it-video-thumb .it-about-thumb-icon {
  height: 100px;
  width: 100px;
  line-height: 100px;
}
.it-video-thumb .it-about-thumb-icon svg {
  width: 24px;
  height: 20px;
  color: var(--it-theme-4);
}

/*----------------------------------------*/
/*  19. faq css start
/*----------------------------------------*/
.it-faq-area .it-about-2-left {
  padding-left: 35px;
  padding-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-area .it-about-2-left {
    margin: 0 70px;
  }
}
@media (max-width: 767px) {
  .it-faq-area .it-about-2-left {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.it-faq-area .it-about-2-thumb-sm {
  right: auto;
  left: -1.5%;
  bottom: 2%;
  border-left: none;
  border-top: 10px solid var(--it-common-white);
  border-right: 12px solid var(--it-common-white);
  animation: updown 1s infinite alternate;
}
@media (max-width: 767px) {
  .it-faq-area .it-about-2-thumb-sm {
    left: 0;
    animation: unset;
  }
}
.it-faq-area .it-about-2-shape-7 {
  left: auto;
  right: -12%;
  animation: zoom 3s infinite;
}
.it-faq-left {
  margin-right: 83px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-left {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-left {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-left .it-section-title-3 br {
    display: none;
  }
}
.it-faq-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-faq-shape-2 {
  position: absolute;
  z-index: -1;
  top: -25%;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-shape-2 {
    display: none;
  }
}
.it-faq-style-2 .it-custom-accordion .accordion-buttons {
  font-family: var(--it-ff-spartan-semibold);
}
.it-faq-style-3 .it-custom-accordion .accordion-items {
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-faq-style-3 .it-about-2-thumb img {
    width: 100%;
  }
}
.it-faq-tab-box ul {
  padding: 16px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.3);
  border-bottom: 1px solid rgba(121, 121, 121, 0.3);
}
.it-faq-tab-box ul li button {
  padding: 0;
  font-size: 20px;
  margin: 0 20px;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
.it-faq-tab-box ul li button.active {
  color: var(--it-theme-1);
}
.it-faq-tab-box ul li button:hover {
  color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-faq-tab-content {
    margin-bottom: 50px;
  }
}
.it-faq-tab-content .it-details-title-sm {
  font-family: var(--it-ff-heading);
}
.it-faq-tab-content ul li {
  list-style-type: none;
}
.it-faq-tab-content ul li:not(:last-child) {
  margin-bottom: 14px;
}
.it-faq-inner-style .it-custom-accordion .accordion-items {
  border-radius: 10px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(14, 32, 81, 0.1);
}
.it-faq-inner-style .it-custom-accordion .accordion-buttons {
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-inner-style .it-custom-accordion .accordion-buttons {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-faq-inner-style .it-custom-accordion .accordion-buttons {
    font-size: 16px;
  }
}
.it-faq-inner-style .it-custom-accordion .accordion-body p {
  margin-right: 15px;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-inner-style .it-custom-accordion .accordion-body p {
    margin-right: 0;
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  31. price css start
/*----------------------------------------*/
.it-price-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-section-title-box {
    margin-bottom: 30px;
  }
}
.it-price-item {
  padding: 60px 40px;
  padding-top: 57px;
  border-radius: 20px;
  position: relative;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-item {
    padding: 45px 25px;
  }
}
.it-price-item .price-amount {
  font-weight: 700;
  font-size: 45px;
  line-height: 1;
  color: var(--it-theme-5);
  font-family: var(--it-ff-oxanium);
}
.it-price-item .price-amount span {
  font-size: 16px;
  font-weight: 400;
  color: var(--it-text-body);
}
.it-price-item .it-btn-yellow {
  border-radius: 0;
  background-color: var(--it-text-body);
}
.it-price-item .it-btn-yellow span, .it-price-item .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-price-item .tag {
  position: absolute;
  top: 45px;
  right: 25px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  line-height: 1;
  padding: 5px 22px;
  border-radius: 1000px;
  display: inline-block;
  transform: rotate(14deg);
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-price-item .tag {
    right: 0;
    transform: rotate(14deg) scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-item .tag {
    display: none;
  }
}
.it-price-item .tag svg {
  margin-top: -3px;
}
.it-price-item.active {
  background-color: var(--it-common-black);
}
.it-price-item.active .it-price-title {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features ul li {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features ul li span svg {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features ul li.inactive {
  color: var(--it-text-body);
}
.it-price-item.active .it-price-features ul li.inactive span svg {
  color: var(--it-text-body);
}
.it-price-item.active .it-btn-yellow {
  background-color: var(--it-theme-5);
}
.it-price-item.active .it-btn-yellow span, .it-price-item.active .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-price-head {
  margin-bottom: 20px;
}
.it-price-value {
  padding-bottom: 31px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.5);
}
.it-price-title {
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 14px;
  font-family: var(--it-ff-oxanium);
}
.it-price-features {
  margin-bottom: 45px;
}
.it-price-features ul li {
  position: relative;
  padding-left: 30px;
  list-style-type: none;
}
.it-price-features ul li:not(:last-child) {
  margin-bottom: 19px;
}
.it-price-features ul li span {
  position: absolute;
  top: -2px;
  left: 0;
}
.it-price-features ul li span svg {
  color: var(--it-common-black);
}
.it-price-features ul li.inactive span svg {
  color: var(--it-text-body);
}
.it-price-tab-wrap {
  border-radius: 30px;
  padding: 5px;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(254, 130, 53, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
.it-price-tab-wrap .it-price-tab ul li {
  display: inline-block;
}
.it-price-tab-wrap .it-price-tab ul li button {
  transition: 0.4s;
  font-size: 14px;
  padding: 9px 25px;
}
.it-price-tab-wrap .it-price-tab ul li button.active {
  z-index: 1;
  position: relative;
  color: var(--it-common-white);
}
.it-price-tab-wrap .it-price-tab #lineMarker {
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  z-index: 0;
  height: 100%;
  transition: 0.4s;
  border-radius: 1000px;
  background: var(--it-theme-5);
}
.it-price-shape-1 {
  position: absolute;
  z-index: -1;
  top: 12%;
  right: 10%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-price-inner-style .it-price-item {
  background-color: rgba(9, 31, 46, 0.1);
}
.it-price-inner-style .it-price-item.active {
  background-color: var(--it-common-black);
}
.it-price-inner-style .it-price-item.active .it-btn-yellow {
  border-radius: 10px;
  background-color: var(--it-theme-1);
}
.it-price-inner-style .it-price-item.active .price-amount {
  color: var(--it-common-white);
}
.it-price-inner-style .it-price-item.active .tag {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.it-price-inner-style .it-btn-yellow {
  border-radius: 10px;
  background-color: var(--it-theme-1);
}
.it-price-inner-style .it-price-item .price-amount {
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}

/*----------------------------------------*/
/*  39. text slider css start
/*----------------------------------------*/
.it-text-slider-ptb {
  padding: 25px 0;
  background-color: var(--it-theme-6);
}
.it-text-slider-item {
  display: flex;
  align-items: center;
}
.it-text-slider-item span {
  font-size: 50px;
  line-height: 1;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
  display: inline-block;
}
.it-text-slider-item img {
  margin: 0 20px;
}
.it-text-slider-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-text-slider-active .swiper-slide {
  width: auto;
}

/*----------------------------------------*/
/*  30. portfolio css start
/*----------------------------------------*/
.it-portfolio-area {
  background-color: rgb(47, 42, 37);
}
@media (max-width: 767px) {
  .it-portfolio-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-portfolio-btn {
    margin-top: 0;
  }
}
.it-portfolio-section-title {
  font-weight: 400;
  font-size: 100px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-portfolio-section-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-portfolio-section-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-portfolio-section-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-portfolio-section-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .it-portfolio-section-title {
    font-size: 40px;
  }
}
.it-portfolio-title {
  font-size: 45px;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: 0.01em;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-portfolio-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-portfolio-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-title {
    font-size: 30px;
  }
}
.it-portfolio-big-thumb {
  margin-bottom: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-big-thumb img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .it-portfolio-small-thumb {
    margin-top: 50px;
  }
}
.it-portfolio-content span {
  display: block;
  margin-bottom: 15px;
  color: var(--it-theme-6);
}
.it-portfolio-right {
  margin-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-right {
    margin-left: 0;
  }
}
.it-portfolio-arrow-wrap {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.it-portfolio-active {
  padding-bottom: 5px;
}

/*----------------------------------------*/
/*  35. social css start
/*----------------------------------------*/
.it-social-text a {
  font-size: 60px;
  margin-bottom: 35px;
  display: inline-block;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-social-text a {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-text a {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-social-text a {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-social-text a {
    font-size: 30px;
  }
}
.it-social-box {
  margin-top: 50px;
  justify-content: space-evenly;
}
@media (max-width: 767px) {
  .it-social-box {
    flex-wrap: wrap !important;
  }
}
.it-social-area {
  border-top: 1px solid rgba(108, 117, 125, 0.3);
}
.it-social-area .row [class*=col-]:not(:last-child) .it-social-item {
  border-right: 1px solid rgba(108, 117, 125, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-area .row [class*=col-]:not(:last-child) .it-social-item {
    border-right: none;
  }
}
.it-social-item {
  padding: 52px 100px;
  border-right: 1px solid rgba(108, 117, 125, 0.3);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-social-item {
    padding: 52px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item {
    padding: 35px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-social-item {
    padding: 35px 20px;
    border: none;
  }
}
@media (max-width: 767px) {
  .it-social-item {
    padding: 25px 20px;
    border: none;
  }
}
.it-social-item a {
  display: flex;
  align-items: end;
}
.it-social-item a span {
  font-size: 24px;
  line-height: 0.9;
  display: inline-block;
  transition: 0.3s;
  font-family: var(--it-ff-spartan-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item a span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-item a span {
    font-size: 17px;
  }
}
.it-social-item a:hover {
  color: var(--it-theme-5);
}
.it-social-item a svg {
  height: 26px;
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item a svg {
    height: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-item a svg {
    height: 17px;
    margin-right: 5px;
  }
}
.it-social-item.style-2 a {
  justify-content: center;
}
.it-social-item.style-3 a {
  justify-content: center;
}
.it-social-item.style-4 {
  border-right: none;
}
.it-social-item.style-4 a {
  justify-content: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: start;
  }
}
@media (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: end;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: start;
  }
}
.it-social-style-2 {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.it-social-style-2 .row [class*=col-]:not(:last-child) .it-social-item {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-style-2 .row [class*=col-]:not(:last-child) .it-social-item {
    border: none;
  }
}
.it-social-style-2 .it-social-item {
  transition: 0.3s;
}
.it-social-style-2 .it-social-item a span {
  color: var(--it-common-white);
}
.it-social-style-2 .it-social-item a svg {
  color: var(--it-common-white);
}
.it-social-style-2 .it-social-item:hover {
  background-color: rgba(248, 198, 47, 0.3);
}

/*----------------------------------------*/
/*  04. banner css start
/*----------------------------------------*/
.it-banner-item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px;
  padding-top: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-banner-item {
    padding: 30px 20px;
  }
}
.it-banner-item > span {
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 22px;
}
.it-banner-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  margin-bottom: 161px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-banner-title {
    font-size: 22px;
    margin-bottom: 100px;
  }
}

/*----------------------------------------*/
/*  32. shop css start
/*----------------------------------------*/
.it-shop-badge {
  position: absolute;
  top: 9px;
  left: 9px;
  font-size: 12px;
  padding: 2px 10px;
  z-index: 1;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-shop-action-2 {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30%;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  text-align: center;
  transform: translateY(-50%);
}
.it-shop-action-btn-2 {
  position: relative;
  display: block;
  padding: 8px 20px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
  transition: 0.3s;
  background-color: var(--it-theme-1);
}
.it-shop-action-btn-2 span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-white);
}
.it-shop-action-btn-2 span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-shop-action-btn-2 span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-shop-action-btn-2:hover {
  background-color: var(--it-common-white);
}
.it-shop-action-btn-2:hover span {
  color: var(--it-common-black);
}
.it-shop-action-btn-2:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-shop-action-btn-2:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-shop-title {
  font-size: 20px;
  line-height: 1.4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-title {
    font-size: 17px;
  }
}
.it-shop-price {
  margin-bottom: 8px;
}
.it-shop-price span {
  font-size: 16px;
  color: var(--it-theme-1);
}
.it-shop-price del {
  font-size: 14px;
  padding-left: 4px;
}
.it-shop-rating svg {
  margin: 0 1px;
}
.it-shop-thumb {
  position: relative;
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-shop-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.it-shop-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(31, 36, 50, 0.6);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}
.it-shop-item {
  padding: 20px;
  padding-bottom: 40px;
  text-align: center;
  overflow: hidden;
  border: 1px solid rgba(121, 121, 121, 0.3);
}
.it-shop-item:hover .it-shop-thumb img {
  transform: scale(1.15) rotate(2deg);
}
.it-shop-item:hover .it-shop-thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-shop-item:hover .it-shop-action-2 {
  visibility: visible;
  opacity: 1;
  top: 50%;
}
@media (max-width: 767px) {
  .it-shop-tab-box ul li {
    margin-bottom: 10px;
  }
}
.it-shop-tab-box ul li button {
  padding: 0;
  font-size: 36px;
  line-height: 1;
  transition: 0.3s;
  color: var(--it-text-body);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-tab-box ul li button {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-tab-box ul li button {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .it-shop-tab-box ul li button {
    font-size: 18px;
  }
}
.it-shop-tab-box ul li button:hover {
  color: var(--it-common-black);
}
.it-shop-tab-box ul li button.active {
  color: var(--it-common-black);
}
.it-shop-tab-box ul li.divider {
  font-size: 36px;
  line-height: 1;
  margin: 0 15px;
  display: inline-block;
  color: var(--it-text-body);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-tab-box ul li.divider {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-tab-box ul li.divider {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .it-shop-tab-box ul li.divider {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-shop-btn {
    margin-top: 30px;
  }
}
.it-shop-widget-filter .ui-widget.ui-widget-content {
  height: 5px;
  background-color: rgba(45, 196, 87, 0.2);
  border: 0;
  position: relative;
}
.it-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--it-theme-1);
}
.it-shop-widget-filter .ui-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  width: 12px;
  height: 12px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--it-theme-1);
}
.it-shop-widget-filter-info .input-range input {
  height: auto;
  line-height: 1;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: end;
  background-color: transparent;
  color: var(--it-text-body);
}
.it-shop-widget-filter-info .it-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 16px;
  padding: 7px 40px;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-shop-widget-checkbox ul li {
  list-style: none;
}
.it-shop-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 12px;
}
.it-shop-widget-checkbox ul li input {
  display: none;
}
.it-shop-widget-checkbox ul li input .single-widget-category input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.it-shop-widget-checkbox ul li input:checked ~ label::after {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
}
.it-shop-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.it-shop-widget-checkbox ul li label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-left: 26px;
}
.it-shop-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  border: 1px solid #797979;
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/shop/icon/check.svg");
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 13px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  color: var(--it-common-white);
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label:hover {
  cursor: pointer;
}
.it-shop-widget-rating-list ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.it-shop-widget-rating-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-shop-widget-rating-list ul li:hover .it-shop-widget-checkbox-circle-number {
  border-color: var(--it-common-black);
}
.it-shop-widget-rating-number {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border-radius: 8px;
  padding: 5px 6px 3px;
  transition: 0.3s;
  border: 1px solid #EAEAEA;
}
.it-shop-widget-thumb {
  margin-right: 22px;
  flex: 0 0 auto;
  border-radius: 20px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.it-shop-widget-thumb img {
  height: 90px;
  width: 90px;
  border-radius: 20px;
}
.it-shop-widget-content h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  margin-right: 40px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-sidebar {
    margin-top: 70px;
  }
}
.it-shop-text span {
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-text span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-shop-text span {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text span {
    font-size: 16px;
    display: block;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 0;
  }
}
.it-shop-text p {
  line-height: 1.75;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-text p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-shop-top-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-left: 0;
    margin-top: 20px;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-top: 0;
    margin-left: 25px;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box {
    flex-wrap: wrap;
  }
}
.it-shop-filter-box > span {
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-filter-box > span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box > span {
    width: 100%;
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-filter-box > span {
    width: auto;
  }
}
.it-shop-filter .nice-select {
  font-weight: 400;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  padding-left: 20px;
  padding-right: 45px;
  line-height: 50px;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
  border: 1px solid var(--it-theme-1);
}
.it-shop-filter .nice-select::after {
  border-bottom: 1px solid var(--it-common-black);
  border-right: 1px solid var(--it-common-black);
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 31px;
  top: 50%;
  margin-left: 10px;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.it-shop-filter .nice-select.open::after {
  transform: rotate(-136deg);
}
.it-shop-inner-style .it-shop-thumb {
  border: none;
  height: 100%;
  margin-right: 40px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-thumb {
    margin-right: 0;
    height: auto;
  }
}
.it-shop-inner-style .it-shop-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.it-shop-inner-style .it-shop-thumb::after {
  display: none;
}
.it-shop-inner-style .it-shop-content {
  position: relative;
  display: flex;
  height: 100%;
  align-items: start;
  text-align: start;
  flex-direction: column;
  justify-content: center;
  margin-left: -45px;
}
@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-content {
    margin-left: 0;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-inner-style .it-shop-content {
    padding-top: 0;
  }
}
.it-shop-inner-style .it-shop-item {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(121, 121, 121, 0.3);
}
.it-shop-inner-style .it-shop-action-btn-2 {
  border-radius: 5px;
  background-color: var(--it-theme-1);
}
.it-shop-inner-style .it-shop-action-btn-2 span {
  color: var(--it-common-white);
}
.it-shop-inner-style .it-shop-price {
  margin-bottom: 10px;
}
.it-shop-inner-style .it-shop-badge {
  left: auto;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-badge {
    display: none;
  }
}
.it-shop-inner-style-2 .it-shop-item {
  border-radius: 10px;
}
.it-shop-inner-style-2 .it-shop-thumb {
  height: 255px;
  margin-bottom: 28px;
  border-radius: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-inner-style-2 .it-shop-thumb {
    height: 200px;
  }
}
.it-shop-inner-style-2 .it-shop-thumb img {
  border-radius: 10px;
  height: 255px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-inner-style-2 .it-shop-thumb img {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .it-shop-inner-style-2 .it-shop-text span {
    margin-bottom: 0;
  }
}

/* details css here */
.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__quantity .cart-plus {
  position: absolute;
  top: 50%;
  right: 20px;
  color: var(--it-common-black);
  font-size: 18px;
  transform: translateY(-50%);
}
.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  color: var(--it-common-black);
  font-size: 18px;
}
.it-shop-details__quantity input {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 45px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--it-theme-1);
}
.it-shop-details__area .contact__select .nice-select {
  width: 100%;
  padding: 0 25px;
  position: relative;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__area .it-sv-details-list {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__area .it-sv-details-list {
    margin-bottom: 20px;
  }
}
.it-shop-details__area .it-sv-details-list p {
  font-weight: 400;
  font-size: 16px;
  padding-right: 0;
}
.it-shop-details__area .it-sv-details-list p b {
  font-weight: 600;
  color: var(--it-common-black);
}
.it-shop-details__area .it-sv-details-content > p {
  padding-right: 0;
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__area .it-sv-details-content > p {
    font-size: 15px;
  }
}
.it-shop-details__area .it-service-3-item {
  padding: 30px;
  padding-bottom: 25px;
}
.it-shop-details__area .it-contact-2-input-box input {
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-shop-details__area .it-contact-2-input-box input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__area .it-contact-2-input-box textarea {
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .it-shop-details__area .it-contact-2-input-box textarea {
    font-size: 14px;
  }
}
.it-shop-details__area .it-contact-2-input-box textarea:focus {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__area .contact__select .nice-select {
  border-radius: 5px;
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-shop-details__area .contact__select .nice-select {
    height: 48px;
    line-height: 48px;
  }
}
.it-shop-details__area .contact__select .nice-select:focus {
  border-color: var(--it-theme-1);
}
.it-shop-details__right-wrap {
  margin-top: 46px;
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__right-wrap {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__right-wrap {
    margin-left: 0;
  }
}
.it-shop-details__title-sm {
  font-size: 40px;
  line-height: 1.2;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__title-sm {
    font-size: 30px;
  }
  .it-shop-details__title-sm br {
    display: none;
  }
}
.it-shop-details__social > span {
  font-weight: 600;
  font-size: 16px;
  margin-right: 10px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-shop-details__social > span {
    font-size: 15px;
  }
}
.it-shop-details__social a {
  margin: 0 8px;
  display: inline-block;
}
.it-shop-details__social a:hover {
  color: var(--it-theme-1);
}
.it-shop-details__icon a {
  width: 77px;
  line-height: 55px;
  height: 55px;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
}
.it-shop-details__icon a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-shop-details__Category span {
  font-size: 16px;
  display: block;
  font-weight: 400;
}
@media (max-width: 767px) {
  .it-shop-details__Category span {
    font-size: 15px;
  }
}
.it-shop-details__Category span:not(:last-child) {
  margin-right: 28px;
  margin-bottom: 20px;
}
.it-shop-details__Category span i {
  font-style: normal;
  font-weight: 600;
  margin-right: 10px;
  letter-spacing: -0.01em;
  color: var(--it-common-black);
}
.it-shop-details__text p {
  font-size: 16px;
  line-height: 1.65;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__text p {
    font-size: 14px;
  }
  .it-shop-details__text p br {
    display: none;
  }
}
.it-shop-details__btn {
  margin-left: 30px;
}
@media (max-width: 767px) {
  .it-shop-details__btn {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__btn {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__btn {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__btn .it-btn-theme {
    padding: 20px 40px;
  }
}
.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-shop-details__quantity {
    margin-bottom: 20px;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__quantity {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__quantity {
    margin-bottom: 0;
  }
}
.it-shop-details__quantity input {
  border: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 55px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--it-common-black);
  background-color: transparent;
}
.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.it-shop-details__quantity .cart-minus:hover {
  cursor: pointer;
}
.it-shop-details__quantity .cart-plus {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.it-shop-details__quantity .cart-plus:hover {
  cursor: pointer;
}
@media (max-width: 767px) {
  .it-shop-details__quantity-box {
    flex-wrap: wrap;
  }
}
.it-shop-details__tab-content-box {
  text-align: center;
  border-radius: 30px;
  background: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-shop-details__tab-content-box img {
  border-radius: 30px;
}
.it-shop-details__tab-btn-box nav div button {
  transition: 0.3s;
  width: max-content;
  padding: 0;
  border-radius: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button {
    margin-bottom: 20px;
  }
}
.it-shop-details__tab-btn-box nav div button img {
  width: 125px;
  height: 130px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 85px;
    height: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}
.it-shop-details__tab-btn-box nav div button.active {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__tab-btn-box nav div button:hover {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__tab-btn-box nav div button:not(:last-child) {
  margin-right: 10px;
}
.it-shop-details__wrapper {
  margin-right: -32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__wrapper {
    margin-right: 0;
  }
}
.it-shop-details__price {
  padding-bottom: 31px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dee4ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-details__price {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-shop-details__price {
    margin-right: 0;
    flex-wrap: wrap;
  }
}
.it-shop-details__price > span {
  font-weight: 600;
  font-size: 18px;
  color: var(--it-theme-1);
  display: inline-block;
  margin-left: 20px;
  margin-right: 47px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-shop-details__price del {
  font-weight: 600;
  font-size: 18px;
  color: #6d756d;
}
@media (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 0;
  }
}
.it-shop-details__ratting i {
  font-weight: 400;
  font-size: 16px;
  color: #f59831;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__top-wrap {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details-action-wrapper .it-btn-theme {
    font-size: 14px;
    padding: 20px 25px;
  }
}

/* nav css here */
.pro-details-nav {
  padding: 17px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.2);
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.pro-details-nav-btn li {
  position: relative;
  display: inline-block;
  list-style-type: none;
}
@media (max-width: 767px) {
  .pro-details-nav-btn li {
    margin-bottom: 10px;
  }
}
.pro-details-nav-btn li:not(:last-child) button {
  margin-right: 50px;
}
.pro-details-nav-btn li button.active span {
  color: var(--it-common-black);
}
.pro-details-nav-btn li button span {
  font-size: 20px;
  line-height: 1.6;
  transition: 0.3s;
  text-transform: capitalize;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-details-nav-btn li button span {
    font-size: 17px;
  }
}

/* comment css here */
.comments-box {
  margin-bottom: 50px;
}

.user-rating ul li {
  display: inline-block;
  color: var(--it-theme-1);
}

.comments-text span,
.comments-text p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}
@media (max-width: 767px) {
  .comments-text span br,
  .comments-text p br {
    display: none;
  }
}

.comment-title p {
  color: #777777;
  font-size: 16px;
}

.comment-rating span {
  font-weight: 500;
  margin-right: 5px;
}
.comment-rating ul li {
  display: inline-block;
  color: var(--it-theme-1);
}

.comment-input textarea {
  width: 100%;
  height: 210px;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--it-common-black);
  padding: 20px;
  resize: none;
  background-color: var(--it-gray-1);
}
.comment-input textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input textarea:focus {
  outline: 0;
  border: 1px solid var(--it-theme-1);
}
.comment-input input {
  width: 100%;
  outline: 0;
  background-color: var(--it-gray-1);
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input input:focus {
  border: 1px solid var(--it-theme-1);
}

.comments-avatar {
  flex: 0 0 auto;
}
.comments-avatar img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .table .add-info {
    font-size: 14px;
  }
}

.table td {
  padding: 18px;
}
@media (max-width: 767px) {
  .table td {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .shop-left-right {
    margin-left: 0;
    margin-right: 0;
  }
}

.it-comments-title {
  font-size: 24px;
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .it-comments-title {
    font-size: 18px;
  }
}

.avatar-name b {
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-button a {
    margin-bottom: 10px;
  }
}

.latest-comments ul li {
  list-style-type: none;
}

.comment-title {
  font-size: 24px;
  color: var(--it-common-black);
  text-transform: capitalize;
}
.comment-title h3 {
  margin-bottom: 15px;
}

.it-product-slider-title {
  color: var(--it-common-black);
  font-size: 30px;
  font-weight: 500;
}

.it-shop-widget-categories-item input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}

.it-shop-widget-categories-item input:checked ~ label::after {
  background-color: var(--it-common-purple);
  border-color: var(--it-common-purple);
}

.it-product-sidebar {
  margin-right: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-sidebar {
    margin-right: 0;
  }
}
.it-product-widget {
  padding: 45px 35px;
  border-radius: 12px;
  background-color: rgba(86, 139, 7, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-widget {
    padding: 45px 20px;
  }
}
.it-product-widget .sidebar__search-input-2 input {
  background-color: var(--it-common-white);
}
.it-product-widget-filter {
  position: relative;
}
.it-product-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  border: 0;
  background-color: var(--it-theme-1);
}
.it-product-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: #ddd;
  position: absolute;
}
.it-product-widget-filter .ui-slider .ui-slider-handle {
  top: -8px;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--it-common-black);
  position: absolute;
  display: inline-block;
}
.it-product-widget-filter .ui-slider .ui-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  background-color: var(--it-common-white);
  transform: translateY(-50%);
}
.it-product-widget-filter-info i {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
}
.it-product-widget-filter-info .input-range input {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--it-common-black);
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 20px;
  color: #181818;
}
.it-product-widget-filter-info .it-product-widget-filter-btn {
  font-weight: 600;
  font-size: 20px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  padding: 10px 15px;
  margin-right: 15px;
}
.it-product-widget-filter-info .it-product-widget-filter-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-product-widget-category ul li {
  list-style: none;
  width: 100%;
}
.it-product-widget-category ul li:not(:last-child) {
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
}
.it-product-widget-category ul li:last-child a {
  padding-bottom: 0;
}
.it-product-widget-category ul li a {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
}
.it-product-widget-category ul li a:hover {
  color: var(--it-theme-1);
}
.it-product-widget-category ul li a i {
  color: var(--it-theme-1);
}
.it-product-widget-color span {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 14px;
  margin-bottom: 13px;
  display: inline-block;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-widget-color span {
    margin-bottom: 0;
  }
}
.it-product-widget-color span.red {
  background-color: #FE5B00;
}
.it-product-widget-color span.tia {
  background-color: var(--it-theme-1);
}
.it-product-widget-color span.yellow {
  background-color: #FED000;
}
.it-product-widget-color span.yellow-2 {
  background-color: #FDB103;
}
.it-product-widget-color span.yellow-3 {
  background-color: #FE5B00;
}
.it-product-widget-color span.black {
  background-color: var(--it-common-black);
}
.it-product-widget-color span.ass {
  background-color: #505050;
}
.it-product-widget-color span.grey {
  background-color: #D9D9D9;
}

.it-order-info-list-highlight-item span {
  display: block;
}
.it-order-info-list-highlight-item span input {
  display: none;
}
.it-order-info-list-highlight-item span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.it-order-info-list-highlight-item span label {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  padding-left: 27px;
  position: relative;
}
.it-order-info-list-highlight-item span label:hover {
  cursor: pointer;
}
.it-order-info-list-highlight-item span label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}
.it-order-info-list-highlight-item span label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.it-product-widget-rating span {
  display: block;
}
.it-product-widget-rating span input {
  display: none;
}
.it-product-widget-rating span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.it-product-widget-rating span label {
  position: relative;
  padding-left: 27px;
}
.it-product-widget-rating span label > i {
  color: #FED000;
}
.it-product-widget-rating span label > i.color {
  color: rgba(254, 207, 0, 0.4);
}
.it-product-widget-rating span label:hover {
  cursor: pointer;
}
.it-product-widget-rating span label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}
.it-product-widget-rating span label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .comments-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-box {
    flex-wrap: nowrap;
  }
}

.comment-input textarea {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  17. error css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-thumb {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-thumb {
    margin-bottom: 50px;
  }
}
.it-error-title {
  font-size: 60px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-error-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-error-title {
    font-size: 26px;
    margin-bottom: 20px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-error-title {
    font-size: 37px;
  }
}
.it-error-content p {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-content p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-error-content p {
    font-size: 16px;
  }
}
.it-error-content .it-btn-yellow.theme-bg i {
  margin-left: 0;
  margin-right: 9px;
}
.it-error-shape-1 {
  position: absolute;
  z-index: -1;
  top: 33%;
  left: 8%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-shape-1 {
    transform: scale(0.6);
    left: 2%;
  }
}
@media (max-width: 767px) {
  .it-error-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  33. contact css start
/*----------------------------------------*/
.it-signup-area .contact__select .nice-select {
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.it-signup-title {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 55px;
  text-transform: capitalize;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-signup-title {
    font-size: 29px;
  }
}
@media (max-width: 767px) {
  .it-signup-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .it-signup-title {
    font-size: 30px;
  }
}
.it-signup-continue-item {
  padding: 12px 30px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-continue-item {
    padding: 12px 15px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item {
    padding: 12px 15px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item img {
    width: 20px;
  }
}
.it-signup-continue-item span {
  display: inline-block;
  padding-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-signup-continue-item span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-text span {
    font-size: 15px;
  }
}
.it-signup-text span a {
  color: var(--it-theme-1);
  text-decoration: underline;
}
.it-signup-border {
  margin-bottom: 35px;
  position: relative;
}
.it-signup-border span {
  display: block;
  position: relative;
  padding: 0 10px;
  z-index: 1;
  display: inline-block;
  background-color: var(--it-common-white);
}
.it-signup-border::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: rgba(108, 117, 125, 0.4);
}
.it-signup-input {
  text-align: start;
}
.it-signup-input label {
  margin-bottom: 10px;
  font-size: 18px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-input label {
    font-size: 15px;
  }
}
.it-signup-input input {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.it-signup-input input:focus {
  border-color: var(--it-theme-1);
}
.it-signup-input-icon {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .it-signup-input-icon {
    left: 19px;
  }
}
@media (max-width: 767px) {
  .it-signup-input-icon svg {
    width: 15px;
  }
}
.it-signup-wrap {
  padding: 60px 50px;
  border-radius: 20px;
  text-align: center;
  margin: 0 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media (max-width: 767px) {
  .it-signup-wrap {
    margin: 0;
    padding: 60px 20px;
  }
}
.it-signup-wrap .form-check {
  display: flex;
  text-align: start;
}
.it-signup-wrap .it-contact-agree .form-check-input.form-check-input[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: 2px;
  border-radius: 5px;
  box-shadow: none;
  flex: 0 0 auto;
  border: 1px solid #797979;
}
.it-signup-wrap .it-btn::after {
  height: 700px;
  width: 700px;
  transition: 0.5s;
}
.it-signup-text span a {
  display: inline-block;
  margin-left: 20px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
.it-signup-logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 45px;
  padding: 90px 20px;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-signup-logo {
    margin-right: 20px;
    padding: 90px 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-logo {
    margin-right: 0;
    padding: 50px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-logo {
    padding: 80px 40px;
  }
}
.it-signup-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-signup-area .form-check label span {
  color: var(--it-theme-1);
}
.it-signup-forget a {
  font-weight: 600;
  font-size: 14px;
  line-height: 171%;
  letter-spacing: 0.01em;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}
.it-signup-agree label {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-signup-agree label {
    font-size: 14px;
  }
}
.it-signup-agree .form-check-input:checked {
  background-color: var(--it-common-black);
  border-color: transparent;
}
.it-signup-agree .form-check-input:focus {
  box-shadow: none;
}
.it-signup-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 10px;
  height: 15px;
  width: 15px;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #E2E1E1;
}
@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: nowrap;
  }
}

/*----------------------------------------*/
/*  42. zoom-metting css start
/*----------------------------------------*/
.it-metting-area .it-event-countdown-time ul li {
  margin: 0 6px;
  border: 2px solid var(--it-theme-1);
  list-style: none;
  padding: 8px;
  border-radius: 5px;
  font-weight: 500;
}
.it-metting-area .it-event-countdown-time ul li span {
  margin-right: 3px;
}
.it-metting-area .section-border {
  margin-bottom: 35px;
  padding-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-metting-area .it-details-title {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .it-metting-area .it-details-title {
    font-size: 24px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li {
  padding-left: 0;
  font-family: var(--it-ff-spartan-medium);
}
.it-metting-area .it-course-sidebar .course-info ul li span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-metting-area .it-course-sidebar .course-info ul li {
    font-size: 14px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li:last-child {
  font-size: 16px;
  display: inline-block;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-metting-area .it-course-sidebar .course-info ul li:last-child {
    font-size: 14px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li:last-child span {
  margin-right: 5px;
}
.it-metting-area .it-course-sidebar .btn-border {
  margin-top: 15px;
  padding-top: 40px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}
.it-metting-area .it-course-sidebar .contact-section {
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-metting-right {
    margin-top: 70px;
  }
}

/*----------------------------------------*/
/*  09. career css start
/*----------------------------------------*/
.it-career-details-area .postbox-dsc p {
  margin-right: 0;
}
.it-career-details-area .postbox-dsc p span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-details-area .it-details-list ul li svg {
  color: rgba(31, 36, 50, 0.8);
}
.it-career-details-area .it-details-list ul li b {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-details-area.it-course-details-style-3 .it-course-sidebar-thumb {
  margin-bottom: 50px;
}
.it-career-details-area .it-career-details-area .it-details-list ul li svg {
  height: 17px;
  width: 17px;
}
.it-career-item {
  padding: 40px;
  border-radius: 20px;
  background-color: #F8F9FB;
  border: 1px solid rgba(3, 89, 78, 0.1);
}
@media (max-width: 767px) {
  .it-career-item {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-item {
    padding: 40px;
  }
}
.it-career-item > span {
  display: block;
  margin-bottom: 30px;
}
.it-career-item .title {
  font-size: 24px;
  margin-bottom: 15px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-item .it-btn-yellow {
  padding: 0;
  height: 0;
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-price {
  font-size: 14px;
  border-radius: 5px;
  padding: 11px 20px;
  display: inline-block;
  line-height: 1;
  color: var(--it-common-white);
  background-color: var(--it-text-body);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
@media (max-width: 767px) {
  .it-career-price {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-price {
    margin-bottom: 0;
  }
}
.it-career-meta {
  margin-bottom: 75px;
}
.it-career-meta span {
  line-height: 1;
  display: inline-block;
}
.it-career-meta span:not(:last-child) {
  padding-right: 15px;
  margin-right: 13px;
  font-family: var(--it-ff-spartan-medium);
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}

/*----------------------------------------*/
/*  29. policy css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-policy-area .postbox-dsc p br {
    display: none;
  }
}

/*# sourceMappingURL=main.css.map */

/* ===== END SOURCE: main.css ===== */


/* ===== BEGIN SOURCE: dynamic-page.css ===== */
/* ===================== Hero Typed Effect ===================== */
.it-hero-typed-wrap {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin: 14px 0 18px;
   font-size: 20px;
   font-weight: 600;
}
.it-hero-typed-label {
   color: var(--it-common-black, #16181F);
}
.it-hero-typed-text {
   color: var(--it-theme-1, #D2283D);
   font-weight: 700;
   border-right: 2px solid var(--it-theme-1, #D2283D);
   padding-right: 4px;
}

/* ===================== Testimonial Rating / Source badge ===================== */
.it-testimonial-2-badges {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 10px;
}
.it-testimonial-google-badge {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   background: #F1F6FF;
   border-radius: 20px;
   padding: 4px 12px 4px 6px;
   font-size: 12.5px;
   font-weight: 600;
   color: #3C4043;
}
.it-testimonial-google-badge svg { width: 16px; height: 16px; }
.it-testimonial-star-row {
   display: inline-flex;
   align-items: center;
   gap: 2px;
}
.it-testimonial-star-row svg { width: 15px; height: 15px; }

/* ===================== Dynamic pages (the 6 previously-empty pages) ===================== */
.dp-subtitle {
   max-width: 640px;
   margin: 14px auto 0;
   color: rgba(255,255,255,0.85);
   font-size: 15.5px;
   text-align: center;
}
.dp-content {
   background: #fff;
   line-height: 1.9;
   font-size: 15.5px;
   color: #56605E;
}
.dp-content h4 {
   margin-top: 26px;
   margin-bottom: 12px;
   font-size: 20px;
   font-weight: 700;
   color: #16181F;
}
.dp-content ul {
   padding-left: 20px;
   margin-bottom: 18px;
}
.dp-content ul li {
   list-style: disc;
   margin-bottom: 8px;
}
.dp-skeleton {
   height: 220px;
   border-radius: 12px;
   background: linear-gradient(90deg, #f0f0f0 25%, #f7f7f7 37%, #f0f0f0 63%);
   background-size: 400% 100%;
   animation: dp-shimmer 1.4s ease infinite;
}
@keyframes dp-shimmer {
   0% { background-position: 100% 50%; }
   100% { background-position: 0 50%; }
}
.dp-enquiry-card {
   background: #F4F8F7;
   border: 1px solid #E1EAE8;
   border-radius: 14px;
   padding: 28px 24px;
   position: sticky;
   top: 24px;
}
.dp-enquiry-card h4 {
   font-size: 18px;
   margin-bottom: 8px;
   color: #16181F;
}
.dp-enquiry-card p {
   font-size: 13.5px;
   color: #6C7876;
   margin-bottom: 18px;
}
.dp-enquiry-card input,
.dp-enquiry-card textarea {
   width: 100%;
   border: 1.5px solid #E1EAE8;
   border-radius: 8px;
   padding: 11px 14px;
   font-size: 13.5px;
   margin-bottom: 12px;
   outline: none;
   font-family: inherit;
}
.dp-enquiry-card input:focus,
.dp-enquiry-card textarea:focus { border-color: var(--it-theme-1, #D2283D); }
.dp-enquiry-card button {
   width: 100%;
   border: none;
   border-radius: 8px;
   background: var(--it-theme-1, #D2283D);
   color: #fff;
   font-weight: 600;
   padding: 12px;
   font-size: 14px;
}
.dp-enquiry-card button:hover { background: #023f37; }
.dp-form-success {
   margin-top: 12px;
   background: #E4F7F1;
   color: #A81E30;
   padding: 10px 12px;
   border-radius: 8px;
   font-size: 13px;
   text-align: center;
}

/* ===================== Dynamic Course / Blog cards (used when JS injects items) ===================== */
.dyn-course-price {
   font-weight: 700;
   color: var(--it-theme-1, #D2283D);
}

/* ===== END SOURCE: dynamic-page.css ===== */


/* ===== BEGIN SOURCE: index.css ===== */
Library
/
msx-home-responsive.css


/* ==========================================================
   MSX HOME RESPONSIVE
   Load AFTER all existing theme/page CSS.
   Unique hero names prevent old .ed-hero-* conflicts.
   ========================================================== */

html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

img,
video,
svg {
  max-width: 100% !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

/* ==========================================================
   NEW HERO
   ========================================================== */

.msx-hero,
.msx-hero *,
.msx-hero *::before,
.msx-hero *::after {
  box-sizing: border-box !important;
}

.msx-hero {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #101828 !important;
  isolation: isolate !important;
}

.msx-hero__video-stage,
.msx-hero__slide {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1120 / 550 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #101828 !important;
}

.msx-hero__video,
.msx-hero__picture img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.msx-hero__picture {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

.msx-hero__shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    rgba(8, 15, 29, .90) 0%,
    rgba(8, 15, 29, .72) 30%,
    rgba(8, 15, 29, .38) 55%,
    rgba(8, 15, 29, .06) 100%
  ) !important;
  pointer-events: none !important;
}

.msx-hero__inner {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1320px !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 72px !important;
  pointer-events: none !important;
}

.msx-hero__copy {
  position: relative !important;
  z-index: 10 !important;
  width: min(590px, 54%) !important;
  max-width: 100% !important;
  color: #fff !important;
  pointer-events: auto !important;
}

.msx-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin: 0 0 10px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  backdrop-filter: blur(7px) !important;
}

.msx-hero__title {
  width: 100% !important;
  max-width: 590px !important;
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(35px, 4vw, 58px) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  letter-spacing: -.025em !important;
}

.msx-hero__text {
  width: 100% !important;
  max-width: 540px !important;
  margin: 0 0 22px !important;
  color: rgba(255,255,255,.96) !important;
  font-size: clamp(14px, 1.3vw, 18px) !important;
  line-height: 1.58 !important;
}

.msx-hero__actions {
  position: relative !important;
  z-index: 50 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  width: auto !important;
  pointer-events: auto !important;
}

.msx-hero__btn {
  position: relative !important;
  z-index: 60 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 155px !important;
  min-height: 46px !important;
  padding: 11px 22px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

.msx-hero__btn--yellow {
  border: 1px solid #ffc928 !important;
  background: #ffc928 !important;
  color: #132038 !important;
}

.msx-hero__btn--outline {
  border: 1px solid rgba(255,255,255,.94) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

.msx-hero__skip {
  position: absolute !important;
  right: 20px !important;
  bottom: 18px !important;
  z-index: 90 !important;
  min-height: 40px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: 7px !important;
  background: rgba(9,16,30,.72) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.msx-hero__slider {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #101828 !important;
}

.msx-hero__slider--waiting {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.msx-hero__slider .swiper-wrapper,
.msx-hero__slider .swiper-slide {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.msx-hero__arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 100 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 0 3px !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 50% !important;
  background: rgba(9,16,30,.58) !important;
  color: #fff !important;
  font-size: 31px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.msx-hero__arrow--prev { left: 20px !important; }
.msx-hero__arrow--next { right: 20px !important; }

.msx-hero__dots {
  position: absolute !important;
  left: 50% !important;
  bottom: 15px !important;
  z-index: 100 !important;
  display: flex !important;
  transform: translateX(-50%) !important;
  pointer-events: auto !important;
}

.msx-hero__dots .swiper-pagination-bullet {
  width: 9px !important;
  height: 9px !important;
  margin: 0 4px !important;
  background: #fff !important;
  opacity: .78 !important;
}

.msx-hero__dots .swiper-pagination-bullet-active {
  width: 25px !important;
  border-radius: 999px !important;
  background: #e31f26 !important;
  opacity: 1 !important;
}

/* ==========================================================
   GLOBAL HOMEPAGE SECTIONS
   ========================================================== */

.it-brand-5-area,
.ed-quick-links-wrap,
.it-about-area,
.why-section,
.ed-real-stats-section,
.it-course-area,
.section,
.cta-section {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.it-brand-5-area .container-fluid,
.ed-quick-links-wrap.container-fluid {
  width: 100% !important;
  max-width: 100% !important;
}

/* language flags */
.it-brand-5-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: max-content !important;
}

.it-brand-5-item img {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}

/* quick links */
.ed-quick-links {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
}

.ed-quick-link {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 10px !important;
}

.ed-quick-link-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* about */
.it-about-thumb img,
.ed-home-why-visual > img,
.language-image img,
.contact-visual img,
.cta-image img,
.it-blog-thumb img,
.it-course-thumb img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* why choose */
.ed-home-why-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
}

/* stats */
.ed-real-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  width: 100% !important;
}

/* courses */
#homeCoursesGrid > [class*="col-"] {
  display: flex !important;
}

.it-course-item {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.it-course-content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.it-course-btn {
  margin-top: auto !important;
}

/* lower sections */
.language-card,
.contact-shell,
.cta-card {
  width: 100% !important;
  max-width: 100% !important;
}

.benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
}

.form-card,
.contact-left,
.contact-visual,
.language-copy,
.language-image,
.cta-copy,
.cta-image {
  min-width: 0 !important;
}

.field,
.field input,
.field select,
.field textarea {
  width: 100% !important;
  max-width: 100% !important;
}

.feature-strip .row > div {
  display: flex !important;
}

.feature-item {
  width: 100% !important;
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991.98px) {

  .msx-hero__video-stage,
  .msx-hero__slide {
    aspect-ratio: 16 / 9 !important;
  }

  .msx-hero__inner {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .msx-hero__copy {
    width: 65% !important;
  }

  .ed-quick-links {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .ed-real-stats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .it-about-right {
    margin-bottom: 35px !important;
  }

  .ed-home-why-visual {
    margin-bottom: 35px !important;
  }

  .language-card,
  .contact-shell,
  .cta-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .language-image,
  .contact-visual,
  .cta-image {
    width: 100% !important;
  }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767.98px) {

  .container,
  .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .msx-hero__video-stage,
  .msx-hero__slide {
    aspect-ratio: 4 / 5 !important;
  }

  .msx-hero__video,
  .msx-hero__picture img {
    object-fit: cover !important;
    object-position: center center !important;
  }

  .msx-hero__shade {
    background: linear-gradient(
      180deg,
      rgba(8,15,29,.07) 0%,
      rgba(8,15,29,.18) 34%,
      rgba(8,15,29,.72) 68%,
      rgba(8,15,29,.95) 100%
    ) !important;
  }

  .msx-hero__inner {
    align-items: flex-end !important;
    padding: 18px 16px 64px !important;
  }

  .msx-hero__copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  .msx-hero__title {
    max-width: 100% !important;
    margin-bottom: 9px !important;
    font-size: clamp(27px, 8.4vw, 38px) !important;
    line-height: 1.08 !important;
  }

  .msx-hero__text {
    max-width: 100% !important;
    margin-bottom: 15px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .msx-hero__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .msx-hero__btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 9px !important;
    font-size: 11px !important;
  }

  .msx-hero__arrow {
    top: 42% !important;
    width: 37px !important;
    height: 37px !important;
    font-size: 25px !important;
  }

  .msx-hero__arrow--prev { left: 8px !important; }
  .msx-hero__arrow--next { right: 8px !important; }

  .msx-hero__skip {
    right: 9px !important;
    bottom: 10px !important;
    min-height: 34px !important;
    padding: 7px 9px !important;
    font-size: 10px !important;
  }

  .msx-hero__picture,
  .msx-hero__picture img,
  .msx-hero__shade,
  .msx-hero__inner {
    pointer-events: none !important;
  }

  .msx-hero__copy,
  .msx-hero__actions,
  .msx-hero__actions a,
  .msx-hero__arrow,
  .msx-hero__skip,
  .msx-hero__dots {
    pointer-events: auto !important;
  }

  .ed-quick-links-wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .ed-quick-links {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ed-quick-link {
    min-height: 76px !important;
    overflow: hidden !important;
  }

  .ed-quick-link-copy strong {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .ed-home-why-grid {
    grid-template-columns: 1fr !important;
  }

  .ed-home-why-actions,
  .ed-about-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ed-home-why-actions a,
  .ed-about-actions a,
  .ed-about-actions button {
    width: 100% !important;
    text-align: center !important;
  }

  .ed-real-stats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  #homeCoursesGrid > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .it-course-item {
    max-width: 460px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .section,
  .cta-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .benefits-grid {
    grid-template-columns: 1fr !important;
  }

  .blog-top .text-lg-end {
    margin-top: 15px !important;
    text-align: left !important;
  }

  .cta-card {
    overflow: hidden !important;
  }

  .cta-copy,
  .cta-image {
    width: 100% !important;
  }
}

/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 479.98px) {

  .msx-hero__video-stage,
  .msx-hero__slide {
    aspect-ratio: 320 / 430 !important;
  }

  .msx-hero__inner {
    padding: 14px 12px 55px !important;
  }

  .msx-hero__title {
    font-size: 27px !important;
  }

  .msx-hero__text {
    font-size: 12.5px !important;
  }

  .msx-hero__actions {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .msx-hero__btn {
    min-height: 38px !important;
    font-size: 10.5px !important;
  }

  .ed-real-stats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .it-about-section-title-box .it-section-title,
  .heading,
  .title,
  .section-heading h2 {
    font-size: 25px !important;
    line-height: 1.2 !important;
  }
}

/* ==========================================================
   320PX
   ========================================================== */

@media (max-width: 320px) {

  .container,
  .container-fluid {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .msx-hero__video-stage,
  .msx-hero__slide {
    aspect-ratio: 320 / 445 !important;
  }

  .msx-hero__inner {
    padding: 12px 10px 53px !important;
  }

  .msx-hero__title {
    font-size: 23px !important;
  }

  .msx-hero__text {
    font-size: 12px !important;
    line-height: 1.42 !important;
  }

  .msx-hero__arrow {
    width: 33px !important;
    height: 33px !important;
    font-size: 22px !important;
  }

  .ed-quick-link {
    min-height: 68px !important;
  }

  .ed-quick-link-copy strong {
    font-size: 14px !important;
  }

  .ed-real-stat-item {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .ed-real-stat-item strong {
    font-size: 25px !important;
  }

  .ed-real-stat-item span {
    font-size: 10px !important;
  }
}

/* sourav we prepare section start from here */

.iep-section {
  background: #eef0f2;
  padding: 60px 0 70px;
  overflow: hidden;
}

.iep-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #333;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.iep-dash {
  width: 18px;
  height: 3px;
  background: red;
  display: inline-block;
}

.iep-title {
  color: red;
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 40px;
}

.iep-marquee {
  width: 100%;
  overflow: hidden;
}

.iep-track {
  display: flex;
  gap: 24px;
  width: max-content;
  will-change: transform;
}

.iep-set {
  display: flex;
  gap: 24px;
  flex: 0 0 auto;
}

.iep-card {
  flex: 0 0 auto;
  width: 230px;
  height: 130px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

.iep-card img {
  max-width: 90%;
  max-height: 100px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .iep-card { width: 180px; height: 110px; }
  .iep-card img { max-height: 80px; }
  .iep-title { font-size: 24px; }
}

@media (max-width: 480px) {
  .iep-card { width: 150px; height: 95px; padding: 10px; }
  .iep-card img { max-height: 65px; }
}
/* we prepare section end here */


/* Get Free Counselling section start from here */

.gfc-section {
  background: linear-gradient(135deg, #fdf1ef 0%, #fef6f5 100%);
  padding: 50px 15px;
}

.gfc-card {
  background: #FDF9F9;
  width: 100%;
  max-width: 700px;
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 18px;
  border: 1px solid #f3d9d9;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  padding: 20px 32px;
}

.gfc-title {
  text-align: center;
  color: #d9384f;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 18px;
}

.gfc-form { display: flex; flex-direction: column; gap: 8px; }

.gfc-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.gfc-field { display: flex; flex-direction: column; }

.gfc-field label {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
}

.gfc-field input,
.gfc-field select,
.gfc-field textarea {
  border: 1px solid #e3d9d9;
  border-radius: 8px;
  height: 48px;
  box-sizing: border-box;
  padding: 8px 14px;
  font-size: 14px;
  color: #333;
  background: #fff;
  outline: none;
  transition: border-color 0.2s ease;
}

.gfc-field input:focus,
.gfc-field select:focus,
.gfc-field textarea:focus {
  border-color: #d9384f;
}

.gfc-field textarea { resize: vertical; min-height: 60px; height: 60px; }

.gfc-error {
  display: none;
  color: #d9384f;
  font-size: 12px;
  margin-top: 4px;
}

.gfc-error.show { display: block; }

.gfc-submit {
  background: #d9384f;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease;
}

.gfc-submit:hover { background: #c22c42; }

.gfc-note {
  text-align: center;
  font-size: 12px;
  color: #d9384f;
  margin: 2px 0 0;
}

@media (max-width: 576px) {
  .gfc-card { padding: 20px 18px; }
  .gfc-row { grid-template-columns: 1fr; }
}

/* Get Free Counselling section end here */

/* ===== END SOURCE: index.css ===== */


/* ===== BEGIN SOURCE: about-us.css ===== */
/* why choose section start from here  */

.wcu-section {
  padding: 70px 0 66px;
  background: #fff;
}

.wcu-title {
  font-size: 40px;
  font-weight: 800;
  color: #1a1a2e;
  margin-bottom: 18px;
}

.wcu-blue { color: #2b6cff; }
.wcu-pink { color: #ff4d8d; }

.wcu-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 55px;
}

.wcu-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

/* grid: 4 per row on desktop, 2 on tablet, 1 on mobile */
.wcu-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px 14px;
  max-width: 1126px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .wcu-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
  .wcu-grid { grid-template-columns: 1fr; }
}

.wcu-card {
  background: #fff;
  border: 1px solid #edf0f5;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(15,23,42,0.08);
  padding: 34px 16px 46px;
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 258px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.wcu-card:hover {
  transform: translateY(-5px) !important;
  transition: transform 0.25s ease;
}

.wcu-icon {
  width: 58px;
  height: 58px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(15,23,42,0.16);
}

.wcu-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
}

.wcu-icon svg {
  width: 32px;
  height: 32px;
  color: #ffffff;
  display: block;
}

.wcu-card h4 {
  font-family: var(--copy-font, "Jost", Arial, sans-serif);
  font-size: 18px;
  line-height: 1.18;
  font-weight: 500;
  margin: 0 0 6px;
  letter-spacing: 0;
  max-width: 245px;
}

.wcu-card:nth-child(4) h4 {
  font-size: 20px;
  font-weight: 700;
  max-width: 235px;
}

/* wave sitting right at the bottom edge of the card, before its border */
.wcu-wave {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 26px;
}

@media (max-width: 1199px) {
  .wcu-card h4 { font-size: 18px; }
  .wcu-card:nth-child(4) h4 { font-size: 19px; }
}

@media (max-width: 576px) {
  .wcu-grid { gap: 16px; }
  .wcu-card { min-height: 224px; }
  .wcu-card h4 { font-size: 17px; }
  .wcu-card:nth-child(4) h4 { font-size: 18px; }
}

/* why choose section end here */





/* ===== END SOURCE: about-us.css ===== */