@charset "UTF-8";
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,
th,td,article,aside,address,section,video,audio {
font-family: 'aileronregular';
line-height: inherit;
font-weight: inherit;
font-style: inherit;
border: 0;
outline: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
@font-face {font-family: "Avenir Book"; src: url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.eot"); src: url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.woff") format("woff"), url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.svg#Avenir Book") format("svg"); }
@import url(//db.onlinewebfonts.com/c/8f04f3a3b93f9667e6f73365272237d3?family=Avenir+Book);
@font-face {font-family: "Franklin Gothic"; src: url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.eot"); src: url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.woff") format("woff"), url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.svg#Franklin Gothic") format("svg"); }
@import url(//db.onlinewebfonts.com/c/b18fe2c6d7a1257ca23359bae7b601f6?family=Franklin+Gothic);
@font-face {
font-family: 'Avenir Book';
src: url('https://www.kaleidoscopetrust.com/assets/font/Avenir Book.ttf') format('truetype');
}
@font-face {
font-family: 'aileronregular';
src: url('https://www.kaleidoscopetrust.com/assets/font/Aileron-Regular-webfont.eot');
src: url('https://www.kaleidoscopetrust.com/assets/font/Aileron-Regular-webfont.eot?#iefix') format('embedded-opentype'),
/* url('https://www.kaleidoscopetrust.com/assets/font/Aileron-Regular-webfont.woff2') format('woff2'), */
url('https://www.kaleidoscopetrust.com/assets/font/Aileron-Regular-webfont.woff') format('woff'),
url('https://www.kaleidoscopetrust.com/assets/font/Aileron-Regular-webfont.ttf') format('truetype'),
url('https://www.kaleidoscopetrust.com/assets/font/Aileron-Regular-webfont.svg#aileronregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* montserrat-regular - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url('../fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://www.kaleidoscopetrust.com/assets/font/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://www.kaleidoscopetrust.com/assets/font/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('https://www.kaleidoscopetrust.com/assets/font/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('https://www.kaleidoscopetrust.com/assets/font/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://www.kaleidoscopetrust.com/assets/font/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style : normal;
src : url("https://www.kaleidoscopetrust.com/assets/font/fontawesome-webfont.eot") format("embedded-opentype"),
/* url("https://www.kaleidoscopetrust.com/assets/font/fontawesome-webfont.woff2") format("woff2"), */
url("https://www.kaleidoscopetrust.com/assets/font/fontawesome-webfont.ttf") format("opentype"),
url("https://www.kaleidoscopetrust.com/assets/font/fontawesome-webfont.svg") format("svg"),
url("https://www.kaleidoscopetrust.com/assets/font/FontAwesome.otf") format("otf");
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-family: Avenir Book!important;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat: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');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');
html,
body {
margin: 0;
padding: 0;
width: 100%;
}
p{
font-family: Avenir Book!important;
}
html {
width: 100%;
}
body{font-family: Avenir Book!important;letter-spacing:0.2px;font-size-adjust: none;color: #5f5f5f;}
.container-fluid.p-50{
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
/*.container-fluid.p-50 {padding: 0 17rem;} */
.p-40{
padding: 44px 0 0 0 !important;
}
/**/
.gray{
background-color: #eaeaea;
}
.pb-50{
padding:0 0 50px 0;
}
.pt-0{
padding-top:0;
}
::-moz-selection { /* Code for Firefox */
color: white;
background: #C63988;
}
::selection {
color: white;
background: #C63988;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
display: none;
width: 40px;
height: 40px;
border-radius: 50px;
right: 15px;
bottom: 15px;
background: #ff0000;
color: #fff;
transition: display 0.5s ease-in-out;
z-index: 99999;
}
.back-to-top i {
font-size: 24px;
position: absolute;
top: 7px;
left: 8px;
}
.back-to-top:hover {
color: #fff;
background: #0678e3;
transition: background 0.2s ease-in-out;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
overflow: hidden;
background: #fff;
}
#preloader:before {
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 6px solid #ff0000;
border-top-color: #fff;
border-bottom-color: #fff;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-animation: animate-preloader 1s linear infinite;
animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*spacing */
.ptb-20{
padding: 20px 0;
}
.pb-80{padding: 0 0 94px 0!important;}
.ptb-30{padding: 0 0 53px 0;}
.ptb-40{
padding: 17px 0;
}
.ptb-50{
padding: 0;
}
.ptb-60{padding: 70px 0 70px 0;}
.ptb-70{
padding: 80px 0;
}
.ptb-80{
padding: 80px 0 0 0;
}
.ptb-90{
padding: 90px 0;
}
.pb-40{
padding: 0 0 42px 0;
}
.mt-60{
margin: 80px 0 0 0;
}
/*Nave header section*/
.nav-custome .navbar-brand {
}
.nav-custome .navbar-brand img{
width: 261px;
}
.box-nav{
background-color: #C63988!important;
}
.box-nav .nav-link2{
background-color: #C63988!important;
display: block;
padding: 9px;
}
.box-nav .nav-link2:hover{
background-color: #C63988!important;
display: block;
text-decoration:none;
}
.box-nav a{
color:white!important;
}
.social-fixed{
display: none;
position: relative;
}
.social-fixed ul{
margin: 0 auto;
}
.social-fixed li{
list-style: none;
display: inline-block;
padding: 11px;
}
.social-fixed a{
color: black;
}
.social-fixed i{
}
.social{
display: block;
text-align: right;
position: relative;
z-index: 99;
}
.social ul{
margin: 0 auto;
}
.social li{list-style: none;display: inline-block;padding: 8px 9px 7px 0;}
.social a{
color: #7f7f7f;
}
.social a:hover{
color: #eec936;
}
.social i{
font-size: 22px;
}
.Home{
display: block;
}
.nav-custome{
position: absolute;
width: 100%;
z-index: 2;
background-color: #ffffff!important;
border-bottom: 1px solid #ffffff2b;
padding: 13px 15px!important;
}
.nav-custome .nav-item {
padding: 0px 9px;
margin: 0 9px;
}
.nav-custome .nav-item:after {
content:'';
background: #929292;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
position: relative;
height: 2px;
display: block;
width: 0%;
z-index: 1;
transition-duration: 0.3s;
opacity: 0;
}
.nav-custome.box-nav:hover:after {
content:'';
background: #ff0000;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
position: relative;
display: block;
width: 100%;
transition-duration: 0.3s;
z-index: 1;
opacity: 1;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
color:gray!important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
width: 100%;
padding: 9px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a{
color:gray;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a:hover{
text-decoration:none;
color:#C63988;
}
.nav-custome.box-nav:after {
content:'';
background: #e4e4e4;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
position: relative;
height: 2px;
display: block;
width: 0%;
z-index: 1;
transition-duration: 0.3s;
opacity: 0;
}
.nav-custome .nav-item:hover:after {
content:'';
background: #C63988;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
position: relative;
display: block;
width: 100%;
transition-duration: 0.3s;
z-index: 1;
opacity: 1;
}
.nav-custome .nav-item:hover {
background-color: #00000000;
}
.nav-custome .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-item:hover a{
color: #C63988;
text-transform: uppercase;
}
.nav-custome, .navbar-light .navbar-nav .nav-link{color: rgb(127 127 127)!important;font-weight: 900;font-family: aileronregular!important;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #C63988!important;
}
.nav-custome,.navbar-light .navbar-nav .active>.nav-link{
color: #ffffff;
text-transform: uppercase;
}
.nav-custome .navbar-light .navbar-nav .active>.box-nav{
color: white!important;
text-transform: uppercase;
}
.box-nav.nav-link{
color: #C63988!important;
text-transform: uppercase;
}
.nav-custome .active.nav-item:after {
content: '';
background: #C63988;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
position: relative;
height: 2px;
display: block;
width: 100%;
z-index: 1;
transition-duration: 0.3s;
opacity: 1;
}
/* Style The Dropdown Button */
.dropbtn {
background-color: #ffffff;
color: white;
padding: 9px;
border: none;
cursor: pointer;
}
.dropbtn a:hover{
color:#C63988;
text-decoration: none;
}
.dropbtn a{
color:#7f7f7f;
font-size: 18px;
}
.dropbtn:hover:after {
content: '';
background: #ffffff;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
position: relative;
display: block;
width: 100%;
transition-duration: 0.3s;
z-index: 1;
opacity: 1;
}
/* The container - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
text-decoration:none;
}
.dropdown:hover {
text-decoration:none;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
padding: 14px;
display: none;
position: absolute;
background-color: #ffffff;
min-width: 291px;
-webkit-animation-name: fadeInLeft;
animation: fadeInLeft 1s;
/* box-shadow: -1px 12px 16px 0px rgb(0 0 0 / 20%); */
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: #8e8e8e;
padding: 6px 0px;
font-weight: 500;
text-decoration: none;
border-bottom: 2px solid transparent;
display: block;
-webkit-animation-name: fadeInRightBig;
animation-name:fadeInRightBig;
}
.dropdown-content a:after{
content:'';
position:relative;
width:0%;
height:2px;
left:0;
display:block;
background-color:#d2d2d2;
transition-duration:1s;
}
.dropdown-content a:hover:after{
content:'';
position:relative;
width:50%;
height:2px;
left:0;
display:block;
background-color:#C63988;
transition-duration:1s;
}
.dropdown-content a:nth-child(1){
-webkit-animation-name: fadeInRightBig ;
animation: fadeInRightBig 1s;
}
.dropdown-content a:nth-child(2){
-webkit-animation-name: fadeInRightBig;
animation: fadeInRightBig 1.2s;
}
.dropdown-content a:nth-child(3){
-webkit-animation-name: fadeInRightBig;
animation: fadeInRightBig 1.3s;
}
.dropdown-content a:nth-child(4){
-webkit-animation-name: fadeInRightBig;
animation: fadeInRightBig 1.4s;
}
.dropdown-content a:nth-child(5){
-webkit-animation-name: fadeInRightBig;
animation: fadeInRightBig 1.5s;
}
.dropdown-content a:nth-child(6){
-webkit-animation-name: fadeInRightBig;
animation: fadeInRightBig 1.6s;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
color: #C63988!important;
text-decoration:none;
}
.dropdown-content a {
color: #7f7f7f!important;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropdown-content .dropbtn a {
display: block;
color:#C63988;
}
.nav-custome .nav-item a {font-size: 16px;color: #7f7f7f;font-weight: 900;font-family: aileronregular!important;}
/*input form style*/
input:focus, .search-box textarea:focus {
border:none!important;
box-shadow: 0 0 3px white !important;
-moz-box-shadow: 0 0 3px white !important;
border-bottom:1px solid #7f7f7f!important;
-webkit-box-shadow: 0 0 3px white !important;
}
input:focus, textarea:focus, select:focus {
outline-offset: 0px !important;
outline: none !important;
}
input{
border-radius: 0!important;
border: none!important;
border-bottom: 1px solid #7f7f7f;
width: 100%;
outline: none;
border-bottom: 1px solid #7f7f7f!important;
}
.btn{
border: none;
outline: none;
border-radius: 0;
padding: 8px;
line-height: 0;
position: relative;
background-color: transparent;
/* left: -27px; */
display: inline;
border-bottom: 1px solid #7f7f7f;
}
.btn:focus,.btn:focus {
border:none!important;
box-shadow: 0 0 3px #ffffff0c !important;
-moz-box-shadow: 0 0 3px white !important;
border-bottom:1px solid #7f7f7f!important;
-webkit-box-shadow: 0 0 3px white !important;
transition-duration: 1s;
}
.btn:focus, textarea:focus, select:focus {
outline-offset: 0px !important;
outline: none !important;
}
/*It will be a full-screen slider so we set it to position absolute.*/
.css-slider-wrapper {
display: block;
background: #FFF;
overflow: hidden;
position: relative;
top: 0;
width: 100%;
height: 84vh;
z-index: 1;
}
/*slider home*/
.slide-1, .slide-2, .slide-3, .slide-4, .slide-5{height: 69vh;display: flex;vertical-align: middle;background-size: cover;position: relative;padding: 35px;}
.home .owl-dots{
display: block;
position: absolute;
bottom: 0;
margin: 0px auto;
width: 100%;
/* left: 46%; */
align-items: center;}
.home.owl-theme .owl-dots .owl-dot{display: inline-block;outline: none;border-radius: 100%;width: 15px;height: 15px;margin: 0 15px;border: 2px solid white;}
.home.owl-theme .owl-dots .owl-dot:hover .span{
background-color:transparent!important;
}
.home.owl-theme .owl-dots .owl-dot.active span,
.home.owl-theme .owl-dots .owl-dot:hover span{
background-color:transparent!important;
}
.home.owl-theme .owl-dots .owl-dot:nth-child(1){
background-color: #EEC936;
}
.home.owl-theme .owl-dots .owl-dot:nth-child(2){
background-color: #6F2A7C;
}
.home.owl-theme .owl-dots .owl-dot:nth-child(3){
background-color: #C63988;
}
.home.owl-theme .owl-dots .owl-dot:nth-child(4){
background-color: #98BB4F;
}
.home.owl-theme .owl-dots .owl-dot:nth-child(5){
background-color: #51AEE0;
}
.home.owl-theme .owl-dots .owl-dot:nth-child(6){
background-color: #D8863C;
}
.home.owl-theme .owl-dots .owl-dot span{
background-color: #d8863c00!important;
background-color: rgba(0, 0, 0, 0) !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
background-color: #d8863c00!important;
}
.home.owl-theme .owl-nav{
display:none;
}
.home.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
padding: 15px;
}
.slide-1{
background-image: url(images/slide4.jpg);
background-position: center;
background-size: cover;
}
.slide-2{
background-image: url(images/slide4.jpg);
background-position: center;
background-size: cover;
}
.slide-3{
background-image: url(images/slide4.jpg);
background-position: center;
background-size: cover;
}
.slide-4{
background-image: url(images/slide4.jpg);
background-position: center;
background-size: cover;
}
.slide-5{
background-image: url(images/slide4.jpg);
background-position: center;
background-size: cover;
}
.slider-content{
position: relative;
left: 0;
display: block;
width: 100%;
z-index: 9;
top: 45%;
vertical-align: middle;
}
.slider-content h2{color: white;font-family: 'Franklin Gothic'!important;text-transform: uppercase;}.slider-content h4{color: white;font-family: 'Franklin Gothic';}
/* Responsive */
@media only screen and (max-width: 768px) {
.team-text h2{font-size: 2rem !important;}
.ourTeam .card:hover {
box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
color: white;
}
}
/*Welcome*/
#Welcome{position: relative;display: block;padding: 70px 0 55px 0;width: 100%;}
#Welcome .widget-title h1{
font-family: 'Franklin Gothic'!important;
padding: 0 0 15px 0;
}
.widget-title{width: 100%;padding: 0;}
.widget-title h1{
color: #434343;
position: relative;
text-align: center;
z-index: 86;
/* letter-spacing: 2px; */
padding: 0 0 15px 0;
font-family: 'Franklin Gothic'!important;
text-transform: uppercase;
}
.widget-title h2{
color: #434343;
position:relative;
text-align: center;
z-index: 86;
}
.widget-title p{text-align:center;font-size: 20px;margin: 0;color: #434343;font-family: Avenir Book;}
.widget-title a{
}
/*Services */
.service-box{
width: 100%;
display: inline-block;
overflow: visible;
position: relative;
}
.Welcome-box{
}
#Services{width: 100%;position: relative;display: block;padding: 0 0 0px;}
#Services .widget-title h1{
padding: 0;
margin: 0;
}
.item1-1,.item1-2 ,.item2-2, .item3-2 ,.item4-2{
min-height: 603px;
height: 603px;
background-size:cover;
background-repeat:no-repeat;
align-self: center;
}
.item1-2{
background-image: url(images/services/1.jpg);
align-self: end;
align-items: end;
background-color: red;
position: relative;
display: grid;
display: -ms-grid;
background-position: center;
}
.item2-2{
background-image: url(images/services/1.jpg);
align-self: end;
align-items: end;
display: grid;
display: -ms-grid;
}
.item3-2{
background-image: url(images/services/3.jpg);
align-self: end;
align-items: end;
display: grid;
display: -ms-grid;
}
.item4-2{
background-image: url(images/services/2.jpg);
align-self: end;
align-items: end;
display: grid;
display: -ms-grid;
}
.box-1{display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(6, 1fr);grid-column-gap: 38px;grid-row-gap: 38px;}
.box-2{
display: grid;
grid-gap: 26px;
grid-template-columns: 60% 40%;
background-color: #fff;
color: #444;
}
.box-1 a:hover{
text-decoration:none;
}
.box-1 .heading-over{
width: 100%;
height: 100%;
display: grid;
}
.box-2 .heading-over2{
}
.box-1 .heading-over h1{
color: white;
text-transform: uppercase;
text-align: center;
font-weight: 900;
}
.box-2 .heading-over2 h1{
color: white;
text-transform: uppercase;
text-align: center;
font-weight: 900;
}
.item1-2:hover .heading-over1{
display:block;
}
.item1-2:hover .heading-over2{
background-color:#00000094;
transition-duration: 1s;
}
.item2-2:hover .heading-over1{
display:block;
}
.item2-2:hover .heading-over2{
background-color:#00000094;
transition-duration: 1s;
}
.item3-2:hover .heading-over1{
display:block;
}
.item3-2:hover .heading-over2{
background-color:#00000094;
transition-duration: 1s;
}
.item4-2:hover .heading-over1{
display:block;
}
.item4-2:hover .heading-over2{
background-color:#00000094;
transition-duration: 1s;
}
.heading-over1{
padding: 15px;
display:none;
}
.heading-over1 p{
color:white;
text-align: left;
font-size: 20px;
}
.Program-box a:hover{
text-decoration:none;
}
.box-1 {
display: grid;
grid-template-columns: repeat(2, 0fr 1fr);
grid-template-rows: 0fr repeat(2, 1fr);
gap: 40px 20px;
grid-template-areas:
". . . ."
". item1-2 . item2-2"
". item3-2 . item4-2";
}
.item1-2 {grid-area: item1-2;}
.item2-2 { grid-area: item2-2; }
.item3-2 { grid-area: item3-2; }
.item4-2 { grid-area: item4-2; }
@media all and (-ms-high-contrast:none) {
.box-1 {
display: -ms-grid;
-ms-grid-columns: repeat(2, 0fr 1fr);
-ms-grid-rows: 0fr repeat(2, 1fr);
}
.item1-2 {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
}
.item2-2 {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 4;
-ms-grid-column-span: 1;
}
.item3-2 {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
}
.item4-2 {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 4;
-ms-grid-column-span: 1;
}
}
.heading-over2{position: relative;background-color: #00000000;transition-duration: 1s;}
.heading-over2 h1{position: relative;bottom: 0;display: block;width: 90%;padding: 15px;margin: 0;background-color: #C63988;margin: 0;padding: 14px;font-size: 24px;text-align: left;font-weight: 500;color: white;}
/*===============
Latest-News
================*/
#Latest-News{position: relative;display: flex;width: 100%;padding: 60px 0 60px 0;}
.news{
}
.news-img p img{
width: 80%!important;
height: auto;
}
.News{
display: flex;
flex-wrap: wrap;
align-self: flex-start;
}
/*@media (min-width: 1024px) and (max-width: 1920px) {*/
.news-Li{
padding: 17px 0;
}
.news-Li .card-img-top{overflow: hidden;transition-duration: 1s;width:100%/* transform: rotate(
0deg
); */}
.news-Li .card{
transition-duration: 1s;
position: relative;
display: inline-block;
overflow: overlay;
border: none;
}
.news-Li .card .card-image{
position: relative;
overflow: hidden;
}
.news-Li .card .card-image img{
width: 100%;
}
.news-Li .card:hover img{overflow: hidden;transition-duration: 1s;/* transform: rotate(3deg)scale(1.1); */}
.news-Li .card:hover{
-webkit-box-shadow: 8px 7px 20px 0px #cccccc2e; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 8px 7px 20px 0px #cccccc2e; /* Firefox 3.5 - 3.6 */
box-shadow: 6px 7px 20px 0px #cccccc2e; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
/* border-radius: 29px; */
transition-duration: 1s;
}
.news-Li .card:hover .date h3{
letter-spacing: 1px;
transition-duration:1s;
padding: 0 55px;
color: #C63988;
}
.news-Li .card:hover .date h3:before{
width:50px;
background-color: #C63988;
}
.news-Li .card:hover .card-title{
color:black;
}
.news-Li .card-img-top img{
}
.news-Li p{
text-align: justify;
line-height: 25px;
padding: 0px 0;
font-size: 20px;
font-weight: 300;
margin: 0;
color: #434343;
}
/*.news-Li .card-body{background-color: #eeeeee;padding: 1rem 2.25rem;}*/
.news-Li .card-body{background-color: #FFF;padding: 1rem 2.25rem; border: 1px solid #333;} /*vchange*/
.news-Li .card-title{margin:0;text-align: left;padding: 15px 0;font-size: 28px;font-family: Avenir Book!important;font-weight: 600;margin: 0;color: #6b6b6b;}
.news-Li .card-text{text-align: justify;line-height: 25px;padding: 0px 0;font-size: 20px;font-weight: 300;margin: 0;color: #434343;}
.news-Li .date h3{
transition-duration: 1s;
margin: 15px 0;
color: #434343;
font-size: 16px;
width: 100%;
display: block;
position: relative;
font-weight: 300;
padding: 0 0 0 50px;
}
.news-Li .date h3:before{content:'';position: absolute;height: 2px;background-color: #434343;display:block;left: 0;width: 40px;transition-duration:1s;margin: 7px 0px;}
.news-Li .card-imgt img{
width: 100%;
}
/*}*/
/*===============
Donate
================*/
.background-D{
background-image: url(images/donate.jpg);
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.background-D:after{
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
background: rgba(0,0,0,.5);
}
#Donate{position: relative;width: 100%;align-items: center;display: flex;padding: 70px 0;}
.donate-form-box .form-check{
background-color: #ffffff;
padding: 0px 20px;
color: #c63988;
text-align: center;
font-weight: 600;
font-size: 20px;
align-items: center;
text-transform: capitalize;
line-height: 1;
display: flex;
flex-wrap: wrap;
}
.donate-form-box{padding: 20px 25px 0px 25px;}
.Donate{
padding: 0 15px;
z-index: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.Right-TEXT-Donate{z-index: 2;position:relative;display:block;}
.Right-TEXT-Donate h1{color: white;margin: 0;font-size: 48px;font-weight: 100;font-family: 'Franklin Gothic'!important;opacity: 0;}
.slider-content a:hover{
text-decoration:none;
}
.Right-TEXT-Donate h2{color: white;margin: 0;font-size: 36px;font-weight: lighter;font-weight: 200;padding: 15px 0;font-family: 'Franklin Gothic'!important;}
.Right-TEXT-Donate p{color: white;margin: 0;font-size: 24px;font-weight: 200;padding: 15px 0;font-family: Avenir Book!important;}
.form-donate{display: inline-block;width: 100%;height: 100%;background-color: white;z-index: 2;position: relative;padding: 72px 37px;}
.form-donate .head h1{font-size: 20px;text-align: center;margin: 0;color: #434343;font-weight: 600;font-family: Avenir Book!important;}
.donate-form{
display: inline-block;
width: 100%;
}
.donate-form .form-check-label{
display: contents;
font-size: 16px;
}
.donate-form .custom-control-input:checked~.custom-control-label::before{
background-color: red;
outline:none;}
.donate-form .form-check-input{border: none!important;background-color: red;}
.donate-form input, .donate-form textarea {
font-size: 20px;
padding: 15px 0!important;
color: #434343;
opacity: 1;
display: flex;
left: 20px!important;
flex-wrap: wrap;
line-height: 0;
width: auto;
left: 0;
border-bottom: 1px solid #ddd!important;
}
.donate-form{
text-align: center;
margin: 0 auto;
flex-wrap: wrap;
display: flex;
align-content: center;
padding: 0px 0 24px 0;
align-items: center;
}
input[type="radio"] {
display: none
}
input[type="radio"]+label:before {
content: "";
display: inline-block;
width: 25px;
height: 25px;
padding: 6px;
margin-right: 18px;
background-clip: content-box;
border: 2px solid #bbb;
background-color: #e7e6e7;
border-radius: 50%;
}
input[type="radio"]:checked+label:before {
background-color: #c63988;
border-color: #c63988;
}
label {
display: flex;
align-items: center
}
.donate-form .btn-primary {width: 100%;border-radius: 0;border: none;display: inline-block;margin: auto;font-weight: 500;background-color: #C63988;text-transform: uppercase;}
.donate-form input[type="checkbox"]+label, input[type="radio"]+label{padding: calc(1.412rem / 2) 0;}
.donate-form ul{width: 100%;margin: 0 auto;text-align: center;position: relative;display: flex;padding-inline-start: 0;}
.donate-form li{
list-style: none;
width: 45%;
margin: 0 auto;
text-align: center;
}
.donate-form .btn-primary:hover{
background-color:black;
}
.donate-form .btn-check{
opacity: 0;
position: absolute;
display: none;
}
.donate-form .btn-check-2{
}
.donate-price {
text-align: center;
margin: 0 auto;
display: flex;
align-content: center;
padding: 33px 0;
align-items: center;
}
.donate-price{
display: inline-block;
width: 100%;
}
.donate-price{
text-align: center;
margin: 0 auto;
display: flex;
align-content: center;
padding: 0px 0;
align-items: center;
}
.donate-price .btn-primary {width: 100%;border-radius: 0;border: none;display: inline-block;margin: auto;color: #434343;font-weight: bold;background-color: #dadada;text-transform: uppercase;}
.donate-price input[type="checkbox"]+label, input[type="radio"]+label{padding: calc(1.412rem / 2) 0;}
.donate-price input[type="number"]{border: none!important;border-radius: 0;box-shadow: none;background-color: #dadada;margin: 0;padding: calc(0.8rem / 1) 10px;display: block;width: 100%;color: #6b6b6b;}
.donate .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background-color: #eec936!important;outline: none;}
.donate-price .btn-primary:hover{
background-color:#C63988;
outline:none;
}
.donate-price ul{
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
display: flex;
padding: 0;
}
.donate-price li{
list-style: none;
width: 20%;
margin: 0 auto;
background-color: #dadada;
text-align: center;
color: red;
}
.donate-price .btn-check{
opacity: 0;
position: absolute;
display: none;
}
.donate-price .btn-check-2{
}
.donate-send{
width: 100%;
margin: auto;
display: flex;
position: relative;
}
.donate-sendv btn:hover {
}
.donate-send .btn-primary{background-color: #c63988;width: 86%;border: none;margin: 0 auto;padding: calc(1.412rem / 2) 0;border-radius: 0;position: relative;transition-duration: 0s;font-weight: 600;color: #ffffff;text-transform: uppercase;}
.donate-send .btn-primary:hover{
transition-duration:0;
background-color:#eec936;
color:black;
}
/*===============
Footer
================*/
#Footer{padding-bottom: 70px;position: relative;display: flex;width: 100%;height: 100%;margin: 0;padding: 40px 0;background-color: #6F2A7C;}
.widget-footer{
}
.widget-footer h3{
color:white;
font-size: 16px;
}
.address{
padding-top: 27px;
display: flex;
flex-wrap: nowrap;
}
.Number{
display: flex;
padding-top: 15px;
flex-wrap: nowrap;
}
.Mail{
display: flex;
padding-top: 16px;
flex-wrap: nowrap;
}
.widget-footer h1{
margin: 0;
color: white;
}
.widget-footer p{color: white;margin: 0;padding: 27px 0;font-family: Avenir Book!important;font-size: 24px;}
.widget-footer ul{margin: 0 auto;list-style-position: outside;padding: 27px 0;padding-inline-start: 17px;}
.widget-footer li{
list-style: disc;
margin: 0;
list-style: inside;
color: white;
list-style: disc!important;
}
.widget-footer li a{
font-size:24px;
}
.widget-footer li a:hover{
text-decoration: none;
}
.widget-footer a{
color:white;
}
.Number{
color:white;
margin: 0;
}
.Number h2{
color:white;
font-size:24px;
margin: 0;
}
.address h2{
font-size: 24px;
color:white;
margin: 0;
}
.widget-footer span {
display: flex;
padding: 3px 12px 0 0;
align-self: start;
}
.widget-footer span img {
width: 16px;
height: 16px;
}
.Number img{
width:10px;
}
.Mail img{
width:10px;
}
.address img{
width:10px;
}
.Mail{
color:white;
}
.Mail a{
color:white;
font-size:24px;
margin: 0;
}
.footer-emaill img
{
width: 75%;
margin-left: -5%;
}
@media screen and (max-width: 1440px) {
.footer-emaill img
{
width: 90%;
margin-left: -5%;
}
}
@media screen and (min-device-width: 480px) and (max-device-width: 768px) {
.footer-emaill img
{
width: 94%;
margin-left: -5%;
}
}
@media screen and (max-device-width: 320px) {
.footer-emaill img
{
width: 95%;
margin-left: -5%;
}
}
@media screen and (max-device-width: 1024px) {
.footer-emaill img
{
width: 107%;
margin-left: -5%;
}
}
.Footer-b{background-color: #eec936!important;padding: 27px 0!important;margin: 0!important;display: flex;}
#Footer .social{display: block;text-align: left!important;margin-top: 50px;position: relative;background: transparent;}
#Footer .social ul{
padding: 0;
}
.Footer-b h2{color: black!important;font-size: 16px;font-family: Avenir Book!important;margin: 0;text-align: center;}
.header-inner{background-image: url(images/about.jpg);align-self: end;align-items: end;display: flex;width: 100%;align-items: center;height: 49vh;background-repeat: no-repeat;background-size: cover;z-index: -1;position: relative;background-attachment: fixed;background-position: 87% 100%;}
.header-inner:before{content: '';position: absolute;top: 0;left: 0;display: initial;width: 100%;height: 100%;background-color: #29171791;z-index: -1;}
.header-cap{
display: block;
position: relative;
padding: 12rem 0;
text-align: center;
margin: 0 auto;
}
.header-cap h1{font-weight: 200;font-size: 4.2rem;letter-spacing: 2px;text-align: center;text-transform: uppercase;font-family: 'Franklin Gothic'!important;color: white;}
.About {
position: relative;
display: flex;
padding: 38px 0;
z-index: 9;
/* margin: 28px 0;*/
}
.about-right-img{height: 100vh;width: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;}
.About:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 100%;
background-color: #ffffff;
z-index: -1;
}
.About:after{
content: '';
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
/* background:url(../assets/images/about/about.jpg); */
background-repeat: no-repeat;
z-index: -1;
}
.heading-style{
padding: 38px 0;
}
.heading-style h1{font-size: 30px;color: #434343;font-weight: 500;}
.heading-style span{width:100%;height: 1px;display: inline-block;position: relative;background-color: #e1e1e1;margin: 20px 0;}
.heading-style p{font-size: 20px;color: #434343;}
.heading-style li::marker {
unicode-bidi: isolate;
font-variant-numeric: tabular-nums;
text-transform: none;
text-indent: 0px !important;
font-size: 20px;
text-align: start !important;
text-align-last: start !important;
}
.heading-style ol{
padding-inline-start: 20px;
}
/*Find-out*/
.Find-out{position: relative;display: flex;padding: 70px 0 70px 0;z-index: 9;}
.heading-centre{
/* padding: 0 0 27px 0; */
}
.heading-centre h1{color: #434343;padding: 0 0 15px 0;text-align: center;text-transform: uppercase;font-family: 'Franklin Gothic'!important;}
.heading-centre p{
font-size: 20px;
color:#5f5f5f;
font-weight: 300;
}
.find-out-more .owl-dots{display: block!important;padding-top: 50px;}
.find-out-more.owl-theme .owl-dots .owl-dot{
outline: none;
}
.find-out-more.owl-theme .owl-dots .owl-dot span{
background-color: #bfbfbf;
width: 170px;
height: 2px;
}
.find-out-more.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791!important;
}
.find-out-more.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #C63988!important;}
.find-out-more.owl-theme .owl-nav{
display:none;
}
.find-out-more.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
padding: 15px;
}
.find-out-more{
}
.card-horizontal{height: 100%;/* padding: 0 0 44px 0; */border: none!important;}
.card__image{width: 100%!important;display: inline-block!important;padding: 0 0px 0 0;}
.card__container{display: block;position: relative;height: 100%;background-color: white;}
.card__heading{
padding: 35px;
}
.card__heading h3{
font-weight: 500;
font-size: 24px;
}
.card__heading p{
}
.card__heading a{position: absolute;bottom: 0;width: 100%;left: 0;padding: 7px 13px;display: flex;justify-content: flex-end;color: white;transition-duration: 1s;background-color: #C63988;}
.card__heading a:hover{
color:white;
text-decoration:none;
letter-spacing:1px;
transition-duration: 1s;
}
.card__heading a i{
padding: 4px 9px;
}
.card__heading span{
}
.style-1 .card__image{width: 100%!important;display: inline-block!important;padding: 0 0px 0 0;}
.style-1 .card__container{display: block;position: relative;background-color: #ffffff;}
.style-1 .card__image{width: 100%!important;display: block!important;background-repeat: no-repeat;background-position: center;padding: 0 0px 0 0;background-size: cover;}
.style-1.card__container{
display: block;
position: relative;
height: 600px;
background-color: white;
}
.style-1 .card__heading{
padding: 35px;
}
.style-1 .card__heading h3{
font-weight: 500;
font-size: 24px;
color: #5f5f5f;
}
.style-1 .card__heading p{color: #5f5f5f;}
.style-2 .card__image{
width: 100%!important;
display: inline-block!important;
padding: 0 0px 0 0;
}
.style-2 .card__container .card-image img{
width:100%;
}
.style-2 .card__container{
display: block;
position: relative;
height: 100%;
background-color: white;
}
.style-2 .card__image{
width: 100%!important;
display: inline-block!important;
padding: 0 0px 0 0;
}
.style-2 .card__container{display: block;position: relative;height: 100%;background-color: #ffffff;}
.style-2.card__heading{
padding: 20px;
}
.style-2 .card__heading h3{
font-weight: 500;
font-size: 24px;
color: #5f5f5f;
}
.style-2 .card__heading p{color: #5f5f5f;}
.search-box{
border-radius:0;
border:none;
padding: 0px 0 74px 0px;
display: flex;
right: 0px;
position: relative;
}
.search-box input:focus, .search-box textarea:focus {
border:none!important;
box-shadow: 0 0 3px white !important;
-moz-box-shadow: 0 0 3px white !important;
border-bottom:1px solid #7f7f7f!important;
-webkit-box-shadow: 0 0 3px white !important;
}
.search-box input:focus, textarea:focus, select:focus {
outline-offset: 0px !important;
outline: none !important;
}
.search-box input{
border-radius:0;
border:none;
border-bottom: 1px solid #7f7f7f;
width: 100%;
outline: none;
/* border-bottom:1px solid #7f7f7f; */
}
.search-box .btn{
border: none;
outline: none;
border-radius: 0;
padding: 8px;
line-height: 0;
position: relative;
background-color: transparent;
/* left: -27px; */
display: inline;
border-bottom: 1px solid #7f7f7f;
}
.btn:focus,.btn:focus {
border:none!important;
box-shadow: 0 0 3px #ffffff0c !important;
-moz-box-shadow: 0 0 3px white !important;
border-bottom:1px solid #7f7f7f!important;
-webkit-box-shadow: 0 0 0px white !important;
transition-duration: 1s;
border-bottom: 0px solid #7f7f7f!important;
}
.btn:focus, textarea:focus, select:focus {
outline-offset: 0px !important;
outline: none !important;
}
.search-box .btn img{
width: 19px;
transform: rotate(0deg);
transition-duration: 1s;
}
.search-box:hover img{
width: 19px;
transform: rotate(271deg);
transition-duration: 1s;
}
/*=====================
Contact
======================*/
#Contact{
position: relative;
display: flex;
padding: 90px 0;
z-index: 9;
margin: 85px 0;
}
.widget-title-type2 h1{
text-align: center;
font-size: 53.78px;
margin: 0;
color: #5f5f5f;
font-weight: 500;
line-height: 1.2;
position:relative;
}
.widget-title-type2 p{
text-align:center;
line-height: 44px;
padding: 15px 0;
font-size: 20px;
font-weight: 300;
margin: 0;
color: #5f5f5f;
}
.widget-title-type2 a{
}
.Profile-admin{
display: flex;
flex-wrap: wrap;
padding: 32px 0;
}
.Profile-admin img{
margin: 0 auto;
width: 70%;
display: block;
}
.Profile-admin h2{
font-size: 24px;
text-align: center;
color: #5f5f5f;
line-height: 4;
}
.col-action{
text-align: center;
}
.col-action a{
font-size: 34px;
color: gray;
font-weight: 500;
}
.col-action a:hover{
color:gray;
text-decoration: none;
}
.col-action span{
padding: 0 5px;
color: #C63988;
font-weight: 500;
}
.contact-from-page{
position: relative;
display: block;
/* padding: 90px 0; */
z-index: 9;
padding: 58px 0;
z-index: 9;}
.contact-from-page h1{
color: #434343;
}
#contact-form{
position: relative;
display: flex;
padding: 90px 0;
z-index: 9;
margin: 85px 0;
}
.tab-menu{
text-align: center;
width: 100%;
margin: 0 auto;
}
.tab-menu ul{display: inline-flex;padding: 0;flex-wrap: wrap;margin: 0 auto;position: relative;text-align: center;}
.tab-menu li{
list-style: none;
margin: 0 auto;
padding: 0 32px;
}
.tab-menu .btn{
color:#7f7f7f;
font-size: 20px;
}
.tab-menu .btn.active{
color:#C63988;
}
.tab-menu .btn.active:after {
content: '';
display: block;
position: relative;
width: 100%;
height: 2px;
background-color: #C63988;
text-decoration: none;
}
.tab-menu .btn{
color:#7f7f7f;
font-size: 24px;
border-radius: 0;
outline: none;
}
.tab-menu .btn-link.focus, .btn-link:focus{
color:#C63988;
text-decoration: none!important;
border-color: transparent;
box-shadow: none;
}
.tab-menu .btn {
display: inline-block;
font-weight: 600;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: none;
border-radius: 0!important;
}
.btn:focus, .btn:focus{
outline:none;
}
.tab-menu .collapse.show{
border-top: 3px solid #c63988;
}
.tab-menu .card{
border:none;
border-bottom: 0;
margin: 0px 0 0 0;
padding: 0px;
background-color: #eeeeee;
}
.tab-menu .btn:hover{
text-decoration:none;
color: #ffffff;
}
.tab-menu .btn:after{
content:'';
display:block;
position:relative;
width:100%;
height:2px;
background-color: #ffffff00;
text-decoration:none;
}
.tab-menu .btn:hover:after{
content:'';
display:block;
position:relative;
width:100%;
height:2px;
background-color: #ffffff;
text-decoration:none;
}
.contact-form{
padding: 0px!important;
padding: revert;
}
.contact-form .send_form{
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border-radius: 0;
font-weight: 700;
font-size: 20px;
width: 119px;
margin-top: 15px;
text-transform: uppercase;
}
.contact-form form-group{
}
.contact-form .btn{
}
.contact-form a {
}
.contact-form input{
}
.{
}
#form-job-apply .form-row{
padding:15px 0
}
#form-job-apply .custom-control .custom-checkbox{
outline:none;
background-color:red;
}
#form-job-apply .custom-control-input:checked~.custom-control-label::before{
background-color: #c63988;
outline:none;
}
#form-job-apply input{
outline:none;
}
.datainput{position:relative;margin:5px 0 20px;background-color: transparent;}
.custom-checkbox .custom-control-label{
line-height: 1.2;
font-size: 20px;
color: #434343;
}
.datainput .font-size-data{
font-size: 20px;
}
.datainput p{
font-size:12px;background:#eee;
display:inline-block;
padding:5px 15px;
border-radius:.5rem
}
.choosefile{
border: none!important;
border-bottom: 1px solid #fff!important;
margin: 0!important;
}
.choosefile input, .choosefile textarea {
font-size: 20px;
width: 100%!important;
padding: 4px;
background-color: #e8e8e8;
color: #999999;
display: block;
width: 100%;
border: none!important;
border-bottom: 1px solid #fff!important;
}
.choosefile label {
color: #434343;
font-size: 20px;
font-weight: 400;
position: relative;
pointer-events: none;
padding: 0;
left: 0;
transition: .2s ease all;
}
.choosefilechoosefile::-webkit-file-upload-button{
}
::-webkit-file-upload-button{
outline: none;
background-color: #C63988;
color: white;
border:none;
}
/*
.whatsapp-form textarea{
min-height:120px
} */
.datainput select{padding:12px 0;color: #999;font-size: 20px;width:100%;margin: 0;border:0;border-bottom: 1px solid #dadada;outline:none;background:#fff;}
.datainput input,.datainput textarea{
font-size: 20px;
padding: 15px 0;
color: #000000;
outline: none;
font-family: Avenir Book!important;
opacity: 1;
display:block;
background-color: transparent;
width:100%;
border:none;
border-bottom: 1px solid #ddd!important;
}
.datainput input:focus,.datainput textarea:focus{
outline:none
}
.datainput label{
color: #434343;
font-size:14px;
font-weight:400;
position:absolute;
pointer-events:none;
left:0;
top:18px;
transition:.2s ease all;
}
.datainput input:focus~label,.datainput
input:valid~label,.datainput textarea:focus~label,
.datainput textarea:valid~label{
top:-10px;font-size:14px;
color:#C63988;
}
#notif-license span{
font-size:40px;
}#notif-license{
display:none;
position:fixed;
}
.bar{position:relative;display:block;width:100%}
.bar:before,.bar:after{content:'';
height:1px;width:0;bottom:1px;position:absolute;
background:#C63988;transition:.2s ease all}
.bar:before{left:50%}.bar:after{right:50%}
.datainput input:focus~.bar:before,
.datainput input:focus~.bar:after,
.datainput textarea:focus~.bar:before,
.datainput textarea:focus~.bar:after{width:50%}
.indigox{background:#C63988}
.orangex{background:#ff9800}
.pinkx{background:#e91e63}
.bluex{background:#C63988}
.purplex{background:#9c27b0}
.redx{background:#F44336}
.greenx{background:#4CAF50}
.highlight{
position:absolute;
height:50%;
width:100px;
color: #434343;
top:25%;
left:0;
pointer-events:none;
opacity:.5;
}
.datainput input:focus~.highlight,
.datainput textarea:focus~.highlight{
animation:inputHighlighter .3s ease;
}.datainput input:focus~label,
.datainput input:valid~label,
.datainput textarea:focus~label,
.datainput textarea:valid~label{top:-10px;font-size:13px;color: #c63988;}
form.whatsapp-form {
border-radius: 0;
padding: 30px 0;
}
.whatsapp-form a.send_form {
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border-radius: 0;
font-weight: 700;
font-size: 20px;
}
#text-info span {
display: block;
padding: 10px 15px;
text-align: center;
font-weight: 700;
margin: 15px 0;
border-radius: .5rem;
}
#text-info span.yes {
background: #C63988;
color: #C63988;
}
#text-info span.no {
background: #ffc5c5;
color: #ce0404;
}
.widget{
}
.widget p{/* font-size: 20px; */color: #434343;padding: 0;margin: 0;font-weight: 500;}
.widget h2{
font-size: 20px;
color: #434343;
padding: 33px 0 0 0;
font-weight: 600;
}
.widget a{color: #434343;display: block;/* font-size: 20px; */font-weight: 500;}
.widget a:hover{
color: #C63988;
display: block;
text-decoration:none;
}
.widget h3{font-size: 20px;color: #434343;margin: 0;}
/*=====================
Impact
======================*/
#impact{position: relative;display: flex;z-index: 9;}
.Short-dsp{
}
.Short-dsp p{
font-size: 20px;
color: #7f7f7f;
padding: 0;
line-height: 30px;
margin: 0;
font-weight: 400;
text-align: center;
}
.testimonials-carousel .owl-dots{
display: block;
padding-top: 50px;
}
.testimonials-carousel.owl-theme .owl-dots .owl-dot{
outline: none;
}
.testimonials-carousel.owl-theme .owl-dots .owl-dot span{
background-color: #bfbfbf;
width: 170px;
height: 2px;
}
.testimonials-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
background-color: #C63988!important;
}
.testimonials-carousel.owl-theme .owl-nav{
display:none;
}
.testimonials-carousel.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
padding: 15px;
}
#Tetimonal{
position: relative;
display: flex;
padding: 80px 0;
z-index: 9;
background-color: hsl(0deg 0% 92%);
}
#Tetimonal-style2{
position: relative;
display: flex;
padding: 117px 0;
z-index: 9;
background-color: hsl(0deg 0% 92%);
}
#Tetimonal-style2:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 40%;
height: 100%;
background: url(../assets/images/impact.png);
z-index: -1;
}
#Tetimonal-style2:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 60%;
height: 100%;
background-repeat: no-repeat;
background-color:white;
z-index: -1;
}
#Tetimonal-style2.background-style2{
background-color:white;
}
.Testi-dsp{
}
.Testi-dsp span{
width: 50px;
padding: 0 0 11px 0;
display: inline-block;
}
.team-detail span {width: 30%;height: 2px;display: block;background-color: #c63988;margin: 0 auto;position: relative;}
.Testi-dsp span img{
width: 50px;
}
.Testi-dsp img{
width: 50px!important;
}
.testimonials-carousel{
padding: 50px 0 0 0;
}
.Testi-dsp p{font-size: 20px;color: #434343;}
.Name-testi{
padding: 9px 0;
}
.Name-testi h3{
color: #7f7f7f;
font-size: 24px;
}
.Name-testi h4{font-size: 18px;color: #C63988;}
.job-box{
border:none!important;
background-color: transparent!important;
}
.job-box:hover{
text-decoration: none;
}
.job-box .card-title{text-align: left;font-size: 24px;color: #c63988;font-weight: 600;}
.job-box .card-body{
background-color: transparent;
}
.job-box .card-title:before{
content:'';
position:relative;
display:block;
left:0;
}
.job-box .card-subtitle{text-align: left;font-size: 16px;color: #434343!important;}
.job-box .card-text{text-align: left;font-size: 20px;color: #434343;}
.job-box .card-link{
text-align:right!important;
}
.job-box .card-link img{
width: 32px;
}
/*=====================
TCEN
======================*/
#TCEN{position: relative;display: flex;z-index: 9;}
.title-tcen{
font-size: 20px;
color: #7f7f7f;
padding: 0 49px;
}
.title-tcen h4{font-size: 20px;color: #434343;text-align: center;}
.title-tcen p{font-size: 20px;color: #434343;text-align: center;}
.title-tcen a{
color:#C63988!important;
}
.title-tcen a:hover{
color:#C63988!important;
text-decoration: none;
}
.link a{
color:#C63988!important;
}
.link a:hover{
color:#C63988!important;
text-decoration: none;
}
#TCEN-Disc{position: relative;display: flex;z-index: 9;padding: 0;}
.tcen-box{
}
.tcen-content-box
{background-color: #eeeeee;padding: 60px;/* width: 100%; *//* right: -100px; */z-index: 99;position: relative;}
.tcen-box img{width: 454px;/* width: 100%; */}
.tcen-content-box h3{font-size: 24px;color: #434343;text-align: left;}
.tcen-content-box p{font-size: 20px;text-align: left;color: #434343;}
.tcen-img img{
width: 100%;
}
.tcen-flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
/**/
/*=====================
erc
======================*/
#ERC{
position: relative;
display: flex;
z-index: 9;
}
.title-erc{font-size: 20px;color: #434343;font-family: Avenir Book!important;}
.title-erc h4{
font-size: 20px;
padding: 0 0 45px 0;
color: #7f7f7f;
text-align: center;
}
.title-erc p{
font-size: 20px;
color: #434343;
text-align: center;
}
#erc-Disc{position: relative;display: flex;padding: 0 0 21px 0;z-index: 9;}
.erc-content-box-left h3{
font-size:24px;
#434343
}
.erc-content-box-left p{
font-size: 20px;
color: #434343;
font-family: Avenir Book!important;
}
.erc-content-box-left
{background-color: #eeeeee;padding: 60px;width: 100%;left: -100px;z-index: 99;position: relative;}
.erc-box img{
width: 100%;
}
.erc-content-box h3{
font-size: 20px;
color: #7f7f7f;
}
.erc-content-box p{
font-size: 20px;
color: #7f7f7f;
}
.erc-img img{
width: 100%;
}
.erc-flex {
display: flex;
align-items: center;
}
/*=====================
TEAM
======================*/
#TEAM{position: relative;display: flex;z-index: 9;}
.Team-disc{
text-align: center;
}
.Team-disc p{font-size: 20px;color: #434343;text-align: center;}
#Team-lsit{position: relative;display: flex;z-index: 9;padding: 0px 0 88px 0;}
#Team-lsit .card{
display: inline-flex;
width: 100%;
height:100%;
}
#Team-lsit .col-md-4{padding: 8px;display: inline-flex;justify-self: flex-start;}
.team-profile img{
width:100%;
z-index: -1;
}
.team-profile{
padding:0!important;
}
.team-detail{
padding:0!important;
}
.team-detail{
text-align: center;
background-color: #ebebeb;
display: block;
height: 100%;
}
.team-detail h2{text-align: center;font-size: 28px;}
.team-detail p{
text-align: center;
font-size: 20px;
padding: 0 30px 34px;
margin: 0 auto;
}
.team-detail h3{
text-align: center;
font-size: 20px;
padding: 0 0 15px 0;
color: #C63988;
}
.team-profile:after{
content:'';
width: 0;
position: absolute;
top: 42%;
right: 0;
height: 0;
z-index: 99;
border-style: solid;
border-width: 50px 50px 50px 0;
border-color: transparent #ebebeb transparent transparent;
}
.team-profile-type2:after{
content:'';
width: 0;
position: absolute;
width: 0;
top: 42%;
left:0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 50px;
border-color: transparent transparent transparent #ebebeb;
}
.team-profile-type2{
padding:0!important;
}
.team-profile-type2 img{
width:100%;
z-index: -1;
}
.Team-align{
display: flex;
flex-wrap: wrap;
height: 100%;
align-items: center;
align-content: stretch;
background-color: #ebebeb;
}
.Team-align ul li{
align-items: center;
list-style: none;
}
.social-icon-team{
padding: -1px 0;
display: inline-block;
}
.social-icon-team ul{
}
.social-icon-team li{
list-style: none;
float: left;
padding: 15px;
}
.social-icon-team i:hover{
color: #c63988;
}
.social-icon-team i{font-size: 20px;color: #bdbdbd;}
#Work-withus{position: relative;display: flex;padding: 0 0 153px 0;z-index: 9;background-color: #ebebeb;}
#Work-withus .widget-title{
margin-top: 9em;
}
#Work-withus .widget-title p{
color:#434343;
}
#Work-withus p {
color: #434343;
}
/*=====================
DONATE
======================*/
#DONATE{position: relative;display: flex;z-index: 9;}
.background-white{
background-color: hsl(0deg 0% 92%);
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.Right-TEXT-Donate-color h1{
color: #656565;
margin: 0;
font-family: 'Franklin Gothic';
font-size: 48px;
}
.Right-TEXT-Donate-color h2{
color: #656565;
margin: 0;
font-size: 36px;
font-weight: 500;
padding: 15px 0;
}
.Right-TEXT-Donate-color p{
color:#656565;
margin: 0;
font-size: 24px;
font-weight: 200;
padding: 15px 0;
}
/*=====================
#Programmes
======================*/
#Programmes{position: relative;display: flex;z-index: 9; background-color: #ebebeb;text-align: center;}
.Program-tab{position: relative;display: block;padding-bottom: 50px;z-index: 9;padding: 70px 0 70px 0;}
.program-image{
position: relative;display: block;padding-bottom: 50px;z-index: 9;padding: 0px 0 70px 0;
}
#Programmes .job-box .card-title {
text-align: center;
font-size: 24px;
color: #434343;
font-variant-caps: normal;
text-transform: math-auto;
padding: 0 0 15px 0;
font-weight: 600;
margin: 0;
}
#Programmes .job-box .card-subtitle {
text-align: center;
font-size: 16px;
color: #434343!important;
}
#Programmes .job-box .card-text {
text-align: center;
font-size: 20px;
color: #434343;
}
#Programmes .job-box .card-body {
background-color: transparent;
margin: 0 auto;
}
#Programmes .text-right {
text-align: centre!important;
}
.text-left{
text-align: left!important;
}
#Programmes .icon {
width:120px;
margin: 0 auto;
position: relative;
display: block;
padding: 0 0 17px 0;
}
/*Services */
.Program-box{
width: 100%;
display: inline-block;
overflow: visible;
position: relative;
}
.Welcome-box{
}
.program-detail-img{position: relative;padding: 50px 0 0 0;z-index: 9;margin: 45px 0 0 0;}
.program-detail-img img{
width:100%;
}
/*Related Project*/
.Related-project{position: relative;padding: 50px 0;z-index: 9;margin: 24px 0;}
.Related-project .card{
}
.Related-project .card-img-top{
}
.Related-project .card-img-top img{
}
.Related-project .card-body{background-color: #e1e1e1;padding: 45px 45px;}
.Related-project .card-title{
color: #5f5f5f;
font-size: 24px;
font-weight: 600;
text-align: left;
}
.Related-project .card-text{
color: #5f5f5f;
font-size: 20px;
text-align: left;
}
.Related-project .card a{
color: #5f5f5f;
font-size: 20px;
display: inline-block;
position: relative;
right: 0;
background-color: transparent;
border: none;
}
.Related-project .card a img{width: 20px;display: none;}
/*=====================
Research
======================*/
#Research{
position: relative;
display: flex;
padding: 0;
z-index: 9;
vertical-align: middle;
}
.Reaserch-container{display: flex;vertical-align: inherit;background-color: #e1e1e1;margin-bottom: 60px;position: relative;height: 350px;flex-wrap: wrap;flex-direction: row;}
.Reaserch-container img{
/* width: 100%; */
/* flex: 0; */
}
.Reaserch-container .card{
flex: 1;
display: flex;
}
.Reaserch-container .card p{
font-size: 20px;
color: #434343;
text-align: left;
width: 100%;
}
.Profile-research{
}
.Profile-research img{
width:100%;
}
.Research-content{
}
.Research-content .card-body{padding: 60px;height: 100%;position: relative;flex-wrap: wrap;background-color: #eeeeee;display: flex;align-content: start;}
.Research-content .card-title{font-size: 28px;color: #434343;text-align: left;font-weight: 600;/* margin: 0; */}
.card-title2{
font-size: 28px;
color: #434343;
text-align: left;
font-weight: 600;
}
.Research-content .card-text{font-size: 20px;color: #434343;text-align: left;}
.Research-content a:hover{
text-decoration:none;
}
.Research-content a{
padding: 12px;
color: white;
background-color: #C63988;
/* position: absolute; */
bottom: 0;
right: 0;
font-weight: 600;
/* margin: 62px; */
}
.Research-content a:hover{
color:#ffffff;
}
.right-side-btn{
padding: 15px;
color: white;
background-color: #C63988;
position: absolute;
bottom: 0;
right: 0;
margin: 25px;
}
.Research-content a img{
position: relative;
width: 25px;
}
.Research-content-2type .card-body{padding:60px;height: 100%;position: relative;flex-wrap: wrap;background-color: #eeeeee;margin: 0;display: flex;align-content: center;}
.Research-content-2type .card-title{font-size: 28px;color: #434343;/* margin-bottom: 25px; */text-align: left;font-weight: 600;}
.Research-content-2type .card-text{font-size: 20px;color: #434343;text-align: left;width: 100%;}
.Research-content-2type a:hover{
/* color:white; */
}
.Research-content-2type .card-link{
display: table;
}
.Research-content-2type a{padding: 12px;color: white;background-color: #C63988;position: relative;bottom: 0;left: 0;font-weight: 500;margin: -1px 0;}
.right-side-btn{
padding: 15px;
color: white;
background-color: #C63988;
position: absolute;
bottom: 0;
right: 0;
margin: 25px;
}
.Research-content-2type a:hover{
color:white;
}
.Research-content-2type a img{
position: relative;
/* width: 25px; */
display: none;
}
/**/
#Volunteer .heading-centre h1{
color: white;
}
#Volunteer .widget-title p{
color: white;
}
.Volunteer{
display: flex;
padding: 60px 0;
text-align: center;
z-index: 9;
position: relative;
background-attachment: fixed;
margin: 0 AUTO;
height: 100%;
background-position: left;
background-repeat: no-repeat;
background-size: cover;
}
.Volunteer a{
color:white;
background-color: #C63988!important;
text-align: center;
padding: 10px 20px;
position: relative;
font-size: 20px;
display: inline-block;
margin: 15px 0;
}
.Volunteer a:hover{
text-decoration:none;
color:white;
}
.left-val{
padding: 52px;
display: flex;
align-content: center;
flex-wrap: wrap;
}
.left-val img{
}
.left-val h1{color: white;font-size: 38px;padding: 0 0 9px 0;width: 100%;font-family: 'Franklin Gothic';}
.left-val p{color: white;font-size: 20px;font-weight: 400;font-family: Avenir Book!important;}
.val-form{padding: 49px 49px;z-index: 99;background-color: white;position: relative;}
.val-form .send_form {
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border-radius: 0;
font-weight: 700;
width: 119px;
font-size: 20px;
}
/*=====================
JOB
======================*/
#Job{
position: relative;
display: flex;
padding: 70px 0 0 0;
z-index: 9;
vertical-align: middle;
text-align: center;
}
#Job a{
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border-radius: 0;
font-weight: 400;
font-size: 20px;
margin: 15px 15px;
}
.Job-detail-1 a{
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border-radius: 0;
font-weight: 400;
font-size: 20px;
margin: 15px 15px;
}
#Job a:hover{
color:black;
text-decoration:none;
}
.Job-detail-1 a:hover{
color:black;
text-decoration:none;
}
.Job-detail-2 a{
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border-radius: 0;
font-weight: 400;
font-size: 20px;
margin: 15px 15px;
}
.Job-detail-2 a:hover{
color:white!important;
text-decoration:none;
}
#Job img{
width: 25px;
}
#form-job-apply{
position: relative;
display: flex;
z-index: 9;
vertical-align: middle;
margin: 0 0 45px 0;
}
.Job-detail{
text-align: center;
}
.Job-detail .heading-centre {
padding: 0 0 25px 0;
text-align: center;
}
.Job-detail h1{
color: #5f5f5f;
font-size: 28px;
position: relative;
right: 0;
padding-bottom: 0;
background-color: transparent;
border: none;
}
.Job-detail h3{
color: #C63988;
font-size: 20px;
position: relative;
text-align: center;
right: 0;
background-color: transparent;
border: none;
}
.Job-detail p{
color: #5f5f5f;
font-size: 20px;
position: relative;
right: 0;
margin: 0 auto;
padding: 0 0 15px 0;
text-align: center;
background-color: transparent;
border: none;
}
.Job-detail ul{display: inline-block;padding: 0;text-align: left;}
.Job-detail li{
list-style: none;
font-size: 20px;
color: #5f5f5f;
padding: 7px 0;
}
.Job-detail li:before{
content:'';
position:relative;
display: inline-block;
width: 8px;
height: 8px;
top: -3px;
left: 0;
background-color: #c63988;
margin-right: 15px;
}
.Job-detail a{
color: #5f5f5f;
font-size: 20px;
position: relative;
right: 0;
background-color: transparent;
border: none;
}
.Job-detail-1 a{
color: #ffffff;
font-size: 20px;
position: relative;
right: 0;
border: none;
}
.job-box .card-body a{
color:#434343;
text-decoration: none;
}
.job-box .card-body a:hover{
color:#c63988;
text-decoration: none;
}
.Job-detail-2 a{
color: #ffffff;
font-size: 20px;
position: relative;
right: 0;
border: none;
}
.form-job .whatsapp-form a.send_form{
}
.form-jobtextarea{
min-height:120px
}
form.form-job {
border-radius: 0;
padding: 0 0;
text-align: center;
}
.form-job a.send_form {
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border-radius: 0;
font-weight: 700;
font-size: 20px;
}
/*Hi*/
.History-disc{
}
.History-disc p{
font-size:20px;
text-align:left;
display: block;
color: #434343;
}
.History-disc a{
color:#c63988;
}
.History-disc a:hover{
text-decoration:none;
color:#c63988;
}
.image-res img{
width:100%;
}
.list-histoy{
}
.list-histoy ul{
list-style-position: inside;
padding-inline-start: 30px!important;
}
.list-histoy li{
font-size:20px;
text-align:left;
list-style-position: inside;
color: #434343;
list-style: disc;
padding: 0;
}
.list-histoy ::marker {
unicode-bidi: isolate;
font-variant-numeric: tabular-nums;
text-transform: none;
color:#C63988;
text-indent: 0px !important;
text-align: start !important;
text-align-last: start!important;
}
#History{position: relative;display: flex;z-index: 9;}
#History2{position: relative;display: flex;z-index: 9; padding: 0px 0 70px 0;}
.italics{
font-style: italic;
}
.send_form img{
width: 25px;
}
.Research-content-2type span {
width: 100%;
height: 1px;
display: inline-block;
position: relative;
background-color: #e1e1e1;
margin: 20px 0;
}
.news-page{padding: 0px 0 0px 0;position: relative!important;display: inline-block;}
.heading-over2:hover{text-decoration:none;}
.Related-project .btn{
padding: 12px;
color: white!important;
background-color: #C63988!important;
position: relative;
bottom: 0;
font-size: 16px!important;
left: 0;
font-weight: 600;
font-size: 20px;
margin: 0px 0;
}
#wa_select{
}
#wa_select .option{
}
#Newsletter{
position: relative;
padding: 90px 0;
z-index: 9;
display: flex;
flex-wrap: wrap;
}
.newsletter H3{
text-align: LEFT;
font-size: 16px;
font-weight: 300;
COLOR: white;
margin-top: 19px;
}
#Newsletter .heading-centre h1{
}#Newsletter .heading-centre h3{
text-align: center;
font-size: 20px;
font-weight: 400;
}
.newsletter{
}
#Newsletter input:focus~label, .datainput input:valid~label, .datainput textarea:focus~label, .datainput textarea:valid~label{
color: #c63988;
outline:none;
}
.newsletter input:focus, .datainput textarea:focus {
outline: none !important;
border: 0px solid #6f2a7c!important;
border-bottom: 1px solid #eaeaea!important;
box-shadow: none!important;
}
.newsletter input{
font-size: 20px;
padding: 2px 0 3px 0;
color: #ffffff;
display: block;
width: 100%;
outline: none;
background: none;
border: 0px solid #6f2a7c!important;
border-bottom: 1px solid #eaeaea!important;
}
.newsletter .send_form {
color: #fff;
background: #C63988!important;
background-color: rgb(198 57 136)!important;
-webkit-background-color: rgb(198 57 136)!important;
text-decoration: none;
display: inline-block;
border: 0!important;
padding: 8px 10px;
border-radius: 0;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
text-align: center;
width: 100%;
-webkit-appearance: button;
}
.newsletter p{
text-align: center;
font-size: 16px;
font-weight: 400;
font-style: italic;
}
.newsletter .no-padding{
padding:0;
}
.newsletter{
padding: 35px 0;
display: flex;
align-content: center;
flex-wrap: wrap;
}
.newsletter .datainput label{top: 0;color: white!important;font-size: 16px;}
.program-slide{
}
.no-padding{
padding: 0!important;
}
.program-slide .owl-dots{display: block;position: absolute;bottom: 17px;margin: 10px auto;left: 46%;align-items: center;}
.program-slide.owl-theme .owl-dots .owl-dot{display: inline-block;outline: none;}
.program-slide.owl-theme .owl-dots .owl-dot span{
background-color: white;
width: 13px;
height: 13px;
}
.program-slide.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:#c63988!important;}
.program-slide.owl-theme .owl-nav{
display:none;
}
.program-slide.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
padding: 15px;
}
.owl-carousel .owl-item img{
box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.33);
-webkit-box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.33);
-moz-box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.33);
}
.upload-file2 label {
display: flex;
flex-wrap: wrap;
font-size: 20px;
margin: 0 15px 0 0;
}
.choosefile .send_form{
padding: 3px 10px!important;
font-weight: 400!important;
}
.pt-30{padding: 25px 0 0 0 !important;}
a.send_form {}
a.send_form {}
.menu-timeline{display: block;list-style-type: disc;margin-block-start: 0;margin-block-end: 0;margin-bottom: 40px!important;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0!important;}
.menu-timeline li{
list-style: none;
padding: 20px 20px 20px 20px;
margin: 0 13px;
text-align: center;
}
.menu-timeline li:after{
}
.menu-timeline li a{
color:white;
}
.menu-timeline a.active:after {
content: '';
display: block;
position: relative;
width: 100%;
height: 2px;
margin: 0 auto;
transition-duration: .5s;
outline:none;
background-color: #ffffff;
text-decoration: none;
}
.menu-timeline li span{
width:100%;
margin: 0 auto;
background-image: url(../assets/images/arrowdown.svg);
}
.menu-timeline li span img{
width:100%;
margin: 0 auto;
}
.menu-timeline.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background-color: transparent;
font-weight: 600;
font-size: 20px;
transition-duration: 0.2s;
}
.menu-timeline .nav-link {
display: block;
padding:0 15px ;
}
.menu-timeline li:nth-child(1){
background-color:#6f2a7c;
color:white;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.menu-timeline li:nth-child(2){
background-color:#eec936;
color:white;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}.menu-timeline li:nth-child(3){
background-color:#C63988;
color:white;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.menu-timeline li:nth-child(5){
background-color: #51AEE0;
color:white;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.menu-timeline li:nth-child(6){
background-color: #D8863C;
color:white;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.menu-timeline li:nth-child(7){
background-color: #010406;
color:white;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.menu-timeline li:nth-child(8){
background-color:#98BB4F;
color:white;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.menu-timeline li:nth-child(9){
background-color:#98BB4F;
color:white;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.menu-timeline li:nth-child(4){
background-color:#98BB4F;
color:white;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
/*map*/
.heading-map{position: absolute;z-index: 1;width: auto;display: flex;left: 11%;margin: 0;top: 124px;}
.heading-map h1{color: white;font-size: 20px;}
.heading-map h3{color: white;font-size: 15px;margin-left: 82px;margin: 0;position: relative;left: 100px;line-height: 1.9;}
/**/
.download-pdf{
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border-radius: 0;
font-weight: 400;
font-size: 20px;
margin: 15px 0px;
}
#News-page .download-pdf {
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border-radius: 0;
font-weight: 400;
font-size: 20px;
margin: 0px 0px;
}
.download-pdf:hover{
color:white;
text-decoration:none;
}
#Programmes a{
text-align: center;
position: relative;
margin: 26px 0 0 0;
}
/**/
.ourTeam{
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1020!important;
background-color: #000;
}
.ourTeam .card:hover .card-body{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ourTeam .card:hover{
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
color: white;
}
.ourTeam .team-text{
width: 100%;
}
.ourTeam .team-text span{
width: 30%;
display: flex;
margin: 0 auto;
}
.ourTeam .team-text span:after{
content:'';
width: 32%;
margin: 0 auto;
position: relative;
float: left;
height: 2px;
background-color: white;
display: inline-block;
}
.ourTeam .card-body{
width: 100%;
top:0;
height: 100%;
z-index: 1;
display: none;
text-align: center;
position: absolute;
background-color: #c63988;
}
.ourTeam .card-title{
color: white;
font-size: revert;
}
/*.ourTeam .card-title h2{*/
/* color: white;*/
/* font-size: larger;*/
/*}*/
/*.ourTeam .card-title h3{*/
/* color: white;*/
/* font-size: initial;*/
/*}*/
.ourTeam .color1{
background-color: #6f2a7c;
}
.ourTeam .modal-header{border: none;display: block;padding: 0;}
.ourTeam .modal-body p{
color: white;
}
.ourTeam .modal-title{
color: white;
margin-left: 0;
}
.ourTeam span{
color: white;
width: 16%;
display: inline-block;
margin: 7px 0 15px 0px;
height: 2px;
background-color: white;
}
.ourTeam .btn-primary:hover{
border: 0;
border-radius: 0;
background-color: #eec936;
box-shadow: -2px 17px 26px -4px rgba(149,39,101,1);
-webkit-box-shadow: -2px 17px 26px -4px rgba(149,39,101,1);
-moz-box-shadow: -2px 17px 26px -4px rgba(149,39,101,1);
}
.ourTeam .btn-primary{
border: 0;
margin: 15px 0;
padding: 11px 20px;
border-radius: 0;
background-color: #d64395;
box-shadow: -2px 32px 40px -23px rgba(198,57,136,0.56);
-webkit-box-shadow: -2px 32px 40px -23px rgba(198,57,136,0.56);
-moz-box-shadow: -2px 32px 40px -23px rgba(198,57,136,0.56);
}
.ourTeam .modal {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
.ourTeam .modal-header .close{background-color: white;opacity: 1;padding: 10px 15px;margin: 0rem 0rem 0rem auto;}
.ourTeam .modal-header .close span {
color: black;
margin: 0 auto;
width: 100%;
}
.ourTeam.modal-content{
background-color: #C63988!important;
display: flex;
padding: 17px;
color: white;
}
.ourTeam .modal-footer{
border:none;
}
.slider-content .btn-primary{font-weight: 900;background-color: #C63988!important;border-radius: 0;outline: none;border: 0px solid transparent;text-transform: uppercase;margin-top: 24px;font-size: 20px;padding: 11px 18px;}
.Home .btn-primary{ position: absolute; top: 70%; font-weight: 900;background-color: #C63988!important;border-radius: 0;outline: none;border: 0px solid transparent;text-transform: uppercase;margin-top: 24px;font-size: 20px;padding: 11px 18px;}
/*Get-involved */
.invo-head{
background-color: #c63988;
padding: 13px;
}
.invo-head h1{margin: 0;color: white;text-align: center;font-size: 20px;text-transform: uppercase;font-weight: 900;}
#Getinvolved{
position: relative;
display: flex;
padding: 50px 0;
z-index: 9;
margin: 28px 0;
}
.Get-involved {
}
.get-invo-box{
display: flex;
margin: 20px 0;
}
.invo-img{
}
.invo-content{
padding: 0 0px 0 15px;
}
.invo-content a{
color:#c63988;
}
.invo-content a:hover{
color:#c63988;
text-decoration: none;
}
.invo-content h2{
font-weight: 600;
font-size: 20px;
}
/*our-history*/
.our-history{align-content: center;display: flex;position: relative;justify-content: flex-start;padding: 48px 18px;background-color: whitesmoke;align-content: stretch;flex-wrap: nowrap;}
.year-count{
}
.image-box{
padding: 0 15px 0 0;
}
.year-content{
display: flex;
}
.year-count{border-right: 3px solid #c63988;padding: 0 15px 0 0;}
.year-count h2{
color: #c63988;
margin: 0;
font-size: 48px;
font-weight: 900;
}
.year-content{
padding: 0 0 0 15px;
}
.year-content p{
font-size: 20px;
}
.our-history:nth-child(1){
background-color:whitesmoke;
}
.our-history:nth-child(2){
background-color:#e6e6e6;
}
.our-history:nth-child(3){
background-color:whitesmoke;
}
.our-history:nth-child(4){
background-color:#e6e6e6;
}
.our-history:nth-child(5){
background-color:whitesmoke;
}
.our-history:nth-child(6){
background-color:#e6e6e6;
}
/*year color*/
.our-history:nth-child(1) .year-count h2{
color:#eec936;
}
.our-history:nth-child(2) .year-count h2{
color:#6f2a7c;
}
.our-history:nth-child(3) .year-count h2{
color:#c63988;
}
.our-history:nth-child(4) .year-count h2{
color:#98bb4f;
}
.our-history:nth-child(5) .year-count h2{
color:#51aee0;
}
.our-history:nth-child(6) .year-count h2{
color:#d8863c;
}
/* border color*/
/*year color*/
.our-history:nth-child(1) .year-count {
border-right: 3px solid #eec936;
}
.our-history:nth-child(2) .year-count {
border-right: 3px solid #6f2a7c;
}
.our-history:nth-child(3) .year-count {
border-right: 3px solid #c63988;
}
.our-history:nth-child(4) .year-count {
border-right: 3px solid #98bb4f;
}
.our-history:nth-child(5) .year-count {
border-right: 3px solid #51aee0;
}
.our-history:nth-child(6) .year-count {
border-right: 3px solid #d8863c;
}
.year-content-type3{
padding-left:15px;
}
.getinvolved-btn{
padding: 0 0 15px 0;
display: flex;
align-content: center;
flex-wrap: wrap;
/* width: 70%; */
}
.getinvolved-btn .btn-involved{
color: #fff;
background: #C63988;
text-decoration: none;
display: inline-block;
padding: 13px 20px;
border-radius: 0;
font-weight: 400;
font-size: 16px;
text-align: center;
width: 100%;
-webkit-appearance: button;
}
/**/
.item-image-noflex{
}
.item-image-noflex img{
padding: 0
}
/**/
.KT-contact{
}
.address-KT{
display:none;
}
.history-align p{
text-align: center;
}
.about-right-img{
}
.pading-gap{
padding-top:5px;
}
.title-erc.padding-heading {padding-bottom: 70px;}
.Footer-b a{
color: #434343;
text-decoration: none;
}
.Footer-b a{
color: #434343;
text-decoration: none;
}
.Footer-b a:hover{
color: #434343;
text-decoration: none;
}
input.send_form ,.submitjob {
width: 144px;
background-color: #c63988;
background-color: rgb(198 57 136);
background-color: hsl(326deg 55% 50%);
color: white;
text-align: center;
padding: 15px;
margin: 0 auto;
display: block;
margin-bottom: 27px;
}
/**/
@media only screen and (max-width: 375px) {
.Research-content-2type a{
font-size: 15px;
}
}
@media only screen and (max-width: 320px) {
.Research-content-2type a{
font-size: 11px;
}
}
/**/
/* Vchange */
.news-white{
background-color: #FFF!important;
}