*{ margin: 0px; padding: 0px; box-sizing: border-box;}
.container{ max-width: 1320px; width: auto; margin: auto; padding: 0px 15px;}
img{ max-width: 100%;}
a,a:hover,a:active,a:visited,a:focus{ text-decoration: none;}

:root{ 
    --primary-color:#1b3a70;
    --black-color:#000000;
    --black-color-90:#00000090;
    --black-color-80:#00000080;
    --black-color-70:#00000070;
    --black-color-60:#00000060;
    --black-color-50:#00000050;
    --black-color-40:#00000040;
    --black-color-30:#00000030;
    --black-color-20:#00000020;
    --black-color-10:#00000010;
    --white-color:#ffffff;
    --white-color-90:#ffffff90;
    --white-color-80:#ffffff80;
    --white-color-70:#ffffff70;
    --white-color-60:#ffffff60;
    --white-color-50:#ffffff50;
    --white-color-40:#ffffff40;
    --white-color-30:#ffffff30;
    --white-color-20:#ffffff20;
    --white-color-10:#ffffff10;
    --secondary-color:#009418;
    --third-color:#f58634;
    --fourth-color:#1b3a70;
    --fifth-color:#ffb281;
    --sixth-color:#ca82f1;
    --seventh-color:#1b3a70;
    --eighth-color:#d73c9c;
    --ninth-color:#90bc66;
    --tenth-color:#e86ac3;
    --eleventh-color:#a6a6a6;

    --light-gray-color:#e2e9f6;
    --semi-light-gray:#6d6e71;
    --dark-gray:#414042;
 
    /* font-size */
--main-heading-fontsize:60px;
--main-heading2-fontsize:105px;
--section-sub-heading-fontsize:20px;
--section-heading-fontsize:46px;
--primary-font-size:16px;
--inrPgHeroFont-size:65px;
--font-size18:18px;
--font-size20:20px;
--font-size22:22px;
--font-size24:24px;
--font-size26:26px;
--font-size28:28px;
--font-size30:30px;

--h1-font-size:36px;
--h2-font-size:32px;
--h3-font-size:28px;
--h4-font-size:24px;
--h5-font-size:20px;
--h6-font-size:16px;

/* font-family */
--primary-font-family:"Urbanist", sans-serif;
--heading-font-family:"Josefin Sans", system-ui;
--secondary-font-family:"Water Brush", cursive;

/* border-radius */
--border-radius-circle:50%;

    /* percentag */
    --percentage-100:1;
    --percentage-90:.9;
    --percentage-80:.8;
    --percentage-70:.7;
    --percentage-60:.6;
    --percentage-50:.5;
    --percentage-40:.4;
    --percentage-30:.3;
    --percentage-20:.2;
    --percentage-10:.1;
    --percentage-00:0;

    /* transitions */
--transition5:.5s;
--transition3:.3s;
--transition10:1s;

/* alignment */
--text-left:left;
--text-center:center;
--text-right:right;
--text-justify:justify;

/* text transform */
--text-uppercase:uppercase;
--text-lowercase:lowercase;
--text-capitalize:capitalize;

/* font-weight */
--fw-bold:700;
--fw-medium:500;
--fw-semibold:600;
--fw-normal:400;
--fw-light:300;

/*  */

}

.siteBtn{        display: inline-block;
    vertical-align: middle;
 

    background-color: var(--primary-color);
    color: var(--white-color) !important;
    font-size: var(--primary-font-size);
    font-weight: var(--fw-semibold);
    border-radius: 6px;
    text-transform: var(--text-capitalize);
    padding: 7px 20.5px;
    overflow: hidden; 
    z-index: 2;
    position: relative;
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    transition: var(--transition3);}

    .siteBtn span.siteBtnOverlay{position: absolute;
        right: -15px;
        top: 0;
        width: 33px;
        height: 100%;
        background-color: var(--black-color-20);
        z-index: -2;
        -webkit-transform: skewX(-22deg);
        transform: skewX(-22deg);
        transition: var(--transition5);
        -moz-transition: var(--transition5);
        -webkit-transition: var(--transition5);
        -ms-transition: var(--transition5);
        -o-transition: var(--transition5);}
        .siteBtn:hover span.siteBtnOverlay {    right: 0;
            width: 100%;
            -webkit-transform: skewX(0deg);
            transform: skewX(0deg);}
            .siteBtn:hover{ color: var(--white-color) !important;}
            .siteBtn.siteBtnClrOrng{ background-color: var(--third-color);}
            .siteBtn.siteBtn2{padding: 16px 32px 15px; font-weight: var(--fw-bold); font-size: var(--font-size18);}

/*  */
.navbar-toggler:focus {

  box-shadow: none;
}

.enquiry-form .r-submit {
  background: #02abe3;
  color: #fff;
  padding: 8px 20px;
  display: block;
  margin-top: 20px;
  border: none;
  border-radius: 5px;
}
.modal-open {
  overflow: hidden !important;
 
}
body {
  padding-top: 0 !important;
  overflow-x: hidden !important;
}

.container, .wrapper, main {
    width: auto;
    text-align: var(--text-left);
}

 .eduact-btn-second {
  background-color: var(--primary-color);
}
.content {

  font-family: inherit !important;}

.eduact-btn__curve {
  position: absolute;
  right: -15px;
  top: 0;
  width: 33px;
  height: 100%;
  background: #000000;
  opacity: 0.2;
  z-index: -2;
  -webkit-transform: skewX(-22deg);
  transform: skewX(-22deg);
  transition: var(--transition5);
  -moz-transition: var(--transition5);
  -webkit-transition: var(--transition5);
  -ms-transition: var(--transition5);
  -o-transition: var(--transition5);
}
.eduact-btn i {
  display: inline-block;
  margin-left: 11px;
  position: relative;
  color: var(--white-color);
  top: 2px;
}
.eduact-btn:hover {
  color: var(--eduact-white);
}
.eduact-btn:hover .eduact-btn__curve {
  right: 0;
  width: 100%;
  -webkit-transform: skewX(0deg);
  transform: skewX(0deg);
}
#button {
  bottom: 60px !important;
  right: 10px !important;
}
 
 a,
 a:hover,
 a:active,
 a:visited,
 a:focus {
     text-decoration: none;
 }
 
 ul {
     margin-bottom: 0px;
 }
 
 a.site_a {
     position: relative;
     position: relative;
     z-index: 99;
     overflow: hidden;
     background-color: #ed1c24;
     color: rgb(255 255 255) !important;
     font-size: var(--primary-font-size);
     text-align: var(--text-center);
     display: inline-block;
     padding: 13px 15px !important;
 }
 
 a.site_a:hover {
     background-color: #d30008;
 }

 body{
  font-family: var(--primary-font-family);
  font-optical-sizing: auto;
  letter-spacing: .5px;

 }
 h1, h2, h3, h4 , h5, h6 {
  font-family: var(--heading-font-family);
  font-optical-sizing: auto;
  letter-spacing: normal;

 }

 header .left-menu .leftp .nav.me-3 {
  margin-right: 0px !important;
}

 .eduact-btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  outline: none !important;
  background-color: var(--primary-color);
  color: var(--white-color) !important;
  font-size: var(--font-size18);
  font-weight: var(--fw-bold);
  border-radius: 6px;
  text-transform: capitalize;
  padding: 16px 32px 15px;
  overflow: hidden;
  z-index: 2;
  position: relative;
  -webkit-transition: var(--transition3);
  -moz-transition: var(--transition3);
  transition: var(--transition3);
}

.eduact-btn:hover {
  background: #006b92;
}
 /* =======header=======
============================ */

img.logo {
    width: 130px;
}
 
header {
  /* position: absolute; */
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 99;
  background: rgba(255, 255, 255, 1);
}
 
 header .header_tp {
     background-color: #232323;
 }
 
 header .header_tp ul li a {
     display: inline-block;
     font-size: var(--primary-font-size);
     color: var(--white-color);
     font-weight: var(--fw-medium);
 }


 
 header .header_tp .social_ul {
     margin: 0px 25px;
 }
 
 header .header_tp .social_ul li {
     margin-right: 15px;
 }
 
 header .header_tp ul li a span {
     display: inline-block;
     margin-left: 5px;
     font-size: 14px;
     font-weight: var(--fw-normal);
 }
 
 header .header_tp .info_ul li {
     margin-right: 15px;
 }
 
 header .header_tp .shopp_cart {
     display: block;
     background-color: var(--black-color);
     font-size: var(--font-size18);
     line-height: 42px;
     color: var(--white-color);
     padding: 6px;
     height: 42px;
     width: 42px;
     text-align: var(--text-center);
 }
 
 header .header_tp .shopp_cart i {
     position: relative;
     display: inline-block;
     vertical-align: 5px;
 }
 
 header .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: var(--primary-font-size);
    font-weight: var(--fw-medium);
}
 
 header .head_btm ul li a i {
     font-size: 11px;
 }
 
 header .header_tp .shopp_cart i .cart_count {
     background-color: #f47920;
     height: 16px;
     width: 16px;
     line-height: 16px;
     border-radius: 50%;
     color: var(--white-color);
     font-size: 14px;
     position: absolute;
     right: -8px;
     top: -8px;
 }


 
 header .head_btm ul li a {
     transition: var(--transition5);
     -moz-transition: var(--transition5);
     -o-transition: var(--transition5);
     -webkit-transition: var(--transition5);
     color: var(--white-color);
     font-size: 15px;
     padding: 3px 11px;
 }
 
 header .head_btm {
     background-color: rgb(0 0 0 / 0%);
 }
 
 header .head_btm ul li a:hover {
     color: #bce2ff;
 }
 
 header .head_btm ul li a.dropdown-item {
     padding: 10px;
 }
 
 header .head_btm .logo {
     margin-top: 10px;
     margin-bottom: 10px;
 }
 
 header .header_tp {
     line-height: 0;
 }
 
 header .head_btm ul li a {
     position: relative;
 }
 
 header .head_btm ul li a:after {
     position: absolute;
     top: calc(100% + 2px);
     left: 0px;
     height: 1px;
     width: 0px;
     background-color: var(--white-color);
     content: '';
     display: block;
     transition: var(--transition5);
     -o-transition: var(--transition5);
     -moz-transition: var(--transition5);
     -webkit-transition: var(--transition5);
     border: none !important;
 }
 
 header .head_btm ul li a:hover::after {
     width: 100%;
 }
 
 header .navbar-dark .navbar-nav .nav-link {
     color: rgba(255, 255, 255, 1) !important;
 }
 
 header .navbar-dark .navbar-nav .dropdown-menu li a {
     color: #333 !important;
 }


 header .main-menu__right .employer-btn {
  background-color: var(--secondary-color) !important;

}

header .eduact-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none !important;
    background-color: #109fd3;
    color: var(--white-color);
    font-size: var(--font-size18);
    font-weight: var(--fw-bold);
    border-radius: 6px;
    text-transform: capitalize;
    padding: 16px 32px 15px;
    overflow: hidden;
    z-index: 2;
    position: relative;
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    transition: var(--transition3);
}

header .eduact-btn:hover {
    color: var(--eduact-white);
}
header .main-menu__right {
    text-align: var(--text-right);
}
header a.call {
    font-size: var(--font-size20);
    color: var(--primary-color);
    font-weight: 800;
}

header .studentdropli .studentdropul {
  position: absolute;
  top: 102%;
  width: 230px;
  background-color: #407283;
  z-index: 99;
  display: none;
  right: 0;
  margin: auto;
  left: 0;
  width: 95%;
  word-wrap: 100%;
}


header .main-menu__right .eduact-btn {
  background-color: var(--third-color);
  font-size: var(--primary-font-size);
  margin-left: 19px;
  font-weight: var(--fw-semibold);
  padding: 7px 20.5px;
  height: 40px;
  /* color: var(--eduact-white); */
  color: var(--white-color);
  border-radius: 6px;
  text-transform: capitalize;
}



header .navbar-expand-lg .navbar-nav .all_courses .courses_Sub_menu .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 14px;
  padding: 7px 11px !important;
  font-weight: var(--fw-medium);
  background: #e3e6ef;
  margin: 2px 2px;
  border: 1px sold red !important;
  color: #1a1a1a;
  /* border: 1px solid #19a7d9; */
}

/* .all_courses .courses_Sub_menu .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #f06e05 !important;
  color: var(--white-color) !important;
  border: 1px solid #ed6c05 !important;
} */

.all_courses .courses_Sub_menu .nav-pills .nav-link:hover {
  background: #19a7d9 !important;
  color: var(--white-color) !important;
  /* border: 1px solid #04769f !important; */
}

header .nav-link {

  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

a:visited {
  color: inherit;
}


.all_courses .courses_Sub_menu .courses_info li {
  text-align: var(--text-left);
  width: 16%;
  padding: 3px 0px;
  box-sizing: border-box;
  /* min-height: 130px; */
}
.leftp .nav.flex-column {
  flex-direction: row !important;
}
header .left-menu .nav-link {

  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x) !important;
}

.all_courses .courses_Sub_menu ul.courses_info {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 10px;
  border-top: 1px dotted #ccc;
  padding-top: 10px;
}

.all_courses .courses_Sub_menu ul.courses_info li img {
  filter: sepia(1) saturate(10000%) hue-rotate(309deg) brightness(0.7);
  -webkit-filter: sepia(1) saturate(10000%) hue-rotate(309deg) brightness(0.7);
  display: none;
  width: 50px;
  filter: -1;
  mix-blend-mode: exclusion;
  height: 50px;
  /* background-color: blue; */
  /* mask-image: url(../../images/web-images/sub_icon_bg.jpg);
  mask-size: unset; */
  mask-repeat: no-repeat;
  -webkit-transition: var(--transition5);
-moz-transition: var(--transition5);
-ms-transition: var(--transition5);
-o-transition: var(--transition5);
transition: var(--transition5);
}
.courses_Sub_menu {
  position: absolute;
  background: rgb(255 255 255);
  top: 100px;
  margin: auto;
  padding: 30px 17px 60px;
  text-align: var(--text-left);
  list-style: none;
  display: none;
  /* width: 80%; */
  left: 0; z-index: 99;
  right: 0;
  -webkit-box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .12);
  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .12);
}

.courses_Sub_menu .rightp.w-100 {
  /* max-height: calc(100vh - 300px); */
  overflow-y: auto;
}
header .navbar-expand-lg .navbar-nav .all_courses .courses_Sub_menu ul li a {
  color: var(--white-color);
  font-size: 14px;
  text-transform: capitalize;
  display: flex;
  width: max-content;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  /* background: aliceblue; */
  /* background: #ddedfb; */
  /* border-radius: 20px 20px; */
  /* border-bottom: 5px solid #19a6dd; */
  padding: 0px;
  -webkit-transition: var(--transition5);
  -moz-transition: var(--transition5);
  -ms-transition: var(--transition5);
  -o-transition: var(--transition5);
  transition: var(--transition5);
}

header .navbar-expand-lg .navbar-nav .all_courses .courses_Sub_menu ul li a:hover {
  /* background: #19a7d9; */
  /* border-radius: 20px 20px; */
  /* border-top: 3px solid #0081b3; */
  /* border-bottom: 0px solid #006183; */
}

header .navbar-expand-lg .navbar-nav .all_courses .courses_Sub_menu ul li a span {
  color: #282828;
  font-weight: var(--fw-semibold);
  font-size: 13px;
  padding: 2px 8px;
  font-weight: var(--fw-semibold);
  -webkit-transition: var(--transition5);
-moz-transition: var(--transition5);
-ms-transition: var(--transition5);
-o-transition: var(--transition5);
transition: var(--transition5);
}
header .navbar-expand-lg .navbar-nav .all_courses .courses_Sub_menu ul li a span:hover {
  /* color: var(--white-color); */
  margin-left: 10px;
  color: #19a7d9;
}
header .navbar .mobile_view {
  display: none;
}
header .left-menu {
  /* width: 210px; */
}
header .rigth-menu {
  /* width: calc(100% - 225px);
  margin-left: 15px; */
}
.coures-box {

  max-width: 1320px;
  margin: auto;
}

