/* fonts cdn links */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600&display=swap');
/* font-family: 'Gothic A1', sans-serif; */

section,
footer {
   overflow: hidden;
}

html {
   scroll-behavior: smooth;
}

a {
   margin: 0;
   padding: 0;
   text-decoration: none;
   color: currentColor;
   outline: none;
}

a:hover {
   color: currentColor;
   text-decoration: none;
}

body,
* {
   margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-family: 'Gothic A1', sans-serif;

}

body {
   /* background-color: #fcfcfc; */
   background-color: #ffffff;
}

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

/* --- commun-heading --- */
h3.commun-heding {
   text-align: center;
   margin: 0px auto 8px;
   font-size: 36px;
   font-weight: 400;
   color: #003262;
   text-transform: capitalize;
   margin-bottom: 20px;
   letter-spacing: 0.5px;
}

h3.commun-heding.b-color {
   color: #6f355b;
}


.shapes-part {
   width: 100%;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   height: 40px;
   position: absolute;
   z-index: 1;
   bottom: 0;
   left: 0;
}


/*------ 01 Web loader ------*/
.web-loader {
   background-color: #f5f5f5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 9999;
}


.web-loader span {
   position: relative;
   padding: 10px;
   overflow: hidden;
}

.web-loader span:before {
   content: '';
   position: absolute;
   top: 0;
   left: -80px;
   width: 70px;
   height: 100%;
   background: #f0f0f000;
   -webkit-animation: slide 1s ease-in-out infinite;
   animation: slide 1s ease-in-out infinite;
   background: -o-linear-gradient(bottom left, rgb(255 0 0 / 0%) 0%, rgb(255 0 0 / 0%) 25%, rgba(245, 245, 245, 0.8), rgb(255 0 0 / 0%) 75%, rgb(255 0 0 / 0%) 100%);
   background: -webkit-gradient(linear, left bottom, right top, from(rgb(255 0 0 / 0%)), color-stop(25%, rgb(255 0 0 / 0%)), color-stop(rgba(245, 245, 245, 0.8)), color-stop(75%, rgb(255 0 0 / 0%)), to(rgb(255 0 0 / 0%)));
   background: linear-gradient(to top right, rgb(255 0 0 / 0%) 0%, rgb(255 0 0 / 0%) 25%, rgba(245, 245, 245, 0.8), rgb(255 0 0 / 0%) 75%, rgb(255 0 0 / 0%) 100%);
}

@-webkit-keyframes slide {
   0% {
      left: -80px;
      top: 0;
   }

   100% {
      left: 80px;
      top: 0;
   }
}

@keyframes slide {
   0% {
      left: -80px;
      top: 0;
   }

   100% {
      left: 80px;
      top: 0;
   }
}

.web-loader span img {
   width: 70px;
}

.deactivate {
   opacity: 0;
   visibility: hidden;
   /* transform: scale(0); */
   -webkit-transition: all 0.3s 2s ease-in-out;
   -o-transition: all 0.3s 2s ease-in-out;
   transition: all 0.3s 2s ease-in-out;
}

.web-loader.deactivate span img {
   width: 260px;
   opacity: 0;
   visibility: hidden;
   transform: scale(0);
   /* transform: scale(0); */
   -webkit-transition: all 0.3s 1.5s ease-in-out;
   -o-transition: all 0.3s 1.5s ease-in-out;
   transition: all 0.3s 1.5s ease-in-out;
}

