:root {
  --default-font: "Inter",system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Inter",  sans-serif;
  --nav-font: "Inter",  sans-serif;
}

:root{
  --color-primary: #223874;
  --default-color: #333;
  --color-white:#fff;
  --transition-5: 0.5s;
  --bs-transparent-color: #000910;
  --color-white2: #f8f8f8;
  --color-black: #15222c;
  --color-border: #e3e3e3;
  --color-red: #ef0000;
  --color-tr: transparent;
  --heading-color: #223874;
  --accent-color: #1c92f5;
  --surface-color: #3f51b5;
  --sub-title:#000;
  --color-secondary:#000;
  --header-bg: #fff;
  --gray-bg: #e0e0e0;
  --bs-default-bg:#232969;
  --bs-blue:#2f045a;
  --bs-border-color:#dee2e6;
  --menu-bg:#252c5a;
  --bs-alpha-bg:rgb(35 41 105 / 85%);
  --theme-color: #f5a425;
  --e-global-color-primary: #304770;
  --e-global-color-secondary: #304770;
  --e-global-color-tertiary: #2f4771;
  --bs-color-default:#1c92f5;
  --accent-color2: #3F51B5;
  --danger-color: #4151b4;
  --overlay-opacity: 1;
  --border-top-width: 0px;
  --border-right-width: 0px;
  --overlay-mix-blend-mode: initial;
  --border-left-width: 0px;
  --footer-bg:#0e1133;
}
body {color: var(--default-color);background-color: var(--color-white); font-family: var(--default-font);}
a {
  color: var(--default-color);
  text-decoration: none;
  transition:var(--transition-5);
}

a:hover {
  color: color-mix(in srgb, var(--theme-color), transparent 25%);
  text-decoration: none;
}
.shine .img {
	position: relative;
	overflow: hidden;
}
.shine .img::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.shine .img:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.shine figure {
	position: relative;
	overflow: hidden;
}
.shine figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.shine figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
#contact-form input{
    color: #888888;
    background-color: transparent;
    border: 1px solid #eee;
	width: 100%;
    height: 45px;
    line-height: initial;
    padding: 10px;
    margin: 10px 5px 5px;
    max-width: 100%;
    display: block;
	/*-webkit-box-shadow: 0px 0px 10px 0px rgb(72 127 255 / 25%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(72, 127, 255, 0.25);
    box-shadow: 0px 0px 10px 0px rgb(72 127 255 / 25%);*/

}
#contact-form  textarea{   
	background-color: transparent;
    border: 1px solid #eee;
    width: 100%;
    height: 165px;
    margin: 10px 5px 10px;
    padding: 10px;
    max-width: 100%;
    line-height: 20px;
    display: block;
	/*-webkit-box-shadow: 0px 0px 10px 0px rgb(72 127 255 / 25%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(72, 127, 255, 0.25);
    box-shadow: 0px 0px 10px 0px rgb(72 127 255 / 25%);*/
	}
    
#contact-form select{
    line-height: 1.8;
    background-color: transparent;
    border: 1px solid #eee;
    width: 100%;
    height: 45px;
    padding: 10px;
    margin: 10px 5px 5px;
    line-height: initial;
    max-width: 100%;
    display: block;
	color: #888888;
    /*webkit-box-shadow: 0px 0px 10px 0px rgb(72 127 255 / 25%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(72, 127, 255, 0.25);
    box-shadow: 0px 0px 10px 0px rgb(72 127 255 / 25%); */
}

.number input {
    color: #888888;
    background-color: #ffffff;
    border-color: #e3e3e3;
    -webkit-box-shadow: #ececec 0px 1px 4px inset, #f7f7f7 -5px -5px 0px 0px, #f7f7f7 5px 5px 0px 0px, #f7f7f7 5px 0px 0px 0px, #f7f7f7 0px 5px 0px 0px, #f7f7f7 5px -5px 0px 0px, #f7f7f7 -5px 5px 0px 0px;
    box-shadow: #ececec 0px 1px 4px inset, #f7f7f7 -5px -5px 0px 0px, #f7f7f7 5px 5px 0px 0px, #f7f7f7 5px 0px 0px 0px, #f7f7f7 0px 5px 0px 0px, #f7f7f7 5px -5px 0px 0px, #f7f7f7 -5px 5px 0px 0px;
    width: 337px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    margin: 10px 5px 5px;
    line-height: 20px;
    max-width: 100%;
    display: block;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    outline: 0;
}
.captcha {
    width: 337px;
    height: 27px;
    color: #888888;
    margin-left: 5px;
   
    margin: 10px 5px 5px;
    padding: 3px;
    background-color: #ffffff;
    border-color: #e3e3e3;
    -webkit-box-shadow: #ececec 0px 1px 4px inset, #f7f7f7 -5px -5px 0px 0px, #f7f7f7 5px 5px 0px 0px, #f7f7f7 5px 0px 0px 0px, #f7f7f7 0px 5px 0px 0px, #f7f7f7 5px -5px 0px 0px, #f7f7f7 -5px 5px 0px 0px;
    box-shadow: #ececec 0px 1px 4px inset, #f7f7f7 -5px -5px 0px 0px, #f7f7f7 5px 5px 0px 0px, #f7f7f7 5px 0px 0px 0px, #f7f7f7 0px 5px 0px 0px, #f7f7f7 5px -5px 0px 0px, #f7f7f7 -5px 5px 0px 0px;
}

#contact-form .btn{margin: 30px 0 0 !important; width:100%;}
#contact-form .form-group {
    position: relative;
    margin: 0 0 20px !important;
}
#contact-form img{
border: 0px !important;
box-shadow: none;}

#response_brought{
    color:#333333;
    font-weight:600;
    margin: 10px 5px 5px;
}
.common-faqs .faq-content {padding: 10px 15px;border-radius: 0.5rem;background: var(--color-white)}
.common-faqs ul{padding: 0; margin: 0; list-style: none;}
.common-faqs ul li{border: 1px solidcolor-mix(in srgb, var(--default-color), transparent 60%);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 82%)}
.common-faqs li~li {margin-top: 1rem}
.faq-btn {
    position: relative;
    width: 100%;
    color: #13ade5;
    padding: 12px 40px 12px 20px;
    font-weight: 700;
    border-radius: 0px;
    background: #ffffff;
    display: flex;
    align-items: center;
    border:0;
}

.faq-btn span {
    position: absolute;
    width: 30px;
    height: 30px;
    top: auto;
    right: 15px;
    border-radius:30px;
    background: #13ADE5;
    display: flex;
    align-items: center;
}

.faq-btn span:after,.faq-btn span:before {
    position: absolute;
    content: "";
    top: 14px;
    left: 9px;
    width: 12px;
    height: 2px;
    border-radius: var(--bs-border-radius);
    transform: rotate(0deg);
    background: var(--color-white);
    transition: all .4s ease
}

