/*@charset "utf-8";
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*======font-family: "Poppins", sans-serif;======*/

/*..............embedded fonts..............*/

/*..............custom fonts..............*/



/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: "Poppins", sans-serif !important; font-size:16px; font-weight: 400; color:#000;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:0 0 25px; padding:0; color: #383838;font-family: "Poppins", sans-serif;line-height: 1.1; }
h1{ font-size:clamp(1.875rem, 1.442rem + 1.923vw, 3.75rem) !important;font-weight: 700 !important;}
/*60-30*/
h2{ font-size:clamp(1.563rem, 1.346rem + 0.962vw, 2.5rem) !important;font-weight: 700 !important; }
/*40-25*/
h3{ font-size:clamp(1.375rem, 1.26rem + 0.513vw, 1.875rem) !important;font-weight: 500 !important;}
/*30-22*/
h4{ font-size:clamp(1.25rem, 1.178rem + 0.321vw, 1.563rem) !important;font-weight: 500 !important;}
/*25-20*/
h5{ font-size:clamp(1.125rem, 1.096rem + 0.128vw, 1.25rem) !important;}
/*20-18*/
h6{ font-size:clamp(1rem, 0.971rem + 0.128vw, 1.125rem) !important;}
/*18-16*/
p{ margin:0 0 25px !important; line-height: 1.6 !important;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{font-family: "Poppins", sans-serif; font-weight: 300; outline: none;}
input[type="submit"]{font-family: "Poppins", sans-serif; font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }
input:not([type="submit"]) {height: 60px !important;}
input.form-control,
textarea.form-control {border: 1px solid #C3CAD4 !important;box-shadow: none !important;}
textarea.form-control{height: 170px !important;}
p:last-child{margin-bottom: 0;}


/* --- common background color --- */




/* --- common background color --- */




/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */

.btn {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 1px solid #AD2023; letter-spacing: 1px; font-family: "Poppins", sans-serif; display: inline-flex; vertical-align: top; background: #AD2023; color: #fff !important; padding: 18px 30px; font-size: 20px; line-height: 1; text-transform: inherit; border-radius: 10px; font-weight: 500;}
.btn:hover {background-color: #000 !important; border: 1px solid #000;}
.btn span {margin-left: 10px; }
.btn img{transition: all 0.4s ease;transform: translate(0px, 0px);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.btn:hover img{transition: all 0.4s ease;transform: translate(10px, 0px);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}

input[type="submit"] {margin-top: 20px; padding: 11px 30px; min-width: 200px; text-align: left; background-color: #AD2023; border: none; border-radius: 10px; height: 60px; color: #fff; font-size: 22px; background-image: url('../images/arrow.png'); background-repeat: no-repeat; background-position: center right 37px; transition: all 0.4s ease; }
input[type="submit"]:hover {background-position: center right 20px; transition: all 0.4s ease; background-color: #000; }




/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 100px; padding-bottom: 100px; }
.form-control { height: 50px; padding: 12px 15px; }

.center-heading-sec {text-align: center; max-width: 1117px; margin: 0 auto; margin-bottom: 40px; }
.center-heading-sec h2 span {font-weight: 700; }

.home-provide-secton-wraper .image-box img{width: 100%;height: 100%;object-fit: contain;}
.home-story-secton .big-img img,
.home-gallery-secton .galary-carasol-box img,
.home-event-secton .single-box .image-box img,
.home-who-we-are-secton .image-box img,
.donate-purpose .image-box img{width: 100%;height: 100%;object-fit: cover;}

/*..............common styles..............*/


/*-----scroll-bar-design----------*/

/* width */
::-webkit-scrollbar {width: 8px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #3B3B3C; border-radius: 10px; }


/*-----scroll-bar-design----------*/

/*for header css*/
header.main-header::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 80px; background-color: #0000008a; top: 48px; opacity:1 ; transition: all 0.3s ease;}
.main-header.fixed::before{opacity: 0;transition: all 0.3s ease;}
header.main-header.header-with-bg {background-color: #3B3B3C; background: rgb(59,59,60);}
header.main-header.header-with-bg.fixed{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%);}
.main-header {padding: 20px 0px; z-index: 999; left: 0; right: 0; top: 0; position: fixed;   -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.main-header .container{position: relative;z-index: 1;}
header li.menu-item-has-children>a::after {content: ""; position: absolute; left: 17px; z-index: 11; display: block; width: 10px; height: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(227deg); top: 16px; right: -20px; left: unset; }
header .bard-two {position: absolute; top: 0; left: 0; max-width: 60px; right: 0; left: unset; }
header .bard-one {position: absolute; top: 0; left: 0; max-width: 60px; left: 0; right: unset; }

header.main-header.fixed .bard-two {display:none; }
header.main-header.fixed .bard-one {display:none;}


.call-portal { padding: 0 0 18px; margin-right: -20px; display: flex; align-items: center; justify-content: flex-end; }
.call-portal a.call-link { color: #CE222B; font-weight: 900; font-style: italic; margin-right: 10px; }
.call-portal a.call-link svg { color: #686868; }
.call-portal a.portal-btn { background: #CE222B; color: #fff; padding: 9px; line-height: 1; display: block; font-size: 14px; }

.manu-part {display: flex; align-items: center; }
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 400; text-transform: capitalize;}
.main-menu ul li:not(:last-child) { margin-right: 50px;}
.main-menu ul li a { display: block; color: #fff; padding: 8px 0; position: relative;}
.main-menu ul li a::before{content: ""; width: 0%; height: 2px; background-color: #fff; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-menu ul li a:hover::before, 
.main-menu ul li.menu-item-has-children a { content: ""; width: 100%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul li ul.sub-menu li a::before,
.main-menu ul li.menu-item-has-children ul.sub-menu li a::before { background-color: #000;}

.main-menu ul li.talk-btn a { background: #D95B2E; color: #fff !important; padding: 14px 35px !important; line-height: 1; font-size: 16px; text-transform: uppercase; border-radius: 30px; }
.main-menu ul li a,
.main-menu ul li {cursor: pointer; display: block; color: #ffffff; padding: 8px 0; position: relative; font-size: 20px; font-weight: 400; text-transform: inherit;}
.main-menu li:hover ul.sub-menu {opacity: 1; visibility: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu {position: absolute; width: 250px; display: block; background-color: #fff; margin-top: 4px; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu li {margin: 0 !important; padding: 0; }
.main-menu ul.sub-menu li a {color: #000; }
header .user-sec ul {margin: 0; }
header .user-sec ul li {list-style: none; }
.main-header.fixed .logo {max-width: 95px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-header .logo {max-width: 220px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.nav_btn { color: #fff; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #fff; }


.main-header.fixed {background: #000000b5; padding: 10px 0px; left: 0; position: fixed; top: 0; width: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(10px);}

/*==========mobile menu=========*/
.main-header .hdr-rt {display: flex; justify-content: flex-end; align-items: center; }
.main-header .user-sec {margin-left: 40px;display: flex;align-items: center; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.mobile-menu-container ul.sub-menu.sub-menu-open {height: 250px; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 22px; height: 20px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; margin: 10px 0 10px 0;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; right: 0; left: 0; background: #3c1a1b; height: 100vh; opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-container .inner-container{ padding-top: 130px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a{ display: block; font-size: 30px; color: #fff; padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}
.mobile-menu ul li.menu-item-has-children > a:after {content: ""; position: absolute; right: -250px; top: 26px; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: #ffffff; border-width: 0px 2px 2px 0px; transform: rotate(45deg) translateY(-47%); transition: border-width 150ms ease-in-out; left: 0; margin: 0 auto;}



/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}


/*=========mobile menu===========*/

.home-team-sec .image-box img,
.about-sec .image-box-wraper img{width: 100%;height: 100%;object-fit: cover;}


/*for header css*/

/*=====home page====*/

.banner-sec .image-box{height: 700px; overflow: hidden;}
.banner-sec .swiper {width: 100%;height: 700px;}

.banner-sec .image-box img{width: 100%;height: 100%; object-fit: cover;}
.banner-sec .swiper-pagination {gap: 10px; top: unset; height: min-content;bottom: 75px;display: inline-flex ; border: 2px solid #fff; width: auto !important; left: 0; right: 0; margin: 0 auto; justify-content: center; min-width: 105px; width: fit-content !important; padding: 10px 30px; border-radius: 30px; background-color: #0d0d0d3d; }
.banner-sec span.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #AD2023; opacity: 1;}
.banner-sec span.swiper-pagination-bullet{background-color: #fff; opacity: .6;}
.banner-sec{overflow: hidden;}

.statistic-sec{background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative; padding-top: 130px !important; overflow: hidden;}
.statistic-sec::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffffde; }
.statistic-sec .container{position: relative;z-index: 1;}
.statistic-sec .crcl-box {position: absolute; top: 0; right: 0; }
.statistic-sec .right-box {position: relative; }
.statistic-sec .map-ion {position: relative; z-index: 1; text-align: right; top: 46px; }
.statistic-sec .left-box ul {list-style: none; padding: 0; display: flex; flex-wrap: wrap; }
.statistic-sec .left-box ul li {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.statistic-sec .number-box {padding-right: 30px; }
.statistic-sec .number {font-size: clamp(1.875rem, 1.442rem + 1.923vw, 3.75rem); color: #AD2023; margin-bottom: 10px; }
.statistic-sec .number-box {font-size: 23px; font-weight: 600; }

.sec-heading.left-text h2::before {content: ""; width: 70px; height: 4px; position: absolute; bottom: 10px; left: 0; background-image: url('../images/line-partical.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.sec-heading.left-text h2 {position: relative; padding-left: 80px; }
.sec-heading.left-text h2 span{font-weight: 400;}
.sec-heading.left-text {margin-bottom: 30px; }
.sec-heading.left-text h2::after {width: 40px; height: 40px; position: absolute; top: 0; left: 0; background-image: url('../images/bird-1.png'); content: ""; background-size: contain; background-repeat: no-repeat; }



.circle-amimation{animation: rotate-animation 30s infinite linear; opacity: .6;}
@keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


.about-us-sec{background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative; background-attachment: fixed;}
.about-us-sec::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffffde; }
.about-us-sec .container{position: relative;z-index: 1;}
.about-us-sec .left-box ul {padding: 0; list-style: none; margin-bottom: 30px; padding-left: 30px; }
.about-us-sec .left-box ul li {position: relative; padding: 7px 0; padding-left: 30px; }
.about-us-sec .left-box ul li::before {content: ""; position: absolute; top: 9px; left: 0; width: 20px; height: 20px; background-image: url('../images/circle.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.about-us-sec .left-box .img-box{margin-bottom: 20px;}
.about-us-sec .right-box {position: relative; text-align: right;    padding-left: 100px; }
.about-us-sec .partical-img {position: absolute; top: 50%; transform: translate(0px, -50%); left: 0; }
.about-us-sec .big-img {width: 100%; height: 615px; overflow: hidden; border-radius: 15px; z-index: 1; position: relative; }
.about-us-sec .big-img img {width: 100%; height: 100%; object-fit: cover; }
.about-us-sec .small-img img,
.about-us-sec .video-box img {width: 100%; height: 100%; object-fit: cover; }
.about-us-sec .small-img {width: 100%; height: 300px; margin-bottom: 24px; overflow: hidden; border-radius: 15px; }
.about-us-sec .video-box {width: 100%; height: 292px; overflow: hidden; border-radius: 15px; position: relative;}
.about-us-sec .btn-video a {width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 50px; z-index: 1; }
.about-us-sec .btn-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }




.spinner-item {border-radius: 50%; height: 200px; width: 200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; -webkit-animation: zoom 2s linear 0.75s infinite; animation: zoom 2s linear 0.75s infinite; background-color: #ffffff87; }
.spinner-item--2 {-webkit-animation-delay: 1.25s; animation-delay: 1.25s; }
.spinner-item--3 {-webkit-animation-delay: 1.75s; animation-delay: 1.75s; }

@-webkit-keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

.home-popup-viddo .modal-dialog {max-width: 900px; padding: 0 15px; }
.home-popup-viddo .video-box {width: 100%; height: 100%; overflow: hidden; padding-bottom: 51%; position: relative; }
.home-popup-viddo .video-box iframe {position: absolute; width: 100%; height: 100%; object-fit: cover; }

.tribal-reserch-sec{background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative; background-attachment: fixed;overflow: hidden;}
.tribal-reserch-sec::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000ed; }
.tribal-reserch-sec .container{position: relative;z-index: 1;}
.tribal-reserch-sec .context-sec {padding: 80px; background-color: #ffffff14; border-radius: 20px; text-align: center; color: #fff; backdrop-filter: blur(5px); }
.tribal-reserch-sec .lft-partical {position: absolute; bottom: 0; left: -200px; }

.sec-heading.center-area h2::before {content: ""; width: 130px; height: 4px; position: absolute; bottom: -15px; left: 0; background-image: url('../images/partical-line-two.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; right: 0; margin: 0 auto; }
.sec-heading.center-area h2 {position: relative; padding-left: 0; color: #fff; }
.sec-heading.center-area h2 span{font-weight: 400;}
.sec-heading.center-area {margin-bottom: 50px; }

.our-ministry-sec{background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative; background-attachment: fixed;overflow: hidden;}
.our-ministry-sec::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffffed; }
.our-ministry-sec .container{position: relative;z-index: 1; overflow: hidden;}
.our-ministry-sec .top-sec {margin-bottom: 50px; }
.our-ministry-sec .sngl-box-logo {position: relative; display: flex; justify-content: center; align-items: center; padding: 45px 15px;}
.our-ministry-sec .sngl-logo {position: relative; z-index: 1; width: 230px; height: 230px; display: flex; justify-content: center; align-items: center; object-fit: contain; }
.our-ministry-sec .swiper.swiperlogos {overflow: unset !important; }
.our-ministry-sec .bg-logo {position: absolute; top: 0px; width: 320px; height: 320px; object-fit: contain; right: 50%; transform: translate(50%, 0); }
.our-ministry-sec .swiper-button-next.swiper-logo-next {background-color: #fff; border: 1px solid #000; width: 50px; height: 50px; border-radius: 50px; }
.our-ministry-sec .swiper-button-prev.swiper-logo-prev {background-color: #fff; border: 1px solid #000; width: 50px; height: 50px; border-radius: 50px; }
.our-ministry-sec .swiper-button-next:after {content: 'next'; color: #000; font-size: 21px; }
.our-ministry-sec .swiper-button-prev:after {content: 'prev'; color: #000; font-size: 21px; }


footer{background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative; background-attachment: fixed;overflow: hidden; padding: 50px 0;}
footer::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000f5; }
footer .container{position: relative;z-index: 1; overflow: hidden;}
footer .logo-box p {color: #fff; margin-top: 20px; }
footer .logo-box ul {padding: 0; margin: 0; display: flex; gap: 20px; align-items: center; }
footer .logo-box ul li {list-style: none; }
footer .logo-box ul li a {width: 50px; height: 50px; background-color: #fff; display: inline-flex; justify-content: space-evenly; align-items: revert; border-radius: 50px; padding: 10px; }
footer .quick-link {padding-left: 100px; }
footer .quick-link ul {padding: 0; margin: 0; }
footer .quick-link ul li {padding: 11px 0; }
footer .quick-link ul li a {color: #fff; font-size: 16px; }
footer .quick-link ul li a:hover,
footer .footer-contact ul li a:hover {color: #c13136; }
footer .footer-contact h3,
footer .quick-link h3 {font-size: 25px; margin-bottom: 30px; color: #fff; }
footer .footer-contact ul {padding: 0; }
footer .footer-contact ul li a{color: #fff;}
footer .footer-contact ul li {list-style: none; padding: 11px 0; position: relative; padding-left: 37px; color: #fff; }
footer .footer-contact ul li span {position: absolute; left: 0; top: 10px; }

.home-marque-wraper {background-color: #fff; position: absolute; padding: 20px 40px; border-radius: 10px; box-shadow: 0 0 10px #000; top: -56px; z-index: 1;left: 0;width: 100%;background-image: url('../images/bg1.png');background-repeat: no-repeat;background-position: center center;background-size: cover;}
.home-marque-wraper .text-box p {text-align: center; font-size: 20px; padding: 20px 60px;}
.home-marque-sec .container{position: relative;}
.home-marque-sec .swiper-button-next.swiper-marque-next {background-color: #fff; border: 1px solid #000; width: 50px; height: 50px; border-radius: 50px; right: 0;}
.home-marque-sec .swiper-button-prev.swiper-marque-prev {background-color: #fff; border: 1px solid #000; width: 50px; height: 50px; border-radius: 50px; left: 0;}
.home-marque-sec .swiper-button-next:after {content: 'next'; color: #000; font-size: 21px; }
.home-marque-sec .swiper-button-prev:after {content: 'prev'; color: #000; font-size: 21px; }

.quicklnk-sec-home .icon-box {width: 146px; height: 146px; margin: 0 auto;overflow: hidden; margin-bottom: 30px; position: relative; }
.quicklnk-sec-home .icon {position: absolute; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.quicklnk-sec-home .icon img {max-width: 50px; }
.quicklnk-sec-home .quicklink-wraper {background-color: #000000d4; border-radius: 30px; padding: 40px; backdrop-filter: blur(10px); }
.quicklnk-sec-home .text-area h3 {margin: 0; color: #fff; font-size: 22px; text-align: center; }
.quicklnk-sec-home {padding: 30px 0; position: relative; background-image: url('../images/about-1.jpg'); background-size:cover;background-repeat:no-repeat;}
.quicklnk-sec-home .container{position: relative;z-index: 1;}
.quicklnk-sec-home::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffffe8;}
.quicklnk-sec-home .swiper-button-next.swiper-link-next {background-color: #fff; border: 1px solid #000; width: 50px; height: 50px; border-radius: 50px; right: 0;}
.quicklnk-sec-home .swiper-button-prev.swiper-link-prev {background-color: #fff; border: 1px solid #000; width: 50px; height: 50px; border-radius: 50px; left: 0;}
.quicklnk-sec-home .swiper-button-next:after {content: 'next'; color: #000; font-size: 21px; }
.quicklnk-sec-home .swiper-button-prev:after {content: 'prev'; color: #000; font-size: 21px; }

.tribal-reserch-sec .bird-partical {position: absolute; top: 19px; right: -24px; width: 193px; transform: rotate(-25deg); }

/*------contact us------*/


.innbanner-sec {position: relative; height: 400px; overflow: hidden; }
.innbanner-sec img {width: 100%; height: 100%; object-fit: cover; }
.innbanner-sec .banner-content {position: absolute; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #000000b5; }
.innbanner-sec .banner-content h1 {color: #fff; margin-top: 100px; }
.innbanner-sec .banner-content h1 span {font-weight: 300; }

.contact-info form {background-color: #EBEBEB; border-radius: 20px; padding: 40px; }
.contact-info label.form-label {color: #000000; font-size: 25px; }
.contact-info input:not([type="submit"]) {border: none !important; }
.contact-info .right-box {margin-top: 75px; padding-left: 50px; }
.contact-info .right-box ul {padding: 0; margin: 0; list-style: none; }
.contact-info .right-box ul li {position: relative; padding-left: 80px; margin-bottom: 20px; min-height: 65px; color: #000; display: flex; flex-direction: column; justify-content: center; }
.contact-info .right-box ul li span {background-color: #AD2023; position: absolute; left: 0; top: 0; width: 60px; height: 60px; border-radius: 60px; display: flex; align-items: center; justify-content: center; }
.contact-info .right-box ul li span img {min-width: 33px; }
.contact-info .right-box ul li a {color: #000; font-size: 20px; }
.contact-info {position: relative; background-image: url('../images/tribl2.jpg');background-size:cover;background-repeat:no-repeat; }
.contact-info .container{position: relative;z-index: 1;}
.contact-info::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffffe8;}
.contact-info form {background-color: #EBEBEB; border-radius: 20px; padding: 40px; box-shadow: 0 0 15px #00000033; }

/*-----our gallery sec------*/


.gallery-sec .filter-box h6 {font-size: 25px; font-weight: 500; }
.gallery-sec .form-check-label {font-size: 14px; }
.gallery-sec input.form-check-input {width: 15px; height: 15px !important; }
.gallery-sec .form-check-input:checked {background-color: #f3999f !important; border-color: #f3999f !important; }
.gallery-sec .filter-box-wraper {width: 300px; border-right: 1px solid #aeaeae;}
.gallery-sec .sngl-filter {margin-bottom: 40px; }
.gallery-sec .form-check {padding: 10px 0; padding-left: 44px; }
.gallery-sec .galary-box {display: flex; }
.gallery-sec .galary-content {width: calc(100% - 300px); padding-left: 50px; }
.gallery-sec .sngl-box {width: 100%; height: 300px; overflow: hidden; position: relative; margin-bottom: 24px;}
.gallery-sec .sngl-box img {width: 100%; height: 100%; object-fit: cover; }
.gallery-sec .video-icon-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.gallery-sec .video-icon-box img {width: 50px !important; height: 50px !important; background-color: #fff; border-radius: 50px; box-shadow: 0 0 10px #000; }
.gallery-sec .filter-box{position: sticky; top: 130px;}


/*-----about us sec------*/

.about-team {position: relative; background-image: url('../images/tribl2.jpg');background-size:cover;background-repeat:no-repeat; }
.about-team .container{position: relative;z-index: 1;}
.about-team::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffffe8;}
.about-team .flip-box {width: 300px; height: 300px; perspective: 1000px; border-radius: 10px; }
.about-team .flip-box-inner {position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
.about-team .flip-box:hover .flip-box-inner {transform: rotateY(180deg); }
.about-team .flip-box-front, 
.about-team .flip-box-back {position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.about-team .flip-box-front {color: black; border: 1px solid #8f8f8f; border-radius: 10px; }
.about-team .flip-box-back {background-color: #ffffff; color: #000000; transform: rotateY(180deg); border: 1px solid #5e5e5e; border-radius: 10px; padding: 15px; display: flex; justify-content: center; align-items: center; }
.about-team .content-box h3 {margin-bottom: 0; font-size: 25px; color: #000; font-weight: 600; }
.about-team .image-box img {width: 100%; height: 100%; object-fit: cover; }
.about-team .image-box {width: 100%; height: 200px; overflow: hidden; margin-bottom: 20px; overflow: hidden; border-radius: 15px; background-color: #efefef; }

/*------dashboard--------*/

.db-filter-sec input[type="submit"] {margin-top: 39px; }
.db-filter-sec .db-filter-box {background-color: #fff; box-shadow: 0 0 15px #7b7b7b; position: relative; margin-top: -45px; border-radius: 15px; padding: 40px; }
.db-filter-sec .db-filter-box h2 {font-size: 30px; color: #000; margin-bottom: 27px; }
.db-filter-sec label {font-size: 20px; margin-bottom: 10px; }
.db-map-sec {padding: 60px 0; }
.db-map-sec .content-sngl {height: 100%; padding: 20px; border-radius: 10px; text-align: center; min-height: 200px; display: flex; flex-direction: column; justify-content: center; }
.db-map-sec .content-sngl h4 {color: #fff; }
.db-map-sec .content-sngl h4 span {display: block; margin-top: 5px; }
.db-map-sec .content-sngl h6 {margin: 0; font-size: 30px; color: #fff; font-weight: 600; }
.db-map-sec .content-box .col-lg-6{margin-bottom: 24px;}
.map-graph .sngl-box {height: 100%; border: 1px solid #acacac; }
.map-graph .col-lg-6 {margin-bottom: 24px;}
.map-graph .sngl-box h2 {font-size: 25px !important; color: #000; padding: 15px; background-color: #e8e8e8; }
.map-graph .map-box{padding: 15px;}
.map-graph .map-box img {width: 100%; }
.map-graph {margin-bottom: 50px;}

/*------resource details--------*/

.resources-table .table thead {background-color: #4a69bd; color: #fff; }
.resources-table .download-btn {text-decoration: none; color: #007bff; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; }
.resources-table .download-btn:hover {color: #0056b3; }
.resources-table .top-filter-sec {display: flex; justify-content: flex-end; margin-bottom: 30px; flex-wrap: wrap; gap: 20px; }
.resources-table .filter-box {display: flex; align-items: center; }
.resources-table .filter-box label {margin-right: 10px; font-size: 18px; }
.resources-table select.form-select {width: 300px; }
.resources-table thead th {background-color: #000 !important; color: #fff !important; padding: 15px 10px !important; }
.resources-table{padding: 40px 0;}

/*-------traibal area---------*/

.tribal-map .map-mark-area{text-align: center;}
.tribal-dis-area .sngl-box {transition: all .6s ease-out;text-align: center; padding: 15px; border-radius: 15px; box-shadow: 0 10px 10px #00000029; background-color: #fff; height: 100%; display: block;}
.tribal-dis-area .icon-box {width: 60px; height: 60px; background-color: #4f8ea5; transition: all 0.3s ease; border-radius: 80px; margin: 0 auto; margin-bottom: 10px; }
.tribal-dis-area .icon-box img {width: 100%; height: 100%; object-fit: contain; padding: 15px; filter: brightness(0) invert(1); }
.tribal-dis-area .content-area h6 {font-size: 18px; line-height: 1.4; font-weight: 500; color: #000; margin: 0; }
.tribal-dis-area a:hover .icon-box {background-color: #0d47a0; transition: all 0.3s ease; }
.tribal-dis-area {position: relative; background-image: url('../images/tribl1.jpg');background-size:cover;background-repeat:no-repeat; background-attachment:fixed; }
.tribal-dis-area .container{position: relative;z-index: 1;}
.tribal-dis-area::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffffe8;}
.tribal-dis-area .col-lg-3 {margin-bottom: 25px; }
.tribal-dis-area .content-area h5 {margin-bottom: 0; font-size: 18px; font-weight: 500; color: #000; line-height:1.6; }
.tribal-dis-area .col-lg-3 a {height: 100%; }
.tribal-dis-area .content-area h5 {transition: all .6s ease-out; opacity: 0; transform: translate(0px, 0px); }
.tribal-dis-area .sngl-box:hover .content-area h6 {overflow: hidden; opacity: 0; transition: all .4s ease-out; }
.tribal-dis-area .sngl-box .content-area h6 {overflow: unset; transition: all .6s ease-out; opacity: 1; }
.tribal-dis-area .sngl-box:hover .content-area h5 {transition: all .6s ease-out; opacity: 1; transform: translate(0px, -25px); }






/*-------traibal single area---------*/


.tribal-galary-box .swiper-button-next.swiper-gal-next {background-color: #fff; border: 1px solid #000; width: 50px; height: 50px; border-radius: 50px; right: 0;}
.tribal-galary-box .swiper-button-prev.swiper-gal-prev {background-color: #fff; border: 1px solid #000; width: 50px; height: 50px; border-radius: 50px; left: 0;}
.tribal-galary-box .swiper-button-next:after {content: 'next'; color: #000; font-size: 21px; }
.tribal-galary-box .swiper-button-prev:after {content: 'prev'; color: #000; font-size: 21px; }
.tribal-galary-box {position: relative; background-image: url('../images/tribl1.jpg');background-size:cover;background-repeat:no-repeat; background-attachment:fixed; }
.tribal-galary-box .container{position: relative;z-index: 1;}
.tribal-galary-box::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffffe8;}
button.filter-toggle {display: none; }







































/*Media Query css*/


@media only screen and ( min-width:1700px ) {
    .container { max-width: 1600px !important;}

}
@media only screen and ( max-width:1599px ) {
	.statistic-sec .number-box {padding-right: 10px; }
	.banner-sec .swiper,
	.banner-sec .image-box{height: 600px;}
	.main-menu ul li:not(:last-child) {margin-right: 40px; }
	



	

}
@media only screen and ( max-width:1439px ) {
		.common-padd {padding-top: 80px; padding-bottom: 80px; }
		.banner-sec .image-box,
		.banner-sec .swiper {height: 600px;}
		.main-menu ul li:not(:last-child) {margin-right: 40px;}
		.about-us-sec .big-img {height: 500px; }
		.about-us-sec .video-box {height: 226px; }
		.about-us-sec .small-img {height: 250px; }
		.about-us-sec .partical-img {max-width: 200px; width: 100%; }
		.statistic-sec .number-box {font-size: 18px; }
		.main-menu ul li a, .main-menu ul li {font-size: 18px; }
		.tribal-reserch-sec .context-sec {padding: 40px; }
		.statistic-sec .crcl-box {max-width: 57%; }
		.about-team .flip-box {width: 100%;}
		.gallery-sec .filter-box-wraper {width: 250px;}
		.gallery-sec .galary-content {width: calc(100% - 250px);}
		.gallery-sec .sngl-box {height: 250px;}








}
@media only screen and ( max-width: 1199px ) {

	/*  ===========mobile nav==========  */

    .hamburger-nav{ display: inline-block; margin-left: 20px; }
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;}    
    .hamburger-nav span{background: #fff;}
    .header-section .right-panel{    -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a { font-size: 30px; color: #fff;  text-align: center;  font-weight: 800; } 
    .mobile-menu ul li a:hover{color: #fff;}
    .mobile-menu ul li ul.sub-menu li {  margin: 11px 0;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    .main-menu { display: none; }

    /*  ===========mobile nav==========  */

    .resources-table .resources-table-wraper {overflow-x: auto; }
    .resources-table .resources-table-wraper table {min-width: 1100px; }






}
@media only screen and ( max-width: 991px ) {
	.home-marque-wraper {position: relative; top: 0; margin-top: 30px; padding: 20px 10px;}
	.home-marque-wraper .text-box p {font-size: 16px; }
	.common-padd {padding-top: 50px; padding-bottom: 50px; }
	.statistic-sec .left-box ul li {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; text-align: center;}
	.banner-sec .swiper-pagination {bottom: 15px; }
	.main-header.fixed .logo {max-width: 60px; }
	.sec-heading.left-text h2::after{display: none;}
	.banner-sec .image-box, .banner-sec .swiper {height: 400px;}
	.statistic-sec {padding-top: 50px !important; }
	.statistic-sec .map-ion {top: 0; text-align: center;}
	.statistic-sec .crcl-box {max-width: 200px; }
	.about-us-sec .right-box {padding-left: 0; margin-top: 40px; }
	.about-us-sec .big-img {height: 400px; margin-bottom: 15px; }
	.about-us-sec .partical-img{display: none;}
	.about-us-sec .small-img {height: 400px; margin-bottom: 15px; }
	.about-us-sec .video-box {height: 400px; }
	footer .logo-box {margin-bottom: 30px; }
	footer .quick-link {padding-left: 0; margin-bottom: 30px; }
	.db-filter-sec .db-filter-box {margin-top: 0; }
	.db-filter-sec {padding-top: 50px; }
	.db-map-sec .arunachal-map {margin-bottom: 30px; }
	.map-graph .sngl-box h2 {font-size: 20px; }
	.resources-table .top-filter-sec {justify-content: unset; }
	.about-team .flip-box {margin-bottom: 30px; }
	.contact-info .right-box {margin-top: 30px; padding-left: 0px; }
	.contact-info label.form-label {font-size: 20px; }
	.gallery-sec .galary-box {display: block;}
	.gallery-sec .galary-content {width: 100%; padding: 0; }
	button.filter-toggle {display: block; }
	.filter-box-wraper {position: absolute; top: 40px; background-color: #fff; z-index: 9; width: 100% !important; padding: 0px; overflow: hidden; max-height: 0}
	.filter-box-wraper.active{max-height: 1000px;padding: 15px; box-shadow: 0 12px 10px #00000040;}
	.gallery-sec .sngl-filter {margin-bottom: 10px; }
	.galary-box button.filter-toggle {margin-bottom: 15px;background-color: #eeeeee;border: none;padding: 8px 30px;}
	.gallery-sec .filter-box h6 {font-size: 18px; margin-bottom: 5px; }
	.gallery-sec .form-check {padding: 6px 0; padding-left: 44px; }



}
@media only screen and ( max-width: 767px ) {




}
@media only screen and ( max-width: 575px ) {
	header .bard-two,
	header .bard-one {max-width: 26px; }
	.main-header {padding: 5px 0px; }
	.main-header .logo {max-width: 100px; }
	header.main-header::before {height: 60px; top: 21px; }
	.banner-sec .image-box, .banner-sec .swiper {height: 300px;}
	.swiper-button-next,
	.swiper-button-prev {width: 40px !important; height: 40px !important;}
	.statistic-sec .crcl-box {max-width: 130px; }
	.about-us-sec .left-box ul {padding-left: 15px; }
	.about-us-sec .big-img,
	.about-us-sec .small-img,
	.about-us-sec .video-box{height: 300px;}
	.tribal-reserch-sec .context-sec {padding: 30px 15px; }
	.quicklnk-sec-home .quicklink-wraper {padding: 15px; }
	.banner-sec .swiper-pagination {padding: 5px 30px; }
	.banner-sec .swiper-pagination {bottom: 0; }
	.innbanner-sec {height: 300px; }
	.db-filter-sec .db-filter-box {padding: 30px 15px; }
	.map-graph .sngl-box h2 {font-size: 18px !important; }
	.contact-info .right-box ul li span {width: 40px; height: 40px; }
	.contact-info .right-box ul li span img {min-width: 25px; }
	.contact-info .right-box ul li {padding-left: 55px; justify-content: unset; min-height: 40px;}
	.contact-info .right-box ul li a {font-size: 17px; }
	.contact-info form {padding: 15px; }
	.contact-info label.form-label {font-size: 16px; }










}
@media only screen and ( max-width: 380px ) {


}


/*Media Query css*/