@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Manrope:wght@200..800&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap');

html,body {

  font-size: 16px;

  color: #6a6c71;

  font-family: "Mulish", sans-serif;

  font-weight: 400;

  line-height: 1.6;

}

ul li {

  list-style: none;

}

input,

textarea,

select {

  border: 0;

  background: transparent;

  transition: 0.4s;

}

input:focus,

textarea:focus,

select:focus {

  outline: none;

}

a {

  transition: 0.4s;

  text-decoration: none;

}

img {

  max-width: 100%;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Manrope", sans-serif;

  color: #03041c;

  line-height: 1.35;

}

input:focus,

select:focus,

textarea:focus {

  outline: none !important;

  text-decoration: none !important;

  box-shadow: none !important;

}

/*------color--------start-------*/

:root {

  --white: #fff;

  --black: #010101;

  --blue: #132458;

  --txt-drk: #4b5160;

  --title-color: #2a2b3f;

  --drk-color: #3d3d42;

  --light-color: #c6c7ce;

  --primary-color: #4461BE;

  --secondry-color:#35343a;

}

/*------color--------end-------*/

/*-----------button-----start-------*/

.button-1 {

  padding: .70rem .50rem;

  border-radius: 5px;

  color: #fff;

  font-size: 0.85rem;

  font-weight: 500;

  transition: all 0.3s;

  position: relative;

  z-index: 1;

  letter-spacing: 0.5px;

  overflow: hidden;
  border-bottom: 2px solid #797171;

}

.button-1:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color:var(--secondry-color);

  z-index: -2;

  border-radius: 5px;

}

.button-1:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background-color: var(--primary-color);

  transition: all 0.3s;

  z-index: -1;

  border-radius: 5px;

}

.button-1:hover {

  color: #fff;

}

.button-1:hover:before {

  width: 100%;

}



/*------red------button------start----------*/



.primry-button {

  display: inline-block;
  padding: .70rem .50rem;
  border-radius: 3px;
  color: #fff;
  font-size: 0.85rem;

  font-weight: 500;

  transition: all 0.3s;

  position: relative;

  z-index: 1;

  letter-spacing: 0.5px;

}

.primry-button:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color:var(--primary-color);

  border-radius: 3px;

  z-index: -2;

}

.primry-button:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background-color: var(--white);

  transition: all 0.3s;

  border-radius: 3px;

  z-index: -1;

}

.primry-button:hover {

  color: var(--primary-color);

}

.primry-button:hover:before {

  width: 100%;

}



/*------red------button------start----------*/





/*-------white------button-----start--------*/



.white-button {

  display: inline-block;

  padding: 11px 17px;

  border-radius: 5px;

  color: var(--primary-color);

  font-size: 1.02rem;

  font-weight: 700;

  transition: all 0.3s;

  position: relative;

  z-index: 1;

  letter-spacing: 0.5px;

  overflow: hidden;

}

.white-button:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color:var(--white);

  border-radius: 3px;

  z-index: -2;

}

.white-button:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background-color: var(--secondry-color);

  transition: all 0.3s;

  border-radius: 3px;

  z-index: -1;

}

.white-button:hover {

  color: var(--white);

}

.white-button:hover:before {

  width: 100%;

}



/*-----white----button---end-------*/



/*----button---style--2  start-----*/

.button-2 a {

  background-color: var(--secondry-color);

  color: var(--white);

  border-radius: 7px;

  transition: all 0.6s ease;

  padding: 11px 14px;

  border: 1px solid #3b3944;

  position: relative;

  z-index: 1;

  border-bottom: 3px solid #160f39;

}

.button-2 a:hover {

  background-color: var(--primary-color);

  border-color:#4461BE;



}

.button-2 a i {

  transition: all 0.6s ease;

  font-size: 0.88rem;

}

.button-2 a:hover i {

  transform: translateX(5px);

}

/*-----------button-----end------*/

/*----------title----start------*/

.title-wrp {

  margin-bottom: 45px;

}

.sec-title {

  font-size: 1.9rem;

  font-weight: 700;

  color: var(--title-color);

  line-height: 45px;

  margin-bottom: 19px;

  /*text-transform: uppercase;*/

}

/*----------title----end------*/



/*------------top------header---------wrap--------------start---------*/


.top-hdr {
  position: relative;
  padding: 0.20rem 2.50rem;
  background: linear-gradient(0deg,rgb(203, 209, 241) 0%, rgb(229, 237, 253) 100%);
  width: 100%;
  /*border-top: 2px solid var(--primary-color);*/
}

.top-hdr:after {
  content: "";
  position: absolute;
  border-bottom: 81px solid #dde5f7;
  border-right: 0 solid transparent;
  border-left: 1px solid transparent;
  height: 0px;
  width: 34%;
  top: 0;
  right: 0px;
  clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 7% 100%, 0% 54%, 7% 0%);

}

/*------contact-------dtl-----wrap----start------*/

.top-hdr-contct-dtl ul {

  display: flex;

  align-items: center;

  justify-content: start;

  position: relative;

  z-index: 1;

  margin-bottom: 0px;

  column-gap: 10px;

  color: #afa1a1;

  padding-left: 0px;

  margin-right: 22px;

}


.top-hdr-contct-dtl ul li p{
  text-decoration: underline;
  margin-bottom: 0rem;
  color: #2a2a41;
  text-decoration-color: rgb(68 97 190);
  font-style: italic;
}

.top-hdr-contct-dtl ul li i {

  color: var(--primary-color);

  font-size: 22px

}

.top-hdr-contct-dtl ul li a {

  font-size: .80rem;

  color: var(--primary-color);

  letter-spacing: .04rem;

}

/*------contact-------dtl-----wrap---end-----*/


.top-hdr-rgt-wrp{
  display: flex;
  justify-content: end;
}


/*--------top-hdr-hglght-txt-----start-------*/



.top-hdr-hglght-txt{
  text-align: left;
  font-size: 1.40rem;
  color: #35343a;
  animation-name: glow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  letter-spacing: 0.03rem;
  font-weight: 800;
  width: fit-content;
  margin: 5px auto 0px 36px;
  padding: 2px 9px;
  border: 2px solid #4461BE;
  border-radius: 7px;
  
}



/*@keyframes glow {
     from {
        text-shadow: 0 0 3px #ba8181, 0 0 3px #f8eaeb;
    }
    to {
        text-shadow: 0 0 5px #f4d9dd, 0 0 5px #edc3c3;
    }
}*/

.top-hdr-hglght-txt i{
  margin: 0px 6px;
  color: #363a45;
}


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

.top-hdr-contct-dtl{
  display: flex;
}

.upper-column{
  position: relative;
  align-items: center;
  display: flex;
  text-align: left;
  padding: 0px 0px 0px 42px;
  font-size: 0.85rem;
}


.upper-column .icon-box {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 2rem;
  transition: all 300ms ease;
  color: var(--primary-color);
  z-index: 1;
}


.info-box ul li {
  position: relative;
  line-height: 1.6em;
  font-weight: 700;
  margin: 0px;
  color: #122d62;
  font-size: 14px;
  text-transform: capitalize;
}

.info-box ul li a {
  position: relative;
  color: #122d62;
}

 .info-box ul li a:hover {
  color: #2D73D2;
}

/*---------top-hdr-hglght-txt----end----------*/



.login-social-wrp{
  display: flex;
  align-items: center;
  justify-content: end;
  position:relative;
  z-index: 1;

}



.login-reg-bttn{
  display: flex;
  column-gap: 8px;
  /*background-color: #b43030;
  padding: 0.40rem 0.60rem;
  border-radius: 4px;
  box-shadow: rgba(40, 40, 47, 0.36) 0px 30px 60px -12px inset, rgba(101, 18, 18, 0.74) 0px 18px 36px -18px inset;*/

}



.login-reg-bttn a{
  font-size: .85rem;
  color: #e9e8f0;
  letter-spacing: .04rem;
  transition: 0.4s ease;
  font-weight: 600;
  background-color: var(--primary-color);
  padding: 7px 11px;
  border-radius: 4px;
  /*border-bottom: 2px solid #6e1313;*/
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.login-reg-bttn a i{
  font-size: .75rem;
  opacity: 0.6;
}



.login-reg-bttn a:hover i{
  opacity: 1;
}

.login-reg-bttn a:nth-child(1){
  background-color: var(--white);
   color: var(--primary-color);
}

.login-reg-bttn a:hover:nth-child(1){
  background-color: var(--primary-color);
   color: var(--white);
}



.login-reg-bttn a:hover{
  background-color: var(--white);
  border-color: #d6d4e8;
  color: var(--primary-color);
}





/*-----social----icon----start------*/

.top-hdr-scl-icn ul {

 display: flex;
  align-items: center;
  margin-bottom: 0px;
  column-gap: 6px;
  padding-top: 9px;
  position: relative;
  z-index: 1;

}

.top-hdr-scl-icn ul li {

  width: 25px;
  height: 25px;
  border-radius: 6px;
  text-align: center;
  background-color: #282834;
  line-height: 20px;
  box-shadow: -2px -1px 0px 0px #141423;

}

.top-hdr-scl-icn ul li a {

  color:var(--white);

  font-size: 11px;

}

.top-hdr-scl-icn ul li:hover a {

  color: var(--primary-color);

}

/*-----social----icon----end------*/

.header-btn {
  text-align: end;
}

/*---------navbar-------header----wrap----start---------*/



/*.logo{
  position: absolute;
  top: -45px;
  width: 160px;
  padding: 0.20rem 0.30rem 0.40rem;
  height: 119px;
  background: linear-gradient(0deg,rgb(212, 219, 238) 0%, rgb(243, 251, 255) 100%);
  box-shadow: rgba(162, 177, 192, 0.26) 0px -12px 13px;

}*/

.logo{
  width:150px;
}

.navbar-hdr {

  /*background:linear-gradient(0deg,rgb(234, 238, 250) 10%, rgb(231, 237, 248) 60%);*/

 background-color: var(--secondry-color);

  position: relative;

  padding:1.10rem 2.50rem;

  border-top: 1px solid #b4b6d3;

}

.navbar-hdr .logo{
  display: none;
}

.header-section.hdr-sticky .navbar-hdr .logo{
  display: block;
}

.header-section.hdr-sticky .navbar-menu li a,
.header-section.hdr-sticky .navbar-menu > .main-menu > li.menu-item-has-children > a::before {
  color: var(--secondry-color);
}




.header-section.hdr-sticky .stky-logo-nav{
  justify-content: space-between;
  
}


.header-section.hdr-sticky .navbar-menu .main-menu {
  margin-left: 4rem;
}


.header-section.hdr-sticky .navbar-menu > ul > li.current-menu-item .active,
.navbar-menu li a:hover {
  color: var(--primary-color);
}

.header-section.hdr-sticky .navbar-hdr {

  position: fixed;

  width: 100%;

  top: 0;

  box-shadow: 0px 2px 16px rgba(96, 100, 133, 0.53);

  -webkit-animation: sticky 1s;

  animation: sticky 1s;

  z-index: 999;

  padding: 0.20rem 2.50rem;
  background: linear-gradient(0deg,rgb(234, 238, 250) 10%, rgb(231, 237, 248) 60%);

}

.navbar-menu .main-menu {

  margin: 0;

  padding: 0;

  list-style: none;

  position: relative;

  display: flex;

  column-gap: 50px;
  margin-left: 10rem;

}

.navbar-menu .main-menu li {

  position: relative;

}

.navbar-menu li a {

  color: var(--white);

  font-size: 0.98rem;

  font-weight: 500;

  display: block;

  transition: 0.4s;

}

.navbar-menu li a:hover {

  color: #0dcaf0;

}

.navbar-menu>.main-menu>li.menu-item-has-children>a::before {

  content: "\f078";

  font-family: "fontawesome";

  font-weight: 400;

  color: var(--white);

  font-size: 0.75rem;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -15px;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

}

.navbar-menu>ul>li.menu-item-has-children>a:hover::before {

  color: var(--primary-color);

}

.header-section.hdr-sticky .navbar-menu>ul>li a:hover,
.header-section.hdr-sticky .navbar-menu>ul>li.active a{
   color: var(--primary-color);
}


.navbar-menu>ul>li.active a{

  color: #0dcaf0;

}

.navbar-menu>ul>li.current-menu-item .active::before {

  color: var(--primary-color);

}

.navbar-menu li .sub-menu-list {

  margin: 0;

  list-style: none;

  background: var(--white);

  padding: 14px 17px;

  position: absolute;

  top: 100%;

  opacity: 0;

  visibility: hidden;

  z-index: 99;

  transform: translateY(10px); 

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  width: 210px;

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

}

.navbar-menu li .sub-menu-list::before {

  position: absolute;

  left: 0;

  top: 0;

  width: 0%;

  height: 3px;

  background: var(--primary-color);

  content: "";

  transition: 0.6s;

  -webkit-transition: 0.6s;

  -moz-transition: 0.6s;

}

.navbar-menu li .sub-menu-list li {

  display: block;

  padding-bottom: 15px;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  position: relative;

}

.navbar-menu li .sub-menu-list li:last-child {

  padding-bottom: 0;

}

.navbar-menu li .sub-menu-list li a {

  color: #666;

}

.navbar-menu li .sub-menu-list li a:hover {

  color: var(--primary-color);

}

.navbar-menu li .sub-menu-list li::before {

  content: "";

  width: 0;

  height: 2px;

  background: var(--primary-color);

  position: absolute;

  top: 11px;

  left: 0;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

}

.navbar-menu li .sub-menu-list li:hover {

  padding-left: 20px;

}

.navbar-menu li .sub-menu-list li:hover::before {

  width: 14px;

}

.navbar-menu li:hover .sub-menu-list {

  opacity: 1;

  visibility: visible;

  transform: translateY(17px); 

}

.navbar-menu li:hover .sub-menu-list::before {
  width: 100%;
}


.header-section.hdr-sticky .navbar-hdr .logo {
  position: unset;
  top: 0px;
  width: 138px;
  padding: 0.20rem 0.30rem 0.40rem;
  height: auto;
  background: none;
  box-shadow: none;


}

/*------------top------header---------wrap-------------end-------*/

/*----------------mobile-------view---navbar------wrap---start-------------*/

/*-----------hambagur------icon-------wrap-------start--------*/

.hambagur-icon a {

  cursor: pointer;

  display: block;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

}

.hambagur-icon a span {

  height: 2px;

  width: 21px;

  display: block;

  background: #6a6c71;

  cursor: pointer;

  list-style: none;

  margin: 6px 0;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  margin-left: auto;

}

.hambagur-icon a span.dot3 {

  width: 21px;

}

.hambagur-icon a span.dot2 {

  width: 14px;

}

.hambagur-icon a:hover span {

  background: var(--primary-color);

}



.hambagur-icon a:hover .dot2,

.hambagur-icon a:hover .dot3 {

  width: 21px;

}

/*-----------hambagur------icon-------wrap-------end--------*/

.nvbar-overlay-bg {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.8);

  z-index: 999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.canvas_expanded .nvbar-overlay-bg {

  opacity: 1;

  visibility: visible;

}

.canvas_expanded .mob-sidenav-offcanvas-area,

.canvas_expanded .nvbar-overlay-bg {

  opacity: 1;

  visibility: visible;

}

.mob-sidenav-offcanvas-area {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  width: 300px;

  z-index: 999;

  background: var(--white);

  padding: 10px 15px 10px;

  right: -450px;

  opacity: 0;

  visibility: visible;

  transition: 0.4s;

}

.canvas_expanded .mob-sidenav-offcanvas-area {

  right: 0;

}

.mob-sidenav-offcanvas-area .mob-sidenav-offcanvas-hdr {

  border-bottom: 1px solid #d0cce3;

  padding-bottom: 10px;

}

.offcanvas-icon a {

  color: #5b596b;

  font-size: 16px;

  background-color: rgba(201, 205, 222, 0.4);

  padding: 4px 9px;

  border-radius: 3px;

  margin-right: 10px;

}

.mobile-navbar-menu .nav-menu li {

  position: relative;

  border-bottom: 1px dashed rgba(156, 154, 205, 0.76);

  padding: 10px 0;

}

.mobile-navbar-menu .nav-menu li:last-child {

  border-bottom: none;

}

.mobile-navbar-menu .nav-menu li a {

  display: block;

  color: #50525e;

  transition: 0.4s;

  width: 100%;

}

.mobile-navbar-menu .nav-menu li a:hover {

  color: var(--primary-color);

}

.mobile-navbar-menu span.submenu-button {

  position: absolute;

  z-index: 99;

  right: 0;

  top: 5px;

  display: block;

  height: 40px;

  width: 40px;

  cursor: pointer;

}

.mobile-navbar-menu .hash-has-sub span.submenu-button {

  width: 100%;

  cursor: pointer;

  top: 0;

  height: 50px;

}

.mobile-navbar-menu span.submenu-button:before,

.mobile-navbar-menu span.submenu-button:after {

  position: absolute;

  top: 24px;

  right: 10px;

  width: 20px;

  height: 1px;

  display: block;

  background: #50525e;

  z-index: 2;

  content: "";

  right: 12px;

  width: 12px;

}

.mobile-navbar-menu span.submenu-button:before {

  width: 1px;

  height: 12px;

  right: 17px;

  top: 18px;

}

.mobile-navbar-menu span.submenu-button em {

  display: block;

  position: absolute;

  right: 0;

  border-radius: 4px;

  top: 50%;

  transform: translateY(-50%);

}

.mobile-navbar-menu .submenu-button.submenu-opened:before {

  display: none;

}

.mobile-navbar-menu ul ul li,

.mobile-navbar-menu li:hover>ul>li {

  height: auto;

}

/*large mobile device*/

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

  .mob-sidenav-offcanvas-area .sc-canva-button,

  .mob-sidenav-offcanvas-area .mobile-navbar-menu {

    display: none;

  }

}

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

