/* 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;
   text-align: justify;

}

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: #002d86;
   -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 .site-logo img {
   height: 90px;
   position: absolute;
   transition: all 0.3s ease-in-out;
   left: 50%;
   transform: translateX(-50%);
   top: 30px;
}

.main-header.scroll .site-logo img {
   height: 75px;
   opacity: 0;
}


.main-header .icon-r-bx {
   width: 75px;
   height: 75px;
   position: absolute;
   top: 10px;
   left: 50%;
   transform: translateX(-50%);
}

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

/* --- header-right --- */
.main-header .header-right {
   position: absolute;
   right: 15px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.main-header .header-right a {
   background: #00b16c;
   height: 40px;
   color: white;
   line-height: 39px;
   letter-spacing: 1.5px;
   font-weight: 500;
   font-size: 16px;
   text-transform: capitalize;
   width: 140px;
   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;
}

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

/* --- header-left --- */
.header-left {
   position: absolute;
   left: 15px;
   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;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   margin-right: 5px;
}

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

.menu-icon:hover span {
   background-color: #00b16c;
   -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: #002d86;
   -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: #00b16c;
   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;
   transition: all .3s ease;
}

.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: #fff;
   margin-bottom: 15px;
}

.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: 10px 10px;
   height: 90px;
   position: sticky;
   top: 0;
   background-color: #002d86;
   -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% - 90px - 60px);
   max-height: calc(100% - 90px - 60px);
   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: #002d86;
   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-item-bx .res-menu-item-ul li a.res-nav-link.active .fa {
   visibility: visible;
   -webkit-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
   opacity: 1;
}


.res-menu-footer {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 13px 0;
   background: white;
   width: 100%;
   margin: 0;
   min-height: 53px;
   z-index: 1;
   border-top: 1px solid #f2f2f2;
   /* background: red; */
}


.social-bx.common-social-links{
   margin: 0;
}

.social-bx.common-social-links .social-link{
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 15px;
   height: 33px;
   width: 33px;
   text-align: center;
   border-radius: 100px;
   margin: 0 3px;
   cursor: pointer;
   color: #525252;
   background: hsl(0deg 0% 94% / 80%);
   transition: all 0.3s ease-in-out;
   opacity: 1;
}

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

.social-bx .social-link.ytp:hover {
    background-color: #ff0000;
    color: white;
}

.social-bx .social-link.tw:hover {
    background-color: #1da0f2;
    color: white;
}

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

.social-bx .social-link.tl:hover {
    background-color: #33a0cd;
    color: white;
}

.social-bx .social-link.li:hover {
    background-color: #0077b5;
    color: white;
}

.social-bx .social-link.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;
}



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

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

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




@-webkit-keyframes zoomeffect {
   0% {
      transform: scale(1.1);
   }

   100% {
      transform: scale(1);
   }
}

@keyframes zoomeffect {
   0% {
      transform: scale(1.1);
   }

   100% {
      transform: scale(1);
   }


}

.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;
}

.owl-item.active .slider-img img {
   -webkit-animation: zoomeffect 4s infinite;
   -moz-animation: zoomeffect 10s infinite;
   animation: zoomeffect 5s infinite;
}

.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: 55%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   padding: 0 5px;
}

.home-section .hst-bx p {
   color: #cfedff;
   font-size: 19px;
   ;
   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;
}


