*{ 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: 8px 32px 8px; font-weight: var(--fw-bold); font-size: var(--font-size18);}

/*  */
.navbar-toggler:focus {

  box-shadow: none;
}

.enquiry-form .r-submit {
  background: var(--third-color);
  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: 90px;
}
 
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);
  }
}



/*new css start*/



.testimonial-one__thumb img{
  
border-radius: 50% !important;
height: 420px !important;
}
.copyright_dv{
    padding:15px 0 !important;
}

.copyright_dv .foot_info{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    margin: 0 126px;
}

.copyright_dv .foot_info p{
    margin:0 !important;
    color:#fff !important;
}

.copyright_dv .foot_bx{
    margin:0 !important;
}

.copyright_dv .social_ul{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
}

.copyright_dv .social_ul li{
    margin:0 !important;
}

.copyright_dv .social_ul li a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
footer .container{
    /*max-width:1100px !important;*/
    margin:0 auto !important;
}

footer .row{
    justify-content:space-between !important;
}
footer .row{
    display: flex !important;
    align-items: flex-start !important;
}

footer .col-md-4{
    display: flex !important;
    justify-content: center !important;
}

footer .foot_bx{
    width: fit-content !important;
    margin: 0 auto !important;
}
.header_wrapp99{
padding:0 75px;    
}

/* ===========================
   FOOTER RESPONSIVE FIX
=========================== */

@media (max-width: 991.98px){

    footer .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    footer .row{
        display: block !important;
        margin: 0 !important;
    }

    footer .col-md-4{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 0 30px 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    footer .foot_bx{
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    footer .foot_bx h5{
        text-align: left !important;
        margin-bottom: 15px !important;
    }

    footer .foot_bx ul{
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    footer .foot_bx ul li{
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
        text-align: left !important;
    }

    footer .foot_bx ul li a{
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: left !important;
    }

}
/*==================================================
            PREMIUM BLOG SECTION
==================================================*/

.vg-blog-section{
    position:relative;
    padding:100px 0;
    background:linear-gradient(180deg,#f6f9ff 0%,#ffffff 100%);
    overflow:hidden;
    padding: 50px 0;
    /*padding-bottom:0 !important;*/
}

.vg-blog-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(255,136,0,.08);
    top:-180px;
    right:-160px;
    filter:blur(10px);
}

.vg-blog-section::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    /*background:rgba(20,72,165,.06);*/
    bottom:-150px;
    left:-130px;
}

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

.vg-subtitle{

display:inline-flex;
align-items:center;
gap:10px;
padding:10px 24px;
background:#fff;
border-radius:50px;
font-weight:700;
font-size:14px;
color:#ff8400;
box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.vg-title{

font-size:48px;
font-weight:800;
line-height:1.2;
color:#143d7c;
margin:18px 0;

}

.vg-title span{

background:linear-gradient(135deg,#ff8400,#ff5b00);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

.vg-desc{

font-size:17px;
line-height:30px;
color:#667085;
max-width:700px;

}

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

.vg-view-btn{

display:inline-flex;
align-items:center;
gap:12px;
padding:16px 34px;
border-radius:60px;
background:linear-gradient(135deg,#143d7c,#285dc8);
color:#fff !important;
font-weight:700;
text-decoration:none;
transition:.4s;
box-shadow:0 15px 40px rgba(20,61,124,.25);
position: relative;
z-index: 9999;

}

.vg-view-btn:hover{

transform:translateY(-5px);
background:linear-gradient(135deg,#ff8400,#ff5b00);
color:#fff;

}

/*==================================================
                SLIDER
==================================================*/

.vg-blog-slider{

overflow:hidden;
width:100%;
/*padding:20px 0;*/
/*padding-bottom: 70px !important;*/

}

.vg-blog-track{

display:flex;
gap:32px;
width:max-content;
/*animation:blogScroll 42s linear infinite;*/

}

.vg-blog-slider:hover .vg-blog-track{

animation-play-state:paused;

}

@keyframes blogScroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}

/*==================================================
                CARD
==================================================*/

.vg-blog-card{

position:relative;

width:390px;

flex-shrink:0;

background:#fff;

border-radius:28px;

overflow:hidden;

box-shadow:0 20px 50px rgba(0,0,0,.08);

transition:.45s;

}

.vg-blog-card:hover{

transform:translateY(-12px);

box-shadow:
0 35px 80px rgba(20,61,124,.18),
0 20px 50px rgba(255,136,0,.18);

}

/* Animated Border */

.vg-blog-card::after{

content:"";

position:absolute;

inset:0;

padding:2px;

border-radius:28px;

background:linear-gradient(135deg,#ff8400,#143d7c,#ff8400);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;
mask-composite:exclude;

opacity:0;

transition:.45s;

}

.vg-blog-card:hover::after{

opacity:1;

}

/*==================================================
                IMAGE
==================================================*/

.vg-blog-image{

height:260px;

overflow:hidden;

position:relative;

}

.vg-blog-image img{

width:100%;
height:100%;
object-fit:cover;
transition:.8s;

}

.vg-blog-card:hover img{

transform:scale(1.12);

}

.vg-overlay{

position:absolute;

inset:0;

background:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%);

}

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

.vg-category{

position:absolute;

top:20px;

left:20px;

padding:10px 20px;

background:linear-gradient(135deg,#ff8400,#ff5b00);

color:#fff;

font-size:13px;

font-weight:700;

border-radius:50px;

z-index:5;

box-shadow:0 10px 30px rgba(255,136,0,.35);

animation:badgeFloat 3s infinite;

}

@keyframes badgeFloat{

50%{

transform:translateY(-5px);

}

}

/*==================================================
                CONTENT
==================================================*/

.vg-blog-body{

padding:28px;

}

.vg-meta{

margin-bottom:15px;

}

.vg-meta span{

display:inline-flex;

align-items:center;

gap:8px;

padding:8px 18px;

background:#f6f9ff;

border-radius:50px;

font-size:13px;

font-weight:700;

color:#143d7c;

}

.vg-meta i{

color:#ff8400;

}

.vg-blog-body h3{

font-size:18px;

line-height:34px;

margin-bottom:15px;

}

.vg-blog-body h3 a{

color:#143d7c;

text-decoration:none;

transition:.35s;

font-weight:800;

}

.vg-blog-body h3 a:hover{

color:#ff8400;

}

.vg-blog-body p{

font-size:15px;

line-height:28px;

color:#6d7683;

margin-bottom:28px;

}

/*==================================================
            READ MORE BUTTON
==================================================*/

.vg-readmore{

display:inline-flex;

align-items:center;

gap:15px;

text-decoration:none;

font-weight:700;

color:#143d7c;

transition:.35s;

}

.vg-readmore span{

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

background:#143d7c;

color:#fff;

border-radius:50%;

transition:.35s;

}

.vg-readmore:hover{

color:#ff8400;

}

.vg-readmore:hover span{

background:#ff8400;

transform:translateX(6px);

}

/*==================================================
            RESPONSIVE
==================================================*/

@media(max-width:991px){

.vg-title{

font-size:36px;

}

.vg-blog-card{

width:330px;

}

}

@media(max-width:767px){

.vg-blog-section{

padding:70px 0;

}

.vg-title{

font-size:30px;

}

.vg-blog-card{

width:290px;

}

.vg-blog-image{

height:210px;

}

}

/*==========================================
        PREMIUM SHINE EFFECT
==========================================*/

.vg-blog-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );
    transform:skewX(-25deg);
    transition:1.1s;
    z-index:10;
}

.vg-blog-card:hover::before{
    left:150%;
}

/*==========================================
        IMAGE ZOOM
==========================================*/

.vg-blog-card:hover .vg-blog-image img{
    transform:scale(1.15) rotate(2deg);
}

/*==========================================
        FLOAT ANIMATION
==========================================*/

.vg-blog-card{
    animation:cardFloat 6s ease-in-out infinite;
}

.vg-blog-card:nth-child(2){
    animation-delay:.5s;
}

.vg-blog-card:nth-child(3){
    animation-delay:1s;
}

.vg-blog-card:nth-child(4){
    animation-delay:1.5s;
}

.vg-blog-card:nth-child(5){
    animation-delay:2s;
}

@keyframes cardFloat{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-8px);
}

100%{
transform:translateY(0px);
}

}

/*==========================================
        PREMIUM SHADOW
==========================================*/

.vg-blog-card:hover{

box-shadow:
0 35px 90px rgba(0,0,0,.18),
0 15px 45px rgba(20,61,124,.18),
0 10px 30px rgba(255,136,0,.20);

}

/*==========================================
        IMAGE OVERLAY
==========================================*/

.vg-overlay{

transition:.5s;

}

.vg-blog-card:hover .vg-overlay{

background:linear-gradient(
to top,
rgba(20,61,124,.65),
rgba(0,0,0,.18),
transparent
);

}

/*==========================================
        CATEGORY
==========================================*/

.vg-category{

transition:.4s;

}

.vg-blog-card:hover .vg-category{

transform:translateY(-4px) scale(1.05);

box-shadow:
0 15px 35px rgba(255,136,0,.45);

}

/*==========================================
        TITLE
==========================================*/

.vg-blog-body h3{

transition:.35s;

}

.vg-blog-card:hover h3{

transform:translateY(-4px);

}

/*==========================================
        READ BUTTON
==========================================*/

.vg-readmore{

position:relative;

/*overflow:hidden;*/
z-index:99999;

}

.vg-readmore::before{

content:"";

position:absolute;

left:-100%;

top:0;

width:100%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.4),
transparent
);

transition:.8s;

}

.vg-readmore:hover::before{

left:100%;

}

/*==========================================
        BUTTON ICON
==========================================*/

.vg-readmore span{

transition:.35s;

}

.vg-blog-card:hover .vg-readmore span{

transform:translateX(8px) rotate(-45deg);

}

/*==========================================
        META
==========================================*/

.vg-meta span{

transition:.35s;

}

.vg-blog-card:hover .vg-meta span{

background:#143d7c;

color:#fff;

}

.vg-blog-card:hover .vg-meta i{

color:#ffb347;

}

/*==========================================
        CARD BODY
==========================================*/

.vg-blog-body{

transition:.35s;

}

.vg-blog-card:hover .vg-blog-body{

background:#fff;

}

/*==========================================
        SCROLLBAR
==========================================*/

.vg-blog-slider{

scrollbar-width:none;

}

.vg-blog-slider::-webkit-scrollbar{

display:none;

}

/*==============================
      PREMIUM LOGO
==============================*/

.testimonial-logo-wrap{
    position: absolute;
    top: -16px;
    left: 35px;
    z-index: 100;
}

.testimonial-logo{
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow:
        0 10px 25px rgba(0,0,0,.12),
        0 0 0 2px rgba(255,122,0,.08);

    transition: all .35s ease;
}

.testimonial-logo:hover{
    transform: translateY(-4px) scale(1.03);
    box-shadow:
        0 18px 35px rgba(0,0,0,.18),
        0 0 0 3px rgba(255,122,0,.15);
}

.testimonial-logo img{
    width: 72%;
    height: auto;
    object-fit: contain;
    position: relative;
    z-index: 2;
}

/* Orange Ring */

.testimonial-logo::before{
    content: "";
    position: absolute;
    inset: -6px;
    border: 3px solid #ff7a00;
    border-radius: 50%;
}

/* Blue Dot */

.testimonial-logo::after{
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #2348b8;
    border: 3px solid #fff;
    border-radius: 50%;
    top: 8px;
    right: 10px;
}

/* Responsive */

@media (max-width:768px){


#testimonial_sec .testimonial_bxmn{
margin-right:0 !important; 
margin-bottom:50px !important;
}
.vg-video-section{
     padding-bottom: 50px !important;   
}
.vgs-image-area{
    min-height: auto !important;    
}
.header_wrapp99{
padding:0 20px !important;    
}
.vg-hero-section{
padding-bottom: 50px !important;    
}
.vg-hero-title{
     font-size: 30px !important;   
}

.vgs-premium-section{
background-size:cover !important;    
}


/*footer*/


 .copyright_dv .foot_info{
        flex-direction:column !important;
        text-align:center !important;
        gap:15px !important;
        margin:0;
    }

    .copyright_dv .social_ul{
        justify-content:center !important;
    }
}
    .testimonial-logo-wrap{
        top: -22px;
        left: 20px;
    }

    .testimonial-logo{
        width: 95px;
        height: 95px;
    }

    .testimonial-logo::before{
        inset: -5px;
    }

    .testimonial-logo::after{
        width: 11px;
        height: 11px;
        top: 7px;
        right: 8px;
    }

}

.sch_btnwrapper{
display:flex; 
/*justify-content:space-evenly;*/
}

/*==================================================
        VGLOBAL PREMIUM SCHOLARSHIP SECTION
==================================================*/

.vgs-premium-section{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background: url(../../images/imgg2.png);
    /*background-size:contain;*/
    background-repeat:no-repeat;
    z-index:1;
    padding-top: 40px;
    background-position: left;
    padding-bottom:30px;
}

.vgs-premium-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(1px);
}

.vgs-premium-section .container{
    position:relative;
    z-index:5;
}
/*==================================================
LEFT IMAGE AREA
==================================================*/

.vgs-image-area{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:560px;
    z-index:2;
}

/*==================================================
MAIN PREMIUM CIRCLE
==================================================*/

.vgs-main-circle{

    position:relative;

    width:430px;
    height:430px;

    border-radius:50%;

    overflow:hidden;

    display:flex;
    justify-content:center;
    align-items:flex-end;

    background:
    radial-gradient(circle at 30% 20%,
    #ffffff 0%,
    #fcfcfc 45%,
    #f7f7f7 100%);

    border:12px solid rgba(255,255,255,.85);

    box-shadow:
    0 35px 80px rgba(0,0,0,.14),
    inset 0 10px 25px rgba(255,255,255,.9),
    inset 0 -8px 20px rgba(0,0,0,.03);

}

/* Rotating Outer Ring */

.vgs-main-circle::before{

    content:"";

    position:absolute;

    top:-18px;
    left:-18px;

    width:466px;
    height:466px;

    border-radius:50%;

    border:3px dashed rgba(255,170,0,.45);

    animation:vgsRotateRing 18s linear infinite;

}

/* Soft Glow */

.vgs-main-circle::after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    border-radius:50%;

    left:50%;
    bottom:20px;

    transform:translateX(-50%);

    background:radial-gradient(circle,
    rgba(255,183,70,.45) 0%,
    rgba(255,183,70,.18) 45%,
    transparent 75%);

}

/*==================================================
SECOND RING
==================================================*/

.vgs-ring{

    position:absolute;

    width:390px;
    height:390px;

    border-radius:50%;

    border:1px solid rgba(255,180,0,.30);

    animation:vgsRotateReverse 15s linear infinite;

}

/*==================================================
GIRL IMAGE
==================================================*/

.vgs-floating-girl{

    position:absolute;

    bottom:-20px;

    left:50%;

    width:320px;

    transform:translateX(-50%);

    z-index:5;

    animation:vgsGirlFloat 4s ease-in-out infinite;

    filter:drop-shadow(0 15px 20px rgba(0,0,0,.18));

    pointer-events:none;

    user-select:none;

}

/*==================================================
BUBBLES
==================================================*/

.vgs-bubble{

    position:absolute;

    border-radius:50%;

    background:rgba(255,174,0,.20);

    backdrop-filter:blur(4px);

    z-index:2;

}

.b1{

    width:18px;
    height:18px;

    left:70px;
    top:90px;

    animation:vgsShapeFloat 6s infinite;

}

.b2{

    width:12px;
    height:12px;

    right:80px;
    top:140px;

    animation:vgsShapeFloat 7s infinite;

}

.b3{

    width:25px;
    height:25px;

    left:90px;
    bottom:100px;

    animation:vgsShapeFloat 5s infinite;

}

.b4{

    width:14px;
    height:14px;

    right:65px;
    bottom:120px;

    animation:vgsShapeFloat 8s infinite;

}

/*==================================================
OUTSIDE DECORATIVE DOTS
==================================================*/

.vgs-dot{

    position:absolute;

    border-radius:50%;

}

