@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css');
@font-face {
    font-family: 'UberMoveBold';
    src: url('../fonts/UberMoveBold.eot');
    src: url('../fonts/UberMoveBold.eot') format('embedded-opentype'),
         url('../fonts/UberMoveBold.woff2') format('woff2'),
         url('../fonts/UberMoveBold.woff') format('woff'),
         url('../fonts/UberMoveBold.ttf') format('truetype'),
         url('../fonts/UberMoveBold.svg#UberMoveBold') format('svg');
}
@font-face {
    font-family: 'UberMoveMedium';
    src: url('../fonts/UberMoveMedium.eot');
    src: url('../fonts/UberMoveMedium.eot') format('embedded-opentype'),
         url('../fonts/UberMoveMedium.woff2') format('woff2'),
         url('../fonts/UberMoveMedium.woff') format('woff'),
         url('../fonts/UberMoveMedium.ttf') format('truetype'),
         url('../fonts/UberMoveMedium.svg#UberMoveMedium') format('svg');
}
*{padding: 0;margin: 0;list-style-type: none;text-decoration: none;outline: none;box-sizing: border-box;}
body {margin: 0;padding: 0;position: relative;font-family: 'UberMoveMedium';overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;font-family: 'UberMoveMedium';}
p{font-size: 16px;font-weight: 400;padding: 0;margin: 0;font-family: 'UberMoveMedium';color: #000000;}
img {max-width: 100%;border: none;object-fit: cover;}
figure{margin: 0;padding: 0;}
a {text-decoration:none;transition: none;outline: none !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
ul{padding: 0;margin: 0;list-style-type: none;}
ul li{padding: 0;margin: 0;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}
.card, .card-header, .card-body, .card-footer{padding: 0;margin: 0;border: none;border-radius: 0;background-color: transparent;}
.p-80{padding: 80px 0;}
.btn {
    padding: 15px 25px;
    border-radius: 10px !important;
    outline: none;
    border: 1px solid;
    text-transform: uppercase;
}
.btn-primary{border-color: #E6A800;background-color: #E6A800;color: #ffffff;box-shadow: 0 0 10px 2px rgb(255 212 34 / 15%);}
.btn-primary:hover, .btn-primary:focus{border-color: #000000;background-color: #000000;color: #ffffff;box-shadow: none;}
/*menu CSS
--------------------------------------------------------------------------------------------------*/
.menu {
    margin-right: 15px;
}
.menu ul{margin:0;padding:0;font-size:0;}
.menu ul li {
    display: inline-block;
    padding: 0;
    list-style-type: none;
    position: relative;
    vertical-align: middle;
    margin-right: 20px;
    padding-right: 20px;
}
.menu ul li ul li{
    margin-right: 0;
}
.menu ul li span {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 10px;
}
.menu ul li span::after {
    content: '\f107';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-family: FontAwesome;
    font-size: 12px;
    color: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu ul li:hover span::after{
    color: #fcab1f;
}
.menu ul li:last-child{margin-right: 0;}
.menu ul li a {
    color: #ffffff;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    display: block;
    padding: 25px 0px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.menu ul li a::after{
    content: '';
}
.menu ul li a:hover, .menu ul li.active a {
    color: #FACC2E;
}

.headarea.innerheader .menu ul li a:after{ background: #000;}
.menu ul li a span {
    display: inline-block;
    vertical-align: 0px;
    margin-left: 6px;
    font-size: 10px;
}
.menu ul li.active a:after{ width: 100%; }
.menu ul li:hover ul li a:hover {
    color: #fff;
    background-color: #000000;
}
.menu ul li ul {
    width: 240px;
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    z-index: 2;
    background-color: #fcab1f;
    text-align: left;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 4px 15px rgb(0 0 0 / 3%);
}
.menu ul ul li:first-child:before{display:none;}
.menu ul ul li:after{display:none;}
.menu ul li:last-child ul{width:220px;position:absolute;top:100%;left:auto;right:0;z-index:2;background-color:#ffffff;box-shadow:0px 5px 14px rgb(0 0 0 / 2%);text-align:left;}
.menu ul li ul li a {
    font-size: 14px;
    text-transform: none;
    padding: 12px 15px;
    color: #000;
    line-height: 20px;
    font-weight: 500;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    display: block;
    margin: 0;
}
.menu ul li ul li ul{top:10px;left:149px;}
.menu ul li ul li span{right:7px;top:12px;}
.menu ul li a:hover.menu ul li ul{display:block;}
.menu ul li ul li{display:block;padding:0;border-bottom:solid 1px rgb(255 255 255 / 7%);border-right:none;}
.menu ul li ul li:last-child{border:none;}
.menuButton{width:40px;height:35px;padding:5px;float:right;display:none;}
.menuButton span{width:100%;height:3px;background:#ffffff;margin-bottom:6px;float:left;transition:all 0.3s ease-in-out 0s;}
.menuButton span:last-child{margin-bottom:0;}
@media (min-width:991.98px){.menu ul{display:block!important;}
 .menu ul li:hover > ul{opacity:1;top:100%;visibility:visible;}
}
@media (max-width:991.98px){.menuButton{display:block;margin-left:15px;cursor:pointer;}
 .menu ul li span{background:url(../images/menu_arrow.png) center center no-repeat;cursor:pointer;width:15px;height:15px;position:absolute;right:15px;top:20px;z-index:99;}
 .menu ul li:hover span{background:url(../images/menu_arrow_hover.png) center center no-repeat;}
 .arrow_change span:nth-child(2){display:none;}
 .arrow_change span:first-child{position:relative;top:9px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
 .arrow_change span:last-child{position:relative;top:1px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
 .menuBar{padding:15px 0;}
 .menu{padding:5px 0;}
 .menu ul{display:none;background-color:#fff;position:absolute;top:100%;left:0;width:100%;z-index:99;}
 .menu ul li a{color:#071731;display:block;width:100%;font-size:14px;}
 .menu ul li ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;padding:0;visibility: initial;opacity: 1;}
 .menu ul li:last-child ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;}
 .menu ul li{display:block;padding:10px 15px 10px 15px;border-top:1px solid #cccccc54;text-align:left;position:relative;}
 .menu ul li span{position:absolute;right:30px;z-index:99;cursor:pointer;top:12px;text-align:center;}
 .menu ul li ul li ul{top:0;left:0;}
 .menu ul li ul li a{font-size: 12px;text-transform: none; background-color: #e1e1e1; padding: 8px 12px;color: #000;}
}
/*-- footer area start --*/
.footer-area{
    background-color: #323638;
    border-top: 5px solid #F6BC1A;
    padding: 30px 0 30px;
}
.footer-nav {
    padding: 0 0 40px;
    margin: 0 0 40px;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}
.footer-nav ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-nav ul li {
    padding-right: 35px;
    margin-right: 35px;
    position: relative;
}
.footer-nav ul li:last-child{
    padding-right: 0;
    margin-right: 0;
}
.footer-nav ul li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 70%;
    background-color: #ffffff;
    transform: translate(0px, 4px);
}
.footer-nav ul li:last-child::after{
    display: none;
}
.footer-nav ul li a{
    font-size: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.footer-nav ul li a:hover{
    color: #F6BC1A;
}
.footer-body-list{
    position: relative;
}
.footer-body-list:nth-child(1){order: 1;}
.footer-body-list:nth-child(2){order: 3;}
.footer-body-list:nth-child(3){order: 2;}
.footer h6{
   color: #AEA9A9;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 26px;
  margin: 0px;
    margin-right: 0px;
  letter-spacing: 2px;
  margin-right: 15px;
}
.footer ul.social-link li{
    display: inline-block;
    margin-right: 10px;
}

.footer{display: flex;
  align-items: center;}
.footer ul.social-link li a {
    width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  padding: 10px;
}
.footer ul.social-link li a:hover{
    background-color: #ffffff;
}
.footer ul.social-link li a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer ul.social-link li a:hover img{
    filter: brightness(0) saturate(100%) invert(17%) sepia(13%) saturate(166%) hue-rotate(155deg) brightness(94%) contrast(88%);
}
.subscribe-box {
    width: 100%;
    max-width: 472px;
    margin: 0 auto;
    border: 1px solid #FFFFFF;
    padding: 8px;
    padding-left: 20px;
    border-radius: 12px;
}
.subscribe-box .form-control{
    border: none;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    font-size: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.subscribe-box .form-control::placeholder{
    font-size: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.subscribe-box .form-control:focus{
    box-shadow: none;
}
.copyright {
    border-top: 1px solid rgb(255 255 255 / 30%);
    text-align: center;
    padding-top: 25px;
    width: 100%;
    max-width: 90%;
    margin: 30px auto 0;
}
.copyright p {
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
}
.copyright a{
    color: #E6A800;
}
.footer .footer-call{
    font-size: 22px;
    color: #ffffff;
}
.footer .footer-call:hover{
    color: #E6A800;
}
.footer-contact h6 {
    margin-bottom: 5px;
}
.footer-contact{
   margin-bottom: 0px;
  margin-left: 26px;
}
.footer-body-list::after {
    content: '';
    position: absolute;
    top: 0;
    right: 12px;
    width: 1px;
    height: 100%;
   
}
.footer-body-list:nth-child(2)::after{
    display: none;
}
/*-- footer area stop --*/
/*-- heading area start --*/
.heading{
    margin: 0 0 30px;
}
.heading h3 {
    font-size: 35px;
  line-height: 40px;
  color: #000000;
  position: relative;
  padding: 0 0 15px;
  margin: 0 0 0;
}
.heading h3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 165px;
    height: 1px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/line.png);
}
/*-- heading area stop --*/
/*-- news area start --*/
.news-box .imgbox{
    display: flex;
    border-radius: 10px;
    height: 440px;
    overflow: hidden;
    position: relative;
}
.news-box .imgbox img{
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.news-box:hover .imgbox img{
    transform: scale(1.1);
}
.news-box .news-infobox{
    padding-top: 20px;
}
.news-box .news-infobox h3 {
    font-size: 22px;
    line-height: 32px;
    color: #000000;
    position: relative;
    padding-left: 100px;
}
.news-box .news-infobox h3::before {
    content: '';
    position: absolute;
    top: 17px;
    left: 18px;
    width: 100%;
    max-width: 70px;
    height: 1px;
    background-color: #000000;
}
.news-box .imgbox .date-tag {
    font-size: 14px;
    color: #000000;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 12px 24px 12px 45px;
    position: absolute;
    top: 15px;
    right: 15px;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
}
.news-box .imgbox .date-tag::before {
    content: '\f017';
    position: absolute;
    top: 10px;
    left: 24px;
    font-size: 16px;
    font-family: FontAwesome;
    color: #000000;
}
.news-box .imgbox::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;
}
.news-box .imgbox:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.news-slider-area {
    padding-left: 9%;
}
.news-area .heading {
    width: 100%;
    max-width: 1105px;
    margin: 0 auto 30px;
}
@-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;
	}
}
/*-- news area stop --*/
/*-- testimonial area start --*/
.testimonial-area .heading{
    width: 100%;
    max-width: 570px;
    margin: 0 auto 40px;
    padding-bottom: 35px;
    text-align: center;
    position: relative;
}
.testimonial-area .heading h3::after{
    display: none;
}
.testimonial-area .heading::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 165px;
    height: 1px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/line.png);
    margin: 0 auto;
}
.testimonial-box{
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #E0DCDC;
    background-color: #F9F9F9;
}
.testimonial-box p{
    color: #595656;
    font-size: 16px;
    line-height: 26px;
}
.testimonial-box .testimonial-media{
    margin-bottom: 25px;
}
.testimonial-box .testimonial-media .media-icon {
    width: 100%;
    max-width: 95px;
    height: 95px;
    display: inline-flex;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}
.testimonial-box .testimonial-media .media-icon img{
    width: 100%;
    object-fit: cover;
}
.testimonial-box .testimonial-media .media-body{
    position: relative;
    padding-left: 20px;
    padding-right: 0;
}
.testimonial-box .testimonial-media .media-body h4 {
    color: #000000;
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 4px;
}
.testimonial-box .testimonial-media .media-body h5 {
    color: #6E6C6C;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 8px;
}
.testimonial-box .testimonial-media .media-body .star {
    color: #E6A800;
    font-size: 12px;
}
.testimonial-box .testimonial-media .media-body::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 55px;
    height: 40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/shape1.png);
}
.owl-dots .owl-dot span{
    display: none !important;
}
.owl-dots .owl-dot{
    margin-right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: none !important;
    background-color: #AAA7A7 !important;

}
.owl-dots .owl-dot:last-child{
    margin-right: 0;
}
.owl-dots .owl-dot.active{
    background-color: #2C2C2C !important;
}
.owl-nav .owl-prev span, .owl-nav .owl-next span{
    display: none;
}
.owl-nav .owl-prev , .owl-nav .owl-next{
    width: 40px;
    height: 40px;
    position: relative;
    border: 1.5px solid #000000 !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    transition: 0.5s;
    margin: 0 20px !important;
    background-size: 40% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: url(../images/arrow-left.png) !important;
}
.owl-nav .owl-prev:hover , .owl-nav .owl-next:hover{
    background-color: #E6A800 !important;
    border-color: #E6A800 !important;
}
.owl-nav .owl-next{
    transform: rotate(180deg);
}
.testimonial-carousel .owl-nav {
    position: relative;
    top: 40px;
}
/*-- testimonial area stop --*/
/*-- video area start --*/
.video-box{
    height: 445px;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    position: relative;
}
.video-box img{
    width: 100%;
    object-fit: cover;
}
.video-box .video-popup{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #eb2055; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 90px;
  height: 90px;
  background: rgb(255 255 255 / 50%);
  border-radius: 50%;
  animation: pulse-border 1100ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: rgb(255 255 255 / 50%);
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 19px solid #fff;
	border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 10px;
  left: 5px;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-area{
    background-color: #D58400;
}
.video-area .heading{
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
}
.video-area .heading::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 165px;
    height: 1px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/line.png);
    filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(17%) hue-rotate(122deg) brightness(107%) contrast(105%);
}
.video-area .heading h3::after{
    display: none;
}
.video-area .video-heading {
    font-size: 25px;
    font-family: "Fredoka", sans-serif;
    color: #ffffff;
    line-height: 34px;
    padding-left: 40px;
}
.video-area .heading h3, .video-area .heading p{
    color: #ffffff;
}
.video-carousel{
    position: relative;
}
.video-carousel .owl-dots {
    position: absolute;
    bottom: 40px;
    left: -100px;
}
.video-carousel .owl-dots .owl-dot {
    background-color: rgb(255 255 255 / 40%) !important;
}
.video-carousel .owl-dots .owl-dot.active{
    background-color: #000000 !important;
}
.video-carousel .owl-nav{
    position: absolute;
    bottom: 0;
    left: 0;
}
.video-carousel .owl-nav {
    position: absolute;
    bottom: 24px;
    left: -167px;
}
/*-- video area stop --*/
/*-- imagegallery area start --*/
.imagegallery-area .heading{
    text-align: center;
}
.imagegallery-area .heading h3::after{
    right: 0;
    margin: 0 auto;
}

.demo-wrap .demo {
  position: relative;
  -webkit-user-select: none;
}

.slide-wrap {
  height: 450px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.slide-wrap li {
  display: none;
  width: 300px;
  position: absolute;
  z-index: 0;
  overflow: hidden;
  box-shadow: 0px 10px 20px #888;
}

.slide-wrap .inner {
  position: relative;
  border: 3px solid #ecfdfd;
  border-radius: 5px;
}

.slide-wrap .inner a {
  text-decoration: none;
  border: none;
  outline: none;
}


.slide-wrap img {
    width: 100%;
    border: none;
    outline: none;
    height: 100%;
    object-fit: cover;
}

.slide-wrap .pos1 {
    display: block;
    width: 225px;
    height: 288px;
    top: 60px;
    left: 6%;
    z-index: 1;
}

.slide-wrap .pos2 {
    display: block;
    width: 275px;
    height: 356px;
    top: 35px;
    left: 20%;
    z-index: 2;
}

.slide-wrap .pos3 {
    display: block;
    width: 340px;
    height: 442px;
    top: 0;
    left: 35%;
    z-index: 3;
}

.slide-wrap .pos4 {
    display: block;
    width: 275px;
    height: 356px;
    top: 35px;
    right: 20%;
    z-index: 2;
}

.slide-wrap .pos5 {
    display: block;
    width: 225px;
    height: 288px;
    top: 60px;
    right: 6%;
    z-index: 1;
}

.slide-wrap .inner {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.arrow {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #000000;
    position: absolute;
    top: 185px;
    z-index: 10;
    cursor: pointer;
    font-size: 22px;
    line-height: 43px;
    text-align: center;
    font-style: normal;
}
.arrow:hover{
    background-color: #E6A800;
    color: #ffffff;
}

.prev {
  left: 44px;
  background-position: 0px 0px;
}

.next {
  right: 44px;
  background-position: -52px 0px;
}
/*-- imagegallery area stop --*/

/*-- press area start --*/
.card.blogcard .card-img{
    overflow: hidden;
    height: 205px;
    border-radius: 15px;
    margin-bottom: 15px;
    position: relative;
}
.card.blogcard .card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
}
.card.blogcard .card-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;
}
.card.blogcard .card-img:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.card.blogcard:hover .card-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.card.blogcard .card-body{
    padding-bottom: 20px;
}
.card.blogcard .card-body p{
    color: #2E2D2D;
}
.card.blogcard .card-body .date-box {
    border-top: 1px solid #CDCDCD;
    padding-top: 20px;
    margin-top: 20px;
}
.card.blogcard .card-body .date-box .link {
    border: 1px solid #8C8C8C;
    width: 100%;
    max-width: 38px;
    height: 38px;
    border-radius: 100%;
    color: #000000;
    transform: rotate(-35deg);
    -webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
}
.card.blogcard:hover .card-body .date-box .link{
    border-color: #e6a800;
    background-color: #e6a800;
    color: #ffffff;
}
.card.blogcard .card-body .date-box .datetext .date {
    color: #E6A800;
    font-size: 46px;
    line-height: 46px;
    padding-right: 10px;
}
.card.blogcard .card-body .date-box .datetext .datemonth{
    padding-left: 10px;
    border-left: 1px solid #A3A3A3;
}
.card.blogcard .card-body .date-box .datetext .datemonth h5{
    color: #3C3C3C;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 5px;
}
.card.blogcard .card-body .date-box .datetext .datemonth h6{
    color: #000000;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 0;
}
.card.blogcard {
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
    padding: 12px;
    border-radius: 15px;
    border: 1px solid #fff;
    transition: 0.5s;
}
.card.blogcard:hover {
    border: 1px solid #e6a800;
}
/*-- press area stop --*/
/*-- education area start --*/
.education-area .heading{
    text-align: center;
}
.education-area .heading h3::after{
    right: 0;
    margin: 0 auto;
}

.accordionServiceList .accordion-item {
    margin-bottom: 15px;
    border: none;
    border-radius: 15px;
    overflow: hidden;
}
.accordionServiceList .accordion-item .accordion-header .accordion-button {
    background-color: transparent;
    font-size: 30px;
    color: #000000;
    padding: 22px 75px;
    position: relative;
    box-shadow: none;
    border: 1px solid #201F1E;
    background-color: #201F1E;
    border-radius: 15px;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #ffffff;
}
.accordionServiceList .accordion-item .accordion-header .accordion-button.collapsed{
    border-bottom: 1px solid;
    border-color: #EBD19C;
    background-color: #F9F9F9;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #000000;
}
.accordionServiceList .accordion-item .accordion-header .accordion-button .count {
    position: absolute;
    top: 23px;
    left: 30px;
}
.accordionServiceList .accordion-item .accordion-header .accordion-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 25px;
    width: 100%;
    max-width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff !important;
    background: url(../images/accordian-arrow.png) no-repeat;
    background-size: 30%;
    background-position: center;
    padding: 20px;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 5%);
    transform: rotate(0deg);
}
.accordionServiceList .accordion-item .accordion-header .accordion-button.collapsed::after{
    transform: rotate(75deg);
}
.accordionServiceList .accordion-item .accordion-collapse .accordion-body {
    padding: 0 75px;
    background-color: #f9f9f9;
    border: 1px solid #ebd19c;
    border-top: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.accordionServiceList .accordion-item .accordion-collapse .accordion-body p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #000000;
}
.accordionServiceList .accordion-item .accordion-collapse .accordion-body .imgbox {
    width: 100%;
    max-width: 650px;
    height: 288px;
    margin: 40px auto 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    overflow: hidden;
}
.accordionServiceList .accordion-item .accordion-collapse .accordion-body .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.accordionServiceList .accordion-item .accordion-collapse.show .accordion-body{
    background-color: #201F1E;
}
.accordionServiceList .accordion-item .accordion-collapse.show .accordion-body p{
    color: #ffffff;
}
.accordionServiceList .accordion-item .accordion-collapse.show .accordion-body{
    border-color: #201F1E;
}
.accordionServiceList, .faq-accordion {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
/*-- education area stop --*/
/*-- milestones area start --*/
.milestones-info-box{
    background-color: #D89429;
    padding: 25px;
}
.milestones-info-box h4 {
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 8px;
    color: #ffffff;
}
.milestones-info-box p {
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
}
.milestones-img-box{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
}
.milestones-img-box img{
    width: 100%;
    object-fit: cover;
}
.milestones-list-box:nth-child(1){
    order: 2;
}
.milestones-list-box:nth-child(2){
    order: 1;
}
.milestones-list-box:nth-child(3){
    order: 3;
}
.milestones-list-box:nth-child(4){
    order: 4;
}
.milestones-list-box:nth-child(5){
    order: 6;
}
.milestones-list-box:nth-child(6){
    order: 5;
}

.milestones-area .heading h3{
    margin-bottom: 25px;
}
.milestones-area .heading p{
    margin-bottom: 0px;
}

.boxarea{background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #ddd;
  padding: 20px;
  margin-bottom: 10px;}

.milestones-area {
    border-top: 1px solid #e5e5e591;
  border-bottom: 1px solid #e5e5e591;
  background: #ebebeb4a;
  padding: 60px 0px;
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  font-weight: 500;
  color: #000;
}
/*-- milestones area stop --*/
/*-- about area start --*/
.about-media{
    flex-direction: row-reverse;
    align-items: end;
}
.about-media .media-img {
    display: inline-flex;
    width: 100%;
    max-width: 560px;
    height: 748px;
    position: relative;
    padding-right: 40px;
    padding-bottom: 40px;
}
.about-media .media-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.about-media .media-img::before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 224px;
    height: 80%;
    background-color: #E6A800;
}
.about-media .media-body {
    padding: 140px 35px;
    position: relative;
}
.about-media .media-body::after{
    content: '';
    position: absolute;
    top: 0;
    right: -100px;
    width: 100%;
    max-width: 100px;
    height: 100%;
    background-color: #ffffff;
}
.about-media .media-body h2{
    font-size: 42px;
    line-height: 52px;
    color: #000000;
    position: relative;
    padding: 0 0 15px;
    margin: 0 0 30px;
}
.about-media .media-body h2::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 165px;
    height: 1px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/line.png);
}
.about-media .media-body p{
   margin-bottom: 20px;
  font-size: 20px;
  line-height: 35px;
}
.p-40{ padding: 40px 0px;}
.milestones-area10 ul{ padding: 0px 0px 0px 30px; margin: 0px;}
.milestones-area10 ul li{ margin-bottom: 10px;list-style: outside;}
/*-- about area stop --*/
/*-- banner-area start --*/
.banner-area{
    height: 100dvh;
    background: #D58400;
    background: -webkit-linear-gradient(180deg, rgba(213, 132, 0, 1) 0%, rgba(230, 169, 0, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(213, 132, 0, 1) 0%, rgba(230, 169, 0, 1) 100%);
    background: linear-gradient(180deg, rgba(213, 132, 0, 1) 0%, rgba(230, 169, 0, 1) 100%);
}
.banner-media-box{
    height: 100dvh;
    position: relative;
}
.banner-media-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: -4000px;
    width: 4000px;
    height: 100%;
    background-color: #3A3A3A;
}
.banner-media-box .media-img {
    width: 100%;
    max-width: 780px;
    height: 100%;
    position: relative;
}
.banner-media-box .media-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 2;
}
.banner-media-box .media-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 385px;
    height: 100%;
    background-color: #3A3A3A;
}