/*------ 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: 110px;
   height: 110px;
}

.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;
}

.about-img.bx {
   box-shadow: -4px 10px 8px #ddd;
}


@-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 .about-heading-text{
   margin: 0;
   margin-top: 25px;
   font-weight: 500;
   color: #10112e;
   font-family: 'Roboto', sans-serif;
   position: relative;
   padding-left: 15px;
}

.about-text .about-heading-text::after{
   content: " ";
   position: absolute;
   left: 0;
   top: 7px;
   width: 7px;
   height: 7px;
   background-color: currentColor;
   border-radius: 50px;
}

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

.about-text p a{
   font-family: 'Roboto', sans-serif;
   text-decoration: underline;
   font-weight: 400;
   color: black;
}

.about-text p a:hover {
   color: #001f5b !important;
}

.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: #416557;
   margin-top: 20px;
   border: 2px solid #416557;
   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: #416557;
   color: white;
}


.about-text h4 i.svg-icon {
   display: inline-block;
   width: 25px;
   height: 25px;
   vertical-align: middle;
}

.about-text h4 i.svg-icon svg {

   width: 100%;
   display: block;
   height: 100%;
   fill: #0d2366;
}

.about-text h4 span {
   letter-spacing: .5px;
   color: #0d2366;
   margin-bottom: 6px;
   font-size: 20px;
   line-height: 32px;
   font-weight: 600;
}


/* --- 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;
   text-align: center;
   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;
   text-align: center;
   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: #cbc104;
      border-color: #cbc104;
      color: white;
   }

   50% {
      background-color: #036200;
      border-color: #036200;
      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: #cbc104;
      border-color: #cbc104;
      color: white;
   }

   50% {
      background-color: #036200;
      border-color: #036200;
      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,
.country_slider .owl-prev,
.country_slider .owl-next,
.servicesslider .owl-prev,
.servicesslider .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,
.country_slider .owl-nav,
.servicesslider .owl-nav {
   margin-top: 35px !important;
}

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

.cwb .owl-next svg,
.team-slider .owl-next svg,
.country_slider .owl-next svg,
.test-section .owl-next svg,
.servicesslider .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,
.country_slider .owl-prev svg,
.servicesslider .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,
.country_slider .owl-prev:hover,
.country_slider .owl-next:hover,
.servicesslider .owl-prev:hover,
.servicesslider .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;
   display: none;
}

.wv-section .wv-img {
   position: absolute;
   left: 0;
   top: 0;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
   opacity: 0.5;
   width: 100%;
   min-height: 350px;
   height: 100%;
}

.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: #274137;
   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: #001f5b;
}

.main-footer .footer-right {
   background-color: #002d86;
   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: 145px;
}

.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;
}

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

/*---- 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: #dd1627;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.mede-with:hover a {
   color: #fff;
}

/* --- 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;
   font-size: 14px;
}

.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-ul.ul-custom-dick li{
   position: relative;
   padding-left: 12px;
}

.legal-ul.ul-custom-dick li::after{
   content: " ";
   position: absolute;
   top: 9px;
   left: -4px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background-color: #525252;
}

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

.legal-main p a:hover {
   color: #001f5b !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: 500;
   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: #002d86;
   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: #002d86;
}

#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: #002d86;
}

#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: 19%;
   /* 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: #002d86;
}


/* contact page css */
.contact-info {
   display: flex;
   align-items: center;
   padding: 10px 10px;
   margin: 10px 0 0;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
   border-radius: 10px;
   border: 1px solid #ececec;
   background-color: #f3f3f3;
}

.contact-info:hover {
   background-color: #002d860d;
   border-color: #002d86;
  
}

.contact-info .contact-icon {
   padding: 2px;
   width: 40px;
   height: 40px;
   flex: 0 0 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 10px;
   border-radius: 10px;
   transition: all 0.3s ease-in-out;
   opacity: 0.8;
}

.contact-info:hover .contact-icon {
   opacity: 1;
}

.contact-info .contact-icon img {
   width: 100%;
}

.contact-text-lable,
.contact-info .contact-text h6 {
   color: black;
   font-weight: 500;
   font-size: 13px;
   line-height: 1.73;
   overflow: hidden;
   margin: 0;
   transition: all 0.3s ease-in-out;
   font-family: 'Roboto', sans-serif;
}

.contact-info:hover .contact-text h6 {
   color: #002d86;
}

.contact-info .contact-text p {
   color: gray;
   font-weight: 400;
   font-size: 15px;
   margin: 0;
   font-family: 'Roboto', sans-serif;
}

.contact-form{
   padding: 15px;
   /* box-shadow: 0px 0px 10px #00000029; */
   border-radius: 5px;
   border: 1px solid #ececec;
   background-color: #fdfdfd;
}

.contact-form-heading{
   font-size: 16px;
   margin-top: 5px;
   margin-bottom: 10px;
   font-weight: 500;
   color: #10112e;
   font-family: 'Roboto', sans-serif;
}

.contact-form-heading-sub{
   font-size: 13px;
   margin-top: -5px;
   padding-left: 2px;
   margin-bottom: 5px;
   font-weight: 400;
   color: gray;
   font-family: 'Roboto', sans-serif;
}

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

