/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdn.hugeicons.com/font/hgi-stroke-rounded.css');
:root{
 --bg: #004c94;

 /* --bg: #5fcf80; */
}
body {
  font-family: "Montserrat", sans-serif !important;
  color: #313131 !important;
  background-color: rgb(244, 244, 244) !important; 
  
}
.dashboard_body{
  opacity: 1 !important;
}
main{
  margin: 0% auto !important;
  max-width: 1400px !important;
  padding: 0px;
  opacity: 0 ;
  transition: 2s ease-in-out !important;

}
.border-org{
  border: 1px solid var(--bg) !important;
}
main.body_fadein{
opacity: 1 !important;
}
.text_stroke{
  font-weight: bolder !important;
  /* font-family: sans-serif !important; */
  -webkit-text-stroke: 2px var(--bg) !important;
  -webkit-text-fill-color: white;

}
.pills_dropdown{
  position:relative !important;

}
.crop_lg{
  width: max-content !important;
  /* display: flex !important; */
  /* background-color: red !important; */
}
.pills_dropdown .dropdown-menu{
top: 0% !important;
left: 0% !important;
width: 100% !important;
background-color: rgb(250, 250, 250) !important;
  position:absolute !important;

}
#main_course_content{
  text-align: justify !important;
}
.main_loader_Div{
  z-index: 22222292 !important;
  backdrop-filter: blur(10px) !important;
  /* background-color:rgba(29, 29, 29, 0.507) !important; */
  position: fixed !important;
  width: 100% !important;
  background-color: white !important;
  height: 100vh !important;
}

.loader_div{
   backdrop-filter: blur(10px) !important;
  background-color:rgb(255, 255, 255) !important;

transition: 0.9s ease-in-out !important;
  /* background-color: rgb(255, 255, 255) !important; */
}
.div_1{
  height: 50vh;
  width: 100%;
  
  position: absolute;
  top: 0;
  z-index: 9222999 !important;
  animation: div1load 0.9s linear 1;
}

@keyframes div1load {

  0%{
    height:100%;
  }

  100%{
    height:0%;
  }

}
.div_2{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50vh;
  z-index: 9222999 !important;

  animation: div2load 0.9s linear 1;
}

@keyframes div2load {

  0%{
    height:100%;
    bottom:0;
  }

  100%{
    height:0%;
    bottom:0;
  }

}

.loader_div_remove{
  height: 0% !important;
}
.loader_spinner{
  width: 0%;
  z-index: 92929292 !important;
  position: absolute;
  top: 49.5% !important;
  height: 1vh !important;
  background-color: var(--bg) !important;
  animation: 0.9s linear 1 spine_load;
}
@keyframes spine_load {
  0%{width: 0%;}
  100%{width: 100%;}

}
section{
  overflow: hidden !important;
opacity:0;
transform: translateY(80px);
transition: all 1.6s ease;
}

section.section_animation{
opacity:1;
  overflow: hidden !important;

transform: translateY(0px);
}

.navfix{
transition: 1.2s ease-in-out !important;
  border-radius: 0% !important;
border: 1px solid lightgray !important;
  position:fixed !important;
  top: 0% !important;
}


img{
/* opacity:0 !important; */
/* transform:translateY(40px); */
transition:all 2.6s ease;
}

img.img_animation{
opacity:1 !important;
/* transform:translateY(0); */
}
.btn_1_piils_stick{
  z-index: 402 !important;
  position: fixed !important;
  top: 5px !important;
  left: 5px !important;
}
.dash_col_3 {
  transition: 0.9s ease-in-out !important;
}
.ql-tooltip{
  display: none !important;
}
.dash_col_9 {
  background-color: white !important;
  overflow-y: scroll !important;    
  min-height: 95vh;    
   max-height: 1400px;
  }
 .round_20{
border-radius: 15px !important;
 }
 


.table_contact .search {
  margin: 0% auto !important;         
    width: 100% !important;
    /* margin-bottom: 10px; */
}
 .table_contact td{
  padding: 15px 5px !important;
 }
   #editor {
      height: 200px !important;
    }
 .table_contact{
  color: rgb(128, 128, 128) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  border: 1px solid rgb(243, 243, 243) !important;
 }
 .table_contact thead{
  border-radius: 15px !important;
  color: white !important;
  background-color: var(--bg) !important;
 }
 .offcanvas_right{
  margin: 0.5% 0.5% !important;
  height: 96% !important;
  width: 24% !important;
 }
