@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/*font-family: 'Inter', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
/* font-family: "Italianno", cursive; */

:root{
	--font1:"Inter", sans-serif;;
	--primary: #F8971D;
	--base: #fff;
    --red: #DD5340;
	--secondary: #1F1F53;
	--secondary2: #3B443D;
	--grey: #CFCFCF;
    --text: #898989 ;
    --lightgrey: #F6F6F6;
    --black:#000;
    --lightbg: #FCF3E8;
    --lightprimary: #FCF3E8
	
}


*{ 
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0; 
    scroll-behavior: smooth; 
    font-size: 18px;
    line-height: 27px;
    color: var(--text);
    font-family: var(--font1);
}

p{
	margin: 0 0 20px;
	font-family: var(--font1);
	font-size: 18px;
}
img,svg{
    width: 100%;
}
.clear{
    clear: both;
}
.clear:after{
    position: relative;
    content: "";
    clear: both;
    display: table;
    width: 100%;
}


a{
    transition: .5s;
    text-decoration: none;
}
a:hover{
	text-decoration: none;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

section{
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}



.cmnbtn{
	overflow: hidden;
    background-color: var(--primary);
	color: var(--base);
	padding: 11px 32px;
	position: relative;
	overflow: hidden;
	display: inline-block;
    border-radius: 4px;
}
.cmnbtn span{
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 500;
}
.cmnbtn:after{
	position: absolute;
	content: "";
	left: 50%;
	top: 100%;
	transform: translate(-50%,0);
	background: var(--secondary);
	width: 120%;
	height: 130%;
	border-radius: 50%;
	transition:.5s;
}
.cmnbtn:hover:after{
	top: -10px;
	border-radius: 40px;
}
.cmnbtn:hover{
    color: var(--base);
}
.cmnbtn1{
    background-color: var(--red);
}

.cmnbtn2 span{
    display: inline-block;
    transition: 0.5s;
}
.cmnbtn2 span.ic{
    position: absolute;
    left: 32px;top: 50%;
    transform: translate(0,-50%);
    width: 24px;height: 24px;
}
.cmnbtn2 span.tx{
    padding-left: 35px;
}
.cmnbtn2:hover span.ic{
    left: 99px;
}
.cmnbtn2:hover span.tx{
    padding-left: 0;
    padding-right: 35px;
}

/* header */
.head-main{
    position: relative;
    z-index: 99999;
    padding: 9px 0;
    box-shadow: 0 20px 30px 0 rgba(0,0,0,0.10);
    width: 100%;
    background: var(--base)

}
.mobile-menu .head-nav li a {
    color: var(--base) !important;
}
.headright{
    display: flex;
    align-items: center;
    gap: 30px;
}
.header-in-full-sec{
	width: 100%;
}
.head-in{
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.header-in-full-sec .head-nav{
	display: flex;
}
.head-menu ul li a{
	color: var(--secondary);
	font-size: 18px;
    text-transform: capitalize;
}

.head-menu ul li{
    padding-right: 40px;
    position: relative;
    padding-left: 12px;
}
.dropdown{
	position: relative;
}
.header-in-full-sec .dropdown .drop-menu{
    opacity: 0;
    transition: 0.5s;
    visibility: hidden;
    position: absolute;
    top: 30px;
    left: 0;
    background-color: var(--base);
    padding: 20px 0 20px 11px;
    min-width: 226px;
    border-radius: 4px;
}
.mobile-menu  .dropdown .drop-menu{
	/* opacity: 0;
	transition: 0.5s;
	visibility: hidden;
	position: absolute;
	top: 54px;
	left: 0;
	background-color: var(--base);
	padding: 20px 0 20px 30px;
	display: flex;
	flex-direction: column;
	min-width: 304px; */
    display: none;
	
}
.dropdown ul li{
	padding-right: 0;
    margin-bottom: 5px;
}
.dropdown ul li:last-child {
	margin-bottom: 0;
  }
.dropdown .drop-menu li a{
	color: var(--secondary);
}
.head-menu ul li span i{
	    color: var(--secondary); 
		position: relative;
		top: 5px;
		font-size: 22px;
		margin: 0 2px;
        transition: 0.5s;
}
.head-menu ul li.dropdown:hover .drop-menu{
opacity: 1;
visibility: visible;
}

.sticky-header{
    top: -100%;
    position: fixed;
    z-index: 999;
    transition: 0.5s;
    width: 100%;
   opacity: 1;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
   background: var(--base);
   padding: 9px 0;
} 
.sticky .sticky-header{
    top: 0;
}
.header-in-full-sec .dropdown-btn{
    display: none;
}
.header-in-full-sec .mobile-nav-toggler .inner {
    position: relative;
    display: block;
    padding: 3px 5px;
    background: var(--primary);
}
.mobile-nav-toggler .icon-bar {
    position: relative;
    display: block;
    background: #ffffff;
    height: 2px;
    width: 30px;
    margin: 7px 5px;
}
.header-in-full-sec .mobile-nav-toggler {
    position: relative;
    display: none;
    cursor: pointer;
   
}
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    max-width: 100%;
    height: 100%;
    padding-right: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}
.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}
.mobile-menu .menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #000000;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.mobile-menu-visible .mobile-menu .close-btn{
    transform: rotate(360deg);
}
.mobile-menu .head-in {
    flex-direction: column;
    align-items: flex-start;
}
/* .mobile-menu .head-menu ul {
    display: block;
} */

.mobile-menu .drop-menu li {
    position: relative;
    display: block;
}
.mobile-menu .head-logo{
    display: none;
}
.close-btn{
    position: absolute;
    top: 14px;
    right: 9px;
    width: 36px;
    z-index: 99;
    transition: all 0.9s ease;
}
.close-btn span{
    color: var(--base);
    font-size: 34px;
}
.mobile-menu .head-nav li.dropdown .dropdown-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.10);
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 5;
    display: inline-block;
}

.mobile-menu .head-nav li.dropdown .dropdown-btn.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
} 
.mobile-menu  .head-nav {
    display: block;
    padding: 54px 0;
}
.mobile-menu .head-nav li a{
    color: var(--base);
}
.mobile-menu .head-nav li {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .head-nav li a{
    position: relative;
    display: block;
    padding: 10px 25px;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.mobile-menu .dropdown ul li {
    padding-right: 0;
    margin-bottom: 0;
    display: block;
}
.mobile-menu .dropdown ul li a{
    font-size: 15px;
    font-weight: 400;
    margin-left: 20px;
    text-transform: capitalize;
}
.head-menu ul li:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 10px;
    width: 10px;
    border-radius: 0 12px 12px 0 ;
    background-color: var(--primary);
    transform: translate(0, -50%);
    opacity: 0;
    transition: 0.5s;
}
.head-menu ul li:hover a{
    color: var(--primary);
}

.head-menu ul li:hover span i{
    color: var(--primary);
}
.head-menu ul li:hover:before{
    opacity: 1;
}
.drop-menu li a{
    color: var(--secondary) !important;
}
.drop-menu li:hover a{
    color: var(--primary) !important
}
/* banner */
.banner-slide{
	position: relative;
}
.banner-slide:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #071422;
	opacity: 0.6;
	z-index: 1;
}
.banner-sec{
	position: relative;
    overflow: hidden;
}
.banner-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
	z-index: 2;
}
.banner-content-inside h1{
	font-size: 72px;
	color: var(--base);
	line-height: 93px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 47px;

}
.ban-but{
	padding: 23px 54px;
	font-weight: 400;
}
.banner-full-sec .owl-theme .owl-nav .owl-prev,
.banner-full-sec .owl-theme .owl-nav .owl-next {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    background: rgba(255, 255, 255, .20);

    border-radius: 50%;
   
}
.banner-full-sec .owl-theme .owl-nav {
    position: absolute;
   bottom: 50%;
    right: 15%;
    height: 150px;
    display: flex;
  
    align-items: center;
    flex-direction: column;
    align-items: flex-end;
    z-index: 3;
	gap:16px;
    
}
.banner-full-sec .owl-theme .owl-next:before{
		position: absolute;
		background: url(../images/icons/leftarrow.png) no-repeat 0 0;
		background-size: cover;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		content: "";
		z-index: 90;
		width: 40px;
		height: 40px;
}
.banner-full-sec .owl-theme .owl-prev:before{
	position: absolute;
	background: url(../images/icons/rightarrow.png) no-repeat 0 0;
	background-size: cover;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: "";
	z-index: 90;
	width: 40px;
	height: 40px;
}

	.banner-sec .ban-shape {
		position: absolute;
		top: 205px;
		left: 115px;
		bottom: 100px;
		right: 100%;
		background-color: #222733;
		opacity: 0.5;
		z-index: 1;
		transform: skew(0deg, 0deg);
		transform-origin: left;
		transition: all 1000ms ease;
	}
	.banner-sec .active .ban-shape {
		right: 65%;
		transform: skew(20deg, 0deg);
		transition: all 1500ms ease;
	}