#mobile-navbar-menu .nav-menu .sub-menu,

#mobile-navbar-menu .nav-menu .sub-menu-list {

  display: none;

  background-color: #f0f0f2;

  padding: 0px 10px;

  margin-top: 10px;

}

/*--------mobile----view-----custom-----wrap---start------*/



/*---=============navbar-------header---------wrap--------end============-------*/

/*---===================banner--------slide-------wrap---------start==============------*/



.banner-section {

  position: relative;

  height: 100%;

}





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



.banner-section .hero-shape2-1::before {

  content: "";

  position: absolute;

  height: calc(100% + 0px);

  width: 207px;

  background: linear-gradient(180deg, #9e1c1c 0%, rgb(179, 43, 43) 100%);

  opacity: 2.25;

  transform: skew(-39deg, 0deg);

  top: 0px;

  right: -236px;

  /*animation: shapemovingX 8s linear infinite;*/

}



.banner-section .hero-shape2-1::after{

  content: "";

  position: absolute;

  height: calc(100% + 0px);

  width: 74px;

  background: linear-gradient(180deg, #35343aad 0%, rgb(53, 52, 58) 100%);

  opacity: 2.25;

  transform: skew(-49deg, 0deg);

  top: 0px;

  right: -77px;

}



@keyframes shapemovingX {

  0% {

    -webkit-transform: skew(30deg, 0deg);

    transform: skew(-30deg, 0deg);

  }

  50% {

    -webkit-transform: skew(37deg, 0deg);

    transform: skew(-37deg, 0deg);

  }

  100% {

    -webkit-transform: skew(30deg, 0deg);

    transform: skew(-30deg, 0deg);

  }

}







.banner-section .slide-item .bg-image img{

  width: 100%;

  height: 400px !important;

  object-fit: contain !important;

  object-position: top;

}



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



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



.arrow-icn img{

  margin-left: 11%;

  margin-top: -18%;

  animation: float-bob-y-2 4s linear infinite;

}



@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);

  }

}



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



.banner-section .slide-item {

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  min-height:400px !important;

  overflow: hidden;

}

/*.banner-section .slide-item .bg-image {

 position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: top left;

  background-size: 100%;

}*/

/*.banner-section .slide-item .bg-image:before {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: linear-gradient(90deg,rgba(40, 39, 50, 0.07) 10%, rgb(36, 33, 71) 47%, rgba(41, 42, 46, 0.95) 100%);

  opacity: 0.95;

  content: "";

}*/





.banner-section .content-box {

  position: relative;

  padding: 4rem 0 1.50rem 1.80rem;

  margin-left: 7%;

  width: 90%;

}



.banner-section .content-box .title {

  display: block;

  font-size: 2.0rem;

  line-height: 3.0rem;

  color: #ffffff;

  font-weight: 800;

  margin-bottom: 16px;

  width: 90%;

}



.banner-section .content-box .slider-para{

  font-size: 1.08rem;

  color: #e9e9e9;

  letter-spacing: 0.4px;

  margin-bottom: 0.50rem;

}





.slider-list{

  padding-left: 0px;

}



.slider-list li{

  font-size: 0.95rem;

  color: #e9e9e9;

  position: relative;

  padding-left: 0.80rem;

  padding-bottom: 0.40rem;

  letter-spacing: 0.05rem;

}



.slider-list li:before{

  content: '\f061';

  font-family: fontawesome;

  font-size: 0.70rem;

  position: absolute;

  left: 0px;

  top: 2px;

  color: #efeff882;

}





.banner-section .content-box .btn-box{

  display: flex;

  column-gap: 15px;

}



.slider-nav-bttn-bx{

  position: absolute;

  right: 36%;

  top: 71%;

  display: flex;

  column-gap: 4.5rem;

}



/* === Swiper Button Styling === */

.banner-section .swiper-button-prev,

.banner-section .swiper-button-next {

  background: transparent;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border: 2px solid #b0b1de;

  border-radius: 50%;

   opacity: 0;

  visibility: hidden;

  transition: all .3s ease;

  position: absolute;

  top: 50%;



}

.banner-section .swiper-button-next {

  right: 25px;

  transform: translateX(-50px);

}

.banner-section .swiper-button-prev {

  left: 25px;

  transform: translateX(50px);

}



.banner-section .swiper-button-next::after {

  font-family: "fontawesome";

  content: "\f30b";

  font-size: 15px;

  color: #b0b1de;

  font-style: normal;

  display: inline-block;

  vertical-align: middle;

  font-weight: 900;

}



.banner-section .swiper-button-prev::after {

  font-family: "fontawesome";

  content: "\f30a";

  font-size: 15px;

  color: #b0b1de;

  font-style: normal;

  display: inline-block;

  vertical-align: middle;

  font-weight: 900;

}



.banner-section .swiper-button-next:hover::after,

.banner-section .swiper-button-prev:hover::after {

  color: var(--white);

}



.banner-section:hover .swiper-button-prev,

.banner-section:hover .swiper-button-next {

  transform: translateX(0);

  opacity: 1;

  visibility: visible;

}

.banner-section .swiper-button-prev:hover,

.banner-section .swiper-button-next:hover {

  background-color: var(--primary-color);

  color: var(--white);

}



/* === Swiper Button Styling End=== */



/* === Animation (Swiper version) === */

.swiper-slide .animate-1,

.swiper-slide .animate-2,

.swiper-slide .animate-3{

  opacity: 0;

  transform: translateY(100px);

  transition: all 500ms ease;

}

.swiper-slide .animate-x {

  opacity: 0;

  transform: translateX(100px);

  transition: all 500ms ease;

}



.swiper-slide-active .animate-1,

.swiper-slide-active .animate-2,

.swiper-slide-active .animate-3,

.swiper-slide-active .animate-4,

.swiper-slide-active .animate-5,

.swiper-slide-active .animate-6,

.swiper-slide-active .animate-7,

.swiper-slide-active .animate-x {

  opacity: 1;

  transform: translate(0);

}



.swiper-slide-active .animate-2 { transition-delay: 300ms; }

.swiper-slide-active .animate-3 { transition-delay: 600ms; }

.swiper-slide-active .animate-4 { transition-delay: 900ms; }

.swiper-slide-active .animate-5 { transition-delay: 1200ms; }

.swiper-slide-active .animate-6 { transition-delay: 1500ms; }

.swiper-slide-active .animate-7 { transition-delay: 1800ms; }



/*---===================banner--------slide-------wrap--------end==============------*/





/*---------course------searchbar----wrap-----start-------*/



.course-srch-sctn{

  position: relative;

  display: block;

  left: 0;

  top: 0;

  width: 100%;

  margin: 0px auto;

  right: 0;

}





.bannr-course-srch-bar{

  padding: 0.90rem 3.1rem 1.20rem;

  position: relative;

  background: linear-gradient(0deg, rgba(202, 204, 225, 0.8) 0%, rgba(232, 233, 245, 0.86) 100%);

}



.innr-course-find{

  display: flex;

}



.bannr-course-srch-fild{

  display: flex;

  flex-wrap: wrap;

  column-gap: 10px;

}



.srch-bttn {

    background-color: #248828 !important;

    border-color: #248828 !important;

}

.rst-bttn {

    background-color: #b32c2c !important;

    border-color: #b32c2c !important;

}

.innr-course-slct{

  position: relative;

  width: 19%;

}





.innr-course-slct select,

.innr-course-slct input,

.select2-container--default .select2-selection--single{

  width: 100%;

  height: 2.62rem;

  border-radius: 5px;

  line-height: 2.62rem;

  font-size: 0.83rem;

  border: 1px solid #b32c2c52;

  background-color: #fcfcfc47;

  color: #35343a;

  position: relative;

 

}



.innr-course-slct input{

   padding: 0rem 0.50rem 0rem 2.90rem;

}





.select2-container--default .select2-selection--single .select2-selection__rendered {

  color: #35343a;

  line-height:2.50rem;

  font-size: 0.83rem;

  padding: 0rem 1.20rem 0rem 2.90rem;

  letter-spacing: 0.05rem;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 2.60rem !important;

}









.innr-course-slct input::placeholder{

   color: #35343a;

}



.bnnr-frm-icn{

  position: absolute;

  width: 2.60rem;

  height: 2.50rem;

  background-color: var(--primary-color);

  color: #ede4e4;

  z-index: 1;

  text-align: center;

  border-radius: 4px 0px 0px 4px;

  line-height: 2.48rem;

  top: 1px;

  left: 1px;

  font-size: 0.90rem;

}



.innr-course-srch{

  width: 8%;

}





.innr-course-srch button {

  background-color: var(--secondry-color);

  border: 1px solid #c5c9d85e;

  color: #fff;

  font-size: 0.85rem;

  border-radius: 4px;

  padding: .57rem .90rem;

  transition: 0.4s ease;

  letter-spacing: 0.5px;

}





.innr-course-srch button:hover {

  background-color: var(--primary-color);

  border-color: rgb(135, 13, 13);

  color: var(--white);

}





.about-one__text{

  text-align: justify;

  line-height: 25px;

  font-size: 15px;

  padding-bottom: 11px;

  color: #676b74;

}





