/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@font-face {
    font-family: 'Brush Script MT';
    src: url('chinar-fonts/BrushScriptMT.eot');
    src: url('chinar-fonts/BrushScriptMT.eot?#iefix') format('embedded-opentype'),
    url('chinar-fonts/BrushScriptMT.woff2') format('woff2'),
    url('chinar-fonts/BrushScriptMT.woff') format('woff'),
    url('chinar-fonts/BrushScriptMT.ttf') format('truetype'),
    url('chinar-fonts/BrushScriptMT.svg#BrushScriptMT') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Rage';
    src: url('chinar-fonts/Rage/RageItalic.eot');
    src: url('chinar-fonts/Rage/RageItalic.eot?#iefix') format('embedded-opentype'),
    url('chinar-fonts/Rage/RageItalic.woff2') format('woff2'),
    url('chinar-fonts/Rage/RageItalic.woff') format('woff'),
    url('chinar-fonts/Rage/RageItalic.ttf') format('truetype'),
    url('chinar-fonts/Rage/RageItalic.svg#RageItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


h6{
    color: #18a9b7 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    line-height: 40px !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

h4{
    color: #37393d !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    line-height: 25px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: -0.7px !important;
    text-transform: none !important;
}

h3{
    color: #37393d !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    line-height: 35px !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

h2{
    color: #37393d !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 30px !important;
    line-height: 43px !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

h1{
    color: #37393d !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 50px !important;
    line-height: 60px!important;
    font-style: normal !important;
    font-weight: 800 !important;
}

.li-with-image{
	color: #7b8993;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-style: normal;
    font-weight: 500;
    list-style-image: url(https://chinarinternational.org/wp-content/uploads/2020/06/bullets.png);
}

.li-with-image li{
 padding-bottom: 12px;
}
/* Header Top Bar */

body.modal-open{
  padding-right: 0px !important;
}

.form-group .error{
    font-weight: 500 !important;
    font-size: 15px !important;
}

.click-login:hover img{
	transform: scale(1.2);
    transition: transform 0.8s;
}

.header-chinar-top-left span{
	padding-right:28px;
}

.header_top{
	background-color: #18a9b7 !important;
}

.header_bottom{
	background-color: #000000b8 !important;
}

.header-chinar-top-left span:hover img{
	transform: scale(1.2);
    transition: transform 0.8s;
}

.header-chinar-top-left img{
	padding-right:7px;
}

.header-chinar-top-right img{
	padding-right:30px;
}

.header-chinar-top-right a:hover img{
	transform: scale(1.2);
    transition: transform 0.8s;
}

/* End Header Top Bar */

/* Header Part */

.drop_down .second .inner{
	padding-top:21px;
}

.scrolled .drop_down .second .inner{
	padding-top:0px;
}

.shopping_cart_outer{
	display:none;
}

.only-for-mobile{
	display:none !important;
}

header:not(.sticky):not(.scrolled) .header_bottom .container_inner{
	border-bottom: 0px solid rgba(225,225,225,1);
}

.header_bottom_right_widget_holder .qbutton.default{
	background-color: #18a9b7 !important;
	border:1px solid  #18a9b7 !important;
}

.header_bottom_right_widget_holder .qbutton.default:hover{
	background-color: #148B97 !important;
    border: 1px solid #148B97 !important;
    -webkit-transition: all 400ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 400ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 400ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 400ms ease-in;
    transform: scale(1.1);
}

.without-submenu a:before{
	position: absolute;
    opacity: 0;
    width: 0%;
    height: 4px;
    content: '';
    background: #18a9b7;
    transition: all 0.3s;
    top: 60px;
}

.without-submenu a:hover:before{
	opacity: 1;
    width: 60%;
}

.program-initiatives.menu-item-has-children:after{
	font-family: FontAwesome;
	display:none !important;
}

.drop_down .second .inner ul li.sub a i.q_menu_arrow{
	font-size: 15px;
    color: #fff;
    right: -15px;
    font-weight: bold !important;
	position:absolute;
	top:8px;
	right:0;
}

.menu-item-has-children:after{
	font-family: FontAwesome;
    display: inline-block;
    padding-right: 0;
    vertical-align: middle;
    content: "\f0d7";
    position: absolute;
    bottom: 30px;
    right: 5px;
    font-size: 12px;
    color: #fff;
}

.scrolled .menu-item-has-children:after{
	font-family: FontAwesome;
    display: inline-block;
    padding-right: 0;
    vertical-align: middle;
    content: "\f0d7";
    position: absolute;
    bottom: 23px !important;
    right: 5px;
    font-size: 12px;
    color: #fff;
}


.gapping-banner-top-home-only{
    padding-top: 140px;
}


.gapping-banner-top-home-only h1{
    color: #fff !important;
    font-size: 80px !important;
    font-family: 'Rage' !important;
    font-style: italic !important;
    font-weight: 500 !important;
    line-height:110px !important;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.6);
}

.gapping-banner-top-home-only h2{
    color: #fff !important;
    font-size: 75px !important;
    font-family: 'Rage' !important;
    font-style: italic !important;
    font-weight: 500 !important;
    line-height:110px !important;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.6);
}

.banner-left-side-home h4{
    color: #fff !important;
    font-size: 16px !important;
    font-family: 'Montserrat' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    padding-top: 25px;
}



.gapping-banner-top{
    padding-top: 140px;
}


.gapping-banner-top h1{
    color: #fff !important;
    font-size: 65px !important;
    /*font-size: 80px !important;*/
    font-family: 'Rage' !important;
    font-style: italic !important;
    font-weight: 500 !important;
    line-height:80px !important;
    /*line-height:110px !important;*/
    padding: 10px 35px;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.6);
}

.gapping-banner-top h2{
    color: #fff !important;
    font-size: 75px !important;
    font-family: 'Rage' !important;
    font-style: italic !important;
    font-weight: 500 !important;
    line-height:110px !important;
    padding-bottom:35px;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.6);
}

.gapping-banner-top h4{
    color: #fff !important;
    font-size: 16px !important;
    font-family: 'Montserrat' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    padding:10px 35px;
}

.gapping-banner-topnew h4{
    color: #fff !important;
    font-size: 16px !important;
    font-family: 'Montserrat' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 35px !important;
    padding:0px 35px;
}

.our-approach-btn{
    background-color: rgb(24, 169, 183);
    display: block !important;
    width: 122px !important;
    background: transparent !important;
    border: 1px solid #fff;
    border-color: #fff !important;
    border-radius: 40px !important;
    padding: 5px 9px;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    font-size: 12px;
    letter-spacing: 1.4px;
}

.our-approach-btn:hover{
    background: #148B97 !important;
    border: 1px solid #fff;
    border-color: #fff !important;
    -webkit-transition: all 400ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 400ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 400ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 400ms ease-in;
    transform: scale(1.1);
}

.banner-left-side{
	padding-left: 40px;
    padding-top: 60px;
}

.banner-left-side-home{
	padding-left: 40px;
}


.scroll-bottom-slow{
	cursor:pointer;
}

.side_menu .widget {
    margin: 48px 0 43px;
}

.side_menu_button_link:hover{
	color:#18a9b7 !important;
}

.scroll-text{
	text-align: center;
    font-size: 12px !important;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.donation-Home .container-fluid{
	padding-left:0px !important;
	padding-right:0px !important;
}

.drop_down .narrow .second .inner ul li{
	padding: 6px;
    width: 230px;
}

.drop_down .second .inner ul li a{
	color:#fff !important;
	text-transform: capitalize !important;
	font-size:14px !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
}

.drop_down .second .inner ul li ul li a{
	color:#fff !important;
	text-transform: capitalize !important;
	font-size:14px !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
}

.drop_down .second .inner ul li ul li:hover a{
	color:#18a9b7 !important;
}

.drop_down .second .inner>ul>li>a:hover {
    color: #18a9b7 !important;
}


.drop_down .second .inner>ul, li.narrow .second .inner ul{
    background-color: #000000b8;
    border-color: #000000b8;
}

.drop_down .second ul li{
	border-bottom-color: #b6b4b4;
}

/* Header Part End */

/* Slider Section Start */

.banner-right-side{
	padding:100px 10px 0px 150px;
}

.banner-right-side-new{
	padding:10px 10px 20px 150px;
}

.banner-right-side-new .our-approach-btn{
	margin:0 auto !important;
	display: block !important;
    width: 122px !important;
    background: transparent !important;
    border: 1px solid #fff;
    border-color: #fff !important;
    border-radius: 40px !important;
    padding: 5px 9px;
    font-size: 12px;
    letter-spacing: 1.4px;
}

.banner-right-side-new .our-approach-btn:hover{
	background: #148B97 !important;
    border: 1px solid #fff;
    border-color: #fff !important;
}

.banner-right-side .our-approach-btn{
	margin:0 auto !important;
	display: block !important;
    width: 122px !important;
    background: transparent !important;
    border: 1px solid #fff;
    border-color: #fff !important;
    border-radius: 40px !important;
    padding: 5px 9px;
    font-size: 12px;
    letter-spacing: 1.4px;
}

.banner-right-side .our-approach-btn:hover{
	background: #148B97 !important;
    border: 1px solid #fff;
    border-color: #fff !important;
}

.ls-nav-next, .ls-nav-prev{
	border:0px solid #fff!important;
}

.ls-v6 .ls-nav-prev {
    left: 25px !important;
}

.ls-wrapper h1{
	color: #18a9b7 !important;
    font-size: 100px !important;
    font-family: 'Rage' !important;
    font-style: italic !important;
    font-weight: 500 !important;
    line-height:90px !important;
    text-align:center !important;
}

.ls-wrapper h2{
	color: #fff !important;
    font-size: 100px !important;
    font-family: 'Rage' !important;
    font-style: italic !important;
    font-weight: 500 !important;
    line-height:90px !important;
    text-align:center !important;
}

.ls-wrapper h4{
	color: #fff !important;
    font-size: 24px !important;
    font-family: 'Montserrat' !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

.ls-wrapper span{
	background: transparent !important;
	border:1px solid #fff !important;
	border-radius:35px !important;
	padding:10px 12px;
}

.ls-wrapper span:hover{
	background: #18a9b7 !important;
	border:1px solid #18a9b7 !important;
}

.q_slide_title span{
	color: #18a9b7;
    font-size: 80px;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0px;
}

.q_slide_subtitle span{
	color: #fff;
    font-size: 80px !important;
    font-family: 'Montserrat';
    font-weight: 600;
    letter-spacing: 0px;
    line-height:110px;
}

.slider_content{
	width:100% !important;
	top:35% !important;
	left:0% !important;
	opacity:1 !important;
}

/*Slider Section End */

/* Footer Part Start */
.footer_bottom_holder{
	padding-top: 15px;
    padding-bottom: 15px;
}

.footer_bottom_border{
	height:0px !important;
}

.footer_bottom ul li{
	display: inline-block;
    margin-right: 14px;
    margin-top: 10px;
}

.social-icon-footer:hover img {
    transform: scale(1.1);
    transition: transform 0.8s;
}

.footer_bottom:hover img{
	transform:scale(1.1);
	transition: transform 0.8s;
}

.footer_inner{
	background-image: url('https://chinarinternational.org/wp-content/uploads/2020/07/Group-495.png')!important;
}

.newsletter-chinar-btn:hover{
    background: #148B97 !important;
    border: 1.4px solid #148B97 !important;
    -webkit-transition: all 400ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 400ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 400ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 400ms ease-in;
    transform: scale(1.1);
}

.btn:focus{
	box-shadow:0 0 0 0 rgba(0,123,255,.25) !important;
}

.four_columns a:hover .fa{
	transform: scale(1.4);
    transition: transform 0.8s;
}

.four_columns .widget_text h5:after{
	display: block;
    content: '';
    padding-top: 6px;
    background-image: url(https://chinarinternational.org/wp-content/uploads/2020/08/border-bottom-bg.png);
    background-repeat: no-repeat;
    margin-top: 15px;
}

li#menu-item-291::after {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 20px;
    border-right: 2px solid #cccccc;
    right: 120px;
    top: 21px;
}

.footer_top_holder{
	background-color:transparent !important;
}

.newsletter-input{
	border-radius:5px !important;
	font-size:13px !important;
	color:#283039 !important
}

.newsletter-chinar-btn{
	background: #18a9b7;
	color: #fff;
	width:100%;
}

.signupp2-now-title{
	color: #fff !important;
	display: inline-block;
	padding-right: 20px;
	font-size: 18px !important;
	font-weight: 500 !important;
}

.chinar-newsletter{
	margin-bottom: 50px;
}

.four_columns.clearfix:before {
    display: block;
    content: '';
    border-bottom: 1px solid #cccccc54;
    width: 100%;
    padding-top: 0px;
    position: absolute;
    top: 75px;
}

.other-location{
	color:#18a9b7 !important;
	text-decoration:underline;
	padding-top:10px;
	padding-bottom:12px;
	cursor:pointer;
	line-height: 50px !important;
}

/* Footer Part End */

/* Home Page Starts */

.main-current-project .slick-prev{
  left: -65px;
  transform: rotate(180deg);
} 

.main-current-project .slick-next {
  right:-60px;	
} 


.main-current-project .slick-prev:focus{
  background-color:#18a9b7 !important;
} 

.main-current-project .slick-next:focus {
  background-color:#18a9b7 !important;	
}

.main-current-project .slick-arrow{
	top: 43%;
    height: 30px;
    width: 30px;
    margin-top: -11px;
    position: absolute;
    font-size: 0;
    cursor: pointer;
    background-color: #18a9b7 !important;
    border-radius: 50% !important;
    background-image: url(http://www.chinarinternational.org/wp-content/uploads/2025/11/left-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-size: 80% 100% !important;
}

.side-border {
    position: relative; /* Ensure proper positioning */
    display: inline-block; /* Ensure it wraps around the image */
    padding-top: 20px;
    padding-right: 20px;
}

.side-border::before {
    content: '';
    /* background-image: url(https://chinarinternational.org/wp-content/uploads/2020/08/three-side-border.png); */
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 20px solid #93CBCB;  
    border-right: 20px solid #93CBCB; 
    pointer-events: none; /* Prevents interaction issues */
}

.side-border img {
    display: block; /* Removes extra spacing below inline images */
    width: 100%; /* Ensures image scales properly */
    height: auto; /* Maintains aspect ratio */
}


/* .side-border{
	padding-top: 12px;
    padding-right: 7px;
}

.side-border:before {
    content: '';
    display: block;
    background-image: url(https://chinarinternational.org/wp-content/uploads/2020/08/three-side-border.png);
    position: absolute;
    top: 0;
    width: 90%;
    height: 100%;
    right: 7px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
} */

.case-3-design:after{
	content: '';
    display: block;
    
}

/*.case-3-design:before{
	content: '';
    display: block;
    border-bottom: 15px solid green;
    position: absolute;
    bottom: 11px;
    width: 72%;
    height: 20px;
    right: 15px;
    }*/

    .case-3-design .row{
       margin-left:0px !important;
       margin-right:0px !important;
   }

   .case-3-design .col-md-6{
       padding-right:0px !important;
       padding-left:0px !important;
       border-top: 0px solid #18a9b7;
   }

   .case-3-design .design-2-right-area{
       padding-left:20px;
       padding-top: 10px
   }

   .side-border img{
       height:490px !important;
       object-fit:cover !important;
   }

   .design-2-right-area h6{
       margin-bottom:0px !important;
   }

   .design-2-right-area img{
       padding-bottom:10px !important;
   }

   .home-blue-bg{
       background: #18a9b7;
   }

   .home-blue-bg .card{
       margin-right:0px !important;
       border:0px !important;
       border-radius:0px !important;
   }

   .home-blue-bg .col-md-4{
       padding-left: 0px !important;
       padding-right: 0px !important;
   }

   .home-red-bg{
       background: #fb5454;
   }



   .home-red-bg .card{
       margin-right:0px !important;
       border:0px !important;
       border-radius:0px !important;
   }

   .home-red-bg .col-md-4{
       padding-left: 0px !important;
       padding-right: 0px !important;
   }

   .slick-dots {
       display: flex;
       justify-content: center;
       margin: 0;
       padding: 1rem 0;
       list-style-type: none;
   }

   .slick-dots li {
       margin: 0 0.25rem;
   }

   .slick-dots li button{
       display: block;
       width: 1rem;
       height: 1rem;
       padding: 0;
       border: none;
       border-radius: 100%;
       background-color: #fff;
       text-indent: -9999px;
       border: 3px solid #80808080;
   }	

   .slick-dots li button:focus {
       outline: 0px;
   }

   .slick-dots li.slick-active button {
       background-color: #fff;
       border: 4px solid #18a9b7;
       
   }

   .slick-dots li.slick-active button:focus {
       outline: 0px;
   }

   

   .card-img-top{
       border-top-left-radius: 0px !important;
       border-top-right-radius: 0px !important;
   }

   .hide-first-time{
       display:none;
   }

   .rectangle-active{
       background:#ebfdff;
       border:1px solid #18a9b7;
       color:#18a9b7;
   }



   .rectangle-active-2{
       background:#ebfdff;
       border:1px solid #18a9b7;
       color:#18a9b7;
   }

   .gapping-only-home-donation{
       padding-left:80px !important;
   }

   .type-gapping-one-Home{
    padding-top: 9px;
    cursor: pointer;
    padding-bottom: 9px;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-align: center;
    border: solid 1px #d3d3d4;
}

.type-gapping-Home{
    padding-top: 9px;
    cursor: pointer;
    padding-bottom: 9px;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-align: center;
    border: solid 1px #d3d3d4;
}

.fixed-don-bar-second{
	animation: fadeChinar ease-in-out 0.7s;
  -webkit-animation: fadeChinar ease-in-out 0.7s;
  -moz-animation: fadeChinar ease-in-out 0.7s;
  -o-animation: fadeChinar ease-in-out 0.7s;
  -ms-animation: fadeChinar ease-in-out 0.7s;
}

.scrollbandher{
	height: 100vh !important;
    overflow: hidden !important;
}

.positionrelative {
	position:relative;
	min-height:90px;
    z-index: 999 !important;	
}



.positionrelative .fixed-don-bar{
	position: fixed !important;
    bottom: 0px !important;
    left: 0 !important;
    z-index: 999999 !important;
    padding-top: 0 !important;
    right: 0 !important;
    background: #fff !important;   
    box-shadow:-1px -10px 28px -10px rgba(128,128,128,1) !important;	
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}




@keyframes fadeIn{
  0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
}
100% {
    opacity:1;
}
}


@keyframes fadeChinar{
  0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

@-moz-keyframes fadeChinar {
  0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

@-webkit-keyframes fadeChinar {
  0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

@-o-keyframes fadeChinar {
 0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

@-ms-keyframes fadeChinar {
  0% {
    opacity:0;
}
100% {
    opacity:1;
}
}

.fullheight-banner-our-story{
    height:85vh;
}


.fullheight-banner{
    height:100vh;
}

.carouselSlick{
	background:#18a9b7;
	padding: 80px 45px 45px 45px !important;
	position:relative;
}

.owl-carousel{
	background:#18a9b7;
	padding: 80px 45px 45px 45px !important;
	position:relative;
}
.card-deck {
  margin: 0 -15px;
  justify-content: space-between;
}

.slick-track{
	display:flex !important;
}

.slick-slide{
	height:auto !important;
}


.slider__counter {
    position: absolute;
    top: 35px;
    left: 57px;
    font-size: 18px;
    color: #fff;
}

.card.slick-slide{
	border:0px !important;
	border-radius:0px !important;
	box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.2) !important;
}

.card-title{
	font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.card-body p{
	font-size:14px;
	line-height:25px;
}

.card-text{
	font-size: 15px;
    color: #8b8d94;
    line-height: 24px;
}

.home-blue-bg .card-body p{
	height: 200px;
}

.card-deck .card {
  margin: 0 0 1rem;
}

.slick-prev:focus , .slick-next:focus{
	background-color: #fff !important;
    border: 4px solid #18a9b79c;
    outline:0px auto -webkit-focus-ring-color !important;
}

.slick-prev{
	position: absolute;
    top: 20px;
    right: 110px;
    background: #dadddd9e !important;
    border-radius: 50% !important;
    height: 45px;
    width: 45px;
    font-size: 30px;
    line-height: 0px;
    color: #18a9b7 !important;
    font-weight: bold !important;
    border: 4px solid #18a9b79c;
}

.slick-next{
	border: 4px solid #18a9b79c;
	position: absolute;
    top: 20px;
    right: 51px;
    background: #dadddd9e  !important;
    border-radius: 50% !important;
    height: 45px;
    width: 45px;
    font-size: 30px;
    line-height: 0px;
    color: #18a9b7 !important;
    font-weight: bold !important;
}

.search-results .default_template_holder{
    padding-top: 150px !important;
}

.project-left-content{
	background:#fff4f2 !important;
	width: 41.6667%;
    flex-basis: 41.6667%;
}

.project-left-pic{
	padding-top: 100px;
    padding-bottom: 80px;
}

.project-left-pic img{
	margin-left: -107px !important;
}

.project-right-content{
	width: 58.3333%;
    flex-basis: 58.3333%;
    padding: 0px 0px 0px 30px;
}

.project-right-content p{
	line-height:26px !important;
}

.would-like{
	font-size:18px !important;
	line-height:40px !important;
	color:#37393d !important;
}

.emgr{
	font-size:16px !important;
	line-height:30px !important;
	color:#283039 !important;
}

.emg-para{
	font-size:16px !important;
	line-height:26px !important;
	color:#75848e !important;
	list-style:none !important;
}

.project-right-content ul{
 list-style:none !important;	
}

.crisis-home-title{
	font-size:24px !important;
	line-height:40px !important;
	color:#37393d !important;
	font-weight: 500 !important;
    padding-bottom: 0px;
    padding-top:10px;
}

.crisis-bg{
	background: #fff4f2;
    padding: 10px;
    width: 58px;
    border-radius: 15px;
}

.remove-white-bg-counter-old{
	position:relative;
	padding-top: 14px !important;
    padding-bottom: 10px !important;
    border-bottom: 10px solid #18a9b7;
    background:#fff !important;
}

.show-impact-mobile{
	display:none;
}

.remove-white-bg-counter-old h4{
    color:#18a9b7 !important;	
}

.remove-white-bg-counter-old .q_counter_holder{
	background: transparent;
    border: 0px;
    text-align: center;
    padding:15px 0;
}

.remove-white-bg-counter{
	position:relative;
	margin-top:-1px;
}

.remove-white-bg-counter:hover{
	box-shadow: 0px 12px 12px -4px grey;
}



/*.remove-white-bg-counter .vc_column-inner{
	background-position: 100% 0 !important;
    transition: all 2s ease-in !important;
}

.remove-white-bg-counter:hover .vc_column-inner{
	background-position: 98% 100% !important;
	background-image: linear-gradient(to right,
    #2E4253,
    #2E4253 50%,
    #2E4253 50%,
    #2E4253) !important;
    }*/

/* .remove-white-bg-counter .vc_column-inner::after{
	content: "";
  left: 0 !important;
  top: 0 !important;
  width: 0px !important;  
  position: absolute !important;
  transition: all 0.3s ease 0s !important; 
  -webkit-transition: all 0.3s ease 0s !important;
  z-index: -1 !important;
}

.remove-white-bg-counter:hover .vc_column-inner::after{
	width:100% !important;
}

.remove-white-bg-counter:hover .vc_column-inner{
	background:#2E4253 !important;
    }*/

    .remove-white-bg-counter .vc_column-inner::before {
        background: rgba(46 66 83) !important;
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        z-index: 0;
        left: 0;
        bottom: 0;
        top: 100%;
        right: 0;
    }

    .remove-white-bg-counter:hover .vc_column-inner::before {
        background: rgba(46 66 83) !important;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        left: 0;
        top: 0;
        transition: all .8s ease;
        bottom: 0;
        right: 0;
        opacity:0.9;
    }

    .remove-white-bg-counter .vc_column-inner > .wpb_wrapper{
       position:absolute;
       padding-right:10px;
       bottom: 40px;
   }

   .remove-white-bg-counter:hover a{
       text-decoration:underline !important;
   }

   .remove-white-bg-counter:hover .vc_column-inner > .wpb_wrapper{
       position:absolute;
       padding-right:10px;
       top: 20px;
   }

   .hide-first-time img{
       padding-left:7px;
   }

   .remove-white-bg-counter:hover .hide-first-time{
       display:block !important;
   }

   .remove-white-bg-counter a{
       position: absolute;
       top: 280px;
       left: 30%;
   }

   .remove-white-bg-counter .q_counter_holder.boxed_counter{
       border: 0px solid #eaeaea !important;
       padding: 5px 0px !important;
       background-color: transparent !important;
   }

   .remove-white-bg-counter h4{
       color:#fff !important;
   }

   .remove-white-bg-counter .vc_column-inner{
       background-repeat: no-repeat !important;
       background-size: cover !important;
       min-height: 350px;
   }

   .remove-white-bg-counter p{
       color:#fff !important;
       padding-bottom: 0px;
       font-size:14px !important;
       margin: 0px !important;
       line-height: 24px;
   }

   .remove-white-bg-counter a{
       color:#fff !important;
   }

   .remove-white-bg-counter .q_counter_holder p.counter_text{
       text-transform: initial !important;
   }


   .qode_iwt_hover_enabled:hover {
    background-color: #18a9b71f;
}
.make-impact-home-page h5{
	color:#fff;
}

.make-impact-home-page h1{
	color:#fff !important;
    padding-bottom: 40px;
    padding-top: 72px;
    padding-left: 60px;
    padding-right:60px;
    font-weight:600 !important;
}

.make-impact-home-page h2{
	color:#fff !important;
	padding-bottom: 45px;
    padding-top: 40px;
}

.make-impact-home-page p{
	color:#fff;
	padding:0px 150px 20px 150px;
}

.ch-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ch-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  border-radius:50%;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius:50%;
  border:1px solid #ccc;
}

.ch-check:hover input ~ .checkmark {
  background-color: #fff;
  border:1px solid #ccc;
}

.ch-check input:checked ~ .checkmark {
  background-color: #18a9b7;
}

.ch-check:after {
  content: "";
  position: absolute;
  display: none;
}

.ch-check input:checked ~ .checkmark:after {
  display: block;
}

.ch-check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.home-banner-head{
	padding-right: 80px;
}   
.home-banner-head h1{
	padding-top: 90px;
}

.home-banner-head pre{
	padding-top:20px;
	font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.33;
  letter-spacing: normal;
  color: #4e555c;
}

.home-banner-head p{
	padding-top:25px;
}

.become-volunteer p{
	padding:0px 100px;
}

.volunteer-btn{
    display: block !important;
    width: 190px !important;
    margin: 0 auto !important;
    background: #18A9B7 !important;
    border: 1px solid #18A9B7;
    border-color: #18A9B7 !important;
    border-radius: 45px !important;
    padding: 12px 15px;
    margin-bottom: 150px !important;
    margin-top: 20px !important;
    font-size: 14px;
    letter-spacing: 1.4px;
}

.volunteer-btn:hover{
	background: #148B97 !important;
    border: 1px solid #148B97;
    border-color: #148B97 !important;
    -webkit-transition: all 400ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 400ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 400ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 400ms ease-in;
    transform: scale(1.1);
}



.home-donate-bg:hover{
	background: #148B97 !important;
}

.read-more-chinar:hover .fa, .read-more-chinar:hover a{
	color:#006649;
	font-size:17px;
	text-decoration:none;
}

.read-more-chinar .fa{
	color: #18a9b7;
    padding-right: 15px;
}

.read-more-chinar a{
	color: #18a9b7;
    font-size: 16px;
    font-weight: 600;
}

.home-make-donation{
	width: 450px;
	/*margin: 0 auto;*/
	position: absolute;
    top: 320px;
    right: 50px;
}

.donation-heading-homepage{
	background:#f0f5f9;
}

.donation-heading-homepage h4{
	text-align:center;
	margin-bottom: 0px;
    padding: 10px 0px;
}

.donation-product{
	padding:15px;
	box-shadow: 5px 10px 30px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	display:flex;
}

.donation-way{
	padding:10px 20px;
	border:1px solid #e0e5ea;
	width:500px;
}

.donation-select-box{
	border: 1px solid #e0e5ea;
    padding: 6px;
    margin: 10px 0px;
    font-size: 14px;
    color: #7b8993;
}

.donation-product-item li{
	list-style: none;
    padding: 4px;
    background: #e0e5ea;
    text-align: center;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.donation-product-item li:hover{
	background: #18a9b7;
    color: #fff;
    cursor: pointer;
}

.donation-product-item li.active-amt{
	background: #18a9b7;
    color: #fff;
}

.input-group-text{
	background:#fff !important;
}

.zakat-check{
	margin-top: 20px;
}

.donate-now-btn{
	background:#18a9b7;
	color:#fff;
	font-size: 14px !important;
    font-weight: bold;
}

.donate-now-btn:hover{
	background-color: #006649;
}

.type-donate{
	margin: 10px 0px;
}

.donation-left-section{
	position:relative;
}

.donation-left-section > .vc_column-inner{
	padding-right: 0px;
}

.home-current-project-sec .q_icon_with_title.qode_iwt_hover_enabled{
	padding: 0px 15px;
	position:relative;
}

.home-current-project-sec .icon_with_title_link{
	position: absolute;
    top: -10px;
    right: 0px;
}

.home-current-project-sec .icon_with_title_link:before{
	content: "\f18e";
    font-family: FontAwesome;
    display:none;
}

.home-current-project-sec .icon_with_title_link:after {
    content: "\f18e";
    font-family: FontAwesome;
    padding-left:20px;
}

.home-current-project-sec .icon_with_title_link:hover{
	text-decoration: none;
}	

.rida-para{
	color: #7b8993;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-style: normal;
    font-weight: 500;
}

.rida-name{
	color: #7b8993;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 32px;
    font-style: normal;
    font-weight: 500;
}

.testimonial-pad{
    padding-top: 100px;
    padding-bottom: 100px;
}

.testimonial-pad p{
    padding-left: 275px;
    padding-right: 275px;
}

.testimonial-pad .testimonials_holder .flex-direction-nav a{
    border: 0px solid #000;
}

.home-testimonial{
    position:relative;
}

.home-testimonial .flex-nav-prev{
    position: absolute;
    left: 0;
    top: 20px;
}

.home-testimonial .flex-nav-next{
    position: absolute;
    right: 0;
    top: 20px;
}

.home-testimonial .testimonials_holder .flex-direction-nav a:before{
    font-size: 23px;
}

.home-testimonial p:first-of-type{
  position: absolute;
  top: 65px;

}

.home-testimonial .testimonial_author{
    margin-top:0px;
}

.home-testimonial .testimonial_text_inner{
    height:150px;
}

.chinar-testimonial-home{
  position: relative;
}


.home-successful-story{
    position: absolute;
    top: 32%;
    left: 45%;
}

.home-successful-story p{
    color: #fff;
    font-size: 13px;
}


.home-dal-jheel .vc_column-inner{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 200px;
    padding-bottom: 200px;
}


.home-current-pic .vc_custom_1591353695794{
 background-repeat: no-repeat;
 background-size: cover;
 padding-top: 300px !important;
 padding-bottom: 300px !important;
 margin-top: -90px;
}

.home-current-project-sec .vc_column-inner{
  padding: 30px 65px 0px 20px;
}

.home-current-project-sec p{
    font-size:14px;
    line-height:26px;
}

.chinar-counter{
    padding: 100px 0px 50px 100px;
}

.chinar-counter h5{
    color:#18A9B7 !important;
}

.chinar-counter-row{
    display: flex;
    align-items: center;
}


.counter-value{
    font-size: 40px !important;
    line-height: 49px !important;
}

.chinar-counter-row h5{
    font-size:18px;
}

.counter-space{
    padding-bottom:60px;
}

.chinar-counter1 {
 color: #18A9B7 !important;
}

.chinar-counter2 {
 color: #FF9800 !important;
}

.chinar-counter3 {
 color: #8ACA4D !important;
}

.chinar-counter4 {
 color: #5486E9 !important;
}

.chinar-counter5 {
 color: #F9C546 !important;
}

.our-impact-left-section h2{
    color:#fff;
}

.our-impact-left-section .q_icon_with_title.qode_iwt_hover_enabled{
    padding:0px;
}

.our-impact-left-section .vc_column-inner{
    background-size: 100% 100% !important;
    padding: 50px 150px 15px 40px;
}

.our-impact-left-section h2 , .our-impact-left-section h4{
    color:#fff !important;
}

.our-impact-left-section h4{
    font-weight: 500 !important;
}

.our-impact-left-section p{
    color:#DDE2E5 !important;
    font-size:14px !important;
    line-height:18px !important;
}

.our-impact-left-section .q_icon_with_title.medium .icon_holder img {
    width: 20px;
}

.our-impact-left-section .q_icon_with_title.medium.custom_icon_image .icon_text_holder{
    padding:0 0 0 46px !important;
}

.scrollBottomNew{
	background:#fff !important;
}

.scrollBottomNew .kiko-arrow-up:before{
	color:#18a9b7 !important;
}


#casestudies-slider .casestudies-slider {
    padding: 2rem 0 1rem 0;
}
#casestudies-slider .casestudy-flexslider {
    background: transparent;
    border: 0;
    position: relative;
    margin: 0 0 1.5rem;
}

.flex-viewport{
    overflow: hidden;
    position: relative;
    max-height: 2000px;
    transition: all 1s ease;
}

.f-row {
    display: flex;
}
.scrolltextoverflow::-webkit-scrollbar{
	width:8px;
}



#back_to_top{
	bottom:125px !important;
}

.scrolltextoverflow::-webkit-scrollbar-thumb{
	background:#18a9b7;
}

.scrollusecase::-webkit-scrollbar{
	width:5px;
}

.scrollusecase::-webkit-scrollbar-thumb{
	background:#fff;
}

.scrollusecase{
	overflow-y:scroll;
	overflow-x: hidden;
	
}


.more-text{
	display:none !important;
}

.seeless-button{
	display:none !important;
}

.scrolltextoverflow .more-text{
	display:contents !important;
}

.scrolltextoverflow .seeless-button{
	display:block !important;
}

.scrolltextoverflow{
	overflow-y:scroll;
}

.moreless-button{
	color:#18a9b7 !important;
	font-weight:bold !important;
	cursor:pointer !important;
	font-size: 13px !important;
}

.seeless-button{
	color:#18a9b7 !important;
	font-weight:bold !important;
	cursor:pointer !important;
	font-size: 13px !important;
}

.scrolltextoverflow .moreless-button{
    display:none;	
}


#casestudies-slider .f-row .casestudy-thumbnail {
    width: 65.3333%;
    flex-basis: 65.3333%;
    /*margin-top: 70px;*/
}

#casestudies-slider .f-row .casestudy-content {
    width: 34.6667%;
    flex-basis: 34.6667%;
    padding-left: 30px;
    padding-right:30px;
    padding-top:25px;
    padding-bottom:15px;
    padding-bottom: 0.5rem;
    background: #f4f4f1;
    /* height:380px; */
    height:460px;
    /* margin-top: 40px; */
    margin-top: 0;
}

#casestudies-slider .f-row .casestudy-content h4 {
    font-size: 1.6667rem;
    font-weight: normal;
    line-height: 1.53;
    letter-spacing: normal;
    color: #fff;
    margin: 10px 0;
}

#casestudies-slider .f-row .casestudy-content p {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.4px;
    color: #2e4253;
    font-weight:400;
}

#casestudies-slider .f-row .casestudy-content span {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.4px;
    color: #2e4253;
    font-weight:400;
}