/* .banner-full-sec .owl-theme .owl-next:before{
	position: absolute;
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 18px;
    font-weight: 400;
    color: var(--secondary);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */
.banner-full-sec .owl-theme .owl-next span,.banner-full-sec .owl-theme .owl-prev span{
	visibility: hidden !important;
}
/* footer */
/* .foot-social ul{
	display: flex;
	gap: 15px;
}
.foot-logo{
	margin-bottom: 24px;
    width: 64%;
}
.foot-main{
	padding: 80px 0 0;
	background: url(../images/pattern-5.png) no-repeat 0 0;
	background-size: cover;
	background-color: #002a34;
}
.foot-main p,.foot-main h3,.foot-main ul li,.foot-main ul li span{
	color: var(--white);
}
.foot-social ul li a i{
	color: var(--white);
	transition: 0.5s;
}
.foot-social ul li:hover a i{
	color: #8a7b5e;
}
.quick-link h3{
	position: relative;
	margin-bottom: 30px;
    padding-bottom: 15px;
	font-size: 22px;
}
.quick-link h3:before{
	position: absolute;
	width: 35px;
    height: 2px;
	background: var(--white);
	content:"";
	bottom: 0;
	left: 0;
}
.quick-link ul li a{
	color: var(--white);
	transition: 0.5s;
}
.quick-link ul li{
	margin-bottom: 10px;
}
.quick-link ul li a:hover {
    color: #8a7b5e;
    margin-left: 10px;
    text-decoration: underline;
}
.work-hour ul li{
	display: flex;
	justify-content: space-between;
}
.form-sub form input{
	position: relative;
    border: 0px;
    padding: 10px 55px 10px 25px;
    background-color: #003c4a;
    display: block;
    font-size: 15px;
    width: 100%;
    color: #ffffff;
	outline: none;
}
.form-sub{
	position: relative;
}
.form-sub button{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #8a7b5e;
	height: 47px;
    width: 64px;
	border: 0;
	transition: 0.5s;
}
.form-sub button span i{
	color: var(--white);
}
.form-sub button:hover{
	background-color: var(--white);
}
.form-sub button:hover span i{
	color: #8a7b5e;
}
.footer-bottom{
    padding: 18px 0px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: var(--white);
}
.footer-sec{
	padding-bottom: 50px;
} */
.bannerleft h6{
    display: inline-block;
    background: var(--primary);
    padding: 4px 10px;
    border-radius: 38px;
    font-weight: 600;
    color: var(--base);
}
.bannerleft h1{
    font-size: 48px;
    font-weight: 800;
    color: var(--secondary);
    line-height: 64px;
}
.bannerleft h1 span{
    color: var(--primary);
}
.bannerleft p{
    font-size: 19px;
    letter-spacing: 3px;
    line-height: 23px;
}
.banbut{
    background: var(--red);
}
.bannerbut .banbut{
    margin-left: 27px;
}
.bannerin{
    padding: 70px 0;
}
.bannerin .owl-stage-outer{
    padding: 20px 0;
}

.banimg{
    position: relative;
}
.banimg img{
    position: relative;
    z-index: 2;
}
.banimg:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--primary);
    top: -17px;
    left: -17px;
    border-radius: 20px;
    z-index: -1;
}
.banner-sec:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background: url(../images/shapes/banshape1.png) no-repeat 0 0;
    z-index: -1;
}
.bannerright{
    position: relative;
}
.bannerright:before{
    content: "";
    position: absolute;
    top: -64px;
    left: -42px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background: url(../images/shapes/banshape2.png) no-repeat 0 0;
    z-index: -1;
}
.banshape3{
    position: absolute;
    right: -29px;
    width: 17%;
    bottom: 0;
}

 .bannershape4{
    position: absolute;
    bottom: -87px;
    right: 112px;
 }
 .bansocial{
    position: absolute;
    bottom: 144px;
    left: 0;
    background: var(--primary);
    padding: 10px;
    border-radius: 0 10px 10px 0;
 }
 .bansocial ul li a i{
    color: var(--base);
 }
 .bansocial ul li{
    width: 30px;
    height: 30px;
    border: 1px solid var(--base);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 10px;
 }
 /* about */
 .abbox{
    display: flex;
 }
 .aboutleft{
    position: relative;
 }
 .abvolunteer{
    text-align: center;
    padding: 24px 50px;
    border-radius: 16px;
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 95px;
    bottom: 66px;
    z-index: 5;
    background: var(--base);
 }
 .abvolunteer h6{
    font-weight: 600;
    color: var(--primary);
 }
 .volimages{
    display: flex;

 }
 .volunt {
    margin-left: -17px;
 }
 .num{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    
 }
 .num a{
    color: var(--base);
    font-weight: 600;
 }
 .aboutimg{
    display: flex;
    gap: 20px;
    align-items: baseline;
 }
 .abimg1{
    margin-bottom: 20px;
 }
 .abicon img{
    width: 40px;
 }
 .sectitle h6{
    font-size: 18px;
    font-weight: 600;
    color: var(--primary);
    position: relative;
    padding-left: 33px;
    text-transform: capitalize;
    display: inline-block;
 }
 .sectitle h6:before{
    position: absolute;
    content: "";
    width: 24px;
    height: 2px;
    background: var(--primary);
    border-radius: 4px;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
 }
 .sectitle h2{
    text-transform: capitalize;
    color: var(--secondary);
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
 }
 .sectitle{
    margin-bottom: 30px;
 }
 .abbox{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
    padding-bottom: 20px;
    padding-bottom: 20px;
    gap: 84px;
 }
 .abcont h6{
    font-weight: 700;
    color: var(--secondary);
    font-size: 18px;
 }
 .abicon{
    margin-bottom: 10px;
 }
 .aboutimgleft{
    position: relative;
 }
 .abspin{
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translate(0, -50%);
    z-index: -1;
    width: 33%;
 }
 .aboutsec{
    padding-top: 50px;
 }
.playbut{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    
}
.actionright{
    position: relative;
}
.playbut i{
    color: var(--base);
    font-size: 40px;
}
.playbut:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid var(--primary);
    opacity: 0.5;
    left: 0;
    top: 0;
    border-radius: 50%;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-name: video-animation;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}
@keyframes video-animation{
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
    
}
.playbut:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid var(--primary);
    opacity: 0.5;
    left: 0;
    top: 0;
    border-radius: 50%;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-name: video-animation;
    animation-iteration-count: infinite;
}

.actionimg{
    position: relative;
    z-index: 2;
    text-align: center;
}
.actionshape{
    position: absolute;
    top: -74px;
    left: -5px;
    z-index: 1;
}
.actionimg img{
    width: auto;
}
.eventimg img{
    border-radius: 20px;
	height: 300px;
    object-fit: cover;
}
.evdate{
    color: var(--primary);
    padding: 8px 16px;
    display: inline-block;
    border-radius: 8px;
    background: #fef5e8;
    margin: 20px 0 10px;
}
.evtitle a{
    color: var(--secondary);
    font-weight: 700;
    font-size: 21px;
    
   
}
.evtitle{
    line-height: 25px;
}
.events .owl-theme .owl-prev span,.events .owl-theme .owl-next span{
    visibility: hidden;
}
.events .owl-carousel .owl-nav button.owl-prev,.events .owl-carousel .owl-nav button.owl-next{
    width: 50px;
    height: 50px;
    background: #F1F1F1;
    border-radius: 8px;
    position: relative;
    transition: 0.5s;
  
    
}
.events .owl-carousel .owl-nav button.owl-prev:hover, .events .owl-carousel .owl-nav button.owl-next:hover{
    background: var(--primary);
    
}
.events .owl-carousel .owl-nav button.owl-prev:hover:before, .events .owl-carousel .owl-nav button.owl-next:hover:before{
  color: var(--base);
}
.events .owl-carousel .owl-nav{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px;
}
.eventslider{
    position: relative;
}
.events .owl-carousel .owl-nav button.owl-prev:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 26px;
    content: "\f12e";
    font-family: "uicons-regular-rounded";
    color: #9f9797;
    transition: 0.5s;
    transform: translate(-50%,-50%);
}
.events .owl-carousel .owl-nav button.owl-next:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 26px;
    content: "\f12f";
    font-family: "uicons-regular-rounded";
    color: #9f9797;
    transition: 0.5s;
    transform: translate(-50%,-50%);
}
.events .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: -59px;
}
.events .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right: -60px;

}
.evup{
    position: relative;
}
.evup .playbut:before,.evup .playbut:after{
    display: none;
}
.eventleft{
    max-width: 365px;
}
.evup .playbut i {
    font-size: 29px;
}
.evup .playbut {
    background: rgba(0,0,0,0.5)
    
}