.vgs-dot1{

    width:70px;
    height:70px;

    left:20px;
    top:40px;

    background:#ffb347;

    opacity:.20;

    animation:vgsShapeFloat 6s infinite;

}

.vgs-dot2{

    width:32px;
    height:32px;

    right:20px;
    top:150px;

    background:#174b92;

    opacity:.18;

    animation:vgsShapeFloat 8s infinite;

}

.vgs-dot3{

    width:18px;
    height:18px;

    left:60px;
    bottom:60px;

    background:#ff9800;

    opacity:.35;

    animation:vgsShapeFloat 5s infinite;

}

/*==================================================
ANIMATIONS
==================================================*/

@keyframes vgsGirlFloat{

    0%{

        transform:translateX(-50%) translateY(0);

    }

    50%{

        transform:translateX(-50%) translateY(-18px);

    }

    100%{

        transform:translateX(-50%) translateY(0);

    }

}

@keyframes vgsRotateRing{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

@keyframes vgsRotateReverse{

    from{

        transform:rotate(360deg);

    }

    to{

        transform:rotate(0deg);

    }

}

@keyframes vgsShapeFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .vgs-main-circle{

        width:340px;
        height:340px;

    }

    .vgs-main-circle::before{

        width:375px;
        height:375px;
        top:-18px;
        left:-18px;

    }

    .vgs-ring{

        width:305px;
        height:305px;

    }

    .vgs-floating-girl{

        width:210px;

    }

}

@media(max-width:576px){

    .vgs-main-circle{

        width:280px;
        height:280px;

    }

    .vgs-main-circle::before{

        width:315px;
        height:315px;

    }

    .vgs-ring{

        width:250px;
        height:250px;

    }

    .vgs-floating-girl{

        width:175px;

    }

}

/*=========================================
RIGHT CONTENT
=========================================*/

.vgs-content-box{
    position: relative;
    z-index: 5;
    padding-left: 40px;
}

.vgs-program-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    background:#fff;
    border-radius:50px;
    color:#f7941d;
    font-weight:700;
    font-size:14px;
    letter-spacing:1px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    margin-bottom:25px;
    margin-right:20px;
}

.vgs-program-tag i{
    color:#163d79;
}

.vgs-main-title{

    font-size:72px;

    font-weight:800;

    color:#f7941d;

    line-height:1;

    margin-bottom:15px;

}

.vgs-sub-title{

    font-size:46px;

    font-weight:800;

    color:#163d79;

    line-height:1.2;

    margin-bottom:25px;

}

.vgs-highlight{

    display:inline-block;

    padding:14px 30px;

    background:#ff8c00;

    color:#fff;

    border-radius:50px;

    font-size:18px;

    font-weight:700;

    margin-bottom:25px;

    box-shadow:0 15px 35px rgba(255,140,0,.35);

}

.vgs-description{

    color:#555;

    font-size:17px;

    line-height:1.9;

    margin-bottom:35px;

}

/*=========================================
CARDS
=========================================*/

.vgs-card{

    background:#fff;

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:20px;

    border-radius:20px;

    margin-bottom:20px;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    border:1px solid transparent;

}

.vgs-card:hover{

    transform:translateY(-8px);

    border-color:#ff9800;

    box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.vgs-card-icon{

    width:55px;

    height:55px;

    min-width:55px;

    border-radius:50%;

    background:linear-gradient(135deg,#ff9800,#ffbf55);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:22px;

    transition:.4s;

}

.vgs-card:hover .vgs-card-icon{

    transform:rotate(360deg);

}

.vgs-card h5{

    font-size:18px;

    font-weight:700;

    color:#163d79;

    margin-bottom:6px;

}

.vgs-card p{

    margin:0;

    color:#666;

    font-size:15px;

    line-height:1.7;

}

/*=========================================
BUTTONS
=========================================*/

.vgs-button-group{

    display:flex;

    gap:18px;

    margin-top:20px;

    flex-wrap:wrap;

}

.vgs-btn-primary{

    display:inline-block;

    padding:16px 40px;

    background:linear-gradient(135deg,#ff9800,#ffb400);

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

    box-shadow:0 18px 40px rgba(255,152,0,.35);

}

.vgs-btn-primary:hover{

    color:#fff;

    transform:translateY(-5px);

    box-shadow:0 25px 50px rgba(255,152,0,.45);

}

.vgs-btn-outline{

    display:inline-block;

    padding:16px 40px;

    border:2px solid #163d79;

    border-radius:50px;

    text-decoration:none;

    color:#163d79;

    background:#fff;

    font-weight:700;

    transition:.35s;

}

.vgs-btn-outline:hover{

    background:#163d79;

    color:#fff;

    transform:translateY(-5px);

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.vgs-content-box{

padding-left:0;

margin-top:50px;

text-align:center;

}

.vgs-main-circle{

width:340px;

height:340px;

}

.vgs-floating-girl{

width:250px;

}

.vgs-main-title{

font-size:56px;

}

.vgs-sub-title{

font-size:34px;

}

.vgs-button-group{

justify-content:center;

}

}

@media(max-width:576px){

.vgs-main-circle{

width:280px;

height:280px;

}

.vgs-floating-girl{

width:210px;

}

.vgs-main-title{

font-size:42px;

}

.vgs-sub-title{

font-size:28px;

}

.vgs-highlight{

font-size:15px;

padding:12px 22px;

}

.vgs-card{

padding:16px;

}

.vgs-card-icon{

width:48px;
height:48px;
min-width:48px;
font-size:18px;

}

.vgs-btn-primary,
.vgs-btn-outline{

width:100%;

text-align:center;

}

}

/*=========================================
RIGHT CONTENT
=========================================*/

.vgs-content-box{
    position: relative;
    z-index: 5;
    padding-left: 40px;
}

.vgs-program-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    background:#fff;
    border-radius:50px;
    color:#f7941d;
    font-weight:700;
    font-size:12px;
    letter-spacing:1px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    margin-bottom:25px;
}

.vgs-program-tag i{
    color:#163d79;
}

.vgs-main-title{

    font-size:32px;

    font-weight:800;

    color:#f7941d;

    line-height:1;

    margin-bottom:15px;

}

.vgs-sub-title{

    font-size:22px;

    font-weight:800;

    color:#163d79;

    line-height:1.2;

    margin-bottom:25px;

}

.vgs-highlight{

    display:inline-block;

    padding:14px 30px;

    background:#ff8c00;

    color:#fff;

    border-radius:50px;

       font-size: 12px;
    font-weight: bolder;

    margin-bottom:25px;

    box-shadow:0 15px 35px rgba(255,140,0,.35);

}

.vgs-description{

    color:#555;

    font-size:17px;

    line-height:1.9;

    margin-bottom:25px;

}

/*=========================================
CARDS
=========================================*/

.vgs-card{

    background:#fff;

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:15px 20px;

    border-radius:20px;

    margin-bottom:12px;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    border:1px solid transparent;

}

.vgs-card:hover{

    transform:translateY(-8px);

    border-color:#ff9800;

    box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.vgs-card-icon{

    width:40px;

    height:40px;

    min-width:40px;

    border-radius:50%;

    background:linear-gradient(135deg,#ff9800,#ffbf55);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:17px;

    transition:.4s;

}

.vgs-card:hover .vgs-card-icon{

    transform:rotate(360deg);

}

.vgs-card h5{

    font-size:17px;

    font-weight:700;

    color:#163d79;

    margin-bottom:0;

}

.vgs-card p{

    margin:0;

    color:#666;

    font-size:14px;

    line-height:1.7;

}

/*=========================================
BUTTONS
=========================================*/

.vgs-button-group{

    display:flex;

    gap:18px;

    margin-top:20px;

    flex-wrap:wrap;

}

.vgs-btn-primary{

    display:inline-block;

    padding:16px 65px;

    background:linear-gradient(135deg,#ff9800,#ffb400);

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

    box-shadow:0 18px 40px rgba(255,152,0,.35);

}

.vgs-btn-primary:hover{

    color:#fff;

    transform:translateY(-5px);

    box-shadow:0 25px 50px rgba(255,152,0,.45);

}

.vgs-btn-outline{

    display:inline-block;

    padding:16px 40px;

    border:2px solid #163d79;

    border-radius:50px;

    text-decoration:none;

    color:#163d79;

    background:#fff;

    font-weight:700;

    transition:.35s;

}

.vgs-btn-outline:hover{

    background:#163d79;

    color:#fff;

    transform:translateY(-5px);

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.vgs-content-box{

padding-left:0;

margin-top:35px;

text-align:center;

}

.vgs-main-circle{

width:340px;

height:340px;

}

.vgs-floating-girl{

width:250px;

}

.vgs-main-title{

font-size:56px;

}

.vgs-sub-title{

font-size:34px;

}

.vgs-button-group{

justify-content:center;

}

}

@media(max-width:576px){

.vgs-main-circle{

width:280px;

height:280px;

}

.vgs-floating-girl{

width:210px;

}

.vgs-main-title{

font-size:42px;

}

.vgs-sub-title{

font-size:28px;

}

.vgs-highlight{

font-size:15px;

padding:12px 22px;

}

.vgs-card{

padding:16px;

}

.vgs-card-icon{

width:48px;
height:48px;
min-width:48px;
font-size:18px;

}

.vgs-btn-primary,
.vgs-btn-outline{

width:100%;

text-align:center;

}

}


/*...*/

.mbbs_slide22{
     padding-bottom:20px !important;
             padding-top: 15px !important;
}
.mbbs_topcontent{
    width:100% !important;
}
.mbbs_topcontent  .text{
padding:0 225px !important;    
}

/* ===========================
   Typewriter Effect
=========================== */

.typewriter-effect{
    color:#ffffff !important;
}

.typewriter-effect #typewriter-text{
    color:#ffffff !important;
    display:inline;
}

.typewriter-effect #typewriter-text .highlight{
    color:#ff9d22 !important;
}

.typewriter-effect #typewriter-text::after{
    content:"|";
    color:#ff9d22;
    display:inline-block;
    margin-left:4px;
    animation:typewriterCursor .8s infinite;
}

@keyframes typewriterCursor{
    0%,100%{
        opacity:1;
    }
    50%{
        opacity:0;
    }
}
/*...*/

.featured-card{
    height:455px;
    overflow:hidden;
    border-radius:0;
    position:relative;
}

#featuredSlider,
#featuredSlider .carousel-inner,
#featuredSlider .carousel-item{
    height:100%;
}

.featured-image{
    position:relative;
    height:100%;
}

.featured-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.carousel-item.active .featured-image img{
    transform:scale(1.05);
}

.featured-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:30px;
    background:linear-gradient(to top,
    rgba(0,0,0,.85),
    rgba(0,0,0,.05));
}

.featured-badge{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:7px 15px;
    border-radius:30px;
    font-size:12px;
    margin-bottom:12px;
}

.featured-overlay h4{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:10px;
}

.featured-overlay p{
    color:#fff;
    opacity:.9;
    margin-bottom:18px;
}

.featured-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    color:#0d6efd;
    padding:12px 22px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
}

.featured-btn:hover{
    background:#0d6efd;
    color:#fff;
}

/* Slider Arrows */

#featuredSlider .carousel-control-prev,
#featuredSlider .carousel-control-next{
    width:45px;
    height:45px;
    background:rgba(255,255,255,.25);
    border-radius:50%;
    top:50%;
    transform:translateY(-50%);
    backdrop-filter:blur(10px);
}

#featuredSlider .carousel-control-prev{
    left:15px;
}

#featuredSlider .carousel-control-next{
    right:15px;
}

/*==================================================
            IMPORTANT UPDATES SECTION
==================================================*/

.important-updates-section{
    position:relative;
    padding:80px 0;
    background:#f4f8fd;
    overflow:hidden;
}

/* Decorative Shapes */

.important-updates-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(31,91,255,.06);
    top:-120px;
    right:-120px;
    filter:blur(10px);
}

.important-updates-section::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    /*background:rgba(255,153,0,.08);*/
    bottom:-100px;
    left:-100px;
    filter:blur(10px);
}



/*==================================================
                    NOTICE CARD
==================================================*/

.notice-board{

    position:relative;

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    border:1px solid #edf2f7;

    box-shadow:
    0 12px 30px rgba(14,30,84,.05),
    0 30px 60px rgba(14,30,84,.08);

    height:455px;

    transition:.35s;

}

.notice-board:hover{

    transform:translateY(-6px);

    box-shadow:
    0 20px 40px rgba(14,30,84,.08),
    0 35px 80px rgba(14,30,84,.12);

}



/*==================================================
                CARD SHAPES
==================================================*/

.shape-top{

    position:absolute;

    width:150px;
    height:150px;

    background:#edf5ff;

    border-radius:50%;

    top:-70px;

    right:-70px;

}

.shape-bottom{

    position:absolute;

    width:120px;
    height:120px;

    background:#fff4e6;

    border-radius:50%;

    bottom:-60px;

    left:-60px;

}



/*==================================================
                HEADER
==================================================*/

.notice-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:24px 25px 18px;

    position:relative;

    z-index:2;

}

.notice-heading{

    display:flex;

    align-items:center;

    gap:18px;

}



/*==================================================
                ICON
==================================================*/

.notice-icon{

    width:58px;

    height:58px;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg, #d50101, #ff3d3d);

    color:#fff;

    font-size:22px;

    box-shadow:0 15px 25px rgba(29,95,255,.30);

}



/*==================================================
            TITLE
==================================================*/

.heading-text h3{

    margin:0;

    color:#102a43;

    font-size:25px;

    font-weight:700;

    line-height:1;

}

.heading-text span{

    display:block;

    margin-top:8px;

    color:#cb0303;

    font-size:14px;

    letter-spacing:2px;
    /*border:1px solid #ff8585;*/
font-weight:bolder;
    text-transform:uppercase;

}



/*==================================================
            LIVE BADGE
==================================================*/

.live-updates{

    display:flex;

    align-items:center;

    gap:8px;

    background:#ffd9d9;

    padding:10px 18px;

    border-radius:50px;

    color:#f71f1f;

    font-size:13px;

    font-weight:bolder;
    border: 1px solid #ff8585;

}

.live-dot{

    width:15px;

    height:15px;

    border-radius:50%;

    background:#ff3d3d;

    animation:pulse 1.3s infinite;

}

@keyframes pulse{

0%{

box-shadow:0 0 0 0 rgba(255,61,61,.6);

}

70%{

box-shadow:0 0 0 10px rgba(255,61,61,0);

}

100%{

box-shadow:0 0 0 0 rgba(255,61,61,0);

}

}



/*==================================================
            DIVIDER
==================================================*/

.notice-divider{

    width:100%;

    height:1px;

    background:#edf2f7;

}



/*==================================================
            SCROLL AREA
==================================================*/

.notice-scroll{

    height:340px;

    overflow-y:auto;

    overflow-x:hidden;

    padding:20px;

}



/* Chrome Scroll */

.notice-scroll::-webkit-scrollbar{

    width:4px;

}

.notice-scroll::-webkit-scrollbar-track{

    background:transparent;

    margin:8px;

}

.notice-scroll::-webkit-scrollbar-thumb{

    background:#222;

    border-radius:20px;

}

/* Firefox */

.notice-scroll{

    scrollbar-width:thin;

    scrollbar-color:#222 transparent;

}



/*==================================================
                IMAGE CARD
==================================================*/

.featured-card{

    background:#fff;

    border-radius:23px;

    overflow:hidden;

    height:455px;

    border:1px solid #edf2f7;

    box-shadow:
    0 12px 30px rgba(14,30,84,.05),
    0 30px 60px rgba(14,30,84,.08);

    transition:.35s;

}

.featured-card:hover{

    transform:translateY(-6px);

}

/*=========================================
        NOTICE ITEM
=========================================*/

.notice-item{

    display:flex;
    align-items:center;
    gap:18px;

    background:#ffffff;

    border:1px solid #eef2f8;

    border-radius:18px;

    padding:10px 18px;

    margin-bottom:14px;

    text-decoration:none;

    transition:.35s ease;

    position:relative;

}

.notice-item:last-child{

    margin-bottom:0;

}

/* Left Blue Border Animation */