.faq-btn span:after {transform: rotate(90deg) rotateY(-90deg)}
.faq-btn.collapsed span:after {transform: rotate(90deg) rotateY(0deg)}
.faq-content-body {padding: 12px 22px 5px;background: var(--color-white); border-top:1px solid #ddd;}
.faq-content-body a{color:#13ade5;}
.faq-content-body a:hover{color:#ff9600;}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.bs-default-bg{ /*background: var(--bs-default-bg);*/ background: linear-gradient(115deg, var(--accent-color2), color-mix(in srgb, var(--accent-color2), var(--danger-color) 55%))}
.bs-theme-bg{background: var(--bs-default-bg)}
.logo img{height: auto; }
.topbar{background: var(--bs-default-bg);}
/*.topbar:before{background: linear-gradient(90deg, var(--e-global-color-primary) 0%, #D86A7C4D 29%);
    opacity: var(--overlay-opacity);
    position: absolute;
    content: "";
    top: calc(0px - var(--border-top-width));
    mix-blend-mode: var(--overlay-mix-blend-mode);
        width: max(100% + var(--border-left-width) + var(--border-right-width), 100%);
}*/
.social-list,
.toplogo,
.top-list{padding:0; margin: 0; list-style: none;}
.toplogo li,
.top-list li{display: inline-flex;color: var(--color-white); }
/*.top-list li i{margin-right: 0.5rem;}
.top-list li a{display: flex; align-items: center; justify-content: center; color: var(--color-white); line-height: normal;}
.top-list li a:hover{text-decoration: underline;text-decoration-color: var(--color-white); text-underline-offset: 0.375em !important;}
.btn-orange{background: var(--color-primary);color: var(--color-white); font-weight: 600;padding:0.75rem 1.25rem 0.75rem 1.5rem}
.social-list li{display: inline-flex; gap: 0.5rem}
.social-list li a{display: flex; align-items: center; justify-content: center; color: var(--color-white); line-height: normal;}*/

header{transition: var(--transition-5); background: var(--header-bg); /*border-radius: 60px 60px 0px 0px*/}
.custom-marquee {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    display: flex;
    background: var(--surface-color);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    z-index: 1;
}
.logo-grid-row {
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.logo-grid-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: space-around;
    gap: 32px;
    -webkit-animation: scroll-x 90s linear infinite;
    animation: scroll-x 90s linear infinite;
    color: #ffffff;
    font-size: 1rem;
    margin: 0;
    font-weight: bold;
}
.logo-grid-group li {
    list-style: disc;
}
.logo-grid-group li+li {
    padding-right: 10px;
}
@keyframes scroll-x {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-100% - 32px));}
}    
@keyframes slideDown {
    from {transform: translateY(-100%);}
    to{transform: translateY(0);}
}    

.mobilelogo img{width: 240px;}
.logo img{ transition: var(--transition-5); margin-top:15px; margin-bottom:15px;}

.hero{position: relative; height: 100%}
.hero .carousel-item img{position: relative;}
.hero .carousel-item img{width: 100%; height: auto;transition-property: transform;flex-shrink: 0; }
.carousel-item {height: 500px;}
.carousel-item img {height: 100%;object-fit: cover;}
@media (max-width: 768px) {
    .carousel-item {height: 250px;}
}
.heading-title{
    position: relative;
    display: inline-block;
    font-weight: 700;
    /*color: #021E40;*/
    font-size: 2.5rem;
    line-height: 1.2;
    margin-top: 10px;
}
.heading-subtitle {
    color: var(--sub-title);
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
/* After Line */

/*.heading-title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        to right,
        #24106b 0%,
        #24106b 10%,
        #e31c24 10%,
        #e31c24 35%,
        #ef7f1a 35%,
        #ef7f1a 65%,
        #f4c20d 65%,
        #f4c20d 100%
    );
}*/
.hero .carousel-item::after {
    content: "";
    position: absolute;
    inset: 0;
    height: 100%;
    top:0;
    left: 0;
    z-index: 1;
    background: var(--bs-alpha-bg);
}
.menu-bar {
    /*background: linear-gradient(var(--e-global-color-primary) 50%, var(--e-global-color-tertiary ) 100%);*/
    /*background: linear-gradient(105deg, var(--accent-color2), color-mix(in srgb, var(--accent-color2), var(--danger-color) 42%));*/
    background: var(--color-white);
     border-top: 1px solid #e3e3e3;
    box-shadow: 0 4px 12px #8066ff40; 
    position: relative;
    z-index: 2;
    /*border-top:1px solid #dee0e7;*/
}

.menu-bar.sticky-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    box-shadow: 4px 0 20px 10px hsla(0,0%,54%,.34)
}

.menu-bar .main-menu,.menu-bar.v1 .right-btn {display: none}
.menu-bar .main-menu ul {display: flex;padding: 0;margin: 0;list-style: none; justify-content: center;}
.menu-bar .main-menu ul a {
    display: flex;
    font-weight: 500;
    color: var(--bs-default-bg);
    font-size: 14px;
    text-transform: uppercase;
    justify-content: space-between;
    border-bottom: 3px solid transparent;
    /*padding-bottom: 0.5rem;
	text-underline-offset: 15px;*/
	padding: 0.8rem 0.8rem 0.6rem;
}


.menu-bar .main-menu ul a i {margin-left: 5px}
.menu-bar .main-menu ul a.active {
    color: var(--bs-default-bg);
    
    border-bottom: 3px solid #efb41d;
}
.main-manu ul{list-style: none;padding: 0;margin: 0;}
.menu-bar .main-menu ul ul {
    position: absolute;
    /*padding-bottom: 0.25rem;*/
    min-width: 240px;
    gap: 0;
    top: 80%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 5px 83px rgba(40,40,40,.12);
    background: var(--color-white);
    transition: all .4s ease;
    z-index: 4;
    padding-left: 0;
    /*border-top: 4px solid var(--bs-color-default);*/
}