.programleft ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
   
}
.programleft ul li{
    display: flex;
    align-items: center;
    margin-right: 70px;
    margin-bottom: 21px;
    gap: 10px;
   
}
.programleft ul li p{
    color: var(--secondary);
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}
.program{
    background-color: var(--lightgrey);
    background-image: url(../images/resources/programbg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.programright{
    display: flex;
    gap: 14px;
}
.programslider .slider{
    display: inline-block;
    background: var(--base);
    border: 2px solid var(--red);
    border-radius: 15px;
    text-align: center;
    padding: 46px 110px;
    position: relative;
    left: 69px;
    overflow: hidden;
}
.programslider .slider:before{
    content: "";
    width: 110%;
    height: 100%;
    bottom: -100%;
    left: 0;
    position: absolute;
    background: var(--red);
    transition: 0.5s;
   
    z-index: 1;
    
}

.programslider .slider:hover:before{
    bottom: 0;
    animation: bounce 0.5s ease-in-out 1;
}
@keyframes bounce {
    0% {
        bottom: 0;
      
      }
      30% {
        bottom: 20px;
       
       
      }
      50% {
        bottom: 0;
        
       
      }
      70% {
        bottom: 10px;
        
       
      }
      100% {
        bottom: 0;
       
        
      }
    }
  
.programslider .slider:hover p{
    color: var(--base);
}
.programslider .slider p{
    color: var(--red);
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 0;
    position: relative;
    z-index: 4;
}
.pro2{
    position: relative;
    top: 78px;
}
.program .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
}
.proappli{
    background: var(--red);
    color: var(--base);
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
    position: absolute;
    right: 62px;
    top: -40px;
    padding: 24px 54px;
    border-radius: 16px;
    text-align: center;
    z-index: 3;
}
.proappli p{
    margin-bottom: 0;
    font-size: 20px;
}
.proshape{
    position: absolute;
    top: -97px;
    left: 0;
    z-index: 1;
}
.programright{
    position: relative;
    z-index: 2;

}
.proimgright{
    position: relative;
}
.program .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0;
}
/* ctadonation */
.ctadonation{
    background: var(--red);
    padding: 0;
}
.donateright{
    position: relative;
}
.donleft{
    padding: 100px 0;
}
.darksec .sectitle h6,.darksec .sectitle h2,.darksec .sectitle h6:before,.darksec p{
    color: var(--base);
}
.darksec .sectitle h6:before {
    background: var(--base);
   
}
.donright{
    position: absolute;
    bottom: 0;
    right: 0;
}
.donationin{
    position: relative;
}
.odometer,.coun-sub{
    color: var(--base);
    font-weight: 800;
    font-size: 64px;
    display: inline-block;
}
.country{
    font-weight: 600;
    font-size: 38px;
    opacity: 0.6;
    margin-bottom: 37px;
}
/* ctawedo */
.ctawedo{
    background: url(../images/resources/ctabg.jpg) no-repeat 0 0;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.ctawedo:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--secondary);
    opacity: 0.5;
    z-index: 1;
}
.ctawedoin{
    position: relative;
    z-index: 5;
}
.tcenter{
    text-align: center;
}
.tcenter h6{
    display: inline-block;
}
.ctawedoin p{
    text-align: center;
    font-weight: 500;
    font-size: 32px;
    line-height: 51px;
    text-transform: capitalize;
}
/* testimonials */
.testiin p{
    text-align: center;
    max-width: 1018px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.testicont p{
    margin-bottom: 0;
}
.testiclient{
    display: flex;
    gap: 17px;
}
.testislider .slider p{
    text-align: left!important;
}
.testistar i{
    color: #F8971D;
}
.testislider .slider{
    background: var(--base);
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);
    position: relative;
    border: 2px solid rgba(221,83,64,0);
    transition: 0.5s;
}
.testislider .slider:hover{
    border: 2px solid rgba(221,83,64,1);
}
.testimonials{
    background: var(--lightgrey);
}
.testipara{
    margin: 20px 0;
}
.testicont h6{
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: 5px;
}
.testislider .slider:before{
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background: url('../images/resources/inv.png') no-repeat 0 0;
    background-size: cover;
    bottom: 41px;
    right: 39px;

}
.testimonials .owl-dots {
    display: flex !important;
    align-items: center;
    margin: 50px 0 0 0;
    justify-content: center;
    gap: 10px;
}
.testimonials .owl-dots .owl-dot.active {
    opacity: 1;
}
.testimonials .owl-dots .owl-dot {
    width: 11px;
    height: 11px;
    background: var(--primary);
    border-radius: 50%;
    opacity: 0.5;
}
/* blog */
.blogsec .evdate{
    color: var(--text);
    background: transparent;
    padding: 0;
    margin: 20px 0 0px;

}
.eventbtn{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0d9d9;
}
.ni{
    margin-right: 7px;
}
.blogbox .lightbut {
   color: var(--primary);
   border: none;
    padding: 0;
    overflow: visible;
    background: none;
    position: relative;
    display: inline-block;
}
.lightbut .ar {
    position: relative;
    top: 3px;
    font-size: 19px;
    display: inline-block;
}
.lightbut span i {
    transition: 0.5s;
    position: relative;
    right: 0;
}
.lightbut .ar:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--primary);
}
.blogbox .cmnbtn:after{
    display: none;
}
.blogbox .lightbut{
    margin-top: 10px;
}
.blogin{
    text-align: center;
}
.blogbox{
    text-align: left;
}
.blogbtn{
    margin-top: 50px;
}
.lastevent{
    background: var(--lightgrey);
}
.evbox{
    display: flex;
    align-items: center;
    gap: 40px;
}
.evbox .evdate{
    margin: 0;
    padding: 0;
    background: transparent;
    color: var(--text);
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
}
.evbox  .evtitle a{
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
}
.eventright{
    text-align: right;
}
.greybtn{
    background: transparent;
    border: 2px solid var(--text);
    color: var(--text);
    margin-left: 20px;
}
.greybtn:after {
    background: var(--primary);
}
.greybtn:hover{
    border: 2px solid var(--primary);
}
.evbox .eventimg img{
    width: 280px;
    height: 280px;
	object-fit: contain;
}
.lightbut span{
    font-size: 18px;
    font-weight: 400;
}
/* footer */
.footer{
    background-color: var(--secondary);
    background-image: url(../images/shapes/footerbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    padding-top: 100px;
}
.footlogo{
    width: 19%;
}
.footleft p{
    margin: 30px 0;
    color: var(--base);
}
.footleft .bansocial {
    position: relative;
    background: transparent;
    padding: 10px;
    border-radius: 0 10px 10px 0;
    bottom: 0;
}
.footleft .bansocial ul{
    display: flex;
    gap: 15px;
   
}
.footleft .bansocial ul li {
    width: 43px;
    height: 43px;
    border: 1px solid var(--base);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 10px;
}
.footleft .bansocial ul li a i {
    color: var(--base);
    font-size: 21px;
}
.foottitle{
    color: var(--primary);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.footmid ul li{
    margin-bottom: 20px;
}
.footlastup ul li{
    display: flex;
    gap: 10px;
    margin-bottom: 20px;

}
.footlastup ul li span i{
    color: var(--base);
}
.footlastup ul li a{
    color: var(--base);
}
.footlastdown p{
    color: var(--base);
}
.footlastdown form{
    position: relative;
}
.footlastdown form input{
    background: transparent;
    width: 100%;
    border: 1px solid var(--base);
    border-radius: 4px;
    padding: 16px 20px;
	color: #fff;
}
.footlastdown form .cmnbtn {
    position: absolute;
    right: 7px;
    top: 5px;
    width: auto;
    background-color: var(--primary);
    color: var(--base);
    padding: 11px 32px;
    display: inline-block;
    border-radius: 4px;
}
.footlastdown .wpcf7 form.invalid .wpcf7-response-output, .footlastdown .wpcf7 form.sent .wpcf7-response-output {
    color:#fff !important;
}
.footlastdown form .wpcf7-not-valid-tip {
    padding-top: 12px;
}
.footmid ul li a{
    color: var(--base);
}
.footlastup{
    margin-bottom: 35px;
}
.footmid{
    padding-left: 99px;
}
.footerinup{
    padding-bottom: 40px;
    border-bottom: 2px solid var(--base);
    margin-bottom: 40px;
}
.footerindown{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footerindown p{
    color: var(--base);
}
.footerindown p a{
    color: var(--primary);
}
.progress-container {
    position: absolute;
    width: 80px;
    height: 80px;
    background: var(--red);
    border-radius: 50%;
    
  }
  
  .progress-circle {
    transform: rotate(-90deg); /* Rotates the circle to start from top */
  }
  
  .circle-bg {
    fill: none;
    stroke: var(--red);
    stroke-width: 4; /* Thickness of the background circle */
  }
  
  .circle {
    fill: none;
    stroke-width: 4; /* Thickness of the progress circle */
    stroke: var(--primary);
    stroke-dasharray: 226; /* Circumference: 2 * pi * r, where r = 36 */
    stroke-dashoffset: 226; /* Initially hide the progress */
    transition: stroke-dashoffset 0.3s linear;
  }
  
  .progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 21px;
    font-weight: 800;
    color: var(--base);
  }
  .impcont{
    position: relative;
  }
  .impprogress{
    background: var(--red);
    display: inline-block;
    color: var(--base);
    margin-left: 20px;
    border-radius: 24px;
    position: relative;
    top: -18px;
    z-index: 23;
  }
  .impprogress p{
    margin-bottom: 0;
    padding: 5px 19px 5px 103px;
  }
  .proout{
    width: 90px;
    height: 90px;
    background: var(--base);
    border-radius: 50%;
    top: -25px;
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }
  .imppara{
    padding: 30px 30px 30px 30px;
  }
  .impcont{
    background: var(--base);
    border-radius: 0 0 20px 20px;
   
  }
  .impactbox{
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
  }
    .impactbox{
        border-radius: 0 0 20px 20px;
    }


/* about page */
.banin .row{
    justify-content: space-between;
    align-items: center;
}
.banright{
    display: flex;
    gap: 20px;
    justify-content: end;
}
.banleft h2{
    color: var(--secondary);
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
}
.banleft ul {
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding-left: 0;
}
.banleft ul li a {
    color: var(--text);
    position: relative;
    font-size: 20px;
}
.banleft ul li a:after {
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    content: "/";
}
.banleft ul li:last-child a:after {
	display: none;
}
.banleft ul li:last-child a{
    color: var(--primary);
}
.inbanner{
    padding: 100px 0 ;
    position: relative;
}
.banshape1{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.banshapebot{
    position: absolute;
    bottom: 0;
    right: 48px;
    width: 17%;
    z-index: -1;
}
.inban1{
    position: relative;
    top: 68px;
}
.inban1:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--primary);
    top: -13px;
    left: -13px;
    border-radius: 20px;
    z-index: -1;
}
/* story */
.storyleft{
    display: flex;
    gap: 20px;
    position: relative;
    z-index: 6;
}
.storyin .row{
    align-items: center;
}
.storyimg1{
    position: relative;
    top: 67px;
}
.storyshape{
    position: absolute;
    bottom: -91px;
    left: -60px;
    width: 30%;
    z-index: -1;
}
.behindstory .row{
    align-items: center;
}
/* .history */
.history{
    background: url(../images/shapes/histbg.png) no-repeat 0 0;
    background-size: cover;
}
.storyimg{
    position: relative;
    z-index: 6;
}
.history .storyshape{
    z-index: 1;
    bottom: -40px;
}
/* starfish */
.starfish{
    background-color: var(--lightbg);
    background-image: url(../images/shapes/star.png);
    background-repeat: no-repeat;
    background-size: cover;
    
}
.starleft h3{
    font-size: 48px;
    font-weight: 800;
    line-height: 64px;
    color: var(--red);
}
.starRight h3{
    font-weight: 700;
    font-size: 42px;
    color: var(--primary);
    text-align: center;
}
.starfish h3{
    margin-bottom: 40px;
}
.starleft p{
    font-size: 22px;
}
.starfish p{
    margin-bottom: 0;
}
.starfish .row{
    align-items: center;
}
/* capmediain */
.capmediain{
    text-align: center;
}
.capmediain h3{
    font-weight: 700;
    font-size: 24px;
    color: var(--primary);
}
.capmedia .footleft .bansocial ul li{
    border: 1px solid var(--red);
    background: var(--base);
    transition: 0.5s;
    margin-bottom: 0;
}
.capmedia .footleft .bansocial ul{
    justify-content: center;
}
.capmedia .footleft .bansocial ul li a i {
    color: var(--red);
    transition: 0.5s;
}
.capmedia .footleft .bansocial ul li:hover,.capmedia .footleft .bansocial ul li.active{
    background: var(--red);
    border: 1px solid var(--red);
}
.capmedia .footleft .bansocial ul li:hover a i,.capmedia .footleft .bansocial ul li.active a i{
    color: var(--base);
}
.history .storyleft{
    display: inline-block;
}
/* ledaerpage */
.leaderstory .storyleft{
    display: inline-block;
}
.leaderstory .storyright .sectitle h2{
    margin-bottom: 0;
}
.sp{
    color: var(--red);
}
.leaderstory .storyshape {
    position: absolute;
    bottom: 34px;
    left: -99px;
    width: 35%;
    z-index: -1;
}
/* teamMember */
.teamcont h3{
    color: var(--secondary);
    font-size: 24px;
    font-weight: 700;

}
.teamcont p{
    color: var(--red);
    margin-bottom: 0;
}
.teamcont{
    text-align: center;
    padding: 30px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    display: block;
    margin-top: -15px;
    background: var(--base);
    z-index: 2;
    position: relative;
}
.teambox{
    text-align: center;
    border-radius: 8px;
}
.teamup{
    position: relative;
}
.teamup:before{
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: var(--red);
    opacity: 0.7;
    position: absolute;
    z-index: 1;
    border-radius: 8px;
    transition: 0.5s;
}
.teambox:hover .teamup:before{
    height: 100%;
}
.teamhov p{
    opacity: 0;
    transition: 0.5s;
}
.teambox:hover .teamhov p{
    opacity: 1;
}
.teambox:hover .bio{
    top:  46px;
    opacity: 1;
}
.teamhov{
    position: absolute;
    top: 0;
    left: 0;
    color: var(--base);
    z-index: 5;
    text-align: left;
    padding: 78px 30px 0 58px;
    width: 100%;
    height: 100%;
}
.bio{
    font-weight: 700;
    transform: rotate(-90deg);
    position: absolute;
    top: 100%;
    left: 9px;
    transition: 0.5s;
    opacity: 0;
}
.bio:before{
    content: "";
    position: absolute;
    left: -139px;
    top: 14px;
    width: 125px;
    height: 2px;
    background: var(--base);
    border-radius: 2px;
}
.hoverh{
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
	width: 100%;padding: 0 30px;
}
.teamh{
    opacity: 1;
    transition: 0.5s;
}
.teambox:hover .teamh{
    opacity: 0;
}
.hoverh{
    opacity: 0;
}
.teambox:hover .hoverh{
    opacity: 1;
}
.teamimg img{
    transform: scaleX(1.0);
    transition: 0.5s;
	height: 100%;
	object-fit: cover;
}
.teamimg{
    overflow: hidden;
    border-radius: 8px;
	height: 365px;
}
.teambox:hover .teamimg img{
    transform: scaleX(1.0);
}
.teambox{
    margin-bottom: 30px;
}
/* pagination */
ul.page-numbers {
    display: flex;
    align-items: center;
    margin-top: 50px;
    column-gap: 14px;
    justify-content: center;
}
ul.page-numbers li a, ul.page-numbers li .current {
    width: 48px;
    height: 48px;
    border: 1px solid var(--text);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    border-radius: 50%;
    color: var(--text);
}
ul.page-numbers li .current, ul.page-numbers li a:hover{
    background: var(--red);
    color: var(--base);
    border: 1px solid var(--red);
    transition: 0.6s;
}
/* sponsor */
.secpara{
    text-align: center;
}
.sponbox{
    border: 1px solid var(--text);
    border-radius: 20px;
    padding: 10px 20px;
    transition: 0.5s;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.0);
    margin-bottom: 20px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.sponimg img {
    width: 220px;
}
.sponbox:hover{
    border: 1px solid var(--primary);
    box-shadow: 0px 0px 25px 0px rgba(248, 151, 29, 0.10);
}
.sponin{
    margin-bottom: 40px;
}
.sponcollab .row{
    justify-content: center;
}
.boximg p{
    font-size: 75px;
    font-family: "Italianno", cursive;
    line-height: 66px;
    margin-bottom: 0;
    position: relative;
    z-index: 3;
    color: var(--base);
}
.boximg{
    width: 325px;
    height: 283px;
    border: 10px solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    top: -79px;
    left: 134px;
    
}
.lastgal{
    margin-top: -25px;
}

.secgal{
    position: relative;
    top: -64px;
}
.galimg{
    margin-bottom: 30px;
	padding: 0 15px;
}
.galsmall{
    position: relative;
}

 .galshape1{
    position: absolute;
    top: -145px;
    left: -119px;
    z-index: -1;
 }
 .galshape2 {
    position: absolute;
    top: -60px;
    right: -185px;
    z-index: 1;
}
.gallery{
    padding-top: 150px;
}
.comingsoon{
    background: url(../images/shapes/comingbg.png) no-repeat;
    background-size: cover;
    background-position: center center;
}
.comingsoon h3{
    font-size: 42px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--secondary);
/*     max-width: 901px;
    margin: 0 auto; */
	margin-bottom: 30px;
}
.comingsoon .row{
	align-items: center;
}
.develope .storyimg{
    margin-bottom: 20px;
}
.develope .storyleft{
    align-items: flex-end;
}
.develope .storyimg1 {
   top: unset; 
}
.develope .storyshape {
  bottom: unset; 
 left: unset; 
    top: 49px;
    right: 116px;
}
.sectitle h2 span{
    color: var(--red);
}
.clientabout{
    background: var(--lightprimary);
}
.clientabout .storyright p span{
    color: var(--red);
    font-weight: 700;
}
.clientabout .storyleft {
    display: unset;
}
.clientabout .storyimg img{
    width: auto;
}
.clientabout .storyimg{
    text-align: center;
}
.clientabout .storyshape {
    bottom: -76px;
    left: -60px;
    width: 43%;
}
.clientabout2{
    background: transparent;
}
.clientabout2 .storyshape {
    bottom: -86px;
    right: 0;
    left: unset;
}
.endsec{
    padding-top: 50px;
    text-align: center;
}
.endsec img{
    width: auto;
}