.db_body{
  position: relative !important;
  max-width: 1400px !important;
  margin: 0% auto !important;
  /* background-color: rgb(241, 241, 241) !important;  */
padding: 10px  !important;
}
.dashboard_body{
  border-radius: 20px  !important;
  height: 98vh !important;
  /* background-color: white; */
}
#editor{
  height: max-content !important;
}
.form_login input{
  border: none;
  background-color: white !important;
  border-radius: 8px !important;
  
}

.color-2 {
  color: var(--color2) !important;
}

button {
  cursor: grab !important;
}

.active1 {
  color: var(--golden-color) !important;
}

.col-text {
  color: var(--text-color1) !important;
  font-weight: 400 !important;
}

.col-org {
  color: var(--bg) !important;
  /* color: var(--bg) !important; */
}


.span-head {
  font-size: 13px;
  font-weight: 600 !important;
  color: white;
}




.big_nav .nav-item:hover .nav-link{
  color: white !important;
}
.head_course{
  height: 50px !important;
  /* background-color: green !important; */
}
.big_nav .nav-item:hover{
padding: 5px 0px !important;
color: white !important;
  background-color: var(--bg) !important;
}
.nav_cont{
 margin: 0% auto !important;
  max-width: 1400px !important;
 
}
.foot_cont{
 margin: 0% auto !important;
  max-width: 1400px !important;
  
}
body.nav_ani .navbar{
  transition: 1.2s ease-in-out !important;

}
.nav_ani{
  transition: 1.2s ease-in-out !important;

}
.big_nav {

  transition: 1.2s ease-in-out !important;
  /* top: 0%; */
  z-index: 20300 !important;
  border-radius: 25px ;
  /* background-color: red; */
  background-color: rgb(255, 255, 255) !important;
  /* position: absolute !important; */
  /* padding: 20px 3px !important; */
  /* background-color: #ffffff2c !important; */
  /* backdrop-filter: blur(19px); */
  border: 1px solid rgba(255, 255, 255, 0.418);

}

.backroun {
  background-color: var(--bg);
}

/* NAVBAR */
.top {
  border-bottom: 0.01px solid rgba(255, 255, 255, 0.17);
  z-index: 111 !important;
}

.text-col {
  color: rgb(95, 94, 94) !important;
}

.span12 {
  font-size: 14px !important;
}

.colb {
  color: rgb(48, 47, 47) !important;
  font-weight: 400 !important;
}
@media (max-width:992px) {
  .tagline{
    font-size: 12px !important;
  }
  .io{
    display: none !important;
  }
}
.io2 {
  clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 80%, 100% 100%, 17% 100%, 0 78%, 0 0);
   border: 5px solid white !important;
  background-size: cover;
  object-fit: cover;
  bottom: 20px;
  position: absolute;
}

.io1 {
  
height: 100% !important;
  background-position: left !important;
  object-fit: cover;
  background-size: cover;
  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 100% 100%, 20% 100%, 0% 80%, 0 0);}




.btn3 {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border: none !important;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  transition: 0.4s ease-in-out !important;
  position: relative !important;
padding: 10px;
}

.icon-hover {
  padding-top: 10px !important;
  color: white;
  position: absolute !important;
  width: 15% !important;
  height: 100% !important;
  bottom: 0%;
  transition: 0.4s ease-in-out !important;
  background-color: var(--bg);
  font-size: 14px !important;
  z-index: 111;
  left: 0px;
  border: none !important;
}

.topbtnfix {
  bottom: 40px !important;
  color: white !important;
  border-radius: 50px;
right: 5px;
  z-index: 111111 !important;
  padding: 12px;
  height: 50px;
  width: 50px;
  font-size: 14px;
  text-align: center !important;
  font-weight: 900 !important;
  font-weight: 700 !important;
  background-color: var(--bg);
  position: fixed;
  border: 1px solid white !important;
}
/* ====================== SWIPER ===============*/
.swiper {
  width: 100%;
  max-width: 100%;
 padding-bottom: 50px !important;

}
.swiper-slide img{
  background-size: cover;
  object-fit:cover;
background-position: center;
  height: 250px !important;
}
.swiper-slide {
  transition: 0.6s ease-in-out !important;
  background: rgb(236, 236, 236)   ;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  height: 250px;
  width: 28%;
  border-radius: 10px;
}

/* Pagination bullets */
.swiper-pagination-bullet {
  transition: 0.6s ease-in-out !important;
  padding: 10px;
  border-radius: 40px !important;
  background-color: #48505c !important;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  transition: 0.6s ease-in-out !important;

  padding: 10px 20px;
  border-radius: 40px !important;
  background-color: var(--bg)!important;
}
/* =======================SWIPER ==============*/
/* .big_nav .dropdown-large {
  position: absolute !important;
 width: max-content !important;
box-shadow: none !important;
border: 1px solid white !important;
} */