.cntry-pttrn-img{

  position: absolute;

  bottom: 0px;

  opacity: 0.4;

}





/*--------course------searchbar-----wrap-----end----------*/





/*------------------------about----------section------wrap-------start------------------*/

.about-sctn {

  padding: 3.20rem 3.08rem 2rem;

}





.about-sctn .sec-title {

  font-size: 1.50rem;

  font-weight: 800;

  color: var(--title-color);

  line-height: 2rem;

  margin-bottom: 11px;

  text-transform: capitalize;

}

.smll-wrd-color {

  color: var(--primary-color);

}

.smll-wrd-color2 {

  color: var(--blue);

}

.main-abt-img {

  position: relative;

}

.abt-combine-img {

  display: flex;

  column-gap: 10px;

  position: relative;

}

.abt-img1 {

  margin-top: 4%;

  overflow: hidden;

  position: relative;

  border-radius: 50px 0px 30px 0px;

  animation: jumpAni 13s linear infinite;

}

.abt-img1 img {

  border-radius: 50px 0px 30px 0px;

  height: 75%;

  object-fit: cover;

  object-position: 85%;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.abt-img2 {

  overflow: hidden;

  position: relative;

  border-radius: 0px 20px 30px 0px;

  box-shadow: 0px 0px 15px -3px rgba(48, 48, 53, 0.4);

  padding: 4px;

}

.abt-img2 img {

  border-radius: 0px 20px 30px 0px;

  height: 380px;

  object-fit: cover;

  object-position: 34%;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  overflow: hidden;

}

.abt-img3 {

  /*position: absolute;

  top: 52%;

  animation: jumpAni 7s linear infinite;

  right: 7px;*/

  width: 93%;

  margin: auto auto auto 0px;

  overflow: hidden;

  border-radius: 5rem 1rem 0.40rem 0.40rem;

  

}



.abt-img3 img {

  object-fit: cover;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



@keyframes jumpAni {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px)

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}



.abt-bttm-shape {

  position: absolute;

  right: 11px;

  z-index: -1;

  bottom: -17px;

  animation: movingX 8s linear infinite;

}

@keyframes movingX {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

  50% {

    -webkit-transform: translateX(20px);

    transform: translateX(20px)

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}

.main-abt-img .abt-img1:hover img,

.main-abt-img .abt-img2:hover img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.abt-plane {

  position: absolute;

  right: -17%;

  transform: rotate(-25deg) !important;

  z-index: -1;

  opacity: 0.4;

  bottom: 56%;

}



.abt-plane img{

  width: 80%;

}





.overlay-anim::after {

  background: rgba(255, 255, 255, 0.3);

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 0;

  opacity: 1;

  pointer-events: none;

}

.overlay-anim:hover::after {

  height: 100%;

  opacity: 0;

  -webkit-transition: all 400ms linear;

  transition: all 400ms linear;

}



.about-rgt-content p {

  font-size: 0.98rem;

  text-align: left;

  margin-bottom: 10px;

}

.abt-btn {

  margin-top: 17px;

}

/*------------------------about----------section------wrap-------end------------------*/



/*----------ads-----wrap-----start-------*/



.ad-wrap{

  padding-top:3.20rem;

}



.ad-bx1{

  box-shadow: rgba(78, 79, 93, 0.3) 1px 2px 20px;

  padding: 0.30rem;

  border-radius: 0.50rem;

  margin-bottom: 0.70rem;

}





.ad-bx2{

  box-shadow: rgba(78, 79, 93, 0.3) 1px 2px 20px;

  padding: 0.30rem;

  border-radius: 0.50rem;

  margin-bottom: 0.70rem;

}



.ad-bx3{

  box-shadow: rgba(78, 79, 93, 0.3) 1px 2px 20px;

  padding: 0.30rem;

  border-radius: 0.50rem;

  margin-bottom: 0.70rem;

}

.inner-ad-img img{

  width: 100%;

}







/*----------ads-----wrap-----end-------*/



/*--------choose--your--path----wrap-----start---------*/

.choose-path-sctn {

  position: relative;

  padding: 2rem 2.0rem 3.2rem;

  background-color: #f3f3f5de;

}



.choose-path-sctn:after{

  content: '';

  background-image: url(../images/country-bg.png);

  background-size: cover;

  position: absolute;

  top: 0px;

  left: 0px;

  right: 0px;

  width: 100%;

  height: 300px;

  background-position: bottom;

}





.inner-choose-path-bx {

  position: relative;

  overflow: hidden;

  border-radius: 15px;

  cursor: pointer;

}

.path-img {

  overflow: hidden;

}

.path-img img {

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.image-anime {

  position: relative;

  overflow: hidden;

}

.image-anime::after {

  content: "";

  position: absolute;

  width: 200%;

  height: 0%;

  left: 50%;

  top: 50%;

  background-color: rgba(255, 255, 255, .3);

  transform: translate(-50%, -50%) rotate(-45deg);

  z-index: 1;

}

.inner-choose-path-bx:hover .image-anime::after {

  height: 250%;

  transition: all 600ms linear;

  background-color: transparent;

}

.inner-choose-path-bx:hover .path-img img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.path-img::before {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  height: 100%;

  width: 100%;

  transition: 0.3s;

  z-index: 2;

  background: linear-gradient(0deg, rgba(38, 33, 56, 0.95) 30%, rgba(11, 16, 42, 0) 100%);

}

.choose-path-content {

  position: absolute;

  bottom: 2px;

  left: 0px;

  right: 0px;

  z-index: 9;

  padding: 10px 14px;

  transition: all 600ms ease;

  transform: translateY(0px);

}

.inner-choose-path-bx:hover .choose-path-content {

  transform: translateY(-7px);

}

.path-read-btn {

  text-align: center;

  transition: all 600s ease;

}

.path-read-btn a {

  color: var(--white);

  font-size: 0.90rem;

  background-color: var(--primary-color);

  padding: 4px 2px 4px 9px;

  border-radius: 25px;

  transition: all 600s ease;

}





.path-read-btn a i {

  width: 22px;

  height: 22px;

  border-radius: 50%;

  background-color: #fff;

  color: var(--blue);

  text-align: center;

  line-height: 22px;

  margin: auto;

  font-size: 0.8rem;

}



.choose-path-content h6 {

  font-size: 1.0rem;

  text-align: center;

  color: var(--white);

  width: 80%;

  margin: auto;

  padding-bottom: 0.50rem;

  /*text-decoration: underline;

  text-decoration-color: var(--primary-color);*/

}

.choose-path-content p {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  font-size: 0.90rem;

  color: var(--white);

  text-align: center;

  line-height: 1.1rem;

}

/*--------choose---your---path----wrap-----end--------*/





/*----------more--------university-------wrap----start-------*/



.more-uni-logo-wrp{
  position: relative;
  padding: 2rem 2.0rem 3.2rem;
  background: radial-gradient(circle,rgba(244, 238, 238, 0.52) 0%, rgba(208, 213, 242, 0.46) 100%);
}



.inner-more-uni-logo{

    display: flex;

    flex-wrap: wrap;

    column-gap: 10px;

    row-gap: 10px;

}



.more-uni-logo-bx{

  width: 15.7%;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  padding: 0.40rem;

  background-color: var(--white);

  border-radius: .20rem;
  text-align: center;

}



/*----------more--------university-------wrap----end------*/





/*----------------------counter----funfact---------wrap-------start----------------*/

.counter-bg {

  position: relative;

  padding:2rem 3.08rem 3.2rem;

  background-image: url(../images/counter-bg.png);

  background-size: 100%;

  background-position: bottom center;

}

.counter-bg:after {

  content: '';

  background: radial-gradient(circle, rgba(53, 52, 58, 0.95) 0%, rgba(53, 52, 58, 0.97) 100%);

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  left: 0px;

}

.counter-sctn {

  /*margin-top: -18%;*/

  position: relative;

  z-index: 1;

}

.count-bx {

  background-color: #dadae2f2;

  text-align: center;

  padding: 30px 22px 60px;

  border-radius: 30px;

  box-shadow: inset 22px 23px 41px 20px rgb(239, 240, 245);

  cursor: pointer;

  width: 95%;

  margin: auto;

}

.count-num {

  font-size: 1.80rem;

  font-weight: 700;

  color: var(--secondry-color);

  margin-bottom: 0.4rem;

}

.count-bx h6 {

  font-size:0.85rem;

  letter-spacing: 0.5px;

  color: var(--drk-color);

}

.count-icon {

  background-color: var(--white);

  width: 4.2rem;

  height: 4.2rem;

  border-radius: 50%;

  text-align: center;

  font-size: 1.70rem;

  line-height: 4.0rem;

  margin: -2.60rem auto 0rem;

  position: relative;

  color: var(--primary-color);

  box-shadow: 0rem -.02rem 0rem 0.20rem #35343ade;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.main-count-bx:hover .count-icon {

  background-color: var(--primary-color);

  color: var(--white);

  box-shadow: 0px -1px 0px 3px #eeeff952;

}

/*------------counter----funfact---------wrap-------end--------------*/

/*-------------testimonials---------wrap----start---------*/

.testmonial-sctn {

  position: relative;

  padding: 2rem 3.08rem 3.2rem;

  background-image: url(../images/testimonial-bg.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}

.testi-box {

  position: relative;

  background-color: var(--white);

  box-shadow: 0 9px 13px rgba(106, 103, 138, 0.25);

  transition: all 350ms cubic-bezier(.37, 0, .63, 1);

  border-radius: 5px 5px 15px 15px;

  padding: 1.50rem 1.10rem;

  margin-bottom: 1.50rem;

}

.testi-box:before {

  content: '';

  position: absolute;

  background-image: url(../images/quote.png);

  right: 8%;

  top: 2%;

  background-size: contain;

  width: 90px;

  height: 90px;

  background-repeat: no-repeat;

  opacity: 0.08;

  animation: movingX 8s linear infinite;

}

.innr-testi-review {

  border-bottom: 1px solid #d8d6e7a8;

  /*box-shadow: -1px 5px 18px -2px #e6e7ed;*/

}

.innr-testi-review p {

  font-size: 0.92rem;

  text-align: left;

  line-height: 1.6rem;

  letter-spacing: 0.02rem;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.testi-img-bx {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 15px 4px 6px;

}

.testi-img-bx img {

  width: 55px;

  height: 55px;

}

.testi-name-rating h5 {

  font-size: 0.95rem;

  margin-bottom: 0px;

  letter-spacing: 0.03rem;

}

.testi-rating ul {

  padding: 2px 0px;

  display: flex;

  column-gap: 5px;

  margin-bottom: 0px;

  justify-content: end;

}

.testi-rating ul li {

  font-size: 15px;

  color: #ea9819;

}

/*-------------testimonials---------wrap----end---------*/

/*---------Blog-----------wrap-----------start-----------------*/

.blog-sctn {

  position: relative;

  padding:2rem 3.08rem 3.2rem;

  background-color: #edeff4;

}





.blog-shape {

  content: '';

  position: absolute;

  left: -10%;

  top: 18%;

  animation: jumpAni 7s linear infinite;

  /*z-index: 1;*/

}

.blog-shape img {

  width: 65%;

}

.blog-bx {

  position: relative;

  padding: 10px;

  border-radius: 10px;

  cursor: pointer;

}

.gradient-border {

  background: linear-gradient(180deg, #4460be99 30%, #7592f0bc 70%);

}

.gradient-border::before {

  content: "";

  position: absolute;

  top: 2px;

  left: 2px;

  right: 2px;

  bottom: 2px;

  background: white;

  /* inner background */

  border-radius: 8px;

  z-index: 1;

}

.gradient-border>* {

  position: relative;

  z-index: 2;

}

.blog-img {

  overflow: hidden;

}

.blog-img img {

  width: 100%;

  height: 200px;

  object-fit: cover;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.blog-bx:hover .blog-img img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.blog-bx .overlay-anim::after {

  background: rgba(255, 255, 255, 0.3);

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 0;

  opacity: 1;

  pointer-events: none;

}

.blog-bx:hover .overlay-anim::after {

  height: 100%;

  opacity: 0;

  -webkit-transition: all 400ms linear;

  transition: all 400ms linear;

}

.blg-content {

  padding: 30px 10px 23px;

}

.blg-content h4 {

  font-size: 0.95rem;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  letter-spacing: 0.5px;

  margin-bottom: 15px;

  line-height: 1.4rem;

  color: var(--txt-drk);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.blog-bx:hover .blg-content h4 {

  color: var(--secondry-color);

}

.blog-admin-date-bx ul {

  display: flex;

  column-gap: 10px;

  justify-content: space-between;

  padding: 3px 9px;

  position: absolute;

  top: -14px;

  background-color: var(--primary-color);

  left: 6px;

  border-radius: 0px 15px 15px 0px;

  box-shadow: -1px 0px 6px -1px #353542;

}

.blog-admin-date-bx ul li {

  font-size: 0.8rem;

  color: var(--white);

}

/*------blog---read--more--bttn--start--------*/

.blog-read-btn a {

  position: relative;

  margin: auto;

  padding: 7px 13px;

  transition: all 0.2s ease;

  border: none;

  background: none;

  cursor: pointer;

}

.blog-read-btn a:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  border-radius: 25px;

  background:#f5dddd;

  width: 35px;

  height: 35px;

  transition: all 0.3s ease;

}

.blog-read-btn a span {

  position: relative;

  font-size: 0.9rem;

  font-weight: 700;

  letter-spacing: 0.05em;

  color: var(--secondry-color);

}

.blog-read-btn a:hover span {

  color: var(--white);

}

.blog-read-btn a i {

  position: relative;

  top: 0;

  margin-left: 10px;

  transform: translateX(-5px);

  transition: all 0.3s ease;

  color: var(--primary-color);

}

.blog-read-btn a:hover:before {

  width: 100%;

  background: var(--primary-color);

}

.blog-read-btn a:hover i {

  transform: translateX(0);

  color: var(--white);

}

.blog-read-btn a:active {

  transform: scale(0.95);

}

/*---blog---read--more--bttn---end*/

/*---------Blog-----------wrap-----------end-----------------*/

/*----------client------------wrap-----------start-----------------*/

.client-sctn {

  padding: 0.70rem 1rem;

  position: relative;

  width: 95%;

  z-index: 1;

  background-color: #f3f2f2;

  /*border-radius: 0px 0px 25% 25%;*/

  border: 1px solid #adaeba59;

  border-bottom: none;

  box-shadow: rgba(83, 84, 96, 0.18) 0px 4px 12px;

  margin: auto;

}

.client-sctn:after {

  content: '';

  width: 95%;

  height: 6px;

  background-color: #727078;

  position: absolute;

  top: -5px;

  left: 0px;

  right: 0px;

  margin: auto;

  border-radius: 20px;

}



.client-slider {

  height: 4rem;

}



.client-row {

  display: flex;

  justify-content: space-around;

  align-items: center;

}





.client-slider .swiper-slide.swiper-slide-active{

  margin-bottom: 0px !important;

}





.client-logo-bx {

  text-align: center;

  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 18px -8px;

}

.client-logo-bx img {

  width: 120px;
  height: 60px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  background-color: var(--white);



}
.more-uni-logo-bx img{
    width: 120px;
  height: 60px;
  object-fit: contain;
  
}
.client-logo-bx:hover img {

  -webkit-transform: scale(1.02);

  transform: scale(1.02);

}









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











/*----------client------------wrap-----------end----------------*/

/*--------------------footer----------wrap------start------------------*/

.footer-section {

  width: 100%;

  position: relative;

  background-color: var(--secondry-color);

  padding: 3.20rem 3.08rem 0rem;

  background: url('../images/footer-shape.png') no-repeat;

  background-position: top right;

  background-size: cover;

}





.footer-section:after{

  content: '';

  width: 100%;

  height: 100%;

  background: linear-gradient(270deg, rgb(50, 34, 34) 19%, rgb(53, 52, 58) 40%, rgb(63, 59, 59) 100%);

  position: absolute;

  top: 0px;

  left: 0px;

  z-index: -1;

}





/*--=====footer-social-icon-wrap-Start======--*/

.foot-social-icon {

  display: flex;

  column-gap: 7px;

}

/*--=====footer-social-icon-wrap-End======--*/

.footer-des {

  color: var(--light-color);

  font-size: 0.87rem;

  letter-spacing: .04rem;

  line-height: 1.7rem;

  width: 92%;

}

.footer-title {

  font-size: 1.3rem;

  color: #e0e2ea;

  font-weight: 600;

  position: relative;

  margin-bottom: 37px;

  letter-spacing: .04rem;

}

.footer-title::first-letter {

  color: var(--primary-color);

}

.footer-section .footer-title::before {

  content: "";

  position: absolute;

  background: var(--white);

  height: 3px;

  width: 15px;

  left: 0;

  transition: all 0.4s ease;

  z-index: 1;

  bottom: -8px;

}

.footer-section .footer-title:hover::before {

  width: 50px;

  left: 0;

}

.footer-section .footer-title::after {

  position: absolute;

  content: "";

  background:#e2dfee;

  height: 2px;

  transition: all 0.4s ease;

  width: 50px;

  right: 0;

  left: 25px;

  bottom: -8px;

  margin-left: 0;

  z-index: 0;

}

.footer-section .footer-title:hover::after {

  width: 15px;

  left: 60px;

}

.footer-menu-list {

  padding-left: 0px;

}

.footer-menu-list li {

  padding-bottom: 9px;

}

.footer-menu-list li a {

  color: var(--light-color);

  font-size: 0.87rem;

  letter-spacing: .03rem;

  transition: 0.2s ease;

  position: relative;

  padding-left: 0.9rem;

}

.footer-menu-list li a:before {

  content: '';

  width: 6px;

  height: 6px;

  border-radius: 50%;

  border: 1px solid #ddd;

  position: absolute;

  left: 0px;

  top: 6px;

  transition: 0.2s ease;

}

.footer-menu-list li a:hover:before {

  border-color: var(--primary-color);

}

.footer-menu-list li a:hover {

  color: var(--primary-color);

}

.foot-menu-two-list {

  display: flex;

  flex-wrap: wrap;

}

.foot-menu-two-list li {

  width: 49%;

}

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

.foot-contact-dtl {

  padding-left: 0px;

  margin-bottom: 8px;

}



.foot-contact-dtl li {

  display: flex;

  padding-bottom: 10px;

  position: relative;

}



.foot-contact-dtl li:first-child a:after{

  content: '';

  position: absolute;

  width: 1px;

  height: 20px;

  background-color: #dddddd5c;

  top: 0px;

  right: -8px;
  



}



.foot-contact-dtl li:first-child a:last-child:after{

  display: none;



}



.foot-contact-dtl li i {

  color: #ddd;

  font-size: 14px;

  padding-top: 3px;

}

.foot-contact-dtl li a {

  font-size: 0.87rem;

  color: var(--light-color);

  transition: 0.2s ease;

  position: relative;

  padding-left: 0.9rem;

}

.foot-contact-dtl li a:hover {

  color: var(--primary-color);

}

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

.foot-social-icon {

  padding-left: 0px;

}

.foot-social-icon li a {

  background-color: transparent;

  color: var(--white);

  border: 0.15rem solid #ffffff4a;

  height: 2.1rem;

  width: 2.1rem;

  border-radius: 100%;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.3s ease-in-out;

  font-size: 0.80rem;

}

.foot-social-icon li a:hover {

  border-color: #d3b5b53d;

  color: var(--white);

  background-color: var(--primary-color);

}

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

.copyright-area {

  border-top: 1px solid #c0c2c733;

  padding-top: 16px;

  margin-top: 25px;

}

.copyright-text p {

  text-align: left;

  color: var(--light-color);

  font-size: 0.92rem;

  letter-spacing: .05rem;

}

.copyright-text p a {

  color: var(--light-color);

  transition: 0.2s ease;

}

.copyright-text p a:hover {

  color: var(--primary-color);

}

.foot-bttm-link ul {

  display: flex;

  column-gap: 17px;

  justify-content: end;

}

.foot-bttm-link ul li a {

  font-size: 0.92rem;

  letter-spacing: .05rem;

  color: var(--light-color);

  transition: 0.2s ease;

  position: relative;

}

.foot-bttm-link ul li a:after {

  content: '';

  position: absolute;

  width: 1px;

  height: 20px;

  background-color: #dddddd5c;

  top: 0px;

  right: -8px;

}

.foot-bttm-link ul li:last-child a:after {

  display: none;

}

.foot-bttm-link ul li a:hover {

  color: var(--primary-color);

}

/*--------------------------footer----------wrap------end----------------------------*/

/*-----scroll----top---wrap---start----------*/

.progress-wrap {

  position: fixed;

  right: 30px;

  bottom: 50px;

  height: 43px;

  width: 43px;

  cursor: pointer;

  border-radius: 50%;

  box-shadow: inset 0 0 0 2px rgba(178, 170, 211, 0.71);

  opacity: 0;

  visibility: hidden;

  transform: translateY(15px);

  transition: all 200ms linear;

  z-index: 1;

}

.progress-wrap.active-progress {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}

.progress-wrap::after {

  content: "\f062";

  font-family: "fontawesome";

  font-weight: 400;

  font-size: 1.10rem;

  color: var(--primary-color);

  position: absolute;

  left: 0;

  top: 0;

  height: 43px;

  width: 43px;

  line-height: 43px;

  text-align: center;

  z-index: 1;

  pointer-events: none;

}

.progress-wrap svg path {

  fill: none;

}

.progress-wrap svg.progress-circle path {

  stroke: var(--primary-color);

  stroke-width: 4;

  transition: stroke-dashoffset 10ms linear;

  box-sizing: border-box;

}

/*-----scroll----top---wrap---end----------*/



/*------whatsapp------wrap-----start-------*/



.btn-whatsapp-pulse {

    position: fixed;

    bottom: 108px;

    right: 23px;

    width: 48px;

    height: 48px;

    background-color: #1c9b13;

    color: var(--white);

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    font-size: 20px;

    z-index: 105;

    margin-right: 6px;

}



.btn-whatsapp-pulse:hover{

  color: var(--white);

}





.btn-whatsapp-pulse::after,

.btn-whatsapp-pulse::before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 48px;

    height: 48px;

    background: #1c9b13;

    border-radius: 50%;

    z-index: -1;

    -webkit-animation: 1.3s ease-in-out infinite grow;

    animation: 1.3s ease-in-out infinite grow;

}



@keyframes grow {

    0% {

        transform: scale(1, 1);

        opacity: 1;

    }

    100% {

        transform: scale(1.2, 1.2);

        opacity: 0;

    }

}



/*------whatsapp------wrap-----end---------*/





/*------Book---appointment---popup-----form---wrap---start----------*/



.bttn-close {

  position: absolute;

  right: 0rem;

  top: 0rem;

  background-color: var(--secondry-color);

  width: 2.1rem;

  height: 2rem;

  z-index: 1;

  border: none;

  border-radius: 0rem .2rem 0rem .2rem;

  color: var(--white);

  font-size: 0.95rem;

}



.bttn-close:hover {

  background-color: var(--primary-color);

  color: #f7f7f7;

}



.popup-form{

  border: 1px solid #d4d6e7;

  border-radius: 2.6rem 0.50rem 1.5rem 1.5rem;

  padding: 1.8rem 1.6rem;

  position: relative;

  background-color: var(--white);

  box-shadow: inset 14px 21px 17px -3px rgba(112, 117, 145, 0.15);

}



.inner-mdl-frm-bx{

  overflow: hidden;

}



.inner-mdl-frm-bx:before{

  content: '';

  width: 50%;

  height: 50%;

  background-color: var(--secondry-color);

  clip-path: polygon(41% 0%, 0% 100%, 69% 100%);

  position: absolute;

  bottom: 0px;

  left: -147px;

}



.inner-mdl-frm-bx:after{

  content: '';

  width: 50%;

  height: 50%;

  background-color: var(--primary-color);

  clip-path: polygon(5% 0%, 0% 100%, 91% 100%);

  position: absolute;

  bottom: 0px;

  left: -218px;

}



.frm-plane-icon img{

  position: absolute;

  width: 56%;

  margin-top: -12px;

  left: -27px;

  animation: movingX 8s linear infinite;

}



.pop-form-lft-content{

  position: relative;

}



.inner-form-lft-title{

  font-size: 1.75rem;

  color: var(--secondry-color);

  line-height: 2.1rem;

  text-align: center;

  font-weight: 800;

  margin-bottom: 1rem;

}



.form-cont-dtl-wrp li {

  display: flex;

  column-gap: 9px;

  padding-bottom: 0.50rem;

}



.form-cont-dtl-wrp li i{

  color: var(--primary-color);

  padding-top: 0.20rem;

}



.form-cont-dtl-wrp li a{

  font-size: 0.85rem;

  color: var(--secondry-color);

  display: flex;

  line-height: 1.20rem;

}





.form-lft-img img{

  position: absolute;

  right: -25px;

  width: 76%;

  z-index: 1;

}



.form-logo{

  text-align: center;

  margin-bottom: 2rem;

}





.form-logo img{

  width: 45%;

}









.form-title h4{

  font-size: 1.7rem;

  font-weight: 700;

  color: var(--secondry-color);

  margin-bottom: 1rem;

  text-transform: capitalize;

  letter-spacing: .04rem;

  position: relative;

}



.form-title h4:before{

  content: '';

  width: 5rem;

  height: .1rem;

  background-color: var(--primary-color);

  position: absolute;

  bottom: 0rem;

  left: 0;

}



.form-title h4:after{

  content: '';

  width: 15rem;

  height: .1rem;

  background-color: var(--secondry-color);

  position: absolute;

  bottom: 0rem;

  left: 2.88rem;

  border-radius: 70%;

}





.form-title h4 .uniqe-font{

  font-family: "Playwrite GB S", cursive;

  font-style: italic;

  font-size: 1.50rem;

  color: var(--primary-color);

}



.frm-field-bx{

  position: relative;

  margin-bottom: 0.70rem;

}



.frm-field-bx .form-label,

.frm-textarea-bx .form-label{

  font-size: 0.90rem;

  margin-bottom: 0.1rem;

  color: var(--secondry-color);

  letter-spacing: 0.02rem;

}



.frm-icn i{

  position: absolute;

  left: 0px;

  top: 1px;

  width: 2.5rem;

  height: 39.5px;

  background-color: #e1e2ea;

  z-index: 9;

  border-radius: 5px 0px 0px 5px;

  line-height: 2.5rem;

  text-align: center;

  font-size: 0.85rem;

  color: var(--secondry-color);

}


.contct-frm-title{
  position: absolute; 
    left: 16px;
    top: -13px;
    background: #FAFAFA;
}


.frm-field-bx .input-group > .form-control, 
.frm-field-bx .input-group > .form-select,
.frm-field-bx .mobile,
.frm-field-bx .p_mobile{

    border-radius: 5px !important;

    height: 2.6rem;

    padding-left: 2.8rem;

    font-size: 0.80rem;

    border:.08rem solid #c4c2d7;

}





.frm-field-bx .input-group > .form-control:hover, 

.frm-field-bx .input-group > .form-select:hover,

.frm-field-bx .input-group > .form-control:focus, 

.frm-field-bx .input-group > .form-select:focus,

.frm-textarea-bx .input-group > .form-control:focus,

.frm-textarea-bx .input-group > .form-control:hover{



  border-color: var(--primary-color);

}



.frm-textarea-bx{

  position: relative;

  margin-bottom: 0.70rem;

}







.frm-textarea-bx .input-group > .form-control{

  font-size: 0.90rem;

  padding: 0.2rem 0.4rem;

  resize: none;

}



.form-sbmt-btn{

  margin-top: 1rem;

}



.form-sbmt-btn button{

  border: none;

  padding: 0.60rem 1.20rem;

  border-radius: 2rem;



}



/*------Book---appointment---popup-----form---wrap-----end--------*/



/*------------course--finder-----wrap------search-----start--------*/



.course-serch-bnr{

  position: relative;

}





.course-serch-bnr:before{

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0px;

  top: 0px;

  background: radial-gradient(circle,rgba(31, 40, 85, 0.75) 10%, rgba(45, 41, 69, 0.87) 62%);

}





.course-serch-bnr img{

  height: 340px;

  width: 100%;

  object-fit: cover;

  object-position: 100% 65%;

}



.course-find-wrp{

  position: absolute;

  top: 35%;

  width: 93%;

}





.course-find-wrp .bannr-course-srch-bar {

  padding: 2.0rem 1.0rem 2.0rem;

  border-radius: 18px;

  border: 1px solid #898898bd;

  background: linear-gradient(0deg,rgba(208, 211, 243, 0.8) 0%, rgba(255, 254, 251, 0.86) 100%);

}



.bannr-course-srch-fild {

  width: 93%;

}



.course-find-wrp .innr-course-srch {

  width: 14%;

}



.course-find-wrp .innr-course-slct select ,

.course-find-wrp .innr-course-slct input,

.course-find-wrp .select2-container--default .select2-selection--single{

  height: 2.90rem;

  border: 1px solid #b32c2c52;

  background-color: #fcfcfc47;

  color: #35343a;

  

}





.course-find-wrp .select2-container--default .select2-selection--single .select2-selection__rendered {

  color: #35343a;

  line-height:2.80rem;

  font-size: 13px;

}



.course-find-wrp .select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 44px !important;

}





 .select2-container--default .select2-results > .select2-results__options {

  scrollbar-width: thin !important;

}







.select2-container--default .select2-search--dropdown .select2-search__field {

  border: 1px solid #c1c2da;

  border-radius: 4px;

  height: 33px;

}



.select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: var(--primary-color) !important;

}



.select2-results__option {

  font-size: 13px !important;

}



.course-find-wrp .innr-course-slct input::placeholder{

   color: #35343a;

}



.course-find-wrp .bnnr-frm-icn {

  height: 2.78rem;

  line-height: 2.78rem;

  background-color: var(--primary-color);

  color: #ede4e4;

}





.course-find-wrp .innr-course-srch button {

  padding: .70rem .95rem;

}



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



.course-finder-sctn{

  padding: 2rem 2rem;

}



.course-rst-btn{

  margin-bottom: 1.30rem;

}







.course-rst-btn button {

  background-color: var(--primary-color);

  padding: 0.50rem 0.70rem;

  border: 2px solid #9e1c1c;

  border-radius: 4px;

  transition: all 0.2s ease-in;

  position: relative;

  overflow: hidden;

  font-size: 0.95rem;

  cursor: pointer;

  color: var(--white);

  z-index: 1;

}



.course-rst-btn button:before {

  content: "";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 100%;

  width: 140%;

  height: 180%;

  background-color: rgba(0, 0, 0, 0.05);

  border-radius: 50%;

  display: block;

  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);

  z-index: -1;

}



.course-rst-btn button:after {

  content: "";

  position: absolute;

  left: 55%;

  transform: translateX(-50%);

  top: 180%;

  width: 160%;

  height: 190%;

  background-color:var(--primary-color);

  border-radius: 50%;

  display: block;

  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);

  z-index: -1;

}



.course-rst-btn button:hover {

  border: 2px solid #2b2a34;

}



.course-rst-btn button:hover:before {

  top: -35%;

  background-color: var(--secondry-color);

  transform: translateX(-50%);

}



.course-rst-btn button:hover:after {

  top: -45%;

  background-color: var(--secondry-color);

  transform: translateX(-50%);

}





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



.applid-fltr-suggstn{

  width: fit-content;

  margin: auto auto 1.30rem;

  padding: 0.50rem 0.70rem;

  border-bottom: 4px double #dbf0d2;

  border-top: 4px double #dbf0d2;

  border-left: 2px solid #dbf0d2;

  border-right: 2px solid #dbf0d2;

  border-radius: 15px;

}



.applid-fltr-suggstn .apply-bdge-wrp{

  display: flex;
  column-gap: 8px;
  align-items: center;
  justify-content: center;

}

.apply-bdge-wrp h6{
    font-size: 0.90rem;
    color: var(--secondry-color);
    letter-spacing: .02rem;
    margin-bottom: 0px;
    width: 160px;
}



.apply-fltr-wrp{

  display: flex;

  column-gap: 8px;

}



.apply-fltr-wrp .alert{

  padding: .20rem .38rem;

  font-size: .75rem;

  letter-spacing: .03rem;

  margin-bottom: 0rem !important;

  color: #0f7c49;

  background-color: #dff6e2;

  border-color: #a1d7be;

  margin: 2px;

}



.apply-fltr-wrp .alert button{

  color: #168853;

  font-size: .60rem;

  border: none;

  background-color: transparent;

}





.total-record-bx{

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-radius: .30rem;

  border: 1px solid #ddd;

  padding: 0.80rem 0.80rem;

  background: linear-gradient(0deg,rgb(219, 221, 239) 0%, rgb(255, 254, 251) 100%);

  margin-bottom: 2rem;

}



.total-record-bx h5{

  margin-bottom: 0px;

  font-weight: 600;

  color: #3c3b45;

  font-size: 1.0rem;

  letter-spacing: .02rem;

}



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





.course-fnd-university-slect{

  border-radius: 5px;

  border: 1px solid #ddd;

  margin-bottom: 1.5rem;

}



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



.course-fnd-title h6{

  font-size: 0.90rem;

  font-weight: 600;

  padding: 0.80rem 0.80rem;

  background: linear-gradient(0deg,rgb(219, 221, 239) 0%, rgb(255, 254, 251) 100%);

  letter-spacing: .02rem;

  margin-bottom: 0rem;

}



.check-list-bx{

  padding: 1.20rem 0.80rem;

}





.list-hght-scroll{

  height:318px;

  overflow-y: scroll;

  scrollbar-width: thin;

}



/*------checkbox--------start-----------------*/





.course-fnd-chckbx {

  display: flex;

  border-bottom: 1px solid #dee1e8;

  margin-bottom: .70rem;

  cursor: pointer;

  padding-bottom: .70rem;



}



.check-list-bx .course-fnd-chckbx:last-child{

  border-bottom: none;

  padding-bottom: 0rem;

  margin-bottom: 0;

}



.course-fnd-chckbx p{

  font-size: 0.85rem;

  color: #54525d;

  letter-spacing: .02rem;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  margin-bottom: 0rem;

}





.course-fnd-chckbx input[type="checkbox"] {

  position: absolute;

  opacity: 0;

  width: 0;

  height: 0;

}



.checkmark {

  position: relative;

  display: inline-block;

  width: 18px;

  height: 18px;

  margin-right: 8px;

  border: 1px solid #545A6E73;

  border-radius: 4px;

  transition: all 0.3s;

}



.course-fnd-chckbx input[type="checkbox"]:checked ~ .checkmark {

  background-color: var(--primary-color);

  border-color: #CB8086;

}



.course-fnd-chckbx input[type="checkbox"]:checked ~ .checkmark:after {

  content: "";

  position: absolute;

  top: 2px;

  left: 6px;

  width: 5px;

  height: 10px;

  border: solid var(--white);

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}



.course-fnd-chckbx input[type="checkbox"]:focus ~ .checkmark {

  box-shadow: 0 0 0 2px #dfec5065;

}



.course-fnd-chckbx:hover input[type="checkbox"] ~ .checkmark {

  border-color: var(--primary-color);

}



.course-fnd-chckbx input[type="checkbox"]:disabled ~ .checkmark {

  opacity: 0.5;

  cursor: not-allowed;

}



.course-fnd-chckbx input[type="checkbox"]:disabled ~ .checkmark:hover {

  border-color: #4d4d4d;

}





/*------course------checkbox-------end-----------*/



/*------------course-----finder------card------start------------*/



.course-crd{

  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;

  width: 100%;

  height: auto;

  position: relative;

  border: 1px solid #c6c6d4a8;

  border-radius: 8px;

  margin-bottom: 2.20rem;

  background-color: var(--white);

  /* border-top: 2px solid var(--primary-color); */

  /* border-radius: 0px 0px 8px 8px; */

}



.course-crd:before{

  content: '';

  position: absolute;

  right: 0px;

  top: 0px;

  width: 33%;

  height: 100%;

  background-color: #bebdca5c;

  clip-path: polygon(99% 0%, 100% 0%, 100% 100%, 0% 301%);

}



.main-innr-course-cntnt{

  display: flex;

  justify-content: space-between;

  padding: 1.0rem 1rem .20rem;

}



.country-ribbon{

  position: relative;

  background-color: var(--primary-color);

  color: var(--white);

  width: fit-content;

  padding: .20rem .50rem;

  font-size: .85rem;

  letter-spacing: .06rem;

  border-radius: 20%;

  left: 16px;

  margin-top: -9px;

}



.innr-course-lft-content{

  width: 72%;

}



.uni-logo-detail-wrp{

  display: flex;

  column-gap: 28px;

}



.course-srch-uni-logo{

  border-radius: 4px;

  width: 35%;

  height: 110px;

  line-height: 105px;

  border: 1px solid #d7dae9;
  
  background-color: var(--white);

  /*background: linear-gradient(54deg,rgb(248, 248, 248) 0%, rgb(236, 235, 244) 100%);*/

}





.uni-detail-content  h5{

  font-size: 1.10rem;

  font-weight: 600;

  color: var(--secondry-color);

  padding-bottom: 0.50rem;

  letter-spacing: .03rem;

}



.course-uni-list-dtl ul{

  padding-left: 0rem;

  display: flex;

  flex-wrap: wrap;

  column-gap: 15px;

  row-gap: 12px;

}





.course-uni-list-dtl ul li{

  font-size: .87rem;

  color: #353a49;

  border: 1px solid #ddd;

  padding: 0rem 0.4rem 0rem 0rem;

  border-radius: 8px;



}



.course-uni-list-dtl ul li i{

  margin-right: 7px;

  color: #5a5a7c;

  width: 29px;

  height: 24px;

  background-color: #e8eaf1;

  text-align: center;

  line-height: 24px;

  border-radius: 3px;

  font-size: 14px;

  border-right: 2px solid #dbacac;

  padding: 0px 2px;

}



.course-uni-list-dtl ul li strong{

  color: var(--secondry-color);

}





.course-lft-content-bdge ul{

  display: flex;

  padding-left: 0rem;

  flex-wrap: wrap;

  column-gap: 7px;

  row-gap: 8px;



}



.course-lft-content-bdge ul li{

  border-radius: 20px;

  border: 1px dashed #c8c9da;

  padding: 0.18rem 0.50rem;

  font-size: 0.90rem;

  width: fit-content;

}



.course-lft-content-bdge ul li i{

   color: #5a5a7c;

}







.innr-course-score-dtl{

  width: 26%;

}



.innr-course-score-dtl ul{

  display: flex;

  flex-wrap: wrap;

  padding-left: 1rem;

  justify-content: space-between;

  row-gap: 10px;



}



.innr-course-score-dtl ul li{

  font-size: .83rem;

  font-weight: 600;

  color: #353a49;

  width: 100%;

  position: relative;

  padding-left: 1.1rem;

}





.innr-course-score-dtl ul li i{

  font-weight: 400;

  font-size: .80rem;

  position: absolute;

  left: 0px;

  top: 4px;

  color: #b32c2c;



}



.entry-req-bx{

  width: 100%;

  margin: 1.1rem 0rem 1.50rem 0rem;

  border: 1px solid #88a37c;

  padding: 0.90rem 1.0rem .50rem;

  border-radius: .60rem;

  position: relative;

}



.entry-req-bx:after{

  content: '';

  width: 125px;

  height: 6px;

  clip-path: polygon(4% 0%, 100% 0%, 97% 100%, 0% 100%);

  background-color: #618a38bd;

  position: absolute;

  bottom: -3px;

  right: 15px;

}



.entr-req-title h6{

  position: absolute;

  color: var(--white);

  background-color: #618a38;

  top: -16px;

  left: 9px;

  font-size: 13px;

  font-weight: 500;

  letter-spacing: 0.02rem;

  padding: 0.1rem 0.2rem 0.1rem 0.5rem;

  border-radius: 2px 2px 0px 0px;

  clip-path: polygon(3% 0%, 100% 0%, 100% 100%, 0% 100%);

}



.entry-req-bx p{

  font-size: 0.85rem;

  letter-spacing: .02rem;

  margin-bottom: 0rem;

  color: #4e4d58;

  line-height: 1.15rem;

}





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



.course-crd-bttm{

  border-top: 1px dashed #b1aad1d1;

  display: flex;

  justify-content: space-between;

  padding: 1rem 2rem;

  box-shadow: 0px 7px 18px rgba(24, 16, 16, 0.0509803922);

}





.go-web-link strong{

  color: var(--primary-color);

}







.go-web-link a {

  position: relative;

  font-size: 0.90rem;

  color: #5a5a7c;

  font-weight: 700;

  transition: 0.3s ease-out;

}



.go-web-link a:hover{

  color: var(--primary-color);

}







.go-web-link a::after {

  position: absolute;

  content: "";

  width: 0;

  left: 0;

  bottom: -7px;

  background: var(--primary-color);

  height: 2px;

  transition: 0.3s ease-out;

}







.go-web-link a:hover::after {

  width: 100%;

}



.go-web-link a:hover::before {

  width: 100%;

}



.go-web-link a:hover i {

  transform: translateX(4px);

  color: var(--primary-color);

}



.go-web-link a i {

  color: #5a5a7c;

  transition: 0.2s;

  position: relative;

  width: 15px;

  transition-delay: 0.2s;

}





/*------------course-----finder------card------end----------*/



/*-------pagination---wrap----start------*/





.pagination,

.page-numbers {

  display: flex;

  align-items: center;

  justify-content: end;

  gap: 12px;
  position: relative;

}







.btn-nav,

.btn-page {

  border-radius: 50%;

  background-color:var(--white);

  cursor: pointer;

}



.btn-nav {

  padding: 8px;

}



.btn-nav {

  width: 42px;

  height: 42px;

  border: 1.5px solid var(--primary-color);

  color: var(--primary-color);

  transition: 0.2se ease;

}



.btn-nav:hover,

.btn-page:hover {

  background-color: var(--primary-color);

  color: #fff;

}



.btn-page {

  border: none;

  width: 36px;

  height: 36px;

  font-size: 16px;

}



.btn-selected {

  background-color: var(--primary-color);

  color: #fff;

}







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





/*------------course--finder-----wrap------search----end----------*/







/*-------------------login-----wrap------start-----------------------*/



.login-wrp {

  background: var(--white);

  padding: 1rem 2rem;

  border-radius: 10px;

  box-shadow: 0 25px 35px rgba(0, 0, 0, 0.15);

  margin: 40px auto;

  width: 65%;

  border: 1px solid #e5e6f2;

  position: relative;

  overflow: hidden;

}





.login-wrp:before{

  content: '';

  position: absolute;

  left: 0px;

  top: 0px;

  width: 48%;

  height: 100%;

  border-radius: 0px 52% 20% 0px;

  background: linear-gradient(60deg,rgb(245, 233, 234) 0%, rgb(247, 238, 238) 100%);

}





.login-wrp:after{

  content: '';

  width: 40%;

  height: 100%;

  position: absolute;

  right: 0px;

  transform: rotate(24deg);

  clip-path: polygon(79% 0%, 100% 10%, 28% 100%, 15% 69%);

  background-color: #b32c2c;

  top: 45%;

}



.merge-lft-rgt-bx{

  display: flex;

  justify-content: space-between;

}



.left-form-cotent{

  width:43%;

  position: relative;
  
  overflow:hidden;

}





.left-form-cotent img{

  width: 100%;

}



.right-form{

  width: 53%;

  position: relative;

  z-index: 1;

}



.login-tabs-bx{

  background-color: #e6e9f0;

  position: relative;

  border-radius: 15px 15px 0px 0px;

  width: 47.2%;

  margin: 0px 0px 0px auto;

  right: 0px;

  top: 38px;

}



.login-tabs-bx .nav{

  position: relative;

  z-index: 9;
  justify-content: center;

}



.login-tabs-bx .nav .nav-item .nav-link {

  color: #3f4753;
  font-size: 0.90rem;
  padding: 0.60rem 1.2rem;
  margin: auto;

}





.login-tabs-bx .nav .nav-item{

  border-right: 1px solid #cacbd1;
  width:33%;
  position: relative;

}



.tab-icon{

  position: absolute;

  left: 0px;

  right: 0px;

  top: -41px;

  width: 50px;

  height: 50px;

  background-color: #f0f1f4;

  border-radius: 50%;

  text-align: center;

  margin: auto;

  border: 1px solid #efd3d3;

  border-bottom: none;

  line-height: 44px;

}



.tab-icon img{

  width: 33px;

}



.login-tabs-bx .nav .nav-item:last-child{

  border-right: none;

}



.login-tabs-bx .nav-pills .nav-link.active, .login-tabs-bx .nav-pills .show > .nav-link,

.login-tabs-bx .nav-pills .nav-link:hover {

  color: var(--white) !important;
  background-color: var(--primary-color);

}



.main-lft-rgt-bx{

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.tab-form-bx{

  width: 89%;

  margin: 38px 0px auto auto;

  border: 1px solid #e4e6e7;

  padding: 0.80rem 1.60rem 1.70rem;

  border-radius: 0rem 0rem 2rem 2rem;

  background-color: var(--white);

}





.toggle-password{

  position: absolute;
  right: 6%;
  top: 38%;
  font-size: 0.65rem;
  color: #656d80;
  z-index: 11;
}





.right-form .form-title h4 {

  font-size: 1.40rem;

  text-align: center;

  padding-bottom: 0.50rem;

}





.right-form .form-title h4 .uniqe-font {

  font-size: 1.10rem;

}



.right-form .form-title h4::before {

  width: 2rem;

  height: .2rem;

  bottom: -.04rem;

  left: 0px;

  right: 0px;

  margin: auto;

  z-index: 1;

}





.right-form .form-title h4::after {

  content: '';

  width: 6rem;

  height: .1rem;

  background-color: var(--secondry-color);

  position: absolute;

  bottom: 0rem;

  left: 0px;

  border-radius: 70%;

  right: 0px;

  margin: auto;

}



.stdnt-lft-img-title,

.form-title h5{

  font-size: 1rem;

  font-weight: 800;

  text-align: center;

  margin-bottom: 0.2rem;

  color: var(--primary-color);

}



.form-title h6{

  font-size: 0.90rem;

  letter-spacing: .02rem;

  text-align: center;

  padding-top: 0.30rem;

  color: #3e3a4c;

}





.form-title p{

  font-size: 0.90rem;

  text-align: center;

  font-weight: 800;

  letter-spacing: .04rem;

  color: #393a59;

}

/*--------------remember--------me----------wrap------start-------------*/





.remember-chkbx {

  display: flex;

  align-items: center;

  font-size: 0.90rem;

  color: #3d3c45;

  cursor: pointer;

}



.remember-chkbx input[type="checkbox"] {

  position: absolute;

  opacity: 0;

  width: 0;

  height: 0;

}



.checkmark {

  position: relative;

  display: inline-block;

  width: 18px;

  height: 18px;

  margin-right: 12px;

  border: 1px solid #BBC5CD;

  border-radius: 4px;

  transition: all 0.3s;

}



.remember-chkbx input[type="checkbox"]:checked ~ .checkmark {

  background-color: var(--primary-color);

  border-color: #E56F6F;

}



.remember-chkbx input[type="checkbox"]:checked ~ .checkmark:after {

  content: "";

  position: absolute;

  top: 2px;

  left: 6px;

  width: 4px;

  height: 10px;

  border: solid white;

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}



.remember-chkbx input[type="checkbox"]:focus ~ .checkmark {

  box-shadow: 0 0 0 2px #dfec5065;

}



.remember-chkbx:hover input[type="checkbox"] ~ .checkmark {

  border-color: #EC2323B8;

}



.remember-chkbx input[type="checkbox"]:disabled ~ .checkmark {

  opacity: 0.5;

  cursor: not-allowed;

}



.remember-chkbx input[type="checkbox"]:disabled ~ .checkmark:hover {

  border-color: #4d4d4d;

}

/*--------------remember--------me----------wrap-----end------------*/



.forgot-pass-txt a{

   font-size: 0.90rem;

  color: #3d3c45;

  text-align: end;

  transition: 0.3s ease;

}



.forgot-pass-txt a:hover{

  color: var(--primary-color);

}



/*---------------already----account---text---start----------*/



.already-account-txt{

  text-align: center;

  margin: 0.60rem auto 0px;

}



.already-account-txt a {

  position: relative;

  font-weight: 600;

  font-size: 0.85rem;

  color: #32333a;

  

  transition: 0.3s ease-out;

  

}



.already-account-txt a:hover{

  color: var(--primary-color);

}



.already-account-txt a::after {

  position: absolute;

  content: "";

  width: 0;

  left: 0;

  bottom: -7px;

  background: var(--primary-color);

  height: 2px;

  transition: 0.3s ease-out;

}





.already-account-txt a:hover::after {

  width: 100%;

}



.already-account-txt a:hover::before {

  width: 100%;

}





/*---------------already----account---text---end----------*/





/*-------------------login-----wrap------end----------------------*/



/*---------register--------wrap-----------start-----------------*/





.reg-wrap{

  width: 90%;

}





.reg-wrap .left-form-cotent {

  width: 31%;

}





.reg-wrap:before {

  width: 36%;

}



.reg-wrap .right-form {

  width: 69%;

}





.reg-wrap:after {

  clip-path: polygon(85% 0%, 100% 10%, 45% 100%, 32% 73%);

}





.reg-wrap .login-tabs-bx .nav .nav-item {

  width: auto;

}



.reg-wrap .login-tabs-bx {

  width: fit-content;

  margin: auto;

  left: 19%;

}



.reg-wrap .login-tabs-bx .nav .nav-item .nav-link {

  padding: 0.60rem 1.90rem;
  border-radius: 15px 0px 0px 0px;

}

.reg-wrap .login-tabs-bx .nav .nav-item:nth-child(2) .nav-link{
    border-radius: 0px 15px 0px 0px;
}



.reg-wrap .frm-field-bx .input-group > .form-control, .reg-wrap .frm-field-bx .input-group > .form-select {

  padding: 0.4rem;

}











.stdnt_qr-code img{

  width: 23%;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 4px 1px #b32c2c54;
  margin-top: 23%;
  position: absolute;
  margin-left: 16.2%;

}


.partner_qr-code img{
  width: 29%;
  border: 3px solid #fff;
  box-shadow: 0px 4px 4px 2px #a5a5ce;
  border-radius: 5px;
  margin-top: 10%;
  position: absolute;
  margin-left: 32.3%;

}



/*---------register--------wrap-----------end----------------*/



/*-------------forgot--------wrap-------start----------------*/



.forgot-wrp{

  width: 50%;

  margin: 70px auto;

}





.forgot-wrp:after {

  clip-path: polygon(81% 0%, 100% 10%, 31% 100%, 21% 69%);

}



.forgot-wrp:before {

  width: 39%;

}



.forgot-wrp .merge-lft-rgt-bx {

  align-items: center;

}





.forgot-wrp .left-form-cotent {

  width: 44%;

}





.forgot-wrp .left-form-cotent img {

  width: 89%;

}





.forgot-wrp .right-form {

  width: 77%;

}





.forgot-wrp .tab-form-bx {

  width: 89%;

  border-radius: 2rem;

  margin: 0px 0px auto auto;

}





/*-------------forgot--------wrap-------end-------------*/



/*--------blog-----page---start----------*/



.blog-pg-sctn{

  padding-top: 4rem;

}



.blog-pg-wrp .blog-bx{

  margin-bottom: 1.20rem;

}



.blog-pg-wrp .pagination{

  justify-content: center;

  margin-top: 2rem;

}



.blog-pg-content{

  padding: 2rem 1.20rem 0.50rem;

}





.blog-pg-content h4{

  font-size: 1.40rem;

  font-weight: 600;

  color: var(--secondry-color);

}



.blog-pg-content p{

  font-size: 0.95rem;

  line-height: 1.60rem;

  text-align: justify;

}



.lrg-blog-img img{

  width:100%;

  height: 400px;

  object-fit: cover;

  object-position: top center;

  border-radius: 7px;

}





.lft-wrp-blg-pg .blog-admin-date-bx ul {

  column-gap: 19px;

  padding: 4px 16px;

  top: -16px;

  left: 18px;

}



.lft-wrp-blg-pg .blog-admin-date-bx ul li {

  font-size: 1rem;

}



/*--------searchbar--------wrap-------start------*/ 

.searchBox {

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: space-between;

  gap: 8px;

  background: #e5e8ed;

  border-radius: 50px;

  position: relative;

  border: 1px solid #3c3f483b;

  margin-bottom: 1.70rem;

}



.searchButton {

  color: var(--white);

  position: absolute;

  right: 8px;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: linear-gradient(5deg, rgb(179, 44, 44) 0%, rgb(148, 15, 15) 100%);

  border: 0;

  display: inline-block;

  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);

  box-shadow: inset 0px 10px 15px -3px rgba(0,0,0,0.1),0px 10px 15px -3px rgba(0,0,0,0.1);

}



/*hover effect*/

.innr-course-srch button:hover {

  background-color: #1A1A1A;

  box-shadow: rgba(110, 32, 32, 0.5) 3px 0px 8px;

}

/*button pressing effect*/

.innr-course-srch button:active {

  box-shadow: none;

  transform: translateY(0);

}



.searchInput {

  border: none;

  background: none;

  outline: none;

  color: var(--secondry-color);

  font-size: 1rem;

  padding: 1rem 4rem 1rem 1rem;

  width: 100%;

}



/*------searchbar-----wrap-----end-----------*/



.rcnt-multi-post{

  display: flex;

  column-gap: 17px;

  border: 4px double #d8d8e187;

  border-radius: 5px;

  background-color: #f7f0f0;

  margin-bottom: 0.80rem;

}



.rcnt-side-img{
  width: 32%;
}

.rcnt-side-img a img{
    height: 73px;
    object-fit: cover;
    width:100%;
}


.rcnt_side_rght-content{

  padding-right: 0.50rem;
  width: 80%;

}



.rcnt_side_rght-content .date{

  font-size: 0.80rem;

  font-weight: 600;

  color: #a82728;

  background-color: #b32c2c1f;

  padding: 0.20rem 0.50rem;

  letter-spacing: .05rem;

  border-radius: 5px;

}



.rcnt_side_rght-content h6{

  line-height: 1.20rem;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;



}



.rcnt_side_rght-content h6 a{

  font-size: 0.87rem;

  color: var(--drk-color);

  letter-spacing: .02rem;

  transition: 0.4s ease;

   padding-top: 0.30rem;

}



.rcnt_side_rght-content h6 a:hover{

  color: var(--primary-color);

}



.rcnt-blog-sidebar{

  border-radius: 1rem;

  border: 1px solid #bfc2d2;

  padding: 1rem 1rem;

  background-color: #fdf9f9;

  position: relative;

}



.rcnt-blog-sidebar h5{

  font-size: 1.50rem;

  padding-bottom: 0.40rem;

  font-weight: 700;

  color: #2f2e36;

  position: relative;

  margin-bottom: 1.90rem;

}



.rcnt-blog-sidebar h5:before{

  content: '';

  width: 100%;

  height: 1px;

  background-color: #b5b4bd8a;

  position: absolute;

  bottom: 0px;

}



.rcnt-blog-sidebar h5:after {

  content: '';

  width: 75px;

  height: 4px;

  clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);

  background-color: #ab2525;

  position: absolute;

  bottom: -1px;

  left: 15px;

}











/*-----------blog---------page-----------end---------*/





/*-----------breadcrumb----------start--------------*/



.breadcrmb-sctn{

  background-image: url(../images/breadcrumb-img.png);

  width: 100%;

  height: 200px;

  background-size: cover;

  position: relative;

  background-position: center center;

  background-repeat: no-repeat;



}



.breadcrmb-sctn:before{

  content: '';

  width: 100%;

  height: 200px;

  background-color: rgba(255, 255, 255, 0.77);

  position: absolute;

}



.inner-brdcrmb-title-wrp{

 position: absolute;

  text-align: left;

  left: 4%;

  top: 27%

}





.inner-brdcrmb-title-wrp h3{

  font-size: 2rem;

  font-weight: 700;

}



.brdcrmb-list {

 display: flex;

  justify-content: center;

  column-gap: 0.50rem;

  box-shadow: 1px 2px 4px 2px #999aa242;

  position: relative;

  background-color: rgba(238, 240, 247, 0.3);

  width: fit-content;

  padding: 0.09rem 0.90rem;

  border-radius: 20px;

}



.brdcrmb-list li{

  position: relative;

}



.brdcrmb-list li:after{

  content: '/';

  color: var(--primary-color);

  padding-left: 0.70rem;

}





.brdcrmb-list li:last-child:after{

  display: none;

}



.brdcrmb-list li a{

  color: #605f6a;

  transition: 0.4s ease;

  font-weight: 500;

}



.brdcrmb-list li a:hover{

  color: var(--primary-color);

}





/*-----------breadcrumb----------end-------------*/





/*---------------contact-------page------start--------------------*/



.contact-wrapper {

  display: flex;

  margin:4% auto;

}



.contact-left {

  width: 32%;

  background: white;

  padding: 0rem 2rem;

  display: flex;

  flex-direction: column;

  gap: 20px;

}



.info-box {

  border: 1px solid #eee;

  padding: 15px 20px;

  border-radius: 10px;

  box-shadow: 0 4px 12px rgba(0,0,0,0.05);

  text-align: center;

}



.info-box img {

  width: 50px;

  margin-bottom: 15px;

}



.info-box h3 {

  font-size: 20px;

  color: #012f4e;

  margin-bottom: 10px;

}



.info-box p a{

  font-size: 14px;

  color: #494855;

  line-height: 1.5;

  transition: 0.4s ease;

  font-weight: 600;

}



.info-box p a:hover{

  color: var(--primary-color);

}







.contact-right {

  width: 68%;

  padding: 1.50rem 2.50rem;

  border: 1px solid #ddd;

  border-radius: 1rem;

}



.contact-right h2 {

  font-size: 2rem;

  color: #0b132b;

  font-weight: 600;

  margin-bottom: 2.50rem;

  line-height: 1.4;

}



.contact-right h2 strong {

  font-weight: 800;

  color: var(--secondry-color);

}



.contact-right form {

  display: flex;

  flex-direction: column;

  gap: 20px;

}



.form-row {

  display: flex;

  gap: 20px;

  width: 100%;

}



.form-group {

  display: flex;

  flex-direction: column;

  flex: 1;

  position: relative;

  margin-bottom: 1rem;

}



.form-group.full {

  width: 100%;

}



.contact-right .form-row .form-group .contct-frm-title {
  position: absolute;
  left: 22px;
  padding:2px 10px 0px 10px ;
  font-size: 0.90rem;

  color: #67687f;
  z-index: 11;

}

.contact-right .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
}
 .mobile{
  width: 100% !important;
}