header .navbar-expand-lg .navbar-nav .all_courses .courses_Sub_menu ul li a:hover img {
  filter: none;
  width: 50px;
  filter: -1;
  mix-blend-mode: normal;
  height: 50px;
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";

}





/* ul.courses_Sub_menu {
  position: absolute;
  background: rgb(255 255 255);
  top: 102px;
  margin: auto;

  padding: 20px 17px;
  text-align: var(--text-left);
  list-style: none;
  display: none;
} */

header ul.courses_Sub_menu li a {
  padding: 5px 0px;
  text-align: var(--text-left);

  border-bottom: 1px solid #c8e2fe;
}

ul.work_Sub_menu, ul.internship_Sub_menu {
  position: absolute;
  background: rgb(255 255 255);
  top: 102px;
  margin: auto;
  padding: 5px;
  text-align: var(--text-left);
  list-style: none;
  display: none;
  -webkit-box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, .12);
  box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, .12); z-index: 99;
}

header ul.work_Sub_menu li a, header ul.internship_Sub_menu li a {
  text-align: var(--text-left);
  font-size: 13px;
  border-bottom: 1px solid #c8e2fe;
  color: #3e3e3e;
  padding: 6px 12px;
  font-weight: var(--fw-semibold);
  -webkit-transition: var(--transition5);
  -moz-transition: var(--transition5);
  -ms-transition: var(--transition5);
  -o-transition: var(--transition5);
  transition: var(--transition5);
}
header ul.work_Sub_menu li a:hover, header ul.internship_Sub_menu li a:hover {
  background: rgb(24 167 220);
  color: var(--white-color);
}


/* ul.internship_Sub_menu {
  position: absolute;
  background: rgb(255 255 255);
  top: 102px;
  margin: auto;
  padding: 20px 17px;
  text-align: var(--text-left);
  list-style: none;
  display: none;
} */

/* header ul.internship_Sub_menu li a {
  padding: 5px 0px;
  text-align: var(--text-left);

  border-bottom: 1px solid #c8e2fe;
} */


/* ----------------------------------------------- */
#slider .title span {
  color: var(--primary-color);
  font-family: var(--secondary-font-family);
  font-size: var(--main-heading2-fontsize);
  font-weight: var(--fw-normal);
  line-height: 125px;
  letter-spacing: -2.141px;
  margin-bottom: -38px;
  position: relative;
  display: inline-block;
}

#slider p.text {
  font-size: var(--font-size18);
  width: 95%;
}

#slider .title {
     color: #222222;
      text-transform: capitalize;
      font-size: var(--main-heading-fontsize);
      font-weight: var(--fw-bold);
      line-height: 70px;
      letter-spacing: -1.4px;
      margin: 0 0 30px;
      transition: transform 1000ms ease, opacity 1000ms ease;
      /* transform: translateY(200px); */
     
    }
  #slider .shape-one {
    position: absolute;
    top: 200px;
    left: 140px;
    transition: transform 1000ms ease, opacity 1000ms ease;
    transform: translateY(100px);
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

#slider .main-slider .shape-two {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: 2050ms;
}

#slider .shape-two {
    position: absolute;
    bottom: 270px;
    left: 73px;
    transition: transform 1000ms ease, opacity 1000ms ease;

    transform: translateY(-100px);
}


#slider .main-slider__layer .shape-three svg {
  width: 884px;
  height: 578px;
  position: absolute;
  fill: var(--eduact-base);
  bottom: 0;
  z-index: -1;
  left: -155px;
  transition: transform 1000ms ease, opacity 1000ms ease;

  transform: translateY(100%);
  animation: change-background 8s ease infinite;
} 

#slider .shape-six img {
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
#slider .shape-six {
  position: absolute;
  top: 260px;
  z-index: 3;
  margin-left: -18px;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transform: translateY(-200px);
}

#slider .shape-seven {
  position: absolute;
  top: 397px;
  margin-left: 500px;
  z-index: 1;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transform: translateY(-200px);
}

#slider .shape-eight {
  position: absolute;
  bottom: 414px;
  margin-left: 687px;
  width: 132px;
  height: 132px;
  background-color: var(--primary-color);
  border-radius: 50%;
  border: 9px solid #E7E9F4;
  font-size: 65px;
  color: var(--eduact-white);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;

  transition: transform 1000ms ease, opacity 1000ms ease;

  transform: translateY(200px);
}
#slider .main-slider__layer {
  position: absolute;
  bottom: 0;
  z-index: 3;
  margin-left: 46px;
}
/* #slider .active .main-slider__layer svg {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
  transition-delay: 1500ms;
} */
#slider .main-slider__layer svg {
  width: 840px;
  height: 550px;
  position: absolute;
  fill: var(--eduact-base);
  bottom: 0;
  z-index: -1;
  left: -110px;
  transition: transform 1000ms ease, opacity 1000ms ease;


  /* transform: translateY(100%); */
  animation: change-background 5s ease infinite;
}
#slider {
  position: relative;
  background-image: url(../../images/web-images/main-banner.jpg);
  padding: 126px 0px 126px;
  background-size: cover;
  overflow: hidden;
}

#slider .content {
  width: 80%;
}

#slider .active .shape-eight {
  visibility: visible;
  opacity: 1;
  transition-delay: 2350ms;
  transform: translateY(0) translateX(0);
}


#slider .shape-eight span {
  -webkit-animation: rotated2 6s infinite linear;
  animation: rotated2 6s infinite linear;
}


#slider .shape-nine {
  position: absolute;
  bottom: 78px;
  margin-left: 595px;
  z-index: 9;
  /* z-index: 3; */
  /* visibility: hidden; */
  transition: transform 1000ms ease, opacity 1000ms ease;
  /* opacity: 0; */
  /* transform: translateY(200px); */
}

#slider .shape-three {
  position: absolute;
  bottom: 78px;
  z-index: 3;
  transition: transform 1000ms ease, opacity 1000ms ease;
  margin-left: -142px;
  /* visibility: hidden;
  opacity: 0; */
  /* transform: translateY(100px); */
}



#slider .shape-three svg {
  width: 92px;
  height: 121px;
  position: absolute;
  fill: var(--eduact-base);
  bottom: 0;
  z-index: -1;
  left: 75px;
  /* transition: transform 1000ms ease, opacity 1000ms ease; */
  /* transform: translateY(100%); */
  animation: change-background 4s ease infinite;
}

#slider .shape-three svg circle {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  animation: dash 5s infinite linear;
}

#slider .shape-five svg {
  width: 124px;
  height: 101px;
  fill: var(--fourth-color);
  animation: zump-one 1s infinite alternate;
  transition: transform 1000ms ease, opacity 1000ms ease;
  /* transform: translateY(100%); */
  animation: change-background 8s ease infinite;
}

/* #slider .active .shape-five {
  visibility: visible;
  opacity: 1;
  transition-delay: 2200ms;
  transform: translateY(0) translateX(0);
} */
#slider .shape-five {
  position: absolute;
  top: 192px;
  z-index: 3;
  margin-left: -70px;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transform: translateY(-200px);
  animation: border-background 3s ease infinite;
}
#slider .shape-seven img {
  -webkit-animation: rotated 12s infinite linear;
  animation: rotated 12s infinite linear;
}
#slider .shape-two img {
  -webkit-animation: rotated 20s infinite linear;
  animation: rotated 20s infinite linear;
}

/* #slider .active .shape-four {
  visibility: visible;
  opacity: 1;
  transition-delay: 2150ms;
  transform: translateY(0) translateX(0);
} */

#slider .shape-four {
  position: absolute;
  bottom: 431px;
  z-index: 3;
  margin-left: -75px;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transform: translateY(200px);
}
#slider .shape-four svg {
  width: 32px;
  height: 32px;
}




/* ----------------slider-end-------------------------- */


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

  

/*!
Theme Name: Eduact
Theme URI: https://bracketweb.com/eduactwp/
Author: bracket-web
Author URI: https://themeforest.net/user/bracket-web
Description: EduAct is a modern education & online courses WordPress Theme. It is specially designed for LMS, online courses, education, learning management, e-learning, online training, zoom classes, and all other education related websites and businesses.
Version: 1.0.1
Tested up to: 7.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: eduact
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

eduact is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# Templates
	- Common
	- Navigations One
	- Navigations Two
	- Animations
	- Zoom Fade Css
	- Mobile Nav
	- Search Popup
	- Banner One
	- Main Slider Two
	- Welcome One
	- Counter One
	- We Change
	- We Make
	- Services One
	- Portfolio One
	- Brand One
	- Testimonials Two
	- Two Boxes
	- Video One
	- Reasons One
	- Blog One
	- CTA One
	- Site Footer
	- Areas Of Practice
	- Build Business
	- Web Solutions
	- Team One
	- Watch Video
	- Core Features
	- Blog Two
	- Google Map
	- Get In Touch
	- CTA Two
	- Portfolio Two
	- Page Header
	- Service Details
	- Blog Sidebar
	- Sidebar
	- Blog Details
		- Comments
	- Portfolio Page
	- Portfolio Details
	- Similar Work
	- Portfolio Details Full
	- Reasons
	- Error Page
	- Contact Page
	- Contact Page Google Map
--------------------------------------------------------------*/
:root {
  --eduact-font: var(--primary-font-family);
  --heading-font: var(--primary-font-family);
  --eduact-text: #697585;
  --eduact-text-rgb: 105, 117, 133;
  --eduact-text2: #B3ADE1;
  --eduact-text2-rgb: 179, 173, 225;
  --eduact-grey: #B7B0B4;
  --eduact-grey-rgb: 183, 176, 180;
  --eduact-soft: #F1F2FD;
  --eduact-soft-rgb: 241, 242, 253;
  --eduact-soft2: #F6F5F5;
  --eduact-soft2-rgb: 246, 245, 245;
  --eduact-soft3: #E0E3FD;
  --eduact-soft3-rgb: 224, 227, 253;
  --eduact-soft4: #E4E4E4;
  --eduact-soft4-rgb: 228, 228, 228;
  --eduact-soft5: #F6F6F6;
  --eduact-soft5-rgb: 246, 246, 246;
  --eduact-base: #f58634;
  --eduact-base-rgb: 79, 93, 228;
 
  --eduact-secondary-rgb: 245, 112, 5;
  --eduact-black: #2A254D;
  --eduact-black-rgb: 42, 37, 77;
  --eduact-black2: #000000;
  --eduact-black2-rgb: 0, 0, 0;
  --eduact-white: var(--white-color);
  --eduact-white-rgb: 255, 255, 255;
}




@-webkit-keyframes float-bob-y-2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
    transform: translateY(10px) translateX(10px) rotate(5deg);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
}
@keyframes float-bob-y-2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
    transform: translateY(10px) translateX(10px) rotate(5deg);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes blinker {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.03, 1.03);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes blinker2 {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.6, 0.6);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes sunMove {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  75% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes circle {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(450deg);
  }
}
@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}
@keyframes rotated {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotated2 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes iconTranslateX {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes iconTranslateY {
  49% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes animationFrames {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes movebounce {
  0% {
    transform: translateX(0px) translateY(0px);
  }
  50% {
    transform: translateX(-10px) translateY(-10px);
  }
  100% {
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes movebounce2 {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes movebounce3 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes movebounce4 {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes shadows {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--eduact-white-rgb), 0.21), 0 0 0 30px rgba(var(--eduact-white-rgb), 0.21), 0 0 0 50px rgba(var(--eduact-white-rgb), 0.21);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(var(--eduact-white-rgb), 0.21), 0 0 0 50px rgba(var(--eduact-white-rgb), 0.21), 0 0 0 70px rgba(var(--eduact-white-rgb), 0);
  }
}
@keyframes shadows2 {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--eduact-white-rgb), 0.05), 0 0 0 30px rgba(var(--eduact-white-rgb), 0.05), 0 0 0 50px rgba(var(--eduact-white-rgb), 0.05);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(var(--eduact-white-rgb), 0.05), 0 0 0 50px rgba(var(--eduact-white-rgb), 0.05), 0 0 0 70px rgba(var(--eduact-white-rgb), 0);
  }
}
/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/


@keyframes dash {
  0% {
    stroke-dashoffset: 1200;
    stroke-width: 10;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-width: 10;
  }
}
.hero-banner-two__bg-shape1 svg path {
  animation: change-background 4s ease infinite;
}

@keyframes change-background {
  0% {
    fill: var(--eduact-base);
  }
  50% {
    fill: var(--primary-color);
  }
  100% {
    fill: var(--eduact-base);
  }
}



 /* ==================
======================================= */
.about{
  position: relative;
  overflow: hidden;
  padding: 35px 0 60px;
}

@media (max-width: 767px) {
  .about{
    padding: 76px 0 80px;
  }
}
.about img.Flexible-icon {
  width: 40px;
}

.about_content {
  position: relative;
}
.section-title__tagline svg.arrow-svg {
  position: relative;
  display: inline-block;
  width: 55px;
  overflow: hidden;
  margin: 0 0 0 9px !important;
  fill: var(--primary-color);
}
.section-title__title span {
  font-size: 36px;
  font-weight: 800;
  color: var(--fourth-color);
  }

.about_content .section-title__tagline {
  padding: 0;
}

.about_content .section-title {
  margin-bottom: 20px;
}

.about_content__text {
  /* font-weight: var(--fw-semibold); */
  line-height: 32px;
  letter-spacing: 0.32px;
  margin: 0 0 29px;
  text-align: var(--text-justify);
}

.about img.tdiacademy-img {
  position: absolute;
  opacity: .05;
  left: 0;
  width: 400px;
}

.about_box {
  position: relative;
  background-color: #e2e9f6;
  border-radius: 8px;
  padding: 21px 20px 18px 115px;
  margin: 0 0 20px;
  overflow: hidden;
  -webkit-transition: var(--transition5);
-moz-transition: var(--transition5);
-ms-transition: var(--transition5);
-o-transition: var(--transition5);
transition: var(--transition5);
}
.about_box:hover {
 
  background-color: #cedbf4 !important;
  -moz-transform: scale(1.05) !important;
  -webkit-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}

@media (max-width: 767px) {
  .about_box {
    padding-left: 108px;
  }
}
.about_box::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 66px;
  height: 100%;
  background-color: var(--fourth-color);
  content: "";
}

.about_box__icon {
  width: 76px;
  height: 76px;
  background-color: var(--third-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 3px solid var(--eduact-white);
  font-size: 38px;
  color: var(--eduact-white);
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}

.about_box__icon span {
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0s;
  transform: scale(1);
}

.about_box:hover .about_box__icon span {
  transform: scale(0.9);
}

.about_box__title {
  font-size: var(--font-size20);
  line-height: 26px;
  margin: 0 0 7px;
  position: relative;
}

.about_box__text {
  font-weight: var(--fw-semibold);
  letter-spacing: 0.32px;
  line-height: 26px;
  margin: 0;
  position: relative;
}

.about_author {
  position: relative;
  padding: 9px 0 0 92px;
  min-height: 76px;
  max-width: 286px;
}

.about_author::after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 1px;
  height: 62px;
  background-color: var(--eduact-soft4);
}

@media (max-width: 767px) {
  .about_author::after {
    display: none;
  }
}
.about_author > img {
  max-width: 100%;
}

@media (max-width: 1399px) {
  .about_author > img {
    max-width: 90%;
  }
}
.about_author__thumb {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--primary-color);
  padding: 5px;
  position: absolute;
  left: 0;
  top: 0;
}

.about_author__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.about_author__text {
  font-weight: var(--fw-semibold);
  line-height: 1;
  letter-spacing: 0.32px;
  margin: 1px 0 0;
}

.about_br {
  border-bottom: 1px solid var(--eduact-soft4);
  margin: 39px 0 40px;
}

.about_info {
  position: relative;
  padding: 0 0 0 68px;
  margin-left: -14px;
  margin-top: 9px;
}

@media (max-width: 1399px) {
  .about_info {
    margin-left: -8px;
  }
}
@media (max-width: 767px) {
  .about_info {
    margin: 15px 0 0;
  }
}
.about_info__icon {
  width: 53px;
  height: 53px;
  border: 2px solid var(--eduact-soft4);
  border-radius: 50%;
  font-size: var(--font-size28);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color);
  position: absolute;
  left: 0;
  top: 2px;
}