.nav_tog_btn{
  font-size: 28px !important;
  transform:rotate(90deg) !important;
}
.col_lg_12_category_feature{
  padding: 4px !important;
  border-radius: 15px 15px 15px 15px !important;

}
.col_lg_12_category_feature img{
  height: 150px !important;
  border-radius: 15px 15px 0px 0px !important;

  object-fit: cover !important;
  width: 100% !important;
}


.col_lg_12_course_code{
  padding: 4px !important;
  border-radius: 15px 15px 15px 15px !important;

}
.col_lg_12_course_code img{
  height: 150px !important;
  border-radius: 15px 15px 0px 0px !important;

  object-fit: cover !important;
  width: 100% !important;
}
.fs__6{

font-size: 12px; }
.fs_6{
  background-color: #ebeaea !important;
  /* font-weight: bold !important; */
  border-radius: 20px !important;
  font-size: 14px !important;
  color: #313131 !important;
}




.btn3:hover .icon-hover {
  transition: 0.4s ease-in-out !important;

  background-color: var(--bg) !important;
  width: 100% !important;
  height: 100% !important;
  color: white !important;
}

.colb2 {
  color: white !important;
}

@media (max-width:576px) {

  .big_nav .dropdown-menu>li>.nav-link {

    font-size: 11px !important;
  }

  .big_nav .dropdown-menu>.big_nav .dropdown-item {

    font-size: 11px !important;
  }

  .nav-item>.nav-link {
    font-size: 12px !important;
  }
}
.offcanvas-end .dropdown-item{
  font-size: 14px;
}

.img_of_category_files{
  border-radius: 10px !important;
  width: 100% !important;
  object-fit: cover;
  padding: 6px !important;
  background-color: #c2c1c1 !important;
  height: 210px !important;
}
.dash_col_9 input{
  border-radius: 10px !important;
}
.dash_col_9 select{
  border-radius: 10px !important;
}
.dash_col_9 textarea{
  border-radius: 10px !important;
}


.nav-item>.nav-link {
  color: rgb(36, 36, 36) !important;
  font-size: 15px !important;
  z-index: 22222 !important;
 
  transition: 0.5s ease-in !important;
  letter-spacing: 0.1px;
  padding: 0px 10px !important;
}



/* 
.nav-item.big_nav .dropdown:hover .big_nav .dropdown-menu {
} */
 .big_nav .dropdown{
  z-index: 223 !important;

  padding: 10px 0px !important;
height: 100% !important;
 }
.big_nav .dropdown:hover  .dropdown-menu{
  opacity: 1 !important;
  padding: 5px 6px;
  z-index: 223 !important;

  height: max-content !important;
  display: block !important;
}

.big_nav .dropdown_nav{
  z-index: 223 !important;
 border-top:none  !important;
 border-left: 1px solid rgb(236, 236, 236) !important;
 border-right: 1px solid rgb(236, 236, 236) !important;
 border-bottom: 1px solid rgb(236, 236, 236) !important;
width: min(1200px) !important;
margin: 0% -340% !important;
  /* position: absolute !important; */
  /* opacity: 0; */
  /* top: 100% !important; */
  /* height: 0% !important; */
  /* overflow: hidden !important; */
  display:none!important;
transition: 0.8s ease-in-out !important;
}
.dropdown-menu ,.dropdown{
 
  transition: 0.6s ease-in-out !important;
}
.dropdown-menu .dropdown-item{
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgb(134, 134, 134) !important;
}
.big_nav .dropdown-large .big_nav .dropdown-item {
  font-size: 12px !important;
  transition: 0.2s ease-in-out !important;
}


li>.big_nav .dropdown-item:hover {
  color: white !important;
  background-color: var(--bg);

}

.big_nav .dropdown-large>div>div>.big_nav .dropdown-item {
  transition: 0.2s ease-in-out !important;
}

.big_nav .dropdown-large>div>div>.big_nav .dropdown-item:hover {
  color: white !important;
  background-color: var(--bg);

}


/* NAVBAR */

.selc {
  color: white !important;
  outline: none !important;
  border: none;

  border-bottom: 1px solid #ffffff !important;
}

.ddd {
  font-size: 12px;
  color: var(--text-color) !important;
}

.selc1e {
  font-size: 14px;
  border: none !important;
  border-bottom: 1px solid var(--text-color) !important;
}

.carousel-item>div>img {
  top: 0px;
  object-fit: cover;
  background-size: cover;
  height: 100vh !important;
}

.top {
  display: none !important;
}