.notice-item::before{

    content:"";

    position:absolute;

    left:0;
    top:18%;

    width:4px;
    height:65%;

    border-radius:20px;

    background:#2d6bff;

    opacity:0;

    transition:.35s;

}

.notice-item:hover{

    transform:translateX(8px);

    border-color:#d9e8ff;

    background:#f9fbff;

    box-shadow:0 10px 25px rgba(13,58,138,.08);

}

.notice-item:hover::before{

    opacity:1;

}



/*=========================================
            NUMBER BOX
=========================================*/

.notice-number{

    width:48px;

    min-width:48px;

    height:48px;

    border-radius:14px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#eef5ff;

    color:#1b63ff;

    font-weight:700;

    font-size:15px;

    transition:.35s;

}

.notice-item:hover .notice-number{

    background:linear-gradient(135deg,#1d5fff,#3b86ff);

    color:#fff;

}



/*=========================================
            TITLE
=========================================*/

.notice-title{

    flex:1;

    color:#1f2937;

    font-size:15px;

    font-weight:600;

    line-height:1.5;

    transition:.35s;

}

.notice-item:hover .notice-title{

    color:#1456d9;

}



/*=========================================
        ARROW BOX
=========================================*/

.notice-arrow{

    width:42px;

    height:42px;

    border-radius:14px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#f3f7ff;

    color:#2d6bff;

    transition:.35s;

    font-size:14px;

}

.notice-item:hover .notice-arrow{

    background:#2d6bff;

    color:#fff;

    transform:rotate(45deg);

}



/*=========================================
        IMAGE SECTION
=========================================*/

.featured-image{

    position:relative;

    width:100%;

    height:100%;

}

.featured-image img{

    width:100%;

    height:100%;

    object-fit:contain;

    transition:.5s;

}

.featured-card:hover img{

    transform:scale(1.06);

}



/*=========================================
        IMAGE OVERLAY
=========================================*/

.featured-overlay{

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    padding:25px;

    background:linear-gradient(to top,
    rgba(0,0,0,.82),
    rgba(0,0,0,.05));

}



/* Badge */

.featured-badge{

    display:inline-block;

    background:#1d5fff;

    color:#fff;

    padding:7px 14px;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

    margin-bottom:12px;

}



/* Title */

.featured-overlay h4{

    color:#fff;

    font-size:24px;

    font-weight:700;

    margin-bottom:10px;

}



/* Description */

.featured-overlay p{

    color:rgba(255,255,255,.88);

    font-size:14px;

    margin-bottom:18px;

}



/* Button */

.featured-btn{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:12px 22px;

    border-radius:50px;

    background:#fff;

    color:#1456d9;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.featured-btn:hover{

    background:#1456d9;

    color:#fff;

}
/*=========================================
        HERO OVERLAP
=========================================*/

.important-updates-section{
    margin-top:-70px;
    position:relative;
    z-index:20;
}


/*=========================================
        CARD GLOW EFFECT
=========================================*/

.notice-board::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    border-radius:50%;

    background:rgba(34,98,255,.05);

    top:-80px;
    right:-80px;

    z-index:0;

}

.featured-card::after{

    content:"";

    position:absolute;

    width:160px;
    height:160px;

    border-radius:50%;

    background:rgba(255,153,0,.08);

    bottom:-70px;
    left:-70px;

}


/*=========================================
        HOVER ANIMATION
=========================================*/

.notice-board,
.featured-card{

    transition:.45s cubic-bezier(.22,.61,.36,1);

}

.notice-board:hover,
.featured-card:hover{

    transform:translateY(-8px);

}



/*=========================================
        IMAGE BORDER
=========================================*/

.featured-image{

    padding:22px;

}

/*=========================================
        BUTTON
=========================================*/

.featured-btn i{

    transition:.3s;

}

.featured-btn:hover i{

    transform:translateX(6px);

}



/*=========================================
        SCROLL SMOOTH
=========================================*/

.notice-scroll{

    scroll-behavior:smooth;

}



/*=========================================
        SCROLLBAR
=========================================*/

.notice-scroll::-webkit-scrollbar{

    width:5px;

}

.notice-scroll::-webkit-scrollbar-thumb{

    background:#1b1b1b;

    border-radius:20px;

}

.notice-scroll::-webkit-scrollbar-track{

    background:transparent;

}



/*=========================================
        TABLET
=========================================*/

@media(max-width:991px){

.important-updates-section{

margin-top:40px;

padding:60px 0;

}

.notice-board,
.featured-card{

height:auto;

}

.notice-scroll{

height:330px;

}

.featured-card{

margin-top:25px;

}

.featured-image{

height:420px;

}

.featured-overlay h4{

font-size:22px;

}

}



/*=========================================
        MOBILE
=========================================*/

@media(max-width:767px){

.notice-header{

flex-direction:column;

align-items:flex-start;

gap:18px;

padding:20px;

}

.notice-heading{

gap:15px;

}

.notice-icon{

width:50px;

height:50px;

font-size:20px;

}

.heading-text h3{

font-size:21px;

}

.heading-text span{

font-size:11px;

}

.live-updates{

font-size:12px;

padding:8px 14px;

}

.notice-scroll{

padding:15px;

height:310px;

}

.notice-item{

padding:12px;

gap:12px;

}

.notice-number{

width:42px;

height:42px;

min-width:42px;

font-size:14px;

}

.notice-title{

font-size:14px;

line-height:1.5;

}

.notice-arrow{

width:38px;

height:38px;

font-size:13px;

}

.featured-image{

height:300px;

}

.featured-overlay{

padding:18px;

}

.featured-overlay h4{

font-size:20px;

}

.featured-overlay p{

font-size:13px;

margin-bottom:15px;

}

.featured-btn{

padding:10px 18px;

font-size:14px;

}

}



/*=========================================
        EXTRA LARGE
=========================================*/

@media(min-width:1400px){

.notice-board{

height:450px;

}

.featured-card{

height:450px;

}

.notice-scroll{

height:355px;

}

}

.navbar-expand-lg{
padding-bottom:0 !important;    
padding-top:0 !important;    
}
/*=========================================
        PREMIUM CTA CARDS
=========================================*/

.vg-premium-cta{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:22px;
    height:260px;
    border-radius:26px;
    overflow:hidden;
    transition:.45s ease;
    box-shadow:0 20px 60px rgba(0,0,0,.22);
    animation:vgFloating 4s ease-in-out infinite;
}

.vg-premium-blue{
    background:linear-gradient(135deg,#143d72,#0b2a54);
}

.vg-premium-orange{
    background:linear-gradient(135deg,#ff9830,#ff6b00);
    animation-delay:2s;
}

/* Glow Circle */

.vg-premium-cta::before{
    content:'';
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    right:-120px;
    top:-120px;
    background:rgba(255,255,255,.08);
    transition:.5s;
}

.vg-premium-cta::after{
    content:'';
    position:absolute;
    width:160px;
    height:160px;
    border-radius:50%;
    left:-70px;
    bottom:-70px;
    background:rgba(255,255,255,.05);
}

.vg-premium-cta:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 70px rgba(0,0,0,.30);
}

.vg-premium-cta:hover::before{
    transform:scale(1.3);
}

/*=========================================
ICON
=========================================*/

.vg-premium-icon{

width:75px;

height:75px;

flex-shrink:0;

display:flex;

align-items:center;

justify-content:center;

border-radius:22px;

background:rgba(255,255,255,.14);

color:#fff;

font-size:30px;

backdrop-filter:blur(8px);

box-shadow:0 12px 30px rgba(0,0,0,.18);

}

/*=========================================
CONTENT
=========================================*/

.vg-premium-content{

display:flex;

flex-direction:column;

justify-content:center;

flex:1;

}

.vg-premium-content span{

display:inline-block;

font-size:13px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

color:#ffe3bf;

margin-bottom:10px;

}

.vg-premium-content h3{

font-size:22px;

font-weight:800;

line-height:1.15;

color:#fff;

margin-bottom:12px;

}

.vg-premium-content p{

font-size:15px;

line-height:28px;

color:rgba(255,255,255,.92);

margin-bottom:22px;

max-width:95%;

}

/*=========================================
BUTTON
=========================================*/

.vg-premium-btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

width:max-content;

padding:14px 28px;
color:white !important;

background:linear-gradient(135deg, #ffbf30, #ff6b00);

border-radius:60px;

font-size:13px;

font-weight:700;

text-decoration:none;

position:relative;

overflow:hidden;

transition:.35s;

box-shadow:0 12px 25px rgba(0,0,0,.15);

color:#143d72;

}

.vg-premium-orange .vg-premium-btn{

color:#fff;
background:linear-gradient(135deg, #0c65d9, #0b2a54);

}

.vg-premium-btn::before{

content:'';

position:absolute;

left:-120%;

top:0;

width:70%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.85),
transparent);

transform:skewX(-25deg);

animation:btnShine 3s linear infinite;

}

.vg-premium-btn:hover{

transform:translateY(-3px);

box-shadow:0 18px 35px rgba(0,0,0,.22);

}

.vg-premium-btn i{

transition:.3s;

animation:arrowMove 1s infinite;

}

.vg-premium-btn:hover i{

transform:translateX(6px);

}

/*=========================================
ANIMATION
=========================================*/

@keyframes vgFloating{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

@keyframes btnShine{

100%{

left:180%;

}

}

@keyframes arrowMove{

0%,100%{

transform:translateX(0);

}

50%{

transform:translateX(6px);

}

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.vg-premium-cta{

flex-direction:column;

text-align:center;

align-items:center;

min-height:auto;

padding:30px 25px;

}

.vg-premium-content{

align-items:center;

}

.vg-premium-content p{

max-width:100%;

}

.vg-premium-btn{

margin-top:10px;

}

}
/*====================================================
            VGLOBAL PREMIUM HERO SECTION
====================================================*/

.vg-hero-section{
    position:relative;
    overflow:hidden;
    padding:120px 0 80px;
    background:linear-gradient(135deg,#081c3b 0%,#123b73 55%,#1f5ba1 100%);
    z-index:1;
}

.vg-hero-section .container{
    position:relative;
    z-index:5;
}

/*==========================
        Background
==========================*/

.vg-hero-section::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:60px 60px;
}

.vg-hero-section::after{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    left:50%;
    top:-350px;
    transform:translateX(-50%);
    background:radial-gradient(circle,
    rgba(255,140,0,.18),
    transparent 70%);
}

/*==========================
      Floating Shapes
==========================*/

.vg-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(45px);
    animation:vgFloat 10s infinite ease-in-out;
}

.vg-shape-1{
    width:250px;
    height:250px;
    left:-80px;
    top:120px;
    background:rgba(255,132,0,.15);
}

.vg-shape-2{
    width:300px;
    height:300px;
    right:-120px;
    top:80px;
    background:rgba(255,255,255,.08);
}

.vg-shape-3{
    width:200px;
    height:200px;
    bottom:-50px;
    left:20%;
    background:rgba(255,132,0,.10);
}

/*==========================
         Badge
==========================*/

.vg-hero-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:12px 30px;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.15);

backdrop-filter:blur(15px);

border-radius:50px;

color:#ffd89d;

font-size:15px;

font-weight:600;

margin-bottom:35px;

}

.vg-hero-badge i{

color:#ff8a22;

}

/*==========================
        Heading
==========================*/

.vg-hero-title{

font-size:72px;

font-weight:800;

line-height:1.12;

color:#fff;

margin-bottom:25px;

}

.vg-hero-title span{

/*display:block;*/

/*background:linear-gradient(90deg,#ffd15f,#ff7600);*/

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

/*==========================
      Description
==========================*/

.vg-hero-desc{

max-width:745px !important;

margin:auto;

color:rgba(255,255,255,.88);

font-size:18px !important;

line-height:38px;

}

/*==========================
      Search Wrapper
==========================*/

.vg-search-box{

margin-top:15px;

padding:18px;

border-radius:22px;

background:rgba(255,255,255,.08);

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.10);

box-shadow:0 30px 70px rgba(0,0,0,.30);

}

/*==========================
      Search Input
==========================*/

.vg-search-input,
.vg-location-box{

display:flex;

align-items:center;

height:70px;

background:#fff;

border-radius:18px;

padding:0 22px;

transition:.35s;

}

.vg-search-input:hover,
.vg-location-box:hover{

transform:translateY(-2px);

box-shadow:0 10px 25px rgba(0,0,0,.12);

}

.vg-search-input i,
.vg-location-box i{

color:#ff7b00;

font-size:20px;

margin-right:15px;

}

.vg-search-input input{

width:100%;

border:none;

outline:none;

font-size:17px;

background:none;

}

.vg-location-box select{

width:100%;

border:none;

outline:none;

background:none;

font-size:17px;

cursor:pointer;

}

/*==========================
      Search Button
==========================*/

.vg-search-btn{

width:100%;

height:70px;

border:none;

border-radius:18px;

background:linear-gradient(135deg,#ffa53d,#ff6b00);

color:#fff;

font-size:18px;

font-weight:700;

transition:.35s;

box-shadow:0 15px 35px rgba(255,107,0,.35);

}

.vg-search-btn:hover{

transform:translateY(-4px);

box-shadow:0 20px 45px rgba(255,107,0,.45);

}

/*==========================
      Popular Tags
==========================*/

.vg-popular-search{

display:flex;

justify-content:center;

align-items:center;

flex-wrap:wrap;

gap:12px;

margin-top:35px;

}

.vg-popular-search span{

color:#fff;

font-weight:700;

margin-right:10px;

}

.vg-popular-search a{

display:inline-block;

padding:10px 20px;

border-radius:40px;

text-decoration:none;

background:rgba(255,255,255,.06);

border:1px solid rgba(255,255,255,.15);

color:#fff;

font-size:15px;

transition:.35s;

}

.vg-popular-search a:hover{

background:#ff7b00;

border-color:#ff7b00;

transform:translateY(-4px);

}

/*==========================
        Animation
==========================*/

@keyframes vgFloat{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-30px);
}

100%{
transform:translateY(0px);
}

}
/*====================================================
            VGLOBAL PREMIUM HERO SECTION
====================================================*/

.vg-hero-section{
    position:relative;
    overflow:hidden;
    padding:120px 0 110px;
    background:linear-gradient(135deg,#081c3b 0%,#123b73 55%,#1f5ba1 100%);
    z-index:1;
    padding-top: 35px;
}

.vg-hero-section .container{
    position:relative;
    z-index:5;
}

/*==========================
        Background
==========================*/

.vg-hero-section::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:60px 60px;
}

.vg-hero-section::after{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    left:50%;
    top:-350px;
    transform:translateX(-50%);
    background:radial-gradient(circle,
    rgba(255,140,0,.18),
    transparent 70%);
}

/*==========================
      Floating Shapes
==========================*/

.vg-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(45px);
    animation:vgFloat 10s infinite ease-in-out;
}

.vg-shape-1{
    width:250px;
    height:250px;
    left:-80px;
    top:120px;
    background:rgba(255,132,0,.15);
}

.vg-shape-2{
    width:300px;
    height:300px;
    right:-120px;
    top:80px;
    background:rgba(255,255,255,.08);
}

.vg-shape-3{
    width:200px;
    height:200px;
    bottom:-50px;
    left:20%;
    background:rgba(255,132,0,.10);
}

/*==========================
         Badge
==========================*/

.vg-hero-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:18px 30px;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.15);

backdrop-filter:blur(15px);

border-radius:50px;

color:#ffd89d;

font-size:16px;

font-weight:600;

margin-bottom:0;
margin-top:45px;


}

.vg-hero-badge i{

color:#ff8a22;

}

/*==========================
        Heading
==========================*/

.vg-hero-title{

font-size:50px;

font-weight:800;

line-height:1.12;

color:#fff;

margin-bottom:15px;
margin-top: 28px;

}