/* --- Header section css --- */
.main-header {
   height: 110px;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1024;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0 10px;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.main-header.scroll {
   height: 80px;
   background-color: #6f1931;
   -webkit-box-shadow: 0 5px 7px -6px rgb(0 0 0 / 50%);
   box-shadow: 0 5px 7px -6px rgb(0 0 0 / 50%);
}

/* --- header logo --- */
.main-header .site-logo {
   display: inline-block;
}

.main-header.scroll .icon-r-bx {
   width: 75px;
   height: 75px;
}

/* --- header-right --- */
.main-header .header-right {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   right: 30px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.main-header .header-right a {
   background: #d9a429;
   height: 38px;
   color: #000;
   padding: 0 15px;
   line-height: 38px;
   letter-spacing: 1.5px;
   font-weight: 500;
   font-size: 14px;
   text-transform: capitalize;
   width: fit-content;
   border-radius: 50px;
   font-family: 'Roboto', sans-serif;
   display: block;
   text-align: center;
   -webkit-transition: background-color 0.3s ease-in-out;
   -o-transition: background-color 0.3s ease-in-out;
   transition: background-color 0.3s ease-in-out;
   margin-left: 5px;
}

.main-header .header-right a img{
   width: 20px;
   height: 20px;
   display: inline-block;
   margin-right: 5px;
}

.main-header .header-right a.en-bg-btn img{
   filter: invert(1);
}

.main-header .header-right a:hover {
   background-color: #fcfcfc;
}

.main-header .header-right a span{
   font-family: 'Roboto', sans-serif;
}

.en-bg-btn {
   font-weight: 400;
   color: white !important;
   border: none;
   -webkit-animation: anim-bg 10s infinite;
   animation: anim-bg 10s infinite;
}

@-webkit-keyframes anim-bg {

   10%,
   100%,
   30%,
   0% {
     background-color: #f58634
   }
 
   20% {
     background-color: #faa831
   }
 
   40% {
     background-color: #a53692
   }
 
   50% {
     background-color: #00a859
   }
 
   60% {
     background-color: #00afef
   }
 
   70% {
     background-color: #853a93
   }
 
   80% {
     background-color: #633d94
   }
 
   90% {
     background-color: #ed3237
   }
 }
 
@keyframes anim-bg {
   10%,
   100%,
   30%,
   0% {
      background-color: #f58634
   }

   20% {
      background-color: #faa831
   }

   40% {
      background-color: #a53692
   }

   50% {
      background-color: #00a859
   }

   60% {
      background-color: #00afef
   }

   70% {
      background-color: #853a93
   }

   80% {
      background-color: #633d94
   }

   90% {
      background-color: #ed3237
   }
}

/* --- header-left --- */
.header-left {
   position: absolute;
   left: 30px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.menu-icon {
   width: 40px;
   height: 40px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 5px;
   cursor: pointer;
}

.menu-icon span {
   width: 100%;
   padding: 1.2px;
   margin: 4px 0;
   display: block;
   border-radius: 30px;
   background-color: #ffffff;

}

.menu-icon:hover span {
   background-color: #d9a429;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.menu-icon.active span {
   background-color: #6f1931;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.menu-icon.active span:nth-child(1) {
   width: 50%;
   margin-left: auto;
}

.menu-icon.active span:nth-child(2) {
   width: 90%;
}

.menu-icon.active span:nth-child(3) {
   width: 50%;
   margin-right: auto;
}

.header-left a.hl-icons {
   color: white;
   width: 60px;
   height: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-left: 10px;
   position: relative;
   cursor: pointer;
}

.header-left a.hl-icons span {
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   font-size: 12px;
   bottom: -12px;
   white-space: nowrap;
   opacity: 0;
   visibility: hidden;
   color: white;
   -webkit-transition: bottom 0.3s ease-in-out, all 0.3s ease-in-out, all 0.3s ease-in-out;
   -o-transition: bottom 0.3s ease-in-out, all 0.3s ease-in-out, all 0.3s ease-in-out;
   transition: bottom 0.3s ease-in-out, all 0.3s ease-in-out, all 0.3s ease-in-out;
}

.header-left a.hl-icons.active,
.header-left a.hl-icons:hover {
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   color: #d9a429;
}

.header-left a.hl-icons.active span,
.header-left a.hl-icons:hover span {
   opacity: 1;
   visibility: visible;
   bottom: -15px;
}

/* --- Dismiss Sectionc Css --- */
.dismiss {
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   right: 10px;
   top: 5px;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   cursor: pointer;
   z-index: 1;
}

.dismiss:hover {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
   border-radius: 50%;
}

.dismiss .closes {
   position: absolute;
   width: 100%;
   height: 2px;
   display: inline-block;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.dismiss.closes-bgcw .closes {
   background-color: white;
}

.dismiss.closes-bgcb .closes {
   background-color: rgb(0, 0, 0);
}

.dismiss:hover .closes {
   background-color: rgb(223, 7, 7);
}

.dismiss .closes:nth-child(1) {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.dismiss .closes:nth-child(2) {
   -webkit-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   transform: rotate(135deg);
}


/* --- Overlay Commun Section Css --- */
.overlay-commun {
   background-color: rgba(0, 0, 0, 0.7);
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   z-index: 1024;
   cursor: pointer;
}

.overlay-commun.active {
   opacity: 1;
   visibility: visible;
}




/* --- Resposive Menu Css --- */
.resposive-menu-bx {
   background-color: white;
   height: 100%;
   width: 300px;
   position: fixed;
   left: -400px;
   top: 0;
   z-index: 1025;
   -webkit-box-shadow: 0px 0px 20px rgb(95 107 125 / 15%);
   box-shadow: 0px 0px 20px rgb(95 107 125 / 15%);
   overflow: hidden;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.resposive-menu-bx.active {
   left: 0;
}

.resposive-menu-bx .res-logo {
   display: block;
   padding: 20px 10px;
   height: 90px;
   position: sticky;
   top: 0;
   background-color: #6f1931;
   -webkit-box-shadow: 0px 0px 20px rgb(95 107 125 / 15%);
   box-shadow: 0px 0px 20px rgb(95 107 125 / 15%);
}

.resposive-menu-bx .res-logo img {
   height: 100%;
   display: block;
   margin: auto;
}

.res-menu-item-bx {
   height: calc(100% - 140px);
   max-height: calc(100% - 140px);
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
   margin-top: 90px;
   overflow: auto;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   padding-bottom: 30px;
}

.res-menu-item-bx::-webkit-scrollbar {
   display: none;
}

.res-menu-item-bx .res-menu-item-ul {
   margin-top: 10px;
   margin-bottom: 0px;
   padding: 0 0px;
   list-style: none;
}

.res-menu-item-bx .res-menu-item-ul li {
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   transition: 0.3s all linear;
   -webkit-transition: 0.3s all linear;
   -o-transition: 0.3s all linear;
   -moz-transition: 0.3s all linear;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}


.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(1) {
   -webkit-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   transition-delay: 0.4s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(2) {
   -webkit-transition-delay: 0.45s;
   -o-transition-delay: 0.45s;
   transition-delay: 0.45s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(3) {
   -webkit-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(4) {
   -webkit-transition-delay: 0.55s;
   -o-transition-delay: 0.55s;
   transition-delay: 0.55s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(5) {
   -webkit-transition-delay: 0.6s;
   -o-transition-delay: 0.6s;
   transition-delay: 0.6s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(6) {
   -webkit-transition-delay: 0.65s;
   -o-transition-delay: 0.65s;
   transition-delay: 0.65s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(7) {
   -webkit-transition-delay: 0.7s;
   -o-transition-delay: 0.7s;
   transition-delay: 0.7s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(8) {
   -webkit-transition-delay: 0.75s;
   -o-transition-delay: 0.75s;
   transition-delay: 0.75s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(9) {
   -webkit-transition-delay: 0.8s;
   -o-transition-delay: 0.8s;
   transition-delay: 0.8s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(10) {
   -webkit-transition-delay: 0.85s;
   -o-transition-delay: 0.85s;
   transition-delay: 0.85s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(11) {
   -webkit-transition-delay: 0.9s;
   -o-transition-delay: 0.9s;
   transition-delay: 0.9s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(12) {
   -webkit-transition-delay: 0.95s;
   -o-transition-delay: 0.95s;
   transition-delay: 0.95s;
}

.resposive-menu-bx.active .res-menu-item-bx .res-menu-item-ul li:nth-child(13) {
   -webkit-transition-delay: 1s;
   -o-transition-delay: 1s;
   transition-delay: 1s;
}

.res-menu-item-bx .res-menu-item-ul li a.res-nav-link {
   padding: 8px 10px 8px 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-decoration: none;
   color: #000000;
   position: relative;
   opacity: 0.7;
   text-transform: capitalize;
   font-size: 16px;
   font-weight: 400;
   width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   font-family: 'Roboto', sans-serif;
}

.res-menu-item-bx .res-menu-item-ul li a.res-nav-link.active,
.res-menu-item-bx .res-menu-item-ul li a.res-nav-link:hover {
   color: #6f1931;
   background: #f9f9f9;
}

.res-menu-item-bx .res-menu-item-ul li a.res-nav-link .fa {
   margin-right: 10px;
   visibility: hidden;
   -webkit-transform: translateX(-10px);
   -ms-transform: translateX(-10px);
   transform: translateX(-10px);
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   opacity: 0;
}

.res-menu-item-bx .res-menu-item-ul li a.res-nav-link:hover .fa {
   visibility: visible;
   -webkit-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
   opacity: 1;
}


.res-menu-social-link {
   white-space: nowrap;
   margin-top: 10px;
}

.res-menu-social-link {
   text-align: center;
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 13px 15px 13px;
   background: white;
   width: 100%;
   margin: 0;
   height: 50px;
   /* border-top: 1px dashed lightgray; */
}

.res-menu-social-link a {
   color: #737373;
   height: 24px;
   margin: 0px 3px;
   width: 24px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 16px;
}

.res-menu-social-link a .fa {
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.res-menu-social-link a:hover .fa-facebook {
   color: #3b5998;
}

.res-menu-social-link a:hover .fa-twitter {
   color: #00aced;
}

.res-menu-social-link a:hover .fa-instagram {
   color: #8a3ab9;
}

.res-menu-social-link a:hover .fa-linkedin {
   color: #0077b5;
}

.res-menu-social-link a:hover .fa-youtube-play {
   color: red;
}



/* --- home section css --- */
.home-section {
   position: relative;
}

.home-slider::after {
   content: "";
   background-color: #00000087;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}

.home-slider .slider-img {
   position: relative;
   height: 100vh;
   min-height: 600px;
}

.home-slider .slider-img img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
}

.home-slider .owl-nav {
   position: absolute;
   bottom: 10px;
   left: 50%;
   text-align: center;
   margin: 0;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: 2;
   /* display: none; */
}

.home-slider .owl-nav .owl-next,
.home-slider .owl-nav .owl-prev {
   width: 30px !important;
   height: 30px !important;
   background-color: rgb(51 51 51 / 0%) !important;
   border-radius: 50% !important;
   font-size: 24px !important;
   display: -webkit-inline-box !important;
   display: -ms-inline-flexbox !important;
   display: inline-flex !important;
   -webkit-box-pack: center !important;
   -ms-flex-pack: center !important;
   justify-content: center !important;
   -webkit-box-align: center !important;
   -ms-flex-align: center !important;
   align-items: center !important;
   -webkit-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   color: #ffffff !important;
   opacity: 0.7;
}

.home-slider .owl-next svg {
   width: 25px;
   height: 25px;
   position: relative;
   right: -1px;
}

.home-slider .owl-prev svg {
   width: 25px;
   height: 25px;
   position: relative;
   left: -1px;
}

.home-slider .owl-next:hover,
.home-slider .owl-prev:hover {
   opacity: 1;
   color: white !important;
}


.home-section .hst-bx {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   position: relative;
   z-index: 2;
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   padding: 0 5px;
}

.home-section .hst-bx p {
   color: #cfedff;
   font-size: 16px;
   font-weight: 400;
   text-align: center;
   margin-bottom: 10px;
   letter-spacing: 0.5px;
}

.home-section .hst-bx h1 {
   color: #ffffff;
   font-size: 41px;
   font-weight: 200;
   text-align: center;
   margin-bottom: 20px;
}

.vfrhbtrhnr>* {
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   transition: all 0.3s ease-in-out;
}

.vfrhbtrhnr>.fadeInUp {
   opacity: 1;
   visibility: visible;
   transform: translateY(0px);
}

.vfrhbtrhnr>.fadeInUp:nth-child(1) {
   transition-delay: 500ms;
}

.vfrhbtrhnr>.fadeInUp:nth-child(2) {
   transition-delay: 700ms;
}

.vfrhbtrhnr>.fadeInUp:nth-child(3) {
   transition-delay: 900ms;
}

.vfrhbtrhnr>.fadeInUp:nth-child(4) {
   transition-delay: 1100ms;
}

.vfrhbtrhnr>.fadeInUp:nth-child(5) {
   transition-delay: 1300ms;
}


.home-section .hst-bx .iam-select {
   margin-top: 20px;
}

.home-section .hst-bx .iam-select label {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: white;
   font-weight: 400;
   word-spacing: 5px;
   margin-right: 7px;
   margin-bottom: 0;
}

.iam-select .select2-container {
   width: -webkit-fit-content !important;
   width: -moz-fit-content !important;
   width: fit-content !important;
}

.iam-select .select2-container--default .select2-selection--single {
   border: none;
   background: none;
   height: auto;
}

.iam-select .select2-container--default .select2-selection--single .select2-selection__rendered {
   font-size: 16px;
   font-weight: 400;
   padding: 8px 36px 8px 10px;
   color: white;
   text-transform: uppercase;
   font-family: 'Roboto', sans-serif;
   border: 2px solid white;
   line-height: inherit;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}

.iam-select .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 20px;
   position: absolute;
   top: 50%;
   right: 8px;
   width: 20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.iam-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: rgb(255, 255, 255) transparent transparent transparent;
}

.select2-search--dropdown {
   display: none !important;
}

.select2-dropdown {
   border: none;
}

.select2-results__option {
   padding: 10px;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-user-select: none;
   font-size: 16px;
   font-weight: 400;
   text-transform: uppercase;
   font-family: 'Roboto', sans-serif;
}

.select2-container--open .select2-dropdown--below {
   overflow: hidden;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background: #003262 !important;
   color: white !important;
   font-weight: 400;
}


/* Video  */

.home-video-bx{
   position: relative;
   height: 100vh;
   min-height: 600px;
   overflow: hidden;
}

.home-video-bx::after {
   content: "";
   background-color: #00000087;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}

.home-video-bx img{
   position: absolute;
   width: 100%;
   height: 100%;
   object-position: center;
   object-fit: cover;
   z-index: 1;
   pointer-events: none;
   transition: all 0.3s ease-in-out;
}

.home-video-bx.active img{
   opacity: 0;
}

.home-video-bx video{
   position: absolute;
   width: 100%;
   height: 100%;
   display: flex;
   object-position: center;
   object-fit: cover;
   pointer-events: none;
   display: none;
   transform: scale(1.15);
}

.home-video-bx.active video{
   display: block;
}

.video-sound-btn{
   position: absolute;
   left: 15px;
   bottom: 15px;
   width: 40px;
   background-color: white;
   padding: 7px;
   height: 40px;
   z-index: 1;
   color: black;
   border-radius: 50%;
   transition: all 0.3s ease-in-out;
   opacity: 0;
   visibility: hidden;
}

.video-sound-btn.active{
   opacity: 1;
   visibility: visible;
}

.video-sound-btn svg{
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center;
   display: none;
   cursor: pointer;
}

.video-sound-btn:hover{
   color: #003262;   
}

.video-sound-btn.muted svg:nth-child(1){
   display: block;
}

.video-sound-btn.unmuted svg:nth-child(2){
   display: block;
}

/*------ mouse design css ------*/

.mouse {
   cursor: pointer;
   -webkit-transition: 0.1s ease-in-out;
   -o-transition: 0.1s ease-in-out;
   transition: 0.1s ease-in-out;
   width: 1.5rem;
   height: 2.5rem;
   border-radius: 1.1rem;
   border: 1px solid white;
   position: absolute;
   text-align: center;
   bottom: 20px;
   -webkit-filter: opacity(0.75);
   filter: opacity(0.75);
   z-index: 2;
   right: 20px;
}

.mouse-text {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   white-space: nowrap;
   position: relative;
   top: -48px;
   left: -18px;
   color: white;
   font-size: 11px;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   -webkit-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   transform: rotate(270deg);
   display: block;
   /* background: red; */
}

.mouse:hover {
   -webkit-filter: opacity(1);
   filter: opacity(1);
}

.mouse:hover .mouse-text {
   color: #CC9933;

}

.slider {
   width: 0.2rem;
   height: 0.2rem;
   border-radius: 0.2rem;
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0.75)));
   background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 100%);
   background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 100%);
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-animation: slider 2s ease-in-out infinite;
   animation: slider 2s ease-in-out infinite
}

@-webkit-keyframes slider {
   0% {
      -webkit-filter: opacity(1);
      filter: opacity(1);
      height: 0.5rem;
      top: 0.5rem;
   }

   25% {
      -webkit-filter: opacity(0.8);
      filter: opacity(0.8);
      height: 1rem;
      top: 0.5rem;
   }

   70% {
      -webkit-filter: opacity(0.8);
      filter: opacity(0.8);
      height: 0.5rem;
      top: 1.5rem;
   }

   85% {
      -webkit-filter: opacity(0);
      filter: opacity(0);
      height: 0.5rem;
      top: 1.5rem;
   }

   90% {
      -webkit-filter: opacity(0);
      filter: opacity(0);
      height: 0.5rem;
      top: 0.5rem;
   }

   100% {
      -webkit-filter: opacity(1);
      filter: opacity(1);
      height: 0.5rem;
      top: 0.5rem;
   }
}

@keyframes slider {
   0% {
      -webkit-filter: opacity(1);
      filter: opacity(1);
      height: 0.5rem;
      top: 0.5rem;
   }

   25% {
      -webkit-filter: opacity(0.8);
      filter: opacity(0.8);
      height: 1rem;
      top: 0.5rem;
   }

   70% {
      -webkit-filter: opacity(0.8);
      filter: opacity(0.8);
      height: 0.5rem;
      top: 1.5rem;
   }

   85% {
      -webkit-filter: opacity(0);
      filter: opacity(0);
      height: 0.5rem;
      top: 1.5rem;
   }

   90% {
      -webkit-filter: opacity(0);
      filter: opacity(0);
      height: 0.5rem;
      top: 0.5rem;
   }

   100% {
      -webkit-filter: opacity(1);
      filter: opacity(1);
      height: 0.5rem;
      top: 0.5rem;
   }
}



/* --- About section Css --- */
.icon-r-bx {
   display: inline-block;
   -webkit-perspective: 400px;
   perspective: 400px;
   z-index: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 20px;
   color: #525252;
   width: 100px;
   height: 100px;
}

.icon-r-ani {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   position: relative;
   -webkit-animation: filo-logo 8s infinite;
   animation: filo-logo 8s infinite;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
   width: 100%;
   height: 100%;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.icon-r-ani .icons-f,
.icon-r-ani .icons-b {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.icon-r-ani .icons-f {
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 2;
}

.icon-r-ani .icons-b {
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   -webkit-transform: rotatey(180deg);
   -ms-transform: rotatey(180deg);
   transform: rotatey(180deg);
}

.icon-r-ani .icons-f {
   /* background-image: url('/img/logo/icon-c.svg'); */
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 2;
}

.icon-r-ani .icons-b {
   /* background-image: url('/img/logo/icon-c.svg'); */
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   -webkit-transform: rotatey(180deg);
   -ms-transform: rotatey(180deg);
   transform: rotatey(180deg);
}

@-webkit-keyframes filo-logo {

   0%,
   5% {
      -webkit-transform: rotatey(0deg);
      transform: rotatey(0deg);
   }

   45%,
   50% {
      -webkit-transform: rotatey(180deg);
      transform: rotatey(180deg);
   }

   100% {
      -webkit-transform: rotatey(360deg);
      transform: rotatey(360deg);
   }
}

@keyframes filo-logo {

   0%,
   5% {
      -webkit-transform: rotatey(0deg);
      transform: rotatey(0deg);
   }

   45%,
   50% {
      -webkit-transform: rotatey(180deg);
      transform: rotatey(180deg);
   }

   100% {
      -webkit-transform: rotatey(360deg);
      transform: rotatey(360deg);
   }
}


.about-section {
   position: relative;
   overflow: hidden;
   background-color: white;
   /* transform: skewY(2deg);
   margin-top: -28px; */
   z-index: 1;
}

/* .about-section > div{
   transform: skewY(-2deg);
} */

.about-section div.ring-anim::after {
   content: "";
   display: block;
   position: absolute;
   z-index: 2;
   top: 0%;
   left: 0%;
   width: 100rem;
   height: 100rem;
   -webkit-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0);
   -webkit-animation: pulsing-ring 12s infinite linear;
   animation: pulsing-ring 12s infinite linear;
   border: 2px solid #e8e8e8;
   border-radius: 50%;
   opacity: 0;
}

.about-section div.ring-anim:nth-of-type(1)::after {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}

.about-section div.ring-anim:nth-of-type(2)::after {
   -webkit-animation-delay: 2.5s;
   animation-delay: 2.5s;
}

.about-section div.ring-anim:nth-of-type(3)::after {
   -webkit-animation-delay: 4s;
   animation-delay: 4s;
}

.about-section div.ring-anim:nth-of-type(4)::after {
   -webkit-animation-delay: 5.5s;
   animation-delay: 5.5s;
}

.about-section div.ring-anim:nth-of-type(5)::after {
   -webkit-animation-delay: 7s;
   animation-delay: 7s;
}

.about-section div.ring-anim:nth-of-type(6)::after {
   -webkit-animation-delay: 8.5s;
   animation-delay: 8.5s;
}

.about-section div.ring-anim:nth-of-type(7)::after {
   -webkit-animation-delay: 10.5s;
   animation-delay: 10.5s;
}

.about-section div.ring-anim:nth-of-type(8)::after {
   -webkit-animation-delay: 12s;
   animation-delay: 12s;
}

.about-img {
   -webkit-filter: grayscale(0);
   filter: grayscale(0);
   width: 90%;
   display: block;
   margin: auto;
   -webkit-animation: ud-mover 1s infinite alternate;
   animation: ud-mover 1s infinite alternate;
}

@-webkit-keyframes ud-mover {
   0% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
   }

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

@keyframes ud-mover {
   0% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
   }

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

.about-logo {
   width: 280px;
   height: 280px;
   perspective: 800px;
   -webkit-perspective: 800px;
   margin: auto;
   position: relative;
}

@-webkit-keyframes pulsing-ring {
   0% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(.01);
      transform: translate3d(-50%, -50%, 0) scale(.01);
      opacity: 1
   }

   70% {
      opacity: 1
   }

   100% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
      transform: translate3d(-50%, -50%, 0) scale(1);
      opacity: 0
   }
}

@keyframes pulsing-ring {
   0% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(.01);
      transform: translate3d(-50%, -50%, 0) scale(.01);
      opacity: 1
   }

   70% {
      opacity: 1
   }

   100% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
      transform: translate3d(-50%, -50%, 0) scale(1);
      opacity: 0
   }
}

@keyframes pulsing-ring {
   0% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(.01);
      transform: translate3d(-50%, -50%, 0) scale(.01);
      opacity: 1
   }

   70% {
      opacity: 1
   }

   100% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
      transform: translate3d(-50%, -50%, 0) scale(1);
      opacity: 0
   }
}

.about-text h5 {
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 400;
   color: #2c2a3c;
   margin-bottom: 10px;
}

.about-text p {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: #525252;
   margin-bottom: 10px;
   position: relative;
}

.who-we-are.vfrgbdftrg p,
.about-text.vfrgbdftrg p {
   padding-left: 15px;
   position: relative;
}


.who-we-are p span,
.about-text p span {
   display: inline-block;
   width: 7px;
   height: 7px;
   background-color: #003262;
   border-radius: 50%;
   position: absolute;
   left: 0;
   top: 9px;
}

.ab-link,
.about-text a.ab-link {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: #003262;
   margin-top: 20px;
   border: 2px solid #003262;
   width: 120px;
   display: block;
   height: 40px;
   line-height: 37px;
   text-align: center;
   border-radius: 50px;
   font-size: 18px;
   cursor: pointer;
   margin: auto;
   display: block;
   -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
   -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
   transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.ab-link:hover,
.about-text a.ab-link:hover {
   background-color: #003262;
   color: white;
}


/* --- Middle Section Css --- */
.middle-section {
   background-image: url("/img/middle-banner.jpg");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   /* background-attachment: fixed; */
   position: relative;
   z-index: 1;
}

.middle-section img {
   width: 280px;
}

.middle-section h6 {
   font-size: 28px;
   color: white;
   font-weight: 300;
   margin: 40px 0;
   font-family: 'Roboto', sans-serif;
}

.middle-section button {
   background: white;
   border: 1px solid white;
   height: 40px;
   color: #000;
   line-height: 37px;
   letter-spacing: 2px;
   font-weight: 400;
   font-size: 16px;
   text-transform: capitalize;
   width: 140px;
   border-radius: 50px;
   font-family: 'Roboto', sans-serif;
   -webkit-animation: bc-anim 5s infinite;
   animation: bc-anim 5s infinite;
   -webkit-transition: -webkit-transform 0.3s ease-in;
   transition: -webkit-transform 0.3s ease-in;
   -o-transition: transform 0.3s ease-in;
   transition: transform 0.3s ease-in;
   transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
   display: block;
   margin: auto;
}

.middle-section button:hover {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

@-webkit-keyframes bc-anim {

   100%,
   0% {
      background-color: #f58634;
      border-color: #f58634;
      color: white;
   }

   25% {
      background-color: #6f1931;
      border-color: #6f1931;
      color: white;
   }

   50% {
      background-color: #003262;
      border-color: #003262;
      color: white;
   }

   75% {
      background-color: #d9a429;
      border-color: #d9a429;
      color: white;
   }
}

@keyframes bc-anim {

   100%,
   0% {
      background-color: #f58634;
      border-color: #f58634;
      color: white;
   }

   25% {
      background-color: #6f1931;
      border-color: #6f1931;
      color: white;
   }

   50% {
      background-color: #003262;
      border-color: #003262;
      color: white;
   }

   75% {
      background-color: #d9a429;
      border-color: #d9a429;
      color: white;
   }
}




/* --- Curriculum section css --- */

.home-curriculum {
   background-color: #f7f7f7;
}

.hcmbx {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.curriculum-bx {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 15%;
   flex: 0 0 15%;
   width: 15%;
   text-align: center;
   margin: 0 0 10px;
   cursor: pointer;
   padding: 10px;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
   border-radius: 10px;
   /* padding: 10px 50px; */
   -webkit-transition: all 0.3 ease-in-out;
   -o-transition: all 0.3 ease-in-out;
   transition: all 0.3 ease-in-out;
}

.curriculum-bx:hover {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
   /* box-shadow: 0 0 5px #dbdbdb; */
   /* background-color: #ffffff70; */
}

.curriculum-bx img {
   width: 70px;
   margin-bottom: 10px;
}

.curriculum-bx h6 {
   color: #333;
   font-weight: 400;
   font-size: 16px;
   font-family: 'Roboto', sans-serif;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   line-height: 22px;
   width: 100px;
   margin: auto;
}

/* .curriculum-bx p{
   color: #525252;
   font-size: 15px;
   font-family: 'Roboto', sans-serif;
} */
.rmore {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: #003262;
   margin-top: 10px;
   margin: auto;
   border: 2px solid #003262;
   width: 110px;
   display: block;
   height: 37px;
   line-height: 32px;
   text-align: center;
   border-radius: 50px;
   font-size: 16px;
   cursor: pointer;
   -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
   -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
   transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
   display: none;
}

.rmore:hover {
   background-color: #003262;
   color: white;
}

/* --- Testimonials Section Css --- */
.test-section {
   background-color: white;
}

.testimonials-item {
   padding: 50px 0 0px;
   position: relative;
}

.testimonials-item p {
   font-size: 1.8rem;
   color: #003262;
   text-align: center;
   max-width: 920px;
   width: 100%;
   margin: auto;
   display: block;
}

.testimonials-item .test-star {
   text-align: center;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin: auto;
   margin-top: 20px;
}

.testimonials-item .test-star .fa {
   font-size: 24px;
   color: lightgray;
   margin: 0 2px;
}

.testimonials-item .test-star .fa.active {
   color: gold;
}

.testimonials-item .test-name {
   color: #2d9cdb;
   margin: auto;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   display: block;
   margin-top: 15px;
   text-transform: uppercase;
   font-weight: 500;
}

.testimonials-item img {
   width: 100px !important;
}

.testimonials-item img:nth-of-type(1) {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
}

.testimonials-item img:nth-of-type(2) {
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: -1;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}


/* --- testimonial section owl design --- */
.cwb .owl-prev,
.cwb .owl-next,
.team-slider .owl-prev,
.team-slider .owl-next,
.test-section .owl-prev,
.test-section .owl-next {
   width: 50px !important;
   height: 50px !important;
   background-color: #2d9cdb !important;
   border-radius: 50% !important;
   font-size: 28px !important;
   display: -webkit-inline-box !important;
   display: -ms-inline-flexbox !important;
   display: inline-flex !important;
   -webkit-box-pack: center !important;
   -ms-flex-pack: center !important;
   justify-content: center !important;
   -webkit-box-align: center !important;
   -ms-flex-align: center !important;
   align-items: center !important;
   -webkit-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   color: white !important;
   -webkit-box-shadow: 0 0 50px rgb(0 0 0 / 20%);
   box-shadow: 0 0 50px rgb(0 0 0 / 20%);
}

.cwb .owl-nav,
.team-slider .owl-nav,
.test-section .owl-nav {
   margin-top: 35px !important;
}

.cwb .owl-nav,
.team-slider .owl-nav {
   margin-top: 0px !important;
}

.cwb .owl-next svg,
.team-slider .owl-next svg,
.test-section .owl-next svg {
   width: 25px;
   height: 25px;
   position: relative;
   right: -1px;
}

.cwb .owl-prev svg,
.team-slider .owl-prev svg,
.test-section .owl-prev svg {
   width: 25px;
   height: 25px;
   position: relative;
   left: -1px;
}

.cwb .owl-next:hover,
.team-slider .owl-next:hover,
.team-slider .owl-next:hover,
.cwb .owl-prev:hover,
.test-section .owl-prev:hover,
.test-section .owl-next:hover {
   background-color: #003262 !important;
   color: white !important;
   opacity: 1;
}




/*--- Watch video Section Css --- */
.wv-section {
   position: relative;
   background-color: #10112e;
   overflow: hidden;
}

.wv-section .wv-video {
   position: absolute;
   left: 0;
   top: 0;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
   opacity: 0.5;
}

.wv-pettent {
   content: '';
   width: 100%;
   height: 100%;
   background-image: url(/img/pattern.png);
   background-position: center;
   background-repeat: repeat;
   position: absolute;
   top: 0;
   left: 0;
}

.wv-section .wv-bx {
   position: relative;
   padding: 30px 10px;
   background-color: #10112e;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   cursor: pointer;
}

.wv-section .wv-bx .wv-name {
   color: #d9a429;
   margin: 0px;
   font-size: 16px;
   font-weight: 500;
}

.wv-section .wv-bx .wv-p {
   color: white;
   margin-bottom: 10px;
   font-size: 36px;
   letter-spacing: 3px;
   text-align: center;
   font-weight: 500;
   margin: 25px 0;
   line-height: 3rem;
   text-transform: uppercase;
}

.wv-section .wv-bx .wv-span {
   color: #d9a429;
   margin: 0px;
   font-size: 16px;
   font-weight: 500;
}

.wv-section .wv-bx .wv-span .fa {
   margin-right: 5px;
}


/* video iframe */
.videopopup .modal-content {
   background-color: transparent;
   border-radius: 0px;
   border: none;
}

.popupvideo-container {
   width: 100%;
   padding-top: 56%;
   position: relative;
   border-radius: 5px;
   overflow: hidden;
}

.popupvideo-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
}





/* --- footer section css --- */
.main-footer {
   background-color: #10112e;
}

.main-footer .footer-right {
   background-color: #6f1931;
   height: 100%;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 10px;
}

.main-footer .footer-right img {
   width: 100px;
}

.social-bx,
.main-footer .footer-right .social-bx {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 15px;
}

.social-bx {
   -webkit-box-pack: flex-start;
   -ms-flex-pack: flex-start;
   justify-content: flex-start;
}

.social-bx .social-link,
.main-footer .footer-right .social-bx .social-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 40px;
   height: 40px;
   font-size: 18px;
   color: white;
   opacity: .5;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.social-bx .social-link {
   color: #000;
}

.contact-social.social-bx .social-link:hover,
.main-footer .footer-right .social-bx .social-link:hover {
   opacity: 1;
}

.contact-social.social-bx .social-link:hover .fa-facebook {
   color: #3b5998;
}

.contact-social.social-bx .social-link:hover .fa-twitter {
   color: #00aced;
}

.contact-social.social-bx .social-link:hover .fa-instagram {
   color: #8a3ab9;
}

.contact-social.social-bx .social-link:hover .fa-linkedin {
   color: #0077b5;
}

.contact-social.social-bx .social-link:hover .fa-youtube-play {
   color: red;
}

/*---- coprright --- */
.copyright {
   color: white;
   opacity: 0.7;
   font-size: 13px;
   font-weight: 300;
   margin-top: 5px;
   margin-bottom: 5px;
   letter-spacing: 0.5px;
}


/* --- footer about text --- */
.footer-at {
   color: white;
   opacity: 0.7;
   font-size: 13px;
   font-weight: 300;
   text-align: center;
   margin-top: 5px;
   margin-bottom: 5px;
   letter-spacing: 0.5px;
}

/* --- Made with --- */
.mede-with {
   color: white;
   opacity: 0.7;
   font-size: 13px;
   margin: 0;
   margin-top: 5px;
   margin-bottom: 5px;
   font-weight: 300;
   letter-spacing: 0.5px;
}

.mede-with a {
   color: white;
   opacity: 0.7;
}

.mede-with a:hover {
   opacity: 1;
}

.icons-box-made {
   width: 12px;
   height: 12px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   top: 2px;
}

.icons-box-made .fa-heart,
.icons-box-made .fa-heart-o {
   position: absolute;
}

.mede-with .fa-heart-o {
   color: white;
   opacity: 0.7;
   font-size: 12px;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.mede-with .fa-heart {
   color: white;
   opacity: 0.7;
   font-size: 12px;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   opacity: 0;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
}

.mede-with:hover .fa-heart-o {
   opacity: 0;
}

.mede-with:hover .fa-heart {
   opacity: 1;
   color: #ffffff;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

/* --- footer links --- */
.footer-link-bx {
   padding: 10px 30px;
}

.footer-hed {
   color: #d9a429;
   font-size: 20px;
   font-weight: 400;
   margin-top: 10px;
   margin-bottom: 10px;
}

.footer-hed-link {
   font-size: 16px;
   color: white;
   opacity: 0.5;
   display: block;
   padding-top: 10px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   font-weight: 300;
}

.footer-hed-link.active,
.footer-hed-link:hover {
   opacity: 1;
   color: white;
}

.example {
   display: -ms-grid;
   display: grid;
   -webkit-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
   background: -o-linear-gradient(top, white, black);
   background: linear-gradient(to bottom, white, black);
}

/* Pagenavbar section css */

.pagenavbar {
   padding: 8px 0;
}

.pagenavbar a {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #525252;
   display: inline-block;
   transition: all 0.3s ease-in-out;
}

.pagenavbar a:hover:nth-child(1) {
   color: #003262;
}

.pagenavbar .fa {
   font-size: 14px;
   font-weight: 400;
   color: #003262;
   display: inline-block;
   margin: 0 3px;
}

.pagenavbar a:nth-last-child(1) {
   color: lightgray;
}

.pagenav-section {
   background-color: black;
   height: 200px;
   color: white;
   padding: 10px 10px 10px 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   background-color: black;
   height: 200px;
   color: white;
   padding: 10px 10px 10px 50px;
   display: flex;
   align-items: center;
   position: relative;
   background-image: url(/img/middle-banner.jpg);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.pagenav-section h3 {
   font-size: 36px;
   font-weight: 300;
   margin: 0;
}



/*  lagal pages css */

.legal-ul {
   list-style: decimal;
   padding: 0 0 0 10px;
   list-style-position: inside;
}

.legal-ul.ul-dick {
   list-style-type: none !important;

}

.legal-main p a {
   font-family: 'Roboto', sans-serif;
   text-decoration: underline;
}

.legal-main p a:hover {
   color: #10112e !important;
}

.legal-ul li,
.legal-main p {
   font-size: 16px;
   line-height: 1.6;
   margin: 0;
   margin-top: 6px;
   color: #525252;
   font-family: 'Roboto', sans-serif;
}

.legal-main h3 {
   margin: 0;
   margin-bottom: 20px;
   font-weight: 500;
   color: #10112e;
   text-align: center;
   font-family: 'Roboto', sans-serif;
}

.legal-main h4 {
   margin: 0;
   margin-top: 30px;
   margin-bottom: 0px;
   font-weight: 400;
   color: #10112e;
   font-size: 20px;
   font-family: 'Roboto', sans-serif;
}

.legal-main h5 {
   margin: 0;
   margin-top: 25px;
   font-weight: 400;
   color: #10112e;
   font-family: 'Roboto', sans-serif;
}


/* Accordion css */


#accordion-one {
   width: 992px;
   margin: auto;
   max-width: 100%;
}

#accordion-one .acc-item {
   margin: 0 0 15px;
   padding: 0 10px;
   background-color: #fcfcfc;
   border: 1px solid #ebebeb;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   font-family: 'Roboto', sans-serif;
}

#accordion-one .acc-item:hover {
   border-color: #10112da6;
}

#accordion-one .acc-item:first-child {
   border-radius: 10px 10px 0 0;
}

#accordion-one .acc-item:last-child {
   border-radius: 0 0 10px 10px;
}

#accordion-one .acc-item .acc-heding {
   color: #6f1931;
   padding: 14px 25px 14px 0px;
   background: transparent;
   font-weight: 400;
   font-size: 18px;
   margin: 0px;
   position: relative;
   line-height: 20px;
   cursor: pointer;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   border: none;
   font-family: 'Roboto', sans-serif;
}

#accordion-one .acc-item .acc-heding.collapsed {
   color: #10112e;
}

#accordion-one .acc-item .acc-heding svg {
   position: absolute;
   right: 0px;
   top: 50%;
   -webkit-transform: translateY(-50%) rotate(90deg);
   -ms-transform: translateY(-50%) rotate(90deg);
   transform: translateY(-50%) rotate(90deg);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   color: #6f1931;
}

#accordion-one .acc-item .acc-heding.collapsed svg {
   -webkit-transform: translateY(-50%) rotate(45deg);
   -ms-transform: translateY(-50%) rotate(45deg);
   transform: translateY(-50%) rotate(45deg);
   color: #6f1931;
}

#accordion-one .acc-item .acc-detail {
   position: relative;
}

#accordion-one .acc-item .acc-detail p {
   margin-bottom: 6px;
   color: #525252;
}

#accordion-one .acc-item .acc-detail p:last-child {
   padding-bottom: 10px;
}

/* sitemap page link */

.sitemaplinks-bx {
   border: 1px solid #0000000f;
   padding: 20px 15px 15px 15px;
   position: relative;
   border-radius: 5px;
   /* box-shadow: 0 0px 5px #0000000f; */
   margin-bottom: 40px;
}

.sitemap-heding {
   position: absolute;
   top: -12px;
   background: #fcfcfc;
   padding: 0px 10px;
   color: #10112e;
   font-size: 18px;
   font-weight: 400;
   font-family: 'Roboto', sans-serif;
}

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

.sitemap-ul li {
   width: fit-content;
   display: inline-block;
   margin: 8px 0;
   padding: 0 0px;
   width: 16%;
   /* border-right: 1px solid #0000000f; */
}

/* .sitemap-ul li:nth-last-child(1) {
   border-color: transparent;
} */

.sitemap-ul li a {
   display: inline-flex;
   justify-content: flex-start;
   align-items: center;
   height: 30px;
   font-size: 16px;
   transition: all 0.3s ease-in-out;
   text-transform: capitalize;
   color: #525252;
   font-family: 'Roboto', sans-serif;
}

.sitemap-ul li a .fa {
   margin-right: 5px;
}

.sitemap-ul li a:hover {
   color: #6f1931;
}


/* contact page css */
.contact-details {
   margin-bottom: 20px;
}

.contact-details a,
.contact-details p {
   margin-top: 3px;
   font-size: 16px;
   color: #525252;
   font-family: 'Roboto', sans-serif;
}

.contact-details a:hover {
   color: #6f1931;
}

.contact-details h6 {
   margin: 0;
   font-weight: 500;
   margin-right: 5px;
   color: #000;
   font-size: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 3px;
   font-family: 'Roboto', sans-serif;
}

.contact-details h6 img {
   width: 24px;
   margin-right: 5px;
}

.custom-form {
   background: #fefefe;
   padding: 20px 10px;
   /* box-shadow: 0px 0px 10px #00000029; */
   border-radius: 5px;
   border: 1px solid #ebebeb;
   box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px;
}

.contact-map {
   width: 100%;
   height: 400px;
   line-height: 0;
   margin-bottom: 0px;
}

/* about-page */

.about-page h5 {
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 400;
   color: #2c2a3c;
   margin-bottom: 10px;
}

.about-page p {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: #525252;
   margin-bottom: 10px;
}


.team-item {
   background-color: #333;
   padding-bottom: 15px;
   margin-bottom: 15px;
   border-radius: 0 0 5px 5px;
   overflow: hidden;
}

.ab-team-img {
   overflow: hidden;
   margin: auto;
   margin-bottom: 15px;
   position: relative;
   transform-style: preserve-3d;
   cursor: pointer;
   transition: transform 0.5s;
   box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px;
   border: 4px solid #002f5c;
}

.ab-team-img img {
   object-fit: cover;
   object-position: center;
   height: 100%;
   width: 100%;
   overflow: hidden;
   /* border-radius: 50%; */
   transition: all 1s;
}

.t-details-bx {
   color: black;
   margin-bottom: 0px;
}

.t-details-bx h6 {
   font-size: 20px;
   padding-bottom: 3px;
   width: fit-content;
   white-space: nowrap;
   margin: auto;
   font-family: 'Roboto', sans-serif;
   color: white;
   font-weight: 300;
}

.t-details-bx p {
   color: white;
   font-size: 16px;
   text-align: center;
   margin-top: 0px;
   margin: 0;
   font-weight: 300;
}

.t-details-bx .view-profile-link {
   font-size: 14px;
   text-align: center;
   font-weight: 400;
   width: fit-content;
   display: block;
   padding: 9px 24px 7px;
   margin: auto;
   margin-top: 10px;
   border-radius: 50px;
   color: white;
   font-family: 'Roboto', sans-serif;
   background: linear-gradient(90deg, #1fbcee 0, #661c8e 100%);
   background-size: 120%;
   background-position: left center;
   transition: all 0.3s ease-in-out;
   margin-bottom: 10px;
}

.t-details-bx .view-profile-link:hover {
   background-position: right center;
}

.ab-team-img:hover img {
   transform: scale(1.05);
}

/* who we are page css */

.who-we-are p {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: #525252;
   margin-bottom: 10px;
}

.who-we-are h5 {
   font-size: 20px;
   font-weight: 500;
   color: #003262;
   text-transform: capitalize;
   margin-bottom: 10px;
}

.vfhbtdfgnhj {
   width: 100%;
   border-radius: 5px;
   overflow: hidden;
   box-shadow: 0px 2px 5px #0000004a;
}



/* ------------------------
    Blog csss 
------------------------ */

.blog-item-bx {
   border-radius: 5px;
   overflow: hidden;
   -webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
   -o-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
   transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
   margin-bottom: 30px;
   border: 1px solid lightgrey;
   transform: scale(0.99);
}

.blog-item-bx:hover {
   -webkit-box-shadow: 0 4px 10px 0 rgb(218 220 230 / 60%);
   box-shadow: 0 4px 10px 0 rgb(218 220 230 / 60%);
}

.blog-item-img {
   width: 100%;
   height: auto;
   overflow: hidden;
   padding-top: 56%;
   position: relative;
}

.blog-item-img img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -o-object-position: top center;
   object-position: top center;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transform: scale(1.02);
   -ms-transform: scale(1.02);
   transform: scale(1.02);
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.blog-item-bx:hover .blog-item-img img {
   -webkit-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
}

.blog-item-txt {
   padding: 10px;
   background: #fcfcfc;
}

.blog-item-txt span.bit-cat {
   color: #003262;
   font-weight: 400;
   font-size: 14px;
   font-family: 'Roboto', sans-serif;
}

.blog-item-txt h3 {
   color: black;
   font-size: 18px;
   margin-top: 6px;
   line-height: 24px;
   /* text-overflow: ellipsis; */
   overflow: hidden;
   /* max-height: 48px; */
   margin-bottom: 0;
   /* display: -webkit-box; */
   /* -webkit-line-clamp: 2; */
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   font-family: 'Roboto', sans-serif;
}

.blog-item-txt p {
   margin-top: 6px;
   margin-bottom: 0;
   /* max-height: 40px; */
   font-size: 14px;
   overflow: hidden;
   /* text-overflow: ellipsis; */
   color: #525252;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   font-family: 'Roboto', sans-serif;
}

.blog-item-txt span.bit-read {
   color: #525252;
   font-weight: 400;
   font-size: 14px;
   margin-top: 10px;
   display: block;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin-left: auto;
   font-family: 'Roboto', sans-serif;
}

.blog-item-bx:hover span.bit-read {
   color: #6f1931;
   text-decoration: underline;
}

.blog-item-txt span.bit-status {
   color: #929292;
   font-weight: 400;
   font-size: 11px;
   margin-top: 8px;
   display: inline-block;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 0 5px;
}

.blog-item-txt span.bit-status.bit-by {
   border-right: 1px solid #929292;
   padding-left: 0px;
}


#blogslider .blog-item-bx {
   margin-bottom: 15px;
}


.program-bx .img-bx {
   width: 100%;
   height: auto;
   overflow: hidden;
   padding-top: 56%;
   position: relative;
}

.program-bx .img-bx img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -o-object-position: top center;
   object-position: top center;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transform: scale(1.02);
   -ms-transform: scale(1.02);
   transform: scale(1.02);
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.program-bx:hover .img-bx img {
   -webkit-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
}



.dash-bx {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.dash-bx .dash-left {
   width: 280px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 280px;
   flex: 0 0 280px;
   background-color: #f3f3f3;
   position: sticky;
   top: 70px;
   height: calc(100vh - 70px);
}

.dash-bx .dash-right {
   /* width: calc(100% - 280px); */
   /* flex: 0 0 calc(100% - 280px);  */
   width: auto;
   -webkit-box-flex: 1;
   -ms-flex: auto;
   flex: auto;
   background: white;
   padding: 0 20px;
}

.profile-bx {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   /* justify-content: center; */
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   /* border-bottom: 1px solid #cfcfcf; */
   padding: 25px 20px 20px;
}

.profile-bx .user-img {
   width: 40px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40px;
   flex: 0 0 40px;
   height: 40px;
   border-radius: 50%;
   /* border: 1px solid lightgray; */
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
}

.profile-bx .user-detail {
   margin-left: 10px;
   -webkit-box-flex: 1;
   -ms-flex: auto;
   flex: auto;
}

.profile-bx .user-detail {
   margin-left: 10px;
}

.profile-bx .user-detail h6 {
   font-weight: 500;
   margin: 3px 0;
   color: rgb(0, 0, 0);
   letter-spacing: 0.5px;
   font-family: 'Roboto', sans-serif;
}

.profile-bx .user-detail p {
   font-size: 14px;
   margin: 0px 0;
   font-weight: 400;
   color: rgb(0, 0, 0);
   letter-spacing: 0.5px;
   font-family: 'Roboto', sans-serif;
}

.profile-menu {
   margin-top: 20px;
   padding-left: 15px;
}

.profile-menu .profile-link-logout,
.profile-menu .profile-link {
   display: block;
   margin-bottom: 10px;
   height: 44px;
   line-height: 45px;
   padding: 0 20px;
   font-size: 16px;
   color: rgba(0, 0, 0, 0.70);
   position: relative;
   border-radius: 20px 0 0 20px;
   text-transform: capitalize;
   font-weight: 400;
   font-family: 'Roboto', sans-serif;
}

.profile-menu .profile-link-logout.active b:nth-child(1),
.profile-menu .profile-link.active b:nth-child(1) {
   position: absolute;
   width: 20px;
   height: 20px;
   top: -20px;
   background-color: white;
   right: 0;
}

.profile-menu .profile-link-logout.active b:nth-child(1)::before,
.profile-menu .profile-link.active b:nth-child(1)::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #f3f3f3;
   border-bottom-right-radius: 20px;
}

.profile-menu .profile-link-logout.active b:nth-child(2),
.profile-menu .profile-link.active b:nth-child(2) {
   position: absolute;
   width: 20px;
   height: 20px;
   bottom: -20px;
   background-color: white;
   right: 0;
}

.profile-menu .profile-link-logout.active b:nth-child(2)::before,
.profile-menu .profile-link.active b:nth-child(2)::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #f3f3f3;
   border-top-right-radius: 20px;
}