.btn1 {
  background-color: white;
  color: var(--bg);
  border: none;
  outline: none;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 55px;
  border-radius: 20px;
  transition: 0.9s ease-in-out !important;
}

.btn1:hover {
  background-color: var(--bg);
  color: white;
}


.offcanvas-end {
  transition: 0.9s ease-in-out !important;
  width: 75% !important;
  z-index: 2222222 !important;
  overflow-y: scroll  !important;
  height: max-content !important;
  background-color: #ffffff !important;
  backdrop-filter: blur(19px);
  border: 1px solid rgba(255, 255, 255, 0.418);
  z-index: 111111111 !important;
}
.offcanvas-end::-webkit-scrollbar{
  background-color: transparent !important;
}
.offcanvas-end .nav-item {
  margin: 10px 0px;
  text-align: start !important;
}
.lo {
  height: 100vh !important;
  position: fixed !important;
  z-index: 1111111 !important;
  background-color: rgb(255, 255, 255) !important;
}


.carousel-item>div>img {
  background-attachment: fixed !important;
  height: 100vh !important;

}

@media (max-width:992px) {
  .big_nav .dropdown-header {
    margin-left: -19px !important;
  }

  .main1 {
    bottom: -250px !important;
  }
}

a:hover{
  cursor: grabbing !important;
}
.carousel-item {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
}


.slider-img1 {
  /* width: 99.990% !important; */
/* margin:0.2% 0.5% !important; */
/* border-radius: 20px; */
  transition: 0.9s ease-in-out !important;
  background-position: center !important;
  object-fit: cover;
  border-radius: 20px !important;
  background-color: white !important;
  /* background-size: cover; */
  background-repeat: no-repeat;
  background-attachment: fixed !important;
  height:600px !important;
}
.banner_img{
  z-index: 2 !important;
}
.banner_img_pos{
  border-radius: 50px !important;
  bottom: 0% !important; 
  z-index: 1 !important;
  height: 93% !important;
  width: 70% !important;
  /* border-radius: 10% !important; */
  right: 8% !important;
  position: absolute !important;
  background-color: rgb(233, 233, 233) !important;
}


.cardi {

  margin-left: 14px;
  font-size: 20px !important;
  padding: 10px;
  text-align: center;
  color: white;
  background-color: var(--bg) !important;
  border-radius: 50%;
  margin-top: -55px !important;

  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;

}

.dfd {
  position: relative !important;
  z-index: 22 !important;
  border-radius: 10px !important;

}

.card-text {
  font-weight: 400;
  color: var(--text-color);
  font-size: 15px;
}

.rightarrowdark {
  fill: var(--bg) !important;
}

.carhover {
  border-radius: 10px !important;

  transition: 0.9s ease !important;
  width: 5% !important;
  background-color: var(--bg) !important;
  position: absolute !important;
  height: 5%;
  left: 6%;
  top: 0px;
  z-index: -1;
  padding: 10px;
  border-radius: 50%;


}

.car:hover .dfd {
  color: white !important;
}

.car:hover .card-body>h5 {
  color: white !important;
}

.card-body>.card-title {
  text-transform: capitalize !important;
  transition: 0.9s ease !important;

}

.card-body>h5,
.card-body>.card-text {
  transition: 0.9s ease !important;
}

.car:hover .card-body>.card-text {
  color: white !important;
}

.car:hover .dfd>i {
  color: var(--bg);
  background-color: white !important;
}

.car:hover .carhover {


  border-radius: 0%;

  height: 100% !important;
  width: 100% !important;
  left: 0px;
  background-color: var(--bg) !important;
}


/*  */

.card:hover .crett1 {
  color: var(--bg) !important;
  display: block !important;
}

.crett1 {
  color: var(--bg);
  display: none !important;

}

.crett {
  font-size: 24px;

  border-radius: 30px;
  background-color: transparent !important;

}

.cret>i {
  color: white !important;
  font-size: 24px;
}

.color-blue {
  color: var(--color2) !important;
}

.cb {
  color: var(--color2) !important;
}

.op {

  z-index: 22 !important;
  background-color: #050c2bc4;
  height: 100% !important;
}

.appdiv>div {
  transition: 0.9s ease-in-out !important;
  margin: 5px 0px;

}

.appdiv>div:hover {
  background-color: var(--bg);
  color: white;

}

.i1 {
  width: 100%;
  object-fit: cover;
  background-size: cover;
  height: 55vh !important;
}

.i4 {
  object-fit: cover;
  background-size: cover;
  height: 500px !important;
}

@media (max-width:992px) {
  .ex-page {
    justify-content: center;
    font-size: 12px !important;
  }
}