.vg-hero-title span{

/*display:block;*/

background:linear-gradient(90deg,#ffd15f,#ff7600);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

/*==========================
      Description
==========================*/

.vg-hero-desc{

max-width:850px;

margin:auto;

color:rgba(255,255,255,.88);

font-size:21px;

line-height:30px;

}

/*==========================
      Search Wrapper
==========================*/

.vg-search-box{

margin-top:15px;

padding:12px;

border-radius:22px;

background:rgba(255,255,255,.08);

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.10);

box-shadow:0 30px 70px rgba(0,0,0,.30);

}

/*==========================
      Search Input
==========================*/

.vg-search-input,
.vg-location-box{

display:flex;

align-items:center;

height:45px;

background:#fff;

border-radius:18px;

padding:0 22px;

transition:.35s;

}

.vg-search-input:hover,
.vg-location-box:hover{

transform:translateY(-2px);

box-shadow:0 10px 25px rgba(0,0,0,.12);

}

.vg-search-input i,
.vg-location-box i{

color:#ff7b00;

font-size:20px;

margin-right:15px;

}

.vg-search-input input{

width:100%;

border:none;

outline:none;

font-size:17px;

background:none;

}

.vg-location-box select{

width:100%;

border:none;

outline:none;

background:none;

font-size:17px;

cursor:pointer;

}

/*==========================
      Search Button
==========================*/

.vg-search-btn{

width:100%;

height:45px;

border:none;

border-radius:18px;

background:linear-gradient(135deg,#ffa53d,#ff6b00);

color:#fff;

font-size:18px;

font-weight:700;

transition:.35s;

box-shadow:0 15px 35px rgba(255,107,0,.35);

}

.vg-search-btn:hover{

transform:translateY(-4px);

box-shadow:0 20px 45px rgba(255,107,0,.45);

}

/*==========================
      Popular Tags
==========================*/

.vg-popular-search{

display:flex;

justify-content:center;

align-items:center;

flex-wrap:wrap;

gap:12px;

margin-top:15px;

}

.vg-popular-search span{

color:#fff;

font-weight:700;

margin-right:10px;

}

.vg-popular-search a{

display:inline-block;

padding:5px 20px;

border-radius:40px;

text-decoration:none;

background:rgba(255,255,255,.06);

border:1px solid rgba(255,255,255,.15);

color:#fff;

font-size:12px;

transition:.35s;
font-weight:bolder;

}

.vg-popular-search a:hover{

background:#ff7b00;

border-color:#ff7b00;

transform:translateY(-4px);

}

/*==========================
        Animation
==========================*/

@keyframes vgFloat{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-30px);
}

100%{
transform:translateY(0px);
}

}

/*==============================
      NEWS MODAL
==============================*/

.vg-news-modal{

position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
background:rgba(0,0,0,.65);
backdrop-filter:blur(10px);
z-index:999999;
padding:25px;

}

.vg-news-box{

width:900px;
    max-width:95%;

    height:85vh;
    max-height:85vh;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    display:flex;
    flex-direction:column;

    position:relative;

    box-shadow:0 25px 80px rgba(0,0,0,.25);


}

@keyframes popup{

from{

transform:translateY(40px);
opacity:0;

}

to{

transform:translateY(0);
opacity:1;

}

}

/* Header */

.vg-news-header{

display:flex;
align-items:center;
gap:15px;
padding:20px 25px;
background:linear-gradient(90deg,#0A238C,#1738d4);
color:#fff;

}

.vg-news-icon{

width:55px;
height:55px;
border-radius:50%;
background:#ff7a00;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;

}

.vg-news-header span{

font-size:13px;
opacity:.8;

}

.vg-news-header h3{

margin:2px 0 0;
font-size:24px;

}

/* Close */

.vg-news-close{

position:absolute;
right:20px;
top:20px;
width:42px;
height:42px;
border:none;
border-radius:50%;
background:#fff;
color:#ff7a00;
font-size:18px;
cursor:pointer;
box-shadow:0 8px 25px rgba(0,0,0,.2);

}

/* Body */

.vg-news-body{

display:flex;
gap:25px;
padding:30px;

}

/* Left */

.vg-news-left{

width:260px;
flex:none;

}

.vg-news-left img{

width:100%;
height:180px;
border-radius:15px;
object-fit:cover;
box-shadow:0 15px 35px rgba(0,0,0,.15);

}

/* Right */

.vg-news-right{

flex:1;

}

.vg-news-right h2{

font-size:30px;
color:#0A238C;
margin-bottom:18px;

}

.vg-news-meta{

display:flex;
gap:25px;
flex-wrap:wrap;
margin-bottom:20px;
padding-bottom:15px;
border-bottom:1px solid #eee;

}

.vg-news-meta span{

font-size:14px;
color:#555;

}

.vg-news-meta i{

color:#ff7a00;
margin-right:6px;

}

.vg-news-description{

max-height:320px;
overflow:auto;
padding-right:10px;
line-height:30px;
font-size:16px;
color:#555;

}

.vg-news-description::-webkit-scrollbar{

width:7px;

}

.vg-news-description::-webkit-scrollbar-thumb{

background:#ff7a00;
border-radius:20px;

}

/* Mobile */

@media(max-width:768px){

.vg-news-body{

flex-direction:column;

}

.vg-news-left{

width:100%;

}

.vg-news-left img{

height:220px;

}

.vg-news-right h2{

font-size:24px;

}

}

/*==========================================
        NEWS & NOTICE SECTION
==========================================*/



.vg-news-section{
    position:relative;
    padding:90px 0;
    background:#f7f9fd;
    overflow:hidden;
}

.vg-news-section:before{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    /*background:rgba(10,35,140,.05);*/
    border-radius:50%;
    left:-120px;
    bottom:-120px;
}

.vg-news-section:after{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    /*background:rgba(255,122,0,.06);*/
    border-radius:50%;
    right:-140px;
    top:-120px;
}

/*================ Heading =================*/

.vg-section-heading{
    text-align:center;
    max-width:750px;
    margin:0 auto 60px;
}

.vg-subtitle{

    display:inline-block;
    background:#fff1e7;
    color:#ff7a00;
    padding:8px 18px;
    border-radius:40px;
    font-weight:600;
    margin-bottom:18px;
    font-size:15px;

}

.vg-section-heading h2{

    font-size:46px;
    font-weight:800;
    color:#0A238C;
    margin-bottom:18px;

}

.vg-section-heading p{

    color:#666;
    line-height:30px;
    font-size:17px;

}

/*================ Swiper =================*/

.vgNewsSwiper{

    padding:15px 5px 70px;

}

.vgNewsSwiper .swiper-slide{

height:auto;
margin-bottom: 60px;

}

/*================ Card =================*/

.vg-news-card{

    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 12px 40px rgba(0,0,0,.08);
    transition:.4s;
    border:1px solid #edf2f7;
    height:100%;
    display:flex;
    flex-direction:column;
    margin-top:55px;

}

.vg-news-card:hover{

    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.14);

}

/*================ Image =================*/

.vg-news-image{

    position:relative;
    overflow:hidden;
    height:240px;
    background:#f5f5f5;

}

.vg-news-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;

}

.vg-news-card:hover .vg-news-image img{

    transform:scale(1.08);

}

.vg-news-badge{

    position:absolute;
    left:18px;
    top:18px;
    background:linear-gradient(45deg,#ff7a00,#ff9f3f);
    color:#fff;
    padding:8px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    box-shadow:0 10px 25px rgba(255,122,0,.35);

}

/*================ Content =================*/

.vg-news-content{

    padding:28px;
    display:flex;
    flex-direction:column;
    flex:1;
    padding-bottom:0;

}

.vg-news-content h3{

    font-size:24px;
    font-weight:700;
    color:#0A238C;
    margin-bottom:15px;
    line-height:34px;
    transition:.3s;

}

.vg-news-card:hover h3{

    color:#ff7a00;

}

.vg-news-content p{

    color:#666;
    line-height:28px;
    margin-bottom:25px;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;

}

/*================ Meta =================*/

.vg-news-meta{

    display:flex;
    justify-content:space-between;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    padding:16px 0;
    margin-top:0;
    margin-bottom:22px;

}

.vg-meta-item{

    display:flex;
    align-items:center;
    gap:8px;
    color:#555;
    font-size:14px;

}

.vg-meta-item i{

    color:#ff7a00;

}

/*================ Button =================*/

.vg-read-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 24px;
    border-radius:40px;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(45deg,#ff7a00,#ff9830);
    font-weight:600;
    transition:.35s;
    width:max-content;

}

.vg-read-btn:hover{

    background:#0A238C;
    color:#fff;
    transform:translateX(5px);

}

/*================ Swiper Nav =================*/

.vg-news-next,
.vg-news-prev{

    width:52px !important;
    height:52px !important;
    background:#fff;
    border-radius:50%;
    box-shadow:0 12px 30px rgba(0,0,0,.15);

}

.vg-news-next:after,
.vg-news-prev:after{

    font-size:18px !important;
    color:#ff7a00;
    font-weight:bold;

}

/*================ Pagination =================*/

.vg-news-pagination{

    bottom:5px !important;

}

.vg-news-pagination .swiper-pagination-bullet{

    width:12px;
    height:12px;
    background:#d7d7d7;
    opacity:1;
    transition:.3s;

}

.vg-news-pagination .swiper-pagination-bullet-active{

    width:34px;
    border-radius:20px;
    background:#ff7a00;

}

/*================ Responsive =================*/

@media(max-width:991px){

.vg-section-heading h2{

    font-size:36px;

}

.vg-news-image{

    height:220px;

}

}

@media(max-width:767px){

.vg-news-section{

    padding:70px 0;

}

.vg-section-heading{

    margin-bottom:40px;

}

.vg-section-heading h2{

    font-size:30px;

}

.vg-news-image{

    height:220px;

}

.vg-news-content{

    padding:20px;

}

.vg-news-content h3{

    font-size:20px;
    line-height:30px;

}

.vg-news-meta{

    flex-direction:column;
    gap:12px;

}

.vg-news-next,
.vg-news-prev{

    display:none;

}

}

/*=========================
    VGLOBAL VIDEO SECTION
==========================*/


.youtube-modal{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    justify-content:center;
    align-items:center;
    z-index:99999;
}

.youtube-modal-content{
    width:80%;
    max-width:900px;
    position:relative;
}

.youtube-modal-content iframe{
    width:100%;
    height:500px;
    border-radius:12px;
}

.youtube-close{
    position:absolute;
    top:-40px;
    right:0;
    color:#fff;
    font-size:35px;
    cursor:pointer;
}

.video-popup{
    cursor:pointer;
}

.vg-video-card img{
    width:100%;
    display:block;
    border-radius:15px;
}

.vg-video-title{
    text-align:center;
    margin-top:15px;
    font-size:18px;
    font-weight:600;
}


.vg-video-section{
    padding:90px 0;
    background:linear-gradient(180deg,#ffffff,#f6f9ff);
    position:relative;
    overflow:hidden;
}
.swiper-button-next, .swiper-button-prev{
    width: calc(var(--swiper-navigation-size) / 45 * 45) !important;
}
.vgVideoSlider {
    margin-top:45px;
}
.swiper-button-next:after, .swiper-button-prev:after{
font-size:20px !important;    
font-weight:bold !important;
}
.vg-video-section:before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(245,130,32,.08);
    border-radius:50%;
    top:-180px;
    right:-150px;
    filter:blur(10px);
}

.vg-video-section:after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    /*background:rgba(23,61,122,.08);*/
    border-radius:50%;
    bottom:-180px;
    left:-150px;
}

.vg-video-heading{
    text-align:center;
    margin-bottom:60px;
}

.vg-video-heading span{
    display:inline-block;
    background:#F58220;
    color:#fff;
    padding:8px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.vg-video-heading h2{
    margin-top:18px;
    font-size:42px;
    color:#173D7A;
    font-weight:800;
}

/*=========================
    SWIPER
==========================*/

.vgVideoSlider{
    padding:20px 10px 70px;
}

/*=========================
      CARD
==========================*/

.vg-video-card{

    display:block;
    position:relative;
    overflow:hidden;
    border-radius:22px;
    background:#fff;
    text-decoration:none;

    transition:.45s ease;

    box-shadow:
    0 15px 35px rgba(0,0,0,.08);

}

/* Gradient Border */

.vg-video-card:before{

    content:"";

    position:absolute;

    inset:0;

    padding:2px;

    border-radius:22px;

    background:linear-gradient(135deg,#173D7A,#F58220);

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:0;

    transition:.4s;

}

.vg-video-card:hover:before{

    opacity:1;

}

/*=========================
      IMAGE
==========================*/

.vg-video-card img{

    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
    transition:.6s;

}

.vg-video-card:hover img{

    transform:scale(1.12);

}

/*=========================
     DARK OVERLAY
==========================*/

.vg-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(to top,
    rgba(0,0,0,.60),
    rgba(0,0,0,.10));

}

/*=========================
      PLAY BUTTON
==========================*/

.vg-play-btn{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:80px;
    height:80px;

    border-radius:50%;

    background:rgba(255,255,255,.18);

    backdrop-filter:blur(10px);

    border:2px solid rgba(255,255,255,.35);

    display:flex;
    justify-content:center;
    align-items:center;

    color:#fff;
    font-size:28px;

    transition:.35s;

}

.vg-play-btn:before{

    content:"";

    position:absolute;

    width:110px;
    height:110px;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.25);

    animation:pulse 2s infinite;

}

@keyframes pulse{

0%{
transform:scale(.8);
opacity:1;
}

100%{
transform:scale(1.3);
opacity:0;
}

}

.vg-video-card:hover .vg-play-btn{

    background:#F58220;

    transform:translate(-50%,-50%) scale(1.12);

}

/*=========================
    DURATION
==========================*/

.vg-time{

    position:absolute;

    right:15px;
    bottom:15px;

    background:rgba(0,0,0,.75);

    color:#fff;

    padding:8px 12px;

    border-radius:8px;

    font-size:13px;

    font-weight:600;

}

/*=========================
   YOUTUBE BADGE
==========================*/

.vg-youtube{

    position:absolute;

    left:15px;
    top:15px;

    width:45px;
    height:45px;

    border-radius:50%;

    background:#ff0000;

    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:20px;

    box-shadow:0 8px 20px rgba(255,0,0,.4);

}

/*=========================
   SHINE EFFECT
==========================*/

.vg-video-card:after{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:50%;

    height:100%;

    background:

    linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.35),
    transparent);

    transition:.8s;

}

.vg-video-card:hover:after{

    left:150%;

}

/*=========================
      HOVER
==========================*/

.vg-video-card:hover{

    transform:translateY(-12px);

    box-shadow:

    0 30px 70px rgba(23,61,122,.20),

    0 10px 35px rgba(245,130,32,.20);

}

/*=========================
     NAVIGATION
==========================*/

.swiper-button-next,
.swiper-button-prev{

    width:58px;
    height:58px;

    border-radius:50%;

    background:#fff;

    color:#173D7A;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

}

.swiper-button-next:after,
.swiper-button-prev:after{

    font-size:18px;
    font-weight:bold;

}

.swiper-button-next:hover,
.swiper-button-prev:hover{

    background:#F58220;
    color:#fff;

}

/*=========================
     PAGINATION
==========================*/

.swiper-pagination-bullet{

    width:12px;
    height:12px;
    background:#d0d0d0;
    opacity:1;

}

.swiper-pagination-bullet-active{

    width:35px;
    border-radius:20px;
    background:#F58220;

}

/*=========================
     RESPONSIVE
==========================*/

@media(max-width:768px){

.vg-video-heading h2{

    font-size:30px;

}

.vg-video-card img{

    height:220px;

}

.vg-play-btn{

    width:65px;
    height:65px;
    font-size:22px;

}

.swiper-button-next,
.swiper-button-prev{

    display:none;

}

}


/*popup*/
/*==================================================
                POPUP OVERLAY
==================================================*/

.vg-popup-overlay{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.75);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    z-index:999999;
    padding:20px;
}

/*==================================================
                POPUP CARD
==================================================*/

.vg-popup{
    position:relative;
    width:100%;
    max-width:700px;
    max-height:80vh;
    background:#111;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(0,0,0,.45);
}

/*==================================================
                SLIDER
==================================================*/

.vg-slider{
    position:relative;
    width:100%;
    min-height:350px;
    max-height:90vh;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    background:#111;
}

.vg-slide{
    display:none;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
}

.vg-slide.active{
    display:flex;
}

.vg-slide img{
    max-width:100%;
    max-height:85vh;
    width:auto;
    height:auto;
    display:block;
    object-fit:contain;
    user-select:none;
}

/*==================================================
                CLOSE BUTTON
==================================================*/