.profile-menu .profile-link-logout:hover,
.profile-menu .profile-link:hover {
   color: #000;
}


.profile-menu .profile-link-logout.active,
.profile-menu .profile-link.active {
   color: #003262;
   background: white;
   font-weight: 400;
}

.profile-menu .profile-link-logout span,
.profile-menu .profile-link span {
   position: relative;
   z-index: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-family: 'Roboto', sans-serif;
}

.profile-menu .profile-link-logout span .profile-menu-icon,
.profile-menu .profile-link span .profile-menu-icon {
   font-size: 24px;
   margin-right: 8px;
   color: black;
}

.user-profile-bx {
   max-width: 1100px;
   width: 100%;
   margin: auto;
   -webkit-box-shadow: 0 0 0px 1px lightgrey;
   box-shadow: 0 0 0px 1px lightgrey;
   margin-top: 30px;
   margin-bottom: 40px;
   border-radius: 5px;
   overflow: hidden;
}

.user-profile-bx form {
   background-color: #f7f7f73b;
   padding: 20px 0;
}


.tab-name {
   background: #f3f3f3;
   padding: 10px 20px;
   color: #003262;
   font-size: 18px;
   font-family: 'UniversLTStd';
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   font-family: 'Roboto', sans-serif;
}

.tab-name span {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 16px;
   color: #525252;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   cursor: pointer;
   padding: 0 10px;
   border-radius: 3px;
}