.contact-right .form-row .form-group input, textarea {

  padding: 12px 15px;

  font-size: 14px;

  border-radius: 8px;

  border: 1px solid #d7d7e0;

  background-color: #f9f9f9;

  outline: none;

  transition: border 0.3s ease;

}



.contact-right .form-row .form-group input::placeholder, textarea::placeholder{

  opacity: 0.4;

}



.contact-right .form-row .form-group input:hover, .contact-right .form-row .form-group textarea:hover,

.contact-right .form-row .form-group input:focus, .contact-right .form-row .form-group textarea:focus {

  border-color: var(--primary-color);

}



.contact-bttn button {

  background-color: var(--primary-color);

  color: white;

  padding: 12px 30px;

  font-size: 16px;

  border: none;

  border-radius: 6px;

  cursor: pointer;

  align-self: flex-start;

  transition: background 0.3s ease;

}



.contact-bttn button:hover {

  background-color: var(--secondry-color);

}





/*---------------contact-------page------end-------------------*/





.other-pg-counter{

  margin-top: 2rem;

  margin-bottom: 3rem;

}



/*-------------country---------information---------------start----------------*/



.country-info-sctn{

  position: relative;

  padding: 4rem 3.08rem 4rem;

}





.cntry-info-wrp {

  display: flex;

  position: relative;

  column-gap: 2rem;

}



