body{background-image:url("hero-banner-foundation.webp");}

.bg-gradient-01{background: linear-gradient(180deg, rgb(14 6 40 / 0%) 0%, rgb(14 6 40 / 90%) 10%, rgb(14 6 40 / 90%) 60%, rgb(14 6 40 / 100%) 80%);}
.bg-gradient-02{background: linear-gradient(180deg, rgba(14, 6, 40, 0.8) 7%, rgba(14, 6, 40, 1) 100%);}

section.cms-foundation-01{padding-bottom: 30px;position:relative;overflow: hidden;}
section.cms-foundation-01 a.html5lightbox{display: flex;margin-top:30px;position: relative;overflow: hidden;border-radius: 13px;box-shadow:0px 0px 0px rgb(0,0,0);transition:all 300ms ease-in-out;}
section.cms-foundation-01 a.html5lightbox:before{content:"";position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background: linear-gradient(45deg, #163071, #d01c4c);opacity: .6;z-index: 1;transition:all 300ms ease-in-out;}
section.cms-foundation-01 a.html5lightbox .icon-play{position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;background: rgb(19 7 58);border-radius: 100px;transform: translate(-50%,-50%);z-index: 19;transition:all 300ms ease-in-out;}
section.cms-foundation-01 a.html5lightbox .icon-play:after{content:"";position: absolute;top: 50%;left:65%;border: 12px solid transparent;border-left: 20px solid #fff;transform: translate(-50%,-50%);z-index: 9;transition:all 300ms ease-in-out;}
section.cms-foundation-01 a.html5lightbox video{max-width:100%;border-radius: 15px;}
section.cms-foundation-01 a.html5lightbox h3{color:var(--color-01);text-align:center;position:absolute;top:70%;left:0px;width:100%;z-index: 19;}

 
section.cms-foundation-01 a.html5lightbox:hover{box-shadow:0px 0px 0px rgb(0,0,0);transition:all 300ms ease-in-out;}
section.cms-foundation-01 a.html5lightbox:hover:before{opacity:.8;transition:all 300ms ease-in-out;}
section.cms-foundation-01 a.html5lightbox:hover .icon-play{transform:translate(-50%,-50%) scale(1.5) ;transition:all 300ms ease-in-out;}
section.cms-foundation-01 a.html5lightbox:hover .icon-play:after{transform:translate(-55%,-50%) scale(.7) ;transition:all 300ms ease-in-out;}

section.cms-foundation-02{color:var(--color-12);padding: 30px 0px;position:relative;overflow: hidden;}
section.cms-foundation-02 .our-network{max-width:300px;}
section.cms-foundation-02 .unified-platform-box{background: var(--color-12);height: 100%;padding: 30px;border-radius: 15px;display: flex;align-content: stretch;flex-direction: column;justify-content: space-between;}
section.cms-foundation-02 .unified-platform-box .upb-thumb{display:none}
section.cms-foundation-02 .unified-platform-box .upb-thumb img{}
section.cms-foundation-02 .unified-platform-box .upb-text{margin: 0px 0px 10px 0px;}
section.cms-foundation-02 .unified-platform-box .upb-text h3{color:var(--color-11);margin-bottom: 10px;}
section.cms-foundation-02 .unified-platform-box .upb-text p{}
section.cms-foundation-02 .unified-platform-box ul.upb-points{margin: 0px;padding: 0px;list-style-type: none;display: flex;}
section.cms-foundation-02 .unified-platform-box ul.upb-points li{width: 100%;max-width: 50%;}
section.cms-foundation-02 .unified-platform-box ul.upb-points li h3{color: var(--color-11);}
section.cms-foundation-02 .unified-platform-box ul.upb-points li p{font-size: 12px;margin-bottom: 0px;}


section.cms-foundation-03{padding: 30px 0px 60px 0px;position:relative;overflow: hidden;}
section.cms-foundation-03 p{}
section.cms-foundation-03 ul#pills-tab {gap: 30px;margin: 0px 0px 60px 0px;width: 100%;display: flex;flex-wrap: nowrap;}
section.cms-foundation-03 ul#pills-tab li{width:100%;}
section.cms-foundation-03 ul#pills-tab li button {color: var(--color-11);font-size: var(--rfs-21);text-transform: uppercase;text-align: left;padding:0px;width: 100%;background: var(--color-12);border-radius: 100px;overflow:hidden;position:relative;transition:all 500ms ease-in-out;}
section.cms-foundation-03 ul#pills-tab li button:before {content:"";width: 100%;height:0%;background: var(--color-11);border-radius:100px;position: absolute;bottom:0px;left:1px;z-index:1;transition:all 500ms ease-in-out;}
section.cms-foundation-03 ul#pills-tab li button span{padding: 10px 50px 10px 30px;min-height: 52px;border: 1px solid var(--color-11);border-radius: 100px;position:relative;z-index:9;display: flex;align-items: center;}
section.cms-foundation-03 ul#pills-tab li button span:before {content:"";width: 18px;height: 2px;background: var(--color-11);top: 50%;right: 19px;position: absolute;transform: rotate(90deg);z-index:1;transition:all 500ms ease-in-out;}
section.cms-foundation-03 ul#pills-tab li button span:after {content:"";width: 18px;height: 2px;background: var(--color-11);top: 50%;right: 19px;position: absolute;transition:all 500ms ease-in-out;}

section.cms-foundation-03 ul#pills-tab li button.active:before{height:100%;transition:all 500ms ease-in-out;}
section.cms-foundation-03 ul#pills-tab li button.active span{color: var(--color-01);transition:all 500ms ease-in-out;}
/*section.cms-foundation-03 ul#pills-tab li button.active span:before{background:var(--color-01);height:2px;transform: rotate(0deg);transition:all 500ms ease-in-out;}*/

section.cms-foundation-03 ul#pills-tab li button.active span:before{background:var(--color-01);height:2px;transform: rotate(-45deg);transition:all 500ms ease-in-out;}
section.cms-foundation-03 ul#pills-tab li button.active span:after{background:var(--color-01);width: 10px;height:2px;transform: rotate(38deg);top: 56%;right: 33px;transition:all 500ms ease-in-out;}

section.cms-foundation-03 .tab-content{}
section.cms-foundation-03 .tab-content .initiatives-slider{margin-top:30px;}
section.cms-foundation-03 .tab-content .initiatives-slider .slick-list.draggable{border-radius:15px;}
section.cms-foundation-03 .tab-content .initiatives-slider .thumb-slider{}
section.cms-foundation-03 .tab-content .initiatives-slider .thumb-slider img{width:100%;}

section.cms-foundation-04{padding: 220px 60px;position: relative;overflow:hidden;background: url("bg-financial-year.webp") no-repeat center center;display: flex;align-items: center;justify-content: center;}
section.cms-foundation-04:before{content:"";width: 100%;height: 100%;background: var(--color-12);opacity: .456;position: absolute;top: 0px;left: 0px;}
section.cms-foundation-04 .ch-an{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;}
section.cms-foundation-04 h2{margin-bottom:0px;}

section.cms-foundation-06{position: relative;padding: 60px 0px 60px 0px;}
section.cms-foundation-06 ul.partners-list{margin: 30px 0px 0px 0px;padding:0px;list-style-type:none;column-count: 5;gap: 30px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
section.cms-foundation-06 ul.partners-list li{width: 16%;}
section.cms-foundation-06 ul.partners-list li img{}
 

/***Slick Slider***/
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow{font-size:0px;background: rgba(0,0,0,0.0);border: none;border-radius: 5px;width:50px;height:50px;position:absolute;top:50%;transform: translateY(-50%);z-index:9;}

button.slick-prev.slick-arrow{left: -50px;}
button.slick-next.slick-arrow{right: -50px;}

button.slick-prev.slick-arrow:before,
button.slick-next.slick-arrow:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-top: 1px solid var(--color-11);border-right: 1px solid var(--color-11);}

button.slick-prev.slick-arrow:before{transform: rotate(-135deg) translate(-26px, 3px);}
button.slick-next.slick-arrow:before{transform: rotate(45deg) translate(20px, 1px);}


button.slick-arrow:focus,
button.slick-arrow:hover{outline:none;border:none;box-shadow:none;}

ul.slick-dots{margin:0px auto;padding:0px;list-style-type:none;gap: 10px;display: flex;align-items: center;justify-content: center;}
ul.slick-dots li{}
ul.slick-dots li button{font-size:0px;width: 10px;height: 10px;border: none;border-radius: 100px;transition: all 300ms ease-in-out;}
ul.slick-dots li.slick-active{}
ul.slick-dots li.slick-active button{background: var(--color-11);transition: all 300ms ease-in-out;}

/***Slick Slider***/

 
/* `md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px)
{ 
	body section.hero-banner{background-image:url("hero-banner-foundation.webp");}
 
	section.cms-foundation-01 a.html5lightbox h3{top:77%;font-size:var(--rfs-18);}
	
	section.cms-foundation-02 .our-network{max-width:250px;}
	
	section.cms-foundation-03 ul#pills-tab {gap: 15px;display: flex;flex-direction: column;margin-bottom: 30px;}
	section.cms-foundation-03 ul#pills-tab li button{font-size: var(--rfs-24);font-weight: 600;}
	section.cms-foundation-03 ul#pills-tab li button span{padding: 10px 50px 10px 23px;}
	section.cms-foundation-03 p.mb-5{margin-bottom:20px!important;}
	
	section.cms-foundation-04 {padding: 150px 60px; background-size:cover;}
	section.cms-foundation-04 h2{font-size:35px;}
	
	section.cms-foundation-06 ul.partners-list{margin:0px;display: flex;justify-content: flex-start;}
	section.cms-foundation-06 ul.partners-list li{width: 25%;}

	button.slick-prev.slick-arrow{left :0px;}
	button.slick-next.slick-arrow{right:0px;}
	
}
	


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px)
{ 

}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px)
{ 

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px)
{ 


}