.vg-close{
    position:absolute;
    top:15px;
    right:15px;
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#222;
    cursor:pointer;
    font-size:18px;
    z-index:99;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

.vg-close:hover{
    background:#ff6b00;
    color:#fff;
    transform:rotate(90deg);
}

/*==================================================
                ARROWS
==================================================*/

.vg-prev,
.vg-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    z-index:50;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

.vg-prev{
    left:15px;
}

.vg-next{
    right:15px;
}

.vg-prev i,
.vg-next i{
    color:#ff6b00;
    font-size:18px;
}

.vg-prev:hover,
.vg-next:hover{
    background:#ff6b00;
}

.vg-prev:hover i,
.vg-next:hover i{
    color:#fff;
}

/*==================================================
                DOTS
==================================================*/

.vg-dots{
    position:absolute;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:8px;
    z-index:60;
}

.vg-dots .dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:rgba(255,255,255,.45);
    cursor:pointer;
    transition:.3s;
}

.vg-dots .dot.active{
    width:28px;
    border-radius:30px;
    background:#ff6b00;
}

/*==================================================
                ANIMATION
==================================================*/

.vg-slide.active{
    animation:fadeSlider .35s ease;
}

@keyframes fadeSlider{

    from{
        opacity:0;
    }

    to{
        opacity:1;
    }

}

/*==================================================
                MOBILE
==================================================*/

@media(max-width:768px){

    .vg-popup{

        max-width:95%;
        border-radius:14px;

    }

    .vg-slide img{

        max-height:70vh;

    }

    .vg-prev,
    .vg-next{

        width:40px;
        height:40px;

    }

    .vg-prev{

        left:10px;

    }

    .vg-next{

        right:10px;

    }

    .vg-close{

        width:36px;
        height:36px;
        top:10px;
        right:10px;

    }

}

@media(max-width:480px){

    .vg-slide img{

        max-height:60vh;

    }

    .vg-prev,
    .vg-next{

        width:34px;
        height:34px;

    }

    .vg-dots{

        bottom:12px;

    }

}

/*visa*/
.visa-info-section{
    padding-top:0 !important;
}
/*country cta*/

/*=====================================
      VGLOBAL Study CTA Section
=====================================*/

.vg-study-cta-section{
    padding:90px 20px;
    background:#fff;
}

.vg-study-cta-wrapper{
    max-width:1100px;
    margin:auto;
    text-align:center;
}

.vg-study-cta-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 22px;
    border-radius:50px;
    background:#edf5ff;
    color:#0A238C;
    font-size:14px;
    font-weight:600;
    margin-bottom:25px;
}

.vg-study-cta-badge i{
    font-size:15px;
}

.vg-study-cta-title{
    font-size:48px;
    font-weight:700;
    color:#1b2a4a;
    margin-bottom:20px;
}

.vg-study-cta-desc{
    max-width:700px;
    margin:0 auto 45px;
    font-size:18px;
    line-height:1.8;
    color:#68768c;
}

.vg-study-cta-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

/* Primary Button */

.vg-study-btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:17px 36px;
    border-radius:60px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    background:linear-gradient(135deg,#0d6efd,#0A238C);
    transition:.35s;
    box-shadow:0 15px 35px rgba(13,110,253,.18);
}

.vg-study-btn-primary:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(13,110,253,.28);
}

/* Secondary Button */

.vg-study-btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:17px 36px;
    border-radius:60px;
    text-decoration:none;
    font-weight:600;
    color:#1b2a4a;
    background:#fff;
    border:2px solid #d8e5f7;
    transition:.35s;
}

.vg-study-btn-secondary:hover{
    background:#0d6efd;
    color:#fff;
    border-color:#0d6efd;
    transform:translateY(-4px);
}

.vg-study-btn-primary i,
.vg-study-btn-secondary i{
    font-size:15px;
}

/* Responsive */

@media(max-width:768px){

    .vg-study-cta-section{
        padding:70px 15px;
    }

    .vg-study-cta-title{
        font-size:34px;
    }

    .vg-study-cta-desc{
        font-size:16px;
    }

    .vg-study-cta-buttons{
        flex-direction:column;
    }

    .vg-study-btn-primary,
    .vg-study-btn-secondary{
        width:100%;
    }

}

 /*key highlight*/
.key-highlights{
padding-top:20px !important;    
}
/*highlights    */

.study-benefits{
    margin:30px 0;
}

.study-benefits .benefit-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:16px;
}

.study-benefits .benefit-item:last-child{
    margin-bottom:0;
}

.study-benefits .benefit-item i{
    color:#0d6efd;
    font-size:18px;
    margin-top:4px;
    flex-shrink:0;
}

.study-benefits .benefit-item span{
    color:#4b5563;
    font-size:16px;
    line-height:1.7;
    font-weight:500;
}

/*study*/
    .study-kyrgyzstan-section{
    padding:90px 0;
    background:#f8fbff;
    overflow:hidden;
}

.study-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:70px;
    align-items:center;
}

.section-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#eaf4ff;
    color:#0a4fa3;
    padding:8px 18px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.study-content h2{
    font-size:46px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:25px;
    color:#0d1b2a;
}

.study-content h2 span{
    color:#0A238C;
}

.study-content p{
    font-size:17px;
    color:#666;
    line-height:1.9;
    margin-bottom:18px;
}

.study-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-top:20px;
    background:linear-gradient(135deg,#0A238C,#48a5ff);
    color:#fff;
    padding:16px 34px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.study-btn:hover{
    background:#084bb5;
    transform:translateY(-4px);
    color:#fff;
}

.study-info{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.info-card{
    background:#fff;
    padding:28px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    display:flex;
    align-items:center;
    gap:18px;
    transition:.35s;
    position:relative;
}

.info-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(13,110,253,.15);
}

.coun_icon{
    width:70px;
    height:70px;
    background:linear-gradient(135deg,#0A238C,#48a5ff);
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    flex-shrink:0;
}

.info-card h4{
    margin:0;
    font-size:18px;
    color:#0d1b2a;
    font-weight:700;
}

.info-card p{
    margin:6px 0 0;
    color:#666;
    font-size:15px;
}

@media(max-width:991px){

.study-grid{
    grid-template-columns:1fr;
    gap:45px;
}

.study-info{
    grid-template-columns:1fr 1fr;
}

.study-content h2{
    font-size:38px;
}

}

@media(max-width:576px){

.study-info{
    grid-template-columns:1fr;
}

.study-content h2{
    font-size:30px;
}

.study-content p{
    font-size:16px;
}

.info-card{
    padding:22px;
}

}
.country_bgsection{
padding-bottom:0 !important;  
background-size:cover;
}
.country_bgsection .hero-overlay{
background:linear-gradient(90deg, rgba(7, 41, 77, .95) 0%, rgb(7 41 77 / 59%) 45%, rgb(7 41 77 / 65%) 100%) !important;
}
/*eligibility*/
.kyrgyzstan-hero88{
    position:relative;
    padding:140px 0 100px;
    background-image: url(../../images/web-images/bg88.png) !important;
    overflow:hidden;
    padding-top:60px;
    padding-bottom: 0 !important;
    background-size:cover !important;
}
.kyrgyzstan-hero77{
    position:relative;
    padding:140px 0 100px;
    background-image: url(../../images/web-images/eg.jpg) !important;
    overflow:hidden;
    padding-top:60px;
    padding-bottom: 0 !important;
    background-size:cover !important;
}


/*==============================
Eligibility Section
==============================*/

.country_cont44{
padding:0 30px !important;    
}
.eligible_cont66{
text-align:center !important;    
}
.eligible_cont66 h2{
    font-size:26px !important;
    font-weight:700 !important;
    line-height:2 !important;
}
.eligible_cont66 p{
    font-size:16px !important;
    font-weight:500 !important;
    line-height:2 !important;
}
.eligible_cont66 a{
    font-size:16px !important;
    font-weight:500 !important;
    /*line-height:2 !important;*/
    margin-top:10px;
}
.eligible_cont66 h2{
    font-size:26px !important;
    font-weight:700 !important;
    line-height:2 !important;
}
.country_cont44 h2{
font-size:36px !important;    
}
.eligibility-section{
    padding:100px 0;
    background:#f8fafc;
}

.section-title .subtitle{
    display:inline-block;
    padding:8px 18px;
    background:#eef5ff;
    color:#0a3d91;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.section-title h2{
    font-size:42px;
    font-weight:700;
    color:#082b63;
    margin-bottom:18px;
    line-height:1.3;
}

.section-title h2 span{
    color:#0a3d91;
    font-size:34px;
    font-weight:600;
}

.section-title p{
    color:#6c757d;
    font-size:17px;
    line-height:30px;
    max-width:650px;
    margin:auto;
}


/*==============================
Eligibility Card
==============================*/

.eligibility-card{

    display:flex;
    align-items:flex-start;

    gap:22px;

    background:#fff;

    border:1px solid #edf2f7;

    border-radius:18px;

    padding:28px 30px;

    margin-bottom:22px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.35s ease;

}

.eligibility-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 45px rgba(0,0,0,.10);

    border-color:#d4af37;

}

.eligibility-card .icon{

    width:58px;
    height:58px;

    min-width:58px;

    border-radius:50%;

    background:#eafaf1;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.3s;

}

.eligibility-card .icon i{

    color:#22c55e;

    font-size:24px;

}

.eligibility-card:hover .icon{

    background:#22c55e;

}

.eligibility-card:hover .icon i{

    color:#fff;

}

.eligibility-card h5{

    font-size:22px;

    color:#082b63;

    font-weight:700;

    margin-bottom:8px;

}

.eligibility-card p{

    margin:0;

    color:#666;

    font-size:16px;

    line-height:28px;

}


/*==============================
Important Note
==============================*/

.important-note{

    display:flex;

    gap:22px;

    margin-top:40px;

    background:#fff8e8;

    border:1px solid #ffe2a8;

    border-left:6px solid #f4b400;

    border-radius:18px;

    padding:30px;

}

.note-icon{

    width:58px;

    height:58px;

    min-width:58px;

    background:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

}

.note-icon i{

    color:#f4b400;

    font-size:28px;

}

.important-note h5{

    color:#d48806;

    font-size:22px;

    margin-bottom:10px;

    font-weight:700;

}

.important-note p{

    margin:0;

    color:#6b5b2b;

    line-height:29px;

}


/*==============================
Responsive
==============================*/

@media(max-width:991px){

.section-title h2{

font-size:34px;

}

.section-title h2 span{

font-size:28px;

}

}

@media(max-width:767px){

.eligibility-section{

padding:70px 0;

}

.section-title{

margin-bottom:40px;

}

.section-title h2{

font-size:28px;

}

.section-title h2 span{

font-size:24px;

}

.section-title p{

font-size:15px;

line-height:26px;

}

.eligibility-card{

padding:22px;

gap:15px;

}

.eligibility-card .icon{

width:48px;
height:48px;
min-width:48px;

}

.eligibility-card .icon i{

font-size:20px;

}

.eligibility-card h5{

font-size:18px;

}

.eligibility-card p{

font-size:15px;

line-height:24px;

}

.important-note{

padding:22px;

gap:15px;

}

.note-icon{

width:48px;
height:48px;
min-width:48px;

}

.note-icon i{

font-size:22px;

}

.important-note h5{

font-size:18px;

}

}


/*destination heading*/


/*compare section*/


.kyrgyzstan-hero55{
    position:relative;
    padding:140px 0 100px;
    background-image: url(../../images/web-images/bgwhy.png) !important;
    overflow:hidden;
    padding-top:60px;
    padding-bottom: 0 !important;
}
.vgb-compare-section{
  padding:80px 5%;
  background:linear-gradient(180deg,#f5f9ff,#ffffff);
  font-family:'Poppins',sans-serif;
}

.vgb-compare-container{
  /*max-width:1100px;*/
  margin:auto;
}

.vgb-compare-header{
  text-align:center;
  margin-bottom:40px;
}

.vgb-compare-header h2{
  font-size:38px;
  color:#0f1f3a;
  margin-bottom:10px;
}

.vgb-compare-header p{
  color:#666;
}

/* TABLE DESIGN */
.vgb-table-wrapper{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
  background:#fff;
}

/* HEADER */
.vgb-table-head{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  background:linear-gradient(90deg,#0d6efd,#0A238C);
  color:#fff;
  font-weight:600;
}

.vgb-table-head div{
  padding:18px;
  text-align:center;
}

/* ROWS */
.vgb-table-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  border-bottom:1px solid #eee;
  transition:0.3s;
}

.vgb-table-row div{
  padding:16px;
  text-align:center;
  font-size:15px;
  color:#333;
}

/* hover effect */
.vgb-table-row:hover{
  background:#f0f7ff;
  transform:scale(1.01);
}

/* highlights */
.good{
  color:#0aa06e;
  font-weight:600;
}

.bad{
  color:#e63946;
  font-weight:600;
}

/* RESPONSIVE */
@media(max-width:768px){

  .vgb-compare-header h2{
    font-size:26px;
  }
  #recruiters_sec{
              margin: 75px 0px !important;
  }
  .price{
      font-size: 15px !important;
  }
  .explore-btn{
      font-size:13px !important;
  }
  .sec_destinations{
      padding-top:70px;
  }
  .wrapp_choosesec{
     display:block !important; 
  }
  .section-heading{
      text-align:center !important;
  }
  .section-heading h2{
      text-align:center !important;
  }
.about_box{
    width:100% !important;
}
.about_thumb__shape-one img{
    height:100% !important;
    padding:5px;
}
.about_thumb__one img{
    height:100% !important;
}
  .vgb-table-head,
  .vgb-table-row{
    grid-template-columns:1fr;
    text-align:left;
  }

  .vgb-table-head div{
    text-align:left;
  }

  .vgb-table-row div{
    text-align:left;
    border-bottom:1px solid #f1f1f1;
  }

}
.vgb-benefits-section,
.vgb-benefits-section *{
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

.vgb-benefits-section{
    padding:90px 5%;
    background:linear-gradient(180deg,#f6fbff 0%,#ffffff 100%);
    padding-top:50px;
}

.vgb-container{
    max-width:1200px;
    margin:auto;
}

.vgb-header{
    text-align:center;
    margin-bottom:60px;
}

.vgb-badge{
    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:#eaf4ff;
    color:#0d6efd;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.vgb-title{
    font-size:42px;
    color:#16213e;
    margin:18px 0;
    font-weight:700;
}

.vgb-subtitle{
    max-width:720px;
    margin:auto;
    color:#666;
    line-height:1.8;
    font-size:17px;
}

.vgb-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.vgb-card{
    background:#fff;
    border-radius:22px;
    padding:35px 30px;
    position:relative;
    overflow:hidden;
    border:1px solid #edf2f7;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    height:300px;
}

.vgb-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#0d6efd,#00c6ff);
    transform:scaleX(0);
    transition:.4s;
    transform-origin:left;
}

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

.vgb-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(13,110,253,.18);
}

.vgb-icon{
    width:65px;
    height:65px;
    border-radius:20px;
    background:linear-gradient(135deg, #1000ffad, #0a238ccc);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:32px;
    margin-bottom:25px;
    transition:.4s;
}

.vgb-card:hover .vgb-icon{
    transform:rotate(-10deg) scale(1.1);
}

.vgb-card h3{
    font-size:24px;
    color:#16213e;
    margin-bottom:15px;
}

.vgb-card p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

.vgb-card strong{
    color:#0d6efd;
}

@media(max-width:768px){

.vgb-benefits-section{
    padding:60px 20px;
}

.vgb-title{
    font-size:30px;
}

.vgb-grid{
    grid-template-columns:1fr;
}

.vgb-card{
    padding:28px;
}

.vgb-icon{
    width:65px;
    height:65px;
    font-size:28px;
}

}

/*pass section*/

/*==================================
            SECTION
==================================*/

.fmg-pass-sec{
    padding:0 15px;
    background:#f6f8fc;
    padding-top:0;
        margin-bottom: 40px;
}
.rowcard1{
padding-left:0;    
}
.fmg-pass-wrap{
    background:#fff;
    border-radius:30px;
    padding:55px 35px 35px;
    box-shadow:0 15px 45px rgba(20,33,61,.08);
    position:relative;
    overflow:hidden;
    padding-top: 70px;
}

/* Background Blur */

.fmg-pass-wrap::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:radial-gradient(circle,#edf3ff 0%,transparent 70%);

    top:-180px;

    right:-180px;

    z-index:0;

}

.fmg-pass-wrap>*{
    position:relative;
    z-index:2;
}

/*==================================
            HEADING
==================================*/

.fmg-top-icon{

    width:60px;

    height:60px;

    margin:auto;

    border-radius:50%;

    background:#edf3ff;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#2f63ff;

    font-size:22px;

    margin-bottom:18px;

}

.fmg-head h2{

    font-size:46px;

    font-weight:800;

    color:#1d2438;

    margin-bottom:15px;

}

.fmg-head h2 span{

    color:#0A238C;

}

.fmg-head p{

    color:#6b7280;

    font-size:16px;

}

/*==================================
            CARD
==================================*/

.fmg-step-box{

    position:relative;

    background:#fff;

    border-radius:22px;

    padding:35px 25px 25px;

    text-align:center;

    border:1px solid #edf1f8;

    box-shadow:0 12px 25px rgba(0,0,0,.05);

    transition:.35s;

    min-height:235px;
        min-height: 215px;
    padding-top: 23px;

}

.fmg-step-box:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 35px rgba(47,99,255,.12);

    border-color:#2f63ff;

}

/* Number */

.fmg-step-no{

    position:absolute;

    top:18px;

    left:18px;

    width:34px;

    height:34px;

    background:#2f63ff;

    border-radius:50%;

    color:#fff;

    font-size:13px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

}

/* Icon */

.fmg-step-icon{

    width:62px;

    height:62px;

    margin:10px auto 20px;

    background:#f2f5ff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#2f63ff;

    font-size:24px;

}

.fmg-step-box p{

    margin:0;

    color:#4b5563;

    line-height:1.7;

    font-size:15px;

}

/*==================================
            CTA
==================================*/

.fmg-bottom-box{

    margin-top:50px;

    /*background:linear-gradient(135deg,#081d52,#0d2c75);*/

    border-radius:28px;

    padding:45px;

    overflow:hidden;

    position:relative;
       background-size: cover;
       background-position: center;

}

.fmg-bottom-box::before{

    /*content:"";*/

    position:absolute;

    width:320px;

    height:320px;

    background:rgba(255,255,255,.04);

    border-radius:50%;

    right:-120px;

    bottom:-120px;

}

.fmg-bottom-left{

    display:flex;

    align-items:flex-start;

    gap:22px;

}

.fmg-help-icon{

    width:56px;

    height:56px;

    min-width:56px;

    border-radius:50%;

    background:#2f63ff;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:22px;

}

.fmg-bottom-left h3{

    color:#fff;

    font-size:38px;

    font-weight:700;

    line-height:1.3;

    margin-bottom:15px;

}

.fmg-bottom-left h3 span{

    color:#4d87ff;

}

.fmg-bottom-left p{

    color:rgba(255,255,255,.82);

    line-height:1.9;

    margin:0;

}

/* Button */

.fmg-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#fff;

    color:#2f63ff;

    padding:17px 34px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.fmg-btn:hover{

    background:#2f63ff;

    color:#fff;

}

/*==================================
        RESPONSIVE
==================================*/

@media(max-width:1199px){

.fmg-head h2{

font-size:40px;

}

.fmg-bottom-left h3{

font-size:32px;

}

}

@media(max-width:991px){

.fmg-pass-wrap{

padding:40px 25px;

}

.fmg-bottom-box{

padding:35px;

}

.fmg-bottom-left{

display:block;

text-align:center;

}

.fmg-help-icon{

margin:auto auto 20px;

}

.fmg-bottom-left h3{

font-size:28px;

}

}

@media(max-width:767px){

.fmg-pass-sec{

padding:70px 0;
padding-top:0;
}

.fmg-head h2{

font-size:30px;

}

.fmg-step-box{

min-height:auto;

padding:30px 20px 22px;

}

.fmg-bottom-box{

padding:30px 20px;

text-align:center;

}

.fmg-btn{

margin-top:25px;

}

}


/*FMGE & NExT*/
/*==============================
        SECTION
==============================*/

.exam-info-sec{
    padding:0 15px;
    background:#f5f6fa;
    padding-top:0;
        padding-bottom: 40px;
}

.exam-info-wrap{
    background:#fff;
    border-radius:28px;
    padding:35px;
    padding-top:70px;
    box-shadow:0 15px 45px rgba(20,33,61,.08);
}


/*==============================
        IMAGE
==============================*/

.exam-image-box{
    height:100%;
    overflow:hidden;
    border-radius:22px;
}

.exam-image-box img{
    width:100%;
    height:100%;
    min-height:620px;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.exam-image-box:hover img{
    transform:scale(1.04);
}


/*==============================
        BADGE
==============================*/

.exam-top-tag{
    display:inline-block;
    background:#0A238C;
    color:#fff;
    font-size:13px;
    font-weight:700;
    padding:9px 22px;
    border-radius:40px;
    margin-bottom:25px;
}


/*==============================
        TITLE
==============================*/

.exam-main-title{
    font-size:46px;
    line-height:1.2;
    font-weight:800;
    color:#1b2237;
    margin-bottom:25px;
}

.exam-main-title span{
    color:#0A238C;
}


/*==============================
        DESCRIPTION
==============================*/

.exam-main-desc{
    font-size:17px;
    line-height:1.9;
    color:#6b7280;
    margin-bottom:35px;
}


/*==============================
        INFO CARD
==============================*/

.exam-detail-card{

    display:flex;
    align-items:center;
    gap:18px;

    background:#fff;

    border:1px solid #edf1f7;

    border-radius:18px;

    padding:22px;
    padding-right:14px;

    min-height:115px;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.04);

}

.exam-detail-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 35px rgba(47,99,255,.12);

    border-color:#2f63ff;

}