/* National-APAWLI page */

.National-APAWLI h4{
    color: var(--red);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.National-APAWLI ul{
    padding: 0;
    margin-bottom: 20px;
    padding-left: 10px;
}
.National-APAWLI ul li{
    background: url(../images/tik.svg) no-repeat 0 center;
    background-size: 15px;
    padding: 0 0 0 25px;
    margin-bottom: 15px;
    font-size: 18px;
    color: var(--text);
}
.National-APAWLI p a{
    color: var(--red);
    text-decoration: underline;
}
.National-APAWLI-table{
    padding: 0 80px;
    margin-top: 50px;
}
.National-APAWLI-table table{
    width: 100%;
}
.National-APAWLI-table table tr{
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 6px solid #fff;
    color: var(--secondary);
}
.National-APAWLI-table table tr th{
    font-size: 18px;
    font-weight: 400;
}
.National-APAWLI-table table tr th, .National-APAWLI-table table tr td{
    padding: 0 10px;
}
.National-APAWLI-table table tr th:first-child, .National-APAWLI-table table tr td:first-child{
    border-right: 2px solid #fff;
    width: 30%;
}
.National-APAWLI-table table tr:nth-child(odd){
    background-color: #fcedec;
}
.National-APAWLI-table table tr:nth-child(even){
    background-color: #f3f3f3;
}
.National-APAWLI-table table tr:first-child{
    background-color: var(--red);
    color: #fff;
}
.sec-btn{
    margin-top: 30px;
    text-align: center;
}
.APAWLI-img{
    margin-top: 70px;
}
.National-APAWLI{
    padding-bottom: 200px;
    background: url(../images/apawli-back.png) no-repeat 0 bottom;
    background-size: 100%;
}

.APAWLI-fellows{
    background: var(--lightbg);
}
.sec-text-a{
    font-size: 18px;
    color: var(--red);
    display: block;
    margin-bottom: 25px;
}
.APAWLI-fellows{
    padding: 0;
}
.APAWLI-opportunity{
    background:  url(../images/opportunity-back.png) no-repeat 0 0;
    background-size: 100%;
}
.National-APAWLI-table.snd{
    margin-bottom: 40px;
}
.apawli-team{
    padding: 0 30px;
    margin: 40px 0 50px 0 ;
}
.apawli-team img{
    border-radius: 20px;
}
.National-APAWLI h3{
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--primary);
}
.National-APAWLI.fellowship{
    background: transparent;
    padding-bottom: 100px;
    padding-top: 50px;
}
.apawli-icon {
    position: relative;
    bottom: 0;
    background: transparent;
}
.apawli-icon ul{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 0;
    margin: 0;
}
.apawli-icon ul li{
    padding: 0;
    background: transparent;
    margin-bottom: 0;
    border: 1px solid var(--red);
    font-size: 16px;
    transition: 0.5s;
}
.apawli-icon ul li a i{
    color: var(--red);
    transition: 0.5s;
}
.apawli-icon ul li:hover{
    background: var(--red);
}
.apawli-icon ul li:hover i{
    color: #fff;
}
.National-APAWLI.story .storyshape {
    position: absolute;
    bottom: -70px;
    right: -15px;
    left: auto;
    width: 30%;
    z-index: -1;
}
.sec-para span{
    color: var(--red);
}
.National-APAWLI.story .storyleft{
    padding-top: 30px;
}
.compassion-table{
    padding: 150px 0 30px;
}
.National-APAWLI.story .APAWLI-img{
    margin-top: 0;
    background: transparent;
}
.compassion-img-sec{
    padding: 100px 0;
    background: url(../images/compassion-img-back.png) no-repeat 0 0;
    background-size: cover;
}
.story.National-APAWLI{
    padding-bottom: 100px;
    background: transparent;
}