.sidebar {

  width: 27%;

  background: #efeff1;

  height: 100%;

  position: sticky;

  top: 17%;

  padding: 0rem;

  border-radius: 7px;

  border: 1px solid #d4d0de;

}



.sidebar h5{

  font-size: 1.10rem;

  font-weight: 500;

  padding: 0.8rem 0.6rem;

  color: #3d3547ed;

  position: relative;

  letter-spacing: .03rem;

  margin-bottom: 0rem;

  border-radius: 8px 6px 0px 0px;

  background: linear-gradient(0deg,rgb(208, 211, 243) 0%, rgb(255, 254, 251) 100%);

}



.sidebar nav ul {

  list-style: none;

  padding: 0;

  margin-bottom: 0rem;

}





.sidebar nav ul li a {

  color: #2d2d35;

  text-decoration: none;

  padding: 0.95rem 0.80rem 0.95rem 1.70rem;

  display: block;

  transition: background 0.3s;

  border-bottom: 1px solid #c5c7cc75;

  letter-spacing: .03rem;

}



.sidebar nav ul li a .cntry-info-icon{

  width: 32px;

  height: 32px;

  display: inline-block;

  line-height: 32px;

  margin-right: 0.10rem;

}





.sidebar nav ul li.active a .cntry-info-icon img, .sidebar nav ul li a:hover .cntry-info-icon img{

  filter: brightness(0) invert(1);

}