/*==============================
        ICON
==============================*/

.exam-detail-icon{

    width:62px;

    height:62px;

    min-width:62px;

    border-radius:18px;

    background:#edf3ff;

    color:#2f63ff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:25px;

}


/*==============================
        CONTENT
==============================*/

.exam-detail-content h6{

    margin:0 0 8px;

    font-size:18px;

    font-weight:700;

    color:#222;

}

.exam-detail-content p{

    margin:0;

    color:#666;

    line-height:1.6;

    font-size:15px;

}


/*==============================
        RESPONSIVE
==============================*/

@media(max-width:1199px){

.exam-main-title{

font-size:40px;

}

}


@media(max-width:991px){

.exam-info-wrap{

padding:25px;

}

.exam-image-box img{

min-height:500px;

}

.exam-main-title{

font-size:34px;

}

}


@media(max-width:767px){

.exam-info-sec{

padding: 70px 8px;
padding-top: 0;
padding-bottom: 20px;


}
.fmg-head{
margin-top:50px !important;    
}

.exam-main-title{

font-size:32px;

}

.exam-main-desc{

font-size:15px;

}

.exam-detail-card{

padding:18px;

min-height:auto;

}

.exam-detail-icon{

width:55px;

height:55px;

min-width:55px;

font-size:22px;

}

.exam-image-box img{

min-height:380px;

}

}


/*guarantee*/

.guarantee-card{
    background:#fffdf5;
    border:2px solid #f58634;
    border-left:6px solid #f58634;
    border-radius:12px;
    padding:18px 20px;
    transition:.3s;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
    margin-top:26px;
}

.guarantee-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 25px rgba(244,196,48,.2);
}

.guarantee-top{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:10px;
}

.guarantee-card .fm-icon1{
    width:30px;
    height:30px;
    min-width:30px;
    border-radius:50%;
    background:linear-gradient(135deg,#f4c430,#f58634);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
}

.guarantee-card h5{
    margin:0;
    font-size:18px;
    font-weight:700;
}

.guarantee-card span{
    display:block;
    font-size:13px;
    color:#198754;
    font-weight:600;
    margin-top:3px;
}

.guarantee-card p{
    margin:0;
    color:#555;
    line-height:1.6;
}

/*nmc*/

.fmge-pass{

padding:40px 15px;

background:#f5f6fa;

}

.fmge-pass *{
box-sizing:border-box;
}

.fmge-box{

max-width:1380px;
align-items:center;

margin:auto;

background:#fff;

padding:34px;
padding-top:70px;
border-radius:28px;

display:grid;

grid-template-columns:
58% 42%;

gap:34px;

box-shadow:
0 10px 35px rgba(0,0,0,.05);

}

.fmge-left{

padding:12px 10px;

}

.fmge-left h2{

/*font-family:*/
/*Georgia,*/
/*serif;*/

font-size:46px;

line-height:1.3;

font-weight:700;

color:#111827;

margin-bottom:24px;

}

.fmge-left span{

display:block;

color:#0A238C;

}

.desc{

max-width:610px;

font-size:19px;

line-height:1.8;

color:#717171;

margin-bottom:44px;

}

.fmge-grid{

display:grid;

grid-template-columns:
1fr 1fr;

column-gap:36px;

row-gap:36px;

}

.fm-item{

display:flex;

align-items:flex-start;

gap:18px;

}

.fm-icon{

width:58px;

height:58px;

min-width:58px;

border-radius:16px;

background:#f4f6ff;

display:flex;

align-items:center;

justify-content:center;

}

.fm-icon i{

font-size:24px;

color:#2d5eff;

}

.fm-item p{

font-size: 17px;
    line-height: 1.8;
    color: #0c223c;
    margin: 0;
    font-weight: 500;

}

.fmge-right{

height:820px;
padding-right: 20px;

}

.fmge-right img{

width:100%;

height:100%;

object-fit:cover;

border-radius:26px;

display:block;

}


@media(max-width:992px){

.fmge-box{

grid-template-columns:
1fr;

}

.fmge-left h2{

font-size:52px;

}

.fmge-right{

height:520px;
padding-right: 0;

}

}


@media(max-width:768px){


.add_list{
font-size:12px !important;    
}
.fmge-pass{

padding:20px 8px;

}

.fmge-grid{

grid-template-columns:
1fr;

}

.fmge-left h2{

font-size:32px;

}
.fmge-box{
 padding: 34px 25px;
}

.desc{

font-size:16px;

}

}

/*destination*/

.hero-overlay2{
    background:linear-gradient(90deg, rgba(7, 41, 77, .95) 0%, rgb(7 41 77 / 61%) 45%, rgb(7 41 77 / 61%) 100%) !important;
}
.kyrgyzstan-hero2{
    position:relative;
    padding:140px 0 100px;
    background-image: url(../../images/web-images/mbbs.png) !important;
    overflow:hidden;
    background-size:cover !important;
    padding-bottom:0 !important;
}
.kyrgyzstan-hero23{
    position:relative;
    padding:140px 0 100px;
    background-image: url(../../images/web-images/comp.png) !important;
    overflow:hidden;
    background-size:cover !important;
    padding-bottom:0 !important;
}
.ux-section{
  padding:110px 5%;
  background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFF 100%);
  font-family:Poppins,sans-serif;
}

/* heading */
.ux-head{
  text-align:center;
  margin-bottom:60px;
}

.ux-head h2{
  font-size:46px;
  font-weight:800;
  color:#0F172A;
}

.ux-head h2 span{
  background:linear-gradient(90deg, #0a238cfa, #0A238C);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.ux-head p{
  color:#64748B;
  margin-top:10px;
}

/* GRID */
.ux-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
}

/* CARD */
.ux-card{
  position:relative;
  padding:30px 25px;
  border-radius:22px;
  background:rgba(255,255,255,0.7);
  backdrop-filter:blur(12px);
  border:1px solid rgba(37,99,235,0.15);
  box-shadow:0 10px 30px rgba(15,23,42,0.05);
  text-align:center;
  overflow:hidden;
  transition:.4s;
}

/* hover premium glow */
.ux-card:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 60px rgba(37,99,235,0.18);
  border:1px solid rgba(37,99,235,0.35);
}

/* shiny animation overlay */
.ux-card::before{
  content:"";
  position:absolute;
  top:-50%;
  left:-50%;
  width:200%;
  height:200%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);
  transform:rotate(25deg);
  opacity:0;
  transition:.6s;
}

.ux-card:hover::before{
  animation:shine 1s ease;
}

@keyframes shine{
  0%{opacity:0; transform:translateX(-100%) rotate(25deg);}
  100%{opacity:1; transform:translateX(100%) rotate(25deg);}
}

/* circle badge */
.ux-circle{
  width:60px;
  height:60px;
  margin:auto;
  border-radius:50%;
  background:linear-gradient(135deg,#0A238C,#60A5FA);
  color:#fff;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 25px rgba(37,99,235,0.25);
  margin-bottom:15px;
}

/* text */
.ux-card h3{
  font-size:22px;
  margin:8px 0;
  color:#0F172A;
}

.ux-fee{
  color:#0A238C;
  font-weight:600;
  font-size:14px;
}

/* line */
.ux-line{
  width:60%;
  height:1px;
  background:#E2E8F0;
  margin:15px auto;
}

/* link */
.ux-card a{
    text-decoration: none;
    color: #0A238C;
    font-weight: 600;
    /* background: #0A238C; */
    font-size: 14px;
    border-radius: 10px;
    padding: 10px 40px;
    border: 1px solid #0a238c52;
}

/* RESPONSIVE */
@media(max-width:992px){
  .ux-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .ux-head h2{
    font-size:34px;
  }
}

@media(max-width:600px){
  .ux-grid{
    grid-template-columns:1fr;
  }
}

/*mbbs abroad*/
.vx-mbbs{
  padding:100px 5%;
  background:radial-gradient(circle at top left,
    rgba(224,233,255,.9) 0%,
    rgba(255,255,255,0) 35%),

    radial-gradient(circle at top right,
    rgba(240,243,255,.9) 0%,
    rgba(255,255,255,0) 35%),

    radial-gradient(circle at bottom right,
    rgba(235,240,255,.9) 0%,
    rgba(255,255,255,0) 35%),

    linear-gradient(
    180deg,
    #f8faff 0%,
    #ffffff 50%,
    #f8faff 100%
    );
  font-family:Poppins,sans-serif;
}

/* container */
.vx-container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:60px;
}

/* badge */
.vx-badge{
  display:inline-block;
  padding:10px 18px;
  background:#ffffff70;
  color:#0A238C;
  border-radius:50px;
  font-size:13px;
  font-weight:600;
  margin-bottom:20px;
}

/* title */
.vx-title{
  font-size:46px;
  font-weight:800;
  color:#0F172A;
  margin-bottom:15px;
}

.vx-title span{
  color:#0A238C;
}

/* text */
.vx-text{
  color:#64748B;
  line-height:1.9;
  margin-bottom:30px;
  font-size:15px;
}

/* list */
.vx-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.vx-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  background:#fff;
  border:1px solid #E2E8F0;
  border-radius:14px;
  transition:.3s;
}

.vx-item:hover{
  transform:translateX(5px);
  box-shadow:0 10px 25px rgba(29,78,216,0.08);
  border-color:#BFDBFE;
}