.header-area .logo a{font-size: 35px;
  color: #fff;}
.banner-media-box .media-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 675px;
    height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner-bg-shape.png);
}
/* .banner-media-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 97%;
    height: 420px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner-bg-shape2.png);
    z-index: 1;
} */
.banner-media-box .media-body {
   padding-bottom: 150px;
  position: relative;
}
.banner-media-box .media-body h1{
    font-size: 34px;
    line-height: 44px;
    color: #ffffff;
    margin: 0 0 20px;
}
.banner-media-box .media-body p{
    width: 100%;
    max-width: 478px;
    color: #ffffff;
    margin: 0 0 20px; 
}
.banner-media-box .media-body .btn{
    border-color: #ffffff;
    color: #ffffff;
}
/*-- banner-area stop --*/
/*-- header area start --*/
.header-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 91;
}
.header-area .logo {
    width: 100%;
    max-width: 270px;
}
.header-area .logo img{
    width: 100%;
    object-fit: cover;
}
.header-area .btn{
    padding: 10px 20px;
    border-color: #ffffff;
    color: #ffffff;
}
.header-area .btn:hover{
    background-color: #ffffff;
    color: #000000;
}
.header-area.fix{
    background-color: #3A3A3A;
    position: fixed;
    top: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
/*-- header area stop --*/


table {
  caption-side: bottom;
  border-collapse: collapse;
  width: 100%;
}


.blogcard_seclist {
    width: 100%;
    transition: 0.6s;
}

.blogcard_seclistpic {
    height: 250px;
    position: relative;
    display: flex;
    border-radius: 12px;
    overflow: hidden;
}
.boxarea101{ height:340px;overflow: auto;}
.blogcard_seclistpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

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

.blogcard_seclist:hover {
    margin-top: -7px;
}

.blogcard_seclist_text {
    width: 100%;
    text-align: center;
    padding: 15px;
}

.blogcard_seclist_text h5{
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.blogcard_sec p, .blog_secleft p {
    color: #dbdbdb;
}


.accordion-button:focus {
    box-shadow: none;
}

.blogcard_seclist{padding: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;}

.blogcard_seclistpic{ height:350px}
.blogcard_seclistpic img{ width:100%; height:100%; object-fit:cover;}




.innerbanner { background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important; height: 300px; position: relative; display: flex; align-items: center;}
  .innerbanner::after{ position: absolute; content: ""; width: 100%; height: 100%; background: #102237A1; top: 0px; left: 0px;}
.innerbannertext h1 {font-size: 65px;color: #fff; line-height: 70px; margin-bottom: 10px; font-weight: bold;
  letter-spacing: 3px; text-transform: uppercase;}
  .innerbannertext{ position: relative; z-index: 9;margin-top: 80px;text-align: center;}
.contactinner{background-position: center !important;}
.innerbanner ul{ padding: 0px; margin: 0px;}
.innerbanner ul li{ display: inline-block; border-right: 1px solid #fff; color: #fff; text-transform: capitalize;margin: 0px 10px 15px 0px;
  padding: 0px 10px 0px 0px;line-height: 15px;font-size: 20px;}
.innerbanner ul li:last-child{ border-right: 0px solid #fff;}
.innerbanner ul li a{ color: #fff; text-transform: capitalize;}

.blogcard_seclist_text h5 a{ color:#000;}