.tab-name span:hover {
   background-color: #ffcf40;
   color: white;
}

.tab-name span .create-outline-icon {
   margin-right: 3px;
   font-size: 18px;
}

.user-btn {
   height: 40px;
   width: 120px;
   background: #e5e5e5;
   border: 1px solid #e5e5e5;
   display: inline-block;
   text-align: center;
   line-height: 40px;
   margin-top: 10px;
   cursor: pointer;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   font-size: 16px;
   border-radius: 3px;
   text-transform: uppercase;
   letter-spacing: 0.1;
}

.user-btn:focus,
.user-btn:hover {
   background-color: #ffcf40;
   color: white;
}

.user-dash-tab {
   display: none;
}

.user-dash-tab.active {
   display: block;
}


.password-lable {
   margin: 0;
   color: #000;
   margin-bottom: 6px;
   font-size: 16px;
   margin-top: 6px;
   text-align: center;
   font-family: 'UniversLTStd';
   padding-top: 0;
   text-transform: capitalize;
   border-bottom: 1px dashed lightgray;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin: 6px auto 6px;
   padding: 0 10px 5px;
   font-family: 'Roboto', sans-serif;
}

.advisory-popup h3 {
   font-size: 28px;
   font-weight: 500;
   color: #003262;
   text-transform: capitalize;
   margin-bottom: 10px;
   letter-spacing: 0.5px;
}

