@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
*{
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
}

td{ width:15%}
th{ width:15%}

body {
  margin: 0;
  padding: 0;
   font-family: "Outfit", sans-serif;
}
h1, h2, h3, h4, h5, h6{font-family: "Outfit", sans-serif;margin: 0px;}
p{ font-family: "Outfit", sans-serif; font-size: 17px;font-weight: 400;padding: 0; margin-bottom:10px;line-height: 27px;color: #000000;}
ul, li{padding: 0;margin: 0;list-style-type: none;}
img {
  max-width: 100%;
  border: none;
}
a {
  text-decoration: none;
  outline: none !important;
}
.p-70{padding: 70px 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; 
}
.btn {
 transition: 0.5s;
  padding: 9px 25px;
  font-size: 15px;
  font-weight: 400;
  border: 1px solid #f41100;
  color: #000;
  border-radius: 25px;
}
.btn:hover{background: #f41100;color: #fff; border: 1px solid #f41100;transition: 0.5s;}
.btn-primary{
  border-color: #D19B45;
  background-color: #D19B45;
  color: #ffffff;
  padding: 11px 23px;
  margin-top: 10px;
  display: inline-flex;
  border-radius: 5px;
}
.btn-primary:hover, .btn-primary:focus{
  box-shadow: none;
  border-color: #D6AB80;
  background-color: #D6AB80;
  color: #ffffff;
}
.btn-white{
  border-color: #ffffff;
  background-color: #ffffff;
  color: #000000;
}
.btn-white:hover, .btn-white:focus{
  box-shadow: none;
  border-color: #D6AB80;
  background-color: #D6AB80;
  color: #ffffff;
}
.btn-view {
  border: 1px solid #D9AF7F;
  color: #ffffff;
  position: relative;
  padding: 15px 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 17px;
  font-weight: 500;
  transition: 0.5s;
  z-index: 1;
}
.btn-view:hover{
  background-color: #D9AF7F;
}
.btn-view::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  border: 1px solid #D9AF7F;
  z-index: -1;
  transition: 0.5s;
}
.btn-view:hover::after{
  opacity: 0;
}

.logoarea h2{font-size: 20px;
  margin-left: 10px;}
.headertext{ margin-bottom: 35px;}
.headertext h4{color: #31136C; font-size: 48px; font-weight: bold;margin-bottom: 15px;}
.headertext h3{ position: relative;font-size: 48px;color: #31136C;font-weight: 500;line-height: 50px; margin-bottom: 10px;}
.clients_sec101 ul{ padding:0px; margin:0px}
.clients_sec101 ul li{display: inline-block; color: #fff; margin: 0px 5px; font-size: 20px;}
marquee p{ font-size:20px;}
/*menu CSS
--------------------------------------------------------------------------------------------------*/
.menu {
  margin-right: 25px;
  padding: 5px 0px;
  border-radius: 50px;
}
.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;}
.menu ul li.active{
  position: relative;
}
.menu ul li.active::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  max-width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/menu-active-shape.svg);
}
.menu ul li span{
    position: absolute;
    top: 14px;
    right: 0;
    display: none;
}
.menu ul li span::after {
    content: '\f107';
    color: #000000;
    font-family: FontAwesome;
    font-size: 10px;
}
.menu ul li:hover span::after{
  color: #f7c624;
}
.headarea.innerheader .menu ul li a{ color: #fff; }
.menu ul li a {
  color: #000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 400;
  display: block;
  padding: 4px 0px;
  margin: 0 25px;
  position: relative;
  
}
.menu ul li.active a {
  color: #4cb050;
}
.menu ul li a:hover {
  color: #4cb050;
}
.menu ul li.active a::after{width: 100%;}
.menu ul li a span {
    display: inline-block;
    vertical-align: 0px;
    margin-left: 6px;
    font-size: 10px;
}
.menu ul li a .arrow-icon {
  display: inline-block;
  font-size: 10px;
  margin-left: 5px;
}
.menu ul li:hover ul li a:hover {
  color: #fff;
  background-color: #D6AB80;
}
.menu ul li ul {
    width: 240px;
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    z-index: 2;
    background-color: #ffffff;
    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;
    border-radius: 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: 2px;
	background: #000;
	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;}
}
/*-- menu stop --*/
/*-- header area start --*/
.header-area {position: relative; top: 0; left: 0; width: 100%; z-index: 999;padding: 10px 0px;}
.header-body .logo{width: 100%; max-width: 70px; }
.header-body .logo img{width: 100%;object-fit: cover;}
.manubar{width: 60px;
  height: 60px;
  display: flex;
  background: #ffc000;
  align-items: center;
  justify-content: center;
  color: #000;
  margin-left: 100px;}
.header-right .loginbox .btn{
  font-size: 17px;
  padding: 9px 28px;
  border: 1px solid #890101;
  border-radius: 25px;
  text-align: center;
  color: #fff;
  display: inline-block;
  background: #870000;
  transition: 0.5s;
}
.header-right .loginbox .btn:last-child{
  margin-right: 0;
}
.header-right .btn-cart {
  margin-right: 10px;
  border: 1px solid #363635;
  background-color: #363635;
  width: 100%;
  min-width: 45px;
  max-width: 45px;
  height: 45px;
  border-radius: 100%;
  cursor: pointer;
  padding: 11px;
  transition: 0.5s;
  position: relative;
}
.header-right .btn-cart img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header-right .btn-cart .cart-number-count {
  position: absolute;
  top: -12px;
  right: -6px;
  background-color: #363635;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #fff;
  color: #fff;
  border-radius: 50%;
  font-size: 10px;
}
.header-right .btn-cart:hover{
  border-color: #D6AB80;
  background-color: #D6AB80;
}
.headerrightin h6 a{font-size: 22px; color: #000; font-weight: 500;}
/*-- header area stop --*/

@media screen and (min-width: 360px) {.header-area.fix { position: fixed; width: 100%;left: 0;top: 0;background-color: #fff !important;border: none;z-index: 999;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;
  animation-fill-mode: both;-webkit-animation-name: fadeInDown; animation-name: fadeInDown; box-shadow: 1px 1px 7px rgba(165, 165, 165, 0.31);padding: 10px 0px;}
.header-area.fix .header-body .logo {
  width: 100%;
  max-width: 70px;



  
}
.header-area.fix .menu ul li a{ color: #000;}

}



  
/*-- banner area start --*/
.hero{ position: relative;}
video { display: inline-block; vertical-align: baseline; width: 100%; position: relative;}
.hero::after{ position: absolute; content: ""; width: 100%; height: 99%; background: #00000000; top: 0px;}

.bannertext{position: absolute; top: 40%;width: 50%; z-index: 9;}
.bannertext h1{font-size: 100px; color: #fff; font-weight: bold; line-height: 77px;margin-bottom: 20px;text-shadow: 0px 3px 0px #000;}
.bannertext p{color: #fff;margin-bottom: 30px;font-size: 25px;}
.bannertext .btn{background: #4cb050; color: #fff; border: 1px solid #4cb050;}



/*-- banner area stop --*/
.about1250 .headertext {position: relative; width: 65%; margin: 0 auto 0px;}
.about1250 .container{ position: relative;}
.about1250 .aboutimg145{position: absolute; top: 0px; right: 0px; width: 200px;}
.about1250 .aboutimg145 img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.projectarea20{ position: relative;transition: all .3s ease-in-out;}

.trustees-carousel .owl-item.active.center{position: relative; z-index: 9;}
/* .trustees-carousel .owl-item.active.center .project-image-box15{transform: scale(1.2); width: 350px;
  position: relative; left: -50px;border-radius: 20px; transition: all .3s ease-in-out;} */
/*   .trustees-carousel .owl-item.active.center .project-image-box15 img{border-radius: 20px;} */
.project-image-box15 { height: 550px; border-radius: 0px; overflow: hidden; transition: all .3s ease-in-out;
  position: relative;}
/*   .project-image-box15::after{ position: absolute; content: "";background: #000;
background: linear-gradient(359deg, rgba(0, 0, 0, 0.59) 38%, rgba(0, 0, 0, 0.02) 100%);top: 0px; width: 100%;
  height: 100%;} */

.aboutvideo .container{ position: relative;}
.aboutimg1451{position: absolute; top: -40px; width: 170px; height: 170px; left: 0px;}
.aboutimg1451 img, .aboutimg1452 img, .aboutimg1453 img{width: 100%; height: 100%; object-fit: cover;border-radius: 15px;}
.aboutimg1452{position: absolute;bottom: 0px;width: 190px;height: 190px; left: 80px;}
.aboutimg1453{position: absolute; top: 150px; width: 190px; height: 190px; right: 0px;}


.trustees-carousel .owl-nav {width: 100%; box-sizing: border-box; position: absolute; border: 0px; text-align: center; margin-top: 25px; right: 0; z-index: 1; top: 40%;display: block !important;}
.trustees-carousel .owl-nav .owl-prev span, .trustees-carousel .owl-nav .owl-next span{ font-size: 0px; }
.trustees-carousel .owl-nav .owl-prev, .trustees-carousel .owl-nav .owl-next {display: inline-block;
width: 50px;height: 50px;box-sizing: border-box;border-radius: 50%;position: relative;outline: none;-webkit-transition: 0.5s;
-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;background: #fff!important;border: 1px solid #000!important;
box-shadow: none;}
.trustees-carousel .owl-nav .owl-prev:hover, .trustees-carousel .owl-nav .owl-next:hover {
background: #fff!important;box-shadow: none;border-color: #be161e!important;}
.trustees-carousel .owl-nav .owl-prev:after {content: "\f060";position: absolute;font-family: "FontAwesome";
top: 5px;left: 0;right: 0;margin: auto;font-size: 25px;color: #000;-webkit-transition: 0.5s;-moz-transition: 0.5s;
-o-transition: 0.5s;transition: 0.5s;}
.trustees-carousel .owl-nav .owl-next:after {content: '\f061';font-family: "FontAwesome";position: absolute;
top: 5px;left: 0;right: 0;margin: auto;font-size: 25px;color: #000;-webkit-transition: 0.5s;-moz-transition: 0.5s;
-o-transition: 0.5s;transition: 0.5s;}
.trustees-carousel .owl-nav .owl-next:hover:after{color:#be161e;}
.trustees-carousel .owl-nav .owl-prev:hover:after{color:#be161e;} 
.trustees-carousel .owl-nav .owl-prev{margin-right: 10px; left: -70px; position: absolute;}
.trustees-carousel .owl-nav .owl-next{margin-right:0px;right:-70px;position:absolute;}


.project-image-box10{ position: relative;width: 700px; margin: 0 auto;height: 400px;}
.project-image-box10 img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.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;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%) ranslateY(-50%);display: block;width: 75px;height: 75px;background: #fff;border-radius: 50%;animation: pulse-border 1500ms 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: 70px;height: 70px;background: #fff;border-radius: 50%;transition: all 200ms;}
.video-play-button:hover:after {background-color: darken(#0098db, 10%);}
.video-play-button span {display: block;position: relative;z-index: 3;width: 0;height: 0;border-left: 18px solid #4cb050;
border-top: 15px solid transparent;border-bottom: 15px solid transparent;top: 7px;left: 7px;}
@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;}}




.project-image-box15 h6{position: absolute; top: 17px; right: 25px; color: #fff;  font-size: 20px; z-index: 9;}
.project-image-box15 img{ width: 100%; height: 100%; object-fit: cover;border-radius: 0px;transition: all .3s ease-in-out;}
.trustees-carousel .video-play-button::after{width: 55px;height: 55px;}
.eventext101{position: absolute; bottom: 0px; color: #fff; left: 15px; width: 69%;z-index: 9;}
.eventext101 h4{font-size: 15px;margin-bottom: 10px;}
.eventext101 p{color: #fff; font-size: 15px; line-height: 20px;}


.aboutarea1021{position: relative;}
.aboutimg1010{width: 400px; height: 380px;}
.aboutimg1010 img{width: 100%; height: 100%; object-fit: cover; border-radius: 50px;}
.aboutimg1012 img, .aboutimg1013 img{width: 100%; height: 100%; object-fit: cover; border-radius: 50px; border:2px solid #fff}
.aboutimg1012{width: 220px; height: 210px; position: absolute; top: 25px; right: 60px; z-index: 9;}
.aboutimg1013{width: 282px; height: 274px; position: absolute; bottom: -80px; right: 140px;}
.misingarea101 p{margin: 10px 0px 25px;}
.misingarea101 ul{ padding: 0px 0px 20px 0px;margin: 0px;}
.misingarea101 ul li{ padding-left: 27px; margin-bottom: 13px; position: relative;}
.misingarea101 ul li::after {content: '\f058'; color: #4cb050; font-family: FontAwesome; font-size: 20px; left: 0px;
  position: absolute; top: -2px;}
.aboutimg101{height: 400px; margin: 10px; width: 310px;}
.aboutimg101 img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.ourorigins1021 .headertext { margin-bottom: 0px;}

.galleryimg1021{ height:initial !important;}

/*-- program area start --*/
.program{background: #E8FFE9; padding: 100px 0px;}
.program .headertext { position: relative; width: 75%; margin: 0 auto;}
.program .headertext h4{font-size: 75px; text-transform: uppercase; line-height: 90px;}
.program .headertext h4 span{margin-left: 180px;height: 100px;display: inline-block;}
.program .headertext h4 span img{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.getbtn10{position: absolute; bottom: 30px; right: 185px; width: 45px; height: 45px; border: 1px solid #000;
  border-radius: 50px; display: flex;  justify-content: center; align-items: center;  color: #000;
  transform: rotate(330deg);}
  .getbtn101{ position: absolute; right: 0px; width: 50%; bottom: 0px;}
/*.getbtn101::after{position: absolute; content: ""; width: 238px; height: 1px; background: #31136c; top: -50px;
  left: 0px;}*/


/*-- Event area start --*/
.eventarea{display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding: 20px 0px;}
.event10 .container{ max-width: 1100px;position: relative;}
.event10 .headertext { margin-bottom: 50px;}
.eventext .d-flex{align-items: center;}
.eventext h2{font-size: 25px;  margin-right: 12px;color: #000;}
.eventext h6{width: 90%; font-size: 15px; line-height: 15px;color: #000;}
.eventext10 h3{font-size: 30px; margin-bottom: 5px;color: #000;}
.eventext10 h6{font-size: 14px; display: inline-block; margin-right: 10px;color: #000;}
.readmore{color: #000; text-transform: capitalize; border: 1px solid #f41100; padding: 9px 30px; border-radius: 25px;
  margin-top: 8px; display: inline-block;transition: all .3s ease-in-out;}
  .readmore:hover{color: #fff; background: #f41100;  border: 1px solid #f41100; transition: all .3s ease-in-out;}
.readmore10{color: #000; position: absolute;top: 0px; right: 0px; text-transform: capitalize; border: 1px solid #f41100; padding: 9px 30px; border-radius: 25px; display: inline-block;transition: all .3s ease-in-out;}
  .readmore10:hover{color: #fff; background: #f41100;  border: 1px solid #f41100; transition: all .3s ease-in-out;}
  
/*-- Event area stop --*/


/*----------------service css start----------------*/

.ourorigins{ position: relative;}
.shapicon{position: absolute; right: 50px; top: 35px;}
.shapicon1{position: absolute; right: 110px; bottom: 35px;}
.aboutimg10{margin-right: 40px;}
.ourorigins h6{color: #000; font-size: 16px;line-height: 25px;  font-weight: bold;font-family: "Poppins", sans-serif; margin: 15px 0px;}
.ourorigins p{ margin: 15px 0px 25px;}
.aboutbtn{color: #000; text-transform: capitalize; border: 1px solid #f41100; padding: 9px 30px;
  border-radius: 25px; margin-top: 8px; display: inline-block;transition: 0.5s;}
.aboutbtn:hover{background: #f41100;
  color: #fff;
  border: 1px solid #f41100;
  transition: 0.5s;}

/*----------------service css stop----------------*/



/*-- capabilitiesarea area start --*/
.capabilitiesarea{position: relative; background: #110B4B;}
.capabilitiesarea .container{ position: relative;}
.capabilitiesarea .container::after{ position: absolute; content: ""; background: url(../images/dotted.png);width: 18px;
  height: 203px; top: 0px; left: -62px;}
  .capabilitiesarea::before{ position: absolute; content: ""; background: url(../images/dotted1.png);width: 18px;
  height: 203px; top: 75px; right: 40px;}
.capabilitiesarea .headertext{width: 95%; margin: 0px auto 0px; text-align: center;}
.capabilitiesarea .headertext h4{ color: #fff;margin-bottom: 30px;}
.getbtn{background: #4CB050; padding: 12px 34px; border-radius: 25px; color: #fff; margin-top: 11px; display: inline-block;}
.date1-background-image{background-size: cover !important;
  width: 20px;
  padding: 30px 40px !important;
  height: 20px;
  position: relative;}
.date1-background-image:after{position: absolute;
  content: '';
  background: #00000057;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;}
.date1-background-image h3{position: relative;
  z-index: 9;}

/*-- capabilitiesarea area stop --*/

.marquee {
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 3;
  background-color: #121212;
}

.marquee-content {
  display: inline-block;
  animation: marquee 30s linear infinite;
}


.marquee-content span {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;margin: 0px 5px;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}




/*--Memorable Moments area start --*/
.aboutinnear{position: relative;}
.aboutinnear .headertext { width: 65%; margin: 0 auto 40px;}

.gallery-area .whoweare-content, .blog-area .whoweare-content{
    text-align: center;
}
.gallery-area .whoweare-content h2, .blog-area .whoweare-content h2{
    max-width: 100%;
}
.planing_gallery .galleryimg {
    cursor: pointer;
  overflow: hidden;
  display: flex;
  border-radius: 20px;
  position: relative;
/*   height: 300px; */
}
.planing_gallery .galleryimg img{
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.planing_gallery .galleryimg:hover img{
    transform: scale(1.1);
}

.planing_gallery .galleryimg .video-play-button {position: absolute;z-index: 1;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);box-sizing: content-box;display: block;width: 32px;height: 44px;border-radius: 50%;padding: 30px;opacity: 0;transition: 0.5s;}
.planing_gallery .galleryimg:hover .video-play-button{opacity: 1;}
.planing_gallery .galleryimg .video-play-button:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) ranslateY(-50%);display: block;width: 90px;height: 90px;background: #c9a255;border-radius: 50%;animation: pulse-border 1500ms ease-out infinite;}
.planing_gallery .galleryimg .video-play-button:after {content: "";position: absolute; z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 90px;height: 90px;background: #c9a255;border-radius: 50%;transition: all 200ms;}
.planing_gallery .galleryimg .video-play-button:hover:after {background-color: darken(#0098db, 10%);}
.planing_gallery .galleryimg .video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    top: 0;
    left: 0;
    background-image: url(../images/plus.png);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
@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;}}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border-color: #C9A255;
}


/*-- Memorable Moments area stop --*/

/*-- say area start --*/
.experiencesinnear .headertext{margin: 0 auto; width: 50%;}
.clientarea10{margin-top: 66px;}
.sayareain{display: flex; width: 60%; margin-left: 325px; align-items: center; justify-content: space-between;
  background: #F6F6F6; position: relative;}
  .sayareain::after{ position: absolute; content: ""; background: url(../images/dotted.png);width: 190px;
  height: 300px; left: -145px; top: -64px; z-index: -1;}
.clienttext{position: relative; padding: 48px 60px;z-index: 9;background: #f6f6f6;}
.arrow10 { width: 80px; height: 57px; top: -66px; position: relative;}
.clienttext p{margin-bottom: 15px; font-weight: 300; line-height: 27px;}
.clientimg10{margin-bottom: 10px; width: 200px; height: 200px;}
.clientimgarea{position: relative; right: -109px; text-align: center;}
.customer-feedback-carousel .owl-dots{ display: block !important;}  
/*-- say area stop --*/

/*-- footer area start --*/
.footertoparea{padding: 35px 0px 10px; background-color: #0B082F; position: relative;}
.Connectarea{padding: 43px 60px; background: #fff; border-radius: 25px; align-items: center; width: 95%; margin: 0 auto 55px;}
.Connectarea h3{font-size: 40px;color: #31136C;}
.formarea{width: 100%;position: relative;}
.field02{width: 100%; border: 1px solid #000; border-radius: 30px; height: 63px; padding: 20px 160px 20px 20px;}
.login_btn{position: absolute; top: 8px; right: 8px; background: #F41100; border: none; padding: 10px 26px;
  color: #fff; border-radius: 25px; font-size: 18px; text-transform: uppercase;}
.footertoparea form{width: 50%;}
.footertoparea h4{color: #FFF;font-size: 30px;margin-bottom: 20px;position: relative;}
.callicon{width: 40px; height: 40px; border: 1px solid #fff; align-items: center; display: flex; border-radius: 50%;
  justify-content: center; color: #D19B45; margin-right: 12px;}
.Copyright p{ color: #fff; text-align: center;}
.Copyright p a{ color: #4CB050;}
.footerimg{position: absolute;height: 390px; width: 650px;}
.footertoparea ul li{margin: 0 0 10px; position: relative; padding-left: 10px;}
.footertoparea ul li::after{position: absolute; content: ""; width: 3px; height: 3px; background: #fff;  left: 0px;
  top: 10px; border-radius: 50%;}
.footertoparea ul li:last-child{margin: 0 0 0;}
.footertoparea ul li a {font-size: 16px;color: #ffffff;font-weight: 400;transition: 0.5s;}
.footertoparea ul li a:hover{color: #fff;}
.footertoparea h5{color: #D19B45; font-size: 20px; margin-bottom: 0px;}
.footertoparea h6, .footertoparea h6 a{color: #fff; margin-bottom: 0px; font-size: 16px; font-weight: 300;
  line-height: 22px;}
.fild{ position: relative;}
.footertoparea .form-control{background: initial;border: 1px solid #fff;padding: 6px 6px 6px 20px; height: 50px; border-radius: 50px;font-size: 17px; font-weight: 300;color: #fff;}
.footertoparea .form-control::placeholder{color: #fff; font-size: 17px; font-weight: 300;}
.footertoparea .btn{width: 100%;background: #fff;padding: 11px 5px;display: block;margin-top: 12px;font-size: 18px;font-weight: 500;
text-align: center;}
.footertoparea .btn:hover{background: #000; color: #fff;}
.footerlogo{position: relative; width: 90px; margin: 0 auto 30px;}
.socialmedia ul{ padding: 0px; margin: 0px;text-align: center;}
.socialmedia ul li{ display: inline-block; list-style: none; padding-left: 0px;}
.socialmedia ul li::after{ display: none;}
.socialmedia ul li a{width: 40px; height: 40px; display: flex; border: 1px solid #fff; justify-content: center;
  align-items: center; color: #fff; border-radius: 5px; margin: 0px 3px; font-size: 20px;}
.socialmedia ul li a:hover{border: 1px solid #f41100; background: #f31000;color: #fff;}
.callarea{border-top: 1px solid #dddddd85; border-bottom: 1px solid #dddddd85; display: flex; margin: 35px 0px 20px; padding: 20px 0px 20px;justify-content: center;}
.callarea ul{ padding: 0px; margin: 0px; text-align: center;}
.callarea ul li{ display: inline-block; border-right: 1px solid #ddd;padding-right: 15px; line-height: 18px;}
.callarea ul li::after{ display: none;}
.callarea ul li:last-child{border-right: 0px solid #ddd;}
.callarea ul li a{ font-size: 30px;}
.copyright{background-color: #0262B3;padding: 15px 0px; text-align: center;}
.copyright p{font-size: 16px;color: #ffffff; margin-bottom: 0px; }
.copyright p a{color: #fff;}
.footerimg h3{position: absolute; bottom: 0px; font-size: 78px; color: #fff; text-transform: uppercase;
  font-weight: bold; -webkit-text-stroke: #fff0; -webkit-text-fill-color: #131313;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8), -1px -1px 0 rgba(255, 255, 255, 0.8), 1px -1px 0 rgba(255, 255, 255, 0.8), -1px 1px 0 rgba(255, 255, 255, 0.8), 1px 1px 0 rgba(255, 255, 255, 0.8);
  font-family: "Poppins", sans-serif;}



/*-- footer area stop --*/


/*---------- inner banner start -------------*/


.inner-banner-area{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
     padding: 80px 0px;}
   
.inner-banner-area::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000063;

    
}
.inner-banner-area .inner-banner-heading-area {
    height: 100%;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
   
}
.inner-banner-area .inner-banner-heading-area h1{
    font-size: 60px;
    color: #ffffff;
    line-height: 80px;
    margin: 0 0 0;
}
.breadcrumb li, .breadcrumb li a{
    color: #FFFFFF;
    font-family: 'coolvetica_cond';
    font-size: 20px;
    transition: 0.5s;
    margin-right: 5px;
}
.breadcrumb li a{
    margin-right: 0;
}
.breadcrumb li a:hover{
    color: #CBAC6E;
}
.breadcrumb li{
    position: relative;
    padding-right: 10px;
}
.breadcrumb li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.breadcrumb li::after{
    content: '-';
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
}
.breadcrumb li:last-child::after{
    display: none;
}
/*-- inner banner area stop --*/


.capabilitiesarea10{padding: 100px 0px 125px;
  position: relative;
  background: #dddddd26;}


/*-------------------contact css start---------------*/
.contactbox{overflow: hidden;border-radius: 10px;position: relative;z-index: 9;background: #fff;}
.contactleft{padding: 35px 30px;}
.contactbox h4{font-size: 40px;line-height: 45px;color: #000;font-weight: 600;margin-bottom: 15px;}
.contactbox p{font-size: 16px;line-height: 27px;margin-bottom: 25px;}
.contactleft .form-group{margin-bottom: 15px;}
.contactleft .form-control{height: 45px;border: none;border-bottom: 1px solid #ced4da;border-radius: 0px;padding: 0px;}
.contactleft .btn{background: #FFC000;color: #fff;}
.contactleft .btn:hover{background: #000;color: #fff;}
textarea.form-control {min-height: 110px;resize: none;}
.contactright{background: #FFC000;height: 100%;padding: 35px 40px 35px 25px;}
.contactright h4{font-size: 40px;line-height: 45px;color: #070707;font-weight: 600;margin-bottom: 15px;}
.contactright p{font-size: 16px;line-height: 27px;margin-bottom: 25px;color: #070707;}
.contactright .counter{align-items: center;border-bottom: 1px solid #BD6806;padding-bottom: 15px;margin-bottom: 15px;}
.contactright .counter:last-child{border-bottom: none}
.contactright .counter-img{width: 40px;height: 40px;background: #fff;border-radius: 50%;text-align: center;justify-content: center;margin-right: 15px;display: flex;align-items: center;font-size: 20px;color: #FFC000;}
.contactright .counter-body h5{font-size: 28px;line-height: 37px;color: #070707;}
.contactright .counter-body h6, .contactright .counter-body h6 a{font-size: 20px;font-weight: 400;color: #070707;letter-spacing: 0.01em;line-height: 23px;}
.contsocialmedia{ position:relative;margin-top: 40px;}
.contsocialmedia ul {margin: 0;padding: 0;list-style: none;}
.contsocialmedia ul li {position: relative;display: inline-block;list-style: none;border-radius: 7px;overflow: hidden;margin: 0 3px;}
.contsocialmedia ul li a{width: 39px;height: 39px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;border: 1px solid #fff;border-radius: 50%;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;}
.contsocialmedia ul li:hover a{border: 1px solid #fff;background-color: #fff;color: #FFC000;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;}
.contactright .socialmedia{ position:inherit;}
.contactright .socialmedia ul{text-align: left;max-width: initial;margin: 45px auto 0px;position: initial;background: inherit;}
.map{margin-top: -130px;filter: grayscale(100%);}
/*-------------------contact css stop---------------*/




/*-- inner about conten area start --*/
.inner-about-conten-img{
    display: flex;
    overflow: hidden;
    height: 560px;
    border-radius: 20px;
}
.inner-about-conten-img img{
    width: 100%;
    object-fit: cover;
}
.inner-about-conten-area .inner-about-number-counter{
    margin-bottom: 25px;
}
.inner-about-conten-area .inner-about-number-counter .img-box{
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
    max-width: 210px;
    height: 164px;
    display: inline-flex;
}
.inner-about-conten-area .inner-about-number-counter .img-box img{
    width: 100%;
    object-fit: cover;
}
.inner-about-conten-area .inner-about-number-counter .content-box h4{
    color: #31136C;
    font-size: 90px;
    line-height: 90px;
}
.inner-about-conten-area .inner-about-number-counter .content-box .tagline{
    position: relative;
    padding-bottom: 10px;
    position: relative;
    color: #000000;
    font-size: 16px;
    line-height: 26px;
}
.inner-about-content-area-box .whoweare-content p{
    padding-left: 0;
}
.inner-about-content-area-box{
    padding-left: 25px;
}
.whoweare-content{font-size: 45px; color: #31136C;}
/*-- inner about conten area stop --*/

.aboutimg10120{ height: 600px;}
.aboutimg10120 img{ width: 100%; height: 100%; object-fit: cover;border-radius: 20px;}
.misingarea101 .headertext{margin-right: 70px;}

.inner-service-list-area{background: #0B082F;}
.accordionServiceList .accordion-item {
    margin-bottom: 15px;
    border: none;
    border-radius: 0px;
    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-top: 1px solid #0b045d;
    background-color: #0B082F;
    border-radius: 0px !important;
    border-bottom:1px solid #0b045d;
       color: #ffffff;
}
.accordionServiceList .accordion-item .accordion-header .accordion-button.collapsed{
    border-bottom: 1px solid;
    border-color: #0b045d;
    background-color: #0B082F;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #fff;
}
.accordionServiceList .accordion-item .accordion-header .accordion-button .count {
    position: absolute;
    top: 23px;
    left: 30px;
}
.accordionServiceList .accordion-item .accordion-header .accordion-button::after {
    content: '\f061';
    position: absolute;
    top: 20px;
    font-family: FontAwesome;
    right: 25px;
    width: 100%;
    max-width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    background-image: none !important;
  color: #fff;font-size: 18px;border: 1px solid #fff;
    justify-content: center;
    background-color: #0b082f !important;
        background-size: 30%;
    background-position: center;
    padding: 20px;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 5%);
    transform: rotate(-45deg);
}
.accordionServiceList .accordion-item .accordion-header .accordion-button.collapsed::after{
    transform: rotate(10deg);
}
.accordionServiceList .accordion-item .accordion-collapse .accordion-body {
  
       border-top: 0;
   
    background: #0b082f;
}
.accordionServiceList .accordion-item .accordion-collapse .accordion-body p {
    font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #fff;
}
.accordionServiceList .accordion-item .accordion-collapse .accordion-body .imgbox {
    width: 100%;
    max-width: 650px;
    height: 288px;
    margin: 20px 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%;
    object-fit: cover;
    border-radius: 20px;
}

.accordionServiceList, .faq-accordion {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

.inner-service-list-area .headertext h4{ color: #fff;}
.eventarea10{border-bottom: 1px solid #ddd;
  padding: 0px 0px 30px 0px;
  margin-bottom: 30px;
  align-items: center;}
  .eventarea10:last-child{border-bottom: 0px solid #ddd;}
.eventin h5{font-size: 17px;
  display: inline-block;
  margin-right: 10px;}
.eventin h4{font-size: 30px;
  margin-bottom: 7px;
  margin-top: 7px;}
.eventimg10{width: 900px;
  height: 220px;
  margin-left: 90px;}
.eventimg10 img{width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;}
.data{width: 158px;
  height: 68px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
  font-size: 23px;
  line-height: 20px;
  border-radius: 10px;
  font-weight: 500;padding: 0px 10px;}  

.fa-plus101{position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  justify-content: center;
  display: flex;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  align-items: center;
  font-size: 30px;
  transition: 0.5s;
  background: #4cb050;
  color: #fff; opacity: 0;}

.galleryimg:hover .fa-plus101{ opacity: 1;}

#pills-tab {
  justify-content: center;
  display: flex;
  margin-bottom: 45px;
}
.nav-pills .nav-link{padding: 8px 33px;
  box-shadow: 0px 0px 10px 0px #ddd;
  margin: 0px 10px;
  border-radius: 6px;
  color: #000;
  font-size: 20px;}
  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: #f41100;
}

.foundation-carousel .owl-stage-outer{ padding: 40px 0px;}
.foundation-carousel .owl-item.active.center .project-image-box101.project-image-box251{transform: scale(1.2); width: 350px;  position: relative; left: -50px;border-radius: 20px; transition: all .3s ease-in-out;}
.project-image-box101.project-image-box251{ height: 350px;}
.project-image-box101.project-image-box251 img{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px;;}

.foundation-carousel .owl-item.active.center{position: relative; z-index: 9;}



/*-- gallery area start --*/
.inner-gallery-area .whoweare-content{
    width: 100%;
    max-width: 660px;
    margin: 0 auto 45px;
}
.inner-gallery-area .whoweare-content p{
    padding: 0;
}

.contact-form-box{
    border-radius: 10px;
    box-shadow: 6px 4px 20.4px 0 rgb(0 0 0 / 10%) inset;
    padding: 25px;
    background-color: #ffffff;
}
.contact-form-box h3 {
    font-size: 52px;
    line-height: 62px;
    position: relative;
    color: #000000;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.contact-form-box h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 65px;
    height: 4px;
    background-image: url(../images/shape1.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: scaleX(-1);
}
/*-- gallery area stop --*/
/*-- inner contact area start --*/
.form-group {
    margin: 0 0 20px;
}
.form-group label {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin: 0 0 12px;
}
.form-group label span{
    color: #FF0000;
}
.form-group .form-control{
    border-radius: 4px;
    border: 1px solid #F3F3F5;
    background-color: #F3F3F5 !important;
    color: #626262;
    font-size: 15px;
    height: 52px;
}
.form-group .form-control::placeholder{
    color: #626262;
    font-size: 15px;
}
.form-group .form-control:focus{
    box-shadow: none;
}
.form-group textarea.form-control {
    height: 87px;
    margin: 0;
    resize: none;
    padding: 20px;
}
.form-group select.form-control {
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    background: url(../images/arrow-form-arrow.png) no-repeat right;
    background-size: 2%;
    background-origin: content-box;
}
.inner-contact-map {
    border-radius: 10px;
    height: 300px;
    margin: 0 0 40px;
}
.inner-contact-map iframe{
    width: 100%;
    height: 100%;
}
.inner-contact-contain-box {
    position: relative;
    padding-left: 25px;
}
.inner-contact-contain-box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background-color: #4CB050;
    border-radius: 10px;
}
.inner-contact-contain-box .inner-contact .icon-box {
    width: 100%;
  max-width: 55px;
  height: 55px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #4cb050;
  padding: 8px;
  font-size: 25px;
  color: #fff;
}
.inner-contact-contain-box .inner-contact .icon-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.inner-contact-contain-box .inner-contact .box-body{
    padding-left: 15px;
}
.inner-contact-contain-box .inner-contact .box-body h5 {
    font-size: 26px;
    line-height: 36px;
    color: #000000;
}
.inner-contact{
    margin-bottom: 30px;
}
.inner-contact-contain-box .inner-contact .box-body p, .inner-contact-contain-box .inner-contact .box-body a {
    color: #000000;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
}
/*-- inner contact area stop --*/


        /* Left to Right Animation */
.slider-track.left-to-right {
    animation: scrollLeftToRight 30s linear infinite;
}

        /* Right to Left Animation */
.slider-track.right-to-left {
    animation: scrollRightToLeft 30s linear infinite;
}

@keyframes scrollLeftToRight {
    0% {
        transform: translateX(calc(-400px * 2 - 340px));
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes scrollRightToLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-400px * 2 - 340px));
    }
}

.author-image{width: 278px;
  height: 328px;
  margin: 0px 5px;}
.author-image img{width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;}

.tslide {
  display: flex;
  gap: 5px;
  width: fit-content;
}
.clients_sec{ overflow:hidden;}
.clients_sec101{ background:#000;}
.clients_sec101 p{ font-size: 20px; color: #fff; margin-bottom: 0px;}
.clients_sec1250{ display:inline-block; color:#fff;}