.about_info__text {
  font-weight: var(--fw-medium);
  margin-bottom: 2px;
}

.about_info__title {
  font-size: var(--font-size24);
  line-height: 26px;
  letter-spacing: 0.72px;
  color: var(--eduact-base);
  margin: 0;
}

.about_info__title a {
  color: inherit;
}

.about_info__title a:hover {
  color: var(--primary-color);
}

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

@media (max-width: 1199px) {
  .about_thumb {
    max-width: 642px;
  }
}
.about_thumb__one {
  position: relative;
  padding: 82px 0 0 124px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about_thumb__one {
    padding-left: 70px;
  }
}
@media (max-width: 767px) {
  .about_thumb__one {
    padding: 40px 0 0;
  }
}
.about_thumb__one img {
  border-radius: 33px;
  max-width: 100%;
  height: auto;
}
.about_thumb__shape-one img{
    height: 7rem;
}

.about_thumb__shape-one {
  position: absolute;
  top: 36px;
  left: 76px;
  border: px solid var(--primary-color);
  animation: border-background 3s ease infinite;
  border-radius: 0px 30px;
  /*background-color: var(--third-color);*/
  /*border: 5px solid var(--white-color) !important;*/
}

.about_thumb__shape-one:hover img {
  -moz-transform: scaleX(-1) !important;
  -o-transform: scaleX(-1) !important;
  -webkit-transform: scaleX(-1) !important;
  transform: scaleX(-1) !important;
  filter: FlipH;
  -ms-filter: "FlipH";
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about_thumb__shape-one {
    left: 25px;
  }
}
@media (max-width: 767px) {
  .about_thumb__shape-one {
    display: none;
  }
}
@keyframes border-background {
  0% {
    border-color: var(--primary-color);
    transform: translateX(0px) translateY(0px);
  }
  50% {
    border-color: var(--eduact-base);
    transform: translateX(10px) translateY(10px);
  }
  100% {
    border-color: var(--primary-color);
    transform: translateX(0px) translateY(0px);
  }
}
.about_thumb__shape-two {
  position: absolute;
  bottom: -22px;
  right: 16px;
  /* font-size: var(--font-size24); */
  /* font-weight: bold; */
  padding: 21px;
  /* text-align: var(--text-center); */
  color: var(--white-color);
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  /* height: 60px; */
  background-color: var(--primary-color);
  animation: bg2-background 3s ease infinite;
  border-radius: 9px;
  -webkit-animation: movebounce3 2s linear infinite;
  animation: movebounce4 3s linear infinite;
  /* animation: br-translate 3s ease infinite; */
}

.about_thumb__shape-two p {
  font-size: var(--primary-font-size);
  font-weight: var(--fw-medium);
  /* color: var(--eduact-text); */
  line-height: 26px;
  margin: 0 0 9px;
}
.about_thumb__shape-two h4 {
  font-size: var(--font-size24);
  /* color: var(--eduact-base); */
  font-weight: var(--fw-bold);
  letter-spacing: 0.72px;
  margin: 0px;
}

.shape-Ten {
  position: absolute;
  top: 36px;
  right: 37px;
  width: 102px;
  height: 129px;
  border: 2px solid var(--primary-color);
  animation: border-background 4s ease infinite;
  border-radius: 16px;
  z-index: -1;
}
@media (max-width: 767px) {
  .about_thumb__shape-two {
    display: none;
  }
}
@keyframes bg2-background {
  0% {
    background-color: var(--primary-color);
    transform: translateY(0);
  }
  50% {
    background-color: var(--eduact-base);
  }
  100% {
    background-color: var(--primary-color);
    transform: translateY(-20px);
  }
}
.about_thumb__shape-three {
  position: absolute;
  top: 261px;
  right: 2px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about_thumb__shape-three {
    right: -15px;
  }
}
@media (max-width: 767px) {
  .about_thumb__shape-three {
    display: none;
  }
}
.about_thumb__shape-three span {
  width: 13.43px;
  height: 13.43px;
  border: 2px solid var(--eduact-base);
  display: block;
  border-radius: 50%;
  margin: 0 0 45px;
  -webkit-animation: movebounce3 2s linear infinite;
  animation: movebounce3 2s linear infinite;
  margin: 0 0 45px;
}

@keyframes border2-background {
  0% {
    border-color: var(--eduact-base);
  }
  50% {
    border-color: var(--primary-color);
  }
  100% {
    border-color: var(--eduact-base);
  }
}
.about_thumb__shape-four {
  position: absolute;
  bottom: 93px;
  left: 32px;
  z-index: -1;
}

@media (max-width: 767px) {
  .about_thumb__shape-four {
    display: none;
  }
}
.about_thumb__shape-five {
  position: absolute;
  bottom: 10px;
  left: 77px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about_thumb__shape-five {
    left: 40px;
  }
}
@media (max-width: 767px) {
  .about_thumb__shape-five {
    display: none;
  }
}
.about_thumb__shape-five span {
  width: 13.73px;
  height: 13.73px;
  border: 1.7px solid var(--primary-color);
  display: inline-block;
  border-radius: 50%;
  margin: 0 45px 0 0;
}

@keyframes ball-top {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
.about_thumb__shape-six {
  position: absolute;
  bottom: -40px;
  left: 77px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about_thumb__shape-six {
    left: 40px;
  }
}
@media (max-width: 767px) {
  .about_thumb__shape-six {
    display: none;
  }
}
.about_thumb__shape-six span {
  width: 13.73px;
  height: 13.73px;
  border: 1.7px solid var(--primary-color);
  display: inline-block;
  border-radius: 50%;
  margin: 0 45px 0 0;
}

@keyframes ball-bottom {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
.about_thumb__shape-seven {
  position: absolute;
  bottom: -6px;
  right: -15px;
  width: 215px;
  height: 135px;
  border: 16px solid var(--eduact-soft4);
  border-radius: 76px;
  z-index: -1;
  animation: br-translate 3s ease infinite;
}

@media (max-width: 767px) {
  .about_thumb__shape-seven {
    display: none;
  }
}
@keyframes br-translate {
  0% {
    transform: translateX(0px) translateY(0px);
  }
  50% {
    transform: translateX(10px) translateY(10px);
  }
  100% {
    transform: translateX(0px) translateY(0px);
  }
}

/* =================================================================================
=================================================================================================== */





/* ====================================================
=========================================================================== */


.heading {
  text-align: var(--text-center);
  padding: 33px 0px;
}


#courses .card img.icon {
  width: 90px;
}




#courses.related_Courses {
    padding: 60px 0 !important;
    text-align: var(--text-center);
}


#courses.course_section {
  height: auto;
  position: relative;
  background: #f7f7ff;
  /* margin: 60px 0px; */
  padding: 60px 0px;
  overflow: hidden;
  /* background: url(../images/slider-bg-1-1.jpg);
  background-color: rgba(255, 255, 255, .12); */
}
#courses .course_contant .course_tab .nav-link {
    color: var(--dark-gray);
    border: 1px solid var(--semi-light-gray);
    border-radius: 50px;
    margin: 0 15px;
    margin-bottom: 20px;
}
#courses .course_contant .course_tab .nav-link.active {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}
#courses .course_contant .course_tab .course_box {
    background: var(--white-color);
    padding: 0;
    /* border-radius: 40px 40px 0px 0px; */ 
    margin: 0 0;
    text-align: var(--text-center);
    margin-bottom: 30px;
    -webkit-box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .12);
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .12);
}

#courses .course_cnt {
  position: relative;
  z-index: 9;
  padding: 105px 15px 20px 15px;
  background-color: #f7f7ff;
  /* border-radius: 15px; */
  /* border-radius: 40px 40px 0px 0px; */
  min-height: 232px;
  /* border-top: 5px solid var(--fourth-color); */
  border-bottom: 3px solid var(--fourth-color);
  -webkit-transition: var(--transition10);
  -moz-transition: var(--transition10);
  -ms-transition: var(--transition10);
  -o-transition: var(--transition10);
  transition: var(--transition10);
  
}
#courses .course_contant .course_tab .course_box .course_icon {
  background: none;
  width: 107px;
  height: 70px;
  /* line-height: 68px; */
  /* border-radius: 10px 0px; */
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  margin: auto;
  top: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: movebounce3 2s linear infinite;
  animation: movebounce2 5s linear infinite;
}

#courses .course_contant .course_tab .course_box:after {

  background: none !important;}

#courses .course_contant .course_tab .course_box .course_icon svg {
  /* vertical-align: middle; */
  position: absolute;
  z-index: -2;
  width: 210px;
}
#courses .course_contant .course_tab .course_box .course_icon i, #courses .course_contant .course_tab .course_box .course_icon p {
    font-size: var(--font-size30);
    color: var(--white-color);
    margin-bottom: 0;
    vertical-align: middle;
}
#courses .course_contant .course_tab .course_box .course_icon img {
    width: 42px;
    -webkit-transition: var(--transition10);
-moz-transition: var(--transition10);
-ms-transition: var(--transition10);
-o-transition: var(--transition10);
transition: var(--transition10);
}
#courses .course_contant .course_tab a:hover {
    text-decoration: none;
}
#courses .course_contant .course_tab .course_box h4 {
    font-size: var(--font-size20);
    font-weight: var(--fw-normal);
    text-transform: capitalize;
    -webkit-transition: var(--transition5);
    -moz-transition: var(--transition5);
    -ms-transition: var(--transition5);
    -o-transition: var(--transition5);
    transition: var(--transition5);
}
#courses .course_contant .course_tab .course_box p {

  -webkit-transition: var(--transition5);
  -moz-transition: var(--transition5);
  -ms-transition: var(--transition5);
  -o-transition: var(--transition5);
  transition: var(--transition5);
  min-height: 5rem;
}

#courses .course_contant .course_tab .course_box .course_icon svg path{
  fill: var(--fourth-color);
  -webkit-transition: var(--transition5);
  -moz-transition: var(--transition5);
  -ms-transition: var(--transition5);
  -o-transition: var(--transition5);
  transition: var(--transition5);
}
#courses .course_contant .course_tab .graphic_color .course_icon svg path {
    fill: var(--fifth-color);
}
#courses .graphic_color .course_cnt:hover {
  background-color: var(--fifth-color);}

  #courses .graphic_color .course_cnt {
    border-bottom: 3px solid var(--fifth-color) ;
} 


#courses .course_contant .course_tab .graphic_color a {
    color: var(--fifth-color);
}
#courses .course_contant .course_tab .course_box.graphic_color:after {
    background: var(--fifth-color);
}
#courses .course_contant .course_tab .sketching_color .course_icon svg path {
    fill: var(--sixth-color);
    -webkit-transition: var(--transition5);
    -moz-transition: var(--transition5);
    -ms-transition: var(--transition5);
    -o-transition: var(--transition5);
    transition: var(--transition5);
}
#courses .sketching_color .course_cnt:hover {
  background-color: var(--sixth-color);}

  #courses .sketching_color .course_cnt {
    border-bottom: 3px solid var(--sixth-color) ;}
#courses .course_contant .course_tab .sketching_color a {
    color: var(--sixth-color);
}
#courses .course_contant .course_tab .course_box.sketching_color:after {
    background: var(--sixth-color);
}
#courses .course_contant .course_tab .photoshop_color .course_icon svg path {
    fill: var(--seventh-color);
    -webkit-transition: var(--transition5);
    -moz-transition: var(--transition5);
    -ms-transition: var(--transition5);
    -o-transition: var(--transition5);
    transition: var(--transition5);
}
#courses .photoshop_color .course_cnt:hover {
  background-color: var(--seventh-color);}

  #courses .photoshop_color .course_cnt {
    border-bottom: 3px solid var(--seventh-color) ;}
#courses .course_contant .course_tab .photoshop_color a {
    color: var(--seventh-color);
}
#courses .course_contant .course_tab .course_box.photoshop_color:after {
    background: var(--seventh-color);
}
#courses .course_contant .course_tab .dreamweaver_color .course_icon svg path{
    fill: var(--ninth-color);
    -webkit-transition: var(--transition5);
    -moz-transition: var(--transition5);
    -ms-transition: var(--transition5);
    -o-transition: var(--transition5);
    transition: var(--transition5);
}

#courses .dreamweaver_color .course_cnt:hover {
  background-color: var(--ninth-color);}

  #courses .dreamweaver_color .course_cnt {
    border-bottom: 3px solid var(--ninth-color) ;}

#courses .course_contant .course_tab .dreamweaver_color a {
    color: var(--ninth-color);
}
#courses .course_contant .course_tab .course_box.dreamweaver_color:after {
    background: var(--ninth-color);
}
#courses .course_contant .course_tab .html_color .course_icon svg path {
    fill: var(--tenth-color);
    -webkit-transition: var(--transition5);
    -moz-transition: var(--transition5);
    -ms-transition: var(--transition5);
    -o-transition: var(--transition5);
    transition: var(--transition5);
}

#courses .html_color .course_cnt:hover {
  background-color: var(--tenth-color);}

  #courses .html_color .course_cnt {
    border-bottom: 3px solid var(--tenth-color) ;}
#courses .course_contant .course_tab .html_color a {
    color: var(--tenth-color);
}
#courses .course_contant .course_tab .course_box.html_color:after {
    background: var(--tenth-color);
}
#courses .course_contant .course_tab .css_js_color .course_icon svg path {
    fill: var(--eleventh-color);
    -webkit-transition: var(--transition5);
    -moz-transition: var(--transition5);
    -ms-transition: var(--transition5);
    -o-transition: var(--transition5);
    transition: var(--transition5);
}

#courses .css_js_color .course_cnt:hover {
  background-color: var(--eleventh-color);}

  #courses .css_js_color .course_cnt {
    border-bottom: 3px solid var(--eleventh-color) ;}
#courses .course_contant .course_tab .css_js_color a {
    color: var(--eleventh-color);
}
/* #courses .course_contant .course_tab .course_box.css_js_color:after {
    background: var(--eleventh-color);
} */


#courses .course_contant .course_tab .bootstrap_color .course_icon svg path {
    fill: var(--eighth-color);
    -webkit-transition: var(--transition5);
    -moz-transition: var(--transition5);
    -ms-transition: var(--transition5);
    -o-transition: var(--transition5);
    transition: var(--transition5);
}
#courses .css_js_color .bootstrap_color:hover {
  background-color: var(--eighth-color);}
/* 
  #courses .css_js_color .course_cnt {
    border-bottom: 3px solid var(--eighth-color) ;} */
#courses .course_contant .course_tab .bootstrap_color a {
    color: var(--eighth-color);
}
#courses .course_contant .course_tab .course_box.bootstrap_color:after {
    background: var(--eighth-color);
}
/* #call_action {
    background: #02abe3;
    padding: 30px 0;
} */



#call_action a {
    color: var(--white-color);
    font-size: var(--font-size18);
    padding: 10px 50px;
    border: 2px solid var(--white-color);
    border-radius: 5px;
    display: inline-block;
}
#call_action a i {
    font-size: 32px;
    vertical-align: sub;
    margin-right: 5px;
}
#call_action p {
    color: var(--white-color);
    font-size: var(--font-size18);
    line-height: 56px;
    margin-bottom: 0;
}
#courses_tutorials {
    padding: 70px 0;
    background: #f1f2f2;
}
#courses_tutorials hgroup h6 {
    color: #ebebeb;
}
#courses_tutorials .video_section {
    margin-top: 50px;
}
#courses_tutorials .video_section .nav {
    display: inherit;
    margin-top: 6%}
#courses_tutorials .video_section a:hover {
    color: var(--white-color);
}
#courses_tutorials .video_section .nav-link {
    display: inline-block;
    margin: 0 9px 10px 0;
    padding: 8px 40px;
}
.nav-pills .nav-link.active {
    background-color: inherit;
    background: #19a7d9 !important;
    color: var(--white-color) !important;
}
#courses_tutorials .video_section .embed-responsive {
    border-radius: 10px;
    position: relative;
    z-index: 9;
}
#courses_tutorials .video_section .embed-responsive-4by3::before {
    padding-top: 56%}