#casestudies-slider .casestudy-flexslider .flex-control-nav {
    display: none;
}

#casestudies-slider .slider .custom-navigation {
    position: absolute;
    top: 33%;
    left: 350px;
	z-index:999;
    
}

/*.custom-navigation{
	display:none;
    }*/


    .custom-navigation .flex-next{
        margin-top:20px;
    }

    #casestudies-slider .slider .custom-navigation a:visited{
     text-decoration: none;
 }

 #casestudies-slider .slider .custom-navigation a {
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    color: #a9b4c2;
    display: flex;
    align-items: center;
    outline: 0;
}

#casestudies-slider .slider .custom-navigation a:first-of-type span {
    margin-right: 1rem;
    border-right: 0px solid #a9b4c2;
}

#casestudies-slider .slider .custom-navigation span {
    padding: 0 1rem;
}

.lazy{
  width:620px;
}

.story-title{
	font-size:24px !important;
	line-height:40px !important;
	color:#37393d !important;
	font-weight:600 !important;
}

.slider-item-current{
	font-weight:600 !important;
	font-size:16px !important;
	line-height:15px !important;
	color:#18a9b7 !important;
}

.slider-item-total{
	font-size:12px !important;
	line-height:15px !important;
	color:#18a9b7 !important;
}

.middle-bar{
	color:#18a9b7 !important;
}