.ex-page {
  padding: 40px 0px !important;
  font-size: 16px;
  background-color: var(--bg);
  background-attachment: fixed;
  background-size: cover;
  object-fit: cover;
  border-radius: 50px;
  border: 20px solid white;
  background-position: left;
}

.h1e {
  transition: 0.9s ease-in-out !important;
  font-size: 136px !important;
}

@media (max-width:992px) {
  .h1e {
    font-size: 96px !important;
  }
}

.bg-col {
  background-color: var(--bg)!important;
}
.nav_pills .nav-link.active{
  background-color: var(--text-color) !important;
}
.nav_pills .nav-link{
  padding: 10px !important;
  color: rgb(34, 34, 34) !important;
}

.course-img1 {
  border-radius: 14px;
  object-position: center;
  object-fit: cover;
  background-position: center !important;
  background-size: cover;
  height: 100%;
}

.cardtt {
  transition: 0.6s ease-in-out !important;
  background-color: #1818188a;
}

.cardtt:hover {
  background-color: #181818c8;
}



.course-img {
  overflow: hidden !important;
  height: 400px;
  z-index: 1;
  border: 8px solid white;
}

.hov {
  height: 100%;
  width: 100%;
  bottom: 0% !important;
  background-color: #161a22a9;
  transition: 0.9s ease;
}

.course-img {
  border-radius: 8%;
  transition: 0.6s ease-in-out !important;
}

.course-img>div>img:hover {

  background-position: left !important;

}

.course-img:hover .hov {
  color: white !important;
  width: 100%;
  /* transform: scale(1.09); */
  background-color: #161616dc !important;
  height: 385px;
}

.justify-text {
  text-align: justify !important;
}
.head-1{
  font-size: 166px !important;
}

.br1{
  border-radius: 5px ;
}

/* swiper */
swiper-container {
  width: 100%;
  height: 100%;
}

swiper-slide {

  font-size: 14px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* swiper */

.adbook {

  background-color: #ffffff !important;
  border-radius: 12px;
  z-index: 2;
}

iframe {
  background-color: white !important;
}

.formm {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: rgba(255, 255, 255, 0.76);
}

#form>div>input {
  text-transform: capitalize;
  padding: 10px;
  border-radius: 8px !important;
  border: 1px solid var(--bg) !important;

  outline: 2px solid white !important;
  transition: 0.9s ease-in-out !important;
}

#form>div>input:focus {
  outline: 2px solid white !important;

  border-bottom: 1px solid var(--bg) !important;
}

#form>div>select {
  background-color: transparent;
  border: none;
  color: grey;
  border-bottom: 1px solid #d4d4d4;
  border-radius: 0px
}

#form>div>textarea:focus {
  outline: 2px solid white !important;

  border-bottom: 1px solid var(--bg) !important;

}

#form>div>textarea {
  background-color: transparent;
  border: none;
  width: 100%;
  transition: 0.9s ease-in-out !important;
  border-bottom: 1px solid #d4d4d4 !important;
  border-radius: 0px
}

.aphov {
  transition: 0.5s ease-in-out !important;
  width: 2%;
  position: absolute !important;
  right: 2px !important;
  height: 100%;
  border-bottom: 5px solid white !important;
  margin: 4px 0px !important;
  background-color: var(--bg);
}

.appdiv:hover .aphov {
  z-index: -1;
  border-radius: 0% !important;
  width: 100%;
  right: 0% !important;
  height: 100%;
  color: white !important;
}

.appdiv:hover {
  color: white !important;
}

/* */
.back {
  /* transform: scale(0.99.9) !important; */
  transition: 0.9s ease-in-out !important;
  background-position: center !important;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed !important;
  height: 90vh;

}

.back1 {
  transform: scale(0.99.9) !important;
  transition: 0.9s ease-in-out !important;
  background-position: center !important;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed !important;
  height: 90vh;

}




.contact-bg-img {
  z-index: -1;
  position: absolute;

}

.locte {
  margin-top: -5px;
  font-size: 14px;
}

.form-control1 {
  border-radius: 6px !important;
  padding: 15px !important;
  font-size: 14px !important;
  outline: none !important;
  transition: 0.3s ease-in-out !important;

}

.form-control1:hover {
  border: 1px solid var(--bg);
}

.form-control1:focus {

  border: none;
  border-bottom: 1px solid var(--bg) !important;
  outline: none !important;
  color: var(--bg) !important;
}

.map {
  height: 80vh !important;
}


.list-unstyled>li>a {
  font-size: 15px;
  /* color: rgb(214, 214, 214) !important; */

}