#myBtn2, #myBtn3 {
    position: absolute;
    top: 45%;
    z-index: 9;
    left: 56%;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(185, 23, 123, .5);
    color: var(--white-color);
    border: none;
}

#courses .course_cnt:hover {

  background-color: var(--fourth-color);
  -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}


  #courses .course_cnt:hover .course_icon img {
  filter: invert(1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#courses .course_cnt:hover .course_icon svg path {
  fill: var(--white-color) !important;

}

#courses .course_box .course_cnt a {
  position: absolute;
  bottom: -19px;
  background: var(--white-color);
  height: 40px;
  line-height: 41px;
  width: 40px;
  border-radius: 50px;
  left: 0;
  color: #20aaf2;
  right: 0;
  margin: auto;
  border: 2px solid;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#courses .course_box .course_cnt a:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#courses .course_box .course_cnt a i {
  font-size: 32px;
  line-height: 48px;
}
#courses .course_box .course_cnt a i::before {
  vertical-align: inherit !important;
}

#courses .course_cnt:hover h4 {

  color: var(--white-color);
}
#courses .course_cnt:hover p {

  color: var(--white-color);
}



/* ======================= */
#courses_sec{
  padding: 70px 0;
    text-align: var(--text-center);
  
}
#courses_sec.course_section {
  height: auto;
  position: relative;
  background: #f6f6f6;
 
  margin-top: 50px;
  overflow: hidden;
}
.service-two__item:hover .service-two__icon {
  background-color: var(--eduact-base);
}
.service-two__wrapper {
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 2;
  background-color: var(--eduact-white);
  border-radius: 10px;
}
.service-two__item svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 117px;
  transition: 300ms ease;
  fill: var(--eduact-soft5);
}

.service-two__icon span {
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0s;
  transition-delay: 0.1s;
  transform: scale(1);
}
.service-two__title {
  font-size: var(--font-size20);
  margin: 0 25px 18px;
}

.service-two__text {
  font-weight: var(--fw-medium);
  max-width: 230px;
  margin: 0 auto 32px;
}

.service-two__rm {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  border-top: 1px solid var(--eduact-soft4);
  color: var(--eduact-black);
  font-weight: var(--fw-bold);
  font-size: var(--primary-font-size);
  z-index: 2;
}

div.service-two__rm_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s;
  z-index: -2;
}

.service-two__rm span {
  color: var(--primary-color);
  font-size: 10px;
  position: relative;
  top: 1px;
  padding-left: 10px;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.service-two__item:hover .service-two__icon span {
  transform: scale(0.9);
}
.service-two__icon span {
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0s;
  transition-delay: 0.1s;
  transform: scale(1);
}

.service-two__icon {
  width: 166px;
  height: 166px;
  background-color: var(--primary-color);
  font-size: 60px;
  line-height: 1;
  position: relative;
  z-index: 3;
  color: var(--eduact-white);
  margin: -66px auto 35px;
  display: flex;
  align-items: end;
  justify-content: center;
  border-radius: 50%;
  transition: 500ms ease;
  padding: 0 0 22px;
}

.service-two__icon span img {
  width: 58px;
}

.service-two__wrapper:hover div.service-two__rm_bg {
  opacity: 1;
}
div.service-two__rm_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s;
  z-index: -2;
}
.service-two__item:hover .service-two__rm {
  color: var(--eduact-white);
  background-size: cover;
}
div.service-two__rm_bg{background-size: cover;}
.service-two__rm::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  visibility: hidden;
  background: rgba(0, 0, 0, .12);
  opacity: 0;
  transition: all 500ms ease;
  transform: scale(1.1);
  z-index: -1;
}
.service-two__rm::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: 500ms ease;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  z-index: -1;
  transform: scale(1.1);
}
.service-two__item {
  position: relative;
  border-radius: 10px;
  margin: 0 0 36px;
  box-shadow: 0px 0px 60px 0px rgba(var(--eduact-black2-rgb), 0.07);
}



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



.counters {
  background: var(--primary-color);;
  color: var(--white-color);
  padding: 40px 20px;
  /* border-top: 3px lightskyblue solid; */
}

.m_view { display: none;}


.counters i {
  color: var(--white-color);
  /* margin-bottom: -4px; */
  font-size: 32px;
  background: var(--fourth-color);
  height: 80px;
  width: 80px;
  padding: 10px;
  border: 7px solid var(--third-color);
  outline: 2px dashed var(--white-color);
  border-radius: 50px;
  display: inline-block;

  
}
.counters i::before   {   
  transition: .5s !important;
  -moz-transition: .5s !important;
  -o-transition: .5s !important;
  -webkit-transition: .5s !important;

}


.counters i:hover::before   {  
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";

}

.counters .counter {
  font-size: 38px;
  margin: 3px 0;
}
@media (max-width: 700px) {
	.counters .container {
		grid-template-columns: repeat(2, 1fr);
	}

	.counters .container > div:nth-of-type(1),
	.counters .container > div:nth-of-type(2) {
		border-bottom: 1px lightskyblue solid;
		padding-bottom: 20px;
	}
}

.counters h3 {
  font-size: var(--font-size22);
}


/* =================================degree
================================= */

#degree {
  margin: 110px 0px;
  position: relative;
}

.degree-box {
  padding: 18px 20px;
  border-radius: 16px 0px;
  background-color: #EAF6FF;
  margin-bottom: 20px;
  border-left: 4px solid #0092ff;
}
.degree-box:hover {
  -moz-transform: scale(1.05) !important;
  -webkit-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}


.degree-box.color2 {
  background-color: #f5eaff;
  /* border-left: 4px solid #8600ff; */
  border-color: #8600ff;
}

.degree-box.color3 {
  background-color: #ffefe7;
  /* border-left: 4px solid #ff5500; */
  border-color: #ff5500;
}
.d-heading { 
  background: var( --primary-color);
  padding: 40px 30px;
  color: var(--white-color);
  z-index: 99;
  position: absolute;
  margin-top: 0;
  width: 800px;
  border: 10px solid var(--white-color);

  -webkit-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.04);
  transition: .5s !important;
  -moz-transition: .5s !important;
  -o-transition: .5s !important;
  -webkit-transition: .5s !important;
}
.d-heading:hover {
  background: #005c7d;

}
.degree-box .d-info {
  position: relative;
}

.degree-box span {
  font-size: 21px;
  margin-left: 20px;
  font-weight: var(--fw-semibold);
  color: var(--third-color);
}

.degree-box img {
  width: 60px;
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.Degree-img {
  /*-webkit-box-shadow: 19px -20px 0px 0px rgb(23 168 219);;*/
  /*-moz-box-shadow: 19px -20px 0px 0px rgb(23 168 219);;*/
  box-shadow: 19px -20px 0px 0px var(--primary-color);
}

/* =======================skills_sec====================== */

#skills_sec {
  background: url(../../images/web-images/Skills_bg.jpg);
  background-size: cover;
  background-position: center;
  /* background-attachment: fixed; */
  /* height: 466.7px; */
  overflow: hidden;
  position: relative;
  padding: 50px 0px;
}

#skills_sec::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: rgb(0 0 0 / 70%);
  width: 100%;
  display: block;
  height: 100%;
}
#skills_sec .cta-three__title {
  color: var(--eduact-white);
  font-size: 73px;
  line-height: 87px;
  letter-spacing: -1.452px;
  margin: 0;
  font-weight: 900;
}
#skills_sec .cta-three__title span:first-child {
  font-weight: var(--fw-light);
}
#skills_sec .container, #skills_sec .row {
  height: 100%;
}
#skills_sec .skills_con {
  position: relative;
  z-index: 9;
}



#skills_sec .cta-three__btn {
  position: relative;
  z-index: 9;
}
.cta-three__btn .eduact-btn {
  background-color: var(--third-color);
  padding: 17px 59px 18px;
  border: 2px solid var(--white-color);
}

/* ============================================================================================== */

#call_action {
  background: var(--third-color);
  position: relative;
  overflow: hidden;
  /* margin-top: 110px; */
  padding: 30px 0;
  /* background: url(../images/cta-1.png) no-repeat; */
}
#call_action a {
  color: var(--white-color);
  font-size: var(--font-size18);
  padding: 14px 53px;
  position: relative;
  border: 2px solid var(--white-color);
  border-radius: 5px;
  display: inline-block;
}
#call_action a i {
  font-size: 32px;
  vertical-align: sub;
  margin-right: 5px;
}
#call_action h2 {
  color: var(--white-color);
  margin-bottom: 0;
  position: relative;
}

#call_action img {
  position: absolute;
  top: 0;
  left: -15px;
  opacity: .5;
  width: auto;
  height: 100%;
}

hgroup {
  text-align: var(--text-center);
  margin-bottom: 50px;
}
hgroup h2.section-title__title {
  font-size: var(--section-heading-fontsize);
}
/* ================================================== */

#recruiters_sec {
  margin: 60px 0px;
  text-align: var(--text-center); 
}


#recruiters_sec .com-logo img {
  width: auto;
  margin: auto;
  transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
}

#recruiters_sec .com-logo:hover img {
scale: .9;
}

#recruiters_sec .com-logo {
  text-align: var(--text-center);
  border: 1px solid var(--primary-color);
  padding: 10px;
}

/* -----------------------==================================
============================================== */

#work_Gallery {
  background: #e8e8f4;
  padding: 60px 0px;
}

#work_Gallery .nav-link {
  color: var(--dark-gray);
  border: 1px solid var(--semi-light-gray);
  border-radius: 15px 0px;
  margin: 0 15px;
  margin-bottom: 20px;
  font-weight: var(--fw-bold);
  min-width: 130px;
  text-align: var(--text-center);
}
#work_Gallery .nav-link.active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
}

#work_Gallery .nav-link:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
}

#work_Gallery .project-content {
  position: absolute;
  bottom: 25px;
  left: 25px;
  margin-bottom: -160px;
 
  right: 25px;
  padding: 14px 22px;
  background-color: var(--white);
  overflow: hidden;
  background-color: rgb(255 255 255);
  -webkit-transition: var(--transition5) !important;
  -moz-transition: var(--transition5) !important;
  -ms-transition: var(--transition5) !important;
  -o-transition: var(--transition5) !important;
  transition: var(--transition5) !important;
}


#work_Gallery .project-content::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 6px;
  height: 58px;
  content: "";
  background-color: rgb(0 42 56);
  transition: all 0.4s ease-in-out;}

  #work_Gallery .project-content p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #008bb9;
    font-weight: 900;
}
#work_Gallery .project-content h4 {
  font-size: var(--font-size20);
  margin-bottom: 0px;
}

#work_Gallery .project-image img {
  opacity: .8;
}
#work_Gallery .project-image {
  background: #00789f;
  text-align: var(--text-left);
  -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#work_Gallery .project-image:hover {
  background: #000000;
  /* -moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02); */
}


#work_Gallery .project-image:hover .project-content {
  display: block;
 
  margin-bottom: 0px;
  -webkit-transition: var(--transition5);
  -moz-transition: var(--transition5);
  -ms-transition: var(--transition5);
  -o-transition: var(--transition5);
  transition: var(--transition5) !important;
}


@media (max-width: 767px) {
  .testimonial-one__area {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-one__area {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.testimonial-one__thumb {
  display: inline-block;
  position: absolute;
  right: -160px;
  top: 0px;
  z-index: 2;
}
.elementor img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.testimonial-one__thumb svg {
  width: 612px;
  height: 563px;
  position: absolute;
  right: -57px;
  top: -72px;
  z-index: -1;
}
.animated {
  animation-duration: 1.25s;
}

.elementor *, .elementor :after, .elementor :before {
  box-sizing: border-box;
}
.testimonial-one__thumb-pen {
  position: absolute;
  right: -54px;
  top: -75px;
  z-index: 2;
}


/* ============================================= */
 
#testimonial_sec {
  padding: 50px 0;
  overflow: hidden;
}
.brush-img{
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

#testimonial_sec path {
  transition: transform 1000ms ease, opacity 1000ms ease;
  /* transform: translateY(100%); */
  animation: change-background 8s ease infinite;
}

/* #testimonial_sec .testimonial_bx {
  -webkit-box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .2);
  box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .2);
  padding: 30px;
  background-color: #f8f8f8;
  height: 100%
} */

#testimonial_sec .testimonial_bx .testimonial_bxinner {
  height: 100%;
  /* border: 1px dashed #909090; */
  padding: 72px 15px 15px;
  position: relative;
  width: 70%;
  text-align: var(--text-left);
}

#testimonial_sec .testimonial_bx .testimonial_bxinner .testimonial_bximg {
  position: absolute;
  left: 0;
  right: 0;
  top: -80px;
  text-align: var(--text-center)
}

#testimonial_sec .testimonial_bx .testimonial_bxinner .testimonial_bximg img {

  width: 137px;
  height: 137px;
  border-radius: 50%;

  margin-bottom: 27px;
}

#testimonial_sec .testimonial_bx .testimonial_bxinner h5 {
  /* margin-bottom: 0; */
  /* font-size: var(--font-size20); */
  color: #231f20;
  font-weight: var(--fw-bold);
  font-size: var(--font-size20);
  line-height: 1;
  /* margin-bottom: -1px; */
}

#testimonial_sec .testimonial_bx .testimonial_bxinner h6 {
  font-size: 14px;

  color: #231f20;
  font-weight: var(--fw-medium);
  margin-bottom: 20px
}

#testimonial_sec .testimonial_bx p {
  color: #231f20;
  font-size: var(--font-size20);
  line-height: 37px;
  margin-bottom: 28px;
  text-align: var(--text-justify);
  /* text-align: var(--text-left); */
}
#testimonial_sec .testimonial_bxmn {
  padding: 0px 10px 50px 3px;
}

#testimonial_sec .testimonial_bx p i {
  display: block;
  color: #ddd;
  position: absolute;
  left: -1px;
  top: -20px;
  font-size: var(--font-size20);
}

#testimonial_sec .owl-carousel .owl-stage {
  display: flex
}

#testimonial_sec .owl-carousel .owl-stage .owl-item {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important
}

.testimonial-one__area {
  position: relative;
  /* border-radius: 40px;
  border: 1px solid #cacef7;
  background: var(--white-color);
  box-shadow: 11px 15px 30px 0px rgba(128, 137, 225, 0.1);
  padding: 0 50px 48px 60px; */
  max-width: 1197px;
}
.testimonial-one__area {
  position: relative;
  max-width: 1197px;
  margin-top: 60px;
  margin-bottom: 50px;
}

.testimonial-one__area .owl-item {
  margin-top: 60px;
}
.testimonial_bx {
  height: 100%;
  border-radius: 40px;
  border: 1px solid #cacef7;
  background: var(--white-color);
  box-shadow: 11px 15px 30px 0px rgba(128, 137, 225, 0.1);
  padding: 50px 48px 20px;
}



/* =======app============ */
#app {
  margin-top: 80px;
}

.app-bg {
  background: url(../../images/application-background.jpg);
  /* overflow: hidden; */
  /* height: 332px; */
  margin-bottom: 50px;
  border-radius: 30px 0px;
}
#app .app-con img {height: 40px;}