/* Home Page Ends */

/* Who We Are Starts */
.move-right-here .wpb_single_image{
	margin-top: 50px;
    margin-left: 65px;
}

.move-left-here .wpb_single_image{
	margin-top: 50px;
    margin-left: -65px;
}

.content-from-top{
	padding-left: 40px;
    padding-top: 65px;
}

.our-value-title h5{
	font-size:20px !important;
	color:#18a9b7 !important;
	line-height:27px !important;
}

.our-value-title h5:first-child{
	padding-top:20px !important;
}

/* Who We Are Ends */

/* About Page Starts */
.without-gap-image .vc_column-inner{
	padding-right:0px;
}

.about-content-from-left .vc_column-inner{
	padding-left: 130px;
}

.about-img-top{
	margin-top: -100px;
}

/* About Page Ends */

/* Our Team Page Starts */

.our-team-right-area h2{
	font-size:27px !important;
	line-height:33px !important;
	color:#212529 !important;
	font-weight:500 !important;
}

.line-bottom{
	color:#212529;
	border-bottom: 2px solid #212529;
}

.team-member{
	padding-top: 5px;
    padding-bottom: 40px;
}

.team-member h4{
	font-size: 20px !important;
    font-weight: normal !important;
    color: #18a9b7 !important;
    padding-top: 13px;
    padding-bottom: 10px;
}

.team-member h5{
	font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    padding-bottom: 15px;
    letter-spacing: normal;
    color: #212529 !important;
}

.on-hover-effect-team{
	cursor:pointer;
	height:315px;
}

.on-hover-effect-team:hover img{
	transform: scale(1.1);
    transition: transform 0.8s;
}

.on-hover-effect-team:hover h4{
	font-weight: 500 !important;
}

.on-hover-effect-team:hover h5{
	font-weight: 500 !important;
}

.chinaroverlayNew {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #2e4253;
    z-index: 9999;
    opacity: 0.7;
}

.chinar-pop{
	padding-top:40px;
	height: 100%;
    overflow-y: scroll;
}

.chinar-pop::-webkit-scrollbar{
	width:8px;
}

.chinar-pop::-webkit-scrollbar-thumb{
	background:#18a9b7;
}

.chinar-team-popup{
	width: 650px;
    height: 100%;
    opacity: 1;
    z-index: 9999;
    top: 0;
    right: 0;
    position: fixed;
    background-color: #fff;
    padding: 50px 20px 5px 45px;
}



.chinar-pop .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.bio-title h4{
	font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 27px !important;
    color: #18a9b7 !important;
    padding-top: 20px !important;
}

.bio-title h5{
	font-size: 14px;
    line-height: 24px;
    color: #212529;
    padding-bottom:20px;
}

.chinar-team-popup p{
	font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.13;
    letter-spacing: normal;
    text-align: left;
    color: #212529;
    padding-top: 30px;
}

.social-link-team-popup{
	display:flex;
}

.bio-title{
	padding-bottom:30px;
}

/* Our Team Page Ends */

/* User Payment Record Starts */
.download-section-payment{
	border-radius: 2px;
  border: solid 1px rgba(46, 66, 83, 0.75);
  background-color: #ffffff;
}

.print-section-payment{
	border-radius: 2px;
  border: solid 1px #18a9b7;
  background-color: #ffffff;
}

.cancel-plan{
	border-radius: 2px;
    background-color: #f75656;
    margin-left: 25px;
    margin-right: 25px;
    height: 48px;
    padding-top: 12px;
}

.cancel-plan a{
	font-size:14px !important;
	color:#fff !important;
}

.plan-month{
	border-radius: 2px;
    background-color: #ebebeb;
    margin-left: 25px;
    margin-right: 25px;
    height: 48px;
    padding-top: 12px;
    margin-bottom:20px;
}

.plan-month:hover{
	background: #18a9b7;
}

.plan-month:hover a{
	color:#fff !important;
}

.plan-month:active{
	background: #18a9b7;
}

.plan-month:active a{
	color:#fff !important;
}

.plan-month:focus{
	background: #18a9b7;
}

.plan-month:focus a{
	color:#fff !important;
}

.plan-month a{
	font-size:14px !important;
	color:#37393d !important;
	text-align:left !important;
	font-weight:500 !important;
}

.year-payment{
	margin-left: 25px;
    margin-right: 25px;
}

.year-payment select{
	background: transparent;
    border-radius: 2px;
    border: solid 1px #d3cfcf !important;
    font-weight:500 !important;
}


/* User Payment Record Ends */

/* Payment Process Page Starts */
.box-with-shadow{
	border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    padding: 30px;
    margin-bottom: 42px;
    margin-top: 42px;
}

.indicator-payment{
  font-size: 14px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #37393d !important;
  padding-right: 30px;
}

.indicator-payment-last{
  font-size: 14px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #37393d !important;
  padding-right: 30px;
}

.indicator-payment:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    padding-left: 20px;
}

.go-with-payment-method{
	border-radius: 5px;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
    padding: 15px 0px;
    text-align: center;
    cursor:pointer;
}

.go-with-payment-method:hover{
	border: solid 1px #18a9b7;
    background-color: rgba(24, 169, 183, 0.1);
}

.go_with_payment_active{
    border: solid 1px #18a9b7;
    background-color: rgba(24, 169, 183, 0.1);
}

/* Payment Process Page Ends */

/* User Dashboard Starts */
.account-left-side{
	background-color: #f0f5f9;
}

.seven-cols-here{
	background-color: #f0f5f9;
	margin-bottom:20px;
}

.download-receipt{
	margin-top: 20px;
    margin-left: 20px;
}

.name-in-circle{
	width: 80px;
    height: 80px;
    margin: 0 auto;
    background: #f9d1a2;
    border-radius: 50%;
}

.short-name-user{
	display: flex;
    justify-content: center;
    padding-top: 29px;
}

/*@media (min-width: 1200px) {
  .seven-cols .col-md-3,
  .seven-cols .col-sm-3
  {
    width: 14.285714285714285714285714285714%;
  }
  }*/
  /* User Dashboard Ends */



  /* Donation Receipt Page Starts*/
  .thanks-donate{
   color: #18a9b7 !important;
}

.least-small{
	font-size:13px !important;
	color: #7b8993 !important;
}

.small-with-bg{
	border-radius: 3px;
    border: solid 1px #f1f1f1;
    background-color: #fcfcfc;
    margin-top: 20px;
    margin-bottom: 32px;
}

.full-border-bottom{
	border-bottom: solid 1px #f1f1f1;
}

.small-without-bg{
	border-radius: 3px;
    border: solid 1px #f1f1f1;
    margin-top: 20px;
    margin-bottom: 32px;
}

.quantity-based-area{
	font-size:15px !important;
	color: #37393d !important;
}

.small-with-border .col-md-2dot4{
	border-right: solid 1px #f1f1f1;
}