.vx-dot{
  width:22px;
  height:22px;
  border-radius:50%;
  background:#1D4ED8;
  color:#fff;
  font-size:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

/* sidebar */
.vx-card{
  position:sticky;
  top:100px;
  background:#fff;
  border:1px solid #E2E8F0;
  border-radius:20px;
  padding:25px;
  box-shadow:0 20px 50px rgba(2,6,23,0.06);
}

.vx-card h3{
  font-size:22px;
  margin-bottom:20px;
  color:#0F172A;
}

/* info boxes */
.vx-box{
  padding:14px;
  border-radius:14px;
  background:#F8FAFF;
  border:1px solid #E2E8F0;
  margin-bottom:12px;
  transition:.3s;
}

.vx-box:hover{
  background:#EEF5FF;
  border-color:#BFDBFE;
}

.vx-box span{
  display:block;
  font-size:12px;
  color:#1D4ED8;
  font-weight:600;
  margin-bottom:5px;
}

.vx-box p{
  margin:0;
  font-size:13px;
  color:#475569;
  line-height:1.6;
}

/* responsive */
@media(max-width:991px){
  .vx-container{
    grid-template-columns:1fr;
  }

  .vx-title{
    font-size:34px;
  }

  .vx-card{
    position:relative;
    top:auto;
  }
}

/*nmc css*/



/*scholar guide */


.knowledge-article p{
    font-size:16px;
    line-height:2;
    color:#555;
    margin-bottom:22px;
    text-align:justify;
}

.knowledge-article h2{
    font-size:32px;
    margin:40px 0 20px;
    color:#0A238C;
}

.knowledge-article h3{
    font-size:24px;
    margin:30px 0 15px;
    color:#111;
}

.knowledge-article ul{
    padding-left:25px;
    margin:20px 0;
}

.knowledge-article li{
    margin-bottom:10px;
    line-height:1.8;
}
.knowledge-center-section{
    padding:100px 0;
    background:#f7f9fc;
    padding-top:80px;
}

.knowledge-center-wrapper{
    display:grid;
    grid-template-columns:380px 1fr;
    gap:35px;
}

.knowledge-sidebar{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 15px 50px rgba(0,0,0,.08);
    position:sticky;
    top:100px;
    height:fit-content;
}

.knowledge-sidebar-header{
    padding:30px;
    background:#0A238C;
}

.knowledge-sidebar-header h3{
    color:#fff;
    margin-bottom:20px;
}

.knowledge-search-box input{
    width:100%;
    height:55px;
    border:none;
    border-radius:12px;
    padding:0 20px;
}

.knowledge-category-list{
    max-height:800px;
    overflow-y:auto;
}

.knowledge-category-list ul{
    list-style:none;
    padding:20px;
}

.knowledge-category-list li{
    padding:16px;
    margin-bottom:10px;
    border-radius:15px;
    cursor:pointer;
    transition:.3s;
    display:flex;
    align-items:center;
    gap:12px;
}

.knowledge-category-list li.active{
    background:#0A238C;
    color:#fff;
}

.cat-number{
    width:36px;
    height:36px;
    border-radius:50%;
    background:#eef4ff;
    color:#0A238C;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:700;
}

.knowledge-content-area{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 15px 50px rgba(0,0,0,.08);
}

.knowledge-banner{
    position:relative;
}

.knowledge-banner img{
    width:100%;
    height:500px;
    object-fit:cover;
}

.knowledge-banner-overlay{
    position:absolute;
    left:50px;
    bottom:50px;
    color:#fff;
}

.knowledge-banner-overlay span{
    display:inline-block;
    background:#ff7a00;
    padding:8px 18px;
    border-radius:50px;
}

.knowledge-banner-overlay h1{
    margin-top:20px;
    font-size:46px;
    max-width:800px;
}

.knowledge-article{
    padding:50px;
}

.knowledge-highlight-box{
    padding:30px;
    background:#f8fbff;
    border-radius:20px;
    margin:40px 0;
}

.knowledge-card{
    padding:30px;
    border-radius:20px;
    border:1px solid #edf2f7;
    margin-top:25px;
}

.knowledge-feature-card{
    padding:35px;
    background:#f8fbff;
    border-left:5px solid #ff7a00;
    border-radius:20px;
    margin-top:25px;
}

.knowledge-cta{
    margin-top:50px;
    text-align:center;
    padding:50px;
    border-radius:25px;
    background:linear-gradient(135deg,#0A238C,#163cc7);
}

.knowledge-cta h3,
.knowledge-cta p{
    color:#fff;
}

.knowledge-cta a{
    display:inline-block;
    margin-top:20px;
    padding:15px 35px;
    border-radius:50px;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
}

/*get in touch*/

.contact-strip-section{
    position:relative;
    margin-top:70px;
    z-index:10;
    padding-bottom:90px;
}

.contact-strip{
    background:#fff;
    border-radius:24px;
    padding:45px 55px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;

    box-shadow:
    0 15px 50px rgba(15,23,42,.08),
    0 5px 20px rgba(15,23,42,.05);

    border:1px solid rgba(10,35,140,.08);

    position:relative;
    overflow:hidden;
}

.contact-strip::before{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(10,35,140,.04);
    border-radius:50%;
    right:-100px;
    top:-100px;
}

.contact-strip::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(255,138,61,.08);
    border-radius:50%;
    left:-80px;
    bottom:-80px;
}

.contact-content{
    position:relative;
    z-index:2;
    max-width:700px;
}

.contact-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:50px;
    background:#f2f6ff;
    color:#0A238C;
    font-weight:600;
    margin-bottom:18px;
}

.contact-tag i{
    color:#ff8a3d;
}

.contact-content h2{
    font-size:42px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:15px;
}

.contact-content p{
    font-size:17px;
    color:#64748b;
    line-height:1.8;
    margin:0;
}

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

.contact-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:linear-gradient(135deg,#ff8a3d,#ff6b00);
    color:#fff;
    text-decoration:none;
    padding:18px 38px;
    border-radius:60px;
    font-size:16px;
    font-weight:600;
    transition:.4s;
    box-shadow:0 15px 35px rgba(255,138,61,.3);
}

.contact-btn:hover{
    transform:translateY(-5px);
    color:#fff;
}

.contact-btn i{
    transition:.4s;
}

.contact-btn:hover i{
    transform:translateX(5px);
}

@media(max-width:991px){

.contact-strip{
    flex-direction:column;
    text-align:center;
    padding:40px 30px;
}

.contact-content h2{
    font-size:32px;
}
}

/*counter section*/

.se-stats-area{
    position:relative;
    margin-top:-80px;
    z-index:10;
}

.se-stats-wrapper{
    background:#fff;
    border-radius:35px;
    padding:35px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    box-shadow:0 25px 70px rgba(0,0,0,.10);
}

.se-stat-card{
    text-align:center;
    padding:30px 20px;
    border-radius:25px;
    background:#fff;
    transition:.4s ease;
    position:relative;
    overflow:hidden;
}

.se-stat-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(10,35,140,.03),
        transparent
    );
    opacity:0;
    transition:.4s;
}

.se-stat-card:hover{
    transform:translateY(-10px);
}

.se-stat-card:hover::before{
    opacity:1;
}

.se-stat-icon{
    width:85px;
    height:85px;
    margin:0 auto 18px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #0A238C,
        #4169ff
    );
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 15px 30px rgba(10,35,140,.25);
}

.se-stat-icon i{
    color:#fff;
    font-size:34px;
}

.se-stat-card h3{
    font-size:48px;
    font-weight:800;
    color:#07294d;
    line-height:1;
    margin-bottom:12px;
}

.se-stat-card p{
    color:#68768a;
    font-size:16px;
    font-weight:600;
    margin:0;
}

/* Responsive */

@media(max-width:991px){

    .se-stats-wrapper{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){

    .se-stats-area{
        margin-top:-50px;
    }

    .se-stats-wrapper{
        grid-template-columns:1fr;
        padding:25px;
        border-radius:25px;
    }

    .se-stat-card h3{
        font-size:38px;
    }

    .se-stat-icon{
        width:75px;
        height:75px;
    }
}

/*how we help you*/

.se-help-area{
    position:relative;
    padding:90px 0;
   background-image: url(../../images/schbanner.png);
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;
}

/* Dark Overlay */

.se-help-overlay{
    position:absolute;
    inset:0;
    /*background:linear-gradient(135deg, rgb(7 41 77 / 72%), rgb(10 35 140 / 39%))*/
    background:linear-gradient(90deg, rgba(7, 41, 77, .95) 0%, rgb(7 41 77 / 38%) 45%, rgba(7, 41, 77, .55) 100%);
}

/* Decorative Shapes */

.se-help-area::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    top:-150px;
    right:-120px;
}

.se-help-area::after{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    bottom:-120px;
    left:-120px;
}

.se-help-area .container{
    position:relative;
    z-index:5;
}

/* Heading */

.se-help-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 55px;
}

.se-help-label{
    display:inline-flex;
    align-items:center;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(10px);
    color:#fff;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:18px;
}

.se-help-header h2{
    color:#fff;
    font-size:40px;
    font-weight:800;
    margin-bottom:15px;
    line-height:1.2;
}

.se-help-header p{
    color:rgba(255,255,255,.85);
    font-size:17px;
    line-height:1.8;
}

/* Cards Row */

.se-help-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

/* Glass Cards */

.se-help-box{
    position:relative;
    padding:35px 30px;
    border-radius:30px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    transition:.4s ease;
    overflow:hidden;
}

.se-help-box::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(255,255,255,.12),
        rgba(255,255,255,.02)
    );
    pointer-events:none;
}

.se-help-box:hover{
    transform:translateY(-12px);
    background:rgba(255,255,255,.12);
}

.se-help-box-icon{
    width:75px;
    height:75px;
    border-radius:22px;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.20);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
}

.se-help-box-icon i{
    font-size:30px;
    color:#fff;
}

.se-help-box h3{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
}

.se-help-box p{
    color:rgba(255,255,255,.85);
    line-height:1.9;
    font-size:15px;
    margin:0;
}

/* Responsive */

@media(max-width:991px){

    .se-help-wrapper{
        grid-template-columns:1fr;
    }

    .se-help-header h2{
        font-size:38px;
    }

    .se-help-area{
        padding:70px 0;
    }
}

@media(max-width:576px){

    .se-help-header h2{
        font-size:30px;
    }

    .se-help-header p{
        font-size:15px;
    }

    .se-help-box{
        padding:28px 22px;
    }

    .se-help-box h3{
        font-size:21px;
    }
}

/*AISEE*/
.aisee-section{
    padding:100px 0;
    /*background:#f8fbff;*/
}

.aisee-card{
    display:flex;
    align-items:center;
    gap:70px;
    background:#fff;
    border-radius:30px;
    padding:60px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    position:relative;
    overflow:hidden;
}

.aisee-card::before{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(10,35,140,.04);
    border-radius:50%;
    top:-120px;
    right:-120px;
}

.aisee-card::after{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(10,35,140,.03);
    border-radius:50%;
    bottom:-80px;
    left:-80px;
}

.aisee-logo{
    flex:0 0 280px;
    text-align:center;
    position:relative;
    z-index:2;
}

.aisee-logo img{
    width:100%;
    max-width:260px;
    transition:.4s;
}

.aisee-logo img:hover{
    transform:scale(1.05);
}

.aisee-content{
    flex:1;
    position:relative;
    z-index:2;
}

/* Heading */

.heading-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    background:#eef4ff;
    color:#0A238C;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.aisee-heading h2{
    font-size:32px;
    line-height:1.15;
    font-weight:800;
    color:#07294d;
    margin:0;
}

.aisee-heading h2 span{
    /*display:block;*/
    color:#0A238C;
}

.heading-line{
    width:90px;
    height:5px;
    border-radius:50px;
    background:linear-gradient(90deg,#0A238C,#4e7bff);
    margin-top:22px;
    margin-bottom:25px;
}

/* Content */

.aisee-content p{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin-bottom:18px;
}

/* Features */

.aisee-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 18px;
    background:#f8fbff;
    border-radius:12px;
    color:#07294d;
    font-weight:600;
}

.feature-item i{
    color:#0A238C;
}

/* Button */

.aisee-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 35px;
    background:#0A238C;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.aisee-btn:hover{
    background:#05196e;
    color:#fff;
    transform:translateY(-3px);
}

/* Responsive */

@media(max-width:991px){

    .aisee-card{
        flex-direction:column;
        text-align:center;
        padding:40px 25px;
        gap:40px;
    }

    .heading-line{
        margin-left:auto;
        margin-right:auto;
    }

    .aisee-heading h2{
        font-size:36px;
    }

    .aisee-features{
        grid-template-columns:1fr;
    }

    .aisee-logo img{
        max-width:180px;
    }
}

@media(max-width:576px){

    .aisee-heading h2{
        font-size:28px;
    }

    .heading-badge{
        font-size:13px;
    }
}

/*scholarships*/

.kyrgyzstan-hero1{
    position:relative;
    padding:140px 0 100px;
    background-image: url(../../images/web-images/scho2.png) !important;
    overflow:hidden;
    background-size:cover !important;
    padding-bottom:0 !important;
    padding-top:35px !important;
        background-position: bottom !important;
}

.scholarship-category-section{
    padding:100px 0;
    padding-top:40px;
     background:
    radial-gradient(circle at top left,
    rgba(224,233,255,.9) 0%,
    rgba(255,255,255,0) 35%),

    radial-gradient(circle at top right,
    rgba(240,243,255,.9) 0%,
    rgba(255,255,255,0) 35%),

    radial-gradient(circle at bottom right,
    rgba(235,240,255,.9) 0%,
    rgba(255,255,255,0) 35%),

    linear-gradient(
    180deg,
    #f8faff 0%,
    #ffffff 50%,
    #f8faff 100%
    );
    position:relative;
    overflow:hidden;
}
.scholarship-category-section::before{
    content:"";
    position:absolute;

    width:550px;
    height:550px;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.7);

    top:-250px;
    left:-331px;

    box-shadow:
    0 0 0 60px rgba(255,255,255,.35),
    0 0 0 120px rgba(255,255,255,.15);

    z-index:0;
}

.scholarship-category-section::after{
    content:"";
    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.5);

    right:-250px;
    bottom:-250px;

    box-shadow:
    0 0 0 50px rgba(255,255,255,.25),
    0 0 0 100px rgba(255,255,255,.12);

    z-index:0;
}
.section-heading{
    text-align:center;
    max-width:900px;
    margin:0 auto 70px;
    margin-bottom:0;
}
.dot-pattern-two{
    left:auto;
    top:auto;

    right:40px;
    bottom:40px;
}
.dot-pattern{
    position:absolute;
    top:40px;
    left:40px;

    width:120px;
    height:120px;

    background-image:
    radial-gradient(#d5defd 2px, transparent 2px);

    background-size:15px 15px;

    opacity:.8;
}
.heading-decoration{
    position:absolute;
    width:100%;
    top:40px;
    left:0;
    pointer-events:none;
}

.leaf{
    position:absolute;
    width:60px;
    height:90px;
}

.leaf.left{
    left:18%;
}

.leaf.right{
    right:18%;
    transform:scaleX(-1);
}

.leaf span{
    position:absolute;
    width:18px;
    height:35px;
    border:2px solid #d8a437;
    border-radius:50px;
    border-left:none;
    border-bottom:none;
    transform-origin:bottom center;
}

.leaf span:nth-child(1){
    left:0;
    top:50px;
    transform:rotate(-45deg);
}

.leaf span:nth-child(2){
    left:10px;
    top:35px;
    transform:rotate(-25deg);
}

.leaf span:nth-child(3){
    left:18px;
    top:20px;
    transform:rotate(0deg);
}

.leaf span:nth-child(4){
    left:28px;
    top:35px;
    transform:rotate(25deg);
}

.leaf span:nth-child(5){
    left:38px;
    top:50px;
    transform:rotate(45deg);
}

.badge-title{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 30px;
    background:#fff;
    border:1px solid #dbe4ff;
    border-radius:50px;
    color:#0A238C;
    font-size:14px;
    font-weight:700;
    box-shadow:0 10px 25px rgba(10,35,140,.08);
}

.section-heading h2{
    font-size:45px;
    font-weight:800;
    line-height:1.15;
    color:black;
    margin:25px 0;
        margin-bottom: 15px;
}

.section-heading h2 span{
    color:#0A238C;
}

.heading-divider{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.heading-divider span{
    width:120px;
    height:2px;
    background:#dce4ff;
}

.heading-divider i{
    color:#f6b335;
}

.section-heading p{
    max-width:700px;
    margin:auto;
    font-size:18px;
    line-height:1.8;
    color:#667085;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.scholarship-card{
    position:relative;
    height:270px;
    border-radius:22px;
    overflow:hidden;
    text-decoration:none;
    transition:.5s;
    box-shadow:
    0 10px 25px rgba(0,0,0,.08),
    0 20px 50px rgba(10,35,140,.10);
}

.scholarship-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s;
}

.scholarship-card:hover img{
    transform:scale(1.08);
}

.card-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(7, 20, 70, .92) 0%, rgb(7 20 70 / 45%) 55%, rgba(7, 20, 70, .15) 100%);
}