.counter-one__shapes {
  position: relative;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.counter-one__area {
  position: absolute;
  width: 392px;
  height: 392px;
  background-color:rgb(255 255 255);
  border-radius: 50%;
  margin: 0 101px 0 auto;
  z-index: 2;
  margin: auto;
  top: 0;
  right: 0;
  bottom: -200px;
  left: 0;
  text-align: var(--text-center);
  /* padding: 55px 40px; */
}
.counter-one__shapes svg {
  position: absolute;
  top: -90px;
  right: 0;
  width: 581px;
  height: 596px;
  animation: blinker 1.5s ease-in-out infinite;
  -webkit-animation: blinker 1.5s ease-in-out infinite;
  -moz-animation: blinker 1.5s ease-in-out infinite;
}

.counter-one__shapes svg {
  position: absolute;
  top: -90px;
  right: 0;
  width: 581px;
  height: 596px;
  animation: blinker 1.5s ease-in-out infinite;
  -webkit-animation: blinker 1.5s ease-in-out infinite;
  -moz-animation: blinker 1.5s ease-in-out infinite;
}
.app-info {
  position: relative;
}

.app-con {
  padding: 45px 36px;
  /* background: #000000; */
  /* height: 100%; */
  /* border: 7px solid var(--white-color); */
  margin: 42px 30px;
  color: var(--primary-color);
}
.mobile-app {
  width: 240px;
  -webkit-animation: rotated2 10s infinite linear;
  animation: rotated2 6s infinite linear;
  -webkit-animation: movebounce3 2s linear infinite;
  animation: movebounce3 5s linear infinite;
  /* animation: blinker 1.5s ease-in-out infinite; */
  /* -webkit-animation: blinker 3s ease-in-out infinite; */
  -moz-animation: blinker 1.5s ease-in-out infinite;
}

.app-con h3 {
  font-size: 40px;
}
.app-con p {
  font-size: var(--font-size20);
}
.app-con img {
    border: 2px solid var(--white-color);
}

 /* =========footer========
================================ */



footer {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--primary-color);
  background-size: cover;
  background-position-y: bottom;
  /* margin: 0; */
  padding: 0;
  padding: 60px 0px 0px;
}

footer .foot_bx p {
  margin-top: 15px;
  font-size: 15px;
  color: var(--white-color);
  text-align: var(--text-justify);
  padding-right: 25px;
}

footer .foot_bx img {
  width: 240px;
} 

footer .foot_bx h5 {
  font-size: var(--font-size20);
  color: var(--white-color);
  font-weight: var(--fw-medium);
  margin-bottom: 20px;
}
ul.foot-contact {
  padding-left: 0rem !important;
  list-style: none;
}


ul.foot-contact li {
margin-right: 20px;
}

ul.foot-contact li i {
  font-size: 14px;
  margin-right: 3px;
}

footer .foot_bx .foot_linksul li {
  width: 48%;
  float: left;
  text-align: var(--text-left);
}

footer .foot_bx ul li {
  margin-bottom: 15px;
}

.top-header a, footer .foot_bx ul li a {
  transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  font-size: var(--primary-font-size);
  color: var(--white-color);
  display: inline-block;
}



footer .copyright_dv {
    margin-top: 30px;
    background-color: var(--third-color);
    padding: 8px 0px;
}
footer .copyright_dv ul.list-inline.social_ul {
  margin-bottom: 0px;
}

footer .copyright_dv p {
  text-align: var(--text-center);
  margin-bottom: 0px;
  font-size: 14px;
  color: var(--white-color);
}

footer .copyright_dv p a {
  display: inline-block;
  color: var(--white-color);
}

footer .social_ul li {
  margin-right: 6px !important;
}

.top-header a,footer .foot_bx ul li a:hover {
  color: #19a7db;
}

footer .foot_bx ul.foot_linksul li a:hover {
  padding-left: 8px;
}

footer .foot_bx ul.foot_linksul:after {
  content: '';
  display: block;
  clear: both;
}

footer ul.list-unstyled.info_ul {
  background-color: var(--white-color);
  padding: 19px;
  height: 160px;
  margin-right: 23px;
  overflow: auto;
}

footer .info_ul .fa-circle:before {
  content: "\f111";
  font-size: 10px;
  margin-right: 10px;
}

footer .foot_bx .info_ul ul li {
  margin-bottom: 8px;
}

footer .foot_bx .info_ul p {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 14px;
}

 footer .foot_bx .fab {
  padding-top: 11px;
  text-align: var(--text-center);
  color: var(--primary-color);
  border-color: var(--white-color);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #e0e0e0;
  border-color: #1bbc9b;
  font-size: var(--font-size18);
  transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
}
 .top-header .fab{
  padding-top: 9px;
  text-align: var(--text-center);
  color: white;
  border-color: var(--white-color);
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-color: #5d5d5d;
  border-color: #1bbc9b;
  font-size: var(--font-size18);
  transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
}

footer .foot_bx .fab:hover {
  color: var(--white-color); 
  background-color: #00526f;
}
.top-header .fab:hover{
  color: var(--primary-color); 
  background-color: white;
}

footer .copyright_dv .foot_bx ul li {
  margin-bottom: 0px;
}


/* ========================inner pages= courses-details page=========
============================================================================================================================== */

#inner_header {
  background: #f3fbff;
  position: inherit;
}
/* #inner_slider {
  background: url(../../images/web-images/breadcrumb.png);
  position: relative;
  background-position: center;
  background-size: cover;
  z-index: 1;
}

#inner_slider::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(270.07deg, #056589 .07%, #0076a1 99.95%);
  opacity: .75;
} */
#inner_slider .line-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.innerSlider_info {
  /* position: relative;
  height: 450px; */
}



#projects_Gallery {

  padding: 60px 0px;
}
/* --------------------------------- */
#course_details
{ padding: 20px 0px 20px;}



 .course_content h2 {
  font-size: 32px;
  padding: 30px 0px 10px;
}
.course_content p {
  font-size: var(--font-size18);
  line-height: 35px;
  color: #3c3c3c;
  text-align: var(--text-justify);
}
#course_details .left_part img {
  width: 100%;
  height: 100%;
  min-width: max-content;}

  #course_details .right_part {
    margin-left: 15px;
}

#course_details .right_part {
  position: relative;
  background-color: var(--eduact-white);
  border-radius: 0px 20px;
  padding: 25px 30px 30px;
  box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);
  height: 100%;
}

#course_details .sidebar__title {
  position: relative;
  font-size: var(--font-size24);
  line-height: 26px;
  text-transform: capitalize;
  border-bottom: 1px dashed var(--primary-color);
  margin: 0 0 30px;
  padding-bottom: 25px;
}
#course_details .course-details__sidebar__lists {
  margin: 0;
  padding: 0;
  list-style: none;
}
#course_details .course-details__sidebar__lists li {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: var(--fw-medium);
  line-height: 0px;
  text-transform: capitalize;
  border-bottom: 1px solid var(--eduact-soft4);
  padding: 0 0 18px;
  margin: 18px 0 0;
}
#course_details .course-details__sidebar__lists li i {
  color: var(--primary-color);
  display: inline-block;
  margin-right: 11px;
}
#course_details .course-details__sidebar__lists li span {
  margin-left: auto;
  font-weight: var(--fw-semibold);
  font-size: inherit;
  color: var(--eduact-black);
}
#course_details .coures_img {
  border-radius: 20px 0px;
  overflow: hidden;
}


.courseDataContainer1 {
  /* background: #f1fbff; */
  /* border: none; */
  padding-top: 20px;
  /* border: 10px solid var(--white-color); */
  /* margin-bottom: 50px; */
  /* box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22); */
  /* -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22); */
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22);
}
.courseDataContainer1 ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
    margin-right: -15px;
 
}
.courseDataContainer1 ul li {
  min-width: calc(25% - 6px);
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  padding: 10px;
  color: var(--white-color);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22);
  /* border: 1px solid #000; */
  display: flex;
  /* border: 1px solid; */
  margin: 3px;
  font-weight: var(--fw-bold);
  box-sizing: border-box;
  align-items: center;
  background: #038fc1;
}
.courseDataContainer1 ul li a {
  font-size: var(--font-size20);
  color: var(--white-color);
  text-decoration: none;
  position: relative;
  padding-left: 10px;
  font-weight: var(--fw-medium);
}

.courseDataContainer1 .check_icon {
  width: 20px;
}


.page-heading {
  position: relative;
  padding: 180px 0;
  text-align: var(--text-center);
  z-index: 9;
}

.page-heading h1 {
  color: var(--white);
  font-size: 65px;
  position: relative;
  z-index: 9;
}
.page-heading nav{    text-align: var(--text-center);
  margin: auto;
  width: max-content;}

 .breadcrumb .breadcrumb-item.active {
    color: rgb(255 255 255 / 75%);
}
.breadcrumb .breadcrumb-item a {
  color: rgb(255 255 255);
  text-decoration: underline;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: rgb(255 255 255 / 75%);
  content: var(--bs-breadcrumb-divider, "../../index.html");
}
.innerSlider_info .page-heading h1 {
  color: var(--white-color);
  font-size: var(--inrPgHeroFont-size);
  position: relative;
  z-index: 9;
  text-align: var(--text-center) !important;
}


/* ================================================= */
#faq_sec {
  background: #e8e8f4;
  padding: 60px 0px;
}

#faq_sec .accordion-item {
  margin-bottom: 3px;
}

#faq_sec .accordion-header span {
  color: var(--white-color);
}

#faq_sec .accordion-body span {
  color: rgb(90, 90, 90);
}
#faq_sec button.accordion-button {
  background: #038fc1;
  color: var(--white-color);
  font-size: var(--font-size20);
}
#faq_sec .accordion-button::after {
  
  filter: invert(1);

}


hgroup p {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}



/* =================================benefits
================================= */

#benefits {
  margin: 90px 0px;
  position: relative;
}


#benefits .d-heading {
  background: var(--primary-color);
  padding: 30px 20px;
  color: var(--white-color);
  z-index: 99;
  position: absolute;
  margin-top: 5px;
  border-radius: 0px 60px;
  width: 780px;
  border: 10px solid var(--white-color);
  -webkit-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.04);
}
.benefits-box .d-info {
  position: relative;
}

.benefits-box span {
  font-size: 21px;
  margin-left: 20px;
  font-weight: var(--fw-semibold);
}

.benefits-box img {
  width: 60px;
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.benefits-img {
  -webkit-box-shadow: 19px -20px 0px 0px rgb(23 168 219);;
  -moz-box-shadow: 19px -20px 0px 0px rgb(23 168 219);;
  box-shadow: 19px -20px 0px 0px rgb(23 168 219);;
}

#benefits i {
  list-style: none;
  /* color: #ed1c24; */
  font-weight: 900;
  font-size: 15px;
  margin-bottom: 5px;
  margin-right: 9px;
  margin-top: 9px;
}
#benefits .d-info ul {list-style: none;
  padding-left: 0px;

}
#benefits .d-info ul li {
  padding: 2px;
  align-items: baseline;
  font-size: var(--font-size18);
  display: flex;
}


/* ==================choose_tdiacademy================= */

#choose_tdiacademy {
  margin: 90px 0px;
  position: relative;
}


#choose_tdiacademy .d-heading {
  background: #038fc1;
  padding: 30px 20px;
  color: var(--white-color);
  z-index: 99;
  position: absolute;
  margin-top: 5px;
  border-radius: 0px 60px;
  width: 780px;
  right: 0;
  border: 10px solid var(--white-color);
  -webkit-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.04);
}
.choose_tdiacademy-box .d-info {
  position: relative;
}

.choose_tdiacademy-box span {
  font-size: 21px;
  margin-left: 20px;
  font-weight: var(--fw-semibold);
}

.choose_tdiacademy-box img {
  width: 60px;
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.choose_tdiacademy-img {
  -webkit-box-shadow: 19px -20px 0px 0px rgb(23 168 219);;
  -moz-box-shadow: 19px -20px 0px 0px rgb(23 168 219);;
  box-shadow: 19px -20px 0px 0px rgb(23 168 219);;
}

#choose_tdiacademy i {
  list-style: none;
  /* color: #ed1c24; */
  font-weight: 900;
  font-size: 15px;
  margin-bottom: 5px;
  margin-right: 9px;
  margin-top: 9px;
}
#choose_tdiacademy .d-info ul {list-style: none;
  padding-left: 0px;

}

#choose_tdiacademy .d-info p {
  font-size: var(--primary-font-size);
  line-height: 30px;
  color: #3c3c3c;
  text-align: var(--text-justify);
}
#choose_tdiacademy .d-info ul li {
  padding: 2px;
  align-items: baseline;
  font-size: var(--font-size18);
  display: flex;
}
#choose_tdiacademy .d-info {
  position: relative;
  height: 100%;
}

#choose_tdiacademy .Degree-img {
  -webkit-box-shadow: 19px -20px 0px 0px rgb(23 168 219);
  -moz-box-shadow: 19px -20px 0px 0px rgb(23 168 219);
  box-shadow: -19px -20px 0px 0px rgb(23 168 219);
}





#courses.related_Courses .course_cnt {

  /* background-color: #f7f7ff; */
}







/* ------------------------------====== */

#projects_Gallery {
  padding: 60px 0px 80px;
}

#projects_Gallery .nav-link {
  color: var(--dark-gray);
  border: 1px solid var(--semi-light-gray);
  border-radius: 15px 0px;
  margin: 0 15px;
  margin-bottom: 20px;
  font-weight: var(--fw-bold);
  min-width: 130px;
  text-align: var(--text-center);
}
#projects_Gallery .nav-link.active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
}



#projects_Gallery .project-content::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 6px;
  height: 58px;
  content: "";
  background-color:#00769d;
  transition: all 0.4s ease-in-out;}
  #projects_Gallery .project-content::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 6px;
    height: 58px;
    content: "";
    background-color:#00769d;
    transition: all 0.4s ease-in-out;}

  #projects_Gallery .project-content p {
    margin-bottom: 5px;
    font-size: 14px;
    color: var(--white-color);
    font-weight: 900;
}
#projects_Gallery .project-content h4 {
  font-size: var(--font-size24);
  margin-bottom: 0px;
  color: var(--white-color);
}

#projects_Gallery .project-image img {
  opacity: 1;
}
#projects_Gallery .project-image {
  background: #00789f;
  border: 5px solid #e2e2e2;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}


#projects_Gallery .project-image:hover {
  background: #000000;

}


#projects_Gallery .project-image:hover .project-content {
  display: block;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: var(--transition5);
  -moz-transition: var(--transition5);
  -ms-transition: var(--transition5);
  -o-transition: var(--transition5);
  transition: var(--transition5) !important;
}
#projects_Gallery .project-content {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 100%;
  /* margin: 18px; */
  /* padding: 14px 22px; */
  background-color: var(--white);
  overflow: hidden;
  background-color: rgb(3, 143, 193, .8);
  -webkit-transition: var(--transition5) !important;
  -moz-transition: var(--transition5) !important;
  -ms-transition: var(--transition5) !important;
  -o-transition: var(--transition5) !important;
  transition: var(--transition5) !important;
}

/* =======================================================courses details end===================================================================== */
.about-page .about_thumb__shape-one {
  position: absolute;
  bottom: 36px;
  top: auto;
  left: -90px;
  border: px solid var(--primary-color);
  animation: border-background 3s ease infinite;
  border-radius: 0px 30px;
  background-color: var(--third-color);
  border: 5px solid var(--white-color) !important;
}
img.tdiacademy-image {
  width: 98%;
}



.grow_careers{
  padding: 60px 0px 80px;
}




.grow_careers .grow-item {
padding: 53px 35px 45px 35px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
border-radius: 5px;
background-color: #E8E8F4;
height: 100%;
}
.grow_careers .grow-icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 2px dashed var(--it-common-white);
  transform: scale(0.85);
  border: 2px dashed var(--white-color);
}
/* .elementor img {
height: auto;
max-width: 100%;
border: none;
border-radius: 0;
box-shadow: none;
} */
.grow_careers .grow-icon {
  height: 130px;
  width: 130px;
  border-radius: 50%;
  line-height: 124px;
  text-align: var(--text-center);
  margin: 0 auto;
  background-color: var(--it-common-black);
  position: relative;
  transition: 0.3s;
  background: #038fc1;
}
.grow_careers .grow-title {
color: var(--it-common-black);
text-align: var(--text-center);
font-size: var(--font-size22);
font-weight: var(--fw-bold);
text-transform: capitalize;
transition: 0.3s;
margin-bottom: 20px;
}
.grow_careers .grow-text p {
color: #333931;
font-size: 17px;
font-weight: var(--fw-normal);
line-height: 32px;
transition: 0.3s;
margin-bottom: 0;
}
/* slider */

.grow_careers .grow-title a {
  color: #0e2a46;
}