.currency-receipt-area{
	font-size:16px !important;
	color: #7b8993;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.our-approach-left-area a.active-approach {
    color: #18a9b7 !important;
    font-weight: bold !important;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Donation Receipt Page Ends */


/* Contact Page Starts */
.contactform-box-shadow{
	border-radius: 10px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 20px 40px;
}

/* Contact Page Ends */


/* Where We Work Page Starts */

.back-fun{
	cursor:pointer;
}

.back-fun-one{
	cursor:pointer;
}

.all-work h6 a, .child-work h6 a, .youth-work h6 a, .live-work h6 a, .quality-work h6 a, .crisis-work h6 a, .other-work h6 a{
	padding-left:10px;
}

.all-work h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";*/
    float: left;
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.all-work-inner h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    float: right;
    padding-right: 50px;*/
	
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.child-work h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";*/
    float: left;
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.child-work-inner h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    float: right;
    padding-right: 50px;*/
	
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.youth-work-inner h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    float: right;
    padding-right: 50px;*/
	
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.live-work h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";*/
    float: left;
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.quality-work h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";*/
    float: left;
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.youth-work h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";*/
    float: left;
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.crisis-work h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";*/
    float: left;
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.other-work h6::after{
	/*font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";*/
    float: left;
	content: '';
    padding-right: 50px;
	background: url(https://chinarinternational.org/wp-content/uploads/2020/10/lefto.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
	display: block;
    width: 20px;
    height: 20px;
	padding-top: 28px;
}

.enabled-child-shopian{
  fill: #f9c546;
  cursor: pointer;
}


.enabled-child-kuprawa{
  fill: #f9c546;
  cursor: pointer;
}

.enabled-india{
  fill: #18A9B7;
  cursor: pointer;
}

.enabled-jammu{
  fill: #18A9B7;
  cursor: pointer;
}
.enabled-jammu-kishtwar,.enabled-jammu-bandipora,.enabled-jammu-ganderbal,.enabled-jammu-shopian,.enabled-jammu-kuprawa,.enabled-jammu-kulgam,.enabled-jammu-baramulla,
.enabled-jammu-anantnag,.enabled-jammu-srinagar,.enabled-jammu-pulwama,.enabled-jammu-doda,.enabled-jammu-budgam{
	fill: #18A9B7;
  cursor: pointer;
}

.enabled-child-doda{
  fill: #f9c546;
  cursor: pointer;
}

.enabled-child-srinagar{
  fill: #f9c546;
  cursor: pointer;
}

.enabled-child-pulwama{
  fill: #f9c546;
  cursor: pointer;
}

.enabled-live-shopian{
  fill: #9d71ff;
  cursor: pointer;
}

.enabled-live-kuprawa{
  fill: #9d71ff;
  cursor: pointer;
}

.enabled-live-srinagar{
  fill: #9d71ff;
  cursor: pointer;
}

.enabled-live-pulwama{
  fill: #9d71ff;
  cursor: pointer;
}


.enabled-youth-kishtwar{
  fill: #8aca4d;
  cursor: pointer;
}

.enabled-youth-shopian{
  fill: #8aca4d;
  cursor: pointer;
}

.enabled-youth-pulwama{
  fill: #8aca4d;
  cursor: pointer;
}

.enabled-youth-srinagar{
  fill: #8aca4d;
  cursor: pointer;
}

.enabled-youth-kuprawa{
	fill: #8aca4d;
    cursor: pointer;
}

.enabled-youth-budgum{
	fill: #8aca4d;
    cursor: pointer;
}

.enabled-quality-kishtwar{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-shopian{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-kuprawa{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-srinagar{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-pulwama{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-doda{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-ganderbal{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-bandipora{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-baramulla{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-kulgam{
  fill: #5486e9;
  cursor: pointer;
}

.enabled-quality-anantnag{
  fill: #5486e9;
  cursor: pointer;
}


.enabled-other{
  fill: #18B7A7;
  cursor: pointer;
}

.enabled-other1{
  fill: #18B7A7;
  cursor: pointer;
}

.enabled-crisis-srinagar{
  fill: #fb5454;
  cursor: pointer;
}

.enabled-crisis-pulwama{
  fill: #fb5454;
  cursor: pointer;
}

.enabled-crisis-doda{
  fill: #fb5454;
  cursor: pointer;
}

.enabled-crisis-kuprawa{
  fill: #fb5454;
  cursor: pointer;
}

.enabled-crisis-shopian{
  fill: #fb5454;
  cursor: pointer;
}

.enabled-crisis-ganderbal{
  fill: #fb5454;
  cursor: pointer;
}

.enabled-crisis-bandipora{
  fill: #fb5454;
  cursor: pointer;
}

.enabled-crisis-baramulla{
  fill: #fb5454;
  cursor: pointer;
}

.enabled-crisis-kulgam{
  fill: #fb5454;
  cursor: pointer;
}

.enabled-crisis-anantnag{
  fill: #fb5454;
  cursor: pointer;
}

.mapmarker-kuprawa{
	position: absolute;
    top: 110px;
    left: 350px;
}
.mapmarker-srinagar{
	position: absolute;
    top: 245px;
    left: 496px;
}
.mapmarker-pulwama{
	position: absolute;
    top: 288px;
    left: 457px;
}
.mapmarker-shopian{
	position: absolute;
    top: 375px;
    left: 362px;
}
.mapmarker-doda{
	position: absolute;
    bottom: 157px;
    right: 235px;
}

.mapmarker-budgam{
	position: absolute;
    top: 375px;
    left: 275px;
}

.mapmarker-kishtwar{
	position: absolute;
    bottom: 258px;
    right: 190px;
}

.mapmarker-ganderbal{
	position: absolute;
    top: 181px;
    left: 488px;
}

.mapmarker-bandipora{
	position: absolute;
    top: 106px;
    left: 476px;
}

.mapmarker-baramulla{
	position: absolute;
    top: 187px;
    left: 375px;
}

.mapmarker-kulgam{
	position: absolute;
    top: 388px;
    left: 444px;
}

.mapmarker-anantnag{
	position: absolute;
    bottom: 210px;
    right: 320px;
}

.description{
  pointer-events: none;
  position: fixed;
  font-size: 18px;
  text-align: center;
  background: white;
  padding: 10px 15px;
  z-index: 5;
  height: 60px;
  line-height: 30px;
  margin: 0 auto;
  color: #21669e;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #eee;
  transform:translateX(-50%);
  display: none;
}  

.description.active{
	display: block;
}

.description.active:after{
	content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}

.map-detail-top-left h3{
	font-size: 52px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.21 !important;
    letter-spacing: normal;
    color: #37393d !important; 
    padding-bottom: 30px;
    padding-top: 30px;
} 


.map-detail-top-left h6{
	font-size: 30px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.23 !important;
    letter-spacing: normal !important;
    padding-top: 30px;
}

.map-detail-top-left h5{
	padding-left: 50px;
    font-size: 20px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.23 !important;
    letter-spacing: normal !important;
    padding-top: 50px;
    color:#18a9b7 !important;
} 

.map-detail-top-left h5:before{
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f060";
    position: absolute;
    left: 20px;
}

.slider-right-side{
    padding: 50px 10px 0px 70px;
}


.without-white-table-bg table{
    color:#fff;
    border:0px solid transparent !important;
}

.without-white-table-bg .table th{
    border-top:0px solid transparent !important;
    border-bottom:0px solid transparent !important;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.without-white-table-bg .table td{
  border-top:0px solid transparent !important;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

.without-white-table-bg table thead{
    border-radius: 10px;
    background-color: #1099a7;
}

.white-table-bg .wpb_wrapper{
	border-radius: 5px;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-top: -42px;
}

.white-table-bg th{
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #101f43;
}

.white-table-bg td{
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #101f43;
}

/* Where We Work Page Ends */


/* Single Page Starts */
.singlePagegapping{
	background-color: #f0f5f9;
	padding-top:200px;
	padding-bottom:0px;
}

.back-from-singlePage{
	font-weight:400 !important;
	cursor:pointer;
}

.back-from-singlePage:before{
	font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f060";
    position: absolute;
    left: 75px;
    
}

.heateorSssMoreBackground{
	display:none;
}

.leadContent .heateor_sss_sharing_container{
	display:none;
}

div.heateor_sss_horizontal_sharing li {
    width: 100% !important;
    float: left !important;
    padding-top: 20px !important;
    display: flex;
    justify-content: center;
}

.leadContent {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #283039;
    padding-bottom: 55px;
    padding-top:55px;
}

/* Single Page Ends */

/* Single Job Page Starts */
.job-top-bg{
	background: #18a9b7;
    padding: 30px 0px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.text-right-btn{
	text-align:right;
}

.job-top-bg img{
	text-align: center;
    margin: 0 auto;
    display: flex;
    width: 200px;
}

.middle-job-section{
	padding-top: 20px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    border-bottom-right-radius: 10px;
    padding-bottom: 23px;
    margin-bottom: 30px;
}

.middle-job-section h3{
	font-size: 20px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.7 !important;
    letter-spacing: normal !important;
    color: #283039 !important;
}

.job-content p{
	font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.87;
    letter-spacing: normal;
    text-align: left;
    color: #283039;
}

.middle-job-section span{
  display:block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.43;
  letter-spacing: normal;
  text-align: left;
  color: #283039;
}

.job-content{
	border-bottom: 1px solid #00000040;
    border-top: 1px solid #00000040;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.gapping-from-both-side{
	padding-left: 30px;
    padding-right: 30px;
}


/* Single Job Page Ends */


/* Our Approach Page Starts */
.our-approach-right-area h2{
	font-size:27px !important;
	line-height:33px !important;
	color:#212529 !important;
	font-weight:500 !important;
	padding-bottom: 50px;
}

.our-approach-right-area h2::after{
	content: '';
    display: block;
    position: absolute;
    border-bottom: 2px solid #212529;
    width: 96%;
    top: 47px;
}

.our-approach-right-area h2::before{
	content: '';
    display: block;
    position: absolute;
    background-image: url(https://chinarinternational.org/wp-content/uploads/2020/08/bulletstimeline.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: -30px;
    top: 6px;
    background-size:21px;
}

.our-approach-right-area::before{
	content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border-left: 1.1px solid teal;
    left: -20px;
    opacity: 0.2;
}

.our-approach-right-area h4{
	color: #212529 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    padding-bottom: 20px !important;
    font-weight: normal !important;
    padding-top: 10px !important;
}

.our-approach-right-area p{
	padding-bottom:20px;
}

/*.our-approach-left-area{
	border-left: 1px solid #adabab;
    }*/



    .our-approach-left-area a{
       color:#7f7f7f !important;
       font-size:13px !important;
       line-height:35px !important;
       font-weight:normal !important;
       padding-left:15px !important;
   }

   a.anchorNow.anchorNow-active{
       color:#18a9b7 !important;
       font-weight:bold !important;
   }

   a.afullfaq.anchorNow-active{
       color:#18a9b7 !important;
       font-weight:bold !important;
   }

   a.anchorNow.anchorNow-active:before{
       content: '';
       position: absolute;
       opacity:1 !important;
       height:24px !important;
       width:100% !important;
       border-left: 2px solid #18a9b7;
       transition: all 0.3s;
       display: block;
       left: -1px !important;
   }


   a.anchorNowM.anchorNow-active{
       color:#18a9b7 !important;
       font-weight:bold !important;
   }

   a.anchorNowM.anchorNow-active:before{
       content: '';
       position: absolute;
       opacity:1 !important;
       height:24px !important;
       width:100% !important;
       border-left: 2px solid #18a9b7;
       transition: all 0.3s;
       display: block;
       left: -1px !important;
   }


   .our-approach-left-area a:hover{
       color:#18a9b7 !important;
       font-weight:bold !important;
   }

   .our-approach-left-area a:focus{
       color:#18a9b7 !important;
       font-weight:bold !important;
   }

   .our-approach-left-area a:before{
       content: '';
       position: absolute;
       opacity: 0;
       width: 0%;
       height: 0px;
       border-left: 2px solid #18a9b7;
       transition: all 0.3s;
       display: block;
       left: -1px !important;
   }

   .our-approach-left-area a:hover:before{
       opacity:1 !important;
       height:24px !important;
       width:100% !important;
       border-left: 2px solid #18a9b7;
   }

   .our-approach-left-area a:focus:before{
       opacity:1 !important;
       height:24px !important;
       width:100% !important;
       border-left: 2px solid #18a9b7;
   }

   /* Our Approach Page Ends */

   /* Child Development Starts */

   .section-in-center-project{
       top: 160px;
       left: 85px;
   }

   .with-shadow{
       text-align: center;
       font-size: 30px;
       font-weight: 600;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.23;
       letter-spacing: normal;
       color: #37393d;
       border-radius: 10px;
       box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
       border: solid 1px #18a9b7;
       padding: 50px;
       width: 75%;
   }

   .show-current-project{
       width:100%;
   }

   .program-same-height{
       height:350px;
   }

   .show-past-project{
       width:100%;
   }

   .page-id-1281 .show-current-project .slick-track{
       width:25% !important;
   }

   .page-id-1281 .show-current-project .slick-track{
       width:100% !important;
   }

   .page-id-1300 .show-current-project .slick-track{
       width:25% !important;
   }

   .page-id-1300 .show-current-project .slick-track{
       width:100% !important;
   }

/*.show-current-project .slick-track{
	width:100% !important;
}

.show-past-project .slick-track{
	width:100% !important;
    }*/

    .click-current-project p{
       cursor:pointer;
       text-align: center;
       font-size: 23px;
       font-weight: 600;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.23;
       letter-spacing: normal;
       color: #37393d;
       border-radius: 10px;
       box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
       border: solid 1px #18a9b7;
       padding: 50px;
       width: 70%;
   }

   .no-chinar-post{
       cursor: pointer;
       font-size: 30px !important;
       font-weight: 600 !important;
       font-stretch: normal;
       letter-spacing: normal;
       background: #18a9b7;
       color: #fff !important;
       height: 600px;
       display: flex;
       justify-content: center;
       align-items: center;
       margin-right:15px;
   }

   .no-chinar-post-past{
       cursor:pointer;
       font-size: 30px !important;
       font-weight: 600 !important;
       font-stretch: normal;
       letter-spacing: normal;
       border-radius: 10px;
       padding: 50px;
   }

   .click-past-project p{
       cursor:pointer;
       margin-top: 35px;
       font-size: 23px;
       font-weight: 600;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.23;
       letter-spacing: normal;
       text-align: center;
       color: #37393d40;
       border-radius: 10px;
       border: solid 1px #e6e6e6;
       padding: 50px;
       width: 70%;
   }

   .child-children, .child-families, .child-village, .child-center, .child-health, .child-rehabilitation, .child-district, .child-relief, .child-youth, .child-workshop, .child-school, .child-able, .child-rescue{
       padding: 20px;
   }

   .child-children:hover, .child-families:hover, .child-rescue:hover,.child-health:hover, .child-rehabilitation:hover, .child-relief:hover, .child-village:hover, .child-center:hover, .child-district:hover, .child-youth:hover, .child-workshop:hover, .child-school:hover, .child-able:hover{
       border: 1px solid #e6e6e6;
       border-radius: 10px;
   }
/* #B62827 */
   .child-children h3{
       color: #18a9b7 !important;
       padding-top: 20px;
       letter-spacing: normal;
   }
   .child-rescue h3{
       color: #ff2744 !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-health h3{
       color: #61c3eb !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-relief h3{
       color: #507d70 !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-able h3{
       color: #ff824c !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-rehabilitation h3{
       color:#816e60 !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-school h3{
       color: #e74987 !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-workshop h3{
       color: #3B7A7C !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-youth h3{
       color: #5486e9 !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-families h3{
       color: #9d71ff !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-village h3{
       color: #FFCF06 !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-center h3{
       color: #B62827 !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-district h3{
       color: #E40096 !important;
       padding-top: 20px;
       letter-spacing: normal;
   }

   .child-children p, .child-families p, .child-health p,  .child-village p, .child-rescue p, .child-rehabilitation p, .child-relief p, .child-center p, .child-district p, .child-workshop p, .child-youth p, .child-school p, .child-able p{
       font-size: 14px;
       font-weight: 600;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.29;
       letter-spacing: normal;
       color: #37393d;
   }

   .impact-title-first{
       padding-top:30px;
   }

   /* Child Development Ends */


   /* Donation Page Starts */

   .page-template-chinar-donation .content{
       background-image: url(https://chinarinternational.org/wp-content/uploads/2020/07/Group-20.png);
       background-size: cover;
       background-repeat: no-repeat;
   }

   .page-template-chinar-donation .container{
       background:transparent;
   }

   .div-white-1{
       background: #fff;
       padding:35px 40px 45px 30px;
       border-radius: 6px;
       
   }

   .div-white-2{
       background: #fff;
       border-radius: 6px;
   }

   .project-amt{
       font-size: 19px;
       font-weight: 600;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.2;
       letter-spacing: normal;
       text-align: left;
       color: #37393d;
   }

   .signofcurr{
       font-size: 21px;
       font-weight: 600;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.2;
       letter-spacing: normal;
       text-align: left;
       color: #37393d;
       padding-left: 20px;
   }

   .donation-gapping-top{
       margin-top: 20%;
       margin-bottom: 10%;
   }

   .type-gapping {
    padding-top: 25px;
    cursor: pointer;
    padding-bottom: 25px;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 19px !important;
}

.border-active{
	border-top:5px solid #18a9b7;
	color: #18a9b7 !important;
}

.type-gapping-one{
	padding-top: 25px;
    cursor: pointer;
    padding-bottom: 25px;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 19px !important;
}

.border-active-2{
	border-top:5px solid #18a9b7;
	color: #18a9b7 !important;
}

.circle-number-chinar{
    background: #126B73;
    padding: 6px 13px;
    border-radius: 50%;
    margin-right: 20px;
    color: #fff;
    font-size: 15px;
    letter-spacing: -2px;
}
.chinar-panel{
	padding-bottom: 25px;
}
.chinar-panel .panel-heading{
    padding: 20px 15px 20px 20px;
}

.chinar-panel .panel{
  border:0px;
  box-shadow:0 0px 0px rgba(0,0,0,.05);
  padding: 5px 20px 0px 20px;
}

.accordionactive .panel-heading {
    background-color: #18a9b7 !important;
    margin-top: 25px;
}

.dash-btn{
	top:15px;
}

.donation-gapping-top .accordion-toggle{
	float: right;
    border: 1px solid;
    padding: 3px 12px;
    border-radius: 2px;
    font-size: 12px;
}

.donation-gapping-top .panel-title{
	font-size: 14px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.29 !important;
    letter-spacing: normal !important;
}

.chinar-panel .panel-title a:hover{
	color: #000 !important;
    text-decoration: none !important;
}

.chinar-panel .panel-body{
	padding: 15px 5px 5px 10px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.amountlist{
	border: 1px solid #D3D3D4;
    border-radius: 2px;
    color: #37393D;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    list-style: none;
    height: 49px !important;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px;
    cursor:pointer;
}

.amountlist:hover{
	color: #18A9B7 !important;
    background: #18a9b714 !important;
    border: 1.5px solid #18A9B7;
}

.amount-active{
	color: #18A9B7 !important;
    background: #18a9b714 !important;
    border: 1.5px solid #18A9B7;
}


.form-group label{
	font-size:16px;
	color:#37393D;
	line-height:19px;
	font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.form-control{
	height: 49px !important;
    border: 1px solid #E1E1E1 !important;
}	

.chinar-submit{
	background: #18a9b7 !important;
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
    margin-top:30px;
}

.accordion-toggle{
	font-size:16px;
	line-height:19px;
	font-weight: 500;
}

.astrick-mand{
	color:red;
}

.donation-tab{
	text-align: left !important;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    border-color: transparent !important;
}

.nav-tabs{
	border-bottom:0px;
}

.nav-tabs .nav-link.active {
    background-color: transparent;
    color: #18a9b7 !important;
    border-color: transparent transparent #18a9b7;
    border-bottom: 2px solid !important;
    font-size: 20px;
}
.nav-tabs .nav-link {
	border-bottom: 0px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #000;
    font-size: 20px;
}

.error{
	color:red !important;
}

.go-amount-padding, .go-donate-padding , .go-personal-padding{
	margin-top: 20px;
    margin-bottom: 20px;
}

.go-to-amount , .go-to-donate , .go-to-personal{
	color: #18a9b7;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    border: 1.5px solid #18a9b7;
    padding: 14px 20px;
    border-radius: 2px;
}

.go-to-amount:hover , .go-to-donate:hover , .go-to-personal:hover{text-decoration:none; color:#18a9b7;}

.top-login{
	padding-left: 10px;
    color: #fff;
}

.click-login{
	cursor:pointer;
}

/* Donation Page Ends */


/* Login Popup Starts */
.login-popup-wrapper{
  position: absolute;
  width: 420px;
  top: 51px;
  z-index: 9999;
  right: 11%;
  display:none;
      -webkit-box-shadow: -5px 6px 50px 8px rgb(17 17 17);
    -moz-box-shadow: -5px 6px 50px 8px rgb(17 17 17);
    box-shadow: -5px 6px 50px 8px rgb(17 17 17);
}

.login-popup-inner{
	background: #fff;
    padding: 20px;
    border-radius: 5px;
}

.login-with{
	color: #37393D !important;
    font-family: Montserrat;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    line-height: 18px !important;
}

.byEmail{
	color: #37393D;
    font-family: Montserrat;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    border: 1px solid #E1E1E1;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 3px;
}

.byEmail span{
	padding-left: 15px; 
}

.login-popup-wrapper:after {
    content: " ";
    position: absolute;
    right: 30px;
    top: -12px;
    border-top: none;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 15px solid #fff;
}

/* Login Popup Ends */

/* FAQ Page Starts */

.tab-title{
	font-size: 16px;
    line-height: 40px;
    color: #37393d;
    text-transform: capitalize;
    font-weight: bold !important;
}

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark{
	border:0px !important;
	padding-top:11px;
}

.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark{
	background:transparent !important;
}

.accordion_content_inner .wpb_wrapper{
	border-left: 2px solid #18a9b7;
    padding-left: 10px;
}

.faqleftsection a{
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.67;
  letter-spacing: normal;
  text-align: left;
  color: #75848e;
}

.faqleftsection a:after{
	font-family: "Font Awesome 5 Free";
    content: "\f061";
    padding-right: 3px;
    vertical-align: middle;
    position: absolute;
    font-weight:900;
    right: 15px;
	font-size:0px;
    
}

.faqleftsection p{
	padding-bottom: 10px;
}

.faqleftsection a:hover{
  color: #18a9b7 !important;
  font-weight:bold !important;
}

.faqleftsection a:focus{
  color: #18a9b7 !important;
  font-weight:bold !important;
}

.faqleftsection a:active{
  color: #18a9b7 !important;
  font-weight:bold !important;
}

.faqleftsection a:hover:after{
  color: #18a9b7 !important;
}

.faqleftsection a:focus:after{
  color: #18a9b7 !important;
}

.faqleftsection a:active:after{
  color: #18a9b7 !important;
}

.with-bo{
	padding: 9px 3px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: solid 1px #ebebeb;
    background-color: #ffffff;
	text-align:center;
}

.with-bo span{
	    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #37393d !important;
}

.with-bo img{
	width:17px;
}

/* FAQ Page Ends */


/* Contact Page Starts */
.floatother{
	float:right;
}

.wpcf7 form.invalid .wpcf7-response-output{
   border-color: #18a9b7;
}

div.wpcf7-response-output{
	color: #18a9b7;
}

.textarea.wpcf7-form-control.wpcf7-textarea{ 
    height:100px !important;
}

.with-full-border{
	border: solid 1px #707070;
    padding: 10px;
}

.in-block a{
	font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #212529;
}

#eapps-instagram-feed-1 {
    width: 100%;
    box-shadow: 0 22px 44px rgba(0,0,0,0.1);
    border-radius: 8px;
    border: solid #efefef;
    border-width: 0;
    border-top-width: 28px;
    position: relative;
    background: #fff;
}


/* Contact Page Ends */

/* Career Page Starts */
.employement-type h4{
	font-size: 14px !important;
    font-weight: 500 !important;
    font-stretch: normal;
    line-height: 1.29 !important;
    letter-spacing: normal !important;
    color: #2e4253bf !important;
}

.filter-h5{
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  text-align: left;
  color: #283039;
  padding-bottom: 15px;
  padding-top: 15px;
}

.filter-label{
	font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #283039;
    padding-left: 15px;
}

.full-time-emp{
	color: #7b8993 !important;
    padding-left: 50px;
    display:none;
}

.job-sec{
	padding-left:100px; padding-right:100px;
}

.emp-location{
	color: #7b8993 !important;
}

.location-type h4{
	font-size: 14px !important;
    font-weight: 500 !important;
    font-stretch: normal;
    line-height: 1.29 !important;
    letter-spacing: normal !important;
    color: #2e4253bf !important;
}

.employement-type{
	border-top: 1px solid #2e425357;
    padding-top: 20px;
    width: 80%;
    border-bottom: 1px solid #2e425357;
    padding-bottom: 20px;
}

.location-type{
	width: 80%;
    border-bottom: 1px solid #2e425357;
    padding-bottom: 20px;
    padding-top: 20px;
}

/* Career Page Ends */

/*Blog Page Starts */

.whole-section-top{
	margin-top:-220px;
}

.chinar-comments .comment_holder .comment{
	background:transparent;
	padding:0px;
}

.chinar-comments .comment_number_inner h5{
	font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.27;
    letter-spacing: normal;
    text-align: right;
    color: rgba(46, 66, 83, 0.75);
}

.chinar-comments .comment_holder .comment .text .name{
   font-size: 18px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.89;
   letter-spacing: normal;
   text-align: left;
   color: #37393d;
}

.chinar-comments p{
	font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
  letter-spacing: normal;
  text-align: left;
  color: #283039;
}

.chinar-comments .comment_date{
	position: absolute;
    top: 5px;
    left: 180px;
}



.sharethis-icon{
   font-size: 13px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 2.62;
   letter-spacing: normal;
   color: #283039;
   padding-top: 57px;
}

.chinar-comments .comment-reply-link{
	position: absolute;
    bottom: -32px;
    left: 97px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.43;
    letter-spacing: normal;
    text-align: left;
}

.ignyte-search-frm .search-field {
    border-radius: 0;
    background: transparent;
    border: none;
    font-family: 'Noway-Medium' !important;
    height: 50px;
    border: 2px solid #f7941d;
    border-right: 0px;
    border-radius: 7px;
}

.ignyte-search-frm .screen-reader-text{
	display:none;
}

.ignyte-search-frm .search-field{
	font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    color: rgba(46, 66, 83, 0.75);
    font-family: 'Montserrat' !important;
    border-right:0px solid #fff !important;
}

.landing-pic-chi{
	height: 260px;
}

.ignyte-search-frm .search-field:focus{
	box-shadow: 0 0 0 0 rgba(0,123,255,.25) !important;
}

#categories-3 h5{
	display:none;
}

#categories-3 label{
	display:none;
}

#categories-3 select{
	border-radius: 5px;
    border: solid 1px #e4e7e9;
    background-color: #ffffff;
    height: 50px;
    width: 30%;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: left;
    color: #283039;
}

.on-hover-card:hover{
  box-shadow: 0 3px 45px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(123, 137, 147, 0.2);
  background-color: #ffffff;
}

.on-hover-card:hover .blog-main-heading{
	color:#18a9b7;
	text-decoration:none;
}

.blog-main-category{
	float: right;
    text-align: right;
    border-radius: 5px;
    background-color: #6e97db33;
    padding: 2px 8px;
    color: #6e97db;
}

.blog-main-heading{
	font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #37393d;
}

.blog-genie-date{
	font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.43;
    letter-spacing: normal;
    text-align: left;
    color: #7b8993;
}

/* Blog Page Ends */

/* Our Story Starts */

.our-story-ceo h4{
	font-weight:600 !important;
	font-size:24px !important;
	line-height:29px !important;
	color:#18a9b7 !important;
	padding-top:10px !important;
}

.dis-flex{
	display: flex;
    justify-content: center;
}

.timeline {
    padding: 50px 0;
    position: relative;
}
.timeline-nodes {
    padding-bottom: 25px;
    position: relative;
}
.timeline-nodes:nth-child(odd) {
    flex-direction: row-reverse;
}
.timeline h3, .timeline p {
    padding: 5px 15px;
} 

.timeline-heading{
  font-size: 27px !important;
  font-weight: 600 !important;
  line-height: 33px !important;
  letter-spacing: normal;
  color: #212529 !important;
}

.timeline time{
    border-radius: 25px;
    background-color: #18a9b7;
    color: #fff;
    padding: 12px 50px;
    border: 3px solid #d7f7fa82;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    font-family: 'Montserrat', sans-serif !important;
}

.timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    width: 0;
    border-left: 2px solid #18a9b7;
    height: 93%;
    z-index: 1;
    transform: translateX(-50%);
}
.timeline-content {
    position: relative;
}
.timeline-nodes:nth-child(odd) h3,
.timeline-nodes:nth-child(odd) p {
    text-align: left;
}
.timeline-nodes:nth-child(odd) .timeline-date {
    text-align: right;
}

.timeline-nodes:nth-child(even) .timeline-date {
    text-align: left;
}

.timeline-date:hover img{
	transform: scale(1.05);
    transition: transform 0.8s;
}

.timeline-image {
    position: relative;
    z-index: 100;
}
.timeline-image::before {
    content: "";
    border: 0px solid #18a9b7;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    z-index: 1;
    width: 40px;
    height: 31px;
    

}
.timeline-image img {
    position: relative;
    z-index: 100;
}
/*small device style*/

@media (max-width: 767px) {
    .single-past-project{
        max-width:100%!important;
    }
    .timeline-nodes:nth-child(odd) h3,
    .timeline-nodes:nth-child(odd) p {
        text-align: justify;
    }
    .timeline-nodes:nth-child(even) {
        flex-direction: row-reverse;
    }
    .timeline::before {
        content: "";
        display: block;
        position: absolute;
        top: 50px;
        left: 4%;
        width: 0;
        border-left: 2px solid #18a9b7 !important;
        height: 100%;
        z-index: 1;
        transform: translateX(-50%);
        opacity:0;
    }
    .timeline h3 {
        font-size: 1.7rem;
    }
    .timeline p {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.13;
        letter-spacing: normal;
        text-align: justify;
        color: #212529;
    }
    .timeline-image {
        position: absolute;
        left: 0%;
        top: 60px;
        /*transform: translateX(-50%;);*/
    }
    .timeline-nodes:nth-child(odd) .timeline-content::after {
       opacity:0;
       content: "";
       position: absolute;
       top: 5%;
       left: auto;
       right: 100%;
       width: 0;
       border-left: 0;
       border-right: 10px solid var(--blue);
       border-top: 10px solid transparent;
       border-bottom: 10px solid transparent;
   }
   .timeline-nodes:nth-child(even) .timeline-content::after {
       opacity:0;
       content: "";
       position: absolute;
       top: 5%;
       right: 100%;
       width: 0;
       border-right: 10px solid var(--blue);
       border-top: 10px solid transparent;
       border-bottom: 10px solid transparent;
   }
   .timeline-nodes:nth-child(even) .timeline-date {
    text-align: center;
}
.timeline-image::before {
    width: 30px;
    height: 21px;
}
}

/*extra small device style */
@media (max-width: 575px) {
    .timeline::before {
        content: "";
        display: block;
        position: absolute;
        top: 50px;
        left: 3%;
    }
    .timeline-image {
        position: absolute;
        left: -5%;
    }
    .timeline-image::before {
        width: 40px;
        height: 31px;
    }
}

.learn-more-mobile{
  display:none;
}

.who-we-are-margin-left{
	margin-left:40px !important;
}	

.who-we-are-margin-right{
	margin-right:40px !important;
}

.show-in-right{
	text-align:right;
}

.singlePagegappingNew{
	padding-left:80px;
	padding-right:80px;
	padding-top:200px;
}

.qb-only{
	display:flex;
	top:15px;
}

.banner-mobile{
	display:none !important;
}

.usecase-mobile{
	display:none !important;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    display: flex;
    width: 100px;
    height: auto;
    top: 0;
    right: 70px;
}
.owl-carousel .owl-prev{
   width: 45px !important;
   display: block !important;
   height: 45px !important;
   background: #dadddd9e !important;
   border-radius: 50% !important;
   color: #18a9b7 !important;
   font-weight: bold !important;
   border: 4px solid #18a9b79c !important;
}

.owl-carousel .owl-next{
   width: 45px !important;
   display: block !important;
   height: 45px !important;
   background: #dadddd9e !important;
   border-radius: 50% !important;
   color: #18a9b7 !important;
   font-weight: bold !important;
   border: 4px solid #18a9b79c !important;
}

.owl-carousel .owl-prev:focus{
	background-color: #fff !important;
    border: 4px solid #18a9b79c;
    outline: 0px auto -webkit-focus-ring-color !important;
}

.owl-carousel .owl-next:focus{
	background-color: #fff !important;
    border: 4px solid #18a9b79c;
    outline: 0px auto -webkit-focus-ring-color !important;
}

.owl-item .card{
	border: 0px !important;
    border-radius: 0px !important;
    box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.2) !important;
    height:540px;
}

#counterOwl{
	position: absolute;
    top: 20px;
    z-index: 9999;
    left: 60px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.slider-counter-owl{
	position: absolute;
    top: 20px;
    z-index: 9999;
    left: 60px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.slider-counter-owll{
	position: absolute;
    top: 20px;
    z-index: 9999;
    left: 47px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.slider-counter-owl-second{
	position: absolute;
    top: 20px;
    z-index: 9999;
    left: 60px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.slider-counter-owll-second{
	position: absolute;
    top: 20px;
    z-index: 9999;
    left: 47px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

#counterOwl .show-past-project{
	display:none;
}

.hide-as-of-now{
	display:none;
}

.job-tiles{
	width:100% !important;
}

.mk-only{
	display:none;
}


.mobver{
	display:none !important;
}

.ipad-per{
	display:none;
}

.mob_account{
	display:none !important;
}

.for-ipad{
	display:none !important;
}

.s-mk{
	display:none !important;
}

.tsli{
	display:none !important;
}

.dek-per input.wpcf7-form-control.wpcf7-submit{
	width: -webkit-fill-available !important;
	padding:0px !important;
	text-align:center !important;
	margin-top: 10px !important;
}

.ipad-per input.wpcf7-form-control.wpcf7-submit{
	width: -webkit-fill-available !important;
	padding:0px !important;
	text-align:center !important;
	margin-top: 10px !important;
}

.voz-facebook .vc_column-inner{
	background-color: #fff !important;
    border-radius: 5px !important;
    margin-bottom: 50px !important;
    padding: 25px 30px 10px 30px;
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
	height:306px;
	margin-top:-11px;
}

.voz-twitter .vc_column-inner{
	background-color: #fff !important;
    border-radius: 5px !important;
    margin-bottom: 50px !important;
    padding: 25px 30px 10px 30px;
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
	height:340px;
}

.voz-youtube .sby_items_wrap{
	background-color: #fff !important;
    border-radius: 5px !important;
    padding: 3px 3px 0px 3px;
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    margin-top: -10px;
}

.voz-instagram #sbi_images{
	padding: 5px;
    background-color: #fff !important;
    border-radius: 5px !important;
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
}

.covidmenucustom{
	display:none;
}
.drop_down .second .inner ul li.cov-here .covidmenucustom {
	z-index: 20;
	visibility:hidden;
}

.drop_down .second .inner ul li.cov-here:hover .covidmenucustom {
	z-index: 20;
	visibility:visible;
}

.cov-here:after{
	font-family: FontAwesome;
    display: inline-block;
    padding-right: 0;
    vertical-align: middle;
    content: "\f0d7";
    position: absolute;
    bottom: 30px;
    right: 5px;
    font-size: 12px;
    color: #fff;
}


.mob-pur{
  display:none !important;
}

.youtube_img_preview{
	  display:none;
  }
  
.voz-youtube .vc_column-inner, .voz-instagram .vc_column-inner {
    height: 350px;
}

.voz-facebook{
	height:auto;
}

#cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child{
	background:transparent;
}

#sb_instagram .sbi_photo_wrap {
    position: relative;
    height: 320px;
}  

.covidmenucustom a span{
	color:#fff !important;
}

.covidmenucustom:hover a span{
	color:#18a9b7 !important;
}

.cov-here .fa-angle-right:before {
    content: "\f105";
}

.column1 .textwidget p{
	text-align:inherit;
}

.setcss{
	display: inline-block !important;
    float: right;
    font-size: 15px;
    color: #fff;
    font-weight: bold !important;
    position: absolute;
    top: 8px;
    right: 0;
}

.recurring_payment .form-check-label{
	font-size:12px;
}

#easy_sidebar_menu_widget-2{
		display:none;
}

.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler i{
	color:#fff !important;
}

.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:first-child:before{
	display:none;
}

.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li{
	border-top: 0px solid #eee;
	border-bottom: 0px solid #eee;
}

.widget_easy_sidebar_menu_widget li.menu-item a{
	width:65%;
}

.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler{
	width: 100px;
}

.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:first-child{
	border-top: 0px solid #eee;
}

.side_menu .widget ul li.menu-item-has-children{
	border-bottom: 1px solid #eee;
}

/* Media Query Start Here */
@media (min-width: 1100px) and (max-width: 1224px) {
	 .remove-white-bg-counter-old{
      height:800px;
      /*height:231px;*/
  }
  
  .impact-para-mobile{
	padding-top: 10px;
    text-align: center;
  }
}

.single-past-project{
max-width:33.33%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .card-deck .card {
    -ms-flex: 0 0 48.7%;
    flex: 0 0 48.7%;
}
.single-past-project{
	max-width:100%;
}
}

@media (max-width: 992px)
{
	
  #chinarVideoPopUP .modal-content{
	border: none;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }	

	#chinarVideoPopUP .modal-body{
		padding: 0;
	}
	
	#chinarVideoPopUP .close{
		position: absolute;
		right: 0;
		top: -30px;
		z-index: 999;
	}
	
	#chinarVideoPopUP .close span{
		color: #fff !important;
	}
	
	.modal-backdrop.show {
		opacity: .8 !important;
	}
	
  .youtube_img_preview{
	  display:block;
	  width:100%;
  }
  
  .you-video{
	  display:none;
  }
  .make-impact-home-page p{
     padding:0px 20px;
 }
 
 .f-row {
    display: block;
}

#casestudies-slider .f-row .casestudy-content {
    width: 100%;
    height:400px !important;
    transform: translateY(178%);
	/*transform: translateY(100%);*/
}

#casestudies-slider .f-row .casestudy-thumbnail {
    width: 100%;
    transform: translateY(-55%);
	/*transform: translateY(-100%);*/
}

#casestudies-slider .slider .custom-navigation {
    display:none;
}	
}

@media (min-width: 1001px) and (max-width: 1199px) {
	.header_bottom_right_widget_holder{
		padding:0px;
	}
	
	nav.main_menu > ul > li > a {
		padding: 0 20px;
		font-size:12px;
	}
	
	.menu-item-has-children:after{
		right:-2px;
		display:none;
	}
	
	.header_bottom_right_widget_holder .qbutton.default {
		font-size: 12px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media (min-width: 993px) and (max-width: 1199px) {
	#casestudies-slider .f-row .casestudy-content{
		height: 421px;
		margin-top: 25px;
	}
	
	#casestudies-slider .slider .custom-navigation {
		left: 289px;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
	
	.fullheight-banner-our-story{
		height:100vh;
	}
	
	.fullheight-banner-our-story h1{
		line-height: 45px !important;
		font-size: 30px !important;
		padding-top:0px !important;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.fullheight-banner-our-story p{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.fullheight-banner-our-story .volunteer-btn{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
       font-size: 12px !important;
       padding: 3px !important;
   }
}

@media (min-width: 601px) and (max-width:1000px) {
	.header_top .left{
		text-align:left !important;
		float:left !important;
	}
}

@media (min-width: 768px) and (max-width:991px) {
	.go-to-amount, .go-to-donate, .go-to-personal{
		font-size:10px !important;
	}
	
	#casestudies-slider .f-row .casestudy-content {
		height: 285px !important;
	}
	
	#casestudies-slider .slider .custom-navigation {
        position: absolute;
        top: -44px;
        left: 607px;
        display: block !important;
    }
    
    #casestudies-slider .slider .custom-navigation img{
      width: 35px;
      border-radius: 50%;
      background: rgba(24,169,183,1);
  }
  
  #casestudies-slider .slider .custom-navigation span {
    padding: 0px;
}

#casestudies-slider .slider .custom-navigation a{
  display:inline-block;
}
}

@media (min-width: 768px) and (max-width:1000px) {
	
	.hide-on-phone{
	 display:block;
    }

	.hide-on-tablet{
		display:none !important;
	}
	
	.for-ipad{
		display:block !important;
	}
	
	.for-dk{
		display:none !important;
	}
	
	.singlePagegappingNew{
		padding-top:135px;
	}
	
	.amountlist{
		width: 330px;
	}
	
	.donation-gapping-top .panel-title{
		font-size:12px !important;
	}
	
	.form-group label{
		font-size:13px;
	}
	
	.show-impact-desktop {
		display: none !important;
	}
	
	.show-impact-mobile{
		display:block !important;
	}
	
	.five-columns.vc_row .vc_col-sm-2{
		float: left;
		width: 44%;
		padding: 0;
		margin-right: 0px;
		min-height: 0;
		margin-left: 32px;
	}
	
	.remove-white-bg-counter-old {
		height: 780px;
		/*height: 850px;*/
	}
	
	.impact-para-mobile{
		font-size: 14px;
		padding-top: 10px;
	}
	
	.impact-para-mobile p{
		text-align:center;
	}
	
	.mob_account {
		display: none !important;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.footer_top{
		padding-top: 40px;
		padding-bottom: 5px;
	}
	
	#categories-3 select{
		width:100% !important;
		margin-top: 26px;
	}
	
	.ignyte-search-frm .search-field{
		border-bottom: 1px solid #ced4da !important;
	}
	
	.ipad-per{
		display:block !important;
	}
	
	.dek-per{
		display:none !important;
	}
	
	.header_bottom .side_menu_button_wrapper{
		display:none !important;
	}
	
	.banner-mobile{
		height: 700px !important;
		background-position: top !important;
		background-size: 100% 55% !important;
	}
	
	.banner-mobile-text{
		position: absolute !important;
		height: 347px !important;
		z-index: 10;
		clip-path: polygon(0% 15%, 100% 0, 100% calc(100% - 0vw), 0% 100%);
		top: 332px;
		width: 100%;
	}
	.banner-mobile-text .our-approach-btn{
		margin-left: 20px;
	}
	
	.gapping-banner-top-home-only h1{
		font-size:40px !important;
		line-height: 35px !important;
	}
	
	.gapping-banner-top-home-only h2{
		font-size:40px !important;
		line-height: 73px !important;
	}
	
	.gapping-banner-top-home-only h4{
		color: #fff !important;
		font-weight: normal !important;
	}
	
	.our-approach-btn{
		margin-top: 30px !important;
		margin-bottom:0px !important;
		width: 122px !important;
		font-size: 12px;
		letter-spacing: 1.4px;
	}
	
	.banner-left-side {
		padding-left: 20px;
	}
	
	
	.banner-mobile-text-curve{
		position: absolute !important;
		height: 347px !important;
		z-index: 10;
		top: 332px !important;
		width: 100%;
		border-radius: 27% 54% 0% 2% / 13% 22% 0% 0% !important;
	}
	
	.gapping-banner-top {
		padding-top: 12px;
	}
	
	.gapping-banner-top h1{
		font-size:40px !important;
		line-height: 35px !important;
		padding-left: 20px !important;
		margin-top: 40px;
		padding-top:50px !important;
	}
	
	.page-id-469 .gapping-banner-top h1{
		font-size:40px !important;
		line-height: 35px !important;
		padding-left: 20px !important;
		margin-top: 20px !important;
		padding-top:50px !important;
	}
	
	.gapping-banner-top h4{
		color: #fff !important;
		font-weight: normal !important;
		padding-left: 20px !important;
		font-size:14px !important;
	}
	
	.banner-mobile-text-curve .our-approach-btn{
		margin-top: 30px !important;
		margin-left: 20px !important;
		margin-bottom:0px !important;
		width: 122px !important;
		font-size: 12px;
		letter-spacing: 1.4px;
	}
	
	
	.section-in-center-project {
		left: 15px;
	}
	
	.click-current-project p,.click-past-project p{
		width:100%;
	}
	
	.our-approach-left-area a{
		font-size:10px !important;
		line-height:30px !important;
		padding-left:0px !important;
	}
	
	.singlePagegapping{
		padding-top:30px;
	}
	
	.back-from-singlePage:before{
		opacity:0;
	}
	
	.on-hover-effect-team {
		height: 225px;
	}
	
	.team-member h4 {
		font-size: 15px !important;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.team-member h5 {
		font-size: 12px;
		padding-bottom: 15px;
	}
}

@media (min-width: 769px) and (max-width: 800px) {
	.header_top .right .inner{
		position: absolute;
		top: 0;
		display: block !important;
		right: 80px !important;
	}
	
	
}

@media (min-width: 768px) and (max-width: 868px) {
	.in-block a{
		font-size: 12px;
	}
}

@media (min-width: 1001px) and (max-width: 1200px) {
	.side-border:before{
		display:none;
	}
}

@media (min-width: 1001px) and (max-width: 1100px) {
	.five-columns.vc_row .vc_col-sm-2 {
        float: left;
        width: 16.2%;
        padding: 0;
        margin-right: 0px;
        min-height: 0;
        margin-left: 32px;
    }
    .five-columns.vc_row .vc_col-sm-2:nth-last-child(2) {
        margin-right: 0;
    }
    
    .remove-white-bg-counter-old{
      /*height:820px;*/
      height:760px;
      /*height:231px;*/
  }
  
  .remove-white-bg-counter-old h4{
	  padding-bottom:15px;
  }
  
  .impact-para-mobile{
	padding-top: 10px;
    text-align: center;
	padding-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .card-deck .card {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
}
}

@media only screen and (max-width: 1000px){
	
	
	
	nav.mobile_menu ul>li.has_sub>span.mobile_arrow{
		width:150px;
	}
	
	.home-donate-bg .form-group{
		margin-bottom:0px !important;
	}
	
	.positionrelative .fixed-don-bar-responsive{
	position: fixed !important;
    bottom: 0px !important;
    left: 0 !important;
    z-index: 999999 !important;
    padding-top: 0 !important;
    right: 0 !important;
    background: #fff !important;   
    box-shadow:-1px -10px 28px -10px rgba(128,128,128,1) !important;	
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}
	
	/*.cov-here .mobile_arrow{
		display:none !important;
	}*/
	
	.cov-here .sub_menu #mobile-menu-item-2001{
		display:none;
	}
	
	.only-for-mobile{
	  display:block !important;
	  color: rgb(255, 255, 255);
	  border-radius: 3px;
	  background-color: rgb(24, 169, 183);
	  box-shadow: -2px 5px 14px 0 rgba(0, 0, 0, 0.08);
	  text-align: center;
	  margin-bottom: 20px !important;
	}

	.only-for-mobile a{
	  color:#fff !important;
	}
	
	.plan-month,.cancel-plan,.year-payment{
		margin-left:0px;
		margin-right:0px;
	}
	
	.plan-month p,.cancel-plan p,.year-payment p{
		text-align:center !important;
	}
	
	
       
       .header_top .right{
          display:block;
          width:100% !important;
          text-align:right !important;
      }
      
      .header_top .left{
          float:left !important;
      }
      
      .header_top.clearfix {
          line-height: 32px;
          height: 40px;
      }
      
      .login-dek{
          display:none !important;
      }
      
      .login-mob{
          display:block !important;
      }
      
      .case-2-design:before,.case-3-design:before,.case-4-design:before,.case-5-design:before{
          content: '';
          display: block;
          width: 100%;
          border-top: 0px solid #000;
          padding-top: 0px;
		  opacity:0;
      }
      
      div.grid_section .section_inner{
          width: 85%;
      }
      
      .banner-mobile{
          display:block !important;
      }
      
      .header_bottom{
          background:#000 !important;
          /*background:#000000b8 !important;
          position: fixed;*/
          width: 100%;
      }
      
      .fa-bars:before {
          content: "\f0c9";
          color: #fff;
          font-size: 12px;
          border: 1.5px solid #fff;
          padding: 5px 7px;
          border-radius: 3px;
      }
      
      .work-title{
          padding-top:30px;
      }
      
      .job-sec{
          padding-left:50px !important;
          padding-right:50px !important;
      }
      
      .owl-carousel.card-deck{
          margin: 0 0px !important;
      }
      
      .no-chinar-post{
          margin-right: 0px;
          padding: 0 12px;
      }
      
      .employement-type{
          width:100%;
      }
      
      .location-type{
          width:100%;
      }
      
      .livelihood-map svg, .child-development-map svg, .youth-support-map svg, .quality-education-map svg, .other-map svg, .crisis-map svg{
          height:auto !important;
      }
      
      .chinar-pop .close img{
          width:28px;
      }
      
      .header_top .container {
          font-size: 10px;
      }
      
      li#menu-item-291::after{
          display:none !important;
      }
      
      .card-body p{
          text-align:left;
      }
      
      p{
          text-align:justify;
      }
	  
	  .use-case-without-slider p{
		  text-align: initial;
	  }
      
      .removetopheader-mobile{
          display:none !important;
      }
      
      .side_menu_button {
          height: 75px!important;
          display:none;
      }
      
      .mobile_menu_button{
          height:75px;
          position: absolute;
          right: 0;
          margin:0px;
      }
      
      .q_logo {
          vertical-align: initial;
      }
      
      .logo_wrapper {
          left: 60px;
          top: 20px;
      }
      
      nav.mobile_menu{
          top:60px;
      }
      
      .blackmobile-header{
          background: #000 !important;
      }
      
      
      .header_inner_right{
          height:75px;
      }
      
      .footer_top p{
          text-align:initial !important;
      }
      
      .counter_text{
          text-align:center !important;
      }
      
      .content-from-top {
          padding-left: 0px;
          padding-top: 0px;
      }
      
      .timeline {
          padding: 30px 0;
      }
      
      .reduce-top-bottom-mob{
          padding-top:30px !important;
          padding-bottom:30px !important; 
      }
      
      .header_bottom{
          padding-left: 0px;
          padding-right: 0px;
          padding-bottom: 0px;
      }
      
      .side-border:before{
          opacity:0;
      }
      
      .dek-pur{
		  display:none !important;;
	  }
	  
	  .mob-pur{
		  display:block !important;
	  }
	  
	  .mar-less{
		  margin-top:-80px !important;
	  }
      
      .fixed-don-bar .border-on-before, .fixed-don-bar .hm{
          display:none !important;
      }
	  
	  .donation-Home .border-on-before, .donation-Home .hm{
          display:none !important;
      }
      
      .usecase-mobile{
          display:block !important;
      }
      
      .case-1-design, .case-2-design, .case-3-design, .case-4-design, .case-5-design{
          margin-bottom:30px;
      }
      
      .use-case-without-slider{
          /*height:500px;*/
		  height:auto;
		  border: 3px dotted #18a9b7;
		  padding: 10px 10px 0px 10px;
      }
      
      .use-case-without-slider .card-body p {
          height: auto;
      }
      
      .banner-desktop{
          display:none !important;
      }
      
      
      
      .gapping-banner-top-home-only{
          padding-top:0px;
      }
      
      
      
      .donation-Home .col{
          flex-basis:auto !important;
      }
      
      .gapping-only-home-donation{
          padding-left:0px !important;
          margin-top:20px;
      }
      
      .donation-Home .mx-1{
          padding: 3px 50px 3px 50px !important;
      }
      
      .home-donate-bg{
          display: flex;
          justify-content: center;
      }
      
      .home-donate-btn{
          position: relative !important;
          top: 0px !important;
          left: 0px !important;
      }
  }



  @media (min-width: 992px)
  {
      .card-deck .card {
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
    }
    
}

@media screen and (min-width: 1451px){
	.five-columns.vc_row .vc_col-sm-2 {
    float: left;
    width: 17.3%;
    padding: 0;
    margin-right: 0px;
    min-height: 0;
    margin-left: 32px;
}
}

@media (min-width: 1351px) and (max-width: 1450px) {
	.five-columns.vc_row .vc_col-sm-2 {
    float: left;
    width: 17.2%;
    padding: 0;
    margin-right: 0px;
    min-height: 0;
    margin-left: 32px;
}
}

@media (min-width: 1201px) and (max-width: 1350px) {
	.five-columns.vc_row .vc_col-sm-2 {
    float: left;
    width: 17%;
    padding: 0;
    margin-right: 0px;
    min-height: 0;
    margin-left: 32px;
}
}

@media (min-width: 1100px) and (max-width: 1200px) {
	.five-columns.vc_row .vc_col-sm-2 {
    float: left;
    width: 16.7%;
    padding: 0;
    margin-right: 0px;
    min-height: 0;
    margin-left: 32px;
}
}

@media screen and (min-width: 1100px){
   
.five-columns.vc_row .vc_col-sm-2:nth-last-child(2) {
    margin-right: 0;
}
}



@media only screen and (max-width:768px) {
	div.grid_section .section_inner{
		width: 85%;
	}
	
	.page-id-848 div.grid_section .section_inner{
		width: 90%;
	}
}

@media only screen and (max-width:767px) {
	h1{
		font-size: 28px !important;
        line-height: 43px!important;
    }
    
    h2{
      font-size: 25px !important;
      line-height: 35px!important;
  }
  
  h3{
      font-size: 18px !important;
      line-height: 25px!important;
  }
  
  h6{
      font-size: 15px !important;
      line-height: 25px !important;
  }
  
  /* On 10 Sep Starts */
  
  .voz-facebook .vc_column-inner{
	  height:auto;
  }
  
  .footer_bottom ul li{
	  margin-top:0px;
	  text-align:center;
  }
  
  .voz-twitter .vc_column-inner, .voz-youtube .vc_column-inner, .voz-instagram .vc_column-inner{
	  height:auto;
  }
  
  .voz-youtube .vc_column-inner, .voz-instagram .vc_column-inner{
	  
	  padding-left: 0px;
      padding-right: 0px;
  }
  
  #sb_instagram .sbi_photo_wrap{
	  height:auto;
  }
  
  .voz-twitter .vc_column-inner{
	  margin-bottom: 35px !important;
  }
  
  .voz-youtube .vc_column-inner{
	  margin-bottom:20px;
  }
  
  .custombasedShow .mx-1{
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left: 0px;
	}
	
	.amountlist{
		font-size: 11px;
		line-height: 14px;
		height: 38px !important;
	}
  
  .opposite-in-responsive{
	  display: -webkit-box;
	  display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      /* Reverse Column Order */
      /* -webkit-flex-flow: column-reverse;
       flex-flow: column-reverse; */
  }
  
  .dash-btn{
   top:0px;
}

.hide-on-phone{
	display:none !important;
}

.hide-on-tablet{
	display:block;
}

.page-id-1026 .fixedapproach{
	position: fixed !important;
    bottom: 0px !important;
    left: 0 !important;
    z-index: 999999 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    right: 0 !important;
    background: #18a9b7 !important;   
    box-shadow:-1px -10px 28px -10px rgba(128,128,128,1) !important;	
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}
.fixedapproach{
	position: fixed !important;
    bottom: 0px !important;
    left: 0 !important;
    z-index: 999999 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    right: 0 !important;
    background: #18a9b7 !important;   
    box-shadow:-1px -10px 28px -10px rgba(128,128,128,1) !important;	
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}
.s-mk{
  display:block !important;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.tsli{
  padding-top:0px !important;
  padding-bottom:0px !important;
}

.tsli .wpb_wrapper p{
  padding-bottom:0px;
}

.tsli{
  display:block;
}

.s-dk{
  display:none !important;
}
.contact-address-middle p{
  text-align:center !important;
}

.mk-only{
  display:block;
}

.dk-only{
  display:none !important;
}

.white-only a{
  text-align:center !important;
  color:#fff !important;
}

.white-only p{
  text-align:center !important;
  padding: 6px 0px;
}

.story-title{
  font-size:17px !important;
  line-height: 30px !important;
}

.use-as-full .section_inner{
  width:100% !important;
}

.text-right-btn{
  text-align:left;
}

.impact-title-first {
  padding-top: 0;
}

.impact-title-first h2{
  text-align:center !important;
}

.impact-title-first p{
  text-align:center;
}

.impact-title-first .wpb_single_image.vc_align_left{
  text-align: center;
  padding-bottom: 10px !important;
}

.click-past-project p{
  padding: 50px 70px 50px 70px;
}

#casestudies-slider .slider .custom-navigation {
  display: block;
}

#casestudies-slider .slider .custom-navigation {
  position: absolute;
  top: -33px;
  left: 83%;
}

#casestudies-slider .slider .custom-navigation a{
  display:inline;
}

#casestudies-slider .slider .custom-navigation a:first-of-type span{
  margin-right:0px;
}