.menu-bar .main-menu ul ul ul {left: 100%}
.menu-bar .main-menu ul li {position: relative; /*padding: 0.8rem 0.85rem 0px;*/}
.menu-bar .main-menu ul li:last-child ul,.menu-bar .main-menu ul li:nth-last-child(2) ul,.menu-bar .main-menu ul li:nth-last-child(3) ul {right: 0}
.menu-bar .main-menu ul li:last-child ul ul,.menu-bar .main-menu ul li:nth-last-child(2) ul ul,.menu-bar .main-menu ul li:nth-last-child(3) ul ul {right: 100%}
.menu-bar .main-menu ul li li {width: 100%;padding: 0}
/*.menu-bar .main-menu ul li li~li {border-top: 1px solid rgb(255 255 255 / 18%)}*/
.menu-bar .main-menu ul li li a {padding: 8px 15px; color: var(--color-black); position: relative; border-bottom: 1px solid #ddd;}
.menu-bar .main-menu ul li li a i{display: flex; align-items: center; justify-content: end}

.menu-bar .main-menu ul li li:hover>ul {top: 0}
.menu-bar .main-menu ul li li:hover>a {padding-left: 25px; color: var(--bs-default-bg);position: relative;border-bottom: 0.5px solid var(--bs-default-bg) !important;}
.menu-bar .main-menu ul li a:hover {color: var(--bs-default-bg);border-bottom: 3px solid #efb41d;}
/*.menu-bar .main-menu ul li a:hover:after {color: var(--bs-default-bg);border-bottom: 3px solid #efb41d;transform-origin:  0% 50%;}*/
.menu-bar .main-menu ul li:hover>a {color:var(--bs-default-bg); /*background: var(--menu-bg);*/border-bottom: 3px solid #efb41d;}
.menu-bar .main-menu ul li:hover>ul {top: 100%;opacity: 1;visibility: visible}
/*.menu-bar .main-menu ul li li a:after {
  display:block;
  content: '';
  border-bottom: solid 3px #ea2129;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.menu-bar .main-menu ul li li a:hover:after { transform: scaleX(1); }*/

.menu-bar .mobile-menu-btn {
    position: absolute;
    width: 26px;
    height: 16px;
    background: var(--color-tr);
    border: 0;
    padding: 8px;
    top: -41px;
    right: 1rem;
}
.menu-bar .main-menu ul li li a::before{    
    left: 0;
    content: "";
    width: 0%;
    height: 0.5px;
    background-color: #2babe4;
    /*border-bottom: 1px solid #2babe4;*/
    position: absolute;
    bottom: 0px;
    left: 0%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    right: auto;
    border:0;
}
.menu-bar .main-menu ul li li:hover>a::before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    position: absolute;
    bottom: 0px;
    left: 0%;
    right: 0%;
    content: "";
    width: 100%;
    height: 0.5px;
    background: var(--bs-default-bg);
    z-index: -1;
}
.menu-bar .mobile-menu-btn span {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    border-radius: 10px;
    background: var(--theme-color);
    transition: all .4s ease
}
.menu-bar .mobile-menu-btn span:first-child {top: 0}
.menu-bar .mobile-menu-btn span:nth-child(3) {bottom:-2px}
.menu-bar .mobile-menu-btn.active span:first-child {
    width: 15px;top: 23px;
    transform: translate(-1.5px,-5.3px) rotate(-135deg)
}
.menu-bar .mobile-menu-btn.active span:nth-child(2) {width: 75%;transform: rotate(-180deg)}
.menu-bar .mobile-menu-btn.active span:nth-child(3) {width: 15px;bottom: 23px;
    transform: translate(-1.5px,7.3px) rotate(135deg)}
.menu-bar .mobile-menu {
    position: fixed;
    width: 300px;
    max-width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    opacity: 0;
    visibility: hidden;
    background: var(--color-white);
    box-shadow: 0 0 30px rgba(0,0,0,.09);
    transition: all .4s ease;
    z-index: 5
}

.menu-bar .mobile-menu.active {left: 0;opacity: 1;visibility: visible}
.menu-bar .mobile-menu .mobile-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--bs-border-color)
}

.menu-bar .mobile-menu .mobile-header .close-mobile-btn {
    padding: 1rem;
    border-left: 1px solid var(--bs-border-color) !important;
    background:transparent;
    border:0;
}

.menu-bar .mobile-menu .mobile-logo {padding-left: 10px}
.menu-bar .mobile-menu .mobile-logo a {display: inline-block;max-width: 150px}
/*.menu-bar .mobile-menu .mobile-logo a img {width: 100%}*/
.menu-bar .mobile-menu .mobile-overflow {overflow-y: auto;height: calc(100% - 100px)}
.menu-bar .mobile-menu .main-manu li {border-top: 1px solid var(--bs-border-color)}
.menu-bar .mobile-menu .main-manu li.active>a {color: var(--theme-color)}
.menu-bar .mobile-menu .main-manu li.active a>.my-icon {transform: rotate(0deg)}
.menu-bar .mobile-menu .main-manu>ul>li:first-child {border-top: none}
.menu-bar .mobile-menu .main-manu ul ul {display: none}
.menu-bar .mobile-menu .main-manu a {
    position: relative;
    display: block;
    padding: 10px 40px 10px 20px;
    font-weight: 500;
    color:var(--color-black);
}

.menu-bar .mobile-menu .main-manu a i {
    position: absolute;
    top: 11px;
    right: 18px;
    transition: all .4s ease;
    transform: rotate(90deg);
}

.menu-bar .mobile-menu .main-manu a.active {color: var(--theme-color)}
/*.menu-bar .mobile-menu .socials-links {padding: 0 20px;margin-top: 30px}
.menu-bar .mobile-menu .socials-links ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.menu-bar .mobile-menu .socials-links a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50px;
    text-align: center;
    font-size: 15px;
    color: var(--color-red);
    border: 1px solid var(--color-red);
    background: var(--color-white)
}

.menu-bar .mobile-menu .socials-links a:hover {color: var(--color-white);background: var(--color-red)}*/
.menu-bar .mobile-menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: var(--color-black);
    transition: all .4s ease;
    z-index: 2
}

.menu-bar .mobile-menu-overlay.active {opacity: .3;visibility: visible}
.menu-bar.v1 .right-btn a {padding: 35px 53px;display: block;border-radius: 0}
.menu-bar.v1 .right-btn a:hover {color: var(--color-white)}
.menu-bar.v1 .right-btn a:hover:before {left: 0}
.menu-bar.v2 .main-menu>ul {-ms-flex-pack: center;justify-content: center}
.menu-bar.v2 .main-menu ul a.active {color: var(--color-red)}
.menu-bar.v2 .right-contact {display: none}
.menu-bar.v2 .right-contact .my-icon {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: var(--color-white);
    font-size: 16px;
    border-radius: 50px;
    background: var(--color-red)
}
.menu-bar.v2 .right-contact .text-content h4 {font-weight: 700;margin-top: -1px}
@media (min-width:992px) {
  .space-top{padding-top: 80px;}
  .space-bottom{padding-bottom: 80px;}
  .menu-bar .main-menu {display: inherit}
  .menu-bar .mobile-menu-btn {display: none}
  .headerfixed.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    animation: slideDown 0.35s ease-out;
    transition: var(--transition-5);
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    /*background: #fff;*/
    backdrop-filter: blur(10px);}
    /*.headerfixed.is-sticky .logo img{max-height: 100px;}  */
    .headerfixed.is-sticky .circle-btn {width: 60px;height: 60px;}
    .feature-top{margin-top: -120px}
    .topemail{border-radius: 0px 0px 10px 10px;}
}

@media (min-width:1200px) {
  .menu-bar .main-menu ul li:nth-last-child(3) ul {left: 0;right: inherit}
  .menu-bar .main-menu ul li:nth-last-child(3) ul ul {left: 100%;right: inherit}
  .menu-bar.v1 .container {max-width: 100%;padding: 0 0 0 40px}
  .menu-bar .main-menu,
  .menu-bar.v1 .right-btn {display: inherit}
  .menu-bar.v2 .right-contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 15px
  }
}

@media(max-width:991px){
  .space-top{padding-top: 40px;}
  .space-bottom{padding-bottom: 40px;} 
  /*.menu-bar{padding: 1.125rem}*/
  .footer-links h4 {padding-top: 2rem;}
}
.toplist{
    padding:0;
    margin:0;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    font-size: 14px;
}