.advisory-popup img {
   width: 150px;
   border-radius: 10px;
   box-shadow: 0px 0px 0px 1px #e9e9e954, rgb(0 0 0) 0px 10px 10px -10px;
   float: left;
   margin-right: 16px;
}

.advisory-popup p {
   color: #333;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   line-height: 1.5;
}

.advisory-popup p:nth-last-child(1) {
   margin-bottom: 0;
}

.apslinks-lable {
   text-align: center;
   font-weight: 500;
   color: black;
   margin-bottom: 10px;
   margin-top: 20px;
   font-size: 14px;
   font-family: 'Roboto', sans-serif;
}


.apslinks {
   display: flex;
   justify-content: center;
   margin-bottom: 15px;
}

.apslinks .social {
   padding: 0px 0px;
   font-size: 15px;
   height: 35px;
   width: 35px;
   text-align: center;
   border-radius: 99px;
   margin-left: 7px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: hsl(0deg 0% 94% / 80%);
   color: #525252;
   transition: all 0.3s ease-in-out;
}

.apslinks .social .fa {
   position: relative;
   left: 0px;
   top: 0px;
}

.apslinks .social.email:hover,
.apslinks .social.ytp:hover {
   background-color: rgb(255 0 0 / 70%);
   color: white;
}

.apslinks .social.fb:hover {
   background-color: #475993;
   color: white;
}