#casestudies-slider .slider .custom-navigation span{
  padding:0 0.5rem;
}

.custom-navigation img{
  width:20px;
  background: rgba(24,169,183,1);
  border-radius: 50%;
}

a.anchorNow.anchorNow-active{
  color:#fff !important;
}

a.anchorNowM.anchorNow-active{
  color:#fff !important;
}



.footer_top{
  padding-top: 30px;
}

.remove-this-div{
  display:none;
}

.our-approach-left-area{
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
  background: #18a9b7;
  padding-top: 0px;
  color: #fff;
}

.our-approach-left-area a{
  color:#fff !important;
}

.ourap{
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
  background: #18a9b7;
  padding-top: 0px;
  color: #fff;
}

.ourap a{
  color:#fff !important;
}

.stickysidebar-here{
  padding:0px !important;
}

.our-team-right-area h2{
  text-align:center;
  padding-top:20px;
}

.timeline-heading{
  text-align:center !important;
}

.irfan-center-mobile .wpb_single_image.vc_align_left{
    text-align:center !important;	
}

.irfan-center-mobile h2{
    text-align:center !important;	
}

.timeline h3, .timeline p {
  padding: 0px;
}

.q_accordion_holder.accordion div.accordion_content{
  padding: 0px;
}

.login-popup-wrapper:after{
  opacity:0;
}

