/**
Theme Name: igyweb-child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: igyweb
Template: astra
*/

body { font-size: 15px; font-family: 'Rubik', sans-serif; font-weight: 400; text-align: unset; background-color: #ffffff!important; }
a, a:hover, a:focus { color:#c22d1a; outline: none; }
a:hover { text-decoration: none; }
*{ list-style: none; }
input:focus { outline: none; }
.gfrom_title{ margin-top: 15px; text-align: center; font-size: 18px; }

.page-template-coronavirus-template .header-main-layout-1 .main-header-container{opacity: 0!important;}

.site-content { min-height: 500px; }
.container { max-width: 1200px; }



/* Display None Start */
.home-header-language { display: none; }
/* Display None End */

/* Main Title Heading */
.main-title { padding:0 0 5px 0; margin: 0 0 20px 0; font-size: 25px; letter-spacing: 0.5px; position: relative; text-align: center; }
.main-title::before { content: ""; position: absolute; top:100%; left: 50%; width: 80px; height: 2px; background-color: #c22d1a; display: inline-block; transform: translate(-50%, -50%); }

/* Description */
.description { font-size: 16px; padding: 0 50px; }

/* Theme Button */
.theme-button-white { height: 46px; line-height: 46px; border-radius: 10px; box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; color: #c22d1a!important; 
    padding: 0 30px!important; font-weight: 800; display: inline-flex!important; align-items: center; justify-content: center; transition: background-color 0.2s; }
.theme-button-white:hover { background-color: #c22d1a; color:#ffffff!important; }
.theme-button-white .icon { width: 16px; height: 16px; display: block; background-repeat: no-repeat; background-position: center center; margin-left:5px; background-size: 100%;
    background-color: #c22d1a; mask-image: url(assets/images/heart-red-icon.svg); -webkit-mask-image: url(assets/images/heart-red-icon.svg); -webkit-mask-size: 16px; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat;
}
.theme-button-white span { transition: all 0s!important; }
.theme-button-white:hover .icon { background-color: #ffffff; }

.theme-button-red { height: 46px; line-height: 46px; border-radius: 10px; box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2); background-color: #c22d1a; color: #ffffff!important; 
    padding: 0 30px!important; font-weight: 800; display: inline-flex!important; align-items: center; justify-content: center; transition: background-color 0.2s; }
.theme-button-red:hover { background-color: #ffffff; color:#c22d1a!important; }
.theme-button-red span { transition: all 0s!important; }
.theme-button-red .icon { width: 16px; height: 16px; display: block; background-repeat: no-repeat; background-position: center center; margin-left:5px; background-size: 100%; background-color: #ffffff; mask-image: url(assets/images/heart-red-icon.svg); -webkit-mask-image: url(assets/images/heart-red-icon.svg); -webkit-mask-size: 16px; -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat; }
.theme-button-red:hover .icon { background-color: #c22d1a; }

.theme-button-text span { position: relative; }
.theme-button-text span:after { content: " > "; position: relative; left:0; font-size: 0px; transition: all 0.2s; }
.theme-button-text:hover span:after { display: inline-block; font-size: 15px; }

.theme-button-red.circle-for-better-btn .icon { mask-image: url(assets/images/heart-green.png)!important;
    -webkit-mask-image: url(assets/images/heart-green.png)!important; }


/* Theme Button */


/* Bootstrap Modal Redesign */
.modal-dialog { max-width: 960px; margin-top: 50px; }
.modal-content { padding: 15px; }
.modal-header { border: none; }
button.close { position: absolute; right: -40px; top: 0px; background: white; opacity: 1; padding: 0px!important; border-radius: 50%; width: 27px; height: 27px; line-height: 30px; font-weight: 100; font-size: 30px; }
/* Bootstrap Modal Redesign */

/* Newspost Modal Redesign / Common Pupup */
#postmodal {  }
.comun_popup_box .featured-img-block {  }
.comun_popup_box .featured-img-block img { width:100%; }
.comun_popup_box .post-content-block { background: white; margin: -50px 1rem 0 1rem; padding: 2rem 2rem 1rem!important; border-radius: 5px!important; box-shadow: none!important; position: relative; z-index: 9; }
.comun_popup_box .post-content-block h3 { font-size: 30px; margin-bottom: 15px; }
#postmodal_3 .post-content-block .post-title{ color: #0091ff; }
#postmodal_2 .post-content-block .post-title{ color: #b620e0; }
#postmodal_1 .post-content-block .post-title{ color: #6dd400; }
#postmodal_6 .post-content-block .post-title{ color: #f7b500; }
#postmodal_5 .post-content-block .post-title{ color: #ff4444; }
#postmodal_4 .post-content-block .post-title{ color: #61f2d2; }

.comun_popup_box .post-content-block .post-description p { margin-bottom: 20px; }
.comun_popup_box .post-content-block .post-description p small { margin: 15px 0px; display: inline-block; }

.comun_popup_box .post-content-block .post-action-bar { display: flex; align-items: center; justify-content: center; margin-top: 30px; width: 100%; flex-direction: row!important; margin-top: 120px!important; }
.comun_popup_box .post-content-block .post-action-bar .post-social-share-block { width: 50%; }
.comun_popup_box .post-content-block .post-action-bar .post-contact-block { width: 50%; }
.comun_popup_box .post-content-block .post-action-bar .post-contact-block ul.contact-option { padding: 0; margin: 0; display: flex; flex-direction: row-reverse; }
.comun_popup_box .post-content-block .post-action-bar .post-contact-block ul.contact-option li { margin-right: 25px; margin-bottom: 0px; width: auto; margin-bottom: 0px; }
.comun_popup_box .post-content-block .post-action-bar .post-contact-block ul.contact-option li a { color:#000000; }
.comun_popup_box .post-content-block .post-action-bar .post-contact-block ul.contact-option li a:hover { color:#c03a00; }
.comun_popup_box .post-content-block .post-action-bar .post-contact-block ul.contact-option li a img { margin-right: 5px; }

.comun_popup_box .post-content-block .post-action-bar ul.footer-social-icons-set { padding:0; margin:0; display: inline-flex; flex-direction: row-reverse; align-items: center; position: relative; z-index: 1; }
.comun_popup_box .post-content-block .post-action-bar ul.footer-social-icons-set li { margin:-7px; }
.comun_popup_box .post-content-block .post-action-bar ul.footer-social-icons-set li a img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }
/* Newspost Modal Redesign / Common Pupup */

#custom-video-modal .modal-content { background: none; border: none; }

/* Header Section Start */
header { position: absolute!important; width:100%; left: 0; background-color: #96291b; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); border: none!important; }
header.site-header .main-header-bar-wrap .main-header-bar .site-branding { display: none; }
header.site-header { z-index: 999; }
.main-header-top-bar-wrap { padding: 0px; height: 60px; line-height: 60px; }
.main-header-top-bar-wrap .main-header-top-left { display: inline-flex; flex-direction: row-reverse; align-items: center; }
.main-header-top-bar-wrap .main-header-top-left .home-header-search { /*width: 315px;*/ }
.main-header-top-bar-wrap .main-header-top-left .home-header-search .search-form { position: relative; }
.main-header-top-bar-wrap .main-header-top-left .home-header-search .search-form label { width: 100%; margin: 0px; }
.main-header-top-bar-wrap .main-header-top-left .home-header-search .search-form .search-field { background: #af2d1d!important; border: none; border-radius: 4px; padding: 0px 55px 0px 15px; width: 100%; color: rgba(255,255,255,0.5); height: 44px; }
.main-header-top-bar-wrap .main-header-top-left .home-header-search .search-form .search-field::placeholder { color: rgba(255,255,255,0.5); }
.main-header-top-bar-wrap .main-header-top-left .home-header-search .search-form .search-submit { right: -25px; left: auto; position: absolute; font-size: 0; top: 50%; height: 40px;
    width: 46px; padding: 0; color: rgba(255,255,255,0.5); background: none; background-image: url(assets/images/Search.svg); transform: translate(-50%, -50%); background-size: auto;
    background-repeat: no-repeat; background-position: center; }
.main-header-top-bar-wrap .main-header-top-left .home-header-search .search-form:after { right: 15px; left: auto; }
/*.main-header-top-bar-wrap .main-header-top-left .home-header-social-share { padding-left: 15px; }*/
.main-header-top-bar-wrap .main-header-top-left .home-header-social-share { padding-left: 0px; }
.main-header-top-bar-wrap .main-header-top-right { display: inline-flex; align-items: center; }
.main-header-top-bar-wrap .main-header-top-right .home-header-language a { color:#ffffff!important; }
.main-header-top-bar-wrap .main-header-top-right .home-header-logo .custom-logo { max-height: 50px; width: auto; }
.main-header-top-bar-wrap .main-header-top-right .wpml-ls-legacy-list-horizontal { padding: 0px; border: none; }

.main-header-bar-wrap .theme-button-white { padding:0px!important; }
.main-header-bar-wrap .main-navigation { padding:0; width: 100%; }
.main-header-bar-wrap .main-header-bar { line-height: normal; padding: 10px 0px; }
.main-header-bar-wrap .header-button { color: #c22d1a!important; padding: 0px!important; font-weight: 800; display: inline-flex!important; align-items: center; justify-content: center; }
.main-header-bar-wrap .header-button .icon { width: 16px; height: 16px; display: block; background-repeat: no-repeat; background-position: center center; margin-left:5px; background-size: 100%;
    background-color: #c22d1a; mask-image: url(assets/images/heart-red-icon.svg); -webkit-mask-image: url(assets/images/heart-red-icon.svg); -webkit-mask-size: 16px;
    -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; }
.main-header-bar-wrap .main-header-menu { width: 100%; justify-content: flex-start; }
.main-header-bar-wrap .main-header-menu li a { padding:0px!important; color:rgba(0,0,0,0.6); font-size: 15px; }
.main-header-bar-wrap .main-header-menu li a:hover { color:rgba(0,0,0,1); }
.main-header-bar-wrap .main-header-menu li { position: relative; padding: 0 10px; }
.main-header-bar-wrap .main-header-menu li::before { content: ""; width: 1px; height: 20px; background-color: rgba(0,0,0,0.3); position: absolute; top: 50%; right: 0%; transform: translate(-50%, -50%); }
.main-header-bar-wrap .main-header-menu li:first-child { padding-right: 0px!important; }
.main-header-bar-wrap .main-header-menu li:first-child::before,
.main-header-bar-wrap .main-header-menu li:last-child::before { display: none; }
.main-header-bar-wrap .main-header-menu .current_page_item > a { color:rgba(0,0,0,1); font-weight: 500; }
.main-header-bar-wrap .ast-main-header-bar-alignment { margin-right: unset; width: 100%; }
.main-header-bar-wrap .ast-masthead-custom-menu-items { position: absolute!important; left: 0; padding-left: 0px!important; }
.main-header-bar-wrap .ast-masthead-custom-menu-items .ast-header-widget-area { line-height: normal; }
.main-header-bar-wrap .ast-masthead-custom-menu-items .ast-header-widget-area aside { margin: 0px!important; }
/* Header Section End */

/* Sticky Header Start */
header.site-header.fixed-header { z-index: 999; top: -200px; left: 0; display: inline-block; transition: all 0.5s; }
header.site-header.hide-header { position: fixed!important; z-index: 999; width: 100%; top: -200px; left: 0; display: inline-block; transition: all 0.5s; }
header.site-header.sticky-header { position: fixed!important; z-index: 999; width: 100%; top: 0px; left: 0; display: inline-block; }
/* Sticky Header End */

/* Home Page Header Start */
.page-template-front-page header { display: none; }
.home-header-section { position: absolute; width: 100%; top:0; left:0; }
.home-header-section .home-header-wrapper { padding:0; margin:0; display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; }
.home-header-section .home-header-wrapper .home-header-social-wrapper { width: 50%; }
ul.home-header-social-links { display: flex;align-items: center; justify-content: flex-end; padding:0; margin: 0; }
ul.home-header-social-links li { margin: 0 10px; }
ul.home-header-social-links li:last-child { margin-left: 0px; }
ul.home-header-social-links li img { max-width: 18px; }
.home-header-section .home-header-wrapper .home-header-language { width: 50%; }
.home-header-section .home-header-wrapper .home-header-language ul { display: flex; align-items: center; justify-content: flex-end; flex-direction: row-reverse; padding: 0; margin: 0; }
.home-header-section .home-header-wrapper .home-header-language ul li a { color:#ffffff; }
/* Home Page Header End */

/* Home Banner Start */
.home-banner-section { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.home-banner-section::before { content: ""; width: 100%; height: calc(100% - 5px); left:0; top: 0; background: rgba(0,0,0,0.5); position: absolute; z-index: 1; }
.home-banner-section iframe { position: relative; }
.home-banner-section .container { padding: 0px; position: absolute; z-index: 9; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.home-banner-section .home-banner-top-links-wrapper { }
.home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links { padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; }
.home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li { width: 50%; align-items: center; justify-content: center; display: flex; }
.home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li a { color:#ffffff; }
.home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li a img { padding: 0 5px; }
.home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li a.friend-of-igy { display: inline-flex; align-items: center; }
.home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li:last-child a.friend-of-igy { flex-direction: row-reverse; }
.home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li:nth-child(2) a.friend-of-igy { flex-direction: row-reverse; /*margin-top: -60px;*/ }

.home-banner-section .home-banner-logo-wrapper { display: flex; align-items: center; justify-content: center; margin-top: 70px; }
.home-banner-section .home-banner-logo-wrapper .home-banner-logo img { width: 200px; }
.home-banner-section .home-banner-menu-wrapper { display: flex; align-items: center; justify-content: center; margin-top: 70px; }
.home-banner-section .home-banner-menu-wrapper ul.home-banner-menu { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; padding:0px; margin: 0px; }
.home-banner-section .home-banner-menu-wrapper ul.home-banner-menu li { width: 98px; height: 100px; display: flex; text-align: center; justify-content: center; align-items: center; position: relative; margin: 0 22px; }
.home-banner-section .home-banner-menu-wrapper ul.home-banner-menu li a { color: #ffffff; display: flex; position: absolute; width: 100%; height: 100%; transform: translate(-50%, -50%); top: 50%; left: 50%; align-items: center; justify-content: center;     background-repeat: no-repeat;
    background-size: cover; background-position: center center; padding: 20px; white-space: normal; word-break: break-all; line-height: 15px; font-size: 15px; }
.home-banner-button-wrapper { text-align: center; margin-top: 50px; }


.home-banner-section.bg_image::before { height: 100%; }
.home-banner-section.bg_image { padding: 90px 0px; }
.home-banner-section.bg_image .container { position: relative; left: unset; top: unset; transform: unset; }

.home-banner-section.bg_slider .slick-list { padding: 0px!important; }
.home-banner-section.bg_slider::before { height: 100%; }

/* Home Banner End */


/* Home Our Factory Section Start */
.home-ourfactory-section { }
.home-ourfactory-section .home-ourfactory-wrapper { padding-top: 40px; text-align: center; position: relative; }
.home-ourfactory-section .home-ourfactory-wrapper::before { content: ""; position: absolute; width: 178px; height: 100px; left:30px; top: 0; background: url(assets/images/doubleline-square.svg); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.home-ourfactory-section .home-ourfactory-wrapper::after { content: ""; position: absolute; width: 77px; height: 16px; right:50px; top: 30px; background: url(assets/images/line-strips.svg); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }

.home-ourfactory-section .description { text-align: center; }
.home-ourfactory-section .factory-card-wrapper { width: 100%; padding:0px; margin-top: 30px; }
.home-ourfactory-section ul.factory-card-block { display: flex; padding:0px; margin: 0px; }
.home-ourfactory-section ul.factory-card-block li { width: 20%; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; margin: 5px; }
.home-ourfactory-section ul.factory-card-block li .factory-card-img-block { width: 100%; padding: 10px 0px; }
.home-ourfactory-section ul.factory-card-block li .factory-card-img-block img { max-height: 110px; }
.home-ourfactory-section ul.factory-card-block li .factory-card-content-block { width: 100%; padding: 20px 10px 0px; }
.home-ourfactory-section ul.factory-card-block li .factory-card-content-block h3.title { min-height: 58px; padding-bottom: 10px; margin: 0px; color:#000000; font-size: 20px; }
.home-ourfactory-section ul.factory-card-block li .factory-card-content-block .factory-list-desc { min-height: 100px; }
.home-ourfactory-section ul.factory-card-block li .factory-card-content-block .factory-list-desc p { font-size: 17px; }

.home-ourfactory-section ul.factory-card-block li .factory-card-read-more { width: 100%; position: relative; display: inline-block; border-top:2px solid #efefef; font-weight: 600; padding: 15px 0; }
.home-ourfactory-section ul.factory-card-block li .factory-card-read-more:before { content: ""; position: absolute; width: 110px; height:2px; background-color: red; top: -1px; left: 50%; transform: translate(-50%, -50%); opacity: 0.3; transition: width 0.5s; }
.home-ourfactory-section ul.factory-card-block li .factory-card-read-more:hover:before { opacity: 1; width: 100%!important; }
.home-ourfactory-section ul.factory-card-block li .factory-card-read-more span { position: relative; }
.home-ourfactory-section ul.factory-card-block li .factory-card-read-more span:after { content: " > "; position: relative; left:0; font-size: 0px; transition: all 0.2s; }
.home-ourfactory-section ul.factory-card-block li .factory-card-read-more:hover span:after { display: inline-block; font-size: 15px; }
.home-ourfactory-section ul.factory-card-block li .factory-card-read-more:hover span:before { content: ""; position: absolute; left: 0; width: 100%; top: 100%; height: 1px; border-top: 1px solid; }

.home-ourfactory-section ul.factory-card-block li.iggy-workshops .factory-card-img-block{ background-image: linear-gradient(124deg, #c8fa62, #509d00 100%, #509d00 100%) }
.home-ourfactory-section ul.factory-card-block li.iggy-workshops .factory-card-read-more { color: #65c202; }
.home-ourfactory-section ul.factory-card-block li.iggy-workshops .factory-card-read-more:before { background-color: #65c202; }

.home-ourfactory-section ul.factory-card-block li.trainee .factory-card-img-block{ background-image: linear-gradient(124deg, #ed6fff 2%, #b620e0); }
.home-ourfactory-section ul.factory-card-block li.trainee .factory-card-read-more { color: #b81fe8; }
.home-ourfactory-section ul.factory-card-block li.trainee .factory-card-read-more:before { background-color: #b81fe8; }

.home-ourfactory-section ul.factory-card-block li.dedicated-group .factory-card-img-block{ background-image: linear-gradient(124deg, #30ccfb, #0091ff 100%);}
.home-ourfactory-section ul.factory-card-block li.dedicated-group .factory-card-read-more { color: #0091ff; }
.home-ourfactory-section ul.factory-card-block li.dedicated-group .factory-card-read-more:before { background-color: #0091ff; }

.home-ourfactory-section ul.factory-card-block li.digital-forumsandreply .factory-card-img-block{ background-image: linear-gradient(124deg, #f5e157, #f7b500 100%); }
.home-ourfactory-section ul.factory-card-block li.digital-forumsandreply .factory-card-read-more { color: #f7b500; }
.home-ourfactory-section ul.factory-card-block li.digital-forumsandreply .factory-card-read-more:before { background-color: #f7b500; }

.home-ourfactory-section ul.factory-card-block li.volunteers .factory-card-img-block{ background-image: linear-gradient(124deg, #fea61a, #f46202 100%); }
.home-ourfactory-section ul.factory-card-block li.volunteers .factory-card-read-more { color: #f46202; }
.home-ourfactory-section ul.factory-card-block li.volunteers .factory-card-read-more:before { background-color: #f46202; }
/* Home Our Factory Section End */


/* Home Volunteers Tell Section Start */
.home-volunteers-tell-section .description { text-align: center; }
.home-volunteers-tell-section .home-volunteers-tell-wrapper { padding-top: 40px; position: relative; }
.home-volunteers-tell-section .home-volunteers-tell-wrapper::after { content: ""; position: absolute; width: 77px; height: 16px; left:0px; bottom: -50px; background: url(assets/images/line-strips.svg); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.home-volunteers-tell-section .slick-videos-wrapper { display: flex; margin-bottom: 40px; flex-wrap: wrap; justify-content: center; }
.home-volunteers-tell-section .slick-videos-wrapper .video-box { background-color: #ffffff; border-radius: 10px; padding: 10px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; transition: all 0.2s; }
.home-volunteers-tell-section .slick-videos-wrapper .video-box .video-wrapper { position: relative; transform: unset; }
.home-volunteers-tell-section .slick-videos-wrapper .video-box .video-wrapper .play-video .video-play-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 55px; height: 55px; }
.home-volunteers-tell-section .slick-videos-wrapper .video-box .video-wrapper .play-video  img { min-height: 150px; max-height: 150px; }
.home-volunteers-tell-section .slick-videos-wrapper .video-box .video-wrapper .play-video { cursor: pointer; }
.home-volunteers-tell-section .slick-videos-wrapper .video-box .video-name { font-size: 18px; margin-top: 15px; text-align: center; letter-spacing: 0.5px; }


.home-volunteers-tell-section .slick-videos-wrapper .slick-prev { width: 37px; height: 37px; background-image: url(assets/images/right-slider-arrow-icon.svg);
    background-position: center center; background-repeat: no-repeat; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); border-radius: 50%; z-index: 9; } 
.home-volunteers-tell-section .slick-videos-wrapper .slick-next { width: 37px; height: 37px; background-image: url(assets/images/left-slider-arrow-icon.svg);
    background-position: center center; background-repeat: no-repeat; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); border-radius: 50%; z-index: 9; }
.home-volunteers-tell-section .slick-videos-wrapper .slick-prev:before, 
.home-volunteers-tell-section .slick-videos-wrapper .slick-next:before { display: none; }
.home-volunteers-tell-section .slick-videos-wrapper .slick-list { padding: 30px 0px!important; }
.home-volunteers-tell-section .slick-videos-wrapper .slick-track .slick-slide.slick-current.slick-active { transform: scale(1.2); position: relative; z-index: 999; opacity: 1!important; }
.home-volunteers-tell-section .slick-videos-wrapper .slide-medium { transform: scale(1); opacity: 1!important; }
.home-volunteers-tell-section .slick-videos-wrapper .slide-small { opacity: 0.5; transform: scale(0.8); }
.home-volunteers-tell-section .slick-videos-wrapper .slick-slide { opacity: 0.3; margin: 0px!important; }

/* Slick SLider CSS */
.home-volunteers-tell-section .slick-videos-wrapper .slick-slide > div { transform: scale(.5); transition: transform .3s cubic-bezier(.4,0,.2,1); }
.home-volunteers-tell-section .slick-videos-wrapper .slick-center > div { transform: scale(1); }
.home-volunteers-tell-section .slick-videos-wrapper .video-box > iframe { width: 100%; height: auto; }

/* Home Volunteers Tell Section End */



/* Home Volunteers Tell Section New Css Start */
.home-volunteers-tell-section-old .description { text-align: center; }
.home-volunteers-tell-section-old .home-volunteers-tell-wrapper { padding-top: 40px; position: relative; }
.home-volunteers-tell-section-old .home-volunteers-tell-wrapper::after { content: ""; position: absolute; width: 77px; height: 16px; left:0px; bottom: 23px; background: url(assets/images/line-strips.svg); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.home-volunteers-tell-section-old .slick-videos-wrapper { margin: 0 -10px; }
.home-volunteers-tell-section-old .slick-videos-wrapper .video-box { background-color: #ffffff; border-radius: 10px; padding: 0px 0px 10px 0px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; transition: all 0.2s; overflow: hidden; }
.home-volunteers-tell-section-old .slick-videos-wrapper .video-box .video-wrapper { position: relative; transform: unset; }
.home-volunteers-tell-section-old .slick-videos-wrapper .video-box .video-wrapper .play-video .video-play-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35px; height: 35px; }
.home-volunteers-tell-section-old .slick-videos-wrapper .video-box .video-wrapper .play-video  img { min-height: 150px; max-height: 150px; }
.home-volunteers-tell-section-old .slick-videos-wrapper .video-box .video-wrapper .play-video { cursor: pointer; }
.home-volunteers-tell-section-old .slick-videos-wrapper .video-box .video-name { font-size: 18px; margin-top: 15px; text-align: center; letter-spacing: 0.5px; }


.home-volunteers-tell-section-old .slick-videos-wrapper .slick-prev { width: 37px; height: 37px; background-image: url(assets/images/right-slider-arrow-icon.svg);
    background-position: center center; background-repeat: no-repeat; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); border-radius: 50%; z-index: 9; right: -15px; } 
.home-volunteers-tell-section-old .slick-videos-wrapper .slick-next { width: 37px; height: 37px; background-image: url(assets/images/left-slider-arrow-icon.svg);
    background-position: center center; background-repeat: no-repeat; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); border-radius: 50%; z-index: 9; left: -15px; }
.home-volunteers-tell-section-old .slick-videos-wrapper .slick-prev:before, 
.home-volunteers-tell-section-old .slick-videos-wrapper .slick-next:before { display: none; }
.home-volunteers-tell-section-old .slick-videos-wrapper .slick-list { padding: 30px 0px!important; }
/*.home-volunteers-tell-section .slick-videos-wrapper .slick-track .slick-slide.slick-current.slick-active { transform: scale(1.2); position: relative; z-index: 999; opacity: 1!important; }
.home-volunteers-tell-section .slick-videos-wrapper .slide-medium { transform: scale(1); opacity: 1!important; }
.home-volunteers-tell-section .slick-videos-wrapper .slide-small { opacity: 0.5; transform: scale(0.8); }
.home-volunteers-tell-section .slick-videos-wrapper .slick-slide { opacity: 0.3; margin: 0px!important; }*/

/* Slick SLider CSS */
/*.home-volunteers-tell-section .slick-videos-wrapper .slick-slide > div { transform: scale(.5); transition: transform .3s cubic-bezier(.4,0,.2,1); }
.home-volunteers-tell-section .slick-videos-wrapper .slick-center > div { transform: scale(1); }
.home-volunteers-tell-section .slick-videos-wrapper .video-box > iframe { width: 100%; height: auto; }*/

/* Home Volunteers Tell Section New Css End */




/* Home Whats New Post Section Start */
.home-whats-new-section {  }
.home-whats-new-section .home-whats-new-wrapper { position: relative; padding-top: 0px; }
.home-whats-new-section .home-whats-new-wrapper::after { content: ""; position: absolute; width: 77px; height: 16px; right:0px; top: 20px; background: url(assets/images/line-strips.svg); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.home-whats-new-section ul.new-post-block { padding:10px 0 0 0; margin: 0; }
.home-whats-new-section ul.new-post-block li { display: flex; margin-bottom: 20px; }
.home-whats-new-section ul.new-post-block li:last-child { margin-bottom: 0px; }
.home-whats-new-section ul.new-post-block li .featured-img-block { flex: 1; border-radius: 15px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; max-width: 200px; overflow: hidden; margin-left: 20px; height: 200px; position: relative; border: 5px solid #ffffff; }
.home-whats-new-section ul.new-post-block li .featured-img-block img { border-radius: 10px; height: 100%; width: auto; max-width: unset; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.home-whats-new-section ul.new-post-block li .post-content-block { flex:1; border-radius: 15px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; 
    padding: 20px 20px 10px; display: flex; flex-wrap: wrap; }
.home-whats-new-section ul.new-post-block li .post-content-block .model-post-title{ color: #c03a00; }
.home-whats-new-section ul.new-post-block li .post-content-block .post-title { font-size: 20px; color:#c04200; letter-spacing: 0.5px; }
.home-whats-new-section ul.new-post-block li .post-content-block .post-description { height: 80px; overflow: hidden; display: inline-block; }
.home-whats-new-section ul.new-post-block li .post-content-block .post-description p { margin: 0px; }
.home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar { display: flex; align-items: center; flex-direction: row-reverse; justify-content: center; margin-top: 10px; width: 100%; }
.home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .post-view-block { text-align: left; width: 50%; color:#b4b4b4; letter-spacing: 0.5px; display: flex; flex-direction: row-reverse; }
.home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .post-view-block img { margin-right: 5px; }
.home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .readmore-block { text-align: right; width: 50%; }
.home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .readmore-block a { color:#c1330c; font-weight: 600; cursor: pointer; }
/* Home Whats New Post Section End */

/* Our partners and supporters Start */
.our-partners-and-supporters {  }
.our-partners-and-supporters .our-partners-and-supporters-wrapper .main-title { display: none; }
.our-partners-and-supporters .our-partners-and-supporters-wrapper { padding-top: 0px; position: relative; }
/*.our-partners-and-supporters .our-partners-and-supporters-wrapper::before { content: ""; position: absolute; width: 77px; height: 16px; right:230px; top: 50px; background: url(assets/images/line-strips.svg); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }*/
/*.our-partners-and-supporters .our-partners-and-supporters-wrapper::after { content: ""; position: absolute; width: 75px; height: 55px; left:50px; bottom: 30px; background: url(assets/images/dowble-square.svg); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; }*/

.our-partners-and-supporters .our-partners-and-supporters-wrapper ul.our-partners-logos-wrapper { padding:0 0 50px 0; margin:0; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: center; }
.our-partners-and-supporters .our-partners-and-supporters-wrapper ul.our-partners-logos-wrapper li { width: 20%; display: flex; align-items: center; justify-content: center; padding: 10px 30px; transition: all 0.2s; }
.our-partners-and-supporters .our-partners-and-supporters-wrapper ul.our-partners-logos-wrapper li:hover { background: #ffffff; border-radius: 5.6px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); }
.our-partners-and-supporters .our-partners-and-supporters-wrapper ul.our-partners-logos-wrapper li img { max-height: 140px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }
.our-partners-and-supporters .our-partners-and-supporters-wrapper ul.our-partners-logos-wrapper li:hover img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%); }

.our-partners-logos-wrapper { margin-bottom: 40px; }

.our-partners-logos-wrapper .main-categories-section { margin-bottom: 10px; }
.our-partners-logos-wrapper .main-categories-carousel { display: flex; flex-wrap: wrap; padding: 30px 0px; }
.our-partners-logos-wrapper .main-categories-carousel .img-wrapper { width: 16.66%; text-align: center; display: flex; align-items: center; padding: 15px 0; min-height: 130px; }
.our-partners-logos-wrapper .main-categories-carousel .img-wrapper:hover { background: #ffffff; box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.1); }
.our-partners-logos-wrapper .main-categories-carousel .img-wrapper img { max-height: 100px; max-width: 160px; margin: 0 auto; }

.our-partners-logos-wrapper .main-categories-section .categories-title { font-size: 20px; font-weight: 500; padding-top: 20px; border-top: 1px solid #c7c7c7; margin-bottom: 0px; }
/*.our-partners-logos-wrapper .main-categories-section .slick-slide img { max-height: 100px; max-width: 120px; margin:0 auto; }
.our-partners-logos-wrapper .slick-initialized .slick-slide { display: flex; align-items: center; height: 140px; transition: all 0.2s; margin: 10px; }
.our-partners-logos-wrapper .slick-initialized .slick-slide:hover { background: #ffffff; box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.1); }

.our-partners-logos-wrapper .main-categories-section .slick-prev { width: 37px; height: 37px; background-image: url(assets/images/right-slider-arrow-icon.svg);
    background-position: center center; background-repeat: no-repeat; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); border-radius: 50%; z-index: 9; right: -15px; } 
.our-partners-logos-wrapper .main-categories-section .slick-next { width: 37px; height: 37px; background-image: url(assets/images/left-slider-arrow-icon.svg);
    background-position: center center; background-repeat: no-repeat; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); border-radius: 50%; z-index: 9; left: -15px; }
.our-partners-logos-wrapper .main-categories-section .slick-prev:before, 
.our-partners-logos-wrapper .main-categories-section .slick-next:before { display: none; }
.our-partners-logos-wrapper .main-categories-section .slick-list { padding: 0px!important; }*/

/* Our partners and supporters End */


/* New Our Partners Section Start */
.new-our-partner-section { margin-top: 50px; margin-bottom: 50px; }
.new-our-partner-section-wrapper { background: url(assets/images/supporters-section-bg.jpg); background-repeat: no-repeat; background-size: cover; display: flex; border-radius: 15px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15); flex-direction: row-reverse; align-items: center; }
.new-our-partner-section-wrapper .img-block { width: 40%; text-align: center; }
.new-our-partner-section-wrapper .img-block img { max-width: 360px; width: 100%; padding-bottom: 20px; }
.new-our-partner-section-wrapper .content-block { width: 60%; padding: 35px; }
.new-our-partner-section-wrapper .content-block .description { padding: 0px; font-size: 19px; opacity: 0.6; margin-bottom: 20px; }
.new-our-partner-section-wrapper .content-block .main-title { font-size: 35px; font-weight: 300; text-align: right; }
.new-our-partner-section-wrapper .content-block .main-title::before { display: none; }
/* New Our Partners Section End */

/* Partners Page Start */
.partners-page.new-our-partner-section { background: url(assets/images/supporters-section-bg.jpg); background-repeat: no-repeat; background-size: cover; border-bottom: 2px solid #c22d1a; padding-bottom: 40px; margin-top: 99px; }
.partners-page.new-our-partner-section .new-our-partner-section-wrapper { background-image: none; box-shadow: none; border-radius: 0; align-items: center; }
.partners-page.new-our-partner-section .new-our-partner-section-wrapper .content-block { padding: 35px 0px 35px 50px; }
.partners-page.new-our-partner-section .new-our-partner-section-wrapper .img-block img { max-width: 100%; width: 100%; }
.partners-page.new-our-partner-section .new-our-partner-section-wrapper .content-block .main-title { font-size: 45px; }
.partners-page.new-our-partner-section .new-our-partner-section-wrapper .content-block .description { opacity: 1; }
.partners-page.new-our-partner-section .theme-button-red { min-width: 170px; }

/* Partners Page End */


/* Common Inner Banner Start */
.common-inrbanner-section { min-height: 500px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; margin-top: 99px; }
.common-inrbanner-section .banner-content-block { position: absolute; left: 0; bottom: 0; min-height: 50px; display: block; width: 100%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(40, 0, 0, 0.2); padding: 30px 0px 25px; }
.common-inrbanner-section .banner-content-block .banner-heading { font-size: 40px; font-weight: bold; font-stretch: normal; line-height: 0.75;letter-spacing: 0.7px; text-align: center;  color: #ffffff; margin-bottom: 15px; }
.common-inrbanner-section .banner-content-block .banner-subheading { line-height: normal; max-width: 820px; margin: 0px auto; text-align: center; font-size: 20px; font-weight: 500; color: #ffffff; letter-spacing: 0.5px; }
/* Common Inner Banner End */

/* Common Inner Banner Two Start */
.common-inrbanner-two { min-height: 250px; position: relative; padding-bottom: 140px; padding-top: 99px; }
.common-inrbanner-two:before{ content: ''; position: absolute; bottom: -60px; right: 0; width: 100%; height: 100%; border-bottom: 120px solid rgb(255, 255, 255);
    -webkit-transform: skewX(30deg); -ms-transform: skewX(30deg); transform: skewY(2.3deg); z-index: 0; }
.common-inrbanner-two .common-inrbanner-two-wrapper { padding: 50px 0px 0px 0px; color:#ffffff; position: relative; z-index: 2; }
.common-inrbanner-two .common-inrbanner-two-wrapper h2.banner-title { font-size: 40px; font-weight: bold; letter-spacing: 0.49px; color: #ffffff; }
.common-inrbanner-two .common-inrbanner-two-wrapper .description { padding: 0px; font-size: 18px; max-width: 660px; letter-spacing: 0.5px; }
/* Common Inner Banner Two End */

/* About Us Page - Community Design Start */
.community-design-section { background-color: #f6f6f6; display: flex; flex-direction: row-reverse; position: relative; }
.community-design-section .curve { width: 100%; left: auto; right: auto; height: 57px; top: auto; bottom: -1px; transform: scaleX(1) scaleY(-1); position: absolute; z-index: 1; }
.community-design-section .curve .fl-shape { fill: #ffffff; }

.community-design-section .curve-red { width: 100%; left: auto; right: auto; height: 57px; top: auto; bottom: 0; transform: scaleX(1) scaleY(-1); position: absolute; z-index: 0; }
.community-design-section .curve-red .fl-shape { fill: #c22d1a; }

.community-design-section .content-block { flex: 1; padding-right: 50px; padding-top: 70px; }
.community-design-section .content-block .fix-width-box { max-width: calc(565px + 5%); }
.community-design-section .img-block { flex: 1; max-width: 45%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.community-design-section .communitydesign-heading {  font-size: 30px; font-weight: bold; line-height: 1; letter-spacing: 0.52px; text-align: right; color: #c22d1a; margin-bottom: 20px; }
.community-design-section .communitydesign-description { font-size: 18px; line-height: 1.83; letter-spacing: 0.31px; }
.community-design-section .testimonial-quote { font-style: italic; line-height: 1.65; letter-spacing: 0.3px; margin: 70px 0px 100px; display: inline-block; }
/* About Us Page - Community Design Start End*/

/* About Us Page - Be The Change We Want Start */
.bethechange-section { position: relative; width: 100%; }
.bethechange-section .bethechange-wrapper { position: relative; padding: 30px 0px; }
.bethechange-section .bethechange-wrapper::before { content: ""; position: absolute; width: 180px; height: 158px; left: -50px; top: -105px;
    background: url(assets/images/doubleline-square.svg); background-repeat: no-repeat; background-position: center; background-size: auto; z-index: 2; }
.bethechange-section .bethechange-wrapper .description { text-align: center; }
/* About Us Page - Be The Change We Want End */

/* About Us Page - Shapes Section Start */
0.aboutpage-shapes-section  { position: relative; width: 100%; }
.aboutpage-shapes-section .shapes-wrapper { position: relative; }
.aboutpage-shapes-section .shapes-wrapper ul.shapes-boxes { padding: 0 0 30px 0; margin: 0; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: center; }
.aboutpage-shapes-section .shapes-wrapper ul.shapes-boxes li { width: calc(20% - 10px); display: flex; justify-content: center; text-align: center; padding: 20px 10px; transition: all 0.2s; border-radius: 40px 8px 40px 8px; margin:5px; min-height: 100px; }
.aboutpage-shapes-section .shapes-wrapper ul.shapes-boxes li a { font-size: 18px; font-weight: 500; line-height: 1.25; letter-spacing: 0.35px; text-align: center; align-items: center; display: flex; pointer-events: none; }
/* About Us Page - Shapes Section End */

/* About Us Page - Want to Join Start */
.wanttojoin-section { position: relative; width: 100%; }
.wanttojoin-section .wanttojoin-wrapper { position: relative; text-align: center; margin-bottom: 40px;  }
.wanttojoin-section .wanttojoin-wrapper::before { content: ""; position: absolute; width: 77px; height: 16px; left: 0px; bottom: 0px; background: url(assets/images/line-strips.svg);
    background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.wanttojoin-section .wanttojoin-wrapper::after { content: ""; position: absolute; width: 77px; height: 16px; right: 0px; bottom: -20px; background: url(assets/images/line-strips.svg);
    background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.wanttojoin-section .wanttojoin-wrapper .theme-button-red .icon { mask-image: url(assets/images/unity-hand-icon.svg); -webkit-mask-image: url(assets/images/unity-hand-icon.svg); }
.wanttojoin-section .wanttojoin-wrapper .theme-button-red:hover .icon { background-color: #c22d1a; }
/* About Us Page - Want to Join End */

/* About Us Page - Thumbnail Boxes Start */
.aboutpage-thumbnail-box { position: relative; width: 100%; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper { position: relative; padding-bottom: 20px; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper::before { content: ""; position: absolute; width: 270px; height: 104px; right: -98px; bottom: 0px; background: url(assets/images/line-plus-square.svg);
    background-repeat: no-repeat; background-position: center top; background-size: auto; z-index: -1; } 
.aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes { display: flex; margin: 0; flex-wrap: wrap; justify-content: space-between; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li { width: 32%; margin-bottom: 30px; position: relative; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li .thumbnail-image { border-radius: 10px; overflow: hidden; min-height: 268px; position: relative; max-height: 268px; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li .thumbnail-image img { height: 100%; width: auto; max-width: unset; position: absolute; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li .read-more { height: 15px; border-radius: 0px 0px 10px 10px; display: inline-block; width: 100%; position: absolute;
    bottom: -8px; z-index: -1; transition: all 0.2s; font-size: 0px; font-weight: bold;letter-spacing: 0.35px;text-align: center; color: #ffffff; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li:hover .read-more { z-index: 1; height: 55px; line-height: 55px; font-size: 20px; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li .thumbnail-title { position: absolute; transform: translate(-50% ,-50%); top: 50%; left: 50%; font-size: 24px;
    font-weight: bold; letter-spacing: 0.42px; color: #ffffff; opacity: 1; transition: all 0.3s; text-align: center; z-index: 1; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li:hover .thumbnail-title { opacity: 1; }
.aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li .thumbnail-image::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3);
    opacity: 1; border-radius: 10px; z-index: 1; }
/* About Us Page - Thumbnail Boxes End */


/* About Us Page - The Vision of the association Start */
.vision-association-section { background-color: #f6f6f6; display: flex; position: relative; border-top: 2px solid #c22d1a; border-bottom: 2px solid #c22d1a; }
.vision-association-section .content-block { flex: 1; padding-left: 50px; padding-top: 70px; padding-bottom: 70px; }
.vision-association-section .content-block .fix-width-box { max-width: calc(580px + 5%); float: left; }
.vision-association-section .img-block { flex: 1; max-width: 45%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.vision-association-section .vision-association-heading {  font-size: 30px; font-weight: bold; line-height: 1; letter-spacing: 0.52px; text-align: right; color: #c22d1a; margin-bottom: 20px; }
.vision-association-section .vision-association-description { font-size: 18px; line-height: 1.83; letter-spacing: 0.31px; }
/* About Us Page - The Vision of the association End */


/* About Us Page - Objectives Section Start */
.objectives-section { position: relative; width: 100%; padding-top: 50px; }
.objectives-section .objectives-wrapper { position: relative; }
.objectives-section .objectives-wrapper::before { content: ""; position: absolute; width: 75px; height: 55px; left: 0px; top: -20px;
    background: url(assets/images/dowble-square.svg); background-repeat: no-repeat;background-position: center center;
    background-size: cover; z-index: -1; }
.objectives-section .objectives-wrapper::after { content: ""; position: absolute; width: 77px; height: 16px; right: 0px; top: 36px;
    background: url(assets/images/line-strips.svg); background-repeat: no-repeat; background-position: center bottom;
    background-size: auto; }
.objectives-section .objectives-wrapper ul.objectives-boxes { margin: 30px 0px!important; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; }
.objectives-section .objectives-wrapper ul.objectives-boxes li { background-color: #ffffff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); overflow: hidden; flex-wrap: wrap; width: 49%;
    display: flex; justify-content: center; padding: 0px; transition: all 0.2s; margin-bottom: 20px; border-radius: 10px; }
.objectives-section .objectives-wrapper ul.objectives-boxes li .img-wrapper { width: 100%; max-height: 350px; min-height: 350px; overflow: hidden; position: relative; }
.objectives-section .objectives-wrapper ul.objectives-boxes li .img-wrapper img { width: 100%; position: absolute; left: 50%; bottom: 0%; transform: translate(-50%, -0%); }
.objectives-section .objectives-wrapper ul.objectives-boxes li .content-wrapper { display: flex; padding: 20px; align-items: center; width: 100%; }
.objectives-section .objectives-wrapper ul.objectives-boxes li .content-wrapper .content-block { flex: 1; font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: 0.35px; }
.objectives-section .objectives-wrapper ul.objectives-boxes li .content-wrapper .icon-block { flex: 1; max-width: 160px; padding-left: 15px; text-align: center; }
.objectives-section .objectives-wrapper ul.objectives-boxes li .content-wrapper .icon-block img { width: 100px; }
/* About Us Page - Objectives Section End */

/* Lets Volunteer Page - Content Section Start */
.lets-volunteer-section { margin-bottom: 40px; }
.lets-volunteer-section .lets-volunteer-wrapper { position: relative; background-color: #ffffff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); border-radius: 15px; padding: 20px; margin-top: 40px; }
.lets-volunteer-section .lets-volunteer-wrapper::before {content: ""; position: absolute; width: 180px; height: 158px; left: -50px; top: -35px; background: url(assets/images/doubleline-square.svg); background-repeat: no-repeat;
    background-position: center; background-size: auto; }
.lets-volunteer-section .lets-volunteer-wrapper h2.title { font-size: 30px; font-weight: bold; letter-spacing: 0.52px; color: #c22d1a; margin: 20px 0px; }
.lets-volunteer-section .lets-volunteer-wrapper h4.title { font-size: 25px; letter-spacing: 0.52px; margin: 20px 0px; }
.lets-volunteer-section .lets-volunteer-wrapper h4.title.center { text-align: center; }
.lets-volunteer-section .lets-volunteer-wrapper .description { padding: 0px; }
.lets-volunteer-section .lets-volunteer-wrapper .description p { color:rgba(0,0,0,0.8); margin-bottom: 40px; }
.lets-volunteer-section ul.list-style-01 { margin-bottom: 40px; }
.lets-volunteer-section ul.list-style-01 ul{ margin: 0; }
.lets-volunteer-section .button-wrapper { margin-bottom: 20px; display: inline-block; }
.lets-volunteer-section .theme-button-white { border: 2px solid #c22d1a; font-size: 18px; box-shadow: none; border-radius: 15px; }
.lets-volunteer-section .theme-button-white .icon { mask-image: url(assets/images/unity-hand-icon.svg); -webkit-mask-image: url(assets/images/unity-hand-icon.svg); }
.lets-volunteer-section .theme-button-white:hover .icon { background-color: #ffffff; }
.lets-volunteer-section .description a { color:#0078ff; }
.lets-volunteer-section ul.whatcanyoudo-list { margin:0px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.lets-volunteer-section ul.whatcanyoudo-list li { border-radius: 15px; background-color: #f2f2f2; width: 49%; padding: 10px 20px; margin-top: 15px; transition: background 0.2s; }
/*.lets-volunteer-section ul.whatcanyoudo-list li:hover { background-color: #c22d1a; }*/
.lets-volunteer-section ul.whatcanyoudo-list li a { font-size: 20px; font-weight: 500; line-height: 2; letter-spacing: 0.35px; text-align: center; color: #c22d1a; display: block; pointer-events: none; }
/*.lets-volunteer-section ul.whatcanyoudo-list li:hover a { color:#ffffff; }*/
/* Lets Volunteer Page - Content Section End */

/* Lets Volunteer Page - Personal Stories Start */
.personalstory-section .personalstory-wrapper { position: relative; }
.personalstory-section .personalstory-wrapper::before { content: ""; position: absolute; width: 77px; height: 16px; left: 0px; top: 10px; background: url(assets/images/line-strips.svg); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.personalstory-section .personalstory-wrapper::after { content: ""; position: absolute; width: 77px; height: 16px; right: 0px; top: 10px; background: url(assets/images/line-strips.svg); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
ul.stories-wrapper { display: flex; flex-wrap: wrap; margin: 0px; justify-content: space-between; padding-bottom: 30px; }
ul.stories-wrapper li { display: flex; border-radius: 15px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; overflow: hidden; position: relative; padding: 20px; width: 49%; margin-bottom: 2%; }
ul.stories-wrapper li .img-block { flex:1; max-width: 118px; margin-left: 20px; position: relative; }
ul.stories-wrapper li .img-block .img-wrapper { overflow: hidden; height: 160px; width: 100%; position: relative; }
ul.stories-wrapper li .img-block img { height: 100%; width: auto; max-width: unset; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
ul.stories-wrapper li .content-block { flex:1; }
ul.stories-wrapper li .content-block h4 { font-size: 18px; }
ul.stories-wrapper li .content-block .description { padding:0; height: 66px; opacity: 0.6; margin-bottom: 20px; }
ul.stories-wrapper li .content-block .description p { margin-bottom: 0px; font-size: 16px; }
ul.stories-wrapper li .content-block .theme-button-text { font-weight: 700; font-size: 18px; }

#letsvoluneer .post-title { color:#0091ff; }
#letsvoluneer .gform_wrapper { margin: 0 3rem; }
#letsvoluneer .gf_page_steps { text-align: center!important; border: none!important; }
#letsvoluneer .gform_wrapper .gf_step { height: 36px; border-radius: 18px; background-color: #e3e3e3; line-height: 36px!important; min-width: 150px; text-align: center!important; opacity: 1; margin: 0 40px!important; border: 1px solid transparent; position: relative; }
#letsvoluneer .gform_wrapper .gf_step::after { content: ">>"; position: absolute; right: -45px; top:0; }
#letsvoluneer .gform_wrapper .gf_step.gf_step_first::after { display: none!important; }
#letsvoluneer .gform_wrapper .gf_step span.gf_step_label { vertical-align: top!important; }

#letsvoluneer .gform_wrapper .gf_step_active { border: solid 1px #c22d1a; background-color: rgba(194, 45, 26, 0.1); color:#c22d1a; }
#letsvoluneer .gform_wrapper .gf_step_completed { background-color: rgba(194, 45, 26, 0.1); color:#c22d1a; }
#letsvoluneer .gform_wrapper .gf_step_number { display: none; }
#letsvoluneer .gform_wrapper .gfield_label { width: 100%; color:#c22d1a; font-weight: normal; }
#letsvoluneer .gform_wrapper .ginput_container { margin-right: 0px; clear: both; display: inline-block; margin-top: 10px; width: 100%; }
#letsvoluneer .gform_wrapper .ginput_container label { font-size: 15px; color:rgba(0,0,0,0.6); }


#letsvoluneer .gform_wrapper .gfmc-row-1-col-1-of-3 { width: 38%!important; }
#letsvoluneer .gform_wrapper .gfmc-row-1-col-2-of-3 { width: 24%!important; }                              
#letsvoluneer .gform_wrapper .gfmc-row-1-col-3-of-3 { width: 38%!important; }

#letsvoluneer .gform_page_footer { border: none; padding: 0; margin: 0; position: absolute; bottom: 0; width: auto; left: -20px; bottom: 10px; }
#letsvoluneer .gform_page_footer .gform_next_button.button,
#letsvoluneer .gform_page_footer .gform_button.button { height: 50px; border-radius: 4px; background-color: #c22d1a; margin: 0px; }
#letsvoluneer .gform_page_footer .gform_previous_button.button { display: none; }


#letsvoluneer .gform_page_fields { margin-bottom: 10px; }
#letsvoluneer .gfmc-row-2-col-1-of-3 { width: 27%!important; padding-left: 20px; }
#letsvoluneer .gfmc-row-2-col-2-of-3 { width: 33%!important; padding-left: 20px; }
#letsvoluneer .gfmc-row-2-col-3-of-3 { width: 30%!important; }
#letsvoluneer .gfmc-row-2-col-3-of-3 .gfield_html_formatted { margin-right: 0px!important; font-size: 12px; font-style: italic; }

#letsvoluneer #gform_page_2_2 { padding-bottom: 80px; }
#letsvoluneer #gform_page_2_2 .gform_page_fields .gfield_label { font-size: 12px; }
#letsvoluneer #gform_page_2_2 .gform_page_fields select, 
#letsvoluneer #gform_page_2_2 .gform_page_fields input { background: none; border:none; border-bottom: 1px solid #000000!important; border-radius: 0px; width: 100%; }
#letsvoluneer #gform_page_2_2 .gform_page_fields .ginput_container { margin-top: 0px; }
#letsvoluneer #gform_page_2_2 .gform_page_footer { bottom: 20px; }

#letsvoluneer #gform_page_2_3 .gfmc-row-3-col-1-of-2 .gfield_label { font-size: 12px; }
#letsvoluneer #gform_page_2_3 .gfmc-row-3-col-1-of-2 textarea { border: solid 1px #000000; height: 130px; background: none; }
#letsvoluneer #gform_page_2_3 .gfmc-row-3-col-2-of-2 { padding-right: 40px!important; }

.personal-stories-popup .modal-content { padding: 35px; }
.personal-stories-popup ul.stories-wrapper { padding-bottom: 0px; }
.personal-stories-popup ul.stories-wrapper li { border-radius: 0; box-shadow: none; padding: 0px; width: 100%; margin: 0px; overflow: visible; }
.personal-stories-popup ul.stories-wrapper li .img-block { overflow: visible; }
.personal-stories-popup ul.stories-wrapper li .content-block h4 { color:#6236ff; font-size: 30px; margin-bottom: 20px; }
.personal-stories-popup ul.stories-wrapper li .img-block .register-click-here { box-shadow: 0 10px 25px 0 rgba(194, 45, 26, 0.3); background-color: #c22d1a; color:#ffffff; margin-top: 10px;
    padding: 10px; font-size: 13px; }
.personal-stories-popup ul.stories-wrapper li .img-block .register-click-here a { color:#ffffff; }
.personal-stories-popup ul.stories-wrapper li .content-block .description { opacity: 1; }
.personal-stories-popup ul.stories-wrapper li .content-block .author-details { display: flex; align-items: center; font-size: 16px; justify-content: space-between; }
.personal-stories-popup ul.stories-wrapper li .content-block .description-extra { margin-top: 10px; color: rgba(0,0,0,0.6); }
.personal-stories-popup ul.stories-wrapper li .content-block .description-extra p.title { color:#000000; }
.personal-stories-popup ul.stories-wrapper li .content-block .description-extra p:last-child { margin-bottom: 0px; }
/* Lets Volunteer Page - Personal Stories End */


/* List Style Square Dot Start */
ul.list-style-01 { margin: 0px; }
ul.list-style-01 li { position: relative; padding-right: 25px; margin-bottom: 10px; font-size: 18px; }
ul.list-style-01 li::before { content: ""; width: 8px; height: 8px; transform: rotate(-45deg); background-color: #c22d1a; display: inline-block; position: absolute; top: 7px; right: 0; }
/* List Style Square Dot End */


/* List Style Square Dot Start */
ul.list-style-02 { margin: 0px; }
ul.list-style-02 li { position: relative; padding-right: 15px; margin-bottom: 5px; }
ul.list-style-02 li::before { content: "*"; width: 8px; height: 8px; display: inline-block; position: absolute;right: 0; }
/* List Style Square Dot End */


/* Reports Page Start */
.page-template-reports-template .common-inrbanner-two { background-color: #fcdcd1!important; }
.page-template-reports-template .common-inrbanner-two .common-inrbanner-two-wrapper h2.banner-title { color:#000000; }
.page-template-reports-template .common-inrbanner-two .common-inrbanner-two-wrapper { color:#000000; }
.reports-section { width: 100%; position: relative; z-index: 1; margin-top: -110px; margin-bottom: 50px; }
.reports-section .reports-wrapper { border-radius: 4px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; padding: 0px; min-height: 400px; display: flex; overflow: hidden; }
.reports-section .reports-wrapper .sidebar { flex: 1; max-width: 300px; border-left: 1px solid rgba(0,0,0,0.1); }
.reports-section .reports-wrapper .sidebar ul.sidebar-menu { font-size: 18px; letter-spacing: 0.22px; text-align: right; color: #000000; margin: 0px; }
.reports-section .reports-wrapper .sidebar ul.sidebar-menu li { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); height: 60px; display: block; line-height: 60px; transition: all 0.2s; }
.reports-section .reports-wrapper .sidebar ul.sidebar-menu li.active { background-color: #c22d1a; }
.reports-section .reports-wrapper .sidebar ul.sidebar-menu li.active a { color:#ffffff; font-weight: 500; }
.reports-section .reports-wrapper .sidebar ul.sidebar-menu li:hover { background-color: rgba(194, 45, 26, 0.1); }
.reports-section .reports-wrapper .sidebar ul.sidebar-menu li:hover a { color:#c22d1a; }
.reports-section .reports-wrapper .sidebar ul.sidebar-menu li a { font-size: 18px; letter-spacing: 0.22px; text-align: right; color: #000000; display: block; padding-right: 25px; }

.reports-section .reports-wrapper .sidebar .sidebar-menu { font-size: 18px; letter-spacing: 0.22px; text-align: right; color: #000000; margin: 0px; }
.reports-section .reports-wrapper .sidebar .sidebar-menu a { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); height: 60px; display: block; line-height: 60px; transition: all 0.2s; font-size: 18px; letter-spacing: 0.22px; text-align: right; color: #000000; padding: 0px 25px 0px 0px; border-radius: 0px; }
.reports-section .reports-wrapper .sidebar .sidebar-menu a.active { background-color: #c22d1a; color:#ffffff; font-weight: 500; }
.reports-section .reports-wrapper .sidebar .sidebar-menu a:hover { background-color: rgba(194, 45, 26, 0.1); color:#c22d1a; }

.reports-section .reports-wrapper .content-block { flex: 1; padding: 18px 20px; }
.reports-section .reports-wrapper .content-block h3.title { font-size: 25px; letter-spacing: 0.44px; color: #000000; }
ul.pdf-box-wrapper { margin: 0px -10px 0px -10px; padding-top: 20px; display: flex; flex-wrap: wrap; }
ul.pdf-box-wrapper li { width: calc(25% - 20px); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; margin: 0px 10px 20px 10px; }
ul.pdf-box-wrapper li .pdf-box { min-height: 150px; display: flex; align-items: center; justify-content: center; position: relative; }
ul.pdf-box-wrapper li .pdf-box .pdf-icon { width: 41px; height: 22px; background-image: url(assets/images/pdf-icon.svg); display: inline-block; position: absolute; bottom: 10px; right: 0px; }
ul.pdf-box-wrapper li .pdf-name { background-color: rgba(194, 45, 26, 0.1); margin:0px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; }
ul.pdf-box-wrapper .theme-button-white { box-shadow: 0 1px 6px 0 rgba(194, 45, 26, 0.15); }
/* Reports Page End */


/* Jobs Page Start */

.page-template-jobs-template .common-inrbanner-two { background-color: #fdeab5!important; }
.page-template-jobs-template .common-inrbanner-two .common-inrbanner-two-wrapper h2.banner-title { color:#000000!important; }
.page-template-jobs-template .common-inrbanner-two .common-inrbanner-two-wrapper { color:#000000!important; }

.jobs-listing-section { width: 100%; position: relative; margin-top:-120px; }
.jobs-listing-section .jobs-listing-wrapper { width: 100%; }

ul.jobs-listing { margin: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }
ul.jobs-listing li { width: 48%; border-radius: 5px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; overflow: hidden; margin-bottom: 40px; position: relative; padding-bottom: 45px; }
ul.jobs-listing li .content-block { padding: 20px 20px 10px 20px; position: relative; }
ul.jobs-listing li .content-block h3.job-title { font-size: 25px; font-weight: normal; letter-spacing: 0.44px; color: #c22d1a; }
ul.jobs-listing li .content-block .job-description { font-size: 17px; line-height: 1.59; letter-spacing: 0.3px; color: rgba(0,0,0,0.6); margin-bottom: 10px; }
ul.jobs-listing li .content-block .job-position{ font-size: 17px; }
ul.jobs-listing li .content-block .scope-of-position{ font-size: 17px; }
ul.jobs-listing li .content-block span.label { font-weight: bold; margin-left: 5px; }
ul.jobs-listing li .content-block span.value {  }
ul.jobs-listing li .content-block .job-post-date { position: absolute; left: 10px; top: 10px; font-size: 13px; line-height: 1.15; letter-spacing: 0.23px; color: rgba(0,0,0,0.6); }
ul.jobs-listing li .action-block { display: inline-block; width: 100%; position: absolute; left:0; bottom: 0; }
ul.jobs-listing li .action-block a { display: block; background-color: #c22d1a; font-size: 18px; font-weight: bold; letter-spacing: 0.32px; color: #ffffff; padding: 8px 0; text-align: center; }

#applyforjob .post-content-block .flex-two-column { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; margin-bottom: 15px; }
#applyforjob .post-content-block .flex-two-column .job-post-date { font-size: 13px; line-height: 1.15; letter-spacing: 0.23px; color: rgba(0,0,0,0.6); }
#applyforjob .post-content-block .post-content-block .post-title { margin-bottom: 15px; }
#applyforjob .post-title { color: #b620e0 }
#applyforjob span.label { font-weight: bold; margin-left: 5px; }
#applyforjob span.value { font-weight: bold; }
#applyforjob a { color: #0078ff!important; text-decoration: underline; }
#applyforjob .list-style-02 { margin-bottom: 15px; }
.mb0 { margin-bottom: 0px; }

#applyforjob #job_modal_post_content{ margin-bottom: 15px; }
#applyforjob #job_modal_post_content ul { margin: 15px 0px; }
#applyforjob #job_modal_post_content ul li { position: relative; padding-right: 25px; margin-bottom: 5px; font-size: 18px; }
#applyforjob #job_modal_post_content ul li::before { content: ""; width: 8px; height: 8px; transform: rotate(-45deg); background-color: #c22d1a; display: inline-block; position: absolute; top: 7px; right: 0; }

.post_pagination { display: flex; align-items: center; flex-direction: row-reverse; margin-bottom: 50px; }
.post_pagination .pagination_buttons { display: flex; flex-direction: row-reverse; }
.post_pagination .pagination_buttons a { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #c22d1a; color: #ffffff; }
.post_pagination .pagination_buttons a.deactive { background-color: rgba(194, 45, 26, 0.25); }
.post_pagination .out_of_section { margin: 0 5px; }
.post_pagination .current_page_section { display: inline-flex; flex-direction: row-reverse; align-items: center; }
.post_pagination .current_page_section .current_page_text { margin: 0 5px; }
.post_pagination .current_page_section input { height: 28px; line-height: 30px; padding: 0 5px; width: 42px; border-color: #000000; background: white; text-align: center; border-radius: 0; }
/* Jobs Page End */

/* Empty Jobs Page Start */
.empty-jobs-page.common-inrbanner-two { background-color: #ffffff!important; }
.empty-jobs-page.common-inrbanner-two:before { display: none; }
.empty-jobs-page.common-inrbanner-two .common-inrbanner-two-wrapper { color:#000000; text-align: center; }
.empty-jobs-page.common-inrbanner-two .common-inrbanner-two-wrapper h2.banner-title { color:#000000; }
.empty-jobs-page.common-inrbanner-two .common-inrbanner-two-wrapper .description { margin: 0px auto; }
.jobs-listing-wrapper .no_job_found { text-align: center; }
.jobs-listing-wrapper .no_job_found .inner_title { text-align: center; margin-bottom: 40px; margin-top: 20px; }
.jobs-listing-wrapper .no_job_found .inner_title h2 { font-weight: normal; }
/* Empty Jobs Page End */


/* Branches Page */
.map_section { position: relative; display: flex; height: 800px; margin-top: 98px; }
.map_section .map_branch_section { width: 340px; padding: 15px 15px 0; display: flex; flex-wrap: wrap; }
.map_section .map_branch_section .top_search_section { position: relative; width: 100%; height: 48px; }
.map_section .map_branch_section .top_search_section input { width: 100%; height: 48px; border-radius: 4px; background-color: rgba(194, 45, 26, 0.1); border: none; padding-right: 50px; color: rgba(0, 0, 0, 0.6); }
.map_section .map_branch_section .top_search_section input::placeholder { color: rgba(0, 0, 0, 0.6); }
.map_section .map_branch_section .top_search_section input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); }
.map_section .map_branch_section .top_search_section input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); }
.map_section .map_branch_section .heading-box { display: none; }

.map_section .branch_result { position: relative; flex:1; height: calc(100% - 48px); }
.map_section .branch_result ul { margin: 0px; }
.map_section .branch_result ul li { position: relative; padding: 15px 60px 15px 15px; border-bottom: 1px solid #eaeaea; line-height: normal; font-size: 14px; }
.map_section .branch_result ul li .branch_location_img { width: 45px; height: 45px; overflow: hidden; position: absolute; top: 55px; transform: translate(-0%, -50%); right: 5px; background: #efefef; border-radius: 50%; }
.map_section .branch_result ul li span { width: 100%; display: inline-block; line-height: normal; }
.map_section .branch_result ul li .branch_title { font-size: 18px; font-weight: bold; letter-spacing: 0.18px; color: #424242; }
.map_section .branch_result ul li .branch_address {  }
.map_section .branch_result ul li .branch_location { text-decoration: underline; color: #c22d1a; }
.map_section .branch_result ul li .acco_icon { margin-right: auto; cursor: pointer; width: 20px; height: 20px; display: block; position: absolute; font-size: 0px; left: 0; top: 33px; }
.map_section .branch_result ul li .acco_icon::before { content: "\f107"; font-family: 'FontAwesome'; font-size: 24px!important; position: absolute; top: 0; line-height: 20px; transition: all 0.2s; }
.map_section .branch_result ul li .ui-accordion-header-active .acco_icon::before { transform: rotate(90deg); }

.map_section .top_search_section .fa { position: absolute; right: 10px; top: 50%; transform: translate(-50%, -50%); color:#c22d1a; }
.map_section #branch_map { min-height: 800px; }
body.page-id-1736 .sticky-widget,
body.page-id-1858 .sticky-widget,
body.page-id-1857 .sticky-widget { display: none; }
/* Branches Page */

/* Sticky Widget Start */
.sticky-widget { position: fixed;right:0; top: 200px; z-index: 99; }
.sticky-widget ul.sticky-widget-wrapper { margin:0; padding:0; }
.sticky-widget ul.sticky-widget-wrapper li { margin-bottom: 5px; border-radius: 22px 0 0 22px; height: 44px; }

.sticky-widget ul.sticky-widget-wrapper li.sticky-chat a { padding: 5px; display: inline-flex; align-items: center; height: 44px; width: 50px; border-radius: 22px 0px 0px 22px; transition: width 0.5s; padding-right: 40px; overflow: hidden; position: relative; float: right; text-align: right; }
.sticky-widget ul.sticky-widget-wrapper li.sticky-chat a:hover { width: 150px; }

.sticky-widget ul.sticky-widget-wrapper li.sticky-call a { padding: 5px; display: inline-flex; align-items: center; height: 44px; width: 50px; border-radius: 22px 0px 0px 22px; transition: width 0.5s; padding-right: 40px; overflow: hidden; position: relative; float: right; text-align: right; }
.sticky-widget ul.sticky-widget-wrapper li.sticky-call a:hover { width: 150px; }

.sticky-widget ul.sticky-widget-wrapper li a span.icon{ width: 28px; height: 28px; display: inline-block; background-size: auto; background-repeat: no-repeat; background-position: center center; position: absolute; right:5px; top: 10px; }

.sticky-widget ul.sticky-widget-wrapper li a span.text { color: #ffffff; opacity: 0; min-width: 150px; }
.sticky-widget ul.sticky-widget-wrapper li a:hover span.text { padding-left: 5px; opacity: 1; }
.sticky-widget ul.sticky-widget-wrapper li.sticky-chat a { background-color: #c22d1a; }
.sticky-widget ul.sticky-widget-wrapper li.sticky-chat span.icon { background-image: url(assets/images/chat-white-icon.svg); }
.sticky-widget ul.sticky-widget-wrapper li.sticky-handicap a {  background-color: #0087ee; }
.sticky-widget ul.sticky-widget-wrapper li.sticky-handicap span.icon { background-image: url(assets/images/handicap-white-icon.svg); }
.sticky-widget ul.sticky-widget-wrapper li.sticky-call a { background-color: #d747ff; }
.sticky-widget ul.sticky-widget-wrapper li.sticky-call span.icon { background-image: url(assets/images/phone-white-icon.svg); }
/* Sticky Widget End */


/* Footer CSS Start */
footer.site-footer .footer-adv-overlay .ast-row { display: flex; flex-wrap: wrap; flex-direction: row-reverse; }
footer.site-footer .footer-adv-overlay .ast-row .footer-donate-us { order:1; }
footer.site-footer .footer-adv-overlay .ast-row .footer-menu-left { order:2; }
footer.site-footer .footer-adv-overlay .ast-row .footer-menu-left ul { order:2;text-align: left; }
footer.site-footer .footer-adv-overlay .ast-row .footer-menu-right { order: 3; text-align: right; }
footer.site-footer .footer-adv-overlay { background-color: #f0f0f0; padding-top: 30px; padding-bottom: 20px; border: none; }

footer.site-footer { color: #333333; }
footer.site-footer a { color: #c22d1a; }
footer.site-footer a:hover { color: #676160; }
footer.site-footer .ast-small-footer { border: none; }
footer.site-footer .ast-footer-overlay { background-color: #f0f0f0; padding-top: 10px; padding-bottom: 10px; }

footer.site-footer .widget { margin-bottom: 0px; }
footer.site-footer .menu li { display: inline-block; margin: 0 15px; }

footer.site-footer .footer-donate-us { text-align: center; }
footer.site-footer .footer-donate-us-box { max-width: 800px; margin: 0px auto; position: relative; }
footer.site-footer .footer-donate-us-box::before { content: ""; position: absolute; width: 180px; height: 175px; right:-160px; background: url(assets/images/double-line.svg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
footer.site-footer .footer-donate-us-box img { margin-bottom: 20px; max-width: 150px!important; }
footer.site-footer .footer-donate-us-box .textwidget { margin-bottom: 0px; }

footer.site-footer .footer-social { position: relative; margin-top: 40px; }
footer.site-footer .footer-social:before { content: ""; position: absolute; width: 90%; height: 1px; background-color: #cacaca; display: inline-block; transform: translate(-50%, -50%); top: 50%; left: 50%; }
footer.site-footer ul.footer-social-icons-set { padding:0; margin:0; display: inline-flex; flex-direction: row-reverse; align-items: center; position: relative; z-index: 1; }
footer.site-footer ul.footer-social-icons-set li { margin:-7px; }

footer.site-footer .theme-button-white { min-width: 170px; }
/* Footer CSS End */

.show-mobile { display: none; }
.mobile-menu-dropdown-wrapper { display: none; }
.mobile-search-wrapper { display: none; }
.page-template-donation-template header { display: none; }
.footer-mobile-menu-wrapper { display: none!important; }


/*******---STYEL 2 START----*********/
p{ font-size: 18px; }

.show-desktop-only { display: flex; }
.show-mobile-only { display: none; }
.display-desktop { display: block; }
.display-tablet { display: none; }

/*donation page start*/
.donation-page-header { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25); background-color: #96291b; position: fixed; left: 0; top: auto; width: 100%; z-index: 999; max-height: 60px; min-height: 60px; display: flex; flex-wrap: wrap; align-items: center; }

.donation-page-header .donation-page-header-container .donation-page-header-row { align-items: center; }


.donation-page-header .donation-page-header-button-wrapper { color: #FFF; font-size: 16px; line-height: 18px; font-weight: 300; letter-spacing: 0.5px; }
.donation-page-header .donation-page-header-button-wrapper a { color: #FFF; outline: none; text-decoration: none; margin: -3px; padding: 0px; float: left; }
.donation-page-header .donation-page-header-button-wrapper a:hover span.button-text { color: #FFF; outline: none; text-decoration: underline; }
.donation-page-header .donation-page-header-button-wrapper a span { margin: 3px; }

.donation-page-header .donation-page-header-nav-wrapper { float: right; }
.donation-page-header .donation-page-header-nav-wrapper ul.donation-page-header-nav { margin: -5px; padding: 0px; display: inline-flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: center; list-style-type: none; }
.donation-page-header .donation-page-header-nav-wrapper ul.donation-page-header-nav li.donation-page-header-nav-item { margin: 5px; }
.donation-page-header .donation-page-header-nav-wrapper ul.donation-page-header-nav li.donation-page-header-nav-item img { height: 50px; width: auto; }

.donation-page-header .donation-page-header-nav-wrapper .wpml-ls-sidebars-language-navigation { padding: 0px; margin: 0px; border: 0px; }
.donation-page-header .donation-page-header-nav-wrapper .wpml-ls-sidebars-language-navigation ul li,
.donation-page-header .donation-page-header-nav-wrapper .wpml-ls-sidebars-language-navigation ul li a { color: #FFF; outline: none; text-decoration: none; font-weight: 300; font-size: 14px; line-height: 18px; } 
.donation-page-header .donation-page-header-nav-wrapper .wpml-ls-sidebars-language-navigation ul li a:hover { color: #FFF; outline: none; text-decoration: underline; } 


.donation-page-main-container { margin-top: 60px; padding: 60px 0; }


section.donation-page-banner-section { padding: 0 0 40px 0; margin: 0px; }
.donation-page-main-container section.common-video-section{ padding: 0 0 40px 0; }
.donation-page-main-container section.common-video-section .video-section-col-left{ background-color: #96291b; }


section.donation-channels-section { padding: 0px; margin: 0px; }


section.donation-channels-section .donation-channels-sidebar { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; }
section.donation-channels-section .donation-channels-sidebar .donation-channels-card-header { cursor: pointer; } 
section.donation-channels-section .donation-channels-sidebar .donation-channels-card-header .donation-channels-card-header-title { padding: 15px 20px; color: #FFF; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.38px; display: flex; position: relative; align-items: center; }
section.donation-channels-section .donation-channels-sidebar .donation-channels-card-header .donation-channels-card-header-title .donation-accordion-title { margin-left: auto; }
section.donation-channels-section .donation-channels-sidebar .donation-channels-card-header .donation-channels-card-header-title .donation-accordion-icon { height: 20px; width: 20px; background: transparent; display: inline-flex; position: relative; }
section.donation-channels-section .donation-channels-sidebar .donation-channels-card-header .donation-channels-card-header-title .donation-accordion-icon::before { content: ""; height: 3px; width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); background: #FFF; transition: all 0.2s; }
section.donation-channels-section .donation-channels-sidebar .donation-channels-card-header .donation-channels-card-header-title .donation-accordion-icon::after { content: ""; height: 3px; width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%) rotate(0deg); background: #FFF; transition: all 0.2s; }

section.donation-channels-section .donation-channels-sidebar .donation-channels-card-header .donation-channels-card-header-title.collapsed .donation-accordion-icon::after { transform: translate(0,-50%) rotate(90deg); transition: all 0.2s; }

section.donation-channels-section .donation-channels-sidebar .donation-channels-card-body .donation-channels-card-image img { width: 100%; }
section.donation-channels-section .donation-channels-sidebar .donation-channels-card-body .donation-channels-card-text { font-size: 18px; line-height: 25px; letter-spacing: 0.31px; color: #111; padding: 20px; }


section.donation-channels-section .donation-channels-content { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; display: flex; flex-wrap: wrap; }
section.donation-channels-section .donation-channels-content .donation-form { padding: 20px; width: 100%; }
section.donation-channels-section .donation-channels-content iframe { height: 1900px; width: 100%; }
section.donation-channels-section .donation-channels-content-top { border-bottom: 1px solid #e3e3e3; padding: 20px; display: flex; flex-wrap: wrap; background: #fbfbfb; }
section.donation-channels-section .donation-channels-content-top .donation-channels-content-image { width: 80px; }
section.donation-channels-section .donation-channels-content-top .donation-channels-content-text { width: calc(100% - 80px); font-size: 14px; line-height: 20px; letter-spacing: 0.24px; color: #000; }
section.donation-channels-section .donation-channels-content-top .donation-channels-content-text p{ font-size: 14px; color: #757575; }
section.donation-channels-section .donation-channels-content-top .donation-channels-content-text h3 { font-size: 14px; line-height: 20px; letter-spacing: 0.24px; color: #000; }

section.donation-channels-section .donation-channels-content-bottom { padding: 20px; }
section.donation-channels-section .transactionForm h2 { font-size: 25px; color:#000000; margin-bottom: 20px; }

section.donation-channels-section .transactionForm .transaction-details .buttons-block .form-group { position: relative; }
section.donation-channels-section .transactionForm .transaction-details .buttons-block .form-group span { width: 100%; display: block; text-align: center; font-size: 16px;
    padding: 5px 0; position: relative; z-index: 2; pointer-events: none; }
section.donation-channels-section .transactionForm .transaction-details .buttons-block .form-group input[type='radio']{ width: 100%; height: 100%; position: absolute;
    top: 0; }
section.donation-channels-section .transactionForm .transaction-details .buttons-block .form-group input[type='radio']:after { width: 100%; height: 100%;
    border-radius: 5px; top: 0;  left: 0; position: relative; background-color: #ffffff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); content: ''; display: inline-block; visibility: visible; }
section.donation-channels-section .transactionForm .transaction-details .buttons-block .form-group input[type='radio']:checked:after { width: 100%; height: 100%;
    border-radius: 5px; top: 0;  left: 0; position: relative; background-color: #c22d1a; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); content: ''; display: inline-block; visibility: visible; }


section.donation-channels-section .transactionForm .transaction-details .buttons-block-select .form-group { position: relative; }
section.donation-channels-section .transactionForm .transaction-details .buttons-block-select .form-group span { width: 100%; display: block; text-align: center; font-size: 16px;
    padding: 5px 0; position: relative; z-index: 2; pointer-events: none; }
section.donation-channels-section .transactionForm .transaction-details .buttons-block-select .form-group input[type='radio']{ width: 100%; height: 100%; position: absolute;
    top: 0; }
section.donation-channels-section .transactionForm .transaction-details .buttons-block-select .form-group input[type='radio']:after { width: 100%; height: 100%;
    border-radius: 5px; top: 0;  left: 0; position: relative; background-color: #ffffff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); content: ''; display: inline-block; visibility: visible; }
section.donation-channels-section .transactionForm .transaction-details .buttons-block-select .form-group input[type='radio']:checked:after { width: 100%; height: 100%;
    border-radius: 5px; top: 0;  left: 0; position: relative; background-color: #c22d1a; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); content: ''; display: inline-block; visibility: visible; }

section.donation-channels-section .transactionForm .transaction-details .buttons-block-select .form-group input[type='number'] { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: #ffffff; width: 100%; height: 34px; text-align: center;
    padding: 0; border: none;  }
section.donation-channels-section .transactionForm .transaction-details .buttons-block-select .form-group input:focus{ outline: none; }

section.donation-channels-section .transactionForm .details-for-receipt { margin-top: 30px; }
section.donation-channels-section .transactionForm .details-for-receipt label { margin-top: 0.7rem; }

section.donation-channels-section .transactionForm .credit-details { margin-top: 30px; }
section.donation-channels-section .transactionForm .credit-details label { margin-top: 0.7rem; }

section.donation-channels-section .transactionForm select { width: 100%; }
section.donation-channels-section .transactionForm .captcha-box { display: flex; justify-content: center; }
section.donation-channels-section .transactionForm .captcha-box .form-group { flex:1; }
section.donation-channels-section .transactionForm .captcha-box .form-group input.btn { width: 100%; height: 100%; background: #c22d1a; font-weight: 500; font-size: 18px; border-radius: 5px; }

section.donation-channels-section .transactionForm .rights-reserved { text-align: center; margin-top: 15px; margin-bottom: 10px; }
section.donation-channels-section .transactionForm .rights-reserved a { color:#000000; text-decoration: underline; font-size: 18px; }

section.donation-channels-section .transactionForm .form-policies { margin: 40px 0px; font-size: 18px; }
section.donation-channels-section .transactionForm .form-policies input { margin-left: 5px; }
/*donation page end*/


/* Join igy page start*/
/*  join igy box section*/
.join-igy-box-section .container{ max-width: 1256px; }
.join-igy-box-section{ padding: 25px 0 60px; background: url('assets/images/join-igy-background-svg.svg'); background-repeat: no-repeat; background-position: 38% -6%; }
.join-igy-box-section .join-igy-box-wrapper{ display: flex; flex-wrap: wrap; justify-content: center; flex-direction: row-reverse; }
.join-igy-box-section .join-igy-box-wrapper .join-igy-box{ margin: 28px; border-radius: 15px; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2); position: relative; }
.join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper{ position: absolute; bottom:-30px; right: 0; z-index: 1; width: 261px; height: 89px; display: flex;
    align-items: center; padding: 0 15px 20px 30px; text-shadow: 0px 2px 2px rgba(0,0,0,0.5) }
.join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper h3{ font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.35px; text-align: right; color: #ffffff; margin-bottom: 0; }
.join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper::before{ content: ""; position: absolute; width: 261px; height: 89px; clip-path: polygon(100% 0, 101% 68%, 8% 100%, 0 0); top:0px; right: 0; z-index: -1; background-color: rgba(58, 88, 22, 0.5); }
.join-igy-box-section .join-igy-box-wrapper .youth-club .content-wrapper::before{ background-color: rgba(109, 212, 0, 0.5); }
.join-igy-box-section .join-igy-box-wrapper .young-groups .content-wrapper::before{  background-color: rgba(250, 100, 0, 0.5); }
.join-igy-box-section .join-igy-box-wrapper .youth-groups .content-wrapper::before{  background-color: rgba(68, 215, 182, 0.5); }
.join-igy-box-section .join-igy-box-wrapper .national-service .content-wrapper::before{ background-color: rgba(109, 114, 120, 0.7); }
.join-igy-box-section .join-igy-box-wrapper .nir-program .content-wrapper::before{ background-color: rgba(255, 85, 85, 0.5); }
.join-igy-box-section .join-igy-box-wrapper .domain-groups .content-wrapper::before{  background-color: rgba(182, 32, 224, 0.5); }
.join-igy-box-section .join-igy-box-wrapper .equal-program .content-wrapper::before{  background-color: rgba(98, 54, 255, 0.5); }
.join-igy-box-section .join-igy-box-wrapper .nation-wide-activity .content-wrapper::before{  background-color: rgba(247, 181, 0, 0.5); }
.join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper::after{ content: ""; position: absolute; width: 261px; height: 89px; clip-path: polygon(101% 0%, 100% 68%, 8% 100%, 0% 0%); background-color: transparent; top:0px; right: 0; z-index: -2;  -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.join-igy-box-section .join-igy-box-wrapper .join-igy-box .img-wrapper{ overflow: hidden; border-radius: 15px; }


/*join igy inner page*/
.breadcrumb-section{ padding: 30px 0; margin-top: 96px; }
.breadcrumb-wrapper a{ font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.26px; color: #b2b2b2; position: relative; display: inline-block; padding-left: 20px; }
.breadcrumb-wrapper a:hover{ text-decoration: underline; }
.breadcrumb-wrapper a::before{ content: ">>"; position: absolute; top:0; left: 2px; color: #b2b2b2; font-size: 10px; top: 50%; transform: translate(0px, -50%);
    font-weight: 700; width: 12px; height: 12px; }
.breadcrumb-wrapper h4{ font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.26px; 
  color: #000000; display: inline-block; margin-bottom: 0; }
.inner-page-banner-section{ padding: 0px 0 50px; }
.inner-page-banner-section .inner-page-banner-wrapper{ display: flex; flex-direction: row-reverse; position: relative; } 
.inner-page-banner-section .banner-img{ max-width: 700px; }
.inner-page-banner-section .banner-content{ position: absolute; top: 50%; transform: translate(0%, -50%); right: 0; background: #fff; left: 610px; box-shadow: -3px 0 15px 0 rgba(0,0,0,0.2); min-height: 290px; height:290px; display: flex; align-items: center;}
.inner-page-banner-section .banner-content h2{ font-size: 45px; font-weight: 500; font-stretch: normal; font-style: normal; letter-spacing: 0.79px; text-align: right; color: #000000; margin: 0; padding: 0px 60px; }

/*joinigy-inner-page-content-section*/
.joinigy-inner-page-content-section{ padding-top: 0; /*padding-bottom:50px; */ }
.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper{ display: flex; flex-direction: row-reverse; padding-bottom: 30px; }
.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .left-content-block{ max-width: 330px; flex: 1; }
.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .right-content-block{ flex:1; padding-left: 180px; }
.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .excerts-content-block { width: calc(100% - 330px); padding-left: 180px; position: relative; }
.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .excerts-content-block .reveal-full-content { display: none!important; }
/*.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .excerts-content-block .reveal-full-content { position: absolute; left: 50%; }*/
/*.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .excerts-content-block::before { content: ""; width: 100%; height: 280px; position: absolute; bottom: 120px;
    background: rgb(74,51,0); background: linear-gradient(180deg, rgba(74,51,0,0) 0%, rgba(255,255,255,1) 57%); opacity: 0.9; }*/
.section-title { color: #6236ff; background: rgba(98,54,255,0.1); height: 50px; line-height: 50px; padding: 0 15px; margin-bottom: 30px; font-size: 23px; font-weight: 500; }

.joinigy-inner-page-content-wrapper .left-content-block h3{ font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.35px; color: #000000; padding-right: 15px; margin-bottom: 0; padding-bottom: 20px; }
.joinigy-inner-page-content-wrapper .left-content-block .box-wrapper{ background-color: #f4f4f4; padding: 22px 0 26px; }
.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .right-content-block h4{  font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: 0.32px; color: #000000; margin-bottom: 18px; }
.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .right-content-block h3{ font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.32px; color: #000000;  margin-bottom: 15px; }
.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .right-content-block p{ font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: 0.32px; color: #757575; }
a.link-text{ font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: 0.32px; text-align: right; color: #c22d1a; margin-bottom: 12px; display: inline-block; }
a.link-text:hover{ text-decoration: underline; }
ul.joinigy-links{ margin: 0; list-style: none; }
ul.joinigy-links li a{ font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.26px; 
  color: #000000; background: #fff; padding: 13px 10px; position: relative; display: inline-block; width: 100%; transition: all 0.2s; }
ul.joinigy-links li{ margin: 4px 30px 4px 43px; }
ul.joinigy-links li a::before{ position: absolute; top:50%; transform: translate(0%, -50%); content: ""; background: url('assets/images/left-arrow-red-icon.svg'); width: 26px; height: 26px; left: -14px; transition: all 0.2s; }
ul.joinigy-links li a:hover{ color: #c22d1a; }
ul.joinigy-links li a:hover::before{ left: -18px; }
.joinigy-inner-page-content-section .email-block p{ text-align: center; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; padding:28px; font-size: 20px;
  font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.35px; text-align: center; color: #000000; margin-bottom: 0; }
.joinigy-inner-page-content-section .email-block span a{ color: #c22d1a; text-decoration: underline; }
/*join igy inner page end*/


/*training center page start*/
/*training center page*/
.common-inrbanner-section .banner-content-block .thumbnail-wrapper{ display: flex; justify-content: space-between; flex-direction: row-reverse; position: absolute; bottom: -110px;left: 50%; transform: translate(-50%, 0); max-width: 1170px; width: 100%; }
.common-inrbanner-section .banner-content-block .thumbnail-wrapper .thumbnail-box{ display: flex; flex-direction: row-reverse; border-radius: 15px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; padding: 30px; width: 340px; justify-content: flex-end; align-items: center; margin: 0 10px; }
.common-inrbanner-section .banner-content-block .thumbnail-wrapper .thumbnail-box h4{ font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: 0.39px;  margin-right: 15px; }
.banner-content-block.thumbnail-content-block{ padding: 36px 0px 70px; }

/*video section*/
section.common-video-section{ padding: 160px 0 40px 0; margin: 0px; }
section.common-video-section .video-section-container{ border-radius: 10px; overflow: hidden; }
section.common-video-section .video-section-content{  width: calc(100% - 15px); margin-right: auto; padding-top: 20px; font-size: 20px; line-height: 33px; color: #FFF; letter-spacing: 0.5px; font-weight: 400; }
section.common-video-section .video-section-content h3{ color: #FFF; font-weight: 600; font-size: 25px; line-height: 30px; letter-spacing: 0.44px; margin: 0 0 30px 0; padding: 0; } 
section.common-video-section .video-section-content p{ font-weight: 400; }
section.common-video-section .video-section-video{ display: flex;  height: 100%; }
section.common-video-section .video-section-col-left{ position: relative; flex: 0 0 45%; max-width: 45%; background: #b620e0; }
section.common-video-section .video-section-col-left::before{ position: absolute; content: ""; -webkit-mask-image:url('assets/images/join-igy-background-svg.svg'); width: 100%; height: 100%; background: rgba(255,255,255,0.3); -webkit-mask-repeat:no-repeat; top: 0; left: 0; -webkit-mask-size: 140%; -webkit-mask-position: 125% 100%; }
section.common-video-section .video-section-col-right{ flex: 0 0 55%; max-width: 55%; padding-right: 0; }

/*training-center-content*/
.training-center-content .training-center-content-wrapper{ display: flex; flex-direction:row-reverse; align-items: flex-end; } 
.training-center-content .right-content-block p{ font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: 0.31px; color: #757575; margin-bottom: 0; }
.training-center-content .training-center-content-wrapper .left-image-block{ flex:1; max-width: 490px; text-align: center; }
.training-center-content .training-center-content-wrapper .right-content-block{ flex:1; }

.custom-border{  max-width: 1200px; width: 100%; margin: 40px auto; background: #636363; height: 1px; }

/*training-workshops-content*/
.training-workshops-content .training-workshops-content-wrapper{ display: flex; flex-direction: row-reverse; }
.training-workshops-content .training-workshops-content-wrapper:nth-child(even) {flex-direction: row; }
.training-workshops-content-wrapper .left-image-block{ background-repeat: no-repeat; flex: 1; background-size: cover; max-width: 580px; background-position: center; position: relative; min-height: 415px; }
.training-workshops-content-wrapper .left-image-block .button-wrapper{ position: absolute; bottom: 20px; left: 20px; max-width: 200px;}

.button-wrapper .download-btn{ padding-bottom: 10px; display: inline-block; width: 100%; }
.download-btn .theme-button-white{ font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; letter-spacing: 0.28px; color: #000000!important; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.55); height: 36px; line-height: 36px; padding: 0 16px!important; justify-content: right; width: 100%; }
.download-btn .theme-button-white:hover{ color: #ffffff!important; }
.download-btn .theme-button-white .icon { -webkit-mask-image: url(assets/images/download-icon.svg);  width: 20px; height: 20px; }

.button-wrapper .book-btn{ display: inline-block; width: 100%; }
.book-btn .theme-button-white{ font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; letter-spacing: 0.28px; color: #000000!important; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.55); height: 36px; line-height: 36px; padding: 0 16px!important; justify-content: right; width: 100%; }
.book-btn .theme-button-white:hover{ color: #ffffff!important; }
.book-btn .theme-button-white .icon{ -webkit-mask-image: url(assets/images/book-icon.svg); width: 20px; height: 20px; -webkit-mask-size: 20px; }

.training-workshops-content-wrapper .right-content-block{ flex: 1; position: relative; overflow: hidden; }
.training-workshops-content-wrapper h3{ font-size: 25px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: 0.44px;  margin-bottom: 20px; }
.training-workshops-content-wrapper p{ font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.63; letter-spacing: 0.28px; color: #757575; margin-bottom: 5px; }
.training-workshops-content-wrapper p.italic{ font-size: 14px; font-weight: normal; font-stretch: normal; font-style: italic; line-height: 1.43; letter-spacing: 0.24px; color: #757575; padding-left: 150px; margin-bottom: 20px; }
.training-workshops-content-wrapper .right-content-block .content-block-wrapper{ padding: 20px 20px 20px 50px; }
.training-workshops-content-wrapper p.para2{ padding-left: 60px; margin-bottom: 0px; }
.training-workshops-content-wrapper .right-content-block .img-wrapper{ position: absolute; bottom: -20px; left: -66px; z-index: -1; }

.training-workshops-for-informal{ padding:30px 0; position: relative; }
.training-workshops-for-informal::before{ content: ""; position: absolute; bottom:-20px; left: -80px; background-image: url(assets/images/lines.svg); width: 220px; height: 200px; background-repeat: no-repeat; background-position: center; }
.training-workshops-content-wrapper .right-image-block{ background-repeat: no-repeat; flex: 1; background-size: cover; max-width: 580px; background-position: center; position: relative; min-height: 415px; }
.training-workshops-content-wrapper:nth-child(even) .left-image-block .button-wrapper{ position: absolute; bottom: 20px; right: 20px; }
.training-workshops-content-wrapper .left-content-block{ flex: 1; position: relative;  overflow: hidden; }
.training-workshops-content-wrapper .left-content-block .content-block-wrapper{ padding: 20px 20px 20px 50px; }
.training-workshops-content-wrapper:nth-child(even) .right-content-block .img-wrapper{ position: absolute; bottom: -50px; right: -56px; left: auto; z-index: -1; }


.training-workshops-content{ padding-bottom: 50px; }
/*training center page end*/

/*research repository page start*/
/*research repository banner*/
.common-inrbanner-section.research-repository-banner .banner-content-block .banner-subheading{ max-width: 1000px; }

/*about-research-institute-section*/
.about-research-institute-section{ padding: 50px 0; }
.about-research-institute-section .about-research-institute-section-wrapper{ display: flex; flex-direction: row-reverse; background-color: #8eb020; position: relative; padding: 50px 0; align-items: center; }
.about-research-institute-section .about-research-institute-section-wrapper::before{ content: ""; position: absolute; top: 0; left: 0; background: #fff; width: 100px; height: 100%; }
.about-research-institute-section .about-research-institute-section-wrapper::after{ content: ""; position: absolute; -webkit-mask-image: url(assets/images/join-igy-background-svg.svg); width: 100%; height: 100%; background: rgba(255,255,255,0.3); -webkit-mask-repeat: no-repeat; top: 0px; left: 0;  -webkit-mask-size: 85%; -webkit-mask-position: 234px -74px; }
.about-research-institute-section-wrapper .image-wrapper{ flex:1; max-width: 573px; position: relative; z-index: 1; }
.about-research-institute-section-wrapper .image-wrapper .title-wrapper{ -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(98, 54, 255, 0.55); position: absolute; width: 100%; bottom: 30px; }
.about-research-institute-section-wrapper .image-wrapper .title-wrapper h3{ font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: 0.49px; text-align: center; color: #ffffff; padding: 10px 0; margin: 0; }
.about-research-institute-section-wrapper .content-wrapper{ flex:1; }
.about-research-institute-section-wrapper .content-wrapper .content-block-wrapper{ padding: 0 40px; }
.about-research-institute-section-wrapper .content-wrapper p{ font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.49px; text-align: right; color: #ffffff; margin-bottom: 20px; }
.about-research-institute-section-wrapper .content-wrapper p:last-child{ margin-bottom: 0; }

/*list of studies section*/
.list-of-studies-section{ padding-bottom: 30px; }
.list-of-studies-section .list-of-studies-box-wrapper{ position: relative; /*overflow: hidden;*/ }
.list-of-studies-section .list-of-studies-box-wrapper::before{ content: ""; position: absolute; bottom: 45px; left: 90px; background-image: url(assets/images/list-of-studies-wrapper-bg-svg.svg); width: 732px; height: 422px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.sub-title{ font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.35px; text-align: center; color: #000000;     margin-bottom: 10px; }
ul.list-of-studies-box{ margin: 0px -15px; display: flex; justify-content: center; flex-wrap: wrap; position: relative; }
ul.list-of-studies-box .content-wrapper p{ font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.22px;  color: #000000; margin-bottom: 0; padding: 35px 16px 20px; }
ul.list-of-studies-box li{ max-width: calc(20% - 30px); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; margin: 15px; }
ul.list-of-studies-box li .content-wrapper{ position: relative; }
ul.list-of-studies-box li .content-wrapper::before{ content: ""; position: absolute; top:-30px; left: 50%; transform: translate(-50%, 0); background-image: url(assets/images/open-book-icon.svg); width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; }
/*research repository page end*/

/*contact us page start*/
/*contact us*/
.common-inrbanner-two.contact-us-banner{ padding-bottom: 60px; background-color: #b2e6fa!important; }
.common-inrbanner-two.contact-us-banner .common-inrbanner-two-wrapper h2.banner-title { color:#000000!important; }
.contact-us-banner .contact-us-banner-wrapper{ display: flex; z-index: 99; position: relative; }
.contact-us-banner .contact-us-banner-wrapper .common-inrbanner-two-wrapper{ flex:1; color:#000000; }
.contact-us-banner .contact-us-banner-wrapper .common-inrbanner-two-wrapper .description p span { color:#000000!important; }
.contact-us-banner .contact-form-section { margin-bottom: -330px; }

.contact-form-section{ max-width: 600px; border-radius: 4px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; margin-bottom: -300px; margin-top: 50px; }
.contact-form-section .title{ background-color: rgba(194, 45, 26, 0.15); }
.contact-form-section .title h3{ font-size: 30px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.36px;
  color: #c22d1a; padding: 12px; }
.contact-form-section .contact-form-wrapper{ padding: 0 35px; }
.contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield{ width: 100%; margin-top: 22px; line-height: 0; }
.contact-form-wrapper .gform_wrapper .top_label div.ginput_container{ margin-top: 0!important; }
.contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield.gf_right_half{ padding-left: 22px!important; }
.contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield.gf_left_half{ padding-left: 0px!important; }
.contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield textarea{ width: 100%; border-radius: 4px; border: solid 1px #000000; background: #fff; font-size: 16px; height: 367px; }
.contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield input{ border-width: 0 0 1px 0; border-radius: 0px; background: #fff; border-bottom: solid 1px #000000; font-size: 16px!important;
    line-height: normal; padding: 3px 5px!important; }
.contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield label { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.21px; text-align: right; color: #c22d1a; margin-bottom: 6px!important; margin-left: 0px!important; }
.contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield input::placeholder, .contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield textarea::placeholder { font-size: 15px; color: #757575; }
.contact-form-wrapper .gform_wrapper .gform_footer input{ margin: 0!important; border-radius: 4px; box-shadow: 0 5px 15px 0 rgba(194, 45, 26, 0.25); background-color: #c22d1a; font-size: 18px!important; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.31px; text-align: center!important; color: #ffffff; padding: 15px 120px; transition: all 0.5s; }
.contact-form-wrapper .gform_wrapper .gform_footer input:hover{ color: #c22d1a; background:#ffffff;  }
.contact-form-wrapper .gform_wrapper .gform_footer.top_label{ text-align: center!important; padding-left: 0; }
.contact-form-wrapper .gform_wrapper .ginput_container_checkbox { margin-right: 0px!important; }
.contact-form-wrapper .gform_wrapper .ginput_container_checkbox input { margin: 0px!important; }
.contact-form-wrapper .gform_wrapper .ginput_container_checkbox ul { margin-bottom: 0px!important; }
.contact-form-wrapper .gform_wrapper .ginput_container_checkbox ul li { margin-bottom: 0px!important; }


.contact-form-wrapper .gform_wrapper .ginput_container_checkbox ul.gfield_checkbox li label { font-size: 18px!important; color:#000000!important; }
.contact-form-wrapper .gform_wrapper .ginput_container_checkbox ul li input[type=checkbox] {
    margin-right: 15px;
    margin-top: 0px!important;
    position: relative;
    -webkit-appearance: none;
    width: 20px!important;
    height: 20px;
    background: transparent;
    outline: none;
    cursor: pointer;
}

.contact-form-wrapper .gform_wrapper .ginput_container_checkbox ul li input[type=checkbox]:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    background: transparent;
}
.contact-form-wrapper .gform_wrapper .ginput_container_checkbox ul li input[type=checkbox]:after {
    position: absolute;
    content: "";
    top: 3px;
    left: 7px;
    width: 6px;
    height: 10px;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    transform: rotate(45deg);
    opacity: 0;
}
.contact-form-wrapper .gform_wrapper .ginput_container_checkbox ul li input[type=checkbox]:checked:after {
    opacity: 1;
}


/*address-details-section*/
.address-details-section{ position: relative; }
.address-details-section .address-details-block h3{ font-size: 24px; font-weight: 500; letter-spacing: 0.42px; line-height: 1.44; color: #000000; margin-bottom: 0; margin-top: 50px;}
.address-details-section .address-details-block h3:first-child{ margin-top: 0; }
.address-details-section .address-details-block p{ font-size: 18px; line-height: 1.44; letter-spacing: 0.31px; color: #000000;  font-weight: normal; margin-bottom: 3px; }
.address-details-section .address-details-block a.teams-link{  font-size: 18px; line-height: 1.44; letter-spacing: 0.31px; font-weight: 500; color: #c22d1a; text-decoration: underline; display: inline-block; margin-bottom: 20px; }
.address-details-section .address-details-block p a{ font-size: 18px; line-height: 1.44; letter-spacing: 0.31px; font-weight: normal; color: #0078ff; text-decoration: none; }
.address-details-section .address-details-block{ margin-bottom: 50px; }
.address-details-section .address-details-block .address-details-inner-block{ margin-bottom: 20px; }
.address-details-section .address-details-block .address-details-inner-block:last-child{ margin-bottom: 0px; }

/*roles-at-igi-section*/
.roles-at-igi-section{ padding-bottom: 40px; }
.roles-at-igi-section .roles-at-igi-section-wrapper h2{ font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.29px; color: #000000; margin-bottom: 20px; }
.roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -10px; }
.roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper .roles-box{  border-radius: 4px; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2); background-color: #ffffff; width: calc(25% - 20px); margin: 10px; padding: 12px; }
.roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper h4{ font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.24px;  color: #000000; margin-bottom: 0; }
.roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper p{  font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.22px;  color: #757575; margin-bottom: 28px; }
.roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper a{ font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.22px; text-align: left; color: #0078ff; text-decoration: underline; display: inline-block; width: 100%; }
/*contact us page end*/


/* Join Igy Inner Page - Start */
.single-join-form-wrapper .contact-form-section .contact-form-wrapper { padding: 0 35px 20px; }
.single-join-form-wrapper .contact-form-section { max-width: 100%; margin-bottom: 50px; margin-top: 0px; }
.single-join-form-wrapper .contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield { width: 50%; }
.single-join-form-wrapper .contact-form-wrapper .gfmc-row-1-col-2-of-2 ul li { width: 100%!important; }
.single-join-form-wrapper .contact-form-wrapper .gform_wrapper .gform_footer.top_label { text-align: left!important; }
.single-join-form-wrapper .contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield textarea { height: 165px; }

.accordian-section { padding-bottom: 50px; }
.accordian-section .container { display: flex; flex-wrap: wrap; }
.accordian-section .container .left-block { width: 50%; }
.accordian-section .container .left-block:nth-child(even),
.accordian-section .container .right-block:nth-child(even) { padding-right: 15px; }
.accordian-section .container .left-block:nth-child(odd),
.accordian-section .container .right-block:nth-child(odd) { padding-left: 15px; }
.accordian-section .container .right-block { width: 50%; }
.accordian-section .container .main-title { font-weight: normal; text-align: right; font-size: 30px; }
.accordian-section .container .main-title::before { display: none; }
.accordian-section .container ul.accordian-wrapper { margin: 0px; }
.accordian-section .container ul.accordian-wrapper li { border: solid 2px #d1d1d1; border-bottom: 0px; padding: 15px; margin-bottom: 15px; }
.accordian-section .container ul.accordian-wrapper li .title-block { display: flex; /*flex-direction: row-reverse;*/ cursor: pointer; }
.accordian-section .container ul.accordian-wrapper li .title-block .acordian-title { font-size: 15px; font-weight: normal; color: #000000; opacity: 0.6; margin: 0px; }
.accordian-section .container ul.accordian-wrapper li .title-block .accordin-btn { margin-right: auto; cursor: pointer; width: 20px; height: 20px; display: block; position: relative; font-size: 0px; }
.accordian-section .container ul.accordian-wrapper li .title-block .accordin-btn::before { content: "\f107"; font-family: 'FontAwesome'; font-size: 24px!important; position: absolute; top: 0; line-height: 20px; transition: all 0.2s; }
.accordian-section .container ul.accordian-wrapper li .title-block.ui-accordion-header-active .accordin-btn::before  { transform: rotate(90deg); }
.accordian-section .container ul.accordian-wrapper li .title-block.ui-accordion-header-active .acordian-title { color:#c22d1a; opacity: 1; }
.accordian-section .container ul.accordian-wrapper li:hover .title-block .acordian-title { color:#c22d1a; opacity: 1; }
.accordian-section .container ul.accordian-wrapper li .content-block { margin-top: 15px; border-top: solid 1px #979797; padding-top: 15px; text-align: center; height: auto!important; }
.accordian-section .container ul.accordian-wrapper li .content-block .content-row { text-align: right; }
.accordian-section .container ul.accordian-wrapper li .content-block a.sec_to_top { color: #0078ff; font-weight: 500; margin: 0 auto; margin-top: 20px!important; display: inline-block; position: relative; }
.accordian-section .container ul.accordian-wrapper li .content-block a.sec_to_top::before { content: "\f0d8"; font-family: 'FontAwesome'; font-size: 24px!important; position: absolute;
    top: -15px; line-height: 20px; transition: all 0.2s; left: 50%; transform: translate(-50%, 0%); }
/* Join Igy Inner Page - End */

/* Search Page - Start */
.search-page { padding-top: 135px; }
.search-page #primary { margin: 0px!important; }
.search-page #secondary { margin: 0px!important; }
.search-page .ast-article-post { padding: 0px!important; padding-bottom: 30px!important; }
.search-page .entry-header { background: none!important; box-shadow: none; position: relative!important; clear: both; }

.search-page #secondary { padding-right: 40px; }
.search-page .search-form { position: relative; }
.search-page .search-form label { width: 100%; margin: 0px; }
.search-page .search-form label input { width: 100%; }

.search-page .search-form input[type="search"]{ width: 100%; padding: 10px 80px 10px 20px; background: #ededed; height: 50px; line-height: 50px!important; border: none!important;
border-radius: 0px!important; font-size: 18px!important; color: #151515; outline: none!important; font-weight: 400; text-align: left; }
.search-page .search-form input[type="submit"]{ display: inline-block; height: 50px; max-width:50px; width: 50px; text-align: center; line-height: 50px; padding: 0;
background: #96291b; transition: all 0.2s; border: none; outline: none; font-size: 0px!important; position: absolute; right:0; }
.search-page .search-form::after{ content: "\f002"; font-family: 'FontAwesome'; font-size: 20px; font-style: normal; z-index: 9; position: absolute; top: 50%; transform: translateY(-50%); color: #fff; right: 15px; pointer-events: none; }
/* Search Page - End */


/*********--- STYLE 2 END----*********/


/*--  Responsive Start --*/

@media only screen and (max-width: 1400px){ 
    .home-banner-section iframe { max-height: 800px }
}

@media only screen and (max-width: 1280px){ 
    .home-banner-section iframe { max-height: 600px }
}

@media only screen and (max-width:1279px){

/*Join inner page*/
.inner-page-banner-section .banner-content h2{ font-size: 35px; padding: 0px 40px; }
.inner-page-banner-section .banner-content{ left: 530px; }

}

@media only screen and (max-width:1100px){
    /*header*/
.main-header-bar-wrap .ast-masthead-custom-menu-items{ line-height: 30px; height: 30px; }

}

@media only screen and (max-width: 1179px) { 

    /* Lets Volunterr Page Start */
    .lets-volunteer-section .lets-volunteer-wrapper::before { display: none; }
    /* Lets Volunterr Page End */

    /* Reports Page */
    ul.pdf-box-wrapper li { width: calc(50% - 20px); }
    /* Reports Page */

    .bethechange-section .bethechange-wrapper::before { left: -15px; }
    .objectives-section .objectives-wrapper ul.objectives-boxes li .img-wrapper { max-height: 270px; min-height: 270px; }
    .vision-association-section .content-block { padding-left: 15px; padding-right: 15px; }
}

@media only screen and (max-width: 1024px) { 

    .home-banner-section.bg_slider .slick-initialized .slick-slide { min-height: 600px; }

    /*main header*/
    .main-header-bar-wrap .main-header-menu li a{ font-size: 14px; }

    /*Home page */
    /*.home-banner-section .home-banner-menu-wrapper ul.home-banner-menu{ flex-wrap: wrap-reverse; }*/
    .home-banner-section .home-banner-menu-wrapper ul.home-banner-menu{ flex-wrap: wrap; }

    /*video slider*/
    .home-volunteers-tell-section .slick-videos-wrapper .slick-prev{ right: -15px; }
    .home-volunteers-tell-section .slick-videos-wrapper .slick-next{ left: -15px; }

    /*about page*/
    .bethechange-section .bethechange-wrapper::before{ left: 0; }

    /*common pop up*/
    button.close{ right: -30px; }

    /*Join Inner page*/
    .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .right-content-block{ padding-left: 100px; }

    /*Lets volunteer page*/
    ul.stories-wrapper li .content-block .description{ height: 80px; }

    /*Research Repository page*/
    ul.list-of-studies-box li { max-width: calc(25% - 30px); }    
}

@media only screen and (max-width: 1100px) {

    .main-header-bar-wrap .main-header-menu { background: #ffffff!important; border: none!important; line-height: normal; padding-left: 100px;
    height: 30px; overflow: hidden; line-height: 30px; }

    /* Our Partners Logo Wrapper Start */
    .our-partners-logos-wrapper .main-categories-carousel .img-wrapper { width: 25%; }
    /* Our Partners Logo Wrapper End */
}

@media only screen and (max-width: 1023px){ 
    .show-mobile { display: block!important; }
    .hide-mobile { display: none!important; }

    .home-banner-section iframe { max-height: 600px }

    /* Header Start */
    header.site-header { position: fixed!important; width: 100%; top: 0; left: 0; }
    .main-header-top-bar-wrap { height: 56px; line-height: 56px; }
    .main-header-top-bar-wrap .ast-row { display: flex; justify-content: space-between; }

    .mobile-menu-buttons ul.buttons-wrapper { margin: 0px; line-height: normal; display: flex; flex-direction: row-reverse; }
    .mobile-menu-buttons ul.buttons-wrapper li { display: inline-block; margin-right: 15px; width: 40px; height: 40px; background-color: rgba(255,255,255,0.3); border-radius: 50%; }
    .mobile-menu-buttons ul.buttons-wrapper li a { display: inline-block; cursor: pointer; width: 40px; height: 40px; }
    .mobile-menu-buttons ul.buttons-wrapper li.mobile-menu a { -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 30px; background-size: 100%;
        background: #ffffff; mask-image: url(assets/images/menu-bar.svg); -webkit-mask-image: url(assets/images/menu-bar.svg); }
    .mobile-menu-buttons ul.buttons-wrapper li.mobile-menu.open-menu a { mask-image: url(assets/images/menu-close.svg); -webkit-mask-image: url(assets/images/menu-close.svg); -webkit-mask-size: 20px; }
    .mobile-menu-buttons ul.buttons-wrapper li.mobile-search a { background-image: url(assets/images/Search.svg); background-size: 20px; background-repeat: no-repeat; background-position: center; }

    .mobile-menu-dropdown-wrapper { display: none; background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; top: 56px; left: 0; z-index: 9; }
    .mobile-menu-dropdown-wrapper .mobile-menu-dropdown-container { width: 75%; height: 100%; left: 0; top: 0;  position: absolute; background: #ffffff; display: flex; flex-wrap: wrap; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation { padding: 25px 50px; width: 100%; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li { line-height: normal; margin: 15px 0px; font-size: 20px; width: 100%; float: left; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li a { color:rgba(0,0,0,0.6); letter-spacing: 0.35px; position: relative; display: flex; align-items: center; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li a::before { content: ""; width: 24px; height: 24px; position: relative; right: 0; display: inline-block; margin-left: 10px;
    -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 20px; background-size: 100%; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.current_page_item > a { color:rgba(0,0,0,1); font-weight: 500; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-home a::before{ background: #e02020; mask-image: url(assets/images/home.svg); -webkit-mask-image: url(assets/images/home.svg); }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-donation a::before{ background: #6236ff; mask-image: url(assets/images/heart-red-icon.svg); -webkit-mask-image: url(assets/images/heart-red-icon.svg); }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-volunteer a::before{ background: #6dd400; mask-image: url(assets/images/unity-hand-icon.svg); -webkit-mask-image: url(assets/images/unity-hand-icon.svg); }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-join-igy a::before{ background: #b620e0; mask-image: url(assets/images/unity-hand-icon.svg); -webkit-mask-image: url(assets/images/unity-hand-icon.svg); }

    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-friends-of-igy { margin-bottom: 50px!important; position: relative; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-friends-of-igy::before { content: ""; position: absolute; left: -50px; bottom: -35px; width: calc(100% + 100px); height: 3px; background: #ececec; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-friends-of-igy a { color:#36a6ac!important; }

    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-about a::before{ background: #0091ff; mask-image: url(assets/images/unity-hand-icon.svg); -webkit-mask-image: url(assets/images/unity-hand-icon.svg); }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-training-center a::before{ background: #32c5ff; mask-image: url(assets/images/unity-hand-icon.svg); -webkit-mask-image: url(assets/images/unity-hand-icon.svg); }
    
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-reports { margin-bottom: 50px!important; position: relative; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-reports::before { content: ""; position: absolute; left: -50px; bottom: -35px; width: calc(100% + 100px); height: 3px; background: #ececec; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-reports a::before{ background: #fa6400; mask-image: url(assets/images/unity-hand-icon.svg); -webkit-mask-image: url(assets/images/unity-hand-icon.svg); }

    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-clubs a::before{ display: none; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-database-research a::before{ display: none; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-required a::before{ display: none; }

    .mobile-menu-social-wrapper { text-align: center; width: 100%; }
    .mobile-menu-social-wrapper ul.footer-social-icons-set { padding:0; margin:0; display: inline-flex; flex-direction: row-reverse; align-items: center; position: relative; z-index: 1; }
    .mobile-menu-social-wrapper ul.footer-social-icons-set li { margin:-7px; line-height: normal; }
    .mobile-menu-social-wrapper ul.footer-social-icons-set li img { width: 70px; }

    .mobile-search-wrapper { display: none; position: fixed; width: 100%; height: 56px; left: 0; top: 0px; background: #ffffff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.10); z-index: 9; }
    .mobile-search-wrapper .search-back-button { width: 56px; height: 56px; background: #96291b; float: left; position: relative; }
    .mobile-search-wrapper .search-back-button a { width: 30px; height: 30px; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
        -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 30px; background-size: 100%; background: #ffffff; 
        mask-image: url(assets/images/arrow-left.svg); -webkit-mask-image: url(assets/images/arrow-left.svg); }
    .mobile-search-wrapper .search-box { width: calc(100% - 56px); }

    .mobile-search-wrapper .search-form { position: relative; }
    .mobile-search-wrapper .search-form label { width: 100%; margin: 0px; }
    .mobile-search-wrapper .search-form .search-field { background: none; border: none; border-radius: 4px; padding: 0px 15px 0px 55px; width: 100%; color: rgba(0,0,0,0.6); }
    .mobile-search-wrapper .search-form .search-field::placeholder { color: rgba(0,0,0,0.6); }
    .mobile-search-wrapper .search-form .search-submit { left: 0; position: absolute; font-size: 0; top: 0%; height: 100%; width: 46px; padding: 0;
        -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 20px; background-size: 100%;
        background: #000000; mask-image: url(assets/images/Search.svg); -webkit-mask-image: url(assets/images/Search.svg); }
    .mobile-search-wrapper .search-form:after { right: 15px; left: auto; }

    .main-header-bar .ast-mobile-menu-buttons { display: none; }    
    .main-header-bar .main-header-bar-navigation { display: block!important; }   
    .main-header-bar-wrap .main-header-menu li { width: auto; }
    .main-header-bar-wrap .main-header-menu li a { border: none!important; }   

    .ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items { display: block!important; margin: 5px 0; left: 0; }
    .main-header-bar-wrap .ast-masthead-custom-menu-items { left: 15px; }
    .main-header-bar-wrap .main-header-bar { padding: 5px 15px; }
    /* Header End */

    /* Footer Start */
    .footer-mobile-menu-wrapper { order: 4; display: block; margin-top: 30px; }
    .footer-mobile-menu-wrapper ul.menu { max-width: 450px; margin: 0 auto; text-align: center; }
    footer.site-footer .menu li { margin: 5px 15px; }
    footer.site-footer .footer-adv-overlay .ast-row .footer-menu-left { display: none; }
    footer.site-footer .footer-adv-overlay .ast-row .footer-menu-right { display: none; }
    /* Footer Start */


    /*common banner section*/
    .common-inrbanner-section{ margin-top: 96px; }

    /* Join Inner Page*/
    .breadcrumb-section{ padding: 20px 0; }

    /* common banner section two*/
    .common-inrbanner-two{ margin-top: 96px; }

    /*join igy inner page*/
    .contact-form-wrapper .gform_wrapper .top_label div.ginput_container.ginput_container_checkbox{ width: 100%!important; }

    .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .excerts-content-block { padding-left: 30px; }
}

@media only screen and (max-width: 768px) {

    
    .partners-page.new-our-partner-section { margin-top: 90px !important; margin-bottom: 60px; padding-bottom: 25px; background-size: 150% 100%; background-position: right; border: none; }

    .partners-page.new-our-partner-section .new-our-partner-section-wrapper .content-block { padding:0!important; text-align: center; position: relative; }
    .partners-page.new-our-partner-section .new-our-partner-section-wrapper .content-block .main-title { font-size: 35px; }
    .our-partners-logos-wrapper .main-categories-carousel { padding: 10px 0px!important; }
    .new-our-partner-section .new-our-partner-section-wrapper { flex-wrap: wrap; justify-content: center; background-size: 150% 100%; background-position: right; padding-top: 0px; }
    .new-our-partner-section-wrapper .img-block { width: 100%; text-align: center; max-width: 300px; }    
    .new-our-partner-section-wrapper .content-block .main-title { text-align: center; margin-bottom: 10px; font-size: 35px; }
    .new-our-partner-section-wrapper .content-block .description { opacity: 1; font-size: 18px; }
    .new-our-partner-section-wrapper { padding: 20px 20px 40px 20px; flex-wrap: wrap; justify-content: center; }
    .new-our-partner-section-wrapper .content-block { width: 100%; padding: 0px; text-align: center; }
    .new-our-partner-section { margin-top: 30px; margin-bottom: 30px; }    
    .new-our-partner-section-wrapper .theme-button-white { height: 50px; line-height: 50px; width: 100%; }
    .partners-page.new-our-partner-section .new-our-partner-section-wrapper .theme-button-red { height: 50px; line-height: 50px; width: 100%; position: absolute; left: 0px; border-radius: 0px; }

    .partners-page.new-our-partner-section .new-our-partner-section-wrapper { padding: 0px; }
    .partners-page.new-our-partner-section .new-our-partner-section-wrapper .img-block { margin-left: 0px; overflow: hidden; max-width: unset; }
    .partners-page.new-our-partner-section .new-our-partner-section-wrapper .img-block img { margin-left: -150px; }
    .partners-page.new-our-partner-section { background-image: none; background-color: #fcf1d6; }
    .partners-page.new-our-partner-section .container { padding-left: 0px; padding-right: 0px; }
    .partners-page.new-our-partner-section .new-our-partner-section-wrapper .content-block .description { padding: 0 15px; }

    /* Our Partners Logo Wrapper Start */
    .our-partners-logos-wrapper .main-categories-carousel .img-wrapper { width: 33.33%; }
    /* Our Partners Logo Wrapper End */


    /* Branches Page */
    .page-template-branch-template footer.site-footer { padding-bottom: 137px; }
    .map_section { margin-top: 96px; }
    .map_section .map_branch_section { position: fixed; z-index: 999; background: white; bottom: 0; width: 100%; height: 55px; transition: height 0.5s; }
    .map_section .map_branch_section.height { height: 80%!important; }
    .map_section .map_branch_section .heading-box { width: 100%; margin-bottom: 20px; position: relative; display: block; }
    .map_section .map_branch_section .heading-box::before { content: ""; width: calc(100% + 30px); height: 1px; background: #e1e1e1; position: absolute; bottom: -5px; left: -15px; }
    .map_section .map_branch_section .heading-box .action-btn { width: 26px; height: 26px; display: inline-block; position: absolute; left: 0px; top: 0px; 
        background: url(assets/images/left-arrow-red-icon.svg); background-repeat: no-repeat; transform: rotate(90deg); transition: all 0.5s; }
    .map_section .map_branch_section .heading-box .action-btn.open-aero { transform: rotate(270deg); }



    /*.map_section .branch_result { display: none; }*/
    .map_section .map_branch_section .top_search_section { margin-bottom: 20px; }
    
    /* Branches Page */

    /* Reports Page */
    .reports-section .reports-wrapper { display: block; }
    .reports-section .reports-wrapper .sidebar { max-width: unset; }
    .reports-section .reports-wrapper .content-block h3.title { display: none!important; }
    .reports-section .reports-wrapper .sidebar .sidebar-menu { display: flex; flex-direction: unset!important; align-items: center; justify-content: center; }
    .reports-section .reports-wrapper .sidebar .sidebar-menu a { width: 50%; text-align: center; padding: 20px 25px 20px 25px; height: unset; border-right: 1px solid rgba(0,0,0,0.1); }
    .reports-section .reports-wrapper .sidebar .sidebar-menu a:first-child { display: none!important; }
    /* Reports Page */ 

    /* Donattion Page Start */
    .donation-page-main-container { padding-top: 30px!important; }
    
    /* Donattion Page End */

    /* Common Video Section */
    section.common-video-section .video-section-container .video-section-container-row { flex-direction: row-reverse; }
    section.common-video-section .video-section-col-left { flex: 0 0 100%!important; max-width: 100%!important; order: 2; }
    section.common-video-section .video-section-col-right { flex: 0 0 100%!important; max-width: 100%!important; order: 1; }
    section.common-video-section .video-section-content { padding-left: 15px; }
    /* Common Video Section */

    /* Lets Volunterr Page Start */
    #letsvoluneer .gform_wrapper .gf_step { margin: 0 12px!important; min-width: 80px; width: 80px; display: inline-block; }
    #letsvoluneer .gform_wrapper .gf_step::after { right: -20px; }
    #letsvoluneer .gform_wrapper .gfmc-row-1-col-1-of-3 { width: 100%!important; }
    #letsvoluneer .gform_wrapper .gfmc-row-1-col-2-of-3 { width: 100%!important; }
    #letsvoluneer .gform_wrapper .gfmc-row-1-col-3-of-3 { width: 100%!important; }
    #letsvoluneer .gform_page_footer { position: relative; left: auto; }
    #letsvoluneer .gform_wrapper { margin: 0px; padding: 0px; }
    #letsvoluneer .gform_wrapper .gfield_checkbox li, 
    #letsvoluneer .gform_wrapper .gfield_radio li { margin-bottom: 5px!important; }
    #letsvoluneer .gform_wrapper .gf_step span.gf_step_label { position: absolute; width: 70px; line-height: normal; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center!important; }

    #letsvoluneer .gfmc-row-2-col-1-of-3 { width: 100%!important; }
    #letsvoluneer .gfmc-row-2-col-2-of-3 { width: 100%!important; }
    #letsvoluneer .gfmc-row-2-col-3-of-3 { width: 100%!important; }

    #letsvoluneer #gform_page_2_3 .gfmc-row-3-col-2-of-2 { padding-right: 0px!important; }
    #letsvoluneer .gform_wrapper ul.gform_fields li.gfield { padding-left: 0px!important; }
    /* Lets Volunterr Page End */

    /* Training Workshop */
    .training-workshops-for-informal::before { display: none; }
    section.common-video-section { padding: 130px 0 40px 0!important; }
    .common-inrbanner-section .banner-content-block { min-height: 150px; }
    .common-inrbanner-section .banner-content-block .thumbnail-wrapper { bottom: -100px!important; transform: translate(-50%, 0)!important; }
    .common-inrbanner-section .banner-content-block .thumbnail-wrapper .slick-list { padding: 0px 50px 20px 50px!important; }
    .common-inrbanner-section .banner-content-block .thumbnail-wrapper .thumbnail-box { margin: 0 10px!important; height: 120px; }
    .common-inrbanner-section .banner-content-block .banner-heading { line-height: normal; }
    .common-inrbanner-section .banner-content-block .slick-arrow { display: none!important; }

    
    .training-workshops-content-wrapper .left-image-block { max-width: 100%!important; }
    .training-center-content .training-center-content-wrapper .left-image-block { display: none; }
    .training-workshops-content-wrapper .left-image-block .button-wrapper { left: 50%!important; right: unset!important; bottom: 0px!important; transform: translate(-50%, -50%); width: 210px; }
    .training-workshops-content .training-workshops-content-wrapper { display: unset!important; }

    .training-workshops-content .container { padding: 0px; }
    .training-workshops-content-wrapper .left-image-block { margin-left: 30px; margin-right: 30px; }
    .training-workshops-content-wrapper .right-content-block { padding-left: 30px; padding-right: 30px; }
    .training-workshops-for-informal .right-content-block { min-height: 320px; }
    .business-sector-lectures .right-content-block { min-height: 250px; }
    .business-sector-lectures .right-content-block .content-block-wrapper { padding: 20px 20px 20px 160px!important; }
    /* Training Workshop */


    .site-content .ast-container{ max-width: 100%; padding: 0!important; } 
    .display-desktop{ display: none; }
    .display-tablet{ display: block; } 

    ul.list-of-studies-box li { max-width: calc(33% - 30px); }

    /*home page start*/

    /*home banner section*/
    .home-banner-section { overflow: hidden; }
    .home-banner-section iframe { max-height: unset; position: absolute; width: 1300px; max-width: unset; height: 600px; left: 50%!important; top: 0px; transform: translate(-50%, 0%); }
    /*.home-banner-section .container { position: relative; top: 0; transform: unset; left: 0; padding: 90px 0; }*/
    .container{ padding-left: 30px; padding-right: 30px; }
    ul.home-header-social-links li:last-child{ margin-left: 0; }
    .wpml-ls-legacy-list-horizontal{ padding: 7px 0; }
    .home-header-section .home-header-wrapper{ padding-top: 15px; }
    .home-header-section .home-header-wrapper .home-header-language ul li:last-child a{ padding-right: 0; }
    /*.home-banner-section{ padding: 140px 0px 30px 0px; }*/
    .home-banner-section .home-banner-logo-wrapper{ margin-top: 40px; }
    .home-banner-section .home-banner-menu-wrapper ul.home-banner-menu li a{ background-size: 90px; padding:0; font-size: 14px;}
    .home-banner-section .home-banner-menu-wrapper ul.home-banner-menu li{ width: 90px; height: 90px; margin:5px; }
    .home-banner-section .home-banner-logo-wrapper .home-banner-logo img{ max-width: 130px; }
    .home-banner-section .home-banner-menu-wrapper{ margin-top: 30px; }

    /*common buttons*/
    .theme-button-red{ font-size: 18px; padding: 0 56px!important; }

    /*common titles*/
    .main-title{ font-size: 20px; letter-spacing: 0.35px; }
    .main-title::before{ width: 60px; }

    /* sticky */
    .sticky-widget ul.sticky-widget-wrapper li a{ height: 36px; width: 40px; padding-right: 35px; }
    .sticky-widget ul.sticky-widget-wrapper li a span.icon{ width: 22px; height: 22px; background-size: 22px; right: 10px!important; }
    /*.sticky-widget ul.sticky-widget-wrapper li{ margin-bottom: -4px; }*/

    /*home-ourfactory-section*/
    .home-ourfactory-section ul.factory-card-block li .factory-card-content-block h3.title{ min-height: 80px; }
    .home-ourfactory-section .factory-card-wrapper{ width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; }
    .home-ourfactory-section ul.factory-card-block li .factory-card-img-block img{ width: 100%; max-height: 125px; }
    .home-ourfactory-section ul.factory-card-block li .factory-card-img-block{ padding: 16px 0px 10px; }
    .home-ourfactory-section ul.factory-card-block li{ margin: 7px; }

    /*video slider*/
    .home-volunteers-tell-section .slick-videos-wrapper .slide-small{ transform: none; }
    .home-volunteers-tell-section .slick-videos-wrapper .slick-list{ padding: 30px 160px!important; }
    .home-volunteers-tell-section .container{ padding-left: 0; padding-right: 0; }
    .home-volunteers-tell-section .home-volunteers-tell-wrapper .main-title{ padding: 0 30px; }
    .home-volunteers-tell-section .home-volunteers-tell-wrapper p{ padding: 0 30px; }
    .home-volunteers-tell-section .slick-videos-wrapper .slick-prev{ right: 0; width: 30px; height: 60px; border-radius: 30px 0px 0px 30px; background-position: 10px center; }
    .home-volunteers-tell-section .slick-videos-wrapper .slick-next{ left: 0; width: 30px; height: 60px; border-radius: 0 30px 30px 0; background-position: 4px center; }
    .home-volunteers-tell-section .slick-videos-wrapper .slick-slide{ margin: 10px!important; }
    .home-volunteers-tell-section .slick-videos-wrapper .slick-track .slick-slide.slick-current.slick-active{ transform: scale(1.1); }
    .home-volunteers-tell-section .slick-videos-wrapper{ margin-bottom: 20px; }

    .home-volunteers-tell-section-old .slick-videos-wrapper .slick-next { display: none!important; }
    .home-volunteers-tell-section-old .slick-videos-wrapper .slick-prev { display: none!important; }

    .home-volunteers-tell-section-old .slick-videos-wrapper .video-box .video-wrapper .play-video img { min-height: 200px; max-height: 200px; width: 100%; }


    /*home-whats-new-section*/
    .home-ourfactory-section{ overflow: hidden; }
    .home-ourfactory-section .home-ourfactory-wrapper::before{ top: -26px; }
    .home-whats-new-section ul.new-post-block li{ display: block; margin-bottom: 30px; }
    .home-whats-new-section ul.new-post-block li .featured-img-block{ width: 100%; max-width: 100%; }
    .home-whats-new-section ul.new-post-block li .post-content-block{ margin-top: 15px; padding: 20px; }
    .home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar{ flex-direction: column; }
    .home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .post-view-block{  width: 100%; justify-content: flex-end; margin-bottom: 20px; }
    .home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .readmore-block{ text-align: center; width: 100%; position: relative; padding-top: 15px; }
    .home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .readmore-block::before{ position: absolute; content: ""; width: 100%; background-color: #dcdcdc;
    height: 1px; top: 0; left: 0; width: calc(100% + 40px ); margin-left: -20px; }
    .home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .readmore-block a{ font-size: 20px; }
    .home-whats-new-section ul.new-post-block li .post-content-block .post-title{ margin-bottom: 15px; }
    .home-whats-new-section .home-whats-new-wrapper::after{ display: none; }
    .home-whats-new-section .home-whats-new-wrapper .main-title{ margin-bottom: 40px; }
    .home-volunteers-tell-section .home-volunteers-tell-wrapper::after{ display: none; }


    /*our-partners-and-supporters*/
    .our-partners-and-supporters .our-partners-and-supporters-wrapper .main-title{ margin-bottom: 30px; }
    .our-partners-and-supporters .our-partners-and-supporters-wrapper::before{ display: none; }
    .our-partners-and-supporters .our-partners-and-supporters-wrapper::after{ display: none; }
    .our-partners-and-supporters .our-partners-and-supporters-wrapper ul.our-partners-logos-wrapper li{ width: calc(33.33% - 30px); padding: 10px; margin: 10px 15px; }
    .our-partners-logos-wrapper .main-categories-section .slick-next { display: none!important; }
    .our-partners-logos-wrapper .main-categories-section .slick-prev { display: none!important; }


    /*footer*/
    footer.site-footer .footer-donate-us-box::before{ width: 100px; background-size: 100px; height: 100px; right: 80px; top: -20px;  }
    footer.site-footer .footer-social{ margin-top: 50px; }
    footer.site-footer .footer-adv-overlay .ast-row .footer-menu-left ul{ text-align: center; }
    footer.site-footer .footer-adv-overlay .ast-row .footer-menu-right{ text-align: center; }
    footer.site-footer .footer-adv-overlay .ast-row .footer-menu-left .widget{ margin-bottom: 15px; }
    footer.site-footer .ast-footer-overlay{ padding-top: 20px; padding-bottom: 40px; }
    footer.site-footer .footer-adv-overlay{ padding-top: 50px; padding-bottom: 30px; }
    footer.site-footer .ast-container{ padding-left: 30px; padding-right: 30px; }
    /*home page end*/


    /*about page start*/

    /*common banner section*/
    .common-inrbanner-section .banner-content-block{ padding: 15px 30px 30px; }
    .common-inrbanner-section .banner-content-block .banner-heading{ font-size: 35px; }
    .common-inrbanner-section .banner-content-block .banner-subheading{ line-height: 1.5; }

    /*community-design-section*/
    .community-design-section{ flex-direction: column-reverse; }
    .community-design-section .img-block{ max-width: 100%; min-height: 400px; }
    .community-design-section .content-block{ padding: 40px 30px 0; }
    .community-design-section .testimonial-quote{ margin: 50px 0px 70px; }

    /*bethechange-section*/
    .bethechange-section .bethechange-wrapper::before{ display: none; }
    .description{ padding: 0; }
    .bethechange-section .bethechange-wrapper{ padding: 30px 0px 20px; }
    .bethechange-section .bethechange-wrapper .description{ text-align: right; }

    /*aboutpage-shapes-section*/
    .aboutpage-shapes-section .shapes-wrapper ul.shapes-boxes li{ width: calc(33.33% - 10px); padding: 20px 32px; }
    .aboutpage-shapes-section .shapes-wrapper ul.shapes-boxes li a{ font-size: 16px; }

    /*wanttojoin-section*/
    .wanttojoin-section .wanttojoin-wrapper::before{ display: none; }
    .wanttojoin-section .wanttojoin-wrapper::after{ display: none; }

    /*aboutpage-thumbnail-box*/
    .aboutpage-thumbnail-box{ padding: 10px 0 20px; }
    .aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li{ width: 49%; margin-bottom: 18px; }
    .aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li .thumbnail-title{ font-size: 17px; opacity: 1; }
    .aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li .read-more{ height: 40px; line-height: 40px; font-size: 14px; z-index: 1; }
    .aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li:hover .read-more{ height: 40px; line-height: 40px; font-size: 14px; z-index: 1; }
    .aboutpage-thumbnail-box .thumbnail-box-wrapper::before{ display: none; }
    .aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li .thumbnail-image::before{ content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 1; border-radius: 10px; }

    /*vision-association-section*/
    .vision-association-section{ flex-direction: column-reverse; }
    .vision-association-section .img-block{ min-height: 450px; max-width: 100%; }
    .vision-association-section .content-block{ padding: 30px; }
    .vision-association-section .content-block .fix-width-box{ max-width: 100%; float: none; }

    /*objectives-section*/
    .objectives-section .objectives-wrapper::before{ display: none; }
    .objectives-section .objectives-wrapper::after{ display: none; }
    .objectives-section .objectives-wrapper ul.objectives-boxes li{ width: 100%; }
    .objectives-section .objectives-wrapper ul.objectives-boxes li .content-wrapper .icon-block img{ width: 110px; }

    /*about page end*/

    /*read more about page start*/
    .modal-dialog{ margin: 30px; border: none; }
    .modal-content{ padding: 65px 15px 20px; border: none;}
    button.close{ right: 15px; top: 15px;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2); width: 30px; height: 30px; }
    .comun_popup_box .post-content-block{  padding: 1em!important; margin: -25px 1rem 0 1rem; }
    .comun_popup_box .post-content-block .post-description p{ font-size: 16px; }
    .comun_popup_box .post-content-block .post-action-bar{ flex-direction: column-reverse!important; margin-top: 50px!important; }
    .comun_popup_box .post-content-block .post-action-bar .post-contact-block ul.contact-option li{ text-align: center; width: 50%; }
    .comun_popup_box .post-content-block .post-action-bar .post-contact-block{ width: 100%; }
    .comun_popup_box .post-content-block .post-action-bar .post-social-share-block{ width: 100%; text-align: center; margin-bottom: -55px; padding-top: 20px; }
    /*read more about page end*/

    /*lets volunteer page start*/
    .lets-volunteer-section .lets-volunteer-wrapper::before{ display: none; }
    .lets-volunteer-section ul.whatcanyoudo-list li{ width: 100%; }
    .lets-volunteer-section .lets-volunteer-wrapper h2.title{ margin: 20px 0px 40px; }

    .personalstory-section .personalstory-wrapper::before{ display: none; }
    .personalstory-section .personalstory-wrapper::after{ display: none; }

    ul.stories-wrapper{ padding-top: 30px; }
    ul.stories-wrapper li{ width: 100%; margin-bottom: 25px; }
    ul.stories-wrapper li .img-block{ max-width: 120px; margin-left: 10px; }
    ul.stories-wrapper li .img-block .img-wrapper{ width: 115px; height: 100%; }
    .personal-stories-popup ul.stories-wrapper li .img-block .img-wrapper{ height: 160px; }
    ul.stories-wrapper li .img-block img{ width: 100%; height: auto; }
    ul.stories-wrapper li .content-block .description{ height: unset; }
    /*lets volunteer page end*/

    /*Donation Page start*/
    .donation-page-header{ max-height: 56px; min-height: 56px; }
    .donation-page-header .donation-page-header-container .donation-page-header-row .donation-page-header-col-left{ width: 60%; }
    .donation-page-header .donation-page-header-container .donation-page-header-row .donation-page-header-col-right{ width: 40%; }

    section.common-video-section .video-section-col-left{ min-height: 400px; }

    .donation-channels-row{ display: block; }
    .donation-channels-row .donation-channels-col{ max-width: 100%; }
    .donation-channels-row .donation-channels-col-right{ margin-top: 30px; }
    section.donation-channels-section .donation-channels-content{ margin-top: 30px; }
    /*Donation Page end*/

    /*Join Igy page start*/
    .join-igy-box-section{ background: none; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box{ margin: 40px 0;  width: 100%; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box .img-wrapper img{ width: 100%; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper::before{ width: 300px; height: 100px; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper::after{ width: 300px; height: 100px; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper h3{ font-size: 22px; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper{ padding: 0 40px 20px 15px;width: 300px; height: 100px; bottom: -40px; }
    /*Join Igy page end*/

    /*Join Inner Page start*/
    .inner-page-banner-section .container{ padding-left: 0px; padding-right: 0px; }
    .inner-page-banner-section .banner-content { bottom: -50px; top: auto; transform: none; right: 15px; min-height: auto; height: auto; left: auto; }
    .inner-page-banner-section .banner-content h2{ padding: 30px; }
    .inner-page-banner-section .banner-img{ max-width: 100%; width: 100%; }
    .inner-page-banner-section .banner-img img{ width: 100%; }

    .joinigy-inner-page-content-section{ padding-top: 60px; padding-bottom: 20px; }
    .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper{ flex-direction: column-reverse; }
    .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .right-content-block{ padding-left: 0; }
    .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .left-content-block{ max-width: 100%; }
    .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .email-block{ padding: 30px 0 50px; }

    .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .excerts-content-block {width: 100%; padding-left: 0px; padding-bottom: 30px;}

    /*.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .excerts-content-block::before { bottom: 50px; }*/

    /*.joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .excerts-content-block .reveal-full-content{ transform: translateX(-50%); }*/

    /*Join Inner Page end*/

    /*Research Repository page start*/
    .about-research-institute-section{ padding: 0px 0px 50px; }
    .about-research-institute-section .container{ padding-left: 0px; padding-right: 0px; }
    .about-research-institute-section .about-research-institute-section-wrapper{ flex-direction: column; }
    .about-research-institute-section .about-research-institute-section-wrapper::before{ width: 50px; }
    .about-research-institute-section-wrapper .image-wrapper{ margin-right: 100px; margin-left: -50px; }
    .about-research-institute-section-wrapper .content-wrapper .content-block-wrapper{ padding: 50px 30px 0 70px; }
    .about-research-institute-section .about-research-institute-section-wrapper{ padding: 50px 0 30px; }
    .about-research-institute-section .about-research-institute-section-wrapper::after{ -webkit-mask-size: 156%; -webkit-mask-position: 200px -70px; }
    .list-of-studies-section .list-of-studies-box-wrapper::before{ display: none; }
    /*Research Repository page end*/

    /*contact us page start*/
    .contact-us-banner .contact-us-banner-wrapper{ flex-direction: column; }
    .address-details-section{ margin-top: 350px; }
    .contact-form-section .contact-form-wrapper{ padding: 0 25px!important; }
    .single-join-form-wrapper .contact-form-section .contact-form-wrapper { padding: 0 25px 25px!important; }
    .contact-us-banner .contact-us-banner-wrapper .contact-form-section{ margin-bottom: -380px; margin-top: 0; max-width: 100%; }
    .roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper .roles-box{ width: calc(50% - 20px); margin: 10px; }
    /*contact us page end*/

    /* Jobs page start*/
    ul.jobs-listing li{ width: 100%; margin-bottom: 30px; }
    ul.jobs-listing{ padding-bottom: 20px; }
    .post_pagination .out_of_section{ font-size: 19px; }
    .post_pagination .pagination_buttons a{ width: 36px; height: 36px; line-height: 36px;font-size: 18px; }
    .post_pagination .current_page_section input{ height: 36px; width: 50px; }
    .post_pagination .current_page_section .current_page_text{ font-size: 19px; }
    .page-template-jobs-template .common-inrbanner-two{ padding-bottom: 200px; }
    .jobs-listing-section{ margin-top: -160px }
    /* Jobs page end*/

    /*common banner section 2*/
    .common-inrbanner-two:before{ transform: skewY(7.3deg); }
    .common-inrbanner-two .common-inrbanner-two-wrapper h2.banner-title{ font-size: 35px; } 
    .common-inrbanner-two .common-inrbanner-two-wrapper{ padding: 50px 20px 0px; }

    .donation-page-main-container section.common-video-section { padding: 30px 0 40px 0!important; }
    /*.search-page .inner-page-banner-section { padding: 120px 15px 0; }
    .search-page .right-content-block { padding: 0 15px!important; }*/
}

@media only screen and (max-width:992px){ 

    .search-page { display: flex; flex-direction: column-reverse; }
    .search-page #secondary { padding-right: 0px; width: 100%!important; }
    .search-page #primary { padding: 0px 15px!important; width: 100%; }
}
@media only screen and (max-width:641px){
    .contact-form-section .contact-form-wrapper .gform_wrapper{ padding-right: 0; }
    .single-join-form-wrapper .contact-form-section .contact-form-wrapper .gform_wrapper { margin-bottom: 0px!important; }
    .single-join-form-wrapper .contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield { width: 100%; }
    .contact-form-wrapper .gform_wrapper .gform_footer input { padding: 15px 30px; line-height: normal!important; }
    .contact-form-section .title h3 { font-size: 22px; }
    .accordian-section .container .main-title { font-size: 20px; }
    .accordian-section .container .left-block,
    .accordian-section .container .right-block { width: 100%; }
    .accordian-section .container .left-block:nth-child(odd), 
    .accordian-section .container .right-block:nth-child(odd) { padding-left: 0px; }
    .accordian-section .container .left-block:nth-child(even), 
    .accordian-section .container .right-block:nth-child(even) { padding-right: 0px; }
}


@media only screen and (max-width:600px){

.contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield.gf_right_half{ padding-left: 0px!important; }
.contact-form-wrapper .gform_wrapper ul.gform_fields li.gfield textarea { min-height: 180px; }

}

@media only screen and (max-width: 500px) {

    /* Our Partners Logo Wrapper Start */
    .our-partners-logos-wrapper .main-categories-carousel .img-wrapper { width: 50%; padding: 0; min-height: 120px; }
    .our-partners-logos-wrapper .main-categories-carousel .img-wrapper img { max-height: 80px; max-width: 110px; }
    /* Our Partners Logo Wrapper End */

    /* Reporst Page */
    ul.pdf-box-wrapper { padding-top: 0px; }
    .reports-section .reports-wrapper .sidebar .sidebar-menu a { padding: 10px 0px 10px 0px; }
    ul.pdf-box-wrapper li { width: 100%; }    
    /* Reporst Page */

    /* Training Workshop Start */
    .common-inrbanner-section .banner-content-block .thumbnail-wrapper .thumbnail-box h4 { font-size: 16px!important; }
    .common-inrbanner-section .banner-content-block .thumbnail-wrapper .thumbnail-box.slick-slide img { max-width: 72px; }
    .common-inrbanner-section .banner-content-block .thumbnail-wrapper .thumbnail-box { padding: 0px 15px!important; }

    .training-workshops-content-wrapper .left-image-block { margin-left: 15px; margin-right: 15px; }
    .training-workshops-content-wrapper .right-content-block { padding-left: 15px; padding-right: 15px; }
    .training-workshops-for-informal .right-content-block { min-height: 320px; }
    .training-center-content .right-content-block p { font-size: 16px!important; }
    .business-sector-lectures .right-content-block { min-height: 250px; }
    .business-sector-lectures .right-content-block .content-block-wrapper { padding: 20px 15px 20px 160px!important; }
    .business-sector-lectures .right-content-block .img-wrapper { height: 170px!important; max-height: unset!important; }
    .training-workshops-content-wrapper .right-content-block .content-block-wrapper { padding: 15px 0px 15px 0px!important; }
    .training-workshops-content-wrapper .right-content-block .img-wrapper { width: 130px; overflow: hidden; left: 0px!important; }
    .training-workshops-content-wrapper .right-content-block .img-wrapper img { width: auto; max-width: unset; }
    .training-workshops-content { padding-bottom: 0px!important; }
    /* Training Workshop End */

    /* Main Page Header Start */
    .page-template-front-page header { display: block; }
    .home-header-section { display: none; }
    /* Main Page Header End */

    /* Donation Page Start */
    .page-template-donation-template header { display: block; }
    .donation-page-header { display: none!important; }
    /* Donation Page End */

    /* Mobile Menu */
    .main-header-top-bar-wrap .main-header-top-right .home-header-logo .custom-logo { max-height: 45px; }
    .main-header-top-bar-wrap .main-header-top-left { padding-left: 15px; }
    .main-header-top-bar-wrap .main-header-top-right { padding-right: 15px; }

    .home-header-language { display: none; }
    
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation { padding: 10px 25px; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li { margin: 10px 0px; font-size: 16px; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-friends-of-igy { margin-bottom: 40px!important; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-friends-of-igy::before { left: -25px; bottom: -30px; width: calc(100% + 50px); }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-reports { margin-bottom: 40px!important; }
    .mobile-menu-dropdown-wrapper .mobile-menu-navigation ul.menu li.menu-reports::before { left: -25px; bottom: -30px; width: calc(100% + 50px); }
    .mobile-menu-dropdown-wrapper .mobile-menu-dropdown-container { width: 90%; }

    .mobile-menu-social-wrapper { display: none; }
    /* Mobile Menu */

    /* Footer */
    .footer-mobile-menu-wrapper { margin-top: 0px; }
    footer.site-footer .footer-adv-overlay { padding-bottom: 0px!important; }

    .home-banner-section iframe { top: 20px; }
    .container{ padding-left: 15px; padding-right: 15px; }
    p{ font-size: 16px; }

    .show-desktop-only{ display: none; }
    .show-mobile-only{ display: block; }

    /*common buttons*/
    .theme-button-red{ font-size: 17px; padding: 0 40px!important; height: 40px; line-height: 40px; }
    .theme-button-red .icon{ width: 13px; height: 13px; -webkit-mask-size: 13px; }
    .theme-button-white{ font-size: 17px; padding: 0 40px!important; height: 40px; line-height: 40px;  }
    .theme-button-white .icon{ width: 13px; height: 13px; -webkit-mask-size: 13px; }

    /*home page start*/

    /*home banner section*/        
    .home-banner-section.bg_image { padding: 90px 0px 0; }
    .home-banner-section.bg_slider .slick-initialized .slick-slide { min-height: 420px; }
    .home-banner-section.bg_slider { margin-top: 98px; }
    .home-banner-section.bg_slider .container { padding: 20px 0px; }

    .home-banner-section .container { padding: 50px 0; }
    .home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links { flex-wrap: wrap; }    
    .home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li:first-child{ justify-content: center; }
    .home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li:last-child{ justify-content: center; }
    .home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li:first-child a img{ padding-left: 0; }
    .home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li:last-child a img{ padding-right: 0; }
    .home-banner-section .home-banner-top-links-wrapper ul.home-banner-top-links li a img{ max-width: 30px; }
    .home-banner-section .home-banner-menu-wrapper{ margin-top: 20px; }
    .home-banner-section .home-banner-logo-wrapper{ margin-top: 30px; }
    .home-banner-button-wrapper{ margin-top: 30px; }
    .home-banner-button-wrapper a.theme-button-red.circle-for-better-btn{ margin-top: 15px; }
    .home-banner-section .home-banner-logo-wrapper .home-banner-logo img{ max-width: 114px; }
    .home-banner-section .home-banner-menu-wrapper ul.home-banner-menu li{ width: 62px; height: 63px; margin: 6px 12px; }
    .home-banner-section .home-banner-menu-wrapper ul.home-banner-menu li a{ background-size: 62px; font-size: 13px; }

    /*home-ourfactory-section*/
    .home-ourfactory-section ul.factory-card-block li .factory-card-content-block h3.title{ font-size: 18px; }
    .home-ourfactory-section ul.factory-card-block li .factory-card-img-block img{ max-height: 112px; }
    .home-ourfactory-section ul.factory-card-block li .factory-card-img-block{ padding: 14px 0px 10px; }
    .home-ourfactory-section .home-ourfactory-wrapper::before{ background-size: 70%; left: -20px; top: -52px; }
    .home-ourfactory-section .home-ourfactory-wrapper::after{ top: 10px; }

    /*video slider*/
    .home-volunteers-tell-section .home-volunteers-tell-wrapper .main-title{ padding: 0 15px; }
    .home-volunteers-tell-section .home-volunteers-tell-wrapper p{ padding: 0 15px; }
    .home-volunteers-tell-section .slick-videos-wrapper .slick-list{ padding: 30px 50px!important; }

    /*home-whats-new-section*/
    .home-whats-new-section .home-whats-new-wrapper .main-title{ margin-bottom: 20px; }
    .home-whats-new-section ul.new-post-block li .featured-img-block{ position: absolute; overflow: unset; width: 100%; margin-left: 0; border: none; box-shadow: none; top: 16px; }
    .home-whats-new-section ul.new-post-block li .featured-img-block img{ border-radius: 0; height: 100%; width: auto; max-width: 100%; left: 0; top: 0; transform: none; }
    .home-whats-new-section ul.new-post-block{ width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
    .home-whats-new-section ul.new-post-block li{ position: relative; margin-bottom: 20px; }
    .home-whats-new-section ul.new-post-block li .post-content-block{ margin: 15px; padding: 240px 16px 16px; }
    .home-whats-new-section ul.new-post-block li .post-content-block .post-title{ font-size: 18px; }
    .home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .readmore-block a{ font-size: 16px; }
    .home-whats-new-section ul.new-post-block li .post-content-block .post-action-bar .readmore-block::before{ width: calc(100% + 32px ); margin-left: -16px; }

    /*our-partners-and-supporters*/
    .our-partners-and-supporters .our-partners-and-supporters-wrapper ul.our-partners-logos-wrapper li{ width: calc(50% - 30px); padding: 10px; margin: 15px; }
    .our-partners-and-supporters .our-partners-and-supporters-wrapper ul.our-partners-logos-wrapper{ justify-content: flex-end; padding: 0 0 60px 0; }

    /*home page end*/

    /*footer*/
    footer.site-footer .footer-donate-us-box::before{ right: -20px; }
    footer.site-footer .ast-container{ padding-left: 15px; padding-right: 15px; }
    footer.site-footer .footer-donate-us-box .textwidget{ margin-bottom: 30px; }
    footer.site-footer ul.footer-social-icons-set li a img{ width: 60px; }
    footer.site-footer .footer-social:before{ width: calc(100% + 30px); }
    footer.site-footer .ast-footer-overlay{ padding-top: 0px; padding-bottom: 30px; }
    footer.site-footer .footer-adv-overlay .ast-row{ width: 100%; margin: 0; }
    footer.site-footer .footer-adv-overlay .ast-row .footer-donate-us{ padding: 0; }
    footer.site-footer .footer-adv-overlay .ast-row .footer-menu-left{ padding: 0; }
    footer.site-footer .footer-adv-overlay .ast-row .footer-menu-right{ padding: 0; }

    /*about page start*/

    .common-inrbanner-section .banner-content-block .banner-heading{ font-size: 30px; }
    .common-inrbanner-section .banner-content-block{ padding: 15px 15px 30px; }
    .common-inrbanner-section .banner-content-block .banner-subheading{ font-size: 16px; }

    /*community-design-section*/
    .community-design-section .img-block{ min-height: 250px; }
    .community-design-section .content-block{ padding: 20px 15px; }
    .community-design-section .communitydesign-heading{ font-size: 25px; }
    .community-design-section .testimonial-quote{ margin: 10px 0px 60px; font-size: 14px; letter-spacing: 0.24px; }

    /*bethechange-section*/
    .bethechange-section .bethechange-wrapper{ padding: 15px 0px 5px; }

    /*aboutpage-shapes-section*/
    .aboutpage-shapes-section .shapes-wrapper ul.shapes-boxes li{ width: calc(50% - 10px); }
    .aboutpage-shapes-section .shapes-wrapper ul.shapes-boxes{ padding: 0 0 20px 0; }

    /*wanttojoin-section*/
    .wanttojoin-section .wanttojoin-wrapper .theme-button-red{ font-size: 18px; height: 50px; line-height: 50px; padding: 0 50px!important; border-radius: 15px; }
    .wanttojoin-section .wanttojoin-wrapper{ margin-bottom: 20px; }

    /*aboutpage-thumbnail-box*/
    .aboutpage-thumbnail-box .thumbnail-box-wrapper ul.thumbnail-boxes li{ width: 100%; }
    .aboutpage-thumbnail-box{ padding: 10px 0 0px; }

    /*vision-association-section*/
    .vision-association-section .img-block{ min-height: 300px; }
    .vision-association-section .vision-association-heading{ font-size: 25px; }
    .vision-association-section .content-block{ padding: 15px 15px 20px; }

    /*objectives-section*/
    .objectives-section .objectives-wrapper ul.objectives-boxes li .img-wrapper img{ min-height: 200px; }
    .objectives-section .objectives-wrapper ul.objectives-boxes li .content-wrapper{ align-items: flex-start; padding: 16px; }
    .objectives-section .objectives-wrapper ul.objectives-boxes li .content-wrapper .icon-block{ max-width: 100px; }
    .objectives-section .objectives-wrapper ul.objectives-boxes li .content-wrapper .icon-block img{ max-width: 80px; }
    .objectives-section .objectives-wrapper ul.objectives-boxes li .content-wrapper .content-block p{ margin-bottom: 0; }

     /*about page end*/

     /*read more about page start*/
    .modal-dialog{ margin: 0px; position: relative; }
    .modal-dialog::before{ content: ""; background: #fff; width: 50px; height: 50px; position: absolute; z-index: 1; border-radius: 50%; }
    button.close{  right: 10px; top: 10px; z-index: 99; }
    .modal-content{ padding:15px; border:none; border-radius: 0;}
    .comun_popup_box .post-content-block{  padding: 1em 0!important; margin: 0!important;}
    .comun_popup_box .post-content-block h3{ font-size: 20px; }
    .comun_popup_box .post-content-block .post-action-bar .post-contact-block ul.contact-option{ flex-wrap: wrap; }
    .comun_popup_box .post-content-block .post-action-bar .post-contact-block ul.contact-option li{ width: 100%; margin: 0 0 15px 0; }
    .comun_popup_box .post-content-block .post-action-bar .post-social-share-block{ margin-bottom: 0; padding-top: 10px; }
    .comun_popup_box .post-content-block .post-action-bar ul.footer-social-icons-set li{ margin: -8px; }
    .comun_popup_box .post-content-block .post-action-bar .post-contact-block{ padding-top: 15px; }
    .comun_popup_box .post-content-block .post-action-bar ul.footer-social-icons-set li a img{ width: 60px; }
    .comun_popup_box .post-content-block .post-action-bar{ position: relative; margin-top: 40px; }
    .comun_popup_box .post-content-block .post-action-bar::before{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 1px; background-color: #dcdcdc; }
    /*read more about page end*/

    /*lets volunteer page start*/
    .lets-volunteer-section .lets-volunteer-wrapper{  margin-top: 30px; }
    .lets-volunteer-section .lets-volunteer-wrapper h2.title{ font-size: 25px; margin: 0px 0px 10px; }
    .lets-volunteer-section .lets-volunteer-wrapper h4.title{ font-size: 20px; }
    ul.list-style-01 li{ font-size: 16px; }
    .lets-volunteer-section .button-wrapper{ width: 100%; margin-bottom: 50px; }
    .lets-volunteer-section .theme-button-white{ width: 100%; height: 50px; line-height: 50px; }
    .lets-volunteer-section ul.whatcanyoudo-list li a{ font-size: 16px; }

    ul.stories-wrapper{ padding-top: 10px; }
    ul.stories-wrapper li{ display: inline-block; padding: 20px 20px 10px; margin-bottom: 15px; }
    ul.stories-wrapper .img-title-block-wrapper{ display: flex; }
    ul.stories-wrapper .img-title-block-wrapper .title-block{ flex:1; }
    ul.stories-wrapper .img-title-block-wrapper .title-block h4{ font-size: 17px; line-height: 1.67; }
    ul.stories-wrapper li .img-block{ min-height: 160px; margin-left: 16px; }
    ul.stories-wrapper li .content-block .description{ position: relative; margin-bottom: 10px; padding: 20px 0; }
    ul.stories-wrapper li .content-block .description::before{ position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e4e4e4; content: ""; width: calc(100% + 40px); margin-left: -20px; }
    ul.stories-wrapper li .content-block .theme-button-text{ font-size: 17px; text-align: center; display: inline-block; width: 100%; }

    /*personal story pop up*/
    .personal-stories-popup .modal-content{ padding: 15px; }
    .personal-stories-popup ul.stories-wrapper li .img-block{ margin-left: 0; max-width: 100%; }
    .personal-stories-popup ul.stories-wrapper li .img-block .img-wrapper{ margin: 0 auto; }
    .personal-stories-popup ul.stories-wrapper li .content-block{ padding-top: 20px; }
    .personal-stories-popup ul.stories-wrapper li .content-block h4{ font-size: 22px; margin-bottom: 0; }

    /*lets volunteer page end*/

    /*Donation Page start*/
    section.common-video-section .video-section-content h3{ font-size: 20px; }
    section.common-video-section .video-section-col-left{ min-height: 340px; }
    section.common-video-section .video-section-col-left::before{ top: -40px; -webkit-mask-position: 125% 0%; }
    /*Donation Page end*/

    /*Join Igy page start*/
    .join-igy-box-section{ padding: 25px 0; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box{ margin: 0px 0px 50px; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper::before{ width: 244px; height: 83px; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper::after{ width: 244px; height: 83px; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper h3{ font-size: 18px; }
    .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper{ width: 244px; height: 83px; bottom: -30px; padding: 0 40px 20px 15px; }
    /*Join Igy page end*/

    /*Join Iggy Inner page start*/
    .inner-page-banner-section .banner-content{ left: 75px; bottom: -50px; }
    .inner-page-banner-section .banner-content h2{ padding: 20px 15px; font-size: 25px; }

    .joinigy-inner-page-content-section{ padding-top: 20px; padding-bottom: 20px; }
    .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .email-block{ padding: 20px 0 30px; }
    /*Join Iggy Inner page end*/

    /*Research Repository page start*/
    .about-research-institute-section{ padding: 0px 0px 30px; }
    .about-research-institute-section .about-research-institute-section-wrapper{ padding: 0px; }
    .about-research-institute-section-wrapper .image-wrapper{ margin-right: 0; margin-left: 0; }
    .about-research-institute-section-wrapper .image-wrapper .title-wrapper h3{ font-size: 17px; padding: 8px 0; }
    .about-research-institute-section-wrapper .image-wrapper .title-wrapper{ bottom: 20px; }
    .about-research-institute-section .about-research-institute-section-wrapper::before{ display: none; }
    .about-research-institute-section-wrapper .content-wrapper .content-block-wrapper{ padding: 20px 15px 25px; }
    .about-research-institute-section .about-research-institute-section-wrapper::after{ -webkit-mask-size: 245%; -webkit-mask-position: -100px 222px; }
    ul.list-of-studies-box li{ max-width: 250px; margin: 15px; }
    ul.list-of-studies-box li .img-wrapper img{ width: 100%; }
    ul.list-of-studies-box li .content-wrapper::before{ top: -35px; width: 70px; background-size: 84px; height: 70px; }
    ul.list-of-studies-box .content-wrapper p{ font-size: 18px; padding: 45px 16px 20px; }
    /*Research Repository page end*/

    /*contact us page start */
    .roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper .roles-box{ width: 100%; }
    .common-inrbanner-two .common-inrbanner-two-wrapper h2.banner-title{ font-size: 30px; }
    .common-inrbanner-two .common-inrbanner-two-wrapper{ padding: 40px 40px 20px; }
    .contact-form-section .contact-form-wrapper{ padding: 0 16px!important; }
    .single-join-form-wrapper .contact-form-section .contact-form-wrapper { padding: 0 16px 16px!important; }
    .contact-us-banner .contact-us-banner-wrapper .contact-form-section{ margin-bottom: -590px; }
    .address-details-section{ margin-top: 560px; }
    /*contact us page end */

    /* Jobs page start*/
    ul.jobs-listing li .content-block h3.job-title{ font-size: 20px; }
    ul.jobs-listing li .content-block .job-position{ font-size: 16px; }
    ul.jobs-listing li .content-block .scope-of-position{ font-size: 16px; }
    ul.jobs-listing li .content-block{ padding: 28px 16px 50px 20px; }
    ul.jobs-listing li .action-block a{ font-size: 16px; }
    ul.jobs-listing li{ margin-bottom: 20px; }
    ul.jobs-listing{ padding-bottom: 10px; }
    .post_pagination{ justify-content: center; position: relative; }
    .post_pagination .pagination_buttons a{ left: 0; position: absolute; top: 0; }
    .post_pagination .pagination_buttons a.deactive{ position: absolute; right: 0; top: 0; }
    
    /* Jobs page end*/

}

/*-- Responsive End --*/


.footer-menu-left { display: none; }
.footer-menu-right { display: none; }

html[dir=rtl] body .gform_wrapper :not(.top_label).ul .instruction,
html[dir=rtl] body .gform_wrapper ul:not(.top_label) .gfield_description { margin-right: 0%!important; }

html[dir=rtl] body .gform_wrapper .ul:not(.top_label) .instruction,
html[dir=rtl] body .gform_wrapper ul:not(.top_label) .gfield_description { margin-right: 0%!important; }


.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, 
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half { max-width: unset!important; }


/*-- CSS HAck For Internet Explore 10+ Start --*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

    /*Join Igy inner page*/
    .breadcrumb-section{ text-align: right; }

  /* IE10+ specific styles go here */  
  .comun_popup_box .post-content-block { position: relative; text-align: right; }
  .comun_popup_box .post-content-block .post-action-bar .post-social-share-block { width: auto; }
  .comun_popup_box .post-content-block .post-action-bar { display: inline-block; }
  .modal-content { display: inline-block; }
  .lets-volunteer-section .lets-volunteer-wrapper { text-align: right; }
  ul.stories-wrapper li .content-block { text-align: right; }
  ul.stories-wrapper li .show-desktop-only { width: 100%; }

  #letsvoluneer .gform_wrapper .gfmc-row-1-col-1-of-3 { float: right; }
  #letsvoluneer .gform_wrapper .gfmc-row-1-col-2-of-3 { float: right; }
  #letsvoluneer .gform_wrapper .gfmc-row-1-col-3-of-3 { float: right; }

  #letsvoluneer .gfmc-row-2-col-1-of-3 { width: 33%!important; }
  #letsvoluneer .gfmc-row-2-col-2-of-3 { width: 33%!important; }
  #letsvoluneer .gfmc-row-2-col-3-of-3 { width: 33%!important; }

  .gform_page { float: left; width: 100%; position: relative; }

  .joinigy-inner-page-content-wrapper .left-content-block h3 { text-align: right; }
  .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .right-content-block { text-align: right; }
  ul.joinigy-links li a { text-align: right; }
  .contact-form-section .title h3 { text-align: right; }

  section.common-video-section .video-section-content { text-align: right; }

  .training-workshops-content-wrapper .right-content-block .content-block-wrapper { text-align: right; }

  .map_section .map_branch_section { display: inline; }
  .map_section .branch_result ul li { text-align: right; }

  body .gform_wrapper.gf_rtl_wrapper ul, 
  body .gform_wrapper.gf_rtl_wrapper ul li, 
  body.rtl .gform_wrapper ul, 
  body.rtl .gform_wrapper ul li { display: inline-block; }

  .contact-form-wrapper .gform_wrapper .gform_footer input { padding: 15px 120px!important; }
  .section-title { text-align: right; }
  .common-inrbanner-two .common-inrbanner-two-wrapper h2.banner-title { text-align: right; }
  .common-inrbanner-two .common-inrbanner-two-wrapper { text-align: right; }
  .reports-section .reports-wrapper .content-block h3.title { text-align: right; }

  ul.pdf-box-wrapper li .pdf-box::after { content:''; min-height:inherit; font-size:0; }
  .address-details-section { text-align: right; }
  .roles-at-igi-section .roles-at-igi-section-wrapper h2 { text-align: right; }
  .roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper .roles-box { text-align: right; }
  .roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper a { text-align: center; }
  ul.list-of-studies-box li .content-wrapper { text-align: right; }
  .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { max-width: 100%!important; }
  body .gform_wrapper.gf_rtl_wrapper ul, 
  body .gform_wrapper.gf_rtl_wrapper ul li, 
  body.rtl .gform_wrapper ul, 
  body.rtl .gform_wrapper ul li { width: 100%; }

  .gform_wrapper.gf_browser_ie .gfield_checkbox li input, 
  .gform_wrapper.gf_browser_ie .gfield_checkbox li input[type=checkbox], 
  .gform_wrapper.gf_browser_ie .gfield_radio li input[type=radio] { margin-top: 5px; }


  /* BUttons Start */
  /*.main-header-bar-wrap .header-button .icon { background-image: url(assets/images/heart-red-icon.svg); background-color: transparent; }
  .lets-volunteer-section .theme-button-white .icon { background-image: url(assets/images/unity-hand-icon.svg); background-color: transparent; }
  .lets-volunteer-section .theme-button-white:hover .icon { background-color: transparent; }

  .theme-button-white .icon { background-image: url(assets/images/heart-red-icon.svg); background-color: transparent; }
  .theme-button-white:hover .icon { background-image: url(assets/images/heart-white-icon.svg); }
  .theme-button-red .icon { background-image: url(assets/images/heart-red-icon.svg); background-color: transparent; }
  .theme-button-red:hover .icon { background-image: url(assets/images/heart-white-icon.svg); }*/

  .main-header-bar-wrap .header-button .icon { background-image: url(assets/images/heart-red-icon.svg); background-color: transparent;
   mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   }
  .lets-volunteer-section .theme-button-white .icon { background-image: url(assets/images/unity-hand-icon.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }  
  .lets-volunteer-section .theme-button-white:hover .icon { background-image: url(assets/images/unity-hand-white-icon.svg); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }
  .theme-button-white .icon { background-image: url(assets/images/heart-red-icon.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }
   .theme-button-white:hover .icon { background-image: url(assets/images/heart-white-icon.svg); background-color: transparent;
   mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   }
  .theme-button-red .icon { background-image: url(assets/images/heart-white-icon.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }
   .theme-button-red:hover .icon { background-image: url(assets/images/heart-red-icon.svg); background-color: transparent;
   mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   }   
   .wanttojoin-section .wanttojoin-wrapper .theme-button-red .icon { background-image: url(assets/images/unity-hand-white-icon.svg); background-color: transparent;
    mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset; 
    }    
   .wanttojoin-section .wanttojoin-wrapper .theme-button-red:hover .icon { background-image: url(assets/images/unity-hand-icon.svg); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }
    .download-btn .theme-button-white .icon { background-image: url("assets/images/download-icon.svg"); background-color: transparent;
    mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset; 
    }
    .download-btn .theme-button-white:hover .icon { background-image: url(assets/images/download-icon-white.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }    
    .book-btn .theme-button-white .icon { background-image: url("assets/images/book-icon.svg"); background-color: transparent;
    mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset; 
    }
   .book-btn .theme-button-white:hover .icon { background-image: url(assets/images/book-icon-white.svg); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }

    .mobile-menu-buttons ul.buttons-wrapper li.mobile-menu a { background-image: url(assets/images/menu-bar-white.png); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   background-size: 25px;
   background-position-x: center;
   background-position-y: center;
   background-repeat: no-repeat;
   }
   .mobile-search-wrapper .search-back-button a { background-image: url(assets/images/arrow-left-white.svg); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   background-size: 100%; }

   .mobile-search-wrapper .search-form .search-submit { background-image: url(assets/images/Search-black.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   background-size: 25px;
   background-position-x: center;
   background-position-y: center;
   background-repeat: no-repeat;
    }

    .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper { display: block; }
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    
.common-inrbanner-section .banner-content-block { background-color: rgba(40, 0, 0, 0.5); }

.join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper::before { background-color: transparent !important; background-image: url(assets/images/join-igy-box-content-darkgreen-bg.png); background-size: cover; background-position: top left; background-repeat: no-repeat; opacity: 0.7; }
.join-igy-box-section .join-igy-box-wrapper .nir-program .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-lightpink-bg.png); }
.join-igy-box-section .join-igy-box-wrapper .youth-club .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-lightgreen-bg.png); }
.join-igy-box-section .join-igy-box-wrapper .young-groups .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-orange-bg.png); }
.join-igy-box-section .join-igy-box-wrapper .youth-groups .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-lightblue-bg.png); }
.join-igy-box-section .join-igy-box-wrapper .national-service .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-gray-bg.png); }
.join-igy-box-section .join-igy-box-wrapper .nir-program .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-lightpink-bg.png); }
.join-igy-box-section .join-igy-box-wrapper .domain-groups .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-pink-bg.png); }
.join-igy-box-section .join-igy-box-wrapper .equal-program .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-purple-bg.png); }
.join-igy-box-section .join-igy-box-wrapper .nation-wide-activity .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-yellow-bg.png); }

}

/* Prefix for Microsoft Edge Start */
@supports (-ms-ime-align: auto) {


   /* Join Inr Page Shape Css Start */
   .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper::after { display: none; }
   .join-igy-box-section .join-igy-box-wrapper .join-igy-box .content-wrapper::before { background-color: transparent !important; background-image: url(assets/images/join-igy-box-content-darkgreen-bg.png); background-size: cover; background-position: top left; background-repeat: no-repeat; opacity: 0.7; }
    .join-igy-box-section .join-igy-box-wrapper .nir-program .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-lightpink-bg.png); }
    .join-igy-box-section .join-igy-box-wrapper .youth-club .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-lightgreen-bg.png); }
    .join-igy-box-section .join-igy-box-wrapper .young-groups .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-orange-bg.png); }
    .join-igy-box-section .join-igy-box-wrapper .youth-groups .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-lightblue-bg.png); }
    .join-igy-box-section .join-igy-box-wrapper .national-service .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-gray-bg.png); }
    .join-igy-box-section .join-igy-box-wrapper .nir-program .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-lightpink-bg.png); }
    .join-igy-box-section .join-igy-box-wrapper .domain-groups .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-pink-bg.png); }
    .join-igy-box-section .join-igy-box-wrapper .equal-program .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-purple-bg.png); }
    .join-igy-box-section .join-igy-box-wrapper .nation-wide-activity .content-wrapper::before { background-image: url(assets/images/join-igy-box-content-yellow-bg.png); }
   /* Join Inr Page Shape Css End */

  .main-header-bar-wrap .header-button .icon { background-image: url(assets/images/heart-red-icon.svg); background-color: transparent;
   mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   }
  .lets-volunteer-section .theme-button-white .icon { background-image: url(assets/images/unity-hand-icon.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }  
  .lets-volunteer-section .theme-button-white:hover .icon { background-image: url(assets/images/unity-hand-white-icon.svg); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }
  .theme-button-white .icon { background-image: url(assets/images/heart-red-icon.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }
   .theme-button-white:hover .icon { background-image: url(assets/images/heart-white-icon.svg); background-color: transparent;
   mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   }
  .theme-button-red .icon { background-image: url(assets/images/heart-white-icon.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }
   .theme-button-red:hover .icon { background-image: url(assets/images/heart-red-icon.svg); background-color: transparent;
   mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   }   
   .wanttojoin-section .wanttojoin-wrapper .theme-button-red .icon { background-image: url(assets/images/unity-hand-white-icon.svg); background-color: transparent;
    mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset; 
    }    
   .wanttojoin-section .wanttojoin-wrapper .theme-button-red:hover .icon { background-image: url(assets/images/unity-hand-icon.svg); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }
    .download-btn .theme-button-white .icon { background-image: url("assets/images/download-icon.svg"); background-color: transparent;
    mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset; 
    }
    .download-btn .theme-button-white:hover .icon { background-image: url(assets/images/download-icon-white.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }    
    .book-btn .theme-button-white .icon { background-image: url("assets/images/book-icon.svg"); background-color: transparent;
    mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset; 
    }
   .book-btn .theme-button-white:hover .icon { background-image: url(assets/images/book-icon-white.svg); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
    }

     .mobile-menu-buttons ul.buttons-wrapper li.mobile-menu a { background-image: url(assets/images/menu-bar-white.png); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   background-size: 25px;
   background-position-x: center;
   background-position-y: center;
   background-repeat: no-repeat;
   }
   .mobile-search-wrapper .search-back-button a { background-image: url(assets/images/arrow-left-white.svg); background-color: transparent; mask-image:unset; 
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   background-size: 100%; }

   .mobile-search-wrapper .search-form .search-submit { background-image: url(assets/images/Search-black.svg); background-color: transparent; mask-image:unset;
   -webkit-mask-image:unset;
   -webkit-mask-size:unset;
   -webkit-mask-position:unset;
   -webkit-mask-repeat:unset;
   background-size: 25px;
   background-position-x: center;
   background-position-y: center;
   background-repeat: no-repeat;
    }

    .contact-form-wrapper .gform_wrapper .ginput_container_checkbox ul li input[type=checkbox] { -webkit-appearance: unset!important; }
    .roles-at-igi-section .roles-at-igi-section-wrapper .roles-box-wrapper a { text-align: right; }

    /*@media only screen and (max-width: 1023px) { 
        .joinigy-inner-page-content-section .joinigy-inner-page-content-wrapper .excerts-content-block::before { height: 100px; position: absolute; bottom: 0px; }
     }*/

}




/* Loader CSS - Start */
  
body.overflow-hiden { overflow: hidden!important; }
.loader-wrap.active-loader { display: none!important; }
.loader-wrap { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 99999999; }
.loader {
  margin: 0 auto;
  width: 60px;
  height: 50px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.loader > div {
  height: 100%;
  width: 8px;
  display: inline-block;
  float: left;
  margin-left: 2px;
  -webkit-animation: delay 0.8s infinite ease-in-out;
  animation: delay 0.8s infinite ease-in-out;
}
.loader .bar1 {
  background-color: #754fa0;
}
.loader .bar2 {
  background-color: #09b7bf;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loader .bar3 {
  background-color: #90d36b;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loader .bar4 {
  background-color: #f2d40d;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loader .bar5 {
  background-color: #fcb12b;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loader .bar6 {
  background-color: #ed1b72;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

@-webkit-keyframes delay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.05);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes delay {
  0%, 40%, 100% {
    transform: scaleY(0.05);
    -webkit-transform: scaleY(0.05);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}      
/* Loader CSS - End */

/*Start popup css*/
@media screen only and (max-width: 375px){
    #letsvoluneer{ padding-left: 0 !important;  }
    .modal-content { overflow-x: hidden;  }
}