.sidebar nav ul li:last-child a{

  border-bottom: none;

}



.sidebar nav ul li.active a,

.sidebar nav ul li a:hover {

  background-color: #4461BE;

  color: #f8f3f3;

}



.info-right-content {

  padding: 1.60rem 2rem;

  flex: 1;

  background: #f4eeee;

  min-height: auto;

  overflow: hidden;

  border-radius: 5px;

  position: relative;

}



.info-right-content:after{

  content: '';

  background: url(../images/info-rgt-sctn.png);

  width: 50%;

  height: 200px;

  background-size: 100%;

  position: absolute;

  right: 0px;

  top: 0px;

}



/* Sections: hidden by default */

.info_section {

  display: none;

  opacity: 0;

  transform: translateY(50px);

  transition: all 0.4s ease-in-out;

  position: relative;

  z-index: 1;

}



/* Show the active section */

.info_section.active {

  display: block;

}



/* Slide-up animation */

.info_section.slide-up {

  opacity: 1;

  transform: translateY(0);

}







.info-wlcome-note {

  position: relative;

  padding: 1.20rem 1.50rem;

  background-color: #d87c04;

  border-radius: 20px;

  overflow: hidden;

  z-index: 1;

  color: #fff;

  margin-bottom: 1rem;

}



.info-wlcome-note::before {

  content: '';

  position: absolute;

  top: 0; left: 0;

  width: 100%; height: 100%;

  background: url(../images/stdy-abrd-pttrn.jpg) no-repeat center/cover;

  opacity: 0.2; 

  z-index: -1;

}