.apslinks .social.tw:hover {
   background-color: rgb(29 161 242 / 70%);
   color: white;
}

.apslinks .social.wta:hover {
   background-color: #44be53;
   color: white;
}

.apslinks .social.website:hover {
   background-color: #eb9e5c;
   color: white;
}

.apslinks .social.insta:hover {
   background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   color: white;
}


/* college-amenities-bx */
.college-amenities-bx {
   cursor: pointer;
}

.college-amenities-bx img {
   width: 70px !important;
   margin: 0 auto 15px;
}

.college-amenities-bx h6 {
   color: #333;
   font-weight: 400;
   font-size: 16px;
   font-family: 'Roboto', sans-serif;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   line-height: 22px;
   width: 90%;
   margin: auto;
   text-align: center;
   margin-bottom: 15px;
}

.capsule-bx {
   height: 90px;
   overflow: hidden;
}

.capsule-bx.active {
   height: fit-content;
}

.capsule-bx span {
   display: inline-block;
   padding: 8px 18px;
   border-radius: 50px;
   margin: 4px;
   font-size: 14px;
   background: #e9e9e9;
   font-weight: 400;
   color: #6f355b;
   font-family: 'Roboto', sans-serif;
   transition: all 0.3s ease-in-out;
   cursor: pointer;
}