.grow_careers .grow-item:hover .grow-icon {
  background-color: #038fc1;
  -webkit-transition: var(--transition5);
  -moz-transition: var(--transition5);
  -ms-transition: var(--transition5);
  -o-transition: var(--transition5);
  transition: var(--transition5);
}
.grow_careers .grow-icon {
  height: 130px;
  width: 130px;
  border-radius: 50%;
  line-height: 124px;
  text-align: var(--text-center);
  margin: 0 auto;
  /* background-color: #0e2a46; */
  position: relative;
  transition: 0.3s;
}
.pt-35 {
  padding-top: 35px;
}




/* =======================================================about us start===================================================================== */


#skills_sec.inner-sec {
  margin-bottom: 140px;

}




/* =======================================================================================
================================================================================================================================================ */


#internship_details
{ padding: 60px 0px 20px;}



#internship_details .course_content h2 {
  font-size: 32px;
  padding: 30px 0px 10px;
}
#internship_details .course_content p {
  font-size: var(--font-size18);
  line-height: 35px;
  color: #3c3c3c;
  text-align: var(--text-justify);
}
#internship_details .left_part img {
  width: 100%;}

  #internship_details .right_part {
    margin-left: 15px;
}

#internship_details .right_part {
  position: relative;
  background-color: var(--eduact-white);
  border-radius: 0px 20px;
  padding: 25px 30px 30px;
  box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);
  height: 100%;
}

#internship_details .sidebar__title {
  position: relative;
  font-size: var(--font-size24);
  line-height: 26px;
  text-transform: capitalize;
  border-bottom: 1px dashed var(--primary-color);
  margin: 0 0 30px;
  padding-bottom: 25px;
}
#internship_details .course-details__sidebar__lists {
  margin: 0;
  padding: 0;
  list-style: none;
}
#internship_details .course-details__sidebar__lists li {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: var(--fw-medium);
  line-height: 0px;
  text-transform: capitalize;
  border-bottom: 1px solid var(--eduact-soft4);
  padding: 0 0 21px;
  margin: 24px 0 0;
}
li.breadcrumb-item.active {
  color: var(--white-color) !important;
}
#internship_details span {
  color: var(--white-color);

}
#internship_details .course-details__sidebar__lists li i {
  color: var(--primary-color);
  display: inline-block;
  margin-right: 11px;
}
#internship_details .course-details__sidebar__lists li span {
  margin-left: auto;
  font-weight: var(--fw-semibold);
  color: var(--eduact-black);
}

#internship_details .coures_img {
  border-radius: 20px 0px;
  overflow: hidden;
}

ul.features-box {
  list-style: none;
  padding: 0px;

}
ul.features-box li {
  min-width: 23.33%;
  padding: 10px;
  color: var(--white-color);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22);
  margin: 10px 0px;
  font-weight: var(--fw-bold);
  box-sizing: border-box;
  align-items: center;
  background: #038fc1;
}
ul.features-box li .check_icon {
  width: 20px;
}


ul.eligibility {
  list-style: none;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
}

ul.eligibility li {
  border: 3px solid var(--white-color);
  padding: 10px 20px;
  background: #038fc1;
  font-size: var(--font-size20);
  width: 49%;
  color: var(--white-color);

  margin: 3px 0px;
  box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);
  display: inline-block;
}


/* =============================================
=============================team-=============================== */
.team-bg {
  background: url(../images/ourTeam.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important;
}

.team-page {
  position: relative;
  padding: 60px 0 50px;
}

.team-page .team-two__item {
  margin-bottom: 50px;
}
.team-page .team-two__item {
  margin-bottom: 50px;
  overflow: hidden;
}
.elementor *, .elementor :after, .elementor :before {
  box-sizing: border-box;
}

.team-two__item {
  position: relative;
  padding: 0 0 35px;
  margin-bottom: 36px;
  z-index: 2;
}


.team-two__image {
  position: relative;
  overflow: hidden;
  border-radius: 200px;
  margin: 0 31.5px;
  text-align: var(--text-center);
  background: #6f8b8e;
  border: 3px solid var(--white-color);
}

.team-two__image::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(24, 24, 24, 0.69);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.team-two__content {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: var(--text-center);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  color: var(--white-color);
}
.team-two__title {
  /* font-size: 32px; */
  color: var(--eduact-white);
  line-height: 1;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  transform: translate3d(-100px, 0, 0);
  -moz-transform: translate3d(-100px, 0, 0);
  -webkit-transform: translate3d(-100px, 0, 0);
  color: var(--white-color);
}

.team-two__title a {

  color: var(--white-color);
}
.team-two__designation {
  font-size: var(--font-size20);
  color: var(--eduact-white);
  line-height: 1;
  display: block;
  margin: 12px 0 16px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  transform: translate3d(100px, 0, 0);
  -moz-transform: translate3d(100px, 0, 0);
  -webkit-transform: translate3d(100px, 0, 0);
}
.team_area {
  position: relative;
  padding: 20px 36px 0px;
}

.team_area span {
  -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}


.team_area span {
  display: inline-block;
  color: #1d1d1d;
  width: 40%;
  font-weight: var(--fw-semibold);
  font-size: 12px;
  text-align: var(--text-center);
  /* line-height: 33px; */
  margin: 4px;
  visibility: hidden;
  opacity: 0;
  border-radius: 10px 0px;
  background: var(--white-color);
  padding: 8px 5px;
}

.team-two__item::after {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--eduact-base);
  content: "";
  border-radius: 0 0 200px 200px;
  width: 100%;
  height: 200px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.team-two__item:hover .team-two__title {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.team-two__item:hover .team-two__designation {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.team-two__item:hover .team_area span {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.team_area span{
  -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.team-two__image::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(24, 24, 24, 0.69);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.team-two__item:hover .team-two__image::after {
  visibility: visible;
  opacity: 1;
}

.team-two__item::before {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--primary-color);
  content: "";
  border-radius: 0 0 200px 200px;
  width: 100%;
  height: 309px;
  z-index: -1;
}


.team-two__item:hover::after {
  height: 309px;
  visibility: visible;
  opacity: 1;
}

.team-two__item::after {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--eduact-base);
  content: "";
  border-radius: 0 0 200px 200px;
  width: 100%;
  height: 200px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}




/* course-inner page */
.highlight-points.videos {
  background: #f3f3f3;
  padding-right: 15px;
}

.highlight-points.figmainfo {
  background: #f3f3f3;
  padding: 1px 20px 10px 0px;
}
.highlight-points {
  text-align: var(--text-left);
  margin-top: 40px;
}
.highlight-points.videos ul.points-info{    display: flex;
  flex-wrap: wrap;}

.highlight-points ul.points-info {    text-align: var(--text-left);
  margin-top: 40px;}

  .highlight-points.videos ul.points-info li {
    list-style: none;
    width: 50%;
    padding-right: 20px;
}
.highlight-points ul.points-info h6, .highlight-points ul.points-info h4 {
  font-size: var(--font-size20);
  margin-top: 20px;
  position: relative;
}

.highlight-points ul.points-info p {
  font-size: var(--primary-font-size);
  line-height: 26px;
}
.highlight-points ul.points-info h6::before, .highlight-points ul.points-info h4::before {
  content: '\f101';
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: var(--fw-semibold);
  color: #1aa6da;
  font-size: 17px;
  position: absolute;
  left: -20px;
}

.highlight-points span {
  color: #434343;
  font-weight: var(--fw-semibold);
  font-size: var(--font-size18);
  margin-bottom: 1px !important;
  /* padding-bottom: 20px !important; */
  display: inline-block;
}
.conCon {
  background: var(--white-color) !important;

}
.detail_pg_nw {

  display: none;
}

/* new css========================================================================================== */

#modual_sec {
  text-align: var(--text-center);
  font-size: 15px;
  color: #58595b;
  margin-top: 50px ;
  /* margin-bottom: 40px !important; */
}
.coursePlans {
  background: var(--white-color);
  box-shadow: 0 0 10px 0 #0002;
  min-height: auto;
  margin-bottom: 30px;
  height: 100%;
}

.coursePlans.mid .courseTitle {
  background: #136a03;
  background: linear-gradient(0deg, rgb(19 106 3) 0, rgb(153 149 8) 100%);
  padding: 30px 30px 65px;
  text-align: var(--text-center);
  font-size: var(--font-size26);
  color: var(--white-color);
  font-weight: var(--fw-bold);
}
.coursePlans .courseTitle {
  background: #004db5;
  background: linear-gradient(0deg, #004db5 0, #00d4ff 100%);
  padding: 30px 30px 65px;
  text-align: var(--text-center);
  font-size: var(--font-size26);
  color: var(--white-color);
  font-weight: var(--fw-bold);
  min-height: 171px;
}
.coursePlans.pro .courseTitle {
  background: #552105;
  background: linear-gradient(0deg, #552105 0, #c24112 100%);
  padding: 30px 30px 65px;
  text-align: var(--text-center);
  font-size: var(--font-size26);
  color: var(--white-color);
  font-weight: var(--fw-bold);

}
.coursePlans.mid .duration {
  color: #557f05;
}
.coursePlans .duration {
  background: var(--white-color);
  box-shadow: 0 0 10px 0 #0002;
  width: 75%;
  margin: -35px auto auto;
  padding: 20px;
  text-align: var(--text-center);
  font-size: var(--primary-font-size);
  font-weight: var(--fw-semibold);
  color: #008fd9;
}
.coursePlans .duration span {
  color: #333;
  font-weight: var(--fw-normal);
  display: none;
  margin-bottom: 5px;
  text-align: var(--text-center);
}
.coursePlans .description {
  padding: 20px;
}
.coursePlans .description li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #ccc8;
  font-size: var(--primary-font-size);
  color: #333;
  text-align: var(--text-left);
}

.coursePlans .description li a {
  font-size: var(--primary-font-size);
  color: #333;
  position: relative;
  padding-left: 25px;
}
.coursePlans .description li a:before {
  position: absolute;
  content: '\f35d';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-right: 10px;
  color: #008fd9;
  left: 0;
  top: 0;
}




/* ================================================================================================================= */

#digital_info .info_div:nth-child(1n){
  background-color: #e8f5ff;
}

#digital_info .info_div:nth-child(2n) {
  background-color: #ffdada;
  border-radius: 10px;
}
#digital_info .info_div:nth-child(3n) {
  background-color: #f1e7d2;
  border-radius: 10px;
}

.info_box {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px !important;
}
.info_box_bg1 {
  padding: 12px 0;
  background-color: #33a4ff;
  border-left: 4px solid #003f72;
  border-right: 4px solid #003f72;
  border-radius: 10px;
}

.info_box h2 {
 
  color: var(--white-color);
    padding: 0px;
    margin: 0px;

}
 #digital_info .info_div ul {
  margin-top: 10px;
  /* display: flex; */
}

#digital_info .info_div .info_box p {
  color: var(--white-color) !important;
  margin-bottom: 0px;
}



#digital_info .info_div ul li {
  text-align: var(--text-left);
  
  width: 32%;
  font-size: 15px;
  color: #58595b;
  padding-left: 20px;
  position: relative;
  display: inline-block;
  padding-right: 20px;
}



#digital_info .info_div ul li:after {
  content: '\f005';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #33a4ff;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 4px;
  display: inline-block;
 
}
.info_div h6 {
  font-weight: var(--fw-bold);
  font-size: var(--primary-font-size);
  margin-top: 10px;
  text-align: var(--text-left);
  margin-left: 33px;
  display: inline-block;
  margin-bottom: 24px;
}
.info_box_bg2 {
  padding: 12px 0;
  background-color: #b30000;
  border-left: 4px solid #740000;
  border-right: 4px solid #7e0104;
  border-radius: 10px;
}
.info_box_bg3 {
  padding: 12px 0;
  background-color: #b97e00;
  border-left: 4px solid #785200;
  border-right: 4px solid #785200;
  border-radius: 10px;
}

#digital_info .info_div:nth-child(2n) ul li:after {
  color: #b30000;
}
#digital_info .info_div:nth-child(3n) ul li:after {
  color: #b97e00;
}




#digital_info .info_div ul li {
  text-align: var(--text-left);
 
  width: 32%;
  font-size: 15px;
  color: #58595b;
  padding-left: 20px;
  position: relative;
  padding-right: 20px;
  margin-bottom: 10px;
}

.info_box p {
  
  color: var(--white-color) !important;
}

.modual_heading {
  flex-wrap: wrap;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px !important;
  background-color: #33a4ff;
  border-left: 4px solid #003f72;
  color: var(--white-color);
  border-right: 4px solid #003f72;
  border-radius: 10px;
}
.modual_heading p, .modual_heading h4 {
  margin: 0px;
  padding: 0;
  color: var(--white-color);
  font-size: var(--font-size20);
  
  line-height: normal;
}

#modual_sec .modual_info ul li strong {
  display: block;
  margin-bottom: 0;
  font-weight: var(--fw-bold) !important;
}

.points_info ul { display: flex;  flex-wrap: wrap;}

.points_info ul li {
  width: 33.33%;
  padding-right: 30px;
}

#modual_sec .modual_info.points_info ul li {
  margin-bottom: 15px;
}
#modual_sec .modual_info {    background: #e6f3ff;
  
  border-radius: 10px;
  padding-bottom: 20px;
  text-align: var(--text-left);}
  #modual_sec .modual_info ul {
    margin-top: 15px;
}

#modual_sec .modual_info ul li {
position: relative;
margin-bottom: 20px;
}
#modual_sec .modual_info ul li::before {
  content: '\f005';
  color: #33a4ff;
  font-size: 12px;
  position: absolute;
  left: -19px;
  top: 3px;
  display: inline-block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
#modual_sec .modual_info h6 {margin-left: 20px;}

/*  */
.why_tdiacademyInfo {
  /* background-color: #ececec; */
  /* padding: 35px 0; */
}
.why_tdiacademyInfo ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px;
}
.why_tdiacademyInfo ul li {
  width: 33.333%;
  padding: 0 15px;
  margin-bottom: 30px;
}
.why_tdiacademyInfo ul:after {
  content: '';
  clear: both;
  display: block;
}
.why_tdiacademyInfo h2 {
  /* text-align: var(--text-center); */
  margin-bottom: 30px;
}
.why_tdiacademyInfo ul li div {
  padding: 40px 30px;
  /* min-height: 226px; */
  background-color: var(--white-color);
  border-radius: 7px;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .36);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .36);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, .36);
  /* margin-bottom: 20px; */
}
.why_tdiacademyInfo ul li div h6 {
  text-align: var(--text-center);
  color: var(--black-color);
  font-size: var(--font-size18);
}
.why_tdiacademyInfo ul li div p {
  text-align: var(--text-justify);
  font-size: var(--primary-font-size);
  text-align-last: center;
  margin-bottom: -13px;
}
.why_tdiacademyInfo.why_tdiacademyInfo2 ul li div {
  box-shadow: none !important;
  background-color: transparent;
  border: 2px solid #ddd;
  position: relative;
  /* margin-bottom: 30px; */
  height: 100%;
}

.why_tdiacademyInfo.why_tdiacademyInfo2 ul li:nth-child(1) div:after {
  content: '1';
}


.why_tdiacademyInfo ul:after {
  content: '';
  clear: both;
  display: block;
}
.why_tdiacademyInfo.why_tdiacademyInfo2 ul li div:after {
  position: absolute;
  left: -10px;
  height: 71px;
  top: -28px;
  display: inline-block;
  padding: 7px;
  font-size: 45px;
  background-color: var(--white-color);
}

.why_tdiacademyInfo ul li {

  list-style: none;
 
}
.why_tdiacademyInfo.why_tdiacademyInfo2 ul li:nth-child(2) div:after {
  content: '2';
}

.why_tdiacademyInfo.why_tdiacademyInfo2 ul li:nth-child(3) div:after {
  content: '3';
}

.why_tdiacademyInfo.why_tdiacademyInfo2 ul li:nth-child(4) div:after {
  content: '4';
}

.why_tdiacademyInfo.why_tdiacademyInfo2 ul li:nth-child(5) div:after {
  content: '5';
}

.why_tdiacademyInfo.why_tdiacademyInfo2 ul li:nth-child(6) div:after {
  content: '6';
}





/* ======================================react=========================================================================== */

