/*==================================================
 Global CSS Start Here
 ==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
*{outline:none !important; text-decoration:none!important;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
a {text-decoration:none; color:#000; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; outline:none!important; }
em {font-style:italic;}
strong {font-weight:bold; color:#000;}
img, object, iframe {max-width:100%; display: block;}
h1,h2, h3, h4,h5,h6{line-height: 1.3;font-family: 'Playfair Display', serif; color: #333;}
p{ margin-bottom:20px; line-height: 1.5; font-size: 16px;}
html {-webkit-text-size-adjust:100%;}
a:hover { color: #ff7315;}
video{ width:100%; display:block;}
body{padding: 0px; margin:0px; font-family: 'Lato', sans-serif; font-size: 16px; color: #898989;}

/*==================================================
	Color Box Css
 ==================================================*/

#cboxOverlay{background: url(../images/overlay.png) repeat 0 0;}
#cboxClose{background: url(../images/controls.png) no-repeat -25px 0;}
#cboxTopCenter{background: url(../images/border.png) 0 0 repeat-x;}
#cboxMiddleLeft{background: url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{background: url(../images/controls.png) right top repeat-y;}
#cboxTopRight{background: url(../images/controls.png) no-repeat -130px 0;}
#cboxTopLeft{background: url(../images/controls.png) no-repeat -101px 0;}
#cboxBottomCenter{background: url(../images/border.png) 0 -29px repeat-x;}
#cboxBottomRight{background: url(../images/controls.png) no-repeat -130px -29px;}
#cboxBottomLeft{background: url(../images/controls.png) no-repeat -101px -29px;}
#cboxNext{background: url(../images/controls.png) no-repeat -50px 0;}
#cboxPrevious{background: url(../images/controls.png) no-repeat -75px 0;}

/*==================================================
	Home Page Css
 ==================================================*/