.program-same-height{
  height:auto !important;
}

.section-in-center-project {
  top: 0px;
  left: 0px;
}

.click-current-project{
  display: flex;
  justify-content: center;
}

.click-past-project{
  display: flex;
  justify-content: center;
  margin-bottom:30px !important;
}

.no-chinar-post{
  padding: 39px 0px;
  line-height: 50px !important;
  height:auto !important;
}


.click-current-project p, .click-past-project p{
  width:100%;
  padding:30px;
}

.download-section-payment{
  margin-bottom:15px;
  margin-left:15px;
  margin-right:15px;
}

.print-section-payment{
  margin-left:15px;
  margin-right:15px;
}

.qb-only{
  display: inline-block;
  margin-top: 15px;
  top:0px;
}	

.pad-in-mob{
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.singlePagegappingNew{
  padding-left:0px !important;
  padding-right:0px !important;
  padding-top:0px;
}

.hide-this-on-ph{
  display:none;
}

.p-m-o{
  padding-bottom:25px;
}

.left-right-mob{
  padding: 0px 20px;
}

.timeline-image img{
  opacity:0;
}

.go-with-payment-method{
  margin-bottom:15px;
}

#categories-3 select{
  width:100%;
  margin-top:20px;
}

.whole-section-top{
  margin-top:0px;
}