#module_box .info_div:nth-child(1n) {
  background-color: #e8f5ff;
  border-radius: 10px;
}


#module_box .info_box {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px !important;
}
#module_box .info_box_bg1 {
  padding: 12px 0;
  background-color: #33a4ff;
  border-left: 4px solid #003f72;
  border-right: 4px solid #003f72;
  border-radius: 10px;
}

#module_box .info_box h2 {
 font-size: var(--font-size18);
  color: var(--white-color);
    padding: 0px;
    margin: 0px;

}
 #module_box .info_div ul {
  margin-top: 10px;
  /* display: flex; */
}

#module_box .info_div .info_box p {
  color: var(--white-color) !important;
  margin-bottom: 0px;
  line-height: normal;
}



#module_box .info_div ul li {
  text-align: var(--text-left);
  
  width: 32%;
  font-size: 15px;
  color: #58595b;
  padding-left: 20px;
  position: relative;
  display: inline-block;
  padding-right: 20px;
}



#module_box .info_div ul li:after {
  content: '\f005';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #33a4ff;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 4px;
  display: inline-block;
 
}
#module_box .info_div h6 {
  font-weight: var(--fw-bold);
  font-size: var(--primary-font-size);
  margin-top: 10px;
  text-align: var(--text-left);
  margin-left: 33px;
  display: inline-block;
  margin-bottom: 24px;
}
#module_box .info_box_bg2 {
  padding: 12px 0;
  background-color: #b30000;
  border-left: 4px solid #740000;
  border-right: 4px solid #7e0104;
  border-radius: 10px;
}
#module_box .info_box_bg3 {
  padding: 12px 0;
  background-color: #b97e00;
  border-left: 4px solid #785200;
  border-right: 4px solid #785200;
  border-radius: 10px;
}

#module_box .info_div:nth-child(2n) ul li:after {
  color: #b30000;
}
#module_box .info_div:nth-child(3n) ul li:after {
  color: #b97e00;
}




#module_box .info_div ul li {
  text-align: var(--text-left);
 
  width: 32%;
  font-size: 15px;
  color: #58595b;
  padding-left: 20px;
  position: relative;
  padding-right: 20px;
  margin-bottom: 10px;
}


#our_facltypro {
 
  display: none;
}


/* ================================================================================================================= */

#analysis .info_div:nth-child(1n){
  background-color: #e8f5ff;
}

#analysis .info_div:nth-child(2n) {
  background-color: #ffdada;
  border-radius: 10px;
}
#analysis .info_div:nth-child(3n) {
  background-color: #fbeed1;
  border-radius: 10px;
}

.info_box {
  margin-top: 40px;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px !important;
}
.info_box_bg1 {
  padding: 12px 0;
  background-color: #33a4ff;
  border-left: 4px solid #003f72;
  border-right: 4px solid #003f72;
  border-radius: 10px;
}

.info_box h2 {
 
  color: var(--white-color);
    padding: 0px;
    margin: 0px;

}
 #analysis .info_div ul {
margin-top: 10px;
  /* display: flex; */
}

#analysis .info_div .info_box p {
  color: var(--white-color) !important;
  margin-bottom: 0px;
}



#analysis .info_div ul li {
  text-align: var(--text-left);
  
  width: 32%;
  font-size: 15px;
  color: #58595b;
  padding-left: 20px;
  position: relative;
  display: inline-block;
  padding-right: 20px;
}



#analysis .info_div ul li:after {
  content: '\f005';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #33a4ff;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 4px;
  display: inline-block;
 
}
#analysis .info_div h6 {
  font-weight: var(--fw-bold);
  font-size: var(--primary-font-size);
  margin-top: 10px;
  text-align: var(--text-left);
  margin-left: 33px;
  display: inline-block;
  margin-bottom: 24px;
}
#analysis .info_box_bg2 {
  padding: 12px 0;
  background-color: #b30000;
  border-left: 4px solid #740000;
  border-right: 4px solid #7e0104;
  border-radius: 10px;
}
#analysis .info_box_bg3 {
  padding: 12px 0;
  background-color: #b97e00;
  border-left: 4px solid #785200;
  border-right: 4px solid #785200;
  border-radius: 10px;
}

#analysis .info_div:nth-child(2n) ul li:after {
  color: #b30000;
}
#analysis .info_div:nth-child(3n) ul li:after {
  color: #b97e00;
}




#analysis .info_div ul li {
  text-align: var(--text-left);
 
  width: 32%;
  font-size: 15px;
  color: #58595b;
  padding-left: 20px;
  position: relative;
  padding-right: 20px;
  margin-bottom: 10px;
}

#analysis .modual_info ul li::before {
  content: '\f005';
  color: #33a4ff;
  font-size: 12px;
  position: absolute;
  left: -19px;
  top: 3px;
  display: none;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
#analysis .modual_info {

  background: transparent;
  border-radius: 10px;
  padding-bottom: 20px;
  text-align: var(--text-left);
}
#analysis .modual_heading {
 
  display: flex;
  margin: 15px;
  flex-wrap: wrap;
  border: none;
  background-color: var(--white-color);

}

#analysis .modual_heading p, #analysis .modual_heading h4 {
  margin: 0px;
  padding: 0;
  color: #333333;
  font-size: var(--font-size20);
  line-height: normal;
}
#analysis h4.modual_sub_heading {
  font-size: var(--primary-font-size);
  margin: 18px 30px;
}

#analysis .modual_info h6 {
  margin-left: 30px;
  margin-bottom: 0px;
}

#analysis .info_div:nth-child(1)>.modual_heading {
  background-color: #20384a;
}
#branch_section .branch_images h4 {

  margin-top: 0px !important;

}
.branch_info_container ul { padding: 0px;}

#branch_section .branch_info_container li, #branch_section .branch_info_container p {

  padding-left: 24px;
  padding-right: 20px;
}

.fa-rotate:before, .fa-sync-alt:before {
  content: "\f2f1";
  font-size: 12px;
}



@media (max-width: 1600px) {
  .flip-card-front table td, .flip-card-front table th {

  font-size: 13px;
}    
.flip-card-back table th, .flip-card-back table td {

  font-size: 13px;
}    
}

@media (max-width: 1300px) {
  .flip-card-front table td, .flip-card-front table th {

  font-size: 12px;
}    
.flip-card-back table th, .flip-card-back table td {

  font-size: 12px;
}    
}


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-color); /* Adjust as needed */
  display: flex;
  align-items: center;
  justify-content: center; 
  z-index: 9999;
}

#preloader img {
  width: 150px; /* Adjust the size */
}


/* FAQ */

#faq_page #v-pills-tabContent .card {
  margin-bottom: 20px;
  background-color: #f1f2f2;
  padding: 10px 0;
  width: 90%;
  float: right;
  position: inherit;
}
#faq_page #v-pills-tabContent .card-header {
  position: relative;
  top: 0;
  width: 100%;
  left: -40px;
  padding: 0;
}
#faq_page #v-pills-tabContent .card-header a {
  padding: 10px 10px 10px 40px;
  background-color: var(--primary-color);
  position: relative;
}
#faq_page #v-pills-tabContent .card-header a.collapsed:before {
  content: "\f067";
  font-size: 18px;
  display: inline-block;
  color: var(--white-color);
  position: absolute;
  left: 12px;
  top: 11px;
  font-family: FontAwesome;
}
#faq_page #v-pills-tabContent .card-header a:before {
  content: "\f068";
  font-size: 18px;
  display: inline-block;
  color: var(--white-color);
  position: absolute;
  left: 12px;
  top: 11px;
  font-family: FontAwesome;
}
#faq_page #v-pills-tabContent .card-header a.collapsed {
  background-color: #939598;
}
#faq_page #v-pills-tabContent .card-header h5,
#team_members .member_detail .mber_dtl_2 {
  margin: 0;
}
#faq_page #v-pills-tabContent .card-header h5 a {
  display: block;
  text-align: var(--text-left);
  font-size: 16px;
  color: var(--white-color);
  text-decoration: none !important;
}
#faq_page #v-pills-tabContent .card-body li {
  text-align: var(--text-left);
  margin-top: 5px;
  position: relative;
  padding-left: 15px;
}
#faq_page #v-pills-tabContent .card-body li:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border: 1px solid #161616;
  border-radius: 50%;
  left: 0;
  top: 6px;
  background: 0 0;
}
#faq_page #v-pills-tabContent .card-body ul li:before {
  background: #161616;
}
#faq_page #v-pills-tabContent .card-body ol,
#faq_page #v-pills-tabContent .card-body ul {
  margin-bottom: 0;
}
#faq_page #v-pills-tabContent .card-block {
  padding: 0 10px;
}
#faq_page #v-pills-tabContent .card-block p {
  color: #5b5b5b;
  font-size: 14px;
  text-align: var(--text-left);
  margin-top: 10px;
}
#faq_page .thead-dark th {
  background: #666;
  color: var(--white-color);
}

#faq_page .table-bordered,
#faq_page .table-bordered td,
#faq_page .table-bordered th,
input:focus {
    border: 1px solid #999;
}
#faq_page #carrer_coursdur{
    padding: 0;
}
#faq_page #v-pills-tabContent .card-body{
    text-align: var(--text-left);
}
#faq_page #v-pills-tabContent .card_position{ position: relative;}
#faq_page #v-pills-tabContent .card-body ul li:first-child{ margin-top: 10px;}
#faq_page #carrer_coursdur .position_div .inner_maindiv{ margin-top: 0px; top: -32px;}

#faq_page #carrer_coursdur .inner_div {
    padding: 10px 0;
    background-color: var(--white-color);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 1px 0 rgba(173, 173, 173, 0);
    -moz-box-shadow: 0 2px 1px 0 rgba(173, 173, 173, 0);
    box-shadow: 0 2px 1px 0 rgba(173, 173, 173, 0);
    margin-top: 0;
}
#faq_page #v-pills-tabContent .card-body li:first-child{ margin-top: 0px;}
#faq_page #v-pills-tabContent .card,
#faq_page #v-pills-tabContent .card-header{ border:none;}

#faq_sec .nav-pills .nav-link.active,
#faq_sec .show > .nav-pills .nav-link {
    background-color: var(--primary-color);
}



#faq_sec .nav-pills .nav-link {
  font-size: var(--primary-font-size);
  color: var(--white-color);
  text-align: var(--text-left);
  display: block;
  background-color: #707070;
  margin-bottom: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* branch section */

#branch_section {
  padding: 15px !important;
  margin-bottom: 15px;
  border: 1px solid #ccc8 !important;
  text-align: var(--text-left);
  min-height: 574px;
}
#branch_section:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#branch_section .branch_info_container {
  text-align: var(--text-left);
}
#branch_section .branch_info_container h2 {
  font-size: 22px;
  margin-bottom: 25px;
}
#branch_section .branch_info_container h2 i {
  color: #02abe3;
  font-size: 36px;
}
#branch_section .branch_info_container p,
#branch_section .branch_info_container ul {
  margin-bottom: 8px;
}
#branch_section .branch_info_container li,
#branch_section .branch_info_container p {
  font-size: 14px;
  position: relative;
  padding-left: 30px;
}
#branch_section .branch_info_container li i,
#branch_section .branch_info_container p i {
  position: absolute;
  left: 0;
  top: 3px;
}
#branch_section .get_direction {
  color: #000;
  font-size: 22px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 20px; display: inline-block;
}
#branch_section .get_direction img {
  width: 22px;
  vertical-align: -2px;
}
#branch_section .branch_images {
  position: relative;
  padding-top: 0 !important;
}
#branch_section .branch_images h4 {
  font-size: 16px;
  color: #3b3b3b;
  margin-bottom: 15px;
  text-align: var(--text-left);
}
#branch_section .branch_images .owl-theme .owl-nav {
  position: absolute;
  right: 0;
  top: -64px;
}
#branch_section .branch_images .owl-theme .owl-nav .owl-next,
#branch_section .branch_images .owl-theme .owl-nav .owl-prev {
  background-color: transparent;
  font-size: 0;
}
#branch_section .branch_images .owl-theme .owl-nav .owl-prev:before {
  content: "\f053";
  display: block;
  color: #636363;
  font-weight: 900;
  font-family: "Font Awesome 5 free";
  font-size: 24px;
}
#branch_section .branch_images .owl-theme .owl-nav .owl-next:before {
  content: "\f054";
  display: block;
  color: #636363;
  font-weight: 900;
  font-family: "Font Awesome 5 free";
  font-size: 24px;
}
#branch_section .branch_images .owl-theme .owl-nav button {
  font-size: 42px;
}
#branch_section .branch_images .owl-theme .owl-nav button:focus,
#branch_section .branch_images .owl-theme .owl-nav button:hover {
  background: inherit;
  color: inherit;
  text-decoration: none;
  outline: 0;
}


@media(max-width:991px){
  
  #branch_section .get_direction {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #branch_section .get_direction img {
    width: 18px;
  }
  #branch_section .branch_info_container li,
  #branch_section .branch_info_container p {
    font-size: 12px;
    padding-left: 17px;
  }
  #branch_section .branch_info_container h2 {
    margin-bottom: 10px;
  }
  #branch_section .branch_info_container h2 {
    font-size: 18px;
  }
  #branch_section .branch_info_container h2 i {
    font-size: 28px;
  }
  #contact_upage iframe {
    height: 225px;
  }
  #branch_section .branch_images h4 {
    font-size: 14px;
  }
  #branch_section .branch_images .owl-theme .owl-nav .owl-next:before,
  #branch_section .branch_images .owl-theme .owl-nav .owl-prev:before {
    font-size: 18px;
  }
  #branch_section .branch_images .owl-theme .owl-nav {
    right: -12px;
    top: -58px;
  }
}

@media(max-width:767px){
  
  #branch_section .branch_images {
    padding-top: 40px;
  }
  .owl-carousel .owl-item img {
    width: 100%;
  }
  #branch_section .branch_info_container li,
  #branch_section .branch_info_container p {
    font-size: 14px;
    padding-left: 20px;
  }
  #branch_section .branch_info_container li i,
  #branch_section .branch_info_container p i {
    top: 7px;
  }
  #branch_section .branch_info_container ul {
    display: inherit !important;
  }
  #branch_section {
    padding: 20px 0;
  }
}

@media(max-width:640px){
  
  #branch_section .branch_images {
    padding: 0;
  }
  #branch_section .branch_images {
    font-size: 13px;
  }
  .addressPart{
      font-size: 0.5rem;
      justify-content: flex-start!important;
  }
  .mobileView{
      display: none;
  }
  .top-header{
      padding: 0.5rem 1rem!important;
  }
}

@media(max-width:480px){
  
  #branch_section {
    padding: 0;
    padding-bottom: 35px;
    margin-bottom: 35px;
  }
  .addressPart{
      font-size: 0.5rem;
      justify-content: flex-start!important;
  }
  .mobileView, .inner_slider_mobile{
      display: none;
  }
}


/* placements */

#placement_container .top_banner {
  background: var(--primary-color);
  padding: 50px;
}
#placement_container .top_banner h1 {
  color: var(--white-color);
  text-transform: uppercase;
  font-weight: 700;
  text-align: var(--text-left);
  margin: 0;
}
#placement_container .top_banner p {
  font-size: 22px;
  color: var(--white-color);
  display: flex;
  font-weight: 400;
  text-align: var(--text-justify);
  margin: 10px 0;
}
#placement_container .top_banner .student_video {
  position: relative;
  height: 220px;
}
#placement_container .top_banner .student_video .video_container {
  position: absolute;
  bottom: -80px;
  box-shadow: 10px 10px 0 0 #0291c0, 5px 7px 10px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