.humbuger-mobile {display: none;}
.header {position: fixed; top: 0; left: 0; right: 0; z-index: 99;}
.navbar-nav>ul {display: flex;}
.navbar {padding: 15px 3%;}
.navbar-nav { flex-direction: unset; align-items: center; margin-bottom:25px;}
header.header.sticky .navbar-nav {margin-bottom: 0px;}
.navbar-nav ul li a { padding: 10px 20px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700;}
.navbar-nav ul li a i { color: #ff7315;}
.donate {display: block; background: #ff7315; padding: 10px 25px; font-size: 12px; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: 2px; margin-left: 0; border: 1px solid #ff7315;  position: fixed; right: -48px; top: 50%;
transform: rotate(90deg); z-index: 99; box-shadow: 0px 0px 10px #bb672f;}
.donate:hover {color: #fff;}
.header.sticky .humbuger-icon { background: #ff7315;  padding: 8px 10px; display: none;}
a.navbar-brand { max-width:90px; /*background: #fff; padding: 5px;*/}
.header.sticky .humbuger-icon img {width: 20px; display: none;}
header.header.sticky {background: #fff; -webkit-animation-duration: .8s;  animation-duration: .8s;  -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
header.header.sticky .navbar-nav ul li a {color: #000;}
/*header.header.sticky a.navbar-brand{max-width: 80px; padding: 5px;}*/
header.header.sticky .navbar {padding: 0px 3%; box-shadow: 0px 0px 10px #ddd;}
.humbuger-icon { margin-left: 20px; display:none}
.navbar-nav > ul li {position: relative;  }
ul.sub-menu {visibility: hidden; opacity: 0; position: absolute; top: 32px; width: 220px; background: #03a9f4; text-transform: capitalize; left: 15px; box-shadow: 0px 0px 4px #ddd;}
.navbar-nav > ul li:hover ul.sub-menu { visibility: visible; opacity: 1;}
ul.sub-menu li a {display: block; padding: 10px 10px;  border-bottom: 1px solid #0896d7; font-size: 14px; text-transform: capitalize; font-weight: 600;}
.navbar-nav > ul li:last-child a { border: none;}
ul.sub-menu li a:hover { background: #fff; color: #0896d7;}
ul.sub-menu:before {content: ""; width: 0; height: 0; border-left: 12px solid transparent;  border-right: 12px solid transparent; border-bottom: 12px solid #fdfdfd; position: absolute; left: 0; top: -12px;}
ul.sub-menu:after {content: ""; width: 0;height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #0896d7; position: absolute; left: 1px; top: -11px;}
header.header.sticky .navbar-nav ul ul a {color: #fff;}
header.header.sticky .navbar-nav ul ul li a:hover { background: #fff; color: #0896d7;}
a.navbar-brand {text-align: left; display: flex; max-width: 240px; align-items: center; position:relative;}
a.navbar-brand span {font-size: 10px; color: #fff;}
a.navbar-brand img {max-width: 80px;margin-right: 10px;}
a.navbar-brand label { color: #f06621; position: absolute; top: 4px; right:0px; line-height: 1;}
header.header.sticky a.navbar-brand span {color: #000;}
header.header.sticky a.navbar-brand img {max-width: 65px;}
header.header.sticky a.navbar-brand {max-width: 225px;}
.banner-item {position: relative;}
/*.banner-item:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0000004a;}*/
.banner-overlay { position: absolute; top: 55%; left: 3%;  transform: translate(0%, -50%); background: #03a9f4b8; padding: 20px 20px;}
.banner-overlay {max-width:400px; min-height:250px;}
.banner-overlay h1 { font-size: 32px; color: #fff; line-height: 1.3;}
.banner-overlay p {color: #ffffff; font-size: 16px;  margin-top: 15px; margin-bottom: 0px;  text-align: right; font-weight: 700; font-style: italic; position: absolute;
right: 20px; bottom: 20px;}
.banner-sec .owl-dots { position: absolute; margin: 0 !important; right:3.5%;  top: 50%; width: 25px;}
.banner-sec .owl-dots .owl-dot span{ background: #fff;}
.banner-sec .owl-dots .owl-dot.active span,.banner-sec .owl-dots .owl-dot:hover span{ background: #ff7315;}
.slid-arrow {background: #0ba1db;text-align: center; font-size: 12px; padding: 10px 36px; text-transform: uppercase; font-weight: 700;  color: #fff; display: inline-block;
border: 1px solid #0ba1db; position: relative; overflow: hidden; }
.causes-slide ul li .slid-arrow {background: #0ba1db;text-align: center; font-size: 12px; padding: 10px 36px; text-transform: uppercase; font-weight: 700;  color: #fff; display: inline-block;
border: 1px solid #0ba1db; position: relative; overflow: hidden; }
.causes-slide ul li:hover .slid-arrow {color: #fff;}
.banner-sec img { width: 100%;}
.slid-arrow:after { content: "\e87a"; font-family: Linearicons-Free; text-rendering: auto;  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s;  -ms-transition: all 0.3s ease 0.2s;
-o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.1s;  display: inline-block; position: absolute;  right: -40px;}
.slid-arrow:hover:after { right: 15px;  -webkit-transition: right .3s .2s; -moz-transition: right .3s .2s;  -ms-transition: right .3s .2s;
-o-transition: right .3s .2s; transition: right .3s .2s;}
.slid-arrow:hover {background: #ff7315; color: #fff; border-color: #ff7315;}
.donate:hover { background: #0ba1db; border-color: #0ba1db;}
.gkct-link {background: #ff7315;}
.gkct-link a{height: 100px; text-align: center; color: #fff; display: block; padding: 20px 30px 0; background-repeat: no-repeat;
background-position: left top; font-size: 30px; color: #fff;  display: block;  font-family: 'Playfair Display', serif; font-weight: 700;}
.gkct-link a span {text-transform: uppercase; color: rgba(255,255,255,.8); display: block; font-size: 12px;  font-family: 'Lato', sans-serif;font-weight: 400;}
.gkct-link a:nth-child(1) { background-color: rgba(0,0,0,.1);}
.gkct-link a:nth-child(2) { background-color: rgba(0,0,0,.2);}
.gkct-link a:nth-child(3) { background-color: rgba(0,0,0,.3);}
.gkct-link a:hover{background-color: rgba(0,0,0,0);}
.section-image { position: relative; margin-top: 15px;  margin-bottom: 20px;}
.section-image:before,.section-image:after { content: ''; display: inline-block;  vertical-align: middle; width: 40px; height: 1px; margin: 0 6px; background: #fa6f1c;}
.section-image { display: flex;  align-items: center;  justify-content: center;}
.section-top { max-width: 65%; text-align: center; margin: 0px auto 50px;}
.section-top p{font-size: 18px;}
.sec-heading { font-size: 30px;}
section.home-sec3 {background: #f9f9f9; padding-top: 80px; padding-bottom: 85px; display:none;}
.section-image {position: relative;  margin-top: 15px;  margin-bottom: 20px;}
.causes-content {background: #fff; padding: 20px 15px;text-align: center;}
.causes-content h4 { font-size:18px; /* font-family: 'Lato', sans-serif;*/  font-weight: 700;  margin-bottom: 15px; /*min-height: 46px;*/}
.causes-content p { font-size: 14px; margin-bottom: 0px;}
.case-donate {font-size: 14px;  margin-top: 15px; font-weight: 600;}
.case-donate span { color: #ff7315; font-weight: 600;}
.causes-img a {display: block; position: relative;}
.causes-img a:before { content: ""; background: #00000066; position: absolute; top: 0;  left: 0; right: 0; bottom: 0; visibility: hidden;}
.causes-img a:after { content: "+"; position: absolute; top: 50%; left: 50%; height: 36px; width: 36px; line-height: 36px; text-align: center; font-size: 50px;  transform: translate(-50%, -50%); color: #fff; visibility: hidden;}
.causes-slide ul li:hover .causes-img a:after,.causes-slide ul li:hover .causes-img a:before{visibility: visible;}
.causes-slide ul li { text-align: center;}
.featured-causes .owl-nav [class*=owl-] span { display: none;}
.featured-causes .owl-nav [class*=owl-] {width: 40px; height: 40px; background: rgba(0,0,0,.8) !important; color: #fff !important; border-radius: 0; margin: 0; }
.featured-causes .owl-nav button.owl-prev:before { content: "\e875"; font-family: Linearicons-Free; font-size: 20px;}
.featured-causes .owl-nav button.owl-next:before { content: "\e876"; font-family: Linearicons-Free; font-size: 20px;}
.featured-causes .owl-nav button.owl-prev{position: absolute; left: -50px; top: 50%; transform: translate(0,-50%);}
.featured-causes .owl-nav button.owl-next{position: absolute; right: -50px; top: 50%; transform: translate(0,-50%);}
.featured-causes .owl-nav { margin: 0px;}
.featured-causes .owl-nav [class*=owl-]:hover { background: #ff7315 !important;}
.causes-slide a.view-all {margin-top: 50px;}
section.home-sec6 {background: #03a9f4; padding: 50px 0px;}
.become-volunteer { display: flex; align-items: center; justify-content: space-between;}
.become-volunteer h4 { color: #fff;  font-size: 24px; letter-spacing: 2px; max-width: 49%;}
.become-volunteer a { font-size: 16px;  text-transform: uppercase;  border: 2px solid #fff;  color: #fff;  padding: 12px 20px;  border-radius: 30px; font-weight: 600;  letter-spacing: 2px;}
.become-volunteer a:hover { background: #ff7315; border-color: #fff; box-shadow: 0px 5px 10px #0983bb;}
section.home-sec4 {padding-top:70px; display: none;}
.success-stories{background: #27262c}
.story-cont {padding: 60px 70px; height: 100%;}
.story-img { height: 100%;}
.story-img img { width: 100%; height: 100%}
.story-cont h3 {font-size: 24px; color: #fff;  margin-bottom: 40px; text-transform: capitalize; width: 85%;}
.story-cont p { font-size: 15px; color: #75737f;  line-height: 1.7;}
.story-cont a { border: 1px solid #ff7315; color: #ff7315;  font-size: 12px;  padding: 7px 30px; border-radius: 30px;  display: inline-block; text-transform: uppercase;
font-weight: 700; margin-top: 20px; position: relative; overflow: hidden;}
.story-cont a:after { content: "\e87a"; font-family: Linearicons-Free;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s;
-ms-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s;  transition: all 0.3s ease 0.1s;  display: inline-block;
position: absolute; right: -40px;}
.story-cont a:hover:after {right: 10px; -webkit-transition: right .3s .2s; -moz-transition: right .3s .2s; -ms-transition: right .3s .2s; -o-transition: right .3s .2s; transition: right .3s .2s;}
.story-cont a:hover { background: #ff7315; color: #fff;}
.story-cont h3:after {content: ""; width: 60px; height: 1px; background: #ff7315; display: block; margin-top: 15px;}
.stories-slider .owl-nav {margin: 0px;  position: absolute; top: 60px;  right: 70px;}
.success-stories .stories-slider .owl-nav button {width: 30px; border: 1px solid #ff7315; border-radius: 0px;}
.stories-slider .owl-nav [class*=owl-] span{display: none;}
.stories-slider .owl-nav button.owl-next:before{content: "\e876"; font-family: Linearicons-Free; color: #fff;}
.stories-slider .owl-nav button.owl-prev:before{content: "\e875"; font-family: Linearicons-Free; color: #fff;}
.success-stories .stories-slider .owl-nav button:hover { background: #ff7315;}
section.home-sec5 {padding-top: 70px;  padding-bottom: 90px; display: none;}
section.home-sec5 h2.sec-heading {margin-bottom: 50px;}
.home-event ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.home-event ul li figure{position: relative; overflow: hidden;}
.home-event ul li {width: 32%; margin-right: 2%; margin-bottom: 25px;}
.home-event ul li:nth-child(3n+0) {margin-right: 0px;}
.home-event ul li figure:before { content: ""; background: linear-gradient(0deg ,rgb(0 0 0 / 75%) 0,rgb(0 0 0 / 0) 52%);
 width: 100%; height: 100%;  z-index: 9; position: absolute; top: 0;}
.home-event ul li figure img { width: 100%;height: 100%;}
.home-event ul li a { display: block; position: relative;}
.home-event ul li p { font-size: 18px; color: #fff; margin-bottom: 0;  position: absolute;  bottom: 0;  z-index: 9;  padding:30px 25px; right: 0; left: 0; display: flex; align-items: center; justify-content: space-between; padding-right: 40px;}
.home-event ul li figure label { position: absolute; top: 10px; right: 10px; background: #ff7315; padding: 8px 8px; font-size: 12px; color: #ffffff; font-weight: 700; text-align: center;  line-height: 1;}
.home-event ul li figure label span { text-transform: uppercase; color: #fff;}
.home-event ul li figure label span:before { content: "|"; margin-left: 5px;  margin-right: 5px;}
.home-event ul li p span { background: #fff; color: #ff7315; position: static; font-size: 14px;  width: 25px;  height: 25px;  line-height: 25px; text-align: center;  border-radius: 100%; position: absolute;
top: 35px; right: 15px;}
.home-event ul li:hover span { background: #ff7315; color: #fff;}
.home-event ul li figure img {-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.home-event ul li:hover figure img {-webkit-transform:scale(1.1); transform:scale(1.1);}
.home-event h2:after {content: ""; width: 50px;  height: 1px; background: #ff7315;  display: block; margin-top: 15px;}
.view-all { font-size: 16px; color: #2a2a2a;  align-items: center;  justify-content: center;  margin-top: 20px; display:flex;}
.view-all span { margin-left: 5px;}

/*==================================================
	Home About Section
 ==================================================*/

section.about-gkct { padding-top: 80px;  padding-bottom: 95px; border-bottom: 1px solid #f2f2f2;}
.gkct-img {border-left: 8px solid #ff7315;}
.gkct-cont {padding-left: 70px; padding-right: 50px;}
.gkct-cont h3 {font-size: 24px; font-family: 'Lato', sans-serif; font-weight: 300;  margin-bottom: 30px;}
.gkct-img img {filter: grayscale(1); width:100%;}
.gkct-cont a { font-size: 13px; font-weight: 700; color: #ff7315; padding: 7px 30px;  border: 1px solid #ff7315; border-radius: 30px; display: inline-block;  margin-top: 20px; position: relative; overflow: hidden;}
.gkct-cont a:after {content: "\e87a";  font-family: Linearicons-Free;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s;    -ms-transition: all 0.3s ease 0.2s;
-o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.1s;  display: inline-block;  position: absolute; right: -40px;}
.gkct-cont a:hover:after {right: 10px; -webkit-transition: right .3s .2s; -moz-transition: right .3s .2s; -ms-transition: right .3s .2s; -o-transition: right .3s .2s;  transition: right .3s .2s;}
.gkct-cont a:hover {background: #ff7315; color: #fff;}

/*==================================================
	Footer Section
 ==================================================*/

.footer-sec h4 {color: #fff; font-weight: 900;font-size: 16px;text-transform: uppercase; letter-spacing: 0.05em; font-family: 'Lato', sans-serif;}
.footer-sec h4:after {content: ''; display: block;width: 46px; height: 1px; margin: 22px 0 40px;	background: #fa6f1c;}
.footer-sec p {margin-bottom: 10px; letter-spacing: 0.025em; font-size: 14px;color: #7d7b87}
.footer-sec p b {color: #fff;}
.footer-sec {padding:70px 0 0px; background: #27262c url(../images/footer-bg.png) no-repeat center 0; background-size: cover;}
.footer-link ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.footer-link ul li {padding:0px 0px; width: 49%; margin-right: 2%; margin-bottom: 10px;}
.footer-link ul li:nth-child(2n+0) {margin-right: 0;}
.footer-link ul li a {font-size: 13px; color: #7d7b87; text-transform: uppercase;}
.subscribe {padding: 14px 0;}
.subscribe form{display: flex;}
.subscribe .subscribe-btn {width: 50px; height: 40px; background: #fa6f1c; color: #fff; border: 0; cursor: pointer;}
.subscribe .subscribe-btn:hover { background: #0ba1db;}
.subscribe .subscribe-inner { overflow: hidden;}
.subscribe .subscribe-field { margin: 0;  height: 40px; font-size: 14px;  padding: 0 15px;  border: 0; color: #7d7b87;}
.footer-cont span { color: #fff; margin-right: 5px;}
.footer-cont a { color: #7d7b87; word-break: break-all;}
.footer-link a:hover,.footer-cont a:hover {color: #ff7315;}
.footer-bar {background: #222126; padding: 15px 0; margin-top: 50px;}
.footer-copyright { display: flex; justify-content: space-between; align-items: center; }
.footer-bar ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  justify-content: flex-end;}
.footer-bar ul a { font-size: 20px;  color: #7d7b87;  margin-left: 25px;}
.footer-copyright p { margin-bottom: 0px;}
.footer-copyright p a{color: #7d7b87; }
.footer-copyright p a {color: #7d7b87; font-weight: 600;}
.footer-copyright a:hover {color: #ff7315;}
.footer-link.link li { width: 100%;}



/*==================================================
  side menu css
 ==================================================*/

/*.mobile-menu{display: none;}*/
.mobile-menu {position: fixed; top: 0; right: -320px; bottom: 0; background:#ff7315; height: 100vh; max-width:320px; width: 100%;  z-index: 999; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.mobile-menu h4 {font-size: 15px; color: #fff; font-weight: 600; text-transform: uppercase; padding: 14px 0px; border-bottom: 1px solid #fff; position: relative; font-family: 'Lato', sans-serif;}
.mobile-menu .sub-menu ul li a {color: #fff; font-size: 15px; text-transform: capitalize; font-weight: 400; padding: 7px 0px 7px; display: block; }
.mobile-menu .sub-menu ul li { padding: 0px 10px; }
.mobile-menu.visiable {display: none;}
.black-shadow:before{display:none;}
.mobile-menu .sub-menu ul {border-bottom: 1px solid #ddd; padding: 10px 0px;}
.mobile-menu .sub-menu{display: none;}
.mobile-menu h4:after {content: "+"; font-size: 26px;  position: absolute; right: 0; top: 8px; color: #fff; font-weight: 400;}
.mobile-menu h4.up-aarow:after{content: "-"; top:3px; font-size: 30px;}
.mob-menu>a{font-size: 15px; color: #000;  text-transform: uppercase; padding: 14px 0px; border-bottom: 1px solid #ddd; display: block;}
.mob-menu>a:hover,.mobile-menu .sub-menu ul li a:hover { color: #0a0a0a;}
.mob-menu {height: 85vh; overflow: auto;}
.mob-menu{margin:82px 0px 30px; padding: 0px 30px 0px;}
a.closed {width: 22px; height:22px; position: absolute; top:20px; right:15px;display: block; text-align: center;}
.mobile-menu a {font-size: 15px;text-transform: uppercase;font-weight: 600; color: #fff; padding: 12px 0px;}
.black-shadow:before {content: ""; background: #000000b8; position: fixed; top: 0;  left: 0; right: 0;  bottom: 0;  z-index: 999;}
.mobile-menu .sub-menu ul li a:before {content: "\e876"; font-family: Linearicons-Free; font-size: 12px; margin-right: 8px;}

/*==================================================
  Blog Section Home
 ==================================================*/

section.home-blog {padding-top:90px; padding-bottom:90px; display: none;}
.blog-summery{padding: 25px 0px; padding-right: 50px; }
.blog-summery h3 {color: #282828; font-size: 30px;}
.blog-summery h3:after {content: ""; width: 50px; height: 1px; background:#ff7315; display: block; margin-top: 20px; margin-bottom: 20px;}
.blog-summery p {color: #898989; margin-bottom: 0px;}
.blog-slider-sec ul li {position: relative;}
.blog-slider-sec .blog-title {position: absolute; bottom: 0;  padding: 20px 20px; z-index: 2}
figure.blog-img{position: relative; overflow: hidden;}
figure.blog-img:before { content: ""; background: linear-gradient(0deg ,rgb(0 0 0 / 75%) 0,rgb(0 0 0 / 0) 52%); width: 100%; height: 100%; position: absolute; top: 0; z-index: 1}
.blog-title h4 {color: #fff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 700; margin-bottom: 10px;}
.blog-title span { display: block; color: #eee; text-transform: uppercase;  font-size: 12px; letter-spacing: 1px;}
.blog-slider-sec .owl-dots .owl-dot.active span, .blog-slider-sec .owl-dots .owl-dot:hover span{background:#ff7315;}
figure.blog-img img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.blog-slider-sec ul li:hover figure.blog-img img { -webkit-transform: scale(1.1); transform: scale(1.1);}

/*==================================================
  Disclaimer Home
 ==================================================*/

section.home-disclaimer { background:#ff7315; padding-top: 60px; padding-bottom:45px; position: relative;     display: none;}
.home-disclaimer h2.sec-heading {color: #fff;}
.home-disclaimer .section-image:before, .home-disclaimer .section-image:after{background: #fff;}
.disclaimer-cont { max-width: 80%;  margin: auto; text-align: center; position: relative;}
.disclaimer-cont p{font-size: 16px; color: #ecf9ff;}
.disclaimer-cont:before {  background: url(../images/qoute-img.png) no-repeat; width: 40px; height: 40px;  background-size: contain; content: ""; position: absolute;  left: -60px;}
.disclaimer-cont:after { background: url(../images/qoute-img.png) no-repeat;  width: 40px; height: 40px; background-size: contain; content: ""; position: absolute;  right: -60px;  bottom: 0;   transform: rotate(180deg);}

/*==================================================
 	Our Impact
 ==================================================*/

section.homeimpact-sec {padding-top:80px;}
.impact-tab .nav-tabs {display:none;}
.impact-tab .card-body{padding: 0px;}
.do-tab-img img {width: 100%;}
.impact-tab-list img {width: 100%;}
.impact-tab-list {position: relative;}
.impact-tab {position:relative;}
.impact-tab-list {position: absolute; top: 0; left: 9%;  z-index: 9; max-width: 350px; width: 100%; background: #fff; padding-top:35px; padding-bottom: 30px;}
.impact-tab .nav-tabs .nav-link { border-radius: 0px; border: none; font-size: 16px;  font-weight: 600; color: #333;border-bottom: 1px solid #ddd; padding: 20px 30px; margin-bottom: 0px;}
.impact-tab-overlay {position: absolute; top: 0; left: 36%; max-width: 550px; padding:40px 30px;}
.impact-tab-overlay h4 {font-size: 24px; color: #fff;  font-weight: 300; margin-bottom: 20px; font-family: 'Lato', sans-serif; line-height: 1.5;}
.impact-tab-overlay .readmore {color: #ff7315; background: #fff;  width: 25px; height: 25px; display: inline-block;  text-align: center;  line-height: 25px;  border-radius: 100%;  font-size: 14px;  font-weight: 700;}
.impact-tab-overlay .readmore:hover{color: #fff; background:#ff7315; border: #93D500;}
.impact-tab .nav-tabs .nav-item.show .nav-link, .impact-tab .nav-tabs .nav-link.active,.impact-tab .nav-tabs .nav-link:hover{ color: #ff7315;}
.do-tab-img:before { content: "";  position: absolute;  top: 0; left: 0px; right: 0px;  bottom: 0;  background: #00000075;}
.impact-tab .nav-tabs .nav-item {margin-bottom: 0;}
.impact-tab .nav-tabs {border-bottom: none;}
.impact-tab .nav-tabs .nav-item:last-child .nav-link {border-bottom: none;}

@media(min-width:768px) {

.impact-tab .nav-tabs { display: block;}
.impact-tab  .card {border: none;}
.impact-tab  .card .card-header { display:none;}  
.impact-tab  .card .collapse{display:block;}

}

@media(max-width:767px){

.impact-tab .tab-content> .tab-pane  {display: block !important; opacity: 1;}

}

/*==================================================
 	Inner Banner
 ==================================================*/

.inner-banner img { width: 100%;}
.inner-banner {width: 100%; height: 320px; margin-bottom: 70px; position: relative;  background: url(../images/contact-banner.jpg) no-repeat center; background-size: cover !important;}
.inner-banner-overlay {position: absolute; top: 60%; left: 0; right: 0; z-index: 9;}
.inner-banner-overlay h1{font-size: 38px; color: #fff;}
.inner-banner-overlay h1 span {color: #ff5722;}
.inner-banner-overlay ul{display: flex;}
.inner-banner-overlay ul li a {color: #fff; font-weight: 400; font-size: 13px;}
.inner-banner-overlay ul li a:before {content: "/"; padding: 0px 7px;}
.inner-banner-overlay ul li:first-child a:before { display: none;}
.inner-banner-overlay ul { display: flex; margin-top: 15px; display: none;}
.inner-banner-overlay ul li a:hover {color: #ff7315;}
.inner-banner:before {content: ""; position: absolute; top: 0;  left: 0; right: 0; bottom: 0; background: /*#0000006e;*/#00000029}


/*==================================================
 	Contact Page
 ==================================================*/

.contact-sec1 h4 {font-size: 24px; color: #000; margin-bottom: 30px;}
.cont-form { padding:35px 40px 40px;  background: #fff;  box-shadow: 0 0 10px #ececec; position: relative;}
.cont-form .form-group{ margin-bottom: 30px; position: relative;}
.cont-form .form-group:after {content: ""; width: 15px; height: 1px; background: #ffc107; position: absolute; right: 0; bottom: 0;}
.cont-form .form-control {border: none;color:#898989; border-radius: 0px; border-bottom: 1px solid #808080; padding: 0px 0px;  font-size: 14px;}
.submit-btn {background: #93d500; border: 1px solid #93d500;  padding:8px 35px 8px 40px; display: inline-block; text-align: center; border-radius: 30px;  font-size: 16px; font-weight: 600; color: #000; position: relative;}
.submit-btn:hover{ border-color:  #007bff; background: #007bff; color: #fff;}
.submit-btn:after { content: "\e876";  font-family: Linearicons-Free; font-size: 12px;}
.cont-form .form-control:focus{ box-shadow: none; border-color:#ff7315}
.cont-form label { font-size: 12px; display: block; margin-bottom: 30px; position: relative;}
.cont-form label:before{ content: ""; width: 15px;height: 1px;background: #ffc107; display: inline-block; margin-right: 15px; vertical-align: middle;}
.cont-form textarea {background: #fafafa !important; padding: 20px 20px !important;}
.submit-btn { background: #0ba1db; border: 1px solid #0ba1db;  padding: 8px 35px 8px 40px; display: inline-block; text-align: center;
border-radius: 30px; font-size: 16px; font-weight: 600; color: #fff; position: relative;}
.submit-btn:hover { border-color: #ff7315; background: #ff7315; color: #fff;}
.contact-info p { font-size: 21px;  font-weight: 300;}
.contact-sec2 {/*margin-top: -80px;*/  margin-top: 50px; margin-bottom: 90px;}
.contact-sec2 iframe {width: 100%; height: 400px;}
.contact-rgt {padding-left: 50px; display: none;}
.contact-info ul {margin-top: 40px;}
.contact-info ul li { padding-left: 50px; position: relative; margin-bottom: 35px; color: #898989;}
.contact-info ul li,.contact-lft ul li a{color: #898989; }
.contact-info ul li a:hover{color:#ff7315;}
.contact-info ul li:before {content: ""; font-family: Linearicons-Free;  width: 36px;  height: 36px;  background: #ff7315;  line-height: 36px;  text-align: center; border-radius: 100%;  color: #fff; position: absolute;  left: 0;  top:-6px;}
.contact-info ul li.email:before{content: "\e818";}
.contact-info ul li.phone:before{content: "\e830";}
.contact-info ul li.address:before{content: "\e833";}
.getintech {background: #f7f7f7; padding: 20px 30px; height: 100%; padding-right: 90px;}
.getintech p{ font-size:18px; font-weight: 400;}
.registered-off {/* border-right: 1px solid #ededed; */ height: 100%;}
.cont-rgt { padding-left: 70px;}
section.contact-sec1 { padding-bottom: 90px;}
/*==================================================
 	About us
 ==================================================*/

 section.about-sec1 { padding-bottom: 60px; position: relative;}
 section.about-sec1:after {content: ""; background: #f7f7f7;  width: 100%; height:70%; position: absolute; bottom: 0;  z-index: -1;}
.about-sec1 .gkct-cont h3 {margin-bottom: 50px;}
section.about-sec2 {padding-top: 90px; padding-bottom: 90px;}
.vision-sec h4 {font-size: 18px; color: #333333; font-weight: 900;  text-transform: uppercase;  margin-bottom: 30px;     font-family: 'Lato', sans-serif;} 
.vision-sec ul li { font-size: 16px;  margin-bottom: 20px; position: relative;  padding-left: 30px;}
.vision-sec ul li:before { content: "\e876";  font-family: Linearicons-Free;  color: #fff;  font-size: 10px; position: absolute;  top: 5px; left: 0px;  width: 18px; height: 18px;  line-height: 18px; background: #0ba1db; border-radius: 50%; text-align: center;}
.vision-sec .vision { padding-right: 40px;}
.vision-sec .mission {border-left: 1px solid #e7e7e7;  padding-left: 40px; padding-right: 40px;}
.vision-sec .mission.our-value { padding-right: 0px;}
.vision-sec p { font-size: 15px;}

/*==================================================
 	Events Page
 ==================================================*/

.Event-bnr figure, .event-all-img figure{overflow: hidden;}
.event-all-img figure{padding: 3px;border: 1px solid #ddd;border-radius: 3px;}
.Event-bnr img, .event-all-img img{transition: ease-in-out 0.5s; width: 100%;}
.event-small a:hover img, .event-big a:hover img, .event-all-img a:hover img{transform: scale(1.1);}
.event-small a, .event-big a, .event-all-img a{position: relative;display: block;text-decoration: none;}
.event-small a:first-child{margin-bottom: 26px;}
.event-small a:before, .event-big a:before{background-image: linear-gradient(transparent, black);position: absolute;left: 0;width: 100%;bottom: 0;content: '';height: 65%;opacity: 0.6;transition: ease-in-out 0.5s;z-index: 9;}
.event-dtls {position: absolute; bottom: 0;z-index: 9;padding: 30px 30px 30px 30px;color: #fff;}
.event-dtls span {font-size: 14px;display: block;margin-bottom: 10px;position: relative; font-weight: 700;color: #000;}
.Event-bnr .event-dtls span:before{width: 0px;height: 2px;background: #fff;position: absolute;left:0px;bottom:-5px;content: '';transition: width 0.5s linear;}
.Event-bnr a:hover .event-dtls span:before{width: 50px;opacity: 1;}
.event-all-img{padding: 50px 0 90px;}
.event-all-img .col-md-4 {margin-bottom: 30px;display: none;}
.event-all-img .event-dtls{position: relative;color: #333;padding: 20px 20px 20px 20px;}
.event-all-img .event-dtls span{position: relative;}
.event-all-img .event-dtls span:before{width: 0px;height: 2px;background: #ff7315;position: absolute;left:0px;bottom:-5px;content: '';transition: width 0.5s linear;}
.event-all-img a:hover .event-dtls span:before{width: 50px;opacity: 1;}
.loadmore-sec{text-align: center;padding: 40px 0 0;}
.loadmore-sec a {border: 2px solid #fd781e;display: inline-block;font-size: 14px;padding:6px 20px 6px 30px; border-radius: 25px;background: #fff; font-weight: 700; color: #fd781e;}
.loadmore-sec a img{margin-left: 5px;}
a.back-btn {border: 2px solid #0ba1db;display: inline-block;font-size: 14px;padding:6px 30px 6px 20px;border-radius: 25px;text-decoration: none;margin-top: 20px;}
.back-btn img{margin-right: 2px;transform: rotate(90deg);transition: 0.3s;}
a.back-btn:hover{background: #fff;}
.loadmore-sec a:hover { background: #ff7315; border-color: #ff7315;  color: #fff;}
.event-details{padding: 50px 0 0;background: #eee;margin-top: 50px;}
.event-head {padding: 0 0 40px;position: relative;}
.event-head h2{font-size: 36px;}
.detail-text {padding: 100px ;}
.detail-text p{font-size: 14px;line-height: 24px;margin-bottom: 20px;font-family: 'roboto';padding-right: 15%;}
.event-details figure{margin-bottom: -50px;}
.printer-div { position: absolute; right: 20px;border-left: 1px solid #333; padding-left: 30px; height: 90%;top: 0;transition: 0.5s;}
.printer-div a{display: block;margin-bottom: 10px;}
.printer-div a:hover{filter: brightness(1) invert(1);}
.event-details figure{overflow: hidden;}
.event-details figure img{transition: ease-in-out 0.5s;}
.event-details figure:hover img{transform: scale(1.1) rotate(1deg);}
.event-big .event-dtls p,.event-small p{ margin-bottom: 0px; }
.event-all-img .event-dtls p { margin-bottom: 0px;}
.event-big .event-dtls span, .event-small .event-dtls span { color: #fff;}

/*==================================================
 	Events Detail
 ==================================================*/

section.events-detail-sec { padding-bottom: 75px;}
.events-detail-rgt {padding-left:50px;}
.events-detail-rgt span { font-size: 14px; font-weight: 700;  color: #000;}
.events-detail-rgt span:after { content: "";  width: 50px;  height: 2px;  background: #ff7416; display: block;  margin: 5px 0px 15px;}
.events-detail-rgt h2 {font-size: 30px; font-weight: 400; margin-bottom:25px; /* color: #ff7315;*/}
.back-btn {border-top: 1px solid #efefef; padding-top: 35px;  margin-top: 35px;}
.back-btn a {background: #2196f3; padding: 8px 30px; color: #fff;  font-weight: 700;  font-size: 13px;  border-radius: 30px; display: inline-block;  position: relative;  overflow: hidden;}
.back-btn a:after { content: "\e879"; font-family: Linearicons-Free;  text-rendering: auto;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.3s ease 0.2s;  -moz-transition: all 0.3s ease 0.2s;  -ms-transition: all 0.3s ease 0.2s;   -o-transition: all 0.3s ease 0.2s;    transition: all 0.3s ease 0.1s;    display: inline-block;    position: absolute;   left: -40px;}
.back-btn a:hover:after { left: 10px;  -webkit-transition: left .3s .2s; -moz-transition: left .3s .2s;  -ms-transition: left .3s .2s;  -o-transition:left .3s .2s;  transition: left .3s .2s;}
.back-btn a:hover { background: #ff7315;}

/*==================================================
 	Blog list
 ==================================================*/

section.blog-sec1 { padding-bottom: 90px;}
.blod-data {display: flex; flex-wrap: wrap; border-bottom: 1px solid #eee; padding-bottom: 35px; margin-bottom: 35px; align-items: center;}
.blod-data figure { flex: 0 0 auto; width: 33%; overflow: hidden;}
.blod-data .blog-cont {flex: 0 0 auto;  width: 67%;  padding-left: 30px;}
.blog-cont h4 { font-size: 17px; color: #000; font-family: 'Lato', sans-serif;  font-weight: 900;  text-transform: uppercase;  margin-bottom:5px;}
.blog-cont p { font-size: 16px; margin-bottom: 15px}
.blog-cont ul { display: flex; margin-bottom: 10px;}
.blog-cont ul li { margin-right: 10px;}
.blog-cont ul li a { font-size: 13px;  font-weight: 600; display: flex;  align-items: center;}
.blog-cont ul li a svg { margin-right: 5px;}
.blod-data .blog-cont .read-more { color: #000;font-size: 14px;  display: inline-block; font-weight: 700; text-transform: capitalize;}
.blod-data .blog-cont .read-more span { font-size: 10px;  font-weight: 700;}
.blod-data figure img {transition: ease-in-out 0.5s;}
.blod-data:hover figure img { transform: scale(1.1);}
.blod-data:hover .blog-cont .read-more { color: #ff7518;}
.blog-rgt {padding-left: 50px;}
.blog-sidebar { margin-bottom: 35px;}
.blog-sidebar ul li {display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.blog-sidebar ul li:last-child { margin-bottom: 0px;}
.blog-sidebar ul li a{display: flex; flex-wrap: wrap;}
.blog-sidebar figure {flex: 0 0 auto; width: 22%; overflow: hidden;}
.blog-sidebar figure img { width: 100%;  height: 100%; min-height: 58px; transition: ease-in-out 0.5s;}
.blog-sidebar .blog-sidebar-cont { flex: 0 0 auto; width: 78%; padding-left: 25px;}
.blog-sidebar h4 { font-size:18px; text-transform: uppercase;  font-weight: 700;  color: #000; font-family: 'Lato', sans-serif;  border-bottom: 1px solid #eee;  padding-bottom: 20px; margin-bottom: 20px;}
.blog-sidebar-cont h5 {font-size: 13px;  font-family: 'Lato', sans-serif;  font-weight: 900;  text-transform: uppercase;  margin-bottom: 5px;}
.blog-sidebar-cont label { font-size: 13px; font-weight: 700; display: flex; align-items: center;}
.blog-sidebar ul li:hover h5 {color: #ff7315;}
.blog-sidebar ul li:hover label{color: #898989;}
.blog-sidebar ul li:hover figure img{transform: scale(1.1);}
.blog-sidebar.archive ul{display: flex; flex-wrap: wrap;}
.blog-sidebar.archive ul li {margin-right: 10px;  margin-bottom: 10px; font-size: 14px;}
.blog-sidebar.archive ul li a{border: 1px solid #eee; color:#898989; padding: 8px 17px; font-size: 13px;}
.blog-sidebar.archive ul li:hover a {border-color: #ff7315; color: #ff7315;}
.blog-pagination ul li a {color: #898989;  border-color: #dee2e6;  box-shadow: none;}
.blog-pagination ul li a:focus{box-shadow: none;}
.blog-pagination ul li .page-link:hover,.blog-pagination ul li a.page-link.active,.blog-pagination ul li .page-link:focus {
z-index: 2; color: #fdfdfd;  background-color: #ff7315;  border-color: #ff7315;}
.blog-pagination ul li a span { color: #000; font-weight: 700;  font-size: 14px;}
.blog-pagination ul li .page-link:hover span{color: #fff;}

/*==================================================
 	FAQ Page
 ==================================================*/

section.faq-sec1 {padding-bottom: 90px;}
.faq-list { max-width: 900px;  margin: 0 auto;}
.faq-list button.accordion-button { font-size: 18px;  font-weight: 700; color: #000;  font-family: 'Lato', sans-serif;  text-transform: capitalize; background:#f5f5f5;}
.faq-list button.accordion-button:focus {box-shadow: none;}
.faq-list .accordion-button:not(.collapsed) {background:#ff7315; color: #fff}
.faq-list .accordion-item{border:none; margin-bottom: 2px;}
.faq-list .accordion-button::after{background: none;content: "\e874"; font-family: Linearicons-Free; font-size: 16px;}
.faq-list .accordion-button:not(.collapsed)::after{	background: none; content: "\e873"; font-family: Linearicons-Free; font-size: 16px; transform: unset;}
.faq-list .accordion-body{padding: 30px 30px; border: 1px solid #eee; border-bottom: none;}
.faq-list .accordion-item:last-child .accordion-body{border:1px solid #eee;}


/*==================================================
 	Career Page
 ==================================================*/

section.career-sec1 {position: relative;}
.post-req .post-repeat {display: none;}
.career-lft { padding-right:50px;}
.career-lft h4{font-size: 24px; font-weight: 300;font-family: 'Lato', sans-serif; margin-bottom:20px;}
.career-head h2 { color: #fff; text-align: center; margin-bottom: 130px;}
.post-work { padding: 150px 0 90px; margin-top: -80px;  position: relative;}
.post-work:before {content: ""; width: 100%; height:250px; background: #18374E; position: absolute; top: 0; left: 0; right: 0;  z-index: -1;}
.post-repeat {background: #F7F1EE;margin-bottom: 10px;transition: 0.3s; position: relative;}
.post-repeat:hover .post-right figure{padding-left: 25px;}
.post-repeat a{display: flex;justify-content: space-between;align-items: center;}
.post-repeat span{font-size:16px;color: #000;margin-right: 10px;}
.post-repeat p { font-size: 18px; color: #000; margin-top: 5px; margin-bottom: 0px;  font-weight: 500;}
.post-left{padding:20px 20px;}
.post-right{background: #fbf8f7;padding: 20px 20px;display: flex;align-items: center;}
.post-right figure{margin-left: 35px;transition: 0.3s;}


/*==================================================
 	5-09-2022
 ==================================================*/

.impact-sec1 .row { align-items: center;}
.causes-slidelist ul {display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;}
.causes-slidelist ul li {width: 22.75%;  margin-right: 3%; text-align: center; box-shadow: 0px 0px 10px #e1e1e1; margin-bottom: 50px; padding-bottom: 15px;}
.causes-slidelist ul li:nth-child(4n+0){ margin-right:0px;}
.impact-cont h3 {font-size: 28px; margin-bottom: 20px;}
.modalCause .modal-header {background: #ff7315;color: #fff;}
.modalCause .modal-header h5 {color: #fff;}
.modalCause .modal-header .close {background: #fff; border-radius: 100%;width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; text-align: center;text-shadow: none;  position: absolute; top: -10px;  right: -10px;  opacity: 1;}
.modalCause .modal-header .close:hover{ background:#000; color:#fff; opacity:1}

/*==================================================
 	6-02-2023
 ==================================================*/

section.about-sec3 {background: #03a9f4; padding-top: 70px; padding-bottom: 90px;}
.charitable-live {text-align: center;}
.charitable-live h3 {color: #fff; text-align: center; margin-bottom: 0px; font-size: 30px;}
.charitable-live ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px;  width: 75%;  margin: 50px auto 70px;}
.charitable-live h3 span {display: block; font-size: 18px; font-family: 'Lato', sans-serif; margin-top: 10px;}
.charitable-live ul li h4 {font-size: 48px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 900; margin: 0px;}
.charitable-live ul li span {color: #fff; display: block; font-size: 16px; font-weight: 400;}
.charitable-live a {border: 1px solid #fff; color: #fff; padding: 7px 25px; border-radius: 30px; font-size: 14px; font-weight: 600; display: inline-block; max-width:160px; width: 100%;}
.charitable-live ul li {width: 33.33%;}
.charitable-live a:hover {background: #ff7315; border-color: #ff7315;}
section.about-sec4 {padding-top: 70px; padding-bottom: 80px; display:none;}
.governing-sec {text-align: center;}
.governing-sec ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px;}
.governing-sec ul li figure {width: 100%; border-radius: 3px; border: 1px solid #ededed;}
.governing-sec ul li figure img { filter: grayscale(1);}
.governing-sec ul li { width: 22.75%; margin-right: 3%;}
.governing-sec ul li:nth-child(4n+0) {margin-right:0%;}
.governing-sec ul li h5 {font-size: 16px; color: #333; padding-top: 15px; font-family: 'Lato', sans-serif; font-weight: 600;}
.governing-sec ul li h5 span {display: block; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400; margin-top: 5px; font-style: italic;}
.governing-sec h2.sec-heading:after, .about-associate h2.sec-heading:after { content: "";  width: 70px; height: 2px;  background: #fa6f1c; display: block; margin: 20px auto 0px;}
.about-sec5 ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 50px;}
.about-associate h2.sec-heading { text-align: center;}
.about-sec5 ul li {margin-right: 70px; border: 1px solid #efefef; padding: 5px;}
.about-sec5 ul li:last-child { margin-right: 0px;}
.about-associate {border-top: 1px solid #efefef; padding-top: 70px; padding-bottom: 100px;}

section.coming-soon {min-height: 500px;}

/*==================================================
 	Become Volunteer
 ==================================================*/

section.becomevol-sec {padding-bottom: 90px;}
.becomevol-lft {padding-right: 50px;}
.becomevol-rgt {background: #f7f7f7; padding: 25px 30px 30px; height: 100%;}
/*.becomevol-sec strong {margin-bottom: 15px; display: block;}*/
.becomevol-sec p strong { margin: 0; display: inline-block;}
.becomevol-sec p a {color: #2196f3; font-weight: 600; letter-spacing: 1px;}
.becomevol-sec h3 { font-size: 24px; color: #000;  margin-bottom: 20px;}
.becomevol-lft p {color: #000; font-weight: 600; margin-bottom: 20px;}
.becomevol-lft ul li {font-size: 15px; padding-left: 30px; margin-bottom: 20px; position: relative;}
.becomevol-lft ul li:before {content: "\e876"; font-family: 'Linearicons-Free'; position: absolute; left: 0; top: 5px; font-weight: 600; color: #ff7315;}
.becomevol-rgt ul li {position: relative; font-size: 15px; margin-bottom: 15px;  padding-left: 20px;}
.becomevol-rgt ul li:before { content: ""; width: 7px; height: 7px; background: #ff7315; border-radius: 100%; position: absolute; left: 0; top: 7px;}


/*==================================================
 	Partner With US
 ==================================================*/

section.partner-with { padding-bottom: 90px;}
.partnerWith-01 {margin-bottom: 50px;}
.partnerWith-01 h3 {font-size: 24px; font-weight: 300; margin-bottom: 20px; line-height: 1.5; font-family: 'Lato', sans-serif; color: #000;}
.partnerWith-01 p { font-size:18px; margin-bottom: 0px; font-weight: 400;}
.partner-logo {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; margin-bottom: 20px; align-items: center;}
.partner-logo li {margin-right: 5%;}
.partner-logo li:last-child {margin-right: 0px;}
.partner-logo li img { height: 46px;}
.partner-with h4 {font-size: 24px; color: #000; margin-bottom: 20px;}
.partnerWith-lft { padding-right: 50px;}
/*.partner-with strong {display: block; margin-bottom: 15px;}*/
.partnerWith-rgt p strong { margin: 0px; display: inline-block;}
.partnerWith-rgt p a {color: #2196f3; font-weight: 600; letter-spacing: 1px;}
.partnerWith-lft li,.partnerWith-rgt li {padding-left: 20px; position: relative; margin-bottom: 15px; font-size: 15px;}
.partnerWith-lft li:before{content: "\e876"; border-radius: 100%; position: absolute; left: 0; top: 3px;  font-family: 'Linearicons-Free'; font-size: 12px; font-weight: 800; color: #ff7315;}
.partnerWith-rgt li:before {content: ""; width: 7px; height: 7px;  background: #ff7315; border-radius: 100%; position: absolute;  left: 0; top: 7px;}
.partner-logo li {padding: 0px;}
.partner-logo li:before {content: unset;}
.partnerWith-rgt {padding: 25px 30px 30px; background: #f7f7f7; height: 100%;}
.partner-with ul li strong { display: inline-block;  margin-bottom: 0px;}
.partnerWith-rgt p a:hover, .becomevol-sec p a:hover { color: #ff7315;}

/*==================================================
 	Boards Of Members
 ==================================================*/

.member-det {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 90px;}
.member-det figure {width: 40%; margin-right: 5%; border: 1px solid #ededed;}
.member-det .info {width: 55%;}
.member-det .info h4 span { display: block; font-size: 15px; font-family: 'Lato', sans-serif;}
.member-det .info h4 {font-size: 21px; color: #000000; margin-bottom: 15px;}
.member-det .info h4 span {display: block; font-size: 16px; font-family: 'Lato', sans-serif; color: #898989; font-weight: 600; margin-top: 10px;}
.member-det .info p {font-size: 14px; margin-bottom: 0px;}
.member-det .info p strong {display: block; font-style: italic; color: #6a6a6a; margin-top: 5px;}

/*==================================================
 	Our-Work Education
 ==================================================*/


section.edusec-02 { padding-top: 70px; padding-bottom:90px; background: #ff7315; display: none;}
.whatDo h2 {color: #fff; text-align: center;}
.whatDo ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:50px;}
.whatDo .section-image:before, .whatDo .section-image:after {background: #fff;}
.whatDo ul li {width: 20%; margin-right: 6.666%; text-align: center; color: #fff;}
.whatDo ul li:last-child {margin-right: 0px;}
.whatDo h4 {font-size: 48px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 900; margin: 0px;}
.whatDo ul li p { margin-bottom: 0; font-size: 16px; font-weight: 400;}
section.social-sec-01 {padding-bottom: 70px;}

/*==================================================
 	Gallery Page
 ==================================================*/

section.gallery-sec {padding-bottom: 50px;}
.gallery-list ul {display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.gallery-list ul li {width: 31.33%; margin-right: 3%; margin-bottom: 50px; box-shadow: 0px 0px 10px #ddd;}
.gallery-list ul li:nth-child(3n+0) {margin-right: 0px;}
.gallery-info h3 {font-size: 17px; line-height: 1.5; color: #424242; font-weight: 600; font-family: 'Lato', sans-serif;}
.gallery-info {padding: 20px 20px;text-align: left; }
.gallery-det {display: flex; justify-content: space-between; align-items: center; font-size: 15px; margin-top: 15px;}
.gallery-list li figure { overflow: hidden; width: 100%; object-fit: contain;}
.gallery-list figure img {transition: transform 1s; height: 100%;}
.gallery-list li:hover img {-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.gallery-list ul li:hover h3 { color: #ff7315;}
.gallery-list ul li:hover span, .gallery-list ul li:hover label{ color:#000;}
.gallery-det span, .gallery-det label {color: #adadad; font-weight: 400;}


.AmbuNo {position: relative; border: 1px solid #000;}
.AmbuNo p {position: absolute; bottom: 0; left: 0; right: 0; background: #ff7315;  padding: 10px; margin: 0; text-align:center;}
.AmbuNo p a,.AmbuNo p strong{color:#fff;}
.AmbuNo p a {font-size: 14px;font-weight: 600;}
.about-footer p {text-align: justify;}