.info-wlcome-note h2{

  color: #f4eded;

  text-align: center;

  font-size: 1.50rem;

  letter-spacing: .05rem;

  padding-bottom: 0.20rem;

}



.info-wlcome-note h5{

  color: #e8ebf2;

  font-size: 1.05rem;

  text-align: center;

  /*text-decoration: underline;

  text-decoration-color: #9c0f0f;*/

}





.info-box1 h3{

  font-size: 1.60rem;

  font-weight: 600;

  padding-bottom: 0.80rem;

  color: #333441;

  margin-bottom: 0rem;

}





.info-box1 h3:first-letter{

  color: var(--primary-color);

  font-size: 2.20rem;

}





.inner-info-bx1-img{

  margin-bottom: 1.40rem;

}



.inner-info-bx1-img img{

  border-radius: 5px 50px 5px 5px;

  border: 4px solid #ebd1d1;

  

}





.inner-info-bx1-content p{

  font-size: 0.95rem;

  text-align: justify;

  line-height: 26px;

  color: #484a67;

}





.inner-info-2-bx{

  border-radius: 5px;

  border: 1px dashed #e59292;

  padding: 0.70rem 0.90rem;

  background-color: #eee0e2;

  position: relative;

  height: 215px;

}



.inner-info-2-bx h4{

  font-size: 1.20rem;

  letter-spacing: 0.05rem;

  font-weight: 600;

  color: #2c2d3a;



}





.inner-info-2-bx p{

  font-size: 0.95rem;

  color: #63657d;

  text-align: left;

  line-height: 1.60rem;

}



.info-bx1-1 p{

  font-size: 0.95rem;

  text-align: justify;

  line-height: 26px;

  color: #484a67;

}



 



.info-bx1-1-img img{

  border-radius: 4px;

  border: 3px solid #ddd;

  box-shadow: 0px 7px 15px -3px rgba(50, 49, 59, 0.48);

  height: 220px;

  object-fit: cover;

  width: 100%;

  margin-bottom: 3rem;

}



.info-bx1-1-content h5{

  font-size: 1.50rem;

  font-weight: 600;

  color: #332b40;

}



.info-bx1-1-content p{

  font-size: 0.92rem;

  color: #4d4e5b;

  text-align: left;

  line-height: 1.60rem;

}





.txt-count-bx{

  background-color: #f7f7f7;

  padding:1.20rem 1.25rem;

  border-radius: 5rem;

  height: 245px;

  position: relative;

  box-shadow: -30px 0px 38px -17px rgba(49, 52, 58, 0.12);

  margin-bottom: 3rem;

}



.txt-count-bx h5{

  text-align: center;

  font-size: 1.0rem;

  line-height: 1.70rem;

  letter-spacing: 0.08px;

  color: #484a67;

}



.inner_info-count-bx h3{

  text-align: end;

  position: absolute;

  right: 19px;

  font-size: 2.0rem;

  bottom: 25px;

  color: #a33c3c;



}





/*----------======step=====count======start==========----------------*/

.step-nav {

  counter-reset: step-counter;

}



.step {

  position: relative;

}



.step .circle {

  position: absolute;

  left: -13px;

  top: 15px;

  z-index: 2;

  width: 32px;

  height: 32px;

  line-height: 26px;

  text-align: center;

  border-radius: 50%;

  font-size: 0.9rem;

  font-weight: 500;

  background: #eeedf2;

  color: #323544;

  transition: background 0.3s, color 0.3s;

  border: 3px solid #ddd;

}



.step .line {

  position: absolute;

  left: -1px;

  top: 43px;

  width: 4px;

  height: calc(100% - 28px);

  background: #dedeec;

  transition: background 0.4s ease, height 0.4s ease;

  z-index: 1;

}



.step.active .circle,