.testimoina {
  padding: 40px 0px;

}

.test-bg {
  width: 100%;
  background-size: cover;
  object-fit: cover;
  position: relative !important;

}

@media (max-width:992px) {
  .testi1 {
    height: 240px !important;

  }
}

.testi1 {
height: 500%;
width: 100%;
  border-radius: 2%;

  object-fit: cover;

}
/* Change background of the collapsed content */


/* Optional: Change background of the button when active */




.testi2 {
  border-radius: 9%;

  object-fit: cover;
  position: absolute;
  background-size: cover;
  bottom:  10px;
  position: absolute;
  border: 5px solid white !important;
  object-fit: cover;
  object-position: center center;
  background-size: cover;
  right: -20px;

}

@media (max-width:992px) {
  .testi2 {
    margin: 20px 0px !important;
    object-fit: cover !important;
    width: 80% !important;
    display: none !important;
  }

  .testi1 {
    object-fit: cover !important;

    width: 100% !important;
  }
}


/* sucess */
.suc1 {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;

  background-color: var(--bg) !important;
  clip-path: polygon(0 0, 100% 0%, 87% 100%, 0% 100%);
}

@media (max-width:992px) {
  .suc1 {
    border-radius: 20px !important;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
}

.suc2 {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;

}



/* suecss */

.divof {

  padding: 5px 7px;
  border-radius: 14px;
  z-index: 5;
  position: absolute;
  bottom: -20px;
  left: 4%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border: 1px solid lightgrey;
  background-color: white !important;
}
.siderbar_course_img{
  object-fit: contain !important;
  height: 250px !important; 
  width: 100% !important;
}


.smalltext {
  color: var(--text-color);
  font-size: 14px !important;
}

.us {
  height: 500px !important;
  object-fit: cover;
  border-radius: 15px;
  background-position: center;
  background-size: cover;
  position: relative;
}




.ushover {
  transition: 0.9s ease !important;
  position: absolute;
  height: 20%;
  bottom: -50px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
  width: 90%;
  margin-left: 5% !important;

  border-radius: 16px;
  background-color: white;
}

.grttt:hover .ushover {
  padding: 30px 0px !important;
  height: 80% !important;

}

.grttt:hover .displaynone {
  display: block !important;
  z-index: 10;
  opacity: 1;
}

.displaynone {
  opacity: 0;
  z-index: -1;
  display: none;
}

.grttt>div>img {
  object-fit: cover;

}

.evcol {
  height: 70vh !important;
  position: relative;
}

.ev-col-1 {
  border-radius: 30px;
  height: 400px !important;
}

.ev-c-1 {
  clip-path: polygon(0 0, 75% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);
  position: absolute;
}

.ev-c-2 {
  bottom: 0px;
  right: 20px;
  position: absolute;
}

.ev-c-3 {
  position: absolute;


  clip-path: circle(50% at 50% 50%);
  background-color: red;
}

section{
  padding: 0px 15px !important;
}
.big_nav .dropdown-header{
  position: relative !important;
}
.big_nav .dropdown-header::after{
/* background-color: red !important; */
position: absolute !important;
bottom: 0% !important;
left: 4% !important;


  content: "" !important;
width: 80% !important; 
background-color: var(--bg) !important;
  border-bottom: 2px solid var(--bg) !important;
  /* border-bottom-width: 2px !important; */
}

.big_nav .dropdown-header {
  text-transform: capitalize !important;
  border-radius: 0% !important;
  text-align: start !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: black !important;
}

.divaddc>a {
  transition: 0.3s ease-in-out !important;
  padding: 2px 5px;
  border-radius: 40px;
  color: #6095FF !important;
  background-color: white;
}

.divaddc {

  width: 100%;
  transition: 0.3s ease-in-out !important;


  bottom: 90px;
  position: absolute;
  opacity: 0 !important;

  height: 0px;
  transition: 0.3s ease-in-out !important;
  border-bottom: 1px solid white;
}

.colddd:hover .divaddc {
  transition: 0.3s ease-in-out !important;

  opacity: 1 !important;
  height: 40px;
  background-color: #6095FF;
}

.colddd {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
}

footer a{
  text-decoration: none;
 }
 footer .list-unstyled li{
 
   margin: 10px 0px !important;
}
 footer .list-unstyled li a{
  color: #504f4f !important;
  font-weight: 400 !important;
 }

.frameworkpic {
  height: 285px !important;

  object-fit: cover !important;
  background-size: cover !important;

  position: relative !important;
}

.icon>a>i {

  border-radius: 10px;

  font-size: 13px;
  transition: 0.3s ease-in-out !important;
}

.icon>a>i:hover {
  color: var(--bg) !important;
}

.diveye {
  display: flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center;
  position: absolute !important;
  height: 1% !important;
  width: 1% !important;
  border-radius: 200%;
  transition: 0.9s ease-in-out !important;
}

.frameworkpic:hover .diveye {
  background-color: #6095ff78 !important;
  height: 100% !important;
  width: 100% !important;
  border-radius: 0% !important;
}



.text-justify1 {
  text-align: justify !important;

}

.rightarrow {
  font-weight: 700;
  font-size: 124px;
  fill: white !important;
}

.rightarrow-dark {
  font-weight: 1000;
  fill: var(--bg) !important;
}

.hov>div>h5 .hov>div>h6 {
  color: rgba(78, 8, 8, 0.637) !important;
}

.course-img:hover .hov>div>h5,
.hov>div>h6 {
  color: white !important;
}

#nav-width {
  border-bottom: 3px solid var(--bg) !important;
  width: 1%;
  bottom: 0px;
  left: 0%;
  position: absolute;
}

