@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Boldonse&family=Outfit:wght@100..900&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100%;}
body{
font-family: "Outfit"; font-weight:400; padding:0; color:#00131d; font-weight:normal; padding-right:0!important; background:#fff;
font-size:17px;
line-height:1.4;
 overflow-x:hidden; width:100%;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--yellow:#f8c418; --blue:#0E324E; --shade:linear-gradient(360deg, #061D2D 0%, #0E324E 100%);}

img{border:0;}

*{ box-sizing:border-box;}
*:hover{
}

a{color:var(--yellow); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--yellow);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:500; font-family:'Boldonse'; line-height:1.5; color:var(--blue);}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}


.fullArea{width:1280px; max-width:98%; margin:0 auto;}

.floatBtn{background:#fff; position:fixed; right:0; top:30%; box-shadow:0 0 8px rgba(130,100,30,0.8); z-index:999;}
.floatBtn ul{margin:0; padding:0; list-style-type:none;}
.floatBtn ul li a{display:block; padding:3px 7px; font-size:26px; line-height:1.3;}
.floatBtn ul li a img, .socialIcon li a img{width:30px;}
.floatBtn ul li:last-child a{ border-top:1px var(--light) solid; margin-top:10px;}
.floatBtn ul li a:hover img, .socialIcon li a:hover img{ filter: brightness(70%);}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.topHeader{display:block; clear:both; overflow:hidden; background:var(--yellow); padding:10px 0;}
.topHeader ul{margin:0; padding:0; list-style-type:none;}
.topHeader ul li{display:inline-block;}
.topHeader ul li a{color:#fff; margin:0 10px;}
.topHeader ul li a i{margin-right:8px;}
.topsocial a i{ margin:0!important; font-size:18px;}


/* Header */
/*.headerArea{display:block!important; clear:both!important; padding:0 15px; margin-top:0.5px; font-size:18px; position:absolute; top:40px!important; z-index:999; left:15px; right:15px;}*/
.headerArea{
    display:block!important;
    clear:both!important;
    padding:0 15px;
    margin:0;
    font-size:18px;

    position:absolute;   /* normal flow */
    z-index:999; width:100%;
}


.logo{display:block; padding:10px 0;}
.logo > img{height:80px; /*filter: brightness(0) invert(1);*/ transition:all .2s ease-in-out;}
.logo > div{position:relative; padding:8px 0;}
.logo > div > img{height:60px; max-width:100%; transition:all .2s ease-in-out;}
.logo > div > span{position:absolute; left:115px; top:0px; transition:all .2s ease-in-out; animation: spin 3s linear infinite;}
.logo > div > span img{height:75px; transition:all .2s ease-in-out;}
.headerArea .text-lg-right{position:relative; z-index:5;}
.headerArea .text-lg-right a{background:#fff; color:var(--blue); padding:12px 20px; margin:0 3px; text-transform:uppercase; font-weight:700; font-size:14px; display:inline-block; text-align:center; border-radius:40px;}
.headerArea .text-lg-right a i{color:var--yellow); margin-right:5px; font-size:15px;}
.headerArea .text-lg-right a:hover{background:var(--yellow); color:var(--blue);}

.navArea{float:left; width:100%; clear:both; position:relative; background:var(--blue); padding:5px 0; z-index:1599;}
.navArea [class^="col-"] > a{position:relative; padding:8px 25px; border-radius:30px; display:inline-block; background:var(--light); color:#fff; font-weight:600; text-transform:uppercase;}
.navArea [class^="col-"] > a:hover{background:var(--sky);}

/*
.headerArea.sticky{position:fixed; backdrop-filter: saturate(180%) blur(10px); background:var(--shade); top:0; z-index:999; margin-top:0; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.headerArea.sticky .logo > img{height:75px;}
.headerArea.sticky .logo > div > img{height:65px;}
.headerArea.sticky .logo > div > span{left:100px;}
.headerArea.sticky .logo > div > span img{height:65px;}*/

.headerArea.sticky{
    position:fixed;
    top:0;
    left:0;
    right:0;

    backdrop-filter:saturate(180%) blur(10px);
    background:var(--shade);
    z-index:1599;

    box-shadow:
      rgba(50,50,93,.25) 0 6px 12px -2px,
      rgba(0,0,0,.3) 0 3px 7px -3px;
}



.menu{border-top:1px rgba(255,255,255,0.3) solid;}


.project-slider{position:relative; display:block; clear:both; width:100%; height:100vh; clear:both; background:var(--blue);}
.project-slider:before{content:''; display:block; position:absolute; left:0; right:0; top:0; height:50%; z-index:5; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}
.project-slider .carousel-item img, .project-slider .carousel-item video{width:100%; height:100vh; object-fit:cover; animation: resize 30s linear infinite; opacity:0.7;}
.project-slider .carousel-item{position:relative;}
.project-slider > img{position:absolute; left:50%; bottom:-209px; transform:translate(-50%,0); z-index:99;}
/*.project-slider .carousel-item:before{position:absolute; z-index:2; content:''; display:block; left:0; right:0; bottom:0; height:70%;
 background:linear-gradient(0deg, var(--light) 0%, rgba(205,236,231,0) 100%);
}*/
.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:30px 10px; top:40%; bottom:auto; background:var(--sky); color:#fff; width:auto; opacity:1; font-size:15px; z-index:100;}
.project-slider .carousel-control-prev:hover, .project-slider .carousel-control-next:hover{background:var(--light);color:var(--sky);}
.project-slider [class^="carousel-control-"] img{filter: brightness(0) invert(1);}
.project-slider svg{position:absolute; left:0; right:0; bottom:-1px; width:100%; z-index:2; fill:rgba(255,255,255,0.8);}
.project-slider svg:last-child{transform: scaleX(-1);}

.project-slider .carousel-indicators{bottom:70px;}


@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}
.sliderContent{position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); z-index:99; width:800px; max-width:75%; z-index:10; color:#fff; text-align:center;}
.sliderContent h2{text-shadow: rgba(0,0,0,0.8) 3px 0 10px; font-weight:400; font-size:32px; color:#fff;}
.sliderContent p{font-size:22px;text-shadow: rgba(0,0,0,0.5) 3px 0 10px;}
.sliderContent a{background:var(--blue); color:#fff; text-align:center; display:inline-block; padding:10px 30px; font-size:20px; font-weight:700; border-radius:30px;}
.sliderContent a:hover{background:#fff; color:var(--blue)}


.headerForm{position:absolute; right:4%; bottom:0; z-index:100; width:380px; padding: 25px 18px 5px 18px; background:#fff; clip-path: polygon(84% 0,100% 12.8%,100% 100%,0 100%,0 0); box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;}
.headerForm p{margin-bottom:5px;}
.headerForm h3{color:var(--blue); padding:0; margin:0 0 15px; font-size:22px; font-weight:600;}
.headerForm input, .headerForm select{width:100%;display:block; background:#fff; height:35px;border:1px var(--yellow) solid; padding:0 10px; border-radius:0; margin:5px 0  12px; font-size:14px;}
.headerForm input[type="submit"]{background:var(--yellow); color:#fff; cursor:pointer;font-weight:600;}
.headerForm input[type="submit"]:hover{background:var(--blue);}



.aboutArea{display:block; float:left; width:100%; padding:80px 0 120px; position:relative;z-index:2; font-size:17px;}
.aboutArea h1{font-size:30px; margin-bottom:15px;}
.aboutArea h2{font-size:20px; color:var(--yellow);}
/*.aboutArea ul{margin:0 0 15px; padding:10px 0 0; list-style-type:none; display:block; clear:both; overflow:hidden;}
.aboutArea ul li{ float:left;width:33.33%; padding:15px; font-size:14px; background:#8fefc5; min-height:180px;}
.aboutArea ul li:nth-child(2){background:#abf3d3;}
.aboutArea ul li:nth-child(3){background:#c2f6df;}
.aboutArea ul li i{color:var(--yellow); margin-right:5px;}*/
.aboutArea .col-md-7 > a{display:inline-block; padding:12px 30px; margin-top:15px; background:var(--blue);; border:2px #fff solid; color:#fff; text-transform:uppercase; font-size:16px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.aboutArea .col-md-7 > a i{margin-right:4px;}
.aboutArea .col-md-7 > a:hover{background:var(--yellow); color:#fff;}
.aboutArea ul{list-style-type:none; margin:0 0 20px; padding:0;}
.aboutArea ul li{display:block; margin-bottom:5px;}

.home-service .service-box:nth-child(odd){
	/*background: #ccc;*/
}
.service-box h5{font-size:10px!important; font-weight:500!important; color: #000; display: inline;}
.service-box h6{color:var(--blue); display:inline; font-size:20px; font-weight:600;}
.service-box p{display:inline;}

.serviceArea{display:block; clear:both; width:100%; padding:180px 0 180px; text-align:center;position:relative; clear:both;}
.serviceArea:before{position:absolute; left:0; right:0; top:60px; bottom:0; content:''; display:block;background:var(--yellow); z-index:-1;}
.serviceArea > div{position:relative;z-index:5;}
.serviceArea h2, .testimonialsArea h2{ font-size:26px; line-height:1.5; margin-bottom:5px; color:var(--blue); width:200px; height:200px; padding:60px 30px; background:#fff;border-radius:50%; text-transform:uppercase;
 position:absolute; left:50%; top:-120px; transform:translate(-50%,-50%); z-index:99; box-shadow: rgba(0, 0, 0, 0.5) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.5) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
.serviceArea h4{margin-bottom:10px; font-size:22px; }
.serviceArea .row .row [class^="col"]{margin-bottom:40px; text-align:left; position:relative; top:0; transition:all .5s ease-in-out;}
.serviceArea .row .row [class^="col"]:hover{ top:-10px;}
.serviceArea .row .row [class^="col"] img{width:100%; margin-bottom:0; border-radius:0px;}
.serviceArea .row .row [class^="col"] a h3{font-size:16px; padding:0; margin-bottom:5px; text-align:center;}
.serviceArea .row .row [class^="col"] a{position:relative; display:block; padding:15px 0 0;}
.serviceArea .row .row [class^="col"]:before{position:absolute; left:15px; right:15px; top:0; bottom:0; border:1px rgba(255,255,255,0.2) solid; background:#fff; content:''; display:block;}
.serviceArea .row .row [class^="col"]:hover:before{box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}
.serviceArea .row .row [class^="col"] a > div{padding:0; width: 100%; display:block; clear:both;}
.serviceArea .row .row [class^="col"] a p{ margin-bottom:10px; color:#222; text-align:center; font-size:14px;}
.serviceArea > div > a{display:inline-block; width:280px;  border-radius:10px; padding:12px 20px; background:var(--blue);; border:2px #fff solid; color:#fff; text-transform:uppercase; font-size:26px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.serviceArea > div > a:hover{background:var(--yellow);}
.serviceArea > div > a i{margin-right:4px;}



.upcomingProjects{text-align:left;}
.upcomingProjects h3{border-bottom:2px #fff solid; padding-bottom:10px;}
.upcomingProjects ul{margin:0; padding:0; list-style-type:none;}
.upcomingProjects ul li{margin:0 0 10px; padding:0 0 10px; display:block; overflow:hidden; border-bottom:1px rgba(255,255,255,0.3) solid;}
.upcomingProjects ul li:last-child{border:none;}
.upcomingProjects ul li span{font-size:12px;}
.upcomingProjects ul li p{margin-bottom:10px; font-size:14px;}
.upcomingProjects ul li h4{font-size:18px; font-weight:600; color:var(--yellow); margin-bottom:5px;}

.testimonialsArea{display:block; padding:60px 0 0; background:#444 url('../images/testimonials.jpg') no-repeat center center fixed; background-size:cover; position:relative; z-index:5; text-align:center; color:#fff;}
.testimonialsArea h2{top:0;}

.highLightPoints{position:relative;display:block; bottom:-150px; margin-top:-50px; z-index:5; color:#fff;}
.highLightPoints > div{background:var(--shade); padding:30px 30px; border-radius:10px; position:relative; overflow:hidden;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}
/*.highLightPoints > div:after{background:#fff; display:block; content:''; overflow:hidden; right:0; left:50%; top:0; bottom:0; z-index:5; position:absolute; z-index:1;
box-shadow: rgb(0,0,0,0.3) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) 0px -3px 6px 1px inset;
}*/
.highLightPoints h3{font-size:22px; margin-bottom:15px;}
.highLightPoints h3 + p{ font-size:18px;}
.highLightPoints .row .row [class^="col"] a{background:var(--yellow); color:#fff; text-align:center; display:inline-block; padding:8px 10px; width:150px; text-transform:uppercase;border-radius:30px; font-size:12px;}
.highLightPoints img{margin-bottom:0; height:100px; width:100px; border-radius:50%;}
.highLightPoints .row .row [class^="col"] > div{padding:20px 0 25px;}
.highLightPoints .row .row [class^="col"] > div:last-child{border-bottom:none;}
.highLightPoints ul{list-style-type:none; margin:15px 0 0; padding:0;display:flex; gap: 1px;flex-wrap: wrap;}
.highLightPoints ul li{margin:0; padding:0; width: calc(33.33% - 1px);background:rgba(0,0,0,0.3); padding:15px;font-weight:600; border-radius:5px;}
.highLightPoints ul li:nth-child(3n+2){background:rgba(0,0,0,0.5);}
.highLightPoints ul li:nth-child(3n+3){background:rgba(0,0,0,0.7);}
.highLightPoints ul li i{color:var(--yellow); display:block; clear:both; margin-bottom:10px; font-size:28px;}
.highLightPoints h4{font-size:14px; font-weight:400; margin-bottom:10px;}


.dg-slider {
  width: 100%;
  max-width: 650px;
  background: #fff;
  padding: 15px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 18px rgba(0,0,0,0.1);
}

/* Fade + Slide Up Animation */
.dg-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 1s ease, transform 1s ease;
  padding: 10px;
}

.dg-slide.active {
  opacity: 1;
  transform: translateY(0);
  position: relative;
}

/* Text styles */
.dg-date {
  font-size: 14px;
  color: #555;
  font-weight: 600;
  margin-bottom: 8px;
}

.dg-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--blue);
}

.dg-text {
  font-size: 15px;
  line-height: 1.4;
  color: #333;
}
.dg-text a{color:var(--blue); text-align:center; display:inline-block; padding:15px 0 0; width:150px; text-transform:uppercase; font-size:12px; font-weight:700; text-decoration:underline;}




.successStories{display:block;overflow:hidden; position:relative; color:var(--blue); clear:both;padding:80px 0; text-align:center;}
.successStories h2{font-size:36px; margin-bottom:10px; text-transform:uppercase;}
.successStories h2 + p{margin-bottom:20px; font-size:18px;}
.successStories .item{padding:5px; margin:5px 5px 20px; text-align:center; color:#fff; background:var(--blue);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}
.successStories .item img{ margin-bottom:10px;}
.successStories .item h5{font-weight:700; font-size:15px; margin-bottom:5px;}
.successStories .item p{margin-bottom:10px; font-size:12px;}
.owl-nav{position: absolute;width: 100%; bottom:-50px;}
.owl-nav .owl-prev i, .owl-nav .owl-next i{ background:var(--yellow);color:#fff; display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:17px; border-radius:50%;}
.owl-nav .owl-prev:hover i, .owl-nav .owl-next:hover i{ background:var(--blue);}



.quickEnquiry{display:block;overflow:hidden; position:relative; color:#000; clear:both;padding:230px 0 130px; text-align:center;}
.quickEnquiry h2{font-size:36px; margin-bottom:30px; text-transform:uppercase;}
.quickEnquiry img{width:100%; margin-bottom:15px; border-radius:10px;}
.quickEnquiry .item > div{color:#fff; margin-bottom:40px; display:block; overflow:hidden; clear:both; padding:15px; border:2px #fff solid; border-radius:10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; text-align:left; background:var(--blue);}
.quickEnquiry .item > div:hover{background:#0c142f;}
.quickEnquiry .item > div span{display:block; margin-bottom:10px; color:#8ea6c0;}
.quickEnquiry .item > div h4{font-weight:600; font-size:18px; margin-bottom:10px;}
.quickEnquiry .item > div a{background:var(--yellow); color:#000; padding:8px 20px; font-size:14px; display:block; border-radius:10px; text-align:center;}
.quickEnquiry .item > div a:hover{background:#fff;}
.quickEnquiry .progress{position:relative; margin-bottom:10px; height:10px; overflow:visible; border-radius:30px;}
.quickEnquiry .progress-bar{border-radius:30px; background-color:var(--yellow);}

.progress-tooltip {
    position: absolute;
    top: -30px; /* Adjust position above the bar */
    left: 0%;
    background: var(--yellow);
    color: var(--blue);
    padding: 0 12px;
    border-radius:35px;
    font-size: 12px;
    height:25px;
    line-height:25px;
    z-index:5;
}


.clienteleArea{text-align:center; padding:60px 0; background:var(--blue); color:#fff;}
.clienteleArea h2{ text-transform:uppercase; font-size:36px; margin-bottom:10px;}
.clienteleArea h3{font-weight:400; font-size:24px;}

.simply-scroll-container{position: relative;}
.simply-scroll-clip {position: relative;overflow: hidden;}
.simply-scroll-list {overflow: hidden;margin: 0;padding: 0;list-style: none;}
.simply-scroll-list li{padding: 0 5px 5px;margin: 0;list-style: none;}
.simply-scroll-list li img{display: block;	width:400px; height:350px; background:#fff; border:none; object-fit:cover; border-radius:10px; padding:5px; border:1px #ccc solid;}
.simply-scroll-list li img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.simply-scroll {width: 100%;}
.simply-scroll .simply-scroll-clip{width: 100%;}
.simply-scroll .simply-scroll-list li{float: left;width: 400px;margin:7px;}




.visionArea{display:block; overflow:hidden; clear:both; padding:0; position:relative; padding:60px 0; background:var(--yellow);}
.visionArea > img{position:absolute; right:0; top:0;  height:100%; width:45%; object-fit:cover; display:block;}
.visionArea h2{font-size:26px; color:var(--blue); text-transform:uppercase; margin-bottom:5px;}
.visionArea h2 + p{font-size:20px; margin-bottom:30px;}
.visionArea a{display:inline-block; margin-bottom:50px; background:#fff; color:var(--blue); padding:15px 35px; font-weight:700;}

.accordion .card{background:none;margin-bottom:15px;border: none;border-radius:0;}
.accordion .card-header {background:none;color:var(--blue);cursor: pointer; border-radius:0; padding:0!important; margin-bottom:0px!important;}
.accordion .card-header:hover {background-color:none;}
.accordion .btn-link {text-decoration: none;color:#fff; background:var(--shade); padding:10px 15px; border-radius:10px!important; font-size: 1rem;display: flex; /*justify-content: space-between;*/ align-items: center;width: 100%; position:relative;}
.accordion .btn-link i{margin-right:10px;}
.accordion .btn-link.collapsed{text-decoration: none; background:none; color:var(--blue);}
.card-header .btn-link:after {
	position:absolute; right:20px; top:5px;
    font-family: 'Font Awesome 5 Free';
    content:'\f078';
    font-weight:900;
    width:15px; height:30px; font-size:24px;
}
.card-header .btn-link.collapsed:after {content:'\f054'; color:var(--blue);}
.accordion .card-body{ padding:10px 15px 0;}



.highlightArea {padding:240px 0 60px;margin-bottom:0; display:block; clear:both; text-align:center;}
.highlightArea .container{margin-bottom:30px;}
.highlightArea span{font-size:80px; color:var(--blue);}
.highlightArea p{font-size:18px; margin-bottom:30px;}
.highlightArea h4{font-size:18px; color:var(--yellow);}
.highlightArea .carousel-control-prev, .highlightArea .carousel-control-next{top:-240px;}
.highlightArea .carousel-control-prev{left:34%; opacity:1;}
.highlightArea .carousel-control-next{right:34%; opacity:1;}





.eventsArea{background:var(--blue) url('../images/eventsBg.jpg') no-repeat center center fixed; background-blend-mode:soft-light; color:#fff; text-align:center; padding:60px 0;}
.eventsArea h2{font-size:42px; text-transform:uppercase; margin-bottom:5px;}
.eventsArea h2 + p{font-size:20px; margin-bottom:40px;}
.eventsArea .col-sm-6 > div{display:block; overflow:hidden; background:#fff; color:var(--blue); padding:15px; border-radius:10px; text-align:left;}
.eventsArea img{height:100%; object-fit:cover; border-radius:10px;}
.eventsArea h3{font-size:24px; font-weight:600; margin-bottom:5px;}
.eventsArea span{display:block; overflow:hidden; padding-bottom:5px; border-bottom:2px var(--yellow) solid; margin-bottom:15px;}
.eventsArea a{background:var(--yellow); color:var(--blue); display:inline-block; padding:8px 15px; border-radius:5px; font-size:12px; font-weight:700;}
.eventsArea a:hover{background:var(--blue); color:#fff;}

.eventsArea strong{position:absolute; left:15px; top:0; display:block; background:#fff; padding:5px; font-size:36px; text-align:center; line-height:1; border-radius:10px; color:var(--blue);
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
.eventsArea strong small{display:block; clear:both; font-size:10px;}


.modal-dialog {max-width: 900px; }
.modal-content {border: none;  position: relative;  padding: 0 !important;  font-size: 14px;  border-radius: 0;
-webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24); }
.modal-content .modal-header {padding: 0; border: none; }
.modal-content button.close {
position: absolute; top: 0; right: 0; padding: 0; margin: 0; width: 40px; height: 40px; z-index: 1; text-shadow: none; background: var(--sky); color:var(--light); opacity: 1; }
.modal-content .modal-body { border: none; position: relative; z-index: 0;}
.modal-content .row [class^="col-"]:first-child{ background:transparent url('../images/bg-1.jpg') no-repeat center center; background-size:cover;}
.modal-content .modal-body h2 { font-weight: 700; text-transform: uppercase; font-size: 42px; }
.modal-content .modal-body h2 span {   font-weight: 400; }
.modal-content .modal-body h4 { text-transform: uppercase; font-size: 16px; }
.modal-content .modal-body .form-control{margin-bottom:10px;}
.modal-content .modal-body .btn-primary { color: #fff !important; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; background:var(--sky)!important; width:100%; margin-top:10px; border:none!important;}
.modal-content .text {position: relative; z-index: 0;}
.modal-content .text:after {position: absolute; top: -30px; left: -30px; right: -30px; bottom: -30px; content: ''; border: 1px solid rgba(0, 0, 0, 0.1); z-index: -1; }



.footerArea{background:var(--shade);background-size:cover;background-blend-mode:overlay;padding:50px 25px 30px;display:block;position:relative; color:#fff;}
.footerArea>svg{position:absolute;top:0;left:0;width:250%;fill:#fff}
.footerArea p{clear:both; display:block; overflow:hidden;margin:0 0 10px; color:#fff;}
.footerArea h4{margin-bottom:15px; color:var(--yellow);}
.footerArea ul{list-style-type:none; margin:0; padding:0;}
.footerArea ul li{display:block; margin:0 0 7px; color:#fff; padding:0;}
.footerArea ul li:before{content:'-'; display:inline-block; margin-right:5px;}
.footerArea ul li a{color:#fff;}
.footerArea ul li a:hover{color:var(--yellow);}

ul.social-links{margin:0 0 15px;padding:15px 0;list-style-type:none;display:block;overflow:hidden;clear:both}
ul.social-links li{display:inline-block;margin-right:5px}
ul.social-links li a{text-align:center;color:#fff;display:block;border:1px#fff solid;width:45px;height:45px;text-align:center;border-radius:50%}
ul.social-links li a i{font-size:18px;line-height:45px}
ul.social-links li a:hover{background:var(--shade);color:var(--yellow);}
ul.social-links li:before{display:none;}

.footerBottom{background:var(--yellow);padding:15px;display:block;font-size:13px;position:relative;color:#000}
.footerBottom ul{float:right;margin:0;padding:0;list-style-type:none}
.footerBottom ul li{display:inline-block}
.footerBottom ul li a{display:block;padding:0 8px;color:#000;border-left:1px var(--yellow) solid;line-height:1}
.footerBottom ul li:first-child a{border:none}
.footerBottom ul li a:hover{color:var(--blue)}

#scroll-icon{position:fixed;right:10px;bottom:10px;cursor:pointer;width:30px;height:30px;background:var(--yellow);text-indent:-9999px;display:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:99999}
#scroll-icon span{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:7px solid transparent;border-bottom-color:#fff}
#scroll-icon:hover{background-color:var(--blue);opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}



.innerBanner{display:block; overflow:hidden; clear:both; height:100vh; background:var(--blue); position:relative;}
.innerBanner svg{position:absolute; left:0; right:0; bottom:0; width:100%; z-index:2; fill:rgba(255,255,255,0.8);}
.innerBanner svg:last-child{transform: scaleX(-1);}
.innerBanner img{mix-blend-mode:overlay; height:100%; width:100%; object-fit:cover;}
.heroContent{position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); z-index:5; color:#fff; text-align:center;}
.heroContent a{background:var(--shade); color:var(--blue); padding:8px 25px; font-weight:600; display:inline-block; border-radius:30px; margin:2px;}
.heroContent a:hover{background:#fff;}



.innerContentArea{display:block; overflow:hidden; padding:60px 0;}
.scollershipCount [class^="col-"]{margin-bottom:15px;}
.scollershipCount [class^="col-"]>div{display:block; position:relative; padding:15px; background:var(--yellow); border-radius:15px; font-size:16px; font-weight:600; text-transform:uppercase; text-align:center;}
.scollershipCount [class^="col-"]>div p{margin-bottom:0;}
.scollershipCount [class^="col-"]>div h4{font-size:36px; margin-bottom:0;}

.scholarshiprecipients{display:block; overflow:hidden; padding:20px; border-radius:15px; background:var(--blue); color:#fff; border:1px #fff solid;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.scholarshiprecipients h3{margin-bottom:5px;}
.scholarshiprecipients p{ margin:0;}
.scholarshiprecipients h3 + p{margin-bottom:30px;}
.scholarshiprecipients .carousel-item{border-left:4px var(--yellow) solid; padding-left:15px;}
.scholarshiprecipients .carousel-item span{ display:block; overflow:hidden; margin-bottom:10px;color:var(--yellow);}

.scholarshiprecipients [class^="carousel-control-"]{color:var(--blue); opacity:1; top:0; right:0; left:auto;background:#fff; width:30px; height:30px; line-height:30px; text-align:center; display:block; border-radius:50%;}
.scholarshiprecipients .carousel-control-prev{right:35px;}
.scholarshiprecipients [class^="carousel-control-"]:hover{background:var(--yellow);}


.scholarshipListing{display:block; overflow:hidden; padding:40px 0; background:var(--yellow); text-align:center;}
.scholarshipListing h2 + p{font-size:18px; margin-bottom:30px;}
.scholarshipListing [class^="col-"]:before{position:absolute; left:15px; right:15px;top:0; bottom:0; background:#fff; border-radius:15px; content:''; display:block;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.scholarshipListing [class^="col-"]{margin-bottom:30px;}
.scholarshipListing [class^="col-"] > a{display:block; overflow:hidden; color:var(--blue); padding:25px 15px 5px; position:relative; z-index:5;}
.scholarshipListing [class^="col-"]:hover:before{background:var(--blue);}
.scholarshipListing [class^="col-"]:hover > a{color:#fff;}
.scholarshipListing [class^="col-"] > a h4{font-family: "Arimo"; font-size:18px; letter-spacing:1px; text-transform:uppercase; font-weight:600; margin-bottom:8px;}
.scholarshipListing [class^="col-"] > a i{font-size:42px; display:block; margin-bottom:20px;}

.scholarshipListingScroll{display:block; clear:both;padding:50px 0;}
.scholarshipListingScroll .simply-scroll .simply-scroll-list li{width:270px;}
.scholarshipListingScroll li a{background:#fff; color:var(--blue); border-radius:15px; content:''; display:block; text-align:center; clear:both; overflow:hidden; padding:15px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; border:1px #ddd solid;}
.scholarshipListingScroll .simply-scroll .simply-scroll-list li{width:270px;}
.scholarshipListingScroll li a:hover{background:var(--blue); color:#fff;}
.scholarshipListingScroll li a h4{margin-bottom:0; font-size:14px; font-family: "Arimo";}
.scholarshipListingScroll li a i{margin-bottom:10px; font-size:30px;}


.whocanApply{background:#fff; display:block; overflow:hidden; padding:60px 0 0;}
.whocanApply h2 + p{ font-size:18px;}
.whocanApply ul{list-style-type:none; margin:0 0 15px; padding:0;}
.whocanApply ul li{display:block; position:relative; margin-bottom:10px; padding:15px 15px 15px 100px; background:#fff; border:1px #ddd solid; border-radius:15px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
.whocanApply ul li strong{display:block; clear:both; overflow:hidden;}
.whocanApply ul li img{position:absolute; left:5px; top:5px; height:calc(100% - 9px); border-radius:10px;}

.whocanApply h4{font-size:18px; font-weight:600; margin-bottom:5px;}
.whocanApply h4 + div{display:block; padding-bottom:40px;}
.whocanApply h4 + div span{display:inline-block; margin:0 0 4px 0; font-size:12px; padding:4px 10px; background:var(--blue); color:#fff; border-radius:20px;}

.howtoapply{display:block; overflow:hidden;padding:40px 0; color:#fff; background:var(--blue); text-align:center;}
.howtoapply [class^="col-"]{margin-bottom:30px;}
.howtoapply [class^="col-"] > div{display:block; padding:20px; border:1px #fff solid; border-bottom:6px var(--yellow) solid; border-radius:15px;}
.howtoapply [class^="col-"] > div:hover{background:#fff; color:var(--blue);}
.howtoapply [class^="col-"] > div h4{margin-bottom:5px;}
.howtoapply [class^="col-"] > div p{margin-bottom:0;}
.howtoapply [class^="col-"] > div i{font-size:24px; margin-bottom:10px;}
.howtoapply [class^="col-"] > i{position:absolute; right:-7px; top:48%;}
.howtoapply a{display:inline-block; font-size:18px; padding:20px 30px; border-radius:45px; color:var(--blue); background:var(--shade); font-weight:700;}
.howtoapply a:hover{background:#fff;}


.stayConnectedArea{display:block; overflow:hidden; padding:60px 0 30px; color:var(--blue);}
.stayConnectedArea .row{position:relative; margin-bottom:30px; padding:30px;}
.stayConnectedArea .row:before{position:absolute; left:15px; right:15px; top:0; bottom:0; content:''; display:block; background:#ebedf9; border-radius:15px;}
.stayConnectedArea .row img{width:100%; mix-blend-mode:multiply;}
.stayConnectedArea h3{font-size:36px; margin-bottom:10px;}
.stayConnectedArea p{font-size:16px;}
.stayConnectedArea a{display:inline-block;padding:15px 30px; border-radius:25px; color:#fff; background:var(--blue); font-weight:700;}
.stayConnectedArea a:hover{background:var(--yellow); color:var(--blue);}


.full2sideArea{display: block; overflow: hidden; clear: both; background:var(--yellow);color:var(--blue);}
.full2sideArea > .row > [class^="col-"]{ position:relative;}
.full2sideArea > .row > [class^="col-"]:last-child:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background:#fff url('../images/sideimg.png') no-repeat center center; background-size:cover; display: block; content: ''; z-index: 1;}
.full2sideArea > .row > [class^="col-"] > div{padding:50px; display: block; overflow: hidden; position:relative; z-index:2;}
.full2sideArea > .row > [class^="col-"] > div p{font-size: 15px; font-weight: 300; margin-bottom:0; line-height:1.3;}
.full2sideArea > .row > [class^="col-"]:first-child > div{text-align: center;}
.full2sideArea > .row > [class^="col-"]:first-child > div p{font-size:18px; margin-bottom:30px;}
.full2sideArea > .row > [class^="col-"] a{font-size: 42px;display: block;clear: both;font-weight: 700;}
.full2sideArea > .row > [class^="col-"] i{font-size:20px; width:50px; height:50px; background:var(--blue); color:#fff; line-height:50px; border-radius:50%; position:relative; top:-7px;}
.full2sideArea > .row > [class^="col-"] .btn{padding:15px 30px; border-radius: 40px; background:var(--blue); color:#fff; font-size: 15px; text-transform: uppercase; display:inline-block; margin:0 auto;}
.full2sideArea > .row > [class^="col-"] .btn:hover{background:#fff; color:var(--blue);}

.full2sideArea .row .row [class^="col"]{margin:15px auto; text-align:center;}
.full2sideArea .row .row [class^="col"] > div{background:rgba(255,255,255,0.7); border:1px rgba(255,255,255,0.2) solid; color:var(--blue); backdrop-filter: saturate(180%) blur(10px); padding:30px 20px 20px; border-radius:20px;}
.full2sideArea .row .row [class^="col"] > div > div{font-size:36px; font-weight:700;}
.full2sideArea .row h2{font-size:26px; margin:15px; font-weight:600;}
.full2sideArea .row .row [class^="col"] > div h3{font-size:20px; margin:0; font-weight:600;}
.full2sideArea img{height:150px;}


/*------------------Next-------------------*/
.innerHeader{height:50dvh; background-attachment:fixed; background-position:bottom center; background-blend-mode:overlay; background:#444;}
.innerHeader > div{position:absolute; bottom:15px; left:50%; transform:translate(-50%,0%); color:#fff;}
.innerHeader > div .breadcrumbs{margin:0; padding:0;list-style-type:none; font-size:12px; text-transform:uppercase; display:none;}
.innerHeader > div .breadcrumbs li{display:inline-block;margin-right:10px;}
.innerHeader > div .breadcrumbs li a{color:var(--blue);}
.innerHeader > div .breadcrumbs li a:after{content:'/'; display:inline-block; margin-left:10px;}
.innerHeader > div .breadcrumbs li a:hover{color:#fff; font-weight:600;}
.innerPage{ position:relative; display:block; overflow:hidden; border-bottom:1px #e9e9e9 solid; padding:40px 0;}

.innerPage h1{display:block;margin-bottom:30px; border-left:3px var(--orange) solid; padding-left:15px;}
.innerPage h1 img{height:30px; position:relative; top:-4px; margin:0 5px;}
.innerPage:after{position:absolute; right:100px; top:0; bottom:0; width:1px; background:rgba(0,0,0,0.2); content:''; display:block; z-index:5;}
.innerPage h2{margin-bottom:20px; color:var(--dark); font-size:26px;}
.innerPage h3{margin-bottom:15px; color:var(--orange); font-size:22px;}

ul.about3Box{text-align:left; display:block; margin:0; padding:0; list-style-type:none;}
ul.about3Box li{display:inline-block; overflow:hidden; background:var(--dark); width:32%; padding:30px 0 0px 140px; margin:5px; min-height:120px; border-radius:15px; font-weight:600; color:#fff; position:relative; vertical-align:middle; line-height:1.3;}
ul.about3Box li img{height:100px; position:absolute; left:15px; top:10px;}
ul.about3Box li:last-child{border-bottom:none;}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{height: 120px!important; }

div.wpforms-container-full .wpforms-form button[type=submit]{
    background-color: var(--dark)!important; width: 100%;
    border:none!important;
    color: #fff!important;
    font-size: 1em;
    padding: 10px 15px;}

.sub-menu-toggle{ display: none!important;}

.breadcrumb{background:none; padding:0; margin:0; padding-bottom:10px; position:relative; border-bottom:1px #a4a49b solid;  font-size:13px; color:eb0022}
.breadcrumb-list li{display:inline-block; position:relative;}
.breadcrumb-list li::before{display:inline-block; padding-right:.8rem; padding-left:.8rem; color:#6c757d; content:"/"}
.breadcrumb-list li:first-child::before{display:none;}
.breadcrumb-list li a{ color:var(--blue);}
.breadcrumb-list li a:hover{ color:#fff;}
.breadcrumb-item a{ color:#eb0022;}
.breadcrumb-item a:hover{ color:#000;}



.nxtwelcomeArea{ /*float:left;*/ display:block; width:100%; clear:both;  color:#111; background:#f1f1f1 url('../images/footerbg.png') no-repeat center bottom; position:relative; z-index:10;      }
.nxtwelcomeArea h2{ color: #555564!important; font-size:18px; }
.nxtwelcomeArea h2 strong{clear:both; display:block; color:var(--blue);}
.nxtwelcomeArea h3{ color:var(--blue); font-size:20px; padding-bottom:10px;   }
.nxtwelcomeArea h4{  font-size:18px; padding-bottom:10px;   }
.nxtwelcomeArea p{margin-bottom:30px; color:#111!important}

.nxtwelcomeArea .bginner{ background:#fff; padding:60px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);}

.nxtwelcomeArea h1{display:block;margin-bottom:30px; font-size: 30px; border-left:3px var(--orange) solid; padding-left:15px;}
.nxtwelcomeArea h1 img{height:30px; position:relative; top:-4px; margin:0 5px;}
.nxtwelcomeArea:after{position:absolute; right:0; bottom:0; width:569px; height:590px; background: transparent url(../images/footer-pattern.png) left bottom no-repeat; content:''; display:block; z-index:-1;}

.nxtwelcomeArea:before{position:absolute; left:0; bottom:0; width:569px; height:590px; background: transparent url(../images/footer-pattern1.png) left bottom no-repeat; content:''; display:block; z-index:-1;}



.nxtwelcomeArea input, .welcomeArea textarea{width:100%; border:1px #ccc solid; height:50px; padding:5px 10px; margin-bottom:15px; }
.nxtwelcomeArea textarea{height:100px!important;}
.nxtwelcomeArea [type="submit"]{border:none; background:var(--yellow)!important; color:#111; font-weight:600; margin-bottom:0px;}
.nxtwelcomeArea [type="submit"]:hover{cursor:pointer; background:var(--red); color:#fff;}
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div{background:var(--blue)!important; text-align:center;  display:block; overflow:hidden; padding:30px; color:#222; position:relative; top:-125px; margin-bottom:-125px; border:10px #fff solid; }
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div h2{ color:#fff!important; text-transform:none; }


.nxtwelcomeAreaimg{ margin:20px auto;}
.nxtwelcomeAreaimg img{padding:10px 5px 10px; width: 100%; padding: 5px; border: 1px solid #ddd; border-radius:10px;}

ul.nxtwelcomeAreaimg li{ display:inline-block; padding:10px 5px 10px; width:30%; margin:40px 10px 10px; text-align:center; background:#fff; color:#fff; border-radius:10px; text-transform:uppercase; letter-spacing:1px; font-weight:700; font-size:14px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
ul.nxtwelcomeAreaimg li i{display:block;width:100%;margin-bottom:15px; font-size:36px;}
ul.nxtwelcomeAreaimg li h4{display:block;font-size:20px; padding-top: 20px;}
ul.nxtwelcomeAreaimg li:hover{background:var(--light)!important; color: #111;}


.colortext h2{ color: #fff!important}
.colortext p{ color: #fff!important}

.nxtcallarea{border:none; display:block; background:var(--red)!important; width:100%; color:#fff; font-weight:600; margin-bottom:0px;}
.nxtcallarea:hover{background:#fff!important; color:#111; }


.gallery-listing > [class^="col-"]{}
.gallery-listing > [class^="col-"] > div{display:block; overflow:hidden; clear:both; position:relative; margin-bottom:20px;  border:1px solid #ddd; padding:5px; width:100%; }
.gallery-listing > [class^="col-"] > div:hover{border:1px #000 solid; }
.gallery-listing > [class^="col-"] > div img{padding:0; display:inline-block!important; transform: scale(1); transition:.2s ease-in-out; width:100%;   height:100%; object-fit:cover;}
.gallery-listing > [class^="col-"] > div:hover img{transform: scale(1.1);}
.gallery-listing > [class^="col-"] > div h3{font-size:15px; font-weight:600; line-height:1.5; margin-bottom:0;padding:3px 10px; font-weight:600; background:var(--blue); color:#fff;}


/*******************************/
/********* Contact CSS *********/
/*******************************/
.contact {
    position: relative;
    width: 100%;
    /*padding:45px 25px 0 25px;
	background:#f0f4fe; margin-top: 40px; border: 1px dotted #203669;*/
}

.contact .contact-info {
    position: relative;
    display: flex;
    
    margin-bottom: 30px;
    transition: .3s;
	/*background:#082d53;*/ background:#fff;
	padding:10px;
}

.contact .contact-info:hover {
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1); background:rgba(255,255,255,0.8);
}

.contact .contact-icon {
    position: relative;
    width: 50px!important;
    height: 50px;
    display: flex;
    align-items:center;
    justify-content:center;
    border: 1px solid var(--orange); margin-right: 10px; 
	text-align:center; background: var(--orange);
}

.contact .contact-icon i {
    font-size:25px;
    color: #fff!important;
	width: 100px;
}

.contact .contact-text {
    
    display:block;
    padding-left:5px;
	text-align:left; font-size: 18px; font-weight:600;  color:rgba(68,68,68,1);
}


.contact h2 {font-weight:600; text-align:left; /*margin:20px 0 0;*/ color:var(--dark); font-size:20px; display: block; margin-top: 20px;}

.contact .contact-text h3 {
    font-size:20px;
    font-weight:600;
    color: #000;
	padding:0;
	margin-bottom:10px;
	line-height: 1;
    
}

/*.contact .contact-text p {
    margin: 0;
    font-size: 13px;
	color:#f3f3f3;
}*/

.contact .contact-text a {
    
	color:rgba(68,68,68,1); font-size:18px; line-height:1; font-weight:600; }



.contact .contact-form {
    position: relative;
    margin-bottom: 30px;
    transition: .3s; width: 100%;}

.contact .contact-form .form-control{display:block; overflow:hidden; padding:14px; border-radius:0; margin-bottom:10px; font-size:14px; }
.contact .contact-form select.form-control{height:auto;}
.contact .contact-form .textarea{height:150px;font-size:14px; display:block; overflow:hidden; width: 100%!important; padding:14px; border: 1px #00b3ff solid!important;}
.contact .contact-form .btn{background:#000; border-radius:0; padding:14px 30px; color:#fff; font-size:14px; font-weight:600; letter-spacing:1px;}
.contact .contact-form .btn:hover{background:#fff; color:#000; }

.contact .contact-form .form-control {
    border: 1px #00b3ff solid!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field

 {
    padding: 5px 0!important;
    clear: both;
}

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

.related-blogs {
  margin: 40px 0;
}

.related-blogs h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

.blog-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
}

.blog-card a {
    text-decoration: none;
    color: #222;
    display: block;
    height: 100%;
}

.blog-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.blog-card h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 15px 15px 10px;
    line-height: 1.5;
	
}

.blog-card p {
    font-size: 15px;
    color: #555;
    margin: 0 15px 15px;
    line-height: 1.6;
}

.blog-card .read-more {
    display: inline-block;
    margin: 0 15px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #f4b400; /* change to your brand color */
    transition: color 0.3s ease;
}

/* Hover Effects */
.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.blog-card:hover img {
    transform: scale(1.08);
}

.blog-card:hover .read-more {
    color: #d39e00;
}

/* Responsive */
@media (max-width: 767px) {
    .blog-card img {
        height: 180px;
    }

    .blog-card h4 {
        font-size: 18px;
    }
}

.glsr-default .glsr-review {
    display: flex;
    flex-wrap: wrap;
    gap: var(--glsr-gap-md);
    border: 1px solid #dddddd;
    padding: 25px;
    margin-bottom: 15px;
    border-bottom: 2px solid blue;
}

.glsr-default form.glsr-form {
    font-size: var(--glsr-text-md);
    line-height: var(--glsr-leading);
    display: block;
    margin-top: 30px;
    padding: 30px;
    background: #f1f1f1;
    border: 1px solid #cccccc;
}

.glsr-review-author{
	font-size: 20px;
	font-weight:600;
}

.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div .wpforms-container-full .wpforms-form button[type=submit]{background-color: var(--yellow)!important;
    border: 1px solid var(--orange)!important;
    color: #000!important;}

.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div .wpforms-container-full .wpforms-form button[type=submit]:hover{background-color: var(--orange)!important;
    border: 1px solid var(--orange)!important;
    color: #fff!important;}


/*---------------------------Service area---------------------------*/
.detail-box {
  background: #ffffff;
  padding: 25px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100%;
	margin-bottom:30px
}

.detail-box img {
  max-height: 180px;
  object-fit: cover;
  border-radius: 10px;
}

.detail-box h6 {
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0 10px;
  color: #222;
}

.detail-box a {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 22px;
  background: #0b5ed7;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 25px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.detail-box a:hover {
  background: #084298;
}

/* Hover Effect */
.box:hover .detail-box {
  transform: translateY(-6px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}

.box .detail-box i {
    font-size: 28px;
    color: #fff;              /* icon color */
    background: var(--yellow);      /* circle background (change as needed) */
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 15px;
    box-shadow: 0 8px 20px rgba(255, 193, 7, 1); /* thick feel */
}

/* Hover effect */
.box:hover .detail-box i {
    background: #084298;      /* darker on hover */
    transform: scale(1.08);
    transition: all 0.3s ease;
	box-shadow: 0 8px 20px rgba(13,110,253,0.35); /* thick feel */
}
}

.service-area-map {
    background: #f3f3f3;
    padding: 50px 0;
}

.service-area-map h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
}

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

.area-list li {
    display: flex;
    align-items: center;
    font-size: 15px;
    margin-bottom: 14px;
    color: #222;
}

.area-list li span {
    width: 14px;
    height: 2px;
    background: #e10600; /* red line */
    margin-right: 12px;
}

.map-box iframe {
    border-radius: 4px;
}


/* Left Sidebar Container */
.leftLinksarea {
    background: var(--shade);
    background-size: cover;
    background-blend-mode: overlay;
    padding: 50px 25px 30px;
    display: block;
    position: relative;
    color: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* Service Area List */
.service-areas {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* List Item */
.service-areas li {
  border-bottom: 1px solid #fff;
}

.service-areas li:last-child {
  border-bottom: none;
}

/* Link Style */
.service-areas li a {
  display: block;
  /*padding: 12px 10px;*/
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Title */
.service-areas li h6 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color:var(--yellow);
	    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 12px 5px;
}

/* Hover Effect */
.service-areas li a:hover {
  background: #f5f8ff;
  border-left: 4px solid #0b5ed7;
  padding-left: 16px;
}

.service-areas li a:hover h6 {
  color: #000;
}

/* Active Page Highlight (Optional) */
.service-areas li.current-menu-item a,
.service-areas li a.active {
  background: #fff;
  border-left: 4px solid #0b5ed7;
}

.service-areas li.current-menu-item h6,
.service-areas li a.active h6 {
  color: #0b5ed7;
}

/*-----------------------------------------faq---------------------------------*/

.faQArea{display:block; overflow:hidden; clear:both; padding:60px 0; position:relative;}
.faQArea > img{border-radius:50%; position:absolute; left:30px; bottom:-80px; width:700px; max-width:45%;}
.faQArea [class^=col-]:first-child::before{ content:''; display:block; left:15px; right:15px; top:0; bottom:0; position:absolute; opacity:0.15; text-align:center;}
.faQArea [class^=col-]:first-child > div{text-align:center; z-index:10; position:relative; padding-top:15%;}
.faQArea [class^=col-]:first-child h4{margin-bottom:10px;}
.faQArea [class^=col-] select{width:47%; background:#fff; border:1px #ddd solid; border-radius:10px; height:50px; padding:0 15px; margin-bottom:15px; clear:both; overflow:hidden;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.faQArea [class^=col-] input[type="submit"]{display:block; clear:both; margin:0 auto; width:350px; padding:10px 20px; border-radius:10px; background:var(--orange); color:#fff; border:none;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.faQArea svg{
-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}
.faQArea svg path:hover{fill:var(--orange)!important; color: #fff!important;}
.faQArea ul{margin:0 0 0 15px; padding: 0;}


/* FAQ accordion */
#faqAccordion .card {
	width:100%!important;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	margin-bottom: 15px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

#faqAccordion .card-header {
	background-color: #f9f9f9;
	padding: 0.35rem 0.75rem;
}

#faqAccordion .card-header p .btn{
	font-size:16px;
	font-weight:600;
	text-decoration:none;
}

#faqAccordion .btn-link {
font-weight: 400;
color: var(--dark);
text-decoration: none;
font-size: 15px;
white-space: normal;
word-wrap: break-word;
}

#faqAccordion .btn-link:hover {
text-decoration: none;
color: var(--orange);
}

#faqAccordion .btn-link i {
transition: transform 0.3s ease;
color: var(--orange);
}

#faqAccordion .collapsed i {
transform: rotate(0deg);
}

#faqAccordion .btn-link[aria-expanded="true"] i {
transform: rotate(180deg);
}

#faqAccordion .card-body {
background-color: #fff;
color: #444;
font-size: 15px;
}

@media (max-width: 991px){
	.faQArea [class^=col-]{margin-bottom:30px;}
	.faQArea [class^=col-] h4{font-size:18px; text-align:center;}
}
@media (max-width: 767px){
	.faQArea{padding:30px 0;}
	.faQArea > img {border-radius: 50%; position:static; width: 700px; max-width: 80%; margin: 0 auto; display: block;}
}

@media (max-width: 500px){
.faQArea svg{position: relative; top: -220px; margin-bottom: -200px;}
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1280px){
	
	.aboutArea h1 {  font-size: 25px;  margin-bottom: 10px;}	
	.sliderContent h2 {  text-shadow: rgba(0,0,0,0.8) 3px 0 10px;  font-weight: 400;  font-size: 22px;  color: #fff;}	
	.highlightArea h2{font-size: 22px;}
	.testimonialsArea h2 {font-size: 22px;}	
	.visionArea h2 {  font-size: 22px;}	
	.accordion .btn-link {  font-size: 1rem;}	
	.footerArea h4{font-size: 18px;}
	.serviceArea h2, .testimonialsArea h2 {font-size: 22px;}
	
	.nxtwelcomeArea h1 {  margin-bottom: 20px;  font-size: 25px;}
	
}



@media (max-width: 991px){
.headerArea{padding:0 0 10px;background:var(--shade); position:relative; background:var(--shade); top:0!important; z-index:999; margin-top:0; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.headerArea{left:0; right:0;}
.headerArea .logo{ text-align:center; width:360px; margin:0 auto;}
.logo > div > span{left:110px;}
.headerArea.sticky .logo > div > span{left:120px;}
.menu{border:none;}
.headerArea .col-lg-12{height:0;}
.project-slider{height:34vh;}
.project-slider .carousel-item img, .project-slider .carousel-item video{height:34vh; object-fit:cover}
.sliderContent a{display:none;}
.sliderContent h2{ font-size:24px; line-height:1.5}
.sliderContent{left:50%; top:65%; transform:translate(-50%,-50%); max-width:90%;text-align:center;}
.sliderContent p{display:none;}

.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:20px 5px; top:40%; font-size:14px;}
.modal-content .row [class^="col-"]:first-child{height:300px;}

.headerForm{position:static; width:100%;}

.formBox{background:#fff;}



.visionArea{margin:0; padding:60px 0 0;}
.visionArea > img{position: static; width: 100%; margin: 20px 0 0;}



.aboutArea h2{font-size:17px;}

.eventsArea .col-sm-6{margin-bottom:20px;}


.heroContent{width:95%;}
.heroContent a{padding:8px 15px; margin:1px;}
.scollershipCount [class^="col-"] > div p{font-size:14px;}
.whocanApply ul li{padding:15px 15px 15px 120px; min-height:90px;}
.stayConnectedArea{text-align:center;}
.resourcesforApplicants [class^="col-"]:first-child{display:none;}
	
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div {
  background: var(--blue) !important;
  text-align: center;
  display: block;
  overflow: hidden;
  padding: 5px;
  color: #222;
  position: relative;
  top: 0;
  margin-bottom: 0;
  border: 10px #fff solid;
}
}



@media (max-width: 767px){
.full2sideArea [class^="col-"] > div {padding: 40px;}
.full2sideArea > .row > [class^="col-"] > div{padding:40px;}
.topHeader [class^="col-"]:first-child ul li:last-child{display:none;}

.aboutArea{ padding:40px 0 80px;}
.aboutArea > div > .row > [class^="col-"]:first-child{margin-bottom:40px;}
.aboutArea > img{display:none;}

.highLightPoints > div{width:90%; padding:20px;}

.footerArea{ text-align:center; padding-bottom:20px;}
.footerArea [class^="col-"]{margin-bottom:20px;}
.footerArea ul{margin:10px 0;}

.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}

.quickEnquiry ul li{display:block; width:100%; margin:0 0 20px;}
.quickEnquiry > div > img{width:150px; border-radius:8px; margin:4px;}

.highLightPoints > div:after{display:none;}

.scholarshipHead a{padding:5px 5px 5px 10px; font-size:12px;}
.scholarshipHead select{width:100%; margin-top:15px;}

.scrollerHead{text-align:center;}
.scrollerHead [class^="col-"]{margin-bottom:10px;}
.scholarshipHead ul{margin:0; list-style-type:none; display:block;}
.scholarshipHead ul li{text-align:center; padding:5px 0;}

.accordion .btn-link.collapsed{text-align:left;}


.highLightPoints ul li{width:100%;}
.highlightArea .carousel-control-prev{left:15%;}
.highlightArea .carousel-control-next{right:15%;}
.highlightArea .carousel-control-prev, .highlightArea .carousel-control-next{top:-320px;}

.accordion .btn-link{font-size:12px; text-align:left;}

.clienteleArea h2{font-size:22px;}
.clienteleArea h3{font-size:17px; line-height:1.6;}
.nxtwelcomeArea .bginner{ background:#fff; padding:5px; }
	.contact .contact-text h3 {
  font-size: 15px;
  font-weight: 400;
  color: #000;
  padding: 0;
  margin: 0;
  line-height: 1;}

	.contact .contact-text a {
  
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}
	
}

@media (max-width: 500px){
	.topHeader .phone a{font-size:12px;}
    .nxtwelcomeArea h1 { font-size: 20px; }
	.sliderContent h2 {font-size: 18px; }
	.aboutArea h1 {font-size: 20px; }
	.project-slider .carousel-indicators {
		bottom: 20px;
	}
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
}


.resourcesforApplicants{display:block; overflow:hidden; padding:60px 0;}
.resourcesforApplicants h2{font-weight:600; margin-bottom:25px;}
.resourcesforApplicants [class^="col"] > a{display:block; overflow:hidden; clear:both; margin-bottom:16px; font-size:17px; padding:32px 15px; border-radius:15px; font-weight:700; text-align:center; background:var(--yellow); color:var(--blue);
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 4px 5px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.resourcesforApplicants [class^="col"] > a:hover{background:var(--blue); color:#fff;}

.beapartofChange{display:block; overflow:hidden; padding:60px 0; background:var(--yellow); color:var(--blue); text-align:center; font-size:18px;}
.beapartofChange h4{font-size:36px;}
.beapartofChange a{display:inline-block; padding:15px 35px; background:var(--blue); color:#fff; border-radius:50px; font-size:14px; margin-top:10px; text-transform:uppercase; font-weight:600;}
.beapartofChange a:hover{background:#fff; color:var(--blue);}
.beapartofChange a i{margin-right:7px;}


.scollerBoxes [class^="col-"]{margin-bottom:30px;}
.scollerBoxes [class^="col-"]:before{position:absolute; left:15px; right:15px;top:0; bottom:0; background:#fff; border:1px #ddd solid; z-index:-1; border-radius:15px; content:''; display:block;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.scollerBoxes a{ color:var(--blue); display:block; padding:20px; position:relative;}
.scollerBoxes a img{height:50px; border:1px var(--yellow) solid; border-radius:8px; padding:5px; background:#fff; margin-bottom:12px;}
.scollerBoxes a h4{font-size:20px; font-weight:600;}
.scollerBoxes a p{ position:relative; display:block; padding-left:25px; margin-bottom:12px;}
.scollerBoxes a p i{position:absolute; left:0; top:5px; color:var(--blue);}
.scollerBoxes a p strong{display:block; clear:both;}
.scollerBoxes a span{position:absolute; right:20px; top:30px; background:var(--blue);color:#fff; padding:6px 12px; border-radius:8px; font-size:12px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;}
.scollerBoxes a small{display:block; padding:8px 0 0; border-top:1px var(--blue) dotted; margin-top:5px;} 
.scollerBoxes [class^="col-"]:hover:before{background:var(--shade);}

.scholarshipHead{ display:block; overflow:hidden; padding:15px 0; background:var(--blue); color:#fff;}
.scholarshipHead a{display:inline-block; padding:10px 10px 10px 20px; background:var(--yellow); border-radius:30px; color:var(--blue);}
.scholarshipHead a strong{margin-left:5px; background:var(--blue); color:#fff; width:26px; height:26px; line-height:26px; font-size:12px; text-align:center; border-radius:50%; display:inline-block;}
.scholarshipHead a:hover{background:#fff;}
.scholarshipHead select{padding:8px 10px; background:#fff; border:none; border-radius:20px;}
.scholarshipHead select option{font-family: "Arimo";}

.scholarshipHead ul{margin:0; padding:0; list-style-type:none; display:flex; justify-content: space-between; gap: 10px;}
.scholarshipHead ul li{flex: 1; text-align:center;}
.scholarshipHead ul li a{display:block; width:100%; background:none; border:1px #fff solid; color:#fff;}
.scholarshipHead ul li.active a, .scholarshipHead ul li:hover a{background:var(--shade); color:var(--blue); font-weight:600; border-color:var(--yellow);}

.shorthead{height:350px;}
.scrollerHead{margin-bottom:30px;}
.scrollerHead img{ max-width:100%; width:150px;}
.scrollerHead h1{margin-bottom:0; font-size:22px; font-weight:700;}
.scrollerHead a{display:block; padding:12px;border-radius:50px; text-align:center; font-weight:600; text-transform:uppercase; background:var(--yellow); color:var(--blue);box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.scrollerHead a:hover{color:#fff;background:var(--blue);}

.innerContentArea section{background:#ebedf9; padding:20px; border-radius:10px; margin-bottom:30px; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 4px 5px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}
.innerContentArea section h3{background:var(--blue); color:#fff; padding:5px 15px; font-size:20px; border-left:4px var(--yellow) solid; border-radius:5px;}
.innerContentArea section#contact a{ color:var(--blue); font-size:18px; margin-right:15px;}
.innerContentArea section#contact a:hover{color:var(--yellow);}

.innerContentArea section#applynow a{display:inline-block; padding:10px 30px; border-radius:50px; text-align:center; font-weight:600; text-transform:uppercase; background:var(--yellow); color:var(--blue);}
.innerContentArea section#applynow a:hover{background:var(--blue); color:#fff;}

.skiptranslate a.VIpgJd-ZVi9od-l4eHX-hSRGPd{display:none;}

/*#google_translate_element .skiptranslate.goog-te-gadget > span{display:none!important;}*/
.translater{position: relative; right:0; top: 0px; margin: 10px 0;}
.goog-te-gadget .goog-te-combo{margin: 0!important; background:var(--yellow); color: #fff; border: 1px #ddd solid; padding: 8px; border-radius: 5px;}

.skiptranslate.goog-te-gadget > div{position: relative;  top: 15px;  z-index: 100;  margin-top: -15px;}

@media (max-width: 500px) {
	/*.translater{right: 60px; top: 0px;}*/
	.headerArea .text-lg-right a {
		padding: 8px 10px;
		margin: 0 10px;
		font-size: 12px;
		border-radius: 20px;
	}
}