.step.completed .circle {

  background: var(--primary-color);

  color: var(--white);

}



.step.completed .line {

  background: #4461BE;

}



/*----------======step=====count=====end==========----------------*/



/*-------------country---------information---------------end---------------*/



/*-----------====================visa-----page-------start==============--------*/



.visa-pg-sctn{

  position: relative;

  padding: 50px 0px 20px;

}



.featured-imagebox-services {

  position: relative;

  overflow: hidden;

}





 .featured-imagebox-services .featured-thumbnail {

  position: relative;

  overflow: hidden;

}



.featured-imagebox-services .featured-thumbnail img {

  transform: translateY(-60px) scale(1.5);

  transition: all 1s ease-in;

  height: 280px;

  width: 100%;

  object-fit: cover;

}



.featured-imagebox-services .featured-content {

 position: relative;

  padding: 7px 28px 7px;

  margin: -24px auto 14px;

  z-index: 2;

  text-align: center;

  background-color: var(--white);

  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);

  border-radius: 2rem;

  width: fit-content;

}



.featured-imagebox-services .featured-content .featured-title h3 a{

  font-size: 1.30rem;

  color: #3f3e48;

}



.featured-imagebox-services .services-details-box {

  transform: translateY(-86%);

  opacity: 0;

  transition: all 0.5s ease;

  margin: 0 15px;

  position: absolute;

}





.featured-imagebox-services .services-content {

  background-color: var(--primary-color);

  border: none;

  position: static;

  padding:10px 10px 23px;

  text-align: center;

  margin: 0;

}





.services-title h3 a{

  font-size: 1.30rem;

  color: var(--white);

}



.featured-imagebox-services .services-details-box .services-content .services-desc {

  border-top: 1px solid rgba(255,255,255,0.11);

  padding: 10px 16px 4px 15px;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -ms-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s;

  color: var(--white);

  overflow: hidden;

}



.featured-imagebox-services .services-details-box .services-content .services-desc p {

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  color: rgba(255,255,255,0.80);

}



.featured-imagebox-services:hover .services-details-box {

  transform: translateY(-86%);

  opacity: 1;

  transition: all 0.5s ease;

}



.featured-imagebox-services:hover .featured-thumbnail img {

  transform: translateY(0) scale(1.5);

}



.featured-imagebox-services:hover .featured-details-wrap {

  opacity: 0;

  transform: translateY(100%);

  transition: all 0.5s ease;

}



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



/*------------accommodation-sctn--------wrap------start------*/



.accommodation-sctn{

  padding: 3rem 3.08rem 1rem;

}



/*------------accommodation-sctn--------wrap-----end------*/





/*------------post---arrival------section-----start------*/



.post-arrivl-sctn{

  padding: 3rem 3.08rem 1rem;

}



.post-arriv-content h4{

  font-size: 1.70rem;

  font-weight: 600;

}



.post-arriv-content p{

  font-size: 1.0rem;

  color: #484a67;

}



.why-title h2{

  font-size: 2rem;

  font-weight: 500;

  color: #000;

  margin-bottom: 2rem;

}



.why-title h2 span{

  color: var(--primary-color);

}





.why-bx{

  border-radius: 1rem;

  padding: 1rem 1.30rem;

 

  position: relative;

  margin-bottom: 3rem;

   

}



.hght-scroll2{

   height: 120px;

   overflow-y: scroll;

   scrollbar-width: none;  

}





.hght-scroll2::-webkit-scrollbar {

  width: 6px;

  display: none;               

}



.hght-scroll2:hover::-webkit-scrollbar {

  display: block;

              

}





.why-bx h5{

  color: #fff;

  font-size: 1.10rem;

  text-transform: capitalize;

  text-align: center;

  border-bottom: 1px solid #d0d0ea63;

  padding-bottom: 0.50rem;

  margin-bottom: 0.90rem;

}



.why-bx p{

  font-size: 0.92rem;

  margin-bottom: 0.60rem;

}



.why-bx-color1{

  background-color: #555879;

  color: #e9e2e2;

}



.why-bx-color2{

  background-color: #98A1BC;

  color: #fff6f6;

}







/*---------post---arrival------section-----end----------*/





/*------------pre---arrival------section-----start------*/



.pre-arrivl-sctn{

  padding: 3rem 3.08rem 1rem;

}



.info-note-bx2{

  width: 69%;

  border-radius: 3rem 4rem 0rem 1rem;

  margin: 2rem auto 0rem;

  padding: 2rem 1.50rem;

  background-color: #232e35;

}





.info-note-bx2 h2{

  margin-bottom: 0rem;

}



.large-img-wth-txt{

  position: relative;

  margin-bottom: 2rem;

  overflow: hidden;

  border-radius: 19px;

}





.large-img-wth-txt img{

  width: 100%;

  height: 390px;

  object-fit: cover;

  object-position: top;

}





.large-img-wth-txt:after{

  content: '';

  width: 100%;

  height: 100%;

  background: radial-gradient(circle,rgba(17, 32, 78, 0.27) 30%, rgb(39, 37, 65) 80%);

  position: absolute;

  top: 0px;

  left: 0px;

}





.inner-overlp-txt{

  position: absolute;

  top: 5%;

  left: 3%;

  right: 0px;

  z-index: 1;

}





.inner-overlp-txt h3{

  font-size: 2.30rem;

  color: var(--white);

  position: relative;

}





.one-headng h5{

  text-align: center;

  font-size: 1.70rem;

  font-weight: 600;

  color: #252529;

  padding-bottom: 1.50rem;

}





.para-1{

  box-shadow: 0px 0px 15px -3px rgba(42, 42, 62, 0.27);

  padding: 1rem 2rem 1.80rem;

  margin-bottom: 2.30rem;

}



.para-1 p{

  font-size: 1.0rem;

   color: #484a67;

   margin-bottom: 1.60rem;

}



.arrival-crd{

  border-radius: 0.80rem;

  border: 1px solid #eaeaeb;

  padding: 0.80rem 1.20rem 1.1rem;

  margin-bottom: 2.50rem;

}



.arrival-crd h5{

  font-size: 1.30rem;

  letter-spacing: 0.06rem;

  color: var(--primary-color);

  font-weight: 600;

  text-align: center;

  border-bottom: 1px solid #e3e4eb;

  padding-bottom: 0.70rem;

}





.arrival-crd p{

  font-size: 1.0rem;

  color: #484a67;

}





.arrival-crd ul{

  padding-left: 0rem;

  margin-bottom: 0rem;

}





.arrival-crd ul li{

  position: relative;

  font-size: 0.95rem;

  color: #484a67;

  padding-bottom: 0.50rem;

  padding-left: 1.20rem;

}





.arrival-crd ul li:before{

  content: '\f061';

  font-family: fontawesome;

  font-size: 0.80rem;

  color: var(--primary-color);

  position: absolute;

  left: 0px;

  top: 2px;

}





.hght-scroll{

  height: 230px;

  overflow-y: scroll;

  scrollbar-width: none;   

}





.hght-scroll::-webkit-scrollbar {

  width: 2px;

  display: none;               

}



.hght-scroll:hover::-webkit-scrollbar {

  display: block;

              

}



.hght-scroll:hover {

  scrollbar-width: thin;      

  scrollbar-color: #dde1e8 #eee; 

}



.not_aviailable_card{

  text-align: center;

}

/*---------pre---arrival------section-----end----------*/



span.tag i{

  cursor: pointer;

}





.applyPanel {

  background: rgb(237, 237, 237);
  position: fixed;
  width: 100%;
  z-index: 0;
  left: 0;
  bottom: 0;
  padding: 10px 10px;
  display: none;
  border-top: 1px solid #919ab6;
  z-index: 9;

}

.applyPanel span.compare_text {

    display: block;

    line-height: 36px;

    font-weight: 600;

    color: #3d3c45;

}

.applied {

  border: 2px solid #618939; /* green border */

  box-shadow: 0 0 10px rgba(97 138 57 / 34%); /* optional glow */

  border-radius: 8px;

}







.tab-form-bx .select2-container--default .select2-selection--single .select2-selection__rendered {

    padding: 0rem 0.5rem;

}

.tab-form-bx i.form-control-feedback.bv-icon-input-group.fa-regular.fa-xmark {

  position: absolute;
  top: 42px;
  right: 9px;
  color: rgb(235, 27, 27);
  font-size: 11px;

}

.tab-form-bx i.form-control-feedback.bv-icon-input-group.fa-regular.fa-check {

  position: absolute;
  top: 42px;
  right: 9px;
  color: rgb(2, 134, 2);
  font-size: 11px;

}

.tab-form-bx i.form-control-feedback.bv-icon-input-group.fa-regular.fa-refresh {

  position: absolute;
  top: 42px;
  right: 9px;
  color: rgb(251, 126, 16);
  font-size: 11px;

}

.tab-form-bx small.help-block {

  color: rgb(235, 27, 27);
  font-size: 12px;
  letter-spacing: .02rem;
  font-weight: 600;

}

.frm-field-bx b {

  color: rgb(235, 27, 27);

}

.has-success .form-control, .has-success .form-select, .has-success textarea {
  border: 1px dashed rgb(2, 134, 2) !important;
}

.has-error .form-control, .has-error .form-select, .has-error textarea,
.has-error .select2-selection__rendered{
  border: 1px dashed rgb(235, 27, 27)!important;
}

.reg-wrap .tab-form-bx i.form-control-feedback.bv-icon-input-group.fa-regular.fa-xmark,
.reg-wrap .tab-form-bx i.form-control-feedback.bv-icon-input-group.fa-regular.fa-check,
.reg-wrap .tab-form-bx i.form-control-feedback.bv-icon-input-group.fa-regular.fa-refresh{
    top: 43px;
  right: 19px;
}

.reg-wrap .toggle-password {
  right: 2%;
}

/*---------mobile-----flag------country---code--start--------*/



.iti--separate-dial-code .iti__selected-dial-code {

  margin-left: 4px !important;

  font-size: 11px;

}



.iti__selected-flag {

    padding: 0 3px 0 6px !important;

}



.iti__flag.iti__in {

    width: 19px;

}



.iti__selected-flag {

    width:67px;

}



.iti__arrow {

  margin-left: 3px !important;

}





.mobile, .alternate_no{

    padding-left: 73px !important;

}



.iti__country-list{

    scrollbar-width: thin;

}



.iti__country {

  padding: 5px 10px;

  font-size: 12px;

  color: var(--text-drk-color);

  letter-spacing: 0.5px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}





.iti__country-list {

  top: 100%;

  bottom: unset !important;

  width: 210px;

}



.iti__country {

  padding: 7px 10px !important;

}



.iti__country.iti__highlight {

  background-color: var(--bs-primary) !important;

  color: var(--bs-white);

}



.iti__country.iti__highlight .iti__dial-code {

    color: var(--bs-white) !important;

}



.iti__dial-code {

  color: var(--text-drk-color) !important;

}





    .iti__flag.iti__al {

  height: 13px !important;

  background-position: -133px -1px !important;

}



.iti__flag {

  width: 17px !important;

}







/*---------mobile-----flag------country---code-----end--------*/



small.help-block {

    color: #b32c2c;

}

.loading {

    height: 0;

    width: 0;

    padding: 15px;

    border: 6px solid #ccc;

    border-right-color: #b32c2c;

    border-radius: 22px;

    -webkit-animation: rotate 1s infinite linear;

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 99999;

}

@-webkit-keyframes rotate {

  /* 100% keyframe for  clockwise. 

     use 0% instead for anticlockwise */

  100% {

    -webkit-transform: rotate(360deg);

  }

}

#loaderBody {

    background: #212529a1;

    position: fixed;

    z-index: 999999;

    width: 100%;

    height: 100%;

    display: none;

}

.pagination li{
   transition: 0.2s ease;
}

.pagination li a{
  width: 40px;
  height: 40px;
  border: 1.5px solid var(--primary-color);
  color: var(--primary-color);
 
  padding: 8px !important;
  border-radius: 50% !important;
  background-color: var(--white);
  text-align: center;
  font-size: 0.80rem !important;
  line-height: 21px;
  display: block;
}


.pagination li.active a,
.pagination li:hover a,
.pagination li a:focus
{
  background-color: var(--primary-color) !important;
  border-color: #97272b !important;
  color: var(--white) !important  ;
  box-shadow: none !important;
}


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

.choose-path-img{
  position: relative;
  z-index: 1;
}

.choose-path-img img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  margin-bottom: 15px;

}

.rgt-choose-path-content h2{
  font-size: 2rem;
}


/*---------date-------picker----start--------*/

.datepicker table tr td.new, .datepicker table tr td.old {
  color: var(--txt-drk) !important;
}


.datepicker .day, .datepicker .dow {
  padding: 3px 5px !important;
}

.datepicker td, .datepicker th {
  border-radius: 3px;
  font-size: 12px !important;
}

.datepicker .datepicker-switch {
  background-color: #ddd !important;
  color: var(--primary-color);
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: var(--primary-color) !important;
  color: var(--white);
  padding-top: 0px;
}

/*---------date-------picker----end--------*/

.applyPanel .button-1,
.applyPanel .primry-button{
    border:none;
}


.CourseIntake{
    position:relative;
}

.activeTaglist{
    flex-wrap: wrap;
  display: flex;
  row-gap: 5px;
}
/* Cstm css for university info page */
.cstm-inner-info-2-bx{
  height: auto;
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
    .cstm-inner-info-2-bx {
      padding: 30px;
        height: auto;
    }
}
/* Cstm css for university info page */