/* whatup */
.coming{
    background: url(../images/shapes/comingbg.png) no-repeat;
    background-size: cover;
    background-position: center center;
}
.comingvideo{
    background: transparent;
}
.comingvideo h3{
    margin-bottom: 40px;
}
.bloginner .blogbox{
    margin-bottom: 30px;
}
.bloginner .cmnbtn1{
    margin-left: 20px;
}
.libraryimg{
    position: absolute;
    top: 0;
    left: 0;
}
.agentin .row{
    justify-content: flex-end;
    align-items: center;
}
.livingagents{
        padding-bottom: 245px;
}
.librarycont{
    padding-top: 100px;
}
.agentTeam{
    background: url(../images/shapes/agentbg.png) no-repeat 0 0;
    background-size: cover;
   
}
.agteambox{
    text-align: center;
    background: transparent;
    padding: 20px;
    border-radius: 10px;
    transition: 0.5s;
}
.agteambox:hover{
    background: var(--base);
}
.agteambox:hover .agcont h3{
    color: var(--red);
}
.agteambox:hover .agcont p{
    color: var(--text);
}
.agteamin {
    padding-top: 122px;
}
.agup{
    padding: 20px;
    border: 4px solid var(--primary);
    border-radius: 10px;
}
.agcont{
    padding: 16px 46px;
    text-align: center;
    box-shadow: none;
    border-radius: 0px;
    display: inline-block;
    margin-top: unset;
    background: transparent;
}
.agcont h3{
    color: var(--base);
}
.agcont p{
    color: var(--base);
    margin-bottom: 0;
}
.agentTeam ul.inner-pagi li a {
    border: 1px solid var(--base);
    color: var(--base);
}
.agentTeam ul.inner-pagi li a.active, .agentTeam ul.inner-pagi li a:hover {
    background: var(--base);
    color: var(--red);
    border: 1px solid var(--base);
    transition: 0.6s;
}
.agentTeam .owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px;
}
.agentTeam .owl-carousel .owl-nav button.owl-prev, .agentTeam .owl-carousel .owl-nav button.owl-next {
    width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 50%;
    position: relative;
    transition: 0.5s;
    border: 1px solid #eea9a0;
    z-index: 1;
}
.agentTeam .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -93px;
    transition: 0.5s;
}
.agentTeam .owl-carousel .owl-nav button.owl-prev:hover{
    border: 1px solid var(--base);
}
.agentTeam .owl-carousel .owl-nav button.owl-prev:hover:before{
    color: var(--base);
    left: 50%;
}
.agentTeam .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -87px;
}
.agentTeam .owl-carousel .owl-nav button.owl-prev:before {
    position: absolute;
    left: 75%;
    top: 50%;
    font-size: 40px;
    content: "\f16e";
    font-family: "uicons-regular-rounded";
    color: #eea9a0;
    transition: 0.5s;
    transform: translate(-50%, -50%);
    background: var(--red);
    z-index: 1;
    transition: 0.5s;
}
.agentTeam .owl-carousel .owl-nav button.owl-next:before {
    position: absolute;
    left: 25%;
    top: 50%;
    font-size: 40px;
    content: "\f170";
    font-family: "uicons-regular-rounded";
    color: #eea9a0;
    transition: 0.5s;
    transform: translate(-50%, -50%);
    background: var(--red);
    z-index: 1;
    transition: 0.5s;
}
.agentTeam .owl-carousel .owl-nav button.owl-next:hover:before{
    color: var(--base);
    left: 50%;
}
.agentTeam .owl-carousel .owl-nav button.owl-next:hover{
    border: 1px solid var(--base);
}
.agentTeam .owl-theme .owl-prev span, .agentTeam .owl-theme .owl-next span {
    visibility: hidden;
}
/* contact */
.contact form input,.contact form textarea{
	width: 100%;
    margin-bottom: 20px;
    padding: 13px 20px;
    border: 1px solid #ece6e6;
    outline: 0;
    border-radius: 4px;
}
.contform{
	margin-top: 35px;
}
.contact{
	position: relative;
}