.capsule-bx span:hover {
   background-color: #6f355b;
   color: white;
}

.fvgrhbrthjrf {
   display: block;
   width: fit-content;
   margin: auto;
   margin-top: 15px;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #2a1852;
   cursor: pointer;
   border: 1px solid #2a1852;
   border-radius: 50px;
   padding: 5px 15px;
   transition: all 0.3s ease-in-out;
}

.fvgrhbrthjrf:hover {
   background-color: #003262;
   color: white;
}

.fvgrhbrthjrf .fa {
   margin-left: 3px;
   font-size: 18px;
   position: relative;
   top: 1.5px;
}

.fdjfghrie p {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: #525252;
   margin-bottom: 10px;
   position: relative;
}


/* .privacy policy page number highlight css start */

.pp_call {
   text-decoration: none !important;
}

.pp_call span {
   color: #002f5c;
}

/* .privacy policy page number highlight css End */


/* .helpline number/icon on registrastion page css start  */


.whatapp-new-icon {
   width: 60px;
   height: 60px;
   position: fixed;
   bottom: 20px;
   right: 20px;
   z-index: 99;
   border-radius: 50%;
   -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px 0px;
   box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px 0px;
}

.whatapp-new-icon img {
   width: 100%;
   filter: brightness(0.95);
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.whatapp-new-icon:hover img {
   filter: brightness(1);
}

.whatapp-new-icon .whatapp-meg {
   position: absolute;
   bottom: 100%;
   right: 0px;
   color: #09a528;
   background-color: #f9fffb;
   width: 215px;
   /* transform: translateY(-20px); */
   padding: 10px;
   font-size: 15px;
   border-radius: 10px;
   letter-spacing: 0.5px;
   /* opacity: 0;
   visibility: hidden; */
   -webkit-box-shadow: 0 0 0 0.5px #1bd741, 0 0 20px #00000030;
   box-shadow: 0 0 0 0.5px #1bd741, 0 0 20px #00000030;
   -webkit-animation: initAnimation 1s infinite alternate;
   animation: initAnimation 1s infinite alternate;
}

.whatapp-new-icon:hover .whatapp-meg {
   opacity: 1;
   visibility: visible;
   display: block !important;
}

.whatapp-new-icon .whatapp-meg::after {
   content: "";
   width: 16px;
   height: 16px;
   background: #f9fffb;
   position: absolute;
   right: 22px;
   bottom: 0px;
   -webkit-transform: translateY(7.3px) rotate(45deg);
   -ms-transform: translateY(7.3px) rotate(45deg);
   transform: translateY(7.3px) rotate(45deg);
   z-index: 0;
   -webkit-box-shadow: 0.5px 0.5px 0.5px #1bd741;
   box-shadow: 0.5px 0.5px 0.5px #1bd741;
}


@-webkit-keyframes initAnimation {
   0% {
      -webkit-transform: translateY(-18px);
      transform: translateY(-18px);
   }

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

@keyframes initAnimation {
   0% {
      -webkit-transform: translateY(-18px);
      transform: translateY(-18px);
   }

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

/* .helpline number/icon on registrastion page css end  */


/* file upload css start  */

.panel {
   /* margin: 100px auto 40px; */
   max-width: 500px;
   text-align: center;
}

.button_outer {
   background: #003262;
   border-radius: 30px;
   text-align: center;
   height: 50px;
   width: 200px;
   display: inline-block;
   transition: 0.2s;
   position: relative;
   overflow: hidden;
}

.btn_upload {
   padding: 13px 30px 12px;
   color: #fff;
   text-align: center;
   position: relative;
   display: inline-block;
   overflow: hidden;
   z-index: 3;
   white-space: nowrap;
}

.btn_upload input {
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
   width: 100%;
   height: 105%;
   cursor: pointer;
   opacity: 0;
}

.file_uploading {
   width: 100%;
   height: 10px;
   /* margin-top: 20px; */
   background: #ccc;
}

.file_uploading .btn_upload {
   display: none;
}

.processing_bar {
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   border-radius: 30px;
   background: #003262;
   transition: 3s;
}

.file_uploading .processing_bar {
   width: 100%;
}

.success_box {
   display: none;
   width: 50px;
   height: 50px;
   position: relative;
}

.success_box:before {
   content: "";
   display: block;
   width: 11px;
   height: 18px;
   border-bottom: 6px solid #fff;
   border-right: 6px solid #fff;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   left: 20px;
   top: 13px;
}

.file_uploaded .success_box {
   display: inline-block;
}

.file_uploaded {
   margin-top: 0;
   width: 50px;
   background: #003262;
   height: 50px;
}

.uploaded_file_view {
   max-width: 120px;
   text-align: center;
   position: relative;
   transition: 0.2s;
   opacity: 0;
   border: 2px solid #ddd;
   padding: 7px;
   background: #efefef;
   display: none;
}

.file_remove {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   display: block;
   position: absolute;
   background: #aaa;
   line-height: 30px;
   color: #fff;
   font-size: 12px;
   cursor: pointer;
   right: -15px;
   top: -15px;
}

.file_remove:hover {
   background: #222;
   transition: 0.2s;
}

.uploaded_file_view img {
   max-width: 100%;
}

.uploaded_file_view.show {
   opacity: 1;
   display: block;
}

.error_msg {
   text-align: center;
   color: #f00;
}


.panel {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   padding: 10px 10px 10px;
}

.pannel_row {
   border: 2px dashed rgb(233 233 233);
   border-radius: 8px;
   position: relative;
   background-color: #fafafa;
}

.pannel_row>span {
   margin-top: 10px;
   color: #003262;
   position: absolute;
   top: -15px;
   left: 15px;
   background: #ffff;
   padding: 0 10px;
   font-size: 14px;
   position: relative;
}

span.edu_bg {
   display: block;
   font-size: 22px;
   margin: 20px 0;
}

/* file upload css end  */


/* --- File Select btn --- */
.choosefile_label{
   width: 100%;
   display: block;
}

.selectfilebtn{
   border: 1px dashed lightgray;
   border-radius: 5px;
   min-height: 120px;
   display: flex;
   font-weight: 400;
   padding: 10px 15px;
   text-align: center;
   background-color: #fcfcfc;
   color: #80868b;
   transition: all 0.3s ease-in;
   cursor: pointer;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.selectfilebtn .fa{
   font-size: 42px;
   margin-bottom: 10px;
   color: #003262;
}

.selectfilebtn:hover{
   color: #003262;
   border-color: #003262;
   background-color: #00336217;
}

.selectedfile{
   display: flex;
   justify-content: space-between;
   border: 1px solid #003262;
   background: #ffffff0a;
   border-radius: 5px;
   padding: 10px;
   text-align: center;
   transition: all 0.3s ease-in;
   /* cursor: pointer; */
   margin-top: 10px;
   width: fit-content;
}

.selectedfile img{
   width: 150px;
   height: 100px;
   object-fit: contain;
   object-position: center;
   box-shadow: 0 4px 10px #ccc;
   border-radius: 5px;
   margin-right: 5px;
}

.selectedfilbtn-bx{
   display: flex;
   align-items: center;
}

.selectedfilbtn-bx .sfb-icon{
   display: flex;
   align-items: center;
   border: 1px solid lightgray;
   background-color: #fcfcfc;
   padding: 3px 10px;
   border-radius: 5px;
   margin: 0 0 0 5px;
   font-size: 15px;
   color: #80868b;
   font-weight: 400;
   cursor: pointer;
   transition: all 0.3s ease-in;
}

.selectedfilbtn-bx .sfb-icon .fa{
   margin-right: 5px;
}

.selectedfilbtn-bx .sfb-icon.edit-icon:hover{
   color: #4CAF50;
   border-color: #4CAF50;
   background-color: #4caf500d;
}

.selectedfilbtn-bx .sfb-icon.delete-icon:hover{
   color: #d21813;
   border-color: #d21813;
   background: #fef8f8;
}


.regi-data-bx{
   padding: 8px 0;
}

.regi-data-bx .regidatalable{
   color: #999999;
   font-size: 13px;
   display: block;
   font-weight: 500;
}

.regi-data-bx .regidatatext{
   color: black;
   font-size: 16px;
   display: block;
   font-weight: 400;
   margin-top: 0.5px;
}

.regi-data-bx .regidatatext img{
   width: 280px;
   box-shadow: 0 4px 10px #ccc;
   border-radius: 5px;
   margin-top: 1px;
}


/* ---
Flash Message Popup Start
--- */

.flash-message-popup {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1100;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   padding: 10px 10px 50px;
   opacity: 0;
   visibility: hidden;
   backdrop-filter: blur(5px);
   background: #0000004d;
   transition: all 0.3s ease-in-out;
}

.flash-message-popup.fmp-active {
   opacity: 1;
   visibility: visible;
}

.flash-message {
   background-color: white;
   border-radius: 10px;
   padding: 20px 15px;
   max-width: 450px;
   width: 95%;
   position: relative;
   position: fixed;
   left: 50%;
   bottom: 50px;
   transform: translate(-50%, 20px);
   opacity: 0;
   visibility: hidden;
   z-index: 1101;
   box-shadow: 0 0 15px #0000003d;
   transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.flash-message-inner {
   display: flex;
   align-items: center;
}

.flash-message.fmp-message {
   transform: translate(-50%, 0px);
   opacity: 1;
   visibility: visible;
}

.flash-message .flash-img {
   width: 40px;
   height: 40px;
   flex: 0 0 40px;
   margin-right: 10px;
   align-self: self-start;
}

.flash-message.ef-msg .flash-text h6 {
   font-weight: 500;
   font-size: 20px;
   color: #c70000;
   margin-bottom: 0px;
}

.flash-message.sf-msg .flash-text h6 {
   font-weight: 500;
   font-size: 20px;
   color: #28a745;
   margin-bottom: 0px;
}

.flash-message .flash-text p {
   color: black;
   font-size: 16px;
   line-height: 1.3;
   font-weight: 400;
   margin: 0;
   margin-top: 3px;
}

.flash-message .msg-close {
   position: absolute;
   right: 5px;
   top: 5px;
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #333333;
   font-size: 18px;
   border-radius: 50%;
   transition: all 0.3s ease-in-out;
   cursor: pointer;
   overflow: hidden;
}

.flash-message .msg-close:hover {
   color: #c70000;
   transform: rotate(90deg);
}

.flash-message .msg-close svg {
   width: 100%;
   height: 100%;
}