.contactform-box-shadow{
  padding: 20px 0px;
}

.contact-address-middle .vc_col-sm-4{
  text-align:center;
}

.contact-address-middle .vc_single_image-wrapper{
  display:flex;
}

.contact-address-middle .vc_single_image-wrapper img{
  margin:0 auto;
}

.fullheight-banner-our-story{
  height:100vh;
}

.timeline-image{
  display:none;
}

.move-right-here .wpb_single_image{
  margin-left:0px;
}
.move-left-here .wpb_single_image{
  margin-left:0px;
}
.our-value-title{
  padding-bottom:35px;
}

.who-we-are-margin-left{
  margin-left:0px !important;
}	

.who-we-are-margin-right{
  margin-right:0px !important;
}

.make-impact-home-page h1{
  padding-bottom: 15px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.mobile-img-from-top img{
  margin-top: 24px;
}

.learn-more-desktop{
  display:none;
}

.learn-more-mobile{
  display:block;
}

.volunteer-btn{
  width: 150px !important;
  margin: 0 auto !important;
  background: #18A9B7 !important;
  border: 1px solid #18A9B7;
  border-color: #18A9B7 !important;
  border-radius: 45px !important;
  padding: 5px 10px;
  margin-bottom: 30px !important;
  margin-top: 4px !important;
  font-size: 11px !important;
}

nav.mobile_menu>ul{
  padding-left: 10px;
  padding-right: 10px;
}



.impact-para-mobile{
  padding: 20px 25px;
  text-align: center;
}

.remove-white-bg-counter-old h4{
  padding-bottom:20px;
}

.show-impact-desktop{
  display:none;
}

.show-impact-mobile{
  display:block;
}

.case-3-design .col-md-6{
  padding-right: 15px;
  padding-left: 15px;
}

.home-blue-bg .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.home-red-bg .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.home-red-bg.card-deck{
  margin: 0px 15px !important;
}

.home-blue-bg.card-deck{
  margin: 0px 15px !important;
}

.case-3-design .design-2-right-area{
  padding-left:0px !important;
}

.side-border11 iframe{
  height:auto !important;
}

.design-2-right-area iframe{
  height:auto !important;
}

.side-border img{
  height:auto !important;
}

.side-border:before{
  display:none;
}

.login-popup-wrapper {
  width:100%;
  right:0;
  top:83px;
}
.signupp2-now-title{
  padding-right:0px;
}

.newsletter-input{
  margin-bottom:20px;
}

.chinar-newsletter .container{
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.four_columns.clearfix:before{
  display:none;
}






/* Ends In Sep */

.center-in-mobile{
  text-align:center !important;
}

.inline-in-mobile{
  display:inline-block !important;
}

.singlePagegapping{
  padding-top:80px !important;
}

.team-member{
  text-align:center;
}

.chinar-team-popup{
  width:100% !important;
}

.chinar-pop{
  padding-top:0px !important;
}

.chinar-team-popup p{
  padding-top:0px !important;
}

.back-from-singlePage:before{
  opacity:0;
}

div.heateor_sss_horizontal_sharing li {
    width: auto !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.sharethis-icon{
  padding-top: 10px;
  font-weight:bold !important;
}

.timeline-nodes:nth-child(odd) .timeline-date {
  text-align: center;
}

.li-with-image{
  font-size:13px;
  line-height:26px;
}

.rida-para{
  font-size:13px;
  line-height:26px;
}

.donation-top-pic img {
  height: auto;
  object-fit: contain;
}



.become-volunteer p {
 padding: 0px 0px;
}

.home-banner-head{
  padding-right:0px;
}

.home-banner-head h1 {
  padding-top: 20px;
}

.home-successful-story {
  position: absolute;
  top: 23%;
  left: 33%;
}

.testimonial-pad {
  padding-top: 20px;
  padding-bottom: 50px;
}

.testimonial-pad p {
  padding-left: 0px;
  padding-right: 0px;
}

.testimonials .testimonial_text_inner p.testimonial_author{
  font-size: 14px;
  margin-top: 58px;
}

.testimonials .testimonial_text_inner p{
  font-size:13px;
}

.home-testimonial p:first-of-type {
  position: absolute;
  top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.home-testimonial .flex-nav-prev {
  position: absolute;
  left: 0;
  top: 100px;
}

.home-testimonial .flex-nav-next {
 position: absolute;
 right: 0;
 top: 100px;
}

.home-current-project-sec .vc_column-inner{
  padding: 27px 5px 4px 27px;
}

.home-current-project-sec .icon_with_title_link {
 position: absolute;
 top: 100%;
 left: 33%;
}

.home-make-donation {
  width: 100%;
  position: relative;
  top: 0;
  right: 0;	
}

.donation-product-item li{
  margin-top: 10px;
  margin-bottom: 10px;
}

.donation-product{
  padding:0px;
  display:block;
}

.donation-way{
  width: 100%;
}

.donation-page-make-donation{
  width:100%;
  position:relative;
  top:0px;
  left:0px;
}

.about-content-from-left .vc_column-inner {
 padding-left: 70px;
}

.ls-layers .ls-wrapper.ls-in-out:nth-child(1) {
    top:100px !important;	
}

.ls-wrapper h1{
  font-size: 30px !important;
  font-weight: 800 !important;
  top:100px !important;
}

.ls-wrapper h2{
  font-size: 27px !important;
  font-weight: 600 !important;
  padding-bottom:20px !important;
  margin-bottom:20px !important;		
}

.ls-wrapper h4{
 font-size: 20px !important;
 padding-bottom:20px !important;
 margin-bottom:20px !important;	
}

}

@media (min-width: 870px) and (max-width: 999px) {
	#menu-menu-1{
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (min-width: 769px) and (max-width: 870px) {
	.mobile_menu_button {
    height: 75px;
    position: absolute;
    right: 90px !important;
    margin: 0px;
	}
	
	nav.mobile_menu{
		right: 38px;
	}
	
	#menu-menu-1{
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (min-width: 601px) and (max-width: 720px) {
	.mobile_menu_button {
    height: 75px;
    position: absolute;
    right: 90px !important;
    margin: 0px;
	}
	
	nav.mobile_menu{
		right:45px !important;
	}
}

@media only screen and (max-width: 600px){
	
	div.grid_section .section_inner{
		width: 85%;
	}
	
	.page-id-848 div.grid_section .section_inner{
		width: 90%;
	}
	
	.header_top .container_inner{
		width:550px !important;
	}
	
	.header_top.clearfix {
      line-height: 28px;
      height: 40px;
  }
  
  .header_top .left, .header_top .right{
      text-align:left !important;
  }
}

@media (min-width: 576px){
	.footer_bottom_holder .container {
		max-width: fit-content;
		width: 100%;
	}
}

@media (min-width: 521px) and (max-width: 767px) {
	#casestudies-slider .f-row .casestudy-content {
		height: 300px !important;
	}
}

@media (min-width: 601px) and (max-width: 767px) {
	
	.mobver{
		padding-left:0px !important;
	}
	
	.mob_account{
		position: absolute;
		top: 0;
		display: none !important;
		right: 70px;
	}
	
	.banner-mobile{
		height: 700px !important;
		background-position: top !important;
		background-size: 100% 55% !important;
	}
	
	.banner-mobile-text{
		position: absolute !important;
		height: 347px !important;
		z-index: 10;
		clip-path: polygon(0% 15%, 100% 0, 100% calc(100% - 0vw), 0% 100%);
		top: 332px;
		width: 100%;
	}
	.banner-mobile-text .our-approach-btn{
		margin-left: 20px;
	}
	
	.gapping-banner-top-home-only h1{
		font-size:40px !important;
		line-height: 35px !important;
	}
	
	.gapping-banner-top-home-only h2{
		font-size:40px !important;
		line-height: 73px !important;
	}
	
	.gapping-banner-top-home-only h4{
		color: #fff !important;
		font-weight: normal !important;
	}
	
	.our-approach-btn{
		margin-top: 30px !important;
		margin-bottom:0px !important;
		width: 122px !important;
		font-size: 12px;
		letter-spacing: 1.4px;
	}
	
	.banner-left-side {
		padding-left: 20px;
	}
	
	
	.banner-mobile-text-curve{
		position: absolute !important;
		height: 347px !important;
		z-index: 10;
		top: 332px !important;
		width: 100%;
		border-radius: 27% 54% 0% 2% / 13% 22% 0% 0% !important;
	}
	
	.gapping-banner-top {
		padding-top: 12px;
	}
	
	.gapping-banner-top h1{
		font-size:40px !important;
		line-height: 35px !important;
		padding-left: 20px !important;
		margin-top: 40px;
		padding-top:50px !important;
	}
	
	.page-id-469 .gapping-banner-top h1{
		font-size:40px !important;
		line-height: 35px !important;
		padding-left: 20px !important;
		margin-top: 20px !important;
		padding-top:50px !important;
	}
	
	.gapping-banner-top h4{
		color: #fff !important;
		font-weight: normal !important;
		padding-left: 20px !important;
		font-size:14px !important;
	}
	
	.banner-mobile-text-curve .our-approach-btn{
		margin-top: 30px !important;
		margin-left: 20px !important;
		margin-bottom:0px !important;
		width: 122px !important;
		font-size: 12px;
		letter-spacing: 1.4px;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.fullheight-banner-our-story h1{
		line-height: 35px !important;
		font-size: 24px !important;
		padding-top:0px !important;
	}
	
	
}

@media (min-width: 400px) and (max-width: 520px) {
	#casestudies-slider .f-row .casestudy-content {
		height: 300px !important;
	}
}

@media (min-width: 481px) and (max-width: 600px) {
	
	.mobver{
		padding-left:0px !important;
	}
	
	.mob_account{
		position: absolute;
		top: 0;
		display: none !important;
		right: 70px;
	}
	
	.banner-mobile{
		height: 587px !important;
		/*height: 627px !important;*/
        background-position: top !important;
        background-size: 100% 46% !important;
    }
    
    .banner-mobile-text{
      position: absolute !important;
      height: 347px !important;
      z-index: 10;
      clip-path: polygon(0% 15%, 100% 0, 100% calc(100% - 0vw), 0% 100%);
      top: 220px;
      width: 100%;
  }
  .banner-mobile-text .our-approach-btn{
      margin-left: 20px;
  }
  
  .gapping-banner-top-home-only h1{
      font-size:40px !important;
      line-height: 35px !important;
  }
  
  .gapping-banner-top-home-only h2{
      font-size:40px !important;
      line-height: 73px !important;
  }
  
  .gapping-banner-top-home-only h4{
      color: #fff !important;
      font-weight: normal !important;
      font-size:14px !important;
  }
  
  .our-approach-btn{
      margin-top: 30px !important;
      margin-bottom:0px !important;
      width: 122px !important;
      font-size: 12px;
      letter-spacing: 1.4px;
  }
  
  .banner-left-side {
      padding-left: 20px;
  }
  
  .banner-mobile-text-curve{
      position: absolute !important;
      height: 347px !important;
      z-index: 10;
      top: 220px !important;
      width: 100%;
      border-radius: 27% 54% 0% 2% / 13% 22% 0% 0% !important;
	  
  }
  
  .gapping-banner-top {
      padding-top: 12px;
  }
  
  .gapping-banner-top h1{
      font-size:40px !important;
      line-height: 35px !important;
      padding-left: 20px !important;
      margin-top: 40px !important;
      padding-top: 50px !important;
  }
  
  .page-id-469 .gapping-banner-top h1{
      font-size:40px !important;
      line-height: 35px !important;
      padding-left: 20px !important;
      margin-top: 20px !important;
      padding-top:20px !important;
  }
  
  .gapping-banner-top h4{
      color: #fff !important;
      font-weight: normal !important;
      padding-left: 20px !important;
  }
  
  .banner-mobile-text-curve .our-approach-btn{
      margin-top: 30px !important;
      margin-left: 20px !important;
      margin-bottom:0px !important;
      width: 122px !important;
      font-size: 12px;
      letter-spacing: 1.4px;
  }
}

@media only screen and (max-width: 600px){
	.mk_only.full_screen_section{
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	
	
}
@media only screen and (max-width: 480px){
	
	.banner-mobile{
		height: 587px !important;
		/*height: 627px !important;*/
        background-position: top !important;
        background-size: 100% 46% !important;
    }
    
    .banner-mobile-text{
      position: absolute !important;
      height: 347px !important;
      z-index: 10;
      clip-path: polygon(0% 15%, 100% 0, 100% calc(100% - 0vw), 0% 100%);
      top: 220px;
      width: 100%;
  }
  
  
  .gapping-banner-top-home-only h1{
      font-size:40px !important;
      line-height: 35px !important;
  }
  
  .gapping-banner-top-home-only h2{
      font-size:40px !important;
      line-height: 73px !important;
  }
  
  .gapping-banner-top-home-only h4{
      color: #fff !important;
      font-weight: normal !important;
  }
  
  .banner-mobile-text .our-approach-btn{
      margin-left: 20px;
  }
  
  .our-approach-btn{
      margin-top: 30px !important;
      margin-bottom:0px !important;
      width: 122px !important;
      font-size: 12px;
      letter-spacing: 1.4px;
  }
  
  .banner-left-side {
      padding-left: 20px;
  }
  
  .banner-mobile-text-curve{
      position: absolute !important;
      height: 347px !important;
      z-index: 10;
      top: 220px !important;
      width: 100%;
      border-radius: 27% 54% 0% 2% / 13% 22% 0% 0% !important;
	  padding-right: 20px;
  }
  
  .gapping-banner-top {
      padding-top: 12px;
  }
  
  .gapping-banner-top h1{
      font-size:40px !important;
      line-height: 35px !important;
      padding-left: 20px !important;
      margin-top: 20px !important;
      padding-top:80px;
  }
  
  .gapping-banner-top h4{
      color: #fff !important;
      font-weight: normal !important;
      padding-left: 20px !important;
      font-size:14px !important;
  }
  
  .banner-mobile-text-curve .our-approach-btn{
      margin-top: 30px !important;
      margin-left: 20px !important;
      margin-bottom:0px !important;
      width: 122px !important;
      font-size: 12px;
      letter-spacing: 1.4px;
  }
  
  
  
  .page-id-469 .gapping-banner-top h1{
      font-size:38px !important;
      line-height: 30px !important;
      padding-left: 20px !important;
      margin-top: 20px !important;
      padding-top:20px !important;
      
  }
  
  .fullheight-banner-our-story h1{
      font-size: 18px !important;
      padding-bottom:0px !important;
  }
  .fullheight-banner-our-story p{
      font-size: 13px !important;
      line-height: 20px !important;
      padding: 0px !important;
      padding-top: 0px !important;
      font-weight:normal !important;
  }
  
  .fullheight-banner-our-story .volunteer-btn{
      width: 120px !important;
      padding: 0px 10px;
      margin-bottom: 0px !important;
      margin-top: 0px !important;
      font-size: 11px !important;
  }
  
  div.grid_section .section_inner{
      width: 85%;
  }
  
  .page-id-848 div.grid_section .section_inner{
      width: 90%;
  }
  
  .header_top .container_inner{
      width:400px !important;
  }
  
  .header_top.clearfix {
      line-height: 32px;
      height: 40px;
  }
  
  .header_top .left, .header_top .right{
      text-align:left !important;
  }
  
  footer .container_inner {
      padding: 0 8px 0 8px;
  }
  
  .mobver{
      padding-left:0px !important;
  }
  
  .mob_account{
      position: absolute;
      top: 0;
      display: none !important;
      right: 70px;
  }
  
  #casestudies-slider .slider .custom-navigation {
    position: absolute;
    top: -20px;
    left: 73%;
}

}

@media (min-width: 601px) and (max-width: 620px) {
	.header_top .right .inner{
		position: absolute;
        top: 0;
        display: block !important;
        right: 40px !important;
    }
}

@media (min-width: 481px) and (max-width: 600px) {
	.header_top .right .inner{
		position: absolute;
        top: 0;
        display: block !important;
        right: 100px !important;
    }
}

@media (min-width: 416px) and (max-width: 480px) {
	.header_top .right .inner{
		position: absolute;
        top: 0;
        display: block !important;
        right: 28px;
    }
}

@media (min-width: 499px) and (max-width: 767px) {
	#casestudies-slider .f-row .casestudy-thumbnail {
      transform: translateY(-92%) !important;
    }
	
	#casestudies-slider .f-row .casestudy-content {
        transform: translateY(110%) !important;
	}
}

@media (min-width: 399px) and (max-width: 499px) {
	#casestudies-slider .f-row .casestudy-thumbnail {
      transform: translateY(-111%) !important;
    }
	
	#casestudies-slider .f-row .casestudy-content {
        transform: translateY(90%) !important;
		height: 315px !important;
    }
}