#placement_container .top_banner .student_video .video_container img {
  border-radius: 5px;
}
#placement_container .top_banner .student_video .play_video {
  width: 60px;
  height: 60px;
  background: #ea7327;
  z-index: 9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
  left: -30px;
  top: 60%;
  animation: shadow-pulse 1s infinite;
}
#placement_container .top_banner .student_video .play_video:after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  border: 5px #ea732780 solid;
  border-radius: 50%;
}
#placement_container .top_banner p i {
  font-size: 40px;
}
#placement_container .top_banner p span {
  width: 70%;
  display: block;
  text-align: var(--text-justify);
  font-style: italic;
  margin-left: 20px;
  font-weight: 400;
  font-size: 16px;
  color: var(--white-color) !important;
}
#placement_container .top_banner .student_name {
  text-align: var(--text-left);
  font-size: 16px;
  color: var(--white-color);
}
#placement_container .top_banner .modal-content {
  position: relative;
}
#placement_container .top_banner .modal-content .close {
  position: absolute;
  right: -15px;
  top: -15px;
  color: var(--white-color);
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 9;
  opacity: 1;
}
.recents_placements {
  background: url(../images/placement_background_img_02.html) no-repeat center
    top;
  background-size: contain;
  padding: 70px 0;
  text-align: var(--text-center);
}
#placement_container .load_more {
  background: #19a6db;
  color: var(--white-color);
  width: 160px;
  padding: 10px 0;
  margin: auto;
  border-radius: 5px;
}

.recents_placements ul {
  margin-left: -5px;
  margin-right: -5px;
}
.recents_placements ul li {
  width: 190px;
  padding: 0 5px 15px 5px;
}
.recents_placements ul li img {
  border-radius: 5px;
}
.recents_placements .student_info h5 {
  font-size: 14px;
  color: #0291c0;
  font-weight: 700;
  margin: 5px 0;
}
.recents_placements .student_info p {
  font-size: 12px;
}

/*  */

.student_speak {
  text-align: var(--text-center);
  padding-bottom: 70px;
}
.student_speak .speak_video {
  margin-bottom: 25px;
}
.student_speak .speak_video img {
  border-radius: 5px;
}
.student_speak .speak_video .student_info {
  position: relative;
  padding-top: 30px;
}
.student_speak .speak_video .student_info p {
  margin: 0 0 5px 0;
  font-size: 16px;
  font-weight: 400;
}
.student_speak .speak_video .student_info h5 {
  font-size: 20px;
  margin: 0 0 5px 0;
  font-weight: 400;
}
.student_speak .speak_video .student_info a {
  width: 40px;
  height: 40px;
  background: #19a6db;
  z-index: 9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
  animation: shadow-pulse 1s infinite;
}
.student_speak .speak_video .student_info a:after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  border: 3px #19a6db80 solid;
  border-radius: 50%;
}
.package_15_lac {
  padding-bottom: 70px;
  text-align: var(--text-center);
}
.package_15_lac .package15lacplus {
  text-align: var(--text-center);
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  height: 100%;
}
.package_15_lac .package15lacplus img {
  border-radius: 5px;
}
.package_15_lac .package15lacplus .package15lacplusdtl {
  padding: 10px 0;
  position: relative;
}
.package_15_lac .package15lacplus .package15lacplusdtl h5 {
  font-size: 20px;
  margin: 0 0 5px 0;
  font-weight: 400;
}
.package_15_lac .package15lacplus .package15lacplusdtl .part1 {
  border-bottom: 1px solid #ccc;
}
.package_15_lac .package15lacplus .package15lacplusdtl a {
  width: 40px;
  height: 40px;
  background: #19a6db;
  z-index: 9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
  animation: shadow-pulse 1s infinite;
}
.package_15_lac .package15lacplus .package15lacplusdtl a:after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  border: 3px #19a6db80 solid;
  border-radius: 50%;
}
.package_15_lac .package15lacplus .package15lacplusdtl .part2 {
  padding: 10px;
}
.package_15_lac .package15lacplus .package15lacplusdtl .part2 img {
  width: 100px;
}
.package_15_lac .package15lacplus .package15lacplusdtl .part2 p {
  text-align: var(--text-justify);
  text-align-last: center;
}
.working_abroad {
  padding-bottom: 70px;
  text-align: var(--text-center);
}
.working_abroad .abroad_student_list {
  padding: 10px;
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.1);
}
.working_abroad .abroad_student_list .img_part {
  float: left;
  width: 35%;
}
.working_abroad .abroad_student_list .content_part {
  float: right;
  width: 65%;
  text-align: var(--text-left);
  padding: 15px;
  box-sizing: border-box;
}
.working_abroad .abroad_container {
  padding-bottom: 50px;
}
.working_abroad .abroad_student_list .content_part h2 {
  font-size: 26px;
  font-weight: 400;
}
.working_abroad .abroad_student_list .content_part h3 {
  font-size: 18px;
  color: #19a6db;
}
.working_abroad .abroad_student_list .content_part p {
  font-size: 16px;
}
.working_abroad .abroad_student_list:nth-child(even) .img_part {
  float: right;
}
.working_abroad .abroad_student_list:nth-child(even) .content_part {
  float: left;
  text-align: var(--text-right);
}

.job_guarantee {
  padding-bottom: 70px;
}
.job_guarantee .guarantee_box {
  background: #f6fcff;
  padding: 30px 15px 30px 140px;
  border-right: 5px solid var(--third-color);
  border-radius: 15px;
  margin-left: 50px;
  position: relative;
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.1);
  text-align: var(--text-left);
}
.job_guarantee .guarantee_box .guarantee_img {
  position: absolute;
  left: 15px;
  top: 20%;
  background: var(--primary-color);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 15px;
}
.job_guarantee .guarantee_box h4 {
  font-size: 20px;
  margin: 0 0 20px 0;
  font-weight: 400;
}
.job_guarantee .guarantee_box p {
  margin: 0 0 10px 0;
  font-size: 16px;
  width: 80%;
}
.job_guarantee .guarantee_box a {
  color: #55bdf5;
  display: block;
  text-align: var(--text-left);
}
#contacttop_placement {
  display: none !important;
}
.play_video_btn {
  display: none !important;
}
.headingFirst {
  position: relative;
  z-index: 9;
  font-size: 30px;
  font-weight: 400;
}
.section_heading {
  margin-bottom: 50px;
  text-align: var(--text-center);
}

@media (max-width: 1080px) {
  #placement_container .top_banner .student_video .video_container {
    position: static;
  }
  #placement_container .top_banner .student_video .play_video {
    top: 35%;
  }
  .section_heading h1 {
    font-size: 32px;
  }
  #placement_container .top_banner .student_video {
    display: var(--d-flex);
    align-items: center;
  }

  #placement_container .top_banner p {
    font-size: 19px;
    font-weight: 400;
    text-align: var(--text-left);
  }
  #placement_container .top_banner p span {
    font-size: 14px;
    width: 85%;
    margin-left: 10px;
  }
}


@media (max-width: 991px) {
  #placement_container .top_banner h1 {
    font-size: 22px;
  }
  #placement_container .top_banner p i {
    font-size: 26px;
  }
  #placement_container .top_banner .student_video .play_video {
    width: 45px;
    height: 45px;
    left: 23px;
    left: -23px;
    top: 40%;
  }
  
  #placement_container .top_banner .student_video {
    height: auto;
  }
  #placement_container .top_banner h1 {
    text-align: var(--text-center);
  }
  #placement_container .top_banner p {
    text-align: var(--text-center);
    display: block;
  }
  #placement_container .top_banner p span {
    width: 100%;
    text-align: var(--text-center);
  }
  #placement_container .top_banner .student_name {
    text-align: var(--text-center);
    margin-bottom: 20px;
  }
  #placement_container .top_banner .student_video {
    width: 70%;
    margin: auto;
  }
}


@media (max-width: 767px) {
  #placement_container .top_banner h1,
  #placement_container .top_banner p {
    text-align: var(--text-center);
    display: inherit;
  }
  #placement_container .top_banner p span {
    width: 100%;
    font-style: normal;
    margin-left: 0;
  }
  #placement_container .top_banner .student_video {
    height: auto;
  }
  #placement_container .top_banner .student_video .video_container {
    width: 70%;
    margin: auto;
    margin-top: 15px;
  }
  #placement_container .top_banner .student_video .play_video {
    left: 0;
    right: 0;
    margin: auto;
  }
  #placement_container .top_banner {
    padding: 30px 0;
  }
  
  #placement_container .top_banner .student_video {
    width: 100%;
  }
  #placement_container .top_banner .student_video .video_container {
    width: 80%;
  }
}


@media (max-width: 640px) {
  #placement_container .top_banner h1 {
    font-size: 18px;
  }
  #placement_container .top_banner p {
    font-size: 14px;
  }
  #placement_container .top_banner p span {
    text-align: var(--text-center);
    font-size: 12px;
  }
  
  #placement_container .top_banner p span {
    width: 90%;
    margin: auto;
  }
  #placement_container .top_banner .student_video .video_container {
    width: 90%;
  }
}

@media(max-width:480px){
  #placement_container .top_banner p {
    margin: 5px;
    line-height: 21px;
  }
}

/* dinesh ji */
.course_info .sec_box {
  margin-top: 40px;
}
.sec_box .sec_info {
  background: var(--primary-color);
  color: var(--white-color);
  padding: 15px 20px;
  height: 100%;
}

.sec_box .sec_info p
{color: var(--white-color);
  margin: 0px;}


  /* gallerySec */
  #modual_sec .modual_div ul li {
    text-transform: var(--text-capitalize);
}
#modual_sec .modual_div .module_bg p {
  color: var(--white-color)!important;
}
#modual_sec .modual_div.sq_nwdiv ul li {
  width: 100%;
  float: none;
}
#modual_sec .modual_div ul li:after {
  content: '\f005';
  font-weight: var(--fw-bolder);
  font-family: "Font Awesome 5 Free"}
  #modual_sec>div>div {
    text-align: var(--text-justify);
}
#modual_sec .modual_div p {
  margin-top: 10px;
  color: var(--black-color) !important;
}
#modual_sec .modual_div ul li a {
  text-align: var(--text-left);
  font-size: 15px;
  color: #58595b;
  padding-left: 20px;
  position: relative;
  padding-right: 20px;
}
#modual_sec .modual_div.mba_div h4 {
  font-size: 24px;
}
#modual_sec .modual_div p {
  font-size: var(--primary-font-size) !important;
  font-weight: var(--fw-normal) !important;
}
#modual_sec{ overflow: hidden;}
#modual_sec .student_workdiv ul{ padding-left: 0px; display: var(--d-flex); row-gap: 30px; margin: 0px -15px; flex-wrap: wrap; display: flex;}
#modual_sec .student_workdiv ul li{ width: 25%; padding: 0px 15px;} 
#modual_sec .student_workdiv ul li>div{    padding: 4px;
  border: 1px solid #a0a29e;}
  .student_workdiv ul li img{ width: auto; height: auto;}
  #modual_sec .nextImage, #modual_sec .previousImage{ color: var(--black-color) !important; line-height: inherit !important; display: var(--d-flex)
    ;
        align-items: var(--text-center);
        justify-content: var(--text-center);}
  .activePopUpImg{ width: 500px !important; height: 500px !important; display: var(--d-block); margin: auto;}
  #modual_sec .container_img{ max-width: 500px !important; max-height: 500px !important;}
  #modual_sec .con-ac-ar{ width: 500px !important; height: 500px !important;}

@media(max-width:992px) {
  #modual_sec .modual_div {
  padding: 10px 0!important;
}
#modual_sec .modual_div ul li {
  width: 50%}
}

@media(max-width:767px){
  #modual_sec p {
    text-align: var(--text-justify);
}
}

@media(max-width:579px){
  #modual_sec .modual_div {
    padding: 10px 0!important;
}
}

@media(max-width:400px){
  #modual_sec .modual_div ul li {
    text-transform: var(--text-capitalize);
}
#modual_sec .modual_div .module_bg p {
  color: var(--white-color)!important;
}
#modual_sec .modual_div.sq_nwdiv ul li {
  width: 100%;
  float: none;
}
#modual_sec .modual_div ul li:after {
  content: '\f005';
  font-weight: var(--fw-bolder);
  font-family: "Font Awesome 5 Free"}
  #modual_sec>div>div {
    text-align: var(--text-justify);
}
} 


/* Gallery CSS Started*/
*{margin:0;box-sizing:border-box}.thumb_gallery{width:200px;height:150px;cursor:pointer}.thumb_gallery:hover{opacity:.8}#background_overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:999;overflow:auto}.container_img{position:relative;max-width:1000px;max-height:600px;margin:2% auto;animation-name:zoom_image;animation-duration:.4s}.con-ac-ar{width:1000px;height:600px;position:relative}.closebtn{text-align:right;font-size:2.5em;color:#fff;cursor:pointer}.activePopUpImg{width:1000px;height:600px;padding:5px;background-color:#fff;border-radius:5px}.nextImage,.previousImage{color:#fff;font-size:2.5em;cursor:pointer;opacity:0;width:80px;text-align:center}.previousImage{position:absolute;line-height:600px;top:0;left:0;bottom:0}.nextImage{position:absolute;line-height:600px;top:0;right:0;bottom:0}.previousImage:hover{opacity:1;transition:.4s}.nextImage:hover{opacity:1;transition:.4s}@keyframes zoom_image{from{transform:scale(.5)}to{transform:scale(1)}}@media screen and (min-width:650px) and (max-width:1100px){.container_img{width:100%;height:500px}.con-ac-ar{width:100%;height:500px}.activePopUpImg{width:100%;height:500px}.nextImage,.previousImage{line-height:500px}}@media screen and (min-width:351px) and (max-width:649px){.container_img{width:100%;height:400px}.con-ac-ar{width:100%;height:400px}.activePopUpImg{width:100%;height:400px}.nextImage,.previousImage{line-height:400px}}@media screen and (max-width:350px){.container_img{width:100%;height:300px}.con-ac-ar{width:100%;height:300px}.activePopUpImg{width:100%;height:300px}.nextImage,.previousImage{line-height:300px}}

/* Gallery CSS Closed */


#scrollTopBtn {
  display: inline-block;
  background-color: var(--primary-color);
  width: 50px;
  height: 50px;
  text-align: var(--text-center);
  border-radius: 4px;
  position: fixed;
  bottom: 60px;
  right: 0px;
  transition: background-color .3s,
      opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#scrollTopBtn::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: var(--fw-normal);
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: var(--white-color);
}

#scrollTopBtn:hover {
  cursor: pointer;
  background-color: #333;
}

#scrollTopBtn:active {
  background-color: var(--primary-color);
}

#scrollTopBtn.show {
  opacity: 1;
  visibility: visible;
}



.form-horizontal label {
  padding-top: 10px !important;
  margin-bottom: 5px;
  font-size: 12px;}


  /*  */

  li{ list-style: none;} 

  .recents_placements ul {
    padding-left: 0px;
}
#contact_upage #carrer_coursdur {
  display: none;
}

p[data-f-id="pbf"] { display: none;}

#contact_upage {
  padding: 70px 0px;
}
#contact_upage hgroup.mt-5 {
  margin-top: 0px !important;
}

.empRegistration textarea.form-control {
  height: 70% !important;
}
.empRegistration .col-md-12 input.submitButton {
  margin-top: -10px;
}

#cookie-consent-banner {
  background-color: rgba(0, 6, 18, 0.9);
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 22px 0px;
  z-index: 9999999999;
}
.cookie_content{
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
;
}
.cookie_content p { margin-bottom: 0px;}
button#accept-cookies {
  background: #ccc;
}
button#decline-cookies {
  background: #018bba;
  color: #fff;
}
#accept-cookies:hover {
  background: #ffffff;
  color: #000;
}

.error-message {
    color: #dc3545;
    font-size: 0.875em;
    display: none;
    margin-top: -8px;
    margin-bottom: 10px;
}

.input-error {
    border: 1px solid #dc3545 !important;
}
.top-header {
    background-color: var(--primary-color);
    color: white;
    padding: 0 1rem;
}
.addressPart{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.floating-call,
.floating-whatsapp {
    position: fixed;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background-color: #25d366; /* WhatsApp green */
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    z-index: 999;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transition: transform 0.3s ease;
}

.floating-call {
    left: 20px;
    background-color: #28a745; /* Call button color */
}

.floating-whatsapp {
    right: 20px;
    background-color: #25d366;
}

.floating-call:hover,
.floating-whatsapp:hover {
    transform: scale(1.1);
    text-decoration: none;
}


/* #top_banner img:nth-child(2) { display: none;} */