.contwrite{
	position: relative;
}
.loccontact ul li{
	display: flex;
    gap: 29px;
	margin-bottom: 20px;
}
.loci{
	background: var(--primary);
	max-width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
}
.loci img{
    width: 40px;
}
.locdcont p{
	margin-bottom: 0;
}
.locdcont p a{
	color: var(--text);
    font-size: 20px;
   
}
.locdcont p{
    margin-top: 0;
}
.locdcont h4{
	font-size: 20px;
    font-weight: 600;
    color: var(--red);
}
.coninform{
	background: var(--lightprimary);
	padding: 80px 60px;
}

.getintouchform{
	padding: 30px;
}
.bansocial h3{
    color: var(--text);
    font-size: 24px;
    font-weight: 700;
}
.contact .footleft .bansocial ul {
    justify-content: flex-start; 
}
.contact .footleft .bansocial ul li {
    border: 1px solid var(--text);
    background: transparent;
    transition: 0.5s;
    margin-bottom: 0;
}
.contact .footleft .bansocial ul li a i {
    color: var(--text);
    transition: 0.5s;
}
.getintouchform p span{
    color: var(--red);
    text-transform: uppercase;
    text-decoration: underline;
}
.contact .footleft .bansocial {
    padding: 0;
    margin-top: 50px;
}


.National-APAWLI.aboutsec .aboutimg{
    align-items: center;
}


.eventbtn .nav{
    justify-content: flex-end
}
.eventbtn .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--primary);
    border: none;
}
.eventbtn .nav-link {
    border: 1px solid var(--text);
    color: var(--text);
    margin-left: 20px;
}
@media(max-width: 767px){
    .eventbtn .nav  {
        justify-content: center
    }
    
}
/* blogdetails */
.blogdetailfirst h3 a{
    font-size: 32px;
    color: var(--secondary);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 39px;
}
.calimg i{
    color: var(--primary);
    position: relative;
    top: 2px;
}
.calimg span{
    color: var(--secondary);
    font-weight: 600;
}