.toplist li{list-style:none; border-right: 1px solid #FFFFFF33;padding-right: 0.5rem;}
.toplist li:last-child{border:0}
.toplist li a{
    position:relative;
    display:block;
    padding-left:1.5rem;
    text-decoration:none;
    color: var(--color-white);
}
.toplist li a:hover{color: #e6ad1d }
.toplist li a i{
    /*font-size:2rem;*/
    color: #e6ad1d;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
.toplist li a h6{color: #4D5FE3}
.toplist li a h6,
.toplist li a p{
    margin:0;
    line-height:1.3;
}
.list1{padding: 0;margin: 0;}
.list1 li{list-style: disc;color: var(--color-white);margin-left: 1rem;}
.list1 li a{color: var(--color-white);
    transition: 0.3s;
    line-height: 30px;
    display: flex;}
.list1 li a:hover{color: var(--color-white);text-decoration: underline;text-decoration-color: var(--color-white); text-underline-offset: 0.375em !important;}
.bgtheme{background: var(--bs-default-bg);}
.bgdefaultimg{ background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;}
 
.information{
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px 10px 0px 0px;
    /*margin: 20px 0 30px;*/
    padding: 30px 30px 20px;
    border: 1px solid transparent;
    /*border-bottom: 9px solid transparent;*/
    background: var(--color-white);
    transition: all 0.35s;
    position: relative;}  
.information i{font-size:3rem; padding-right: 1rem;transition:var(--transition-5); }
.information.active,
.information:hover {border-color: var(--theme-color);}
.information h4{margin: 0 0 6px;font-size: 1.25rem; font-weight: bold}
.information a{color: var(--color-black);}
.information a:hover i{color:var(--theme-color) }
/*.information li:first-child {    background: #4569b4;}
.information li:nth-child(2) {    background: #313278;}
.information li:last-child {background: #353688;}*/
.topn1-60{margin-top: 20px;background: #17103d}
.section-title {
  text-align: center;
  padding-bottom: 60px;
  position: relative;
}

.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  position: relative;
}

.section-title h2:before,
.section-title h2:after {
  content: "";
  width: 50px;
  height: 2px;
  background: var(--accent-color);
  display: inline-block;
}

.section-title h2:before {
  margin: 0 15px 10px 0;
}

.section-title h2:after {
  margin: 0 0 10px 15px;
}

.section-title p {
  margin-bottom: 0;
}
.sub-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-black);
    position: relative;
    /*padding-bottom: 12px;*/
}
/*.sub-title::before {
    content: "";
    position: absolute;
    width: 35px;
    height: 2px;
    background-color: var(--bs-color-default);
    bottom: 0;
    left: 0;
}*/

.sub-title-center {
    font-size: 1.125rem;
    font-weight: 600;
    color: #07294d;
    position: relative;
    padding-bottom: 12px;
}
.sub-title-center::before {
    content: "";
    position: absolute;
    width: 35px;
    height: 2px;
    background-color: var(--bs-color-default);
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.course-categories .category-card {
 /*background: color-mix(in srgb, var(--surface-color), transparent 90%);*/
  border-radius: 12px;
 
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  display: block;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 75%);
  border:1px solid color-mix(in srgb, var(--color-white), transparent 92%);
}
.category-inner{ padding: 30px 20px;}
.card-6-link {
    top: 0;
    left: 0;
    width: 100%;
    opacity: .1;
    position: absolute;
}
/*.category-card{background: url('../images/dotbg.png') no-repeat center center;
width: 100%; height: 100%}*/
.course-categories .category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.course-categories .category-card .category-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  transition: all 0.3s ease;
}

.category-card .category-icon i {
  font-size: 30px;
  line-height: normal;
  color: var(--color-white);
}

.category-card h5 {
  font-size: 1.125rem;
  font-weight: 800;
  margin-bottom: 8px;
  color: var(--color-black);
}

.course-count {
  font-size: 14px;
  color: color-mix(in srgb, var(--color-black), transparent 10%);
  font-weight: 500;
}
.edukul-links {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    display: inline-block;
}

.edukul-links > span {
    position: relative;
    display: inline-block;
    transition: transform ease 0.3s;
}

.edukul-links > span:before {
    content: "\f138";
    font-family: bootstrap-icons !important;
    font-size: 14px;
    font-style: normal;
    position: absolute;
    top: 1px;
    right: 0;
    transition: all ease 0.3s;
}


/* Style 1 */

.edukul-links.link-style-1 > span:before {
    opacity: 0;
}

.edukul-links.link-style-1:hover > span:before {
    opacity: 1;
    right: -20px;
}

.edukul-links.link-style-1:hover > span {
    transform: translateX(-5px);
}

.edukul-links.link-style-1 > span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: var(--color-white);
    transition: all ease 0.3s;
}

.edukul-links.link-style-1:hover > span:after {
    width: 0;
}

.edukul-links.link-style-1.accent {
    color: #ff9900;
}

.edukul-links.link-style-1.accent > span:after {
    background-color: #ff9900;
}

.edukul-links.link-style-1.dark {
    color: #42495b;
}

.edukul-links.link-style-1.dark > span:after {
    background-color: #42495b;
}

.edukul-links.link-style-1.light {
    color: var(--color-white);
}