.aboutback {
  background-color: white !important;
  transform: scale(1) !important;
  transition: 0.9s ease-in-out !important;
  background-position: center !important;
  object-fit: cover !important;
  box-sizing: border-box !important;
  background-size: cover !important;
  background-repeat: no-repeat;
  /* max-width: 1340px !important; */
  /* margin: 0% auto !important; */
  height: 10vh;
  z-index: -1;
}

.card-text {
  text-transform: lowercase;
  color: rgb(138, 138, 138) !important;
}

.whycol-1 {
  height: 100vh !important;
  background-position: center;

  object-fit: cover;
  background-size: cover;
}

@keyframes progressAnimation {
  from {
    width: 0%;
  }

  to {
    width: var(--progress-value);
  }
}

.progress {
  background-color: #e0e0e0;
  ;
  height: 10px;
  width: 95%;

  border-radius: 5px;
  overflow: hidden;
}


.progress-bar {
  height: 100%;
  border-radius: 5px;
  background-color: #6095FF !important;
  animation: progressAnimation 12s ease-out infinite;
}





.card-body-1 {
  padding: 15px;

  position: relative;
  z-index: 22 !important;
}

.dekop {
  color: white;
  z-index: -1 !important;
  position: absolute;
  background-color: #6095ff;
  top: 0px;
  height: 100%;
  width: 0%;
  right: 0% !important;
  transition: 1.9s ease-in-out !important;
}

.card-body-1:hover .dekop {
  left: 0% !important;
  color: white !important;
  width: 100%;

}

.card-text-1,
.card-title-1,
.fa-shapes {

  transition: 0.9s ease-in-out !important;

}

.card-body-1:hover .card-text-1,
.card-body-1:hover .card-title-1,
.card-body-1:hover .fa-shapes {
  color: white !important;
}

.card-1 {
  margin: 10px 0px;
  box-shadow: none;
  border: none !important;
}

.card-body-1 {
  border-radius: 5%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

/*  */

.card-body-2 {

  position: relative;
  z-index: 22 !important;

}

.dekop-2 {
  color: white;
  z-index: -1 !important;
  position: absolute;
  background-color: #6095ff;
  top: 23px;
  height: 5%;
  width: 1%;
  left: 3%;
  transition: 0.9s ease-in-out !important;
}

.card-body-2:hover .dekop-2 {
  height: 100%;
  top: 0%;
  left: 0%;
  color: white !important;
  width: 100%;
  border-radius: 2%;
}

.card-text-2,
.card-title,
.fa-solid {

  transition: 0.9s ease-in-out !important;

}

.btn3 {

  transition: 0.5s ease-in-out !important;

}

.card-body-2:hover .card-text-2,
.card-body-2:hover .card-title,
.card-body-2:hover .fa-solid {
  color: white !important;
}

.card-body-2:hover .fa-solid {
  color: #6095ff !important;
  background-color: white !important;
}

.fa-solid {

  transition: 0.9s ease-in-out !important;
}

.card-2 {
  margin: 10px 0px;
  box-shadow: none;
  border: none !important;
}

.card-body-2 {
  transition: 0.9s ease-in-out !important;

  border-radius: 2%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important;
}

.ft {
  transition: 0.9s ease-in-out !important;
  font-size: 14px !important;
  font-weight: 600;
  border-radius: 10% !important;
}

.card-body-2:hover .ft {
  background-color: white !important;
  color: #6095ff !important;
}


.color-2 {
  text-align: justify !important;
  font-size: 15px;
  color: #4d4d4d !important;
}

.color-2 {

  font-size: 15px;
  font-weight: 500 !important;

}

@keyframes progressAnimation {
  from {
    width: 0%;
  }

  to {
    width: var(--progress-value);
  }
}

.progress {
  background-color: #e0e0e0;
  ;
  height: 10px;
  width: 95%;

  border-radius: 5px;
  overflow: hidden;
}


.progress-bar {
  height: 100%;
  border-radius: 5px;
  background-color: #6095FF !important;
  animation: progressAnimation 12s ease-out infinite;
}

.whycol-11 {
  z-index: -1;
  height: 100vh;
  background-position: center;
  object-fit: cover !important;
  background-size: cover 1;
}

.frm {
  background-color: var(--bg) !important;
}




@media (max-width:992px) {
  .timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: white !important;
  }
}