/* 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: #002d86;
   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-slider.owl-carousel .owl-stage{
   margin: auto;
}

.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 {
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   color: #525252;
   margin-bottom: 10px;
   line-height: 1.5;
}

.advisory-popup p.ap-dots{
   position: relative;
}
.advisory-popup p.ap-dots::before{
   content: " ";
   display: inline-block;
   position: relative;
   top: -3px;
   left: 0px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   margin-right: 8px;
   background-color: #525252;
}

.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: 85px;
   overflow: hidden;
}

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

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

/* .capsule-bx span:hover {
   background-color: #002d86;
   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 #416557;
   border-radius: 50px;
   padding: 5px 15px;
   transition: all 0.3s ease-in-out;
}

.fvgrhbrthjrf:hover {
   background-color: #416557;
   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  */



/* ---
Services Section Css start
--- */


.service-item {
   padding: 18px 0;
   display: block;
}

.service-inner {
   display: block;
   background-color: white;
   border-radius: 15px;
   padding: 35px 0px 15px;
   -webkit-box-shadow: 3px 1px 18px 0 rgb(0 0 0 / 9%);
   box-shadow: 3px 1px 18px 0 rgb(0 0 0 / 9%);
}

.service-inner .service-img-bx {
   width: 60%;
   height: 60%;
   margin-bottom: 20px;
   margin: 0 auto 20px;
   display: block;
}

.service-inner .service-img-bx img {
   width: 70px;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   -o-object-position: center;
   object-position: center;
   margin: 0 auto;
   display: block;
}

.service-inner .service-text {
   height: 80px;
   overflow: hidden;
   /* border-bottom: 1px #e2e0e0 dashed; */
}

.service-inner h6 {
   color: #003262;
   font-size: 16px;
   font-weight: 500;
   text-align: center;
   margin-bottom: 10px;
   padding: 0 10px;
   line-height: 1.5;
   text-transform: capitalize;
   font-family: 'Roboto', sans-serif;
}

.service-inner p {
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   color: #525252;
   text-align: center;
   margin-bottom: 10px;
   font-size: 16px;
   padding: 0 20px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.service-inner span {
   color: #393d72;
   font-size: 14px;
   font-weight: 700;
   text-align: center;
   margin-bottom: 0px;
   display: block;
   margin: 15px auto 0;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   /* display: none; */
   transition: all 0.3s ease-in-out;
}

.service-inner:hover span {
   color: #00b16c;
   /* text-decoration: underline; */
}

/* Services Section Css end  */

.loginup-form h3.commun-heding {
   font-size: 24px;
}

h3.commun-heding span.consult {
   font-size: 30px;
}

.service-popup img {
   box-shadow: none;
}




/* google captcha custom css start */

.rc-anchor-error-msg-container {
   font-size: 11px !important;
   line-height: 20px !important;
   padding: 0 10px !important;
}

/* google captcha custom css end */

/* form error msg stat  */
.help-block {
   color: #d83947;
   text-align: right;
   width: 100%;
   display: block;
   margin-top: 6px;
}

.is-incomplete .commun-btn {
   background-color: #bbbbbb4f !important;
   color: #333;
   border-color: #d3d3d3;
}

.commun-btn {
   background-color: #124ca0;
   border-color: #124ca0;
}



.is-incomplete .inq-sub-btn {
   background-color: #bbbbbb4f !important;
   color: #333;
   border-color: #d3d3d3;
}

.inq-sub-btn {
   margin: auto;
   display: block;
   width: 120px;
   background: #31d190;
   text-align: center;
   border: 1px solid #31d190;
   border-radius: 5px;
   height: 40px;
   padding: 7px 3px;
   -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   width: 100%;
   font-family: 'Roboto', sans-serif;
   color: white;
}

.inq-sub-btn:hover {
   background-color: #124ca0;
   -webkit-box-shadow: 0px 0px 10px #d3d3d366;
   box-shadow: 0px 0px 10px #d3d3d366;
   /* border-color: #124ca0; */
   /* color: white; */
}

/* form error msg end */



/* country slider start */

.country_item {
   background-color: #fff;
   padding-bottom: 15px;
   margin-bottom: 15px;
   border-radius: 0 0 5px 5px;
   overflow: hidden;
   display: block;
   border-radius: 15px;
   -webkit-box-shadow: 3px 1px 18px 0 rgb(0 0 0 / 9%);
   box-shadow: 3px 1px 18px 0 rgb(0 0 0 / 9%);
   cursor: pointer;
}

.country-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; */
}

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