.edukul-links.link-style-1.light > span:after {
    background-color: var(--color-white);
}
.category-card.category-tech .category-icon {background: linear-gradient(135deg, #3b82f6, #1d4ed8);}

.category-card.category-tech:hover {border-color: #3b82f6;}

.category-card.category-business .category-icon {
  background: linear-gradient(135deg, #10b981, #047857);
}

.category-card.category-business:hover {
  border-color: #10b981;
}

.category-card.category-design .category-icon {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
}

.category-card.category-design:hover {
  border-color: #8b5cf6;
}

.category-card.category-health .category-icon {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}

.category-card.category-health:hover {
  border-color: #ef4444;
}

.category-card.category-language .category-icon {
  background: linear-gradient(135deg, #f97316, #ea580c);
}

.category-card.category-language:hover {
  border-color: #f97316;
}

.category-card.category-science .category-icon {
  background: linear-gradient(135deg, #06b6d4, #0891b2);
}

.category-card.category-science:hover {
  border-color: #06b6d4;
}

.category-card.category-marketing .category-icon {
  background: linear-gradient(135deg, #ec4899, #db2777);
}

.category-card.category-marketing:hover {
  border-color: #ec4899;
}

.category-card.category-finance .category-icon {
  background: linear-gradient(135deg, #059669, #047857);
}

.category-card.category-finance:hover {
  border-color: #059669;
}

.category-card.category-photography .category-icon {
  background: linear-gradient(135deg, #64748b, #475569);
}

.category-card.category-photography:hover {
  border-color: #64748b;
}

.category-card.category-music .category-icon {
  background: linear-gradient(135deg, #7c3aed, #5b21b6);
}

.category-card.category-music:hover {
  border-color: #7c3aed;
}

.category-card.category-engineering .category-icon {
  background: linear-gradient(135deg, #6b7280, #4b5563);
}

.category-card.category-engineering:hover {
  border-color: #6b7280;
}

.category-card.category-law .category-icon {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.category-card.category-law:hover {
  border-color: #f59e0b;
}

.category-card.category-culinary .category-icon {
  background: linear-gradient(135deg, #f43f5e, #e11d48);
}

.category-card.category-culinary:hover {
  border-color: #f43f5e;
}

.category-card.category-sports .category-icon {
  background: linear-gradient(135deg, #84cc16, #65a30d);
}

.category-card.category-sports:hover {
  border-color: #84cc16;
}

.category-card.category-writing .category-icon {
  background: linear-gradient(135deg, #6366f1, #4338ca);
}

.category-card.category-writing:hover {
  border-color: #6366f1;
}

.category-card.category-psychology .category-icon {
  background: linear-gradient(135deg, #14b8a6, #0d9488);
}

.category-card.category-psychology:hover {
  border-color: #14b8a6;
}

.category-card.category-environment .category-icon {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.category-card.category-environment:hover {
  border-color: #22c55e;
}

.category-card.category-communication .category-icon {
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
}

.category-card.category-communication:hover {
  border-color: #0ea5e9;
}
.category-card.category-tech{background: #efecff}
.category-card.category-business{background: #daf5ef}
.category-card.category-design{background: #e7dbff}
.category-card.category-health{background: #ffe0e0}
.category-card.category-language{background: #fff3ec}
.category-card.category-science{background: #bbf0fa}
.category-card.category-marketing{background: #ffe0ee}
.category-card.category-finance{background: #E6FFDE}
.category-card.category-photography{background: #c8dbf5}
.category-card.category-music{background: #e8dbff}
.category-card.category-engineering{background: #c6dafc}
.category-card.category-law{background: #fff1db}
/*.about-area .fixed-bg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    max-width: 50%;
    right: 0;
    left: auto;
}
.fixed-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}*/
.default-padding-bottom {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.fixed-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.about-area{background:#ffffff;}
.about-area .about-items p {
  font-size: 16px;
    line-height: 1.8;
    color: #3a404f;
    margin-bottom: 1.6rem;
    text-align: justify;
}
.about-area .about-items h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.5;
    
}
.about-area .about-items h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
  color: #13ade5;
    
}
.about-area .about-items .info {
  padding-right: 35px;
  position: relative;
  z-index: 1;
}

.about-area .about-items .info::after {
    position: absolute;
    left: -75px;
    top: -40px;
    content: "";
    height: 150px;
    width: 150px;
    background: url('../images/dotted-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    z-index: -1;
}


.about-area .fixed-bg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    max-width: 50%;
    right: 0;
    left: auto;
}

.default-btn {
    color: var(--color-white);
    border: none;
    display: inline-flex;
    align-items: center;
    padding: 8px 24px;
    border-radius: 30px;
    cursor: pointer;

    background:#1d94f7;

    background-size: 200% auto;
    background-position: 100% center;

    transition:var(--transition-5);
}

.default-btn:hover {
    color:var(--color-white);
    background-position: 0% center;
    /*transform: translateY(-2px);*/
    box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
    background: var(--theme-color);
}
.default-btn:focus {color: var(--color-white);outline: 0;background: var(--theme-color);}
.default-btn i {font-size: 1.25rem;padding-left: 0.5rem;}
.service-item {
    height: 100%;
    padding: 2rem;
    background-color: color-mix(in srgb, var(--surface-color), transparent 0%);
    /*border:1px solid #fff;*/
    border-radius: 0.5rem;
    box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}
.service-item::before {
    position: absolute;
    bottom: -101%;
    left: 0;
    content: "";
    height: 100%;
    z-index: 0;
    width: 100%;
    background-size: 101% 101%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.service-item:hover::before{position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    bottom:0;
    background-size: 101% 101%;
    z-index: 0;
    -webkit-transition: all .6s ease;
    background: var(--color-white);
    transition: all .6s ease;
}
.service-item h3{color: var(--color-white);}
.icon-box i{font-size: 2.5rem; color: var(--color-white);}
.service-item:hover h3,
.service-item:hover .icon-box i{color: var(--color-black)}
.metric-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px;
    border-radius: 0.5rem;
    border: 1px solid color-mix(in srgb, var(--default-color) 40%, transparent);
}
.metric-icon {
    width: 84px;
    /* height: 84px; */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    font-size: 3rem;
    color: #ffa100;
    /* flex-direction: column; */
    margin: 0 auto 10px;
}
.metric-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.metric-number {
    font-size: 3.5rem;
    font-weight: 700;
   line-height: normal;
   color: var(--color-white);
}
.metric-label {
    font-weight: 500;
    color: #ffffff80;
}
.stat-number {
    font-size: 3.5rem;
    font-weight: 300;
    color: var(--color-white);
    line-height: 1;
    text-align: center;
}
.profile-card {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: var(--bs-border-radius) !important;
}
.profile-card:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden;
}
.profile-card img{height: 360px}
.profile-card>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.profile-card .hover-area {
    position: absolute;
    z-index: 2;
    width: 100%;
    /*opacity: 0;
    visibility: hidden;*/
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.profile-card .hover-area.alignment-center {
    bottom: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
a.profile-body {
    padding: 20px 20px 20px 20px;
    background: var(--color-white);
    margin: 1rem;
    display: block;
    border-radius: var(--bs-border-radius) !important;
}
.profile-body h3{    font-size: 1.125rem;
    margin: 0;
    color: var(--color-black);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;}    
.profile-card:hover:before {
    top: 0;
    opacity: 1;
    background-color: #00062BBD;
    visibility: visible;
}    

.news-event{ position: relative;background: var(--color-white); border:1px solid #ddd; padding: 1rem}
.news-inner{
    height:350px;
    overflow:hidden;
    position:relative;
}

.news-card{line-height:15px;}
.news-card h6,
.news-card p{margin-bottom:0;}
.news-card ul{padding:0;margin:0;list-style:none;}
.news-card ul li{
    background: var(--color-white);
    padding:12px 20px;
    border-radius: 0.25rem;
    margin-bottom:8px;
    transition:0.4s;
    border: 1px solid #ddd;
}
.news-card h6{font-weight: bold;}
.news-card ul li:hover{background:var(--theme-color); color: var(--color-white);}
.news-card ul li a{text-decoration:none;display:block;color: var(--color-black);line-height: normal;}
.news-card ul li a:hover{color: var(--color-white);}
.news-card ul li a i{padding-right: 2rem}
.marquee-track{display:flex;flex-direction:column;animation:verticalScroll 15s linear infinite;}
@keyframes verticalScroll{
    0%{transform:translateY(0);}
    100%{transform:translateY(-50%);}
}
.vertical-marquee:hover .marquee-track{animation-play-state:paused;}

footer{padding-top: 4rem;background: var(--footer-bg);}

.footer-links h4 {color: var(--color-white);margin-bottom: 32px;position: relative; padding-bottom: 0.5rem}
.footer-links h4:after {
    background: #1d94f7 none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.footer-links h4:before{    
    background: #f5a425 none repeat scroll 0 0;
    bottom: -11px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 45px;
    z-index: 1;
}
.address-list,
.footer-links ul {list-style: none;padding: 0;margin: 0;}
.footer-links ul li{display: flex;align-items: start;font-weight: 400;color: var(--color-white);margin-bottom: 1.125rem;width: 100%;}
.footer-links ul li a{color:var(--color-white);transition: 0.3s;line-height: 30px;display: flex;position: relative;}
.footer-links ul li a:hover{color: var(--theme-color);text-decoration: none;}
.footer-links ul li a:after,
.footer-links ul li a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    height: 1px;
    width: 100%;
    background-color: #151943;
    transition: all ease 0.3s;
    }
.footer-links ul li a:hover:after {
    width: 30%;
}
.footer-links ul li a:after {
    width: 0;
    background-color: var(--theme-color);
}

.address-list li{list-style: none;display: flex; align-items: center;}
.address-list li i{padding-right: 0.5rem; padding-top: 1px}
.address-list li a{color: var(--color-white);}
.address-list li a span{padding-left: 0.5rem}
.address-list li a:hover{color: var(--color-green);}
.social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color:var(--color-white);
  transition: 0.3s;
  border-right: 1px solid #FFFFFF33;
}
.social-links a i{font-size: 14px;}
.social-links a:hover {
  color: var(--color-white);
  border-color: var(--theme-color);
  background: var(--theme-color);
}
.social-links a:last-child{border:0}
.copyright{border-top:1px solid #151943}
.footer-content {
    padding: 20px 0;
    gap: 20px 0;
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
}
.footer-content ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 30px;
    margin-bottom: 0;
}
.footer-content ul li{color: var(--color-white);}
.footer-content a,
.footer-content p,
.footer-content ul a {color: var(--color-white);}
    
.footer-content ul a:hover {opacity: 0.60;color: var(--color-white);}
.about-event ul{padding: 0; margin: 0}
.about-event ul li{list-style: none;}
.about-event ul li .single-event {
    padding: 25px 0;
    border-bottom: 1px solid #cecece;
}
.about-event ul li .single-event i{color: var(--theme-color);}
.title {
    padding-top: 5px;
    font-weight: bold;
    color: var(--color-black);
    /*font-size: 24px;*/
    transition: all 0.3s linear;
}
 .about-bg {
    width: 52%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}
.about-bg::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgb(255, 255, 255) 100%);
}
.about-bg img {
    width: 100%;
}
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color:var(--theme-color);
  width: 50px;
  height: 50px;  
  font-size: 13px;
  border-radius: 25px;
  flex-direction: column;
  color: var(--color-white);
  font-weight: 500;
  line-height: 1;
  transition: var(--transition-5);
}
.scroll-top i {font-size: 1.5rem;color: var(--color-white);}
.scroll-top:hover {background: var(--bs-color-default); color: var(--color-white)}
.scroll-top.active {visibility: visible;opacity: 1;bottom: 15px;}
/*.fo-logo img{max-height: 50px}*/


.about-event {
    box-shadow: 0px 0px 191px 0px rgb(0 0 0 / 19%);
    padding: 40px 60px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 1rem;
}
.event-title{font-size: 36px;color: rgb(0, 0, 0);padding-bottom: 5px;}
.carousel-fade .carousel-item {transition: opacity 1.5s ease-in-out;}
.zoom-img {animation: zoomEffect 8s ease-in-out infinite alternate;}
.carousel-item.active .zoom-img {animation: zoomEffect 5s ease-in-out forwards;}

@keyframes zoomEffect {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(1.15);
    }
}


.gradient-icon {
  font-size: 2rem;
  background: linear-gradient(135deg, #1272c2 0%, #1d94f7 50%, #1d94f7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}
.gradient-icon-white {
  font-size: 2rem;
  background: linear-gradient(135deg, #7C4DFF 50%, #A855F7 50%, #EC4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}
.video-section {
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.video-section .feature-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  /*opacity: 0.98;*/
  background: var(--bs-default-bg);
  opacity: 80%;
}
@media only screen and (max-width: 991px) {
  .video-section .feature-bg {
    width: 100%;
  }
}
.video-section .video {
  padding-left: 90px;
}
@media only screen and (max-width: 991px) {
  .video-section .video {
    text-align: center;
    padding-top: 50px;
    padding-left: 0;
    position: relative;
    z-index: 5;
  }
}
.video-section .video a {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 20px;
  background-color: #ffc600;
  color: #07294d;
  border-radius: 50%;
}
.video-section .video a:hover {
  background: var(--color-white);
  color: #ffc600;
}
.video-section .feature {
  position: relative;
  z-index: 5;
  padding-top: 50px;
}
.title-black {
  font-size: 36px;
  color: var(--color-white);
  padding-bottom: 15px;
}
.video-section .feature ul{padding: 0; margin: 0}
.video-section .feature ul li{list-style: none;}
.video-section .feature ul li .single-feature {
  display: flex;
  align-items: center;
  padding-top: 2rem;
  color:var(--color-white);
}
.icon{font-size: 4rem; color: var(--color-white);padding-right: 1rem}
.single-feature h4{color: var(--color-white);}

.admission-section{background:linear-gradient(180deg,#f8fbff,#ffffff);}
.admission-header{text-align:center;margin-bottom:70px;}
.admission-header span{
    background:#e7f1ff;
    color:#0066ff;
    padding:10px 25px;
    border-radius:50px;
    font-weight:600;
}

.admission-header h2{
    font-size:2.5rem;
    font-weight:600;
    margin-top:20px;
}

.admission-header p{color:#627d98;}
.admission-timeline{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    position:relative;
    gap:25px;
}
.admission-timeline:before{
    content:"";
    height:4px;
    background:var(--surface-color);
    position:absolute;
    top:45px;
    left:8%;
    right:8%;
    z-index:0;
}

.admission-step{
    text-align:center;
    position:relative;
    z-index:2;
}


.step-circle{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    font-weight:800;
    color:var(--surface-color);
    background:white;
    border:5px solid var(--surface-color);
    transition:.4s;
}

.active .step-circle,
.admission-step:hover .step-circle{
    background:var(--surface-color);
    color:white;
    border-color:var(--surface-color);
    box-shadow:0 0 0 12px rgb(63 81 181 / 20%);
}

.step-card{
    margin-top:35px;
    padding:30px 20px;
    background:white;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
    min-height:180px;
}

.step-card:hover{
    transform:translateY(-15px);
    box-shadow:0 25px 60px rgba(37,99,235,.2);
}


.step-card i{
    font-size:38px;
    color:#4051b5;
    margin-bottom:20px;
}

.step-card h4{
    font-weight:700;
    font-size:20px;
}

.step-card p{font-size:14px;color:#64748b;}

@media(max-width:1200px){
.admission-timeline{grid-template-columns:repeat(3,1fr);}
.admission-timeline:before{display:none;}
}


@media(max-width:768px){
.admission-timeline{grid-template-columns:1fr;}
.admission-header h1{font-size:32px;}
}

.tp-bgimg{position: relative; }
.tp-bgimg img{width: 100%; height: auto}
.tp-bgimg::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.10);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

/*.slider-one__title {
    margin: 0;
    color: #fff;
    font-size: 70px;
    line-height: 75px;
    font-weight: 700;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    text-shadow: 0px 3px 5px rgb(0 0 0);
    
}



.slider-one__text {
    margin: 0;
    color: #fff;
    font-size: 24px;
    margin-top: 15px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    text-shadow: 0px 3px 5px rgb(0 0 0);
}
*/
/*@media (max-width: 767px) {
    .slider-one__text {
        width: 70%;
        line-height: 1.4em;
    }
}

@media (max-width: 375px) {
    .slider-one__text {
        width: 100%;
    }
}*/

.slider-one .active .slider-one__title {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.slider-one .active .slider-one__text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

[class*=slider-one__slider-],
[class*=slider-two__slider-],
[class*=slider-three__slider-] {
    background-color: #222222;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/*[class*=slider-one__slider-] {
    padding-top: 196px;
    padding-bottom: 281px;
}

@media (max-width: 767px) {
    [class*=slider-one__slider-] {
        padding-top: 140.5px;
        padding-bottom: 140.5px;
    }
}
*/
/*[class*=slider-two__slider-] {
    padding-top: 333px;
    padding-bottom: 213px;
}

@media (max-width: 767px) {
    [class*=slider-two__slider-] {
        padding-top: 190px;
        padding-bottom: 100px;
    }
}

@media (max-width: 375px) {
    [class*=slider-two__slider-] {
        background-position: top left;
    }
}
*/

.slider-one .owl-theme .owl-dots,
.slider-two .owl-theme .owl-dots {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
}

@media(max-width: 767px) {

    .slider-one .owl-theme .owl-dots,
    .slider-two .owl-theme .owl-dots {
        display: none !important;
    }
}

.slider-two .owl-theme .owl-dots .owl-dot+.owl-dot,
.slider-one .owl-theme .owl-dots .owl-dot+.owl-dot {
    margin-top: 15px;
}

.slider-one .owl-theme .owl-dots .owl-dot span,
.slider-two .owl-theme .owl-dots .owl-dot span {
    padding: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 2px solid var(--color-white);
    transition: all 500ms ease;
}

.slider-one .owl-theme .owl-dots .owl-dot:hover span,
.slider-two .owl-theme .owl-dots .owl-dot:hover span,
.slider-two .owl-theme .owl-dots .owl-dot.active span,
.slider-one .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-white);
}

.slider-two__linear-text {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--color-white);
}

.slider-two__btn {
    margin-top: 50px;
    padding-left: 36px;
    padding-right: 36px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@media (max-width: 767px) {
    .slider-two__btn {
        margin-top: 20px;
    }
}

.slider-two .slider-one__title {
    font-size: 60px;
    line-height: 65px;
}

@media (max-width: 767px) {
    .slider-two .slider-one__title {
        font-size: 40px;
        line-height: 45px;
    }
}

@media (max-width: 375px) {
    .slider-two .slider-one__title {
        font-size: 35px;
        line-height: 40px;
    }
}

@media (max-width: 320px) {
    .slider-two .slider-one__title {
        font-size: 27px;
        line-height: 35px;
    }
}

.slider-two .slider-one__text {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .slider-two .slider-one__text {
        margin-top: 10px;
    }
}

.why-card{/*background-color: #0000004D;*/ color: var(--color-black);
    background: var(--color-white); padding:2rem;box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.14901960784313725);border-radius: 20px 20px 0px 0px;}
.why-card h3{font-size: 24px;font-weight: 700;line-height: 30px;}
.why-card p{font-weight: 500;line-height: 26px;}
.why-card .whyicon{font-size: 2.5rem;}
.theme-radius-top{border-radius: 60px 60px 0px 0px}
.theme-radius-bottom{border-radius: 0px 0px 60px 60px}
.about-left {
    position: relative;
    padding-right: 30px;
    z-index: 1;
}
.about-left::before{
  content: "";
  position: absolute;
  bottom: -10px;
  right: 20px;
  width: 250px;
  height: 250px;
  background:var(--theme-color);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  border-radius: 0 0 10px 0;
  z-index: -1;
}

.about-left::after{
  content: "";
  position: absolute;
  top: -11px;
  left: -11px;
  width: 250px;
  height: 70%;
   background:var(--theme-color);
  border-radius: 10px;
  z-index: -1;
}

.about-left img{
  width: 100%;
  border-radius: 5px;
  
}

.about-experience{
  position: absolute;
  bottom: 80px;
  left: -11px;
  text-align: center;
  background:  var(--theme-color);
   /*background-image: linear-gradient(115deg, var(--accent-color2), color-mix(in srgb, var(--accent-color), var(--danger-color) 55%));*/
  padding: 15px 20px 15px 15px;
  color: var(--color-white);
  border-radius: 0 10px 10px 10px;
  /*box-shadow: 0 0 40px 5px rgb(0 0 0 / 10%);*/
}

.about-experience-icon{
  color: var(--theme-color);
  font-size: 65px;
  width: 90px;
  height: 89px;
  line-height: 70px;
  text-align: center;
  margin: auto;
  background: var(--color-white);
  border-radius: 50px;
  margin-bottom: 5px;
}

.about-experience-icon img{
  width: 75px;
}

.features-post {
  position: relative;
  margin-bottom: 0px;
  z-index: 1;
}

.features-thumb {
  overflow: hidden;
  position: relative;
}

.features-thumb img {
  width: 100%;
}

.features-content {
  /*position: absolute;*/
  bottom: 0;
  height: 80px;
  left: 0;
  width: 100%;
  background-color: var(--color-white);
  color: var(--color-white);
  padding: 30px 40px 20px;
  border-radius: 7px 7px 0px 0px;
  transition: var(--transition-5);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.07); 
  padding: 20px 20px; 
  background: var(--color-white);
}

.features-content:hover {
    background: var(--theme-color);
    transition: var(--transition-5);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
    height: 250px;
}
.features-color-1{  background: #4eabf9}
.features-color-2 {
  background:#252c5a
}
.features-color-3{
  background: #4eabf9;
}
.features-content h4 {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 500
    color:var(--color-white);
    margin-bottom: 0px;
    display: flex;
    align-items: center;
	color: #ffffff;
}

.features-content h4 i {
    margin-right: 15px;
    font-size: 1.5rem;
    background: #fff;
    padding: 0.5rem 0.775rem;
    border-radius: 0.5rem;
    color: #000;
}
.features-content p {margin-bottom: 0px;}
.features-content a {
  display: inline-block;
  text-transform: uppercase;
  color: var(--color-white);
  border-bottom: 2px solid var(--color-white);
  text-decoration: none;
  font-size: 14px;
  padding-top: 0.75rem;
  position:relative;
}
.features-content:hover h4{color: var(--color-white);}
.features-content:hover .content-hide {visibility: visible; opacity: 1; padding-top: 0.75rem;transition: all .1s cubic-bezier(.19, 1, .22, 1);}
.features-content .content-hide {
  visibility: hidden;
  opacity: 0;
  transition: all .4s cubic-bezier(.19, 1, .22, 1);
}
.floating_btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 50px;
  height: 50px;
  font-size:24px;
  border-radius: 25px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}

.breadcum1 .container-fluid {
    --bs-gutter-x: 0;
}
.breadcum {
    position: relative;
    padding: 80px 0;
    z-index: 1
}

.breadcum:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--bs-alpha-bg);
    z-index: -1
}

.breadcum-content {text-align: center}
.breadcum-content h2 {
    color: var(--color-white);
    font-weight: 700;
    font-size: 2.5rem;
}

.breadcum-content ul {
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-white);
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 25px;
}

.breadcum-content li~li,
.breadcum-content ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem
}

.breadcum-content li~li:before {content: "/"}
.breadcum-content li a {display: block;color: var(--color-white)}
.breadcum-content li a:hover {color: var(--color-orange)}
.bg-cover-center {background-repeat: no-repeat;background-size: cover; /*background-position: 50%;*/background-position: center center;}
.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}
.about-sticky{position: -webkit-sticky;
        position: sticky;
        top: 50px;
        z-index: 1;}
.about-menu{list-style:none;padding:0;margin:0;}
.about-menu li{border-bottom:1px solid #079cd3;}
.about-menu li i {
    color: #ffffff;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin: 0px 10px 0px 0;
    text-align: center;
    width: 28px;
}
.about-menu li:last-child{border-bottom:none;}
.about-menu a{
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-white);
    text-decoration: none;
    padding: 10px 0;
    text-transform: uppercase;
    transition: .3s;
	font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.8px;
}
.about-sidebar {
    background: #13ADE5;
    border-radius: 0.5rem;
    padding: 10px 20px 10px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .35);
}
.about-menu a:hover{padding-left:10px;color:#f5f5f5;}
@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.address {
    background: var(--color-white);
    height: 100%;
    overflow: hidden;
    padding: 40px 40px 50px;
    transition: .3s;
    box-shadow: 0px 6px 34px rgba(215,216,222,.41);
}
.icon {
    border-radius: 100%;
    color: #FF9800;
    display: inline-block;
    font-size: 4rem;
    margin-bottom: 12px;
  margin-right: 30px;
}
.address h4{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}
.address p {
    margin: 0;
}
.address:hover{background: var(--theme-color); transform: translateY(-15px); color: var(--color-white);}
.address:hover a,
.address:hover .icon{color: var(--color-white);}
.address:hover h4{color: var(--color-white);}
.inquiry-form-wrap {
  background: var(--color-white);
  /*border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);*/
  padding: 40px;
  border-radius: 0.5rem;
  box-shadow: 0px 6px 34px rgba(215, 216, 222, .41);
}

.inquiry-form-wrap h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.5px;
  margin-bottom: 10px;
}

.inquiry-form-wrap>p {
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 35px;
}

.inquiry-form-wrap label {
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 8px;
  display: block;
}

.php-email-form .form-control {
  height: 50px;
  padding: 14px 18px;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  background-color: var(--background-color);
  color: var(--default-color);
  font-size: 15px;
  transition: all 0.3s ease-out;
}

.php-email-form .form-control:focus {
  border-color: var(--accent-color);
  box-shadow: none;
  outline: none;
}
.php-email-form .form-control::placeholder {color: color-mix(in srgb, var(--default-color), transparent 60%);}
.php-email-form textarea.form-control {height: auto;min-height: 100px;resize: vertical;}
.submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 0.5rem;
  font-weight: 600;
  background: var(--bs-blue);
  color: var(--contrast-color);
  border: none;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.portfolio-gallery{border:1px solid #ddd;border-radius: 5px 5px 5px 5px;width: 100%; height: 100%}
.gallery-header {
    padding: 10px 10px;
    text-align: center;
    border-radius: 5px;
    font-size: 0.92rem;
    transition: var(--transition-5);
    color: var(--bs-blue); font-weight: 600;
    display: flex;
    align-items: center;
     justify-content: center;
     margin-bottom: 0.15rem;
  min-height: 64px;
}
.services-img {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%;
    width: 100%;
}
.services-img a{    
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0 0 5px 5px;}
.services-img img {aspect-ratio: 3 / 2;}
.services-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
    transition: var(--transition-5);
}  
.flex-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}  
.flex-card-body {flex: 1 1 auto;}
.portfolio-gallery:hover .gallery-header{color: var(--color-white); background: var(--bs-default-bg);}
.portfolio-gallery:hover .services-img img, 
.portfolio-gallery:hover .services-img img {transform: rotate(1.05deg) scale(1.1);width: 100%;transition: var(--transition-5);}

.sev-link {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    padding: 15px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700;
    color: var(--color-white);
    transition: var(--transition-5);
    text-transform: uppercase;
    background: var(--color-white);
}   
.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--bs-default-bg), transparent 40%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-5);
}
.portfolio-gallery:hover .overlay {opacity: 1;visibility: visible;}
.overlay-content {transition: transform 0.4s ease-out 0.1s;    display: flex;gap: 20px;transform: translateY(20px);}
.overlay-content i{
    width: 60px;
    height: 60px;
    background: var(--theme-color);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition-5);
    font-size: 1.5rem;
}
.overlay-content:hover i{background: var(--bs-default-bg); color: var(--color-white);}
.portfolio-gallery:hover .overlay {opacity: 1;visibility: visible; z-index: 22}
.portfolio-gallery:hover .sev-link {bottom: 0;color: var(--color-white); background: var(--bs-blue);}
.portfolio-gallery .image-container {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/4;
  border-radius: 0px 0px 5px 5px;
}

.portfolio-gallery .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: transform 0.6s ease-out;
}
.image-container{position: relative;}
@media(min-width: 992px){
    .feature-main{position: absolute; bottom: 0; right:0; left:0; z-index: 1}
    /*.logo img {height: 50px;}*/
    .fo-logo img {max-height: 50px;}
    .features-content{position: absolute; transition: var(--transition-5);}
    .slider-one__carousel {height: 80vh;overflow: hidden;}
    .space-bottom {padding-bottom: 80px;}
    .space-top {padding-top: 80px;}
}
@media(max-width: 991px){
    .logo img {height: 35px;}
    .fo-logo img {max-height: 25px;}
    .features-content{position: relative;border-radius: 20px;}
    .features-post{margin-top: 1rem}
    .why-card{border-radius: 20px}
    .space-top{padding-top: 40px;}
   .space-bottom{padding-bottom: 40px;} 
   .custom-marquee{margin-top: 1rem}
   .video-section {padding-top: 0px;padding-bottom: 0px;}
}
@media (max-width: 580px){
    .about-left::after,
    .about-experience,
    .about-left::before{display: none;}
    .about-left {padding-right: 0px;}
}