.blogintro h3,.blogconclusion h3{
    margin-bottom: 20px;
    color: var(--secondary);
}
.blogintro{
    margin-top: 50px;
}
.bdeimg{
    margin-top: 50px;
}
.caption{
    color: var(--secondary);
    font-weight: 600;
    margin-top: 20px;
    padding-left: 10px;
    border-left: 3px solid var(--secondary);
    line-height: 21px;
}
.imp{
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary);
    margin: 50px 0;
}
.quote{
    font-style: italic;
    color: var(--secondary);
    font-size: 20px;
    padding: 20px;
    background: #f4f5f6;
    border-left: 3px solid var(--primary);
    border-radius: 4px;
    margin: 50px 0;
}
.blogconclusion{
    margin-top: 50px ;
}
.blogdbot{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blogdbot .contsocial ul li{
    width: 45px;
}
.blogdbot .right-sidebar-tags ul li a {
    background: #f4f5f6;
    border: 0;
}
.blogdbot .right-sidebar-tags ul li:hover a{
    color: var(--secondary);
}
.blogdbot .social-icons{
    margin-bottom: 0;
} 
.clientblog{
    display: flex;
    gap: 20px;
    align-items: center;
}
.clientblog p{
    margin-bottom: 0;
}
.blogdbot .right-sidebar-tags{
    margin-top: 0;
}
.blogdbot{
    padding: 30px 0 50px 0;
    border-bottom: 1px solid var(--grey);
    margin-bottom: 50px;
}
.cname{
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary);
    margin-bottom: 10px;
}
.blogdbot .bansocial ul li a i {
    color: var(--red);
   
}
.blogdbot .bansocial ul li{
    border: 1px solid var(--red);
}
.right-sidebar-tags ul li {
    display: inline-block;
    transition: 0.5s;
    margin-bottom: 0;
}
.blogdbot .right-sidebar-tags ul li a {
    background: #f4f5f6;
    border: 0;
    margin: 1px 3px;
    overflow: hidden;
    padding: 4px 9px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: var(--secondary);
    border-radius: 4px;
}
.therasearch form input {
    width: 100%;
    border: 1px solid #CDCDCD;
    padding: 11px 0 11px 20px;
    border-radius: 4px;
    outline: 0;
    background: #FFF;
}
.searchbut {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--primary);
    height: 100%;
    width: 56px;
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right-items form {
    display: flex;
    position: relative;
}
.searchbut img {
    width: 24px;
}
.right-items {
    margin-bottom: 20px;
    padding: 20px;
}
.right-items h3 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-bottom: 6px;
    color: var(--secondary);
}
.right-items h3:before {
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--primary);
    width: 70px;
    height: 2px;
    content: "";
}
.blog-posts {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #C7C7C7;
}
.blog-p-img img {
    width: 90px;
    height: 75px;
}
.blog-p-cont span {
    color: var(--primary);
    font-size: 14px;
    font-weight: 500;
}
.blog-p-cont h6 a {
    color: var(--secondary);
    font-size: 16px;
    font-weight: 500;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-solution ul li {
    border-bottom: 1px solid #C7C7C7;
    padding: 17px 0;
    margin-bottom: 0;
}
.blog-solution ul li a {
    color: var(--secondary);
    font-size: 16px;
}
.blog-solution ul li span {
    float: right;
    position: relative;
    top: 5px;
    color: var(--secondary);
    font-size: 16px;
    line-height: 16px;
}
.right-sidebar-tags ul li:hover a, .right-sidebar-tags ul li a.active {
    background: var(--primary);
    color: var(--base);
}
.right-sidebar-tags ul li a {
    transition: 0.4s;
    border: 1px solid #C7C7C7;
    background: var(--white);
    margin: 1px 3px;
    overflow: hidden;
    padding: 4px 9px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: var(--secondary);
    border-radius: 4px;
}
.right-sidebar-tags {
    margin-top: 30px;
}
@media(max-width: 767px){
    .blogdbot{
        flex-wrap: wrap;
        justify-content: center;
    }
    .blogdbot {
        padding: 20px 0 20px 0;
        margin-bottom: 20px;
    }
    .blogintro h3, .blogconclusion h3 {
        margin-bottom: 10px;
    }
    .blogdetailfirst h3 a {
        font-size: 25px;
    }
    .calimg span {
        font-size: 16px;
    }
    .bdeimg {
        margin-top: 20px;
    }
    .blogintro,.clientblog,.blogconclusion {
        margin-top: 20px;
    }
    .imp,.quote{
        margin:  20px 0;
    }
    .clientblog{
        justify-content: center;
    }
    .right-items {
        margin-bottom: 0px;
       
    }
    .blogdbot .bansocial ul li a i {
        color: var(--red) !important; 
    }
}
/* gallery */
.aboutimg ,.actionright ,.eventimg ,.impimg ,.banright ,.storyleft ,.storyimg  {
    border-radius: 20px;
}
.galleryphoto{
    overflow: hidden;
    transition: 0.5s;
    margin-bottom: 20px;
}
.galleryphoto a img{
    transition: 0.5s;
    transform: scale(1.0);
}
.galleryphoto:hover a img{
    transform: scale(1.2);
}



/* blogdetails */
.blogdetailfirst h3 a{
    font-size: 32px;
    color: var(--secondary);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 39px;
}
.calimg i{
    color: var(--primary);
    position: relative;
    top: 2px;
}
.calimg span{
    color: var(--secondary);
    font-weight: 600;
}

.blogintro h3,.blogconclusion h3{
    margin-bottom: 20px;
    color: var(--secondary);
}
.blogintro{
    margin-top: 50px;
}
.bdeimg{
    margin-top: 50px;
}
.caption{
    color: var(--secondary);
    font-weight: 600;
    margin-top: 20px;
    padding-left: 10px;
    border-left: 3px solid var(--secondary);
    line-height: 21px;
}
.imp{
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary);
    margin: 50px 0;
}
.quote{
    font-style: italic;
    color: var(--secondary);
    font-size: 20px;
    padding: 20px;
    background: #f4f5f6;
    border-left: 3px solid var(--primary);
    border-radius: 4px;
    margin: 50px 0;
}
.blogconclusion{
    margin-top: 50px ;
}
.blogdbot{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blogdbot .contsocial ul li{
    width: 45px;
}
.blogdbot .right-sidebar-tags ul li a {
    background: #f4f5f6;
    border: 0;
}
.blogdbot .right-sidebar-tags ul li:hover a{
    color: var(--secondary);
}
.blogdbot .social-icons{
    margin-bottom: 0;
} 
.clientblog{
    display: flex;
    gap: 20px;
    align-items: center;
}
.clientblog p{
    margin-bottom: 0;
}
.blogdbot .right-sidebar-tags{
    margin-top: 0;
}
.blogdbot{
    padding: 30px 0 50px 0;
    border-bottom: 1px solid var(--grey);
    margin-bottom: 50px;
}
.cname{
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary);
    margin-bottom: 10px;
}
.blogdbot .bansocial ul li a i {
    color: var(--red);
   
}
.blogdbot .bansocial ul li{
    border: 1px solid var(--red);
}
.right-sidebar-tags ul li {
    display: inline-block;
    transition: 0.5s;
    margin-bottom: 0;
}
.blogdbot .right-sidebar-tags ul li a {
    background: #f4f5f6;
    border: 0;
    margin: 1px 3px;
    overflow: hidden;
    padding: 4px 9px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: var(--secondary);
    border-radius: 4px;
}
.therasearch form input {
    width: 100%;
    border: 1px solid #CDCDCD;
    padding: 11px 0 11px 20px;
    border-radius: 4px;
    outline: 0;
    background: #FFF;
}
.searchbut {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--primary);
    height: 100%;
    width: 56px;
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right-items form {
    display: flex;
    position: relative;
}
.searchbut img {
    width: 24px;
}
.right-items {
    margin-bottom: 20px;
    padding: 20px;
}
.right-items h3 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-bottom: 6px;
    color: var(--secondary);
}
.right-items h3:before {
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--primary);
    width: 70px;
    height: 2px;
    content: "";
}
.blog-posts {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #C7C7C7;
}
.blog-p-img img {
    width: 90px;
    height: 75px;
}
.blog-p-cont span {
    color: var(--primary);
    font-size: 14px;
    font-weight: 500;
}
.blog-p-cont h6 a {
    color: var(--secondary);
    font-size: 16px;
    font-weight: 500;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-solution ul li {
    border-bottom: 1px solid #C7C7C7;
    padding: 17px 0;
    margin-bottom: 0;
}
.blog-solution ul li a {
    color: var(--secondary);
    font-size: 16px;
}
.blog-solution ul li span {
    float: right;
    position: relative;
    top: 5px;
    color: var(--secondary);
    font-size: 16px;
    line-height: 16px;
}
.right-sidebar-tags ul li:hover a, .right-sidebar-tags ul li a.active {
    background: var(--primary);
    color: var(--base);
}
.right-sidebar-tags ul li a {
    transition: 0.4s;
    border: 1px solid #C7C7C7;
    background: var(--white);
    margin: 1px 3px;
    overflow: hidden;
    padding: 4px 9px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: var(--secondary);
    border-radius: 4px;
}
.right-sidebar-tags {
    margin-top: 30px;
}
@media(max-width: 767px){
    .blogdbot{
        flex-wrap: wrap;
        justify-content: center;
    }
    .blogdbot {
        padding: 20px 0 20px 0;
        margin-bottom: 20px;
    }
    .blogintro h3, .blogconclusion h3 {
        margin-bottom: 10px;
    }
    .blogdetailfirst h3 a {
        font-size: 25px;
    }
    .calimg span {
        font-size: 16px;
    }
    .bdeimg {
        margin-top: 20px;
    }
    .blogintro,.clientblog,.blogconclusion {
        margin-top: 20px;
    }
    .imp,.quote{
        margin:  20px 0;
    }
    .clientblog{
        justify-content: center;
    }
    .right-items {
        margin-bottom: 0px;
       
    }
    .blogdbot .bansocial ul li a i {
        color: var(--red) !important; 
    }
}
.arcbox p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.arcbox{
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .15);
    border-radius: 20px;

}
.arcbox .eventcont{
    padding: 20px;
    margin-bottom: 20px;
}

.therasearch span.is-search-icon {
    background: var(--primary);
}

.abvolunteer, .proappli, .programleft .cmnbtn, .countdonation .country{
	display: none;
}
.abbox .abcont:first-child{
	display: none;
}
.abbox .abcont{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.head-logo{
	position: relative;
	width: 110px;
}
.head-logo:after{
	position: absolute;
	content: "";
	left: 0;top: 0;
	width: 100%;height: 100%;
	background: #fff;
	z-index: 1;
}
.head-logo:before{
	position: absolute;
	content: "";
	left: 0;top: 0;
	width: 100%;height: 100%;
	background: url(../images/Media-1.jpg) 0 center no-repeat;
	background-size: contain;
	z-index: 2;
}

.sticky .head-logo{
	width: auto;
}
.sticky .head-logo:after, .sticky .head-logo:before{
	display: none;
}
.bannerin .owl-nav{
	display: none;
}
.sticky-header img.lazyloading{
	opacity: 1;
}
.comingsoon h3 a{
	color: var(--secondary);
}
.aboutsec .aboutleft .aboutimg img{
	border-radius: 20px;
}
.story-vid{
	width: 100%;height: 220px;
	border-radius: 20px;overflow: hidden;
}
.videos .evup{
	height: 230px;
	border-radius: 20px;
	overflow: hidden;
}
.videos .evup iframe{
	width: 100%!important;height: 100%!important;
}
.videos .evtitle {
    color: var(--secondary);
    font-weight: 700;
    font-size: 21px;
}

.story-slider.owl-carousel .owl-nav button.owl-prev, .story-slider.owl-carousel .owl-nav button.owl-next {
    width: 50px;
    height: 50px;
    background: #F1F1F1;
    border-radius: 8px;
    position: relative;
    transition: 0.5s;
}
.story-slider.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -59px;
}
.story-slider.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -60px;
}
.story-slider.owl-carousel .owl-nav button.owl-prev:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 26px;
    content: "\f12e";
    font-family: "uicons-regular-rounded";
    color: #9f9797;
    transition: 0.5s;
    transform: translate(-50%, -50%);
}
.story-slider.owl-carousel .owl-nav button.owl-next:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 26px;
    content: "\f12f";
    font-family: "uicons-regular-rounded";
    color: #9f9797;
    transition: 0.5s;
    transform: translate(-50%, -50%);
}
.story-slider.owl-theme .owl-prev span, .story-slider.owl-theme .owl-next span {
    visibility: hidden;
}
.story-slider.owl-carousel .owl-nav button.owl-prev:hover, .story-slider.owl-carousel .owl-nav button.owl-next:hover {
    background: var(--primary);
}
.story-slider.owl-carousel .owl-nav button.owl-prev:hover:before, .story-slider.owl-carousel .owl-nav button.owl-next:hover:before {
    color: var(--base);
}