@media (min-width: 320px) and (max-width: 326px) {
	.page-id-469 .gapping-banner-top h4 {
        color: #fff !important;
        font-weight: normal !important;
        padding-left: 20px !important;
        font-size: 12px !important;
        line-height: 20px !important;
    }
    
    .page-id-469 .our-approach-btn {
        margin-top: 20px !important;
    }
}



@media (min-width: 320px) and (max-width: 399px) {
	
	.donation-gapping-top .panel-title{
		font-size:10px !important;
	}
	
	.chinar-panel .panel-heading {
		padding: 20px 6px 20px 9px;
	}
	
	.circle-number-chinar {
		background: #126B73;
		padding: 3px 9px;
		border-radius: 50%;
		margin-right: 8px;
		color: #fff;
		font-size: 10px;
		letter-spacing: -2px;
	}
	
	#casestudies-slider .f-row .casestudy-content {
        /*transform: translateY(111%) !important;*/
		transform: translateY(63%) !important;
    }

    #casestudies-slider .f-row .casestudy-thumbnail {
      /*transform: translateY(-90%) !important;*/
	  transform: translateY(-155%) !important;
    }
  
}


/* ----------- IPAD PRO----------- */
/* Portrait*/
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
	
	.without-submenu a:hover:before {
		opacity: 0;
		width: 60%;
	}
	
	nav.main_menu.right{
		display:none;
	}
	
	#easy_sidebar_menu_widget-2{
		display:block;
	}
	
	.show-impact-desktop {
		display: none !important;
	}
	
	.show-impact-mobile{
		display:block !important;
	}
	
.remove-white-bg-counter p {
    color: #fff !important;
    padding-bottom: 0px;
    font-size: 12.5px !important;
    margin: 0px !important;
    line-height: 17px;
	}
	
	.remove-white-bg-counter a {
    position: absolute;
    top: 280px;
    left: 14%;
}	
	
	
.main-current-project .slick-next {
    right: -33px;
}

.main-current-project .slick-prev {
    left: -33px;
}	
	
.four_columns>.column3>.column_inner {
    padding: 0 5px 0 0px;
}

.footer_top .four_columns .column3 .column_inner>div{
   margin:0px;
}	
	
  .fullheight-banner {
     height: 50vh !important;
 }
 
 .fullheight-banner-our-story {
     height: 50vh;
 }
 
 .gapping-banner-top-home-only h1 {
     font-size: 50px!important;
     line-height: 60px !important;
 }
 
 .gapping-banner-top-home-only h2 {
     font-size: 40px !important;
     line-height: 70px !important;
 }
 
 .banner-left-side-home h4{
     font-size: 14px !important;
 }
 
 .our-approach-btn{
     margin-bottom: 20px !important;
     margin-top: 0px !important;
 }
 
 .banner-left-side {
     padding-left: 27px;
     padding-top: 65px;
 }
 
 .banner-left-side-home {
     padding-left: 27px;
 }
 
 .gapping-banner-top h1 {
     font-size: 50px !important;
     line-height: 60px !important;
 }
 
 .gapping-banner-topnew h4 {
     font-size: 14px !important;
     padding: 0px 0px;
 }
}
/* Landscape*/
@media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
	
	.without-submenu a:hover:before {
		opacity: 0;
		width: 60%;
	}
	
	nav.main_menu.right{
		display:none;
	}
	
	#easy_sidebar_menu_widget-2{
		display:block;
	}
	
	nav.main_menu > ul > li > a {
		padding: 0 28px;
		font-size:12px;
	}
	
	.menu-item-has-children:after{
		right:-2px;
		display:none;
	}
	
	.remove-white-bg-counter-old{
		height:760px;
	}
	
	.remove-white-bg-counter-old h4 {
		padding-bottom: 12px;
	}
	
	.impact-para-mobile{
		text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
	}
	
	.show-impact-desktop {
		display: none !important;
	}
	
	.show-impact-mobile{
		display:block !important;
	}
	
	.voz-facebook .vc_column-inner{
		padding:0px;
		height:auto;
	}
    
  .five-columns.vc_row .vc_col-sm-2 {
     float: left;
     width: 17.2%;
     padding: 0;
     margin-right: 0px;
     min-height: 0;
     margin-left: 32px;
 }  
 .fullheight-banner {
     height: 64vh !important;
 }
 
 .gapping-banner-top h1 {
     font-size: 60px !important;
     line-height: 80px !important;
 }
 
 .main-current-project .slick-arrow{
    opacity:0;
}
}


/* ----------- IPAD ----------- */
/* Portrait*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
	
	.recurring_payment .form-check-label{
		font-size:12px;
	}
	
	.back-from-singlePage:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f060";
    position: absolute;
    left: 35px;
   }
   
   .amountlist{
	   font-size:15px;
   }
	
	.story-title {
    font-size: 22px !important;
    line-height: 35px !important;
	}
	
	.section-in-center-project{
		left:10px;
	}
	
	.click-current-project p{
		width:100%;
	}
	
	.click-past-project p{
		width:100%;
	}
	
	.remove-white-bg-counter-old h4{
		padding-bottom:20px;
	}
    
  .column1.footer_col1, .column3.footer_col3{
     width: 50% !important;
     float: left !important;
 }

 .column2.footer_col2, .column4.footer_col4{
     width: 50% !important;
     float: right !important;
 }
 
 .fullheight-banner-our-story {
     height: 65vh;
 }  
 .our-value-title h5 {
     font-size: 16px !important;
 }
 .four_columns.clearfix:before{
     opacity:0;
 }
 
 .crisis-work h6::after,.other-work h6::after,.quality-work h6::after,.youth-work h6::after,.live-work h6::after,.child-work h6::after{
     padding-right:0px;
 }
 
 .design-2-right-area p{
     text-align:left;
 }
 
 .case-4-design .home-blue-bg{
     padding-left:0px;
 }
 
 .case-5-design .home-red-bg{
     padding-left:0px;
 }
 
 .use-case-without-slider .home-blue-bg .card-body p {
     height: 415px;
 }
 
 .mobile_menu li{
     padding-left:15px !important;
 }
}


/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
	
	.without-submenu a:hover:before {
		opacity: 0;
		width: 60%;
	}
	
	#easy_sidebar_menu_widget-2{
		display:block;
	}
	
	nav.main_menu.right{
		display:none;
	}
	
	.show-impact-desktop {
		display: none !important;
	}
	
	.show-impact-mobile{
		display:block !important;
	}
    
  .back-from-singlePage:before{
     opacity:0;
 }  
 
 .fullheight-banner-our-story {
     height: 75vh;
 }
 
 .main-current-project .slick-arrow{
    opacity:0;
} 
.gapping-banner-top-home-only h1{
 font-size: 60px !important;
 line-height: 75px !important;
}

.gapping-banner-top-home-only h2 {
 font-size: 50px !important;
 line-height: 90px !important;
}

.banner-left-side-home h4{
 font-size:14px !important;
}

.our-approach-btn{
 margin-bottom: 0px !important;
 margin-top: 14px !important;
}

.banner-left-side {
 padding-left: 25px;
}

.banner-left-side-home {
 padding-left: 25px;
}

.banner-right-side {
 padding:45px 10px 0px 150px;
}

.gapping-banner-top h1{
 font-size: 60px !important;
 line-height: 75px !important;
}

.gapping-banner-topnew h4{
 font-size: 14px !important;
 line-height: 28px !important;
}


}

/* ----------- iPhone 6,7,8 ----------- */
/* Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 

  .on-hover-effect-team {
     height: 301px !important;
 }
}


/* ----------- iPhone X ----------- */

/* Portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 

  .fullheight-banner-our-story {
     height: 70vh;
 }
 
 .mob_account {
     position: absolute;
     top: 0;
     display: none !important;
     right: 28px;
 }
 
 .click-login{
     padding-left:0px !important;
 }
 
 .banner-mobile-text .our-approach-btn{
     margin-top:0px !important;
 }
 
}

/* Landscape */

@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
  .on-hover-effect-team {
     height: 210px;
 }
 
 .header_bottom .container_inner {
     width: 720px;
 }
 

 
 .team-member h4{
     padding-top: 5px;
     padding-bottom: 0px;
     font-size: 15px !important;
 }
 
 .team-member h5{
     padding-bottom: 0px;
     font-size: 10px;
 }
 
 .team-member {
     padding-bottom: 10px;
 }
 
 .design-2-right-area p{
     text-align:left;
 }
 
 .case-4-design .home-blue-bg{
     padding-left:0px;
 }
 
 .case-5-design .home-red-bg{
     padding-left:0px;
 }
 
 .use-case-without-slider .home-blue-bg .card-body p {
     height: 350px;
 }
 
 nav.mobile_menu>ul {
     width: 690px;
     margin: 0 auto;
 }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 
 .header_top .left{
  width: 70%;
}


}

/* Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
  .header_bottom .container_inner {
     width: 510px !important;
 }
 


}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 
  .header_bottom .container_inner {
     width: 540px;
 }

}


/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
  .header_top .left{
     width:88% !important;
 }
 

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
	#casestudies-slider .f-row .casestudy-thumbnail {
		transform: translateY(-190%);
	}
	
	#casestudies-slider .f-row .casestudy-content {
		transform: translateY(49%);
		height: 414px;
	}
	
	
}
/* Media Query Ends Here */


.row.hideForOneTime {
    display: none;
}
.go-with-payment-method.stripe_btn.go_with_payment_active img {
    display: none;
}
.go-with-payment-method.stripe_btn.go_with_payment_active span {
    font-size: 23px;
    font-weight: bold;
}


/* #investinginchildreninnerheadings h1 {
    font-size: 75px !important;
    line-height: 90px !important;
} */
#investinginchildreninnerheadings h1 {
    font-size: 55px !important;
    line-height: 90px !important;
}

/* #investinginchildreninnerheadings h2 {
    font-size: 65px !important;
    line-height: 70px !important;
} */
#investinginchildreninnerheadings h2 {
    font-size: 45px !important;
    line-height: 70px !important;
}

#investinginchildreninnerheadings .our-approach-btn {
    margin-top: 20px !important;
}






/*Css for Youth Development Post Project Count List*/

div#youth-development-post-project-count-list ul {
    width: 100%;
    text-align: center;
}
div#youth-development-post-project-count-list li {
    list-style: none;padding:20px 0px;
}

div#youth-development-post-project-count-list ul li img {
    width: 100%;
    max-width: 50px;
    text-align: center;
    display: inline-block;
    padding-bottom: 10px;
}

div#youth-development-post-project-count-list h6 {
    width: 100%;
    text-align: center;
}
div#youth-development-post-project-count-list {
    height: auto;
    overflow: auto;
    width: auto;padding: 15px 10px;text-align:center;
}
div#youth-development-post-project-count-list ul li h3 {
    line-height: 0px;
    margin: 0;
    padding: 0;
}
div#youth-development-post-project-count-list ul li p {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #37393d;    
	text-align: center;
}

div#youth-development-post-project-count-list::-webkit-scrollbar {
  height: 1px;              
  width: 1px;               
  border: 1px solid #fff;
}

div#youth-development-post-project-count-list .owl-carousel .owl-prev {
    width: 45px !important;
    display: block !important;
    height: 45px !important;
    background: #dadddd9e !important;
    border-radius: 50% !important;
    font-weight: bold !important;
    border: 4px solid #18a9b79c !important;
    color: #fff !important;
}

/*Css for Youth Development Current Project Count List*/
div#youth-development-current-project-count-list ul {
    width: 100%;
    text-align: center;
}
div#youth-development-current-project-count-list li {
    list-style: none;padding:20px 0px;
}

div#youth-development-current-project-count-list ul li img {
    width: 100%;
    max-width: 50px;
    text-align: center;
    display: inline-block;
    padding-bottom: 10px;
}

div#youth-development-current-project-count-list h6 {
    width: 100%;
    text-align: left;
}
div#youth-development-current-project-count-list {
    height: auto;
    overflow: auto;
    width: auto;padding: 15px 10px;
}
div#youth-development-current-project-count-list ul li h3 {
    line-height: 0px;
    margin: 0;
    padding: 0;
}
div#youth-development-current-project-count-list ul li p {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #37393d;    
	text-align: center;
}

div#youth-development-current-project-count-list::-webkit-scrollbar {
  height: 1px;              
  width: 1px;               
  border: 1px solid #fff;
}

li#nav-menu-item-3705 span {
    color: #fff;
}
li#nav-menu-item-3705 ul li span:hover {
    color: #18a9b7 !important;
}
/* .covhereprograminitiatives11{display:none !important;}

li#mobile-menu-item-1527 .fa-angle-down:focus .covhereprograminitiatives11 {
    display: block !important;
}

li#nav-menu-item-1527:hover .covhereprograminitiatives11 {
    display: block !important;
} */

li#nav-menu-item-3705 ul li {
    width: 280px !important;
}
#nav-menu-item-3705 a>span:not(.plus) {
    background-color: #18a9b7;
    border: 1px solid #18a9b7;
    padding: 13px 28px;
    border-radius: 3px;
}

.drop_down .second .inner ul li.cov-here1 .covidmenucustom {
	z-index: 20;
	visibility:hidden;
}

.drop_down .second .inner ul li.cov-here1:hover .covidmenucustom {
	z-index: 20;
	visibility:visible;
}

.cov-here1:after{
	font-family: FontAwesome;
    display: inline-block;
    padding-right: 0;
    vertical-align: middle;
    content: "\f0d7";
    position: absolute;
    bottom: 30px;
    right: 5px;
    font-size: 12px;
    color: #fff;
}
.cov-here1 .fa-angle-right:before {
    content: "\f105";
}
.cov-here1 .sub_menu #nav-menu-item-3704,#nav-menu-item-3696{
		display:none;
	}

li#nav-menu-item-3704 span {
    color: #fff !important;
}

li#nav-menu-item-3696 span {
    color: #fff !important;
}


li#nav-menu-item-3704 span:hover {
    color: #18a9b7 !important;
}

li#nav-menu-item-3696 span:hover {
    color: #18a9b7 !important;
}

li#nav-menu-item-3705 {
    display: block !important;
}
.widget.qode_button_widget {
    display: none;
}
li#nav-menu-item-3705 ul li span {
    background-color: transparent !important;
    border: none !important;
}
li#nav-menu-item-3705:after {
    display: none !important;
}

li#mobile-menu-item-3705::after {
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 0;
  vertical-align: middle;
  content: "\f0d7";
  position: absolute;
  bottom: 30px;
  right: 5px;
  font-size: 12px;
  color: transparent;
}




div#quality-education-impact-new {
    width: 35%;
}

div#quality-education-impact-new1 {
    width: 35%;
}
div#quality-education-impact-new2 {
    width: 27%;
}  

div#quality-education-impact-new2image {
    padding: 20px 60px 0 0px;
}


@media only screen and (max-width: 479px) {
div#quality-education-impact-new {
    width: 100% !important;
}

div#quality-education-impact-new1 {
    width: 100% !important;
}
div#quality-education-impact-new2 {
    width: 100% !important;
}  

div#quality-education-impact-new2image {
    padding: 0px 0px 40px 0px !important;
}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    div#quality-education-impact-new {
        width: 100% !important;
    }

    div#quality-education-impact-new1 {
        width: 100% !important;
    }
    div#quality-education-impact-new2 {
        width: 100% !important;
    }  

    div#quality-education-impact-new2image {
        padding: 0px 0px 40px 0px !important;
    }
    #ydsldierbtnbox { display: none; }
}
.border-rad img{
    border-radius: 25px 0px;
}
a.ydflexstyle {
    display: flex;
    flex-direction: column;
    width: 40%;
    margin-left: 20px;
    margin: 20px;
}
a.ydflexstyle, a.ydbuttons{
    border: 2px solid #fff; 
}
#ydsldierbtnbox {
    /* margin-left: 80px;
    width: 45%; */
}
.newslettercls a{
    color: #18a9b7; 
    font-weight: 600;
}
.wordlim{
    display: -webkit-box;
  /* -webkit-box-orient: vertical; */
  overflow: hidden;
  /* -webkit-line-clamp: 7; */
}
.br-40 img{
    border-radius: 40px 0;
}
.hide{ display: none; }