.timeline {
  position: relative;

}

.timeline::before {
  content: '';
  position: absolute;
  left: 48%;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #6095FF;
}

.timeline-item {
  position: relative;
  margin-bottom: 30px;
}

.timeline-item .year {
  font-size: 1.5rem;
  font-weight: bold;
  color: #6095FF;
  margin-bottom: 10px;
}


.apply_now_bnt{
  position: sticky;
  height: max-content;
  z-index: 2;
  bottom: 5%;
}

.col_9_course_page{
  font-size: 17px !important;
}
.img_course_page{
  height: 70vh !important;
  background-size: cover !important;
  object-fit: cover !important;
  background-position: center;
  background-attachment: fixed !important;
}
@media (max-width:992px) {
  .img_course_page {
    width: 100%;
      height: 50vh !important;
  }
} 



@media (max-width:	576px) {
  .img_course_page {
    width: 100%;
      height: 30vh !important;
  }
} 
.icon_div_fix{
  z-index: 22222;
  position: fixed;
  top: 50%;
  right: 0%;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background-color: var(--bg);
  padding: 5px;
border: 2px solid white;  
transition: 0.5s ease-in-out;
}

.icon_div_fix a{
width: 40px;
padding: 10px 4px;
font-size: 18px !important;
margin: 2px 0px;
border-radius: 5%;
text-align: center !important;
background-color: white;
}
.icon_div_fix a i{
color: var(--bg);
}

.about_Div_O img{
height: 300px;
background-size: cover;
object-fit: cover;
background-position: center;
}

/* ============== LOADER CSS START ============== */
.loader_CO{
  height: 100vh ;
  background-color: rgba(70, 69, 69, 0.205) ;
 backdrop-filter: blur(9px) !important;
  position: fixed ;
  top: 0% ;
  width: 100%;
  z-index: 2222222 ;
  transition: 0.5s ease-in-out;
}
.rem{
  display: none !important;
}
/* From Uiverse.io by kennyotsu */ 
.card {
  /* color used to softly clip top and bottom of the .words container */
  padding: 10px 40px !important;
  border: 1px solid white !important;

  box-shadow: none !important;
  text-align: center !important;
  border-radius: 6px !important;
}
.loader {
  text-align: center !important;

  box-shadow: none;
  border: 1px solid white;
  font-weight: 500;
  font-size: 25px !important;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 40px;
  padding: 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color:transparent !;
  border-radius: 1px !important;
}

.words {
  overflow: hidden;
  position: relative;
}
.words::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    var(--bg-color) 10%,
    transparent 30%,
    transparent 70%,
    var(--bg-color) 90%
  );
  z-index: 20;
}

.word {
  display: block;
  height: 150%;
  padding-left: 6px;

  color: var(--bg);
  animation: spin_4991 4s infinite;
}

@keyframes spin_4991 {
  10% {
    -webkit-transform: translateY(-102%);
    transform: translateY(-102%);
  }

  25% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  35% {
    -webkit-transform: translateY(-202%);
    transform: translateY(-202%);
  }

  50% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }

  60% {
    -webkit-transform: translateY(-302%);
    transform: translateY(-302%);
  }

  75% {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%);
  }

  85% {
    -webkit-transform: translateY(-402%);
    transform: translateY(-402%);
  }

  100% {
    -webkit-transform: translateY(-400%);
    transform: translateY(-400%);
  }
}


/* ============== LOADER CSS END ================== */

.modal 
{
  background-color: rgba(0, 0, 0, 0.041) !important;
  backdrop-filter: blur(4px);
  transition: 0.6s ease-in-out !important;
  z-index: 11111111111111111111 !important;
}

.modal-dialog ,.modal-content{
  top: 15%;
  transition: 0.6s ease-in-out !important;

}
.form_select_css{
  font-size: 12px !important;
}
.ql-editor img{
  width: 100% !important;
}