.story-slider.owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px;
}
.develope .storyleft{
	padding: 0 30px;
}
.develope .storyright{
	text-align: center;
}
.develope .row{
	row-gap: 30px;
}
.agentname{
	margin-bottom: 25px;
}
.agentname span{
	color: var(--secondary);
    font-weight: 600;
    font-size: 20px;
	display: block;
	line-height: 30px;
}
.agentname h4{
	color: var(--primary);
    font-weight: 500;
    font-size: 18px;
	display: block;
	line-height: 25px;
}
.agteamimg img{
	height: 320px;
	object-fit: cover;
	object-position: 0 0;
}
.testiimg{
	border-radius: 50%;
	width: 55px;height: 55px;
	overflow: hidden;
}
.testiimg img{
	width: 100%;height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.story-vid iframe{
	width: 100%!important;height: 100%!important;
}

.pro-main{
	background: #fff;
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
	border-radius: 15px;
	padding: 25px;
}
.pro-det-img figure{
	padding: 10px;
	border-radius: 10px;
	height: 420px;
	border: 2px solid var(--primary);
	margin: 0;
}
.pro-det-img figure img{
	height: 100%;object-fit: cover;
	object-position: 0 0;
	border-radius: 6px;
}
.pro-det-con h2{
	font-size: 28px;font-weight: 700;
	line-height: 35px;color: var(--secondary);
	margin-bottom: 5px;text-transform: capitalize;
}
.pro-det-con .au-des{
	font-size: 16px;font-weight: 26px;
	margin-bottom: 20px;
}
.pro-det-con .au-des a{
	color: var(--primary);
}
.pro-det-con h3{
	font-size: 20px;font-weight: 600;
	line-height: 30px;color: var(--primary);
	margin-bottom: 0;
}
.pro-det-con .pro-des{
	margin-bottom: 0;
	font-size: 16px;font-weight: 26px;
}
.pro-main .row{
	align-items: center;
}
.pro-det .pro-main:nth-child(even) .row{
	flex-direction: row-reverse;
}
.pro-det .pro-main{
	margin-bottom: 30px;
}
.pro-det .pro-main:last-child{
	margin-bottom: 0;
}
.galleryin{
	padding: 0 50px;
}
.APAWLI-img img{
	height: 445px;object-fit: contain;
}
.abbox{
	display: none;
}
.inban1{
	max-width: 396px; 
}
.inban1 img{
	height: 100%;object-fit: cover;
	border-radius: 20px;
}
.inban2 img{
	max-width: 289px;object-fit: cover;
	border-radius: 20px;
}
.actionimg{
	height: 350px;
	border-radius: 20px;overflow: hidden;
}
.action .actionimg iframe{
	object-fit: cover;
	height: 100%;width: 100%;
	object-fit: cover
}
.impactbox .impimg{
	height: 380px;
}
.impactbox .impimg img{
	height: 100%;object-fit: cover;
	border-radius: 20px 20px 0 0;
}
.behindstory .actionimg{
	height: auto;
}
.behindstory .actionimg img{
	height: 100%;object-fit: cover;
}
.sponimg, .sponimg img{
	width: 100%;height: 100%;
	object-fit: contain;
}
.footlastdown .wpcf7-form.invalid .wpcf7-response-output{
	display: none;
}
.agentTeam .inner-pagi{
	display: none;
}
.story.National-APAWLI .storyin .storyimg{
	max-width: 250px;
}
.story.National-APAWLI .storyin .storyimg img{
	height: 100%;object-fit: cover;
	border-radius: 15px;
}
.story.National-APAWLI.aboutsec .storyin .row{
	align-items: flex-start;
}
.National-APAWLI-table table tr p{
	margin-bottom: 0;
}
.action .actionright .actionimg video{
	width: 100%;height: 100%;
	object-fit: cover;
}
.story.National-APAWLI .storyleft .storyimg1{
	max-width: 250px;
}
.story.National-APAWLI .storyleft .storyimg1 img{
	border-radius: 15px;
}
.story.National-APAWLI.aboutsec.shero .aboutimgright img{
	max-height: 500px;
}
.compassion-table.shero{
	padding-top: 40px;
}
.shero .National-APAWLI-table.snd{
	margin-bottom: 0;
}
.compassion-img-sec{
	padding-top: 80px;
}

.teamhov a{
	font-family: var(--font1);
    font-size: 18px;
	display: inline-block;
	color: var(--base);
	position: relative;
	opacity: 0;
	transition: 0.5s;
}
.teambox:hover .teamhov a {
    opacity: 1;
}
.teamhov a:before{
	position: absolute;
	content: "";
	left: 0;bottom: -2px;
	width: 0;height: 1px;
	background: var(--base);
	transition: 0.5s;
}
.teamhov a:hover::before{
	width: 100%;
}
.member{
	text-align: center;
}
.member .sectitle h6:before{
	display: none;
}
.member .sectitle h6{
	padding: 0;
}
.member p{
	margin: 0;text-align: left;
}
.compress-circle.story.National-APAWLI .storyleft .storyimg1{
	max-width: 100%;top: 0;
}
.compress-circle.story.National-APAWLI .storyleft{
	padding-top: 0;
}
.shero.National-APAWLI.aboutsec .aboutimg{
	justify-content: center;
}

.events.videos{
	display: none;
}
.apawli .actionimg{
	height: 450px;
}
.apawli{
	padding-bottom: 0;
}
.story.history.clientabout .storyimg img{
	width: 100%;border-radius: 15px;
}
.event-details.innerBanner img{
	width: 100%; height: 600px;
	object-fit: cover;
}
.event-details h2.title{
	margin-bottom: 30px!important;
	text-transform: capitalize;
    color: var(--secondary);
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
	text-align: center;
}
.event-details .newsdiv{
	border: 1px solid rgba(0, 0, 0, 0.2)
}
.event-details .newsdiv .img {
    background: #fee6dd;
    height: 570px;
	display: block;
}
.event-details .newsdiv .img >img {
    height: 100%;
    object-fit: cover;
    width: auto;
    display: block;
    margin: 0 auto;
	object-position: center;
}
.event-details .newsdiv .content {
    padding: 35px 25px;
    font-size: 14px;
    line-height: 26px;
}
.event-details .newsdiv .content p {
    margin: 0 0 20px;
}
.event-details .newbtn {
    overflow: hidden;
    background-color: var(--primary);
    color: var(--base);
    padding: 11px 32px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 4px;
	font-size: 16px;
    font-weight: 500;
	transition: 0.5s;
	margin-top: 20px;
}
.event-details .newbtn:hover{
	background-color: var(--secondary);
}
.event-details .content a.brandlink {
    display: inline-block;
    font-weight: 600;
    color: var(--primary);
}
.event-details .content a.brandanchorlink{
	font-weight: 600;
}
.bannerleft p.fst-ban-para{
	letter-spacing: normal;
	margin-top: 10px;
}
.bannerleft p.fst-ban-para a{
	color: var(--red);
}
.event-con >img{
	height: auto;
}