.country_item:hover img {
   transform: scale(1.1);
}


.country_item .country-text {
   height: 80px;
   overflow: hidden;
   /* border-bottom: 1px #e2e0e0 dashed; */
}

.country_item h6 {
   color: #393d72;
   font-size: 16px;
   font-weight: 700;
   text-align: center;
   margin-bottom: 10px;
   padding: 0 10px;
   line-height: 1.5;
   text-transform: uppercase;
}

.country_item p {
   color: #858687;
   font-weight: 500;
   text-align: center;
   margin-bottom: 10px;
   font-size: 14px;
   padding: 0 20px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.country_item span {
   color: #393d72;
   font-size: 14px;
   font-weight: 700;
   text-align: center;
   margin-bottom: 0px;
   display: block;
   margin: 15px auto 0;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   /* display: none; */
   transition: all 0.3s ease-in-out;
}

.country_item:hover span {
   color: #00b16c;
}

/* country slider end */


.agree_tnc {
   display: flex;
   gap: 5px;
   align-items: flex-start;
   justify-content: center;
   cursor: pointer;
}

.agree_tnc input{
   width: 16px;
   flex: 0 0 16px;
   height: 15PX;
   position: relative;
   top: 2px;
   cursor: pointer;
}

/* .agree_tnc input[type=checkbox] {
   position: relative;
   width: 2.5em;
   height: 1.5em;
   color: #363839;
   border: 1px solid #bdc1c6;
   border-radius: 4px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   outline: 0;
   cursor: pointer;
   transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
   top: -5px;
}

.agree_tnc input[type=checkbox]::before {
   position: absolute;
   content: "";
   display: block;
   top: 2px;
   left: 7px;
   width: 8px;
   height: 14px;
   border-style: solid;
   border-color: #fff;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
   opacity: 0;
}

.agree_tnc input[type=checkbox]:checked {
   color: #fff;
   border-color: #002d86;
   background: #002d86;
}

.agree_tnc input[type=checkbox]:checked::before {
   opacity: 1;
}

.agree_tnc input[type=checkbox]:checked~label::before {
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
} */

.agree_tnc label {
   font-size: 14px;
   display: inline;
   line-height: 1.4;
   cursor: pointer;
}

.agree_tnc label a{
   color: #002d86;
}



.life-item {
   padding: 18px 0;
   display: block;
}

.life-inner {
   display: block;
   background-color: white;
   border-radius: 15px;
   padding: 35px 0px 15px;
   -webkit-box-shadow: 3px 1px 18px 0 rgb(0 0 0 / 9%);
   box-shadow: 3px 1px 18px 0 rgb(0 0 0 / 9%);
}

.life-inner .life-img-bx {
   width: 60%;
   height: 60%;
   margin-bottom: 20px;
   margin: 0 auto 20px;
   display: block;
}

.life-inner .life-img-bx img {
   width: 70px;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   -o-object-position: center;
   object-position: center;
   margin: 0 auto;
   display: block;
}

.life-inner .life-text {
   height: 100%;
   overflow: hidden;
   /* border-bottom: 1px #e2e0e0 dashed; */
   max-height: 200px;
   min-height: 120px;
}

.life-inner h6 {
   color: #393d72;
   font-size: 16px;
   font-weight: 700;
   text-align: center;
   margin-bottom: 10px;
   padding: 0 10px;
   line-height: 1.5;
   text-transform: uppercase;
}

.life-inner p {
   color: #858687;
   font-weight: 500;
   text-align: center;
   margin-bottom: 10px;
   font-size: 14px;
   padding: 0 20px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}


.singalezoom{
   position: relative;
   width: 80%;
   margin: auto;
}

.singalezoom a{
   display: block;
   margin: auto;
}

.singalezoom a img{
   width: 100%!important;
}

.singalezoom .sz-icon{
   position: absolute;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.2);
   z-index: 1;
   border-radius: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 40px;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease-in-out;
   pointer-events: none;
   color: #002d86;
}

.singalezoom:hover .sz-icon{
   opacity: 1;
   visibility: visible;
}