.card-number{
    position:absolute;
    top:15px;
    left:15px;
    min-width:55px;
    height:38px;
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
    font-weight:700;
    z-index:5;
}

.card-content{
    position:absolute;
    left:20px;
    right:20px;
    bottom:18px;
    z-index:5;
}

.card-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    font-size:26px;
    margin-bottom:15px;
}

.card-content h3{
    color:#fff;
    font-size:18px;
    line-height:1.4;
    font-weight:700;
    max-width:220px;
    margin:0;
}

.card-arrow{
    position:absolute;
    right:0;
    bottom:0;
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#2b55ff;
    color:#fff;
    box-shadow:
    0 0 0 4px rgba(255,255,255,.12),
    0 0 25px rgba(43,85,255,.6);
    transition:.4s;
}

.scholarship-card:hover{
    transform:translateY(-8px);
}

.scholarship-card:hover .card-arrow{
    transform:translateX(5px);
}

@media(max-width:991px){

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

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

@media(max-width:576px){

    .section-heading h2{
        font-size:32px;
            margin: 25px 10px !important;
    }

    .category-grid{
        grid-template-columns:1fr;
    }

    .scholarship-card{
        height:220px;
    }
}

/*kyrgyzstan medical university*/

.top-universities-section{
padding:100px 0;
background:#f8fbff;
padding-top: 0;
}

.section-title{
margin-bottom:60px;
}

.title-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 22px;
border-radius:50px;
background:#eef4ff;
color:#0A238C;
font-weight:600;
margin-bottom:20px;
}

.section-title h2{
font-size:48px;
font-weight:800;
color:#0A238C;
margin-bottom:15px;
}

.section-title p{
color:#666;
}

.universities-wrapper{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.university-card{
background:#fff;

border:1px solid #e5ebf5;

border-radius:24px;

padding:28px;

display:flex;

flex-direction:column;

position:relative;

transition:.35s;
}

.university-card:hover{
transform:translateY(-8px);

box-shadow:0 20px 50px rgba(10,35,140,.08);

border-color:#0A238C;
}

.university-card::before{
content:'';

position:absolute;

top:0;

left:0;

width:100%;

height:4px;

/*background:*/
/*linear-gradient(*/
/*90deg,*/
/*#0A238C,*/
/*#F7931A*/
/*);*/
}

.card-ribbon{
position:absolute;

top:18px;

right:18px;

background:#F7931A;

color:#fff;

padding:8px 15px;

border-radius:50px;

font-size:12px;

font-weight:600;
}

.uni-header{
display:flex;

gap:15px;

align-items:center;

margin-bottom:22px;
}

.uni-logo{
width:75px;

height:75px;

border-radius:18px;

border:1px solid #e8eef8;

display:flex;

align-items:center;

justify-content:center;
}

.uni-logo img{
width:48px;

height:48px;

object-fit:contain;
}

.uni-info h3{
color:#0A238C;

font-size:18px;
font-weight: 600;

margin-bottom:6px;
}

.uni-info p{
margin:0;

color:#777;
}

.fee-section{
display:flex;

align-items:center;
justify-content: space-between;

gap:10px;

margin-bottom:28px;
}

.fee-section span{
font-size:16px;

font-weight:700;

color:#666;
}

.fee-section h4{
margin:0;

font-size:18px;

font-weight:800;

color:#0A238C;
}

.uni-tags{
display:flex;

flex-wrap:wrap;

gap:8px;

margin-top:auto;
}

.uni-tags span{
padding:8px 14px;

background:#eef4ff;

color:#0A238C;

border-radius:30px;

font-size:12px;

font-weight:700;
}

.fee-footer{
margin-top:25px;

padding-top:20px;

border-top:1px solid #edf1f8;

display:flex;

justify-content:flex-end;
}

.arrow-btn{
width:50px;

height:50px;

border-radius:50%;

background:#0A238C;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

text-decoration:none;
}

.arrow-btn:hover{
background:#F7931A;

color:#fff;
}

@media(max-width:1200px){

.universities-wrapper{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.universities-wrapper{
grid-template-columns:1fr;
}

.section-title h2{
font-size:32px;
}

.fee-section{
flex-wrap:wrap;
}

.fee-section h4{
font-size:28px;
}

}

/*why kyryzstan*/

.why-kyrgyzstan-section{
    padding:100px 0;
    background:#F8FBFF;
}

.section-tag{
    display:inline-block;
    background:#eaf3ff;
    color:#0A238C;
    padding:10px 22px;
    border-radius:50px;
    font-weight:600;
    margin-bottom:20px;
}

.why-kyrgyzstan-section h2{
    font-size:48px;
    font-weight:800;
    color:#0A238C;
    margin-bottom:25px;
}

.section-desc{
    font-size:17px;
    line-height:1.9;
    color:#666;
    margin-bottom:15px;
}

.country-info-card{
    background:linear-gradient(
    135deg,
    #0A238C 0%,
    #061B6B 100%);
    border-radius:25px;
    padding:35px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.info-item{
    background:rgba(255,255,255,.08);
    border-radius:15px;
    padding:25px;
    text-align:center;
}

.info-item h4{
    color:#F7931A;
    font-size:24px;
    font-weight:800;
    margin-bottom:8px;
}

.info-item span{
    color:#fff;
    font-size:15px;
}

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

.benefit-box{
    background:#fff;
    border-radius:20px;
    padding:30px;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    position:relative;
    overflow:hidden;
}

.benefit-box::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#F7931A;
    transform:scaleX(0);
    transition:.4s;
}

.benefit-box:hover::before{
    transform:scaleX(1);
}

.benefit-box:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(247,147,26,.15);
}

.benefit-box i{
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
        background: #eef4ff;
    color: #0A238C;
    border-radius:15px;
    font-size:22px;
    margin-bottom:20px;
}

.benefit-box h4{
    color:#0A238C;
    font-size:20px;
    font-weight:700;
    margin-bottom:12px;
}

.benefit-box p{
    color:#666;
    line-height:1.7;
    margin:0;
}

@media(max-width:991px){

    .country-info-card{
        margin-top:40px;
    }

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

    .why-kyrgyzstan-section h2{
        font-size:38px;
    }

}

@media(max-width:576px){

    .benefits-grid{
        grid-template-columns:1fr;
    }

    .country-info-card{
        grid-template-columns:1fr;
    }

    .why-kyrgyzstan-section h2{
        font-size:30px;
    }

}

/*kyrgyzstan css*/

.kyrgyzstan-hero{
    position:relative;
    padding:140px 0 100px;
    background-image: url(../../images/web-images/uzbg.png);
    overflow:hidden;
    padding-top:60px;
}
.kyrgyzstan-hero66{
    position:relative;
    padding:140px 0 100px;
    background-image: url(../../images/web-images/abt55.png) ! important;
    overflow:hidden;
    padding-top:60px;
    padding-bottom:0 !important;
}
.kyrgyzstan-hero12{
    position:relative;
    padding:140px 0 100px;
    background-image: url(../../images/web-images/adm.png) ! important;
    overflow:hidden;
    padding-top:60px;
    padding-bottom:0 !important;
    background-size:contain !important;
    padding-bottom:0 !important;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(7, 41, 77, .95) 0%, rgb(7 41 77 / 38%) 45%, rgba(7, 41, 77, .55) 100%);
}

.kyrgyzstan-hero .container{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:auto;
    padding:0 15px;
}

.hero-content{
    max-width:780px;
}

.featured-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.2);
    color:#fff;
    font-weight:600;
    margin-bottom:25px;
}

.hero-content h1{
    font-size:72px;
    font-weight:800;
    color:#fff;
    line-height:1.1;
    margin-bottom:20px;
}

.subtitle{
    font-size:22px;
    color:rgba(255,255,255,.9);
    line-height:1.8;
    max-width:700px;
    margin-bottom:35px;
}

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:60px;
}

.btn-primary{
    background:#f58634;
    color:#07294d;
    padding:16px 35px;
    border-radius:60px;
    font-weight:700;
    text-decoration:none;
    transition:.4s;
}

.btn-primary:hover{
    transform:translateY(-3px);
}

.btn-secondary{
    background:transparent;
    color:#fff !important;
    border:2px solid #fff;
    padding:16px 35px;
    border-radius:60px;
    font-weight:700;
    text-decoration:none;
    transition:.4s;
}

.btn-secondary:hover{
    background:#fff !important;
    color:#0A238C !important;
    transform:translateY(-3px);
}

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

.stat-card{
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:20px;
    padding:28px 20px;
    text-align:center;
}

.stat-card h3{
    color:#ffb703;
    font-size:32px;
    font-weight:800;
    margin-bottom:8px;
}

.stat-card span{
    color:#fff;
    font-size:15px;
    display:block;
}

@media(max-width:991px){

.hero-content h1{
    font-size:50px;
}

.stats-wrapper{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.kyrgyzstan-hero{
    padding:100px 0 70px;
}

.hero-content h1{
    font-size:38px;
}

.subtitle{
    font-size:18px;
}

.stats-wrapper{
    grid-template-columns:1fr;
}

.hero-buttons{
    flex-direction:column;
}

.btn-primary,
.btn-secondary{
    text-align:center;
}

}

/*section heading*/
/*.section-title{*/
/*    text-align:center;*/
/*    max-width:900px;*/
/*    margin:0 auto;*/
/*}*/

/*.section-title__tagline{*/
/*    display:inline-flex;*/
/*    align-items:center;*/
/*    gap:12px;*/
/*    padding:12px 24px;*/
/*    border-radius:50px;*/
/*    background:rgba(255,136,0,0.08);*/
/*    border:1px solid rgba(255,136,0,0.15);*/
/*    color:#ff8800;*/
/*    font-size:15px;*/
/*    font-weight:700;*/
/*    letter-spacing:1px;*/
/*    text-transform:uppercase;*/
/*    margin-bottom:25px;*/
/*}*/

/*.section-title__tagline i{*/
/*    width:40px;*/
/*    height:40px;*/
/*    border-radius:12px;*/
/*    background:linear-gradient(135deg,#ff8800,#ffb347);*/
/*    color:#fff;*/
/*    display:flex;*/
/*    align-items:center;*/
/*    justify-content:center;*/
/*    font-size:18px;*/
/*}*/

/*.section-title__title{*/
/*    font-size:68px;*/
/*    font-weight:800;*/
/*    line-height:1.1;*/
/*    color:#07294d;*/
/*    margin-bottom:20px;*/
/*}*/

/*.section-title__title span{*/
/*    display:block;*/
/*    margin-top:10px;*/
/*    background:linear-gradient(90deg,#ff8800,#ffb347);*/
/*    -webkit-background-clip:text;*/
/*    -webkit-text-fill-color:transparent;*/
/*    position:relative;*/
/*}*/

/*.section-title__title span:after{*/
/*    content:'';*/
/*    position:absolute;*/
/*    left:50%;*/
/*    bottom:-10px;*/
/*    transform:translateX(-50%);*/
/*    width:180px;*/
/*    height:6px;*/
/*    border-radius:50px;*/
/*    background:linear-gradient(90deg,#ff8800,#ffb347);*/
/*}*/

/*.section-title p{*/
/*    max-width:700px;*/
/*    margin:35px auto 0;*/
/*    color:#6b7280;*/
/*    font-size:18px;*/
/*    line-height:1.8;*/
/*}*/

/*@media(max-width:991px){*/

/*    .section-title__title{*/
/*        font-size:50px;*/
/*    }*/

/*}*/

/*@media(max-width:767px){*/

/*    .section-title__title{*/
/*        font-size:36px;*/
/*    }*/

/*    .section-title__tagline{*/
/*        font-size:13px;*/
/*        padding:10px 18px;*/
/*    }*/

/*    .section-title__tagline i{*/
/*        width:35px;*/
/*        height:35px;*/
/*    }*/

/*}*/

/*countries css*/

.sec_destinations{
padding:100px 0;    
}
.study-destinations{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
    /*padding: 0 20px;*/
    margin-top: 60px;
}

.country-card{
    position:relative;
    min-height:450px;
    border-radius:28px;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    transition:.4s ease;
}

.country-card:hover{
    transform:translateY(-10px);
}

.country-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.1) 20%,
        rgba(0,0,0,.85) 100%
    );
}

.card-content{
    position:absolute;
    bottom:30px;
    left:30px;
    right:30px;
    z-index:2;
    color:#fff;
}

.country-tag{
    display:inline-block;
    padding:8px 16px;
    border-radius:50px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    font-size:14px;
    margin-bottom:18px;
}

.card-content h3{
    font-size:28px;
    line-height:1.15;
    margin-bottom:12px;
    font-weight:700;
}

.card-content p{
    font-size:15px;
    color:rgba(255,255,255,.85);
    margin-bottom:20px;
}

.price{
    display:inline-block;
    background:#fff;
    color:#0f2f8f;
    padding:12px 18px;
    border-radius:14px;
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
}

.explore-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:14px 24px;
    border-radius:14px;
    background:#d52b1e;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.explore-btn:hover{
    background:#ef3b2d;
}

/* Individual Backgrounds */

.card-russia{
    background-image: url(../../images/web-images/ky.jpg);
}

.card-georgia{
    background-image: url(../../images/web-images/rs.jpg);
}

.card-kazakhstan{
    background-image: url(../../images/web-images/ge.jpg);
}

.card-uzbekistan{
     background-image: url(../../images/web-images/ka.jpg);
}

.card-kyrgyzstan{
    background-image: url(../../images/web-images/ph.jpg);
}

.card-philippines{
    background-image: url(../../images/web-images/ba.jpg);
}
.card-china{
    background-image: url(../../images/web-images/chi.png);
}
.card-Uzbekistan{
    background-image: url(../../images/web-images/img22.png);
}
.card-Ukraine{
    background-image: url(../../images/web-images/uk.png);
}
/*end countries css*/


.mid_banner43{
    padding: 0 45px;    
}
.skills_con img{
opacity:0.8 !important;    
}

/*end new css*/

 /* ==================
======================================= */
.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 10px 18px 113px;
  margin: 0 0 20px;
  overflow: hidden;
      width: 300px;
  -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;
  position: relative;
font-size: 16px;
    font-weight: bold;
}
.wrapp_choosesec{
display:flex;
justify-content:space-evenly;
}
.about_box__text {
  font-weight: var(--fw-semibold);
  letter-spacing: 0.32px;
  line-height: 26px;
  margin: 0;
  position: relative;
  font-size: 14px;
    font-weight: 500;
    color: #726e6e;
}

.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: 700px;
}
.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);
  background-position:center !important;
  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/bg33.png);
  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); 
}

.com-logo p{
font-size:14px;
color:gray;
}
.com-logo h5{
    font-size:15px;
    /*line-height:0 !important;*/
    padding-top:10px;
    font-weight:600;
}
#recruiters_sec .com-logo img {
width: 50px;
margin: auto;
transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s;
border-radius: 50%;
height: 55px;
width: 55px;
box-shadow: 0px 2px 12px -7px;
margin-bottom: 15px;
padding:5px;
  
}

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

#recruiters_sec .com-logo {
text-align: var(--text-center);
border: 1px solid #e4dbdefa;
padding: 10px;
background: #f7f4f5;
border-radius: 10px;
height:170px;
margin-top:60px;
}

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

#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: -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: 30px;
  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: visible;
  padding-bottom:0;
}
.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;
  margin-bottom: 100px;
  margin-right: 50px;
}

#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: 100%;
  margin-top: 0;
  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========================================================================================== */


.feedback_country{
/*background:#f58634;    */
/*color:white !important;*/
/*border-radius:10px;*/
/*padding:10px;*/
/*width:180px;*/
/*display:flex;*/
/*align-items:center;*/
/*justify-content:center;*/
font-weight:500;
}
#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;
  }
  .distance-hero{
      height: 66vh!important;
    min-height: 176px!important;
  }
    .distance-hero h1 {
        font-size: 18px!important;
    }
        .distance-hero p {
        font-size: 12px!important;
    }
    .distance-hero .hero-content .btn-primary{
        font-size: 0.8rem;
            padding: 7px 14px;
    }
    
}

@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;
  }
  .top-header .addressPart a{
      font-size: 8px!important;
  }
}


/* 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;
    margin-right: 50px;
}
.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;} */